@patternfly/react-core 5.0.0-alpha.13 → 5.0.0-alpha.15

package/components/AboutModal/AboutModalContainer.js

@@ -1,28 +0,0 @@
-import { __rest } from "tslib";
-import * as React from 'react';
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/layouts/Bullseye/bullseye';
-import { FocusTrap } from '../../helpers';
-import { AboutModalBoxContent } from './AboutModalBoxContent';
-import { AboutModalBoxHeader } from './AboutModalBoxHeader';
-import { AboutModalBoxHero } from './AboutModalBoxHero';
-import { AboutModalBoxBrand } from './AboutModalBoxBrand';
-import { AboutModalBoxCloseButton } from './AboutModalBoxCloseButton';
-import { AboutModalBox } from './AboutModalBox';
-import { Backdrop } from '../Backdrop/Backdrop';
-export const AboutModalContainer = (_a) => {
-    var { children, className = '', isOpen = false, onClose = _e => undefined, productName = '', trademark, brandImageSrc, brandImageAlt, backgroundImageSrc, closeButtonAriaLabel, aboutModalBoxHeaderId, aboutModalBoxContentId, disableFocusTrap = false } = _a, props = __rest(_a, ["children", "className", "isOpen", "onClose", "productName", "trademark", "brandImageSrc", "brandImageAlt", "backgroundImageSrc", "closeButtonAriaLabel", "aboutModalBoxHeaderId", "aboutModalBoxContentId", "disableFocusTrap"]);
-    if (!isOpen) {
-        return null;
-    }
-    return (React.createElement(Backdrop, null,
-        React.createElement(FocusTrap, { active: !disableFocusTrap, focusTrapOptions: { clickOutsideDeactivates: true, tabbableOptions: { displayCheck: 'none' } }, className: css(styles.bullseye) },
-            React.createElement(AboutModalBox, { className: className, "aria-labelledby": aboutModalBoxHeaderId, "aria-describedby": aboutModalBoxContentId },
-                React.createElement(AboutModalBoxBrand, { src: brandImageSrc, alt: brandImageAlt }),
-                React.createElement(AboutModalBoxCloseButton, { "aria-label": closeButtonAriaLabel, onClose: onClose }),
-                productName && React.createElement(AboutModalBoxHeader, { id: aboutModalBoxHeaderId, productName: productName }),
-                React.createElement(AboutModalBoxContent, Object.assign({ trademark: trademark, id: aboutModalBoxContentId, noAboutModalBoxContentContainer: false }, props), children),
-                React.createElement(AboutModalBoxHero, { backgroundImageSrc: backgroundImageSrc })))));
-};
-AboutModalContainer.displayName = 'AboutModalContainer';
-//# sourceMappingURL=AboutModalContainer.js.map

package/components/AboutModal/AboutModalContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AboutModalContainer.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,wDAAwD,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AA+BhD,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAe5D,EAAE,EAAE;QAfwD,EACrF,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,SAAS,EACzB,WAAW,GAAG,EAAE,EAChB,SAAS,EACT,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,GAAG,KAAK,OAEC,EADtB,KAAK,cAd6E,iOAetF,CADS;IAER,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,SAAS,IACR,MAAM,EAAE,CAAC,gBAAgB,EACzB,gBAAgB,EAAE,EAAE,uBAAuB,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAC9F,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC;YAE/B,oBAAC,aAAa,IACZ,SAAS,EAAE,SAAS,qBACH,qBAAqB,sBACpB,sBAAsB;gBAExC,oBAAC,kBAAkB,IAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,aAAa,GAAI;gBAC9D,oBAAC,wBAAwB,kBAAa,oBAAoB,EAAE,OAAO,EAAE,OAAO,GAAI;gBAC/E,WAAW,IAAI,oBAAC,mBAAmB,IAAC,EAAE,EAAE,qBAAqB,EAAE,WAAW,EAAE,WAAW,GAAI;gBAC5F,oBAAC,oBAAoB,kBACnB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,sBAAsB,EAC1B,+BAA+B,EAAE,KAAK,IAClC,KAAK,GAER,QAAQ,CACY;gBACvB,oBAAC,iBAAiB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAC/C,CACN,CACH,CACZ,CAAC;AACJ,CAAC,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/dist/esm/components/AboutModal/AboutModalContainer.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-export interface AboutModalContainerProps extends React.HTMLProps<HTMLDivElement> {
-    /** content rendered inside the About Modal Box Content.  */
-    children: React.ReactNode;
-    /** additional classes added to the About Modal Box  */
-    className?: string;
-    /** Flag to show the About Modal  */
-    isOpen?: boolean;
-    /** A callback for when the close button is clicked  */
-    onClose?: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
-    /** Product Name  */
-    productName?: string;
-    /** Trademark information  */
-    trademark?: string;
-    /** the URL of the image for the Brand.  */
-    brandImageSrc: string;
-    /** the alternate text of the Brand image.  */
-    brandImageAlt: string;
-    /** the URL of the image for the background.  */
-    backgroundImageSrc?: string;
-    /** id to use for About Modal Box aria labeled by  */
-    aboutModalBoxHeaderId: string;
-    /** id to use for About Modal Box aria described by  */
-    aboutModalBoxContentId: string;
-    /** Set close button aria label */
-    closeButtonAriaLabel?: string;
-    /** Flag to disable focus trap */
-    disableFocusTrap?: boolean;
-}
-export declare const AboutModalContainer: React.FunctionComponent<AboutModalContainerProps>;
-//# sourceMappingURL=AboutModalContainer.d.ts.map

package/dist/esm/components/AboutModal/AboutModalContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AboutModalContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC/E,4DAA4D;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACzE,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,aAAa,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,aAAa,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qDAAqD;IACrD,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uDAAuD;IACvD,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kCAAkC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CA+CjF,CAAC"}

package/dist/esm/components/AboutModal/AboutModalContainer.js

@@ -1,28 +0,0 @@
-import { __rest } from "tslib";
-import * as React from 'react';
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/layouts/Bullseye/bullseye';
-import { FocusTrap } from '../../helpers';
-import { AboutModalBoxContent } from './AboutModalBoxContent';
-import { AboutModalBoxHeader } from './AboutModalBoxHeader';
-import { AboutModalBoxHero } from './AboutModalBoxHero';
-import { AboutModalBoxBrand } from './AboutModalBoxBrand';
-import { AboutModalBoxCloseButton } from './AboutModalBoxCloseButton';
-import { AboutModalBox } from './AboutModalBox';
-import { Backdrop } from '../Backdrop/Backdrop';
-export const AboutModalContainer = (_a) => {
-    var { children, className = '', isOpen = false, onClose = _e => undefined, productName = '', trademark, brandImageSrc, brandImageAlt, backgroundImageSrc, closeButtonAriaLabel, aboutModalBoxHeaderId, aboutModalBoxContentId, disableFocusTrap = false } = _a, props = __rest(_a, ["children", "className", "isOpen", "onClose", "productName", "trademark", "brandImageSrc", "brandImageAlt", "backgroundImageSrc", "closeButtonAriaLabel", "aboutModalBoxHeaderId", "aboutModalBoxContentId", "disableFocusTrap"]);
-    if (!isOpen) {
-        return null;
-    }
-    return (React.createElement(Backdrop, null,
-        React.createElement(FocusTrap, { active: !disableFocusTrap, focusTrapOptions: { clickOutsideDeactivates: true, tabbableOptions: { displayCheck: 'none' } }, className: css(styles.bullseye) },
-            React.createElement(AboutModalBox, { className: className, "aria-labelledby": aboutModalBoxHeaderId, "aria-describedby": aboutModalBoxContentId },
-                React.createElement(AboutModalBoxBrand, { src: brandImageSrc, alt: brandImageAlt }),
-                React.createElement(AboutModalBoxCloseButton, { "aria-label": closeButtonAriaLabel, onClose: onClose }),
-                productName && React.createElement(AboutModalBoxHeader, { id: aboutModalBoxHeaderId, productName: productName }),
-                React.createElement(AboutModalBoxContent, Object.assign({ trademark: trademark, id: aboutModalBoxContentId, noAboutModalBoxContentContainer: false }, props), children),
-                React.createElement(AboutModalBoxHero, { backgroundImageSrc: backgroundImageSrc })))));
-};
-AboutModalContainer.displayName = 'AboutModalContainer';
-//# sourceMappingURL=AboutModalContainer.js.map

package/dist/esm/components/AboutModal/AboutModalContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AboutModalContainer.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,wDAAwD,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AA+BhD,MAAM,CAAC,MAAM,mBAAmB,GAAsD,CAAC,EAe5D,EAAE,EAAE;QAfwD,EACrF,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,SAAS,EACzB,WAAW,GAAG,EAAE,EAChB,SAAS,EACT,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,GAAG,KAAK,OAEC,EADtB,KAAK,cAd6E,iOAetF,CADS;IAER,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,SAAS,IACR,MAAM,EAAE,CAAC,gBAAgB,EACzB,gBAAgB,EAAE,EAAE,uBAAuB,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAC9F,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC;YAE/B,oBAAC,aAAa,IACZ,SAAS,EAAE,SAAS,qBACH,qBAAqB,sBACpB,sBAAsB;gBAExC,oBAAC,kBAAkB,IAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,aAAa,GAAI;gBAC9D,oBAAC,wBAAwB,kBAAa,oBAAoB,EAAE,OAAO,EAAE,OAAO,GAAI;gBAC/E,WAAW,IAAI,oBAAC,mBAAmB,IAAC,EAAE,EAAE,qBAAqB,EAAE,WAAW,EAAE,WAAW,GAAI;gBAC5F,oBAAC,oBAAoB,kBACnB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,sBAAsB,EAC1B,+BAA+B,EAAE,KAAK,IAClC,KAAK,GAER,QAAQ,CACY;gBACvB,oBAAC,iBAAiB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAC/C,CACN,CACH,CACZ,CAAC;AACJ,CAAC,CAAC;AACF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/dist/js/components/AboutModal/AboutModalContainer.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-export interface AboutModalContainerProps extends React.HTMLProps<HTMLDivElement> {
-    /** content rendered inside the About Modal Box Content.  */
-    children: React.ReactNode;
-    /** additional classes added to the About Modal Box  */
-    className?: string;
-    /** Flag to show the About Modal  */
-    isOpen?: boolean;
-    /** A callback for when the close button is clicked  */
-    onClose?: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
-    /** Product Name  */
-    productName?: string;
-    /** Trademark information  */
-    trademark?: string;
-    /** the URL of the image for the Brand.  */
-    brandImageSrc: string;
-    /** the alternate text of the Brand image.  */
-    brandImageAlt: string;
-    /** the URL of the image for the background.  */
-    backgroundImageSrc?: string;
-    /** id to use for About Modal Box aria labeled by  */
-    aboutModalBoxHeaderId: string;
-    /** id to use for About Modal Box aria described by  */
-    aboutModalBoxContentId: string;
-    /** Set close button aria label */
-    closeButtonAriaLabel?: string;
-    /** Flag to disable focus trap */
-    disableFocusTrap?: boolean;
-}
-export declare const AboutModalContainer: React.FunctionComponent<AboutModalContainerProps>;
-//# sourceMappingURL=AboutModalContainer.d.ts.map

package/dist/js/components/AboutModal/AboutModalContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AboutModalContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC/E,4DAA4D;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IACzE,oBAAoB;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,aAAa,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,aAAa,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qDAAqD;IACrD,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uDAAuD;IACvD,sBAAsB,EAAE,MAAM,CAAC;IAC/B,kCAAkC;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CA+CjF,CAAC"}

package/dist/js/components/AboutModal/AboutModalContainer.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AboutModalContainer = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_styles_1 = require("@patternfly/react-styles");
-const bullseye_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/layouts/Bullseye/bullseye"));
-const helpers_1 = require("../../helpers");
-const AboutModalBoxContent_1 = require("./AboutModalBoxContent");
-const AboutModalBoxHeader_1 = require("./AboutModalBoxHeader");
-const AboutModalBoxHero_1 = require("./AboutModalBoxHero");
-const AboutModalBoxBrand_1 = require("./AboutModalBoxBrand");
-const AboutModalBoxCloseButton_1 = require("./AboutModalBoxCloseButton");
-const AboutModalBox_1 = require("./AboutModalBox");
-const Backdrop_1 = require("../Backdrop/Backdrop");
-const AboutModalContainer = (_a) => {
-    var { children, className = '', isOpen = false, onClose = _e => undefined, productName = '', trademark, brandImageSrc, brandImageAlt, backgroundImageSrc, closeButtonAriaLabel, aboutModalBoxHeaderId, aboutModalBoxContentId, disableFocusTrap = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "isOpen", "onClose", "productName", "trademark", "brandImageSrc", "brandImageAlt", "backgroundImageSrc", "closeButtonAriaLabel", "aboutModalBoxHeaderId", "aboutModalBoxContentId", "disableFocusTrap"]);
-    if (!isOpen) {
-        return null;
-    }
-    return (React.createElement(Backdrop_1.Backdrop, null,
-        React.createElement(helpers_1.FocusTrap, { active: !disableFocusTrap, focusTrapOptions: { clickOutsideDeactivates: true, tabbableOptions: { displayCheck: 'none' } }, className: (0, react_styles_1.css)(bullseye_1.default.bullseye) },
-            React.createElement(AboutModalBox_1.AboutModalBox, { className: className, "aria-labelledby": aboutModalBoxHeaderId, "aria-describedby": aboutModalBoxContentId },
-                React.createElement(AboutModalBoxBrand_1.AboutModalBoxBrand, { src: brandImageSrc, alt: brandImageAlt }),
-                React.createElement(AboutModalBoxCloseButton_1.AboutModalBoxCloseButton, { "aria-label": closeButtonAriaLabel, onClose: onClose }),
-                productName && React.createElement(AboutModalBoxHeader_1.AboutModalBoxHeader, { id: aboutModalBoxHeaderId, productName: productName }),
-                React.createElement(AboutModalBoxContent_1.AboutModalBoxContent, Object.assign({ trademark: trademark, id: aboutModalBoxContentId, noAboutModalBoxContentContainer: false }, props), children),
-                React.createElement(AboutModalBoxHero_1.AboutModalBoxHero, { backgroundImageSrc: backgroundImageSrc })))));
-};
-exports.AboutModalContainer = AboutModalContainer;
-exports.AboutModalContainer.displayName = 'AboutModalContainer';
-//# sourceMappingURL=AboutModalContainer.js.map

package/dist/js/components/AboutModal/AboutModalContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AboutModalContainer.js","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalContainer.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,8GAA4E;AAC5E,2CAA0C;AAE1C,iEAA8D;AAC9D,+DAA4D;AAC5D,2DAAwD;AACxD,6DAA0D;AAC1D,yEAAsE;AACtE,mDAAgD;AAChD,mDAAgD;AA+BzC,MAAM,mBAAmB,GAAsD,CAAC,EAe5D,EAAE,EAAE;QAfwD,EACrF,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,SAAS,EACzB,WAAW,GAAG,EAAE,EAChB,SAAS,EACT,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,GAAG,KAAK,OAEC,EADtB,KAAK,sBAd6E,iOAetF,CADS;IAER,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,mBAAQ;QACP,oBAAC,mBAAS,IACR,MAAM,EAAE,CAAC,gBAAgB,EACzB,gBAAgB,EAAE,EAAE,uBAAuB,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAC9F,SAAS,EAAE,IAAA,kBAAG,EAAC,kBAAM,CAAC,QAAQ,CAAC;YAE/B,oBAAC,6BAAa,IACZ,SAAS,EAAE,SAAS,qBACH,qBAAqB,sBACpB,sBAAsB;gBAExC,oBAAC,uCAAkB,IAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,aAAa,GAAI;gBAC9D,oBAAC,mDAAwB,kBAAa,oBAAoB,EAAE,OAAO,EAAE,OAAO,GAAI;gBAC/E,WAAW,IAAI,oBAAC,yCAAmB,IAAC,EAAE,EAAE,qBAAqB,EAAE,WAAW,EAAE,WAAW,GAAI;gBAC5F,oBAAC,2CAAoB,kBACnB,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,sBAAsB,EAC1B,+BAA+B,EAAE,KAAK,IAClC,KAAK,GAER,QAAQ,CACY;gBACvB,oBAAC,qCAAiB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAC/C,CACN,CACH,CACZ,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,mBAAmB,uBA+C9B;AACF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

package/src/components/AboutModal/AboutModalContainer.tsx

@@ -1,91 +0,0 @@
-import * as React from 'react';
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/layouts/Bullseye/bullseye';
-import { FocusTrap } from '../../helpers';
-
-import { AboutModalBoxContent } from './AboutModalBoxContent';
-import { AboutModalBoxHeader } from './AboutModalBoxHeader';
-import { AboutModalBoxHero } from './AboutModalBoxHero';
-import { AboutModalBoxBrand } from './AboutModalBoxBrand';
-import { AboutModalBoxCloseButton } from './AboutModalBoxCloseButton';
-import { AboutModalBox } from './AboutModalBox';
-import { Backdrop } from '../Backdrop/Backdrop';
-
-export interface AboutModalContainerProps extends React.HTMLProps<HTMLDivElement> {
-  /** content rendered inside the About Modal Box Content.  */
-  children: React.ReactNode;
-  /** additional classes added to the About Modal Box  */
-  className?: string;
-  /** Flag to show the About Modal  */
-  isOpen?: boolean;
-  /** A callback for when the close button is clicked  */
-  onClose?: (event: React.MouseEvent | MouseEvent | KeyboardEvent) => void;
-  /** Product Name  */
-  productName?: string;
-  /** Trademark information  */
-  trademark?: string;
-  /** the URL of the image for the Brand.  */
-  brandImageSrc: string;
-  /** the alternate text of the Brand image.  */
-  brandImageAlt: string;
-  /** the URL of the image for the background.  */
-  backgroundImageSrc?: string;
-  /** id to use for About Modal Box aria labeled by  */
-  aboutModalBoxHeaderId: string;
-  /** id to use for About Modal Box aria described by  */
-  aboutModalBoxContentId: string;
-  /** Set close button aria label */
-  closeButtonAriaLabel?: string;
-  /** Flag to disable focus trap */
-  disableFocusTrap?: boolean;
-}
-
-export const AboutModalContainer: React.FunctionComponent<AboutModalContainerProps> = ({
-  children,
-  className = '',
-  isOpen = false,
-  onClose = _e => undefined,
-  productName = '',
-  trademark,
-  brandImageSrc,
-  brandImageAlt,
-  backgroundImageSrc,
-  closeButtonAriaLabel,
-  aboutModalBoxHeaderId,
-  aboutModalBoxContentId,
-  disableFocusTrap = false,
-  ...props
-}: AboutModalContainerProps) => {
-  if (!isOpen) {
-    return null;
-  }
-  return (
-    <Backdrop>
-      <FocusTrap
-        active={!disableFocusTrap}
-        focusTrapOptions={{ clickOutsideDeactivates: true, tabbableOptions: { displayCheck: 'none' } }}
-        className={css(styles.bullseye)}
-      >
-        <AboutModalBox
-          className={className}
-          aria-labelledby={aboutModalBoxHeaderId}
-          aria-describedby={aboutModalBoxContentId}
-        >
-          <AboutModalBoxBrand src={brandImageSrc} alt={brandImageAlt} />
-          <AboutModalBoxCloseButton aria-label={closeButtonAriaLabel} onClose={onClose} />
-          {productName && <AboutModalBoxHeader id={aboutModalBoxHeaderId} productName={productName} />}
-          <AboutModalBoxContent
-            trademark={trademark}
-            id={aboutModalBoxContentId}
-            noAboutModalBoxContentContainer={false}
-            {...props}
-          >
-            {children}
-          </AboutModalBoxContent>
-          <AboutModalBoxHero backgroundImageSrc={backgroundImageSrc} />
-        </AboutModalBox>
-      </FocusTrap>
-    </Backdrop>
-  );
-};
-AboutModalContainer.displayName = 'AboutModalContainer';

package/src/components/AboutModal/__tests__/AboutModalContainer.test.tsx

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { AboutModalContainer } from '../AboutModalContainer';
-
-const props = {
-  children: 'modal content',
-  productName: 'Product Name',
-  trademark: 'Trademark and copyright information here',
-  brandImageSrc: 'brandImg...',
-  brandImageAlt: 'Brand Image',
-  backgroundImageSrc: 'backgroundImageSrc...',
-  'aria-labelledby': 'ariaLablledbyId',
-  'aria-describedby': 'ariaDescribedById',
-  aboutModalBoxHeaderId: 'header-id',
-  aboutModalBoxContentId: 'content-id'
-};
-test('About Modal Container Test simple', () => {
-  const { asFragment } = render(<AboutModalContainer {...props}>This is ModalBox content</AboutModalContainer>);
-  expect(asFragment()).toMatchSnapshot();
-});
-
-test('About Modal Container Test isOpen', () => {
-  const { asFragment } = render(
-    <AboutModalContainer title="Test Modal Container title" {...props} isOpen>
-      This is ModalBox content
-    </AboutModalContainer>
-  );
-  expect(asFragment()).toMatchSnapshot();
-});
-
-test('About Modal Container Test with onlose', () => {
-  const { asFragment } = render(
-    <AboutModalContainer onClose={() => undefined} {...props}>
-      This is ModalBox content
-    </AboutModalContainer>
-  );
-  expect(asFragment()).toMatchSnapshot();
-});

package/src/components/AboutModal/__tests__/__snapshots__/AboutModalContainer.test.tsx.snap

@@ -1,101 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`About Modal Container Test isOpen 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-c-backdrop"
-  >
-    <div
-      class="pf-l-bullseye"
-    >
-      <div
-        aria-describedby="content-id"
-        aria-labelledby="header-id"
-        aria-modal="true"
-        class="pf-c-about-modal-box"
-        role="dialog"
-      >
-        <div
-          class="pf-c-about-modal-box__brand"
-        >
-          <img
-            alt="Brand Image"
-            class="pf-c-about-modal-box__brand-image"
-            src="brandImg..."
-          />
-        </div>
-        <div
-          class="pf-c-about-modal-box__close"
-        >
-          <button
-            aria-disabled="false"
-            aria-label="Close Dialog"
-            class="pf-c-button pf-m-plain"
-            data-ouia-component-id="OUIA-Generated-Button-plain-1"
-            data-ouia-component-type="PF4/Button"
-            data-ouia-safe="true"
-            type="button"
-          >
-            <svg
-              aria-hidden="true"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              style="vertical-align: -0.125em;"
-              viewBox="0 0 352 512"
-              width="1em"
-            >
-              <path
-                d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-              />
-            </svg>
-          </button>
-        </div>
-        <div
-          class="pf-c-about-modal-box__header"
-        >
-          <h1
-            class="pf-c-title pf-m-4xl"
-            data-ouia-component-id="OUIA-Generated-Title-1"
-            data-ouia-component-type="PF4/Title"
-            data-ouia-safe="true"
-            id="header-id"
-          >
-            Product Name
-          </h1>
-        </div>
-        <div
-          aria-describedby="ariaDescribedById"
-          aria-labelledby="ariaLablledbyId"
-          class="pf-c-about-modal-box__content"
-          id="content-id"
-          title="Test Modal Container title"
-        >
-          <div
-            class="pf-c-about-modal-box__body"
-          >
-            <div
-              class="pf-c-content"
-            >
-              This is ModalBox content
-            </div>
-          </div>
-          <p
-            class="pf-c-about-modal-box__strapline"
-          >
-            Trademark and copyright information here
-          </p>
-        </div>
-        <div
-          class="pf-c-about-modal-box__hero"
-          style="--pf-c-about-modal-box__hero--sm--BackgroundImage: url(backgroundImageSrc...);"
-        />
-      </div>
-    </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`About Modal Container Test simple 1`] = `<DocumentFragment />`;
-
-exports[`About Modal Container Test with onlose 1`] = `<DocumentFragment />`;

package/src/next/components/Wizard/examples/WizardKitchenSink.tsx

@@ -1,236 +0,0 @@
-import React from 'react';
-
-import {
-  FormGroup,
-  TextInput,
-  Drawer,
-  DrawerContent,
-  Button,
-  Flex,
-  DrawerPanelContent,
-  DrawerColorVariant,
-  DrawerHead,
-  DrawerActions,
-  DrawerCloseButton,
-  Checkbox
-} from '@patternfly/react-core';
-import {
-  Wizard,
-  WizardStep,
-  WizardBody,
-  WizardFooter,
-  useWizardContext,
-  WizardHeader,
-  WizardFooterWrapper,
-  WizardNavStepFunction,
-  WizardNavStepData
-} from '@patternfly/react-core/next';
-
-const StepId = {
-  StepOne: 'sink-step-1',
-  StepTwo: 'sink-step-2',
-  StepTwoSubOne: 'sink-step-2-1',
-  StepTwoSubTwo: 'sink-step-2-2',
-  StepThree: 'sink-step-3',
-  StepFour: 'sink-step-4',
-  ReviewStep: 'sink-review-step'
-};
-
-interface SomeContextProps {
-  isToggleStepChecked: boolean;
-  errorMessage: string | undefined;
-  setIsToggleStepChecked(isHidden: boolean): void;
-  setErrorMessage(error: string | undefined): void;
-}
-type SomeContextRenderProps = Pick<SomeContextProps, 'isToggleStepChecked' | 'errorMessage'>;
-interface SomeContextProviderProps {
-  children: (context: SomeContextRenderProps) => React.ReactElement;
-}
-
-const SomeContext = React.createContext({} as SomeContextProps);
-
-const SomeContextProvider = ({ children }: SomeContextProviderProps) => {
-  const [isToggleStepChecked, setIsToggleStepChecked] = React.useState(false);
-  const [errorMessage, setErrorMessage] = React.useState<string>();
-
-  return (
-    <SomeContext.Provider value={{ isToggleStepChecked, errorMessage, setIsToggleStepChecked, setErrorMessage }}>
-      {children({ isToggleStepChecked, errorMessage })}
-    </SomeContext.Provider>
-  );
-};
-
-const CustomWizardFooter = () => {
-  const { activeStep, onNext, onBack, onClose } = useWizardContext();
-
-  return (
-    <WizardFooter
-      activeStep={activeStep}
-      onNext={onNext}
-      onBack={onBack}
-      onClose={onClose}
-      isBackDisabled={activeStep.index === 1}
-    />
-  );
-};
-
-const StepContentWithDrawer = () => {
-  const [isDrawerExpanded, setIsDrawerExpanded] = React.useState(false);
-
-  return (
-    <Drawer isInline isExpanded={isDrawerExpanded}>
-      <DrawerContent
-        panelContent={
-          <DrawerPanelContent widths={{ default: 'width_33' }} colorVariant={DrawerColorVariant.light200}>
-            <DrawerHead>
-              <span tabIndex={isDrawerExpanded ? 0 : -1}>drawer content</span>
-              <DrawerActions>
-                <DrawerCloseButton onClick={() => setIsDrawerExpanded(false)} />
-              </DrawerActions>
-            </DrawerHead>
-          </DrawerPanelContent>
-        }
-      >
-        <WizardBody>
-          <Flex direction={{ default: 'column' }}>
-            {!isDrawerExpanded && (
-              <Button isInline variant="link" onClick={() => setIsDrawerExpanded(prevExpanded => !prevExpanded)}>
-                Open drawer
-              </Button>
-            )}
-
-            <FormGroup fieldId="some-text-input" label="Text input label">
-              <TextInput aria-label="Some Text Input Label" />
-            </FormGroup>
-          </Flex>
-        </WizardBody>
-      </DrawerContent>
-    </Drawer>
-  );
-};
-
-const CustomStepThreeFooter = () => {
-  const { onNext: goToNextStep, onBack, onClose } = useWizardContext();
-  const [isLoading, setIsLoading] = React.useState(false);
-
-  async function onNext(goToStep: () => void) {
-    setIsLoading(true);
-    await new Promise(resolve => setTimeout(resolve, 2000));
-    setIsLoading(false);
-
-    goToStep();
-  }
-
-  return (
-    <WizardFooterWrapper>
-      <Button variant="primary" onClick={() => onNext(goToNextStep)} isLoading={isLoading} isDisabled={isLoading}>
-        Async Next
-      </Button>
-      <Button variant="secondary" onClick={onBack} isDisabled={isLoading}>
-        Back
-      </Button>
-      <Button variant="link" onClick={onClose} isDisabled={isLoading}>
-        Cancel
-      </Button>
-    </WizardFooterWrapper>
-  );
-};
-
-const StepContentWithActions = () => {
-  const { isToggleStepChecked, errorMessage, setIsToggleStepChecked, setErrorMessage } = React.useContext(SomeContext);
-
-  return (
-    <>
-      <Checkbox
-        label="Give this step an error status"
-        isChecked={!!errorMessage}
-        onChange={checked => setErrorMessage(checked ? 'Some error message' : undefined)}
-        id="toggle-error-checkbox"
-        name="Toggle Error Checkbox"
-      />
-      <Checkbox
-        label="Toggle visibility of the next step"
-        isChecked={isToggleStepChecked}
-        onChange={checked => setIsToggleStepChecked(checked)}
-        id="toggle-hide-step-checkbox"
-        name="Toggle Hide Step Checkbox"
-      />
-    </>
-  );
-};
-
-export const WizardKitchenSink: React.FunctionComponent = () => {
-  const onNext: WizardNavStepFunction = (_currentStep: WizardNavStepData, _previousStep: WizardNavStepData) => {};
-  const [isSubmitting, setIsSubmitting] = React.useState(false);
-
-  async function onSubmit(): Promise<void> {
-    setIsSubmitting(true);
-
-    await new Promise(resolve => setTimeout(resolve, 5000));
-
-    setIsSubmitting(false);
-    alert('50 points to Gryffindor!');
-  }
-
-  return (
-    <SomeContextProvider>
-      {({ isToggleStepChecked, errorMessage }) => (
-        <Wizard
-          height={400}
-          header={<WizardHeader title="You're a wizard, Harry" closeButtonAriaLabel="Close header" />}
-          footer={<CustomWizardFooter />}
-          onNext={onNext}
-          isStepVisitRequired
-        >
-          <WizardStep id={StepId.StepOne} name="Step 1" body={null} status="error">
-            <StepContentWithDrawer />
-          </WizardStep>
-          <WizardStep
-            id={StepId.StepTwo}
-            name="Step 2"
-            steps={[
-              <WizardStep
-                status={errorMessage ? 'error' : 'default'}
-                id={StepId.StepTwoSubOne}
-                key={StepId.StepTwoSubOne}
-                name="Substep 1"
-              >
-                <StepContentWithActions />
-              </WizardStep>,
-              <WizardStep
-                id={StepId.StepTwoSubTwo}
-                key={StepId.StepTwoSubTwo}
-                name="Substep 2"
-                isHidden={isToggleStepChecked}
-              >
-                Substep 2 content
-              </WizardStep>
-            ]}
-          />
-          <WizardStep
-            id={StepId.StepThree}
-            name="Step 3"
-            navItem={{
-              content: <span style={{ color: 'var(--pf-global--default-color--200)' }}>Custom item</span>
-            }}
-            footer={<CustomStepThreeFooter />}
-          >
-            Step 3 content w/ custom async footer
-          </WizardStep>
-          <WizardStep
-            id={StepId.ReviewStep}
-            name="Review"
-            footer={{
-              nextButtonText: 'Submit',
-              onNext: onSubmit,
-              isNextDisabled: isSubmitting,
-              isBackDisabled: isSubmitting
-            }}
-          >
-            {isSubmitting ? 'Calculating wizard score...' : 'Review step content'}
-          </WizardStep>
-        </Wizard>
-      )}
-    </SomeContextProvider>
-  );
-};