@patternfly/react-core 4.225.2 → 4.225.3
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 +8 -0
- package/dist/esm/components/Alert/Alert.d.ts.map +1 -1
- package/dist/esm/components/Alert/Alert.js +2 -2
- package/dist/esm/components/Alert/Alert.js.map +1 -1
- package/dist/esm/components/Menu/MenuGroup.d.ts +3 -1
- package/dist/esm/components/Menu/MenuGroup.d.ts.map +1 -1
- package/dist/esm/components/Menu/MenuGroup.js +2 -2
- package/dist/esm/components/Menu/MenuGroup.js.map +1 -1
- package/dist/esm/components/Nav/Nav.d.ts +1 -1
- package/dist/esm/components/Nav/Nav.d.ts.map +1 -1
- package/dist/esm/components/OptionsMenu/OptionsMenuItemGroup.js +2 -2
- package/dist/esm/components/OptionsMenu/OptionsMenuItemGroup.js.map +1 -1
- package/dist/esm/components/OptionsMenu/OptionsMenuToggleWithText.d.ts.map +1 -1
- package/dist/esm/components/OptionsMenu/OptionsMenuToggleWithText.js +4 -3
- package/dist/esm/components/OptionsMenu/OptionsMenuToggleWithText.js.map +1 -1
- package/dist/esm/components/Page/PageHeader.d.ts +2 -0
- package/dist/esm/components/Page/PageHeader.d.ts.map +1 -1
- package/dist/esm/components/Page/PageHeader.js +2 -2
- package/dist/esm/components/Page/PageHeader.js.map +1 -1
- package/dist/esm/components/Page/PageSidebar.d.ts +2 -0
- package/dist/esm/components/Page/PageSidebar.d.ts.map +1 -1
- package/dist/esm/components/Page/PageSidebar.js +3 -3
- package/dist/esm/components/Page/PageSidebar.js.map +1 -1
- package/dist/esm/components/Page/PageToggleButton.d.ts +2 -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/components/Tabs/TabContent.d.ts.map +1 -1
- package/dist/esm/components/Tabs/TabContent.js +4 -2
- package/dist/esm/components/Tabs/TabContent.js.map +1 -1
- package/dist/js/components/Alert/Alert.d.ts.map +1 -1
- package/dist/js/components/Alert/Alert.js +2 -2
- package/dist/js/components/Alert/Alert.js.map +1 -1
- package/dist/js/components/Menu/MenuGroup.d.ts +3 -1
- package/dist/js/components/Menu/MenuGroup.d.ts.map +1 -1
- package/dist/js/components/Menu/MenuGroup.js +2 -2
- package/dist/js/components/Menu/MenuGroup.js.map +1 -1
- package/dist/js/components/Nav/Nav.d.ts +1 -1
- package/dist/js/components/Nav/Nav.d.ts.map +1 -1
- package/dist/js/components/OptionsMenu/OptionsMenuItemGroup.js +2 -2
- package/dist/js/components/OptionsMenu/OptionsMenuItemGroup.js.map +1 -1
- package/dist/js/components/OptionsMenu/OptionsMenuToggleWithText.d.ts.map +1 -1
- package/dist/js/components/OptionsMenu/OptionsMenuToggleWithText.js +4 -3
- package/dist/js/components/OptionsMenu/OptionsMenuToggleWithText.js.map +1 -1
- package/dist/js/components/Page/PageHeader.d.ts +2 -0
- package/dist/js/components/Page/PageHeader.d.ts.map +1 -1
- package/dist/js/components/Page/PageHeader.js +2 -2
- package/dist/js/components/Page/PageHeader.js.map +1 -1
- package/dist/js/components/Page/PageSidebar.d.ts +2 -0
- package/dist/js/components/Page/PageSidebar.d.ts.map +1 -1
- package/dist/js/components/Page/PageSidebar.js +3 -3
- package/dist/js/components/Page/PageSidebar.js.map +1 -1
- package/dist/js/components/Page/PageToggleButton.d.ts +2 -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/components/Tabs/TabContent.d.ts.map +1 -1
- package/dist/js/components/Tabs/TabContent.js +4 -2
- package/dist/js/components/Tabs/TabContent.js.map +1 -1
- package/dist/umd/react-core.js +20 -18
- package/dist/umd/react-core.min.js +2 -2
- package/package.json +5 -5
- package/src/components/Alert/Alert.tsx +0 -2
- package/src/components/Alert/__tests__/__snapshots__/Alert.test.tsx.snap +0 -35
- package/src/components/Masthead/examples/Masthead.md +3 -3
- package/src/components/Menu/MenuGroup.tsx +5 -2
- package/src/components/Menu/examples/Menu.md +25 -25
- package/src/components/Menu/examples/MenuDrilldown.tsx +9 -9
- package/src/components/Menu/examples/MenuDrilldownInitialState.tsx +15 -12
- package/src/components/Menu/examples/MenuDrilldownSubmenuFunctions.tsx +9 -9
- package/src/components/Nav/Nav.tsx +1 -1
- package/src/components/Nav/examples/Nav.md +57 -57
- package/src/components/Nav/examples/NavDrilldown.tsx +1 -1
- package/src/components/OptionsMenu/OptionsMenuItemGroup.tsx +2 -2
- package/src/components/OptionsMenu/OptionsMenuToggleWithText.tsx +29 -24
- package/src/components/OptionsMenu/__tests__/Generated/__snapshots__/OptionsMenuItemGroup.test.tsx.snap +2 -0
- package/src/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap +5 -1
- package/src/components/OptionsMenu/examples/OptionsMenu.md +11 -11
- package/src/components/Page/PageHeader.tsx +4 -1
- package/src/components/Page/PageSidebar.tsx +5 -2
- package/src/components/Page/PageToggleButton.tsx +4 -1
- package/src/components/Page/examples/Page.md +23 -17
- package/src/components/Page/examples/page.css +3 -0
- package/src/components/Select/examples/Select.md +10 -10
- package/src/components/Tabs/TabContent.tsx +2 -1
- package/src/components/Tabs/examples/Tabs.md +139 -143
- package/src/components/Tabs/examples/TabsDynamic.tsx +1 -0
- package/src/components/ToggleGroup/examples/ToggleGroup.md +16 -16
- package/src/components/TreeView/examples/TreeView.md +165 -165
|
@@ -6,9 +6,9 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const menu_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Menu/menu"));
|
|
7
7
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
8
|
const MenuGroupBase = (_a) => {
|
|
9
|
-
var { children, className = '', label = '', titleId = '', innerRef } = _a, props = tslib_1.__rest(_a, ["children", "className", "label", "titleId", "innerRef"]);
|
|
9
|
+
var { children, className = '', label = '', titleId = '', innerRef, labelHeadingLevel: HeadingLevel = 'h1' } = _a, props = tslib_1.__rest(_a, ["children", "className", "label", "titleId", "innerRef", "labelHeadingLevel"]);
|
|
10
10
|
return (React.createElement("section", Object.assign({}, props, { className: react_styles_1.css('pf-c-menu__group', className), ref: innerRef }),
|
|
11
|
-
label && (React.createElement(
|
|
11
|
+
label && (React.createElement(HeadingLevel, { className: react_styles_1.css(menu_1.default.menuGroupTitle), id: titleId }, label)),
|
|
12
12
|
children));
|
|
13
13
|
};
|
|
14
14
|
exports.MenuGroup = React.forwardRef((props, ref) => (React.createElement(MenuGroupBase, Object.assign({}, props, { innerRef: ref }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuGroup.js","sourceRoot":"","sources":["../../../../src/components/Menu/MenuGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;
|
|
1
|
+
{"version":3,"file":"MenuGroup.js","sourceRoot":"","sources":["../../../../src/components/Menu/MenuGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAiB/C,MAAM,aAAa,GAA4C,CAAC,EAQ/C,EAAE,EAAE;QAR2C,EAC9D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,EACZ,QAAQ,EACR,iBAAiB,EAAE,YAAY,GAAG,IAAI,OAEvB,EADZ,KAAK,sBAPsD,8EAQ/D,CADS;IACY,OAAA,CACpB,iDAAa,KAAK,IAAE,SAAS,EAAE,kBAAG,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ;QAC7E,KAAK,IAAI,CACR,oBAAC,YAAY,IAAC,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,cAAc,CAAC,EAAE,EAAE,EAAE,OAAO,IAC7D,KAAK,CACO,CAChB;QACA,QAAQ,CACD,CACX,CAAA;CAAA,CAAC;AAEW,QAAA,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAqB,EAAE,GAA2B,EAAE,EAAE,CAAC,CAChG,oBAAC,aAAa,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CAC5C,CAAC,CAAC;AACH,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -19,7 +19,7 @@ export interface NavProps extends Omit<React.DetailedHTMLProps<React.HTMLAttribu
|
|
|
19
19
|
isExpanded: boolean;
|
|
20
20
|
event: React.MouseEvent<HTMLButtonElement>;
|
|
21
21
|
}) => void;
|
|
22
|
-
/**
|
|
22
|
+
/** Accessible label for the nav when there are multiple navs on the page */
|
|
23
23
|
'aria-label'?: string;
|
|
24
24
|
/** Indicates which theme color to use */
|
|
25
25
|
theme?: 'dark' | 'light';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,oBAAY,qBAAqB,GAAG,CAClC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EACpC,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,OAAO,EAAE,MAAM,GAAG,MAAM,EACxB,EAAE,EAAE,MAAM,KACP,IAAI,CAAC;AAEV,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,EAAE,UAAU,CAAC,EAC/F,SAAS;IACX,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE;QACxB,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;KAC1C,KAAK,IAAI,CAAC;IACX,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE;QACvB,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,UAAU,EAAE,OAAO,CAAC;QACpB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;KAC5C,KAAK,IAAI,CAAC;IACX,
|
|
1
|
+
{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,9 +8,9 @@ const react_styles_1 = require("@patternfly/react-styles");
|
|
|
8
8
|
const Divider_1 = require("../Divider");
|
|
9
9
|
const OptionsMenuItemGroup = (_a) => {
|
|
10
10
|
var { className = '', 'aria-label': ariaLabel = '', groupTitle = '', children = null, hasSeparator = false } = _a, props = tslib_1.__rest(_a, ["className", 'aria-label', "groupTitle", "children", "hasSeparator"]);
|
|
11
|
-
return (React.createElement("section", Object.assign({}, props, { className: react_styles_1.css(options_menu_1.default.optionsMenuGroup) }),
|
|
11
|
+
return (React.createElement("section", Object.assign({}, props, { className: react_styles_1.css(options_menu_1.default.optionsMenuGroup), role: "none" }),
|
|
12
12
|
groupTitle && React.createElement("h1", { className: react_styles_1.css(options_menu_1.default.optionsMenuGroupTitle) }, groupTitle),
|
|
13
|
-
React.createElement("ul", { className: className, "aria-label": ariaLabel },
|
|
13
|
+
React.createElement("ul", { className: className, "aria-label": ariaLabel, role: "group" },
|
|
14
14
|
children,
|
|
15
15
|
hasSeparator && React.createElement(Divider_1.Divider, { component: "li", role: "separator" }))));
|
|
16
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsMenuItemGroup.js","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenuItemGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4HAAsF;AACtF,2DAA+C;AAC/C,wCAAqC;AAe9B,MAAM,oBAAoB,GAAuD,CAAC,EAO7D,EAAE,EAAE;QAPyD,EACvF,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,UAAU,GAAG,EAAE,EACf,QAAQ,GAAG,IAAI,EACf,YAAY,GAAG,KAAK,OAEM,EADvB,KAAK,sBAN+E,qEAOxF,CADS;IACuB,OAAA,CAC/B,iDAAa,KAAK,IAAE,SAAS,EAAE,kBAAG,CAAC,sBAAM,CAAC,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"OptionsMenuItemGroup.js","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenuItemGroup.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4HAAsF;AACtF,2DAA+C;AAC/C,wCAAqC;AAe9B,MAAM,oBAAoB,GAAuD,CAAC,EAO7D,EAAE,EAAE;QAPyD,EACvF,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,UAAU,GAAG,EAAE,EACf,QAAQ,GAAG,IAAI,EACf,YAAY,GAAG,KAAK,OAEM,EADvB,KAAK,sBAN+E,qEAOxF,CADS;IACuB,OAAA,CAC/B,iDAAa,KAAK,IAAE,SAAS,EAAE,kBAAG,CAAC,sBAAM,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAC,MAAM;QACrE,UAAU,IAAI,4BAAI,SAAS,EAAE,kBAAG,CAAC,sBAAM,CAAC,qBAAqB,CAAC,IAAG,UAAU,CAAM;QAClF,4BAAI,SAAS,EAAE,SAAS,gBAAc,SAAS,EAAE,IAAI,EAAC,OAAO;YAC1D,QAAQ;YACR,YAAY,IAAI,oBAAC,iBAAO,IAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,GAAG,CACzD,CACG,CACX,CAAA;CAAA,CAAC;AAfW,QAAA,oBAAoB,wBAe/B;AACF,4BAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsMenuToggleWithText.d.ts","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenuToggleWithText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"OptionsMenuToggleWithText.d.ts","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenuToggleWithText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,8BAA+B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrF,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uGAAuG;IACvG,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mEAAmE;IACnE,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,4DAA4D;IAC5D,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC9F,uCAAuC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,4EAA4E;IAC5E,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5E,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,WAAW,CAAC;CAChC;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,iBAAiB,CAAC,8BAA8B,CAqG7F,CAAC"}
|
|
@@ -6,6 +6,7 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
7
|
const constants_1 = require("../../helpers/constants");
|
|
8
8
|
const options_menu_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/OptionsMenu/options-menu"));
|
|
9
|
+
const Dropdown_1 = require("../Dropdown");
|
|
9
10
|
const OptionsMenuToggleWithText = (_a) => {
|
|
10
11
|
var { parentId = '', toggleText, toggleTextClassName = '', toggleButtonContents, toggleButtonContentsClassName = '', onToggle = () => null, isOpen = false, isPlain = false,
|
|
11
12
|
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
@@ -57,10 +58,10 @@ const OptionsMenuToggleWithText = (_a) => {
|
|
|
57
58
|
buttonRef.current.focus();
|
|
58
59
|
}
|
|
59
60
|
};
|
|
60
|
-
return (React.createElement("div", Object.assign({ className: react_styles_1.css(options_menu_1.default.optionsMenuToggle, options_menu_1.default.modifiers.text, isPlain && options_menu_1.default.modifiers.plain, isDisabled && options_menu_1.default.modifiers.disabled, isActive && options_menu_1.default.modifiers.active) }, props),
|
|
61
|
+
return (React.createElement(Dropdown_1.DropdownContext.Consumer, null, ({ id: contextId }) => (React.createElement("div", Object.assign({ className: react_styles_1.css(options_menu_1.default.optionsMenuToggle, options_menu_1.default.modifiers.text, isPlain && options_menu_1.default.modifiers.plain, isDisabled && options_menu_1.default.modifiers.disabled, isActive && options_menu_1.default.modifiers.active) }, props),
|
|
61
62
|
React.createElement("span", { className: react_styles_1.css(options_menu_1.default.optionsMenuToggleText, toggleTextClassName) }, toggleText),
|
|
62
|
-
React.createElement("button", { className: react_styles_1.css(options_menu_1.default.optionsMenuToggleButton, toggleButtonContentsClassName), id: `${parentId}-toggle`, "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-expanded": isOpen, ref: buttonRef, disabled: isDisabled, onClick: () => onToggle(!isOpen), onKeyDown: onKeyDown },
|
|
63
|
-
React.createElement("span", { className: react_styles_1.css(options_menu_1.default.optionsMenuToggleButtonIcon) }, toggleButtonContents))));
|
|
63
|
+
React.createElement("button", { className: react_styles_1.css(options_menu_1.default.optionsMenuToggleButton, toggleButtonContentsClassName), id: parentId ? `${parentId}-toggle` : `${contextId}-toggle`, "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-expanded": isOpen, ref: buttonRef, disabled: isDisabled, onClick: () => onToggle(!isOpen), onKeyDown: onKeyDown },
|
|
64
|
+
React.createElement("span", { className: react_styles_1.css(options_menu_1.default.optionsMenuToggleButtonIcon) }, toggleButtonContents))))));
|
|
64
65
|
};
|
|
65
66
|
exports.OptionsMenuToggleWithText = OptionsMenuToggleWithText;
|
|
66
67
|
exports.OptionsMenuToggleWithText.displayName = 'OptionsMenuToggleWithText';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsMenuToggleWithText.js","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenuToggleWithText.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,uDAAoD;AACpD,4HAAsF;
|
|
1
|
+
{"version":3,"file":"OptionsMenuToggleWithText.js","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenuToggleWithText.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,8 @@ export interface PageHeaderProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
14
14
|
topNav?: React.ReactNode;
|
|
15
15
|
/** True to show the nav toggle button (toggles side nav) */
|
|
16
16
|
showNavToggle?: boolean;
|
|
17
|
+
/** Id for the nav toggle button */
|
|
18
|
+
navToggleId?: string;
|
|
17
19
|
/** True if the side nav is shown */
|
|
18
20
|
isNavOpen?: boolean;
|
|
19
21
|
/** This prop is no longer managed through PageHeader but in the Page component. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,qEAAqE;IACrE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oEAAoE;IACpE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6IAA6I;IAC7I,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACtE,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,qEAAqE;IACrE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oEAAoE;IACpE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6IAA6I;IAC7I,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA6D/D,CAAC"}
|
|
@@ -10,7 +10,7 @@ const bars_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dis
|
|
|
10
10
|
const Button_1 = require("../../components/Button");
|
|
11
11
|
const Page_1 = require("./Page");
|
|
12
12
|
const PageHeader = (_a) => {
|
|
13
|
-
var { className = '', logo = null, logoProps = null, logoComponent = 'a', headerTools = null, topNav = null, isNavOpen = true, isManagedSidebar: deprecatedIsManagedSidebar = undefined, role = undefined, showNavToggle = false, onNavToggle = () => undefined, 'aria-label': ariaLabel = 'Global navigation', 'aria-controls': ariaControls = null } = _a, props = tslib_1.__rest(_a, ["className", "logo", "logoProps", "logoComponent", "headerTools", "topNav", "isNavOpen", "isManagedSidebar", "role", "showNavToggle", "onNavToggle", 'aria-label', 'aria-controls']);
|
|
13
|
+
var { className = '', logo = null, logoProps = null, logoComponent = 'a', headerTools = null, topNav = null, isNavOpen = true, isManagedSidebar: deprecatedIsManagedSidebar = undefined, role = undefined, showNavToggle = false, navToggleId = 'nav-toggle', onNavToggle = () => undefined, 'aria-label': ariaLabel = 'Global navigation', 'aria-controls': ariaControls = null } = _a, props = tslib_1.__rest(_a, ["className", "logo", "logoProps", "logoComponent", "headerTools", "topNav", "isNavOpen", "isManagedSidebar", "role", "showNavToggle", "navToggleId", "onNavToggle", 'aria-label', 'aria-controls']);
|
|
14
14
|
const LogoComponent = logoComponent;
|
|
15
15
|
if ([false, true].includes(deprecatedIsManagedSidebar)) {
|
|
16
16
|
console.warn('isManagedSidebar is deprecated in the PageHeader component. To make the sidebar toggle uncontrolled, pass this prop in the Page component');
|
|
@@ -21,7 +21,7 @@ const PageHeader = (_a) => {
|
|
|
21
21
|
return (React.createElement("header", Object.assign({ role: role, className: react_styles_1.css(page_1.default.pageHeader, className) }, props),
|
|
22
22
|
(showNavToggle || logo) && (React.createElement("div", { className: react_styles_1.css(page_1.default.pageHeaderBrand) },
|
|
23
23
|
showNavToggle && (React.createElement("div", { className: react_styles_1.css(page_1.default.pageHeaderBrandToggle) },
|
|
24
|
-
React.createElement(Button_1.Button, { id:
|
|
24
|
+
React.createElement(Button_1.Button, { id: navToggleId, onClick: navToggle, "aria-label": ariaLabel, "aria-controls": ariaControls, "aria-expanded": navOpen ? 'true' : 'false', variant: Button_1.ButtonVariant.plain },
|
|
25
25
|
React.createElement(bars_icon_1.default, null)))),
|
|
26
26
|
logo && (React.createElement(LogoComponent, Object.assign({ className: react_styles_1.css(page_1.default.pageHeaderBrandLink) }, logoProps), logo)))),
|
|
27
27
|
topNav && React.createElement("div", { className: react_styles_1.css(page_1.default.pageHeaderNav) }, topNav),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../../src/components/Page/PageHeader.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,wGAAwE;AACxE,oDAAgE;AAChE,iCAA+D;
|
|
1
|
+
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../../src/components/Page/PageHeader.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,wGAAwE;AACxE,oDAAgE;AAChE,iCAA+D;AA+BxD,MAAM,UAAU,GAA6C,CAAC,EAgBnD,EAAE,EAAE;QAhB+C,EACnE,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,IAAuB,EAC9B,SAAS,GAAG,IAAc,EAC1B,aAAa,GAAG,GAAG,EACnB,WAAW,GAAG,IAAuB,EACrC,MAAM,GAAG,IAAuB,EAChC,SAAS,GAAG,IAAI,EAChB,gBAAgB,EAAE,0BAA0B,GAAG,SAAS,EACxD,IAAI,GAAG,SAAmB,EAC1B,aAAa,GAAG,KAAK,EACrB,WAAW,GAAG,YAAY,EAC1B,WAAW,GAAG,GAAG,EAAE,CAAC,SAAgB,EACpC,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,eAAe,EAAE,YAAY,GAAG,IAAI,OAEpB,EADb,KAAK,sBAf2D,mMAgBpE,CADS;IAER,MAAM,aAAa,GAAG,aAAoB,CAAC;IAC3C,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,0BAA0B,CAAC,EAAE;QACtD,OAAO,CAAC,IAAI,CACV,2IAA2I,CAC5I,CAAC;KACH;IACD,OAAO,CACL,oBAAC,0BAAmB,QACjB,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,gBAAgB,EAAoB,EAAE,EAAE;QACxG,MAAM,SAAS,GAAG,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC;QACtE,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhE,OAAO,CACL,8CAAQ,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK;YACxE,CAAC,aAAa,IAAI,IAAI,CAAC,IAAI,CAC1B,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,eAAe,CAAC;gBACxC,aAAa,IAAI,CAChB,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,qBAAqB,CAAC;oBAC/C,oBAAC,eAAM,IACL,EAAE,EAAE,WAAW,EACf,OAAO,EAAE,SAAS,gBACN,SAAS,mBACN,YAAY,mBACZ,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACzC,OAAO,EAAE,sBAAa,CAAC,KAAK;wBAE5B,oBAAC,mBAAQ,OAAG,CACL,CACL,CACP;gBACA,IAAI,IAAI,CACP,oBAAC,aAAa,kBAAC,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,mBAAmB,CAAC,IAAM,SAAS,GACrE,IAAI,CACS,CACjB,CACG,CACP;YACA,MAAM,IAAI,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,aAAa,CAAC,IAAG,MAAM,CAAO;YACnE,WAAW,CACL,CACV,CAAC;IACJ,CAAC,CACmB,CACvB,CAAC;AACJ,CAAC,CAAC;AA7DW,QAAA,UAAU,cA6DrB;AACF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -13,6 +13,8 @@ export interface PageSidebarProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
13
13
|
isNavOpen?: boolean;
|
|
14
14
|
/** Indicates the color scheme of the sidebar */
|
|
15
15
|
theme?: 'dark' | 'light';
|
|
16
|
+
/** Sidebar id */
|
|
17
|
+
id?: string;
|
|
16
18
|
}
|
|
17
19
|
export interface PageSidebarContextProps {
|
|
18
20
|
isNavOpen: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uIAAuI;IACvI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PageSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uIAAuI;IACvI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,OAAO,CAAC;CACpB;AACD,eAAO,MAAM,0BAA0B,EAAE,uBAExC,CAAC;AACF,eAAO,MAAM,kBAAkB,iDAAoF,CAAC;AAEpH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAgCjE,CAAC"}
|
|
@@ -11,11 +11,11 @@ exports.pageSidebarContextDefaults = {
|
|
|
11
11
|
};
|
|
12
12
|
exports.PageSidebarContext = React.createContext(exports.pageSidebarContextDefaults);
|
|
13
13
|
const PageSidebar = (_a) => {
|
|
14
|
-
var { className = '', nav, isNavOpen = true, theme = 'dark' } = _a, props = tslib_1.__rest(_a, ["className", "nav", "isNavOpen", "theme"]);
|
|
14
|
+
var { className = '', nav, isNavOpen = true, theme = 'dark', id = 'page-sidebar' } = _a, props = tslib_1.__rest(_a, ["className", "nav", "isNavOpen", "theme", "id"]);
|
|
15
15
|
return (React.createElement(Page_1.PageContextConsumer, null, ({ isManagedSidebar, isNavOpen: managedIsNavOpen }) => {
|
|
16
16
|
const navOpen = isManagedSidebar ? managedIsNavOpen : isNavOpen;
|
|
17
|
-
return (React.createElement("div", Object.assign({ id:
|
|
18
|
-
React.createElement("div", { className: page_1.default.pageSidebarBody },
|
|
17
|
+
return (React.createElement("div", Object.assign({ id: id, className: react_styles_1.css(page_1.default.pageSidebar, theme === 'light' && page_1.default.modifiers.light, navOpen && page_1.default.modifiers.expanded, !navOpen && page_1.default.modifiers.collapsed, className), "aria-hidden": !navOpen }, props),
|
|
18
|
+
React.createElement("div", { className: react_styles_1.css(page_1.default.pageSidebarBody) },
|
|
19
19
|
React.createElement(exports.PageSidebarContext.Provider, { value: { isNavOpen: navOpen } }, nav))));
|
|
20
20
|
}));
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageSidebar.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSidebar.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,iCAA6C;
|
|
1
|
+
{"version":3,"file":"PageSidebar.js","sourceRoot":"","sources":["../../../../src/components/Page/PageSidebar.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,iCAA6C;AAuBhC,QAAA,0BAA0B,GAA4B;IACjE,SAAS,EAAE,IAAI;CAChB,CAAC;AACW,QAAA,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAmC,kCAA0B,CAAC,CAAC;AAE7G,MAAM,WAAW,GAA8C,CAAC,EAOpD,EAAE,EAAE;QAPgD,EACrE,SAAS,GAAG,EAAE,EACd,GAAG,EACH,SAAS,GAAG,IAAI,EAChB,KAAK,GAAG,MAAM,EACd,EAAE,GAAG,cAAc,OAEF,EADd,KAAK,sBAN6D,gDAOtE,CADS;IACc,OAAA,CACtB,oBAAC,0BAAmB,QACjB,CAAC,EAAE,gBAAgB,EAAE,SAAS,EAAE,gBAAgB,EAAoB,EAAE,EAAE;QACvE,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhE,OAAO,CACL,2CACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,WAAW,EAClB,KAAK,KAAK,OAAO,IAAI,cAAM,CAAC,SAAS,CAAC,KAAK,EAC3C,OAAO,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACpC,CAAC,OAAO,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EACtC,SAAS,CACV,iBACY,CAAC,OAAO,IACjB,KAAK;YAET,6BAAK,SAAS,EAAE,kBAAG,CAAC,cAAM,CAAC,eAAe,CAAC;gBACzC,oBAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAG,GAAG,CAA+B,CAC3F,CACF,CACP,CAAC;IACJ,CAAC,CACmB,CACvB,CAAA;CAAA,CAAC;AAhCW,QAAA,WAAW,eAgCtB;AACF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -7,6 +7,8 @@ export interface PageToggleButtonProps extends ButtonProps {
|
|
|
7
7
|
isNavOpen?: boolean;
|
|
8
8
|
/** Callback function to handle the side nav toggle button, managed by the Page component if the Page isManagedSidebar prop is set to true */
|
|
9
9
|
onNavToggle?: () => void;
|
|
10
|
+
/** Button id */
|
|
11
|
+
id?: string;
|
|
10
12
|
}
|
|
11
13
|
export declare const PageToggleButton: React.FunctionComponent<PageToggleButtonProps>;
|
|
12
14
|
//# sourceMappingURL=PageToggleButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAG7E,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6IAA6I;IAC7I,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"PageToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAG7E,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6IAA6I;IAC7I,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CA0B3E,CAAC"}
|
|
@@ -7,11 +7,11 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
7
7
|
const Button_1 = require("../../components/Button");
|
|
8
8
|
const Page_1 = require("./Page");
|
|
9
9
|
const PageToggleButton = (_a) => {
|
|
10
|
-
var { children, isNavOpen = true, onNavToggle = () => undefined } = _a, props = tslib_1.__rest(_a, ["children", "isNavOpen", "onNavToggle"]);
|
|
10
|
+
var { children, isNavOpen = true, onNavToggle = () => undefined, id = 'nav-toggle' } = _a, props = tslib_1.__rest(_a, ["children", "isNavOpen", "onNavToggle", "id"]);
|
|
11
11
|
return (React.createElement(Page_1.PageContextConsumer, null, ({ isManagedSidebar, onNavToggle: managedOnNavToggle, isNavOpen: managedIsNavOpen }) => {
|
|
12
12
|
const navToggle = isManagedSidebar ? managedOnNavToggle : onNavToggle;
|
|
13
13
|
const navOpen = isManagedSidebar ? managedIsNavOpen : isNavOpen;
|
|
14
|
-
return (React.createElement(Button_1.Button, Object.assign({ id:
|
|
14
|
+
return (React.createElement(Button_1.Button, Object.assign({ id: id, onClick: navToggle, "aria-label": "Side navigation toggle", "aria-expanded": navOpen ? 'true' : 'false', variant: Button_1.ButtonVariant.plain }, props), children));
|
|
15
15
|
}));
|
|
16
16
|
};
|
|
17
17
|
exports.PageToggleButton = PageToggleButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageToggleButton.js","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,oDAA6E;AAC7E,iCAA+D;
|
|
1
|
+
{"version":3,"file":"PageToggleButton.js","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":";;;;AAAA,+BAA+B;AAC/B,qDAA+B;AAC/B,oDAA6E;AAC7E,iCAA+D;AAaxD,MAAM,gBAAgB,GAAmD,CAAC,EAMzD,EAAE,EAAE;QANqD,EAC/E,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,WAAW,GAAG,GAAG,EAAE,CAAC,SAAgB,EACpC,EAAE,GAAG,YAAY,OAEK,EADnB,KAAK,sBALuE,8CAMhF,CADS;IACmB,OAAA,CAC3B,oBAAC,0BAAmB,QACjB,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,gBAAgB,EAAoB,EAAE,EAAE;QACxG,MAAM,SAAS,GAAG,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,WAAW,CAAC;QACtE,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;QAEhE,OAAO,CACL,oBAAC,eAAM,kBACL,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,SAAS,gBACP,wBAAwB,mBACpB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACzC,OAAO,EAAE,sBAAa,CAAC,KAAK,IACxB,KAAK,GAER,QAAQ,CACF,CACV,CAAC;IACJ,CAAC,CACmB,CACvB,CAAA;CAAA,CAAC;AA1BW,QAAA,gBAAgB,oBA0B3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IAC3F,kFAAkF;IAClF,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAChC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAC;IACX,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;
|
|
1
|
+
{"version":3,"file":"TabContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE,SAAS;IAC3F,kFAAkF;IAClF,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAChC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,4DAA4D;IAC5D,EAAE,EAAE,MAAM,CAAC;IACX,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAyDD,eAAO,MAAM,UAAU,qFAErB,CAAC"}
|
|
@@ -12,14 +12,16 @@ const variantStyle = {
|
|
|
12
12
|
light300: tab_content_1.default.modifiers.light_300
|
|
13
13
|
};
|
|
14
14
|
const TabContentBase = (_a) => {
|
|
15
|
-
var { id, activeKey, 'aria-label': ariaLabel, child, children, className,
|
|
15
|
+
var { id, activeKey, 'aria-label': ariaLabel, child, children, className,
|
|
16
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
17
|
+
eventKey, innerRef, ouiaId, ouiaSafe } = _a, props = tslib_1.__rest(_a, ["id", "activeKey", 'aria-label', "child", "children", "className", "eventKey", "innerRef", "ouiaId", "ouiaSafe"]);
|
|
16
18
|
if (children || child) {
|
|
17
19
|
let labelledBy;
|
|
18
20
|
if (ariaLabel) {
|
|
19
21
|
labelledBy = null;
|
|
20
22
|
}
|
|
21
23
|
else {
|
|
22
|
-
labelledBy = children ?
|
|
24
|
+
labelledBy = children ? `${id}` : `pf-tab-${child.props.eventKey}-${id}`;
|
|
23
25
|
}
|
|
24
26
|
return (React.createElement(TabsContext_1.TabsContextConsumer, null, ({ variant }) => (React.createElement("section", Object.assign({ ref: innerRef, hidden: children ? null : child.props.eventKey !== activeKey, className: children
|
|
25
27
|
? react_styles_1.css('pf-c-tab-content', className, variantStyle[variant])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabContent.js","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,2CAAwD;AACxD,+CAAsE;AAqBtE,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,qBAAM,CAAC,SAAS,CAAC,SAAS;CACrC,CAAC;AAEF,MAAM,cAAc,GAA6C,CAAC,
|
|
1
|
+
{"version":3,"file":"TabContent.js","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAC/C,2CAAwD;AACxD,+CAAsE;AAqBtE,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,qBAAM,CAAC,SAAS,CAAC,SAAS;CACrC,CAAC;AAEF,MAAM,cAAc,GAA6C,CAAC,EAahD,EAAE,EAAE;QAb4C,EAChE,EAAE,EACF,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,KAAK,EACL,QAAQ,EACR,SAAS;IACT,6DAA6D;IAC7D,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,OAEQ,EADb,KAAK,sBAZwD,iHAajE,CADS;IAER,IAAI,QAAQ,IAAI,KAAK,EAAE;QACrB,IAAI,UAAkB,CAAC;QACvB,IAAI,SAAS,EAAE;YACb,UAAU,GAAG,IAAI,CAAC;SACnB;aAAM;YACL,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,EAAE,CAAC;SAC1E;QAED,OAAO,CACL,oBAAC,iCAAmB,QACjB,CAAC,EAAE,OAAO,EAAoB,EAAE,EAAE,CAAC,CAClC,+CACE,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,EAC5D,SAAS,EACP,QAAQ;gBACN,CAAC,CAAC,kBAAG,CAAC,kBAAkB,EAAE,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;gBAC3D,CAAC,CAAC,kBAAG,CAAC,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,EAE3E,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,EAAE,gBACtD,SAAS,qBACJ,UAAU,EAC3B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,IACP,sBAAY,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,EAC5C,KAAK,GAER,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,CACzB,CACX,CACmB,CACvB,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEW,QAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAA2B,EAAE,EAAE,CAAC,CAClG,oBAAC,cAAc,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CAC7C,CAAC,CAAC"}
|
package/dist/umd/react-core.js
CHANGED
|
@@ -4961,7 +4961,7 @@
|
|
|
4961
4961
|
AlertVariant["default"] = "default";
|
|
4962
4962
|
})(exports.AlertVariant || (exports.AlertVariant = {}));
|
|
4963
4963
|
const Alert = (_a) => {
|
|
4964
|
-
var { variant = exports.AlertVariant.default, isInline = false, isPlain = false, isLiveRegion = false, variantLabel = `${capitalize(variant)} alert:`,
|
|
4964
|
+
var { variant = exports.AlertVariant.default, isInline = false, isPlain = false, isLiveRegion = false, variantLabel = `${capitalize(variant)} alert:`, actionClose, actionLinks, title, titleHeadingLevel: TitleHeadingLevel = 'h4', children = '', className = '', ouiaId, ouiaSafe = true, timeout = false, timeoutAnimation = 3000, onTimeout = () => { }, truncateTitle = 0, tooltipPosition, customIcon, isExpandable = false, toggleAriaLabel = `${capitalize(variant)} alert details`, onMouseEnter = () => { }, onMouseLeave = () => { } } = _a, props = __rest$1(_a, ["variant", "isInline", "isPlain", "isLiveRegion", "variantLabel", "actionClose", "actionLinks", "title", "titleHeadingLevel", "children", "className", "ouiaId", "ouiaSafe", "timeout", "timeoutAnimation", "onTimeout", "truncateTitle", "tooltipPosition", "customIcon", "isExpandable", "toggleAriaLabel", "onMouseEnter", "onMouseLeave"]);
|
|
4965
4965
|
const ouiaProps = useOUIAProps(Alert.displayName, ouiaId, ouiaSafe, variant);
|
|
4966
4966
|
const getHeadingContent = (React__namespace.createElement(React__namespace.Fragment, null,
|
|
4967
4967
|
React__namespace.createElement("span", { className: css(a11yStyles.screenReader) }, variantLabel),
|
|
@@ -5032,7 +5032,7 @@
|
|
|
5032
5032
|
return null;
|
|
5033
5033
|
}
|
|
5034
5034
|
const Title = (React__namespace.createElement(TitleHeadingLevel, Object.assign({}, (isTooltipVisible && { tabIndex: 0 }), { ref: titleRef, className: css(styles$19.alertTitle, truncateTitle && styles$19.modifiers.truncate) }), getHeadingContent));
|
|
5035
|
-
return (React__namespace.createElement("div", Object.assign({ ref: divRef, className: css(styles$19.alert, isInline && styles$19.modifiers.inline, isPlain && styles$19.modifiers.plain, isExpandable && styles$19.modifiers.expandable, isExpanded && styles$19.modifiers.expanded, styles$19.modifiers[variant], className)
|
|
5035
|
+
return (React__namespace.createElement("div", Object.assign({ ref: divRef, className: css(styles$19.alert, isInline && styles$19.modifiers.inline, isPlain && styles$19.modifiers.plain, isExpandable && styles$19.modifiers.expandable, isExpanded && styles$19.modifiers.expanded, styles$19.modifiers[variant], className) }, ouiaProps, (isLiveRegion && {
|
|
5036
5036
|
'aria-live': 'polite',
|
|
5037
5037
|
'aria-atomic': 'false'
|
|
5038
5038
|
}), { onMouseEnter: myOnMouseEnter, onMouseLeave: myOnMouseLeave }, props),
|
|
@@ -15624,9 +15624,9 @@
|
|
|
15624
15624
|
MenuInput.displayName = 'MenuInput';
|
|
15625
15625
|
|
|
15626
15626
|
const MenuGroupBase = (_a) => {
|
|
15627
|
-
var { children, className = '', label = '', titleId = '', innerRef } = _a, props = __rest$1(_a, ["children", "className", "label", "titleId", "innerRef"]);
|
|
15627
|
+
var { children, className = '', label = '', titleId = '', innerRef, labelHeadingLevel: HeadingLevel = 'h1' } = _a, props = __rest$1(_a, ["children", "className", "label", "titleId", "innerRef", "labelHeadingLevel"]);
|
|
15628
15628
|
return (React__namespace.createElement("section", Object.assign({}, props, { className: css('pf-c-menu__group', className), ref: innerRef }),
|
|
15629
|
-
label && (React__namespace.createElement(
|
|
15629
|
+
label && (React__namespace.createElement(HeadingLevel, { className: css(menuStyles.menuGroupTitle), id: titleId }, label)),
|
|
15630
15630
|
children));
|
|
15631
15631
|
};
|
|
15632
15632
|
const MenuGroup = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(MenuGroupBase, Object.assign({}, props, { innerRef: ref }))));
|
|
@@ -16679,11 +16679,11 @@
|
|
|
16679
16679
|
};
|
|
16680
16680
|
const PageSidebarContext = React__namespace.createContext(pageSidebarContextDefaults);
|
|
16681
16681
|
const PageSidebar = (_a) => {
|
|
16682
|
-
var { className = '', nav, isNavOpen = true, theme = 'dark' } = _a, props = __rest$1(_a, ["className", "nav", "isNavOpen", "theme"]);
|
|
16682
|
+
var { className = '', nav, isNavOpen = true, theme = 'dark', id = 'page-sidebar' } = _a, props = __rest$1(_a, ["className", "nav", "isNavOpen", "theme", "id"]);
|
|
16683
16683
|
return (React__namespace.createElement(PageContextConsumer, null, ({ isManagedSidebar, isNavOpen: managedIsNavOpen }) => {
|
|
16684
16684
|
const navOpen = isManagedSidebar ? managedIsNavOpen : isNavOpen;
|
|
16685
|
-
return (React__namespace.createElement("div", Object.assign({ id:
|
|
16686
|
-
React__namespace.createElement("div", { className: styles$y.pageSidebarBody },
|
|
16685
|
+
return (React__namespace.createElement("div", Object.assign({ id: id, className: css(styles$y.pageSidebar, theme === 'light' && styles$y.modifiers.light, navOpen && styles$y.modifiers.expanded, !navOpen && styles$y.modifiers.collapsed, className), "aria-hidden": !navOpen }, props),
|
|
16686
|
+
React__namespace.createElement("div", { className: css(styles$y.pageSidebarBody) },
|
|
16687
16687
|
React__namespace.createElement(PageSidebarContext.Provider, { value: { isNavOpen: navOpen } }, nav))));
|
|
16688
16688
|
}));
|
|
16689
16689
|
};
|
|
@@ -17326,9 +17326,9 @@
|
|
|
17326
17326
|
|
|
17327
17327
|
const OptionsMenuItemGroup = (_a) => {
|
|
17328
17328
|
var { className = '', 'aria-label': ariaLabel = '', groupTitle = '', children = null, hasSeparator = false } = _a, props = __rest$1(_a, ["className", 'aria-label', "groupTitle", "children", "hasSeparator"]);
|
|
17329
|
-
return (React__namespace.createElement("section", Object.assign({}, props, { className: css(styles$r.optionsMenuGroup) }),
|
|
17329
|
+
return (React__namespace.createElement("section", Object.assign({}, props, { className: css(styles$r.optionsMenuGroup), role: "none" }),
|
|
17330
17330
|
groupTitle && React__namespace.createElement("h1", { className: css(styles$r.optionsMenuGroupTitle) }, groupTitle),
|
|
17331
|
-
React__namespace.createElement("ul", { className: className, "aria-label": ariaLabel },
|
|
17331
|
+
React__namespace.createElement("ul", { className: className, "aria-label": ariaLabel, role: "group" },
|
|
17332
17332
|
children,
|
|
17333
17333
|
hasSeparator && React__namespace.createElement(Divider, { component: "li", role: "separator" }))));
|
|
17334
17334
|
};
|
|
@@ -17400,10 +17400,10 @@
|
|
|
17400
17400
|
buttonRef.current.focus();
|
|
17401
17401
|
}
|
|
17402
17402
|
};
|
|
17403
|
-
return (React__namespace.createElement("div", Object.assign({ className: css(styles$r.optionsMenuToggle, styles$r.modifiers.text, isPlain && styles$r.modifiers.plain, isDisabled && styles$r.modifiers.disabled, isActive && styles$r.modifiers.active) }, props),
|
|
17403
|
+
return (React__namespace.createElement(DropdownContext.Consumer, null, ({ id: contextId }) => (React__namespace.createElement("div", Object.assign({ className: css(styles$r.optionsMenuToggle, styles$r.modifiers.text, isPlain && styles$r.modifiers.plain, isDisabled && styles$r.modifiers.disabled, isActive && styles$r.modifiers.active) }, props),
|
|
17404
17404
|
React__namespace.createElement("span", { className: css(styles$r.optionsMenuToggleText, toggleTextClassName) }, toggleText),
|
|
17405
|
-
React__namespace.createElement("button", { className: css(styles$r.optionsMenuToggleButton, toggleButtonContentsClassName), id: `${parentId}-toggle`, "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-expanded": isOpen, ref: buttonRef, disabled: isDisabled, onClick: () => onToggle(!isOpen), onKeyDown: onKeyDown },
|
|
17406
|
-
React__namespace.createElement("span", { className: css(styles$r.optionsMenuToggleButtonIcon) }, toggleButtonContents))));
|
|
17405
|
+
React__namespace.createElement("button", { className: css(styles$r.optionsMenuToggleButton, toggleButtonContentsClassName), id: parentId ? `${parentId}-toggle` : `${contextId}-toggle`, "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-expanded": isOpen, ref: buttonRef, disabled: isDisabled, onClick: () => onToggle(!isOpen), onKeyDown: onKeyDown },
|
|
17406
|
+
React__namespace.createElement("span", { className: css(styles$r.optionsMenuToggleButtonIcon) }, toggleButtonContents))))));
|
|
17407
17407
|
};
|
|
17408
17408
|
OptionsMenuToggleWithText.displayName = 'OptionsMenuToggleWithText';
|
|
17409
17409
|
|
|
@@ -17544,7 +17544,7 @@
|
|
|
17544
17544
|
var BarsIcon$1 = BarsIcon;
|
|
17545
17545
|
|
|
17546
17546
|
const PageHeader = (_a) => {
|
|
17547
|
-
var { className = '', logo = null, logoProps = null, logoComponent = 'a', headerTools = null, topNav = null, isNavOpen = true, isManagedSidebar: deprecatedIsManagedSidebar = undefined, role = undefined, showNavToggle = false, onNavToggle = () => undefined, 'aria-label': ariaLabel = 'Global navigation', 'aria-controls': ariaControls = null } = _a, props = __rest$1(_a, ["className", "logo", "logoProps", "logoComponent", "headerTools", "topNav", "isNavOpen", "isManagedSidebar", "role", "showNavToggle", "onNavToggle", 'aria-label', 'aria-controls']);
|
|
17547
|
+
var { className = '', logo = null, logoProps = null, logoComponent = 'a', headerTools = null, topNav = null, isNavOpen = true, isManagedSidebar: deprecatedIsManagedSidebar = undefined, role = undefined, showNavToggle = false, navToggleId = 'nav-toggle', onNavToggle = () => undefined, 'aria-label': ariaLabel = 'Global navigation', 'aria-controls': ariaControls = null } = _a, props = __rest$1(_a, ["className", "logo", "logoProps", "logoComponent", "headerTools", "topNav", "isNavOpen", "isManagedSidebar", "role", "showNavToggle", "navToggleId", "onNavToggle", 'aria-label', 'aria-controls']);
|
|
17548
17548
|
const LogoComponent = logoComponent;
|
|
17549
17549
|
if ([false, true].includes(deprecatedIsManagedSidebar)) {
|
|
17550
17550
|
console.warn('isManagedSidebar is deprecated in the PageHeader component. To make the sidebar toggle uncontrolled, pass this prop in the Page component');
|
|
@@ -17555,7 +17555,7 @@
|
|
|
17555
17555
|
return (React__namespace.createElement("header", Object.assign({ role: role, className: css(styles$y.pageHeader, className) }, props),
|
|
17556
17556
|
(showNavToggle || logo) && (React__namespace.createElement("div", { className: css(styles$y.pageHeaderBrand) },
|
|
17557
17557
|
showNavToggle && (React__namespace.createElement("div", { className: css(styles$y.pageHeaderBrandToggle) },
|
|
17558
|
-
React__namespace.createElement(Button, { id:
|
|
17558
|
+
React__namespace.createElement(Button, { id: navToggleId, onClick: navToggle, "aria-label": ariaLabel, "aria-controls": ariaControls, "aria-expanded": navOpen ? 'true' : 'false', variant: exports.ButtonVariant.plain },
|
|
17559
17559
|
React__namespace.createElement(BarsIcon$1, null)))),
|
|
17560
17560
|
logo && (React__namespace.createElement(LogoComponent, Object.assign({ className: css(styles$y.pageHeaderBrandLink) }, logoProps), logo)))),
|
|
17561
17561
|
topNav && React__namespace.createElement("div", { className: css(styles$y.pageHeaderNav) }, topNav),
|
|
@@ -17631,11 +17631,11 @@
|
|
|
17631
17631
|
PageNavigation.displayName = 'PageNavigation';
|
|
17632
17632
|
|
|
17633
17633
|
const PageToggleButton = (_a) => {
|
|
17634
|
-
var { children, isNavOpen = true, onNavToggle = () => undefined } = _a, props = __rest$1(_a, ["children", "isNavOpen", "onNavToggle"]);
|
|
17634
|
+
var { children, isNavOpen = true, onNavToggle = () => undefined, id = 'nav-toggle' } = _a, props = __rest$1(_a, ["children", "isNavOpen", "onNavToggle", "id"]);
|
|
17635
17635
|
return (React__namespace.createElement(PageContextConsumer, null, ({ isManagedSidebar, onNavToggle: managedOnNavToggle, isNavOpen: managedIsNavOpen }) => {
|
|
17636
17636
|
const navToggle = isManagedSidebar ? managedOnNavToggle : onNavToggle;
|
|
17637
17637
|
const navOpen = isManagedSidebar ? managedIsNavOpen : isNavOpen;
|
|
17638
|
-
return (React__namespace.createElement(Button, Object.assign({ id:
|
|
17638
|
+
return (React__namespace.createElement(Button, Object.assign({ id: id, onClick: navToggle, "aria-label": "Side navigation toggle", "aria-expanded": navOpen ? 'true' : 'false', variant: exports.ButtonVariant.plain }, props), children));
|
|
17639
17639
|
}));
|
|
17640
17640
|
};
|
|
17641
17641
|
PageToggleButton.displayName = 'PageToggleButton';
|
|
@@ -19188,14 +19188,16 @@
|
|
|
19188
19188
|
light300: styles$e.modifiers.light_300
|
|
19189
19189
|
};
|
|
19190
19190
|
const TabContentBase = (_a) => {
|
|
19191
|
-
var { id, activeKey, 'aria-label': ariaLabel, child, children, className,
|
|
19191
|
+
var { id, activeKey, 'aria-label': ariaLabel, child, children, className,
|
|
19192
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
19193
|
+
eventKey, innerRef, ouiaId, ouiaSafe } = _a, props = __rest$1(_a, ["id", "activeKey", 'aria-label', "child", "children", "className", "eventKey", "innerRef", "ouiaId", "ouiaSafe"]);
|
|
19192
19194
|
if (children || child) {
|
|
19193
19195
|
let labelledBy;
|
|
19194
19196
|
if (ariaLabel) {
|
|
19195
19197
|
labelledBy = null;
|
|
19196
19198
|
}
|
|
19197
19199
|
else {
|
|
19198
|
-
labelledBy = children ?
|
|
19200
|
+
labelledBy = children ? `${id}` : `pf-tab-${child.props.eventKey}-${id}`;
|
|
19199
19201
|
}
|
|
19200
19202
|
return (React__namespace.createElement(TabsContextConsumer, null, ({ variant }) => (React__namespace.createElement("section", Object.assign({ ref: innerRef, hidden: children ? null : child.props.eventKey !== activeKey, className: children
|
|
19201
19203
|
? css('pf-c-tab-content', className, variantStyle$1[variant])
|