@patternfly/react-core 6.2.0-prerelease.31 → 6.2.0-prerelease.33
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 +12 -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/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/Tile/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/esm/components/DataList/DataListCell.d.ts +2 -2
- package/dist/esm/components/DataList/DataListCell.d.ts.map +1 -1
- package/dist/esm/components/DataList/DataListCell.js +15 -2
- package/dist/esm/components/DataList/DataListCell.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarContent.d.ts +9 -0
- package/dist/esm/components/Toolbar/ToolbarContent.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarContent.js +2 -2
- package/dist/esm/components/Toolbar/ToolbarContent.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarGroup.d.ts +9 -0
- package/dist/esm/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarGroup.js +2 -2
- package/dist/esm/components/Toolbar/ToolbarGroup.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarItem.d.ts +9 -0
- package/dist/esm/components/Toolbar/ToolbarItem.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarItem.js +2 -2
- package/dist/esm/components/Toolbar/ToolbarItem.js.map +1 -1
- package/dist/js/components/DataList/DataListCell.d.ts +2 -2
- package/dist/js/components/DataList/DataListCell.d.ts.map +1 -1
- package/dist/js/components/DataList/DataListCell.js +14 -1
- package/dist/js/components/DataList/DataListCell.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarContent.d.ts +9 -0
- package/dist/js/components/Toolbar/ToolbarContent.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarContent.js +2 -2
- package/dist/js/components/Toolbar/ToolbarContent.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarGroup.d.ts +9 -0
- package/dist/js/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarGroup.js +2 -2
- package/dist/js/components/Toolbar/ToolbarGroup.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarItem.d.ts +9 -0
- package/dist/js/components/Toolbar/ToolbarItem.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarItem.js +2 -2
- package/dist/js/components/Toolbar/ToolbarItem.js.map +1 -1
- package/dist/umd/assets/{output-cwWP2mO8.css → output-CL2wZaU8.css} +18630 -18630
- 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/DataListCell.tsx +37 -17
- package/src/components/Toolbar/ToolbarContent.tsx +11 -0
- package/src/components/Toolbar/ToolbarGroup.tsx +11 -0
- package/src/components/Toolbar/ToolbarItem.tsx +11 -0
- package/src/components/Toolbar/__tests__/Toolbar.test.tsx +29 -0
- package/src/components/Toolbar/__tests__/ToolbarGroup.test.tsx +28 -1
- package/src/components/Toolbar/__tests__/ToolbarItem.test.tsx +27 -0
- package/src/components/Toolbar/examples/Toolbar.md +8 -1
- package/src/components/Toolbar/examples/ToolbarContentWrap.tsx +35 -0
- package/src/components/Toolbar/examples/ToolbarGroupSpacers.tsx +3 -3
- package/src/components/Toolbar/examples/ToolbarItemSpacers.tsx +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-generateid.js-dynamic","main":"../../../../js/helpers/GenerateId/GenerateId.js","module":"../../../../esm/helpers/GenerateId/GenerateId.js","typings":"../../../../esm/helpers/GenerateId/GenerateId.d.ts","version":"6.2.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-generateid.js-dynamic","main":"../../../../js/helpers/GenerateId/GenerateId.js","module":"../../../../esm/helpers/GenerateId/GenerateId.js","typings":"../../../../esm/helpers/GenerateId/GenerateId.d.ts","version":"6.2.0-prerelease.32","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-keyboardhandler.js-dynamic","main":"../../../js/helpers/KeyboardHandler.js","module":"../../../esm/helpers/KeyboardHandler.js","typings":"../../../esm/helpers/KeyboardHandler.d.ts","version":"6.2.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-keyboardhandler.js-dynamic","main":"../../../js/helpers/KeyboardHandler.js","module":"../../../esm/helpers/KeyboardHandler.js","typings":"../../../esm/helpers/KeyboardHandler.d.ts","version":"6.2.0-prerelease.32","private":true}
|
|
@@ -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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","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.2.0-prerelease.
|
|
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.2.0-prerelease.32","private":true}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
2
|
import { DataListWrapModifier } from './DataList';
|
|
3
3
|
export interface DataListCellProps extends Omit<React.HTMLProps<HTMLDivElement>, 'width'> {
|
|
4
4
|
/** Content rendered inside the DataList cell */
|
|
@@ -16,5 +16,5 @@ export interface DataListCellProps extends Omit<React.HTMLProps<HTMLDivElement>,
|
|
|
16
16
|
/** Determines which wrapping modifier to apply to the DataListCell */
|
|
17
17
|
wrapModifier?: DataListWrapModifier | 'nowrap' | 'truncate' | 'breakWord';
|
|
18
18
|
}
|
|
19
|
-
export declare const DataListCell:
|
|
19
|
+
export declare const DataListCell: FunctionComponent<DataListCellProps>;
|
|
20
20
|
//# sourceMappingURL=DataListCell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataListCell.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"DataListCell.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAGlD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,YAAY,CAAC,EAAE,oBAAoB,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;CAC3E;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA0C7D,CAAC"}
|
|
@@ -1,10 +1,23 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useRef, useState, useEffect } from 'react';
|
|
3
4
|
import { css } from '@patternfly/react-styles';
|
|
4
5
|
import styles from '@patternfly/react-styles/css/components/DataList/data-list.mjs';
|
|
6
|
+
import { Tooltip } from '../Tooltip';
|
|
5
7
|
export const DataListCell = (_a) => {
|
|
6
8
|
var { children = null, className = '', width = 1, isFilled = true, alignRight = false, isIcon = false, wrapModifier = null } = _a, props = __rest(_a, ["children", "className", "width", "isFilled", "alignRight", "isIcon", "wrapModifier"]);
|
|
7
|
-
|
|
9
|
+
const cellRef = useRef(null);
|
|
10
|
+
const [isTooltipVisible, setIsTooltipVisible] = useState(false);
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
if (!cellRef.current || wrapModifier !== 'truncate') {
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
const showTooltip = cellRef.current && cellRef.current.offsetWidth < cellRef.current.scrollWidth;
|
|
16
|
+
if (isTooltipVisible !== showTooltip) {
|
|
17
|
+
setIsTooltipVisible(showTooltip);
|
|
18
|
+
}
|
|
19
|
+
}, [cellRef, wrapModifier, isTooltipVisible]);
|
|
20
|
+
return (_jsxs("div", Object.assign({ className: css(styles.dataListCell, width > 1 && styles.modifiers[`flex_${width}`], !isFilled && styles.modifiers.noFill, alignRight && styles.modifiers.alignRight, isIcon && styles.modifiers.icon, className, wrapModifier && styles.modifiers[wrapModifier]) }, (isTooltipVisible && { tabIndex: 0 }), { ref: cellRef }, props, { children: [children, isTooltipVisible && _jsx(Tooltip, { content: children, triggerRef: cellRef })] })));
|
|
8
21
|
};
|
|
9
22
|
DataListCell.displayName = 'DataListCell';
|
|
10
23
|
//# sourceMappingURL=DataListCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataListCell.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;
|
|
1
|
+
{"version":3,"file":"DataListCell.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAqB,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,uEAAmE;AAEhF,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAmBrC,MAAM,CAAC,MAAM,YAAY,GAAyC,CAAC,EAS/C,EAAE,EAAE;QAT2C,EACjE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,EACd,YAAY,GAAG,IAAI,OAED,EADf,KAAK,cARyD,sFASlE,CADS;IAER,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,YAAY,KAAK,UAAU,EAAE,CAAC;YACpD,OAAO;QACT,CAAC;QACD,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;QACjG,IAAI,gBAAgB,KAAK,WAAW,EAAE,CAAC;YACrC,mBAAmB,CAAC,WAAW,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,YAAY,EACnB,KAAK,GAAG,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,KAAK,EAA+C,CAAC,EAC3F,CAAC,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,EACpC,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EACzC,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EAC/B,SAAS,EACT,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAC/C,IACG,CAAC,gBAAgB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,IACzC,GAAG,EAAE,OAAO,IACR,KAAK,eAER,QAAQ,EACR,gBAAgB,IAAI,KAAC,OAAO,IAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,GAAI,KACpE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -10,6 +10,15 @@ export interface ToolbarContentProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
10
10
|
xl?: 'hidden' | 'visible';
|
|
11
11
|
'2xl'?: 'hidden' | 'visible';
|
|
12
12
|
};
|
|
13
|
+
/** Value to set for content wrapping at various breakpoints */
|
|
14
|
+
rowWrap?: {
|
|
15
|
+
default?: 'wrap' | 'nowrap';
|
|
16
|
+
sm?: 'wrap' | 'nowrap';
|
|
17
|
+
md?: 'wrap' | 'nowrap';
|
|
18
|
+
lg?: 'wrap' | 'nowrap';
|
|
19
|
+
xl?: 'wrap' | 'nowrap';
|
|
20
|
+
'2xl'?: 'wrap' | 'nowrap';
|
|
21
|
+
};
|
|
13
22
|
/** Vertical alignment of children */
|
|
14
23
|
alignItems?: 'start' | 'center' | 'baseline' | 'default';
|
|
15
24
|
/** Content to be rendered as children of the content row */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAO7C,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACzD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,cAAM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,WAAW,SAAoB;IACtC,OAAO,CAAC,oBAAoB,CAA+B;IAC3D,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAE7B,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAGtC;IAEF,MAAM;
|
|
1
|
+
{"version":3,"file":"ToolbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAO7C,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,+DAA+D;IAC/D,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QAC5B,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;KAC3B,CAAC;IACF,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACzD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,cAAM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,WAAW,SAAoB;IACtC,OAAO,CAAC,oBAAoB,CAA+B;IAC3D,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAE7B,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAGtC;IAEF,MAAM;CAsEP;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -13,7 +13,7 @@ class ToolbarContent extends Component {
|
|
|
13
13
|
this.labelContainerRef = createRef();
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
const _a = this.props, { className, children, isExpanded, toolbarId, visibility, alignItems, clearAllFilters, showClearFiltersButton, clearFiltersButtonText } = _a, props = __rest(_a, ["className", "children", "isExpanded", "toolbarId", "visibility", "alignItems", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText"]);
|
|
16
|
+
const _a = this.props, { className, children, isExpanded, toolbarId, visibility, rowWrap, alignItems, clearAllFilters, showClearFiltersButton, clearFiltersButtonText } = _a, props = __rest(_a, ["className", "children", "isExpanded", "toolbarId", "visibility", "rowWrap", "alignItems", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText"]);
|
|
17
17
|
return (_jsx(PageContext.Consumer, { children: ({ width, getBreakpoint }) => (_jsx("div", Object.assign({ className: css(styles.toolbarContent, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), className), ref: this.expandableContentRef }, props, { children: _jsx(ToolbarContext.Consumer, { children: ({ clearAllFilters: clearAllFiltersContext, clearFiltersButtonText: clearFiltersButtonContext, showClearFiltersButton: showClearFiltersButtonContext, isExpanded: isExpandedContext, toolbarId: toolbarIdContext }) => {
|
|
18
18
|
const expandableContentId = `${toolbarId || toolbarIdContext}-expandable-content-${ToolbarContent.currentId++}`;
|
|
19
19
|
return (_jsx(ToolbarContentContext.Provider, { value: {
|
|
@@ -24,7 +24,7 @@ class ToolbarContent extends Component {
|
|
|
24
24
|
clearAllFilters: clearAllFilters || clearAllFiltersContext,
|
|
25
25
|
clearFiltersButtonText: clearFiltersButtonText || clearFiltersButtonContext,
|
|
26
26
|
showClearFiltersButton: showClearFiltersButton || showClearFiltersButtonContext
|
|
27
|
-
}, children: _jsx("div", { className: css(styles.toolbarContentSection, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline), children: children }) }));
|
|
27
|
+
}, children: _jsx("div", { className: css(styles.toolbarContentSection, formatBreakpointMods(rowWrap, styles, '', getBreakpoint(width)), alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline), children: children }) }));
|
|
28
28
|
} }) }))) }));
|
|
29
29
|
}
|
|
30
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAsClD,MAAM,cAAe,SAAQ,SAA8B;IAA3D;;QAEU,yBAAoB,GAAG,SAAS,EAAkB,CAAC;QACnD,sBAAiB,GAAG,SAAS,EAAkB,CAAC;IA8E1D,CAAC;IAtEC,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,OAAO,EACP,UAAU,EACV,eAAe,EACf,sBAAsB,EACtB,sBAAsB,OAEV,EADT,KAAK,cAXJ,kKAYL,CAAa,CAAC;QAEf,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,cAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,4BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,cAAc,EACrB,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,SAAS,CACV,EACD,GAAG,EAAE,IAAI,CAAC,oBAAoB,IAC1B,KAAK,cAET,KAAC,cAAc,CAAC,QAAQ,cACrB,CAAC,EACA,eAAe,EAAE,sBAAsB,EACvC,sBAAsB,EAAE,yBAAyB,EACjD,sBAAsB,EAAE,6BAA6B,EACrD,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,gBAAgB,EAC5B,EAAE,EAAE;wBACH,MAAM,mBAAmB,GAAG,GAC1B,SAAS,IAAI,gBACf,uBAAuB,cAAc,CAAC,SAAS,EAAE,EAAE,CAAC;wBACpD,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;gCACL,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;gCAC/C,mBAAmB;gCACnB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;gCACzC,UAAU,EAAE,UAAU,IAAI,iBAAiB;gCAC3C,eAAe,EAAE,eAAe,IAAI,sBAAsB;gCAC1D,sBAAsB,EAAE,sBAAsB,IAAI,yBAAyB;gCAC3E,sBAAsB,EAAE,sBAAsB,IAAI,6BAA6B;6BAChF,YAED,cACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,qBAAqB,EAC5B,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC/D,UAAU,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,gBAAgB,EAC5D,UAAU,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,UAAU,KAAK,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,kBAAkB,CACjE,YAEA,QAAQ,GACL,GACyB,CAClC,CAAC;oBACJ,CAAC,GACuB,IACtB,CACP,GACoB,CACxB,CAAC;IACJ,CAAC;;AA/EM,0BAAW,GAAG,gBAAgB,AAAnB,CAAoB;AAGvB,wBAAS,GAAG,CAAC,AAAJ,CAAK;AAEtB,2BAAY,GAAwB;IACzC,UAAU,EAAE,KAAK;IACjB,sBAAsB,EAAE,KAAK;CAC9B,AAHkB,CAGjB;AA0EJ,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -55,6 +55,15 @@ export interface ToolbarGroupProps extends Omit<React.HTMLProps<HTMLDivElement>,
|
|
|
55
55
|
xl?: 'rowGapNone' | 'rowGapXs' | 'rowGapSm' | 'rowGapMd' | 'rowGapLg' | 'rowGapXl' | 'rowGap_2xl' | 'rowGap_3xl' | 'rowGap_4xl';
|
|
56
56
|
'2xl'?: 'rowGapNone' | 'rowGapXs' | 'rowGapSm' | 'rowGapMd' | 'rowGapLg' | 'rowGapXl' | 'rowGap_2xl' | 'rowGap_3xl' | 'rowGap_4xl';
|
|
57
57
|
};
|
|
58
|
+
/** Value to set for row wrapping at various breakpoints */
|
|
59
|
+
rowWrap?: {
|
|
60
|
+
default?: 'wrap' | 'nowrap';
|
|
61
|
+
sm?: 'wrap' | 'nowrap';
|
|
62
|
+
md?: 'wrap' | 'nowrap';
|
|
63
|
+
lg?: 'wrap' | 'nowrap';
|
|
64
|
+
xl?: 'wrap' | 'nowrap';
|
|
65
|
+
'2xl'?: 'wrap' | 'nowrap';
|
|
66
|
+
};
|
|
58
67
|
/** Content to be rendered inside the data toolbar group */
|
|
59
68
|
children?: React.ReactNode;
|
|
60
69
|
/** Flag that modifies the toolbar group to hide overflow and respond to available space. Used for horizontal navigation. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ToolbarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,9 +15,9 @@ export var ToolbarGroupVariant;
|
|
|
15
15
|
})(ToolbarGroupVariant || (ToolbarGroupVariant = {}));
|
|
16
16
|
class ToolbarGroupWithRef extends Component {
|
|
17
17
|
render() {
|
|
18
|
-
const _a = this.props, { visibility, align, alignItems, alignSelf, gap, columnGap, rowGap, className, variant, children, isOverflowContainer, innerRef } = _a, props = __rest(_a, ["visibility", "align", "alignItems", "alignSelf", "gap", "columnGap", "rowGap", "className", "variant", "children", "isOverflowContainer", "innerRef"]);
|
|
18
|
+
const _a = this.props, { visibility, align, alignItems, alignSelf, gap, columnGap, rowGap, rowWrap, className, variant, children, isOverflowContainer, innerRef } = _a, props = __rest(_a, ["visibility", "align", "alignItems", "alignSelf", "gap", "columnGap", "rowGap", "rowWrap", "className", "variant", "children", "isOverflowContainer", "innerRef"]);
|
|
19
19
|
return (_jsx(PageContext.Consumer, { children: ({ width, getBreakpoint }) => (_jsx("div", Object.assign({ className: css(styles.toolbarGroup, variant &&
|
|
20
|
-
styles.modifiers[toCamel(variant)], formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(align, styles, '', getBreakpoint(width)), formatBreakpointMods(gap, styles, '', getBreakpoint(width)), formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)), alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline, alignSelf === 'start' && styles.modifiers.alignSelfStart, alignSelf === 'center' && styles.modifiers.alignSelfCenter, alignSelf === 'baseline' && styles.modifiers.alignSelfBaseline, isOverflowContainer && styles.modifiers.overflowContainer, className) }, props, { ref: innerRef, children: children }))) }));
|
|
20
|
+
styles.modifiers[toCamel(variant)], formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(align, styles, '', getBreakpoint(width)), formatBreakpointMods(gap, styles, '', getBreakpoint(width)), formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowWrap, styles, '', getBreakpoint(width)), alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline, alignSelf === 'start' && styles.modifiers.alignSelfStart, alignSelf === 'center' && styles.modifiers.alignSelfCenter, alignSelf === 'baseline' && styles.modifiers.alignSelfBaseline, isOverflowContainer && styles.modifiers.overflowContainer, className) }, props, { ref: innerRef, children: children }))) }));
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
export const ToolbarGroup = forwardRef((props, ref) => (_jsx(ToolbarGroupWithRef, Object.assign({}, props, { innerRef: ref }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,mBAMX;AAND,WAAY,mBAAmB;IAC7B,oDAA+B,CAAA;IAC/B,oDAA+B,CAAA;IAC/B,kEAA6C,CAAA;IAC7C,gEAA2C,CAAA;IAC3C,kDAA6B,CAAA;AAC/B,CAAC,EANW,mBAAmB,KAAnB,mBAAmB,QAM9B;
|
|
1
|
+
{"version":3,"file":"ToolbarGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,mBAMX;AAND,WAAY,mBAAmB;IAC7B,oDAA+B,CAAA;IAC/B,oDAA+B,CAAA;IAC/B,kEAA6C,CAAA;IAC7C,gEAA2C,CAAA;IAC3C,kDAA6B,CAAA;AAC/B,CAAC,EANW,mBAAmB,KAAnB,mBAAmB,QAM9B;AAoKD,MAAM,mBAAoB,SAAQ,SAA4B;IAC5D,MAAM;QACJ,MAAM,KAeF,IAAI,CAAC,KAAK,EAfR,EACJ,UAAU,EACV,KAAK,EACL,UAAU,EACV,SAAS,EACT,GAAG,EACH,SAAS,EACT,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,EACR,mBAAmB,EACnB,QAAQ,OAEI,EADT,KAAK,cAdJ,kKAeL,CAAa,CAAC;QAEf,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,cAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,4BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,YAAY,EACnB,OAAO;oBACL,MAAM,CAAC,SAAS,CACd,OAAO,CAAC,OAAO,CAKC,CACjB,EACH,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC7D,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC3D,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EACjE,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC9D,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC/D,UAAU,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,UAAU,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,gBAAgB,EAC5D,UAAU,KAAK,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,kBAAkB,EAChE,SAAS,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,EACxD,SAAS,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,SAAS,KAAK,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,iBAAiB,EAC9D,mBAAmB,IAAI,MAAM,CAAC,SAAS,CAAC,iBAAiB,EACzD,SAAS,CACV,IACG,KAAK,IACT,GAAG,EAAE,QAAQ,YAEZ,QAAQ,IACL,CACP,GACoB,CACxB,CAAC;IACJ,CAAC;CACF;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,KAAwB,EAAE,GAAQ,EAAE,EAAE,CAAC,CAC7E,KAAC,mBAAmB,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CAClD,CAAC,CAAC"}
|
|
@@ -55,6 +55,15 @@ export interface ToolbarItemProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
55
55
|
xl?: 'rowGapNone' | 'rowGapXs' | 'rowGapSm' | 'rowGapMd' | 'rowGapLg' | 'rowGapXl' | 'rowGap_2xl' | 'rowGap_3xl' | 'rowGap_4xl';
|
|
56
56
|
'2xl'?: 'rowGapNone' | 'rowGapXs' | 'rowGapSm' | 'rowGapMd' | 'rowGapLg' | 'rowGapXl' | 'rowGap_2xl' | 'rowGap_3xl' | 'rowGap_4xl';
|
|
57
57
|
};
|
|
58
|
+
/** Value to set for row wrapping at various breakpoints */
|
|
59
|
+
rowWrap?: {
|
|
60
|
+
default?: 'wrap' | 'nowrap';
|
|
61
|
+
sm?: 'wrap' | 'nowrap';
|
|
62
|
+
md?: 'wrap' | 'nowrap';
|
|
63
|
+
lg?: 'wrap' | 'nowrap';
|
|
64
|
+
xl?: 'wrap' | 'nowrap';
|
|
65
|
+
'2xl'?: 'wrap' | 'nowrap';
|
|
66
|
+
};
|
|
58
67
|
/** id for this data toolbar item */
|
|
59
68
|
id?: string;
|
|
60
69
|
/** Flag indicating if the expand-all variant is expanded or not */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ToolbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,11 +14,11 @@ export var ToolbarItemVariant;
|
|
|
14
14
|
ToolbarItemVariant["expand-all"] = "expand-all";
|
|
15
15
|
})(ToolbarItemVariant || (ToolbarItemVariant = {}));
|
|
16
16
|
export const ToolbarItem = (_a) => {
|
|
17
|
-
var { className, variant, visibility, gap, columnGap, rowGap, align, alignSelf, alignItems, id, children, isAllExpanded, isOverflowContainer } = _a, props = __rest(_a, ["className", "variant", "visibility", "gap", "columnGap", "rowGap", "align", "alignSelf", "alignItems", "id", "children", "isAllExpanded", "isOverflowContainer"]);
|
|
17
|
+
var { className, variant, visibility, gap, columnGap, rowGap, rowWrap, align, alignSelf, alignItems, id, children, isAllExpanded, isOverflowContainer } = _a, props = __rest(_a, ["className", "variant", "visibility", "gap", "columnGap", "rowGap", "rowWrap", "align", "alignSelf", "alignItems", "id", "children", "isAllExpanded", "isOverflowContainer"]);
|
|
18
18
|
if (variant === ToolbarItemVariant.separator) {
|
|
19
19
|
return _jsx(Divider, Object.assign({ className: css(className), orientation: { default: 'vertical' } }, props));
|
|
20
20
|
}
|
|
21
|
-
return (_jsx(PageContext.Consumer, { children: ({ width, getBreakpoint }) => (_jsx("div", Object.assign({ className: css(styles.toolbarItem, variant && styles.modifiers[toCamel(variant)], variant === ToolbarItemVariant['label-group'] && styles.modifiers.labelGroup, isAllExpanded && styles.modifiers.expanded, isOverflowContainer && styles.modifiers.overflowContainer, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(align, styles, '', getBreakpoint(width)), formatBreakpointMods(gap, styles, '', getBreakpoint(width)), formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)), alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline, alignSelf === 'start' && styles.modifiers.alignSelfStart, alignSelf === 'center' && styles.modifiers.alignSelfCenter, alignSelf === 'baseline' && styles.modifiers.alignSelfBaseline, className) }, (variant === 'label' && { 'aria-hidden': true }), { id: id }, props, { children: children }))) }));
|
|
21
|
+
return (_jsx(PageContext.Consumer, { children: ({ width, getBreakpoint }) => (_jsx("div", Object.assign({ className: css(styles.toolbarItem, variant && styles.modifiers[toCamel(variant)], variant === ToolbarItemVariant['label-group'] && styles.modifiers.labelGroup, isAllExpanded && styles.modifiers.expanded, isOverflowContainer && styles.modifiers.overflowContainer, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(align, styles, '', getBreakpoint(width)), formatBreakpointMods(gap, styles, '', getBreakpoint(width)), formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowWrap, styles, '', getBreakpoint(width)), alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline, alignSelf === 'start' && styles.modifiers.alignSelfStart, alignSelf === 'center' && styles.modifiers.alignSelfCenter, alignSelf === 'baseline' && styles.modifiers.alignSelfBaseline, className) }, (variant === 'label' && { 'aria-hidden': true }), { id: id }, props, { children: children }))) }));
|
|
22
22
|
};
|
|
23
23
|
ToolbarItem.displayName = 'ToolbarItem';
|
|
24
24
|
//# sourceMappingURL=ToolbarItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItem.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,6CAAuB,CAAA;IACvB,+CAAyB,CAAA;IACzB,qCAAe,CAAA;IACf,iDAA6B,CAAA;IAC7B,+CAA2B,CAAA;AAC7B,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;
|
|
1
|
+
{"version":3,"file":"ToolbarItem.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
2
|
import { DataListWrapModifier } from './DataList';
|
|
3
3
|
export interface DataListCellProps extends Omit<React.HTMLProps<HTMLDivElement>, 'width'> {
|
|
4
4
|
/** Content rendered inside the DataList cell */
|
|
@@ -16,5 +16,5 @@ export interface DataListCellProps extends Omit<React.HTMLProps<HTMLDivElement>,
|
|
|
16
16
|
/** Determines which wrapping modifier to apply to the DataListCell */
|
|
17
17
|
wrapModifier?: DataListWrapModifier | 'nowrap' | 'truncate' | 'breakWord';
|
|
18
18
|
}
|
|
19
|
-
export declare const DataListCell:
|
|
19
|
+
export declare const DataListCell: FunctionComponent<DataListCellProps>;
|
|
20
20
|
//# sourceMappingURL=DataListCell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataListCell.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"DataListCell.d.ts","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAGlD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,YAAY,CAAC,EAAE,oBAAoB,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;CAC3E;AAED,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA0C7D,CAAC"}
|
|
@@ -3,11 +3,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.DataListCell = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_1 = require("react");
|
|
6
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
8
|
const data_list_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/DataList/data-list"));
|
|
9
|
+
const Tooltip_1 = require("../Tooltip");
|
|
8
10
|
const DataListCell = (_a) => {
|
|
9
11
|
var { children = null, className = '', width = 1, isFilled = true, alignRight = false, isIcon = false, wrapModifier = null } = _a, props = tslib_1.__rest(_a, ["children", "className", "width", "isFilled", "alignRight", "isIcon", "wrapModifier"]);
|
|
10
|
-
|
|
12
|
+
const cellRef = (0, react_1.useRef)(null);
|
|
13
|
+
const [isTooltipVisible, setIsTooltipVisible] = (0, react_1.useState)(false);
|
|
14
|
+
(0, react_1.useEffect)(() => {
|
|
15
|
+
if (!cellRef.current || wrapModifier !== 'truncate') {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
const showTooltip = cellRef.current && cellRef.current.offsetWidth < cellRef.current.scrollWidth;
|
|
19
|
+
if (isTooltipVisible !== showTooltip) {
|
|
20
|
+
setIsTooltipVisible(showTooltip);
|
|
21
|
+
}
|
|
22
|
+
}, [cellRef, wrapModifier, isTooltipVisible]);
|
|
23
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_styles_1.css)(data_list_1.default.dataListCell, width > 1 && data_list_1.default.modifiers[`flex_${width}`], !isFilled && data_list_1.default.modifiers.noFill, alignRight && data_list_1.default.modifiers.alignRight, isIcon && data_list_1.default.modifiers.icon, className, wrapModifier && data_list_1.default.modifiers[wrapModifier]) }, (isTooltipVisible && { tabIndex: 0 }), { ref: cellRef }, props, { children: [children, isTooltipVisible && (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { content: children, triggerRef: cellRef })] })));
|
|
11
24
|
};
|
|
12
25
|
exports.DataListCell = DataListCell;
|
|
13
26
|
exports.DataListCell.displayName = 'DataListCell';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataListCell.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";;;;;AAAA,2DAA+C;AAC/C,mHAAgF;
|
|
1
|
+
{"version":3,"file":"DataListCell.js","sourceRoot":"","sources":["../../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAuE;AACvE,2DAA+C;AAC/C,mHAAgF;AAEhF,wCAAqC;AAmB9B,MAAM,YAAY,GAAyC,CAAC,EAS/C,EAAE,EAAE;QAT2C,EACjE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,CAAC,EACT,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,EACd,YAAY,GAAG,IAAI,OAED,EADf,KAAK,sBARyD,sFASlE,CADS;IAER,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,YAAY,KAAK,UAAU,EAAE,CAAC;YACpD,OAAO;QACT,CAAC;QACD,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;QACjG,IAAI,gBAAgB,KAAK,WAAW,EAAE,CAAC;YACrC,mBAAmB,CAAC,WAAW,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,+CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,mBAAM,CAAC,YAAY,EACnB,KAAK,GAAG,CAAC,IAAI,mBAAM,CAAC,SAAS,CAAC,QAAQ,KAAK,EAA+C,CAAC,EAC3F,CAAC,QAAQ,IAAI,mBAAM,CAAC,SAAS,CAAC,MAAM,EACpC,UAAU,IAAI,mBAAM,CAAC,SAAS,CAAC,UAAU,EACzC,MAAM,IAAI,mBAAM,CAAC,SAAS,CAAC,IAAI,EAC/B,SAAS,EACT,YAAY,IAAI,mBAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAC/C,IACG,CAAC,gBAAgB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,IACzC,GAAG,EAAE,OAAO,IACR,KAAK,eAER,QAAQ,EACR,gBAAgB,IAAI,uBAAC,iBAAO,IAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,GAAI,KACpE,CACP,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,YAAY,gBA0CvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -10,6 +10,15 @@ export interface ToolbarContentProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
10
10
|
xl?: 'hidden' | 'visible';
|
|
11
11
|
'2xl'?: 'hidden' | 'visible';
|
|
12
12
|
};
|
|
13
|
+
/** Value to set for content wrapping at various breakpoints */
|
|
14
|
+
rowWrap?: {
|
|
15
|
+
default?: 'wrap' | 'nowrap';
|
|
16
|
+
sm?: 'wrap' | 'nowrap';
|
|
17
|
+
md?: 'wrap' | 'nowrap';
|
|
18
|
+
lg?: 'wrap' | 'nowrap';
|
|
19
|
+
xl?: 'wrap' | 'nowrap';
|
|
20
|
+
'2xl'?: 'wrap' | 'nowrap';
|
|
21
|
+
};
|
|
13
22
|
/** Vertical alignment of children */
|
|
14
23
|
alignItems?: 'start' | 'center' | 'baseline' | 'default';
|
|
15
24
|
/** Content to be rendered as children of the content row */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAO7C,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACzD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,cAAM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,WAAW,SAAoB;IACtC,OAAO,CAAC,oBAAoB,CAA+B;IAC3D,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAE7B,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAGtC;IAEF,MAAM;
|
|
1
|
+
{"version":3,"file":"ToolbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAO7C,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,+DAA+D;IAC/D,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QAC5B,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;KAC3B,CAAC;IACF,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACzD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,cAAM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,WAAW,SAAoB;IACtC,OAAO,CAAC,oBAAoB,CAA+B;IAC3D,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAE7B,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAGtC;IAEF,MAAM;CAsEP;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -16,7 +16,7 @@ class ToolbarContent extends react_1.Component {
|
|
|
16
16
|
this.labelContainerRef = (0, react_1.createRef)();
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
const _a = this.props, { className, children, isExpanded, toolbarId, visibility, alignItems, clearAllFilters, showClearFiltersButton, clearFiltersButtonText } = _a, props = tslib_1.__rest(_a, ["className", "children", "isExpanded", "toolbarId", "visibility", "alignItems", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText"]);
|
|
19
|
+
const _a = this.props, { className, children, isExpanded, toolbarId, visibility, rowWrap, alignItems, clearAllFilters, showClearFiltersButton, clearFiltersButtonText } = _a, props = tslib_1.__rest(_a, ["className", "children", "isExpanded", "toolbarId", "visibility", "rowWrap", "alignItems", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText"]);
|
|
20
20
|
return ((0, jsx_runtime_1.jsx)(PageContext_1.PageContext.Consumer, { children: ({ width, getBreakpoint }) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(toolbar_1.default.toolbarContent, (0, util_1.formatBreakpointMods)(visibility, toolbar_1.default, '', getBreakpoint(width)), className), ref: this.expandableContentRef }, props, { children: (0, jsx_runtime_1.jsx)(ToolbarUtils_1.ToolbarContext.Consumer, { children: ({ clearAllFilters: clearAllFiltersContext, clearFiltersButtonText: clearFiltersButtonContext, showClearFiltersButton: showClearFiltersButtonContext, isExpanded: isExpandedContext, toolbarId: toolbarIdContext }) => {
|
|
21
21
|
const expandableContentId = `${toolbarId || toolbarIdContext}-expandable-content-${ToolbarContent.currentId++}`;
|
|
22
22
|
return ((0, jsx_runtime_1.jsx)(ToolbarUtils_1.ToolbarContentContext.Provider, { value: {
|
|
@@ -27,7 +27,7 @@ class ToolbarContent extends react_1.Component {
|
|
|
27
27
|
clearAllFilters: clearAllFilters || clearAllFiltersContext,
|
|
28
28
|
clearFiltersButtonText: clearFiltersButtonText || clearFiltersButtonContext,
|
|
29
29
|
showClearFiltersButton: showClearFiltersButton || showClearFiltersButtonContext
|
|
30
|
-
}, children: (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(toolbar_1.default.toolbarContentSection, alignItems === 'center' && toolbar_1.default.modifiers.alignItemsCenter, alignItems === 'start' && toolbar_1.default.modifiers.alignItemsStart, alignItems === 'baseline' && toolbar_1.default.modifiers.alignItemsBaseline), children: children }) }));
|
|
30
|
+
}, children: (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(toolbar_1.default.toolbarContentSection, (0, util_1.formatBreakpointMods)(rowWrap, toolbar_1.default, '', getBreakpoint(width)), alignItems === 'center' && toolbar_1.default.modifiers.alignItemsCenter, alignItems === 'start' && toolbar_1.default.modifiers.alignItemsStart, alignItems === 'baseline' && toolbar_1.default.modifiers.alignItemsBaseline), children: children }) }));
|
|
31
31
|
} }) }))) }));
|
|
32
32
|
}
|
|
33
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA6C;AAC7C,8GAA6E;AAC7E,2DAA+C;AAC/C,iDAAuE;AACvE,6CAA0D;AAC1D,qDAAkD;
|
|
1
|
+
{"version":3,"file":"ToolbarContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA6C;AAC7C,8GAA6E;AAC7E,2DAA+C;AAC/C,iDAAuE;AACvE,6CAA0D;AAC1D,qDAAkD;AAsClD,MAAM,cAAe,SAAQ,iBAA8B;IAA3D;;QAEU,yBAAoB,GAAG,IAAA,iBAAS,GAAkB,CAAC;QACnD,sBAAiB,GAAG,IAAA,iBAAS,GAAkB,CAAC;IA8E1D,CAAC;IAtEC,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,OAAO,EACP,UAAU,EACV,eAAe,EACf,sBAAsB,EACtB,sBAAsB,OAEV,EADT,KAAK,sBAXJ,kKAYL,CAAa,CAAC;QAEf,OAAO,CACL,uBAAC,yBAAW,CAAC,QAAQ,cAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,8CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,iBAAM,CAAC,cAAc,EACrB,IAAA,2BAAoB,EAAC,UAAU,EAAE,iBAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,SAAS,CACV,EACD,GAAG,EAAE,IAAI,CAAC,oBAAoB,IAC1B,KAAK,cAET,uBAAC,6BAAc,CAAC,QAAQ,cACrB,CAAC,EACA,eAAe,EAAE,sBAAsB,EACvC,sBAAsB,EAAE,yBAAyB,EACjD,sBAAsB,EAAE,6BAA6B,EACrD,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,gBAAgB,EAC5B,EAAE,EAAE;wBACH,MAAM,mBAAmB,GAAG,GAC1B,SAAS,IAAI,gBACf,uBAAuB,cAAc,CAAC,SAAS,EAAE,EAAE,CAAC;wBACpD,OAAO,CACL,uBAAC,oCAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;gCACL,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;gCAC/C,mBAAmB;gCACnB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;gCACzC,UAAU,EAAE,UAAU,IAAI,iBAAiB;gCAC3C,eAAe,EAAE,eAAe,IAAI,sBAAsB;gCAC1D,sBAAsB,EAAE,sBAAsB,IAAI,yBAAyB;gCAC3E,sBAAsB,EAAE,sBAAsB,IAAI,6BAA6B;6BAChF,YAED,gCACE,SAAS,EAAE,IAAA,kBAAG,EACZ,iBAAM,CAAC,qBAAqB,EAC5B,IAAA,2BAAoB,EAAC,OAAO,EAAE,iBAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC/D,UAAU,KAAK,QAAQ,IAAI,iBAAM,CAAC,SAAS,CAAC,gBAAgB,EAC5D,UAAU,KAAK,OAAO,IAAI,iBAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,UAAU,KAAK,UAAU,IAAI,iBAAM,CAAC,SAAS,CAAC,kBAAkB,CACjE,YAEA,QAAQ,GACL,GACyB,CAClC,CAAC;oBACJ,CAAC,GACuB,IACtB,CACP,GACoB,CACxB,CAAC;IACJ,CAAC;;AAGM,wCAAc;AAlFd,0BAAW,GAAG,gBAAgB,AAAnB,CAAoB;AAGvB,wBAAS,GAAG,CAAC,AAAJ,CAAK;AAEtB,2BAAY,GAAwB;IACzC,UAAU,EAAE,KAAK;IACjB,sBAAsB,EAAE,KAAK;CAC9B,AAHkB,CAGjB"}
|
|
@@ -55,6 +55,15 @@ export interface ToolbarGroupProps extends Omit<React.HTMLProps<HTMLDivElement>,
|
|
|
55
55
|
xl?: 'rowGapNone' | 'rowGapXs' | 'rowGapSm' | 'rowGapMd' | 'rowGapLg' | 'rowGapXl' | 'rowGap_2xl' | 'rowGap_3xl' | 'rowGap_4xl';
|
|
56
56
|
'2xl'?: 'rowGapNone' | 'rowGapXs' | 'rowGapSm' | 'rowGapMd' | 'rowGapLg' | 'rowGapXl' | 'rowGap_2xl' | 'rowGap_3xl' | 'rowGap_4xl';
|
|
57
57
|
};
|
|
58
|
+
/** Value to set for row wrapping at various breakpoints */
|
|
59
|
+
rowWrap?: {
|
|
60
|
+
default?: 'wrap' | 'nowrap';
|
|
61
|
+
sm?: 'wrap' | 'nowrap';
|
|
62
|
+
md?: 'wrap' | 'nowrap';
|
|
63
|
+
lg?: 'wrap' | 'nowrap';
|
|
64
|
+
xl?: 'wrap' | 'nowrap';
|
|
65
|
+
'2xl'?: 'wrap' | 'nowrap';
|
|
66
|
+
};
|
|
58
67
|
/** Content to be rendered inside the data toolbar group */
|
|
59
68
|
children?: React.ReactNode;
|
|
60
69
|
/** Flag that modifies the toolbar group to hide overflow and respond to available space. Used for horizontal navigation. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ToolbarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"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"}
|