@patternfly/react-core 6.0.0-alpha.39 → 6.0.0-alpha.40

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 (343) hide show
  1. package/CHANGELOG.md +224 -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/DragDrop/package.json +1 -1
  27. package/dist/dynamic/components/Drawer/package.json +1 -1
  28. package/dist/dynamic/components/Dropdown/package.json +1 -1
  29. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  30. package/dist/dynamic/components/EmptyState/package.json +1 -1
  31. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  32. package/dist/dynamic/components/FileUpload/package.json +1 -1
  33. package/dist/dynamic/components/Form/package.json +1 -1
  34. package/dist/dynamic/components/FormSelect/package.json +1 -1
  35. package/dist/dynamic/components/HelperText/package.json +1 -1
  36. package/dist/dynamic/components/Hint/package.json +1 -1
  37. package/dist/dynamic/components/Icon/package.json +1 -1
  38. package/dist/dynamic/components/InputGroup/package.json +1 -1
  39. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  40. package/dist/dynamic/components/Label/package.json +1 -1
  41. package/dist/dynamic/components/List/package.json +1 -1
  42. package/dist/dynamic/components/LoginPage/package.json +1 -1
  43. package/dist/dynamic/components/Masthead/package.json +1 -1
  44. package/dist/dynamic/components/Menu/package.json +1 -1
  45. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  46. package/dist/dynamic/components/Modal/package.json +1 -1
  47. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  48. package/dist/dynamic/components/Nav/package.json +1 -1
  49. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  50. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  51. package/dist/dynamic/components/NumberInput/package.json +1 -1
  52. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  53. package/dist/dynamic/components/Page/package.json +1 -1
  54. package/dist/dynamic/components/Pagination/package.json +1 -1
  55. package/dist/dynamic/components/Panel/package.json +1 -1
  56. package/dist/dynamic/components/Popover/package.json +1 -1
  57. package/dist/dynamic/components/Progress/package.json +1 -1
  58. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  59. package/dist/dynamic/components/Radio/package.json +1 -1
  60. package/dist/dynamic/components/SearchInput/package.json +1 -1
  61. package/dist/dynamic/components/Select/package.json +1 -1
  62. package/dist/dynamic/components/Sidebar/package.json +1 -1
  63. package/dist/dynamic/components/SimpleList/package.json +1 -1
  64. package/dist/dynamic/components/Skeleton/package.json +1 -1
  65. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  66. package/dist/dynamic/components/Slider/package.json +1 -1
  67. package/dist/dynamic/components/Spinner/package.json +1 -1
  68. package/dist/dynamic/components/Switch/package.json +1 -1
  69. package/dist/dynamic/components/Tabs/package.json +1 -1
  70. package/dist/dynamic/components/Text/package.json +1 -1
  71. package/dist/dynamic/components/TextArea/package.json +1 -1
  72. package/dist/dynamic/components/TextInput/package.json +1 -1
  73. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  74. package/dist/dynamic/components/Tile/package.json +1 -1
  75. package/dist/dynamic/components/TimePicker/package.json +1 -1
  76. package/dist/dynamic/components/Timestamp/package.json +1 -1
  77. package/dist/dynamic/components/Title/package.json +1 -1
  78. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  79. package/dist/dynamic/components/Toolbar/package.json +1 -1
  80. package/dist/dynamic/components/Tooltip/package.json +1 -1
  81. package/dist/dynamic/components/TreeView/package.json +1 -1
  82. package/dist/dynamic/components/Truncate/package.json +1 -1
  83. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  84. package/dist/dynamic/components/Wizard/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/ApplicationLauncher/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/Chip/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/DualListSelector/package.json +1 -0
  119. package/dist/dynamic/next/components/Modal/package.json +1 -1
  120. package/dist/dynamic/next/components/package.json +1 -1
  121. package/dist/dynamic/styles/package.json +1 -1
  122. package/dist/esm/components/Checkbox/Checkbox.js +2 -2
  123. package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
  124. package/dist/esm/components/JumpLinks/JumpLinks.d.ts +3 -1
  125. package/dist/esm/components/JumpLinks/JumpLinks.d.ts.map +1 -1
  126. package/dist/esm/components/JumpLinks/JumpLinks.js +19 -7
  127. package/dist/esm/components/JumpLinks/JumpLinks.js.map +1 -1
  128. package/dist/esm/components/MenuToggle/MenuToggle.js +1 -1
  129. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  130. package/dist/esm/components/Radio/Radio.js +2 -2
  131. package/dist/esm/components/Radio/Radio.js.map +1 -1
  132. package/dist/esm/components/SearchInput/SearchInput.d.ts +2 -0
  133. package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
  134. package/dist/esm/components/SearchInput/SearchInput.js +2 -2
  135. package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
  136. package/dist/esm/components/Select/Select.d.ts +6 -0
  137. package/dist/esm/components/Select/Select.d.ts.map +1 -1
  138. package/dist/esm/components/Select/Select.js +3 -3
  139. package/dist/esm/components/Select/Select.js.map +1 -1
  140. package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts +2 -0
  141. package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
  142. package/dist/esm/components/TextInputGroup/TextInputGroupMain.js +3 -3
  143. package/dist/esm/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
  144. package/dist/esm/helpers/Popper/Popper.js +2 -2
  145. package/dist/esm/helpers/Popper/Popper.js.map +1 -1
  146. package/dist/esm/index.d.ts +0 -1
  147. package/dist/esm/index.d.ts.map +1 -1
  148. package/dist/esm/index.js +0 -1
  149. package/dist/esm/index.js.map +1 -1
  150. package/dist/esm/next/components/DualListSelector/DualListSelector.d.ts +23 -0
  151. package/dist/esm/next/components/DualListSelector/DualListSelector.d.ts.map +1 -0
  152. package/dist/esm/next/components/DualListSelector/DualListSelector.js +23 -0
  153. package/dist/esm/next/components/DualListSelector/DualListSelector.js.map +1 -0
  154. package/dist/esm/next/components/DualListSelector/DualListSelectorContext.d.ts +19 -0
  155. package/dist/esm/next/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -0
  156. package/dist/esm/next/components/DualListSelector/DualListSelectorContext.js +5 -0
  157. package/dist/esm/next/components/DualListSelector/DualListSelectorContext.js.map +1 -0
  158. package/dist/esm/next/components/DualListSelector/DualListSelectorControl.d.ts +25 -0
  159. package/dist/esm/next/components/DualListSelector/DualListSelectorControl.d.ts.map +1 -0
  160. package/dist/esm/next/components/DualListSelector/DualListSelectorControl.js +18 -0
  161. package/dist/esm/next/components/DualListSelector/DualListSelectorControl.js.map +1 -0
  162. package/dist/esm/next/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +15 -0
  163. package/dist/esm/next/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +1 -0
  164. package/dist/esm/next/components/DualListSelector/DualListSelectorControlsWrapper.js +35 -0
  165. package/dist/esm/next/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -0
  166. package/dist/esm/next/components/DualListSelector/DualListSelectorList.d.ts +8 -0
  167. package/dist/esm/next/components/DualListSelector/DualListSelectorList.d.ts.map +1 -0
  168. package/dist/esm/next/components/DualListSelector/DualListSelectorList.js +26 -0
  169. package/dist/esm/next/components/DualListSelector/DualListSelectorList.js.map +1 -0
  170. package/dist/esm/next/components/DualListSelector/DualListSelectorListItem.d.ts +29 -0
  171. package/dist/esm/next/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -0
  172. package/dist/esm/next/components/DualListSelector/DualListSelectorListItem.js +38 -0
  173. package/dist/esm/next/components/DualListSelector/DualListSelectorListItem.js.map +1 -0
  174. package/dist/esm/next/components/DualListSelector/DualListSelectorListWrapper.d.ts +24 -0
  175. package/dist/esm/next/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -0
  176. package/dist/esm/next/components/DualListSelector/DualListSelectorListWrapper.js +59 -0
  177. package/dist/esm/next/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -0
  178. package/dist/esm/next/components/DualListSelector/DualListSelectorPane.d.ts +31 -0
  179. package/dist/esm/next/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -0
  180. package/dist/esm/next/components/DualListSelector/DualListSelectorPane.js +27 -0
  181. package/dist/esm/next/components/DualListSelector/DualListSelectorPane.js.map +1 -0
  182. package/dist/esm/next/components/DualListSelector/DualListSelectorTree.d.ts +48 -0
  183. package/dist/esm/next/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -0
  184. package/dist/esm/next/components/DualListSelector/DualListSelectorTree.js +15 -0
  185. package/dist/esm/next/components/DualListSelector/DualListSelectorTree.js.map +1 -0
  186. package/dist/esm/next/components/DualListSelector/DualListSelectorTreeItem.d.ts +32 -0
  187. package/dist/esm/next/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -0
  188. package/dist/esm/next/components/DualListSelector/DualListSelectorTreeItem.js +75 -0
  189. package/dist/esm/next/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -0
  190. package/dist/esm/next/components/DualListSelector/index.d.ts +8 -0
  191. package/dist/esm/next/components/DualListSelector/index.d.ts.map +1 -0
  192. package/dist/esm/next/components/DualListSelector/index.js +8 -0
  193. package/dist/esm/next/components/DualListSelector/index.js.map +1 -0
  194. package/dist/esm/next/components/DualListSelector/treeUtils.d.ts +8 -0
  195. package/dist/esm/next/components/DualListSelector/treeUtils.d.ts.map +1 -0
  196. package/dist/esm/next/components/DualListSelector/treeUtils.js +68 -0
  197. package/dist/esm/next/components/DualListSelector/treeUtils.js.map +1 -0
  198. package/dist/esm/next/components/index.d.ts +1 -0
  199. package/dist/esm/next/components/index.d.ts.map +1 -1
  200. package/dist/esm/next/components/index.js +1 -0
  201. package/dist/esm/next/components/index.js.map +1 -1
  202. package/dist/js/components/Checkbox/Checkbox.js +2 -2
  203. package/dist/js/components/Checkbox/Checkbox.js.map +1 -1
  204. package/dist/js/components/JumpLinks/JumpLinks.d.ts +3 -1
  205. package/dist/js/components/JumpLinks/JumpLinks.d.ts.map +1 -1
  206. package/dist/js/components/JumpLinks/JumpLinks.js +19 -7
  207. package/dist/js/components/JumpLinks/JumpLinks.js.map +1 -1
  208. package/dist/js/components/MenuToggle/MenuToggle.js +1 -1
  209. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  210. package/dist/js/components/Radio/Radio.js +2 -2
  211. package/dist/js/components/Radio/Radio.js.map +1 -1
  212. package/dist/js/components/SearchInput/SearchInput.d.ts +2 -0
  213. package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
  214. package/dist/js/components/SearchInput/SearchInput.js +2 -2
  215. package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
  216. package/dist/js/components/Select/Select.d.ts +6 -0
  217. package/dist/js/components/Select/Select.d.ts.map +1 -1
  218. package/dist/js/components/Select/Select.js +3 -3
  219. package/dist/js/components/Select/Select.js.map +1 -1
  220. package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts +2 -0
  221. package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
  222. package/dist/js/components/TextInputGroup/TextInputGroupMain.js +3 -3
  223. package/dist/js/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
  224. package/dist/js/helpers/Popper/Popper.js +2 -2
  225. package/dist/js/helpers/Popper/Popper.js.map +1 -1
  226. package/dist/js/index.d.ts +0 -1
  227. package/dist/js/index.d.ts.map +1 -1
  228. package/dist/js/index.js +0 -1
  229. package/dist/js/index.js.map +1 -1
  230. package/dist/js/next/components/DualListSelector/DualListSelector.d.ts +23 -0
  231. package/dist/js/next/components/DualListSelector/DualListSelector.d.ts.map +1 -0
  232. package/dist/js/next/components/DualListSelector/DualListSelector.js +26 -0
  233. package/dist/js/next/components/DualListSelector/DualListSelector.js.map +1 -0
  234. package/dist/js/next/components/DualListSelector/DualListSelectorContext.d.ts +19 -0
  235. package/dist/js/next/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -0
  236. package/dist/js/next/components/DualListSelector/DualListSelectorContext.js +9 -0
  237. package/dist/js/next/components/DualListSelector/DualListSelectorContext.js.map +1 -0
  238. package/dist/js/next/components/DualListSelector/DualListSelectorControl.d.ts +25 -0
  239. package/dist/js/next/components/DualListSelector/DualListSelectorControl.d.ts.map +1 -0
  240. package/dist/js/next/components/DualListSelector/DualListSelectorControl.js +22 -0
  241. package/dist/js/next/components/DualListSelector/DualListSelectorControl.js.map +1 -0
  242. package/dist/js/next/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +15 -0
  243. package/dist/js/next/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +1 -0
  244. package/dist/js/next/components/DualListSelector/DualListSelectorControlsWrapper.js +39 -0
  245. package/dist/js/next/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -0
  246. package/dist/js/next/components/DualListSelector/DualListSelectorList.d.ts +8 -0
  247. package/dist/js/next/components/DualListSelector/DualListSelectorList.d.ts.map +1 -0
  248. package/dist/js/next/components/DualListSelector/DualListSelectorList.js +30 -0
  249. package/dist/js/next/components/DualListSelector/DualListSelectorList.js.map +1 -0
  250. package/dist/js/next/components/DualListSelector/DualListSelectorListItem.d.ts +29 -0
  251. package/dist/js/next/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -0
  252. package/dist/js/next/components/DualListSelector/DualListSelectorListItem.js +42 -0
  253. package/dist/js/next/components/DualListSelector/DualListSelectorListItem.js.map +1 -0
  254. package/dist/js/next/components/DualListSelector/DualListSelectorListWrapper.d.ts +24 -0
  255. package/dist/js/next/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -0
  256. package/dist/js/next/components/DualListSelector/DualListSelectorListWrapper.js +63 -0
  257. package/dist/js/next/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -0
  258. package/dist/js/next/components/DualListSelector/DualListSelectorPane.d.ts +31 -0
  259. package/dist/js/next/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -0
  260. package/dist/js/next/components/DualListSelector/DualListSelectorPane.js +31 -0
  261. package/dist/js/next/components/DualListSelector/DualListSelectorPane.js.map +1 -0
  262. package/dist/js/next/components/DualListSelector/DualListSelectorTree.d.ts +48 -0
  263. package/dist/js/next/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -0
  264. package/dist/js/next/components/DualListSelector/DualListSelectorTree.js +19 -0
  265. package/dist/js/next/components/DualListSelector/DualListSelectorTree.js.map +1 -0
  266. package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.d.ts +32 -0
  267. package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -0
  268. package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.js +78 -0
  269. package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -0
  270. package/dist/js/next/components/DualListSelector/index.d.ts +8 -0
  271. package/dist/js/next/components/DualListSelector/index.d.ts.map +1 -0
  272. package/dist/js/next/components/DualListSelector/index.js +11 -0
  273. package/dist/js/next/components/DualListSelector/index.js.map +1 -0
  274. package/dist/js/next/components/DualListSelector/treeUtils.d.ts +8 -0
  275. package/dist/js/next/components/DualListSelector/treeUtils.d.ts.map +1 -0
  276. package/dist/js/next/components/DualListSelector/treeUtils.js +77 -0
  277. package/dist/js/next/components/DualListSelector/treeUtils.js.map +1 -0
  278. package/dist/js/next/components/index.d.ts +1 -0
  279. package/dist/js/next/components/index.d.ts.map +1 -1
  280. package/dist/js/next/components/index.js +1 -0
  281. package/dist/js/next/components/index.js.map +1 -1
  282. package/dist/umd/react-core.min.js +3 -3
  283. package/helpers/package.json +1 -1
  284. package/layouts/package.json +1 -1
  285. package/next/package.json +1 -1
  286. package/package.json +7 -6
  287. package/scripts/cleanDistExports.js +14 -0
  288. package/src/components/Accordion/__tests__/AccordionToggle.test.tsx +28 -0
  289. package/src/components/Checkbox/Checkbox.tsx +2 -2
  290. package/src/components/JumpLinks/JumpLinks.tsx +21 -7
  291. package/src/components/MenuToggle/MenuToggle.tsx +1 -1
  292. package/src/components/MenuToggle/examples/MenuToggleTypeahead.tsx +1 -1
  293. package/src/components/Radio/Radio.tsx +2 -2
  294. package/src/components/SearchInput/SearchInput.tsx +4 -0
  295. package/src/components/Select/Select.tsx +13 -1
  296. package/src/components/Select/examples/SelectMultiTypeahead.tsx +8 -1
  297. package/src/components/Select/examples/SelectMultiTypeaheadCheckbox.tsx +8 -1
  298. package/src/components/Select/examples/SelectMultiTypeaheadCreatable.tsx +8 -1
  299. package/src/components/Select/examples/SelectTypeahead.tsx +8 -1
  300. package/src/components/Select/examples/SelectTypeaheadCreatable.tsx +8 -1
  301. package/src/components/TextInputGroup/TextInputGroupMain.tsx +5 -0
  302. package/src/components/TextInputGroup/__tests__/TextInputGroupMain.test.tsx +8 -0
  303. package/src/demos/JumpLinks.md +4 -3
  304. package/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js +25 -16
  305. package/src/helpers/Popper/Popper.tsx +1 -1
  306. package/src/index.ts +0 -1
  307. package/src/next/components/DualListSelector/DualListSelector.tsx +50 -0
  308. package/src/next/components/DualListSelector/DualListSelectorContext.ts +21 -0
  309. package/src/next/components/DualListSelector/DualListSelectorControl.tsx +66 -0
  310. package/src/next/components/DualListSelector/DualListSelectorControlsWrapper.tsx +87 -0
  311. package/src/next/components/DualListSelector/DualListSelectorList.tsx +57 -0
  312. package/src/next/components/DualListSelector/DualListSelectorListItem.tsx +105 -0
  313. package/src/next/components/DualListSelector/DualListSelectorListWrapper.tsx +124 -0
  314. package/src/next/components/DualListSelector/DualListSelectorPane.tsx +94 -0
  315. package/src/next/components/DualListSelector/DualListSelectorTree.tsx +110 -0
  316. package/src/next/components/DualListSelector/DualListSelectorTreeItem.tsx +184 -0
  317. package/src/next/components/DualListSelector/__tests__/DualListSelector.test.tsx +26 -0
  318. package/src/next/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +122 -0
  319. package/src/next/components/DualListSelector/examples/DualListSelector.md +99 -0
  320. package/src/next/components/DualListSelector/examples/DualListSelectorBasic.tsx +157 -0
  321. package/src/next/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx +211 -0
  322. package/src/next/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx +165 -0
  323. package/src/next/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +344 -0
  324. package/src/next/components/DualListSelector/examples/DualListSelectorDragDrop.tsx +184 -0
  325. package/src/next/components/DualListSelector/examples/DualListSelectorTree.tsx +373 -0
  326. package/src/next/components/DualListSelector/index.ts +7 -0
  327. package/src/next/components/DualListSelector/treeUtils.ts +81 -0
  328. package/src/next/components/index.ts +1 -0
  329. package/dist/esm/demos/index.d.ts +0 -3
  330. package/dist/esm/demos/index.d.ts.map +0 -1
  331. package/dist/esm/demos/index.js +0 -3
  332. package/dist/esm/demos/index.js.map +0 -1
  333. package/dist/js/demos/index.d.ts +0 -3
  334. package/dist/js/demos/index.d.ts.map +0 -1
  335. package/dist/js/demos/index.js +0 -6
  336. package/dist/js/demos/index.js.map +0 -1
  337. package/src/components/DataList/__tests__/__snapshots__/DataListAction.test.tsx.snap~HEAD +0 -11
  338. package/src/components/DataList/__tests__/__snapshots__/DataListAction.test.tsx.snap~main +0 -11
  339. package/src/components/DataList/__tests__/__snapshots__/DataListItemCells.test.tsx.snap~HEAD +0 -9
  340. package/src/components/DataList/__tests__/__snapshots__/DataListItemCells.test.tsx.snap~main +0 -9
  341. package/src/components/DataList/__tests__/__snapshots__/DataListItemRow.test.tsx.snap~HEAD +0 -9
  342. package/src/components/DataList/__tests__/__snapshots__/DataListItemRow.test.tsx.snap~main +0 -9
  343. package/src/demos/index.ts +0 -2
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ /** Acts as the container for DualListSelectorListItem sub-components. */
3
+ export interface DualListSelectorListProps extends React.HTMLProps<HTMLUListElement> {
4
+ /** Content rendered inside the dual list selector list. */
5
+ children?: React.ReactNode;
6
+ }
7
+ export declare const DualListSelectorList: React.FunctionComponent<DualListSelectorListProps>;
8
+ //# sourceMappingURL=DualListSelectorList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DualListSelectorList.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,yEAAyE;AAEzE,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAClF,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA0CnF,CAAC"}
@@ -0,0 +1,26 @@
1
+ import { __rest } from "tslib";
2
+ import { css } from '@patternfly/react-styles';
3
+ import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector.mjs';
4
+ import { DualListSelectorListItem } from './DualListSelectorListItem';
5
+ import * as React from 'react';
6
+ import { DualListSelectorListContext } from './DualListSelectorContext';
7
+ export const DualListSelectorList = (_a) => {
8
+ var { children } = _a, props = __rest(_a, ["children"]);
9
+ const { isTree, ariaLabelledBy, focusedOption, displayOption, selectedOptions, id, options, isDisabled } = React.useContext(DualListSelectorListContext);
10
+ const hasOptions = () => options.length !== 0 || (children !== undefined && children.length !== 0);
11
+ return (React.createElement("ul", Object.assign({ className: css(styles.dualListSelectorList) }, (hasOptions() && {
12
+ role: isTree ? 'tree' : 'listbox',
13
+ 'aria-multiselectable': true,
14
+ 'aria-labelledby': ariaLabelledBy,
15
+ 'aria-activedescendant': focusedOption
16
+ }), { "aria-disabled": isDisabled ? 'true' : undefined }, props), options.length === 0
17
+ ? children
18
+ : options.map((option, index) => {
19
+ if (displayOption(option)) {
20
+ return (React.createElement(DualListSelectorListItem, { key: index, isSelected: selectedOptions.indexOf(index) !== -1, id: `${id}-option-${index}`, orderIndex: index, isDisabled: isDisabled }, option));
21
+ }
22
+ return;
23
+ })));
24
+ };
25
+ DualListSelectorList.displayName = 'DualListSelectorList';
26
+ //# sourceMappingURL=DualListSelectorList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DualListSelectorList.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,wFAAoF;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AASxE,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAG7D,EAAE,EAAE;QAHyD,EACvF,QAAQ,OAEkB,EADvB,KAAK,cAF+E,YAGxF,CADS;IAER,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,GACtG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAK,QAA8B,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAEnG,OAAO,CACL,0CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC,IACvC,CAAC,UAAU,EAAE,IAAI;QACnB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACjC,sBAAsB,EAAE,IAAI;QAC5B,iBAAiB,EAAE,cAAc;QACjC,uBAAuB,EAAE,aAAa;KACvC,CAAC,qBACa,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAC1C,KAAK,GAER,OAAO,CAAC,MAAM,KAAK,CAAC;QACnB,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE;gBACzB,OAAO,CACL,oBAAC,wBAAwB,IACvB,GAAG,EAAE,KAAK,EACV,UAAU,EAAG,eAA4B,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC/D,EAAE,EAAE,GAAG,EAAE,WAAW,KAAK,EAAE,EAC3B,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,IAErB,MAAM,CACkB,CAC5B,CAAC;aACH;YACD,OAAO;QACT,CAAC,CAAC,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
@@ -0,0 +1,29 @@
1
+ import * as React from 'react';
2
+ /** Creates an individual option that can be selected and moved between the
3
+ * dual list selector panes. This is contained within the DualListSelectorList sub-component.
4
+ */
5
+ export interface DualListSelectorListItemProps extends React.HTMLProps<HTMLLIElement> {
6
+ /** Content rendered inside the dual list selector. */
7
+ children?: React.ReactNode;
8
+ /** Additional classes applied to the dual list selector. */
9
+ className?: string;
10
+ /** Flag indicating the list item is currently selected. */
11
+ isSelected?: boolean;
12
+ /** Callback fired when an option is selected. */
13
+ onOptionSelect?: (event: React.MouseEvent | React.ChangeEvent | React.KeyboardEvent, id?: string) => void;
14
+ /** ID of the option. */
15
+ id?: string;
16
+ /** @hide Internal field used to keep track of order of unfiltered options. */
17
+ orderIndex?: number;
18
+ /** @hide Forwarded ref */
19
+ innerRef?: React.RefObject<HTMLLIElement>;
20
+ /** Flag indicating this item is draggable for reordering. */
21
+ isDraggable?: boolean;
22
+ /** Accessible label for the draggable button on draggable list items. */
23
+ draggableButtonAriaLabel?: string;
24
+ /** Flag indicating if the dual list selector is in a disabled state. */
25
+ isDisabled?: boolean;
26
+ }
27
+ export declare const DualListSelectorListItemBase: React.FunctionComponent<DualListSelectorListItemProps>;
28
+ export declare const DualListSelectorListItem: React.ForwardRefExoticComponent<Omit<DualListSelectorListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
29
+ //# sourceMappingURL=DualListSelectorListItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DualListSelectorListItem.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;GAEG;AAEH,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACnF,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,aAAa,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1G,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAC1C,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yEAAyE;IACzE,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CA6D/F,CAAC;AAGF,eAAO,MAAM,wBAAwB,kHAIpC,CAAC"}
@@ -0,0 +1,38 @@
1
+ import { __rest } from "tslib";
2
+ import * as React from 'react';
3
+ import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector.mjs';
4
+ import { css } from '@patternfly/react-styles';
5
+ import { getUniqueId } from '../../../helpers';
6
+ import GripVerticalIcon from '@patternfly/react-icons/dist/esm/icons/grip-vertical-icon';
7
+ import { Button, ButtonVariant } from '../../../components/Button';
8
+ import { DualListSelectorListContext } from './DualListSelectorContext';
9
+ export const DualListSelectorListItemBase = (_a) => {
10
+ var { onOptionSelect, orderIndex, children, className, id = getUniqueId('dual-list-selector-list-item'), isSelected, innerRef, isDraggable = false, isDisabled,
11
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
12
+ draggableButtonAriaLabel = 'Reorder option' } = _a, props = __rest(_a, ["onOptionSelect", "orderIndex", "children", "className", "id", "isSelected", "innerRef", "isDraggable", "isDisabled", "draggableButtonAriaLabel"]);
13
+ const privateRef = React.useRef(null);
14
+ const ref = innerRef || privateRef;
15
+ const { setFocusedOption } = React.useContext(DualListSelectorListContext);
16
+ return (React.createElement("li", Object.assign({ className: css(styles.dualListSelectorListItem, className, isDisabled && styles.modifiers.disabled), key: orderIndex, onClick: isDisabled
17
+ ? undefined
18
+ : (e) => {
19
+ setFocusedOption(id);
20
+ onOptionSelect(e, id);
21
+ }, onKeyDown: (e) => {
22
+ if (e.key === ' ' || e.key === 'Enter') {
23
+ document.activeElement.click();
24
+ e.preventDefault();
25
+ }
26
+ }, "aria-selected": isSelected, id: id, ref: ref, role: "option", tabIndex: -1 }, props),
27
+ React.createElement("div", { className: css(styles.dualListSelectorListItemRow, isSelected && styles.modifiers.selected) },
28
+ isDraggable && !isDisabled && (React.createElement("div", { className: css(styles.dualListSelectorDraggable) },
29
+ React.createElement(Button, { variant: ButtonVariant.plain, component: "span" },
30
+ React.createElement(GripVerticalIcon, { style: { verticalAlign: '-0.3em' } })))),
31
+ React.createElement("span", { className: css(styles.dualListSelectorItem) },
32
+ React.createElement("span", { className: css(styles.dualListSelectorItemMain) },
33
+ React.createElement("span", { className: css(styles.dualListSelectorItemText) }, children))))));
34
+ };
35
+ DualListSelectorListItemBase.displayName = 'DualListSelectorListItemBase';
36
+ export const DualListSelectorListItem = React.forwardRef((props, ref) => (React.createElement(DualListSelectorListItemBase, Object.assign({ innerRef: ref }, props))));
37
+ DualListSelectorListItem.displayName = 'DualListSelectorListItem';
38
+ //# sourceMappingURL=DualListSelectorListItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DualListSelectorListItem.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorListItem.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,24 @@
1
+ import * as React from 'react';
2
+ export interface DualListSelectorListWrapperProps extends React.HTMLProps<HTMLDivElement> {
3
+ /** Additional classes applied to the dual list selector. */
4
+ className?: string;
5
+ /** Anything that can be rendered inside of the list. */
6
+ children?: React.ReactNode;
7
+ /** ID of the dual list selector list. */
8
+ id?: string;
9
+ /** Accessibly label for the list. */
10
+ 'aria-labelledby': string;
11
+ /** @hide forwarded ref */
12
+ innerRef?: React.RefObject<HTMLDivElement>;
13
+ /** @hide Options to list in the pane. */
14
+ options?: React.ReactNode[];
15
+ /** @hide Options currently selected in the pane. */
16
+ selectedOptions?: string[] | number[];
17
+ /** @hide Function to determine if an option should be displayed depending on a custom filter value. */
18
+ displayOption?: (option: React.ReactNode) => boolean;
19
+ /** Flag indicating whether the component is disabled. */
20
+ isDisabled?: boolean;
21
+ }
22
+ export declare const DualListSelectorListWrapperBase: React.FunctionComponent<DualListSelectorListWrapperProps>;
23
+ export declare const DualListSelectorListWrapper: React.ForwardRefExoticComponent<Omit<DualListSelectorListWrapperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
24
+ //# sourceMappingURL=DualListSelectorListWrapper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DualListSelectorListWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorListWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvF,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,qCAAqC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACtC,uGAAuG;IACvG,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC;IACrD,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,+BAA+B,EAAE,KAAK,CAAC,iBAAiB,CAAC,gCAAgC,CAsFrG,CAAC;AAGF,eAAO,MAAM,2BAA2B,sHAIvC,CAAC"}
@@ -0,0 +1,59 @@
1
+ import { __rest } from "tslib";
2
+ import * as React from 'react';
3
+ import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector.mjs';
4
+ import { css } from '@patternfly/react-styles';
5
+ import { getUniqueId, handleArrows } from '../../../helpers';
6
+ import { DualListSelectorList } from './DualListSelectorList';
7
+ import { DualListSelectorContext, DualListSelectorListContext } from './DualListSelectorContext';
8
+ export const DualListSelectorListWrapperBase = (_a) => {
9
+ var { className, children, 'aria-labelledby': ariaLabelledBy, innerRef, options = [], selectedOptions = [], displayOption, id = getUniqueId('dual-list-selector-list'), isDisabled = false } = _a, props = __rest(_a, ["className", "children", 'aria-labelledby', "innerRef", "options", "selectedOptions", "displayOption", "id", "isDisabled"]);
10
+ const [focusedOption, setFocusedOption] = React.useState('');
11
+ const ref = React.useRef(null);
12
+ const menuRef = innerRef || ref;
13
+ const { isTree } = React.useContext(DualListSelectorContext);
14
+ // Sets up keyboard focus handling for the dual list selector menu child of the pane.
15
+ const handleKeys = (event) => {
16
+ if (!menuRef.current ||
17
+ (menuRef.current !== event.target.closest(`.${styles.dualListSelectorMenu}`) &&
18
+ !Array.from(menuRef.current.getElementsByClassName(styles.dualListSelectorMenu)).includes(event.target.closest(`.${styles.dualListSelectorMenu}`)))) {
19
+ return;
20
+ }
21
+ event.stopImmediatePropagation();
22
+ const validOptions = isTree
23
+ ? Array.from(menuRef.current.querySelectorAll(`.${styles.dualListSelectorItemToggle}, .${styles.dualListSelectorItemCheck} > input`))
24
+ : Array.from(menuRef.current.getElementsByTagName('LI')).filter((el) => !el.classList.contains('pf-m-disabled'));
25
+ const activeElement = document.activeElement;
26
+ handleArrows(event, validOptions, (element) => activeElement.contains(element), (element) => {
27
+ if (element.classList.contains(`.${styles.dualListSelectorListItem}`)) {
28
+ setFocusedOption(element.id);
29
+ }
30
+ else {
31
+ setFocusedOption(element.closest(`.${styles.dualListSelectorListItem}`).id);
32
+ }
33
+ return element;
34
+ }, [`.${styles.dualListSelectorItemToggle}`, `.${styles.dualListSelectorItemCheck} > input`], undefined, false, false, false);
35
+ };
36
+ React.useEffect(() => {
37
+ window.addEventListener('keydown', handleKeys);
38
+ return () => {
39
+ window.removeEventListener('keydown', handleKeys);
40
+ };
41
+ // eslint-disable-next-line react-hooks/exhaustive-deps
42
+ }, [menuRef.current]);
43
+ return (React.createElement("div", Object.assign({ className: css(styles.dualListSelectorMenu, className), ref: menuRef, tabIndex: 0 }, props),
44
+ React.createElement(DualListSelectorListContext.Provider, { value: {
45
+ setFocusedOption,
46
+ isTree,
47
+ focusedOption,
48
+ ariaLabelledBy,
49
+ displayOption,
50
+ selectedOptions,
51
+ id,
52
+ options,
53
+ isDisabled
54
+ } }, children ? children : React.createElement(DualListSelectorList, null))));
55
+ };
56
+ DualListSelectorListWrapperBase.displayName = 'DualListSelectorListWrapperBase';
57
+ export const DualListSelectorListWrapper = React.forwardRef((props, ref) => (React.createElement(DualListSelectorListWrapperBase, Object.assign({ innerRef: ref }, props))));
58
+ DualListSelectorListWrapper.displayName = 'DualListSelectorListWrapper';
59
+ //# sourceMappingURL=DualListSelectorListWrapper.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DualListSelectorListWrapper.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorListWrapper.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,31 @@
1
+ import * as React from 'react';
2
+ /** Acts as the container for a list of options that are either available or chosen,
3
+ * depending on the pane type (available or chosen). A search input and other actions,
4
+ * such as sorting, can also be passed into this sub-component.
5
+ */
6
+ export interface DualListSelectorPaneProps extends Omit<React.HTMLProps<HTMLDivElement>, 'title'> {
7
+ /** Additional classes applied to the dual list selector pane. */
8
+ className?: string;
9
+ /** A dual list selector list or dual list selector tree to be rendered in the pane. */
10
+ children?: React.ReactNode;
11
+ /** Flag indicating if this pane is the chosen pane. */
12
+ isChosen?: boolean;
13
+ /** Status to display above the pane. */
14
+ status?: string;
15
+ /** Title of the pane. */
16
+ title?: React.ReactNode;
17
+ /** A search input placed above the list at the top of the pane, before actions. */
18
+ searchInput?: React.ReactNode;
19
+ /** Actions to place above the pane. */
20
+ actions?: React.ReactNode[];
21
+ /** ID of the pane. */
22
+ id?: string;
23
+ /** Flag indicating whether the component is disabled. */
24
+ isDisabled?: boolean;
25
+ /** Callback for search input. To be used when isSearchable is true. */
26
+ onSearch?: (event: React.ChangeEvent<HTMLInputElement>) => void;
27
+ /** Minimum height of the list of options rendered in the pane. **/
28
+ listMinHeight?: string;
29
+ }
30
+ export declare const DualListSelectorPane: React.FunctionComponent<DualListSelectorPaneProps>;
31
+ //# sourceMappingURL=DualListSelectorPane.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DualListSelectorPane.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;;GAGG;AAEH,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mFAAmF;IACnF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uCAAuC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,sBAAsB;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAqDnF,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { __rest } from "tslib";
2
+ import * as React from 'react';
3
+ import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector.mjs';
4
+ import { css } from '@patternfly/react-styles';
5
+ import { getUniqueId } from '../../../helpers';
6
+ import { DualListSelectorListWrapper } from './DualListSelectorListWrapper';
7
+ import { DualListSelectorPaneContext } from './DualListSelectorContext';
8
+ import { SearchInput } from '../../../components/SearchInput';
9
+ import cssMenuMinHeight from '@patternfly/react-tokens/dist/esm/c_dual_list_selector__menu_MinHeight';
10
+ export const DualListSelectorPane = (_a) => {
11
+ var { isChosen = false, className = '', status = '', actions, searchInput, children, title = '', id = getUniqueId('dual-list-selector-pane'), isDisabled = false, listMinHeight } = _a, props = __rest(_a, ["isChosen", "className", "status", "actions", "searchInput", "children", "title", "id", "isDisabled", "listMinHeight"]);
12
+ return (React.createElement("div", Object.assign({ className: css(styles.dualListSelectorPane, isChosen ? styles.modifiers.chosen : 'pf-m-available', className) }, props),
13
+ title && (React.createElement("div", { className: css(styles.dualListSelectorHeader) },
14
+ React.createElement("div", { className: `${styles.dualListSelector}__title` },
15
+ React.createElement("div", { className: css(styles.dualListSelectorTitleText) }, title)))),
16
+ (actions || searchInput) && (React.createElement("div", { className: css(styles.dualListSelectorTools) },
17
+ searchInput && (React.createElement("div", { className: css(styles.dualListSelectorToolsFilter) }, searchInput ? searchInput : React.createElement(SearchInput, { isDisabled: isDisabled }))),
18
+ actions && React.createElement("div", { className: css(styles.dualListSelectorToolsActions) }, actions))),
19
+ status && (React.createElement("div", { className: css(styles.dualListSelectorStatus) },
20
+ React.createElement("div", { className: css(styles.dualListSelectorStatusText), id: `${id}-status` }, status))),
21
+ React.createElement(DualListSelectorPaneContext.Provider, { value: { isChosen } },
22
+ React.createElement(DualListSelectorListWrapper, Object.assign({ "aria-labelledby": `${id}-status`, id: `${id}-list` }, (listMinHeight && {
23
+ style: { [cssMenuMinHeight.name]: listMinHeight }
24
+ })), children))));
25
+ };
26
+ DualListSelectorPane.displayName = 'DualListSelectorPane';
27
+ //# sourceMappingURL=DualListSelectorPane.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DualListSelectorPane.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorPane.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,wFAAoF;AACjG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,gBAAgB,MAAM,wEAAwE,CAAC;AAgCtG,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAY7D,EAAE,EAAE;QAZyD,EACvF,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,EAAE,EACX,OAAO,EACP,WAAW,EACX,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,EAAE,GAAG,WAAW,CAAC,yBAAyB,CAAC,EAC3C,UAAU,GAAG,KAAK,EAClB,aAAa,OAEa,EADvB,KAAK,cAX+E,uHAYxF,CADS;IACuB,OAAA,CAC/B,2CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,EAAE,SAAS,CAAC,IACzG,KAAK;QAER,KAAK,IAAI,CACR,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,sBAAsB,CAAC;YAChD,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,gBAAgB,SAAS;gBACjD,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,yBAAyB,CAAC,IAAG,KAAK,CAAO,CAChE,CACF,CACP;QACA,CAAC,OAAO,IAAI,WAAW,CAAC,IAAI,CAC3B,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,qBAAqB,CAAC;YAC9C,WAAW,IAAI,CACd,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,2BAA2B,CAAC,IACpD,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,UAAU,EAAE,UAAU,GAAI,CAChE,CACP;YACA,OAAO,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,4BAA4B,CAAC,IAAG,OAAO,CAAO,CACjF,CACP;QACA,MAAM,IAAI,CACT,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,sBAAsB,CAAC;YAChD,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,0BAA0B,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,IACvE,MAAM,CACH,CACF,CACP;QACD,oBAAC,2BAA2B,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE;YACvD,oBAAC,2BAA2B,qCACT,GAAG,EAAE,SAAS,EAC/B,EAAE,EAAE,GAAG,EAAE,OAAO,IACZ,CAAC,aAAa,IAAI;gBACpB,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,aAAa,EAAyB;aACzE,CAAC,GAED,QAAQ,CACmB,CACO,CACnC,CACP,CAAA;CAAA,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
@@ -0,0 +1,48 @@
1
+ import * as React from 'react';
2
+ export interface DualListSelectorTreeItemData {
3
+ /** Content rendered inside the dual list selector. */
4
+ children?: DualListSelectorTreeItemData[];
5
+ /** Additional classes applied to the dual list selector. */
6
+ className?: string;
7
+ /** Flag indicating this option is expanded by default. */
8
+ defaultExpanded?: boolean;
9
+ /** Flag indicating this option has a badge. */
10
+ hasBadge?: boolean;
11
+ /** Callback fired when an option is checked. */
12
+ onOptionCheck?: (event: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, isChosen: boolean, itemData: DualListSelectorTreeItemData) => void;
13
+ /** ID of the option. */
14
+ id: string;
15
+ /** Text of the option. */
16
+ text: string;
17
+ /** Parent ID of an option. */
18
+ parentId?: string;
19
+ /** Checked state of the option. */
20
+ isChecked: boolean;
21
+ /** Additional properties to pass to the option checkbox. */
22
+ checkProps?: any;
23
+ /** Additional properties to pass to the option badge. */
24
+ badgeProps?: any;
25
+ /** Flag indicating whether the component is disabled. */
26
+ isDisabled?: boolean;
27
+ }
28
+ /** Used in place of the DualListSelectorListItem sub-component when building a
29
+ * composable dual list selector with a tree.
30
+ */
31
+ export interface DualListSelectorTreeProps extends Omit<React.HTMLProps<HTMLUListElement>, 'data'> {
32
+ /** Data of the tree view. */
33
+ data: DualListSelectorTreeItemData[] | (() => DualListSelectorTreeItemData[]);
34
+ /** ID of the tree view. */
35
+ id?: string;
36
+ /** @hide Flag indicating if the list is nested. */
37
+ isNested?: boolean;
38
+ /** Flag indicating if all options should have badges. */
39
+ hasBadges?: boolean;
40
+ /** Sets the default expanded behavior. */
41
+ defaultAllExpanded?: boolean;
42
+ /** Flag indicating if the dual list selector tree is in the disabled state. */
43
+ isDisabled?: boolean;
44
+ /** Callback fired when an option is checked. */
45
+ onOptionCheck?: (event: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, itemData: DualListSelectorTreeItemData) => void;
46
+ }
47
+ export declare const DualListSelectorTree: React.FunctionComponent<DualListSelectorTreeProps>;
48
+ //# sourceMappingURL=DualListSelectorTree.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DualListSelectorTree.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,4BAA4B;IAC3C,sDAAsD;IACtD,QAAQ,CAAC,EAAE,4BAA4B,EAAE,CAAC;IAC1C,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,EACnF,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,4BAA4B,KACnC,IAAI,CAAC;IACV,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AAEH,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAChG,6BAA6B;IAC7B,IAAI,EAAE,4BAA4B,EAAE,GAAG,CAAC,MAAM,4BAA4B,EAAE,CAAC,CAAC;IAC9E,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,+EAA+E;IAC/E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,EACnF,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,4BAA4B,KACnC,IAAI,CAAC;CACX;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA6CnF,CAAC"}
@@ -0,0 +1,15 @@
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/DualListSelector/dual-list-selector.mjs';
5
+ import { DualListSelectorTreeItem } from './DualListSelectorTreeItem';
6
+ export const DualListSelectorTree = (_a) => {
7
+ var { data, hasBadges = false, isNested = false, defaultAllExpanded = false, onOptionCheck, isDisabled = false } = _a, props = __rest(_a, ["data", "hasBadges", "isNested", "defaultAllExpanded", "onOptionCheck", "isDisabled"]);
8
+ const dataToRender = typeof data === 'function' ? data() : data;
9
+ const tree = dataToRender.map((item) => (React.createElement(DualListSelectorTreeItem, Object.assign({ key: item.id, text: item.text, id: item.id, defaultExpanded: item.defaultExpanded !== undefined ? item.defaultExpanded : defaultAllExpanded, onOptionCheck: onOptionCheck, isChecked: item.isChecked, checkProps: item.checkProps, hasBadge: item.hasBadge !== undefined ? item.hasBadge : hasBadges, badgeProps: item.badgeProps, itemData: item, isDisabled: isDisabled, useMemo: true }, (item.children && {
10
+ children: (React.createElement(DualListSelectorTree, { isNested: true, data: item.children, hasBadges: hasBadges, defaultAllExpanded: defaultAllExpanded, onOptionCheck: onOptionCheck, isDisabled: isDisabled }))
11
+ })))));
12
+ return isNested ? (React.createElement("ul", Object.assign({ className: css(styles.dualListSelectorList), role: "group" }, props), tree)) : (React.createElement(React.Fragment, null, tree));
13
+ };
14
+ DualListSelectorTree.displayName = 'DualListSelectorTree';
15
+ //# sourceMappingURL=DualListSelectorTree.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DualListSelectorTree.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorTree.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,wFAAoF;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AA2DtE,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAQ7D,EAAE,EAAE;QARyD,EACvF,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GAAG,KAAK,EAC1B,aAAa,EACb,UAAU,GAAG,KAAK,OAEQ,EADvB,KAAK,cAP+E,sFAQxF,CADS;IAER,MAAM,YAAY,GAAG,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAChE,MAAM,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,oBAAC,wBAAwB,kBACvB,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,eAAe,EAAE,IAAI,CAAC,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,EAC/F,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACjE,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,IAAI,IACT,CAAC,IAAI,CAAC,QAAQ,IAAI;QACpB,QAAQ,EAAE,CACR,oBAAC,oBAAoB,IACnB,QAAQ,QACR,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,GACtB,CACH;KACF,CAAC,EACF,CACH,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,0CAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,IAAI,EAAC,OAAO,IAAK,KAAK,GACpE,IAAI,CACF,CACN,CAAC,CAAC,CAAC,CACF,0CAAG,IAAI,CAAI,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
@@ -0,0 +1,32 @@
1
+ import * as React from 'react';
2
+ import { DualListSelectorTreeItemData } from './DualListSelectorTree';
3
+ export interface DualListSelectorTreeItemProps extends React.HTMLProps<HTMLLIElement> {
4
+ /** Content rendered inside the dual list selector. */
5
+ children?: React.ReactNode;
6
+ /** Additional classes applied to the dual list selector. */
7
+ className?: string;
8
+ /** Flag indicating this option is expanded by default. */
9
+ defaultExpanded?: boolean;
10
+ /** Flag indicating this option has a badge. */
11
+ hasBadge?: boolean;
12
+ /** Callback fired when an option is checked. */
13
+ onOptionCheck?: (event: React.MouseEvent | React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent, isChecked: boolean, itemData: DualListSelectorTreeItemData) => void;
14
+ /** ID of the option. */
15
+ id: string;
16
+ /** Text of the option. */
17
+ text: string;
18
+ /** Flag indicating if this open is checked. */
19
+ isChecked?: boolean;
20
+ /** Additional properties to pass to the option checkbox. */
21
+ checkProps?: any;
22
+ /** Additional properties to pass to the option badge. */
23
+ badgeProps?: any;
24
+ /** Raw data of the option. */
25
+ itemData?: DualListSelectorTreeItemData;
26
+ /** Flag indicating whether the component is disabled. */
27
+ isDisabled?: boolean;
28
+ /** Flag indicating the DualListSelector tree should utilize memoization to help render large data sets. */
29
+ useMemo?: boolean;
30
+ }
31
+ export declare const DualListSelectorTreeItem: React.NamedExoticComponent<DualListSelectorTreeItemProps>;
32
+ //# sourceMappingURL=DualListSelectorTreeItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DualListSelectorTreeItem.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorTreeItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAMtE,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACnF,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CACd,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,EACnF,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,4BAA4B,KACnC,IAAI,CAAC;IACV,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,4BAA4B,CAAC;IACxC,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAyHD,eAAO,MAAM,wBAAwB,2DAoBnC,CAAC"}
@@ -0,0 +1,75 @@
1
+ import { __rest } from "tslib";
2
+ import * as React from 'react';
3
+ import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector.mjs';
4
+ import { css } from '@patternfly/react-styles';
5
+ import { Badge } from '../../../components/Badge';
6
+ import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
7
+ import { flattenTree } from './treeUtils';
8
+ import { DualListSelectorListContext } from './DualListSelectorContext';
9
+ const DualListSelectorTreeItemBase = (_a) => {
10
+ var { onOptionCheck, children, className, id, text, defaultExpanded, hasBadge, isChecked, checkProps, badgeProps, itemData, isDisabled = false,
11
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
12
+ useMemo } = _a, props = __rest(_a, ["onOptionCheck", "children", "className", "id", "text", "defaultExpanded", "hasBadge", "isChecked", "checkProps", "badgeProps", "itemData", "isDisabled", "useMemo"]);
13
+ const ref = React.useRef(null);
14
+ const [isExpanded, setIsExpanded] = React.useState(defaultExpanded || false);
15
+ const { setFocusedOption } = React.useContext(DualListSelectorListContext);
16
+ React.useEffect(() => {
17
+ setIsExpanded(defaultExpanded);
18
+ }, [defaultExpanded]);
19
+ return (React.createElement("li", Object.assign({ className: css(styles.dualListSelectorListItem, className, children && styles.modifiers.expandable, isExpanded && styles.modifiers.expanded, isDisabled && styles.modifiers.disabled), id: id }, props, { "aria-selected": isChecked, role: "treeitem" }, (isExpanded && { 'aria-expanded': 'true' })),
20
+ React.createElement("div", { className: css(styles.dualListSelectorListItemRow, isChecked && styles.modifiers.selected, styles.modifiers.check) },
21
+ React.createElement("div", { className: css(styles.dualListSelectorItem), ref: ref, tabIndex: -1, onClick: isDisabled
22
+ ? undefined
23
+ : (evt) => {
24
+ onOptionCheck && onOptionCheck(evt, !isChecked, itemData);
25
+ setFocusedOption(id);
26
+ } },
27
+ React.createElement("span", { className: css(styles.dualListSelectorItemMain) },
28
+ children && (React.createElement("div", { className: css(styles.dualListSelectorItemToggle), onClick: (e) => {
29
+ if (children) {
30
+ setIsExpanded(!isExpanded);
31
+ }
32
+ e.stopPropagation();
33
+ }, onKeyDown: (e) => {
34
+ if (e.key === ' ' || e.key === 'Enter') {
35
+ document.activeElement.click();
36
+ e.preventDefault();
37
+ }
38
+ }, tabIndex: -1 },
39
+ React.createElement("span", { className: css(styles.dualListSelectorItemToggleIcon) },
40
+ React.createElement(AngleRightIcon, { "aria-hidden": true })))),
41
+ React.createElement("span", { className: css(styles.dualListSelectorItemCheck) },
42
+ React.createElement("input", Object.assign({ type: "checkbox", onChange: (evt) => {
43
+ onOptionCheck && onOptionCheck(evt, !isChecked, itemData);
44
+ setFocusedOption(id);
45
+ }, onClick: (evt) => evt.stopPropagation(), onKeyDown: (e) => {
46
+ if (e.key === ' ' || e.key === 'Enter') {
47
+ onOptionCheck && onOptionCheck(e, !isChecked, itemData);
48
+ setFocusedOption(id);
49
+ e.preventDefault();
50
+ }
51
+ }, ref: (elem) => elem && (elem.indeterminate = isChecked === null), checked: isChecked || false, tabIndex: -1 }, checkProps))),
52
+ React.createElement("span", { className: css(styles.dualListSelectorItemText) }, text),
53
+ hasBadge && children && (React.createElement("span", { className: css(styles.dualListSelectorItemCount) },
54
+ React.createElement(Badge, Object.assign({}, badgeProps), flattenTree(children.props.data).length)))))),
55
+ isExpanded && children));
56
+ };
57
+ export const DualListSelectorTreeItem = React.memo(DualListSelectorTreeItemBase, (prevProps, nextProps) => {
58
+ if (!nextProps.useMemo) {
59
+ return false;
60
+ }
61
+ if (prevProps.className !== nextProps.className ||
62
+ prevProps.text !== nextProps.text ||
63
+ prevProps.id !== nextProps.id ||
64
+ prevProps.defaultExpanded !== nextProps.defaultExpanded ||
65
+ prevProps.checkProps !== nextProps.checkProps ||
66
+ prevProps.hasBadge !== nextProps.hasBadge ||
67
+ prevProps.badgeProps !== nextProps.badgeProps ||
68
+ prevProps.isChecked !== nextProps.isChecked ||
69
+ prevProps.itemData !== nextProps.itemData) {
70
+ return false;
71
+ }
72
+ return true;
73
+ });
74
+ DualListSelectorTreeItem.displayName = 'DualListSelectorTreeItem';
75
+ //# sourceMappingURL=DualListSelectorTreeItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DualListSelectorTreeItem.js","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/DualListSelectorTreeItem.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ export * from './DualListSelector';
2
+ export * from './DualListSelectorControl';
3
+ export * from './DualListSelectorControlsWrapper';
4
+ export * from './DualListSelectorPane';
5
+ export * from './DualListSelectorList';
6
+ export * from './DualListSelectorListItem';
7
+ export * from './DualListSelectorTree';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/next/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"}
@@ -0,0 +1,8 @@
1
+ export * from './DualListSelector';
2
+ export * from './DualListSelectorControl';
3
+ export * from './DualListSelectorControlsWrapper';
4
+ export * from './DualListSelectorPane';
5
+ export * from './DualListSelectorList';
6
+ export * from './DualListSelectorListItem';
7
+ export * from './DualListSelectorTree';
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/next/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"}
@@ -0,0 +1,8 @@
1
+ import { DualListSelectorTreeItemData } from './DualListSelectorTree';
2
+ export declare function flattenTree(tree: DualListSelectorTreeItemData[]): string[];
3
+ export declare function flattenTreeWithFolders(tree: DualListSelectorTreeItemData[]): string[];
4
+ export declare function filterFolders(tree: DualListSelectorTreeItemData[], inputList: string[]): string[];
5
+ export declare function filterTreeItems(item: DualListSelectorTreeItemData, inputList: string[]): boolean;
6
+ export declare function filterTreeItemsWithoutFolders(item: DualListSelectorTreeItemData, inputList: string[]): boolean;
7
+ export declare function filterRestTreeItems(item: DualListSelectorTreeItemData, inputList: string[]): boolean;
8
+ //# sourceMappingURL=treeUtils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"treeUtils.d.ts","sourceRoot":"","sources":["../../../../../src/next/components/DualListSelector/treeUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AAEtE,wBAAgB,WAAW,CAAC,IAAI,EAAE,4BAA4B,EAAE,GAAG,MAAM,EAAE,CAU1E;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,4BAA4B,EAAE,GAAG,MAAM,EAAE,CASrF;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,4BAA4B,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAYjG;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,4BAA4B,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAWhG;AAED,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,4BAA4B,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAc9G;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,4BAA4B,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,OAAO,CAYpG"}