export all enums

Author: ifndefdeadmau5

dist/index.d.ts

@@ -1,4 +1,4 @@
-import ChildButton from './ChildButton';
-import FloatingMenu from './FloatingMenu';
-import MainButton from './MainButton';
-export { ChildButton, FloatingMenu, MainButton };
+import ChildButton, { ChildButtonProps } from './ChildButton';
+import FloatingMenu, { Directions } from './FloatingMenu';
+import MainButton, { MainButtonProps } from './MainButton';
+export { ChildButton, FloatingMenu, MainButton, Directions, ChildButtonProps, MainButtonProps, };

dist/index.js.map

@@ -1,50 +1,56 @@
-import React, { useState } from 'react'
-import MdAdd from '@material-ui/icons/Add'
-import MdClose from '@material-ui/icons/Clear'
-import MdEdit from '@material-ui/icons/Edit'
-import MdStar from '@material-ui/icons/Star'
-import MdFavorite from '@material-ui/icons/Favorite'
+import React, { useState } from 'react';
+import MdAdd from '@material-ui/icons/Add';
+import MdClose from '@material-ui/icons/Clear';
+import MdEdit from '@material-ui/icons/Edit';
+import MdStar from '@material-ui/icons/Star';
+import MdFavorite from '@material-ui/icons/Favorite';
 import {
   MainButton,
   ChildButton,
-  FloatingMenu
-} from 'react-floating-button-menu'
-import 'react-floating-button-menu/dist/index.css'
+  FloatingMenu,
+  Directions,
+} from 'react-floating-button-menu';
+import 'react-floating-button-menu/dist/index.css';
 
 const App = () => {
-  const [isOpen, setIsOpen] = useState(false)
+  const [isOpen, setIsOpen] = useState(false);
   return (
     <div>
-      <FloatingMenu slideSpeed={500} isOpen={isOpen} spacing={8}>
+      <FloatingMenu
+        slideSpeed={500}
+        isOpen={isOpen}
+        spacing={8}
+        direction={Directions.Left}
+      >
         <MainButton
           isOpen={isOpen}
           iconResting={<MdAdd style={{ fontSize: 20 }} />}
           iconActive={<MdClose style={{ fontSize: 20 }} />}
-          background='linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)'
+          background="linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)"
           onClick={() => {
-            setIsOpen((prev) => !prev)
+            setIsOpen((prev) => !prev);
           }}
           size={56}
         />
         <ChildButton
           icon={<MdEdit style={{ fontSize: 20 }} />}
-          background='linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)'
+          background="linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)"
           size={40}
           onClick={() => console.log('First button clicked')}
         />
         <ChildButton
           icon={<MdFavorite style={{ fontSize: 20 }} />}
-          background='linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)'
+          background="linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)"
           size={40}
         />
         <ChildButton
           icon={<MdStar style={{ fontSize: 20 }} />}
-          background='linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)'
+          background="linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)"
           size={40}
         />
       </FloatingMenu>
     </div>
-  )
-}
+  );
+};
 
-export default App
+export default App;

dist/index.modern.js

@@ -1,6 +1,6 @@
 /* eslint-disable react/no-unused-prop-types */
-import React from 'react'
-import styled from 'styled-components'
+import React from 'react';
+import styled from 'styled-components';
 
 // @ts-ignore
 const Wrapper = styled('a')(({ background, size }: any) => ({
@@ -17,8 +17,8 @@ const Wrapper = styled('a')(({ background, size }: any) => ({
   alignItems: 'center',
   width: size,
   height: size,
-  background
-}))
+  background,
+}));
 
 // @ts-ignore
 const IconWrapper = styled(({ isOpen, ...rest }) => <div {...rest} />)(
@@ -28,17 +28,17 @@ const IconWrapper = styled(({ isOpen, ...rest }) => <div {...rest} />)(
     WebkitTransition: '-webkit-transform 300ms',
     transition: 'transform 300ms',
     WebkitTransform: `rotate(${isOpen ? 180 : 0}deg)`,
-    transform: `rotate(${isOpen ? 180 : 0}deg)`
+    transform: `rotate(${isOpen ? 180 : 0}deg)`,
   })
-)
+);
 
 export interface MainButtonProps {
-  iconActive: any
-  iconResting: any
-  isOpen?: boolean
-  background: string
-  onClick: any
-  size: number
+  iconActive: any;
+  iconResting: any;
+  isOpen?: boolean;
+  background: string;
+  onClick: any;
+  size: number;
 }
 
 const MainButton = ({
@@ -53,7 +53,7 @@ const MainButton = ({
         {isOpen ? iconActive : iconResting}
       </IconWrapper>
     </Wrapper>
-  )
-}
+  );
+};
 
-export default MainButton
+export default MainButton;

dist/index.modern.js.map

@@ -1,16 +1,12 @@
-// import * as React from 'react'
-// import styles from './styles.module.css'
-
-// interface Props {
-//   text: string
-// }
-
-// export const ExampleComponent = ({ text }: Props) => {
-//   return <div className={styles.test}>Example Component: {text}</div>
-// }
-
-import ChildButton from './ChildButton'
-import FloatingMenu from './FloatingMenu'
-import MainButton from './MainButton'
-
-export { ChildButton, FloatingMenu, MainButton }
+import ChildButton, { ChildButtonProps } from './ChildButton';
+import FloatingMenu, { Directions } from './FloatingMenu';
+import MainButton, { MainButtonProps } from './MainButton';
+
+export {
+  ChildButton,
+  FloatingMenu,
+  MainButton,
+  Directions,
+  ChildButtonProps,
+  MainButtonProps,
+};