tableflip · olizilla · Jan 11, 2019 · Jan 10, 2019 · Jan 11, 2019 · Jan 11, 2019
diff --git a/.babelrc b/.babelrc
@@ -1,3 +1,3 @@
 {
-  "presets": ["react"]
+  "presets": ["@babel/preset-react"]
 }
diff --git a/docs/example.cca24555.js → docs/example.be978658.js b/docs/example.cca24555.js → docs/example.be978658.js
diff --git a/docs/example.be978658.map b/docs/example.be978658.map
diff --git a/docs/example.cca24555.map b/docs/example.cca24555.map
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <title>React Dropdown - TABLEFLIP EDITION</title> <link rel="stylesheet" href="main.93fbfc57.css"> </head> <body class="avenir tc bg-near-white"> <h1 class="pb4"> <span class="fw2 mr3">React Dropdown</span>TABLEFLIP EDITION </h1> <div id="root"></div> <script src="example.cca24555.js"></script> </body> </html>
+<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <title>React Dropdown - TABLEFLIP EDITION</title> <link rel="stylesheet" href="main.7da7e292.css"> </head> <body class="avenir tc bg-near-white"> <h1 class="pb4"> <span class="fw2 mr3">React Dropdown</span>TABLEFLIP EDITION </h1> <div id="root"></div> <script src="example.be978658.js"></script> </body> </html>
diff --git a/docs/main.7da7e292.css b/docs/main.7da7e292.css
diff --git a/docs/main.54e889d4.map → docs/main.8df98f4b.map b/docs/main.54e889d4.map → docs/main.8df98f4b.map
diff --git a/docs/main.93fbfc57.css b/docs/main.93fbfc57.css
diff --git a/example/example.js b/example/example.js
@@ -1,13 +1,13 @@
 import React from 'react'
 import {Dropdown, DropdownMenu} from '../src'
 
-function AddFileDropdown ({label, background, boxShadow, open, onActivate, onDismiss, alignRight}) {
+function AddFileDropdown ({ label, background, boxShadow, open, onActivate, onDismiss, alignRight, translateX, translateY }) {
   return (
     <Dropdown className='mh3'>
       <button onClick={onActivate} className='br2 bg-blue white pa3 avenir fw5' style={{width: 200}}>
         {label}
       </button>
-      <DropdownMenu open={open} onDismiss={onDismiss} width={200} alignRight={alignRight} background={background} boxShadow={boxShadow}>
+      <DropdownMenu open={open} onDismiss={onDismiss} width={200} alignRight={alignRight} background={background} boxShadow={boxShadow} translateX={translateX} translateY={translateY}>
         <nav className='pv1'>
           <Option href='#'>Add File</Option>
           <Option href='#'>Add Folder</Option>
@@ -41,6 +41,7 @@ class ExamplePage extends React.Component {
         <AddFileDropdown label='default' open={open} onActivate={this.toggleDropdown} onDismiss={this.toggleDropdown} />
         <AddFileDropdown label='aqua background' background='#69c4cd' open={open} onActivate={this.toggleDropdown} onDismiss={this.toggleDropdown} />
         <AddFileDropdown label='pink shadow' boxShadow='0px 1px 10px 0px pink' open={open} onActivate={this.toggleDropdown} onDismiss={this.toggleDropdown} />
+        <AddFileDropdown label='with transforms' translateX={90} translateY={10} open={open} onActivate={this.toggleDropdown} onDismiss={this.toggleDropdown} />
       </div>
     )
   }
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <title>React Dropdown - TABLEFLIP EDITION</title> <link rel="stylesheet" href="main.93fbfc57.css"> </head> <body class="avenir tc bg-near-white"> <h1 class="pb4"> <span class="fw2 mr3">React Dropdown</span>TABLEFLIP EDITION </h1> <div id="root"></div> <script src="example.cca24555.js"></script> </body> </html>
		<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <title>React Dropdown - TABLEFLIP EDITION</title> <link rel="stylesheet" href="main.7da7e292.css"> </head> <body class="avenir tc bg-near-white"> <h1 class="pb4"> <span class="fw2 mr3">React Dropdown</span>TABLEFLIP EDITION </h1> <div id="root"></div> <script src="example.be978658.js"></script> </body> </html>