@patternfly/react-core 6.0.0-alpha.89 → 6.0.0-alpha.90

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 (138) hide show
  1. package/CHANGELOG.md +4 -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/Content/package.json +1 -1
  23. package/dist/dynamic/components/DataList/package.json +1 -1
  24. package/dist/dynamic/components/DatePicker/package.json +1 -1
  25. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  26. package/dist/dynamic/components/Divider/package.json +1 -1
  27. package/dist/dynamic/components/Drawer/package.json +1 -1
  28. package/dist/dynamic/components/Dropdown/package.json +1 -1
  29. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  30. package/dist/dynamic/components/EmptyState/package.json +1 -1
  31. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  32. package/dist/dynamic/components/FileUpload/package.json +1 -1
  33. package/dist/dynamic/components/Form/package.json +1 -1
  34. package/dist/dynamic/components/FormSelect/package.json +1 -1
  35. package/dist/dynamic/components/HelperText/package.json +1 -1
  36. package/dist/dynamic/components/Hint/package.json +1 -1
  37. package/dist/dynamic/components/Icon/package.json +1 -1
  38. package/dist/dynamic/components/InputGroup/package.json +1 -1
  39. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  40. package/dist/dynamic/components/Label/package.json +1 -1
  41. package/dist/dynamic/components/List/package.json +1 -1
  42. package/dist/dynamic/components/LoginPage/package.json +1 -1
  43. package/dist/dynamic/components/Masthead/package.json +1 -1
  44. package/dist/dynamic/components/Menu/package.json +1 -1
  45. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  46. package/dist/dynamic/components/Modal/package.json +1 -1
  47. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  48. package/dist/dynamic/components/Nav/package.json +1 -1
  49. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  50. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  51. package/dist/dynamic/components/NumberInput/package.json +1 -1
  52. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  53. package/dist/dynamic/components/Page/package.json +1 -1
  54. package/dist/dynamic/components/Pagination/package.json +1 -1
  55. package/dist/dynamic/components/Panel/package.json +1 -1
  56. package/dist/dynamic/components/Popover/package.json +1 -1
  57. package/dist/dynamic/components/Progress/package.json +1 -1
  58. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  59. package/dist/dynamic/components/Radio/package.json +1 -1
  60. package/dist/dynamic/components/SearchInput/package.json +1 -1
  61. package/dist/dynamic/components/Select/package.json +1 -1
  62. package/dist/dynamic/components/Sidebar/package.json +1 -1
  63. package/dist/dynamic/components/SimpleList/package.json +1 -1
  64. package/dist/dynamic/components/Skeleton/package.json +1 -1
  65. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  66. package/dist/dynamic/components/Slider/package.json +1 -1
  67. package/dist/dynamic/components/Spinner/package.json +1 -1
  68. package/dist/dynamic/components/Switch/package.json +1 -1
  69. package/dist/dynamic/components/Tabs/package.json +1 -1
  70. package/dist/dynamic/components/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 -1
  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 +2 -0
  115. package/dist/esm/components/DataList/DataList.d.ts +6 -11
  116. package/dist/esm/components/DataList/DataList.d.ts.map +1 -1
  117. package/dist/esm/components/DataList/DataList.js +16 -30
  118. package/dist/esm/components/DataList/DataList.js.map +1 -1
  119. package/dist/esm/components/DualListSelector/DualListSelectorList.d.ts +4 -1
  120. package/dist/esm/components/DualListSelector/DualListSelectorList.d.ts.map +1 -1
  121. package/dist/esm/components/DualListSelector/DualListSelectorList.js +5 -3
  122. package/dist/esm/components/DualListSelector/DualListSelectorList.js.map +1 -1
  123. package/dist/js/components/DataList/DataList.d.ts +6 -11
  124. package/dist/js/components/DataList/DataList.d.ts.map +1 -1
  125. package/dist/js/components/DataList/DataList.js +18 -31
  126. package/dist/js/components/DataList/DataList.js.map +1 -1
  127. package/dist/js/components/DualListSelector/DualListSelectorList.d.ts +4 -1
  128. package/dist/js/components/DualListSelector/DualListSelectorList.d.ts.map +1 -1
  129. package/dist/js/components/DualListSelector/DualListSelectorList.js +7 -5
  130. package/dist/js/components/DualListSelector/DualListSelectorList.js.map +1 -1
  131. package/dist/umd/assets/{output-D3SMJk_R.css → output-CDxtr9hz.css} +10024 -10024
  132. package/dist/umd/react-core.min.js +1 -1
  133. package/helpers/package.json +1 -1
  134. package/layouts/package.json +1 -1
  135. package/next/package.json +1 -1
  136. package/package.json +2 -2
  137. package/src/components/DataList/DataList.tsx +53 -65
  138. package/src/components/DualListSelector/DualListSelectorList.tsx +13 -1
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-ouia.js-dynamic","main":"../../../../js/helpers/OUIA/ouia.js","module":"../../../../esm/helpers/OUIA/ouia.js","typings":"../../../../esm/helpers/OUIA/ouia.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-ouia.js-dynamic","main":"../../../../js/helpers/OUIA/ouia.js","module":"../../../../esm/helpers/OUIA/ouia.js","typings":"../../../../esm/helpers/OUIA/ouia.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-popper.js-dynamic","main":"../../../../js/helpers/Popper/Popper.js","module":"../../../../esm/helpers/Popper/Popper.js","typings":"../../../../esm/helpers/Popper/Popper.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-popper.js-dynamic","main":"../../../../js/helpers/Popper/Popper.js","module":"../../../../esm/helpers/Popper/Popper.js","typings":"../../../../esm/helpers/Popper/Popper.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-constants.js-dynamic","main":"../../../js/helpers/constants.js","module":"../../../esm/helpers/constants.js","typings":"../../../esm/helpers/constants.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-constants.js-dynamic","main":"../../../js/helpers/constants.js","module":"../../../esm/helpers/constants.js","typings":"../../../esm/helpers/constants.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-datetimeutils.js-dynamic","main":"../../../js/helpers/datetimeUtils.js","module":"../../../esm/helpers/datetimeUtils.js","typings":"../../../esm/helpers/datetimeUtils.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-datetimeutils.js-dynamic","main":"../../../js/helpers/datetimeUtils.js","module":"../../../esm/helpers/datetimeUtils.js","typings":"../../../esm/helpers/datetimeUtils.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-fileutils.js-dynamic","main":"../../../js/helpers/fileUtils.js","module":"../../../esm/helpers/fileUtils.js","typings":"../../../esm/helpers/fileUtils.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-fileutils.js-dynamic","main":"../../../js/helpers/fileUtils.js","module":"../../../esm/helpers/fileUtils.js","typings":"../../../esm/helpers/fileUtils.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-htmlconstants.js-dynamic","main":"../../../js/helpers/htmlConstants.js","module":"../../../esm/helpers/htmlConstants.js","typings":"../../../esm/helpers/htmlConstants.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-htmlconstants.js-dynamic","main":"../../../js/helpers/htmlConstants.js","module":"../../../esm/helpers/htmlConstants.js","typings":"../../../esm/helpers/htmlConstants.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-helpers-dynamic","main":"../../js/helpers/index.js","module":"../../esm/helpers/index.js","typings":"../../esm/helpers/index.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-helpers-dynamic","main":"../../js/helpers/index.js","module":"../../esm/helpers/index.js","typings":"../../esm/helpers/index.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-resizeobserver.js-dynamic","main":"../../../js/helpers/resizeObserver.js","module":"../../../esm/helpers/resizeObserver.js","typings":"../../../esm/helpers/resizeObserver.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-resizeobserver.js-dynamic","main":"../../../js/helpers/resizeObserver.js","module":"../../../esm/helpers/resizeObserver.js","typings":"../../../esm/helpers/resizeObserver.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-typeutils.js-dynamic","main":"../../../js/helpers/typeUtils.js","module":"../../../esm/helpers/typeUtils.js","typings":"../../../esm/helpers/typeUtils.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-typeutils.js-dynamic","main":"../../../js/helpers/typeUtils.js","module":"../../../esm/helpers/typeUtils.js","typings":"../../../esm/helpers/typeUtils.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-useinterval.js-dynamic","main":"../../../js/helpers/useInterval.js","module":"../../../esm/helpers/useInterval.js","typings":"../../../esm/helpers/useInterval.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-useinterval.js-dynamic","main":"../../../js/helpers/useInterval.js","module":"../../../esm/helpers/useInterval.js","typings":"../../../esm/helpers/useInterval.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-useisomorphiclayout.js-dynamic","main":"../../../js/helpers/useIsomorphicLayout.js","module":"../../../esm/helpers/useIsomorphicLayout.js","typings":"../../../esm/helpers/useIsomorphicLayout.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-useisomorphiclayout.js-dynamic","main":"../../../js/helpers/useIsomorphicLayout.js","module":"../../../esm/helpers/useIsomorphicLayout.js","typings":"../../../esm/helpers/useIsomorphicLayout.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-useunmounteffect.js-dynamic","main":"../../../js/helpers/useUnmountEffect.js","module":"../../../esm/helpers/useUnmountEffect.js","typings":"../../../esm/helpers/useUnmountEffect.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-useunmounteffect.js-dynamic","main":"../../../js/helpers/useUnmountEffect.js","module":"../../../esm/helpers/useUnmountEffect.js","typings":"../../../esm/helpers/useUnmountEffect.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-util.js-dynamic","main":"../../../js/helpers/util.js","module":"../../../esm/helpers/util.js","typings":"../../../esm/helpers/util.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-util.js-dynamic","main":"../../../js/helpers/util.js","module":"../../../esm/helpers/util.js","typings":"../../../esm/helpers/util.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-bullseye-dynamic","main":"../../../js/layouts/Bullseye/index.js","module":"../../../esm/layouts/Bullseye/index.js","typings":"../../../esm/layouts/Bullseye/index.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-bullseye-dynamic","main":"../../../js/layouts/Bullseye/index.js","module":"../../../esm/layouts/Bullseye/index.js","typings":"../../../esm/layouts/Bullseye/index.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-flex-dynamic","main":"../../../js/layouts/Flex/index.js","module":"../../../esm/layouts/Flex/index.js","typings":"../../../esm/layouts/Flex/index.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-flex-dynamic","main":"../../../js/layouts/Flex/index.js","module":"../../../esm/layouts/Flex/index.js","typings":"../../../esm/layouts/Flex/index.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-gallery-dynamic","main":"../../../js/layouts/Gallery/index.js","module":"../../../esm/layouts/Gallery/index.js","typings":"../../../esm/layouts/Gallery/index.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-gallery-dynamic","main":"../../../js/layouts/Gallery/index.js","module":"../../../esm/layouts/Gallery/index.js","typings":"../../../esm/layouts/Gallery/index.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-grid-dynamic","main":"../../../js/layouts/Grid/index.js","module":"../../../esm/layouts/Grid/index.js","typings":"../../../esm/layouts/Grid/index.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-grid-dynamic","main":"../../../js/layouts/Grid/index.js","module":"../../../esm/layouts/Grid/index.js","typings":"../../../esm/layouts/Grid/index.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-level-dynamic","main":"../../../js/layouts/Level/index.js","module":"../../../esm/layouts/Level/index.js","typings":"../../../esm/layouts/Level/index.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-level-dynamic","main":"../../../js/layouts/Level/index.js","module":"../../../esm/layouts/Level/index.js","typings":"../../../esm/layouts/Level/index.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-split-dynamic","main":"../../../js/layouts/Split/index.js","module":"../../../esm/layouts/Split/index.js","typings":"../../../esm/layouts/Split/index.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-split-dynamic","main":"../../../js/layouts/Split/index.js","module":"../../../esm/layouts/Split/index.js","typings":"../../../esm/layouts/Split/index.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-stack-dynamic","main":"../../../js/layouts/Stack/index.js","module":"../../../esm/layouts/Stack/index.js","typings":"../../../esm/layouts/Stack/index.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-stack-dynamic","main":"../../../js/layouts/Stack/index.js","module":"../../../esm/layouts/Stack/index.js","typings":"../../../esm/layouts/Stack/index.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-styles-dynamic","main":"../../js/styles/index.js","module":"../../esm/styles/index.js","typings":"../../esm/styles/index.d.ts","version":"6.0.0-alpha.88","private":true}
1
+ {"name":"@patternfly/react-core-styles-dynamic","main":"../../js/styles/index.js","module":"../../esm/styles/index.js","typings":"../../esm/styles/index.d.ts","version":"6.0.0-alpha.89","private":true}
@@ -108,6 +108,7 @@
108
108
  "DataList": "dist/dynamic/components/DataList",
109
109
  "DataListAction": "dist/dynamic/components/DataList",
110
110
  "DataListActionProps": "dist/dynamic/components/DataList",
111
+ "DataListBase": "dist/dynamic/components/DataList",
111
112
  "DataListCell": "dist/dynamic/components/DataList",
112
113
  "DataListCellProps": "dist/dynamic/components/DataList",
113
114
  "DataListCheck": "dist/dynamic/components/DataList",
@@ -198,6 +199,7 @@
198
199
  "DualListSelectorControlsWrapperBase": "dist/dynamic/components/DualListSelector",
199
200
  "DualListSelectorControlsWrapperProps": "dist/dynamic/components/DualListSelector",
200
201
  "DualListSelectorList": "dist/dynamic/components/DualListSelector",
202
+ "DualListSelectorListBase": "dist/dynamic/components/DualListSelector",
201
203
  "DualListSelectorListItem": "dist/dynamic/components/DualListSelector",
202
204
  "DualListSelectorListItemBase": "dist/dynamic/components/DualListSelector",
203
205
  "DualListSelectorListItemProps": "dist/dynamic/components/DualListSelector",
@@ -1,11 +1,10 @@
1
1
  import * as React from 'react';
2
- import { PickOptional } from '../../helpers/typeUtils';
3
2
  export declare enum DataListWrapModifier {
4
3
  nowrap = "nowrap",
5
4
  truncate = "truncate",
6
5
  breakWord = "breakWord"
7
6
  }
8
- export interface DataListProps extends Omit<React.HTMLProps<HTMLUListElement>, 'ref'> {
7
+ export interface DataListProps extends React.HTMLProps<HTMLUListElement> {
9
8
  /** Content rendered inside the DataList list */
10
9
  children?: React.ReactNode;
11
10
  /** Additional classes added to the DataList list */
@@ -24,6 +23,8 @@ export interface DataListProps extends Omit<React.HTMLProps<HTMLUListElement>, '
24
23
  wrapModifier?: DataListWrapModifier | 'nowrap' | 'truncate' | 'breakWord';
25
24
  /** Object that causes the data list to render hidden inputs which improve selectable item a11y */
26
25
  onSelectableRowChange?: (event: React.FormEvent<HTMLInputElement>, id: string) => void;
26
+ /** @hide custom ref of the DataList */
27
+ innerRef?: React.RefObject<HTMLUListElement>;
27
28
  }
28
29
  interface DataListContextProps {
29
30
  isSelectable: boolean;
@@ -32,13 +33,7 @@ interface DataListContextProps {
32
33
  onSelectableRowChange?: (event: React.FormEvent<HTMLInputElement>, id: string) => void;
33
34
  }
34
35
  export declare const DataListContext: React.Context<Partial<DataListContextProps>>;
35
- declare class DataList extends React.Component<DataListProps> {
36
- static displayName: string;
37
- static defaultProps: PickOptional<DataListProps>;
38
- ref: React.RefObject<HTMLUListElement>;
39
- constructor(props: DataListProps);
40
- getIndex: (id: string) => number;
41
- render(): React.JSX.Element;
42
- }
43
- export { DataList };
36
+ export declare const DataListBase: React.FunctionComponent<DataListProps>;
37
+ export declare const DataList: React.ForwardRefExoticComponent<Omit<DataListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
38
+ export {};
44
39
  //# sourceMappingURL=DataList.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataList.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAYvD,oBAAY,oBAAoB;IAC9B,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACnF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3F,6CAA6C;IAC7C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACvE,kEAAkE;IAClE,YAAY,CAAC,EAAE,oBAAoB,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;IAC1E,kGAAkG;IAClG,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxF;AAED,UAAU,oBAAoB;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,0BAA0B,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChG,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxF;AAED,eAAO,MAAM,eAAe,8CAE1B,CAAC;AAEH,cAAM,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACnD,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAO9C;IACF,GAAG,oCAAuC;gBAE9B,KAAK,EAAE,aAAa;IAIhC,QAAQ,OAAQ,MAAM,YAA+E;IAErG,MAAM;CA+CP;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"DataList.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,oBAAY,oBAAoB;IAC9B,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IACtE,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3F,6CAA6C;IAC7C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACvE,kEAAkE;IAClE,YAAY,CAAC,EAAE,oBAAoB,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;IAC1E,kGAAkG;IAClG,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvF,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CAC9C;AAED,UAAU,oBAAoB;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,0BAA0B,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChG,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxF;AAED,eAAO,MAAM,eAAe,8CAE1B,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CA8C/D,CAAC;AAIF,eAAO,MAAM,QAAQ,qGAEnB,CAAC"}
@@ -20,35 +20,21 @@ export var DataListWrapModifier;
20
20
  export const DataListContext = React.createContext({
21
21
  isSelectable: false
22
22
  });
23
- class DataList extends React.Component {
24
- constructor(props) {
25
- super(props);
26
- this.ref = React.createRef();
27
- this.getIndex = (id) => Array.from(this.ref.current.children).findIndex((item) => item.id === id);
28
- }
29
- render() {
30
- const _a = this.props, { className, children, 'aria-label': ariaLabel, onSelectDataListItem, selectedDataListItemId, isCompact, wrapModifier, gridBreakpoint, onSelectableRowChange } = _a, props = __rest(_a, ["className", "children", 'aria-label', "onSelectDataListItem", "selectedDataListItemId", "isCompact", "wrapModifier", "gridBreakpoint", "onSelectableRowChange"]);
31
- const isSelectable = onSelectDataListItem !== undefined;
32
- const updateSelectedDataListItem = (event, id) => {
33
- onSelectDataListItem(event, id);
34
- };
35
- return (React.createElement(DataListContext.Provider, { value: {
36
- isSelectable,
37
- selectedDataListItemId,
38
- updateSelectedDataListItem,
39
- onSelectableRowChange
40
- } },
41
- React.createElement("ul", Object.assign({ className: css(styles.dataList, isCompact && styles.modifiers.compact, gridBreakpointClasses[gridBreakpoint], wrapModifier && styles.modifiers[wrapModifier], className), style: props.style, role: "list", "aria-label": ariaLabel }, props, { ref: this.ref }), children)));
42
- }
43
- }
44
- DataList.displayName = 'DataList';
45
- DataList.defaultProps = {
46
- children: null,
47
- className: '',
48
- selectedDataListItemId: '',
49
- isCompact: false,
50
- gridBreakpoint: 'md',
51
- wrapModifier: null
23
+ export const DataListBase = (_a) => {
24
+ var { children = null, className = '', 'aria-label': ariaLabel, onSelectDataListItem, selectedDataListItemId = '', isCompact = false, gridBreakpoint = 'md', wrapModifier = null, onSelectableRowChange, innerRef } = _a, props = __rest(_a, ["children", "className", 'aria-label', "onSelectDataListItem", "selectedDataListItemId", "isCompact", "gridBreakpoint", "wrapModifier", "onSelectableRowChange", "innerRef"]);
25
+ const isSelectable = onSelectDataListItem !== undefined;
26
+ const updateSelectedDataListItem = (event, id) => {
27
+ onSelectDataListItem(event, id);
28
+ };
29
+ return (React.createElement(DataListContext.Provider, { value: {
30
+ isSelectable,
31
+ selectedDataListItemId,
32
+ updateSelectedDataListItem,
33
+ onSelectableRowChange
34
+ } },
35
+ React.createElement("ul", Object.assign({ className: css(styles.dataList, isCompact && styles.modifiers.compact, gridBreakpointClasses[gridBreakpoint], wrapModifier && styles.modifiers[wrapModifier], className), style: props.style, role: "list", "aria-label": ariaLabel, ref: innerRef }, props), children)));
52
36
  };
53
- export { DataList };
37
+ DataListBase.displayName = 'DataListBase';
38
+ export const DataList = React.forwardRef((props, ref) => (React.createElement(DataListBase, Object.assign({ innerRef: ref }, props))));
39
+ DataList.displayName = 'DataList';
54
40
  //# sourceMappingURL=DataList.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataList.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAGhF,MAAM,qBAAqB,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ;IAC/B,MAAM,EAAE,WAAW,EAAE,oGAAoG;IACzH,EAAE,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ;CACjC,CAAC;AAEF,MAAM,CAAN,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,yCAAiB,CAAA;IACjB,6CAAqB,CAAA;IACrB,+CAAuB,CAAA;AACzB,CAAC,EAJW,oBAAoB,KAApB,oBAAoB,QAI/B;AA8BD,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAgC;IAChF,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC;AAEH,MAAM,QAAS,SAAQ,KAAK,CAAC,SAAwB;IAYnD,YAAY,KAAoB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QAHf,QAAG,GAAG,KAAK,CAAC,SAAS,EAAoB,CAAC;QAM1C,aAAQ,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAFrG,CAAC;IAID,MAAM;QACJ,MAAM,KAWF,IAAI,CAAC,KAAK,EAXR,EACJ,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,oBAAoB,EACpB,sBAAsB,EACtB,SAAS,EACT,YAAY,EACZ,cAAc,EACd,qBAAqB,OAET,EADT,KAAK,cAVJ,iKAWL,CAAa,CAAC;QACf,MAAM,YAAY,GAAG,oBAAoB,KAAK,SAAS,CAAC;QAExD,MAAM,0BAA0B,GAAG,CAAC,KAA6C,EAAE,EAAU,EAAE,EAAE;YAC/F,oBAAoB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAClC,CAAC,CAAC;QAEF,OAAO,CACL,oBAAC,eAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;gBACL,YAAY;gBACZ,sBAAsB;gBACtB,0BAA0B;gBAC1B,qBAAqB;aACtB;YAED,0CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,QAAQ,EACf,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACrC,qBAAqB,CAAC,cAAc,CAAC,EACrC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,EAC9C,SAAS,CACV,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,MAAM,gBACC,SAAS,IACjB,KAAK,IACT,GAAG,EAAE,IAAI,CAAC,GAAG,KAEZ,QAAQ,CACN,CACoB,CAC5B,CAAC;IACJ,CAAC;;AA/DM,oBAAW,GAAG,UAAU,AAAb,CAAc;AACzB,qBAAY,GAAgC;IACjD,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,EAAE;IACb,sBAAsB,EAAE,EAAE;IAC1B,SAAS,EAAE,KAAK;IAChB,cAAc,EAAE,IAAI;IACpB,YAAY,EAAE,IAAI;CACnB,AAPkB,CAOjB;AA0DJ,OAAO,EAAE,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"DataList.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAEhF,MAAM,qBAAqB,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ;IAC/B,MAAM,EAAE,WAAW,EAAE,oGAAoG;IACzH,EAAE,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,QAAQ;CACjC,CAAC;AAEF,MAAM,CAAN,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,yCAAiB,CAAA;IACjB,6CAAqB,CAAA;IACrB,+CAAuB,CAAA;AACzB,CAAC,EAJW,oBAAoB,KAApB,oBAAoB,QAI/B;AAgCD,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAgC;IAChF,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAA2C,CAAC,EAYrD,EAAE,EAAE;QAZiD,EACnE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,oBAAoB,EACpB,sBAAsB,GAAG,EAAE,EAC3B,SAAS,GAAG,KAAK,EACjB,cAAc,GAAG,IAAI,EACrB,YAAY,GAAG,IAAI,EACnB,qBAAqB,EACrB,QAAQ,OAEM,EADX,KAAK,cAX2D,6KAYpE,CADS;IAER,MAAM,YAAY,GAAG,oBAAoB,KAAK,SAAS,CAAC;IAExD,MAAM,0BAA0B,GAAG,CAAC,KAA6C,EAAE,EAAU,EAAE,EAAE;QAC/F,oBAAoB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,eAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;YACL,YAAY;YACZ,sBAAsB;YACtB,0BAA0B;YAC1B,qBAAqB;SACtB;QAED,0CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,QAAQ,EACf,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACrC,qBAAqB,CAAC,cAAc,CAAC,EACrC,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,EAC9C,SAAS,CACV,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,MAAM,gBACC,SAAS,EACrB,GAAG,EAAE,QAAQ,IACT,KAAK,GAER,QAAQ,CACN,CACoB,CAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAoB,EAAE,GAAgC,EAAE,EAAE,CAAC,CACnG,oBAAC,YAAY,kBAAC,QAAQ,EAAE,GAAkC,IAAM,KAAK,EAAI,CAC1E,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
@@ -3,6 +3,9 @@ import * as React from 'react';
3
3
  export interface DualListSelectorListProps extends React.HTMLProps<HTMLUListElement> {
4
4
  /** Content rendered inside the dual list selector list. */
5
5
  children?: React.ReactNode;
6
+ /** @hide forwarded ref */
7
+ innerRef?: React.RefObject<HTMLUListElement>;
6
8
  }
7
- export declare const DualListSelectorList: React.FunctionComponent<DualListSelectorListProps>;
9
+ export declare const DualListSelectorListBase: React.FunctionComponent<DualListSelectorListProps>;
10
+ export declare const DualListSelectorList: React.ForwardRefExoticComponent<Omit<DualListSelectorListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
8
11
  //# sourceMappingURL=DualListSelectorList.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DualListSelectorList.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,yEAAyE;AAEzE,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAClF,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA0CnF,CAAC"}
1
+ {"version":3,"file":"DualListSelectorList.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,yEAAyE;AAEzE,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAClF,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA4CvF,CAAC;AAGF,eAAO,MAAM,oBAAoB,iHAIhC,CAAC"}
@@ -4,8 +4,8 @@ import styles from '@patternfly/react-styles/css/components/DualListSelector/dua
4
4
  import { DualListSelectorListItem } from './DualListSelectorListItem';
5
5
  import * as React from 'react';
6
6
  import { DualListSelectorListContext } from './DualListSelectorContext';
7
- export const DualListSelectorList = (_a) => {
8
- var { children } = _a, props = __rest(_a, ["children"]);
7
+ export const DualListSelectorListBase = (_a) => {
8
+ var { children, innerRef } = _a, props = __rest(_a, ["children", "innerRef"]);
9
9
  const { isTree, ariaLabelledBy, focusedOption, displayOption, selectedOptions, id, options, isDisabled } = React.useContext(DualListSelectorListContext);
10
10
  const hasOptions = () => options.length !== 0 || (children !== undefined && children.length !== 0);
11
11
  return (React.createElement("ul", Object.assign({ className: css(styles.dualListSelectorList) }, (hasOptions() && {
@@ -13,7 +13,7 @@ export const DualListSelectorList = (_a) => {
13
13
  'aria-multiselectable': true,
14
14
  'aria-labelledby': ariaLabelledBy,
15
15
  'aria-activedescendant': focusedOption
16
- }), { "aria-disabled": isDisabled ? 'true' : undefined }, props), options.length === 0
16
+ }), { "aria-disabled": isDisabled ? 'true' : undefined, ref: innerRef }, props), options.length === 0
17
17
  ? children
18
18
  : options.map((option, index) => {
19
19
  if (displayOption(option)) {
@@ -22,5 +22,7 @@ export const DualListSelectorList = (_a) => {
22
22
  return;
23
23
  })));
24
24
  };
25
+ DualListSelectorListBase.displayName = 'DualListSelectorListBase';
26
+ export const DualListSelectorList = React.forwardRef((props, ref) => (React.createElement(DualListSelectorListBase, Object.assign({ innerRef: ref }, props))));
25
27
  DualListSelectorList.displayName = 'DualListSelectorList';
26
28
  //# sourceMappingURL=DualListSelectorList.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DualListSelectorList.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,wFAAoF;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AASxE,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAG7D,EAAE,EAAE;QAHyD,EACvF,QAAQ,OAEkB,EADvB,KAAK,cAF+E,YAGxF,CADS;IAER,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,GACtG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAK,QAA8B,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAEnG,OAAO,CACL,0CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC,IACvC,CAAC,UAAU,EAAE,IAAI;QACnB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACjC,sBAAsB,EAAE,IAAI;QAC5B,iBAAiB,EAAE,cAAc;QACjC,uBAAuB,EAAE,aAAa;KACvC,CAAC,qBACa,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAC1C,KAAK,GAER,OAAO,CAAC,MAAM,KAAK,CAAC;QACnB,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,OAAO,CACL,oBAAC,wBAAwB,IACvB,GAAG,EAAE,KAAK,EACV,UAAU,EAAG,eAA4B,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC/D,EAAE,EAAE,GAAG,EAAE,WAAW,KAAK,EAAE,EAC3B,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,IAErB,MAAM,CACkB,CAC5B,CAAC;YACJ,CAAC;YACD,OAAO;QACT,CAAC,CAAC,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
1
+ {"version":3,"file":"DualListSelectorList.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,wFAAoF;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAWxE,MAAM,CAAC,MAAM,wBAAwB,GAAuD,CAAC,EAIjE,EAAE,EAAE;QAJ6D,EAC3F,QAAQ,EACR,QAAQ,OAEkB,EADvB,KAAK,cAHmF,wBAI5F,CADS;IAER,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,GACtG,KAAK,CAAC,UAAU,CAAC,2BAA2B,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAK,QAA8B,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAEnG,OAAO,CACL,0CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,CAAC,IACvC,CAAC,UAAU,EAAE,IAAI;QACnB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACjC,sBAAsB,EAAE,IAAI;QAC5B,iBAAiB,EAAE,cAAc;QACjC,uBAAuB,EAAE,aAAa;KACvC,CAAC,qBACa,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC9C,GAAG,EAAE,QAAQ,IACT,KAAK,GAER,OAAO,CAAC,MAAM,KAAK,CAAC;QACnB,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,OAAO,CACL,oBAAC,wBAAwB,IACvB,GAAG,EAAE,KAAK,EACV,UAAU,EAAG,eAA4B,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC/D,EAAE,EAAE,GAAG,EAAE,WAAW,KAAK,EAAE,EAC3B,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,IAErB,MAAM,CACkB,CAC5B,CAAC;YACJ,CAAC;YACD,OAAO;QACT,CAAC,CAAC,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAClD,CAAC,KAAgC,EAAE,GAAgC,EAAE,EAAE,CAAC,CACtE,oBAAC,wBAAwB,kBAAC,QAAQ,EAAE,GAAkC,IAAM,KAAK,EAAI,CACtF,CACF,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
@@ -1,11 +1,10 @@
1
1
  import * as React from 'react';
2
- import { PickOptional } from '../../helpers/typeUtils';
3
2
  export declare enum DataListWrapModifier {
4
3
  nowrap = "nowrap",
5
4
  truncate = "truncate",
6
5
  breakWord = "breakWord"
7
6
  }
8
- export interface DataListProps extends Omit<React.HTMLProps<HTMLUListElement>, 'ref'> {
7
+ export interface DataListProps extends React.HTMLProps<HTMLUListElement> {
9
8
  /** Content rendered inside the DataList list */
10
9
  children?: React.ReactNode;
11
10
  /** Additional classes added to the DataList list */
@@ -24,6 +23,8 @@ export interface DataListProps extends Omit<React.HTMLProps<HTMLUListElement>, '
24
23
  wrapModifier?: DataListWrapModifier | 'nowrap' | 'truncate' | 'breakWord';
25
24
  /** Object that causes the data list to render hidden inputs which improve selectable item a11y */
26
25
  onSelectableRowChange?: (event: React.FormEvent<HTMLInputElement>, id: string) => void;
26
+ /** @hide custom ref of the DataList */
27
+ innerRef?: React.RefObject<HTMLUListElement>;
27
28
  }
28
29
  interface DataListContextProps {
29
30
  isSelectable: boolean;
@@ -32,13 +33,7 @@ interface DataListContextProps {
32
33
  onSelectableRowChange?: (event: React.FormEvent<HTMLInputElement>, id: string) => void;
33
34
  }
34
35
  export declare const DataListContext: React.Context<Partial<DataListContextProps>>;
35
- declare class DataList extends React.Component<DataListProps> {
36
- static displayName: string;
37
- static defaultProps: PickOptional<DataListProps>;
38
- ref: React.RefObject<HTMLUListElement>;
39
- constructor(props: DataListProps);
40
- getIndex: (id: string) => number;
41
- render(): React.JSX.Element;
42
- }
43
- export { DataList };
36
+ export declare const DataListBase: React.FunctionComponent<DataListProps>;
37
+ export declare const DataList: React.ForwardRefExoticComponent<Omit<DataListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
38
+ export {};
44
39
  //# sourceMappingURL=DataList.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataList.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAYvD,oBAAY,oBAAoB;IAC9B,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACnF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3F,6CAA6C;IAC7C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACvE,kEAAkE;IAClE,YAAY,CAAC,EAAE,oBAAoB,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;IAC1E,kGAAkG;IAClG,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxF;AAED,UAAU,oBAAoB;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,0BAA0B,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChG,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxF;AAED,eAAO,MAAM,eAAe,8CAE1B,CAAC;AAEH,cAAM,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACnD,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,aAAa,CAAC,CAO9C;IACF,GAAG,oCAAuC;gBAE9B,KAAK,EAAE,aAAa;IAIhC,QAAQ,OAAQ,MAAM,YAA+E;IAErG,MAAM;CA+CP;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"DataList.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,oBAAY,oBAAoB;IAC9B,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IACtE,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,YAAY,EAAE,MAAM,CAAC;IACrB,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3F,6CAA6C;IAC7C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACvE,kEAAkE;IAClE,YAAY,CAAC,EAAE,oBAAoB,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;IAC1E,kGAAkG;IAClG,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvF,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CAC9C;AAED,UAAU,oBAAoB;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,0BAA0B,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChG,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACxF;AAED,eAAO,MAAM,eAAe,8CAE1B,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CA8C/D,CAAC;AAIF,eAAO,MAAM,QAAQ,qGAEnB,CAAC"}
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.DataList = exports.DataListContext = exports.DataListWrapModifier = void 0;
3
+ exports.DataList = exports.DataListBase = exports.DataListContext = exports.DataListWrapModifier = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const React = tslib_1.__importStar(require("react"));
6
6
  const react_styles_1 = require("@patternfly/react-styles");
@@ -23,35 +23,22 @@ var DataListWrapModifier;
23
23
  exports.DataListContext = React.createContext({
24
24
  isSelectable: false
25
25
  });
26
- class DataList extends React.Component {
27
- constructor(props) {
28
- super(props);
29
- this.ref = React.createRef();
30
- this.getIndex = (id) => Array.from(this.ref.current.children).findIndex((item) => item.id === id);
31
- }
32
- render() {
33
- const _a = this.props, { className, children, 'aria-label': ariaLabel, onSelectDataListItem, selectedDataListItemId, isCompact, wrapModifier, gridBreakpoint, onSelectableRowChange } = _a, props = tslib_1.__rest(_a, ["className", "children", 'aria-label', "onSelectDataListItem", "selectedDataListItemId", "isCompact", "wrapModifier", "gridBreakpoint", "onSelectableRowChange"]);
34
- const isSelectable = onSelectDataListItem !== undefined;
35
- const updateSelectedDataListItem = (event, id) => {
36
- onSelectDataListItem(event, id);
37
- };
38
- return (React.createElement(exports.DataListContext.Provider, { value: {
39
- isSelectable,
40
- selectedDataListItemId,
41
- updateSelectedDataListItem,
42
- onSelectableRowChange
43
- } },
44
- React.createElement("ul", Object.assign({ className: (0, react_styles_1.css)(data_list_1.default.dataList, isCompact && data_list_1.default.modifiers.compact, gridBreakpointClasses[gridBreakpoint], wrapModifier && data_list_1.default.modifiers[wrapModifier], className), style: props.style, role: "list", "aria-label": ariaLabel }, props, { ref: this.ref }), children)));
45
- }
46
- }
47
- exports.DataList = DataList;
48
- DataList.displayName = 'DataList';
49
- DataList.defaultProps = {
50
- children: null,
51
- className: '',
52
- selectedDataListItemId: '',
53
- isCompact: false,
54
- gridBreakpoint: 'md',
55
- wrapModifier: null
26
+ const DataListBase = (_a) => {
27
+ var { children = null, className = '', 'aria-label': ariaLabel, onSelectDataListItem, selectedDataListItemId = '', isCompact = false, gridBreakpoint = 'md', wrapModifier = null, onSelectableRowChange, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", 'aria-label', "onSelectDataListItem", "selectedDataListItemId", "isCompact", "gridBreakpoint", "wrapModifier", "onSelectableRowChange", "innerRef"]);
28
+ const isSelectable = onSelectDataListItem !== undefined;
29
+ const updateSelectedDataListItem = (event, id) => {
30
+ onSelectDataListItem(event, id);
31
+ };
32
+ return (React.createElement(exports.DataListContext.Provider, { value: {
33
+ isSelectable,
34
+ selectedDataListItemId,
35
+ updateSelectedDataListItem,
36
+ onSelectableRowChange
37
+ } },
38
+ React.createElement("ul", Object.assign({ className: (0, react_styles_1.css)(data_list_1.default.dataList, isCompact && data_list_1.default.modifiers.compact, gridBreakpointClasses[gridBreakpoint], wrapModifier && data_list_1.default.modifiers[wrapModifier], className), style: props.style, role: "list", "aria-label": ariaLabel, ref: innerRef }, props), children)));
56
39
  };
40
+ exports.DataListBase = DataListBase;
41
+ exports.DataListBase.displayName = 'DataListBase';
42
+ exports.DataList = React.forwardRef((props, ref) => (React.createElement(exports.DataListBase, Object.assign({ innerRef: ref }, props))));
43
+ exports.DataList.displayName = 'DataList';
57
44
  //# sourceMappingURL=DataList.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataList.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAGhF,MAAM,qBAAqB,GAAG;IAC5B,IAAI,EAAE,mBAAM,CAAC,SAAS,CAAC,QAAQ;IAC/B,MAAM,EAAE,WAAW,EAAE,oGAAoG;IACzH,EAAE,EAAE,mBAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,mBAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,mBAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,mBAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,mBAAM,CAAC,SAAS,CAAC,QAAQ;CACjC,CAAC;AAEF,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,yCAAiB,CAAA;IACjB,6CAAqB,CAAA;IACrB,+CAAuB,CAAA;AACzB,CAAC,EAJW,oBAAoB,oCAApB,oBAAoB,QAI/B;AA8BY,QAAA,eAAe,GAAG,KAAK,CAAC,aAAa,CAAgC;IAChF,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC;AAEH,MAAM,QAAS,SAAQ,KAAK,CAAC,SAAwB;IAYnD,YAAY,KAAoB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QAHf,QAAG,GAAG,KAAK,CAAC,SAAS,EAAoB,CAAC;QAM1C,aAAQ,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAFrG,CAAC;IAID,MAAM;QACJ,MAAM,KAWF,IAAI,CAAC,KAAK,EAXR,EACJ,SAAS,EACT,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,oBAAoB,EACpB,sBAAsB,EACtB,SAAS,EACT,YAAY,EACZ,cAAc,EACd,qBAAqB,OAET,EADT,KAAK,sBAVJ,iKAWL,CAAa,CAAC;QACf,MAAM,YAAY,GAAG,oBAAoB,KAAK,SAAS,CAAC;QAExD,MAAM,0BAA0B,GAAG,CAAC,KAA6C,EAAE,EAAU,EAAE,EAAE;YAC/F,oBAAoB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAClC,CAAC,CAAC;QAEF,OAAO,CACL,oBAAC,uBAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;gBACL,YAAY;gBACZ,sBAAsB;gBACtB,0BAA0B;gBAC1B,qBAAqB;aACtB;YAED,0CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,mBAAM,CAAC,QAAQ,EACf,SAAS,IAAI,mBAAM,CAAC,SAAS,CAAC,OAAO,EACrC,qBAAqB,CAAC,cAAc,CAAC,EACrC,YAAY,IAAI,mBAAM,CAAC,SAAS,CAAC,YAAY,CAAC,EAC9C,SAAS,CACV,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,MAAM,gBACC,SAAS,IACjB,KAAK,IACT,GAAG,EAAE,IAAI,CAAC,GAAG,KAEZ,QAAQ,CACN,CACoB,CAC5B,CAAC;IACJ,CAAC;;AAGM,4BAAQ;AAlER,oBAAW,GAAG,UAAU,AAAb,CAAc;AACzB,qBAAY,GAAgC;IACjD,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,EAAE;IACb,sBAAsB,EAAE,EAAE;IAC1B,SAAS,EAAE,KAAK;IAChB,cAAc,EAAE,IAAI;IACpB,YAAY,EAAE,IAAI;CACnB,AAPkB,CAOjB"}
1
+ {"version":3,"file":"DataList.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,mHAAgF;AAEhF,MAAM,qBAAqB,GAAG;IAC5B,IAAI,EAAE,mBAAM,CAAC,SAAS,CAAC,QAAQ;IAC/B,MAAM,EAAE,WAAW,EAAE,oGAAoG;IACzH,EAAE,EAAE,mBAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,mBAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,mBAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,mBAAM,CAAC,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,mBAAM,CAAC,SAAS,CAAC,QAAQ;CACjC,CAAC;AAEF,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,yCAAiB,CAAA;IACjB,6CAAqB,CAAA;IACrB,+CAAuB,CAAA;AACzB,CAAC,EAJW,oBAAoB,oCAApB,oBAAoB,QAI/B;AAgCY,QAAA,eAAe,GAAG,KAAK,CAAC,aAAa,CAAgC;IAChF,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC;AAEI,MAAM,YAAY,GAA2C,CAAC,EAYrD,EAAE,EAAE;QAZiD,EACnE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,oBAAoB,EACpB,sBAAsB,GAAG,EAAE,EAC3B,SAAS,GAAG,KAAK,EACjB,cAAc,GAAG,IAAI,EACrB,YAAY,GAAG,IAAI,EACnB,qBAAqB,EACrB,QAAQ,OAEM,EADX,KAAK,sBAX2D,6KAYpE,CADS;IAER,MAAM,YAAY,GAAG,oBAAoB,KAAK,SAAS,CAAC;IAExD,MAAM,0BAA0B,GAAG,CAAC,KAA6C,EAAE,EAAU,EAAE,EAAE;QAC/F,oBAAoB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;YACL,YAAY;YACZ,sBAAsB;YACtB,0BAA0B;YAC1B,qBAAqB;SACtB;QAED,0CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,mBAAM,CAAC,QAAQ,EACf,SAAS,IAAI,mBAAM,CAAC,SAAS,CAAC,OAAO,EACrC,qBAAqB,CAAC,cAAc,CAAC,EACrC,YAAY,IAAI,mBAAM,CAAC,SAAS,CAAC,YAAY,CAAC,EAC9C,SAAS,CACV,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,MAAM,gBACC,SAAS,EACrB,GAAG,EAAE,QAAQ,IACT,KAAK,GAER,QAAQ,CACN,CACoB,CAC5B,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,YAAY,gBA8CvB;AAEF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE7B,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAoB,EAAE,GAAgC,EAAE,EAAE,CAAC,CACnG,oBAAC,oBAAY,kBAAC,QAAQ,EAAE,GAAkC,IAAM,KAAK,EAAI,CAC1E,CAAC,CAAC;AAEH,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
@@ -3,6 +3,9 @@ import * as React from 'react';
3
3
  export interface DualListSelectorListProps extends React.HTMLProps<HTMLUListElement> {
4
4
  /** Content rendered inside the dual list selector list. */
5
5
  children?: React.ReactNode;
6
+ /** @hide forwarded ref */
7
+ innerRef?: React.RefObject<HTMLUListElement>;
6
8
  }
7
- export declare const DualListSelectorList: React.FunctionComponent<DualListSelectorListProps>;
9
+ export declare const DualListSelectorListBase: React.FunctionComponent<DualListSelectorListProps>;
10
+ export declare const DualListSelectorList: React.ForwardRefExoticComponent<Omit<DualListSelectorListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
8
11
  //# sourceMappingURL=DualListSelectorList.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DualListSelectorList.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,yEAAyE;AAEzE,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAClF,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA0CnF,CAAC"}
1
+ {"version":3,"file":"DualListSelectorList.d.ts","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,yEAAyE;AAEzE,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAClF,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA4CvF,CAAC;AAGF,eAAO,MAAM,oBAAoB,iHAIhC,CAAC"}
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.DualListSelectorList = void 0;
3
+ exports.DualListSelectorList = exports.DualListSelectorListBase = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_styles_1 = require("@patternfly/react-styles");
6
6
  const dual_list_selector_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/DualListSelector/dual-list-selector"));
7
7
  const DualListSelectorListItem_1 = require("./DualListSelectorListItem");
8
8
  const React = tslib_1.__importStar(require("react"));
9
9
  const DualListSelectorContext_1 = require("./DualListSelectorContext");
10
- const DualListSelectorList = (_a) => {
11
- var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
10
+ const DualListSelectorListBase = (_a) => {
11
+ var { children, innerRef } = _a, props = tslib_1.__rest(_a, ["children", "innerRef"]);
12
12
  const { isTree, ariaLabelledBy, focusedOption, displayOption, selectedOptions, id, options, isDisabled } = React.useContext(DualListSelectorContext_1.DualListSelectorListContext);
13
13
  const hasOptions = () => options.length !== 0 || (children !== undefined && children.length !== 0);
14
14
  return (React.createElement("ul", Object.assign({ className: (0, react_styles_1.css)(dual_list_selector_1.default.dualListSelectorList) }, (hasOptions() && {
@@ -16,7 +16,7 @@ const DualListSelectorList = (_a) => {
16
16
  'aria-multiselectable': true,
17
17
  'aria-labelledby': ariaLabelledBy,
18
18
  'aria-activedescendant': focusedOption
19
- }), { "aria-disabled": isDisabled ? 'true' : undefined }, props), options.length === 0
19
+ }), { "aria-disabled": isDisabled ? 'true' : undefined, ref: innerRef }, props), options.length === 0
20
20
  ? children
21
21
  : options.map((option, index) => {
22
22
  if (displayOption(option)) {
@@ -25,6 +25,8 @@ const DualListSelectorList = (_a) => {
25
25
  return;
26
26
  })));
27
27
  };
28
- exports.DualListSelectorList = DualListSelectorList;
28
+ exports.DualListSelectorListBase = DualListSelectorListBase;
29
+ exports.DualListSelectorListBase.displayName = 'DualListSelectorListBase';
30
+ exports.DualListSelectorList = React.forwardRef((props, ref) => (React.createElement(exports.DualListSelectorListBase, Object.assign({ innerRef: ref }, props))));
29
31
  exports.DualListSelectorList.displayName = 'DualListSelectorList';
30
32
  //# sourceMappingURL=DualListSelectorList.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DualListSelectorList.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":";;;;AAAA,2DAA+C;AAC/C,6IAAiG;AACjG,yEAAsE;AACtE,qDAA+B;AAC/B,uEAAwE;AASjE,MAAM,oBAAoB,GAAuD,CAAC,EAG7D,EAAE,EAAE;QAHyD,EACvF,QAAQ,OAEkB,EADvB,KAAK,sBAF+E,YAGxF,CADS;IAER,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,GACtG,KAAK,CAAC,UAAU,CAAC,qDAA2B,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAK,QAA8B,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAEnG,OAAO,CACL,0CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,oBAAoB,CAAC,IACvC,CAAC,UAAU,EAAE,IAAI;QACnB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACjC,sBAAsB,EAAE,IAAI;QAC5B,iBAAiB,EAAE,cAAc;QACjC,uBAAuB,EAAE,aAAa;KACvC,CAAC,qBACa,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAC1C,KAAK,GAER,OAAO,CAAC,MAAM,KAAK,CAAC;QACnB,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,OAAO,CACL,oBAAC,mDAAwB,IACvB,GAAG,EAAE,KAAK,EACV,UAAU,EAAG,eAA4B,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC/D,EAAE,EAAE,GAAG,EAAE,WAAW,KAAK,EAAE,EAC3B,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,IAErB,MAAM,CACkB,CAC5B,CAAC;YACJ,CAAC;YACD,OAAO;QACT,CAAC,CAAC,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,oBAAoB,wBA0C/B;AACF,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
1
+ {"version":3,"file":"DualListSelectorList.js","sourceRoot":"","sources":["../../../../src/components/DualListSelector/DualListSelectorList.tsx"],"names":[],"mappings":";;;;AAAA,2DAA+C;AAC/C,6IAAiG;AACjG,yEAAsE;AACtE,qDAA+B;AAC/B,uEAAwE;AAWjE,MAAM,wBAAwB,GAAuD,CAAC,EAIjE,EAAE,EAAE;QAJ6D,EAC3F,QAAQ,EACR,QAAQ,OAEkB,EADvB,KAAK,sBAHmF,wBAI5F,CADS;IAER,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,GACtG,KAAK,CAAC,UAAU,CAAC,qDAA2B,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAK,QAA8B,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;IAEnG,OAAO,CACL,0CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,4BAAM,CAAC,oBAAoB,CAAC,IACvC,CAAC,UAAU,EAAE,IAAI;QACnB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACjC,sBAAsB,EAAE,IAAI;QAC5B,iBAAiB,EAAE,cAAc;QACjC,uBAAuB,EAAE,aAAa;KACvC,CAAC,qBACa,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC9C,GAAG,EAAE,QAAQ,IACT,KAAK,GAER,OAAO,CAAC,MAAM,KAAK,CAAC;QACnB,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,OAAO,CACL,oBAAC,mDAAwB,IACvB,GAAG,EAAE,KAAK,EACV,UAAU,EAAG,eAA4B,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC/D,EAAE,EAAE,GAAG,EAAE,WAAW,KAAK,EAAE,EAC3B,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,UAAU,IAErB,MAAM,CACkB,CAC5B,CAAC;YACJ,CAAC;YACD,OAAO;QACT,CAAC,CAAC,CACH,CACN,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,wBAAwB,4BA4CnC;AACF,gCAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAErD,QAAA,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAClD,CAAC,KAAgC,EAAE,GAAgC,EAAE,EAAE,CAAC,CACtE,oBAAC,gCAAwB,kBAAC,QAAQ,EAAE,GAAkC,IAAM,KAAK,EAAI,CACtF,CACF,CAAC;AAEF,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}