docs(Wrapper): added oneOfType property until imports are supported (reactjs/react-docgen#352)

Author: Utzel-Butzel

.storybook/storybook.scss

@@ -36,6 +36,7 @@
   }
   .sbdocs-subtitle {
     @extend .wfp--story__sub-title;
+    margin-top: 0;
   }
   .sbdocs-h2 {
     border: none;

src/components/BannerNavigation/BannerNavigationWithContent.js

@@ -76,7 +76,7 @@ BannerNavigationWithContent.propTypes = {
   /**
    * The CSS class name to be placed on the wrapping element.
    */
-  pageWidth: PropTypes.string,
+  pageWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'full']),
   /**
    * Allows to disable the search input
    */

src/components/BannerNavigation/README.mdx

@@ -4,7 +4,7 @@ The BannerNavigation is used on internal applications which are actually listed
 
 `BannerNavigationWithContent` will contain the default links.
 
-```js
+```jsx
 import { BannerNavigationWithContent } from '@wfp/ui';
 
 <BannerNavigationWithContent pageWidth="narrow" />;
@@ -14,7 +14,7 @@ import { BannerNavigationWithContent } from '@wfp/ui';
 
 `BannerNavigation` allows you to use custom `BannerNavigationItem` components inside.
 
-```js
+```jsx
 import { BannerNavigation } from '@wfp/ui';
 
 <BannerNavigation>

src/components/InfoBar/InfoBar.js

@@ -26,7 +26,7 @@ InfoBar.propTypes = {
   /**
    *  `pageWidth` for the `<Wrapper />` component
    */
-  pageWidth: PropTypes.string,
+  pageWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'full']),
   /**
    * Additional `className` for the `<Wrapper />` component
    */

src/components/MainNavigation/MainNavigation.js

@@ -127,7 +127,7 @@ MainNavigation.propTypes = {
   /**
    * See `Wrapper` component for more information
    */
-  pageWidth: PropTypes.string,
+  pageWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'full']),
   /**
    * See `Wrapper` component for more information
    */

src/components/SecondaryNavigation/SecondaryNavigation.js

@@ -57,7 +57,7 @@ SecondaryNavigation.propTypes = {
   /**
    * The width of the SecondaryNavigation (same as Wrapper)
    */
-  pageWidth: PropTypes.string,
+  pageWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'full']),
   wrapperClassName: PropTypes.string,
 };
 

src/components/Wrapper/Wrapper.js

@@ -60,7 +60,7 @@ Wrapper.propTypes = {
   /**
     `xs` `sm` `md` `lg`:  Set the maximum width of the Wrapper content `xs`: `500px` `sm`: `700px` `md`:`1000px` `lg`: `1200px` 
   */
-  pageWidth: PropTypes.string,
+  pageWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'full']),
   /**
     Width on mobile devices
   */