Export types for all available components

packages/module/patternfly-docs/content/extensions/component-groups/Battery/Battery.md → packages/module/patternfly-docs/content/extensions/component-groups/examples/Battery/Battery.md

@@ -13,7 +13,7 @@ source: react
 propComponents: ['Battery']
 ---
 
-import { Battery } from "@patternfly/react-component-groups";
+import Battery from '@patternfly/react-component-groups/dist/dynamic/Battery';
 
 
 This is the battery component that generates a 'battery' which corresponds to a level 1-4.

packages/module/patternfly-docs/content/extensions/component-groups/Battery/BatteryCriticalExample.tsx → packages/module/patternfly-docs/content/extensions/component-groups/examples/Battery/BatteryCriticalExample.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Battery } from '@patternfly/react-component-groups';
+import Battery from '@patternfly/react-component-groups/dist/dynamic/Battery';
 
 const BatteryCriticalExample: React.FunctionComponent = () => (
   <>

packages/module/patternfly-docs/content/extensions/component-groups/Battery/BatteryDefaultExample.tsx → packages/module/patternfly-docs/content/extensions/component-groups/examples/Battery/BatteryDefaultExample.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Battery } from '@patternfly/react-component-groups';
+import Battery from '@patternfly/react-component-groups/dist/dynamic/Battery';
 
 const BatteryDefaultExample: React.FunctionComponent = () => <Battery label="Default" severity={'an unknown value' as any}/>
 
 export default BatteryDefaultExample;

packages/module/patternfly-docs/content/extensions/component-groups/Battery/BatteryHighExample.tsx → packages/module/patternfly-docs/content/extensions/component-groups/examples/Battery/BatteryHighExample.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Battery } from '@patternfly/react-component-groups';
+import Battery from '@patternfly/react-component-groups/dist/dynamic/Battery';
 
 const BatteryHighExample: React.FunctionComponent = () => (
   <>

packages/module/patternfly-docs/content/extensions/component-groups/Battery/BatteryLowExample.tsx → packages/module/patternfly-docs/content/extensions/component-groups/examples/Battery/BatteryLowExample.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Battery } from '@patternfly/react-component-groups';
+import Battery from '@patternfly/react-component-groups/dist/dynamic/Battery';
 
 const BatteryLowExample: React.FunctionComponent = () => (
   <>

packages/module/patternfly-docs/content/extensions/component-groups/Battery/BatteryMediumExample.tsx → packages/module/patternfly-docs/content/extensions/component-groups/examples/Battery/BatteryMediumExample.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Battery } from '@patternfly/react-component-groups';
+import Battery from '@patternfly/react-component-groups/dist/dynamic/Battery';
 
 const BatteryMediumExample: React.FunctionComponent = () => (
   <>

packages/module/patternfly-docs/content/extensions/component-groups/examples/DetailsPage/DetailsPage.md

@@ -34,9 +34,9 @@ import { ActionMenu } from '@patternfly/react-component-groups';
 import { Breadcrumbs } from '@patternfly/react-component-groups';
 import { BrowserRouter as Router } from 'react-router-dom';
 import { CheckCircleIcon } from '@patternfly/react-icons';
-import { DetailsPage } from'@patternfly/react-component-groups';
-import { DetailsPageHeader } from'@patternfly/react-component-groups';
-import { HorizontalNav } from '@patternfly/react-component-groups';
+import HorizontalNav from '@patternfly/react-component-groups/dist/dynamic/HorizontalNav';
+import DetailsPage from '@patternfly/react-component-groups/dist/dynamic/DetailsPage';
+import DetailsPageHeader from'@patternfly/react-component-groups/dist/dynamic/DetailsPageHeader';
 
 ## Components Usage
 

packages/module/patternfly-docs/content/extensions/component-groups/examples/DetailsPage/DetailsPageExample.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BrowserRouter as Router } from 'react-router-dom';
-import { DetailsPage } from '@patternfly/react-component-groups';
 import { CheckCircleIcon } from '@patternfly/react-icons';
+import DetailsPage from '@patternfly/react-component-groups/dist/dynamic/DetailsPage';
 
 export const BasicExample: React.FunctionComponent = () => (
   <Router>

packages/module/patternfly-docs/content/extensions/component-groups/examples/DetailsPage/DetailsPageHeaderExample.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BrowserRouter as Router } from 'react-router-dom';
-import { DetailsPageHeader } from '@patternfly/react-component-groups';
 import { CheckCircleIcon } from '@patternfly/react-icons';
+import DetailsPageHeader from '@patternfly/react-component-groups/dist/dynamic/DetailsPageHeader';
 
 export const BasicExample: React.FunctionComponent = () => (
   <Router>

packages/module/patternfly-docs/content/extensions/component-groups/examples/DetailsPage/HorizontalNavExample.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HorizontalNav } from '@patternfly/react-component-groups';
+import HorizontalNav from '@patternfly/react-component-groups/dist/dynamic/HorizontalNav';
 
 export const BasicExample: React.FunctionComponent = () => (
   <HorizontalNav

packages/module/patternfly-docs/content/extensions/component-groups/examples/ErrorBoundary/ErrorBoundary.md

@@ -13,7 +13,7 @@ source: react
 propComponents: ['ErrorBoundary']
 ---
 
-import { ErrorBoundary } from "@patternfly/react-component-groups";
+import ErrorBoundary from "@patternfly/react-component-groups/dist/dynamic/ErrorBoundary";
 
 ## Component usage
 

packages/module/patternfly-docs/content/extensions/component-groups/examples/ErrorBoundary/ErrorBoundaryExample.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ErrorBoundary } from '@patternfly/react-component-groups';
+import ErrorBoundary from '@patternfly/react-component-groups/dist/dynamic/ErrorBoundary';
 
 export const BasicExample: React.FunctionComponent = () => {
   const Surprise = () => {

packages/module/patternfly-docs/content/extensions/component-groups/examples/ErrorBoundary/ErrorBoundaryNoExample.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ErrorBoundary } from '@patternfly/react-component-groups';
+import ErrorBoundary from '@patternfly/react-component-groups/dist/dynamic/ErrorBoundary';
 
 export const BasicExample: React.FunctionComponent = () => (<ErrorBoundary headerTitle={'My app header'}>
   <div>My app content</div>

packages/module/patternfly-docs/content/extensions/component-groups/examples/ErrorState/ErrorState.md

@@ -13,7 +13,7 @@ source: react
 propComponents: ['ErrorState']
 ---
 
-import { ErrorState } from "@patternfly/react-component-groups";
+import ErrorState from "@patternfly/react-component-groups/dist/dynamic/ErrorState";
 
 ## Component usage
 

packages/module/patternfly-docs/content/extensions/component-groups/examples/ErrorState/ErrorStateExample.tsx

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ErrorState } from '@patternfly/react-component-groups';
+import ErrorState from "@patternfly/react-component-groups/dist/dynamic/ErrorState";
 
 export const BasicExample: React.FunctionComponent = () => <ErrorState errorTitle='A Basic Error' errorDescription='The following is an example of a basic error' />;

packages/module/patternfly-docs/content/extensions/component-groups/examples/NotAuthorized/NotAuthorized.md

@@ -6,7 +6,7 @@ source: react
 propComponents: ['NotAuthorized']
 ---
 
-import { NotAuthorized } from "@patternfly/react-component-groups";
+import NotAuthorized from "@patternfly/react-component-groups/dist/dynamic/NotAuthorized";
 
 ## Component usage
 

packages/module/patternfly-docs/content/extensions/component-groups/examples/NotAuthorized/NotAuthorizedExample.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { NotAuthorized } from '@patternfly/react-component-groups';
 import { Button } from '@patternfly/react-core';
+import NotAuthorized from "@patternfly/react-component-groups/dist/dynamic/NotAuthorized";
 
 export const BasicExample: React.FunctionComponent = () => {
   const actions = [

packages/module/src/Battery/Batery.test.tsx

@@ -1,11 +1,6 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import Battery, { BatterySeverity } from './Battery';
-import CriticalBattery from './CriticalBattery';
-import HighBattery from './HighBattery';
-import MediumBattery from './MediumBattery';
-import LowBattery from './LowBattery';
-import NullBattery from './NullBattery';
 
 describe('Battery component', () => {
   jest.spyOn(global.console, 'error');
@@ -52,29 +47,4 @@ describe('Battery component', () => {
       expect(container).toMatchSnapshot();
     });
   });
-
-  test(`CriticalBattery`, () => {
-    const { container } = render(<CriticalBattery />);
-    expect(container).toMatchSnapshot();
-  });
-
-  test(`HighBattery`, () => {
-    const { container } = render(<HighBattery />);
-    expect(container).toMatchSnapshot();
-  });
-
-  test(`MediumBattery`, () => {
-    const { container } = render(<MediumBattery />);
-    expect(container).toMatchSnapshot();
-  });
-
-  test(`LowBattery`, () => {
-    const { container } = render(<LowBattery />);
-    expect(container).toMatchSnapshot();
-  });
-
-  test(`NullBattery`, () => {
-    const { container } = render(<NullBattery />);
-    expect(container).toMatchSnapshot();
-  });
 });

packages/module/src/Battery/Battery.tsx

@@ -1,10 +1,5 @@
 import React from 'react';
 import classNames from 'classnames';
-import CriticalBattery from './CriticalBattery';
-import HighBattery from './HighBattery';
-import MediumBattery from './MediumBattery';
-import LowBattery from './LowBattery';
-import NullBattery from './NullBattery';
 import { createUseStyles } from 'react-jss'
 
 const batteryDefault = {
@@ -93,23 +88,23 @@ const Battery: React.FunctionComponent<BatteryProps> = ({ severity, label, label
     switch (severity) {
     case 'critical':
     case 4:
-      return <CriticalBattery />;
+      return <path d="M 99.168858,143.38516 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698858,11.2 z M 99.168857,235.25069 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z M 99.168857,327.14542 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.19999 v -28 c 0,-6.16001 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.19999 9.698857,11.19999 z M 99.168993,419.0375 H 351.33927 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168993 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z" />;
     case 'high':
     case 'error':
     case 3:
-      return <HighBattery />;
+      return <path d="M 99.168857,235.25069 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z M 99.168857,327.14542 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.19999 v -28 c 0,-6.16001 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.19999 9.698857,11.19999 z M 99.168993,419.0375 H 351.33927 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168993 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z" />;
     case 'medium':
     case 'warn':
     case 2:
-      return <MediumBattery />;
+      return <path d="M 99.168857,327.14542 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.19999 v -28 c 0,-6.16001 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.19999 9.698857,11.19999 z M 99.168993,419.0375 H 351.33927 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168993 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z" />;
     case 'low':
     case 'info':
     case 1:
-      return <LowBattery />;
+      return <path d="M 99.168993,419.0375 H 351.33927 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168993 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z" />;
     default:
       // eslint-disable-next-line
         console.error('Warning: Unsupported value presented to battery component');
-      return <NullBattery />;
+      return <path d="M 99.168858,143.38516 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698858,11.2 z M 99.168857,235.25069 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z M 99.168857,327.14542 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.19999 v -28 c 0,-6.16001 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.19999 9.698857,11.19999 z M 99.168993,419.0375 H 351.33927 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168993 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z" />;
     }
   };
 

packages/module/src/Battery/__snapshots__/Batery.test.tsx.snap

@@ -28,46 +28,6 @@ exports[`Battery component API should hide label 1`] = `
 </div>
 `;
 
-exports[`Battery component CriticalBattery 1`] = `
-<div>
-  <path
-    d="M 99.168858,143.38516 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698858,11.2 z M 99.168857,235.25069 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z M 99.168857,327.14542 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.19999 v -28 c 0,-6.16001 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.19999 9.698857,11.19999 z M 99.168993,419.0375 H 351.33927 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168993 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z"
-  />
-</div>
-`;
-
-exports[`Battery component HighBattery 1`] = `
-<div>
-  <path
-    d="M 99.168857,235.25069 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z M 99.168857,327.14542 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.19999 v -28 c 0,-6.16001 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.19999 9.698857,11.19999 z M 99.168993,419.0375 H 351.33927 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168993 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z"
-  />
-</div>
-`;
-
-exports[`Battery component LowBattery 1`] = `
-<div>
-  <path
-    d="M 99.168993,419.0375 H 351.33927 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168993 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z"
-  />
-</div>
-`;
-
-exports[`Battery component MediumBattery 1`] = `
-<div>
-  <path
-    d="M 99.168857,327.14542 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.19999 v -28 c 0,-6.16001 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.19999 9.698857,11.19999 z M 99.168993,419.0375 H 351.33927 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168993 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z"
-  />
-</div>
-`;
-
-exports[`Battery component NullBattery 1`] = `
-<div>
-  <path
-    d="M 99.168858,143.38516 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698858,11.2 z M 99.168857,235.25069 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z M 99.168857,327.14542 H 351.33914 c 5.33437,0 9.69886,-5.04 9.69886,-11.19999 v -28 c 0,-6.16001 -4.36449,-11.2 -9.69886,-11.2 H 99.168857 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.19999 9.698857,11.19999 z M 99.168993,419.0375 H 351.33927 c 5.33437,0 9.69886,-5.04 9.69886,-11.2 v -28 c 0,-6.16 -4.36449,-11.2 -9.69886,-11.2 H 99.168993 c -5.334371,0 -9.698857,5.04 -9.698857,11.2 v 28 c 0,6.16 4.364486,11.2 9.698857,11.2 z"
-  />
-</div>
-`;
-
 exports[`Battery component should render correctly CriticalBattery - 4 1`] = `
 <div>
   <i

packages/module/src/Battery/index.ts

@@ -1,7 +1,2 @@
 export { default } from './Battery';
-export { default as Battery } from './Battery';
-export { default as CriticalBattery } from './CriticalBattery';
-export { default as HighBattery } from './HighBattery';
-export { default as MediumBattery } from './MediumBattery';
-export { default as LowBattery } from './LowBattery';
-export { default as NullBattery } from './NullBattery';
+export * from './Battery';