@patternfly/react-core 5.0.0-alpha.6 → 5.0.0-alpha.8

package/components/OptionsMenu/OptionsMenuToggle.js

@@ -0,0 +1,15 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { DropdownToggle, DropdownContext } from '../Dropdown';
+export const OptionsMenuToggle = (_a) => {
+    var { isPlain = false, isDisabled = false, isOpen = false, parentId = '', toggleTemplate = React.createElement(React.Fragment, null), hideCaret = false, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    isActive = false, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    isSplitButton = false, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    type, 'aria-label': ariaLabel = 'Options menu' } = _a, props = __rest(_a, ["isPlain", "isDisabled", "isOpen", "parentId", "toggleTemplate", "hideCaret", "isActive", "isSplitButton", "type", 'aria-label']);
+    return (React.createElement(DropdownContext.Consumer, null, ({ id: contextId }) => (React.createElement(DropdownToggle, Object.assign({}, ((isPlain || hideCaret) && { toggleIndicator: null }), props, { isPlain: isPlain, isOpen: isOpen, isDisabled: isDisabled, isActive: isActive, id: parentId ? `${parentId}-toggle` : `${contextId}-toggle`, "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-expanded": isOpen }, (toggleTemplate ? { children: toggleTemplate } : {}))))));
+};
+OptionsMenuToggle.displayName = 'OptionsMenuToggle';
+//# sourceMappingURL=OptionsMenuToggle.js.map

package/components/OptionsMenu/OptionsMenuToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsMenuToggle.js","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/OptionsMenuToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AA4B9D,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAe1D,EAAE,EAAE;QAfsD,EACjF,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,EAAE,EACb,cAAc,GAAG,oBAAC,KAAK,CAAC,QAAQ,OAAG,EACnC,SAAS,GAAG,KAAK;IACjB,6DAA6D;IAC7D,QAAQ,GAAG,KAAK;IAChB,6DAA6D;IAC7D,aAAa,GAAG,KAAK;IACrB,6DAA6D;IAC7D,IAAI,EACJ,YAAY,EAAE,SAAS,GAAG,cAAc,OAEjB,EADpB,KAAK,cAdyE,iIAelF,CADS;IACoB,OAAA,CAC5B,oBAAC,eAAe,CAAC,QAAQ,QACtB,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACtB,oBAAC,cAAc,oBACT,CAAC,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,EACrD,KAAK,IACT,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,SAAS,mBAC7C,SAAS,gBACX,SAAS,mBACN,MAAM,IACjB,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACxD,CACH,CACwB,CAC5B,CAAA;CAAA,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/components/OptionsMenu/OptionsMenuToggleWithText.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+export interface OptionsMenuToggleWithTextProps extends React.HTMLProps<HTMLDivElement> {
+    /** Id of the parent options menu component */
+    parentId?: string;
+    /** Content to be rendered inside the options menu toggle as text or another non-interactive element */
+    toggleText: React.ReactNode;
+    /** classes to be added to the options menu toggle text */
+    toggleTextClassName?: string;
+    /** Content to be rendered inside the options menu toggle button */
+    toggleButtonContents?: React.ReactNode;
+    /** Classes to be added to the options menu toggle button */
+    toggleButtonContentsClassName?: string;
+    /** Callback for when this options menu is toggled */
+    onToggle?: (event: boolean) => void;
+    /** Inner function to indicate open on Enter */
+    onEnter?: (event: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<Element>) => void;
+    /** Flag to indicate if menu is open */
+    isOpen?: boolean;
+    /** Flag to indicate if the button is plain */
+    isPlain?: boolean;
+    /** Forces display of the active state of the options menu button */
+    isActive?: boolean;
+    /** Disables the options menu toggle */
+    isDisabled?: boolean;
+    /** @hide Internal parent reference */
+    parentRef?: React.RefObject<HTMLElement>;
+    /** Indicates that the element has a popup context menu or sub-level menu */
+    'aria-haspopup'?: boolean | 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid';
+    /** Provides an accessible name for the button when an icon is used instead of text */
+    'aria-label'?: string;
+    /** @hide Display the toggle in text only mode. */
+    isText?: boolean;
+    /** @hide The menu element */
+    getMenuRef?: () => HTMLElement;
+}
+export declare const OptionsMenuToggleWithText: React.FunctionComponent<OptionsMenuToggleWithTextProps>;
+//# sourceMappingURL=OptionsMenuToggleWithText.d.ts.map

package/components/OptionsMenu/OptionsMenuToggleWithText.d.ts.map

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

package/components/OptionsMenu/OptionsMenuToggleWithText.js

@@ -0,0 +1,63 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import { KeyTypes } from '../../helpers/constants';
+import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu';
+import { DropdownContext } from '../Dropdown';
+export const OptionsMenuToggleWithText = (_a) => {
+    var { parentId = '', toggleText, toggleTextClassName = '', toggleButtonContents, toggleButtonContentsClassName = '', onToggle = () => null, isOpen = false, isPlain = false, 
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    isText = true, isDisabled = false, 
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    isActive = false, 'aria-haspopup': ariaHasPopup, parentRef, 
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    getMenuRef, onEnter, 
+    /* eslint-enable @typescript-eslint/no-unused-vars */
+    'aria-label': ariaLabel = 'Options menu' } = _a, props = __rest(_a, ["parentId", "toggleText", "toggleTextClassName", "toggleButtonContents", "toggleButtonContentsClassName", "onToggle", "isOpen", "isPlain", "isText", "isDisabled", "isActive", 'aria-haspopup', "parentRef", "getMenuRef", "onEnter", 'aria-label']);
+    const buttonRef = React.useRef();
+    React.useEffect(() => {
+        document.addEventListener('mousedown', onDocClick);
+        document.addEventListener('touchstart', onDocClick);
+        document.addEventListener('keydown', onEscPress);
+        return () => {
+            document.removeEventListener('mousedown', onDocClick);
+            document.removeEventListener('touchstart', onDocClick);
+            document.removeEventListener('keydown', onEscPress);
+        };
+    });
+    const onDocClick = (event) => {
+        if (isOpen && parentRef && parentRef.current && !parentRef.current.contains(event.target)) {
+            onToggle(false);
+            buttonRef.current.focus();
+        }
+    };
+    const onKeyDown = (event) => {
+        if (event.key === 'Tab' && !isOpen) {
+            return;
+        }
+        event.preventDefault();
+        if ((event.key === 'Enter' || event.key === ' ') && isOpen) {
+            onToggle(!isOpen);
+        }
+        else if ((event.key === 'Enter' || event.key === ' ') && !isOpen) {
+            onToggle(!isOpen);
+            onEnter(event);
+        }
+    };
+    const onEscPress = (event) => {
+        if (isOpen &&
+            (event.key === KeyTypes.Escape || event.key === 'Tab') &&
+            parentRef &&
+            parentRef.current &&
+            parentRef.current.contains(event.target)) {
+            onToggle(false);
+            buttonRef.current.focus();
+        }
+    };
+    return (React.createElement(DropdownContext.Consumer, null, ({ id: contextId }) => (React.createElement("div", Object.assign({ className: css(styles.optionsMenuToggle, styles.modifiers.text, isPlain && styles.modifiers.plain, isDisabled && styles.modifiers.disabled, isActive && styles.modifiers.active) }, props),
+        React.createElement("span", { className: css(styles.optionsMenuToggleText, toggleTextClassName) }, toggleText),
+        React.createElement("button", { className: css(styles.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 },
+            React.createElement("span", { className: css(styles.optionsMenuToggleButtonIcon) }, toggleButtonContents))))));
+};
+OptionsMenuToggleWithText.displayName = 'OptionsMenuToggleWithText';
+//# sourceMappingURL=OptionsMenuToggleWithText.js.map

package/components/OptionsMenu/OptionsMenuToggleWithText.js.map

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

package/components/OptionsMenu/index.d.ts

@@ -0,0 +1,7 @@
+export * from './OptionsMenu';
+export * from './OptionsMenuToggle';
+export * from './OptionsMenuItemGroup';
+export * from './OptionsMenuItem';
+export * from './OptionsMenuSeparator';
+export * from './OptionsMenuToggleWithText';
+//# sourceMappingURL=index.d.ts.map

package/components/OptionsMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC"}

package/components/OptionsMenu/index.js

@@ -0,0 +1,7 @@
+export * from './OptionsMenu';
+export * from './OptionsMenuToggle';
+export * from './OptionsMenuItemGroup';
+export * from './OptionsMenuItem';
+export * from './OptionsMenuSeparator';
+export * from './OptionsMenuToggleWithText';
+//# sourceMappingURL=index.js.map

package/components/OptionsMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/OptionsMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC"}

package/components/OverflowMenu/OverflowMenu.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export interface OverflowMenuProps extends React.HTMLProps<HTMLDivElement> {
+    /** Any elements that can be rendered in the menu */
+    children?: any;
+    /** Additional classes added to the OverflowMenu. */
+    className?: string;
+    /** Indicates breakpoint at which to switch between horizontal menu and vertical dropdown */
+    breakpoint: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /** A container reference to base the specified breakpoint on instead of the viewport width. */
+    breakpointReference?: HTMLElement | (() => HTMLElement) | React.RefObject<any>;
+}
+export interface OverflowMenuState extends React.HTMLProps<HTMLDivElement> {
+    isBelowBreakpoint: boolean;
+    breakpointRef: HTMLElement;
+}
+export declare class OverflowMenu extends React.Component<OverflowMenuProps, OverflowMenuState> {
+    static displayName: string;
+    constructor(props: OverflowMenuProps);
+    observer: any;
+    getBreakpointRef(): any;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<OverflowMenuProps>, prevState: Readonly<OverflowMenuState>): void;
+    componentWillUnmount(): void;
+    handleResize: () => void;
+    handleResizeWithDelay: (...args: any[]) => void;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=OverflowMenu.d.ts.map

package/components/OverflowMenu/OverflowMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACxE,oDAAoD;IACpD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC9C,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CAChF;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACxE,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,WAAW,CAAC;CAC5B;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACrF,MAAM,CAAC,WAAW,SAAkB;gBACxB,KAAK,EAAE,iBAAiB;IAQpC,QAAQ,EAAE,GAAG,CAAY;IAEzB,gBAAgB;IAUhB,iBAAiB;IAQjB,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,iBAAiB,CAAC,GAAG,IAAI;IAYxG,oBAAoB;IAIpB,YAAY,aAaV;IAEF,qBAAqB,2BAAoC;IAEzD,MAAM;CAYP"}

package/components/OverflowMenu/OverflowMenu.js

@@ -0,0 +1,69 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/OverflowMenu/overflow-menu';
+import { css } from '@patternfly/react-styles';
+import { OverflowMenuContext } from './OverflowMenuContext';
+import { debounce } from '../../helpers/util';
+import { globalWidthBreakpoints } from '../../helpers/constants';
+import { getResizeObserver } from '../../helpers/resizeObserver';
+export class OverflowMenu extends React.Component {
+    constructor(props) {
+        super(props);
+        this.observer = () => { };
+        this.handleResize = () => {
+            const breakpointWidth = globalWidthBreakpoints[this.props.breakpoint];
+            if (!breakpointWidth) {
+                // eslint-disable-next-line no-console
+                console.error('OverflowMenu will not be visible without a valid breakpoint.');
+                return;
+            }
+            const relativeWidth = this.state.breakpointRef ? this.state.breakpointRef.clientWidth : window.innerWidth;
+            const isBelowBreakpoint = relativeWidth < breakpointWidth;
+            if (this.state.isBelowBreakpoint !== isBelowBreakpoint) {
+                this.setState({ isBelowBreakpoint });
+            }
+        };
+        this.handleResizeWithDelay = debounce(this.handleResize, 250);
+        this.state = {
+            isBelowBreakpoint: false,
+            breakpointRef: undefined
+        };
+    }
+    getBreakpointRef() {
+        const { breakpointReference } = this.props;
+        if (breakpointReference.current) {
+            return breakpointReference.current;
+        }
+        else if (typeof breakpointReference === 'function') {
+            return breakpointReference();
+        }
+    }
+    componentDidMount() {
+        const reference = this.props.breakpointReference ? this.getBreakpointRef() : undefined;
+        this.setState({ breakpointRef: reference });
+        this.observer = getResizeObserver(reference, this.handleResizeWithDelay);
+        this.handleResize();
+    }
+    componentDidUpdate(prevProps, prevState) {
+        const reference = this.props.breakpointReference ? this.getBreakpointRef() : undefined;
+        if (prevState.breakpointRef !== reference) {
+            // To remove any previous observer/event listener from componentDidMount before adding a new one
+            this.observer();
+            this.setState({ breakpointRef: reference });
+            this.observer = getResizeObserver(reference, this.handleResizeWithDelay);
+            this.handleResize();
+        }
+    }
+    componentWillUnmount() {
+        this.observer();
+    }
+    render() {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const _a = this.props, { className, breakpoint, children, breakpointReference } = _a, props = __rest(_a, ["className", "breakpoint", "children", "breakpointReference"]);
+        return (React.createElement("div", Object.assign({}, props, { className: css(styles.overflowMenu, className) }),
+            React.createElement(OverflowMenuContext.Provider, { value: { isBelowBreakpoint: this.state.isBelowBreakpoint } }, children)));
+    }
+}
+OverflowMenu.displayName = 'OverflowMenu';
+OverflowMenu.contextType = OverflowMenuContext;
+//# sourceMappingURL=OverflowMenu.js.map

package/components/OverflowMenu/OverflowMenu.js.map

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

package/components/OverflowMenu/OverflowMenuContent.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface OverflowMenuContentProps extends React.HTMLProps<HTMLDivElement> {
+    /** Any elements that can be rendered in the menu */
+    children?: any;
+    /** Additional classes added to the OverflowMenuContent */
+    className?: string;
+    /** Modifies the overflow menu content visibility */
+    isPersistent?: boolean;
+}
+export declare const OverflowMenuContent: React.FunctionComponent<OverflowMenuContentProps>;
+//# sourceMappingURL=OverflowMenuContent.d.ts.map

package/components/OverflowMenu/OverflowMenuContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuContent.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC/E,oDAAoD;IACpD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAYjF,CAAC"}

package/components/OverflowMenu/OverflowMenuContent.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/OverflowMenu/overflow-menu';
+import { OverflowMenuContext } from './OverflowMenuContext';
+export const OverflowMenuContent = ({ className, children, isPersistent }) => (React.createElement(OverflowMenuContext.Consumer, null, value => (!value.isBelowBreakpoint || isPersistent) && (React.createElement("div", { className: css(styles.overflowMenuContent, className) }, children))));
+OverflowMenuContent.displayName = 'OverflowMenuContent';
+//# sourceMappingURL=OverflowMenuContent.js.map

package/components/OverflowMenu/OverflowMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuContent.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,oEAAoE,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAW5D,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EACrF,SAAS,EACT,QAAQ,EACR,YAAY,EACa,EAAE,EAAE,CAAC,CAC9B,oBAAC,mBAAmB,CAAC,QAAQ,QAC1B,KAAK,CAAC,EAAE,CACP,CAAC,CAAC,KAAK,CAAC,iBAAiB,IAAI,YAAY,CAAC,IAAI,CAC5C,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAC7E,CAE0B,CAChC,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/components/OverflowMenu/OverflowMenuContext.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const OverflowMenuContext: React.Context<{
+    isBelowBreakpoint?: boolean;
+}>;
+//# sourceMappingURL=OverflowMenuContext.d.ts.map

package/components/OverflowMenu/OverflowMenuContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuContext.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,mBAAmB;wBACV,OAAO;EAG3B,CAAC"}

package/components/OverflowMenu/OverflowMenuContext.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export const OverflowMenuContext = React.createContext({
+    isBelowBreakpoint: false
+});
+//# sourceMappingURL=OverflowMenuContext.js.map

package/components/OverflowMenu/OverflowMenuContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuContext.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAEnD;IACD,iBAAiB,EAAE,KAAK;CACzB,CAAC,CAAC"}

package/components/OverflowMenu/OverflowMenuControl.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface OverflowMenuControlProps extends React.HTMLProps<HTMLDivElement> {
+    /** Any elements that can be rendered in the menu */
+    children?: any;
+    /** Additional classes added to the OverflowMenuControl */
+    className?: string;
+    /** Triggers the overflow dropdown to persist at all viewport sizes */
+    hasAdditionalOptions?: boolean;
+}
+export declare const OverflowMenuControl: React.FunctionComponent<OverflowMenuControlProps>;
+//# sourceMappingURL=OverflowMenuControl.d.ts.map

package/components/OverflowMenu/OverflowMenuControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuControl.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC/E,oDAAoD;IACpD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAgBjF,CAAC"}

package/components/OverflowMenu/OverflowMenuControl.js

@@ -0,0 +1,14 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/OverflowMenu/overflow-menu';
+import { OverflowMenuContext } from './OverflowMenuContext';
+export const OverflowMenuControl = (_a) => {
+    var { className, children, hasAdditionalOptions } = _a, props = __rest(_a, ["className", "children", "hasAdditionalOptions"]);
+    return (React.createElement(OverflowMenuContext.Consumer, null, value => (value.isBelowBreakpoint || hasAdditionalOptions) && (React.createElement("div", Object.assign({ className: css(styles.overflowMenuControl, className) }, props),
+        ' ',
+        children,
+        ' '))));
+};
+OverflowMenuControl.displayName = 'OverflowMenuControl';
+//# sourceMappingURL=OverflowMenuControl.js.map

package/components/OverflowMenu/OverflowMenuControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuControl.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,oEAAoE,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAW5D,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAK5D,EAAE,EAAE;QALwD,EACrF,SAAS,EACT,QAAQ,EACR,oBAAoB,OAEK,EADtB,KAAK,cAJ6E,iDAKtF,CADS;IACsB,OAAA,CAC9B,oBAAC,mBAAmB,CAAC,QAAQ,QAC1B,KAAK,CAAC,EAAE,CACP,CAAC,KAAK,CAAC,iBAAiB,IAAI,oBAAoB,CAAC,IAAI,CACnD,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,IAAM,KAAK;QAClE,GAAG;QACH,QAAQ;QAAE,GAAG,CACV,CACP,CAE0B,CAChC,CAAA;CAAA,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/components/OverflowMenu/OverflowMenuDropdownItem.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { DropdownItemProps } from '../Dropdown';
+export interface OverflowMenuDropdownItemProps extends DropdownItemProps {
+    /** Indicates when a dropdown item shows and hides the corresponding list item */
+    isShared?: boolean;
+    /** Indicates the index of the list item */
+    index?: number;
+}
+export declare const OverflowMenuDropdownItem: React.FunctionComponent<OverflowMenuDropdownItemProps>;
+//# sourceMappingURL=OverflowMenuDropdownItem.d.ts.map

package/components/OverflowMenu/OverflowMenuDropdownItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuDropdownItem.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuDropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAG9D,MAAM,WAAW,6BAA8B,SAAQ,iBAAiB;IACtE,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAe3F,CAAC"}

package/components/OverflowMenu/OverflowMenuDropdownItem.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { DropdownItem } from '../Dropdown';
+import { OverflowMenuContext } from './OverflowMenuContext';
+export const OverflowMenuDropdownItem = (_a) => {
+    var { children, isShared = false, index } = _a, additionalProps = __rest(_a, ["children", "isShared", "index"]);
+    return (React.createElement(OverflowMenuContext.Consumer, null, value => (!isShared || value.isBelowBreakpoint) && (React.createElement(DropdownItem, Object.assign({ component: "button", index: index }, additionalProps), children))));
+};
+OverflowMenuDropdownItem.displayName = 'OverflowMenuDropdownItem';
+//# sourceMappingURL=OverflowMenuDropdownItem.js.map

package/components/OverflowMenu/OverflowMenuDropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuDropdownItem.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuDropdownItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAqB,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAS5D,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAKjE,EAAE,EAAE;QAL6D,EAC/F,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,OAEyB,EAD3B,eAAe,cAJ6E,iCAKhG,CADmB;IACiB,OAAA,CACnC,oBAAC,mBAAmB,CAAC,QAAQ,QAC1B,KAAK,CAAC,EAAE,CACP,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,iBAAiB,CAAC,IAAI,CACxC,oBAAC,YAAY,kBAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,IAAM,eAAe,GAC/D,QAAQ,CACI,CAChB,CAE0B,CAChC,CAAA;CAAA,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}

package/components/OverflowMenu/OverflowMenuGroup.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface OverflowMenuGroupProps extends React.HTMLProps<HTMLDivElement> {
+    /** Any elements that can be rendered in the menu */
+    children?: any;
+    /** Additional classes added to the OverflowMenuGroup */
+    className?: string;
+    /** Modifies the overflow menu group visibility */
+    isPersistent?: boolean;
+    /** Indicates a button or icon group */
+    groupType?: 'button' | 'icon';
+}
+export declare const OverflowMenuGroup: React.FunctionComponent<OverflowMenuGroupProps>;
+//# sourceMappingURL=OverflowMenuGroup.d.ts.map

package/components/OverflowMenu/OverflowMenuGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,oDAAoD;IACpD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uCAAuC;IACvC,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAwB7E,CAAC"}

package/components/OverflowMenu/OverflowMenuGroup.js

@@ -0,0 +1,11 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/OverflowMenu/overflow-menu';
+import { OverflowMenuContext } from './OverflowMenuContext';
+export const OverflowMenuGroup = (_a) => {
+    var { className, children, isPersistent = false, groupType } = _a, props = __rest(_a, ["className", "children", "isPersistent", "groupType"]);
+    return (React.createElement(OverflowMenuContext.Consumer, null, value => (isPersistent || !value.isBelowBreakpoint) && (React.createElement("div", Object.assign({ className: css(styles.overflowMenuGroup, groupType === 'button' && styles.modifiers.buttonGroup, groupType === 'icon' && styles.modifiers.iconButtonGroup, className) }, props), children))));
+};
+OverflowMenuGroup.displayName = 'OverflowMenuGroup';
+//# sourceMappingURL=OverflowMenuGroup.js.map

package/components/OverflowMenu/OverflowMenuGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuGroup.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,oEAAoE,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAa5D,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAM1D,EAAE,EAAE;QANsD,EACjF,SAAS,EACT,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,OAEc,EADpB,KAAK,cALyE,sDAMlF,CADS;IACoB,OAAA,CAC5B,oBAAC,mBAAmB,CAAC,QAAQ,QAC1B,KAAK,CAAC,EAAE,CACP,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAC5C,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,iBAAiB,EACxB,SAAS,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,WAAW,EACtD,SAAS,KAAK,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC,eAAe,EACxD,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACP,CAE0B,CAChC,CAAA;CAAA,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/components/OverflowMenu/OverflowMenuItem.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface OverflowMenuItemProps extends React.HTMLProps<HTMLDivElement> {
+    /** Any elements that can be rendered in the menu */
+    children?: any;
+    /** Additional classes added to the OverflowMenuItem */
+    className?: string;
+    /** Modifies the overflow menu item visibility */
+    isPersistent?: boolean;
+}
+export declare const OverflowMenuItem: React.FunctionComponent<OverflowMenuItemProps>;
+//# sourceMappingURL=OverflowMenuItem.d.ts.map

package/components/OverflowMenu/OverflowMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC5E,oDAAoD;IACpD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAY3E,CAAC"}

package/components/OverflowMenu/OverflowMenuItem.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/OverflowMenu/overflow-menu';
+import { OverflowMenuContext } from './OverflowMenuContext';
+export const OverflowMenuItem = ({ className, children, isPersistent = false }) => (React.createElement(OverflowMenuContext.Consumer, null, value => (isPersistent || !value.isBelowBreakpoint) && (React.createElement("div", { className: css(styles.overflowMenuItem, className) },
+    " ",
+    children,
+    " "))));
+OverflowMenuItem.displayName = 'OverflowMenuItem';
+//# sourceMappingURL=OverflowMenuItem.js.map

package/components/OverflowMenu/OverflowMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuItem.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,oEAAoE,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAW5D,MAAM,CAAC,MAAM,gBAAgB,GAAmD,CAAC,EAC/E,SAAS,EACT,QAAQ,EACR,YAAY,GAAG,KAAK,EACE,EAAE,EAAE,CAAC,CAC3B,oBAAC,mBAAmB,CAAC,QAAQ,QAC1B,KAAK,CAAC,EAAE,CACP,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAC5C,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC;;IAAI,QAAQ;QAAQ,CAC5E,CAE0B,CAChC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/components/OverflowMenu/index.d.ts

@@ -0,0 +1,7 @@
+export * from './OverflowMenu';
+export * from './OverflowMenuControl';
+export * from './OverflowMenuContent';
+export * from './OverflowMenuGroup';
+export * from './OverflowMenuItem';
+export * from './OverflowMenuDropdownItem';
+//# sourceMappingURL=index.d.ts.map

package/components/OverflowMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC"}

package/components/OverflowMenu/index.js

@@ -0,0 +1,7 @@
+export * from './OverflowMenu';
+export * from './OverflowMenuControl';
+export * from './OverflowMenuContent';
+export * from './OverflowMenuGroup';
+export * from './OverflowMenuItem';
+export * from './OverflowMenuDropdownItem';
+//# sourceMappingURL=index.js.map

package/components/OverflowMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC"}

package/components/Page/Page.d.ts

@@ -0,0 +1,105 @@
+import * as React from 'react';
+import { PageBreadcrumbProps } from './PageBreadcrumb';
+import { PageGroupProps } from './PageGroup';
+export declare enum PageLayouts {
+    vertical = "vertical",
+    horizontal = "horizontal"
+}
+export interface PageProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside the main section of the page layout (e.g. <PageSection />) */
+    children?: React.ReactNode;
+    /** Additional classes added to the page layout */
+    className?: string;
+    /** Header component (e.g. <PageHeader />) */
+    header?: React.ReactNode;
+    /** Sidebar component for a side nav (e.g. <PageSidebar />) */
+    sidebar?: React.ReactNode;
+    /** Notification drawer component for an optional notification drawer (e.g. <NotificationDrawer />) */
+    notificationDrawer?: React.ReactNode;
+    /** Flag indicating Notification drawer in expanded */
+    isNotificationDrawerExpanded?: boolean;
+    /** Flag indicating if breadcrumb width should be limited */
+    isBreadcrumbWidthLimited?: boolean;
+    /** Callback when notification drawer panel is finished expanding. */
+    onNotificationDrawerExpand?: () => void;
+    /** Skip to content component for the page */
+    skipToContent?: React.ReactElement;
+    /** Sets the value for role on the <main> element */
+    role?: string;
+    /** an id to use for the [role="main"] element */
+    mainContainerId?: string;
+    /** tabIndex to use for the [role="main"] element, null to unset it */
+    mainTabIndex?: number | null;
+    /**
+     * If true, manages the sidebar open/close state and there is no need to pass the isNavOpen boolean into
+     * the sidebar component or add a callback onNavToggle function into the PageHeader component
+     */
+    isManagedSidebar?: boolean;
+    /** Flag indicating if tertiary nav width should be limited */
+    isTertiaryNavWidthLimited?: boolean;
+    /**
+     * If true, the managed sidebar is initially open for desktop view
+     */
+    defaultManagedSidebarIsOpen?: boolean;
+    /**
+     * Can add callback to be notified when resize occurs, for example to set the sidebar isNav prop to false for a width < 768px
+     * Returns object { mobileView: boolean, windowSize: number }
+     */
+    onPageResize?: ((object: any) => void) | null;
+    /**
+     * The page resize observer uses the breakpoints returned from this function when adding the pf-m-breakpoint-[default|sm|md|lg|xl|2xl] class
+     * You can override the default getBreakpoint function to return breakpoints at different sizes than the default
+     * You can view the default getBreakpoint function here:
+     * https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/helpers/util.ts
+     */
+    getBreakpoint?: (width: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /**
+     * The page resize observer uses the breakpoints returned from this function when adding the pf-m-breakpoint-[default|sm|md|lg|xl|2xl] class
+     * You can override the default getVerticalBreakpoint function to return breakpoints at different sizes than the default
+     * You can view the default getVerticalBreakpoint function here:
+     * https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/helpers/util.ts
+     */
+    getVerticalBreakpoint?: (height: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /** Breadcrumb component for the page */
+    breadcrumb?: React.ReactNode;
+    /** Tertiary nav component for the page */
+    tertiaryNav?: React.ReactNode;
+    /** Accessible label, can be used to name main section */
+    mainAriaLabel?: string;
+    /** Flag indicating if the tertiaryNav should be in a group */
+    isTertiaryNavGrouped?: boolean;
+    /** Flag indicating if the breadcrumb should be in a group */
+    isBreadcrumbGrouped?: boolean;
+    /** Additional content of the group */
+    additionalGroupedContent?: React.ReactNode;
+    /** Additional props of the group */
+    groupProps?: PageGroupProps;
+    /** Additional props of the breadcrumb */
+    breadcrumbProps?: PageBreadcrumbProps;
+}
+export interface PageState {
+    desktopIsNavOpen: boolean;
+    mobileIsNavOpen: boolean;
+    mobileView: boolean;
+    width: number;
+    height: number;
+}
+export declare class Page extends React.Component<PageProps, PageState> {
+    static displayName: string;
+    static defaultProps: PageProps;
+    mainRef: React.RefObject<HTMLDivElement>;
+    pageRef: React.RefObject<HTMLDivElement>;
+    observer: any;
+    constructor(props: PageProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    getWindowWidth: () => number;
+    isMobile: () => boolean;
+    resize: () => void;
+    handleResize: (...args: any[]) => void;
+    handleMainClick: () => void;
+    onNavToggleMobile: () => void;
+    onNavToggleDesktop: () => void;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=Page.d.ts.map

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

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