@patternfly/react-core 4.267.8 → 4.267.10

package/components/Page/Page.js

@@ -0,0 +1,165 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Page/page';
+import { css } from '@patternfly/react-styles';
+import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/global_breakpoint_xl';
+import { debounce, canUseDOM } from '../../helpers/util';
+import { Drawer, DrawerContent, DrawerContentBody, DrawerPanelContent } from '../Drawer';
+import { PageGroup } from './PageGroup';
+import { getResizeObserver } from '../../helpers/resizeObserver';
+import { formatBreakpointMods, getBreakpoint, getVerticalBreakpoint } from '../../helpers/util';
+import { PageContextProvider } from './PageContext';
+export var PageLayouts;
+(function (PageLayouts) {
+    PageLayouts["vertical"] = "vertical";
+    PageLayouts["horizontal"] = "horizontal";
+})(PageLayouts || (PageLayouts = {}));
+export class Page extends React.Component {
+    constructor(props) {
+        super(props);
+        this.mainRef = React.createRef();
+        this.pageRef = React.createRef();
+        this.observer = () => { };
+        this.getWindowWidth = () => {
+            if (canUseDOM) {
+                return this.pageRef.current ? this.pageRef.current.clientWidth : window.innerWidth;
+            }
+            else {
+                return 1200;
+            }
+        };
+        this.isMobile = () => 
+        // eslint-disable-next-line radix
+        this.getWindowWidth() < Number.parseInt(globalBreakpointXl.value, 10);
+        this.resize = () => {
+            var _a;
+            const { onPageResize } = this.props;
+            const mobileView = this.isMobile();
+            if (onPageResize) {
+                onPageResize({ mobileView, windowSize: this.getWindowWidth() });
+            }
+            if (mobileView !== this.state.mobileView) {
+                this.setState({ mobileView });
+            }
+            if ((_a = this.pageRef) === null || _a === void 0 ? void 0 : _a.current) {
+                const currentWidth = this.pageRef.current.clientWidth;
+                const currentHeight = this.pageRef.current.clientHeight;
+                if (this.state.width !== currentWidth) {
+                    this.setState({ width: currentWidth });
+                }
+                if (this.state.height !== currentHeight) {
+                    this.setState({ height: currentHeight });
+                }
+            }
+        };
+        this.handleResize = debounce(this.resize, 250);
+        this.handleMainClick = () => {
+            if (this.isMobile() && this.state.mobileIsNavOpen && this.mainRef.current) {
+                this.setState({ mobileIsNavOpen: false });
+            }
+        };
+        this.onNavToggleMobile = () => {
+            this.setState(prevState => ({
+                mobileIsNavOpen: !prevState.mobileIsNavOpen
+            }));
+        };
+        this.onNavToggleDesktop = () => {
+            this.setState(prevState => ({
+                desktopIsNavOpen: !prevState.desktopIsNavOpen
+            }));
+        };
+        const { isManagedSidebar, defaultManagedSidebarIsOpen } = props;
+        const managedSidebarOpen = !isManagedSidebar ? true : defaultManagedSidebarIsOpen;
+        this.state = {
+            desktopIsNavOpen: managedSidebarOpen,
+            mobileIsNavOpen: false,
+            mobileView: false,
+            width: null,
+            height: null
+        };
+    }
+    componentDidMount() {
+        const { isManagedSidebar, onPageResize } = this.props;
+        if (isManagedSidebar || onPageResize) {
+            this.observer = getResizeObserver(this.pageRef.current, this.handleResize);
+            const currentRef = this.mainRef.current;
+            if (currentRef) {
+                currentRef.addEventListener('mousedown', this.handleMainClick);
+                currentRef.addEventListener('touchstart', this.handleMainClick);
+            }
+            // Initial check if should be shown
+            this.resize();
+        }
+    }
+    componentWillUnmount() {
+        const { isManagedSidebar, onPageResize } = this.props;
+        if (isManagedSidebar || onPageResize) {
+            this.observer();
+            const currentRef = this.mainRef.current;
+            if (currentRef) {
+                currentRef.removeEventListener('mousedown', this.handleMainClick);
+                currentRef.removeEventListener('touchstart', this.handleMainClick);
+            }
+        }
+    }
+    render() {
+        const _a = this.props, { breadcrumb, isBreadcrumbWidthLimited, className, children, header, sidebar, notificationDrawer, isNotificationDrawerExpanded, onNotificationDrawerExpand, isTertiaryNavWidthLimited, skipToContent, role, mainContainerId, isManagedSidebar, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        defaultManagedSidebarIsOpen, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        onPageResize, getBreakpoint, getVerticalBreakpoint, mainAriaLabel, mainTabIndex, tertiaryNav, isTertiaryNavGrouped, isBreadcrumbGrouped, additionalGroupedContent, groupProps, breadcrumbProps } = _a, rest = __rest(_a, ["breadcrumb", "isBreadcrumbWidthLimited", "className", "children", "header", "sidebar", "notificationDrawer", "isNotificationDrawerExpanded", "onNotificationDrawerExpand", "isTertiaryNavWidthLimited", "skipToContent", "role", "mainContainerId", "isManagedSidebar", "defaultManagedSidebarIsOpen", "onPageResize", "getBreakpoint", "getVerticalBreakpoint", "mainAriaLabel", "mainTabIndex", "tertiaryNav", "isTertiaryNavGrouped", "isBreadcrumbGrouped", "additionalGroupedContent", "groupProps", "breadcrumbProps"]);
+        const { mobileView, mobileIsNavOpen, desktopIsNavOpen, width, height } = this.state;
+        const context = {
+            isManagedSidebar,
+            onNavToggle: mobileView ? this.onNavToggleMobile : this.onNavToggleDesktop,
+            isNavOpen: mobileView ? mobileIsNavOpen : desktopIsNavOpen,
+            width,
+            height,
+            getBreakpoint,
+            getVerticalBreakpoint
+        };
+        let nav = null;
+        if (tertiaryNav && isTertiaryNavWidthLimited) {
+            nav = (React.createElement("div", { className: css(styles.pageMainNav, styles.modifiers.limitWidth) },
+                React.createElement("div", { className: css(styles.pageMainBody) }, tertiaryNav)));
+        }
+        else if (tertiaryNav) {
+            nav = React.createElement("div", { className: css(styles.pageMainNav) }, tertiaryNav);
+        }
+        const crumb = breadcrumb ? (React.createElement("section", { className: css(styles.pageMainBreadcrumb, isBreadcrumbWidthLimited && styles.modifiers.limitWidth, formatBreakpointMods(breadcrumbProps === null || breadcrumbProps === void 0 ? void 0 : breadcrumbProps.stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true)) }, isBreadcrumbWidthLimited ? React.createElement("div", { className: css(styles.pageMainBody) }, breadcrumb) : breadcrumb)) : null;
+        const isGrouped = isTertiaryNavGrouped || isBreadcrumbGrouped || additionalGroupedContent;
+        const group = isGrouped ? (React.createElement(PageGroup, Object.assign({}, groupProps),
+            isTertiaryNavGrouped && nav,
+            isBreadcrumbGrouped && crumb,
+            additionalGroupedContent)) : null;
+        const main = (React.createElement("main", { ref: this.mainRef, role: role, id: mainContainerId, className: css(styles.pageMain), tabIndex: mainTabIndex, "aria-label": mainAriaLabel },
+            group,
+            !isTertiaryNavGrouped && nav,
+            !isBreadcrumbGrouped && crumb,
+            children));
+        const panelContent = React.createElement(DrawerPanelContent, null, notificationDrawer);
+        return (React.createElement(PageContextProvider, { value: context },
+            React.createElement("div", Object.assign({ ref: this.pageRef }, rest, { className: css(styles.page, width !== null && height !== null && 'pf-m-resize-observer', width !== null && `pf-m-breakpoint-${getBreakpoint(width)}`, height !== null && `pf-m-height-breakpoint-${getVerticalBreakpoint(height)}`, className) }),
+                skipToContent,
+                header,
+                sidebar,
+                notificationDrawer && (React.createElement("div", { className: css(styles.pageDrawer) },
+                    React.createElement(Drawer, { isExpanded: isNotificationDrawerExpanded, onExpand: onNotificationDrawerExpand },
+                        React.createElement(DrawerContent, { panelContent: panelContent },
+                            React.createElement(DrawerContentBody, null, main))))),
+                !notificationDrawer && main)));
+    }
+}
+Page.displayName = 'Page';
+Page.defaultProps = {
+    isManagedSidebar: false,
+    isBreadcrumbWidthLimited: false,
+    defaultManagedSidebarIsOpen: true,
+    onPageResize: () => null,
+    mainTabIndex: -1,
+    isNotificationDrawerExpanded: false,
+    onNotificationDrawerExpand: () => null,
+    getBreakpoint,
+    getVerticalBreakpoint
+};
+//# sourceMappingURL=Page.js.map

package/components/Page/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"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"}

package/components/Page/PageBreadcrumb.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export interface PageBreadcrumbProps extends React.HTMLProps<HTMLElement> {
+    /** Additional classes to apply to the PageBreadcrumb */
+    className?: string;
+    /** Content rendered inside of the PageBreadcrumb */
+    children?: React.ReactNode;
+    /** Limits the width of the breadcrumb */
+    isWidthLimited?: boolean;
+    /**  @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
+    sticky?: 'top' | 'bottom';
+    /** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
+    stickyOnBreakpoint?: {
+        default?: 'top' | 'bottom';
+        sm?: 'top' | 'bottom';
+        md?: 'top' | 'bottom';
+        lg?: 'top' | 'bottom';
+        xl?: 'top' | 'bottom';
+        '2xl'?: 'top' | 'bottom';
+    };
+    /** Flag indicating if PageBreadcrumb should have a shadow at the top */
+    hasShadowTop?: boolean;
+    /** Flag indicating if PageBreadcrumb should have a shadow at the bottom */
+    hasShadowBottom?: boolean;
+    /** Flag indicating if the PageBreadcrumb has a scrolling overflow */
+    hasOverflowScroll?: boolean;
+    /** Adds an accessible name to the breadcrumb section. Required when the hasOverflowScroll prop is set to true. */
+    'aria-label'?: string;
+}
+export declare const PageBreadcrumb: {
+    ({ className, children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop, hasShadowBottom, hasOverflowScroll, "aria-label": ariaLabel, ...props }: PageBreadcrumbProps): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=PageBreadcrumb.d.ts.map

package/components/Page/PageBreadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageBreadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACvE,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yCAAyC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sIAAsI;IACtI,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,sGAAsG;IACtG,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;KAC1B,CAAC;IACF,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kHAAkH;IAClH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,cAAc;+JAWxB,mBAAmB;;CA+BrB,CAAC"}

package/components/Page/PageBreadcrumb.js

@@ -0,0 +1,21 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Page/page';
+import { formatBreakpointMods } from '../../helpers/util';
+import { PageContext } from './PageContext';
+export const PageBreadcrumb = (_a) => {
+    var { className = '', children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["className", "children", "isWidthLimited", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll", 'aria-label']);
+    const { height, getVerticalBreakpoint } = React.useContext(PageContext);
+    React.useEffect(() => {
+        if (hasOverflowScroll && !ariaLabel) {
+            /* eslint-disable no-console */
+            console.warn('PageBreadcrumb: An accessible aria-label is required when hasOverflowScroll is set to true.');
+        }
+    }, [hasOverflowScroll, ariaLabel]);
+    return (React.createElement("section", Object.assign({ className: css(styles.pageMainBreadcrumb, formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true), isWidthLimited && styles.modifiers.limitWidth, sticky === 'top' && styles.modifiers.stickyTop, sticky === 'bottom' && styles.modifiers.stickyBottom, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), { "aria-label": ariaLabel }, props),
+        isWidthLimited && React.createElement("div", { className: css(styles.pageMainBody) }, children),
+        !isWidthLimited && children));
+};
+PageBreadcrumb.displayName = 'PageBreadcrumb';
+//# sourceMappingURL=PageBreadcrumb.js.map

package/components/Page/PageBreadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageBreadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Page/PageBreadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AA8B5C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAWT,EAAE,EAAE;QAXK,EAC7B,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,cAAc,EACd,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,EACzB,YAAY,EAAE,SAAS,OAEH,EADjB,KAAK,cAVqB,iJAW9B,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAExE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,iBAAiB,IAAI,CAAC,SAAS,EAAE;YACnC,+BAA+B;YAC/B,OAAO,CAAC,IAAI,CAAC,6FAA6F,CAAC,CAAC;SAC7G;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,+CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,kBAAkB,EACzB,oBAAoB,CAAC,kBAAkB,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAChG,cAAc,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC7C,MAAM,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,kBAC9B,SAAS,IACjB,KAAK;QAER,cAAc,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,YAAY,CAAC,IAAG,QAAQ,CAAO;QAC5E,CAAC,cAAc,IAAI,QAAQ,CACpB,CACX,CAAC;AACJ,CAAC,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/components/Page/PageContext.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface PageContextProps {
+    isManagedSidebar: boolean;
+    onNavToggle: () => void;
+    isNavOpen: boolean;
+    width: number;
+    height: number;
+    getBreakpoint: (width: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    getVerticalBreakpoint: (height: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+}
+export declare const pageContextDefaults: PageContextProps;
+export declare const PageContext: React.Context<PageContextProps>;
+export declare const PageContextProvider: React.Provider<PageContextProps>;
+export declare const PageContextConsumer: React.Consumer<PageContextProps>;
+//# sourceMappingURL=PageContext.d.ts.map

package/components/Page/PageContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAgB;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACvF,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;CACjG;AAED,eAAO,MAAM,mBAAmB,EAAE,gBAQjC,CAAC;AAEF,eAAO,MAAM,WAAW,iCAA6D,CAAC;AAEtF,eAAO,MAAM,mBAAmB,kCAAuB,CAAC;AACxD,eAAO,MAAM,mBAAmB,kCAAuB,CAAC"}

package/components/Page/PageContext.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { getBreakpoint, getVerticalBreakpoint } from '../../helpers/util';
+export const pageContextDefaults = {
+    isManagedSidebar: false,
+    isNavOpen: false,
+    onNavToggle: () => null,
+    width: null,
+    height: null,
+    getBreakpoint,
+    getVerticalBreakpoint
+};
+export const PageContext = React.createContext(pageContextDefaults);
+export const PageContextProvider = PageContext.Provider;
+export const PageContextConsumer = PageContext.Consumer;
+//# sourceMappingURL=PageContext.js.map

package/components/Page/PageContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContext.js","sourceRoot":"","sources":["../../../../src/components/Page/PageContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAY1E,MAAM,CAAC,MAAM,mBAAmB,GAAqB;IACnD,gBAAgB,EAAE,KAAK;IACvB,SAAS,EAAE,KAAK;IAChB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI;IACvB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,aAAa;IACb,qBAAqB;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAmB,mBAAmB,CAAC,CAAC;AAEtF,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,QAAQ,CAAC;AACxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,QAAQ,CAAC"}

package/components/Page/PageGroup.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export interface PageGroupProps extends React.HTMLProps<HTMLDivElement> {
+    /** Additional classes to apply to the PageGroup */
+    className?: string;
+    /** Content rendered inside of the PageGroup */
+    children?: React.ReactNode;
+    /**  @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
+    sticky?: 'top' | 'bottom';
+    /** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
+    stickyOnBreakpoint?: {
+        default?: 'top' | 'bottom';
+        sm?: 'top' | 'bottom';
+        md?: 'top' | 'bottom';
+        lg?: 'top' | 'bottom';
+        xl?: 'top' | 'bottom';
+        '2xl'?: 'top' | 'bottom';
+    };
+    /** Modifier indicating if PageGroup should have a shadow at the top */
+    hasShadowTop?: boolean;
+    /** Modifier indicating if PageGroup should have a shadow at the bottom */
+    hasShadowBottom?: boolean;
+    /** Flag indicating if the PageGroup has a scrolling overflow */
+    hasOverflowScroll?: boolean;
+    /** Adds an accessible name to the page group. Required when the hasOverflowScroll prop is set to true. */
+    'aria-label'?: string;
+}
+export declare const PageGroup: {
+    ({ className, children, sticky, stickyOnBreakpoint, hasShadowTop, hasShadowBottom, hasOverflowScroll, "aria-label": ariaLabel, ...props }: PageGroupProps): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=PageGroup.d.ts.map

package/components/Page/PageGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sIAAsI;IACtI,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,sGAAsG;IACtG,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;KAC1B,CAAC;IACF,uEAAuE;IACvE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0GAA0G;IAC1G,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,SAAS;+IAUnB,cAAc;;CA6BhB,CAAC"}

package/components/Page/PageGroup.js

@@ -0,0 +1,19 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/Page/page';
+import { formatBreakpointMods } from '../../helpers/util';
+import { PageContext } from './PageContext';
+export const PageGroup = (_a) => {
+    var { className = '', children, sticky, stickyOnBreakpoint, hasShadowTop = false, hasShadowBottom = false, hasOverflowScroll = false, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["className", "children", "sticky", "stickyOnBreakpoint", "hasShadowTop", "hasShadowBottom", "hasOverflowScroll", 'aria-label']);
+    const { height, getVerticalBreakpoint } = React.useContext(PageContext);
+    React.useEffect(() => {
+        if (hasOverflowScroll && !ariaLabel) {
+            /* eslint-disable no-console */
+            console.warn('PageGroup: An accessible aria-label is required when hasOverflowScroll is set to true.');
+        }
+    }, [hasOverflowScroll, ariaLabel]);
+    return (React.createElement("div", Object.assign({}, props, { className: css(styles.pageMainGroup, formatBreakpointMods(stickyOnBreakpoint, styles, 'sticky-', getVerticalBreakpoint(height), true), sticky === 'top' && styles.modifiers.stickyTop, sticky === 'bottom' && styles.modifiers.stickyBottom, hasShadowTop && styles.modifiers.shadowTop, hasShadowBottom && styles.modifiers.shadowBottom, hasOverflowScroll && styles.modifiers.overflowScroll, className) }, (hasOverflowScroll && { tabIndex: 0 }), { "aria-label": ariaLabel }), children));
+};
+PageGroup.displayName = 'PageGroup';
+//# sourceMappingURL=PageGroup.js.map

package/components/Page/PageGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageGroup.js","sourceRoot":"","sources":["../../../../src/components/Page/PageGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AA2B5C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAUT,EAAE,EAAE;QAVK,EACxB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,EACzB,YAAY,EAAE,SAAS,OAER,EADZ,KAAK,cATgB,+HAUzB,CADS;IAER,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAExE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,iBAAiB,IAAI,CAAC,SAAS,EAAE;YACnC,+BAA+B;YAC/B,OAAO,CAAC,IAAI,CAAC,wFAAwF,CAAC,CAAC;SACxG;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,6CACM,KAAK,IACT,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,aAAa,EACpB,oBAAoB,CAAC,kBAAkB,EAAE,MAAM,EAAE,SAAS,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAChG,MAAM,KAAK,KAAK,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EACpD,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC1C,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EAChD,iBAAiB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,EACpD,SAAS,CACV,IACG,CAAC,iBAAiB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,kBAC9B,SAAS,KAEpB,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/components/Page/PageHeader.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export interface PageHeaderProps extends React.HTMLProps<HTMLDivElement> {
+    /** Additional classes added to the page header */
+    className?: string;
+    /** Component to render the logo/brand, use <Brand /> */
+    logo?: React.ReactNode;
+    /** Additional props passed to the logo anchor container */
+    logoProps?: object;
+    /** Component to use to wrap the passed <logo> */
+    logoComponent?: React.ReactNode;
+    /** Component to render the header tools, use <PageHeaderTools />  */
+    headerTools?: React.ReactNode;
+    /** Component to render navigation within the header, use <Nav /> */
+    topNav?: React.ReactNode;
+    /** True to show the nav toggle button (toggles side nav) */
+    showNavToggle?: boolean;
+    /** Id for the nav toggle button */
+    navToggleId?: string;
+    /** True if the side nav is shown  */
+    isNavOpen?: boolean;
+    /** This prop is no longer managed through PageHeader but in the Page component. */
+    isManagedSidebar?: boolean;
+    /** Sets the value for role on the <main> element */
+    role?: string;
+    /** Callback function to handle the side nav toggle button, managed by the Page component if the Page isManagedSidebar prop is set to true */
+    onNavToggle?: () => void;
+    /** Aria Label for the nav toggle button */
+    'aria-label'?: string;
+}
+export declare const PageHeader: React.FunctionComponent<PageHeaderProps>;
+//# sourceMappingURL=PageHeader.d.ts.map

package/components/Page/PageHeader.d.ts.map

@@ -0,0 +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"}

package/components/Page/PageHeader.js

@@ -0,0 +1,29 @@
+import { __rest } from "tslib";
+/* eslint-disable no-console */
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Page/page';
+import { css } from '@patternfly/react-styles';
+import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
+import { Button, ButtonVariant } from '../../components/Button';
+import { PageContextConsumer } from './PageContext';
+export const PageHeader = (_a) => {
+    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(_a, ["className", "logo", "logoProps", "logoComponent", "headerTools", "topNav", "isNavOpen", "isManagedSidebar", "role", "showNavToggle", "navToggleId", "onNavToggle", 'aria-label', 'aria-controls']);
+    const LogoComponent = logoComponent;
+    if ([false, true].includes(deprecatedIsManagedSidebar)) {
+        console.warn('isManagedSidebar is deprecated in the PageHeader component. To make the sidebar toggle uncontrolled, pass this prop in the Page component');
+    }
+    return (React.createElement(PageContextConsumer, null, ({ isManagedSidebar, onNavToggle: managedOnNavToggle, isNavOpen: managedIsNavOpen }) => {
+        const navToggle = isManagedSidebar ? managedOnNavToggle : onNavToggle;
+        const navOpen = isManagedSidebar ? managedIsNavOpen : isNavOpen;
+        return (React.createElement("header", Object.assign({ role: role, className: css(styles.pageHeader, className) }, props),
+            (showNavToggle || logo) && (React.createElement("div", { className: css(styles.pageHeaderBrand) },
+                showNavToggle && (React.createElement("div", { className: css(styles.pageHeaderBrandToggle) },
+                    React.createElement(Button, { id: navToggleId, onClick: navToggle, "aria-label": ariaLabel, "aria-controls": ariaControls, "aria-expanded": navOpen ? 'true' : 'false', variant: ButtonVariant.plain },
+                        React.createElement(BarsIcon, null)))),
+                logo && (React.createElement(LogoComponent, Object.assign({ className: css(styles.pageHeaderBrandLink) }, logoProps), logo)))),
+            topNav && React.createElement("div", { className: css(styles.pageHeaderNav) }, topNav),
+            headerTools));
+    }));
+};
+PageHeader.displayName = 'PageHeader';
+//# sourceMappingURL=PageHeader.js.map

package/components/Page/PageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../../../src/components/Page/PageHeader.tsx"],"names":[],"mappings":";AAAA,+BAA+B;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,QAAQ,MAAM,kDAAkD,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAoB,MAAM,eAAe,CAAC;AA+BtE,MAAM,CAAC,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,cAf2D,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,mBAAmB,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,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,IAAM,KAAK;YACxE,CAAC,aAAa,IAAI,IAAI,CAAC,IAAI,CAC1B,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC;gBACxC,aAAa,IAAI,CAChB,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,qBAAqB,CAAC;oBAC/C,oBAAC,MAAM,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,aAAa,CAAC,KAAK;wBAE5B,oBAAC,QAAQ,OAAG,CACL,CACL,CACP;gBACA,IAAI,IAAI,CACP,oBAAC,aAAa,kBAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,CAAC,IAAM,SAAS,GACrE,IAAI,CACS,CACjB,CACG,CACP;YACA,MAAM,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,IAAG,MAAM,CAAO;YACnE,WAAW,CACL,CACV,CAAC;IACJ,CAAC,CACmB,CACvB,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/components/Page/PageHeaderTools.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface PageHeaderToolsProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered in page header tools */
+    children: React.ReactNode;
+    /** Additional classes added to the page header tools. */
+    className?: string;
+}
+export declare const PageHeaderTools: React.FunctionComponent<PageHeaderToolsProps>;
+//# sourceMappingURL=PageHeaderTools.d.ts.map

package/components/Page/PageHeaderTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderTools.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageHeaderTools.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC3E,4CAA4C;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAQzE,CAAC"}

package/components/Page/PageHeaderTools.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Page/page';
+import { css } from '@patternfly/react-styles';
+export const PageHeaderTools = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", Object.assign({ className: css(styles.pageHeaderTools, className) }, props), children));
+};
+PageHeaderTools.displayName = 'PageHeaderTools';
+//# sourceMappingURL=PageHeaderTools.js.map

package/components/Page/PageHeaderTools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderTools.js","sourceRoot":"","sources":["../../../../src/components/Page/PageHeaderTools.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,EAIxD,EAAE,EAAE;QAJoD,EAC7E,QAAQ,EACR,SAAS,OAEY,EADlB,KAAK,cAHqE,yBAI9E,CADS;IACkB,OAAA,CAC1B,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,IAAM,KAAK,GAC9D,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/components/Page/PageHeaderToolsGroup.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface PageHeaderToolsGroupProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered in the page header tools group */
+    children: React.ReactNode;
+    /** Additional classes added to the page header tools group. */
+    className?: string;
+    /** Visibility at various breakpoints. */
+    visibility?: {
+        default?: 'hidden' | 'visible';
+        sm?: 'hidden' | 'visible';
+        md?: 'hidden' | 'visible';
+        lg?: 'hidden' | 'visible';
+        xl?: 'hidden' | 'visible';
+        '2xl'?: 'hidden' | 'visible';
+    };
+}
+export declare const PageHeaderToolsGroup: React.FunctionComponent<PageHeaderToolsGroupProps>;
+//# sourceMappingURL=PageHeaderToolsGroup.d.ts.map

package/components/Page/PageHeaderToolsGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderToolsGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageHeaderToolsGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChF,sDAAsD;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;CACH;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAmBnF,CAAC"}

package/components/Page/PageHeaderToolsGroup.js

@@ -0,0 +1,13 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Page/page';
+import { css } from '@patternfly/react-styles';
+import { formatBreakpointMods } from '../../helpers/util';
+import { PageContext } from './PageContext';
+export const PageHeaderToolsGroup = (_a) => {
+    var { children, className, visibility } = _a, props = __rest(_a, ["children", "className", "visibility"]);
+    const { width, getBreakpoint } = React.useContext(PageContext);
+    return (React.createElement("div", Object.assign({ className: css(styles.pageHeaderToolsGroup, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), className) }, props), children));
+};
+PageHeaderToolsGroup.displayName = 'PageHeaderToolsGroup';
+//# sourceMappingURL=PageHeaderToolsGroup.js.map

package/components/Page/PageHeaderToolsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderToolsGroup.js","sourceRoot":"","sources":["../../../../src/components/Page/PageHeaderToolsGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAkB5C,MAAM,CAAC,MAAM,oBAAoB,GAAuD,CAAC,EAK7D,EAAE,EAAE;QALyD,EACvF,QAAQ,EACR,SAAS,EACT,UAAU,OAEgB,EADvB,KAAK,cAJ+E,uCAKxF,CADS;IAER,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC/D,OAAO,CACL,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,oBAAoB,EAC3B,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/components/Page/PageHeaderToolsItem.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export interface PageHeaderToolsItemProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered in page header tools item. */
+    children: React.ReactNode;
+    /** Additional classes added to the page header tools item. */
+    className?: string;
+    /** HTML id of the PageHeaderToolsItem */
+    id?: string;
+    /** Visibility at various breakpoints. */
+    visibility?: {
+        default?: 'hidden' | 'visible';
+        sm?: 'hidden' | 'visible';
+        md?: 'hidden' | 'visible';
+        lg?: 'hidden' | 'visible';
+        xl?: 'hidden' | 'visible';
+        '2xl'?: 'hidden' | 'visible';
+    };
+    /** True to make an icon button appear selected */
+    isSelected?: boolean;
+}
+export declare const PageHeaderToolsItem: React.FunctionComponent<PageHeaderToolsItemProps>;
+//# sourceMappingURL=PageHeaderToolsItem.d.ts.map

package/components/Page/PageHeaderToolsItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderToolsItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageHeaderToolsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC/E,kDAAkD;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yCAAyC;IACzC,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAuBjF,CAAC"}

package/components/Page/PageHeaderToolsItem.js

@@ -0,0 +1,13 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Page/page';
+import { css } from '@patternfly/react-styles';
+import { formatBreakpointMods } from '../../helpers/util';
+import { PageContext } from './PageContext';
+export const PageHeaderToolsItem = (_a) => {
+    var { children, id, className, visibility, isSelected } = _a, props = __rest(_a, ["children", "id", "className", "visibility", "isSelected"]);
+    const { width, getBreakpoint } = React.useContext(PageContext);
+    return (React.createElement("div", Object.assign({ className: css(styles.pageHeaderToolsItem, isSelected && styles.modifiers.selected, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), className), id: id }, props), children));
+};
+PageHeaderToolsItem.displayName = 'PageHeaderToolsItem';
+//# sourceMappingURL=PageHeaderToolsItem.js.map

package/components/Page/PageHeaderToolsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeaderToolsItem.js","sourceRoot":"","sources":["../../../../src/components/Page/PageHeaderToolsItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAsB5C,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAO5D,EAAE,EAAE;QAPwD,EACrF,QAAQ,EACR,EAAE,EACF,SAAS,EACT,UAAU,EACV,UAAU,OAEe,EADtB,KAAK,cAN6E,2DAOtF,CADS;IAER,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAC/D,OAAO,CACL,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,mBAAmB,EAC1B,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,SAAS,CACV,EACD,EAAE,EAAE,EAAE,IACF,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/components/Page/PageNavigation.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export interface PageNavigationProps extends React.HTMLProps<HTMLDivElement> {
+    /** Additional classes to apply to the PageNavigation */
+    className?: string;
+    /** Content rendered inside of the PageNavigation */
+    children?: React.ReactNode;
+    /** Limits the width of the PageNavigation */
+    isWidthLimited?: boolean;
+    /**  @deprecated Use the stickyOnBreakpoint prop instead - Modifier indicating if the PageBreadcrumb is sticky to the top or bottom */
+    sticky?: 'top' | 'bottom';
+    /** Modifier indicating if the PageBreadcrumb is sticky to the top or bottom at various breakpoints */
+    stickyOnBreakpoint?: {
+        default?: 'top' | 'bottom';
+        sm?: 'top' | 'bottom';
+        md?: 'top' | 'bottom';
+        lg?: 'top' | 'bottom';
+        xl?: 'top' | 'bottom';
+        '2xl'?: 'top' | 'bottom';
+    };
+    /** Flag indicating if PageNavigation should have a shadow at the top */
+    hasShadowTop?: boolean;
+    /** Flag indicating if PageNavigation should have a shadow at the bottom */
+    hasShadowBottom?: boolean;
+    /** Flag indicating if the PageNavigation has a scrolling overflow */
+    hasOverflowScroll?: boolean;
+    /** Adds an accessible name to the page navigation. Required when the hasOverflowScroll prop is set to true. */
+    'aria-label'?: string;
+}
+export declare const PageNavigation: {
+    ({ className, children, isWidthLimited, sticky, stickyOnBreakpoint, hasShadowTop, hasShadowBottom, hasOverflowScroll, "aria-label": ariaLabel, ...props }: PageNavigationProps): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=PageNavigation.d.ts.map

package/components/Page/PageNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sIAAsI;IACtI,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,sGAAsG;IACtG,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,EAAE,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;QACtB,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;KAC1B,CAAC;IACF,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+GAA+G;IAC/G,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,cAAc;+JAWxB,mBAAmB;;CA+BrB,CAAC"}