@patternfly/react-core 6.3.0-prerelease.20 → 6.3.0-prerelease.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Tile/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/esm/components/Button/Button.d.ts +8 -0
- package/dist/esm/components/Button/Button.d.ts.map +1 -1
- package/dist/esm/components/Button/Button.js +18 -5
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Button/hamburgerIcon.d.ts +2 -0
- package/dist/esm/components/Button/hamburgerIcon.d.ts.map +1 -0
- package/dist/esm/components/Button/hamburgerIcon.js +7 -0
- package/dist/esm/components/Button/hamburgerIcon.js.map +1 -0
- package/dist/esm/components/ClipboardCopy/ClipboardCopyToggle.js +1 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopyToggle.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts +2 -0
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +4 -3
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/Page/PageToggleButton.d.ts +4 -0
- package/dist/esm/components/Page/PageToggleButton.d.ts.map +1 -1
- package/dist/esm/components/Page/PageToggleButton.js +2 -2
- package/dist/esm/components/Page/PageToggleButton.js.map +1 -1
- package/dist/esm/demos/DashboardHeader.d.ts.map +1 -1
- package/dist/esm/demos/DashboardHeader.js +1 -2
- package/dist/esm/demos/DashboardHeader.js.map +1 -1
- package/dist/js/components/Button/Button.d.ts +8 -0
- package/dist/js/components/Button/Button.d.ts.map +1 -1
- package/dist/js/components/Button/Button.js +18 -5
- package/dist/js/components/Button/Button.js.map +1 -1
- package/dist/js/components/Button/hamburgerIcon.d.ts +2 -0
- package/dist/js/components/Button/hamburgerIcon.d.ts.map +1 -0
- package/dist/js/components/Button/hamburgerIcon.js +11 -0
- package/dist/js/components/Button/hamburgerIcon.js.map +1 -0
- package/dist/js/components/ClipboardCopy/ClipboardCopyToggle.js +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopyToggle.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.d.ts +2 -0
- package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +4 -3
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/Page/PageToggleButton.d.ts +4 -0
- package/dist/js/components/Page/PageToggleButton.d.ts.map +1 -1
- package/dist/js/components/Page/PageToggleButton.js +2 -2
- package/dist/js/components/Page/PageToggleButton.js.map +1 -1
- package/dist/js/demos/DashboardHeader.d.ts.map +1 -1
- package/dist/js/demos/DashboardHeader.js +1 -2
- package/dist/js/demos/DashboardHeader.js.map +1 -1
- package/dist/styles/base-no-reset.css +41 -0
- package/dist/styles/base.css +41 -0
- package/dist/umd/assets/{output-DzgMn5vn.css → output-BDZoYci_.css} +12340 -12278
- package/dist/umd/react-core.min.js +3 -3
- 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 +34 -4
- package/src/components/Button/__tests__/Button.test.tsx +373 -92
- package/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +1 -1
- package/src/components/Button/examples/Button.md +49 -13
- package/src/components/Button/examples/ButtonHamburger.tsx +9 -0
- package/src/components/Button/examples/ButtonSettings.tsx +10 -0
- package/src/components/Button/hamburgerIcon.tsx +13 -0
- package/src/components/ClipboardCopy/ClipboardCopyToggle.tsx +1 -1
- package/src/components/ClipboardCopy/__tests__/ClipboardCopyToggle.test.tsx +7 -1
- package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap +0 -1
- package/src/components/Masthead/examples/MastheadBasic.tsx +1 -2
- package/src/components/Masthead/examples/MastheadBasicMixedContent.tsx +1 -2
- package/src/components/Masthead/examples/MastheadDisplayInline.tsx +1 -2
- package/src/components/Masthead/examples/MastheadDisplayStack.tsx +1 -2
- package/src/components/Masthead/examples/MastheadDisplayStackInlineResponsive.tsx +1 -2
- package/src/components/Masthead/examples/MastheadInsets.tsx +1 -2
- package/src/components/Masthead/examples/MastheadLogoCustomComponent.tsx +1 -2
- package/src/components/MenuToggle/MenuToggle.tsx +6 -1
- package/src/components/MenuToggle/__tests__/MenuToggle.test.tsx +59 -45
- package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +9 -9
- package/src/components/MenuToggle/examples/MenuToggle.md +14 -30
- package/src/components/MenuToggle/examples/MenuToggleCustomIcon.tsx +17 -0
- package/src/components/MenuToggle/examples/MenuToggleSettings.tsx +8 -0
- package/src/components/Page/PageToggleButton.tsx +9 -2
- package/src/components/Page/examples/PageCenteredSection.tsx +2 -5
- package/src/components/Page/examples/PageGroupSection.tsx +2 -5
- package/src/components/Page/examples/PageMainSectionPadding.tsx +2 -5
- package/src/components/Page/examples/PageMainSectionVariations.tsx +2 -5
- package/src/components/Page/examples/PageMultipleSidebarBody.tsx +2 -5
- package/src/components/Page/examples/PageUncontrolledNav.tsx +1 -4
- package/src/components/Page/examples/PageVerticalNav.tsx +2 -5
- package/src/components/Page/examples/PageWithOrWithoutFill.tsx +2 -5
- package/src/demos/DashboardHeader.tsx +2 -5
- package/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +2 -5
- package/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +2 -5
- package/src/demos/RTL/examples/PaginatedTable.tsx +2 -9
- package/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx +1 -1
- package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +2 -5
- package/src/demos/examples/Nav/NavFlyout.tsx +3 -6
- package/src/demos/examples/Nav/NavHorizontal.tsx +1 -1
- package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +2 -5
- package/src/demos/examples/Nav/NavManual.tsx +3 -6
- package/src/demos/examples/Page/PageContextSelector.tsx +3 -6
- package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +2 -5
- package/src/demos/examples/Page/PageStickySectionGroup.tsx +2 -5
- package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +2 -5
- package/src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx +2 -3
- package/src/demos/examples/Wizard/InPageWithDrawer.tsx +1 -4
- package/src/demos/examples/Wizard/InPageWithDrawerInformationalStep.tsx +1 -4
|
@@ -11,6 +11,8 @@ const ouia_1 = require("../../helpers/OUIA/ouia");
|
|
|
11
11
|
const Badge_1 = require("../Badge");
|
|
12
12
|
const star_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/star-icon'));
|
|
13
13
|
const outlined_star_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/outlined-star-icon'));
|
|
14
|
+
const cog_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/cog-icon'));
|
|
15
|
+
const hamburgerIcon_1 = require("./hamburgerIcon");
|
|
14
16
|
var ButtonVariant;
|
|
15
17
|
(function (ButtonVariant) {
|
|
16
18
|
ButtonVariant["primary"] = "primary";
|
|
@@ -42,17 +44,22 @@ var ButtonState;
|
|
|
42
44
|
ButtonState["attention"] = "attention";
|
|
43
45
|
})(ButtonState || (exports.ButtonState = ButtonState = {}));
|
|
44
46
|
const ButtonBase = (_a) => {
|
|
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 (
|
|
47
|
+
var { children = null, className = '', component = 'button', isClicked = false, isBlock = false, isDisabled = false, isAriaDisabled = false, isLoading = null, isDanger = false, isExpanded, isSettings, isHamburger, hamburgerVariant, 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", "isExpanded", "isSettings", "isHamburger", "hamburgerVariant", "spinnerAriaValueText", "spinnerAriaLabelledBy", "spinnerAriaLabel", "size", "inoperableEvents", "isInline", "isFavorite", "isFavorited", "type", "variant", "state", "hasNoPadding", "iconPosition", 'aria-label', "icon", "role", "ouiaId", "ouiaSafe", "tabIndex", "innerRef", "countOptions"]);
|
|
48
|
+
if (isHamburger && ![true, false].includes(isExpanded)) {
|
|
47
49
|
// eslint-disable-next-line no-console
|
|
48
|
-
console.error('Button:
|
|
50
|
+
console.error('Button: when the isHamburger property is passed in, you must also pass in a boolean value to the isExpanded property. It is expected that a hamburger button controls the expansion of other content.');
|
|
51
|
+
}
|
|
52
|
+
// TODO: Remove isSettings || isHamburger || isFavorite conditional in breaking change to throw this warning for any button that does not have children or aria name
|
|
53
|
+
if ((isSettings || isHamburger || isFavorite) && !ariaLabel && !children && !props['aria-labelledby']) {
|
|
54
|
+
// eslint-disable-next-line no-console
|
|
55
|
+
console.error('Button: you must provide either visible text content or an accessible name via the aria-label or aria-labelledby properties.');
|
|
49
56
|
}
|
|
50
57
|
const ouiaProps = (0, ouia_1.useOUIAProps)(exports.Button.displayName, ouiaId, ouiaSafe, variant);
|
|
51
58
|
const Component = component;
|
|
52
59
|
const isButtonElement = Component === 'button';
|
|
53
60
|
const isInlineSpan = isInline && Component === 'span';
|
|
54
61
|
const isIconAlignedAtEnd = iconPosition === 'end' || iconPosition === 'right';
|
|
55
|
-
const shouldOverrideIcon = isFavorite;
|
|
62
|
+
const shouldOverrideIcon = isSettings || isHamburger || isFavorite;
|
|
56
63
|
const preventedEvents = inoperableEvents.reduce((handlers, eventToPrevent) => (Object.assign(Object.assign({}, handlers), { [eventToPrevent]: (event) => {
|
|
57
64
|
event.preventDefault();
|
|
58
65
|
} })), {});
|
|
@@ -72,6 +79,12 @@ const ButtonBase = (_a) => {
|
|
|
72
79
|
if (isFavorite) {
|
|
73
80
|
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
81
|
}
|
|
82
|
+
if (isSettings) {
|
|
83
|
+
iconContent = (0, jsx_runtime_1.jsx)(cog_icon_1.default, {});
|
|
84
|
+
}
|
|
85
|
+
if (isHamburger) {
|
|
86
|
+
iconContent = hamburgerIcon_1.hamburgerIcon;
|
|
87
|
+
}
|
|
75
88
|
if (icon && !shouldOverrideIcon) {
|
|
76
89
|
iconContent = icon;
|
|
77
90
|
}
|
|
@@ -81,7 +94,7 @@ const ButtonBase = (_a) => {
|
|
|
81
94
|
const _children = children && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)('pf-v6-c-button__text'), children: children });
|
|
82
95
|
// We only want to render the aria-disabled attribute when true, similar to the disabled attribute natively.
|
|
83
96
|
const shouldRenderAriaDisabled = isAriaDisabled || (!isButtonElement && isDisabled);
|
|
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 }) }))] })));
|
|
97
|
+
return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ "aria-expanded": isExpanded }, 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], isSettings && button_1.default.modifiers.settings, isHamburger && button_1.default.modifiers.hamburger, isHamburger && hamburgerVariant && button_1.default.modifiers[hamburgerVariant], 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 }) }))] })));
|
|
85
98
|
};
|
|
86
99
|
exports.Button = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)(ButtonBase, Object.assign({ innerRef: ref }, props)));
|
|
87
100
|
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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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hamburgerIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/hamburgerIcon.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa,yCAOzB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.hamburgerIcon = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const button_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Button/button"));
|
|
7
|
+
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
|
+
// Because this is such a specific icon that requires being wrapped in a pf-v[current version]-c-button element,
|
|
9
|
+
// we don't want to export this to consumers nor include it in the react-icons package as a custom icon.
|
|
10
|
+
exports.hamburgerIcon = ((0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 10 10", className: "pf-v6-c-button--hamburger-icon pf-v6-svg", width: "1em", height: "1em", children: [(0, jsx_runtime_1.jsx)("path", { className: (0, react_styles_1.css)(button_1.default.buttonHamburgerIconTop), d: "M1,1 L9,1" }), (0, jsx_runtime_1.jsx)("path", { className: (0, react_styles_1.css)(button_1.default.buttonHamburgerIconMiddle), d: "M1,5 L9,5" }), (0, jsx_runtime_1.jsx)("path", { className: (0, react_styles_1.css)(button_1.default.buttonHamburgerIconArrow), d: "M1,5 L1,5 L1,5" }), (0, jsx_runtime_1.jsx)("path", { className: (0, react_styles_1.css)(button_1.default.buttonHamburgerIconBottom), d: "M9,9 L1,9" })] }));
|
|
11
|
+
//# sourceMappingURL=hamburgerIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hamburgerIcon.js","sourceRoot":"","sources":["../../../../src/components/Button/hamburgerIcon.tsx"],"names":[],"mappings":";;;;;AAAA,2GAA2E;AAC3E,2DAA+C;AAE/C,gHAAgH;AAChH,wGAAwG;AAC3F,QAAA,aAAa,GAAG,CAC3B,iCAAK,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,0CAA0C,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,aACpG,iCAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,sBAAsB,CAAC,EAAE,CAAC,EAAC,WAAW,GAAQ,EAC1E,iCAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,yBAAyB,CAAC,EAAE,CAAC,EAAC,WAAW,GAAQ,EAC7E,iCAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,wBAAwB,CAAC,EAAE,CAAC,EAAC,gBAAgB,GAAQ,EACjF,iCAAM,SAAS,EAAE,IAAA,kBAAG,EAAC,gBAAM,CAAC,yBAAyB,CAAC,EAAE,CAAC,EAAC,WAAW,GAAQ,IACzE,CACP,CAAC"}
|
|
@@ -9,7 +9,7 @@ const angle_right_icon_1 = tslib_1.__importDefault(require('@patternfly/react-ic
|
|
|
9
9
|
const Button_1 = require("../Button");
|
|
10
10
|
const ClipboardCopyToggle = (_a) => {
|
|
11
11
|
var { onClick, id, textId, contentId, isExpanded = false } = _a, props = tslib_1.__rest(_a, ["onClick", "id", "textId", "contentId", "isExpanded"]);
|
|
12
|
-
return ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ type: "button", variant: "control", onClick: onClick, id: id, "aria-labelledby": `${id} ${textId}`, "aria-controls": contentId, "aria-expanded": isExpanded }, props, { icon: (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(clipboard_copy_1.default.clipboardCopyToggleIcon), children: (0, jsx_runtime_1.jsx)(angle_right_icon_1.default, {}) }) })));
|
|
12
|
+
return ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ type: "button", variant: "control", onClick: onClick, id: id, "aria-labelledby": `${id} ${textId}`, "aria-controls": isExpanded ? contentId : undefined, "aria-expanded": isExpanded }, props, { icon: (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(clipboard_copy_1.default.clipboardCopyToggleIcon), children: (0, jsx_runtime_1.jsx)(angle_right_icon_1.default, {}) }) })));
|
|
13
13
|
};
|
|
14
14
|
exports.ClipboardCopyToggle = ClipboardCopyToggle;
|
|
15
15
|
exports.ClipboardCopyToggle.displayName = 'ClipboardCopyToggle';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClipboardCopyToggle.js","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopyToggle.tsx"],"names":[],"mappings":";;;;;AAAA,kIAA0F;AAC1F,2DAA+C;;AAE/C,sCAAmC;AAY5B,MAAM,mBAAmB,GAAsD,CAAC,EAO5D,EAAE,EAAE;QAPwD,EACrF,OAAO,EACP,EAAE,EACF,MAAM,EACN,SAAS,EACT,UAAU,GAAG,KAAK,OAEO,EADtB,KAAK,sBAN6E,sDAOtF,CADS;IACsB,OAAA,CAC9B,uBAAC,eAAM,kBACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,qBACW,GAAG,EAAE,IAAI,MAAM,EAAE,mBACnB,SAAS,
|
|
1
|
+
{"version":3,"file":"ClipboardCopyToggle.js","sourceRoot":"","sources":["../../../../src/components/ClipboardCopy/ClipboardCopyToggle.tsx"],"names":[],"mappings":";;;;;AAAA,kIAA0F;AAC1F,2DAA+C;;AAE/C,sCAAmC;AAY5B,MAAM,mBAAmB,GAAsD,CAAC,EAO5D,EAAE,EAAE;QAPwD,EACrF,OAAO,EACP,EAAE,EACF,MAAM,EACN,SAAS,EACT,UAAU,GAAG,KAAK,OAEO,EADtB,KAAK,sBAN6E,sDAOtF,CADS;IACsB,OAAA,CAC9B,uBAAC,eAAM,kBACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,qBACW,GAAG,EAAE,IAAI,MAAM,EAAE,mBACnB,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,mBAClC,UAAU,IACrB,KAAK,IACT,IAAI,EACF,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,wBAAM,CAAC,uBAAuB,CAAC,YACjD,uBAAC,0BAAc,KAAG,GACd,IAER,CACH,CAAA;CAAA,CAAC;AAvBW,QAAA,mBAAmB,uBAuB9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}
|
|
@@ -26,6 +26,8 @@ export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.Butt
|
|
|
26
26
|
isFullWidth?: boolean;
|
|
27
27
|
/** Flag indicating the toggle contains placeholder text */
|
|
28
28
|
isPlaceholder?: boolean;
|
|
29
|
+
/** Flag indicating whether the toggle is a settings toggle. This will override the icon property */
|
|
30
|
+
isSettings?: boolean;
|
|
29
31
|
/** Elements to display before the toggle button. When included, renders the menu toggle as a split button. */
|
|
30
32
|
splitButtonItems?: React.ReactNode[];
|
|
31
33
|
/** Variant styles of the menu toggle */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,OAAO,EAAE,SAAS,EAAkC,MAAM,eAAe,CAAC;AAE1E,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB;AAED,oBAAY,cAAc;IACxB,OAAO,YAAY;IACnB,EAAE,OAAO;CACV;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,KAAK,CAAC,iBAAiB,CACrB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpF,iBAAiB,CAClB,EACD,KAAK,CACN,EACD,SAAS;IACX,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oGAAoG;IACpG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8GAA8G;IAC9G,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACrC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,uCAAuC;IACvC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1C,gCAAgC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACxC,iHAAiH;IACjH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA0KD,eAAO,MAAM,UAAU,+GAErB,CAAC"}
|
|
@@ -7,6 +7,7 @@ const react_1 = require("react");
|
|
|
7
7
|
const menu_toggle_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/MenuToggle/menu-toggle"));
|
|
8
8
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
9
9
|
const caret_down_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/caret-down-icon'));
|
|
10
|
+
const cog_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/cog-icon'));
|
|
10
11
|
const check_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/check-circle-icon'));
|
|
11
12
|
const exclamation_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-circle-icon'));
|
|
12
13
|
const exclamation_triangle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon'));
|
|
@@ -31,7 +32,7 @@ class MenuToggleBase extends react_1.Component {
|
|
|
31
32
|
};
|
|
32
33
|
}
|
|
33
34
|
render() {
|
|
34
|
-
const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, isPlaceholder, splitButtonItems, variant, status, statusIcon, innerRef, onClick, 'aria-label': ariaLabel, ouiaId, ouiaSafe, size } = _a, otherProps = tslib_1.__rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "isPlaceholder", "splitButtonItems", "variant", "status", "statusIcon", "innerRef", "onClick", 'aria-label', "ouiaId", "ouiaSafe", "size"]);
|
|
35
|
+
const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, isPlaceholder, isSettings, splitButtonItems, variant, status, statusIcon, innerRef, onClick, 'aria-label': ariaLabel, ouiaId, ouiaSafe, size } = _a, otherProps = tslib_1.__rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "isPlaceholder", "isSettings", "splitButtonItems", "variant", "status", "statusIcon", "innerRef", "onClick", 'aria-label', "ouiaId", "ouiaSafe", "size"]);
|
|
35
36
|
const isPlain = variant === 'plain';
|
|
36
37
|
const isPlainText = variant === 'plainText';
|
|
37
38
|
const isTypeahead = variant === 'typeahead';
|
|
@@ -51,8 +52,8 @@ class MenuToggleBase extends react_1.Component {
|
|
|
51
52
|
}
|
|
52
53
|
}
|
|
53
54
|
const toggleControls = ((0, jsx_runtime_1.jsxs)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleControls), children: [status !== undefined && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleStatusIcon), children: _statusIcon }), (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleToggleIcon), children: (0, jsx_runtime_1.jsx)(caret_down_icon_1.default, {}) })] }));
|
|
54
|
-
const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleIcon), children: icon }), isTypeahead ? children : children && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleText), children: children }), (0, react_1.isValidElement)(badge) && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleCount), children: badge }), isTypeahead ? ((0, jsx_runtime_1.jsx)("button", Object.assign({ type: "button", className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleButton), "aria-expanded": isExpanded, onClick: onClick, "aria-label": ariaLabel || 'Menu toggle', tabIndex: -1 }, ouiaProps, { children: toggleControls }))) : (!isPlain && toggleControls)] }));
|
|
55
|
-
const commonStyles = (0, react_styles_1.css)(menu_toggle_1.default.menuToggle, isExpanded && menu_toggle_1.default.modifiers.expanded, variant === 'primary' && menu_toggle_1.default.modifiers.primary, variant === 'secondary' && menu_toggle_1.default.modifiers.secondary, status && menu_toggle_1.default.modifiers[status], (isPlain || isPlainText) && menu_toggle_1.default.modifiers.plain, isPlainText && 'pf-m-text', isFullHeight && menu_toggle_1.default.modifiers.fullHeight, isFullWidth && menu_toggle_1.default.modifiers.fullWidth, isDisabled && menu_toggle_1.default.modifiers.disabled, isPlaceholder && menu_toggle_1.default.modifiers.placeholder, size === MenuToggleSize.sm && menu_toggle_1.default.modifiers.small, className);
|
|
55
|
+
const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(icon || isSettings) && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleIcon), children: isSettings ? (0, jsx_runtime_1.jsx)(cog_icon_1.default, {}) : icon }), isTypeahead ? children : children && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleText), children: children }), (0, react_1.isValidElement)(badge) && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleCount), children: badge }), isTypeahead ? ((0, jsx_runtime_1.jsx)("button", Object.assign({ type: "button", className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleButton), "aria-expanded": isExpanded, onClick: onClick, "aria-label": ariaLabel || 'Menu toggle', tabIndex: -1 }, ouiaProps, { children: toggleControls }))) : (!isPlain && toggleControls)] }));
|
|
56
|
+
const commonStyles = (0, react_styles_1.css)(menu_toggle_1.default.menuToggle, isExpanded && menu_toggle_1.default.modifiers.expanded, variant === 'primary' && menu_toggle_1.default.modifiers.primary, variant === 'secondary' && menu_toggle_1.default.modifiers.secondary, status && menu_toggle_1.default.modifiers[status], (isPlain || isPlainText) && menu_toggle_1.default.modifiers.plain, isPlainText && 'pf-m-text', isFullHeight && menu_toggle_1.default.modifiers.fullHeight, isFullWidth && menu_toggle_1.default.modifiers.fullWidth, isDisabled && menu_toggle_1.default.modifiers.disabled, isPlaceholder && menu_toggle_1.default.modifiers.placeholder, isSettings && menu_toggle_1.default.modifiers.settings, size === MenuToggleSize.sm && menu_toggle_1.default.modifiers.small, className);
|
|
56
57
|
const componentProps = Object.assign(Object.assign({ children: content }, (isDisabled && { disabled: true })), otherProps);
|
|
57
58
|
if (isTypeahead) {
|
|
58
59
|
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: innerRef, className: (0, react_styles_1.css)(commonStyles, menu_toggle_1.default.modifiers.typeahead) }, componentProps)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA8D;AAC9D,yHAAoF;AACpF,2DAA+C
|
|
1
|
+
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,10 @@ export interface PageToggleButtonProps extends ButtonProps {
|
|
|
9
9
|
onSidebarToggle?: () => void;
|
|
10
10
|
/** Button id */
|
|
11
11
|
id?: string;
|
|
12
|
+
/** Adds an accessible name to the toggle button. */
|
|
13
|
+
'aria-label'?: string;
|
|
14
|
+
/** Flag indicating whether the hamburger button variation with animations should be used. */
|
|
15
|
+
isHamburgerButton?: boolean;
|
|
12
16
|
}
|
|
13
17
|
export declare const PageToggleButton: React.FunctionComponent<PageToggleButtonProps>;
|
|
14
18
|
//# sourceMappingURL=PageToggleButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAG7E,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4IAA4I;IAC5I,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"PageToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAG7E,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4IAA4I;IAC5I,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6FAA6F;IAC7F,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAiC3E,CAAC"}
|
|
@@ -6,11 +6,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const Button_1 = require("../../components/Button");
|
|
7
7
|
const PageContext_1 = require("./PageContext");
|
|
8
8
|
const PageToggleButton = (_a) => {
|
|
9
|
-
var { children, isSidebarOpen = true, onSidebarToggle = () => undefined, id = 'nav-toggle' } = _a, props = tslib_1.__rest(_a, ["children", "isSidebarOpen", "onSidebarToggle", "id"]);
|
|
9
|
+
var { children, isSidebarOpen = true, onSidebarToggle = () => undefined, id = 'nav-toggle', 'aria-label': ariaLabel = 'Side navigation toggle', isHamburgerButton } = _a, props = tslib_1.__rest(_a, ["children", "isSidebarOpen", "onSidebarToggle", "id", 'aria-label', "isHamburgerButton"]);
|
|
10
10
|
return ((0, jsx_runtime_1.jsx)(PageContext_1.PageContextConsumer, { children: ({ isManagedSidebar, onSidebarToggle: managedOnSidebarToggle, isSidebarOpen: managedIsSidebarOpen }) => {
|
|
11
11
|
const sidebarToggle = isManagedSidebar ? managedOnSidebarToggle : onSidebarToggle;
|
|
12
12
|
const sidebarOpen = isManagedSidebar ? managedIsSidebarOpen : isSidebarOpen;
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ id: id, onClick: sidebarToggle, "aria-label":
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ id: id, onClick: sidebarToggle, "aria-label": ariaLabel, "aria-expanded": sidebarOpen ? 'true' : 'false', variant: Button_1.ButtonVariant.plain, isHamburger: isHamburgerButton }, props, { children: !isHamburgerButton && children })));
|
|
14
14
|
} }));
|
|
15
15
|
};
|
|
16
16
|
exports.PageToggleButton = PageToggleButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageToggleButton.js","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":";;;;;AAAA,oDAA6E;AAC7E,+CAAsE;
|
|
1
|
+
{"version":3,"file":"PageToggleButton.js","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":";;;;;AAAA,oDAA6E;AAC7E,+CAAsE;AAiB/D,MAAM,gBAAgB,GAAmD,CAAC,EAQzD,EAAE,EAAE;QARqD,EAC/E,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,eAAe,GAAG,GAAG,EAAE,CAAC,SAAgB,EACxC,EAAE,GAAG,YAAY,EACjB,YAAY,EAAE,SAAS,GAAG,wBAAwB,EAClD,iBAAiB,OAEK,EADnB,KAAK,sBAPuE,yFAQhF,CADS;IACmB,OAAA,CAC3B,uBAAC,iCAAmB,cACjB,CAAC,EACA,gBAAgB,EAChB,eAAe,EAAE,sBAAsB,EACvC,aAAa,EAAE,oBAAoB,EAClB,EAAE,EAAE;YACrB,MAAM,aAAa,GAAG,gBAAgB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,eAAe,CAAC;YAClF,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,aAAa,CAAC;YAE5E,OAAO,CACL,uBAAC,eAAM,kBACL,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,aAAa,gBACV,SAAS,mBACN,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,OAAO,EAAE,sBAAa,CAAC,KAAK,EAC5B,WAAW,EAAE,iBAAiB,IAC1B,KAAK,cAER,CAAC,iBAAiB,IAAI,QAAQ,IACxB,CACV,CAAC;QACJ,CAAC,GACmB,CACvB,CAAA;CAAA,CAAC;AAjCW,QAAA,gBAAgB,oBAiC3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardHeader.d.ts","sourceRoot":"","sources":["../../../src/demos/DashboardHeader.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"DashboardHeader.d.ts","sourceRoot":"","sources":["../../../src/demos/DashboardHeader.tsx"],"names":[],"mappings":";AA+BA,UAAU,oBAAoB;IAC5B,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsM1D,CAAC"}
|
|
@@ -5,7 +5,6 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const components_1 = require("../components");
|
|
8
|
-
const bars_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/bars-icon'));
|
|
9
8
|
const cog_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/cog-icon'));
|
|
10
9
|
const help_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/help-icon'));
|
|
11
10
|
const question_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/question-circle-icon'));
|
|
@@ -36,7 +35,7 @@ const DashboardHeader = ({ notificationBadge }) => {
|
|
|
36
35
|
const onFullKebabSelect = () => {
|
|
37
36
|
setIsFullKebabDropdownOpen(false);
|
|
38
37
|
};
|
|
39
|
-
return ((0, jsx_runtime_1.jsxs)(components_1.Masthead, { children: [(0, jsx_runtime_1.jsxs)(components_1.MastheadMain, { children: [(0, jsx_runtime_1.jsx)(components_1.MastheadToggle, { children: (0, jsx_runtime_1.jsx)(components_1.PageToggleButton, {
|
|
38
|
+
return ((0, jsx_runtime_1.jsxs)(components_1.Masthead, { children: [(0, jsx_runtime_1.jsxs)(components_1.MastheadMain, { children: [(0, jsx_runtime_1.jsx)(components_1.MastheadToggle, { children: (0, jsx_runtime_1.jsx)(components_1.PageToggleButton, { isHamburgerButton: true, "aria-label": "Global navigation" }) }), (0, jsx_runtime_1.jsx)(components_1.MastheadBrand, { children: (0, jsx_runtime_1.jsx)(components_1.MastheadLogo, { children: patternflyLogo }) })] }), (0, jsx_runtime_1.jsx)(components_1.MastheadContent, { children: (0, jsx_runtime_1.jsx)(components_1.Toolbar, { id: "toolbar", isStatic: true, children: (0, jsx_runtime_1.jsxs)(components_1.ToolbarContent, { children: [(0, jsx_runtime_1.jsxs)(components_1.ToolbarGroup, { variant: "action-group-plain", align: { default: 'alignEnd' }, gap: { default: 'gapNone', md: 'gapMd' }, children: [notificationBadge !== null && notificationBadge !== void 0 ? notificationBadge : ((0, jsx_runtime_1.jsx)(components_1.ToolbarItem, { children: (0, jsx_runtime_1.jsx)(components_1.NotificationBadge, { "aria-label": "Notifications", variant: components_1.NotificationBadgeVariant.read, onClick: () => { } }) })), (0, jsx_runtime_1.jsxs)(components_1.ToolbarGroup, { variant: "action-group-plain", visibility: { default: 'hidden', lg: 'visible' }, children: [(0, jsx_runtime_1.jsx)(components_1.ToolbarItem, { children: (0, jsx_runtime_1.jsx)(components_1.Button, { "aria-label": "Settings", isSettings: true, variant: "plain" }) }), (0, jsx_runtime_1.jsx)(components_1.ToolbarItem, { children: (0, jsx_runtime_1.jsx)(components_1.Button, { "aria-label": "Help", variant: components_1.ButtonVariant.plain, icon: (0, jsx_runtime_1.jsx)(question_circle_icon_1.default, {}) }) })] }), (0, jsx_runtime_1.jsx)(components_1.ToolbarItem, { visibility: { default: 'hidden', md: 'visible', lg: 'hidden' }, children: (0, jsx_runtime_1.jsx)(components_1.Dropdown, { isOpen: isKebabDropdownOpen, onSelect: onKebabDropdownSelect, onOpenChange: setIsKebabDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => ((0, jsx_runtime_1.jsx)(components_1.MenuToggle, { ref: toggleRef, isExpanded: isKebabDropdownOpen, onClick: onKebabDropdownToggle, variant: "plain", "aria-label": "Settings and help", icon: (0, jsx_runtime_1.jsx)(ellipsis_v_icon_1.default, {}) })), children: (0, jsx_runtime_1.jsx)(components_1.DropdownList, { children: kebabDropdownItems }) }) }), (0, jsx_runtime_1.jsx)(components_1.ToolbarItem, { visibility: { md: 'hidden' }, children: (0, jsx_runtime_1.jsxs)(components_1.Dropdown, { isOpen: isFullKebabDropdownOpen, onSelect: onFullKebabSelect, onOpenChange: setIsFullKebabDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => ((0, jsx_runtime_1.jsx)(components_1.MenuToggle, { ref: toggleRef, isExpanded: isFullKebabDropdownOpen, onClick: onFullKebabToggle, variant: "plain", "aria-label": "Toolbar menu", icon: (0, jsx_runtime_1.jsx)(ellipsis_v_icon_1.default, {}) })), children: [(0, jsx_runtime_1.jsx)(components_1.DropdownGroup, { "aria-label": "User actions", children: (0, jsx_runtime_1.jsx)(components_1.DropdownList, { children: userDropdownItems }) }, "group 2"), (0, jsx_runtime_1.jsx)(components_1.Divider, {}), (0, jsx_runtime_1.jsx)(components_1.DropdownList, { children: kebabDropdownItems })] }) })] }), (0, jsx_runtime_1.jsx)(components_1.ToolbarItem, { visibility: { default: 'hidden', md: 'visible' }, children: (0, jsx_runtime_1.jsx)(components_1.Dropdown, { isOpen: isDropdownOpen, onSelect: onDropdownSelect, onOpenChange: setIsDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => ((0, jsx_runtime_1.jsx)(components_1.MenuToggle, { ref: toggleRef, isExpanded: isDropdownOpen, onClick: onDropdownToggle, icon: (0, jsx_runtime_1.jsx)(components_1.Avatar, { src: avatarImg_svg_1.default, alt: "", size: "sm" }), children: "Ned Username" })), children: (0, jsx_runtime_1.jsx)(components_1.DropdownList, { children: userDropdownItems }) }) })] }) }) })] }));
|
|
40
39
|
};
|
|
41
40
|
exports.DashboardHeader = DashboardHeader;
|
|
42
41
|
exports.DashboardHeader.displayName = 'DashboardHeader';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/demos/DashboardHeader.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAiC;AACjC,8CAuBuB
|
|
1
|
+
{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/demos/DashboardHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -59,6 +59,47 @@
|
|
|
59
59
|
--pf-t--global--duration--50: 1ms !important;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
+
:root {
|
|
63
|
+
--pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
|
|
64
|
+
--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
@property --pf-v6-global--danger-jiggle--TranslateX {
|
|
68
|
+
syntax: "<length>";
|
|
69
|
+
inherits: false;
|
|
70
|
+
initial-value: 0;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
@keyframes pf-v6-global-danger-jiggle-motion {
|
|
74
|
+
33% {
|
|
75
|
+
--pf-v6-global--danger-jiggle--TranslateX: -2px;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
66% {
|
|
79
|
+
--pf-v6-global--danger-jiggle--TranslateX: 3px;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
@keyframes pf-v6-global-fade-in {
|
|
84
|
+
from {
|
|
85
|
+
opacity: 0;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
to {
|
|
89
|
+
opacity: 1;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
@keyframes pf-v6-global-fade-out {
|
|
94
|
+
from {
|
|
95
|
+
opacity: 1;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
to {
|
|
99
|
+
opacity: 0;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
62
103
|
@font-face {
|
|
63
104
|
font-family: "Red Hat Text";
|
|
64
105
|
font-style: normal;
|
package/dist/styles/base.css
CHANGED
|
@@ -195,6 +195,47 @@ button) {
|
|
|
195
195
|
--pf-t--global--duration--50: 1ms !important;
|
|
196
196
|
}
|
|
197
197
|
|
|
198
|
+
:root {
|
|
199
|
+
--pf-v6-global--danger-jiggle--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
|
|
200
|
+
--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
@property --pf-v6-global--danger-jiggle--TranslateX {
|
|
204
|
+
syntax: "<length>";
|
|
205
|
+
inherits: false;
|
|
206
|
+
initial-value: 0;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
@keyframes pf-v6-global-danger-jiggle-motion {
|
|
210
|
+
33% {
|
|
211
|
+
--pf-v6-global--danger-jiggle--TranslateX: -2px;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
66% {
|
|
215
|
+
--pf-v6-global--danger-jiggle--TranslateX: 3px;
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
@keyframes pf-v6-global-fade-in {
|
|
220
|
+
from {
|
|
221
|
+
opacity: 0;
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
to {
|
|
225
|
+
opacity: 1;
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
|
|
229
|
+
@keyframes pf-v6-global-fade-out {
|
|
230
|
+
from {
|
|
231
|
+
opacity: 1;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
to {
|
|
235
|
+
opacity: 0;
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
|
|
198
239
|
@font-face {
|
|
199
240
|
font-family: "Red Hat Text";
|
|
200
241
|
font-style: normal;
|