Merge pull request #2 from russell-ingram/master

Updating Docs to work with new Column Resizing feature in SuperTable

package.json

@@ -1,7 +1,7 @@
 {
   "name": "fdns-ui-react-docs",
   "description": "This is the documentation React app for the FDNS UI React Library",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "author": "Centers for Disease Control and Prevention (http://github.com/CDCgov)",
   "license": "Apache-2.0",
   "repository": {
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "ajv": "^6.5.1",
-    "fdns-ui-react": "^0.5.8",
+    "fdns-ui-react": "0.5.8",
     "prop-types": "^15.6.0",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",

src/docs/DocSuperTable.js

@@ -8,7 +8,11 @@ const data = messages.slice(0).splice(0,25);
 class DocSuperTable extends Component {
   constructor(props) {
     super(props);
+    this.state = {
+      headers: headers
+    };
     this.handleDetail = this.handleDetail.bind(this);
+    this.handleColumnResize = this.handleColumnResize.bind(this);
   }
 
   handleDetail(item) {
@@ -35,13 +39,22 @@ class DocSuperTable extends Component {
     return 226;
   }
 
+  // column resizing event for the table column
+  handleColumnResize(newColumnWidth, columnKey) {
+    headers[columnKey].width = newColumnWidth;
+    this.setState({
+      headers
+    })
+  }
+
   render() {
     const sampleComponent = (
-      <SuperTable data={data} 
-                  headers={headers} 
+      <SuperTable data={data}
+                  headers={this.state.headers}
                   onDetail={this.handleDetail}
                   getWidth={this.getWidth}
                   getHeight={this.getHeight}
+                  onColumnResize={this.handleColumnResize}
                   showErrorsAndWarnings={false}
                   ref="table" />
     );