docs(Wrapper): added oneOfType property until imports are supported (r…

…eactjs/react-docgen#352)
wfp · Sep 6, 2020 · e0835c7 · e0835c7
1 parent 88e2e6a
commit e0835c7
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 7 deletions.
diff --git a/.storybook/storybook.scss b/.storybook/storybook.scss
@@ -36,6 +36,7 @@
   }
   .sbdocs-subtitle {
     @extend .wfp--story__sub-title;
+    margin-top: 0;
   }
   .sbdocs-h2 {
     border: none;

diff --git a/src/components/BannerNavigation/BannerNavigationWithContent.js b/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
    */

diff --git a/src/components/BannerNavigation/README.mdx b/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>

diff --git a/src/components/InfoBar/InfoBar.js b/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
    */

diff --git a/src/components/MainNavigation/MainNavigation.js b/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
    */

diff --git a/src/components/SecondaryNavigation/SecondaryNavigation.js b/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,
 };
 

diff --git a/src/components/Wrapper/Wrapper.js b/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
   */