Re-enable text modals

Author: danbovey

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "react-help-desk",
-  "version": "1.0.10",
+  "version": "1.1.0",
   "description": "💁 React Components for creating a help desk system",
   "main": "dist/js/index.js",
   "scripts": {
@@ -63,6 +63,7 @@
     "moveto": "git+https://github.com/onlicar/moveTo.git",
     "prop-types": "^15.5.10",
     "react-hotkeys": "^0.10.0",
+    "react-modal": "^2.3.2",
     "react-transition-group": "^2.2.0",
     "slugify": "^1.2.1",
     "sweet-scroll": "^2.2.1",

package.json

@@ -9,7 +9,7 @@ import Popover from './Popover';
 import Underline from './highlights/Underline';
 import Solo from './highlights/Solo';
 import HighlightClass from './highlights/HighlightClass';
-// import TextModal from './highlights/TextModal';
+import TextModal from './highlights/TextModal';
 
 const getParentElement = props => {
   let parent = props.parentSelector();
@@ -285,21 +285,21 @@ export default class WalkthroughPortal extends Component {
               );
             case 'solo':
               return <Solo offset={offset} key={key} />;
-            // case 'text':
-            //   graphic.index = step;
-            //   return (
-            //     <TextModal
-            //       step={graphic}
-            //       totalSteps={
-            //         activeWalkthrough && activeWalkthrough.steps.length
-            //       }
-            //       offset={offset}
-            //       onNext={this.nextStep}
-            //       onPrev={this.prevStep}
-            //       onSkip={this.skip}
-            //       key={key}
-            //     />
-            //   );
+            case 'text':
+              graphic.index = step;
+              return (
+                <TextModal
+                  step={graphic}
+                  totalSteps={
+                    activeWalkthrough && activeWalkthrough.steps.length
+                  }
+                  offset={offset}
+                  onNext={this.nextStep}
+                  onPrev={this.prevStep}
+                  onSkip={this.skip}
+                  key={key}
+                />
+              );
             default:
               return (
                 <div