Fix #739 (#741)

* update: re-resizable

* fix: #739

Author: bokuweb

package.json

@@ -99,7 +99,7 @@
     "fixture": "./fixture.html"
   },
   "dependencies": {
-    "re-resizable": "6.3.2",
+    "re-resizable": "6.6.1",
     "react-draggable": "4.4.3",
     "tslib": "2.0.0"
   }

src/index.tsx

@@ -31,10 +31,10 @@ export type RndDragEvent =
   | TouchEvent;
 
 export type RndResizeStartCallback = (
-  e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,
+  e: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement>,
   dir: ResizeDirection,
-  elementRef: HTMLDivElement,
-) => void;
+  elementRef: HTMLElement,
+) => void | boolean;
 
 export type ResizableDelta = {
   width: number;
@@ -44,7 +44,7 @@ export type ResizableDelta = {
 export type RndResizeCallback = (
   e: MouseEvent | TouchEvent,
   dir: ResizeDirection,
-  elementRef: HTMLDivElement,
+  elementRef: HTMLElement,
   delta: ResizableDelta,
   position: Position,
 ) => void;
@@ -213,7 +213,7 @@ export class Rnd extends React.PureComponent<Props, State> {
   resizing = false;
   resizingPosition = { x: 0, y: 0 };
   offsetFromParent = { left: 0, top: 0 };
-  resizableElement: { current: HTMLDivElement | null } = { current: null };
+  resizableElement: { current: HTMLElement | null } = { current: null };
 
   constructor(props: Props) {
     super(props);
@@ -273,7 +273,7 @@ export class Rnd extends React.PureComponent<Props, State> {
     return { maxWidth, maxHeight };
   }
 
-  getSelfElement(): HTMLDivElement | null {
+  getSelfElement(): HTMLElement | null {
     return this.resizable && this.resizable.resizable;
   }
 
@@ -373,9 +373,9 @@ export class Rnd extends React.PureComponent<Props, State> {
   }
 
   onResizeStart(
-    e: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,
+    e: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement>,
     dir: ResizeDirection,
-    elementRef: HTMLDivElement,
+    elementRef: HTMLElement,
   ) {
     e.stopPropagation();
     this.resizing = true;
@@ -473,7 +473,7 @@ export class Rnd extends React.PureComponent<Props, State> {
   onResize(
     e: MouseEvent | TouchEvent,
     direction: ResizeDirection,
-    elementRef: HTMLDivElement,
+    elementRef: HTMLElement,
     delta: { height: number; width: number },
   ) {
     // INFO: Apply x and y position adjustments caused by resizing to draggable
@@ -513,7 +513,7 @@ export class Rnd extends React.PureComponent<Props, State> {
   onResizeStop(
     e: MouseEvent | TouchEvent,
     direction: ResizeDirection,
-    elementRef: HTMLDivElement,
+    elementRef: HTMLElement,
     delta: { height: number; width: number },
   ) {
     this.resizing = false;

stories/index.tsx

@@ -7,6 +7,8 @@ import Bare from "./bare/bare";
 import BasicUncontrolled from "./basic/uncontrolled";
 import BasicControlled from "./basic/controlled";
 
+import MinUncontrolled from "./min/uncontrolled";
+
 import ScaleParentUnControlled from "./scale/parent-uncontrolled";
 import ScaleWindowUnControlled from "./scale/window-uncontrolled";
 import ScaleBodyX05UnControlled from "./scale/body-uncontrolled-x0-5";
@@ -89,3 +91,5 @@ storiesOf("sandbox", module)
   .add("issue622", () => <Issue622 />);
 
 storiesOf("ratio", module).add("lock aspect ratio", () => <LockAspectRatioBasic />);
+
+storiesOf("min", module).add("min uncontrolled", () => <MinUncontrolled />);

stories/min/uncontrolled.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { Rnd } from "../../src";
+import { style } from "../styles";
+
+export default () => (
+  <Rnd
+    style={style}
+    default={{
+      x: 0,
+      y: 0,
+      width: 320,
+      height: 200,
+    }}
+    minHeight="300px"
+    minWidth="300px"
+  >
+    Rnd
+  </Rnd>
+);

yarn.lock

@@ -10040,10 +10040,10 @@ rc@^1.0.1, rc@^1.1.2, rc@^1.1.6, rc@^1.1.7, rc@^1.2.7:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-re-resizable@6.3.2:
-  version "6.3.2"
-  resolved "https://registry.npmjs.org/re-resizable/-/re-resizable-6.3.2.tgz#27cc984af6ea5dbafd2b79f64c5224a6e1722fbe"
-  integrity sha512-ngxe4XBSb46vfwXjAwpURacVDig/pPt1kHRhcKlRRIoGICmo4aQHr725jurezepp1pm5jSC6iQhyLYfx3zOC3w==
+re-resizable@6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/re-resizable/-/re-resizable-6.6.1.tgz#654a0edc1977e5d025c777a97f5555ef4bccea7f"
+  integrity sha512-ttWVasZ9X7c0ir0+4YK47tkmm9EAFssW07YLkeLzG5HCOuFgFAlSVzMlzAH0h3i6hDShQCHHJecVx5rk+snoFA==
   dependencies:
     fast-memoize "^2.5.1"