react-rnd - npm Package Compare versions

Comparing version 9.2.0 to 10.0.0

lib/index.d.ts

@@ -88,2 +88,3 @@ import * as React from "react";
     onMouseDown?: (e: MouseEvent) => void;
+    onMouseUp?: (e: MouseEvent) => void;
     onResizeStart?: RndResizeStartCallback;
@@ -129,7 +130,11 @@ onResize?: RndResizeCallback;
 }
-export declare class Rnd extends React.Component<Props, State> {
+export declare class Rnd extends React.PureComponent<Props, State> {
     static defaultProps: DefaultProps;
     resizable: Resizable;
     draggable: $TODO;
-    isResizing: boolean;
+    resizing: boolean;
+    resizingPosition: {
+        x: number;
+        y: number;
+    };
     constructor(props: Props);
@@ -171,4 +176,6 @@ componentDidMount(): void;
     };
+    refDraggable: (c: any) => void;
+    refResizable: (c: Resizable | null) => void;
     render(): JSX.Element;
 }
 export {};

lib/index.es5.js

@@ -71,3 +71,14 @@ 'use strict';
         var _this = _super.call(this, props) || this;
-        _this.isResizing = false;
+        _this.resizing = false;
+        _this.resizingPosition = { x: 0, y: 0 };
+        _this.refDraggable = function (c) {
+            if (!c)
+                return;
+            _this.draggable = c;
+        };
+        _this.refResizable = function (c) {
+            if (!c)
+                return;
+            _this.resizable = c;
+        };
         _this.state = {
@@ -222,3 +233,3 @@ original: {
         e.stopPropagation();
-        this.isResizing = true;
+        this.resizing = true;
         var scale = this.props.scale;
@@ -319,6 +330,4 @@ this.setState({
             x = this.state.original.x - delta.width;
-            // INFO: If uncontrolled component, apply x position by resize to draggable.
-            if (!this.props.position) {
-                this.draggable.setState({ x: x });
-            }
+            // INFO: Apply x position by resize to draggable.
+            this.draggable.setState({ x: x });
             x += offset.left;
@@ -328,28 +337,26 @@ }
             y = this.state.original.y - delta.height;
-            // INFO: If uncontrolled component, apply y position by resize to draggable.
-            if (!this.props.position) {
-                this.draggable.setState({ y: y });
-            }
+            // INFO: Apply x position by resize to draggable.
+            this.draggable.setState({ y: y });
             y += offset.top;
         }
-        if (this.props.onResize) {
-            if (typeof x === "undefined") {
-                x = this.getDraggablePosition().x + offset.left;
-            }
-            if (typeof y === "undefined") {
-                y = this.getDraggablePosition().y + offset.top;
-            }
-            this.props.onResize(e, direction, elementRef, delta, {
-                x: x,
-                y: y,
-            });
+        if (typeof x === "undefined") {
+            x = this.getDraggablePosition().x + offset.left;
         }
+        if (typeof y === "undefined") {
+            y = this.getDraggablePosition().y + offset.top;
+        }
+        this.resizingPosition = { x: x, y: y };
+        if (!this.props.onResize)
+            return;
+        this.props.onResize(e, direction, elementRef, delta, {
+            x: x,
+            y: y,
+        });
     };
     Rnd.prototype.onResizeStop = function (e, direction, elementRef, delta) {
-        this.isResizing = false;
+        this.resizing = false;
         var _a = this.getMaxSizesFromProps(), maxWidth = _a.maxWidth, maxHeight = _a.maxHeight;
         this.setState({ maxWidth: maxWidth, maxHeight: maxHeight });
         if (this.props.onResizeStop) {
-            var position = this.getDraggablePosition();
-            this.props.onResizeStop(e, direction, elementRef, delta, position);
+            this.props.onResizeStop(e, direction, elementRef, delta, this.resizingPosition);
         }
@@ -386,4 +393,3 @@ };
     Rnd.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, disableDragging = _a.disableDragging, style = _a.style, dragHandleClassName = _a.dragHandleClassName, position = _a.position, onMouseDown = _a.onMouseDown, dragAxis = _a.dragAxis, dragGrid = _a.dragGrid, bounds = _a.bounds, enableUserSelectHack = _a.enableUserSelectHack, cancel = _a.cancel, children = _a.children, onResizeStart = _a.onResizeStart, onResize = _a.onResize, onResizeStop = _a.onResizeStop, onDragStart = _a.onDragStart, onDrag = _a.onDrag, onDragStop = _a.onDragStop, resizeHandleStyles = _a.resizeHandleStyles, resizeHandleClasses = _a.resizeHandleClasses, enableResizing = _a.enableResizing, resizeGrid = _a.resizeGrid, resizeHandleWrapperClass = _a.resizeHandleWrapperClass, resizeHandleWrapperStyle = _a.resizeHandleWrapperStyle, scale = _a.scale, resizableProps = __rest(_a, ["disableDragging", "style", "dragHandleClassName", "position", "onMouseDown", "dragAxis", "dragGrid", "bounds", "enableUserSelectHack", "cancel", "children", "onResizeStart", "onResize", "onResizeStop", "onDragStart", "onDrag", "onDragStop", "resizeHandleStyles", "resizeHandleClasses", "enableResizing", "resizeGrid", "resizeHandleWrapperClass", "resizeHandleWrapperStyle", "scale"]);
+        var _a = this.props, disableDragging = _a.disableDragging, style = _a.style, dragHandleClassName = _a.dragHandleClassName, position = _a.position, onMouseDown = _a.onMouseDown, onMouseUp = _a.onMouseUp, dragAxis = _a.dragAxis, dragGrid = _a.dragGrid, bounds = _a.bounds, enableUserSelectHack = _a.enableUserSelectHack, cancel = _a.cancel, children = _a.children, onResizeStart = _a.onResizeStart, onResize = _a.onResize, onResizeStop = _a.onResizeStop, onDragStart = _a.onDragStart, onDrag = _a.onDrag, onDragStop = _a.onDragStop, resizeHandleStyles = _a.resizeHandleStyles, resizeHandleClasses = _a.resizeHandleClasses, enableResizing = _a.enableResizing, resizeGrid = _a.resizeGrid, resizeHandleWrapperClass = _a.resizeHandleWrapperClass, resizeHandleWrapperStyle = _a.resizeHandleWrapperStyle, scale = _a.scale, resizableProps = __rest(_a, ["disableDragging", "style", "dragHandleClassName", "position", "onMouseDown", "onMouseUp", "dragAxis", "dragGrid", "bounds", "enableUserSelectHack", "cancel", "children", "onResizeStart", "onResize", "onResizeStop", "onDragStart", "onDrag", "onDragStop", "resizeHandleStyles", "resizeHandleClasses", "enableResizing", "resizeGrid", "resizeHandleWrapperClass", "resizeHandleWrapperStyle", "scale"]);
         var defaultValue = this.props.default ? __assign({}, this.props.default) : undefined;
@@ -402,12 +408,6 @@ // Remove unknown props, see also https://reactjs.org/warnings/unknown-prop.html
         }
-        return (React.createElement(Draggable, { ref: function (c) {
-                if (!c)
-                    return;
-                _this.draggable = c;
-            }, handle: dragHandleClassName ? "." + dragHandleClassName : undefined, defaultPosition: defaultValue, onMouseDown: onMouseDown, onStart: this.onDragStart, onDrag: this.onDrag, onStop: this.onDragStop, axis: dragAxis, disabled: disableDragging, grid: dragGrid, bounds: bounds ? this.state.bounds : undefined, position: draggablePosition, enableUserSelectHack: enableUserSelectHack, cancel: cancel, scale: scale },
-            React.createElement(reResizable.Resizable, __assign({}, resizableProps, { ref: function (c) {
-                    if (c) {
-                        _this.resizable = c;
-                    }
-                }, defaultSize: defaultValue, size: this.props.size, enable: enableResizing, onResizeStart: this.onResizeStart, onResize: this.onResize, onResizeStop: this.onResizeStop, style: innerStyle, minWidth: this.props.minWidth, minHeight: this.props.minHeight, maxWidth: this.isResizing ? this.state.maxWidth : this.props.maxWidth, maxHeight: this.isResizing ? this.state.maxHeight : this.props.maxHeight, grid: resizeGrid, handleWrapperClass: resizeHandleWrapperClass, handleWrapperStyle: resizeHandleWrapperStyle, lockAspectRatio: this.props.lockAspectRatio, lockAspectRatioExtraWidth: this.props.lockAspectRatioExtraWidth, lockAspectRatioExtraHeight: this.props.lockAspectRatioExtraHeight, handleStyles: resizeHandleStyles, handleClasses: resizeHandleClasses, scale: this.props.scale }), children)));
+        // INFO: Make uncontorolled component when resizing to control position by setPostion.
+        var pos = this.resizing ? undefined : draggablePosition;
+        return (React.createElement(Draggable, { ref: this.refDraggable, handle: dragHandleClassName ? "." + dragHandleClassName : undefined, defaultPosition: defaultValue, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onStart: this.onDragStart, onDrag: this.onDrag, onStop: this.onDragStop, axis: dragAxis, disabled: disableDragging, grid: dragGrid, bounds: bounds ? this.state.bounds : undefined, position: pos, enableUserSelectHack: enableUserSelectHack, cancel: cancel, scale: scale },
+            React.createElement(reResizable.Resizable, __assign({}, resizableProps, { ref: this.refResizable, defaultSize: defaultValue, size: this.props.size, enable: enableResizing, onResizeStart: this.onResizeStart, onResize: this.onResize, onResizeStop: this.onResizeStop, style: innerStyle, minWidth: this.props.minWidth, minHeight: this.props.minHeight, maxWidth: this.resizing ? this.state.maxWidth : this.props.maxWidth, maxHeight: this.resizing ? this.state.maxHeight : this.props.maxHeight, grid: resizeGrid, handleWrapperClass: resizeHandleWrapperClass, handleWrapperStyle: resizeHandleWrapperStyle, lockAspectRatio: this.props.lockAspectRatio, lockAspectRatioExtraWidth: this.props.lockAspectRatioExtraWidth, lockAspectRatioExtraHeight: this.props.lockAspectRatioExtraHeight, handleStyles: resizeHandleStyles, handleClasses: resizeHandleClasses, scale: this.props.scale }), children)));
     };
@@ -426,4 +426,4 @@ Rnd.defaultProps = {
     return Rnd;
-}(React.Component));
+}(React.PureComponent));
 
 exports.Rnd = Rnd;

lib/index.js

@@ -1,2 +0,2 @@
-import { createElement, Component } from 'react';
+import { createElement, PureComponent } from 'react';
 import { Resizable } from 're-resizable';
@@ -67,3 +67,14 @@
         var _this = _super.call(this, props) || this;
-        _this.isResizing = false;
+        _this.resizing = false;
+        _this.resizingPosition = { x: 0, y: 0 };
+        _this.refDraggable = function (c) {
+            if (!c)
+                return;
+            _this.draggable = c;
+        };
+        _this.refResizable = function (c) {
+            if (!c)
+                return;
+            _this.resizable = c;
+        };
         _this.state = {
@@ -218,3 +229,3 @@ original: {
         e.stopPropagation();
-        this.isResizing = true;
+        this.resizing = true;
         var scale = this.props.scale;
@@ -315,6 +326,4 @@ this.setState({
             x = this.state.original.x - delta.width;
-            // INFO: If uncontrolled component, apply x position by resize to draggable.
-            if (!this.props.position) {
-                this.draggable.setState({ x: x });
-            }
+            // INFO: Apply x position by resize to draggable.
+            this.draggable.setState({ x: x });
             x += offset.left;
@@ -324,28 +333,26 @@ }
             y = this.state.original.y - delta.height;
-            // INFO: If uncontrolled component, apply y position by resize to draggable.
-            if (!this.props.position) {
-                this.draggable.setState({ y: y });
-            }
+            // INFO: Apply x position by resize to draggable.
+            this.draggable.setState({ y: y });
             y += offset.top;
         }
-        if (this.props.onResize) {
-            if (typeof x === "undefined") {
-                x = this.getDraggablePosition().x + offset.left;
-            }
-            if (typeof y === "undefined") {
-                y = this.getDraggablePosition().y + offset.top;
-            }
-            this.props.onResize(e, direction, elementRef, delta, {
-                x: x,
-                y: y,
-            });
+        if (typeof x === "undefined") {
+            x = this.getDraggablePosition().x + offset.left;
         }
+        if (typeof y === "undefined") {
+            y = this.getDraggablePosition().y + offset.top;
+        }
+        this.resizingPosition = { x: x, y: y };
+        if (!this.props.onResize)
+            return;
+        this.props.onResize(e, direction, elementRef, delta, {
+            x: x,
+            y: y,
+        });
     };
     Rnd.prototype.onResizeStop = function (e, direction, elementRef, delta) {
-        this.isResizing = false;
+        this.resizing = false;
         var _a = this.getMaxSizesFromProps(), maxWidth = _a.maxWidth, maxHeight = _a.maxHeight;
         this.setState({ maxWidth: maxWidth, maxHeight: maxHeight });
         if (this.props.onResizeStop) {
-            var position = this.getDraggablePosition();
-            this.props.onResizeStop(e, direction, elementRef, delta, position);
+            this.props.onResizeStop(e, direction, elementRef, delta, this.resizingPosition);
         }
@@ -382,4 +389,3 @@ };
     Rnd.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, disableDragging = _a.disableDragging, style = _a.style, dragHandleClassName = _a.dragHandleClassName, position = _a.position, onMouseDown = _a.onMouseDown, dragAxis = _a.dragAxis, dragGrid = _a.dragGrid, bounds = _a.bounds, enableUserSelectHack = _a.enableUserSelectHack, cancel = _a.cancel, children = _a.children, onResizeStart = _a.onResizeStart, onResize = _a.onResize, onResizeStop = _a.onResizeStop, onDragStart = _a.onDragStart, onDrag = _a.onDrag, onDragStop = _a.onDragStop, resizeHandleStyles = _a.resizeHandleStyles, resizeHandleClasses = _a.resizeHandleClasses, enableResizing = _a.enableResizing, resizeGrid = _a.resizeGrid, resizeHandleWrapperClass = _a.resizeHandleWrapperClass, resizeHandleWrapperStyle = _a.resizeHandleWrapperStyle, scale = _a.scale, resizableProps = __rest(_a, ["disableDragging", "style", "dragHandleClassName", "position", "onMouseDown", "dragAxis", "dragGrid", "bounds", "enableUserSelectHack", "cancel", "children", "onResizeStart", "onResize", "onResizeStop", "onDragStart", "onDrag", "onDragStop", "resizeHandleStyles", "resizeHandleClasses", "enableResizing", "resizeGrid", "resizeHandleWrapperClass", "resizeHandleWrapperStyle", "scale"]);
+        var _a = this.props, disableDragging = _a.disableDragging, style = _a.style, dragHandleClassName = _a.dragHandleClassName, position = _a.position, onMouseDown = _a.onMouseDown, onMouseUp = _a.onMouseUp, dragAxis = _a.dragAxis, dragGrid = _a.dragGrid, bounds = _a.bounds, enableUserSelectHack = _a.enableUserSelectHack, cancel = _a.cancel, children = _a.children, onResizeStart = _a.onResizeStart, onResize = _a.onResize, onResizeStop = _a.onResizeStop, onDragStart = _a.onDragStart, onDrag = _a.onDrag, onDragStop = _a.onDragStop, resizeHandleStyles = _a.resizeHandleStyles, resizeHandleClasses = _a.resizeHandleClasses, enableResizing = _a.enableResizing, resizeGrid = _a.resizeGrid, resizeHandleWrapperClass = _a.resizeHandleWrapperClass, resizeHandleWrapperStyle = _a.resizeHandleWrapperStyle, scale = _a.scale, resizableProps = __rest(_a, ["disableDragging", "style", "dragHandleClassName", "position", "onMouseDown", "onMouseUp", "dragAxis", "dragGrid", "bounds", "enableUserSelectHack", "cancel", "children", "onResizeStart", "onResize", "onResizeStop", "onDragStart", "onDrag", "onDragStop", "resizeHandleStyles", "resizeHandleClasses", "enableResizing", "resizeGrid", "resizeHandleWrapperClass", "resizeHandleWrapperStyle", "scale"]);
         var defaultValue = this.props.default ? __assign({}, this.props.default) : undefined;
@@ -398,12 +404,6 @@ // Remove unknown props, see also https://reactjs.org/warnings/unknown-prop.html
         }
-        return (createElement(Draggable, { ref: function (c) {
-                if (!c)
-                    return;
-                _this.draggable = c;
-            }, handle: dragHandleClassName ? "." + dragHandleClassName : undefined, defaultPosition: defaultValue, onMouseDown: onMouseDown, onStart: this.onDragStart, onDrag: this.onDrag, onStop: this.onDragStop, axis: dragAxis, disabled: disableDragging, grid: dragGrid, bounds: bounds ? this.state.bounds : undefined, position: draggablePosition, enableUserSelectHack: enableUserSelectHack, cancel: cancel, scale: scale },
-            createElement(Resizable, __assign({}, resizableProps, { ref: function (c) {
-                    if (c) {
-                        _this.resizable = c;
-                    }
-                }, defaultSize: defaultValue, size: this.props.size, enable: enableResizing, onResizeStart: this.onResizeStart, onResize: this.onResize, onResizeStop: this.onResizeStop, style: innerStyle, minWidth: this.props.minWidth, minHeight: this.props.minHeight, maxWidth: this.isResizing ? this.state.maxWidth : this.props.maxWidth, maxHeight: this.isResizing ? this.state.maxHeight : this.props.maxHeight, grid: resizeGrid, handleWrapperClass: resizeHandleWrapperClass, handleWrapperStyle: resizeHandleWrapperStyle, lockAspectRatio: this.props.lockAspectRatio, lockAspectRatioExtraWidth: this.props.lockAspectRatioExtraWidth, lockAspectRatioExtraHeight: this.props.lockAspectRatioExtraHeight, handleStyles: resizeHandleStyles, handleClasses: resizeHandleClasses, scale: this.props.scale }), children)));
+        // INFO: Make uncontorolled component when resizing to control position by setPostion.
+        var pos = this.resizing ? undefined : draggablePosition;
+        return (createElement(Draggable, { ref: this.refDraggable, handle: dragHandleClassName ? "." + dragHandleClassName : undefined, defaultPosition: defaultValue, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onStart: this.onDragStart, onDrag: this.onDrag, onStop: this.onDragStop, axis: dragAxis, disabled: disableDragging, grid: dragGrid, bounds: bounds ? this.state.bounds : undefined, position: pos, enableUserSelectHack: enableUserSelectHack, cancel: cancel, scale: scale },
+            createElement(Resizable, __assign({}, resizableProps, { ref: this.refResizable, defaultSize: defaultValue, size: this.props.size, enable: enableResizing, onResizeStart: this.onResizeStart, onResize: this.onResize, onResizeStop: this.onResizeStop, style: innerStyle, minWidth: this.props.minWidth, minHeight: this.props.minHeight, maxWidth: this.resizing ? this.state.maxWidth : this.props.maxWidth, maxHeight: this.resizing ? this.state.maxHeight : this.props.maxHeight, grid: resizeGrid, handleWrapperClass: resizeHandleWrapperClass, handleWrapperStyle: resizeHandleWrapperStyle, lockAspectRatio: this.props.lockAspectRatio, lockAspectRatioExtraWidth: this.props.lockAspectRatioExtraWidth, lockAspectRatioExtraHeight: this.props.lockAspectRatioExtraHeight, handleStyles: resizeHandleStyles, handleClasses: resizeHandleClasses, scale: this.props.scale }), children)));
     };
@@ -422,4 +422,4 @@ Rnd.defaultProps = {
     return Rnd;
-}(Component));
+}(PureComponent));
 
 export { Rnd };

lib/index.test.js

@@ -235,7 +235,7 @@ "use strict";
         t.is(onDrag.callCount, 1);
-        t.not((rnd.getDOMNode().getAttribute("style") || "").indexOf("transform: translate(308px, 100px)"), -1);
+        t.not((rnd.getDOMNode().getAttribute("style") || "").indexOf("transform: translate(300px, 100px)"), -1);
         return [2 /*return*/];
     });
 }); });
-ava_1.default("should enable dragging only y when axis equals y", function (t) { return __awaiter(_this, void 0, void 0, function () {
+ava_1.default("xdragging only y when axis equals y", function (t) { return __awaiter(_this, void 0, void 0, function () {
     var onDrag, rnd;
@@ -253,3 +253,3 @@ return __generator(this, function (_a) {
         t.is(onDrag.callCount, 1);
-        t.not((rnd.getDOMNode().getAttribute("style") || "").indexOf("transform: translate(100px, 328px)"), -1);
+        t.not((rnd.getDOMNode().getAttribute("style") || "").indexOf("transform: translate(100px, 320px)"), -1);
         return [2 /*return*/];
@@ -271,3 +271,3 @@ });
         t.is(onDrag.callCount, 1);
-        t.not((rnd.getDOMNode().getAttribute("style") || "").indexOf("transform: translate(308px, 328px)"), -1);
+        t.not((rnd.getDOMNode().getAttribute("style") || "").indexOf("transform: translate(300px, 320px)"), -1);
         return [2 /*return*/];
@@ -287,3 +287,3 @@ });
         mouseMove(14, 49);
-        t.not((rnd.getDOMNode().getAttribute("style") || "").indexOf("transform: translate(108px, 108px)"), -1);
+        t.not((rnd.getDOMNode().getAttribute("style") || "").indexOf("transform: translate(100px, 100px)"), -1);
         return [2 /*return*/];
@@ -303,3 +303,3 @@ });
         mouseMove(15, 50);
-        t.not((rnd.getDOMNode().getAttribute("style") || "").indexOf("transform: translate(138px, 208px)"), -1);
+        t.not((rnd.getDOMNode().getAttribute("style") || "").indexOf("transform: translate(130px, 200px)"), -1);
         return [2 /*return*/];
@@ -324,3 +324,3 @@ });
             .getDOMNode()
-            .getAttribute("style") || "").indexOf("transform: translate(708px, 508px)"), -1);
+            .getAttribute("style") || "").indexOf("transform: translate(700px, 500px)"), -1);
         return [2 /*return*/];
@@ -348,3 +348,3 @@ });
             .getDOMNode()
-            .getAttribute("style") || "").indexOf("translate(908px, 708px)"), -1);
+            .getAttribute("style") || "").indexOf("translate(900px, 700px)"), -1);
         return [2 /*return*/];
@@ -514,3 +514,3 @@ });
         t.deepEqual(onResize.getCall(0).args[3], { width: 50, height: 0 });
-        t.not((rnd.getDOMNode().getAttribute("style") || "").indexOf("transform: translate(58px, 108px)"), -1);
+        t.not((rnd.getDOMNode().getAttribute("style") || "").indexOf("transform: translate(50px, 100px)"), -1);
         return [2 /*return*/];
@@ -553,3 +553,3 @@ });
         t.deepEqual(onResize.getCall(0).args[3], { width: 0, height: 50 });
-        t.not((rnd.getDOMNode().getAttribute("style") || "").indexOf("transform: translate(108px, 58px)"), -1);
+        t.not((rnd.getDOMNode().getAttribute("style") || "").indexOf("transform: translate(100px, 50px)"), -1);
         return [2 /*return*/];
@@ -556,0 +556,0 @@ });

package.json

 {
   "name": "react-rnd",
-  "version": "9.2.0",
+  "version": "10.0.0",
   "description": "",
@@ -20,3 +20,3 @@ "title": "react-rnd",
     "flow": "flow",
-    "tsc": "tsc -p tsconfig.json",
+    "tsc": "tsc -p tsconfig.json --skipLibCheck",
     "build:prod:main": "rollup -c scripts/prod.js",
@@ -52,3 +52,3 @@ "build:prod:es5": "rollup -c scripts/prod.es5.js",
     "@babel/types": "7.4.4",
-    "@emotion/core": "10.0.10",
+    "@emotion/core": "10.0.14",
     "@storybook/addon-actions": "5.1.3",
@@ -60,7 +60,7 @@ "@storybook/addon-info": "5.1.3",
     "@types/enzyme": "3.1.16",
-    "@types/enzyme-adapter-react-16": "1.0.4",
+    "@types/enzyme-adapter-react-16": "1.0.5",
+    "@types/node": "^12.0.10",
     "@types/react": "16.4.1",
-    "@types/node": "^10.12.19",
     "@types/react-dom": "16.0.11",
-    "@types/sinon": "7.0.12",
+    "@types/sinon": "7.0.13",
     "@types/storybook__addon-actions": "3.4.3",
@@ -70,3 +70,3 @@ "@types/storybook__react": "4.0.2",
     "babel-core": "7.0.0-bridge.0",
-    "babel-eslint": "10.0.1",
+    "babel-eslint": "10.0.2",
     "babel-loader": "8.0.6",
@@ -80,19 +80,19 @@ "cpy-cli": "2.0.0",
     "prettier": "1.18.2",
-    "react": "16.8.2",
-    "react-dom": "16.8.2",
+    "react": "16.8.6",
+    "react-dom": "16.8.6",
     "react-test-renderer": "16.8.6",
-    "rollup": "1.14.4",
-    "rollup-plugin-babel": "4.3.2",
-    "rollup-plugin-commonjs": "10.0.0",
+    "rollup": "1.16.4",
+    "rollup-plugin-babel": "4.3.3",
+    "rollup-plugin-commonjs": "10.0.1",
     "rollup-plugin-node-globals": "1.4.0",
-    "rollup-plugin-node-resolve": "5.0.1",
+    "rollup-plugin-node-resolve": "5.2.0",
     "rollup-plugin-replace": "2.2.0",
-    "rollup-plugin-typescript2": "0.21.1",
+    "rollup-plugin-typescript2": "0.21.2",
     "rollup-watch": "4.3.1",
     "sinon": "7.3.2",
-    "tslint": "5.17.0",
+    "tslint": "5.18.0",
     "tslint-eslint-rules": "5.4.0",
     "tslint-plugin-prettier": "2.0.1",
     "tslint-react": "4.0.0",
-    "typescript": "3.5.1"
+    "typescript": "3.5.2"
   },
@@ -108,4 +108,4 @@ "files": [
     "react-draggable": "3.3.0",
-    "tslib": "1.9.3"
+    "tslib": "1.10.0"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

118624

0.32%

Lines of code

1837

0.49%

Dependency changes

• + Added

  tslib@1.10.0
  (transitive)

• - Removed

  tslib@1.9.3
  (transitive)

• Updated

  tslib@1.10.0