@patternfly/react-core 6.3.0-prerelease.17 → 6.3.0-prerelease.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Tile/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/esm/components/Button/Button.d.ts +4 -0
- package/dist/esm/components/Button/Button.d.ts.map +1 -1
- package/dist/esm/components/Button/Button.js +20 -3
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Form/FormFieldGroupExpandable.d.ts +5 -0
- package/dist/esm/components/Form/FormFieldGroupExpandable.d.ts.map +1 -1
- package/dist/esm/components/Form/FormFieldGroupExpandable.js +2 -2
- package/dist/esm/components/Form/FormFieldGroupExpandable.js.map +1 -1
- package/dist/esm/components/Form/InternalFormFieldGroup.d.ts +5 -0
- package/dist/esm/components/Form/InternalFormFieldGroup.d.ts.map +1 -1
- package/dist/esm/components/Form/InternalFormFieldGroup.js +2 -2
- package/dist/esm/components/Form/InternalFormFieldGroup.js.map +1 -1
- package/dist/js/components/Button/Button.d.ts +4 -0
- package/dist/js/components/Button/Button.d.ts.map +1 -1
- package/dist/js/components/Button/Button.js +20 -3
- package/dist/js/components/Button/Button.js.map +1 -1
- package/dist/js/components/Form/FormFieldGroupExpandable.d.ts +5 -0
- package/dist/js/components/Form/FormFieldGroupExpandable.d.ts.map +1 -1
- package/dist/js/components/Form/FormFieldGroupExpandable.js +2 -2
- package/dist/js/components/Form/FormFieldGroupExpandable.js.map +1 -1
- package/dist/js/components/Form/InternalFormFieldGroup.d.ts +5 -0
- package/dist/js/components/Form/InternalFormFieldGroup.d.ts.map +1 -1
- package/dist/js/components/Form/InternalFormFieldGroup.js +2 -2
- package/dist/js/components/Form/InternalFormFieldGroup.js.map +1 -1
- package/dist/umd/assets/{output-RbEqNocC.css → output-BA_GjePx.css} +19337 -19287
- 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 +6 -6
- package/src/components/Button/Button.tsx +48 -5
- package/src/components/Button/__tests__/Button.test.tsx +25 -0
- package/src/components/Button/examples/Button.md +8 -1
- package/src/components/Button/examples/ButtonFavorite.tsx +18 -0
- package/src/components/Form/FormFieldGroupExpandable.tsx +7 -0
- package/src/components/Form/InternalFormFieldGroup.tsx +19 -3
- package/src/components/Form/__tests__/FormFieldGroupExpandable.test.tsx +55 -0
- package/src/components/Form/examples/FormFieldGroups.tsx +7 -1
|
@@ -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.3.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.3.0-prerelease.18","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.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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","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.18","private":true}
|
|
@@ -61,6 +61,10 @@ export interface ButtonProps extends Omit<React.HTMLProps<HTMLButtonElement>, 'r
|
|
|
61
61
|
inoperableEvents?: string[];
|
|
62
62
|
/** Adds inline styling to a link button */
|
|
63
63
|
isInline?: boolean;
|
|
64
|
+
/** Adds favorite styling to a button */
|
|
65
|
+
isFavorite?: boolean;
|
|
66
|
+
/** Flag indicating whether the button is favorited or not, only when isFavorite is true. */
|
|
67
|
+
isFavorited?: boolean;
|
|
64
68
|
/** Adds styling which affects the size of the button */
|
|
65
69
|
size?: 'default' | 'sm' | 'lg';
|
|
66
70
|
/** Sets button type */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAgB,SAAS,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,8 @@ import { css } from '@patternfly/react-styles';
|
|
|
6
6
|
import { Spinner, spinnerSize } from '../Spinner';
|
|
7
7
|
import { useOUIAProps } from '../../helpers/OUIA/ouia';
|
|
8
8
|
import { Badge } from '../Badge';
|
|
9
|
+
import StarIcon from '@patternfly/react-icons/dist/esm/icons/star-icon';
|
|
10
|
+
import OutlinedStarIcon from '@patternfly/react-icons/dist/esm/icons/outlined-star-icon';
|
|
9
11
|
export var ButtonVariant;
|
|
10
12
|
(function (ButtonVariant) {
|
|
11
13
|
ButtonVariant["primary"] = "primary";
|
|
@@ -37,12 +39,17 @@ export var ButtonState;
|
|
|
37
39
|
ButtonState["attention"] = "attention";
|
|
38
40
|
})(ButtonState || (ButtonState = {}));
|
|
39
41
|
const ButtonBase = (_a) => {
|
|
40
|
-
var { children = null, className = '', component = 'button', isClicked = false, isBlock = false, isDisabled = false, isAriaDisabled = false, isLoading = null, isDanger = false, spinnerAriaValueText, spinnerAriaLabelledBy, spinnerAriaLabel, size = ButtonSize.default, inoperableEvents = ['onClick', 'onKeyPress'], isInline = false, type = ButtonType.button, variant = ButtonVariant.primary, state = ButtonState.unread, hasNoPadding = false, iconPosition = 'start', 'aria-label': ariaLabel = null, icon = null, role, ouiaId, ouiaSafe = true, tabIndex = null, innerRef, countOptions } = _a, props = __rest(_a, ["children", "className", "component", "isClicked", "isBlock", "isDisabled", "isAriaDisabled", "isLoading", "isDanger", "spinnerAriaValueText", "spinnerAriaLabelledBy", "spinnerAriaLabel", "size", "inoperableEvents", "isInline", "type", "variant", "state", "hasNoPadding", "iconPosition", 'aria-label', "icon", "role", "ouiaId", "ouiaSafe", "tabIndex", "innerRef", "countOptions"]);
|
|
42
|
+
var { children = null, className = '', component = 'button', isClicked = false, isBlock = false, isDisabled = false, isAriaDisabled = false, isLoading = null, isDanger = false, spinnerAriaValueText, spinnerAriaLabelledBy, spinnerAriaLabel, size = ButtonSize.default, inoperableEvents = ['onClick', 'onKeyPress'], isInline = false, isFavorite = false, isFavorited = false, type = ButtonType.button, variant = ButtonVariant.primary, state = ButtonState.unread, hasNoPadding = false, iconPosition = 'start', 'aria-label': ariaLabel = null, icon = null, role, ouiaId, ouiaSafe = true, tabIndex = null, innerRef, countOptions } = _a, props = __rest(_a, ["children", "className", "component", "isClicked", "isBlock", "isDisabled", "isAriaDisabled", "isLoading", "isDanger", "spinnerAriaValueText", "spinnerAriaLabelledBy", "spinnerAriaLabel", "size", "inoperableEvents", "isInline", "isFavorite", "isFavorited", "type", "variant", "state", "hasNoPadding", "iconPosition", 'aria-label', "icon", "role", "ouiaId", "ouiaSafe", "tabIndex", "innerRef", "countOptions"]);
|
|
43
|
+
if (isFavorite && !ariaLabel && !props['aria-labelledby']) {
|
|
44
|
+
// eslint-disable-next-line no-console
|
|
45
|
+
console.error('Button: Each favorite button must have a unique accessible name provided via aria-label or aria-labelledby');
|
|
46
|
+
}
|
|
41
47
|
const ouiaProps = useOUIAProps(Button.displayName, ouiaId, ouiaSafe, variant);
|
|
42
48
|
const Component = component;
|
|
43
49
|
const isButtonElement = Component === 'button';
|
|
44
50
|
const isInlineSpan = isInline && Component === 'span';
|
|
45
51
|
const isIconAlignedAtEnd = iconPosition === 'end' || iconPosition === 'right';
|
|
52
|
+
const shouldOverrideIcon = isFavorite;
|
|
46
53
|
const preventedEvents = inoperableEvents.reduce((handlers, eventToPrevent) => (Object.assign(Object.assign({}, handlers), { [eventToPrevent]: (event) => {
|
|
47
54
|
event.preventDefault();
|
|
48
55
|
} })), {});
|
|
@@ -57,11 +64,21 @@ const ButtonBase = (_a) => {
|
|
|
57
64
|
return 0;
|
|
58
65
|
}
|
|
59
66
|
};
|
|
60
|
-
const
|
|
67
|
+
const renderIcon = () => {
|
|
68
|
+
let iconContent;
|
|
69
|
+
if (isFavorite) {
|
|
70
|
+
iconContent = (_jsxs(_Fragment, { children: [_jsx("span", { className: css('pf-v6-c-button__icon-favorite'), children: _jsx(OutlinedStarIcon, {}) }), _jsx("span", { className: css('pf-v6-c-button__icon-favorited'), children: _jsx(StarIcon, {}) })] }));
|
|
71
|
+
}
|
|
72
|
+
if (icon && !shouldOverrideIcon) {
|
|
73
|
+
iconContent = icon;
|
|
74
|
+
}
|
|
75
|
+
return (iconContent && (_jsx("span", { className: css(styles.buttonIcon, children && styles.modifiers[isIconAlignedAtEnd ? 'end' : 'start']), children: iconContent })));
|
|
76
|
+
};
|
|
77
|
+
const _icon = renderIcon();
|
|
61
78
|
const _children = children && _jsx("span", { className: css('pf-v6-c-button__text'), children: children });
|
|
62
79
|
// We only want to render the aria-disabled attribute when true, similar to the disabled attribute natively.
|
|
63
80
|
const shouldRenderAriaDisabled = isAriaDisabled || (!isButtonElement && isDisabled);
|
|
64
|
-
return (_jsxs(Component, Object.assign({}, props, (isAriaDisabled ? preventedEvents : null), (shouldRenderAriaDisabled && { 'aria-disabled': true }), { "aria-label": ariaLabel, className: css(styles.button, styles.modifiers[variant], isBlock && styles.modifiers.block, isDisabled && !isButtonElement && styles.modifiers.disabled, isAriaDisabled && styles.modifiers.ariaDisabled, isClicked && styles.modifiers.clicked, isInline && variant === ButtonVariant.link && styles.modifiers.inline, isDanger && (variant === ButtonVariant.secondary || variant === ButtonVariant.link) && styles.modifiers.danger, isLoading !== null && variant !== ButtonVariant.plain && styles.modifiers.progress, isLoading && styles.modifiers.inProgress, hasNoPadding && variant === ButtonVariant.plain && styles.modifiers.noPadding, variant === ButtonVariant.stateful && styles.modifiers[state], size === ButtonSize.sm && styles.modifiers.small, size === ButtonSize.lg && styles.modifiers.displayLg, className), disabled: isButtonElement ? isDisabled : null, tabIndex: tabIndex !== null ? tabIndex : getDefaultTabIdx(), type: isButtonElement || isInlineSpan ? type : null, role: isInlineSpan ? 'button' : role, ref: innerRef }, ouiaProps, { children: [isLoading && (_jsx("span", { className: css(styles.buttonProgress), children: _jsx(Spinner, { size: spinnerSize.md, isInline: isInline, "aria-valuetext": spinnerAriaValueText, "aria-label": spinnerAriaLabel, "aria-labelledby": spinnerAriaLabelledBy }) })), isIconAlignedAtEnd ? (_jsxs(_Fragment, { children: [_children, _icon] })) : (_jsxs(_Fragment, { children: [_icon, _children] })), countOptions && (_jsx("span", { className: css(styles.buttonCount, countOptions.className), children: _jsx(Badge, { isRead: countOptions.isRead, isDisabled: isDisabled, children: countOptions.count }) }))] })));
|
|
81
|
+
return (_jsxs(Component, Object.assign({}, props, (isAriaDisabled ? preventedEvents : null), (shouldRenderAriaDisabled && { 'aria-disabled': true }), { "aria-label": ariaLabel, className: css(styles.button, styles.modifiers[variant], isBlock && styles.modifiers.block, isDisabled && !isButtonElement && styles.modifiers.disabled, isAriaDisabled && styles.modifiers.ariaDisabled, isClicked && styles.modifiers.clicked, isInline && variant === ButtonVariant.link && styles.modifiers.inline, isFavorite && styles.modifiers.favorite, isFavorite && isFavorited && styles.modifiers.favorited, isDanger && (variant === ButtonVariant.secondary || variant === ButtonVariant.link) && styles.modifiers.danger, isLoading !== null && variant !== ButtonVariant.plain && styles.modifiers.progress, isLoading && styles.modifiers.inProgress, hasNoPadding && variant === ButtonVariant.plain && styles.modifiers.noPadding, variant === ButtonVariant.stateful && styles.modifiers[state], size === ButtonSize.sm && styles.modifiers.small, size === ButtonSize.lg && styles.modifiers.displayLg, className), disabled: isButtonElement ? isDisabled : null, tabIndex: tabIndex !== null ? tabIndex : getDefaultTabIdx(), type: isButtonElement || isInlineSpan ? type : null, role: isInlineSpan ? 'button' : role, ref: innerRef }, ouiaProps, { children: [isLoading && (_jsx("span", { className: css(styles.buttonProgress), children: _jsx(Spinner, { size: spinnerSize.md, isInline: isInline, "aria-valuetext": spinnerAriaValueText, "aria-label": spinnerAriaLabel, "aria-labelledby": spinnerAriaLabelledBy }) })), isIconAlignedAtEnd ? (_jsxs(_Fragment, { children: [_children, _icon] })) : (_jsxs(_Fragment, { children: [_icon, _children] })), countOptions && (_jsx("span", { className: css(styles.buttonCount, countOptions.className), children: _jsx(Badge, { isRead: countOptions.isRead, isDisabled: isDisabled, children: countOptions.count }) }))] })));
|
|
65
82
|
};
|
|
66
83
|
export const Button = forwardRef((props, ref) => _jsx(ButtonBase, Object.assign({ innerRef: ref }, props)));
|
|
67
84
|
Button.displayName = 'Button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,kEAA8D;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,YAAY,EAAa,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,11 @@ export interface FormFieldGroupExpandableProps extends Omit<React.HTMLProps<HTML
|
|
|
10
10
|
isExpanded?: boolean;
|
|
11
11
|
/** Aria-label to use on the form field group toggle button */
|
|
12
12
|
toggleAriaLabel?: string;
|
|
13
|
+
/** Flag indicating whether an expandable form field group has animations. This will always render
|
|
14
|
+
* nested field group content rather than dynamically rendering them. This prop will be removed in
|
|
15
|
+
* the next breaking change release in favor of defaulting to always-rendered items.
|
|
16
|
+
*/
|
|
17
|
+
hasAnimations?: boolean;
|
|
13
18
|
}
|
|
14
19
|
export declare const FormFieldGroupExpandable: React.FunctionComponent<FormFieldGroupExpandableProps>;
|
|
15
20
|
//# sourceMappingURL=FormFieldGroupExpandable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldGroupExpandable.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormFieldGroupExpandable.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACtG,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"FormFieldGroupExpandable.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormFieldGroupExpandable.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACtG,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAyB3F,CAAC"}
|
|
@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { InternalFormFieldGroup } from './InternalFormFieldGroup';
|
|
5
5
|
export const FormFieldGroupExpandable = (_a) => {
|
|
6
|
-
var { children, className, header, isExpanded = false, toggleAriaLabel } = _a, props = __rest(_a, ["children", "className", "header", "isExpanded", "toggleAriaLabel"]);
|
|
6
|
+
var { children, className, header, isExpanded = false, toggleAriaLabel, hasAnimations } = _a, props = __rest(_a, ["children", "className", "header", "isExpanded", "toggleAriaLabel", "hasAnimations"]);
|
|
7
7
|
const [localIsExpanded, setIsExpanded] = useState(isExpanded);
|
|
8
|
-
return (_jsx(InternalFormFieldGroup, Object.assign({ className: className, header: header, isExpandable: true, isExpanded: localIsExpanded, toggleAriaLabel: toggleAriaLabel, onToggle: () => setIsExpanded(!localIsExpanded) }, props, { children: children })));
|
|
8
|
+
return (_jsx(InternalFormFieldGroup, Object.assign({ className: className, header: header, isExpandable: true, isExpanded: localIsExpanded, toggleAriaLabel: toggleAriaLabel, onToggle: () => setIsExpanded(!localIsExpanded), hasAnimations: hasAnimations }, props, { children: children })));
|
|
9
9
|
};
|
|
10
10
|
FormFieldGroupExpandable.displayName = 'FormFieldGroupExpandable';
|
|
11
11
|
//# sourceMappingURL=FormFieldGroupExpandable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldGroupExpandable.js","sourceRoot":"","sources":["../../../../src/components/Form/FormFieldGroupExpandable.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"FormFieldGroupExpandable.js","sourceRoot":"","sources":["../../../../src/components/Form/FormFieldGroupExpandable.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAoBlE,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAQjE,EAAE,EAAE;QAR6D,EAC/F,QAAQ,EACR,SAAS,EACT,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,eAAe,EACf,aAAa,OAEiB,EAD3B,KAAK,cAPuF,qFAQhG,CADS;IAER,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE9D,OAAO,CACL,KAAC,sBAAsB,kBACrB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,YAAY,QACZ,UAAU,EAAE,eAAe,EAC3B,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,eAAe,CAAC,EAC/C,aAAa,EAAE,aAAa,IACxB,KAAK,cAER,QAAQ,IACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}
|
|
@@ -14,6 +14,11 @@ export interface InternalFormFieldGroupProps extends Omit<React.HTMLProps<HTMLDi
|
|
|
14
14
|
onToggle?: () => void;
|
|
15
15
|
/** Aria-label to use on the form field group toggle button */
|
|
16
16
|
toggleAriaLabel?: string;
|
|
17
|
+
/** Flag indicating whether an expandable form field group has animations. This will always render
|
|
18
|
+
* nested field group content rather than dynamically rendering them. This prop will be removed in
|
|
19
|
+
* the next breaking change release in favor of defaulting to always-rendered items.
|
|
20
|
+
*/
|
|
21
|
+
hasAnimations?: boolean;
|
|
17
22
|
}
|
|
18
23
|
export declare const InternalFormFieldGroup: React.FunctionComponent<InternalFormFieldGroupProps>;
|
|
19
24
|
//# sourceMappingURL=InternalFormFieldGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternalFormFieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9G,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"InternalFormFieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9G,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAuDvF,CAAC"}
|
|
@@ -5,13 +5,13 @@ import { css } from '@patternfly/react-styles';
|
|
|
5
5
|
import { FormFieldGroupToggle } from './FormFieldGroupToggle';
|
|
6
6
|
import { GenerateId } from '../../helpers';
|
|
7
7
|
export const InternalFormFieldGroup = (_a) => {
|
|
8
|
-
var { children, className, header, isExpandable, isExpanded, onToggle, toggleAriaLabel } = _a, props = __rest(_a, ["children", "className", "header", "isExpandable", "isExpanded", "onToggle", "toggleAriaLabel"]);
|
|
8
|
+
var { children, className, header, isExpandable, isExpanded, onToggle, toggleAriaLabel, hasAnimations } = _a, props = __rest(_a, ["children", "className", "header", "isExpandable", "isExpanded", "onToggle", "toggleAriaLabel", "hasAnimations"]);
|
|
9
9
|
const headerTitleText = header ? header.props.titleText : null;
|
|
10
10
|
if (isExpandable && !toggleAriaLabel && !headerTitleText) {
|
|
11
11
|
// eslint-disable-next-line no-console
|
|
12
12
|
console.error('FormFieldGroupExpandable:', 'toggleAriaLabel or the titleText prop of FormFieldGroupHeader is required to make the toggle button accessible');
|
|
13
13
|
}
|
|
14
|
-
return (_jsxs("div", Object.assign({ className: css(styles.formFieldGroup, isExpanded && isExpandable && styles.modifiers.expanded, className), role: "group" }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id}` }), props, { children: [isExpandable && (_jsx(GenerateId, { prefix: "form-field-group-toggle", children: (id) => (_jsx(FormFieldGroupToggle, Object.assign({ onToggle: onToggle, isExpanded: isExpanded, "aria-label": toggleAriaLabel, toggleId: id }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id} ${id}` })))) })), header && header, (!isExpandable || (isExpandable && isExpanded)) && (_jsx("div", { className: css(styles.formFieldGroupBody), children: children }))] })));
|
|
14
|
+
return (_jsxs("div", Object.assign({ className: css(styles.formFieldGroup, isExpanded && isExpandable && styles.modifiers.expanded, hasAnimations && isExpandable && styles.modifiers.expandable, className), role: "group" }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id}` }), props, { children: [isExpandable && (_jsx(GenerateId, { prefix: "form-field-group-toggle", children: (id) => (_jsx(FormFieldGroupToggle, Object.assign({ onToggle: onToggle, isExpanded: isExpanded, "aria-label": toggleAriaLabel, toggleId: id }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id} ${id}` })))) })), header && header, (!isExpandable || (isExpandable && isExpanded) || (hasAnimations && isExpandable)) && (_jsx("div", Object.assign({ className: css(styles.formFieldGroupBody) }, (hasAnimations && isExpandable && !isExpanded && { inert: '' }), { children: children })))] })));
|
|
15
15
|
};
|
|
16
16
|
InternalFormFieldGroup.displayName = 'InternalFormFieldGroup';
|
|
17
17
|
//# sourceMappingURL=InternalFormFieldGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternalFormFieldGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,8DAA0D;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"InternalFormFieldGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,8DAA0D;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAwB3C,MAAM,CAAC,MAAM,sBAAsB,GAAyD,CAAC,EAU/D,EAAE,EAAE;QAV2D,EAC3F,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,eAAe,EACf,aAAa,OAEe,EADzB,KAAK,cATmF,iHAU5F,CADS;IAER,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/D,IAAI,YAAY,IAAI,CAAC,eAAe,IAAI,CAAC,eAAe,EAAE,CAAC;QACzD,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,2BAA2B,EAC3B,gHAAgH,CACjH,CAAC;IACJ,CAAC;IACD,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,cAAc,EACrB,UAAU,IAAI,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvD,aAAa,IAAI,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC5D,SAAS,CACV,EACD,IAAI,EAAC,OAAO,IACR,CAAC,eAAe,IAAI,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAC1E,KAAK,eAER,YAAY,IAAI,CACf,KAAC,UAAU,IAAC,MAAM,EAAC,yBAAyB,YACzC,CAAC,EAAE,EAAE,EAAE,CAAC,CACP,KAAC,oBAAoB,kBACnB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,gBACV,eAAe,EAC3B,QAAQ,EAAE,EAAE,IACR,CAAC,eAAe,IAAI,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EACpF,CACH,GACU,CACd,EACA,MAAM,IAAI,MAAM,EAChB,CAAC,CAAC,YAAY,IAAI,CAAC,YAAY,IAAI,UAAU,CAAC,IAAI,CAAC,aAAa,IAAI,YAAY,CAAC,CAAC,IAAI,CACrF,4BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IACrC,CAAC,aAAa,IAAI,YAAY,IAAI,CAAC,UAAU,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,cAElE,QAAQ,IACL,CACP,KACG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
|
|
@@ -61,6 +61,10 @@ export interface ButtonProps extends Omit<React.HTMLProps<HTMLButtonElement>, 'r
|
|
|
61
61
|
inoperableEvents?: string[];
|
|
62
62
|
/** Adds inline styling to a link button */
|
|
63
63
|
isInline?: boolean;
|
|
64
|
+
/** Adds favorite styling to a button */
|
|
65
|
+
isFavorite?: boolean;
|
|
66
|
+
/** Flag indicating whether the button is favorited or not, only when isFavorite is true. */
|
|
67
|
+
isFavorited?: boolean;
|
|
64
68
|
/** Adds styling which affects the size of the button */
|
|
65
69
|
size?: 'default' | 'sm' | 'lg';
|
|
66
70
|
/** Sets button type */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAgB,SAAS,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,8 @@ const react_styles_1 = require("@patternfly/react-styles");
|
|
|
9
9
|
const Spinner_1 = require("../Spinner");
|
|
10
10
|
const ouia_1 = require("../../helpers/OUIA/ouia");
|
|
11
11
|
const Badge_1 = require("../Badge");
|
|
12
|
+
const star_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/star-icon'));
|
|
13
|
+
const outlined_star_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/outlined-star-icon'));
|
|
12
14
|
var ButtonVariant;
|
|
13
15
|
(function (ButtonVariant) {
|
|
14
16
|
ButtonVariant["primary"] = "primary";
|
|
@@ -40,12 +42,17 @@ var ButtonState;
|
|
|
40
42
|
ButtonState["attention"] = "attention";
|
|
41
43
|
})(ButtonState || (exports.ButtonState = ButtonState = {}));
|
|
42
44
|
const ButtonBase = (_a) => {
|
|
43
|
-
var { children = null, className = '', component = 'button', isClicked = false, isBlock = false, isDisabled = false, isAriaDisabled = false, isLoading = null, isDanger = false, spinnerAriaValueText, spinnerAriaLabelledBy, spinnerAriaLabel, size = ButtonSize.default, inoperableEvents = ['onClick', 'onKeyPress'], isInline = false, type = ButtonType.button, variant = ButtonVariant.primary, state = ButtonState.unread, hasNoPadding = false, iconPosition = 'start', 'aria-label': ariaLabel = null, icon = null, role, ouiaId, ouiaSafe = true, tabIndex = null, innerRef, countOptions } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "isClicked", "isBlock", "isDisabled", "isAriaDisabled", "isLoading", "isDanger", "spinnerAriaValueText", "spinnerAriaLabelledBy", "spinnerAriaLabel", "size", "inoperableEvents", "isInline", "type", "variant", "state", "hasNoPadding", "iconPosition", 'aria-label', "icon", "role", "ouiaId", "ouiaSafe", "tabIndex", "innerRef", "countOptions"]);
|
|
45
|
+
var { children = null, className = '', component = 'button', isClicked = false, isBlock = false, isDisabled = false, isAriaDisabled = false, isLoading = null, isDanger = false, spinnerAriaValueText, spinnerAriaLabelledBy, spinnerAriaLabel, size = ButtonSize.default, inoperableEvents = ['onClick', 'onKeyPress'], isInline = false, isFavorite = false, isFavorited = false, type = ButtonType.button, variant = ButtonVariant.primary, state = ButtonState.unread, hasNoPadding = false, iconPosition = 'start', 'aria-label': ariaLabel = null, icon = null, role, ouiaId, ouiaSafe = true, tabIndex = null, innerRef, countOptions } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "isClicked", "isBlock", "isDisabled", "isAriaDisabled", "isLoading", "isDanger", "spinnerAriaValueText", "spinnerAriaLabelledBy", "spinnerAriaLabel", "size", "inoperableEvents", "isInline", "isFavorite", "isFavorited", "type", "variant", "state", "hasNoPadding", "iconPosition", 'aria-label', "icon", "role", "ouiaId", "ouiaSafe", "tabIndex", "innerRef", "countOptions"]);
|
|
46
|
+
if (isFavorite && !ariaLabel && !props['aria-labelledby']) {
|
|
47
|
+
// eslint-disable-next-line no-console
|
|
48
|
+
console.error('Button: Each favorite button must have a unique accessible name provided via aria-label or aria-labelledby');
|
|
49
|
+
}
|
|
44
50
|
const ouiaProps = (0, ouia_1.useOUIAProps)(exports.Button.displayName, ouiaId, ouiaSafe, variant);
|
|
45
51
|
const Component = component;
|
|
46
52
|
const isButtonElement = Component === 'button';
|
|
47
53
|
const isInlineSpan = isInline && Component === 'span';
|
|
48
54
|
const isIconAlignedAtEnd = iconPosition === 'end' || iconPosition === 'right';
|
|
55
|
+
const shouldOverrideIcon = isFavorite;
|
|
49
56
|
const preventedEvents = inoperableEvents.reduce((handlers, eventToPrevent) => (Object.assign(Object.assign({}, handlers), { [eventToPrevent]: (event) => {
|
|
50
57
|
event.preventDefault();
|
|
51
58
|
} })), {});
|
|
@@ -60,11 +67,21 @@ const ButtonBase = (_a) => {
|
|
|
60
67
|
return 0;
|
|
61
68
|
}
|
|
62
69
|
};
|
|
63
|
-
const
|
|
70
|
+
const renderIcon = () => {
|
|
71
|
+
let iconContent;
|
|
72
|
+
if (isFavorite) {
|
|
73
|
+
iconContent = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)('pf-v6-c-button__icon-favorite'), children: (0, jsx_runtime_1.jsx)(outlined_star_icon_1.default, {}) }), (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)('pf-v6-c-button__icon-favorited'), children: (0, jsx_runtime_1.jsx)(star_icon_1.default, {}) })] }));
|
|
74
|
+
}
|
|
75
|
+
if (icon && !shouldOverrideIcon) {
|
|
76
|
+
iconContent = icon;
|
|
77
|
+
}
|
|
78
|
+
return (iconContent && ((0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(button_1.default.buttonIcon, children && button_1.default.modifiers[isIconAlignedAtEnd ? 'end' : 'start']), children: iconContent })));
|
|
79
|
+
};
|
|
80
|
+
const _icon = renderIcon();
|
|
64
81
|
const _children = children && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)('pf-v6-c-button__text'), children: children });
|
|
65
82
|
// We only want to render the aria-disabled attribute when true, similar to the disabled attribute natively.
|
|
66
83
|
const shouldRenderAriaDisabled = isAriaDisabled || (!isButtonElement && isDisabled);
|
|
67
|
-
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({}, props, (isAriaDisabled ? preventedEvents : null), (shouldRenderAriaDisabled && { 'aria-disabled': true }), { "aria-label": ariaLabel, className: (0, react_styles_1.css)(button_1.default.button, button_1.default.modifiers[variant], isBlock && button_1.default.modifiers.block, isDisabled && !isButtonElement && button_1.default.modifiers.disabled, isAriaDisabled && button_1.default.modifiers.ariaDisabled, isClicked && button_1.default.modifiers.clicked, isInline && variant === ButtonVariant.link && button_1.default.modifiers.inline, isDanger && (variant === ButtonVariant.secondary || variant === ButtonVariant.link) && button_1.default.modifiers.danger, isLoading !== null && variant !== ButtonVariant.plain && button_1.default.modifiers.progress, isLoading && button_1.default.modifiers.inProgress, hasNoPadding && variant === ButtonVariant.plain && button_1.default.modifiers.noPadding, variant === ButtonVariant.stateful && button_1.default.modifiers[state], size === ButtonSize.sm && button_1.default.modifiers.small, size === ButtonSize.lg && button_1.default.modifiers.displayLg, className), disabled: isButtonElement ? isDisabled : null, tabIndex: tabIndex !== null ? tabIndex : getDefaultTabIdx(), type: isButtonElement || isInlineSpan ? type : null, role: isInlineSpan ? 'button' : role, ref: innerRef }, ouiaProps, { children: [isLoading && ((0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(button_1.default.buttonProgress), children: (0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: Spinner_1.spinnerSize.md, isInline: isInline, "aria-valuetext": spinnerAriaValueText, "aria-label": spinnerAriaLabel, "aria-labelledby": spinnerAriaLabelledBy }) })), isIconAlignedAtEnd ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [_children, _icon] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [_icon, _children] })), countOptions && ((0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(button_1.default.buttonCount, countOptions.className), children: (0, jsx_runtime_1.jsx)(Badge_1.Badge, { isRead: countOptions.isRead, isDisabled: isDisabled, children: countOptions.count }) }))] })));
|
|
84
|
+
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({}, props, (isAriaDisabled ? preventedEvents : null), (shouldRenderAriaDisabled && { 'aria-disabled': true }), { "aria-label": ariaLabel, className: (0, react_styles_1.css)(button_1.default.button, button_1.default.modifiers[variant], isBlock && button_1.default.modifiers.block, isDisabled && !isButtonElement && button_1.default.modifiers.disabled, isAriaDisabled && button_1.default.modifiers.ariaDisabled, isClicked && button_1.default.modifiers.clicked, isInline && variant === ButtonVariant.link && button_1.default.modifiers.inline, isFavorite && button_1.default.modifiers.favorite, isFavorite && isFavorited && button_1.default.modifiers.favorited, isDanger && (variant === ButtonVariant.secondary || variant === ButtonVariant.link) && button_1.default.modifiers.danger, isLoading !== null && variant !== ButtonVariant.plain && button_1.default.modifiers.progress, isLoading && button_1.default.modifiers.inProgress, hasNoPadding && variant === ButtonVariant.plain && button_1.default.modifiers.noPadding, variant === ButtonVariant.stateful && button_1.default.modifiers[state], size === ButtonSize.sm && button_1.default.modifiers.small, size === ButtonSize.lg && button_1.default.modifiers.displayLg, className), disabled: isButtonElement ? isDisabled : null, tabIndex: tabIndex !== null ? tabIndex : getDefaultTabIdx(), type: isButtonElement || isInlineSpan ? type : null, role: isInlineSpan ? 'button' : role, ref: innerRef }, ouiaProps, { children: [isLoading && ((0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(button_1.default.buttonProgress), children: (0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: Spinner_1.spinnerSize.md, isInline: isInline, "aria-valuetext": spinnerAriaValueText, "aria-label": spinnerAriaLabel, "aria-labelledby": spinnerAriaLabelledBy }) })), isIconAlignedAtEnd ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [_children, _icon] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [_icon, _children] })), countOptions && ((0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(button_1.default.buttonCount, countOptions.className), children: (0, jsx_runtime_1.jsx)(Badge_1.Badge, { isRead: countOptions.isRead, isDisabled: isDisabled, children: countOptions.count }) }))] })));
|
|
68
85
|
};
|
|
69
86
|
exports.Button = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)(ButtonBase, Object.assign({ innerRef: ref }, props)));
|
|
70
87
|
exports.Button.displayName = 'Button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAmC;AACnC,2GAA2E;AAC3E,2DAA+C;AAC/C,wCAAkD;AAClD,kDAAkE;AAClE,oCAAiC
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,11 @@ export interface FormFieldGroupExpandableProps extends Omit<React.HTMLProps<HTML
|
|
|
10
10
|
isExpanded?: boolean;
|
|
11
11
|
/** Aria-label to use on the form field group toggle button */
|
|
12
12
|
toggleAriaLabel?: string;
|
|
13
|
+
/** Flag indicating whether an expandable form field group has animations. This will always render
|
|
14
|
+
* nested field group content rather than dynamically rendering them. This prop will be removed in
|
|
15
|
+
* the next breaking change release in favor of defaulting to always-rendered items.
|
|
16
|
+
*/
|
|
17
|
+
hasAnimations?: boolean;
|
|
13
18
|
}
|
|
14
19
|
export declare const FormFieldGroupExpandable: React.FunctionComponent<FormFieldGroupExpandableProps>;
|
|
15
20
|
//# sourceMappingURL=FormFieldGroupExpandable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldGroupExpandable.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormFieldGroupExpandable.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACtG,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"FormFieldGroupExpandable.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormFieldGroupExpandable.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,6BAA8B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACtG,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAyB3F,CAAC"}
|
|
@@ -6,9 +6,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const InternalFormFieldGroup_1 = require("./InternalFormFieldGroup");
|
|
8
8
|
const FormFieldGroupExpandable = (_a) => {
|
|
9
|
-
var { children, className, header, isExpanded = false, toggleAriaLabel } = _a, props = tslib_1.__rest(_a, ["children", "className", "header", "isExpanded", "toggleAriaLabel"]);
|
|
9
|
+
var { children, className, header, isExpanded = false, toggleAriaLabel, hasAnimations } = _a, props = tslib_1.__rest(_a, ["children", "className", "header", "isExpanded", "toggleAriaLabel", "hasAnimations"]);
|
|
10
10
|
const [localIsExpanded, setIsExpanded] = (0, react_1.useState)(isExpanded);
|
|
11
|
-
return ((0, jsx_runtime_1.jsx)(InternalFormFieldGroup_1.InternalFormFieldGroup, Object.assign({ className: className, header: header, isExpandable: true, isExpanded: localIsExpanded, toggleAriaLabel: toggleAriaLabel, onToggle: () => setIsExpanded(!localIsExpanded) }, props, { children: children })));
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)(InternalFormFieldGroup_1.InternalFormFieldGroup, Object.assign({ className: className, header: header, isExpandable: true, isExpanded: localIsExpanded, toggleAriaLabel: toggleAriaLabel, onToggle: () => setIsExpanded(!localIsExpanded), hasAnimations: hasAnimations }, props, { children: children })));
|
|
12
12
|
};
|
|
13
13
|
exports.FormFieldGroupExpandable = FormFieldGroupExpandable;
|
|
14
14
|
exports.FormFieldGroupExpandable.displayName = 'FormFieldGroupExpandable';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormFieldGroupExpandable.js","sourceRoot":"","sources":["../../../../src/components/Form/FormFieldGroupExpandable.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAiC;AACjC,qEAAkE;
|
|
1
|
+
{"version":3,"file":"FormFieldGroupExpandable.js","sourceRoot":"","sources":["../../../../src/components/Form/FormFieldGroupExpandable.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAiC;AACjC,qEAAkE;AAoB3D,MAAM,wBAAwB,GAA2D,CAAC,EAQjE,EAAE,EAAE;QAR6D,EAC/F,QAAQ,EACR,SAAS,EACT,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,eAAe,EACf,aAAa,OAEiB,EAD3B,KAAK,sBAPuF,qFAQhG,CADS;IAER,MAAM,CAAC,eAAe,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,UAAU,CAAC,CAAC;IAE9D,OAAO,CACL,uBAAC,+CAAsB,kBACrB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,YAAY,QACZ,UAAU,EAAE,eAAe,EAC3B,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,eAAe,CAAC,EAC/C,aAAa,EAAE,aAAa,IACxB,KAAK,cAER,QAAQ,IACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,wBAAwB,4BAyBnC;AACF,gCAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}
|
|
@@ -14,6 +14,11 @@ export interface InternalFormFieldGroupProps extends Omit<React.HTMLProps<HTMLDi
|
|
|
14
14
|
onToggle?: () => void;
|
|
15
15
|
/** Aria-label to use on the form field group toggle button */
|
|
16
16
|
toggleAriaLabel?: string;
|
|
17
|
+
/** Flag indicating whether an expandable form field group has animations. This will always render
|
|
18
|
+
* nested field group content rather than dynamically rendering them. This prop will be removed in
|
|
19
|
+
* the next breaking change release in favor of defaulting to always-rendered items.
|
|
20
|
+
*/
|
|
21
|
+
hasAnimations?: boolean;
|
|
17
22
|
}
|
|
18
23
|
export declare const InternalFormFieldGroup: React.FunctionComponent<InternalFormFieldGroupProps>;
|
|
19
24
|
//# sourceMappingURL=InternalFormFieldGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternalFormFieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9G,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"InternalFormFieldGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,2BAA4B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9G,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAuDvF,CAAC"}
|
|
@@ -8,13 +8,13 @@ const react_styles_1 = require("@patternfly/react-styles");
|
|
|
8
8
|
const FormFieldGroupToggle_1 = require("./FormFieldGroupToggle");
|
|
9
9
|
const helpers_1 = require("../../helpers");
|
|
10
10
|
const InternalFormFieldGroup = (_a) => {
|
|
11
|
-
var { children, className, header, isExpandable, isExpanded, onToggle, toggleAriaLabel } = _a, props = tslib_1.__rest(_a, ["children", "className", "header", "isExpandable", "isExpanded", "onToggle", "toggleAriaLabel"]);
|
|
11
|
+
var { children, className, header, isExpandable, isExpanded, onToggle, toggleAriaLabel, hasAnimations } = _a, props = tslib_1.__rest(_a, ["children", "className", "header", "isExpandable", "isExpanded", "onToggle", "toggleAriaLabel", "hasAnimations"]);
|
|
12
12
|
const headerTitleText = header ? header.props.titleText : null;
|
|
13
13
|
if (isExpandable && !toggleAriaLabel && !headerTitleText) {
|
|
14
14
|
// eslint-disable-next-line no-console
|
|
15
15
|
console.error('FormFieldGroupExpandable:', 'toggleAriaLabel or the titleText prop of FormFieldGroupHeader is required to make the toggle button accessible');
|
|
16
16
|
}
|
|
17
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_styles_1.css)(form_1.default.formFieldGroup, isExpanded && isExpandable && form_1.default.modifiers.expanded, className), role: "group" }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id}` }), props, { children: [isExpandable && ((0, jsx_runtime_1.jsx)(helpers_1.GenerateId, { prefix: "form-field-group-toggle", children: (id) => ((0, jsx_runtime_1.jsx)(FormFieldGroupToggle_1.FormFieldGroupToggle, Object.assign({ onToggle: onToggle, isExpanded: isExpanded, "aria-label": toggleAriaLabel, toggleId: id }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id} ${id}` })))) })), header && header, (!isExpandable || (isExpandable && isExpanded)) && ((0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(form_1.default.formFieldGroupBody), children: children }))] })));
|
|
17
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_styles_1.css)(form_1.default.formFieldGroup, isExpanded && isExpandable && form_1.default.modifiers.expanded, hasAnimations && isExpandable && form_1.default.modifiers.expandable, className), role: "group" }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id}` }), props, { children: [isExpandable && ((0, jsx_runtime_1.jsx)(helpers_1.GenerateId, { prefix: "form-field-group-toggle", children: (id) => ((0, jsx_runtime_1.jsx)(FormFieldGroupToggle_1.FormFieldGroupToggle, Object.assign({ onToggle: onToggle, isExpanded: isExpanded, "aria-label": toggleAriaLabel, toggleId: id }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id} ${id}` })))) })), header && header, (!isExpandable || (isExpandable && isExpanded) || (hasAnimations && isExpandable)) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(form_1.default.formFieldGroupBody) }, (hasAnimations && isExpandable && !isExpanded && { inert: '' }), { children: children })))] })));
|
|
18
18
|
};
|
|
19
19
|
exports.InternalFormFieldGroup = InternalFormFieldGroup;
|
|
20
20
|
exports.InternalFormFieldGroup.displayName = 'InternalFormFieldGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternalFormFieldGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":";;;;;AAAA,qGAAuE;AACvE,2DAA+C;AAC/C,iEAA8D;AAC9D,2CAA2C;
|
|
1
|
+
{"version":3,"file":"InternalFormFieldGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":";;;;;AAAA,qGAAuE;AACvE,2DAA+C;AAC/C,iEAA8D;AAC9D,2CAA2C;AAwBpC,MAAM,sBAAsB,GAAyD,CAAC,EAU/D,EAAE,EAAE;QAV2D,EAC3F,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,eAAe,EACf,aAAa,OAEe,EADzB,KAAK,sBATmF,iHAU5F,CADS;IAER,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/D,IAAI,YAAY,IAAI,CAAC,eAAe,IAAI,CAAC,eAAe,EAAE,CAAC;QACzD,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,2BAA2B,EAC3B,gHAAgH,CACjH,CAAC;IACJ,CAAC;IACD,OAAO,CACL,+CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,cAAM,CAAC,cAAc,EACrB,UAAU,IAAI,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvD,aAAa,IAAI,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,UAAU,EAC5D,SAAS,CACV,EACD,IAAI,EAAC,OAAO,IACR,CAAC,eAAe,IAAI,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAC1E,KAAK,eAER,YAAY,IAAI,CACf,uBAAC,oBAAU,IAAC,MAAM,EAAC,yBAAyB,YACzC,CAAC,EAAE,EAAE,EAAE,CAAC,CACP,uBAAC,2CAAoB,kBACnB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,gBACV,eAAe,EAC3B,QAAQ,EAAE,EAAE,IACR,CAAC,eAAe,IAAI,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EACpF,CACH,GACU,CACd,EACA,MAAM,IAAI,MAAM,EAChB,CAAC,CAAC,YAAY,IAAI,CAAC,YAAY,IAAI,UAAU,CAAC,IAAI,CAAC,aAAa,IAAI,YAAY,CAAC,CAAC,IAAI,CACrF,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,kBAAkB,CAAC,IACrC,CAAC,aAAa,IAAI,YAAY,IAAI,CAAC,UAAU,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,cAElE,QAAQ,IACL,CACP,KACG,CACP,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,sBAAsB,0BAuDjC;AACF,8BAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
|