@m4l/components 0.1.26 → 0.1.28

package/react-resizable.5277deaf.js

@@ -1,371 +1,543 @@
-import T from "react";
-import { c as Y } from "./react-draggable.20e95c61.js";
-import { u as F } from "./utils/index.214d9542.js";
-import k from "prop-types";
-var M = { exports: {} }, z = {}, y = {};
-y.__esModule = !0;
-y.resizableProps = void 0;
-var o = V(k);
-function V(e) {
-  return e && e.__esModule ? e : { default: e };
+import React$2 from "react";
+import { c as cjs } from "./react-draggable.20e95c61.js";
+import { u as utils } from "./utils/index.214d9542.js";
+import require$$1 from "prop-types";
+var reactResizable = { exports: {} };
+var Resizable$1 = {};
+var propTypes = {};
+propTypes.__esModule = true;
+propTypes.resizableProps = void 0;
+var _propTypes$2 = _interopRequireDefault$1(require$$1);
+function _interopRequireDefault$1(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
 }
-var G = {
-  axis: o.default.oneOf(["both", "x", "y", "none"]),
-  className: o.default.string,
-  children: o.default.element.isRequired,
-  draggableOpts: o.default.shape({
-    allowAnyClick: o.default.bool,
-    cancel: o.default.string,
-    children: o.default.node,
-    disabled: o.default.bool,
-    enableUserSelectHack: o.default.bool,
-    offsetParent: o.default.node,
-    grid: o.default.arrayOf(o.default.number),
-    handle: o.default.string,
-    nodeRef: o.default.object,
-    onStart: o.default.func,
-    onDrag: o.default.func,
-    onStop: o.default.func,
-    onMouseDown: o.default.func,
-    scale: o.default.number
+var resizableProps = {
+  axis: _propTypes$2.default.oneOf(["both", "x", "y", "none"]),
+  className: _propTypes$2.default.string,
+  children: _propTypes$2.default.element.isRequired,
+  draggableOpts: _propTypes$2.default.shape({
+    allowAnyClick: _propTypes$2.default.bool,
+    cancel: _propTypes$2.default.string,
+    children: _propTypes$2.default.node,
+    disabled: _propTypes$2.default.bool,
+    enableUserSelectHack: _propTypes$2.default.bool,
+    offsetParent: _propTypes$2.default.node,
+    grid: _propTypes$2.default.arrayOf(_propTypes$2.default.number),
+    handle: _propTypes$2.default.string,
+    nodeRef: _propTypes$2.default.object,
+    onStart: _propTypes$2.default.func,
+    onDrag: _propTypes$2.default.func,
+    onStop: _propTypes$2.default.func,
+    onMouseDown: _propTypes$2.default.func,
+    scale: _propTypes$2.default.number
   }),
-  height: o.default.number.isRequired,
-  handle: o.default.oneOfType([o.default.node, o.default.func]),
-  handleSize: o.default.arrayOf(o.default.number),
-  lockAspectRatio: o.default.bool,
-  maxConstraints: o.default.arrayOf(o.default.number),
-  minConstraints: o.default.arrayOf(o.default.number),
-  onResizeStop: o.default.func,
-  onResizeStart: o.default.func,
-  onResize: o.default.func,
-  resizeHandles: o.default.arrayOf(o.default.oneOf(["s", "w", "e", "n", "sw", "nw", "se", "ne"])),
-  transformScale: o.default.number,
-  width: o.default.number.isRequired
+  height: _propTypes$2.default.number.isRequired,
+  handle: _propTypes$2.default.oneOfType([_propTypes$2.default.node, _propTypes$2.default.func]),
+  handleSize: _propTypes$2.default.arrayOf(_propTypes$2.default.number),
+  lockAspectRatio: _propTypes$2.default.bool,
+  maxConstraints: _propTypes$2.default.arrayOf(_propTypes$2.default.number),
+  minConstraints: _propTypes$2.default.arrayOf(_propTypes$2.default.number),
+  onResizeStop: _propTypes$2.default.func,
+  onResizeStart: _propTypes$2.default.func,
+  onResize: _propTypes$2.default.func,
+  resizeHandles: _propTypes$2.default.arrayOf(_propTypes$2.default.oneOf(["s", "w", "e", "n", "sw", "nw", "se", "ne"])),
+  transformScale: _propTypes$2.default.number,
+  width: _propTypes$2.default.number.isRequired
 };
-y.resizableProps = G;
-z.__esModule = !0;
-z.default = void 0;
-var R = te(T), J = Y.exports, Q = F, Z = y, ee = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
-function A(e) {
-  if (typeof WeakMap != "function")
+propTypes.resizableProps = resizableProps;
+Resizable$1.__esModule = true;
+Resizable$1.default = void 0;
+var React$1 = _interopRequireWildcard$1(React$2);
+var _reactDraggable = cjs.exports;
+var _utils = utils;
+var _propTypes$1 = propTypes;
+var _excluded$1 = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
+function _getRequireWildcardCache$1(nodeInterop) {
+  if (typeof WeakMap !== "function")
     return null;
-  var i = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap();
-  return (A = function(t) {
-    return t ? a : i;
-  })(e);
+  var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
+  var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
+  return (_getRequireWildcardCache$1 = function _getRequireWildcardCache2(nodeInterop2) {
+    return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
+  })(nodeInterop);
 }
-function te(e, i) {
-  if (!i && e && e.__esModule)
-    return e;
-  if (e === null || typeof e != "object" && typeof e != "function")
-    return { default: e };
-  var a = A(i);
-  if (a && a.has(e))
-    return a.get(e);
-  var r = {}, t = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var n in e)
-    if (n !== "default" && Object.prototype.hasOwnProperty.call(e, n)) {
-      var s = t ? Object.getOwnPropertyDescriptor(e, n) : null;
-      s && (s.get || s.set) ? Object.defineProperty(r, n, s) : r[n] = e[n];
+function _interopRequireWildcard$1(obj, nodeInterop) {
+  if (!nodeInterop && obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache$1(nodeInterop);
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
     }
-  return r.default = e, a && a.set(e, r), r;
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
 }
-function D() {
-  return D = Object.assign || function(e) {
+function _extends$1() {
+  _extends$1 = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
-      var a = arguments[i];
-      for (var r in a)
-        Object.prototype.hasOwnProperty.call(a, r) && (e[r] = a[r]);
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
     }
-    return e;
-  }, D.apply(this, arguments);
+    return target;
+  };
+  return _extends$1.apply(this, arguments);
 }
-function re(e, i) {
-  if (e == null)
+function _objectWithoutPropertiesLoose$1(source, excluded) {
+  if (source == null)
     return {};
-  var a = {}, r = Object.keys(e), t, n;
-  for (n = 0; n < r.length; n++)
-    t = r[n], !(i.indexOf(t) >= 0) && (a[t] = e[t]);
-  return a;
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0)
+      continue;
+    target[key] = source[key];
+  }
+  return target;
 }
-function j(e, i) {
-  var a = Object.keys(e);
+function ownKeys$1(object, enumerableOnly) {
+  var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(e);
-    i && (r = r.filter(function(t) {
-      return Object.getOwnPropertyDescriptor(e, t).enumerable;
-    })), a.push.apply(a, r);
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys.push.apply(keys, symbols);
   }
-  return a;
+  return keys;
 }
-function _(e) {
+function _objectSpread$1(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var a = arguments[i] != null ? arguments[i] : {};
-    i % 2 ? j(Object(a), !0).forEach(function(r) {
-      ne(e, r, a[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(a)) : j(Object(a)).forEach(function(r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(a, r));
-    });
+    var source = arguments[i] != null ? arguments[i] : {};
+    if (i % 2) {
+      ownKeys$1(Object(source), true).forEach(function(key) {
+        _defineProperty$1(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys$1(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
   }
-  return e;
+  return target;
 }
-function ne(e, i, a) {
-  return i in e ? Object.defineProperty(e, i, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : e[i] = a, e;
+function _defineProperty$1(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
-function ae(e, i) {
-  e.prototype = Object.create(i.prototype), e.prototype.constructor = e, H(e, i);
+function _inheritsLoose$1(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf$1(subClass, superClass);
 }
-function H(e, i) {
-  return H = Object.setPrototypeOf || function(r, t) {
-    return r.__proto__ = t, r;
-  }, H(e, i);
+function _setPrototypeOf$1(o, p) {
+  _setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
+    o2.__proto__ = p2;
+    return o2;
+  };
+  return _setPrototypeOf$1(o, p);
 }
-var W = /* @__PURE__ */ function(e) {
-  ae(i, e);
-  function i() {
-    for (var r, t = arguments.length, n = new Array(t), s = 0; s < t; s++)
-      n[s] = arguments[s];
-    return r = e.call.apply(e, [this].concat(n)) || this, r.handleRefs = {}, r.lastHandleRect = null, r.slack = null, r;
+var Resizable = /* @__PURE__ */ function(_React$Component) {
+  _inheritsLoose$1(Resizable2, _React$Component);
+  function Resizable2() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.handleRefs = {};
+    _this.lastHandleRect = null;
+    _this.slack = null;
+    return _this;
   }
-  var a = i.prototype;
-  return a.componentWillUnmount = function() {
+  var _proto = Resizable2.prototype;
+  _proto.componentWillUnmount = function componentWillUnmount() {
     this.resetData();
-  }, a.resetData = function() {
+  };
+  _proto.resetData = function resetData() {
     this.lastHandleRect = this.slack = null;
-  }, a.runConstraints = function(t, n) {
-    var s = this.props, l = s.minConstraints, p = s.maxConstraints, u = s.lockAspectRatio;
-    if (!l && !p && !u)
-      return [t, n];
-    if (u) {
-      var c = this.props.width / this.props.height, f = t - this.props.width, d = n - this.props.height;
-      Math.abs(f) > Math.abs(d * c) ? n = t / c : t = n * c;
+  };
+  _proto.runConstraints = function runConstraints(width, height) {
+    var _this$props = this.props, minConstraints = _this$props.minConstraints, maxConstraints = _this$props.maxConstraints, lockAspectRatio = _this$props.lockAspectRatio;
+    if (!minConstraints && !maxConstraints && !lockAspectRatio)
+      return [width, height];
+    if (lockAspectRatio) {
+      var ratio = this.props.width / this.props.height;
+      var deltaW = width - this.props.width;
+      var deltaH = height - this.props.height;
+      if (Math.abs(deltaW) > Math.abs(deltaH * ratio)) {
+        height = width / ratio;
+      } else {
+        width = height * ratio;
+      }
     }
-    var h = t, O = n, g = this.slack || [0, 0], v = g[0], m = g[1];
-    return t += v, n += m, l && (t = Math.max(l[0], t), n = Math.max(l[1], n)), p && (t = Math.min(p[0], t), n = Math.min(p[1], n)), this.slack = [v + (h - t), m + (O - n)], [t, n];
-  }, a.resizeHandler = function(t, n) {
-    var s = this;
-    return function(l, p) {
-      var u = p.node, c = p.deltaX, f = p.deltaY;
-      t === "onResizeStart" && s.resetData();
-      var d = (s.props.axis === "both" || s.props.axis === "x") && n !== "n" && n !== "s", h = (s.props.axis === "both" || s.props.axis === "y") && n !== "e" && n !== "w";
-      if (!(!d && !h)) {
-        var O = n[0], g = n[n.length - 1], v = u.getBoundingClientRect();
-        if (s.lastHandleRect != null) {
-          if (g === "w") {
-            var m = v.left - s.lastHandleRect.left;
-            c += m;
-          }
-          if (O === "n") {
-            var N = v.top - s.lastHandleRect.top;
-            f += N;
-          }
+    var oldW = width, oldH = height;
+    var _ref = this.slack || [0, 0], slackW = _ref[0], slackH = _ref[1];
+    width += slackW;
+    height += slackH;
+    if (minConstraints) {
+      width = Math.max(minConstraints[0], width);
+      height = Math.max(minConstraints[1], height);
+    }
+    if (maxConstraints) {
+      width = Math.min(maxConstraints[0], width);
+      height = Math.min(maxConstraints[1], height);
+    }
+    this.slack = [slackW + (oldW - width), slackH + (oldH - height)];
+    return [width, height];
+  };
+  _proto.resizeHandler = function resizeHandler(handlerName, axis) {
+    var _this2 = this;
+    return function(e, _ref2) {
+      var node = _ref2.node, deltaX = _ref2.deltaX, deltaY = _ref2.deltaY;
+      if (handlerName === "onResizeStart")
+        _this2.resetData();
+      var canDragX = (_this2.props.axis === "both" || _this2.props.axis === "x") && axis !== "n" && axis !== "s";
+      var canDragY = (_this2.props.axis === "both" || _this2.props.axis === "y") && axis !== "e" && axis !== "w";
+      if (!canDragX && !canDragY)
+        return;
+      var axisV = axis[0];
+      var axisH = axis[axis.length - 1];
+      var handleRect = node.getBoundingClientRect();
+      if (_this2.lastHandleRect != null) {
+        if (axisH === "w") {
+          var deltaLeftSinceLast = handleRect.left - _this2.lastHandleRect.left;
+          deltaX += deltaLeftSinceLast;
+        }
+        if (axisV === "n") {
+          var deltaTopSinceLast = handleRect.top - _this2.lastHandleRect.top;
+          deltaY += deltaTopSinceLast;
         }
-        s.lastHandleRect = v, g === "w" && (c = -c), O === "n" && (f = -f);
-        var b = s.props.width + (d ? c / s.props.transformScale : 0), w = s.props.height + (h ? f / s.props.transformScale : 0), q = s.runConstraints(b, w);
-        b = q[0], w = q[1];
-        var U = b !== s.props.width || w !== s.props.height, E = typeof s.props[t] == "function" ? s.props[t] : null, X = t === "onResize" && !U;
-        E && !X && (l.persist == null || l.persist(), E(l, {
-          node: u,
+      }
+      _this2.lastHandleRect = handleRect;
+      if (axisH === "w")
+        deltaX = -deltaX;
+      if (axisV === "n")
+        deltaY = -deltaY;
+      var width = _this2.props.width + (canDragX ? deltaX / _this2.props.transformScale : 0);
+      var height = _this2.props.height + (canDragY ? deltaY / _this2.props.transformScale : 0);
+      var _this2$runConstraints = _this2.runConstraints(width, height);
+      width = _this2$runConstraints[0];
+      height = _this2$runConstraints[1];
+      var dimensionsChanged = width !== _this2.props.width || height !== _this2.props.height;
+      var cb = typeof _this2.props[handlerName] === "function" ? _this2.props[handlerName] : null;
+      var shouldSkipCb = handlerName === "onResize" && !dimensionsChanged;
+      if (cb && !shouldSkipCb) {
+        e.persist == null ? void 0 : e.persist();
+        cb(e, {
+          node,
           size: {
-            width: b,
-            height: w
+            width,
+            height
           },
-          handle: n
-        })), t === "onResizeStop" && s.resetData();
+          handle: axis
+        });
       }
+      if (handlerName === "onResizeStop")
+        _this2.resetData();
     };
-  }, a.renderResizeHandle = function(t, n) {
-    var s = this.props.handle;
-    if (!s)
-      return /* @__PURE__ */ R.createElement("span", {
-        className: "react-resizable-handle react-resizable-handle-" + t,
-        ref: n
+  };
+  _proto.renderResizeHandle = function renderResizeHandle(handleAxis, ref) {
+    var handle = this.props.handle;
+    if (!handle) {
+      return /* @__PURE__ */ React$1.createElement("span", {
+        className: "react-resizable-handle react-resizable-handle-" + handleAxis,
+        ref
       });
-    if (typeof s == "function")
-      return s(t, n);
-    var l = typeof s.type == "string", p = _({
-      ref: n
-    }, l ? {} : {
-      handleAxis: t
+    }
+    if (typeof handle === "function") {
+      return handle(handleAxis, ref);
+    }
+    var isDOMElement = typeof handle.type === "string";
+    var props = _objectSpread$1({
+      ref
+    }, isDOMElement ? {} : {
+      handleAxis
     });
-    return /* @__PURE__ */ R.cloneElement(s, p);
-  }, a.render = function() {
-    var t = this, n = this.props, s = n.children, l = n.className, p = n.draggableOpts;
-    n.width, n.height, n.handle, n.handleSize, n.lockAspectRatio, n.axis, n.minConstraints, n.maxConstraints, n.onResize, n.onResizeStop, n.onResizeStart;
-    var u = n.resizeHandles;
-    n.transformScale;
-    var c = re(n, ee);
-    return (0, Q.cloneElement)(s, _(_({}, c), {}, {
-      className: (l ? l + " " : "") + "react-resizable",
-      children: [].concat(s.props.children, u.map(function(f) {
-        var d, h = (d = t.handleRefs[f]) != null ? d : t.handleRefs[f] = /* @__PURE__ */ R.createRef();
-        return /* @__PURE__ */ R.createElement(J.DraggableCore, D({}, p, {
-          nodeRef: h,
-          key: "resizableHandle-" + f,
-          onStop: t.resizeHandler("onResizeStop", f),
-          onStart: t.resizeHandler("onResizeStart", f),
-          onDrag: t.resizeHandler("onResize", f)
-        }), t.renderResizeHandle(f, h));
+    return /* @__PURE__ */ React$1.cloneElement(handle, props);
+  };
+  _proto.render = function render() {
+    var _this3 = this;
+    var _this$props2 = this.props, children = _this$props2.children, className = _this$props2.className, draggableOpts = _this$props2.draggableOpts;
+    _this$props2.width;
+    _this$props2.height;
+    _this$props2.handle;
+    _this$props2.handleSize;
+    _this$props2.lockAspectRatio;
+    _this$props2.axis;
+    _this$props2.minConstraints;
+    _this$props2.maxConstraints;
+    _this$props2.onResize;
+    _this$props2.onResizeStop;
+    _this$props2.onResizeStart;
+    var resizeHandles = _this$props2.resizeHandles;
+    _this$props2.transformScale;
+    var p = _objectWithoutPropertiesLoose$1(_this$props2, _excluded$1);
+    return (0, _utils.cloneElement)(children, _objectSpread$1(_objectSpread$1({}, p), {}, {
+      className: (className ? className + " " : "") + "react-resizable",
+      children: [].concat(children.props.children, resizeHandles.map(function(handleAxis) {
+        var _this3$handleRefs$han;
+        var ref = (_this3$handleRefs$han = _this3.handleRefs[handleAxis]) != null ? _this3$handleRefs$han : _this3.handleRefs[handleAxis] = /* @__PURE__ */ React$1.createRef();
+        return /* @__PURE__ */ React$1.createElement(_reactDraggable.DraggableCore, _extends$1({}, draggableOpts, {
+          nodeRef: ref,
+          key: "resizableHandle-" + handleAxis,
+          onStop: _this3.resizeHandler("onResizeStop", handleAxis),
+          onStart: _this3.resizeHandler("onResizeStart", handleAxis),
+          onDrag: _this3.resizeHandler("onResize", handleAxis)
+        }), _this3.renderResizeHandle(handleAxis, ref));
       }))
     }));
-  }, i;
-}(R.Component);
-z.default = W;
-W.propTypes = Z.resizableProps;
-W.defaultProps = {
+  };
+  return Resizable2;
+}(React$1.Component);
+Resizable$1.default = Resizable;
+Resizable.propTypes = _propTypes$1.resizableProps;
+Resizable.defaultProps = {
   axis: "both",
   handleSize: [20, 20],
-  lockAspectRatio: !1,
+  lockAspectRatio: false,
   minConstraints: [20, 20],
-  maxConstraints: [1 / 0, 1 / 0],
+  maxConstraints: [Infinity, Infinity],
   resizeHandles: ["se"],
   transformScale: 1
 };
-var P = {};
-P.__esModule = !0;
-P.default = void 0;
-var x = pe(T), ie = I(k), se = I(z), oe = y, le = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
-function I(e) {
-  return e && e.__esModule ? e : { default: e };
+var ResizableBox$2 = {};
+ResizableBox$2.__esModule = true;
+ResizableBox$2.default = void 0;
+var React = _interopRequireWildcard(React$2);
+var _propTypes = _interopRequireDefault(require$$1);
+var _Resizable = _interopRequireDefault(Resizable$1);
+var _propTypes2 = propTypes;
+var _excluded = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
 }
-function K(e) {
-  if (typeof WeakMap != "function")
+function _getRequireWildcardCache(nodeInterop) {
+  if (typeof WeakMap !== "function")
     return null;
-  var i = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap();
-  return (K = function(t) {
-    return t ? a : i;
-  })(e);
+  var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
+  var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache2(nodeInterop2) {
+    return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
+  })(nodeInterop);
 }
-function pe(e, i) {
-  if (!i && e && e.__esModule)
-    return e;
-  if (e === null || typeof e != "object" && typeof e != "function")
-    return { default: e };
-  var a = K(i);
-  if (a && a.has(e))
-    return a.get(e);
-  var r = {}, t = Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var n in e)
-    if (n !== "default" && Object.prototype.hasOwnProperty.call(e, n)) {
-      var s = t ? Object.getOwnPropertyDescriptor(e, n) : null;
-      s && (s.get || s.set) ? Object.defineProperty(r, n, s) : r[n] = e[n];
+function _interopRequireWildcard(obj, nodeInterop) {
+  if (!nodeInterop && obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache(nodeInterop);
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
     }
-  return r.default = e, a && a.set(e, r), r;
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
 }
-function C() {
-  return C = Object.assign || function(e) {
+function _extends() {
+  _extends = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
-      var a = arguments[i];
-      for (var r in a)
-        Object.prototype.hasOwnProperty.call(a, r) && (e[r] = a[r]);
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
     }
-    return e;
-  }, C.apply(this, arguments);
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
-function B(e, i) {
-  var a = Object.keys(e);
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(e);
-    i && (r = r.filter(function(t) {
-      return Object.getOwnPropertyDescriptor(e, t).enumerable;
-    })), a.push.apply(a, r);
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) {
+      symbols = symbols.filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+    keys.push.apply(keys, symbols);
   }
-  return a;
+  return keys;
 }
-function S(e) {
+function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var a = arguments[i] != null ? arguments[i] : {};
-    i % 2 ? B(Object(a), !0).forEach(function(r) {
-      fe(e, r, a[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(a)) : B(Object(a)).forEach(function(r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(a, r));
-    });
+    var source = arguments[i] != null ? arguments[i] : {};
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function(key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function(key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
   }
-  return e;
+  return target;
 }
-function fe(e, i, a) {
-  return i in e ? Object.defineProperty(e, i, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : e[i] = a, e;
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
-function ue(e, i) {
-  if (e == null)
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null)
     return {};
-  var a = {}, r = Object.keys(e), t, n;
-  for (n = 0; n < r.length; n++)
-    t = r[n], !(i.indexOf(t) >= 0) && (a[t] = e[t]);
-  return a;
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0)
+      continue;
+    target[key] = source[key];
+  }
+  return target;
 }
-function ce(e, i) {
-  e.prototype = Object.create(i.prototype), e.prototype.constructor = e, $(e, i);
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
 }
-function $(e, i) {
-  return $ = Object.setPrototypeOf || function(r, t) {
-    return r.__proto__ = t, r;
-  }, $(e, i);
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
+    o2.__proto__ = p2;
+    return o2;
+  };
+  return _setPrototypeOf(o, p);
 }
-var L = /* @__PURE__ */ function(e) {
-  ce(i, e);
-  function i() {
-    for (var r, t = arguments.length, n = new Array(t), s = 0; s < t; s++)
-      n[s] = arguments[s];
-    return r = e.call.apply(e, [this].concat(n)) || this, r.state = {
-      width: r.props.width,
-      height: r.props.height,
-      propsWidth: r.props.width,
-      propsHeight: r.props.height
-    }, r.onResize = function(l, p) {
-      var u = p.size;
-      r.props.onResize ? (l.persist == null || l.persist(), r.setState(u, function() {
-        return r.props.onResize && r.props.onResize(l, p);
-      })) : r.setState(u);
-    }, r;
+var ResizableBox$1 = /* @__PURE__ */ function(_React$Component) {
+  _inheritsLoose(ResizableBox2, _React$Component);
+  function ResizableBox2() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.state = {
+      width: _this.props.width,
+      height: _this.props.height,
+      propsWidth: _this.props.width,
+      propsHeight: _this.props.height
+    };
+    _this.onResize = function(e, data) {
+      var size = data.size;
+      if (_this.props.onResize) {
+        e.persist == null ? void 0 : e.persist();
+        _this.setState(size, function() {
+          return _this.props.onResize && _this.props.onResize(e, data);
+        });
+      } else {
+        _this.setState(size);
+      }
+    };
+    return _this;
   }
-  i.getDerivedStateFromProps = function(t, n) {
-    return n.propsWidth !== t.width || n.propsHeight !== t.height ? {
-      width: t.width,
-      height: t.height,
-      propsWidth: t.width,
-      propsHeight: t.height
-    } : null;
+  ResizableBox2.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {
+    if (state.propsWidth !== props.width || state.propsHeight !== props.height) {
+      return {
+        width: props.width,
+        height: props.height,
+        propsWidth: props.width,
+        propsHeight: props.height
+      };
+    }
+    return null;
   };
-  var a = i.prototype;
-  return a.render = function() {
-    var t = this.props, n = t.handle, s = t.handleSize;
-    t.onResize;
-    var l = t.onResizeStart, p = t.onResizeStop, u = t.draggableOpts, c = t.minConstraints, f = t.maxConstraints, d = t.lockAspectRatio, h = t.axis;
-    t.width, t.height;
-    var O = t.resizeHandles, g = t.style, v = t.transformScale, m = ue(t, le);
-    return /* @__PURE__ */ x.createElement(se.default, {
-      axis: h,
-      draggableOpts: u,
-      handle: n,
-      handleSize: s,
+  var _proto = ResizableBox2.prototype;
+  _proto.render = function render() {
+    var _this$props = this.props, handle = _this$props.handle, handleSize = _this$props.handleSize;
+    _this$props.onResize;
+    var onResizeStart = _this$props.onResizeStart, onResizeStop = _this$props.onResizeStop, draggableOpts = _this$props.draggableOpts, minConstraints = _this$props.minConstraints, maxConstraints = _this$props.maxConstraints, lockAspectRatio = _this$props.lockAspectRatio, axis = _this$props.axis;
+    _this$props.width;
+    _this$props.height;
+    var resizeHandles = _this$props.resizeHandles, style = _this$props.style, transformScale = _this$props.transformScale, props = _objectWithoutPropertiesLoose(_this$props, _excluded);
+    return /* @__PURE__ */ React.createElement(_Resizable.default, {
+      axis,
+      draggableOpts,
+      handle,
+      handleSize,
       height: this.state.height,
-      lockAspectRatio: d,
-      maxConstraints: f,
-      minConstraints: c,
-      onResizeStart: l,
+      lockAspectRatio,
+      maxConstraints,
+      minConstraints,
+      onResizeStart,
       onResize: this.onResize,
-      onResizeStop: p,
-      resizeHandles: O,
-      transformScale: v,
+      onResizeStop,
+      resizeHandles,
+      transformScale,
       width: this.state.width
-    }, /* @__PURE__ */ x.createElement("div", C({}, m, {
-      style: S(S({}, g), {}, {
+    }, /* @__PURE__ */ React.createElement("div", _extends({}, props, {
+      style: _objectSpread(_objectSpread({}, style), {}, {
         width: this.state.width + "px",
         height: this.state.height + "px"
       })
     })));
-  }, i;
-}(x.Component);
-P.default = L;
-L.propTypes = S(S({}, oe.resizableProps), {}, {
-  children: ie.default.element
+  };
+  return ResizableBox2;
+}(React.Component);
+ResizableBox$2.default = ResizableBox$1;
+ResizableBox$1.propTypes = _objectSpread(_objectSpread({}, _propTypes2.resizableProps), {}, {
+  children: _propTypes.default.element
 });
-M.exports = function() {
+reactResizable.exports = function() {
   throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
 };
-M.exports.Resizable = z.default;
-var Oe = M.exports.ResizableBox = P.default;
+reactResizable.exports.Resizable = Resizable$1.default;
+var ResizableBox = reactResizable.exports.ResizableBox = ResizableBox$2.default;
 export {
-  Oe as R
+  ResizableBox as R
 };