@transferwise/components 0.0.0-experimental-a4db2ca → 0.0.0-experimental-f63094c

package/src/drawer/{Drawer.story.tsx → Drawer.story.js}

@@ -3,6 +3,7 @@ import { useState } from 'react';
 
 import { Section, Button, Input, Modal } from '..';
 import { Position, Priority } from '../common';
+import { storyConfig } from '../test-utils';
 
 import Drawer from './Drawer';
 
@@ -16,6 +17,18 @@ export const Basic = () => {
   const [openModal, setOpenModal] = useState(false);
   const position = select('position', [Position.LEFT, Position.RIGHT], Position.RIGHT);
 
+  const handleDrawerClose = (event) => {
+    console.log('drawer close');
+    event.stopPropagation();
+    setOpenDrawer(false);
+  };
+
+  const handleModalClose = (event) => {
+    console.log('modal close');
+    event.stopPropagation();
+    setOpenModal(false);
+  };
+
   return (
     <>
       <Button disabled={false} block={false} onClick={() => setOpenDrawer(true)}>
@@ -35,11 +48,7 @@ export const Basic = () => {
             </Button>
           </>
         }
-        onClose={(event) => {
-          console.log('drawer close');
-          event.stopPropagation();
-          setOpenDrawer(false);
-        }}
+        onClose={handleDrawerClose}
       >
         <p>
           I am baby actually poke kickstarter, street art jean shorts bespoke chambray activated
@@ -53,24 +62,23 @@ export const Basic = () => {
           <Button onClick={() => setOpenModal(true)}>Open Modal</Button>
           <Modal
             body={
-              <p className="m-t-4">
-                I am baby actually poke kickstarter, street art jean shorts bespoke chambray
-                activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo,
-                cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage
-                disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke
-                kickstarter, street art jean shorts bespoke chambray activated charcoal ramps marfa
-                shoreditch tumeric, I am baby actually poke kickstarter, street art jean shorts
-                bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape
-                cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts. Scenester
-                readymade selvage disrupt pok pok.
-              </p>
+              <>
+                <p className="m-t-4">
+                  I am baby actually poke kickstarter, street art jean shorts bespoke chambray
+                  activated charcoal ramps marfa shoreditch tumeric tumblr. Mixtape cred palo santo,
+                  cliche lyft marfa ethical waistcoat poke jean shorts. Scenester readymade selvage
+                  disrupt pok pok. La croix stumptown try-hard chartreuse. I am baby actually poke
+                  kickstarter, street art jean shorts bespoke chambray activated charcoal ramps
+                  marfa shoreditch tumeric, I am baby actually poke kickstarter, street art jean
+                  shorts bespoke chambray activated charcoal ramps marfa shoreditch tumeric tumblr.
+                  Mixtape cred palo santo, cliche lyft marfa ethical waistcoat poke jean shorts.
+                  Scenester readymade selvage disrupt pok pok.
+                </p>
+              </>
             }
             open={openModal}
             title="Title"
-            onClose={() => {
-              console.log('modal close');
-              setOpenModal(false);
-            }}
+            onClose={handleModalClose}
           />
         </Section>
         <p>

package/src/drawer/index.js

@@ -0,0 +1 @@
+export { default } from './Drawer';

package/src/index.ts

@@ -24,7 +24,6 @@ export type { DateLookupProps } from './dateLookup';
 export type { DecisionProps } from './decision/Decision';
 export type { DefinitionListProps } from './definitionList';
 export type { DimmerProps } from './dimmer';
-export type { DrawerProps } from './drawer';
 export type { EmphasisProps } from './emphasis';
 export type { FieldProps } from './field/Field';
 export type { InfoProps } from './info';

package/src/drawer/index.ts

@@ -1,2 +0,0 @@
-export { default } from './Drawer';
-export type { DrawerProps } from './Drawer';