@patternfly/react-core 5.0.0-alpha.2 → 5.0.0-alpha.20

package/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface MultipleFileUploadTitleIconProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside multiple file upload title icon */
+    children?: React.ReactNode;
+    /** Class to add to outer div */
+    className?: string;
+}
+export declare const MultipleFileUploadTitleIcon: React.FunctionComponent<MultipleFileUploadTitleIconProps>;
+//# sourceMappingURL=MultipleFileUploadTitleIcon.d.ts.map

package/components/MultipleFileUpload/MultipleFileUploadTitleIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadTitleIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvF,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,iBAAiB,CAAC,gCAAgC,CAQjG,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js

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

package/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadTitleIcon.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitleIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAQ/C,MAAM,CAAC,MAAM,2BAA2B,GAA8D,CAAC,EAIpE,EAAE,EAAE;QAJgE,EACrG,QAAQ,EACR,SAAS,OAEwB,EAD9B,KAAK,cAH6F,yBAItG,CADS;IAC8B,OAAA,CACtC,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,2BAA2B,EAAE,SAAS,CAAC,IAAM,KAAK,GAC1E,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAEF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadTitleText.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface MultipleFileUploadTitleTextProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside multiple file upload title text */
+    children?: React.ReactNode;
+    /** Class to add to outer div */
+    className?: string;
+}
+export declare const MultipleFileUploadTitleText: React.FunctionComponent<MultipleFileUploadTitleTextProps>;
+//# sourceMappingURL=MultipleFileUploadTitleText.d.ts.map

package/components/MultipleFileUpload/MultipleFileUploadTitleText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadTitleText.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitleText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvF,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,iBAAiB,CAAC,gCAAgC,CAQjG,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadTitleText.js

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

package/components/MultipleFileUpload/MultipleFileUploadTitleText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadTitleText.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitleText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,2BAA2B,GAA8D,CAAC,EAIpE,EAAE,EAAE;QAJgE,EACrG,SAAS,EACT,QAAQ,OAEyB,EAD9B,KAAK,cAH6F,yBAItG,CADS;IAC8B,OAAA,CACtC,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,2BAA2B,EAAE,SAAS,CAAC,IAAM,KAAK,GAC1E,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAEF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadTitleTextSeparator.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface MultipleFileUploadTitleTextSeparatorProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside multiple file upload title text separator */
+    children?: React.ReactNode;
+    /** Class to add to outer div */
+    className?: string;
+}
+export declare const MultipleFileUploadTitleTextSeparator: React.FunctionComponent<MultipleFileUploadTitleTextSeparatorProps>;
+//# sourceMappingURL=MultipleFileUploadTitleTextSeparator.d.ts.map

package/components/MultipleFileUpload/MultipleFileUploadTitleTextSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadTitleTextSeparator.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitleTextSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,yCAA0C,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChG,wEAAwE;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,oCAAoC,EAAE,KAAK,CAAC,iBAAiB,CAAC,yCAAyC,CAQnH,CAAC"}

package/components/MultipleFileUpload/MultipleFileUploadTitleTextSeparator.js

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

package/components/MultipleFileUpload/MultipleFileUploadTitleTextSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleFileUploadTitleTextSeparator.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/MultipleFileUploadTitleTextSeparator.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iFAAiF,CAAC;AACrG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,oCAAoC,GAAuE,CAAC,EAI7E,EAAE,EAAE;QAJyE,EACvH,SAAS,EACT,QAAQ,OAEkC,EADvC,KAAK,cAH+G,yBAIxH,CADS;IACuC,OAAA,CAC/C,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oCAAoC,EAAE,SAAS,CAAC,IAAM,KAAK,GACnF,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAEF,oCAAoC,CAAC,WAAW,GAAG,sCAAsC,CAAC"}

package/components/MultipleFileUpload/index.d.ts

@@ -0,0 +1,5 @@
+export * from './MultipleFileUpload';
+export * from './MultipleFileUploadMain';
+export * from './MultipleFileUploadStatus';
+export * from './MultipleFileUploadStatusItem';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC"}

package/components/MultipleFileUpload/index.js

@@ -0,0 +1,5 @@
+export * from './MultipleFileUpload';
+export * from './MultipleFileUploadMain';
+export * from './MultipleFileUploadStatus';
+export * from './MultipleFileUploadStatusItem';
+//# sourceMappingURL=index.js.map

package/components/MultipleFileUpload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MultipleFileUpload/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC"}

package/components/Nav/Nav.d.ts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { OUIAProps } from '../../helpers';
+export declare type NavSelectClickHandler = (e: React.FormEvent<HTMLInputElement>, itemId: number | string, groupId: number | string, to: string) => void;
+export interface NavProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, 'onSelect'>, OUIAProps {
+    /** Anything that can be rendered inside of the nav */
+    children?: React.ReactNode;
+    /** Additional classes added to the container */
+    className?: string;
+    /** Callback for updating when item selection changes */
+    onSelect?: (selectedItem: {
+        groupId: number | string;
+        itemId: number | string;
+        to: string;
+        event: React.FormEvent<HTMLInputElement>;
+    }) => void;
+    /** Callback for when a list is expanded or collapsed */
+    onToggle?: (toggledItem: {
+        groupId: number | string;
+        isExpanded: boolean;
+        event: React.MouseEvent<HTMLButtonElement>;
+    }) => void;
+    /** Accessible label for the nav when there are multiple navs on the page */
+    'aria-label'?: string;
+    /** Indicates which theme color to use */
+    theme?: 'dark' | 'light';
+    /** For horizontal navs */
+    variant?: 'default' | 'horizontal' | 'tertiary' | 'horizontal-subnav';
+    /** Value to overwrite the randomly generated data-ouia-component-id.*/
+    ouiaId?: number | string;
+    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
+    ouiaSafe?: boolean;
+}
+export interface NavContextProps {
+    onSelect?: (event: React.FormEvent<HTMLInputElement>, groupId: number | string, itemId: number | string, to: string, preventDefault: boolean, onClick: (e: React.FormEvent<HTMLInputElement>, itemId: number | string, groupId: number | string, to: string) => void) => void;
+    onToggle?: (event: React.MouseEvent<HTMLButtonElement>, groupId: number | string, expanded: boolean) => void;
+    updateIsScrollable?: (isScrollable: boolean) => void;
+    isHorizontal?: boolean;
+    flyoutRef?: React.Ref<HTMLLIElement>;
+    setFlyoutRef?: (ref: React.Ref<HTMLLIElement>) => void;
+    navRef?: React.RefObject<HTMLElement>;
+}
+export declare const navContextDefaults: {};
+export declare const NavContext: React.Context<NavContextProps>;
+export declare class Nav extends React.Component<NavProps, {
+    isScrollable: boolean;
+    ouiaStateId: string;
+    flyoutRef: React.Ref<HTMLLIElement> | null;
+}> {
+    static displayName: string;
+    static defaultProps: NavProps;
+    state: {
+        isScrollable: boolean;
+        ouiaStateId: string;
+        flyoutRef: React.Ref<HTMLLIElement>;
+    };
+    navRef: React.RefObject<HTMLElement>;
+    onSelect(event: React.FormEvent<HTMLInputElement>, groupId: number | string, itemId: number | string, to: string, preventDefault: boolean, onClick: NavSelectClickHandler): void;
+    onToggle(event: React.MouseEvent<HTMLButtonElement>, groupId: number | string, toggleValue: boolean): void;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=Nav.d.ts.map

package/components/Nav/Nav.d.ts.map

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

package/components/Nav/Nav.js

@@ -0,0 +1,62 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Nav/nav';
+import { css } from '@patternfly/react-styles';
+import { getOUIAProps, getDefaultOUIAId } from '../../helpers';
+export const navContextDefaults = {};
+export const NavContext = React.createContext(navContextDefaults);
+export class Nav extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            isScrollable: false,
+            ouiaStateId: getDefaultOUIAId(Nav.displayName, this.props.variant),
+            flyoutRef: null
+        };
+        this.navRef = React.createRef();
+    }
+    // Callback from NavItem
+    onSelect(event, groupId, itemId, to, preventDefault, onClick) {
+        if (preventDefault) {
+            event.preventDefault();
+        }
+        this.props.onSelect({ groupId, itemId, event, to });
+        if (onClick) {
+            onClick(event, itemId, groupId, to);
+        }
+    }
+    // Callback from NavExpandable
+    onToggle(event, groupId, toggleValue) {
+        this.props.onToggle({
+            event,
+            groupId,
+            isExpanded: toggleValue
+        });
+    }
+    render() {
+        const _a = this.props, { 'aria-label': ariaLabel, children, className, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        onSelect, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        onToggle, theme, ouiaId, ouiaSafe, variant } = _a, props = __rest(_a, ['aria-label', "children", "className", "onSelect", "onToggle", "theme", "ouiaId", "ouiaSafe", "variant"]);
+        const isHorizontal = ['horizontal', 'tertiary'].includes(variant);
+        return (React.createElement(NavContext.Provider, { value: {
+                onSelect: (event, groupId, itemId, to, preventDefault, onClick) => this.onSelect(event, groupId, itemId, to, preventDefault, onClick),
+                onToggle: (event, groupId, expanded) => this.onToggle(event, groupId, expanded),
+                updateIsScrollable: (isScrollable) => this.setState({ isScrollable }),
+                isHorizontal: ['horizontal', 'tertiary', 'horizontal-subnav'].includes(variant),
+                flyoutRef: this.state.flyoutRef,
+                setFlyoutRef: flyoutRef => this.setState({ flyoutRef }),
+                navRef: this.navRef
+            } },
+            React.createElement("nav", Object.assign({ className: css(styles.nav, theme === 'light' && styles.modifiers.light, isHorizontal && styles.modifiers.horizontal, variant === 'tertiary' && styles.modifiers.tertiary, variant === 'horizontal-subnav' && styles.modifiers.horizontalSubnav, this.state.isScrollable && styles.modifiers.scrollable, className), "aria-label": ariaLabel || (['tertiary', 'horizontal-subnav'].includes(variant) ? 'Local' : 'Global'), ref: this.navRef }, getOUIAProps(Nav.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), props), children)));
+    }
+}
+Nav.displayName = 'Nav';
+Nav.defaultProps = {
+    onSelect: () => undefined,
+    onToggle: () => undefined,
+    theme: 'dark',
+    ouiaSafe: true
+};
+//# sourceMappingURL=Nav.js.map

package/components/Nav/Nav.js.map

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

package/components/Nav/NavExpandable.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { PickOptional } from '../../helpers/typeUtils';
+import { OUIAProps } from '../../helpers';
+export interface NavExpandableProps extends React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, OUIAProps {
+    /** Title shown for the expandable list */
+    title: string;
+    /** If defined, screen readers will read this text instead of the list title */
+    srText?: string;
+    /** Boolean to programatically expand or collapse section */
+    isExpanded?: boolean;
+    /** Anything that can be rendered inside of the expandable list */
+    children?: React.ReactNode;
+    /** Additional classes added to the container */
+    className?: string;
+    /** Group identifier, will be returned with the onToggle and onSelect callback passed to the Nav component */
+    groupId?: string | number;
+    /** If true makes the expandable list title active */
+    isActive?: boolean;
+    /** Identifier to use for the section aria label */
+    id?: string;
+    /** allow consumer to optionally override this callback and manage expand state externally. if passed will not call Nav's onToggle. */
+    onExpand?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, val: boolean) => void;
+    /** Additional props added to the NavExpandable <button> */
+    buttonProps?: any;
+    /** Value to overwrite the randomly generated data-ouia-component-id.*/
+    ouiaId?: number | string;
+}
+interface NavExpandableState {
+    expandedState: boolean;
+    ouiaStateId: string;
+}
+export declare class NavExpandable extends React.Component<NavExpandableProps, NavExpandableState> {
+    static displayName: string;
+    static defaultProps: PickOptional<NavExpandableProps>;
+    id: string;
+    state: {
+        expandedState: boolean;
+        ouiaStateId: string;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: NavExpandableProps): void;
+    onExpand: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, onToggle: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, groupId: string | number, expandedState: boolean) => void) => void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=NavExpandable.d.ts.map

package/components/Nav/NavExpandable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavExpandable.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/NavExpandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,EACnF,SAAS;IACX,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6GAA6G;IAC7G,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sIAAsI;IACtI,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EAAE,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACtF,2DAA2D;IAC3D,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,UAAU,kBAAkB;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IACxF,MAAM,CAAC,WAAW,SAAmB;IACrC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAQnD;IAEF,EAAE,SAAkC;IAEpC,KAAK;;;MAGH;IAEF,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,kBAAkB;IAMhD,QAAQ,MACH,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,oBAEzC,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,WAC7C,MAAM,GAAG,MAAM,iBACT,OAAO,KACnB,IAAI,UAUT;IAEF,MAAM;CAoEP"}

package/components/Nav/NavExpandable.js

@@ -0,0 +1,71 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Nav/nav';
+import a11yStyles from '@patternfly/react-styles/css/utilities/Accessibility/accessibility';
+import { css } from '@patternfly/react-styles';
+import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import { getUniqueId } from '../../helpers/util';
+import { NavContext } from './Nav';
+import { PageSidebarContext } from '../Page/PageSidebar';
+import { getOUIAProps, getDefaultOUIAId } from '../../helpers';
+export class NavExpandable extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.id = this.props.id || getUniqueId();
+        this.state = {
+            expandedState: this.props.isExpanded,
+            ouiaStateId: getDefaultOUIAId(NavExpandable.displayName)
+        };
+        this.onExpand = (e, onToggle) => {
+            const { expandedState } = this.state;
+            if (this.props.onExpand) {
+                this.props.onExpand(e, !expandedState);
+            }
+            else {
+                this.setState(prevState => ({ expandedState: !prevState.expandedState }));
+                const { groupId } = this.props;
+                onToggle(e, groupId, !expandedState);
+            }
+        };
+    }
+    componentDidMount() {
+        this.setState({ expandedState: this.props.isExpanded });
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.isExpanded !== prevProps.isExpanded) {
+            this.setState({ expandedState: this.props.isExpanded });
+        }
+    }
+    render() {
+        const _a = this.props, { title, srText, children, className, isActive, ouiaId, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        groupId, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        id, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        isExpanded, buttonProps, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        onExpand } = _a, props = __rest(_a, ["title", "srText", "children", "className", "isActive", "ouiaId", "groupId", "id", "isExpanded", "buttonProps", "onExpand"]);
+        const { expandedState, ouiaStateId } = this.state;
+        return (React.createElement(NavContext.Consumer, null, context => (React.createElement("li", Object.assign({ className: css(styles.navItem, styles.modifiers.expandable, expandedState && styles.modifiers.expanded, isActive && styles.modifiers.current, className) }, getOUIAProps(NavExpandable.displayName, ouiaId !== undefined ? ouiaId : ouiaStateId), props),
+            React.createElement(PageSidebarContext.Consumer, null, ({ isNavOpen }) => (React.createElement("button", Object.assign({ className: styles.navLink, id: srText ? null : this.id, onClick: e => this.onExpand(e, context.onToggle), "aria-expanded": expandedState, tabIndex: isNavOpen ? null : -1 }, buttonProps),
+                title,
+                React.createElement("span", { className: css(styles.navToggle) },
+                    React.createElement("span", { className: css(styles.navToggleIcon) },
+                        React.createElement(AngleRightIcon, { "aria-hidden": "true" })))))),
+            React.createElement("section", { className: css(styles.navSubnav), "aria-labelledby": this.id, hidden: expandedState ? null : true },
+                srText && (React.createElement("h2", { className: css(a11yStyles.screenReader), id: this.id }, srText)),
+                React.createElement("ul", { className: css(styles.navList) }, children))))));
+    }
+}
+NavExpandable.displayName = 'NavExpandable';
+NavExpandable.defaultProps = {
+    srText: '',
+    isExpanded: false,
+    children: '',
+    className: '',
+    groupId: null,
+    isActive: false,
+    id: ''
+};
+//# sourceMappingURL=NavExpandable.js.map

package/components/Nav/NavExpandable.js.map

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

package/components/Nav/NavGroup.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface NavGroupProps extends React.HTMLProps<HTMLDivElement> {
+    /** Title shown for the group */
+    title?: string;
+    /** Anything that can be rendered inside of the group */
+    children?: React.ReactNode;
+    /** Additional classes added to the container */
+    className?: string;
+    /** Identifier to use for the section aria label */
+    id?: string;
+}
+export declare const NavGroup: React.FunctionComponent<NavGroupProps>;
+//# sourceMappingURL=NavGroup.d.ts.map

package/components/Nav/NavGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/NavGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpE,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAwB3D,CAAC"}

package/components/Nav/NavGroup.js

@@ -0,0 +1,18 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Nav/nav';
+import { css } from '@patternfly/react-styles';
+import { getUniqueId } from '../../helpers/util';
+export const NavGroup = (_a) => {
+    var { title, children = null, className = '', id = getUniqueId() } = _a, props = __rest(_a, ["title", "children", "className", "id"]);
+    if (!title && !props['aria-label']) {
+        // eslint-disable-next-line no-console
+        console.warn("For accessibility reasons an aria-label should be specified on nav groups if a title isn't");
+    }
+    const labelledBy = title ? id : undefined;
+    return (React.createElement("section", Object.assign({ className: css(styles.navSection, className), "aria-labelledby": labelledBy }, props),
+        title && (React.createElement("h2", { className: css(styles.navSectionTitle), id: id }, title)),
+        React.createElement("ul", { className: css(styles.navList, className) }, children)));
+};
+NavGroup.displayName = 'NavGroup';
+//# sourceMappingURL=NavGroup.js.map

package/components/Nav/NavGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavGroup.js","sourceRoot":"","sources":["../../../../src/components/Nav/NavGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iDAAiD,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAajD,MAAM,CAAC,MAAM,QAAQ,GAA2C,CAAC,EAMjD,EAAE,EAAE;QAN6C,EAC/D,KAAK,EACL,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,EAAE,GAAG,WAAW,EAAE,OAEJ,EADX,KAAK,cALuD,wCAMhE,CADS;IAER,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;QAClC,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC,4FAA4F,CAAC,CAAC;KAC5G;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1C,OAAO,CACL,+CAAS,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,qBAAmB,UAAU,IAAM,KAAK;QAC1F,KAAK,IAAI,CACR,4BAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,EAAE,IAC/C,KAAK,CACH,CACN;QACD,4BAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAM,CACtD,CACX,CAAC;AACJ,CAAC,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/components/Nav/NavItem.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { NavSelectClickHandler } from './Nav';
+import { OUIAProps } from '../../helpers';
+export interface NavItemProps extends Omit<React.HTMLProps<HTMLAnchorElement>, 'onClick'>, OUIAProps {
+    /** Content rendered inside the nav item. */
+    children?: React.ReactNode;
+    /** Whether to set className on children when React.isValidElement(children) */
+    styleChildren?: boolean;
+    /** Additional classes added to the nav item */
+    className?: string;
+    /** Target navigation link. Should not be used if the flyout prop is defined. */
+    to?: string;
+    /** Flag indicating whether the item is active */
+    isActive?: boolean;
+    /** Group identifier, will be returned with the onToggle and onSelect callback passed to the Nav component */
+    groupId?: string | number | null;
+    /** Item identifier, will be returned with the onToggle and onSelect callback passed to the Nav component */
+    itemId?: string | number | null;
+    /** If true prevents the default anchor link action to occur. Set to true if you want to handle navigation yourself. */
+    preventDefault?: boolean;
+    /** Callback for item click */
+    onClick?: NavSelectClickHandler;
+    /** Component used to render NavItems if  React.isValidElement(children) is false */
+    component?: React.ReactNode;
+    /** Flyout of a nav item. This should be a Menu component. Should not be used if the to prop is defined. */
+    flyout?: React.ReactElement;
+    /** Callback when flyout is opened or closed */
+    onShowFlyout?: () => void;
+    /** z-index of the flyout nav item */
+    zIndex?: number;
+    /** Value to overwrite the randomly generated data-ouia-component-id.*/
+    ouiaId?: number | string;
+    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
+    ouiaSafe?: boolean;
+}
+export declare const NavItem: React.FunctionComponent<NavItemProps>;
+//# sourceMappingURL=NavItem.d.ts.map

package/components/Nav/NavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAc,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAIxD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,EAAE,SAAS;IAClG,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+EAA+E;IAC/E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6GAA6G;IAC7G,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACjC,4GAA4G;IAC5G,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAChC,uHAAuH;IACvH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,oFAAoF;IACpF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,2GAA2G;IAC3G,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAyNzD,CAAC"}

package/components/Nav/NavItem.js

@@ -0,0 +1,135 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Nav/nav';
+import { css } from '@patternfly/react-styles';
+import { NavContext } from './Nav';
+import { PageSidebarContext } from '../Page/PageSidebar';
+import { useOUIAProps } from '../../helpers';
+import { Popper } from '../../helpers/Popper/Popper';
+import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+export const NavItem = (_a) => {
+    var { children, styleChildren = true, className, to, isActive = false, groupId = null, itemId = null, preventDefault = false, onClick = null, component = 'a', flyout, onShowFlyout, ouiaId, ouiaSafe, zIndex = 9999 } = _a, props = __rest(_a, ["children", "styleChildren", "className", "to", "isActive", "groupId", "itemId", "preventDefault", "onClick", "component", "flyout", "onShowFlyout", "ouiaId", "ouiaSafe", "zIndex"]);
+    const { flyoutRef, setFlyoutRef, navRef } = React.useContext(NavContext);
+    const { isNavOpen } = React.useContext(PageSidebarContext);
+    const [flyoutTarget, setFlyoutTarget] = React.useState(null);
+    const [isHovered, setIsHovered] = React.useState(false);
+    const ref = React.useRef();
+    const flyoutVisible = ref === flyoutRef;
+    const popperRef = React.useRef();
+    const hasFlyout = flyout !== undefined;
+    const Component = hasFlyout ? 'button' : component;
+    // A NavItem should not be both a link and a flyout
+    if (to && hasFlyout) {
+        // eslint-disable-next-line no-console
+        console.error('NavItem cannot have both "to" and "flyout" props.');
+    }
+    const showFlyout = (show, override) => {
+        if ((!flyoutVisible || override) && show) {
+            setFlyoutRef(ref);
+        }
+        else if ((flyoutVisible || override) && !show) {
+            setFlyoutRef(null);
+        }
+        onShowFlyout && show && onShowFlyout();
+    };
+    const onMouseOver = (event) => {
+        const evtContainedInFlyout = event.target.closest('.pf-c-nav__item.pf-m-flyout');
+        if (hasFlyout && !flyoutVisible) {
+            showFlyout(true);
+        }
+        else if (flyoutRef !== null && !evtContainedInFlyout) {
+            setFlyoutRef(null);
+        }
+    };
+    const onFlyoutClick = (event) => {
+        const target = event.target;
+        const closestItem = target.closest('.pf-m-flyout');
+        if (!closestItem) {
+            if (hasFlyout) {
+                showFlyout(false, true);
+            }
+            else if (flyoutRef !== null) {
+                setFlyoutRef(null);
+            }
+        }
+    };
+    const handleFlyout = (event) => {
+        var _a, _b;
+        const key = event.key;
+        const target = event.target;
+        if ((key === ' ' || key === 'Enter' || key === 'ArrowRight') && hasFlyout && ((_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.contains(target))) {
+            event.stopPropagation();
+            event.preventDefault();
+            if (!flyoutVisible) {
+                showFlyout(true);
+                setFlyoutTarget(target);
+            }
+        }
+        // We only want the NavItem to handle closing a flyout menu if only the first level flyout is open.
+        // Otherwise, MenuItem should handle closing its flyouts
+        if ((key === 'Escape' || key === 'ArrowLeft') && ((_b = popperRef === null || popperRef === void 0 ? void 0 : popperRef.current) === null || _b === void 0 ? void 0 : _b.querySelectorAll('.pf-c-menu').length) === 1) {
+            if (flyoutVisible) {
+                event.stopPropagation();
+                event.preventDefault();
+                showFlyout(false);
+            }
+        }
+    };
+    React.useEffect(() => {
+        if (hasFlyout) {
+            window.addEventListener('click', onFlyoutClick);
+        }
+        return () => {
+            if (hasFlyout) {
+                window.removeEventListener('click', onFlyoutClick);
+            }
+        };
+    }, []);
+    React.useEffect(() => {
+        if (flyoutTarget) {
+            if (flyoutVisible) {
+                const flyoutItems = Array.from(popperRef.current.getElementsByTagName('UL')[0].children).filter((el) => !(el.classList.contains('pf-m-disabled') || el.classList.contains('pf-c-divider')));
+                flyoutItems[0].firstChild.focus();
+            }
+            else {
+                flyoutTarget.focus();
+            }
+        }
+    }, [flyoutVisible, flyoutTarget]);
+    const flyoutButton = (React.createElement("span", { className: css(styles.navToggle) },
+        React.createElement("span", { className: css(styles.navToggleIcon) },
+            React.createElement(AngleRightIcon, { "aria-hidden": true }))));
+    const ariaFlyoutProps = {
+        'aria-haspopup': 'menu',
+        'aria-expanded': flyoutVisible
+    };
+    const tabIndex = isNavOpen ? null : -1;
+    const renderDefaultLink = (context) => {
+        const preventLinkDefault = preventDefault || !to;
+        return (React.createElement(Component, Object.assign({ href: to, onClick: (e) => context.onSelect(e, groupId, itemId, to, preventLinkDefault, onClick), className: css(styles.navLink, isActive && styles.modifiers.current, isHovered && styles.modifiers.hover, className), "aria-current": isActive ? 'page' : null, tabIndex: tabIndex }, (hasFlyout && Object.assign({}, ariaFlyoutProps)), props),
+            children,
+            flyout && flyoutButton));
+    };
+    const renderClonedChild = (context, child) => React.cloneElement(child, Object.assign(Object.assign({ onClick: (e) => context.onSelect(e, groupId, itemId, to, preventDefault, onClick), 'aria-current': isActive ? 'page' : null }, (styleChildren && {
+        className: css(styles.navLink, isActive && styles.modifiers.current, child.props && child.props.className)
+    })), { tabIndex: child.props.tabIndex || tabIndex, children: hasFlyout ? (React.createElement(React.Fragment, null,
+            child.props.children,
+            flyoutButton)) : (child.props.children) }));
+    const ouiaProps = useOUIAProps(NavItem.displayName, ouiaId, ouiaSafe);
+    const handleMouseEnter = () => {
+        setIsHovered(true);
+    };
+    const handleMouseLeave = () => {
+        setIsHovered(false);
+    };
+    const flyoutPopper = (React.createElement(Popper, { triggerRef: ref, popper: React.createElement("div", { ref: popperRef, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, flyout), popperRef: popperRef, placement: "right-start", isVisible: flyoutVisible, onDocumentKeyDown: handleFlyout, zIndex: zIndex, appendTo: navRef === null || navRef === void 0 ? void 0 : navRef.current }));
+    const navItem = (React.createElement(React.Fragment, null,
+        React.createElement("li", Object.assign({ onMouseOver: onMouseOver, className: css(styles.navItem, hasFlyout && styles.modifiers.flyout, className), ref: ref }, ouiaProps),
+            React.createElement(NavContext.Consumer, null, (context) => React.isValidElement(children)
+                ? renderClonedChild(context, children)
+                : renderDefaultLink(context))),
+        flyout && flyoutPopper));
+    return navItem;
+};
+NavItem.displayName = 'NavItem';
+//# sourceMappingURL=NavItem.js.map