fix issue #20

Author: yjose

stories/src/Controlledpopup.js renamed to stories/src/ControlledModal.js

@@ -1,10 +1,10 @@
 import React from "react";
 import Popup from "../../src/Popup";
 
-const ControlledPopup = () => {
+const ControlledModal = () => {
   return (
     <div>
-      <ControlledPopupClass />
+      <ControlledModalClass />
       <div style={{ zIndex: "90" }}>
         {" "}
         Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo voluptas
@@ -15,9 +15,9 @@ const ControlledPopup = () => {
   );
 };
 
-export default ControlledPopup;
+export default ControlledModal;
 
-class ControlledPopupClass extends React.Component {
+class ControlledModalClass extends React.Component {
   constructor(props) {
     super(props);
     this.state = { open: false };

stories/src/ControlledTooltip.js

@@ -0,0 +1,32 @@
+import React from "react";
+import Popup from "../../src/Popup";
+
+export default class ControlledPopup extends React.Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    return (
+      <Popup
+        trigger={<button className="button">Controlled Tooltip </button>}
+        position="right center"
+        //open={this.state.open}
+        closeOnDocumentClick
+        // onClose={this.closeModal}
+      >
+        {close => (
+          <div className="modal">
+            <a className="close" onClick={close}>
+              &times; remove
+            </a>
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae
+            magni omnis delectus nemo, maxime molestiae dolorem numquam
+            mollitia, voluptate ea, accusamus excepturi deleniti ratione
+            sapiente! Laudantium, aperiam doloribus. Odit, aut.
+          </div>
+        )}
+      </Popup>
+    );
+  }
+}

stories/src/index.js

@@ -8,7 +8,9 @@ import PopupFuncStory from "./PopupFunc";
 import PopupInputFocusStory from "./PopupInputFocus";
 import ModalStory from "./Modal";
 import Menu from "./Menu";
-import ControlledPopup from "./Controlledpopup";
+import ControlledModal from "./ControlledModal";
+import ControlledTooltip from "./ControlledTooltip";
+
 import CellTablePopupStory from "./CellTablePopup";
 
 const storyProps = { text: "Parcel Storybook" };
@@ -33,8 +35,12 @@ export default [
     component: Centred(() => <button>Test without props</button>)
   },
   {
-    name: "Controlled Popup Component", // without props
-    component: Centred(ControlledPopup)
+    name: "Controlled Modal Component", // without props
+    component: Centred(ControlledModal)
+  },
+  {
+    name: "Controlled Tooltip Component", // without props
+    component: Centred(ControlledTooltip)
   },
   {
     name: "Menu Component", // without props