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

package/components/Nav/NavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../src/components/Nav/NavItem.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,UAAU,EAAyB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,cAAc,MAAM,yDAAyD,CAAC;AAmCrF,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,EAiBhD,EAAE,EAAE;QAjB4C,EAC7D,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,SAAS,EACT,EAAE,EACF,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAc,EACxB,MAAM,GAAG,IAAc,EACvB,cAAc,GAAG,KAAK,EACtB,OAAO,GAAG,IAA6B,EACvC,SAAS,GAAG,GAAG,EACf,MAAM,EACN,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,MAAM,GAAG,IAAI,OAEA,EADV,KAAK,cAhBqD,qLAiB9D,CADS;IAER,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IACjE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAiB,CAAC;IAC1C,MAAM,aAAa,GAAG,GAAG,KAAK,SAAS,CAAC;IACxC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IACjD,MAAM,SAAS,GAAG,MAAM,KAAK,SAAS,CAAC;IACvC,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAE,SAAiB,CAAC;IAE5D,mDAAmD;IACnD,IAAI,EAAE,IAAI,SAAS,EAAE;QACnB,sCAAsC;QACtC,OAAO,CAAC,KAAK,CAAC,mDAAmD,CAAC,CAAC;KACpE;IAED,MAAM,UAAU,GAAG,CAAC,IAAa,EAAE,QAAkB,EAAE,EAAE;QACvD,IAAI,CAAC,CAAC,aAAa,IAAI,QAAQ,CAAC,IAAI,IAAI,EAAE;YACxC,YAAY,CAAC,GAAG,CAAC,CAAC;SACnB;aAAM,IAAI,CAAC,aAAa,IAAI,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE;YAC/C,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;QAED,YAAY,IAAI,IAAI,IAAI,YAAY,EAAE,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;QAC9C,MAAM,oBAAoB,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,6BAA6B,CAAC,CAAC;QAClG,IAAI,SAAS,IAAI,CAAC,aAAa,EAAE;YAC/B,UAAU,CAAC,IAAI,CAAC,CAAC;SAClB;aAAM,IAAI,SAAS,KAAK,IAAI,IAAI,CAAC,oBAAoB,EAAE;YACtD,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAiB,EAAE,EAAE;QAC1C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,MAAM,WAAW,GAAI,MAAsB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QACpE,IAAI,CAAC,WAAW,EAAE;YAChB,IAAI,SAAS,EAAE;gBACb,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;aACzB;iBAAM,IAAI,SAAS,KAAK,IAAI,EAAE;gBAC7B,YAAY,CAAC,IAAI,CAAC,CAAC;aACpB;SACF;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAE,EAAE;;QAC5C,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QACtB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAE3C,IAAI,CAAC,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,YAAY,CAAC,IAAI,SAAS,KAAI,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,0CAAE,QAAQ,CAAC,MAAM,CAAC,CAAA,EAAE;YAC3G,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,EAAE;gBAClB,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,eAAe,CAAC,MAAqB,CAAC,CAAC;aACxC;SACF;QAED,mGAAmG;QACnG,wDAAwD;QACxD,IAAI,CAAC,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,WAAW,CAAC,IAAI,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,gBAAgB,CAAC,YAAY,EAAE,MAAM,MAAK,CAAC,EAAE;YAChH,IAAI,aAAa,EAAE;gBACjB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,UAAU,CAAC,KAAK,CAAC,CAAC;aACnB;SACF;IACH,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,SAAS,EAAE;YACb,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;SACjD;QACD,OAAO,GAAG,EAAE;YACV,IAAI,SAAS,EAAE;gBACb,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;aACpD;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,YAAY,EAAE;YAChB,IAAI,aAAa,EAAE;gBACjB,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAC3B,SAAS,CAAC,OAAuB,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAC1E,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;gBAClG,WAAW,CAAC,CAAC,CAAC,CAAC,UAA0B,CAAC,KAAK,EAAE,CAAC;aACpD;iBAAM;gBACL,YAAY,CAAC,KAAK,EAAE,CAAC;aACtB;SACF;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC;IAElC,MAAM,YAAY,GAAG,CACnB,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC;QACpC,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC;YACxC,oBAAC,cAAc,0BAAe,CACzB,CACF,CACR,CAAC;IAEF,MAAM,eAAe,GAAG;QACtB,eAAe,EAAE,MAAM;QACvB,eAAe,EAAE,aAAa;KAC/B,CAAC;IAEF,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvC,MAAM,iBAAiB,GAAG,CAAC,OAAY,EAAmB,EAAE;QAC1D,MAAM,kBAAkB,GAAG,cAAc,IAAI,CAAC,EAAE,CAAC;QACjD,OAAO,CACL,oBAAC,SAAS,kBACR,IAAI,EAAE,EAAE,EACR,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,kBAAkB,EAAE,OAAO,CAAC,EAC1F,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,OAAO,EACd,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACpC,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EACnC,SAAS,CACV,kBACa,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACtC,QAAQ,EAAE,QAAQ,IACd,CAAC,SAAS,sBAAS,eAAe,CAAE,CAAC,EACrC,KAAK;YAER,QAAQ;YACR,MAAM,IAAI,YAAY,CACb,CACb,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,OAAY,EAAE,KAAyB,EAAmB,EAAE,CACrF,KAAK,CAAC,YAAY,CAAC,KAAK,gCACtB,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,EAC7F,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IACrC,CAAC,aAAa,IAAI;QACnB,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC;KAC3G,CAAC,KACF,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,EAC1C,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CACpB,oBAAC,KAAK,CAAC,QAAQ;YACZ,KAAK,CAAC,KAAK,CAAC,QAAQ;YACpB,YAAY,CACE,CAClB,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,KAAK,CAAC,QAAQ,CACrB,IACD,CAAC;IAEL,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IAEtE,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,oBAAC,MAAM,IACL,SAAS,EAAE,GAAG,EACd,MAAM,EACJ,6BAAK,GAAG,EAAE,SAAS,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,gBAAgB,IAChF,MAAM,CACH,EAER,SAAS,EAAC,aAAa,EACvB,SAAS,EAAE,aAAa,EACxB,iBAAiB,EAAE,YAAY,EAC/B,MAAM,EAAE,MAAM,GACd,CACH,CAAC;IAEF,MAAM,OAAO,GAAG,CACd;QACE,0CACE,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,EAC/E,GAAG,EAAE,GAAG,IACJ,SAAS;YAEb,oBAAC,UAAU,CAAC,QAAQ,QACjB,OAAO,CAAC,EAAE,CACT,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;gBAC5B,CAAC,CAAC,iBAAiB,CAAC,OAAO,EAAE,QAA8B,CAAC;gBAC5D,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAEZ,CACnB;QACJ,MAAM,IAAI,YAAY,CACtB,CACJ,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/components/Nav/NavItemSeparator.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { DividerProps } from '../Divider';
+export declare const NavItemSeparator: React.FunctionComponent<DividerProps>;
+//# sourceMappingURL=NavItemSeparator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavItemSeparator.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/NavItemSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAGH,CAAC"}

package/components/Nav/NavItemSeparator.js

@@ -0,0 +1,9 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { Divider } from '../Divider';
+export const NavItemSeparator = (_a) => {
+    var { component = 'li' } = _a, props = __rest(_a, ["component"]);
+    return React.createElement(Divider, Object.assign({ component: component }, props));
+};
+NavItemSeparator.displayName = 'NavItemSeparator';
+//# sourceMappingURL=NavItemSeparator.js.map

package/components/Nav/NavItemSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItemSeparator.js","sourceRoot":"","sources":["../../../../src/components/Nav/NavItemSeparator.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AAEnD,MAAM,CAAC,MAAM,gBAAgB,GAA0C,CAAC,EAGzD,EAAE,EAAE;QAHqD,EACtE,SAAS,GAAG,IAAI,OAEH,EADV,KAAK,cAF8D,aAGvE,CADS;IACU,OAAA,oBAAC,OAAO,kBAAC,SAAS,EAAE,SAAS,IAAM,KAAK,EAAI,CAAA;CAAA,CAAC;AACjE,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/components/Nav/NavList.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { NavContext } from './Nav';
+export interface NavListProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement> {
+    /** Children nodes */
+    children?: React.ReactNode;
+    /** Additional classes added to the list */
+    className?: string;
+    /** Aria-label for the left scroll button */
+    ariaLeftScroll?: string;
+    /** Aria-label for the right scroll button */
+    ariaRightScroll?: string;
+}
+export declare class NavList extends React.Component<NavListProps> {
+    static displayName: string;
+    static contextType: React.Context<import("./Nav").NavContextProps>;
+    context: React.ContextType<typeof NavContext>;
+    static defaultProps: NavListProps;
+    state: {
+        scrollViewAtStart: boolean;
+        scrollViewAtEnd: boolean;
+    };
+    navList: React.RefObject<HTMLUListElement>;
+    observer: any;
+    handleScrollButtons: () => void;
+    scrollLeft: () => void;
+    scrollRight: () => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=NavList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACzF,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,qBAAa,OAAQ,SAAQ,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC;IACxD,MAAM,CAAC,WAAW,SAAa;IAC/B,MAAM,CAAC,WAAW,iDAAc;IAChC,OAAO,EAAG,KAAK,CAAC,WAAW,CAAC,OAAO,UAAU,CAAC,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,YAAY,CAG/B;IAEF,KAAK;;;MAGH;IAEF,OAAO,oCAAuC;IAC9C,QAAQ,EAAE,GAAG,CAAY;IAEzB,mBAAmB,aAYjB;IAEF,UAAU,aAkBR;IAEF,WAAW,aAkBT;IAEF,iBAAiB;IAKjB,oBAAoB;IAIpB,MAAM;CA+CP"}

package/components/Nav/NavList.js

@@ -0,0 +1,96 @@
+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 AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
+import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import { isElementInView } from '../../helpers/util';
+import { NavContext } from './Nav';
+import { PageSidebarContext } from '../Page/PageSidebar';
+import { getResizeObserver } from '../../helpers/resizeObserver';
+export class NavList extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            scrollViewAtStart: false,
+            scrollViewAtEnd: false
+        };
+        this.navList = React.createRef();
+        this.observer = () => { };
+        this.handleScrollButtons = () => {
+            const container = this.navList.current;
+            if (container) {
+                // check if it elements are in view
+                const scrollViewAtStart = isElementInView(container, container.firstChild, false);
+                const scrollViewAtEnd = isElementInView(container, container.lastChild, false);
+                this.setState({
+                    scrollViewAtStart,
+                    scrollViewAtEnd
+                });
+                this.context.updateIsScrollable(!scrollViewAtStart || !scrollViewAtEnd);
+            }
+        };
+        this.scrollLeft = () => {
+            // find first Element that is fully in view on the left, then scroll to the element before it
+            const container = this.navList.current;
+            if (container) {
+                const childrenArr = Array.from(container.children);
+                let firstElementInView;
+                let lastElementOutOfView;
+                for (let i = 0; i < childrenArr.length && !firstElementInView; i++) {
+                    if (isElementInView(container, childrenArr[i], false)) {
+                        firstElementInView = childrenArr[i];
+                        lastElementOutOfView = childrenArr[i - 1];
+                    }
+                }
+                if (lastElementOutOfView) {
+                    container.scrollLeft -= lastElementOutOfView.scrollWidth;
+                }
+                this.handleScrollButtons();
+            }
+        };
+        this.scrollRight = () => {
+            // find last Element that is fully in view on the right, then scroll to the element after it
+            const container = this.navList.current;
+            if (container) {
+                const childrenArr = Array.from(container.children);
+                let lastElementInView;
+                let firstElementOutOfView;
+                for (let i = childrenArr.length - 1; i >= 0 && !lastElementInView; i--) {
+                    if (isElementInView(container, childrenArr[i], false)) {
+                        lastElementInView = childrenArr[i];
+                        firstElementOutOfView = childrenArr[i + 1];
+                    }
+                }
+                if (firstElementOutOfView) {
+                    container.scrollLeft += firstElementOutOfView.scrollWidth;
+                }
+                this.handleScrollButtons();
+            }
+        };
+    }
+    componentDidMount() {
+        this.observer = getResizeObserver(this.navList.current, this.handleScrollButtons, true);
+        this.handleScrollButtons();
+    }
+    componentWillUnmount() {
+        this.observer();
+    }
+    render() {
+        const _a = this.props, { children, className, ariaLeftScroll, ariaRightScroll } = _a, props = __rest(_a, ["children", "className", "ariaLeftScroll", "ariaRightScroll"]);
+        const { scrollViewAtStart, scrollViewAtEnd } = this.state;
+        return (React.createElement(NavContext.Consumer, null, ({ isHorizontal }) => (React.createElement(PageSidebarContext.Consumer, null, ({ isNavOpen }) => (React.createElement(React.Fragment, null,
+            isHorizontal && (React.createElement("button", { className: css(styles.navScrollButton), "aria-label": ariaLeftScroll, onClick: this.scrollLeft, disabled: scrollViewAtStart, tabIndex: isNavOpen ? null : -1 },
+                React.createElement(AngleLeftIcon, null))),
+            React.createElement("ul", Object.assign({ ref: this.navList, className: css(styles.navList, className), onScroll: this.handleScrollButtons }, props), children),
+            isHorizontal && (React.createElement("button", { className: css(styles.navScrollButton), "aria-label": ariaRightScroll, onClick: this.scrollRight, disabled: scrollViewAtEnd, tabIndex: isNavOpen ? null : -1 },
+                React.createElement(AngleRightIcon, null)))))))));
+    }
+}
+NavList.displayName = 'NavList';
+NavList.contextType = NavContext;
+NavList.defaultProps = {
+    ariaLeftScroll: 'Scroll left',
+    ariaRightScroll: 'Scroll right'
+};
+//# sourceMappingURL=NavList.js.map

package/components/Nav/NavList.js.map

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

package/components/Nav/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Nav';
+export * from './NavList';
+export * from './NavGroup';
+export * from './NavItem';
+export * from './NavItemSeparator';
+export * from './NavExpandable';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}

package/components/Nav/index.js

@@ -0,0 +1,7 @@
+export * from './Nav';
+export * from './NavList';
+export * from './NavGroup';
+export * from './NavItem';
+export * from './NavItemSeparator';
+export * from './NavExpandable';
+//# sourceMappingURL=index.js.map

package/components/Nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}

package/components/NotificationBadge/NotificationBadge.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { ButtonProps } from '../Button';
+export declare enum NotificationBadgeVariant {
+    read = "read",
+    unread = "unread",
+    attention = "attention"
+}
+export interface NotificationBadgeProps extends Omit<ButtonProps, 'variant'> {
+    /** Adds an accessible label to the notification badge. */
+    'aria-label'?: string;
+    /** Icon to display for attention variant. */
+    attentionIcon?: React.ReactNode;
+    /** Content rendered inside the notification badge. */
+    children?: React.ReactNode;
+    /** Additional classes added to the notification badge. */
+    className?: string;
+    /** A number displayed in the badge alongside the icon. */
+    count?: number;
+    /** Icon to display in the notification badge. */
+    icon?: React.ReactNode;
+    /** Flag for applying expanded styling and setting the aria-expanded attribute on the
+     * notification badge.
+     */
+    isExpanded?: boolean;
+    /** @deprecated Use the variant prop instead - Adds styling to the notification badge to indicate it has been read. */
+    isRead?: boolean;
+    /** Determines the variant of the notification badge. */
+    variant?: NotificationBadgeVariant | 'read' | 'unread' | 'attention';
+}
+export declare const NotificationBadge: React.FunctionComponent<NotificationBadgeProps>;
+//# sourceMappingURL=NotificationBadge.d.ts.map

package/components/NotificationBadge/NotificationBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationBadge/NotificationBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyB,WAAW,EAAE,MAAM,WAAW,CAAC;AAM/D,oBAAY,wBAAwB;IAClC,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IAC1E,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sHAAsH;IACtH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wDAAwD;IACxD,OAAO,CAAC,EAAE,wBAAwB,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;CACtE;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CA2B7E,CAAC"}

package/components/NotificationBadge/NotificationBadge.js

@@ -0,0 +1,29 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { Button, ButtonVariant } from '../Button';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/NotificationBadge/notification-badge';
+import AttentionBellIcon from '@patternfly/react-icons/dist/esm/icons/attention-bell-icon';
+import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
+export var NotificationBadgeVariant;
+(function (NotificationBadgeVariant) {
+    NotificationBadgeVariant["read"] = "read";
+    NotificationBadgeVariant["unread"] = "unread";
+    NotificationBadgeVariant["attention"] = "attention";
+})(NotificationBadgeVariant || (NotificationBadgeVariant = {}));
+export const NotificationBadge = (_a) => {
+    var { isRead, children, variant = isRead ? 'read' : 'unread', count = 0, attentionIcon = React.createElement(AttentionBellIcon, null), icon = React.createElement(BellIcon, null), className, isExpanded = false } = _a, props = __rest(_a, ["isRead", "children", "variant", "count", "attentionIcon", "icon", "className", "isExpanded"]);
+    let notificationChild = icon;
+    if (children !== undefined) {
+        notificationChild = children;
+    }
+    else if (variant === NotificationBadgeVariant.attention) {
+        notificationChild = attentionIcon;
+    }
+    return (React.createElement(Button, Object.assign({ variant: ButtonVariant.plain, className: className, "aria-expanded": isExpanded }, props),
+        React.createElement("span", { className: css(styles.notificationBadge, styles.modifiers[variant], isExpanded && styles.modifiers.expanded) },
+            notificationChild,
+            count > 0 && React.createElement("span", { className: css(styles.notificationBadgeCount) }, count))));
+};
+NotificationBadge.displayName = 'NotificationBadge';
+//# sourceMappingURL=NotificationBadge.js.map

package/components/NotificationBadge/NotificationBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBadge.js","sourceRoot":"","sources":["../../../../src/components/NotificationBadge/NotificationBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,EAAe,MAAM,WAAW,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,8EAA8E,CAAC;AAClG,OAAO,iBAAiB,MAAM,4DAA4D,CAAC;AAC3F,OAAO,QAAQ,MAAM,kDAAkD,CAAC;AAExE,MAAM,CAAN,IAAY,wBAIX;AAJD,WAAY,wBAAwB;IAClC,yCAAa,CAAA;IACb,6CAAiB,CAAA;IACjB,mDAAuB,CAAA;AACzB,CAAC,EAJW,wBAAwB,KAAxB,wBAAwB,QAInC;AAyBD,MAAM,CAAC,MAAM,iBAAiB,GAAoD,CAAC,EAU1D,EAAE,EAAE;QAVsD,EACjF,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpC,KAAK,GAAG,CAAC,EACT,aAAa,GAAG,oBAAC,iBAAiB,OAAG,EACrC,IAAI,GAAG,oBAAC,QAAQ,OAAG,EACnB,SAAS,EACT,UAAU,GAAG,KAAK,OAEK,EADpB,KAAK,cATyE,8FAUlF,CADS;IAER,IAAI,iBAAiB,GAAG,IAAI,CAAC;IAC7B,IAAI,QAAQ,KAAK,SAAS,EAAE;QAC1B,iBAAiB,GAAG,QAAQ,CAAC;KAC9B;SAAM,IAAI,OAAO,KAAK,wBAAwB,CAAC,SAAS,EAAE;QACzD,iBAAiB,GAAG,aAAa,CAAC;KACnC;IACD,OAAO,CACL,oBAAC,MAAM,kBAAC,OAAO,EAAE,aAAa,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,mBAAiB,UAAU,IAAM,KAAK;QAC9F,8BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;YAE3G,iBAAiB;YACjB,KAAK,GAAG,CAAC,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,KAAK,CAAQ,CAC5E,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/components/NotificationBadge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NotificationBadge';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/components/NotificationBadge/index.js

@@ -0,0 +1,2 @@
+export * from './NotificationBadge';
+//# sourceMappingURL=index.js.map

package/components/NotificationBadge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NotificationBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/components/NotificationDrawer/NotificationDrawer.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface NotificationDrawerProps extends React.HTMLProps<HTMLDivElement> {
+    /**  Content rendered inside the notification drawer */
+    children?: React.ReactNode;
+    /**  Additional classes added to the notification drawer */
+    className?: string;
+    /** @hide Forwarded ref */
+    innerRef?: React.Ref<any>;
+}
+export declare const NotificationDrawer: React.ForwardRefExoticComponent<Pick<NotificationDrawerProps, "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerRef"> & React.RefAttributes<any>>;
+//# sourceMappingURL=NotificationDrawer.d.ts.map

package/components/NotificationDrawer/NotificationDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationDrawer/NotificationDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC9E,uDAAuD;IACvD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC3B;AAYD,eAAO,MAAM,kBAAkB,s0LAE7B,CAAC"}

package/components/NotificationDrawer/NotificationDrawer.js

@@ -0,0 +1,11 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/NotificationDrawer/notification-drawer';
+import { css } from '@patternfly/react-styles';
+const NotificationDrawerBase = (_a) => {
+    var { children, className = '', innerRef } = _a, props = __rest(_a, ["children", "className", "innerRef"]);
+    return (React.createElement("div", Object.assign({ ref: innerRef }, props, { className: css(styles.notificationDrawer, className) }), children));
+};
+export const NotificationDrawer = React.forwardRef((props, ref) => (React.createElement(NotificationDrawerBase, Object.assign({ innerRef: ref }, props))));
+NotificationDrawer.displayName = 'NotificationDrawer';
+//# sourceMappingURL=NotificationDrawer.js.map

package/components/NotificationDrawer/NotificationDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDrawer.js","sourceRoot":"","sources":["../../../../src/components/NotificationDrawer/NotificationDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,MAAM,MAAM,gFAAgF,CAAC;AACpG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAW/C,MAAM,sBAAsB,GAAqD,CAAC,EAKxD,EAAE,EAAE;QALoD,EAChF,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,OAEgB,EADrB,KAAK,cAJwE,qCAKjF,CADS;IACqB,OAAA,CAC7B,2CAAK,GAAG,EAAE,QAAQ,IAAM,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,KAChF,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAA8B,EAAE,GAAmB,EAAE,EAAE,CAAC,CAC1G,oBAAC,sBAAsB,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CACrD,CAAC,CAAC;AACH,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/components/NotificationDrawer/NotificationDrawerBody.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface NotificationDrawerBodyProps extends React.HTMLProps<HTMLDivElement> {
+    /**  Content rendered inside the body of the notification drawer */
+    children?: React.ReactNode;
+    /**  Additional classes added to the notification drawer body */
+    className?: string;
+}
+export declare const NotificationDrawerBody: React.FunctionComponent<NotificationDrawerBodyProps>;
+//# sourceMappingURL=NotificationDrawerBody.d.ts.map

package/components/NotificationDrawer/NotificationDrawerBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDrawerBody.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationDrawer/NotificationDrawerBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClF,mEAAmE;IACnE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAQvF,CAAC"}

package/components/NotificationDrawer/NotificationDrawerBody.js

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

package/components/NotificationDrawer/NotificationDrawerBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDrawerBody.js","sourceRoot":"","sources":["../../../../src/components/NotificationDrawer/NotificationDrawerBody.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,MAAM,MAAM,gFAAgF,CAAC;AACpG,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,sBAAsB,GAAyD,CAAC,EAI/D,EAAE,EAAE;QAJ2D,EAC3F,QAAQ,EACR,SAAS,GAAG,EAAE,OAEc,EADzB,KAAK,cAHmF,yBAI5F,CADS;IACyB,OAAA,CACjC,6CAAS,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,sBAAsB,EAAE,SAAS,CAAC,KACrE,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}

package/components/NotificationDrawer/NotificationDrawerGroup.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { TooltipPosition } from '../Tooltip';
+export interface NotificationDrawerGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, 'title'> {
+    /**  Content rendered inside the group */
+    children?: React.ReactNode;
+    /**  Additional classes added to the group */
+    className?: string;
+    /**  Notification drawer group count */
+    count: number;
+    /**  Adds styling to the group to indicate expanded state */
+    isExpanded: boolean;
+    /**  Adds styling to the group to indicate whether it has been read */
+    isRead?: boolean;
+    /**  Callback for when group button is clicked to expand */
+    onExpand?: (event: any, value: boolean) => void;
+    /**  Notification drawer group title */
+    title: string | React.ReactNode;
+    /** Truncate title to number of lines */
+    truncateTitle?: number;
+    /** Position of the tooltip which is displayed if text is truncated */
+    tooltipPosition?: TooltipPosition | 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+    /** Sets the heading level to use for the group title. Default is h1. */
+    headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+export declare const NotificationDrawerGroup: React.FunctionComponent<NotificationDrawerGroupProps>;
+//# sourceMappingURL=NotificationDrawerGroup.d.ts.map

package/components/NotificationDrawer/NotificationDrawerGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDrawerGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationDrawer/NotificationDrawerGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAEtD,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClG,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,UAAU,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,uCAAuC;IACvC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sEAAsE;IACtE,eAAe,CAAC,EACZ,eAAe,GACf,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;IAChB,wEAAwE;IACxE,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CA0EzF,CAAC"}

package/components/NotificationDrawer/NotificationDrawerGroup.js

@@ -0,0 +1,43 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/NotificationDrawer/notification-drawer';
+import maxLines from '@patternfly/react-tokens/dist/esm/c_notification_drawer__group_toggle_title_max_lines';
+import { Badge } from '../Badge';
+import { Tooltip } from '../Tooltip';
+export const NotificationDrawerGroup = (_a) => {
+    var { children, className = '', count, isExpanded, isRead = false, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    onExpand = (event, expanded) => undefined, title, truncateTitle = 0, tooltipPosition, headingLevel: HeadingLevel = 'h1' } = _a, props = __rest(_a, ["children", "className", "count", "isExpanded", "isRead", "onExpand", "title", "truncateTitle", "tooltipPosition", "headingLevel"]);
+    const titleRef = React.useRef(null);
+    const [isTooltipVisible, setIsTooltipVisible] = React.useState(false);
+    React.useEffect(() => {
+        // Title will always truncate on overflow regardless of truncateTitle prop
+        const showTooltip = titleRef.current && titleRef.current.offsetHeight < titleRef.current.scrollHeight;
+        if (isTooltipVisible !== showTooltip) {
+            setIsTooltipVisible(showTooltip);
+        }
+        if (!titleRef.current || !truncateTitle) {
+            return;
+        }
+        titleRef.current.style.setProperty(maxLines.name, truncateTitle.toString());
+    }, [titleRef, truncateTitle, isTooltipVisible]);
+    const Title = (React.createElement("div", Object.assign({}, (isTooltipVisible && { tabIndex: 0 }), { ref: titleRef, className: css(styles.notificationDrawerGroupToggleTitle) }), title));
+    return (React.createElement("section", Object.assign({}, props, { className: css(styles.notificationDrawerGroup, isExpanded && styles.modifiers.expanded, className) }),
+        React.createElement(HeadingLevel, null,
+            React.createElement("button", { className: css(styles.notificationDrawerGroupToggle), "aria-expanded": isExpanded, onClick: e => onExpand(e, !isExpanded), onKeyDown: e => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        onExpand(e, !isExpanded);
+                    }
+                } },
+                isTooltipVisible ? (React.createElement(Tooltip, { content: title, position: tooltipPosition }, Title)) : (Title),
+                React.createElement("div", { className: css(styles.notificationDrawerGroupToggleCount) },
+                    React.createElement(Badge, { isRead: isRead }, count)),
+                React.createElement("span", { className: "pf-c-notification-drawer__group-toggle-icon" },
+                    React.createElement(AngleRightIcon, null)))),
+        children));
+};
+NotificationDrawerGroup.displayName = 'NotificationDrawerGroup';
+//# sourceMappingURL=NotificationDrawerGroup.js.map

package/components/NotificationDrawer/NotificationDrawerGroup.js.map

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

package/components/NotificationDrawer/NotificationDrawerGroupList.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface NotificationDrawerGroupListProps extends React.HTMLProps<HTMLDivElement> {
+    /**  Content rendered inside the notification drawer list body */
+    children?: React.ReactNode;
+    /**  Additional classes added to the notification drawer list body */
+    className?: string;
+}
+export declare const NotificationDrawerGroupList: React.FunctionComponent<NotificationDrawerGroupListProps>;
+//# sourceMappingURL=NotificationDrawerGroupList.d.ts.map

package/components/NotificationDrawer/NotificationDrawerGroupList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDrawerGroupList.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationDrawer/NotificationDrawerGroupList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,gCAAiC,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvF,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,iBAAiB,CAAC,gCAAgC,CAQjG,CAAC"}

package/components/NotificationDrawer/NotificationDrawerGroupList.js

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

package/components/NotificationDrawer/NotificationDrawerGroupList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDrawerGroupList.js","sourceRoot":"","sources":["../../../../src/components/NotificationDrawer/NotificationDrawerGroupList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,gFAAgF,CAAC;AASpG,MAAM,CAAC,MAAM,2BAA2B,GAA8D,CAAC,EAIpE,EAAE,EAAE;QAJgE,EACrG,QAAQ,EACR,SAAS,GAAG,EAAE,OAEmB,EAD9B,KAAK,cAH6F,yBAItG,CADS;IAC8B,OAAA,CACtC,6CAAS,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,2BAA2B,EAAE,SAAS,CAAC,KAC1E,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC"}

package/components/NotificationDrawer/NotificationDrawerHeader.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface NotificationDrawerHeaderProps extends React.HTMLProps<HTMLDivElement> {
+    /**  Content rendered inside the drawer */
+    children?: React.ReactNode;
+    /**  Additional classes for notification drawer header. */
+    className?: string;
+    /** Adds custom accessible text to the notification drawer close button. */
+    closeButtonAriaLabel?: string;
+    /**  Notification drawer heading count */
+    count?: number;
+    /**  Notification drawer heading custom text which can be used instead of providing count/unreadText */
+    customText?: string;
+    /**  Callback for when close button is clicked */
+    onClose?: () => void;
+    /**  Notification drawer heading title */
+    title?: string;
+    /**  Notification drawer heading unread text used in combination with a count */
+    unreadText?: string;
+}
+export declare const NotificationDrawerHeader: React.FunctionComponent<NotificationDrawerHeaderProps>;
+//# sourceMappingURL=NotificationDrawerHeader.d.ts.map

package/components/NotificationDrawer/NotificationDrawerHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDrawerHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationDrawer/NotificationDrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uGAAuG;IACvG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CA+B3F,CAAC"}

package/components/NotificationDrawer/NotificationDrawerHeader.js

@@ -0,0 +1,20 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/NotificationDrawer/notification-drawer';
+import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+import { Text, TextVariants } from '../Text';
+import { Button, ButtonVariant } from '../Button';
+export const NotificationDrawerHeader = (_a) => {
+    var { children, className = '', count, closeButtonAriaLabel = 'Close', customText, onClose, title = 'Notifications', unreadText = 'unread' } = _a, props = __rest(_a, ["children", "className", "count", "closeButtonAriaLabel", "customText", "onClose", "title", "unreadText"]);
+    return (React.createElement("div", Object.assign({}, props, { className: css(styles.notificationDrawerHeader, className) }),
+        React.createElement(Text, { component: TextVariants.h1, className: css(styles.notificationDrawerHeaderTitle) }, title),
+        (customText !== undefined || count !== undefined) && (React.createElement("span", { className: css(styles.notificationDrawerHeaderStatus) }, customText || `${count} ${unreadText}`)),
+        (children || onClose) && (React.createElement("div", { className: css(styles.notificationDrawerHeaderAction) },
+            children,
+            onClose && (React.createElement("div", null,
+                React.createElement(Button, { variant: ButtonVariant.plain, "aria-label": closeButtonAriaLabel, onClick: onClose },
+                    React.createElement(TimesIcon, { "aria-hidden": "true" }))))))));
+};
+NotificationDrawerHeader.displayName = 'NotificationDrawerHeader';
+//# sourceMappingURL=NotificationDrawerHeader.js.map

package/components/NotificationDrawer/NotificationDrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDrawerHeader.js","sourceRoot":"","sources":["../../../../src/components/NotificationDrawer/NotificationDrawerHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,gFAAgF,CAAC;AACpG,OAAO,SAAS,MAAM,mDAAmD,CAAC;AAE1E,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAqBlD,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAUjE,EAAE,EAAE;QAV6D,EAC/F,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,EACL,oBAAoB,GAAG,OAAO,EAC9B,UAAU,EACV,OAAO,EACP,KAAK,GAAG,eAAe,EACvB,UAAU,GAAG,QAAQ,OAES,EAD3B,KAAK,cATuF,0GAUhG,CADS;IAC2B,OAAA,CACnC,6CAAS,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,wBAAwB,EAAE,SAAS,CAAC;QACxE,oBAAC,IAAI,IAAC,SAAS,EAAE,YAAY,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,6BAA6B,CAAC,IACnF,KAAK,CACD;QACN,CAAC,UAAU,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,CAAC,IAAI,CACpD,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,8BAA8B,CAAC,IAAG,UAAU,IAAI,GAAG,KAAK,IAAI,UAAU,EAAE,CAAQ,CAC7G;QACA,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,CACxB,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,8BAA8B,CAAC;YACvD,QAAQ;YACR,OAAO,IAAI,CACV;gBACE,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,KAAK,gBAAc,oBAAoB,EAAE,OAAO,EAAE,OAAO;oBACtF,oBAAC,SAAS,mBAAa,MAAM,GAAG,CACzB,CACL,CACP,CACG,CACP,CACG,CACP,CAAA;CAAA,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}

package/components/NotificationDrawer/NotificationDrawerList.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface NotificationDrawerListProps extends React.HTMLProps<HTMLUListElement> {
+    /**  Content rendered inside the notification drawer list body */
+    children?: React.ReactNode;
+    /**  Additional classes added to the notification drawer list body */
+    className?: string;
+    /**  Adds styling to the notification drawer list to indicate expand/hide state */
+    isHidden?: boolean;
+}
+export declare const NotificationDrawerList: React.FunctionComponent<NotificationDrawerListProps>;
+//# sourceMappingURL=NotificationDrawerList.d.ts.map

package/components/NotificationDrawer/NotificationDrawerList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDrawerList.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationDrawer/NotificationDrawerList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IACpF,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CASvF,CAAC"}

package/components/NotificationDrawer/NotificationDrawerList.js

@@ -0,0 +1,9 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+export const NotificationDrawerList = (_a) => {
+    var { children, className = '', isHidden = false } = _a, props = __rest(_a, ["children", "className", "isHidden"]);
+    return (React.createElement("ul", Object.assign({}, props, { className: css('pf-c-notification-drawer__list', className), hidden: isHidden }), children));
+};
+NotificationDrawerList.displayName = 'NotificationDrawerList';
+//# sourceMappingURL=NotificationDrawerList.js.map

package/components/NotificationDrawer/NotificationDrawerList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDrawerList.js","sourceRoot":"","sources":["../../../../src/components/NotificationDrawer/NotificationDrawerList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAW/C,MAAM,CAAC,MAAM,sBAAsB,GAAyD,CAAC,EAK/D,EAAE,EAAE;QAL2D,EAC3F,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,KAAK,OAEY,EADzB,KAAK,cAJmF,qCAK5F,CADS;IACyB,OAAA,CACjC,4CAAQ,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,gCAAgC,EAAE,SAAS,CAAC,EAAE,MAAM,EAAE,QAAQ,KACzF,QAAQ,CACN,CACN,CAAA;CAAA,CAAC;AACF,sBAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}