1 | "use strict";
|
2 | Object.defineProperty(exports, "__esModule", { value: true });
|
3 | exports.PageHeader = void 0;
|
4 | const tslib_1 = require("tslib");
|
5 |
|
6 | const React = tslib_1.__importStar(require("react"));
|
7 | const page_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Page/page"));
|
8 | const react_styles_1 = require("@patternfly/react-styles");
|
9 | const bars_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/bars-icon'));
|
10 | const Button_1 = require("../../components/Button");
|
11 | const Page_1 = require("./Page");
|
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']);
|
14 | const LogoComponent = logoComponent;
|
15 | if ([false, true].includes(deprecatedIsManagedSidebar)) {
|
16 | console.warn('isManagedSidebar is deprecated in the PageHeader component. To make the sidebar toggle uncontrolled, pass this prop in the Page component');
|
17 | }
|
18 | return (React.createElement(Page_1.PageContextConsumer, null, ({ isManagedSidebar, onNavToggle: managedOnNavToggle, isNavOpen: managedIsNavOpen }) => {
|
19 | const navToggle = isManagedSidebar ? managedOnNavToggle : onNavToggle;
|
20 | const navOpen = isManagedSidebar ? managedIsNavOpen : isNavOpen;
|
21 | return (React.createElement("header", Object.assign({ role: role, className: react_styles_1.css(page_1.default.pageHeader, className) }, props),
|
22 | (showNavToggle || logo) && (React.createElement("div", { className: react_styles_1.css(page_1.default.pageHeaderBrand) },
|
23 | showNavToggle && (React.createElement("div", { className: react_styles_1.css(page_1.default.pageHeaderBrandToggle) },
|
24 | React.createElement(Button_1.Button, { id: "nav-toggle", onClick: navToggle, "aria-label": ariaLabel, "aria-controls": ariaControls, "aria-expanded": navOpen ? 'true' : 'false', variant: Button_1.ButtonVariant.plain },
|
25 | React.createElement(bars_icon_1.default, null)))),
|
26 | logo && (React.createElement(LogoComponent, Object.assign({ className: react_styles_1.css(page_1.default.pageHeaderBrandLink) }, logoProps), logo)))),
|
27 | topNav && React.createElement("div", { className: react_styles_1.css(page_1.default.pageHeaderNav) }, topNav),
|
28 | headerTools));
|
29 | }));
|
30 | };
|
31 | exports.PageHeader = PageHeader;
|
32 | exports.PageHeader.displayName = 'PageHeader';
|
33 |
|
\ | No newline at end of file |