@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.
- package/CHANGELOG.md +4 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/Tile/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/dynamic-modules.json +2 -0
- package/dist/esm/components/DataList/DataList.d.ts +6 -11
- package/dist/esm/components/DataList/DataList.d.ts.map +1 -1
- package/dist/esm/components/DataList/DataList.js +16 -30
- package/dist/esm/components/DataList/DataList.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorList.d.ts +4 -1
- package/dist/esm/components/DualListSelector/DualListSelectorList.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorList.js +5 -3
- package/dist/esm/components/DualListSelector/DualListSelectorList.js.map +1 -1
- package/dist/js/components/DataList/DataList.d.ts +6 -11
- package/dist/js/components/DataList/DataList.d.ts.map +1 -1
- package/dist/js/components/DataList/DataList.js +18 -31
- package/dist/js/components/DataList/DataList.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorList.d.ts +4 -1
- package/dist/js/components/DualListSelector/DualListSelectorList.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorList.js +7 -5
- package/dist/js/components/DualListSelector/DualListSelectorList.js.map +1 -1
- package/dist/umd/assets/{output-D3SMJk_R.css → output-CDxtr9hz.css} +10024 -10024
- package/dist/umd/react-core.min.js +1 -1
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +2 -2
- package/src/components/DataList/DataList.tsx +53 -65
- 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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
|
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
|
|
36
|
-
|
|
37
|
-
|
|
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;
|
|
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
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
|
|
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
|
-
|
|
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;
|
|
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
|
|
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;
|
|
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
|
|
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;
|
|
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
|
|
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
|
|
36
|
-
|
|
37
|
-
|
|
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;
|
|
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
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
|
|
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;
|
|
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
|
|
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;
|
|
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
|
|
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.
|
|
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;
|
|
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"}
|