@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/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap CHANGED
@@ -3,255 +3,15 @@
3
3
  exports[`DualListSelector basic 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="pf-v6-c-dual-list-selector"
7
- id="firstTest"
6
+ class="pf-v6-c-dual-list-selector__pane pf-m-available"
8
7
  >
9
8
  <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"
9
+ class="pf-v6-c-dual-list-selector__menu"
103
10
  tabindex="0"
104
11
  >
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>
12
+ <ul
13
+ class="pf-v6-c-dual-list-selector__list"
14
+ />
255
15
  </div>
256
16
  </div>
257
17
  </DocumentFragment>
@@ -260,591 +20,15 @@ exports[`DualListSelector basic 1`] = `
260
20
  exports[`DualListSelector basic with disabled controls 1`] = `
261
21
  <DocumentFragment>
262
22
  <div
263
- class="pf-v6-c-dual-list-selector"
264
- id="disabledTest"
23
+ class="pf-v6-c-dual-list-selector__pane pf-m-available"
265
24
  >
266
25
  <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"
26
+ class="pf-v6-c-dual-list-selector__menu"
361
27
  tabindex="0"
362
28
  >
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>
29
+ <ul
30
+ class="pf-v6-c-dual-list-selector__list"
31
+ />
848
32
  </div>
849
33
  </div>
850
34
  </DocumentFragment>
@@ -853,255 +37,25 @@ exports[`DualListSelector with actions 1`] = `
853
37
  exports[`DualListSelector with custom status 1`] = `
854
38
  <DocumentFragment>
855
39
  <div
856
- class="pf-v6-c-dual-list-selector"
857
- id="thirdTest"
40
+ class="pf-v6-c-dual-list-selector__pane pf-m-available"
858
41
  >
859
42
  <div
860
- class="pf-v6-c-dual-list-selector__pane pf-m-available"
43
+ class="pf-v6-c-dual-list-selector__status"
861
44
  >
862
45
  <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"
46
+ class="pf-v6-c-dual-list-selector__status-text"
47
+ id="statusTest-status"
877
48
  >
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>
49
+ Test status1
947
50
  </div>
948
51
  </div>
949
52
  <div
950
- aria-label="Selector controls"
951
- class="pf-v6-c-dual-list-selector__controls"
952
- role="group"
53
+ class="pf-v6-c-dual-list-selector__menu"
953
54
  tabindex="0"
954
55
  >
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>
56
+ <ul
57
+ class="pf-v6-c-dual-list-selector__list"
58
+ />
1105
59
  </div>
1106
60
  </div>
1107
61
  </DocumentFragment>
@@ -1110,675 +64,58 @@ exports[`DualListSelector with custom status 1`] = `
1110
64
  exports[`DualListSelector with search inputs 1`] = `
1111
65
  <DocumentFragment>
1112
66
  <div
1113
- class="pf-v6-c-dual-list-selector"
1114
- id="secondTest"
67
+ class="pf-v6-c-dual-list-selector__pane pf-m-available"
1115
68
  >
1116
69
  <div
1117
- class="pf-v6-c-dual-list-selector__pane pf-m-available"
70
+ class="pf-v6-c-dual-list-selector__tools"
1118
71
  >
1119
72
  <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"
73
+ class="pf-v6-c-dual-list-selector__tools-filter"
1134
74
  >
1135
75
  <div
1136
- class="pf-v6-c-dual-list-selector__tools-filter"
76
+ class="pf-v6-c-text-input-group"
1137
77
  >
1138
78
  <div
1139
- class="pf-v6-c-text-input-group"
79
+ class="pf-v6-c-text-input-group__main pf-m-icon"
1140
80
  >
1141
- <div
1142
- class="pf-v6-c-text-input-group__main pf-m-icon"
81
+ <span
82
+ class="pf-v6-c-text-input-group__text"
1143
83
  >
1144
84
  <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
- />
85
+ class="pf-v6-c-text-input-group__icon"
86
+ >
87
+ <svg
88
+ aria-hidden="true"
89
+ class="pf-v6-svg"
90
+ fill="currentColor"
91
+ height="1em"
92
+ role="img"
93
+ viewBox="0 0 512 512"
94
+ width="1em"
95
+ >
96
+ <path
97
+ 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"
98
+ />
99
+ </svg>
1170
100
  </span>
1171
- </div>
101
+ <input
102
+ aria-label="Search input"
103
+ class="pf-v6-c-text-input-group__text-input"
104
+ type="text"
105
+ value=""
106
+ />
107
+ </span>
1172
108
  </div>
1173
109
  </div>
1174
110
  </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
111
  </div>
1249
112
  <div
1250
- aria-label="Selector controls"
1251
- class="pf-v6-c-dual-list-selector__controls"
1252
- role="group"
113
+ class="pf-v6-c-dual-list-selector__menu"
1253
114
  tabindex="0"
1254
115
  >
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>
116
+ <ul
117
+ class="pf-v6-c-dual-list-selector__list"
118
+ />
1782
119
  </div>
1783
120
  </div>
1784
121
  </DocumentFragment>