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

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

@@ -0,0 +1,107 @@
+import React from 'react';
+
+import { Button, Flex, FlexItem, Spinner } from '@patternfly/react-core';
+import { useWizardContext, Wizard, WizardFooter, WizardFooterWrapper, WizardStep } from '@patternfly/react-core/next';
+
+const CustomWizardFooter = () => {
+  const { activeStep, goToNextStep, goToPrevStep, close } = useWizardContext();
+
+  return (
+    <WizardFooter
+      activeStep={activeStep}
+      onNext={goToNextStep}
+      onBack={goToPrevStep}
+      onClose={close}
+      isBackDisabled={activeStep.index === 1}
+    />
+  );
+};
+
+const CustomStepTwoFooter = () => {
+  const { goToNextStep, goToPrevStep, close } = useWizardContext();
+  const [isLoading, setIsLoading] = React.useState(false);
+
+  async function onNext() {
+    setIsLoading(true);
+    await new Promise(resolve => setTimeout(resolve, 2000));
+    setIsLoading(false);
+
+    goToNextStep();
+  }
+
+  return (
+    <WizardFooterWrapper>
+      <Button variant="primary" onClick={onNext} isLoading={isLoading} isDisabled={isLoading}>
+        Async Next
+      </Button>
+      <Button variant="secondary" onClick={goToPrevStep} isDisabled={isLoading}>
+        Back
+      </Button>
+      <Button variant="link" onClick={close} isDisabled={isLoading}>
+        Cancel
+      </Button>
+    </WizardFooterWrapper>
+  );
+};
+
+interface ReviewStepContentProps {
+  isSubmitting: boolean | undefined;
+}
+
+const ReviewStepContent: React.FunctionComponent<ReviewStepContentProps> = ({ isSubmitting }) => {
+  if (isSubmitting === undefined) {
+    return <FlexItem alignSelf={{ default: 'alignSelfFlexStart' }}>Review step content</FlexItem>;
+  }
+
+  if (isSubmitting) {
+    return (
+      <>
+        <div>Calculating wizard score...</div>
+        <Spinner />
+      </>
+    );
+  }
+
+  return <>50 points to Gryffindor!</>;
+};
+
+export const WizardWithCustomFooter: React.FunctionComponent = () => {
+  const [isSubmitting, setIsSubmitting] = React.useState<boolean>();
+
+  async function onSubmit(): Promise<void> {
+    setIsSubmitting(true);
+
+    await new Promise(resolve => setTimeout(resolve, 5000));
+
+    setIsSubmitting(false);
+  }
+
+  return (
+    <Wizard height={400} title="Custom footer wizard" footer={<CustomWizardFooter />}>
+      <WizardStep name="Step 1" id="custom-footer-first-step">
+        Step 1 content
+      </WizardStep>
+      <WizardStep id="custom-footer-second-step" name="Step 2" footer={<CustomStepTwoFooter />}>
+        Step 2 content with a custom async footer
+      </WizardStep>
+      <WizardStep
+        id="custom-footer-review-step"
+        name="Review"
+        footer={{
+          nextButtonText: 'Submit',
+          onNext: onSubmit,
+          isNextDisabled: isSubmitting,
+          isBackDisabled: isSubmitting
+        }}
+      >
+        <Flex
+          direction={{ default: 'column' }}
+          alignItems={{ default: 'alignItemsCenter' }}
+          spaceItems={{ default: 'spaceItemsLg' }}
+        >
+          <ReviewStepContent isSubmitting={isSubmitting} />
+        </Flex>
+      </WizardStep>
+    </Wizard>
+  );
+};

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import {
+  Wizard,
+  WizardStep,
+  WizardStepType,
+  CustomWizardNavFunction,
+  WizardNav,
+  WizardNavItem
+} from '@patternfly/react-core/next';
+
+export const WizardWithCustomNav: React.FunctionComponent = () => {
+  const nav: CustomWizardNavFunction = (
+    isExpanded: boolean,
+    steps: WizardStepType[],
+    activeStep: WizardStepType,
+    goToStepByIndex: (index: number) => void
+  ) => (
+    <WizardNav isExpanded={isExpanded}>
+      {steps.map(step => (
+        <WizardNavItem
+          key={step.id}
+          id={step.id}
+          content={step.name}
+          isCurrent={activeStep.id === step.id}
+          isDisabled={step.isDisabled}
+          stepIndex={step.index}
+          onClick={() => goToStepByIndex(step.index)}
+        />
+      ))}
+    </WizardNav>
+  );
+
+  return (
+    <Wizard height={400} nav={nav}>
+      <WizardStep name="Step 1" id="custom-nav-first-step">
+        Did you say...custom nav?
+      </WizardStep>
+      <WizardStep name="Step 2" id="custom-nav-second-step">
+        Oh, you didn't?
+      </WizardStep>
+      <WizardStep name="Review" id="custom-nav-review-step" footer={{ nextButtonText: 'Wrap it up' }}>
+        Well, this is awkward.
+      </WizardStep>
+    </Wizard>
+  );
+};

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Wizard, WizardStep } from '@patternfly/react-core/next';
+
+export const WizardWithCustomNavItem: React.FunctionComponent = () => (
+  <Wizard height={400} title="Custom navigation item wizard">
+    <WizardStep name="Step 1" id="custom-nav-item-first-step">
+      Step 1 content
+    </WizardStep>
+    <WizardStep
+      id="custom-nav-item-second-step"
+      name="Step 2"
+      navItem={{
+        content: <span style={{ color: 'var(--pf-global--default-color--200)' }}>Custom item</span>
+      }}
+    >
+      Step 2 content with a custom navigation item
+    </WizardStep>
+    <WizardStep name="Review" id="custom-nav-item-review-step" footer={{ nextButtonText: 'Finish' }}>
+      Review step content
+    </WizardStep>
+  </Wizard>
+);

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Wizard, WizardHeader, WizardStep } from '@patternfly/react-core/next';
+
+export const WizardWithHeader: React.FunctionComponent = () => (
+  <Wizard
+    height={400}
+    title="Header wizard"
+    header={
+      <WizardHeader
+        title="You're a wizard, Harry"
+        description="To be clear, all those not named Harry are not wizards."
+        closeButtonAriaLabel="Close header"
+      />
+    }
+  >
+    <WizardStep name="Step 1" id="header-first-step">
+      Step 1 content
+    </WizardStep>
+    <WizardStep name="Step 2" id="header-second-step">
+      Step 2 content
+    </WizardStep>
+    <WizardStep name="Review" id="header-review-step" footer={{ nextButtonText: 'Finish' }}>
+      Review step content
+    </WizardStep>
+  </Wizard>
+);

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

@@ -0,0 +1,46 @@
+import React from 'react';
+
+import { Button } from '@patternfly/react-core';
+import { Wizard, WizardStep } from '@patternfly/react-core/next';
+import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
+import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon';
+
+export const WizardWithNavAnchors: React.FunctionComponent = () => (
+  <Wizard height={400} title="Anchor link wizard">
+    <WizardStep
+      name={
+        <>
+          <ExternalLinkAltIcon /> PF3
+        </>
+      }
+      id="navanchors-pf3-step"
+      navItem={{ component: 'a', href: 'https://www.patternfly.org/v3', target: '_blank' }}
+    >
+      Step 1: Read about PF3
+    </WizardStep>
+    <WizardStep
+      name={
+        <>
+          <ExternalLinkAltIcon /> PF4
+        </>
+      }
+      id="navanchors-pf4-step"
+      navItem={{ component: 'a', href: 'https://www.patternfly.org/v4', target: '_blank' }}
+    >
+      Step 2: Read about PF4
+    </WizardStep>
+    <WizardStep
+      name={
+        <>
+          <SlackHashIcon /> Join us on slack
+        </>
+      }
+      id="navanchors-slack-step"
+      navItem={{ component: 'a', href: 'https://patternfly.slack.com', target: '_blank' }}
+    >
+      <Button variant="link" component="a" target="_blank" href="https://patternfly.slack.com">
+        Join the conversation
+      </Button>
+    </WizardStep>
+  </Wizard>
+);

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

@@ -0,0 +1,90 @@
+import React from 'react';
+import {
+  EmptyState,
+  EmptyStateHeader,
+  EmptyStateFooter,
+  EmptyStateBody,
+  EmptyStateActions,
+  EmptyStateIcon,
+  Progress,
+  Button
+} from '@patternfly/react-core';
+import { Wizard, WizardStep } from '@patternfly/react-core/next';
+import CogsIcon from '@patternfly/react-icons/dist/esm/icons/cogs-icon';
+
+interface ValidationProgressProps {
+  onClose(): void;
+}
+
+const ValidationProgress: React.FunctionComponent<ValidationProgressProps> = ({ onClose }) => {
+  const [percentValidated, setPercentValidated] = React.useState(0);
+
+  const tick = React.useCallback(() => {
+    if (percentValidated < 100) {
+      setPercentValidated((prevValue) => prevValue + 20);
+    }
+  }, [percentValidated]);
+
+  React.useEffect(() => {
+    const interval = setInterval(() => tick(), 1000);
+
+    return () => {
+      clearInterval(interval);
+    };
+  }, [tick]);
+
+  return (
+    <div className="pf-l-bullseye">
+      <EmptyState variant="lg">
+        <EmptyStateHeader
+          headingLevel="h4"
+          titleText={percentValidated === 100 ? 'Validation complete' : 'Validating credentials'}
+          icon={<EmptyStateIcon icon={CogsIcon} />}
+        />
+        <EmptyStateBody>
+          <Progress value={percentValidated} measureLocation="outside" aria-label="Wizard validation progress" />
+        </EmptyStateBody>
+        <EmptyStateBody>
+          Description can be used to further elaborate on the validation step, or give the user a better idea of how
+          long the process will take.
+        </EmptyStateBody>
+        <EmptyStateFooter>
+          <EmptyStateActions>
+            <Button isDisabled={percentValidated !== 100} onClick={onClose}>
+              Log to console
+            </Button>
+          </EmptyStateActions>
+        </EmptyStateFooter>
+      </EmptyState>
+    </div>
+  );
+};
+
+export const WizardWithSubmitProgress: React.FunctionComponent = () => {
+  const [isSubmitted, setIsSubmitted] = React.useState(false);
+
+  // eslint-disable-next-line no-console
+  const onClose = () => console.log('Some close action occurs here.');
+
+  if (isSubmitted) {
+    return <ValidationProgress onClose={onClose} />;
+  }
+
+  return (
+    <Wizard height={400} title="Submit progress wizard" onClose={onClose}>
+      <WizardStep name="Step 1" id="submit-progress-step-1">
+        Step 1 content
+      </WizardStep>
+      <WizardStep name="Step 2" id="submit-progress-step-2">
+        Step 2 content
+      </WizardStep>
+      <WizardStep
+        name="Review"
+        id="submit-progress-review"
+        footer={{ nextButtonText: 'Finish', onNext: () => setIsSubmitted(true) }}
+      >
+        Review step content
+      </WizardStep>
+    </Wizard>
+  );
+};

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import { Button, Modal, ModalVariant } from '@patternfly/react-core';
+import { Wizard, WizardStep, WizardHeader } from '@patternfly/react-core/next';
+
+export const WizardWithinModal = () => {
+  const [isModelOpen, setIsModalOpen] = React.useState(false);
+
+  return (
+    <>
+      <Button onClick={() => setIsModalOpen(true)}>Show Modal</Button>
+
+      <Modal
+        isOpen={isModelOpen}
+        showClose={false}
+        aria-label="Wizard modal"
+        hasNoBodyWrapper
+        onEscapePress={() => setIsModalOpen(false)}
+        variant={ModalVariant.medium}
+      >
+        <Wizard
+          height={400}
+          onClose={() => setIsModalOpen(false)}
+          title="In modal wizard"
+          header={
+            <WizardHeader
+              onClose={() => setIsModalOpen(false)}
+              title="Wizard in modal"
+              description="Simple wizard description"
+            />
+          }
+        >
+          <WizardStep name="Step 1" id="in-modal-step-1">
+            Step 1 content
+          </WizardStep>
+          <WizardStep name="Step 2" id="in-modal-step-2">
+            Step 2 content
+          </WizardStep>
+          <WizardStep
+            name="Review"
+            id="in-modal-review-step"
+            footer={{ nextButtonText: 'Finish', onNext: () => setIsModalOpen(false) }}
+          >
+            Review step content
+          </WizardStep>
+        </Wizard>
+      </Modal>
+    </>
+  );
+};

package/src/next/components/Wizard/index.ts

@@ -6,6 +6,6 @@ export * from './WizardStep';
 export * from './WizardNav';
 export * from './WizardNavItem';
 export * from './WizardHeader';
-export * from './hooks';
 export * from './types';
-export { useWizardContext } from './WizardContext';
+export { useWizardFooter } from './hooks';
+export { useWizardContext, WizardContext } from './WizardContext';

package/src/next/components/Wizard/types.tsx

@@ -34,8 +34,8 @@ export enum WizardNavItemStatus {
 export interface WizardParentStep extends WizardBasicStep {
   /** Nested step IDs */
   subStepIds: (string | number)[];
-  /** Flag to determine whether sub-steps can collapse or not */
-  isCollapsible?: boolean;
+  /** Flag to determine whether the step can expand or not. */
+  isExpandable?: boolean;
 }
 
 /** Type used to define sub-steps. */
@@ -45,22 +45,12 @@ export interface WizardSubStep extends WizardBasicStep {
 }
 
 /** Encompasses all step type variants that are internally controlled by the Wizard. */
-export type WizardControlStep = WizardBasicStep | WizardParentStep | WizardSubStep;
+export type WizardStepType = WizardBasicStep | WizardParentStep | WizardSubStep;
 
-/** Callback for the Wizard's 'onNext', 'onBack', and 'onNavByIndex' properties. */
-export type WizardNavStepFunction = (
-  currentStep: WizardNavStepData,
-  previousStep: WizardNavStepData
-) => void | Promise<void>;
-
-/** Data returned for either parameter of WizardNavStepFunction. */
-export interface WizardNavStepData {
-  /** Unique identifier */
-  id: string | number;
-  /** Name of the step */
-  name: string;
-  /** Index of the step (starts at 1) */
-  index: number;
+export enum WizardStepChangeScope {
+  Next = 'next',
+  Back = 'back',
+  Nav = 'nav'
 }
 
 export type WizardFooterType = Partial<WizardFooterProps> | CustomWizardFooterFunction | React.ReactElement;
@@ -70,25 +60,25 @@ export type WizardNavItemType = Partial<WizardNavItemProps> | CustomWizardNavIte
 /** Callback for the Wizard's 'nav' property. Returns element which replaces the Wizard's default navigation. */
 export type CustomWizardNavFunction = (
   isExpanded: boolean,
-  steps: WizardControlStep[],
-  activeStep: WizardControlStep,
+  steps: WizardStepType[],
+  activeStep: WizardStepType,
   goToStepByIndex: (index: number) => void
 ) => React.ReactElement<WizardNavProps>;
 
 /** Callback for the Wizard's 'navItem' property. Returns element which replaces the WizardStep's default navigation item. */
 export type CustomWizardNavItemFunction = (
-  step: WizardControlStep,
-  activeStep: WizardControlStep,
-  steps: WizardControlStep[],
+  step: WizardStepType,
+  activeStep: WizardStepType,
+  steps: WizardStepType[],
   goToStepByIndex: (index: number) => void
 ) => React.ReactElement<WizardNavItemProps>;
 
 /** Callback for the Wizard's 'footer' property. Returns element which replaces the Wizard's default footer. */
 export type CustomWizardFooterFunction = (
-  activeStep: WizardControlStep,
-  onNext: () => void | Promise<void>,
-  onBack: () => void | Promise<void>,
-  onClose: () => void | Promise<void>
+  activeStep: WizardStepType,
+  onNext: (event: React.MouseEvent<HTMLButtonElement>) => void | Promise<void>,
+  onBack: (event: React.MouseEvent<HTMLButtonElement>) => void | Promise<void>,
+  onClose: (event: React.MouseEvent<HTMLButtonElement>) => void | Promise<void>
 ) => React.ReactElement<WizardFooterProps>;
 
 export function isCustomWizardNav(nav: WizardNavType): nav is CustomWizardNavFunction | React.ReactElement {
@@ -107,14 +97,14 @@ export function isCustomWizardFooter(
   return typeof footer === 'function' || React.isValidElement(footer);
 }
 
-export function isWizardBasicStep(step: WizardControlStep): step is WizardBasicStep {
+export function isWizardBasicStep(step: WizardStepType): step is WizardBasicStep {
   return (step as WizardParentStep)?.subStepIds === undefined && !isWizardSubStep(step);
 }
 
-export function isWizardSubStep(step: WizardControlStep): step is WizardSubStep {
+export function isWizardSubStep(step: WizardStepType): step is WizardSubStep {
   return (step as WizardSubStep)?.parentId !== undefined;
 }
 
-export function isWizardParentStep(step: WizardControlStep): step is WizardParentStep {
+export function isWizardParentStep(step: WizardStepType): step is WizardParentStep {
   return (step as WizardParentStep)?.subStepIds !== undefined;
 }

package/src/next/components/Wizard/utils.ts

@@ -1,45 +1,45 @@
 import React from 'react';
 
-import { WizardControlStep, WizardNavStepData } from './types';
+import { WizardStepType } from './types';
 import { WizardStep, WizardStepProps } from './WizardStep';
 
 /**
  * Accumulate list of step & sub-step props pulled from child components
  * @param children
- * @returns WizardControlStep[]
+ * @returns WizardStepType[]
  */
-export const buildSteps = (children: React.ReactElement<WizardStepProps> | React.ReactElement<WizardStepProps>[]) =>
-  React.Children.toArray(children).reduce((acc: WizardControlStep[], child: React.ReactNode) => {
+export const buildSteps = (children: React.ReactNode | React.ReactNode[]) =>
+  React.Children.toArray(children).reduce((acc: WizardStepType[], child: React.ReactNode, index: number) => {
     if (isWizardStep(child)) {
-      const { steps: subSteps, id, isHidden, isDisabled } = child.props;
-      const subControlledSteps: WizardControlStep[] = [];
+      const { props: childProps } = child;
+      const { steps: childStepComponents, id } = childProps;
       const stepIndex = acc.length + 1;
+      const subSteps: WizardStepType[] = [];
 
       acc.push(
         {
           index: stepIndex,
           component: child,
-          ...(stepIndex === 1 && { isVisited: true }),
-          ...(subSteps && {
-            subStepIds: subSteps?.map((subStep, subStepIndex) => {
-              subControlledSteps.push({
-                isHidden,
-                isDisabled,
-                component: subStep,
-                parentId: id,
+          ...(index === 0 && !childStepComponents?.length && { isVisited: true }),
+          ...(childStepComponents && {
+            subStepIds: childStepComponents?.map((childStepComponent, subStepIndex) => {
+              subSteps.push({
                 index: stepIndex + subStepIndex + 1,
-                ...normalizeStep(subStep.props)
+                component: childStepComponent,
+                parentId: id,
+                ...(index === 0 && subStepIndex === 0 && { isVisited: true }),
+                ...normalizeStepProps(childStepComponent.props)
               });
 
-              return subStep.props.id;
+              return childStepComponent.props.id;
             })
           }),
-          ...normalizeStep(child.props)
+          ...normalizeStepProps(childProps)
         },
-        ...subControlledSteps
+        ...subSteps
       );
     } else {
-      throw new Error('Wizard only accepts children with required WizardStepProps.');
+      throw new Error('Wizard only accepts children of type WizardStep.');
     }
 
     return acc;
@@ -48,21 +48,12 @@ export const buildSteps = (children: React.ReactElement<WizardStepProps> | React
 export function isWizardStep(
   child: any | React.ReactElement<WizardStepProps>
 ): child is React.ReactElement<WizardStepProps> {
-  return (
-    (React.isValidElement(child) && (child as React.ReactElement<WizardStepProps>).type === WizardStep) ||
-    (child.props?.name !== undefined && child.props?.id !== undefined)
-  );
+  return React.isValidElement(child) && (child as React.ReactElement<WizardStepProps>).type === WizardStep;
 }
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export const normalizeStep = ({ children, steps, ...controlStep }: WizardStepProps): Omit<WizardControlStep, 'index'> =>
-  controlStep;
-
-export const normalizeNavStep = (navStep: WizardControlStep): WizardNavStepData => ({
-  id: navStep.id,
-  index: navStep.index,
-  name: navStep.name.toString()
-});
-
-export const getActiveStep = (steps: WizardControlStep[], activeStepIndex: number) =>
-  steps.find(step => step.index === activeStepIndex);
+// Omit "children" and "steps" when building steps for the Wizard's context
+export const normalizeStepProps = ({
+  children: _children,
+  steps: _steps,
+  ...controlStep
+}: WizardStepProps): Omit<WizardStepType, 'index'> => controlStep;

package/src/next/components/index.ts

@@ -1,3 +1,2 @@
-export * from './Dropdown';
 export * from './Select';
 export * from './Wizard';

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?: () => 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,MAAM,IAAI,CAAC;IACrB,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 = () => 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,GAAG,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"}