Merge branch 'master' into dependabot/npm_and_yarn/react-16.12.0

SECURITY.md

@@ -0,0 +1,13 @@
+# Security Policy
+
+## Supported Versions
+
+Currently, only the latest version is supported.
+
+## Reporting a Vulnerability
+
+### Security contact information
+
+To report a security vulnerability, please use the
+[Tidelift security contact](https://tidelift.com/security).
+Tidelift will coordinate the fix and disclosure.

docs/lib/Components/TooltipsPage.js

@@ -47,7 +47,7 @@ export default class TooltipsPage extends React.Component {
   ]).isRequired,
   // Where to inject the popper DOM node, default to body
   container: PropTypes.oneOfType([PropTypes.string, PropTypes.func, DOMElement]),
-  // optionally override show/hide delays - default { show: 0, hide: 250 }
+  // optionally override show/hide delays - default { show: 0, hide: 50 }
   delay: PropTypes.oneOfType([
     PropTypes.shape({ show: PropTypes.number, hide: PropTypes.number }),
     PropTypes.number

docs/lib/PremiumThemes/index.js

@@ -1,55 +1,91 @@
 import React from 'react';
-import { Card, Button, CardBody, CardHeader, Container, Row, Col, Jumbotron } from 'reactstrap';
+import {
+  Card,
+  Button,
+  CardBody,
+  CardHeader,
+  Container,
+  Row,
+  Col,
+  Jumbotron,
+} from 'reactstrap';
+import premiumThemes from './premium';
 
 export default () => {
-    return (
-        <div>
-            <Jumbotron tag="section" className="jumbotron-header text-center mb-3">
-                <p className="lead">
-                    <img src="/assets/logo.png" alt="" width="110px"/>
-                </p>
-                <h1>Reactstrap Themes & Templates</h1>
-                <h4 className="mb-5">A collection of free and premium React templates and themes powered by Reactstrap</h4>
-            </Jumbotron>
-            <Container>
-                <h2 className="font-weight-bold">
-                    UiFort
-                </h2>
-                <p className="mb-4">Check out some examples that our partners from UiFort created using the Reactstrap components library.</p>
-                <Row>
-                    <Col md="7">
-                        <Card>
-                            <CardHeader className="p-3">
-                                <h5 className="m-0 font-weight-bold">
-                                    <a href="https://uifort.com/template/bamburgh-react-admin-dashboard-reactstrap-pro/?ref=reactstrap.github.io" target="_blank" title="View details">
-                                        Bamburgh React Admin Dashboard with Reactstrap PRO
-                                    </a>
-                                </h5>
-                                <p className="mb-0 mt-1 text-muted">
-                                    Premium React Admin Template
-                                </p>
-                            </CardHeader>
-                            <CardBody className="p-3">
-                                <a href="https://uifort.com/template/bamburgh-react-admin-dashboard-reactstrap-pro/?ref=reactstrap.github.io" target="_blank" title="View details">
-                                    <img className="rounded img-fluid" src="/assets/themes/bamburgh-react-admin-dashboard-reactstrap-pro.jpg" alt=""/>
-                                </a>
-                            </CardBody>
-                        </Card>
-                    </Col>
-                    <Col md="5">
-                        <Card className="h-100 mt-3 mt-lg-0 d-flex justify-content-center align-items-center text-muted">
-                            <div>
-                                More themes will be added soon !
-                            </div>
-                        </Card>
-                    </Col>
-                </Row>
-                <div className="text-center mt-5">
-                    <Button tag="a" size="lg" href="https://uifort.com" color="primary">
-                        See more themes from UiFort
-                    </Button>
-                </div>
-            </Container>
-        </div>
-    );
+  return (
+    <div>
+      <Jumbotron tag="section" className="jumbotron-header text-center mb-3">
+        <p className="lead">
+          <img src="/assets/logo.png" alt="" width="110px" />
+        </p>
+        <h1>Reactstrap Themes &amp; Templates</h1>
+        <h4 className="mb-5">
+          A collection of free and premium React templates and themes powered by
+          Reactstrap
+        </h4>
+      </Jumbotron>
+      {premiumThemes.map(company => (
+        <Container key={company.creator.name} className="premium-section">
+          <h2 className="font-weight-bold">{company.creator.name}</h2>
+          <p className="mb-4">{company.creator.tagLine}</p>
+          <Row>
+            {company.products.map(product => {
+              return (
+                <Col md="6" key={product.title}>
+                  <Card className="my-3">
+                    <CardHeader className="p-3">
+                      <h3 className="m-0 h6 font-weight-bold">
+                        <a
+                          href={`${product.link}?ref=reactstrap.github.io`}
+                          target="_blank"
+                          rel="sponsored noopener noreferrer"
+                          title="View details"
+                        >
+                          {product.title}
+                        </a>
+                      </h3>
+                      <p className="mb-0 mt-1 text-muted">{product.tagLine}</p>
+                    </CardHeader>
+                    <CardBody className="p-3">
+                      <a
+                        href={`${product.link}?ref=reactstrap.github.io`}
+                        target="_blank"
+                        rel="sponsored noopener noreferrer"
+                        title="View details"
+                      >
+                        <img
+                          className="rounded img-fluid"
+                          src={product.imgUrl}
+                          alt=""
+                        />
+                      </a>
+                    </CardBody>
+                  </Card>
+                </Col>
+              );
+            })}
+            {company.products.length % 2 !== 0 && (
+              <Col md="6" className="my-3">
+                <Card className="h-100 d-flex justify-content-center align-items-center text-muted">
+                  <div>More themes will be added soon !</div>
+                </Card>
+              </Col>
+            )}
+          </Row>
+          <div className="text-center mt-3 mb-5">
+            <Button
+              tag="a"
+              size="lg"
+              href={`${company.creator.link}?ref=reactstrap.github.io`}
+              color="primary"
+              target="_blank"
+              rel="sponsored noopener noreferrer"
+            >
+              See more themes from {company.creator.name}
+            </Button>
+          </div>
+        </Container>
+      ))}
+    </div>
+  );
 };

docs/lib/PremiumThemes/premium.js

@@ -0,0 +1,87 @@
+export default [
+  {
+    creator: {
+      name: 'UiFort',
+      tagLine:
+        'Check out some examples that our partners from UiFort created using the Reactstrap components library.',
+      link: 'https://uifort.com',
+    },
+    products: [
+      {
+        title: 'Bamburgh React Admin Dashboard with Reactstrap PRO',
+        tagLine: 'Premium React Admin Template',
+        imgUrl:
+          '/assets/themes/bamburgh-react-admin-dashboard-reactstrap-pro.jpg',
+        link:
+          'https://uifort.com/template/bamburgh-react-admin-dashboard-reactstrap-pro/?ref=reactstrap.github.io',
+      },
+    ],
+  },
+  {
+    creator: {
+      name: 'Creative Tim',
+      tagLine:
+        'Check out some examples that our partners from Creative Tim created using the Reactstrap components library.',
+      link: 'https://www.creative-tim.com',
+    },
+    products: [
+      {
+        title: 'Now UI Kit PRO with Reactstrap',
+        tagLine: 'Premium Kit Template for Bootstrap 4 and Reactstrap',
+        imgUrl:
+          'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/now-ui-kit-pro-react/opt_nukp_react_thumbnail.jpg',
+        link: 'https://www.creative-tim.com/product/now-ui-kit-pro-react',
+      },
+      {
+        title: 'Now UI Dashboard PRO with Reactstrap',
+        tagLine: 'Premium Reactstrap (Bootstrap 4) Admin Template',
+        imgUrl:
+          'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/now-ui-dashboard-pro-react/now-ui-dashboard-pro-react.jpg',
+        link: 'https://www.creative-tim.com/product/now-ui-dashboard-pro-react',
+      },
+      {
+        title: 'Argon Design System with Reactstrap',
+        tagLine: 'Free Design System for Bootstrap 4 and Reactstrap',
+        imgUrl:
+          'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/argon-design-system-react/argon-design-system-react.jpg',
+        link: 'https://www.creative-tim.com/product/argon-design-system-react',
+      },
+      {
+        title: 'Argon Dashboard PRO with Reactstrap',
+        tagLine: 'Premium Reactstrap (Bootstrap 4) Admin Template',
+        imgUrl:
+          'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/argon-dashboard-pro-react/argon-dashboard-pro-react.jpg',
+        link: 'https://www.creative-tim.com/product/argon-dashboard-pro-react',
+      },
+      {
+        title: 'Paper Kit PRO with Reactstrap',
+        tagLine: 'Premium Kit Template for Bootstrap 4 and Reactstrap',
+        imgUrl:
+          'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/paper-kit-pro-react/opt_pkp_react_thumbnail.jpg',
+        link: 'https://www.creative-tim.com/product/paper-kit-pro-react',
+      },
+      {
+        title: 'Paper Dashboard PRO with Reactstrap',
+        tagLine: 'Premium Reactstrap (Bootstrap 4) Admin Template',
+        imgUrl:
+          'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/paper-dashboard-2-pro-react/opt_pdp_react.jpg',
+        link: 'https://www.creative-tim.com/product/paper-dashboard-pro-react',
+      },
+      {
+        title: 'BLK• Design System PRO with Reactstrap',
+        tagLine: 'Premium Design System for Bootstrap 4 and Reactstrap',
+        imgUrl:
+          'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/blk-design-system-pro-react/blk-design-system-pro-react.jpg',
+        link:
+          'https://www.creative-tim.com/product/blk-design-system-pro-react',
+      },
+      {
+        title: 'Black Dashboard PRO with Reactstrap',
+        tagLine: 'Premium Reactstrap (Bootstrap 4) Admin Template',
+        imgUrl:
+          'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/black-dashboard-pro-react/black-dashboard-pro-react.jpg',
+        link: 'https://www.creative-tim.com/product/black-dashboard-pro-react',
+      },
+    ],
+  },
+];

docs/lib/examples/InputType.js

@@ -126,6 +126,10 @@ const Example = (props) => {
           It's a bit lighter and easily wraps to a new line.
         </FormText>
       </FormGroup>
+      <FormGroup>
+        <Label for="exampleRange">Range</Label>
+        <Input type="range" name="range" id="exampleRange" />
+      </FormGroup>
       <FormGroup check>
         <Label check>
           <Input type="radio" /> Option one is this and that—be sure to

docs/lib/examples/Tabs.js

@@ -25,7 +25,7 @@ const Example = (props) => {
             className={classnames({ active: activeTab === '2' })}
             onClick={() => { toggle('2'); }}
           >
-            Moar Tabs
+            More Tabs
           </NavLink>
         </NavItem>
       </Nav>

docs/static/docs.css

@@ -246,6 +246,10 @@ pre, code {
     max-width: 620px;
   }
 }
+.premium-section + .premium-section {
+  border-top: 1px solid lightgrey;
+  padding-top: 3em;
+}
 
 /* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+bash+jsx&plugins=autolinker */
 /**

scripts/docs

@@ -49,5 +49,7 @@ git config user.email "reactstrap@github.io"
 git add --all
 git commit -m "docs(travis): publish documentation for $TRAVIS_TAG ($TRAVIS_COMMIT)"
 git push origin $BRANCH > /dev/null 2>&1
+git tag -a $VERSION -m "docs $TRAVIS_TAG"
+git push --tags > /dev/null 2>&1
 
 success "Successfully published documentation for $TRAVIS_TAG ($TRAVIS_COMMIT)!"