v0.6.2

Updated package versions

client/package.json

@@ -3,27 +3,26 @@
   "homepage": "/",
   "private": true,
   "dependencies": {
-    "@types/react-router-dom": "^4.3.1",
     "blob-polyfill": "^3.0.20180112",
     "blueimp-canvas-to-blob": "^3.14.0",
     "canvg": "^1.5.3",
     "d3-hierarchy": "^1.1.8",
-    "d3-selection": "^1.3.2",
+    "d3-selection": "^1.4.0",
     "d3-selection-multi": "^1.0.1",
-    "d3-transition": "^1.1.3",
+    "d3-transition": "^1.2.0",
     "d3-zoom": "^1.7.3",
-    "element-closest": "^2.0.2",
-    "file-saver": "^2.0.0-rc.4",
+    "element-closest": "^3.0.1",
+    "file-saver": "^2.0.1",
     "fuzzysort": "^1.1.4",
     "json-stable-stringify": "^1.0.1",
-    "normalize.css": "^8.0.0",
+    "normalize.css": "^8.0.1",
     "object-path": "^0.11.4",
-    "object-path-immutable": "^3.0.0",
-    "office-ui-fabric-react": "^6.89.0",
-    "re-reselect": "^2.2.0",
-    "react": "^16.5.2",
-    "react-dom": "^16.5.2",
-    "react-redux": "^5.0.7",
+    "object-path-immutable": "^3.0.2",
+    "office-ui-fabric-react": "^6.159.1",
+    "re-reselect": "^3.0.0",
+    "react": "^16.8.5",
+    "react-dom": "^16.8.5",
+    "react-redux": "^6.0.1",
     "react-router-dom": "^5.0.0",
     "react-scripts-ts": "^3.1.0",
     "reduce-reducers": "^0.4.3",
@@ -32,33 +31,34 @@
     "redux-thunk": "^2.3.0",
     "reselect": "^4.0.0",
     "s-expression": "^3.0.3",
-    "svg2pdf.js": "1.2.1",
-    "typesafe-actions": "^2.0.4",
+    "svg2pdf.js": "1.3.3",
+    "typesafe-actions": "^3.2.1",
     "uuid": "^3.3.2"
   },
   "devDependencies": {
-    "@types/d3-hierarchy": "^1.1.4",
-    "@types/d3-selection": "^1.3.2",
+    "@types/react-router-dom": "^4.3.1",
+    "@types/d3-hierarchy": "^1.1.6",
+    "@types/d3-selection": "^1.4.1",
     "@types/d3-selection-multi": "^1.0.7",
-    "@types/d3-zoom": "^1.7.2",
-    "@types/enzyme": "^3.1.14",
-    "@types/enzyme-adapter-react-16": "^1.0.3",
-    "@types/file-saver": "^1.3.1",
-    "@types/jest": "^23.3.5",
+    "@types/d3-zoom": "^1.7.4",
+    "@types/enzyme": "^3.9.1",
+    "@types/enzyme-adapter-react-16": "^1.0.5",
+    "@types/file-saver": "^2.0.0",
+    "@types/jest": "^24.0.11",
     "@types/json-stable-stringify": "^1.0.32",
-    "@types/object-path": "^0.9.29",
-    "@types/react": "^16.4.18",
-    "@types/react-dom": "^16.0.9",
-    "@types/react-redux": "^6.0.9",
+    "@types/object-path": "^0.11.0",
+    "@types/react": "^16.8.8",
+    "@types/react-dom": "^16.8.3",
+    "@types/react-redux": "^7.0.5",
     "@types/redux-localstorage": "^1.0.8",
     "@types/uuid": "^3.4.4",
-    "enzyme": "^3.7.0",
-    "enzyme-adapter-react-16": "^1.6.0",
-    "enzyme-to-json": "^3.3.4",
+    "enzyme": "^3.9.0",
+    "enzyme-adapter-react-16": "^1.11.2",
+    "enzyme-to-json": "^3.3.5",
     "mock-socket": "^8.0.5",
-    "redux-devtools": "^3.4.1",
-    "tslint": "^5.11.0",
-    "typescript": "^3.1.3"
+    "redux-devtools": "^3.5.0",
+    "tslint": "^5.14.0",
+    "typescript": "^3.3.4000"
   },
   "scripts": {
     "start": "react-scripts-ts start",

client/src/components/FeatureDiagramRouteContainer.tsx

@@ -34,7 +34,6 @@ class FeatureDiagramRoute extends React.Component<FeatureDiagramRouteProps> {
     }
 
     render() {
-        console.log('render');
         return <SplitView
             settings={this.props.settings!}
             onSetSetting={this.props.onSetSetting!}

client/src/components/overlays/FeatureCallout.test.tsx

@@ -39,7 +39,7 @@ describe('FeatureCallout', () => {
     beforeAll(() => {
         FeatureModel.getSvg = jest.fn(() => ({
             getBoundingClientRect: () => ({x: 0, y: 0, width: 1000, height: 1000})
-        }));
+        })) as () => any;
     });
 
     it('renders information for a feature with a description', () => {

client/src/components/overlays/FeatureContextualMenu.test.tsx

@@ -49,7 +49,7 @@ describe('FeatureContextualMenu', () => {
     beforeAll(() => {
         FeatureModel.getSvg = jest.fn(() => ({
             getBoundingClientRect: () => ({x: 0, y: 0, width: 1000, height: 1000})
-        }));
+        })) as () => any;
     });
 
     it('renders correctly for a single feature', () => {

client/src/helpers/Dialog.tsx

@@ -130,7 +130,7 @@ export class TextFieldDialog extends React.Component<TextFieldDialogProps, TextF
             <Dialog
                 hidden={!isOpen}
                 onDismiss={onDismiss}
-                modalProps={{onLayerDidMount: this.onLayerDidMount}}
+                modalProps={{layerProps: {onLayerDidMount: this.onLayerDidMount}}}
                 dialogContentProps={{title}}
                 {...dialogProps}>
                 <TextField

client/src/helpers/__snapshots__/Dialog.test.tsx.snap

@@ -51,7 +51,9 @@ exports[`Dialog TextFieldDialog renders correctly 1`] = `
   hidden={false}
   modalProps={
     Object {
-      "onLayerDidMount": [Function],
+      "layerProps": Object {
+        "onLayerDidMount": [Function],
+      },
     }
   }
   onDismiss={[Function]}

client/src/helpers/svg.ts

@@ -110,7 +110,7 @@ export function drawCircle(selection: D3Selection, selector: string | undefined,
         .call(attrIfPresent, 'r', radius)
         .call(styleIfPresent, style)
         .call(fnIfPresent, fn)
-        .call(selection => {
+        .call((selection: D3Selection) => {
             if (center)
                 selection.attr('transform', (d: FeatureNode) => `translate(${toPath(center(d))})`);
         });

client/src/index.tsx

@@ -17,10 +17,10 @@ import {PersistGate} from 'redux-persist/integration/react';
 import {Provider} from 'react-redux';
 import reducer, {Store} from './store/reducer';
 import {initializeIcons} from 'office-ui-fabric-react/lib/Icons';
-import actions from './store/actions';
+import actions, {Action} from './store/actions';
 import {LogLevel, setLogLevel} from './helpers/logger';
 import Kernel from './modeling/Kernel';
-import {initialState} from './store/types';
+import {initialState, State} from './store/types';
 import {numberofUnflushedMessages} from './server/messageQueue';
 import i18n from './i18n';
 import uuidv4 from 'uuid/v4';
@@ -69,7 +69,7 @@ if (!window.name)
         (outboundState, key) => outboundState,
         {'whitelist': ['overlay', 'overlayProps', 'collaborativeSessions', 'artifactPaths']}
     );
-    const persistedReducer = persistReducer({
+    const persistedReducer = persistReducer<State, Action>({
         key: 'root',
         storage,
         transforms: [substateTransform]