@patternfly/react-core 6.3.0-prerelease.22 → 6.3.0-prerelease.23
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 +6 -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/Button/hamburgerIcon.js +1 -1
- package/dist/esm/components/Button/hamburgerIcon.js.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts +5 -1
- package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSection.js +6 -2
- package/dist/esm/components/ExpandableSection/ExpandableSection.js.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts +2 -0
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js +4 -3
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js.map +1 -1
- package/dist/js/components/Button/hamburgerIcon.js +1 -1
- package/dist/js/components/Button/hamburgerIcon.js.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSection.d.ts +5 -1
- package/dist/js/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSection.js +6 -2
- package/dist/js/components/ExpandableSection/ExpandableSection.js.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts +2 -0
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js +4 -3
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js.map +1 -1
- package/dist/umd/assets/{output-uvU5KOTz.css → output-ftXPKR0C.css} +14667 -14536
- package/dist/umd/react-core.min.js +2 -2
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +6 -6
- package/src/components/Button/hamburgerIcon.tsx +1 -1
- package/src/components/ExpandableSection/ExpandableSection.tsx +13 -1
- package/src/components/ExpandableSection/ExpandableSectionToggle.tsx +5 -1
- package/src/components/ExpandableSection/__tests__/ExpandableSection.test.tsx +85 -23
- package/src/components/ExpandableSection/__tests__/ExpandableSectionToggle.test.tsx +32 -0
- package/src/components/ExpandableSection/__tests__/__snapshots__/ExpandableSection.test.tsx.snap +1 -63
- package/src/components/ExpandableSection/examples/ExpandableSection.md +2 -0
- package/src/components/ExpandableSection/examples/ExpandableSectionDetached.tsx +1 -1
|
@@ -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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","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.3.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.3.0-prerelease.22","private":true}
|
|
@@ -3,5 +3,5 @@ import styles from '@patternfly/react-styles/css/components/Button/button.mjs';
|
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
// Because this is such a specific icon that requires being wrapped in a pf-v[current version]-c-button element,
|
|
5
5
|
// we don't want to export this to consumers nor include it in the react-icons package as a custom icon.
|
|
6
|
-
export const hamburgerIcon = (_jsxs("svg", { viewBox: "0 0 10 10", className:
|
|
6
|
+
export const hamburgerIcon = (_jsxs("svg", { viewBox: "0 0 10 10", className: css(styles.buttonHamburgerIcon, 'pf-v6-svg'), width: "1em", height: "1em", children: [_jsx("path", { className: css(styles.buttonHamburgerIconTop), d: "M1,1 L9,1" }), _jsx("path", { className: css(styles.buttonHamburgerIconMiddle), d: "M1,5 L9,5" }), _jsx("path", { className: css(styles.buttonHamburgerIconArrow), d: "M1,5 L1,5 L1,5" }), _jsx("path", { className: css(styles.buttonHamburgerIconBottom), d: "M9,9 L1,9" })] }));
|
|
7
7
|
//# sourceMappingURL=hamburgerIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hamburgerIcon.js","sourceRoot":"","sources":["../../../../src/components/Button/hamburgerIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,kEAA8D;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,gHAAgH;AAChH,wGAAwG;AACxG,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,eAAK,OAAO,EAAC,WAAW,EAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"hamburgerIcon.js","sourceRoot":"","sources":["../../../../src/components/Button/hamburgerIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,kEAA8D;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,gHAAgH;AAChH,wGAAwG;AACxG,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,eAAK,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,EAAE,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,aACxG,eAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,sBAAsB,CAAC,EAAE,CAAC,EAAC,WAAW,GAAQ,EAC1E,eAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,yBAAyB,CAAC,EAAE,CAAC,EAAC,WAAW,GAAQ,EAC7E,eAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,wBAAwB,CAAC,EAAE,CAAC,EAAC,gBAAgB,GAAQ,EACjF,eAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,yBAAyB,CAAC,EAAE,CAAC,EAAC,WAAW,GAAQ,IACzE,CACP,CAAC"}
|
|
@@ -22,7 +22,7 @@ export interface ExpandableSectionProps extends Omit<React.HTMLProps<HTMLDivElem
|
|
|
22
22
|
toggleId?: string;
|
|
23
23
|
/** Display size variant. Set to "lg" for disclosure styling. */
|
|
24
24
|
displaySize?: 'default' | 'lg';
|
|
25
|
-
/**
|
|
25
|
+
/** Flag indicating that the expandable section and expandable toggle are detached from one another. */
|
|
26
26
|
isDetached?: boolean;
|
|
27
27
|
/** Flag to indicate if the content is expanded. */
|
|
28
28
|
isExpanded?: boolean;
|
|
@@ -54,6 +54,10 @@ export interface ExpandableSectionProps extends Omit<React.HTMLProps<HTMLDivElem
|
|
|
54
54
|
* variant, the expandable content will be truncated after 3 lines by default.
|
|
55
55
|
*/
|
|
56
56
|
variant?: 'default' | 'truncate';
|
|
57
|
+
/** Sets the direction of the expandable animation when isDetached is true. If this prop is not passed,
|
|
58
|
+
* animation will not occur.
|
|
59
|
+
*/
|
|
60
|
+
direction?: 'up' | 'down';
|
|
57
61
|
}
|
|
58
62
|
interface ExpandableSectionState {
|
|
59
63
|
isExpanded: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAK7C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAKvD,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,6CAA6C;AAE7C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,
|
|
1
|
+
{"version":3,"file":"ExpandableSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAK7C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAKvD,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,6CAA6C;AAE7C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,uGAAuG;IACvG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oGAAoG;IACpG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAClE,0FAA0F;IAC1F,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CAC3B;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAeD,cAAM,iBAAkB,SAAQ,SAAS,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IACvF,MAAM,CAAC,WAAW,SAAuB;gBAC7B,KAAK,EAAE,sBAAsB;IAUzC,oBAAoB,4CAA+B;IACnD,QAAQ,EAAE,GAAG,CAAY;IAEzB,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAYvD;IAEF,OAAO,CAAC,mBAAmB;IAe3B,iBAAiB;IAcjB,kBAAkB,CAAC,SAAS,EAAE,sBAAsB;IAWpD,oBAAoB;IAMpB,qBAAqB,aAWnB;IAEF,MAAM,aAQJ;IACF,YAAY,2BAA8B;IAE1C,MAAM;CAsGP;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -13,6 +13,10 @@ export var ExpandableSectionVariant;
|
|
|
13
13
|
ExpandableSectionVariant["default"] = "default";
|
|
14
14
|
ExpandableSectionVariant["truncate"] = "truncate";
|
|
15
15
|
})(ExpandableSectionVariant || (ExpandableSectionVariant = {}));
|
|
16
|
+
const directionClassMap = {
|
|
17
|
+
up: styles.modifiers.expandTop,
|
|
18
|
+
down: styles.modifiers.expandBottom
|
|
19
|
+
};
|
|
16
20
|
const setLineClamp = (lines, element) => {
|
|
17
21
|
if (!element || lines < 1) {
|
|
18
22
|
return;
|
|
@@ -87,7 +91,7 @@ class ExpandableSection extends Component {
|
|
|
87
91
|
render() {
|
|
88
92
|
const _a = this.props, { onToggle: onToggleProp, className, toggleText, toggleTextExpanded, toggleTextCollapsed, toggleContent, children, isExpanded, isDetached, displaySize, isWidthLimited, isIndented, contentId, toggleId, variant,
|
|
89
93
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
90
|
-
truncateMaxLines } = _a, props = __rest(_a, ["onToggle", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId", "toggleId", "variant", "truncateMaxLines"]);
|
|
94
|
+
truncateMaxLines, direction } = _a, props = __rest(_a, ["onToggle", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId", "toggleId", "variant", "truncateMaxLines", "direction"]);
|
|
91
95
|
if (isDetached && !toggleId) {
|
|
92
96
|
/* eslint-disable no-console */
|
|
93
97
|
console.warn('ExpandableSection: The toggleId value must be passed in and must match the toggleId of the ExpandableSectionToggle.');
|
|
@@ -107,7 +111,7 @@ class ExpandableSection extends Component {
|
|
|
107
111
|
const expandableToggle = !isDetached && (_jsx("div", { className: `${styles.expandableSection}__toggle`, children: _jsx(Button, Object.assign({ variant: "link" }, (variant === ExpandableSectionVariant.truncate && { isInline: true }), { "aria-expanded": propOrStateIsExpanded, "aria-controls": uniqueContentId, id: uniqueToggleId, onClick: (event) => onToggle(event, !propOrStateIsExpanded) }, (variant !== ExpandableSectionVariant.truncate && {
|
|
108
112
|
icon: (_jsx("span", { className: css(styles.expandableSectionToggleIcon), children: _jsx(AngleRightIcon, {}) }))
|
|
109
113
|
}), { children: toggleContent || computedToggleText })) }));
|
|
110
|
-
return (_jsxs("div", Object.assign({ className: css(styles.expandableSection, propOrStateIsExpanded && styles.modifiers.expanded, displaySize === 'lg' && styles.modifiers.displayLg, isWidthLimited && styles.modifiers.limitWidth, isIndented && styles.modifiers.indented, variant === ExpandableSectionVariant.truncate && styles.modifiers.truncate, className) }, props, { children: [variant === ExpandableSectionVariant.default && expandableToggle, _jsx("div", { ref: this.expandableContentRef, className: css(styles.expandableSectionContent), hidden: variant !== ExpandableSectionVariant.truncate && !propOrStateIsExpanded, id: uniqueContentId, "aria-labelledby": uniqueToggleId, role: "region", children: children }), variant === ExpandableSectionVariant.truncate && this.state.hasToggle && expandableToggle] })));
|
|
114
|
+
return (_jsxs("div", Object.assign({ className: css(styles.expandableSection, propOrStateIsExpanded && styles.modifiers.expanded, displaySize === 'lg' && styles.modifiers.displayLg, isWidthLimited && styles.modifiers.limitWidth, isIndented && styles.modifiers.indented, isDetached && direction && directionClassMap[direction], isDetached && direction && 'pf-m-detached', variant === ExpandableSectionVariant.truncate && styles.modifiers.truncate, className) }, props, { children: [variant === ExpandableSectionVariant.default && expandableToggle, _jsx("div", { ref: this.expandableContentRef, className: css(styles.expandableSectionContent), hidden: variant !== ExpandableSectionVariant.truncate && !propOrStateIsExpanded, id: uniqueContentId, "aria-labelledby": uniqueToggleId, role: "region", children: children }), variant === ExpandableSectionVariant.truncate && this.state.hasToggle && expandableToggle] })));
|
|
111
115
|
}
|
|
112
116
|
}
|
|
113
117
|
ExpandableSection.displayName = 'ExpandableSection';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSection.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,yFAAqF;AAClG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,SAAS,MAAM,sFAAsF,CAAC;AAC7G,OAAO,cAAc,MAAM,yDAAyD,CAAC;AAErF,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,CAAN,IAAY,wBAGX;AAHD,WAAY,wBAAwB;IAClC,+CAAmB,CAAA;IACnB,iDAAqB,CAAA;AACvB,CAAC,EAHW,wBAAwB,KAAxB,wBAAwB,QAGnC;
|
|
1
|
+
{"version":3,"file":"ExpandableSection.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,6 +23,8 @@ export interface ExpandableSectionToggleProps extends Omit<React.HTMLProps<HTMLD
|
|
|
23
23
|
isExpanded?: boolean;
|
|
24
24
|
/** Callback function to toggle the expandable content. */
|
|
25
25
|
onToggle?: (isExpanded: boolean) => void;
|
|
26
|
+
/** Flag indicating that the expandable section and expandable toggle are detached from one another. */
|
|
27
|
+
isDetached?: boolean;
|
|
26
28
|
}
|
|
27
29
|
export declare const ExpandableSectionToggle: React.FunctionComponent<ExpandableSectionToggleProps>;
|
|
28
30
|
//# sourceMappingURL=ExpandableSectionToggle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSectionToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";AAKA;;GAEG;AAEH,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrG,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uFAAuF;IACvF,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableSectionToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";AAKA;;GAEG;AAEH,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrG,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uFAAuF;IACvF,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,uGAAuG;IACvG,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CA+CzF,CAAC"}
|
|
@@ -5,9 +5,10 @@ import { css } from '@patternfly/react-styles';
|
|
|
5
5
|
import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
|
|
6
6
|
import { Button } from '../Button';
|
|
7
7
|
export const ExpandableSectionToggle = (_a) => {
|
|
8
|
-
var { children, className = '', isExpanded = false, onToggle, contentId, toggleId, direction = 'down', hasTruncatedContent = false } = _a, props = __rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "toggleId", "direction", "hasTruncatedContent"]);
|
|
9
|
-
return (_jsx("div", Object.assign({ className: css(styles.expandableSection, isExpanded && styles.modifiers.expanded, hasTruncatedContent && styles.modifiers.truncate, className) }, props, { children: _jsx("div", { className: `${styles.expandableSection}__toggle`, children: _jsx(Button, Object.assign({ variant: "link" }, (hasTruncatedContent && { isInline: true }), { "aria-expanded": isExpanded, "aria-controls": contentId, onClick: () => onToggle(!isExpanded), id: toggleId }, (!hasTruncatedContent && {
|
|
10
|
-
icon: (_jsx("span", { className: css(styles.expandableSectionToggleIcon, isExpanded && direction === 'up' && styles.modifiers.expandTop
|
|
8
|
+
var { children, className = '', isExpanded = false, onToggle, contentId, toggleId, direction = 'down', hasTruncatedContent = false, isDetached } = _a, props = __rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "toggleId", "direction", "hasTruncatedContent", "isDetached"]);
|
|
9
|
+
return (_jsx("div", Object.assign({ className: css(styles.expandableSection, isExpanded && styles.modifiers.expanded, hasTruncatedContent && styles.modifiers.truncate, isDetached && 'pf-m-detached', className) }, props, { children: _jsx("div", { className: `${styles.expandableSection}__toggle`, children: _jsx(Button, Object.assign({ variant: "link" }, (hasTruncatedContent && { isInline: true }), { "aria-expanded": isExpanded, "aria-controls": contentId, onClick: () => onToggle(!isExpanded), id: toggleId }, (!hasTruncatedContent && {
|
|
10
|
+
icon: (_jsx("span", { className: css(styles.expandableSectionToggleIcon, isExpanded && direction === 'up' && styles.modifiers.expandTop // TODO: next breaking change move this class to the outer styles.expandableSection wrapper
|
|
11
|
+
), children: _jsx(AngleRightIcon, {}) }))
|
|
11
12
|
}), { children: children })) }) })));
|
|
12
13
|
};
|
|
13
14
|
ExpandableSectionToggle.displayName = 'ExpandableSectionToggle';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSectionToggle.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,yFAAqF;AAClG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableSectionToggle.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,yFAAqF;AAClG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AA+BnC,MAAM,CAAC,MAAM,uBAAuB,GAA0D,CAAC,EAWhE,EAAE,EAAE;QAX4D,EAC7F,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,MAAM,EAClB,mBAAmB,GAAG,KAAK,EAC3B,UAAU,OAEmB,EAD1B,KAAK,cAVqF,8HAW9F,CADS;IAC0B,OAAA,CAClC,4BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,iBAAiB,EACxB,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,mBAAmB,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAChD,UAAU,IAAI,eAAe,EAC7B,SAAS,CACV,IACG,KAAK,cAET,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,UAAU,YACnD,KAAC,MAAM,kBACL,OAAO,EAAC,MAAM,IACV,CAAC,mBAAmB,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,qBAChC,UAAU,mBACV,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,EACpC,EAAE,EAAE,QAAQ,IACR,CAAC,CAAC,mBAAmB,IAAI;gBAC3B,IAAI,EAAE,CACJ,eACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,2BAA2B,EAClC,UAAU,IAAI,SAAS,KAAK,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,2FAA2F;qBAC3J,YAED,KAAC,cAAc,KAAG,GACb,CACR;aACF,CAAC,cAED,QAAQ,IACF,GACL,IACF,CACP,CAAA;CAAA,CAAC;AAEF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
|
|
@@ -7,5 +7,5 @@ const button_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/c
|
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
// Because this is such a specific icon that requires being wrapped in a pf-v[current version]-c-button element,
|
|
9
9
|
// we don't want to export this to consumers nor include it in the react-icons package as a custom icon.
|
|
10
|
-
exports.hamburgerIcon = ((0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 10 10", className:
|
|
10
|
+
exports.hamburgerIcon = ((0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 10 10", className: (0, react_styles_1.css)(button_1.default.buttonHamburgerIcon, 'pf-v6-svg'), width: "1em", height: "1em", children: [(0, jsx_runtime_1.jsx)("path", { className: (0, react_styles_1.css)(button_1.default.buttonHamburgerIconTop), d: "M1,1 L9,1" }), (0, jsx_runtime_1.jsx)("path", { className: (0, react_styles_1.css)(button_1.default.buttonHamburgerIconMiddle), d: "M1,5 L9,5" }), (0, jsx_runtime_1.jsx)("path", { className: (0, react_styles_1.css)(button_1.default.buttonHamburgerIconArrow), d: "M1,5 L1,5 L1,5" }), (0, jsx_runtime_1.jsx)("path", { className: (0, react_styles_1.css)(button_1.default.buttonHamburgerIconBottom), d: "M9,9 L1,9" })] }));
|
|
11
11
|
//# sourceMappingURL=hamburgerIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hamburgerIcon.js","sourceRoot":"","sources":["../../../../src/components/Button/hamburgerIcon.tsx"],"names":[],"mappings":";;;;;AAAA,2GAA2E;AAC3E,2DAA+C;AAE/C,gHAAgH;AAChH,wGAAwG;AAC3F,QAAA,aAAa,GAAG,CAC3B,iCAAK,OAAO,EAAC,WAAW,EAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"hamburgerIcon.js","sourceRoot":"","sources":["../../../../src/components/Button/hamburgerIcon.tsx"],"names":[],"mappings":";;;;;AAAA,2GAA2E;AAC3E,2DAA+C;AAE/C,gHAAgH;AAChH,wGAAwG;AAC3F,QAAA,aAAa,GAAG,CAC3B,iCAAK,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,EAAE,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,aACxG,iCAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,sBAAsB,CAAC,EAAE,CAAC,EAAC,WAAW,GAAQ,EAC1E,iCAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,yBAAyB,CAAC,EAAE,CAAC,EAAC,WAAW,GAAQ,EAC7E,iCAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,wBAAwB,CAAC,EAAE,CAAC,EAAC,gBAAgB,GAAQ,EACjF,iCAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,yBAAyB,CAAC,EAAE,CAAC,EAAC,WAAW,GAAQ,IACzE,CACP,CAAC"}
|
|
@@ -22,7 +22,7 @@ export interface ExpandableSectionProps extends Omit<React.HTMLProps<HTMLDivElem
|
|
|
22
22
|
toggleId?: string;
|
|
23
23
|
/** Display size variant. Set to "lg" for disclosure styling. */
|
|
24
24
|
displaySize?: 'default' | 'lg';
|
|
25
|
-
/**
|
|
25
|
+
/** Flag indicating that the expandable section and expandable toggle are detached from one another. */
|
|
26
26
|
isDetached?: boolean;
|
|
27
27
|
/** Flag to indicate if the content is expanded. */
|
|
28
28
|
isExpanded?: boolean;
|
|
@@ -54,6 +54,10 @@ export interface ExpandableSectionProps extends Omit<React.HTMLProps<HTMLDivElem
|
|
|
54
54
|
* variant, the expandable content will be truncated after 3 lines by default.
|
|
55
55
|
*/
|
|
56
56
|
variant?: 'default' | 'truncate';
|
|
57
|
+
/** Sets the direction of the expandable animation when isDetached is true. If this prop is not passed,
|
|
58
|
+
* animation will not occur.
|
|
59
|
+
*/
|
|
60
|
+
direction?: 'up' | 'down';
|
|
57
61
|
}
|
|
58
62
|
interface ExpandableSectionState {
|
|
59
63
|
isExpanded: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAK7C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAKvD,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,6CAA6C;AAE7C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,
|
|
1
|
+
{"version":3,"file":"ExpandableSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAK7C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAKvD,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,6CAA6C;AAE7C,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,uGAAuG;IACvG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oGAAoG;IACpG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAClE,0FAA0F;IAC1F,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CAC3B;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAeD,cAAM,iBAAkB,SAAQ,SAAS,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IACvF,MAAM,CAAC,WAAW,SAAuB;gBAC7B,KAAK,EAAE,sBAAsB;IAUzC,oBAAoB,4CAA+B;IACnD,QAAQ,EAAE,GAAG,CAAY;IAEzB,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAYvD;IAEF,OAAO,CAAC,mBAAmB;IAe3B,iBAAiB;IAcjB,kBAAkB,CAAC,SAAS,EAAE,sBAAsB;IAWpD,oBAAoB;IAMpB,qBAAqB,aAWnB;IAEF,MAAM,aAQJ;IACF,YAAY,2BAA8B;IAE1C,MAAM;CAsGP;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -16,6 +16,10 @@ var ExpandableSectionVariant;
|
|
|
16
16
|
ExpandableSectionVariant["default"] = "default";
|
|
17
17
|
ExpandableSectionVariant["truncate"] = "truncate";
|
|
18
18
|
})(ExpandableSectionVariant || (exports.ExpandableSectionVariant = ExpandableSectionVariant = {}));
|
|
19
|
+
const directionClassMap = {
|
|
20
|
+
up: expandable_section_1.default.modifiers.expandTop,
|
|
21
|
+
down: expandable_section_1.default.modifiers.expandBottom
|
|
22
|
+
};
|
|
19
23
|
const setLineClamp = (lines, element) => {
|
|
20
24
|
if (!element || lines < 1) {
|
|
21
25
|
return;
|
|
@@ -90,7 +94,7 @@ class ExpandableSection extends react_1.Component {
|
|
|
90
94
|
render() {
|
|
91
95
|
const _a = this.props, { onToggle: onToggleProp, className, toggleText, toggleTextExpanded, toggleTextCollapsed, toggleContent, children, isExpanded, isDetached, displaySize, isWidthLimited, isIndented, contentId, toggleId, variant,
|
|
92
96
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
93
|
-
truncateMaxLines } = _a, props = tslib_1.__rest(_a, ["onToggle", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId", "toggleId", "variant", "truncateMaxLines"]);
|
|
97
|
+
truncateMaxLines, direction } = _a, props = tslib_1.__rest(_a, ["onToggle", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId", "toggleId", "variant", "truncateMaxLines", "direction"]);
|
|
94
98
|
if (isDetached && !toggleId) {
|
|
95
99
|
/* eslint-disable no-console */
|
|
96
100
|
console.warn('ExpandableSection: The toggleId value must be passed in and must match the toggleId of the ExpandableSectionToggle.');
|
|
@@ -110,7 +114,7 @@ class ExpandableSection extends react_1.Component {
|
|
|
110
114
|
const expandableToggle = !isDetached && ((0, jsx_runtime_1.jsx)("div", { className: `${expandable_section_1.default.expandableSection}__toggle`, children: (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "link" }, (variant === ExpandableSectionVariant.truncate && { isInline: true }), { "aria-expanded": propOrStateIsExpanded, "aria-controls": uniqueContentId, id: uniqueToggleId, onClick: (event) => onToggle(event, !propOrStateIsExpanded) }, (variant !== ExpandableSectionVariant.truncate && {
|
|
111
115
|
icon: ((0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(expandable_section_1.default.expandableSectionToggleIcon), children: (0, jsx_runtime_1.jsx)(angle_right_icon_1.default, {}) }))
|
|
112
116
|
}), { children: toggleContent || computedToggleText })) }));
|
|
113
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_styles_1.css)(expandable_section_1.default.expandableSection, propOrStateIsExpanded && expandable_section_1.default.modifiers.expanded, displaySize === 'lg' && expandable_section_1.default.modifiers.displayLg, isWidthLimited && expandable_section_1.default.modifiers.limitWidth, isIndented && expandable_section_1.default.modifiers.indented, variant === ExpandableSectionVariant.truncate && expandable_section_1.default.modifiers.truncate, className) }, props, { children: [variant === ExpandableSectionVariant.default && expandableToggle, (0, jsx_runtime_1.jsx)("div", { ref: this.expandableContentRef, className: (0, react_styles_1.css)(expandable_section_1.default.expandableSectionContent), hidden: variant !== ExpandableSectionVariant.truncate && !propOrStateIsExpanded, id: uniqueContentId, "aria-labelledby": uniqueToggleId, role: "region", children: children }), variant === ExpandableSectionVariant.truncate && this.state.hasToggle && expandableToggle] })));
|
|
117
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_styles_1.css)(expandable_section_1.default.expandableSection, propOrStateIsExpanded && expandable_section_1.default.modifiers.expanded, displaySize === 'lg' && expandable_section_1.default.modifiers.displayLg, isWidthLimited && expandable_section_1.default.modifiers.limitWidth, isIndented && expandable_section_1.default.modifiers.indented, isDetached && direction && directionClassMap[direction], isDetached && direction && 'pf-m-detached', variant === ExpandableSectionVariant.truncate && expandable_section_1.default.modifiers.truncate, className) }, props, { children: [variant === ExpandableSectionVariant.default && expandableToggle, (0, jsx_runtime_1.jsx)("div", { ref: this.expandableContentRef, className: (0, react_styles_1.css)(expandable_section_1.default.expandableSectionContent), hidden: variant !== ExpandableSectionVariant.truncate && !propOrStateIsExpanded, id: uniqueContentId, "aria-labelledby": uniqueToggleId, role: "region", children: children }), variant === ExpandableSectionVariant.truncate && this.state.hasToggle && expandableToggle] })));
|
|
114
118
|
}
|
|
115
119
|
}
|
|
116
120
|
exports.ExpandableSection = ExpandableSection;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSection.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA6C;AAC7C,8IAAkG;AAClG,2DAA+C;;;AAI/C,6CAA2D;AAC3D,iEAAiE;AACjE,sCAAmC;AAEnC,IAAY,wBAGX;AAHD,WAAY,wBAAwB;IAClC,+CAAmB,CAAA;IACnB,iDAAqB,CAAA;AACvB,CAAC,EAHW,wBAAwB,wCAAxB,wBAAwB,QAGnC;
|
|
1
|
+
{"version":3,"file":"ExpandableSection.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,6 +23,8 @@ export interface ExpandableSectionToggleProps extends Omit<React.HTMLProps<HTMLD
|
|
|
23
23
|
isExpanded?: boolean;
|
|
24
24
|
/** Callback function to toggle the expandable content. */
|
|
25
25
|
onToggle?: (isExpanded: boolean) => void;
|
|
26
|
+
/** Flag indicating that the expandable section and expandable toggle are detached from one another. */
|
|
27
|
+
isDetached?: boolean;
|
|
26
28
|
}
|
|
27
29
|
export declare const ExpandableSectionToggle: React.FunctionComponent<ExpandableSectionToggleProps>;
|
|
28
30
|
//# sourceMappingURL=ExpandableSectionToggle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSectionToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";AAKA;;GAEG;AAEH,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrG,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uFAAuF;IACvF,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableSectionToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";AAKA;;GAEG;AAEH,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrG,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uFAAuF;IACvF,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,uGAAuG;IACvG,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CA+CzF,CAAC"}
|
|
@@ -8,9 +8,10 @@ const react_styles_1 = require("@patternfly/react-styles");
|
|
|
8
8
|
const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/angle-right-icon'));
|
|
9
9
|
const Button_1 = require("../Button");
|
|
10
10
|
const ExpandableSectionToggle = (_a) => {
|
|
11
|
-
var { children, className = '', isExpanded = false, onToggle, contentId, toggleId, direction = 'down', hasTruncatedContent = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "toggleId", "direction", "hasTruncatedContent"]);
|
|
12
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(expandable_section_1.default.expandableSection, isExpanded && expandable_section_1.default.modifiers.expanded, hasTruncatedContent && expandable_section_1.default.modifiers.truncate, className) }, props, { children: (0, jsx_runtime_1.jsx)("div", { className: `${expandable_section_1.default.expandableSection}__toggle`, children: (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "link" }, (hasTruncatedContent && { isInline: true }), { "aria-expanded": isExpanded, "aria-controls": contentId, onClick: () => onToggle(!isExpanded), id: toggleId }, (!hasTruncatedContent && {
|
|
13
|
-
icon: ((0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(expandable_section_1.default.expandableSectionToggleIcon, isExpanded && direction === 'up' && expandable_section_1.default.modifiers.expandTop
|
|
11
|
+
var { children, className = '', isExpanded = false, onToggle, contentId, toggleId, direction = 'down', hasTruncatedContent = false, isDetached } = _a, props = tslib_1.__rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "toggleId", "direction", "hasTruncatedContent", "isDetached"]);
|
|
12
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(expandable_section_1.default.expandableSection, isExpanded && expandable_section_1.default.modifiers.expanded, hasTruncatedContent && expandable_section_1.default.modifiers.truncate, isDetached && 'pf-m-detached', className) }, props, { children: (0, jsx_runtime_1.jsx)("div", { className: `${expandable_section_1.default.expandableSection}__toggle`, children: (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "link" }, (hasTruncatedContent && { isInline: true }), { "aria-expanded": isExpanded, "aria-controls": contentId, onClick: () => onToggle(!isExpanded), id: toggleId }, (!hasTruncatedContent && {
|
|
13
|
+
icon: ((0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(expandable_section_1.default.expandableSectionToggleIcon, isExpanded && direction === 'up' && expandable_section_1.default.modifiers.expandTop // TODO: next breaking change move this class to the outer styles.expandableSection wrapper
|
|
14
|
+
), children: (0, jsx_runtime_1.jsx)(angle_right_icon_1.default, {}) }))
|
|
14
15
|
}), { children: children })) }) })));
|
|
15
16
|
};
|
|
16
17
|
exports.ExpandableSectionToggle = ExpandableSectionToggle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSectionToggle.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";;;;;AAAA,8IAAkG;AAClG,2DAA+C;;AAE/C,sCAAmC;
|
|
1
|
+
{"version":3,"file":"ExpandableSectionToggle.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSectionToggle.tsx"],"names":[],"mappings":";;;;;AAAA,8IAAkG;AAClG,2DAA+C;;AAE/C,sCAAmC;AA+B5B,MAAM,uBAAuB,GAA0D,CAAC,EAWhE,EAAE,EAAE;QAX4D,EAC7F,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,MAAM,EAClB,mBAAmB,GAAG,KAAK,EAC3B,UAAU,OAEmB,EAD1B,KAAK,sBAVqF,8HAW9F,CADS;IAC0B,OAAA,CAClC,8CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,4BAAM,CAAC,iBAAiB,EACxB,UAAU,IAAI,4BAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,mBAAmB,IAAI,4BAAM,CAAC,SAAS,CAAC,QAAQ,EAChD,UAAU,IAAI,eAAe,EAC7B,SAAS,CACV,IACG,KAAK,cAET,gCAAK,SAAS,EAAE,GAAG,4BAAM,CAAC,iBAAiB,UAAU,YACnD,uBAAC,eAAM,kBACL,OAAO,EAAC,MAAM,IACV,CAAC,mBAAmB,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,qBAChC,UAAU,mBACV,SAAS,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,EACpC,EAAE,EAAE,QAAQ,IACR,CAAC,CAAC,mBAAmB,IAAI;gBAC3B,IAAI,EAAE,CACJ,iCACE,SAAS,EAAE,IAAA,kBAAG,EACZ,4BAAM,CAAC,2BAA2B,EAClC,UAAU,IAAI,SAAS,KAAK,IAAI,IAAI,4BAAM,CAAC,SAAS,CAAC,SAAS,CAAC,2FAA2F;qBAC3J,YAED,uBAAC,0BAAc,KAAG,GACb,CACR;aACF,CAAC,cAED,QAAQ,IACF,GACL,IACF,CACP,CAAA;CAAA,CAAC;AA/CW,QAAA,uBAAuB,2BA+ClC;AAEF,+BAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
|