@patternfly/react-core 5.0.0 → 5.1.1-prerelease.1

package/src/helpers/Popper/Popper.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { usePopper } from './thirdparty/react-popper/usePopper';
 import { Placement, Modifier } from './thirdparty/popper-core';
+import { clearTimeouts } from '../util';
 import { css } from '@patternfly/react-styles';
 import '@patternfly/react-styles/css/components/Popper/Popper.css';
 
@@ -146,6 +147,30 @@ export interface PopperProps {
         | 'right-start'
         | 'right-end'
       )[];
+  /** The duration of the CSS fade transition animation. */
+  animationDuration?: number;
+  /** Delay in ms before the popper appears */
+  entryDelay?: number;
+  /** Delay in ms before the popper disappears */
+  exitDelay?: number;
+  /** Callback when popper's hide transition has finished executing */
+  onHidden?: () => void;
+  /**
+   * Lifecycle function invoked when the popper begins to transition out.
+   */
+  onHide?: () => void;
+  /**
+   * Lifecycle function invoked when the popper has been mounted to the DOM.
+   */
+  onMount?: () => void;
+  /**
+   * Lifecycle function invoked when the popper begins to transition in.
+   */
+  onShow?: () => void;
+  /**
+   * Lifecycle function invoked when the popper has fully transitioned in.
+   */
+  onShown?: () => void;
 }
 
 export const Popper: React.FunctionComponent<PopperProps> = ({
@@ -176,22 +201,49 @@ export const Popper: React.FunctionComponent<PopperProps> = ({
   enableFlip = true,
   flipBehavior = 'flip',
   triggerRef,
-  popperRef
+  popperRef,
+  animationDuration = 0,
+  entryDelay = 0,
+  exitDelay = 0,
+  onHidden = () => {},
+  onHide = () => {},
+  onMount = () => {},
+  onShow = () => {},
+  onShown = () => {}
 }) => {
   const [triggerElement, setTriggerElement] = React.useState(null);
   const [refElement, setRefElement] = React.useState<HTMLElement>(null);
   const [popperElement, setPopperElement] = React.useState<HTMLElement>(null);
   const [popperContent, setPopperContent] = React.useState(null);
   const [ready, setReady] = React.useState(false);
+  const [opacity, setOpacity] = React.useState(0);
+  const [internalIsVisible, setInternalIsVisible] = React.useState(isVisible);
+  const transitionTimerRef = React.useRef(null);
+  const showTimerRef = React.useRef(null);
+  const hideTimerRef = React.useRef(null);
+  const prevExitDelayRef = React.useRef<number>();
+
   const refOrTrigger = refElement || triggerElement;
+  const showPopper = isVisible || internalIsVisible;
+
   const onDocumentClickCallback = React.useCallback(
     (event: MouseEvent) => onDocumentClick(event, refOrTrigger, popperElement),
-    [isVisible, triggerElement, refElement, popperElement, onDocumentClick]
+    [showPopper, triggerElement, refElement, popperElement, onDocumentClick]
   );
 
   React.useEffect(() => {
     setReady(true);
+    onMount();
   }, []);
+
+  // Cancel all timers on unmount
+  React.useEffect(
+    () => () => {
+      clearTimeouts([transitionTimerRef, hideTimerRef, showTimerRef]);
+    },
+    []
+  );
+
   React.useEffect(() => {
     if (triggerRef) {
       if ((triggerRef as React.RefObject<any>).current) {
@@ -210,7 +262,7 @@ export const Popper: React.FunctionComponent<PopperProps> = ({
         setPopperElement(popperRef());
       }
     }
-  }, [isVisible, popperRef]);
+  }, [showPopper, popperRef]);
   React.useEffect(() => {
     // Trigger a Popper update when content changes.
     const observer = new MutationObserver(() => {
@@ -377,6 +429,48 @@ export const Popper: React.FunctionComponent<PopperProps> = ({
     }
   }, [popper]);
 
+  React.useEffect(() => {
+    if (prevExitDelayRef.current < exitDelay) {
+      clearTimeouts([transitionTimerRef, hideTimerRef]);
+      hideTimerRef.current = setTimeout(() => {
+        transitionTimerRef.current = setTimeout(() => {
+          setInternalIsVisible(false);
+        }, animationDuration);
+      }, exitDelay);
+    }
+    prevExitDelayRef.current = exitDelay;
+  }, [exitDelay]);
+
+  const show = () => {
+    onShow();
+    clearTimeouts([transitionTimerRef, hideTimerRef]);
+    showTimerRef.current = setTimeout(() => {
+      setInternalIsVisible(true);
+      setOpacity(1);
+      onShown();
+    }, entryDelay);
+  };
+
+  const hide = () => {
+    onHide();
+    clearTimeouts([showTimerRef]);
+    hideTimerRef.current = setTimeout(() => {
+      setOpacity(0);
+      transitionTimerRef.current = setTimeout(() => {
+        setInternalIsVisible(false);
+        onHidden();
+      }, animationDuration);
+    }, exitDelay);
+  };
+
+  React.useEffect(() => {
+    if (isVisible) {
+      show();
+    } else {
+      hide();
+    }
+  }, [isVisible]);
+
   // Returns the CSS modifier class in order to place the Popper's arrow properly
   // Depends on the position of the Popper relative to the reference element
   const modifierFromPopperPosition = () => {
@@ -392,13 +486,16 @@ export const Popper: React.FunctionComponent<PopperProps> = ({
     style: {
       ...((popper.props && popper.props.style) || {}),
       ...popperStyles.popper,
-      zIndex
+      zIndex,
+      opacity,
+      transition: getOpacityTransition(animationDuration)
     },
     ...attributes.popper
   };
 
   const getMenuWithPopper = () => {
     const localPopper = React.cloneElement(popper, options);
+
     return popperRef ? (
       localPopper
     ) : (
@@ -425,7 +522,7 @@ export const Popper: React.FunctionComponent<PopperProps> = ({
         </div>
       )}
       {triggerRef && trigger && React.isValidElement(trigger) && trigger}
-      {ready && isVisible && getPopper()}
+      {ready && showPopper && getPopper()}
     </>
   );
 };

package/src/helpers/Popper/__mocks__/Popper.tsx

@@ -1,11 +1,30 @@
 import React from 'react';
 import { PopperProps } from '../Popper';
 
-export const Popper = ({ popper, zIndex, isVisible, trigger }: PopperProps) => (
-  <>
-    <div>{popper}</div>
+export const Popper = ({
+  popper,
+  zIndex,
+  placement,
+  trigger,
+  enableFlip,
+  appendTo,
+  distance,
+  flipBehavior,
+  isVisible,
+  minWidth
+}: PopperProps) => (
+  <div data-testid="mock-wrapper">
+    <div data-testid="popper">{isVisible && popper}</div>
     <p>{`zIndex: ${zIndex}`}</p>
-    <p>{`isOpen: ${isVisible}`}</p>
-    <div>{trigger}</div>
-  </>
+    <p>{`isVisible: ${isVisible}`}</p>
+    <p>{`enableFlip: ${enableFlip}`}</p>
+    <p>{`placement: ${placement}`}</p>
+    <p>{`appendTo: ${appendTo}`}</p>
+    <p>{`distance: ${distance}`}</p>
+    <p>{`flipBehavior: ${flipBehavior}`}</p>
+    <p>{`minWidth: ${minWidth}`}</p>
+    {trigger}
+  </div>
 );
+
+export const getOpacityTransition = () => {};

package/src/helpers/__mocks__/util.ts

@@ -1 +1,3 @@
 export const getUniqueId = () => 'unique_id_mock';
+
+export const clearTimeouts = () => {};

package/src/helpers/favorites.ts

@@ -18,13 +18,13 @@ export const createRenderableFavorites = (
 ) => {
   if (isGrouped) {
     const favoriteItems: React.ReactNode[] = [];
-    (items as React.ReactElement[]).forEach(group => {
+    (items as React.ReactElement[]).forEach((group) => {
       if (favorites.length > 0) {
         return (
           group.props.children &&
           (group.props.children as React.ReactElement[])
-            .filter(item => favorites.includes(item.props.id))
-            .map(item => {
+            .filter((item) => favorites.includes(item.props.id))
+            .map((item) => {
               if (isEnterTriggersArrowDown) {
                 return favoriteItems.push(
                   React.cloneElement(item, {
@@ -45,8 +45,8 @@ export const createRenderableFavorites = (
     return favoriteItems;
   }
   return (items as React.ReactElement[])
-    .filter(item => favorites.includes(item.props.id))
-    .map(item => React.cloneElement(item, { isFavorite: true, enterTriggersArrowDown: isEnterTriggersArrowDown }));
+    .filter((item) => favorites.includes(item.props.id))
+    .map((item) => React.cloneElement(item, { isFavorite: true, enterTriggersArrowDown: isEnterTriggersArrowDown }));
 };
 
 /**
@@ -58,24 +58,24 @@ export const createRenderableFavorites = (
  */
 export const extendItemsWithFavorite = (items: object, isGrouped: boolean, favorites: any[]) => {
   if (isGrouped) {
-    return (items as React.ReactElement[]).map(group =>
+    return (items as React.ReactElement[]).map((group) =>
       React.cloneElement(group, {
-        children: React.Children.map(group.props.children as React.ReactElement[], item => {
+        children: React.Children.map(group.props.children as React.ReactElement[], (item) => {
           if (item.type === ApplicationLauncherSeparator || item.type === Divider) {
             return item;
           }
           return React.cloneElement(item, {
             isFavorite: favorites.some(
-              favoriteId => favoriteId === item.props.id || `favorite-${favoriteId}` === item.props.id
+              (favoriteId) => favoriteId === item.props.id || `favorite-${favoriteId}` === item.props.id
             )
           });
         })
       })
     );
   }
-  return (items as React.ReactElement[]).map(item =>
+  return (items as React.ReactElement[]).map((item) =>
     React.cloneElement(item, {
-      isFavorite: favorites.some(favoriteId => favoriteId === item.props.id)
+      isFavorite: favorites.some((favoriteId) => favoriteId === item.props.id)
     })
   );
 };

package/src/helpers/useUnmountEffect.ts

@@ -0,0 +1,18 @@
+import { EffectCallback, useEffect, useRef } from 'react';
+
+/**
+ * A `useEffect`-like hook that only triggers when a component unmounts. Does not require a dependency list, as the effect callback will always be kept up to date.
+ */
+export function useUnmountEffect(effect: EffectCallback) {
+  // Always use the latest effect callback so that it can reference the latest props and state.
+  const effectRef = useRef(effect);
+  effectRef.current = effect;
+
+  // Trigger the effect callback when the component unmounts.
+  useEffect(
+    () => () => {
+      effectRef.current();
+    },
+    []
+  );
+}

package/src/helpers/util.ts

@@ -12,11 +12,7 @@ export function capitalize(input: string) {
  * @param {string} prefix - String to prefix ID with
  */
 export function getUniqueId(prefix = 'pf') {
-  const uid =
-    new Date().getTime() +
-    Math.random()
-      .toString(36)
-      .slice(2);
+  const uid = new Date().getTime() + Math.random().toString(36).slice(2);
   return `${prefix}-${uid}`;
 }
 
@@ -143,7 +139,7 @@ export function keyHandler(
   if (!Array.isArray(kids)) {
     return;
   }
-  const isMultiDimensional = refsCollection.filter(ref => ref)[0].constructor === Array;
+  const isMultiDimensional = refsCollection.filter((ref) => ref)[0].constructor === Array;
   let nextIndex = index;
   let nextInnerIndex = innerIndex;
   if (position === 'up') {
@@ -203,7 +199,7 @@ export function keyHandler(
  */
 export function findTabbableElements(containerRef: any, tababbleSelectors: string): any[] {
   const tabbable = containerRef.current.querySelectorAll(tababbleSelectors);
-  const list = Array.prototype.filter.call(tabbable, function(item) {
+  const list = Array.prototype.filter.call(tabbable, function (item) {
     return item.tabIndex >= '0';
   });
   return list;
@@ -324,8 +320,8 @@ export const formatBreakpointMods = (
         }`
     )
     .map(toCamel)
-    .map(mod => mod.replace(/-?(\dxl)/gi, (_res, group) => `_${group}`))
-    .map(modifierKey => styles.modifiers[modifierKey])
+    .map((mod) => mod.replace(/-?(\dxl)/gi, (_res, group) => `_${group}`))
+    .map((modifierKey) => styles.modifiers[modifierKey])
     .filter(Boolean)
     .join(' ');
 };
@@ -386,11 +382,7 @@ export const getBreakpoint = (width: number): 'default' | 'sm' | 'md' | 'lg' | '
   return 'default';
 };
 
-const camelize = (s: string) =>
-  s
-    .toUpperCase()
-    .replace('-', '')
-    .replace('_', '');
+const camelize = (s: string) => s.toUpperCase().replace('-', '').replace('_', '');
 /**
  *
  * @param {string} s string to make camelCased
@@ -519,3 +511,14 @@ export const preventedEvents = (events: string[]) =>
     }),
     {}
   );
+
+/**
+ * @param {React.RefObject<any>[]} timeoutRefs - Timeout refs to clear
+ */
+export const clearTimeouts = (timeoutRefs: React.RefObject<any>[]) => {
+  timeoutRefs.forEach((ref) => {
+    if (ref.current) {
+      clearTimeout(ref.current);
+    }
+  });
+};

package/src/components/AboutModal/examples/logoImg.svg

@@ -1,37 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 706.3 132.5" enable-background="new 0 0 706.3 132.5" xml:space="preserve">
-<g>
-	<path fill="#030303" d="M197.2,83.9V48.6h15.2c2.2,0,4.1,0.3,5.6,1c1.5,0.7,2.8,1.5,3.7,2.6c1,1.1,1.6,2.3,2.1,3.6
-		c0.4,1.3,0.6,2.7,0.6,4c0,0.9-0.1,1.7-0.3,2.6c-0.2,0.9-0.5,1.7-0.9,2.6c-0.4,0.8-0.9,1.6-1.6,2.3c-0.6,0.7-1.4,1.4-2.3,1.9
-		c-0.9,0.5-1.9,1-3.1,1.3c-1.2,0.3-2.5,0.5-3.9,0.5h-8.3v13H197.2z M212.7,64.4c0.9,0,1.6-0.1,2.2-0.4c0.6-0.3,1.1-0.6,1.4-1.1
-		c0.4-0.4,0.6-0.9,0.8-1.5c0.2-0.6,0.3-1.1,0.3-1.7c0-0.5-0.1-1-0.2-1.6c-0.1-0.5-0.4-1-0.7-1.5c-0.4-0.5-0.8-0.8-1.4-1.1
-		c-0.6-0.3-1.4-0.4-2.3-0.4h-8.6v9.4H212.7z"/>
-	<path fill="#030303" d="M271.6,83.9l-2.7-7.3h-13.6l-2.7,7.3h-7.3l13.5-35.4h6.7l13.5,35.4H271.6z M263.2,61.2
-		c-0.2-0.4-0.4-0.9-0.6-1.5c-0.2-0.6-0.4-1.1-0.5-1.7c-0.1,0.5-0.3,1.1-0.5,1.7c-0.2,0.6-0.4,1.1-0.6,1.5l-3.5,9.2h9.2L263.2,61.2z"
-		/>
-	<path fill="#030303" d="M317.3,55.2v28.8h-6.8V55.2h-10.1v-6.6h27v6.6H317.3z"/>
-	<path fill="#030303" d="M370.2,55.2v28.8h-6.8V55.2h-10.1v-6.6h27v6.6H370.2z"/>
-	<path fill="#030303" d="M408.5,83.9V48.6h24.1v6.5h-17.3v7.4h10.2v6.5h-10.2v8.5h18.4v6.5H408.5z"/>
-	<path fill="#030303" d="M462.4,83.9V48.6h16.4c2.2,0,4.1,0.3,5.6,0.9c1.5,0.6,2.7,1.4,3.6,2.5c0.9,1,1.6,2.2,2,3.5
-		c0.4,1.3,0.6,2.7,0.6,4.2c0,1-0.1,2-0.4,3c-0.3,1-0.7,2-1.3,2.9c-0.6,0.9-1.3,1.8-2.1,2.5c-0.9,0.7-1.8,1.3-3,1.7l6.9,14.1H483
-		l-6.6-13.2h-7.1v13.2H462.4z M478.9,64.3c0.9,0,1.6-0.1,2.2-0.4c0.6-0.3,1.1-0.6,1.4-1c0.4-0.4,0.6-0.9,0.8-1.5
-		c0.2-0.6,0.2-1.1,0.2-1.7c0-0.6-0.1-1.1-0.2-1.7c-0.1-0.6-0.4-1-0.7-1.5c-0.3-0.4-0.8-0.8-1.4-1c-0.6-0.3-1.4-0.4-2.3-0.4h-9.7v9.2
-		H478.9z"/>
-	<path fill="#030303" d="M541.9,83.9l-14-20.6c-0.2-0.3-0.5-0.8-0.8-1.3c-0.3-0.5-0.5-1-0.7-1.4c0.1,0.4,0.1,0.8,0.1,1.3
-		c0,0.5,0,1,0,1.3v20.6h-6.8V48.6h6.4l13.7,20.4c0.2,0.3,0.5,0.7,0.7,1.2c0.3,0.5,0.5,1,0.7,1.4c0-0.5-0.1-1-0.1-1.4
-		c0-0.5,0-0.9,0-1.2V48.6h6.8v35.4H541.9z"/>
-	<path fill="#030303" d="M578.4,83.9V48.6h23.7v6.5h-16.9v7.4H596v6.5h-10.7v15H578.4z"/>
-	<path fill="#030303" d="M629.8,83.9V48.6h6.8v28.8h17.1v6.6H629.8z"/>
-	<path fill="#030303" d="M686.4,83.9V70.2l-13.1-21.6h7.7l8.7,14.5l8.7-14.5h7.7l-13.1,21.6v13.8H686.4z"/>
-</g>
-<g>
-	<path fill="#030303" d="M49,103l-21.2,4.9L0,68.4L70,0l70,68.4l-27.8,39.4L91,103l-21,29.5L49,103z M70,128.7l18.6-26.2l-7.2-1.7
-		l-11,16.2l-11.9-16.2l-7.2,1.7L70,128.7z M70.4,113.1l9.2-13.5L70,6.7l-9.5,92.9L70.4,113.1z M28.8,105.4l18.8-4.3L33.8,81.7
-		l4.1-9.3L25.2,55L58,14.9L2.9,68.7L28.8,105.4z M111.2,105.4l16.3-23.1l9.6-13.6L82,14.9L114.9,55l-12.8,17.4l4.1,9.3L92.4,101
-		L111.2,105.4z M90.1,100.5l13.6-19.1l-3-6.9L82.7,98.8L90.1,100.5z M50,100.5l7.3-1.7L39.4,74.5l-3,6.9L50,100.5z M81.9,96.2
-		l17.6-24.1L72.9,11.6L81.9,96.2z M58.1,96.2l9-84.6L40.5,72.1L58.1,96.2z M39,70L66.1,8.5L28,55.1L39,70z M101.1,70l11-15L74,8.5
-		L101.1,70z"/>
-</g>
-</svg>

package/src/components/Card/examples/brandImg2.svg

@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 311.3 299.5" enable-background="new 0 0 311.3 299.5" xml:space="preserve">
-<g>
-	<path fill="#FFFFFF" d="M109,228.9l-47.1,10.8L0,152.1L155.6,0l155.6,152.1l-61.9,87.6l-47.1-10.8l-46.7,65.6L109,228.9z
-		 M155.6,286l41.4-58.3l-16.1-3.7l-24.4,36l-26.4-36l-16.1,3.7L155.6,286z M156.5,251.5l20.4-30.1L155.6,15l-21.2,206.4L156.5,251.5
-		z M64,234.2l41.9-9.6l-30.6-43.1l9.1-20.6l-28.3-38.7l73-89.2L6.5,152.7L64,234.2z M247.3,234.2l36.2-51.3l21.3-30.1L182.4,33.1
-		l73,89.2L227,160.9l9.1,20.6l-30.6,43.1L247.3,234.2z M200.2,223.4l30.2-42.4l-6.8-15.4l-39.7,54.1L200.2,223.4z M111.1,223.4
-		l16.3-3.7l-39.7-54.1l-6.8,15.4L111.1,223.4z M182.1,213.8l39.2-53.5L162,25.7L182.1,213.8z M129.2,213.8l20.1-188.1L90,160.3
-		L129.2,213.8z M86.6,155.7l60.3-136.8L62.2,122.4L86.6,155.7z M224.7,155.7l24.4-33.3L164.4,18.9L224.7,155.7z"/>
-</g>
-</svg>

package/src/components/Card/examples/pf-logo-small.svg

@@ -1,23 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="30px" height="27px" viewBox="0 0 30 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
-    <title>Group 12</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#7DC3E8" stop-opacity="0.600169362" offset="0%"></stop>
-            <stop stop-color="#007BBA" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g transform="translate(-351.000000, -422.000000)" fill="url(#linearGradient-1)" fill-rule="nonzero">
-            <g transform="translate(322.000000, 395.000000)">
-                <g transform="translate(29.000000, 27.000000)">
-                    <g>
-                        <path d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/Card/examples/pfLogo.svg

@@ -1,37 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 706.3 132.5" enable-background="new 0 0 706.3 132.5" xml:space="preserve">
-<g>
-	<path fill="#030303" d="M197.2,83.9V48.6h15.2c2.2,0,4.1,0.3,5.6,1c1.5,0.7,2.8,1.5,3.7,2.6c1,1.1,1.6,2.3,2.1,3.6
-		c0.4,1.3,0.6,2.7,0.6,4c0,0.9-0.1,1.7-0.3,2.6c-0.2,0.9-0.5,1.7-0.9,2.6c-0.4,0.8-0.9,1.6-1.6,2.3c-0.6,0.7-1.4,1.4-2.3,1.9
-		c-0.9,0.5-1.9,1-3.1,1.3c-1.2,0.3-2.5,0.5-3.9,0.5h-8.3v13H197.2z M212.7,64.4c0.9,0,1.6-0.1,2.2-0.4c0.6-0.3,1.1-0.6,1.4-1.1
-		c0.4-0.4,0.6-0.9,0.8-1.5c0.2-0.6,0.3-1.1,0.3-1.7c0-0.5-0.1-1-0.2-1.6c-0.1-0.5-0.4-1-0.7-1.5c-0.4-0.5-0.8-0.8-1.4-1.1
-		c-0.6-0.3-1.4-0.4-2.3-0.4h-8.6v9.4H212.7z"/>
-	<path fill="#030303" d="M271.6,83.9l-2.7-7.3h-13.6l-2.7,7.3h-7.3l13.5-35.4h6.7l13.5,35.4H271.6z M263.2,61.2
-		c-0.2-0.4-0.4-0.9-0.6-1.5c-0.2-0.6-0.4-1.1-0.5-1.7c-0.1,0.5-0.3,1.1-0.5,1.7c-0.2,0.6-0.4,1.1-0.6,1.5l-3.5,9.2h9.2L263.2,61.2z"
-		/>
-	<path fill="#030303" d="M317.3,55.2v28.8h-6.8V55.2h-10.1v-6.6h27v6.6H317.3z"/>
-	<path fill="#030303" d="M370.2,55.2v28.8h-6.8V55.2h-10.1v-6.6h27v6.6H370.2z"/>
-	<path fill="#030303" d="M408.5,83.9V48.6h24.1v6.5h-17.3v7.4h10.2v6.5h-10.2v8.5h18.4v6.5H408.5z"/>
-	<path fill="#030303" d="M462.4,83.9V48.6h16.4c2.2,0,4.1,0.3,5.6,0.9c1.5,0.6,2.7,1.4,3.6,2.5c0.9,1,1.6,2.2,2,3.5
-		c0.4,1.3,0.6,2.7,0.6,4.2c0,1-0.1,2-0.4,3c-0.3,1-0.7,2-1.3,2.9c-0.6,0.9-1.3,1.8-2.1,2.5c-0.9,0.7-1.8,1.3-3,1.7l6.9,14.1H483
-		l-6.6-13.2h-7.1v13.2H462.4z M478.9,64.3c0.9,0,1.6-0.1,2.2-0.4c0.6-0.3,1.1-0.6,1.4-1c0.4-0.4,0.6-0.9,0.8-1.5
-		c0.2-0.6,0.2-1.1,0.2-1.7c0-0.6-0.1-1.1-0.2-1.7c-0.1-0.6-0.4-1-0.7-1.5c-0.3-0.4-0.8-0.8-1.4-1c-0.6-0.3-1.4-0.4-2.3-0.4h-9.7v9.2
-		H478.9z"/>
-	<path fill="#030303" d="M541.9,83.9l-14-20.6c-0.2-0.3-0.5-0.8-0.8-1.3c-0.3-0.5-0.5-1-0.7-1.4c0.1,0.4,0.1,0.8,0.1,1.3
-		c0,0.5,0,1,0,1.3v20.6h-6.8V48.6h6.4l13.7,20.4c0.2,0.3,0.5,0.7,0.7,1.2c0.3,0.5,0.5,1,0.7,1.4c0-0.5-0.1-1-0.1-1.4
-		c0-0.5,0-0.9,0-1.2V48.6h6.8v35.4H541.9z"/>
-	<path fill="#030303" d="M578.4,83.9V48.6h23.7v6.5h-16.9v7.4H596v6.5h-10.7v15H578.4z"/>
-	<path fill="#030303" d="M629.8,83.9V48.6h6.8v28.8h17.1v6.6H629.8z"/>
-	<path fill="#030303" d="M686.4,83.9V70.2l-13.1-21.6h7.7l8.7,14.5l8.7-14.5h7.7l-13.1,21.6v13.8H686.4z"/>
-</g>
-<g>
-	<path fill="#030303" d="M49,103l-21.2,4.9L0,68.4L70,0l70,68.4l-27.8,39.4L91,103l-21,29.5L49,103z M70,128.7l18.6-26.2l-7.2-1.7
-		l-11,16.2l-11.9-16.2l-7.2,1.7L70,128.7z M70.4,113.1l9.2-13.5L70,6.7l-9.5,92.9L70.4,113.1z M28.8,105.4l18.8-4.3L33.8,81.7
-		l4.1-9.3L25.2,55L58,14.9L2.9,68.7L28.8,105.4z M111.2,105.4l16.3-23.1l9.6-13.6L82,14.9L114.9,55l-12.8,17.4l4.1,9.3L92.4,101
-		L111.2,105.4z M90.1,100.5l13.6-19.1l-3-6.9L82.7,98.8L90.1,100.5z M50,100.5l7.3-1.7L39.4,74.5l-3,6.9L50,100.5z M81.9,96.2
-		l17.6-24.1L72.9,11.6L81.9,96.2z M58.1,96.2l9-84.6L40.5,72.1L58.1,96.2z M39,70L66.1,8.5L28,55.1L39,70z M101.1,70l11-15L74,8.5
-		L101.1,70z"/>
-</g>
-</svg>

package/src/components/Tooltip/__tests__/Generated/TooltipArrow.test.tsx

@@ -1,13 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { TooltipArrow } from '../../TooltipArrow';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('TooltipArrow should match snapshot (auto-generated)', () => {
-  const { asFragment } = render(<TooltipArrow className={'string'} />);
-  expect(asFragment()).toMatchSnapshot();
-});

package/src/components/Tooltip/__tests__/Generated/TooltipContent.test.tsx

@@ -1,15 +0,0 @@
-/**
- * This test was generated
- */
-import * as React from 'react';
-import { render } from '@testing-library/react';
-import { TooltipContent } from '../../TooltipContent';
-// any missing imports can usually be resolved by adding them here
-import {} from '../..';
-
-it('TooltipContent should match snapshot (auto-generated)', () => {
-  const { asFragment } = render(
-    <TooltipContent className={'string'} children={<div>ReactNode</div>} isLeftAligned={true} />
-  );
-  expect(asFragment()).toMatchSnapshot();
-});

package/src/components/Tooltip/__tests__/Generated/__snapshots__/TooltipArrow.test.tsx.snap

@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TooltipArrow should match snapshot (auto-generated) 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-v5-c-tooltip__arrow string"
-  />
-</DocumentFragment>
-`;

package/src/components/Tooltip/__tests__/Generated/__snapshots__/TooltipContent.test.tsx.snap

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TooltipContent should match snapshot (auto-generated) 1`] = `
-<DocumentFragment>
-  <div
-    class="pf-v5-c-tooltip__content pf-m-text-align-left string"
-  >
-    <div>
-      ReactNode
-    </div>
-  </div>
-</DocumentFragment>
-`;

package/src/demos/CustomMenus/examples/pf-logo-small.svg

@@ -1,23 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="30px" height="27px" viewBox="0 0 30 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
-    <title>Group 12</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#7DC3E8" stop-opacity="0.600169362" offset="0%"></stop>
-            <stop stop-color="#007BBA" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="Toolbar" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Toolbar-in-Card-View-w-Pagination-Example" transform="translate(-351.000000, -422.000000)" fill="url(#linearGradient-1)" fill-rule="nonzero">
-            <g id="Group-22" transform="translate(322.000000, 395.000000)">
-                <g id="Group-12" transform="translate(29.000000, 27.000000)">
-                    <g id="PF3-logomark-bold">
-                        <path d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z" id="Shape"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/demos/examples/pf-logo-small.svg

@@ -1,23 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="30px" height="27px" viewBox="0 0 30 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
-    <title>Group 12</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#7DC3E8" stop-opacity="0.600169362" offset="0%"></stop>
-            <stop stop-color="#007BBA" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="Toolbar" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Toolbar-in-Card-View-w-Pagination-Example" transform="translate(-351.000000, -422.000000)" fill="url(#linearGradient-1)" fill-rule="nonzero">
-            <g id="Group-22" transform="translate(322.000000, 395.000000)">
-                <g id="Group-12" transform="translate(29.000000, 27.000000)">
-                    <g id="PF3-logomark-bold">
-                        <path d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z" id="Shape"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/deprecated/components/ApplicationLauncher/examples/pf-logo-small.svg

@@ -1,23 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="30px" height="27px" viewBox="0 0 30 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
-    <title>Group 12</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#7DC3E8" stop-opacity="0.600169362" offset="0%"></stop>
-            <stop stop-color="#007BBA" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="Toolbar" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Toolbar-in-Card-View-w-Pagination-Example" transform="translate(-351.000000, -422.000000)" fill="url(#linearGradient-1)" fill-rule="nonzero">
-            <g id="Group-22" transform="translate(322.000000, 395.000000)">
-                <g id="Group-12" transform="translate(29.000000, 27.000000)">
-                    <g id="PF3-logomark-bold">
-                        <path d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z" id="Shape"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>