@patternfly/react-core 6.0.0-alpha.69 → 6.0.0-alpha.70

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 (423) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  22. package/dist/dynamic/components/DataList/package.json +1 -1
  23. package/dist/dynamic/components/DatePicker/package.json +1 -1
  24. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  25. package/dist/dynamic/components/Divider/package.json +1 -1
  26. package/dist/dynamic/components/Drawer/package.json +1 -1
  27. package/dist/dynamic/components/Dropdown/package.json +1 -1
  28. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  29. package/dist/dynamic/components/EmptyState/package.json +1 -1
  30. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  31. package/dist/dynamic/components/FileUpload/package.json +1 -1
  32. package/dist/dynamic/components/Form/package.json +1 -1
  33. package/dist/dynamic/components/FormSelect/package.json +1 -1
  34. package/dist/dynamic/components/HelperText/package.json +1 -1
  35. package/dist/dynamic/components/Hint/package.json +1 -1
  36. package/dist/dynamic/components/Icon/package.json +1 -1
  37. package/dist/dynamic/components/InputGroup/package.json +1 -1
  38. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  39. package/dist/dynamic/components/Label/package.json +1 -1
  40. package/dist/dynamic/components/List/package.json +1 -1
  41. package/dist/dynamic/components/LoginPage/package.json +1 -1
  42. package/dist/dynamic/components/Masthead/package.json +1 -1
  43. package/dist/dynamic/components/Menu/package.json +1 -1
  44. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  45. package/dist/dynamic/components/Modal/package.json +1 -1
  46. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  47. package/dist/dynamic/components/Nav/package.json +1 -1
  48. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  49. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  50. package/dist/dynamic/components/NumberInput/package.json +1 -1
  51. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  52. package/dist/dynamic/components/Page/package.json +1 -1
  53. package/dist/dynamic/components/Pagination/package.json +1 -1
  54. package/dist/dynamic/components/Panel/package.json +1 -1
  55. package/dist/dynamic/components/Popover/package.json +1 -1
  56. package/dist/dynamic/components/Progress/package.json +1 -1
  57. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  58. package/dist/dynamic/components/Radio/package.json +1 -1
  59. package/dist/dynamic/components/SearchInput/package.json +1 -1
  60. package/dist/dynamic/components/Select/package.json +1 -1
  61. package/dist/dynamic/components/Sidebar/package.json +1 -1
  62. package/dist/dynamic/components/SimpleList/package.json +1 -1
  63. package/dist/dynamic/components/Skeleton/package.json +1 -1
  64. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  65. package/dist/dynamic/components/Slider/package.json +1 -1
  66. package/dist/dynamic/components/Spinner/package.json +1 -1
  67. package/dist/dynamic/components/Switch/package.json +1 -1
  68. package/dist/dynamic/components/Tabs/package.json +1 -1
  69. package/dist/dynamic/components/Text/package.json +1 -1
  70. package/dist/dynamic/components/TextArea/package.json +1 -1
  71. package/dist/dynamic/components/TextInput/package.json +1 -1
  72. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  73. package/dist/dynamic/components/Tile/package.json +1 -1
  74. package/dist/dynamic/components/TimePicker/package.json +1 -1
  75. package/dist/dynamic/components/Timestamp/package.json +1 -1
  76. package/dist/dynamic/components/Title/package.json +1 -1
  77. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  78. package/dist/dynamic/components/Toolbar/package.json +1 -1
  79. package/dist/dynamic/components/Tooltip/package.json +1 -1
  80. package/dist/dynamic/components/TreeView/package.json +1 -1
  81. package/dist/dynamic/components/Truncate/package.json +1 -1
  82. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  83. package/dist/dynamic/components/Wizard/package.json +1 -1
  84. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -0
  87. package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/package.json +1 -1
  90. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  91. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  92. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  93. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  94. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  95. package/dist/dynamic/helpers/constants/package.json +1 -1
  96. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  97. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  98. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  99. package/dist/dynamic/helpers/package.json +1 -1
  100. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  101. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  102. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  103. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  104. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  105. package/dist/dynamic/helpers/util/package.json +1 -1
  106. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  107. package/dist/dynamic/layouts/Flex/package.json +1 -1
  108. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  109. package/dist/dynamic/layouts/Grid/package.json +1 -1
  110. package/dist/dynamic/layouts/Level/package.json +1 -1
  111. package/dist/dynamic/layouts/Split/package.json +1 -1
  112. package/dist/dynamic/layouts/Stack/package.json +1 -1
  113. package/dist/dynamic/styles/package.json +1 -1
  114. package/dist/dynamic-modules.json +0 -3
  115. package/dist/esm/components/DualListSelector/DualListSelector.d.ts +4 -112
  116. package/dist/esm/components/DualListSelector/DualListSelector.d.ts.map +1 -1
  117. package/dist/esm/components/DualListSelector/DualListSelector.js +3 -433
  118. package/dist/esm/components/DualListSelector/DualListSelector.js.map +1 -1
  119. package/dist/esm/components/DualListSelector/DualListSelectorContext.d.ts +0 -1
  120. package/dist/esm/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -1
  121. package/dist/esm/components/DualListSelector/DualListSelectorContext.js.map +1 -1
  122. package/dist/esm/components/DualListSelector/DualListSelectorControl.js +1 -1
  123. package/dist/esm/components/DualListSelector/DualListSelectorControl.js.map +1 -1
  124. package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
  125. package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +1 -1
  126. package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.js +1 -0
  127. package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -1
  128. package/dist/esm/components/DualListSelector/DualListSelectorList.d.ts +1 -1
  129. package/dist/esm/components/DualListSelector/DualListSelectorList.d.ts.map +1 -1
  130. package/dist/esm/components/DualListSelector/DualListSelectorList.js +2 -7
  131. package/dist/esm/components/DualListSelector/DualListSelectorList.js.map +1 -1
  132. package/dist/esm/components/DualListSelector/DualListSelectorListItem.d.ts +4 -4
  133. package/dist/esm/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -1
  134. package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.d.ts +4 -6
  135. package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -1
  136. package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.js +3 -4
  137. package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -1
  138. package/dist/esm/components/DualListSelector/DualListSelectorPane.d.ts +1 -22
  139. package/dist/esm/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -1
  140. package/dist/esm/components/DualListSelector/DualListSelectorPane.js +6 -66
  141. package/dist/esm/components/DualListSelector/DualListSelectorPane.js.map +1 -1
  142. package/dist/esm/components/DualListSelector/DualListSelectorTree.d.ts +15 -15
  143. package/dist/esm/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -1
  144. package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.d.ts +7 -7
  145. package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -1
  146. package/dist/esm/components/DualListSelector/index.d.ts +0 -2
  147. package/dist/esm/components/DualListSelector/index.d.ts.map +1 -1
  148. package/dist/esm/components/DualListSelector/index.js +0 -2
  149. package/dist/esm/components/DualListSelector/index.js.map +1 -1
  150. package/dist/esm/deprecated/components/DualListSelector/DualListSelector.d.ts +131 -0
  151. package/dist/esm/deprecated/components/DualListSelector/DualListSelector.d.ts.map +1 -0
  152. package/dist/esm/deprecated/components/DualListSelector/DualListSelector.js +453 -0
  153. package/dist/esm/deprecated/components/DualListSelector/DualListSelector.js.map +1 -0
  154. package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorContext.d.ts +1 -0
  155. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -0
  156. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorContext.js.map +1 -0
  157. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorControl.d.ts.map +1 -0
  158. package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorControl.js +1 -1
  159. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorControl.js.map +1 -0
  160. package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
  161. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +1 -0
  162. package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorControlsWrapper.js +0 -1
  163. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -0
  164. package/dist/{js/next → esm/deprecated}/components/DualListSelector/DualListSelectorList.d.ts +1 -1
  165. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorList.d.ts.map +1 -0
  166. package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorList.js +7 -2
  167. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorList.js.map +1 -0
  168. package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorListItem.d.ts +4 -4
  169. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -0
  170. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorListItem.js.map +1 -0
  171. package/dist/{js/next → esm/deprecated}/components/DualListSelector/DualListSelectorListWrapper.d.ts +6 -4
  172. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -0
  173. package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorListWrapper.js +4 -3
  174. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -0
  175. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorPane.d.ts +52 -0
  176. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -0
  177. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorPane.js +87 -0
  178. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorPane.js.map +1 -0
  179. package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorTree.d.ts +15 -15
  180. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -0
  181. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorTree.js.map +1 -0
  182. package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorTreeItem.d.ts +7 -7
  183. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -0
  184. package/dist/esm/deprecated/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -0
  185. package/dist/esm/{next → deprecated}/components/DualListSelector/index.d.ts +1 -0
  186. package/dist/esm/deprecated/components/DualListSelector/index.d.ts.map +1 -0
  187. package/dist/esm/{next → deprecated}/components/DualListSelector/index.js +1 -0
  188. package/dist/esm/deprecated/components/DualListSelector/index.js.map +1 -0
  189. package/dist/esm/deprecated/components/DualListSelector/treeUtils.d.ts.map +1 -0
  190. package/dist/esm/deprecated/components/DualListSelector/treeUtils.js.map +1 -0
  191. package/dist/esm/deprecated/components/index.d.ts +1 -0
  192. package/dist/esm/deprecated/components/index.d.ts.map +1 -1
  193. package/dist/esm/deprecated/components/index.js +1 -0
  194. package/dist/esm/deprecated/components/index.js.map +1 -1
  195. package/dist/esm/next/components/index.d.ts +0 -1
  196. package/dist/esm/next/components/index.d.ts.map +1 -1
  197. package/dist/esm/next/components/index.js +1 -1
  198. package/dist/esm/next/components/index.js.map +1 -1
  199. package/dist/esm/next/index.d.ts +0 -1
  200. package/dist/esm/next/index.d.ts.map +1 -1
  201. package/dist/esm/next/index.js +1 -1
  202. package/dist/esm/next/index.js.map +1 -1
  203. package/dist/js/components/DualListSelector/DualListSelector.d.ts +4 -112
  204. package/dist/js/components/DualListSelector/DualListSelector.d.ts.map +1 -1
  205. package/dist/js/components/DualListSelector/DualListSelector.js +3 -433
  206. package/dist/js/components/DualListSelector/DualListSelector.js.map +1 -1
  207. package/dist/js/components/DualListSelector/DualListSelectorContext.d.ts +0 -1
  208. package/dist/js/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -1
  209. package/dist/js/components/DualListSelector/DualListSelectorContext.js.map +1 -1
  210. package/dist/js/components/DualListSelector/DualListSelectorControl.js +1 -1
  211. package/dist/js/components/DualListSelector/DualListSelectorControl.js.map +1 -1
  212. package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
  213. package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +1 -1
  214. package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.js +1 -0
  215. package/dist/js/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -1
  216. package/dist/js/components/DualListSelector/DualListSelectorList.d.ts +1 -1
  217. package/dist/js/components/DualListSelector/DualListSelectorList.d.ts.map +1 -1
  218. package/dist/js/components/DualListSelector/DualListSelectorList.js +2 -7
  219. package/dist/js/components/DualListSelector/DualListSelectorList.js.map +1 -1
  220. package/dist/js/components/DualListSelector/DualListSelectorListItem.d.ts +4 -4
  221. package/dist/js/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -1
  222. package/dist/js/components/DualListSelector/DualListSelectorListWrapper.d.ts +4 -6
  223. package/dist/js/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -1
  224. package/dist/js/components/DualListSelector/DualListSelectorListWrapper.js +3 -4
  225. package/dist/js/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -1
  226. package/dist/js/components/DualListSelector/DualListSelectorPane.d.ts +1 -22
  227. package/dist/js/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -1
  228. package/dist/js/components/DualListSelector/DualListSelectorPane.js +5 -65
  229. package/dist/js/components/DualListSelector/DualListSelectorPane.js.map +1 -1
  230. package/dist/js/components/DualListSelector/DualListSelectorTree.d.ts +15 -15
  231. package/dist/js/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -1
  232. package/dist/js/components/DualListSelector/DualListSelectorTreeItem.d.ts +7 -7
  233. package/dist/js/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -1
  234. package/dist/js/components/DualListSelector/index.d.ts +0 -2
  235. package/dist/js/components/DualListSelector/index.d.ts.map +1 -1
  236. package/dist/js/components/DualListSelector/index.js +0 -2
  237. package/dist/js/components/DualListSelector/index.js.map +1 -1
  238. package/dist/js/deprecated/components/DualListSelector/DualListSelector.d.ts +131 -0
  239. package/dist/js/deprecated/components/DualListSelector/DualListSelector.d.ts.map +1 -0
  240. package/dist/js/deprecated/components/DualListSelector/DualListSelector.js +456 -0
  241. package/dist/js/deprecated/components/DualListSelector/DualListSelector.js.map +1 -0
  242. package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorContext.d.ts +1 -0
  243. package/dist/js/deprecated/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -0
  244. package/dist/js/deprecated/components/DualListSelector/DualListSelectorContext.js.map +1 -0
  245. package/dist/js/deprecated/components/DualListSelector/DualListSelectorControl.d.ts.map +1 -0
  246. package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorControl.js +1 -1
  247. package/dist/js/deprecated/components/DualListSelector/DualListSelectorControl.js.map +1 -0
  248. package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorControlsWrapper.d.ts +1 -1
  249. package/dist/js/deprecated/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +1 -0
  250. package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorControlsWrapper.js +0 -1
  251. package/dist/js/deprecated/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -0
  252. package/dist/{esm/next → js/deprecated}/components/DualListSelector/DualListSelectorList.d.ts +1 -1
  253. package/dist/js/deprecated/components/DualListSelector/DualListSelectorList.d.ts.map +1 -0
  254. package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorList.js +7 -2
  255. package/dist/js/deprecated/components/DualListSelector/DualListSelectorList.js.map +1 -0
  256. package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorListItem.d.ts +4 -4
  257. package/dist/js/deprecated/components/DualListSelector/DualListSelectorListItem.d.ts.map +1 -0
  258. package/dist/js/deprecated/components/DualListSelector/DualListSelectorListItem.js.map +1 -0
  259. package/dist/{esm/next → js/deprecated}/components/DualListSelector/DualListSelectorListWrapper.d.ts +6 -4
  260. package/dist/js/deprecated/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -0
  261. package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorListWrapper.js +4 -3
  262. package/dist/js/deprecated/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -0
  263. package/dist/js/deprecated/components/DualListSelector/DualListSelectorPane.d.ts +52 -0
  264. package/dist/js/deprecated/components/DualListSelector/DualListSelectorPane.d.ts.map +1 -0
  265. package/dist/js/deprecated/components/DualListSelector/DualListSelectorPane.js +91 -0
  266. package/dist/js/deprecated/components/DualListSelector/DualListSelectorPane.js.map +1 -0
  267. package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorTree.d.ts +15 -15
  268. package/dist/js/deprecated/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -0
  269. package/dist/js/deprecated/components/DualListSelector/DualListSelectorTree.js.map +1 -0
  270. package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorTreeItem.d.ts +7 -7
  271. package/dist/js/deprecated/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -0
  272. package/dist/js/deprecated/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -0
  273. package/dist/js/{next → deprecated}/components/DualListSelector/index.d.ts +1 -0
  274. package/dist/js/deprecated/components/DualListSelector/index.d.ts.map +1 -0
  275. package/dist/js/{next → deprecated}/components/DualListSelector/index.js +1 -0
  276. package/dist/js/deprecated/components/DualListSelector/index.js.map +1 -0
  277. package/dist/js/deprecated/components/DualListSelector/treeUtils.d.ts.map +1 -0
  278. package/dist/js/deprecated/components/DualListSelector/treeUtils.js.map +1 -0
  279. package/dist/js/deprecated/components/index.d.ts +1 -0
  280. package/dist/js/deprecated/components/index.d.ts.map +1 -1
  281. package/dist/js/deprecated/components/index.js +1 -0
  282. package/dist/js/deprecated/components/index.js.map +1 -1
  283. package/dist/js/next/components/index.d.ts +0 -1
  284. package/dist/js/next/components/index.d.ts.map +1 -1
  285. package/dist/js/next/components/index.js +0 -3
  286. package/dist/js/next/components/index.js.map +1 -1
  287. package/dist/js/next/index.d.ts +0 -1
  288. package/dist/js/next/index.d.ts.map +1 -1
  289. package/dist/js/next/index.js +0 -3
  290. package/dist/js/next/index.js.map +1 -1
  291. package/dist/umd/assets/{output-D0meVdH2.css → output-BcpwRLsL.css} +7486 -7486
  292. package/dist/umd/react-core.min.js +2 -2
  293. package/helpers/package.json +1 -1
  294. package/layouts/package.json +1 -1
  295. package/next/package.json +1 -1
  296. package/package.json +2 -2
  297. package/single-packages.config.json +1 -1
  298. package/src/components/DualListSelector/DualListSelector.tsx +7 -752
  299. package/src/components/DualListSelector/DualListSelectorContext.ts +0 -1
  300. package/src/components/DualListSelector/DualListSelectorControl.tsx +1 -1
  301. package/src/components/DualListSelector/DualListSelectorControlsWrapper.tsx +2 -1
  302. package/src/components/DualListSelector/DualListSelectorList.tsx +3 -20
  303. package/src/components/DualListSelector/DualListSelectorListItem.tsx +4 -4
  304. package/src/components/DualListSelector/DualListSelectorListWrapper.tsx +6 -10
  305. package/src/components/DualListSelector/DualListSelectorPane.tsx +41 -192
  306. package/src/components/DualListSelector/DualListSelectorTree.tsx +15 -15
  307. package/src/components/DualListSelector/DualListSelectorTreeItem.tsx +7 -7
  308. package/src/components/DualListSelector/__tests__/DualListSelector.test.tsx +6 -45
  309. package/src/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +52 -1715
  310. package/src/components/DualListSelector/examples/DualListSelector.md +27 -42
  311. package/src/components/DualListSelector/examples/DualListSelectorBasic.tsx +146 -19
  312. package/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx +202 -22
  313. package/src/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx +155 -28
  314. package/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +298 -121
  315. package/src/components/DualListSelector/index.ts +0 -2
  316. package/src/deprecated/components/DualListSelector/DualListSelector.tsx +795 -0
  317. package/src/{next → deprecated}/components/DualListSelector/DualListSelectorContext.ts +1 -0
  318. package/src/{next → deprecated}/components/DualListSelector/DualListSelectorControl.tsx +1 -1
  319. package/src/{next → deprecated}/components/DualListSelector/DualListSelectorControlsWrapper.tsx +1 -2
  320. package/src/{next → deprecated}/components/DualListSelector/DualListSelectorList.tsx +20 -3
  321. package/src/{next → deprecated}/components/DualListSelector/DualListSelectorListItem.tsx +4 -4
  322. package/src/{next → deprecated}/components/DualListSelector/DualListSelectorListWrapper.tsx +10 -6
  323. package/src/deprecated/components/DualListSelector/DualListSelectorPane.tsx +245 -0
  324. package/src/{next → deprecated}/components/DualListSelector/DualListSelectorTree.tsx +15 -15
  325. package/src/{next → deprecated}/components/DualListSelector/DualListSelectorTreeItem.tsx +7 -7
  326. package/src/deprecated/components/DualListSelector/__tests__/DualListSelector.test.tsx +65 -0
  327. package/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +1785 -0
  328. package/src/{next → deprecated}/components/DualListSelector/examples/DualListSelector.md +56 -28
  329. package/src/deprecated/components/DualListSelector/examples/DualListSelectorBasic.tsx +30 -0
  330. package/src/deprecated/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx +31 -0
  331. package/src/deprecated/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx +38 -0
  332. package/src/deprecated/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +93 -0
  333. package/src/{components → deprecated/components}/DualListSelector/examples/DualListSelectorComposable.tsx +32 -30
  334. package/src/{components → deprecated/components}/DualListSelector/examples/DualListSelectorComposableDragDrop.tsx +35 -32
  335. package/src/{components → deprecated/components}/DualListSelector/examples/DualListSelectorComposableTree.tsx +29 -27
  336. package/src/{components → deprecated/components}/DualListSelector/examples/DualListSelectorTreeExample.tsx +9 -6
  337. package/src/{next → deprecated}/components/DualListSelector/index.ts +1 -0
  338. package/src/deprecated/components/index.ts +1 -0
  339. package/src/next/components/index.ts +0 -1
  340. package/src/next/index.ts +0 -1
  341. package/dist/dynamic/next/components/DualListSelector/package.json +0 -1
  342. package/dist/dynamic/next/components/package.json +0 -1
  343. package/dist/esm/next/components/DualListSelector/DualListSelector.d.ts +0 -23
  344. package/dist/esm/next/components/DualListSelector/DualListSelector.d.ts.map +0 -1
  345. package/dist/esm/next/components/DualListSelector/DualListSelector.js +0 -23
  346. package/dist/esm/next/components/DualListSelector/DualListSelector.js.map +0 -1
  347. package/dist/esm/next/components/DualListSelector/DualListSelectorContext.d.ts.map +0 -1
  348. package/dist/esm/next/components/DualListSelector/DualListSelectorContext.js.map +0 -1
  349. package/dist/esm/next/components/DualListSelector/DualListSelectorControl.d.ts.map +0 -1
  350. package/dist/esm/next/components/DualListSelector/DualListSelectorControl.js.map +0 -1
  351. package/dist/esm/next/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +0 -1
  352. package/dist/esm/next/components/DualListSelector/DualListSelectorControlsWrapper.js.map +0 -1
  353. package/dist/esm/next/components/DualListSelector/DualListSelectorList.d.ts.map +0 -1
  354. package/dist/esm/next/components/DualListSelector/DualListSelectorList.js.map +0 -1
  355. package/dist/esm/next/components/DualListSelector/DualListSelectorListItem.d.ts.map +0 -1
  356. package/dist/esm/next/components/DualListSelector/DualListSelectorListItem.js.map +0 -1
  357. package/dist/esm/next/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +0 -1
  358. package/dist/esm/next/components/DualListSelector/DualListSelectorListWrapper.js.map +0 -1
  359. package/dist/esm/next/components/DualListSelector/DualListSelectorPane.d.ts +0 -31
  360. package/dist/esm/next/components/DualListSelector/DualListSelectorPane.d.ts.map +0 -1
  361. package/dist/esm/next/components/DualListSelector/DualListSelectorPane.js +0 -27
  362. package/dist/esm/next/components/DualListSelector/DualListSelectorPane.js.map +0 -1
  363. package/dist/esm/next/components/DualListSelector/DualListSelectorTree.d.ts.map +0 -1
  364. package/dist/esm/next/components/DualListSelector/DualListSelectorTree.js.map +0 -1
  365. package/dist/esm/next/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +0 -1
  366. package/dist/esm/next/components/DualListSelector/DualListSelectorTreeItem.js.map +0 -1
  367. package/dist/esm/next/components/DualListSelector/index.d.ts.map +0 -1
  368. package/dist/esm/next/components/DualListSelector/index.js.map +0 -1
  369. package/dist/esm/next/components/DualListSelector/treeUtils.d.ts.map +0 -1
  370. package/dist/esm/next/components/DualListSelector/treeUtils.js.map +0 -1
  371. package/dist/js/next/components/DualListSelector/DualListSelector.d.ts +0 -23
  372. package/dist/js/next/components/DualListSelector/DualListSelector.d.ts.map +0 -1
  373. package/dist/js/next/components/DualListSelector/DualListSelector.js +0 -26
  374. package/dist/js/next/components/DualListSelector/DualListSelector.js.map +0 -1
  375. package/dist/js/next/components/DualListSelector/DualListSelectorContext.d.ts.map +0 -1
  376. package/dist/js/next/components/DualListSelector/DualListSelectorContext.js.map +0 -1
  377. package/dist/js/next/components/DualListSelector/DualListSelectorControl.d.ts.map +0 -1
  378. package/dist/js/next/components/DualListSelector/DualListSelectorControl.js.map +0 -1
  379. package/dist/js/next/components/DualListSelector/DualListSelectorControlsWrapper.d.ts.map +0 -1
  380. package/dist/js/next/components/DualListSelector/DualListSelectorControlsWrapper.js.map +0 -1
  381. package/dist/js/next/components/DualListSelector/DualListSelectorList.d.ts.map +0 -1
  382. package/dist/js/next/components/DualListSelector/DualListSelectorList.js.map +0 -1
  383. package/dist/js/next/components/DualListSelector/DualListSelectorListItem.d.ts.map +0 -1
  384. package/dist/js/next/components/DualListSelector/DualListSelectorListItem.js.map +0 -1
  385. package/dist/js/next/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +0 -1
  386. package/dist/js/next/components/DualListSelector/DualListSelectorListWrapper.js.map +0 -1
  387. package/dist/js/next/components/DualListSelector/DualListSelectorPane.d.ts +0 -31
  388. package/dist/js/next/components/DualListSelector/DualListSelectorPane.d.ts.map +0 -1
  389. package/dist/js/next/components/DualListSelector/DualListSelectorPane.js +0 -31
  390. package/dist/js/next/components/DualListSelector/DualListSelectorPane.js.map +0 -1
  391. package/dist/js/next/components/DualListSelector/DualListSelectorTree.d.ts.map +0 -1
  392. package/dist/js/next/components/DualListSelector/DualListSelectorTree.js.map +0 -1
  393. package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +0 -1
  394. package/dist/js/next/components/DualListSelector/DualListSelectorTreeItem.js.map +0 -1
  395. package/dist/js/next/components/DualListSelector/index.d.ts.map +0 -1
  396. package/dist/js/next/components/DualListSelector/index.js.map +0 -1
  397. package/dist/js/next/components/DualListSelector/treeUtils.d.ts.map +0 -1
  398. package/dist/js/next/components/DualListSelector/treeUtils.js.map +0 -1
  399. package/src/next/components/DualListSelector/DualListSelector.tsx +0 -50
  400. package/src/next/components/DualListSelector/DualListSelectorPane.tsx +0 -94
  401. package/src/next/components/DualListSelector/__tests__/DualListSelector.test.tsx +0 -26
  402. package/src/next/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +0 -122
  403. package/src/next/components/DualListSelector/examples/DualListSelectorBasic.tsx +0 -157
  404. package/src/next/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx +0 -211
  405. package/src/next/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx +0 -165
  406. package/src/next/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +0 -344
  407. /package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorContext.js +0 -0
  408. /package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorControl.d.ts +0 -0
  409. /package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorListItem.js +0 -0
  410. /package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorTree.js +0 -0
  411. /package/dist/esm/{next → deprecated}/components/DualListSelector/DualListSelectorTreeItem.js +0 -0
  412. /package/dist/esm/{next → deprecated}/components/DualListSelector/treeUtils.d.ts +0 -0
  413. /package/dist/esm/{next → deprecated}/components/DualListSelector/treeUtils.js +0 -0
  414. /package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorContext.js +0 -0
  415. /package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorControl.d.ts +0 -0
  416. /package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorListItem.js +0 -0
  417. /package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorTree.js +0 -0
  418. /package/dist/js/{next → deprecated}/components/DualListSelector/DualListSelectorTreeItem.js +0 -0
  419. /package/dist/js/{next → deprecated}/components/DualListSelector/treeUtils.d.ts +0 -0
  420. /package/dist/js/{next → deprecated}/components/DualListSelector/treeUtils.js +0 -0
  421. /package/src/{next/components → components}/DualListSelector/examples/DualListSelectorDragDrop.tsx +0 -0
  422. /package/src/{next/components → components}/DualListSelector/examples/DualListSelectorTree.tsx +0 -0
  423. /package/src/{next → deprecated}/components/DualListSelector/treeUtils.ts +0 -0
package/src/deprecated/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap ADDED
@@ -0,0 +1,1785 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`DualListSelector basic 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ class="pf-v6-c-dual-list-selector"
7
+ id="firstTest"
8
+ >
9
+ <div
10
+ class="pf-v6-c-dual-list-selector__pane pf-m-available"
11
+ >
12
+ <div
13
+ class="pf-v6-c-dual-list-selector__header"
14
+ >
15
+ <div
16
+ class="pf-v6-c-dual-list-selector__title"
17
+ >
18
+ <div
19
+ class="pf-v6-c-dual-list-selector__title-text"
20
+ >
21
+ Available options
22
+ </div>
23
+ </div>
24
+ </div>
25
+ <div
26
+ class="pf-v6-c-dual-list-selector__status"
27
+ >
28
+ <div
29
+ class="pf-v6-c-dual-list-selector__status-text"
30
+ id="firstTest-available-pane-status"
31
+ >
32
+ 0 of 2 items selected
33
+ </div>
34
+ </div>
35
+ <div
36
+ class="pf-v6-c-dual-list-selector__menu"
37
+ tabindex="0"
38
+ >
39
+ <ul
40
+ aria-activedescendant=""
41
+ aria-labelledby="firstTest-available-pane-status"
42
+ aria-multiselectable="true"
43
+ class="pf-v6-c-dual-list-selector__list"
44
+ role="listbox"
45
+ >
46
+ <li
47
+ aria-selected="false"
48
+ class="pf-v6-c-dual-list-selector__list-item"
49
+ id="firstTest-available-pane-list-option-0"
50
+ role="option"
51
+ tabindex="-1"
52
+ >
53
+ <div
54
+ class="pf-v6-c-dual-list-selector__list-item-row"
55
+ >
56
+ <span
57
+ class="pf-v6-c-dual-list-selector__item"
58
+ >
59
+ <span
60
+ class="pf-v6-c-dual-list-selector__item-main"
61
+ >
62
+ <span
63
+ class="pf-v6-c-dual-list-selector__item-text"
64
+ >
65
+ Option 1
66
+ </span>
67
+ </span>
68
+ </span>
69
+ </div>
70
+ </li>
71
+ <li
72
+ aria-selected="false"
73
+ class="pf-v6-c-dual-list-selector__list-item"
74
+ id="firstTest-available-pane-list-option-1"
75
+ role="option"
76
+ tabindex="-1"
77
+ >
78
+ <div
79
+ class="pf-v6-c-dual-list-selector__list-item-row"
80
+ >
81
+ <span
82
+ class="pf-v6-c-dual-list-selector__item"
83
+ >
84
+ <span
85
+ class="pf-v6-c-dual-list-selector__item-main"
86
+ >
87
+ <span
88
+ class="pf-v6-c-dual-list-selector__item-text"
89
+ >
90
+ Option 2
91
+ </span>
92
+ </span>
93
+ </span>
94
+ </div>
95
+ </li>
96
+ </ul>
97
+ </div>
98
+ </div>
99
+ <div
100
+ aria-label="Selector controls"
101
+ class="pf-v6-c-dual-list-selector__controls"
102
+ role="group"
103
+ tabindex="0"
104
+ >
105
+ <div
106
+ class="pf-v6-c-dual-list-selector__controls-item"
107
+ >
108
+ <button
109
+ aria-disabled="false"
110
+ aria-label="Add selected"
111
+ class="pf-v6-c-button pf-m-plain"
112
+ data-ouia-component-id="OUIA-Generated-Button-plain-1"
113
+ data-ouia-component-type="PF6/Button"
114
+ data-ouia-safe="true"
115
+ disabled=""
116
+ tabindex="-1"
117
+ type="button"
118
+ >
119
+ <svg
120
+ aria-hidden="true"
121
+ class="pf-v6-svg"
122
+ fill="currentColor"
123
+ height="1em"
124
+ role="img"
125
+ viewBox="0 0 256 512"
126
+ width="1em"
127
+ >
128
+ <path
129
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
130
+ />
131
+ </svg>
132
+ </button>
133
+ </div>
134
+ <div
135
+ class="pf-v6-c-dual-list-selector__controls-item"
136
+ >
137
+ <button
138
+ aria-disabled="false"
139
+ aria-label="Add all"
140
+ class="pf-v6-c-button pf-m-plain"
141
+ data-ouia-component-id="OUIA-Generated-Button-plain-2"
142
+ data-ouia-component-type="PF6/Button"
143
+ data-ouia-safe="true"
144
+ tabindex="-1"
145
+ type="button"
146
+ >
147
+ <svg
148
+ aria-hidden="true"
149
+ class="pf-v6-svg"
150
+ fill="currentColor"
151
+ height="1em"
152
+ role="img"
153
+ viewBox="0 0 448 512"
154
+ width="1em"
155
+ >
156
+ <path
157
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
158
+ />
159
+ </svg>
160
+ </button>
161
+ </div>
162
+ <div
163
+ class="pf-v6-c-dual-list-selector__controls-item"
164
+ >
165
+ <button
166
+ aria-disabled="false"
167
+ aria-label="Remove all"
168
+ class="pf-v6-c-button pf-m-plain"
169
+ data-ouia-component-id="OUIA-Generated-Button-plain-3"
170
+ data-ouia-component-type="PF6/Button"
171
+ data-ouia-safe="true"
172
+ disabled=""
173
+ tabindex="-1"
174
+ type="button"
175
+ >
176
+ <svg
177
+ aria-hidden="true"
178
+ class="pf-v6-svg"
179
+ fill="currentColor"
180
+ height="1em"
181
+ role="img"
182
+ viewBox="0 0 448 512"
183
+ width="1em"
184
+ >
185
+ <path
186
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
187
+ />
188
+ </svg>
189
+ </button>
190
+ </div>
191
+ <div
192
+ class="pf-v6-c-dual-list-selector__controls-item"
193
+ >
194
+ <button
195
+ aria-disabled="false"
196
+ aria-label="Remove selected"
197
+ class="pf-v6-c-button pf-m-plain"
198
+ data-ouia-component-id="OUIA-Generated-Button-plain-4"
199
+ data-ouia-component-type="PF6/Button"
200
+ data-ouia-safe="true"
201
+ disabled=""
202
+ tabindex="-1"
203
+ type="button"
204
+ >
205
+ <svg
206
+ aria-hidden="true"
207
+ class="pf-v6-svg"
208
+ fill="currentColor"
209
+ height="1em"
210
+ role="img"
211
+ viewBox="0 0 256 512"
212
+ width="1em"
213
+ >
214
+ <path
215
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
216
+ />
217
+ </svg>
218
+ </button>
219
+ </div>
220
+ </div>
221
+ <div
222
+ class="pf-v6-c-dual-list-selector__pane pf-m-chosen"
223
+ >
224
+ <div
225
+ class="pf-v6-c-dual-list-selector__header"
226
+ >
227
+ <div
228
+ class="pf-v6-c-dual-list-selector__title"
229
+ >
230
+ <div
231
+ class="pf-v6-c-dual-list-selector__title-text"
232
+ >
233
+ Chosen options
234
+ </div>
235
+ </div>
236
+ </div>
237
+ <div
238
+ class="pf-v6-c-dual-list-selector__status"
239
+ >
240
+ <div
241
+ class="pf-v6-c-dual-list-selector__status-text"
242
+ id="firstTest-chosen-pane-status"
243
+ >
244
+ 0 of 0 items selected
245
+ </div>
246
+ </div>
247
+ <div
248
+ class="pf-v6-c-dual-list-selector__menu"
249
+ tabindex="0"
250
+ >
251
+ <ul
252
+ class="pf-v6-c-dual-list-selector__list"
253
+ />
254
+ </div>
255
+ </div>
256
+ </div>
257
+ </DocumentFragment>
258
+ `;
259
+
260
+ exports[`DualListSelector basic with disabled controls 1`] = `
261
+ <DocumentFragment>
262
+ <div
263
+ class="pf-v6-c-dual-list-selector"
264
+ id="disabledTest"
265
+ >
266
+ <div
267
+ class="pf-v6-c-dual-list-selector__pane pf-m-available"
268
+ >
269
+ <div
270
+ class="pf-v6-c-dual-list-selector__header"
271
+ >
272
+ <div
273
+ class="pf-v6-c-dual-list-selector__title"
274
+ >
275
+ <div
276
+ class="pf-v6-c-dual-list-selector__title-text"
277
+ >
278
+ Available options
279
+ </div>
280
+ </div>
281
+ </div>
282
+ <div
283
+ class="pf-v6-c-dual-list-selector__status"
284
+ >
285
+ <div
286
+ class="pf-v6-c-dual-list-selector__status-text"
287
+ id="disabledTest-available-pane-status"
288
+ >
289
+ 0 of 2 items selected
290
+ </div>
291
+ </div>
292
+ <div
293
+ class="pf-v6-c-dual-list-selector__menu"
294
+ tabindex="0"
295
+ >
296
+ <ul
297
+ aria-activedescendant=""
298
+ aria-disabled="true"
299
+ aria-labelledby="disabledTest-available-pane-status"
300
+ aria-multiselectable="true"
301
+ class="pf-v6-c-dual-list-selector__list"
302
+ role="listbox"
303
+ >
304
+ <li
305
+ aria-selected="false"
306
+ class="pf-v6-c-dual-list-selector__list-item pf-m-disabled"
307
+ id="disabledTest-available-pane-list-option-0"
308
+ role="option"
309
+ tabindex="-1"
310
+ >
311
+ <div
312
+ class="pf-v6-c-dual-list-selector__list-item-row"
313
+ >
314
+ <span
315
+ class="pf-v6-c-dual-list-selector__item"
316
+ >
317
+ <span
318
+ class="pf-v6-c-dual-list-selector__item-main"
319
+ >
320
+ <span
321
+ class="pf-v6-c-dual-list-selector__item-text"
322
+ >
323
+ Option 1
324
+ </span>
325
+ </span>
326
+ </span>
327
+ </div>
328
+ </li>
329
+ <li
330
+ aria-selected="false"
331
+ class="pf-v6-c-dual-list-selector__list-item pf-m-disabled"
332
+ id="disabledTest-available-pane-list-option-1"
333
+ role="option"
334
+ tabindex="-1"
335
+ >
336
+ <div
337
+ class="pf-v6-c-dual-list-selector__list-item-row"
338
+ >
339
+ <span
340
+ class="pf-v6-c-dual-list-selector__item"
341
+ >
342
+ <span
343
+ class="pf-v6-c-dual-list-selector__item-main"
344
+ >
345
+ <span
346
+ class="pf-v6-c-dual-list-selector__item-text"
347
+ >
348
+ Option 2
349
+ </span>
350
+ </span>
351
+ </span>
352
+ </div>
353
+ </li>
354
+ </ul>
355
+ </div>
356
+ </div>
357
+ <div
358
+ aria-label="Selector controls"
359
+ class="pf-v6-c-dual-list-selector__controls"
360
+ role="group"
361
+ tabindex="0"
362
+ >
363
+ <div
364
+ class="pf-v6-c-dual-list-selector__controls-item"
365
+ >
366
+ <button
367
+ aria-disabled="false"
368
+ aria-label="Add selected"
369
+ class="pf-v6-c-button pf-m-plain"
370
+ data-ouia-component-id="OUIA-Generated-Button-plain-13"
371
+ data-ouia-component-type="PF6/Button"
372
+ data-ouia-safe="true"
373
+ disabled=""
374
+ tabindex="-1"
375
+ type="button"
376
+ >
377
+ <svg
378
+ aria-hidden="true"
379
+ class="pf-v6-svg"
380
+ fill="currentColor"
381
+ height="1em"
382
+ role="img"
383
+ viewBox="0 0 256 512"
384
+ width="1em"
385
+ >
386
+ <path
387
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
388
+ />
389
+ </svg>
390
+ </button>
391
+ </div>
392
+ <div
393
+ class="pf-v6-c-dual-list-selector__controls-item"
394
+ >
395
+ <button
396
+ aria-disabled="false"
397
+ aria-label="Add all"
398
+ class="pf-v6-c-button pf-m-plain"
399
+ data-ouia-component-id="OUIA-Generated-Button-plain-14"
400
+ data-ouia-component-type="PF6/Button"
401
+ data-ouia-safe="true"
402
+ disabled=""
403
+ tabindex="-1"
404
+ type="button"
405
+ >
406
+ <svg
407
+ aria-hidden="true"
408
+ class="pf-v6-svg"
409
+ fill="currentColor"
410
+ height="1em"
411
+ role="img"
412
+ viewBox="0 0 448 512"
413
+ width="1em"
414
+ >
415
+ <path
416
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
417
+ />
418
+ </svg>
419
+ </button>
420
+ </div>
421
+ <div
422
+ class="pf-v6-c-dual-list-selector__controls-item"
423
+ >
424
+ <button
425
+ aria-disabled="false"
426
+ aria-label="Remove all"
427
+ class="pf-v6-c-button pf-m-plain"
428
+ data-ouia-component-id="OUIA-Generated-Button-plain-15"
429
+ data-ouia-component-type="PF6/Button"
430
+ data-ouia-safe="true"
431
+ disabled=""
432
+ tabindex="-1"
433
+ type="button"
434
+ >
435
+ <svg
436
+ aria-hidden="true"
437
+ class="pf-v6-svg"
438
+ fill="currentColor"
439
+ height="1em"
440
+ role="img"
441
+ viewBox="0 0 448 512"
442
+ width="1em"
443
+ >
444
+ <path
445
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
446
+ />
447
+ </svg>
448
+ </button>
449
+ </div>
450
+ <div
451
+ class="pf-v6-c-dual-list-selector__controls-item"
452
+ >
453
+ <button
454
+ aria-disabled="false"
455
+ aria-label="Remove selected"
456
+ class="pf-v6-c-button pf-m-plain"
457
+ data-ouia-component-id="OUIA-Generated-Button-plain-16"
458
+ data-ouia-component-type="PF6/Button"
459
+ data-ouia-safe="true"
460
+ disabled=""
461
+ tabindex="-1"
462
+ type="button"
463
+ >
464
+ <svg
465
+ aria-hidden="true"
466
+ class="pf-v6-svg"
467
+ fill="currentColor"
468
+ height="1em"
469
+ role="img"
470
+ viewBox="0 0 256 512"
471
+ width="1em"
472
+ >
473
+ <path
474
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
475
+ />
476
+ </svg>
477
+ </button>
478
+ </div>
479
+ </div>
480
+ <div
481
+ class="pf-v6-c-dual-list-selector__pane pf-m-chosen"
482
+ >
483
+ <div
484
+ class="pf-v6-c-dual-list-selector__header"
485
+ >
486
+ <div
487
+ class="pf-v6-c-dual-list-selector__title"
488
+ >
489
+ <div
490
+ class="pf-v6-c-dual-list-selector__title-text"
491
+ >
492
+ Chosen options
493
+ </div>
494
+ </div>
495
+ </div>
496
+ <div
497
+ class="pf-v6-c-dual-list-selector__status"
498
+ >
499
+ <div
500
+ class="pf-v6-c-dual-list-selector__status-text"
501
+ id="disabledTest-chosen-pane-status"
502
+ >
503
+ 0 of 0 items selected
504
+ </div>
505
+ </div>
506
+ <div
507
+ class="pf-v6-c-dual-list-selector__menu"
508
+ tabindex="0"
509
+ >
510
+ <ul
511
+ aria-disabled="true"
512
+ class="pf-v6-c-dual-list-selector__list"
513
+ />
514
+ </div>
515
+ </div>
516
+ </div>
517
+ </DocumentFragment>
518
+ `;
519
+
520
+ exports[`DualListSelector with actions 1`] = `
521
+ <DocumentFragment>
522
+ <div
523
+ class="pf-v6-c-dual-list-selector"
524
+ id="fourthTest"
525
+ >
526
+ <div
527
+ class="pf-v6-c-dual-list-selector__pane pf-m-available"
528
+ >
529
+ <div
530
+ class="pf-v6-c-dual-list-selector__header"
531
+ >
532
+ <div
533
+ class="pf-v6-c-dual-list-selector__title"
534
+ >
535
+ <div
536
+ class="pf-v6-c-dual-list-selector__title-text"
537
+ >
538
+ Available options
539
+ </div>
540
+ </div>
541
+ </div>
542
+ <div
543
+ class="pf-v6-c-dual-list-selector__tools"
544
+ >
545
+ <div
546
+ class="pf-v6-c-dual-list-selector__tools-actions"
547
+ >
548
+ <span>
549
+ TestNode1
550
+ </span>
551
+ </div>
552
+ </div>
553
+ <div
554
+ class="pf-v6-c-dual-list-selector__status"
555
+ >
556
+ <div
557
+ class="pf-v6-c-dual-list-selector__status-text"
558
+ id="fourthTest-available-pane-status"
559
+ >
560
+ 0 of 2 items selected
561
+ </div>
562
+ </div>
563
+ <div
564
+ class="pf-v6-c-dual-list-selector__menu"
565
+ tabindex="0"
566
+ >
567
+ <ul
568
+ aria-activedescendant=""
569
+ aria-labelledby="fourthTest-available-pane-status"
570
+ aria-multiselectable="true"
571
+ class="pf-v6-c-dual-list-selector__list"
572
+ role="listbox"
573
+ >
574
+ <li
575
+ aria-selected="false"
576
+ class="pf-v6-c-dual-list-selector__list-item"
577
+ id="fourthTest-available-pane-list-option-0"
578
+ role="option"
579
+ tabindex="-1"
580
+ >
581
+ <div
582
+ class="pf-v6-c-dual-list-selector__list-item-row"
583
+ >
584
+ <span
585
+ class="pf-v6-c-dual-list-selector__item"
586
+ >
587
+ <span
588
+ class="pf-v6-c-dual-list-selector__item-main"
589
+ >
590
+ <span
591
+ class="pf-v6-c-dual-list-selector__item-text"
592
+ >
593
+ Option 1
594
+ </span>
595
+ </span>
596
+ </span>
597
+ </div>
598
+ </li>
599
+ <li
600
+ aria-selected="false"
601
+ class="pf-v6-c-dual-list-selector__list-item"
602
+ id="fourthTest-available-pane-list-option-1"
603
+ role="option"
604
+ tabindex="-1"
605
+ >
606
+ <div
607
+ class="pf-v6-c-dual-list-selector__list-item-row"
608
+ >
609
+ <span
610
+ class="pf-v6-c-dual-list-selector__item"
611
+ >
612
+ <span
613
+ class="pf-v6-c-dual-list-selector__item-main"
614
+ >
615
+ <span
616
+ class="pf-v6-c-dual-list-selector__item-text"
617
+ >
618
+ Option 2
619
+ </span>
620
+ </span>
621
+ </span>
622
+ </div>
623
+ </li>
624
+ </ul>
625
+ </div>
626
+ </div>
627
+ <div
628
+ aria-label="Selector controls"
629
+ class="pf-v6-c-dual-list-selector__controls"
630
+ role="group"
631
+ tabindex="0"
632
+ >
633
+ <div
634
+ class="pf-v6-c-dual-list-selector__controls-item"
635
+ >
636
+ <button
637
+ aria-disabled="false"
638
+ aria-label="Add selected"
639
+ class="pf-v6-c-button pf-m-plain"
640
+ data-ouia-component-id="OUIA-Generated-Button-plain-21"
641
+ data-ouia-component-type="PF6/Button"
642
+ data-ouia-safe="true"
643
+ disabled=""
644
+ tabindex="-1"
645
+ type="button"
646
+ >
647
+ <svg
648
+ aria-hidden="true"
649
+ class="pf-v6-svg"
650
+ fill="currentColor"
651
+ height="1em"
652
+ role="img"
653
+ viewBox="0 0 256 512"
654
+ width="1em"
655
+ >
656
+ <path
657
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
658
+ />
659
+ </svg>
660
+ </button>
661
+ </div>
662
+ <div
663
+ class="pf-v6-c-dual-list-selector__controls-item"
664
+ >
665
+ <button
666
+ aria-disabled="false"
667
+ aria-label="Add all"
668
+ class="pf-v6-c-button pf-m-plain"
669
+ data-ouia-component-id="OUIA-Generated-Button-plain-22"
670
+ data-ouia-component-type="PF6/Button"
671
+ data-ouia-safe="true"
672
+ tabindex="-1"
673
+ type="button"
674
+ >
675
+ <svg
676
+ aria-hidden="true"
677
+ class="pf-v6-svg"
678
+ fill="currentColor"
679
+ height="1em"
680
+ role="img"
681
+ viewBox="0 0 448 512"
682
+ width="1em"
683
+ >
684
+ <path
685
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
686
+ />
687
+ </svg>
688
+ </button>
689
+ </div>
690
+ <div
691
+ class="pf-v6-c-dual-list-selector__controls-item"
692
+ >
693
+ <button
694
+ aria-disabled="false"
695
+ aria-label="Remove all"
696
+ class="pf-v6-c-button pf-m-plain"
697
+ data-ouia-component-id="OUIA-Generated-Button-plain-23"
698
+ data-ouia-component-type="PF6/Button"
699
+ data-ouia-safe="true"
700
+ tabindex="-1"
701
+ type="button"
702
+ >
703
+ <svg
704
+ aria-hidden="true"
705
+ class="pf-v6-svg"
706
+ fill="currentColor"
707
+ height="1em"
708
+ role="img"
709
+ viewBox="0 0 448 512"
710
+ width="1em"
711
+ >
712
+ <path
713
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
714
+ />
715
+ </svg>
716
+ </button>
717
+ </div>
718
+ <div
719
+ class="pf-v6-c-dual-list-selector__controls-item"
720
+ >
721
+ <button
722
+ aria-disabled="false"
723
+ aria-label="Remove selected"
724
+ class="pf-v6-c-button pf-m-plain"
725
+ data-ouia-component-id="OUIA-Generated-Button-plain-24"
726
+ data-ouia-component-type="PF6/Button"
727
+ data-ouia-safe="true"
728
+ disabled=""
729
+ tabindex="-1"
730
+ type="button"
731
+ >
732
+ <svg
733
+ aria-hidden="true"
734
+ class="pf-v6-svg"
735
+ fill="currentColor"
736
+ height="1em"
737
+ role="img"
738
+ viewBox="0 0 256 512"
739
+ width="1em"
740
+ >
741
+ <path
742
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
743
+ />
744
+ </svg>
745
+ </button>
746
+ </div>
747
+ </div>
748
+ <div
749
+ class="pf-v6-c-dual-list-selector__pane pf-m-chosen"
750
+ >
751
+ <div
752
+ class="pf-v6-c-dual-list-selector__header"
753
+ >
754
+ <div
755
+ class="pf-v6-c-dual-list-selector__title"
756
+ >
757
+ <div
758
+ class="pf-v6-c-dual-list-selector__title-text"
759
+ >
760
+ Chosen options
761
+ </div>
762
+ </div>
763
+ </div>
764
+ <div
765
+ class="pf-v6-c-dual-list-selector__tools"
766
+ >
767
+ <div
768
+ class="pf-v6-c-dual-list-selector__tools-actions"
769
+ >
770
+ <span>
771
+ TestNode2
772
+ </span>
773
+ </div>
774
+ </div>
775
+ <div
776
+ class="pf-v6-c-dual-list-selector__status"
777
+ >
778
+ <div
779
+ class="pf-v6-c-dual-list-selector__status-text"
780
+ id="fourthTest-chosen-pane-status"
781
+ >
782
+ 0 of 2 items selected
783
+ </div>
784
+ </div>
785
+ <div
786
+ class="pf-v6-c-dual-list-selector__menu"
787
+ tabindex="0"
788
+ >
789
+ <ul
790
+ aria-activedescendant=""
791
+ aria-labelledby="fourthTest-chosen-pane-status"
792
+ aria-multiselectable="true"
793
+ class="pf-v6-c-dual-list-selector__list"
794
+ role="listbox"
795
+ >
796
+ <li
797
+ aria-selected="false"
798
+ class="pf-v6-c-dual-list-selector__list-item"
799
+ id="fourthTest-chosen-pane-list-option-0"
800
+ role="option"
801
+ tabindex="-1"
802
+ >
803
+ <div
804
+ class="pf-v6-c-dual-list-selector__list-item-row"
805
+ >
806
+ <span
807
+ class="pf-v6-c-dual-list-selector__item"
808
+ >
809
+ <span
810
+ class="pf-v6-c-dual-list-selector__item-main"
811
+ >
812
+ <span
813
+ class="pf-v6-c-dual-list-selector__item-text"
814
+ >
815
+ Option 3
816
+ </span>
817
+ </span>
818
+ </span>
819
+ </div>
820
+ </li>
821
+ <li
822
+ aria-selected="false"
823
+ class="pf-v6-c-dual-list-selector__list-item"
824
+ id="fourthTest-chosen-pane-list-option-1"
825
+ role="option"
826
+ tabindex="-1"
827
+ >
828
+ <div
829
+ class="pf-v6-c-dual-list-selector__list-item-row"
830
+ >
831
+ <span
832
+ class="pf-v6-c-dual-list-selector__item"
833
+ >
834
+ <span
835
+ class="pf-v6-c-dual-list-selector__item-main"
836
+ >
837
+ <span
838
+ class="pf-v6-c-dual-list-selector__item-text"
839
+ >
840
+ Option 4
841
+ </span>
842
+ </span>
843
+ </span>
844
+ </div>
845
+ </li>
846
+ </ul>
847
+ </div>
848
+ </div>
849
+ </div>
850
+ </DocumentFragment>
851
+ `;
852
+
853
+ exports[`DualListSelector with custom status 1`] = `
854
+ <DocumentFragment>
855
+ <div
856
+ class="pf-v6-c-dual-list-selector"
857
+ id="thirdTest"
858
+ >
859
+ <div
860
+ class="pf-v6-c-dual-list-selector__pane pf-m-available"
861
+ >
862
+ <div
863
+ class="pf-v6-c-dual-list-selector__header"
864
+ >
865
+ <div
866
+ class="pf-v6-c-dual-list-selector__title"
867
+ >
868
+ <div
869
+ class="pf-v6-c-dual-list-selector__title-text"
870
+ >
871
+ Available options
872
+ </div>
873
+ </div>
874
+ </div>
875
+ <div
876
+ class="pf-v6-c-dual-list-selector__status"
877
+ >
878
+ <div
879
+ class="pf-v6-c-dual-list-selector__status-text"
880
+ id="thirdTest-available-pane-status"
881
+ >
882
+ Test status1
883
+ </div>
884
+ </div>
885
+ <div
886
+ class="pf-v6-c-dual-list-selector__menu"
887
+ tabindex="0"
888
+ >
889
+ <ul
890
+ aria-activedescendant=""
891
+ aria-labelledby="thirdTest-available-pane-status"
892
+ aria-multiselectable="true"
893
+ class="pf-v6-c-dual-list-selector__list"
894
+ role="listbox"
895
+ >
896
+ <li
897
+ aria-selected="false"
898
+ class="pf-v6-c-dual-list-selector__list-item"
899
+ id="thirdTest-available-pane-list-option-0"
900
+ role="option"
901
+ tabindex="-1"
902
+ >
903
+ <div
904
+ class="pf-v6-c-dual-list-selector__list-item-row"
905
+ >
906
+ <span
907
+ class="pf-v6-c-dual-list-selector__item"
908
+ >
909
+ <span
910
+ class="pf-v6-c-dual-list-selector__item-main"
911
+ >
912
+ <span
913
+ class="pf-v6-c-dual-list-selector__item-text"
914
+ >
915
+ Option 1
916
+ </span>
917
+ </span>
918
+ </span>
919
+ </div>
920
+ </li>
921
+ <li
922
+ aria-selected="false"
923
+ class="pf-v6-c-dual-list-selector__list-item"
924
+ id="thirdTest-available-pane-list-option-1"
925
+ role="option"
926
+ tabindex="-1"
927
+ >
928
+ <div
929
+ class="pf-v6-c-dual-list-selector__list-item-row"
930
+ >
931
+ <span
932
+ class="pf-v6-c-dual-list-selector__item"
933
+ >
934
+ <span
935
+ class="pf-v6-c-dual-list-selector__item-main"
936
+ >
937
+ <span
938
+ class="pf-v6-c-dual-list-selector__item-text"
939
+ >
940
+ Option 2
941
+ </span>
942
+ </span>
943
+ </span>
944
+ </div>
945
+ </li>
946
+ </ul>
947
+ </div>
948
+ </div>
949
+ <div
950
+ aria-label="Selector controls"
951
+ class="pf-v6-c-dual-list-selector__controls"
952
+ role="group"
953
+ tabindex="0"
954
+ >
955
+ <div
956
+ class="pf-v6-c-dual-list-selector__controls-item"
957
+ >
958
+ <button
959
+ aria-disabled="false"
960
+ aria-label="Add selected"
961
+ class="pf-v6-c-button pf-m-plain"
962
+ data-ouia-component-id="OUIA-Generated-Button-plain-9"
963
+ data-ouia-component-type="PF6/Button"
964
+ data-ouia-safe="true"
965
+ disabled=""
966
+ tabindex="-1"
967
+ type="button"
968
+ >
969
+ <svg
970
+ aria-hidden="true"
971
+ class="pf-v6-svg"
972
+ fill="currentColor"
973
+ height="1em"
974
+ role="img"
975
+ viewBox="0 0 256 512"
976
+ width="1em"
977
+ >
978
+ <path
979
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
980
+ />
981
+ </svg>
982
+ </button>
983
+ </div>
984
+ <div
985
+ class="pf-v6-c-dual-list-selector__controls-item"
986
+ >
987
+ <button
988
+ aria-disabled="false"
989
+ aria-label="Add all"
990
+ class="pf-v6-c-button pf-m-plain"
991
+ data-ouia-component-id="OUIA-Generated-Button-plain-10"
992
+ data-ouia-component-type="PF6/Button"
993
+ data-ouia-safe="true"
994
+ tabindex="-1"
995
+ type="button"
996
+ >
997
+ <svg
998
+ aria-hidden="true"
999
+ class="pf-v6-svg"
1000
+ fill="currentColor"
1001
+ height="1em"
1002
+ role="img"
1003
+ viewBox="0 0 448 512"
1004
+ width="1em"
1005
+ >
1006
+ <path
1007
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
1008
+ />
1009
+ </svg>
1010
+ </button>
1011
+ </div>
1012
+ <div
1013
+ class="pf-v6-c-dual-list-selector__controls-item"
1014
+ >
1015
+ <button
1016
+ aria-disabled="false"
1017
+ aria-label="Remove all"
1018
+ class="pf-v6-c-button pf-m-plain"
1019
+ data-ouia-component-id="OUIA-Generated-Button-plain-11"
1020
+ data-ouia-component-type="PF6/Button"
1021
+ data-ouia-safe="true"
1022
+ disabled=""
1023
+ tabindex="-1"
1024
+ type="button"
1025
+ >
1026
+ <svg
1027
+ aria-hidden="true"
1028
+ class="pf-v6-svg"
1029
+ fill="currentColor"
1030
+ height="1em"
1031
+ role="img"
1032
+ viewBox="0 0 448 512"
1033
+ width="1em"
1034
+ >
1035
+ <path
1036
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
1037
+ />
1038
+ </svg>
1039
+ </button>
1040
+ </div>
1041
+ <div
1042
+ class="pf-v6-c-dual-list-selector__controls-item"
1043
+ >
1044
+ <button
1045
+ aria-disabled="false"
1046
+ aria-label="Remove selected"
1047
+ class="pf-v6-c-button pf-m-plain"
1048
+ data-ouia-component-id="OUIA-Generated-Button-plain-12"
1049
+ data-ouia-component-type="PF6/Button"
1050
+ data-ouia-safe="true"
1051
+ disabled=""
1052
+ tabindex="-1"
1053
+ type="button"
1054
+ >
1055
+ <svg
1056
+ aria-hidden="true"
1057
+ class="pf-v6-svg"
1058
+ fill="currentColor"
1059
+ height="1em"
1060
+ role="img"
1061
+ viewBox="0 0 256 512"
1062
+ width="1em"
1063
+ >
1064
+ <path
1065
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1066
+ />
1067
+ </svg>
1068
+ </button>
1069
+ </div>
1070
+ </div>
1071
+ <div
1072
+ class="pf-v6-c-dual-list-selector__pane pf-m-chosen"
1073
+ >
1074
+ <div
1075
+ class="pf-v6-c-dual-list-selector__header"
1076
+ >
1077
+ <div
1078
+ class="pf-v6-c-dual-list-selector__title"
1079
+ >
1080
+ <div
1081
+ class="pf-v6-c-dual-list-selector__title-text"
1082
+ >
1083
+ Chosen options
1084
+ </div>
1085
+ </div>
1086
+ </div>
1087
+ <div
1088
+ class="pf-v6-c-dual-list-selector__status"
1089
+ >
1090
+ <div
1091
+ class="pf-v6-c-dual-list-selector__status-text"
1092
+ id="thirdTest-chosen-pane-status"
1093
+ >
1094
+ Test status2
1095
+ </div>
1096
+ </div>
1097
+ <div
1098
+ class="pf-v6-c-dual-list-selector__menu"
1099
+ tabindex="0"
1100
+ >
1101
+ <ul
1102
+ class="pf-v6-c-dual-list-selector__list"
1103
+ />
1104
+ </div>
1105
+ </div>
1106
+ </div>
1107
+ </DocumentFragment>
1108
+ `;
1109
+
1110
+ exports[`DualListSelector with search inputs 1`] = `
1111
+ <DocumentFragment>
1112
+ <div
1113
+ class="pf-v6-c-dual-list-selector"
1114
+ id="secondTest"
1115
+ >
1116
+ <div
1117
+ class="pf-v6-c-dual-list-selector__pane pf-m-available"
1118
+ >
1119
+ <div
1120
+ class="pf-v6-c-dual-list-selector__header"
1121
+ >
1122
+ <div
1123
+ class="pf-v6-c-dual-list-selector__title"
1124
+ >
1125
+ <div
1126
+ class="pf-v6-c-dual-list-selector__title-text"
1127
+ >
1128
+ Available options
1129
+ </div>
1130
+ </div>
1131
+ </div>
1132
+ <div
1133
+ class="pf-v6-c-dual-list-selector__tools"
1134
+ >
1135
+ <div
1136
+ class="pf-v6-c-dual-list-selector__tools-filter"
1137
+ >
1138
+ <div
1139
+ class="pf-v6-c-text-input-group"
1140
+ >
1141
+ <div
1142
+ class="pf-v6-c-text-input-group__main pf-m-icon"
1143
+ >
1144
+ <span
1145
+ class="pf-v6-c-text-input-group__text"
1146
+ >
1147
+ <span
1148
+ class="pf-v6-c-text-input-group__icon"
1149
+ >
1150
+ <svg
1151
+ aria-hidden="true"
1152
+ class="pf-v6-svg"
1153
+ fill="currentColor"
1154
+ height="1em"
1155
+ role="img"
1156
+ viewBox="0 0 512 512"
1157
+ width="1em"
1158
+ >
1159
+ <path
1160
+ d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
1161
+ />
1162
+ </svg>
1163
+ </span>
1164
+ <input
1165
+ aria-label="Available search input"
1166
+ class="pf-v6-c-text-input-group__text-input"
1167
+ type="text"
1168
+ value=""
1169
+ />
1170
+ </span>
1171
+ </div>
1172
+ </div>
1173
+ </div>
1174
+ </div>
1175
+ <div
1176
+ class="pf-v6-c-dual-list-selector__status"
1177
+ >
1178
+ <div
1179
+ class="pf-v6-c-dual-list-selector__status-text"
1180
+ id="secondTest-available-pane-status"
1181
+ >
1182
+ 0 of 2 items selected
1183
+ </div>
1184
+ </div>
1185
+ <div
1186
+ class="pf-v6-c-dual-list-selector__menu"
1187
+ tabindex="0"
1188
+ >
1189
+ <ul
1190
+ aria-activedescendant=""
1191
+ aria-labelledby="secondTest-available-pane-status"
1192
+ aria-multiselectable="true"
1193
+ class="pf-v6-c-dual-list-selector__list"
1194
+ role="listbox"
1195
+ >
1196
+ <li
1197
+ aria-selected="false"
1198
+ class="pf-v6-c-dual-list-selector__list-item"
1199
+ id="secondTest-available-pane-list-option-0"
1200
+ role="option"
1201
+ tabindex="-1"
1202
+ >
1203
+ <div
1204
+ class="pf-v6-c-dual-list-selector__list-item-row"
1205
+ >
1206
+ <span
1207
+ class="pf-v6-c-dual-list-selector__item"
1208
+ >
1209
+ <span
1210
+ class="pf-v6-c-dual-list-selector__item-main"
1211
+ >
1212
+ <span
1213
+ class="pf-v6-c-dual-list-selector__item-text"
1214
+ >
1215
+ Option 1
1216
+ </span>
1217
+ </span>
1218
+ </span>
1219
+ </div>
1220
+ </li>
1221
+ <li
1222
+ aria-selected="false"
1223
+ class="pf-v6-c-dual-list-selector__list-item"
1224
+ id="secondTest-available-pane-list-option-1"
1225
+ role="option"
1226
+ tabindex="-1"
1227
+ >
1228
+ <div
1229
+ class="pf-v6-c-dual-list-selector__list-item-row"
1230
+ >
1231
+ <span
1232
+ class="pf-v6-c-dual-list-selector__item"
1233
+ >
1234
+ <span
1235
+ class="pf-v6-c-dual-list-selector__item-main"
1236
+ >
1237
+ <span
1238
+ class="pf-v6-c-dual-list-selector__item-text"
1239
+ >
1240
+ Option 2
1241
+ </span>
1242
+ </span>
1243
+ </span>
1244
+ </div>
1245
+ </li>
1246
+ </ul>
1247
+ </div>
1248
+ </div>
1249
+ <div
1250
+ aria-label="Selector controls"
1251
+ class="pf-v6-c-dual-list-selector__controls"
1252
+ role="group"
1253
+ tabindex="0"
1254
+ >
1255
+ <div
1256
+ class="pf-v6-c-dual-list-selector__controls-item"
1257
+ >
1258
+ <button
1259
+ aria-disabled="false"
1260
+ aria-label="Add selected"
1261
+ class="pf-v6-c-button pf-m-plain"
1262
+ data-ouia-component-id="OUIA-Generated-Button-plain-5"
1263
+ data-ouia-component-type="PF6/Button"
1264
+ data-ouia-safe="true"
1265
+ disabled=""
1266
+ tabindex="-1"
1267
+ type="button"
1268
+ >
1269
+ <svg
1270
+ aria-hidden="true"
1271
+ class="pf-v6-svg"
1272
+ fill="currentColor"
1273
+ height="1em"
1274
+ role="img"
1275
+ viewBox="0 0 256 512"
1276
+ width="1em"
1277
+ >
1278
+ <path
1279
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1280
+ />
1281
+ </svg>
1282
+ </button>
1283
+ </div>
1284
+ <div
1285
+ class="pf-v6-c-dual-list-selector__controls-item"
1286
+ >
1287
+ <button
1288
+ aria-disabled="false"
1289
+ aria-label="Add all"
1290
+ class="pf-v6-c-button pf-m-plain"
1291
+ data-ouia-component-id="OUIA-Generated-Button-plain-6"
1292
+ data-ouia-component-type="PF6/Button"
1293
+ data-ouia-safe="true"
1294
+ tabindex="-1"
1295
+ type="button"
1296
+ >
1297
+ <svg
1298
+ aria-hidden="true"
1299
+ class="pf-v6-svg"
1300
+ fill="currentColor"
1301
+ height="1em"
1302
+ role="img"
1303
+ viewBox="0 0 448 512"
1304
+ width="1em"
1305
+ >
1306
+ <path
1307
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
1308
+ />
1309
+ </svg>
1310
+ </button>
1311
+ </div>
1312
+ <div
1313
+ class="pf-v6-c-dual-list-selector__controls-item"
1314
+ >
1315
+ <button
1316
+ aria-disabled="false"
1317
+ aria-label="Remove all"
1318
+ class="pf-v6-c-button pf-m-plain"
1319
+ data-ouia-component-id="OUIA-Generated-Button-plain-7"
1320
+ data-ouia-component-type="PF6/Button"
1321
+ data-ouia-safe="true"
1322
+ disabled=""
1323
+ tabindex="-1"
1324
+ type="button"
1325
+ >
1326
+ <svg
1327
+ aria-hidden="true"
1328
+ class="pf-v6-svg"
1329
+ fill="currentColor"
1330
+ height="1em"
1331
+ role="img"
1332
+ viewBox="0 0 448 512"
1333
+ width="1em"
1334
+ >
1335
+ <path
1336
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
1337
+ />
1338
+ </svg>
1339
+ </button>
1340
+ </div>
1341
+ <div
1342
+ class="pf-v6-c-dual-list-selector__controls-item"
1343
+ >
1344
+ <button
1345
+ aria-disabled="false"
1346
+ aria-label="Remove selected"
1347
+ class="pf-v6-c-button pf-m-plain"
1348
+ data-ouia-component-id="OUIA-Generated-Button-plain-8"
1349
+ data-ouia-component-type="PF6/Button"
1350
+ data-ouia-safe="true"
1351
+ disabled=""
1352
+ tabindex="-1"
1353
+ type="button"
1354
+ >
1355
+ <svg
1356
+ aria-hidden="true"
1357
+ class="pf-v6-svg"
1358
+ fill="currentColor"
1359
+ height="1em"
1360
+ role="img"
1361
+ viewBox="0 0 256 512"
1362
+ width="1em"
1363
+ >
1364
+ <path
1365
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1366
+ />
1367
+ </svg>
1368
+ </button>
1369
+ </div>
1370
+ </div>
1371
+ <div
1372
+ class="pf-v6-c-dual-list-selector__pane pf-m-chosen"
1373
+ >
1374
+ <div
1375
+ class="pf-v6-c-dual-list-selector__header"
1376
+ >
1377
+ <div
1378
+ class="pf-v6-c-dual-list-selector__title"
1379
+ >
1380
+ <div
1381
+ class="pf-v6-c-dual-list-selector__title-text"
1382
+ >
1383
+ Chosen options
1384
+ </div>
1385
+ </div>
1386
+ </div>
1387
+ <div
1388
+ class="pf-v6-c-dual-list-selector__tools"
1389
+ >
1390
+ <div
1391
+ class="pf-v6-c-dual-list-selector__tools-filter"
1392
+ >
1393
+ <div
1394
+ class="pf-v6-c-text-input-group"
1395
+ >
1396
+ <div
1397
+ class="pf-v6-c-text-input-group__main pf-m-icon"
1398
+ >
1399
+ <span
1400
+ class="pf-v6-c-text-input-group__text"
1401
+ >
1402
+ <span
1403
+ class="pf-v6-c-text-input-group__icon"
1404
+ >
1405
+ <svg
1406
+ aria-hidden="true"
1407
+ class="pf-v6-svg"
1408
+ fill="currentColor"
1409
+ height="1em"
1410
+ role="img"
1411
+ viewBox="0 0 512 512"
1412
+ width="1em"
1413
+ >
1414
+ <path
1415
+ d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
1416
+ />
1417
+ </svg>
1418
+ </span>
1419
+ <input
1420
+ aria-label="Chosen search input"
1421
+ class="pf-v6-c-text-input-group__text-input"
1422
+ type="text"
1423
+ value=""
1424
+ />
1425
+ </span>
1426
+ </div>
1427
+ </div>
1428
+ </div>
1429
+ </div>
1430
+ <div
1431
+ class="pf-v6-c-dual-list-selector__status"
1432
+ >
1433
+ <div
1434
+ class="pf-v6-c-dual-list-selector__status-text"
1435
+ id="secondTest-chosen-pane-status"
1436
+ >
1437
+ 0 of 0 items selected
1438
+ </div>
1439
+ </div>
1440
+ <div
1441
+ class="pf-v6-c-dual-list-selector__menu"
1442
+ tabindex="0"
1443
+ >
1444
+ <ul
1445
+ class="pf-v6-c-dual-list-selector__list"
1446
+ />
1447
+ </div>
1448
+ </div>
1449
+ </div>
1450
+ </DocumentFragment>
1451
+ `;
1452
+
1453
+ exports[`DualListSelector with tree 1`] = `
1454
+ <DocumentFragment>
1455
+ <div
1456
+ class="pf-v6-c-dual-list-selector"
1457
+ id="tree-test"
1458
+ >
1459
+ <div
1460
+ class="pf-v6-c-dual-list-selector__pane pf-m-available"
1461
+ >
1462
+ <div
1463
+ class="pf-v6-c-dual-list-selector__header"
1464
+ >
1465
+ <div
1466
+ class="pf-v6-c-dual-list-selector__title"
1467
+ >
1468
+ <div
1469
+ class="pf-v6-c-dual-list-selector__title-text"
1470
+ >
1471
+ Available options
1472
+ </div>
1473
+ </div>
1474
+ </div>
1475
+ <div
1476
+ class="pf-v6-c-dual-list-selector__status"
1477
+ >
1478
+ <div
1479
+ class="pf-v6-c-dual-list-selector__status-text"
1480
+ id="tree-test-available-pane-status"
1481
+ >
1482
+ Test status1
1483
+ </div>
1484
+ </div>
1485
+ <div
1486
+ class="pf-v6-c-dual-list-selector__menu"
1487
+ tabindex="0"
1488
+ >
1489
+ <ul
1490
+ aria-activedescendant=""
1491
+ aria-labelledby="tree-test-available-pane-status"
1492
+ aria-multiselectable="true"
1493
+ class="pf-v6-c-dual-list-selector__list"
1494
+ role="tree"
1495
+ >
1496
+ <li
1497
+ aria-expanded="true"
1498
+ aria-selected="false"
1499
+ class="pf-v6-c-dual-list-selector__list-item pf-m-expandable pf-m-expanded"
1500
+ id="O1"
1501
+ role="treeitem"
1502
+ >
1503
+ <div
1504
+ class="pf-v6-c-dual-list-selector__list-item-row pf-m-check"
1505
+ >
1506
+ <div
1507
+ class="pf-v6-c-dual-list-selector__item"
1508
+ tabindex="-1"
1509
+ >
1510
+ <span
1511
+ class="pf-v6-c-dual-list-selector__item-main"
1512
+ >
1513
+ <div
1514
+ class="pf-v6-c-dual-list-selector__item-toggle"
1515
+ tabindex="-1"
1516
+ >
1517
+ <span
1518
+ class="pf-v6-c-dual-list-selector__item-toggle-icon"
1519
+ >
1520
+ <svg
1521
+ aria-hidden="true"
1522
+ class="pf-v6-svg"
1523
+ fill="currentColor"
1524
+ height="1em"
1525
+ role="img"
1526
+ viewBox="0 0 256 512"
1527
+ width="1em"
1528
+ >
1529
+ <path
1530
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1531
+ />
1532
+ </svg>
1533
+ </span>
1534
+ </div>
1535
+ <span
1536
+ class="pf-v6-c-dual-list-selector__item-check"
1537
+ >
1538
+ <input
1539
+ tabindex="-1"
1540
+ type="checkbox"
1541
+ />
1542
+ </span>
1543
+ <span
1544
+ class="pf-v6-c-dual-list-selector__item-text"
1545
+ >
1546
+ Opt1
1547
+ </span>
1548
+ </span>
1549
+ </div>
1550
+ </div>
1551
+ <ul
1552
+ class="pf-v6-c-dual-list-selector__list"
1553
+ role="group"
1554
+ >
1555
+ <li
1556
+ aria-selected="false"
1557
+ class="pf-v6-c-dual-list-selector__list-item"
1558
+ id="O3"
1559
+ role="treeitem"
1560
+ >
1561
+ <div
1562
+ class="pf-v6-c-dual-list-selector__list-item-row pf-m-check"
1563
+ >
1564
+ <div
1565
+ class="pf-v6-c-dual-list-selector__item"
1566
+ tabindex="-1"
1567
+ >
1568
+ <span
1569
+ class="pf-v6-c-dual-list-selector__item-main"
1570
+ >
1571
+ <span
1572
+ class="pf-v6-c-dual-list-selector__item-check"
1573
+ >
1574
+ <input
1575
+ tabindex="-1"
1576
+ type="checkbox"
1577
+ />
1578
+ </span>
1579
+ <span
1580
+ class="pf-v6-c-dual-list-selector__item-text"
1581
+ >
1582
+ Opt3
1583
+ </span>
1584
+ </span>
1585
+ </div>
1586
+ </div>
1587
+ </li>
1588
+ </ul>
1589
+ </li>
1590
+ <li
1591
+ aria-selected="false"
1592
+ class="pf-v6-c-dual-list-selector__list-item"
1593
+ id="O2"
1594
+ role="treeitem"
1595
+ >
1596
+ <div
1597
+ class="pf-v6-c-dual-list-selector__list-item-row pf-m-check"
1598
+ >
1599
+ <div
1600
+ class="pf-v6-c-dual-list-selector__item"
1601
+ tabindex="-1"
1602
+ >
1603
+ <span
1604
+ class="pf-v6-c-dual-list-selector__item-main"
1605
+ >
1606
+ <span
1607
+ class="pf-v6-c-dual-list-selector__item-check"
1608
+ >
1609
+ <input
1610
+ tabindex="-1"
1611
+ type="checkbox"
1612
+ />
1613
+ </span>
1614
+ <span
1615
+ class="pf-v6-c-dual-list-selector__item-text"
1616
+ >
1617
+ Opt2
1618
+ </span>
1619
+ </span>
1620
+ </div>
1621
+ </div>
1622
+ </li>
1623
+ </ul>
1624
+ </div>
1625
+ </div>
1626
+ <div
1627
+ aria-label="Selector controls"
1628
+ class="pf-v6-c-dual-list-selector__controls"
1629
+ role="group"
1630
+ tabindex="0"
1631
+ >
1632
+ <div
1633
+ class="pf-v6-c-dual-list-selector__controls-item"
1634
+ >
1635
+ <button
1636
+ aria-disabled="false"
1637
+ aria-label="Add selected"
1638
+ class="pf-v6-c-button pf-m-plain"
1639
+ data-ouia-component-id="OUIA-Generated-Button-plain-17"
1640
+ data-ouia-component-type="PF6/Button"
1641
+ data-ouia-safe="true"
1642
+ disabled=""
1643
+ tabindex="-1"
1644
+ type="button"
1645
+ >
1646
+ <svg
1647
+ aria-hidden="true"
1648
+ class="pf-v6-svg"
1649
+ fill="currentColor"
1650
+ height="1em"
1651
+ role="img"
1652
+ viewBox="0 0 256 512"
1653
+ width="1em"
1654
+ >
1655
+ <path
1656
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1657
+ />
1658
+ </svg>
1659
+ </button>
1660
+ </div>
1661
+ <div
1662
+ class="pf-v6-c-dual-list-selector__controls-item"
1663
+ >
1664
+ <button
1665
+ aria-disabled="false"
1666
+ aria-label="Add all"
1667
+ class="pf-v6-c-button pf-m-plain"
1668
+ data-ouia-component-id="OUIA-Generated-Button-plain-18"
1669
+ data-ouia-component-type="PF6/Button"
1670
+ data-ouia-safe="true"
1671
+ tabindex="-1"
1672
+ type="button"
1673
+ >
1674
+ <svg
1675
+ aria-hidden="true"
1676
+ class="pf-v6-svg"
1677
+ fill="currentColor"
1678
+ height="1em"
1679
+ role="img"
1680
+ viewBox="0 0 448 512"
1681
+ width="1em"
1682
+ >
1683
+ <path
1684
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
1685
+ />
1686
+ </svg>
1687
+ </button>
1688
+ </div>
1689
+ <div
1690
+ class="pf-v6-c-dual-list-selector__controls-item"
1691
+ >
1692
+ <button
1693
+ aria-disabled="false"
1694
+ aria-label="Remove all"
1695
+ class="pf-v6-c-button pf-m-plain"
1696
+ data-ouia-component-id="OUIA-Generated-Button-plain-19"
1697
+ data-ouia-component-type="PF6/Button"
1698
+ data-ouia-safe="true"
1699
+ disabled=""
1700
+ tabindex="-1"
1701
+ type="button"
1702
+ >
1703
+ <svg
1704
+ aria-hidden="true"
1705
+ class="pf-v6-svg"
1706
+ fill="currentColor"
1707
+ height="1em"
1708
+ role="img"
1709
+ viewBox="0 0 448 512"
1710
+ width="1em"
1711
+ >
1712
+ <path
1713
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
1714
+ />
1715
+ </svg>
1716
+ </button>
1717
+ </div>
1718
+ <div
1719
+ class="pf-v6-c-dual-list-selector__controls-item"
1720
+ >
1721
+ <button
1722
+ aria-disabled="false"
1723
+ aria-label="Remove selected"
1724
+ class="pf-v6-c-button pf-m-plain"
1725
+ data-ouia-component-id="OUIA-Generated-Button-plain-20"
1726
+ data-ouia-component-type="PF6/Button"
1727
+ data-ouia-safe="true"
1728
+ disabled=""
1729
+ tabindex="-1"
1730
+ type="button"
1731
+ >
1732
+ <svg
1733
+ aria-hidden="true"
1734
+ class="pf-v6-svg"
1735
+ fill="currentColor"
1736
+ height="1em"
1737
+ role="img"
1738
+ viewBox="0 0 256 512"
1739
+ width="1em"
1740
+ >
1741
+ <path
1742
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1743
+ />
1744
+ </svg>
1745
+ </button>
1746
+ </div>
1747
+ </div>
1748
+ <div
1749
+ class="pf-v6-c-dual-list-selector__pane pf-m-chosen"
1750
+ >
1751
+ <div
1752
+ class="pf-v6-c-dual-list-selector__header"
1753
+ >
1754
+ <div
1755
+ class="pf-v6-c-dual-list-selector__title"
1756
+ >
1757
+ <div
1758
+ class="pf-v6-c-dual-list-selector__title-text"
1759
+ >
1760
+ Chosen options
1761
+ </div>
1762
+ </div>
1763
+ </div>
1764
+ <div
1765
+ class="pf-v6-c-dual-list-selector__status"
1766
+ >
1767
+ <div
1768
+ class="pf-v6-c-dual-list-selector__status-text"
1769
+ id="tree-test-chosen-pane-status"
1770
+ >
1771
+ Test status2
1772
+ </div>
1773
+ </div>
1774
+ <div
1775
+ class="pf-v6-c-dual-list-selector__menu"
1776
+ tabindex="0"
1777
+ >
1778
+ <ul
1779
+ class="pf-v6-c-dual-list-selector__list"
1780
+ />
1781
+ </div>
1782
+ </div>
1783
+ </div>
1784
+ </DocumentFragment>
1785
+ `;