Cleans up the Dropdown files and reverts the Bulm version being pulle…

…d from the CDN for the docs
AlgusDark · Nov 13, 2017 · f1c7c95 · f1c7c95
1 parent 1d66cd8
commit f1c7c95
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 8 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -41,7 +41,7 @@
   <meta name="description" content="Bloomer — A set of React Stateless components for Bulma">
   <meta name="author" content="Algus Dark">
 
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.1/css/bulma.min.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.3/css/bulma.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atelier-heath-light.min.css">
 <link href="dist/main.7d60389b.css" rel="stylesheet"></head>
@@ -56,4 +56,4 @@
     <script async defer id="twitter-wjs" src="https://platform.twitter.com/widgets.js"></script>
 <script type="text/javascript" src="dist/vendor.4490f8c1.js" defer></script><script type="text/javascript" src="dist/main.4490f8c1.js" defer></script></body>
 
-</html>
+</html>
diff --git a/docs/src/Scenes/Documentation/Components/Scenes/Dropdown.tsx b/docs/src/Scenes/Documentation/Components/Scenes/Dropdown.tsx
@@ -29,6 +29,14 @@ const DropdownRows: Docs.Row[] = [
     },
 ];
 
+const DropdownItemRows: Docs.Row[] = [
+  {
+      description: <td>Highlights the row</td>,
+      prop: 'isActive',
+      type: 'boolean',
+  },
+];
+
 const DropdownBasic = ({ isDropdownOpen, openDropdown }) => (
   <Dropdown>
     <DropdownTrigger onClick={openDropdown}>
@@ -119,6 +127,7 @@ class DropdownDocs extends React.Component<{}, { isDropdownOpen: boolean }> {
                 but it will render an <strong>{'<a/>'}</strong> element if you provide <strong>href</strong> prop.
                  <strong>E.g.</strong> <em><strong>{'<DropdownItem href="#" />'}</strong></em>.
             </Subtitle>
+            <TableDocs rows={DropdownItemRows} />
         </Container>
       );
     }

diff --git a/docs/src/index.html b/docs/src/index.html
@@ -41,7 +41,7 @@
   <meta name="description" content="Bloomer — A set of React Stateless components for Bulma">
   <meta name="author" content="Algus Dark">
 
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.1/css/bulma.min.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.3/css/bulma.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atelier-heath-light.min.css">
 </head>
@@ -55,4 +55,4 @@
     <script async defer id="twitter-wjs" src="https://platform.twitter.com/widgets.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/src/components/Dropdown/Menu/DropdownItem.tsx b/src/components/Dropdown/Menu/DropdownItem.tsx
@@ -5,7 +5,7 @@ import {
   Bulma,
   getActiveModifiers,
   removeActiveModifiers,
-  withHelpersModifiers
+  withHelpersModifiers,
 } from './../../../bulma';
 import { getHTMLProps } from './../../../helpers';
 
@@ -20,11 +20,11 @@ export function DropdownItem({ tag = 'div', render, ...props }: DropdownItem<HTM
       props.className,
   ) || undefined;
 
-    const HTMLProps = getHTMLProps(props, removeActiveModifiers);
+  const HTMLProps = getHTMLProps(props, removeActiveModifiers);
 
-    if (render) return render({ ...HTMLProps, className });
+  if (render) return render({ ...HTMLProps, className });
 
-    return React.createElement((props.href ? 'a' : tag), { ...HTMLProps, className });
+  return React.createElement((props.href ? 'a' : tag), { ...HTMLProps, className });
 }
 
 const HOC = /*@__PURE__*/withHelpersModifiers(DropdownItem);