fix: tag proptype

kpn · Dec 6, 2019 · f5c0b44 · f5c0b44
1 parent 7023b5c
commit f5c0b44
Show file tree

Hide file tree

Showing 53 changed files with 88 additions and 76 deletions.
diff --git a/scripts/new-component b/scripts/new-component
@@ -11,7 +11,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/Accordion.js b/src/Accordion.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/AccordionContent.js b/src/AccordionContent.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/AccordionItem.js b/src/AccordionItem.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string,
   expanded: PropTypes.bool
 };

diff --git a/src/AccordionTitle.js b/src/AccordionTitle.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/ActionMenu.js b/src/ActionMenu.js
@@ -8,7 +8,7 @@ const directions = Object.freeze({
 });
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string,
   active: PropTypes.bool,
   direction: PropTypes.oneOf([directions.LEFT, directions.RIGHT])

diff --git a/src/ActionMenuItem.js b/src/ActionMenuItem.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/ActionMenuLink.js b/src/ActionMenuLink.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/ActionMenuList.js b/src/ActionMenuList.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/ActionMenuTrigger.js b/src/ActionMenuTrigger.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/AppBody.js b/src/AppBody.js
@@ -3,12 +3,12 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 
 const defaultProps = {
-  tag: "body"
+  tag: "div"
 };
 
 const AppBody = ({ className, tag: Tag, ...attributes }) => {

diff --git a/src/AppLayout.js b/src/AppLayout.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string,
   activeSideBar: PropTypes.bool
 };

diff --git a/src/Breadcrumb.js b/src/Breadcrumb.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string,
   children: PropTypes.node,
   "aria-label": PropTypes.string

diff --git a/src/BreadcrumbItem.js b/src/BreadcrumbItem.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/BreadcrumbLink.js b/src/BreadcrumbLink.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/Button.js b/src/Button.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string,
   disabled: PropTypes.bool,
   fluid: PropTypes.bool,

diff --git a/src/ButtonGroup.js b/src/ButtonGroup.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string,
   alignRight: PropTypes.bool,
   respond: PropTypes.bool,

diff --git a/src/Card.js b/src/Card.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string,
   stretch: PropTypes.bool
 };

diff --git a/src/CardBody.js b/src/CardBody.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/CardFooter.js b/src/CardFooter.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/CardHeader.js b/src/CardHeader.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/CardList.js b/src/CardList.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/CardTitle.js b/src/CardTitle.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/Collapse.js b/src/Collapse.js
@@ -31,7 +31,7 @@ function Collapse({ children, expanded }) {
           ...child.props,
           collapsed,
           expanded: isExpanded,
-          setExpanded
+          setexpanded: setExpanded
         })
       )}
     </React.Fragment>

diff --git a/src/Main.js b/src/Main.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string,
   fitLayout: PropTypes.bool
 };

diff --git a/src/Mouseover.js b/src/Mouseover.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string,
   active: PropTypes.bool,
   noHover: PropTypes.bool

diff --git a/src/MouseoverBody.js b/src/MouseoverBody.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/Pagination.js b/src/Pagination.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/PaginationLink.js b/src/PaginationLink.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string,
   active: PropTypes.bool,
   direction: PropTypes.string

diff --git a/src/PaginationPager.js b/src/PaginationPager.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/PaginationSelect.js b/src/PaginationSelect.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/PaginationSelectField.js b/src/PaginationSelectField.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/SideBar.js b/src/SideBar.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string,
   fitLayout: PropTypes.bool
 };

diff --git a/src/SideBarActionMenu.js b/src/SideBarActionMenu.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/SideBarClose.js b/src/SideBarClose.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };
 

diff --git a/src/SideBarLink.js b/src/SideBarLink.js
@@ -3,20 +3,20 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string,
   active: PropTypes.bool,
   collapsed: PropTypes.bool,
   expanded: PropTypes.bool,
-  setExpanded: PropTypes.func
+  setexpanded: PropTypes.func
 };
 
 const defaultProps = {
   tag: "a",
   active: false,
   collapsed: false,
   expanded: false,
-  setExpanded: () => {}
+  setexpanded: () => {}
 };
 
 const SideBarLink = ({
@@ -25,7 +25,7 @@ const SideBarLink = ({
   active,
   collapsed,
   expanded,
-  setExpanded,
+  setexpanded,
   ...attributes
 }) => {
   const collapsedClass = collapsed
@@ -41,7 +41,7 @@ const SideBarLink = ({
     className
   );
   const onClick = () => {
-    setExpanded(!expanded);
+    setexpanded(!expanded);
   };
   return <Tag onClick={onClick} {...attributes} className={classes} />;
 };

diff --git a/src/SideBarMenu.js b/src/SideBarMenu.js
@@ -3,7 +3,7 @@ import React from "react";
 import classNames from "classnames";
 
 const propTypes = {
-  tag: PropTypes.node,
+  tag: PropTypes.elementType,
   className: PropTypes.string
 };