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

package/src/demos/Filters/examples/FilterFaceted.tsx

@@ -339,36 +339,40 @@ export const FilterFaceted: React.FunctionComponent = () => {
       <MenuContent>
         <MenuList>
           <MenuGroup label="Status">
-            <MenuItem hasCheck isSelected={statusSelections.includes('Degraded')} itemId="Degraded">
+            <MenuItem hasCheckbox isSelected={statusSelections.includes('Degraded')} itemId="Degraded">
               Degraded
             </MenuItem>
-            <MenuItem hasCheck isSelected={statusSelections.includes('Down')} itemId="Down">
+            <MenuItem hasCheckbox isSelected={statusSelections.includes('Down')} itemId="Down">
               Down
             </MenuItem>
-            <MenuItem hasCheck isSelected={statusSelections.includes('Needs Maintenance')} itemId="Needs Maintenance">
+            <MenuItem
+              hasCheckbox
+              isSelected={statusSelections.includes('Needs Maintenance')}
+              itemId="Needs Maintenance"
+            >
               Needs Maintenance
             </MenuItem>
-            <MenuItem hasCheck isSelected={statusSelections.includes('Running')} itemId="Running">
+            <MenuItem hasCheckbox isSelected={statusSelections.includes('Running')} itemId="Running">
               Running
             </MenuItem>
-            <MenuItem hasCheck isSelected={statusSelections.includes('Stopped')} itemId="Stopped">
+            <MenuItem hasCheckbox isSelected={statusSelections.includes('Stopped')} itemId="Stopped">
               Stopped
             </MenuItem>
           </MenuGroup>
           <MenuGroup label="Location">
-            <MenuItem hasCheck isSelected={locationSelections.includes('Bangalore')} itemId="Bangalore">
+            <MenuItem hasCheckbox isSelected={locationSelections.includes('Bangalore')} itemId="Bangalore">
               Bangalore
             </MenuItem>
-            <MenuItem hasCheck isSelected={locationSelections.includes('Boston')} itemId="Boston">
+            <MenuItem hasCheckbox isSelected={locationSelections.includes('Boston')} itemId="Boston">
               Boston
             </MenuItem>
-            <MenuItem hasCheck isSelected={locationSelections.includes('Brno')} itemId="Brno">
+            <MenuItem hasCheckbox isSelected={locationSelections.includes('Brno')} itemId="Brno">
               Brno
             </MenuItem>
-            <MenuItem hasCheck isSelected={locationSelections.includes('Raleigh')} itemId="Raleigh">
+            <MenuItem hasCheckbox isSelected={locationSelections.includes('Raleigh')} itemId="Raleigh">
               Raleigh
             </MenuItem>
-            <MenuItem hasCheck isSelected={locationSelections.includes('Westford')} itemId="Westford">
+            <MenuItem hasCheckbox isSelected={locationSelections.includes('Westford')} itemId="Westford">
               Westford
             </MenuItem>
           </MenuGroup>
@@ -386,8 +390,7 @@ export const FilterFaceted: React.FunctionComponent = () => {
   // Set up pagination and toolbar
   const toolbarPagination = (
     <Pagination
-      titles={{ paginationTitle: 'Faceted filter group pagination' }}
-      perPageComponent="button"
+      titles={{ paginationAriaLabel: 'Faceted filter group pagination' }}
       itemCount={repositories.length}
       perPage={10}
       page={1}

package/src/demos/Filters/examples/FilterMixedSelectGroup.tsx

@@ -410,19 +410,19 @@ export const FilterMixedSelectGroup: React.FunctionComponent = () => {
     >
       <MenuContent>
         <MenuList>
-          <MenuItem hasCheck isSelected={locationSelections.includes('Bangalore')} itemId="Bangalore">
+          <MenuItem hasCheckbox isSelected={locationSelections.includes('Bangalore')} itemId="Bangalore">
             Bangalore
           </MenuItem>
-          <MenuItem hasCheck isSelected={locationSelections.includes('Boston')} itemId="Boston">
+          <MenuItem hasCheckbox isSelected={locationSelections.includes('Boston')} itemId="Boston">
             Boston
           </MenuItem>
-          <MenuItem hasCheck isSelected={locationSelections.includes('Brno')} itemId="Brno">
+          <MenuItem hasCheckbox isSelected={locationSelections.includes('Brno')} itemId="Brno">
             Brno
           </MenuItem>
-          <MenuItem hasCheck isSelected={locationSelections.includes('Raleigh')} itemId="Raleigh">
+          <MenuItem hasCheckbox isSelected={locationSelections.includes('Raleigh')} itemId="Raleigh">
             Raleigh
           </MenuItem>
-          <MenuItem hasCheck isSelected={locationSelections.includes('Westford')} itemId="Westford">
+          <MenuItem hasCheckbox isSelected={locationSelections.includes('Westford')} itemId="Westford">
             Westford
           </MenuItem>
         </MenuList>
@@ -444,8 +444,7 @@ export const FilterMixedSelectGroup: React.FunctionComponent = () => {
   // Set up pagination and toolbar
   const toolbarPagination = (
     <Pagination
-      titles={{ paginationTitle: 'Mixed filter group pagination' }}
-      perPageComponent="button"
+      titles={{ paginationAriaLabel: 'Mixed filter group pagination' }}
       itemCount={repositories.length}
       perPage={10}
       page={1}

package/src/demos/Filters/examples/FilterSameSelectGroup.tsx

@@ -431,8 +431,7 @@ export const FilterSameSelectGroup: React.FunctionComponent = () => {
   // Set up pagination and toolbar
   const toolbarPagination = (
     <Pagination
-      titles={{ paginationTitle: 'Same select group pagination' }}
-      perPageComponent="button"
+      titles={{ paginationAriaLabel: 'Same select group pagination' }}
       itemCount={repositories.length}
       perPage={10}
       page={1}

package/src/demos/Filters/examples/FilterSearchInput.tsx

@@ -253,8 +253,7 @@ export const FilterSearchInput: React.FunctionComponent = () => {
 
   const toolbarPagination = (
     <Pagination
-      titles={{ paginationTitle: 'Search filter pagination' }}
-      perPageComponent="button"
+      titles={{ paginationAriaLabel: 'Search filter pagination' }}
       itemCount={repositories.length}
       perPage={10}
       page={1}

package/src/demos/Filters/examples/FilterSingleSelect.tsx

@@ -330,8 +330,7 @@ export const FilterSingleSelect: React.FunctionComponent = () => {
   // Set up pagination
   const toolbarPagination = (
     <Pagination
-      titles={{ paginationTitle: 'Single select filter pagination' }}
-      perPageComponent="button"
+      titles={{ paginationAriaLabel: 'Single select filter pagination' }}
       itemCount={repositories.length}
       perPage={10}
       page={1}

package/src/demos/JumpLinks.md

@@ -46,15 +46,19 @@ ScrollspyH2 = () => {
     const masthead = document.getElementsByClassName('pf-c-masthead')[0];
     const offsetForPadding = 10;
 
-    getResizeObserver(masthead, () => {
-      if (isVertical) {
-        setOffsetHeight(masthead.offsetHeight + offsetForPadding);
-      } else {
-        // Append jump links nav height to the masthead height when value exists.
-        const jumpLinksHeaderHeight = document.getElementsByClassName('pf-m-sticky')[0].offsetHeight;
-        jumpLinksHeaderHeight && setOffsetHeight(masthead.offsetHeight + jumpLinksHeaderHeight + offsetForPadding);
-      }
-    });
+    getResizeObserver(
+      masthead,
+      () => {
+        if (isVertical) {
+          setOffsetHeight(masthead.offsetHeight + offsetForPadding);
+        } else {
+          // Append jump links nav height to the masthead height when value exists.
+          const jumpLinksHeaderHeight = document.getElementsByClassName('pf-m-sticky')[0].offsetHeight;
+          jumpLinksHeaderHeight && setOffsetHeight(masthead.offsetHeight + jumpLinksHeaderHeight + offsetForPadding);
+        }
+      },
+      true
+    );
   }, [isVertical]);
 
   return (
@@ -132,7 +136,6 @@ ScrollspyH2 = () => {
 };
 ```
 
-
 ### With drawer
 
 This demo shows how jump links can be used in combination with a drawer.

package/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js

@@ -32,9 +32,13 @@ export const JumpLinksWithDrawer = () => {
     const masthead = document.getElementsByClassName('pf-c-masthead')[0];
     const drawerToggleSection = document.getElementById('drawer-toggle');
 
-    getResizeObserver(masthead, () => {
-      setOffsetHeight(masthead.offsetHeight + drawerToggleSection.offsetHeight);
-    });
+    getResizeObserver(
+      masthead,
+      () => {
+        setOffsetHeight(masthead.offsetHeight + drawerToggleSection.offsetHeight);
+      },
+      true
+    );
   }, []);
 
   const onCloseClick = () => {

package/src/demos/examples/MultipleFileUpload/MultipleFileUploadRejectedFile.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { FileRejection } from 'react-dropzone';
 import {
   MultipleFileUpload,
   MultipleFileUploadMain,
@@ -82,11 +83,14 @@ export const MultipleFileUploadBasic: React.FunctionComponent = () => {
   };
 
   // dropzone prop that communicates to the user that files they've attempted to upload are not an appropriate type
-  const handleDropRejected = (files: File[], _event: React.DragEvent<HTMLElement>) => {
-    if (files.length === 1) {
-      setModalText(`${files[0].name} is not an accepted file type`);
+  const handleDropRejected = (fileRejections: FileRejection[]) => {
+    if (fileRejections.length === 1) {
+      setModalText(`${fileRejections[0].file.name} is not an accepted file type`);
     } else {
-      const rejectedMessages = files.reduce((acc, file) => (acc += `${file.name}, `), '');
+      const rejectedMessages = fileRejections.reduce(
+        (acc, fileRejection) => (acc += `${fileRejection.file.name}, `),
+        ''
+      );
       setModalText(`${rejectedMessages}are not accepted file types`);
     }
   };
@@ -98,7 +102,12 @@ export const MultipleFileUploadBasic: React.FunctionComponent = () => {
       <MultipleFileUpload
         onFileDrop={handleFileDrop}
         dropzoneProps={{
-          accept: 'image/jpeg, application/msword, application/pdf, image/png',
+          accept: {
+            'image/jpeg': ['.jpg', '.jpeg'],
+            'application/msword': ['.doc'],
+            'application/pdf': ['.pdf'],
+            'image/png': ['.png']
+          },
           onDropRejected: handleDropRejected
         }}
         isHorizontal={isHorizontal}

package/src/helpers/Popper/Popper.tsx

@@ -3,7 +3,6 @@ import * as ReactDOM from 'react-dom';
 import { usePopper } from './thirdparty/react-popper/usePopper';
 import { Placement, Modifier } from './thirdparty/popper-core';
 import { css } from '@patternfly/react-styles';
-import { FindRefWrapper } from './FindRefWrapper';
 import '@patternfly/react-styles/css/components/Popper/Popper.css';
 
 const hash = {
@@ -42,18 +41,6 @@ const getOppositePlacement = (placement: Placement): any =>
       ] as Placement
   );
 
-/** @deprecated Please use the menuAppendTo prop directly from within the PF component which uses it. */
-export interface ToggleMenuBaseProps {
-  /** The container to append the menu to. Defaults to 'inline'
-   * If your menu is being cut off you can append it to an element higher up the DOM tree.
-   * Some examples:
-   * menuAppendTo="parent"
-   * menuAppendTo={() => document.body}
-   * menuAppendTo={document.getElementById('target')}
-   */
-  menuAppendTo?: HTMLElement | (() => HTMLElement) | 'parent' | 'inline';
-}
-
 export const getOpacityTransition = (animationDuration: number) =>
   `opacity ${animationDuration}ms cubic-bezier(.54, 1.5, .38, 1.11)`;
 
@@ -66,7 +53,6 @@ export interface PopperProps {
   /**
    * The reference element to which the Popover is relatively placed to.
    * Use either trigger or reference, not both.
-   * Passing this property or the removeFindDomNode property, will bypass the use of findDOMNode for the trigger in react strict mode.
    */
   reference?: HTMLElement | (() => HTMLElement) | React.RefObject<any>;
   /** The popper (menu/tooltip/popover) element */
@@ -151,9 +137,7 @@ export interface PopperProps {
         | 'right-start'
         | 'right-end'
       )[];
-  /** @beta Bypasses the use of findDOMNode for both the popper and trigger in react strict mode. Without this flag, the trigger and popper will require passed references via the reference property (trigger) and popperRef property (popper) for strict mode. */
-  removeFindDomNode?: boolean;
-  /** @beta Reference to the popper (menu/tooltip/popover) element. Passing this property or the removeFindDomNode property, will bypass the use of findDOMNode for the popper in react strict mode. The popper property is still required. */
+  /** @beta Reference to the popper (menu/tooltip/popover) element. */
   popperRef?: HTMLElement | (() => HTMLElement) | React.RefObject<any>;
 }
 
@@ -183,7 +167,6 @@ export const Popper: React.FunctionComponent<PopperProps> = ({
   enableFlip = true,
   flipBehavior = 'flip',
   reference,
-  removeFindDomNode = false,
   popperRef
 }) => {
   const [triggerElement, setTriggerElement] = React.useState(null);
@@ -209,7 +192,7 @@ export const Popper: React.FunctionComponent<PopperProps> = ({
     }
   }, [reference]);
   React.useEffect(() => {
-    // When the popperRef is defined or the popper visiblity changes, ensure the popper element is up to date
+    // When the popperRef is defined or the popper visibility changes, ensure the popper element is up to date
     if (popperRef) {
       if ((popperRef as React.RefObject<any>).current) {
         setPopperElement((popperRef as React.RefObject<any>).current);
@@ -373,46 +356,25 @@ export const Popper: React.FunctionComponent<PopperProps> = ({
     return appendTo;
   };
 
-  /**
-   * To enable strict mode, the popper must either have its reference defined via the popperRef property,
-   * or the removeFindDomNode flag must be present. Even if the reference is passed in, unlike the trigger,
-   * the popper property must still be passed.
-   * The trigger must similarly have either its reference defined via the reference property, or the
-   * removeFindDomNode flag must be present. The trigger property is not required when the reference is passed.
-   *
-   * Strict mode may be enabled by passing both reference properties to Popper, or by passing the
-   * removeFindDomNode flag with either reference property, or by solely passing the removeFindDomNode
-   * flag.
-   */
-  let popperPortal;
-  if (removeFindDomNode) {
-    // If removeFindDomNode is passed, use the removeFindDomNode method of wrapping divs
-    popperPortal = (
-      <div style={{ display: 'contents' }} ref={node => setPopperElement(node?.firstElementChild as HTMLElement)}>
-        {menuWithPopper}
-      </div>
-    );
-  } else if (popperRef) {
-    // If removeFindDomNode is not passed and popperRef is passed, use the popperRef method
-    popperPortal = menuWithPopper;
-  } else {
-    // If neither removeFindDomNode and popperRef exist, use the old method of FindRefWrapper
-    popperPortal = (
-      <FindRefWrapper onFoundRef={(foundRef: any) => setPopperElement(foundRef)}>{menuWithPopper}</FindRefWrapper>
-    );
-  }
-
   return (
     <>
-      {!reference && trigger && React.isValidElement(trigger) && !removeFindDomNode && (
-        <FindRefWrapper onFoundRef={(foundRef: any) => setTriggerElement(foundRef)}>{trigger}</FindRefWrapper>
-      )}
-      {!reference && trigger && React.isValidElement(trigger) && removeFindDomNode && (
+      {!reference && trigger && React.isValidElement(trigger) && (
         <div style={{ display: 'contents' }} ref={node => setTriggerElement(node?.firstElementChild as HTMLElement)}>
           {trigger}
         </div>
       )}
-      {ready && isVisible && ReactDOM.createPortal(popperPortal, getTarget())}
+      {ready &&
+        isVisible &&
+        ReactDOM.createPortal(
+          popperRef ? (
+            menuWithPopper
+          ) : (
+            <div style={{ display: 'contents' }} ref={node => setPopperElement(node?.firstElementChild as HTMLElement)}>
+              {menuWithPopper}
+            </div>
+          ),
+          getTarget()
+        )}
     </>
   );
 };

package/src/helpers/constants.ts

@@ -10,8 +10,6 @@ import globalHeightBreakpointLg from '@patternfly/react-tokens/dist/esm/global_h
 import globalHeightBreakpointXl from '@patternfly/react-tokens/dist/esm/global_height_breakpoint_xl';
 import globalHeightBreakpoint2xl from '@patternfly/react-tokens/dist/esm/global_height_breakpoint_2xl';
 
-export const KEY_CODES = { ARROW_UP: 38, ARROW_DOWN: 40, ESCAPE_KEY: 27, TAB: 9, ENTER: 13, SPACE: 32 };
-
 export const SIDE = { RIGHT: 'right', LEFT: 'left', BOTH: 'both', NONE: 'none' };
 
 export const KEYHANDLER_DIRECTION = { UP: 'up', DOWN: 'down', RIGHT: 'right', LEFT: 'left' };

package/src/helpers/resizeObserver.tsx

@@ -10,7 +10,7 @@ import { canUseDOM } from './util';
  * private observer: any = () => {};
  *
  * public componentDidMount() {
- *   this.observer = getResizeObserver(this.containerRef.current, this.handleResize);
+ *   this.observer = getResizeObserver(this.containerRef.current, this.handleResize, true);
  * }
  *
  * public componentWillUnmount() {
@@ -37,7 +37,7 @@ import { canUseDOM } from './util';
  * private observer: any = () => {};
  *
  * public componentDidMount() {
- *   this.observer = getResizeObserver(this.inputRef.current, this.handleResize);
+ *   this.observer = getResizeObserver(this.inputRef.current, this.handleResize, true);
  * }
  *
  * public componentWillUnmount() {
@@ -59,18 +59,18 @@ import { canUseDOM } from './util';
  * Example 3 - With debounced method passed in:
  *
  * public componentDidMount() {
- *   this.observer = getResizeObserver(this.inputRef.current, debounce(this.handleResize, 250), false);
+ *   this.observer = getResizeObserver(this.inputRef.current, debounce(this.handleResize, 250));
  * }
  *
  * @param {Element} containerRefElement The container reference to observe
  * @param {Function} handleResize The function to call for resize events
- * @param {boolean} useRequestAnimationFrame Whether to pass the handleResize function as a callback to requestAnimationFrame. Pass in false when the function passed in is debounced. Defaults to true.
+ * @param {boolean} useRequestAnimationFrame Whether to pass the handleResize function as a callback to requestAnimationFrame. Pass in true when the function passed in is not debounced.
  * @return {Function} The function used to unobserve resize events
  */
 export const getResizeObserver = (
   containerRefElement: Element,
   handleResize: () => void,
-  useRequestAnimationFrame: boolean = true
+  useRequestAnimationFrame?: boolean
 ) => {
   let unobserve: any;
 

package/src/next/components/Dropdown/Dropdown.tsx

@@ -118,7 +118,6 @@ const DropdownBase: React.FunctionComponent<DropdownProps> = ({
     <div ref={containerRef} {...ouiaProps}>
       <Popper
         trigger={toggle(toggleRef)}
-        removeFindDomNode
         popper={menu}
         appendTo={containerRef.current || undefined}
         isVisible={isOpen}

package/src/next/components/Select/Select.tsx

@@ -116,7 +116,6 @@ const SelectBase: React.FunctionComponent<SelectProps & OUIAProps> = ({
     <div ref={containerRef}>
       <Popper
         trigger={toggle(toggleRef)}
-        removeFindDomNode
         popper={menu}
         appendTo={containerRef.current || undefined}
         isVisible={isOpen}

package/src/next/components/Select/SelectOption.tsx

@@ -10,7 +10,7 @@ export interface SelectOptionProps extends Omit<MenuItemProps, 'ref'> {
   /** Identifies the component in the Select onSelect callback */
   itemId?: any;
   /** Indicates the option has a checkbox */
-  hasCheck?: boolean;
+  hasCheckbox?: boolean;
   /** Indicates the option is disabled */
   isDisabled?: boolean;
   /** Indicates the option is selected */

package/src/next/components/Select/examples/SelectCheckbox.tsx

@@ -49,16 +49,16 @@ export const SelectCheckbox: React.FunctionComponent = () => {
       toggle={toggle}
     >
       <SelectList>
-        <SelectOption hasCheck itemId={0} isSelected={selectedItems.includes(0)}>
+        <SelectOption hasCheckbox itemId={0} isSelected={selectedItems.includes(0)}>
           Debug
         </SelectOption>
-        <SelectOption hasCheck itemId={1} isSelected={selectedItems.includes(1)}>
+        <SelectOption hasCheckbox itemId={1} isSelected={selectedItems.includes(1)}>
           Info
         </SelectOption>
-        <SelectOption hasCheck itemId={2} isSelected={selectedItems.includes(2)}>
+        <SelectOption hasCheckbox itemId={2} isSelected={selectedItems.includes(2)}>
           Warn
         </SelectOption>
-        <SelectOption hasCheck isDisabled itemId={4} isSelected={selectedItems.includes(4)}>
+        <SelectOption hasCheckbox isDisabled itemId={4} isSelected={selectedItems.includes(4)}>
           Error
         </SelectOption>
       </SelectList>

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

@@ -61,16 +61,16 @@ const InternalWizardFooter = ({
   cancelButtonText = 'Cancel'
 }: Omit<WizardFooterProps, 'activeStep'>) => (
   <WizardFooterWrapper>
-    <Button variant={ButtonVariant.primary} type="submit" onClick={onNext} isDisabled={isNextDisabled}>
-      {nextButtonText}
-    </Button>
-
     {!isBackHidden && (
       <Button variant={ButtonVariant.secondary} onClick={onBack} isDisabled={isBackDisabled}>
         {backButtonText}
       </Button>
     )}
 
+    <Button variant={ButtonVariant.primary} type="submit" onClick={onNext} isDisabled={isNextDisabled}>
+      {nextButtonText}
+    </Button>
+
     {!isCancelHidden && (
       <div className={styles.wizardFooterCancel}>
         <Button variant={ButtonVariant.link} onClick={onClose}>

package/components/AboutModal/AboutModal.d.ts

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import { PickOptional } from '../../helpers/typeUtils';
-export interface AboutModalProps {
-    /** Content rendered inside the about modal */
-    children: React.ReactNode;
-    /** Additional classes added to the about modal */
-    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;
-    /** Prevents the about modal from rendering content inside a container; allows for more flexible layouts  */
-    noAboutModalBoxContentContainer?: boolean;
-    /** The parent container to append the modal to. Defaults to document.body */
-    appendTo?: HTMLElement | (() => HTMLElement);
-    /** Set aria label to the close button */
-    closeButtonAriaLabel?: string;
-    /** Flag to disable focus trap */
-    disableFocusTrap?: boolean;
-}
-interface ModalState {
-    container: HTMLElement;
-}
-export declare class AboutModal extends React.Component<AboutModalProps, ModalState> {
-    static displayName: string;
-    private static currentId;
-    private id;
-    ariaLabelledBy: string;
-    ariaDescribedBy: string;
-    static defaultProps: PickOptional<AboutModalProps>;
-    constructor(props: AboutModalProps);
-    handleEscKeyClick: (event: KeyboardEvent) => void;
-    toggleSiblingsFromScreenReaders: (hide: boolean) => void;
-    getElement: (appendTo: HTMLElement | (() => HTMLElement)) => HTMLElement;
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-}
-export {};
-//# sourceMappingURL=AboutModal.d.ts.map

package/components/AboutModal/AboutModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AboutModal.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,8CAA8C;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kDAAkD;IAClD,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,0CAA0C;IAC1C,aAAa,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,aAAa,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4GAA4G;IAC5G,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,yCAAyC;IACzC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,UAAU,UAAU;IAClB,SAAS,EAAE,WAAW,CAAC;CACxB;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,UAAU,CAAC;IAC1E,MAAM,CAAC,WAAW,SAAgB;IAClC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAC7B,OAAO,CAAC,EAAE,CAA0B;IACpC,cAAc,SAAqC;IACnD,eAAe,SAAuC;IAEtD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,eAAe,CAAC,CAShD;gBAEU,KAAK,EAAE,eAAe;IAYlC,iBAAiB,UAAW,aAAa,UAIvC;IAEF,+BAA+B,SAAU,OAAO,UAS9C;IAEF,UAAU,aAAc,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,iBAKvD;IAEF,iBAAiB;IAcjB,kBAAkB;IAWlB,oBAAoB;IASpB,MAAM;CAkBP"}

package/components/AboutModal/AboutModal.js

@@ -1,98 +0,0 @@
-import { __rest } from "tslib";
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/Backdrop/backdrop';
-import { canUseDOM } from '../../helpers';
-import { KeyTypes } from '../../helpers/constants';
-import { AboutModalContainer } from './AboutModalContainer';
-export class AboutModal extends React.Component {
-    constructor(props) {
-        super(props);
-        this.id = AboutModal.currentId++;
-        this.ariaLabelledBy = `pf-about-modal-title-${this.id}`;
-        this.ariaDescribedBy = `pf-about-modal-content-${this.id}`;
-        this.handleEscKeyClick = (event) => {
-            if (event.key === KeyTypes.Escape && this.props.isOpen) {
-                this.props.onClose();
-            }
-        };
-        this.toggleSiblingsFromScreenReaders = (hide) => {
-            const { appendTo } = this.props;
-            const target = this.getElement(appendTo);
-            const bodyChildren = target.children;
-            for (const child of Array.from(bodyChildren)) {
-                if (child !== this.state.container) {
-                    hide ? child.setAttribute('aria-hidden', '' + hide) : child.removeAttribute('aria-hidden');
-                }
-            }
-        };
-        this.getElement = (appendTo) => {
-            if (typeof appendTo === 'function') {
-                return appendTo();
-            }
-            return appendTo || document.body;
-        };
-        this.state = {
-            container: undefined
-        };
-        if (props.brandImageSrc && !props.brandImageAlt) {
-            // eslint-disable-next-line no-console
-            console.error('AboutModal:', 'brandImageAlt is required when a brandImageSrc is specified');
-        }
-    }
-    componentDidMount() {
-        const container = document.createElement('div');
-        const target = this.getElement(this.props.appendTo);
-        this.setState({ container });
-        target.appendChild(container);
-        target.addEventListener('keydown', this.handleEscKeyClick, false);
-        if (this.props.isOpen) {
-            target.classList.add(css(styles.backdropOpen));
-        }
-        else {
-            target.classList.remove(css(styles.backdropOpen));
-        }
-    }
-    componentDidUpdate() {
-        const target = this.getElement(this.props.appendTo);
-        if (this.props.isOpen) {
-            target.classList.add(css(styles.backdropOpen));
-            this.toggleSiblingsFromScreenReaders(true);
-        }
-        else {
-            target.classList.remove(css(styles.backdropOpen));
-            this.toggleSiblingsFromScreenReaders(false);
-        }
-    }
-    componentWillUnmount() {
-        const target = this.getElement(this.props.appendTo);
-        if (this.state.container) {
-            target.removeChild(this.state.container);
-        }
-        target.removeEventListener('keydown', this.handleEscKeyClick, false);
-        target.classList.remove(css(styles.backdropOpen));
-    }
-    render() {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const _a = this.props, { appendTo } = _a, props = __rest(_a, ["appendTo"]);
-        const { container } = this.state;
-        if (!canUseDOM || !container) {
-            return null;
-        }
-        return ReactDOM.createPortal(React.createElement(AboutModalContainer, Object.assign({ aboutModalBoxHeaderId: this.ariaLabelledBy, aboutModalBoxContentId: this.ariaDescribedBy }, props)), container);
-    }
-}
-AboutModal.displayName = 'AboutModal';
-AboutModal.currentId = 0;
-AboutModal.defaultProps = {
-    className: '',
-    isOpen: false,
-    onClose: () => undefined,
-    productName: '',
-    trademark: '',
-    backgroundImageSrc: '',
-    noAboutModalBoxContentContainer: false,
-    appendTo: null
-};
-//# sourceMappingURL=AboutModal.js.map

package/components/AboutModal/AboutModal.js.map

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

package/components/AboutModal/AboutModalBox.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-export interface AboutModalBoxProps extends React.HTMLProps<HTMLDivElement> {
-    /** content rendered inside the AboutModelBox. */
-    children: React.ReactNode;
-    /** additional classes added to the AboutModalBox */
-    className?: string;
-}
-export declare const AboutModalBox: React.FunctionComponent<AboutModalBoxProps>;
-//# sourceMappingURL=AboutModalBox.d.ts.map

package/components/AboutModal/AboutModalBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AboutModalBox.d.ts","sourceRoot":"","sources":["../../../../src/components/AboutModal/AboutModalBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACzE,iDAAiD;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAQrE,CAAC"}