@helpscout/artboard - npm Package Compare versions

Comparing version 0.1.10 to 0.1.11

dist/Artboard/Artboard.actions.js

@@ -121,2 +121,8 @@ "use strict";
 exports.stopCrosshair = function () {
+    var state = Artboard_store_1.default.getState();
+    if (!state.isCrosshairActive) {
+        return {
+            type: Artboard_ActionTypes_1.default.NULL,
+        };
+    }
     return { type: Artboard_ActionTypes_1.default.CROSSHAIR_END };
@@ -123,0 +129,0 @@ };

dist/Artboard/Artboard.actions.ts

@@ -137,2 +137,9 @@ import ActionTypes from './Artboard.ActionTypes'
 export const stopCrosshair = () => {
+  const state = store.getState()
+  if (!state.isCrosshairActive) {
+    return {
+      type: ActionTypes.NULL,
+    }
+  }
+
   return {type: ActionTypes.CROSSHAIR_END}
@@ -139,0 +146,0 @@ }

dist/Artboard/Artboard.Container.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/Artboard/Artboard.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -219,5 +219,3 @@ extendStatics(d, b);
         _this.stopCrosshair = function () {
-            if (_this.props.isCrosshairActive) {
-                _this.props.stopCrosshair();
-            }
+            _this.props.stopCrosshair();
         };
@@ -254,7 +252,3 @@ _this.clearSnapshots = function () {
         }
-        if (nextProps.darkMode !== this.props.darkMode)
-            return true;
-        if (nextProps.showInterface !== this.props.showInterface)
-            return true;
-        return false;
+        return true;
     };
@@ -278,3 +272,3 @@ Artboard.prototype.render = function () {
 var mapStateToProps = function (state, ownProps) {
-    var darkMode = state.darkMode, isCrosshairActive = state.isCrosshairActive, isKeyDown = state.isKeyDown, isMoving = state.isMoving, isZooming = state.isZooming, showInterface = state.showInterface, zoomLevel = state.zoomLevel;
+    var darkMode = state.darkMode, isKeyDown = state.isKeyDown, isMoving = state.isMoving, isZooming = state.isZooming, showInterface = state.showInterface;
     var artboardName = ownProps.id || ownProps.name || '';
@@ -285,3 +279,2 @@ return {
         darkMode: darkMode,
-        isCrosshairActive: isCrosshairActive,
         isKeyDown: isKeyDown,
@@ -291,3 +284,2 @@ isMoving: isMoving,
         showInterface: showInterface,
-        zoomLevel: zoomLevel,
     };
@@ -294,0 +286,0 @@ };

dist/Artboard/Artboard.KeyboardHints.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/Artboard/components/Artboard.Canvas.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/Artboard/components/Artboard.Crosshair.d.ts

 import Crosshair from '../../Crosshair';
-declare const _default: import("react-redux").ConnectedComponentClass<typeof Crosshair, Pick<any, string | number | symbol>>;
+declare const _default: import("react-redux").ConnectedComponentClass<typeof Crosshair, Pick<import("../../Crosshair/Crosshair").Props, "style" | "color" | "snapshotOpacity">>;
 export default _default;

dist/Artboard/components/Artboard.Guides.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/Artboard/components/Artboard.Zoom.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/Artboard/components/Toolbar/Artboard.Toolbar.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/Artboard/components/Toolbar/Toolbar.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/Artboard/components/Toolbar/ToolbarButton.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/ArtboardProvider/ArtboardProvider.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/BoxInspector/BoxInspector.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/Crosshair/Crosshair.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/Crosshair/Crosshair.Line.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/Grid/Grid.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/Guide/Guide.Container.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/GuideContainer/GuideContainer.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/GuideProvider/GuideProvider.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/Resizer/Resizer.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/SizeInspector/SizeInspector.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/UI/Button/Button.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

dist/UI/ButtonControl/ButtonControl.js

@@ -8,3 +8,3 @@ "use strict";
         return extendStatics(d, b);
-    }
+    };
     return function (d, b) {
@@ -11,0 +11,0 @@ extendStatics(d, b);

package.json

 {
   "name": "@helpscout/artboard",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "A tool kit for React UI development and design",
@@ -64,9 +64,14 @@ "main": "dist/index.js",
   "devDependencies": {
+    "@babel/plugin-proposal-class-properties": "7.1.0",
+    "@babel/plugin-transform-flow-strip-types": "7.1.6",
+    "@babel/preset-env": "7.1.6",
+    "@babel/preset-react": "7.0.0",
     "@helpscout/hsds-react": "^2.2.0",
     "@helpscout/zero": "^0.0.9",
-    "@storybook/addon-actions": "^3.4.3",
-    "@storybook/addon-links": "^3.4.3",
-    "@storybook/addons": "^3.4.3",
-    "@storybook/cli": "^3.4.11",
-    "@storybook/react": "^3.4.3",
+    "@storybook/addon-actions": "^4.0.9",
+    "@storybook/addon-knobs": "^4.0.9",
+    "@storybook/addon-links": "^4.0.9",
+    "@storybook/addons": "^4.0.9",
+    "@storybook/cli": "^4.0.9",
+    "@storybook/react": "^4.0.9",
     "@types/enzyme": "^3.1.14",
@@ -79,5 +84,6 @@ "@types/jest": "^23.3.3",
     "@types/redux": "^3.6.0",
-    "awesome-typescript-loader": "^4.0.1",
+    "awesome-typescript-loader": "^5.2.1",
+    "babel-loader": "^8.0.4",
     "check-dependencies": "1.1.0",
-    "coveralls": "3.0.0",
+    "coveralls": "3.0.2",
     "enzyme": "^3.7.0",
@@ -89,6 +95,7 @@ "enzyme-adapter-react-16": "^1.7.0",
     "react-dom": "^16",
-    "react-scripts": "1.1.4",
-    "react-test-renderer": "16.2.0",
-    "ts-jest": "^23.10.3",
-    "typescript": "^3.1.1"
+    "react-scripts": "2.1.1",
+    "react-test-renderer": "^16",
+    "ts-jest": "^23.10.5",
+    "typescript": "^3.2.1",
+    "webpack": "4.26.1"
   },
@@ -95,0 +102,0 @@ "dependencies": {

No alert changes

Improved metrics

Total package byte prevSize

424377

increased by0.04%

Worsened metrics

Dev dependency count

34

increased by25.93%

Lines of code

8755

decreased by-0.11%

No dependency changes