@patternfly/react-core 6.5.0-prerelease.3 → 6.5.0-prerelease.4
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/Compass/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/AnimationsProvider/AnimationsProvider/package.json +1 -1
- package/dist/dynamic/helpers/AnimationsProvider/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/ExpandableSection/ExpandableSection.d.ts +5 -0
- package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSection.js +3 -2
- package/dist/esm/components/ExpandableSection/ExpandableSection.js.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts +5 -0
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js +3 -2
- package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSection.d.ts +5 -0
- package/dist/js/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSection.js +3 -2
- package/dist/js/components/ExpandableSection/ExpandableSection.js.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts +5 -0
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js +3 -2
- package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js.map +1 -1
- package/dist/umd/assets/{output-b6v4lKPy.css → output-TagVdL0S.css} +13413 -13413
- 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/ExpandableSection/ExpandableSection.tsx +9 -2
- package/src/components/ExpandableSection/ExpandableSectionToggle.tsx +48 -38
- package/src/components/ExpandableSection/__tests__/ExpandableSection.test.tsx +29 -0
- package/src/components/ExpandableSection/__tests__/ExpandableSectionToggle.test.tsx +28 -0
- package/src/components/ExpandableSection/examples/ExpandableSection.md +8 -0
- package/src/components/ExpandableSection/examples/ExpandableSectionCustomToggle.tsx +31 -16
- package/src/components/ExpandableSection/examples/ExpandableSectionWithHeading.tsx +89 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-animationsprovider-dynamic","main":"../../../js/helpers/AnimationsProvider/index.js","module":"../../../esm/helpers/AnimationsProvider/index.js","typings":"../../../esm/helpers/AnimationsProvider/index.d.ts","version":"6.5.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-animationsprovider-dynamic","main":"../../../js/helpers/AnimationsProvider/index.js","module":"../../../esm/helpers/AnimationsProvider/index.js","typings":"../../../esm/helpers/AnimationsProvider/index.d.ts","version":"6.5.0-prerelease.3","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-focustrap.js-dynamic","main":"../../../../js/helpers/FocusTrap/FocusTrap.js","module":"../../../../esm/helpers/FocusTrap/FocusTrap.js","typings":"../../../../esm/helpers/FocusTrap/FocusTrap.d.ts","version":"6.5.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-core-focustrap.js-dynamic","main":"../../../../js/helpers/FocusTrap/FocusTrap.js","module":"../../../../esm/helpers/FocusTrap/FocusTrap.js","typings":"../../../../esm/helpers/FocusTrap/FocusTrap.d.ts","version":"6.5.0-prerelease.3","private":true}
|
|
@@ -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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","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.5.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.5.0-prerelease.3","private":true}
|
|
@@ -64,6 +64,11 @@ export interface ExpandableSectionProps extends Omit<React.HTMLProps<HTMLDivElem
|
|
|
64
64
|
* animation will not occur.
|
|
65
65
|
*/
|
|
66
66
|
direction?: 'up' | 'down';
|
|
67
|
+
/** The HTML element to use for the toggle wrapper. Can be 'div' (default) or any heading level.
|
|
68
|
+
* When using heading elements, the button will be rendered inside the heading for proper semantics.
|
|
69
|
+
* This is useful when the toggle text should function as a heading in the document structure.
|
|
70
|
+
*/
|
|
71
|
+
toggleWrapper?: 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
67
72
|
}
|
|
68
73
|
interface ExpandableSectionState {
|
|
69
74
|
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,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;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7E,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mFAAmF;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;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;
|
|
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;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7E,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mFAAmF;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;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;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACjE;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,CAcvD;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;CA+GP;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -91,7 +91,7 @@ class ExpandableSection extends Component {
|
|
|
91
91
|
render() {
|
|
92
92
|
const _a = this.props, { onToggle: onToggleProp, className, toggleText, toggleTextExpanded, toggleTextCollapsed, toggleContent, toggleAriaLabel, toggleAriaLabelledBy, children, isExpanded, isDetached, displaySize, isWidthLimited, isIndented, contentId, toggleId, variant,
|
|
93
93
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
94
|
-
truncateMaxLines, direction } = _a, props = __rest(_a, ["onToggle", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "toggleAriaLabel", "toggleAriaLabelledBy", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId", "toggleId", "variant", "truncateMaxLines", "direction"]);
|
|
94
|
+
truncateMaxLines, direction, toggleWrapper = 'div' } = _a, props = __rest(_a, ["onToggle", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "toggleAriaLabel", "toggleAriaLabelledBy", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId", "toggleId", "variant", "truncateMaxLines", "direction", "toggleWrapper"]);
|
|
95
95
|
if (isDetached && !toggleId) {
|
|
96
96
|
/* eslint-disable no-console */
|
|
97
97
|
console.warn('ExpandableSection: The toggleId value must be passed in and must match the toggleId of the ExpandableSectionToggle.');
|
|
@@ -109,7 +109,8 @@ class ExpandableSection extends Component {
|
|
|
109
109
|
}
|
|
110
110
|
const computedToggleText = this.calculateToggleText(toggleText, toggleTextExpanded, toggleTextCollapsed, propOrStateIsExpanded);
|
|
111
111
|
const computedToggleContent = typeof toggleContent === 'function' ? toggleContent(propOrStateIsExpanded) : toggleContent;
|
|
112
|
-
const
|
|
112
|
+
const ToggleWrapper = toggleWrapper;
|
|
113
|
+
const expandableToggle = !isDetached && (_jsx(ToggleWrapper, { 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 && {
|
|
113
114
|
icon: (_jsx("span", { className: css(styles.expandableSectionToggleIcon), children: _jsx(AngleRightIcon, {}) }))
|
|
114
115
|
}), { "aria-label": toggleAriaLabel, "aria-labelledby": toggleAriaLabelledBy, children: computedToggleContent || computedToggleText })) }));
|
|
115
116
|
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] })));
|
|
@@ -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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"}
|
|
@@ -29,6 +29,11 @@ export interface ExpandableSectionToggleProps extends Omit<React.HTMLProps<HTMLD
|
|
|
29
29
|
toggleAriaLabel?: string;
|
|
30
30
|
/** Accessible name via space delimtted list of IDs for the expandable section toggle. */
|
|
31
31
|
toggleAriaLabelledBy?: string;
|
|
32
|
+
/** The HTML element to use for the toggle wrapper. Can be 'div' (default) or any heading level.
|
|
33
|
+
* When using heading elements, the button will be rendered inside the heading for proper semantics.
|
|
34
|
+
* This is useful when the toggle text should function as a heading in the document structure.
|
|
35
|
+
*/
|
|
36
|
+
toggleWrapper?: 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
32
37
|
}
|
|
33
38
|
export declare const ExpandableSectionToggle: React.FunctionComponent<ExpandableSectionToggleProps>;
|
|
34
39
|
//# 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;IACzC,uGAAuG;IACvG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,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;IACrB,mFAAmF;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CAwDzF,CAAC"}
|
|
@@ -5,8 +5,9 @@ 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, isDetached, toggleAriaLabel, toggleAriaLabelledBy } = _a, props = __rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "toggleId", "direction", "hasTruncatedContent", "isDetached", "toggleAriaLabel", "toggleAriaLabelledBy"]);
|
|
9
|
-
|
|
8
|
+
var { children, className = '', isExpanded = false, onToggle, contentId, toggleId, direction = 'down', hasTruncatedContent = false, isDetached, toggleAriaLabel, toggleAriaLabelledBy, toggleWrapper = 'div' } = _a, props = __rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "toggleId", "direction", "hasTruncatedContent", "isDetached", "toggleAriaLabel", "toggleAriaLabelledBy", "toggleWrapper"]);
|
|
9
|
+
const ToggleWrapper = toggleWrapper;
|
|
10
|
+
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(ToggleWrapper, { 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
11
|
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
12
|
), children: _jsx(AngleRightIcon, {}) }))
|
|
12
13
|
}), { "aria-label": toggleAriaLabel, "aria-labelledby": toggleAriaLabelledBy, children: children })) }) })));
|
|
@@ -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;AAwCnC,MAAM,CAAC,MAAM,uBAAuB,GAA0D,CAAC,EAchE,EAAE,EAAE;QAd4D,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,EACV,eAAe,EACf,oBAAoB,EACpB,aAAa,GAAG,KAAK,OAEQ,EAD1B,KAAK,cAbqF,0LAc9F,CADS;IAER,MAAM,aAAa,GAAG,aAAoB,CAAC;IAE3C,OAAO,CACL,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,KAAC,aAAa,IAAC,SAAS,EAAE,GAAG,MAAM,CAAC,iBAAiB,UAAU,YAC7D,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,kBACU,eAAe,qBACV,oBAAoB,YAEpC,QAAQ,IACF,GACK,IACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
|
|
@@ -64,6 +64,11 @@ export interface ExpandableSectionProps extends Omit<React.HTMLProps<HTMLDivElem
|
|
|
64
64
|
* animation will not occur.
|
|
65
65
|
*/
|
|
66
66
|
direction?: 'up' | 'down';
|
|
67
|
+
/** The HTML element to use for the toggle wrapper. Can be 'div' (default) or any heading level.
|
|
68
|
+
* When using heading elements, the button will be rendered inside the heading for proper semantics.
|
|
69
|
+
* This is useful when the toggle text should function as a heading in the document structure.
|
|
70
|
+
*/
|
|
71
|
+
toggleWrapper?: 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
67
72
|
}
|
|
68
73
|
interface ExpandableSectionState {
|
|
69
74
|
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,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;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7E,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mFAAmF;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;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;
|
|
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;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC7E,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mFAAmF;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;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;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACjE;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,CAcvD;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;CA+GP;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -94,7 +94,7 @@ class ExpandableSection extends react_1.Component {
|
|
|
94
94
|
render() {
|
|
95
95
|
const _a = this.props, { onToggle: onToggleProp, className, toggleText, toggleTextExpanded, toggleTextCollapsed, toggleContent, toggleAriaLabel, toggleAriaLabelledBy, children, isExpanded, isDetached, displaySize, isWidthLimited, isIndented, contentId, toggleId, variant,
|
|
96
96
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
97
|
-
truncateMaxLines, direction } = _a, props = tslib_1.__rest(_a, ["onToggle", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "toggleAriaLabel", "toggleAriaLabelledBy", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId", "toggleId", "variant", "truncateMaxLines", "direction"]);
|
|
97
|
+
truncateMaxLines, direction, toggleWrapper = 'div' } = _a, props = tslib_1.__rest(_a, ["onToggle", "className", "toggleText", "toggleTextExpanded", "toggleTextCollapsed", "toggleContent", "toggleAriaLabel", "toggleAriaLabelledBy", "children", "isExpanded", "isDetached", "displaySize", "isWidthLimited", "isIndented", "contentId", "toggleId", "variant", "truncateMaxLines", "direction", "toggleWrapper"]);
|
|
98
98
|
if (isDetached && !toggleId) {
|
|
99
99
|
/* eslint-disable no-console */
|
|
100
100
|
console.warn('ExpandableSection: The toggleId value must be passed in and must match the toggleId of the ExpandableSectionToggle.');
|
|
@@ -112,7 +112,8 @@ class ExpandableSection extends react_1.Component {
|
|
|
112
112
|
}
|
|
113
113
|
const computedToggleText = this.calculateToggleText(toggleText, toggleTextExpanded, toggleTextCollapsed, propOrStateIsExpanded);
|
|
114
114
|
const computedToggleContent = typeof toggleContent === 'function' ? toggleContent(propOrStateIsExpanded) : toggleContent;
|
|
115
|
-
const
|
|
115
|
+
const ToggleWrapper = toggleWrapper;
|
|
116
|
+
const expandableToggle = !isDetached && ((0, jsx_runtime_1.jsx)(ToggleWrapper, { 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 && {
|
|
116
117
|
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, {}) }))
|
|
117
118
|
}), { "aria-label": toggleAriaLabel, "aria-labelledby": toggleAriaLabelledBy, children: computedToggleContent || computedToggleText })) }));
|
|
118
119
|
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] })));
|
|
@@ -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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"}
|
|
@@ -29,6 +29,11 @@ export interface ExpandableSectionToggleProps extends Omit<React.HTMLProps<HTMLD
|
|
|
29
29
|
toggleAriaLabel?: string;
|
|
30
30
|
/** Accessible name via space delimtted list of IDs for the expandable section toggle. */
|
|
31
31
|
toggleAriaLabelledBy?: string;
|
|
32
|
+
/** The HTML element to use for the toggle wrapper. Can be 'div' (default) or any heading level.
|
|
33
|
+
* When using heading elements, the button will be rendered inside the heading for proper semantics.
|
|
34
|
+
* This is useful when the toggle text should function as a heading in the document structure.
|
|
35
|
+
*/
|
|
36
|
+
toggleWrapper?: 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
32
37
|
}
|
|
33
38
|
export declare const ExpandableSectionToggle: React.FunctionComponent<ExpandableSectionToggleProps>;
|
|
34
39
|
//# 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;IACzC,uGAAuG;IACvG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,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;IACrB,mFAAmF;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CAwDzF,CAAC"}
|
|
@@ -8,8 +8,9 @@ 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, isDetached, toggleAriaLabel, toggleAriaLabelledBy } = _a, props = tslib_1.__rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "toggleId", "direction", "hasTruncatedContent", "isDetached", "toggleAriaLabel", "toggleAriaLabelledBy"]);
|
|
12
|
-
|
|
11
|
+
var { children, className = '', isExpanded = false, onToggle, contentId, toggleId, direction = 'down', hasTruncatedContent = false, isDetached, toggleAriaLabel, toggleAriaLabelledBy, toggleWrapper = 'div' } = _a, props = tslib_1.__rest(_a, ["children", "className", "isExpanded", "onToggle", "contentId", "toggleId", "direction", "hasTruncatedContent", "isDetached", "toggleAriaLabel", "toggleAriaLabelledBy", "toggleWrapper"]);
|
|
12
|
+
const ToggleWrapper = toggleWrapper;
|
|
13
|
+
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)(ToggleWrapper, { 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
14
|
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
15
|
), children: (0, jsx_runtime_1.jsx)(angle_right_icon_1.default, {}) }))
|
|
15
16
|
}), { "aria-label": toggleAriaLabel, "aria-labelledby": toggleAriaLabelledBy, children: children })) }) })));
|
|
@@ -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;AAwC5B,MAAM,uBAAuB,GAA0D,CAAC,EAchE,EAAE,EAAE;QAd4D,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,EACV,eAAe,EACf,oBAAoB,EACpB,aAAa,GAAG,KAAK,OAEQ,EAD1B,KAAK,sBAbqF,0LAc9F,CADS;IAER,MAAM,aAAa,GAAG,aAAoB,CAAC;IAE3C,OAAO,CACL,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,uBAAC,aAAa,IAAC,SAAS,EAAE,GAAG,4BAAM,CAAC,iBAAiB,UAAU,YAC7D,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,kBACU,eAAe,qBACV,oBAAoB,YAEpC,QAAQ,IACF,GACK,IACZ,CACP,CAAC;AACJ,CAAC,CAAC;AAxDW,QAAA,uBAAuB,2BAwDlC;AAEF,+BAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}
|