@m4l/components 5.0.0 → 5.0.2

package/react-resizable-Dpx4PV2R.js

@@ -1,677 +0,0 @@
-import React__default from "react";
-import { c as cjsExports } from "./react-draggable-lPKOvvDX.js";
-import require$$1 from "prop-types";
-var reactResizable = { exports: {} };
-var Resizable$2 = {};
-var utils = {};
-utils.__esModule = true;
-utils.cloneElement = cloneElement;
-var _react = _interopRequireDefault$2(React__default);
-function _interopRequireDefault$2(obj) {
-  return obj && obj.__esModule ? obj : { default: obj };
-}
-function ownKeys$2(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread$2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys$2(Object(source), true).forEach(function(key) {
-      _defineProperty$2(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-function _defineProperty$2(obj, key, value) {
-  key = _toPropertyKey$2(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPropertyKey$2(arg) {
-  var key = _toPrimitive$2(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-function _toPrimitive$2(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function cloneElement(element, props) {
-  if (props.style && element.props.style) {
-    props.style = _objectSpread$2(_objectSpread$2({}, element.props.style), props.style);
-  }
-  if (props.className && element.props.className) {
-    props.className = element.props.className + " " + props.className;
-  }
-  return /* @__PURE__ */ _react.default.cloneElement(element, props);
-}
-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 resizableProps = {
-  /*
-  * Restricts resizing to a particular axis (default: 'both')
-  * 'both' - allows resizing by width or height
-  * 'x' - only allows the width to be changed
-  * 'y' - only allows the height to be changed
-  * 'none' - disables resizing altogether
-  * */
-  axis: _propTypes$2.default.oneOf(["both", "x", "y", "none"]),
-  className: _propTypes$2.default.string,
-  /*
-  * Require that one and only one child be present.
-  * */
-  children: _propTypes$2.default.element.isRequired,
-  /*
-  * These will be passed wholesale to react-draggable's DraggableCore
-  * */
-  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
-  }),
-  /*
-  * Initial height
-  * */
-  height: function height() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    var props = args[0];
-    if (props.axis === "both" || props.axis === "y") {
-      var _PropTypes$number;
-      return (_PropTypes$number = _propTypes$2.default.number).isRequired.apply(_PropTypes$number, args);
-    }
-    return _propTypes$2.default.number.apply(_propTypes$2.default, args);
-  },
-  /*
-  * Customize cursor resize handle
-  * */
-  handle: _propTypes$2.default.oneOfType([_propTypes$2.default.node, _propTypes$2.default.func]),
-  /*
-  * If you change this, be sure to update your css
-  * */
-  handleSize: _propTypes$2.default.arrayOf(_propTypes$2.default.number),
-  lockAspectRatio: _propTypes$2.default.bool,
-  /*
-  * Max X & Y measure
-  * */
-  maxConstraints: _propTypes$2.default.arrayOf(_propTypes$2.default.number),
-  /*
-  * Min X & Y measure
-  * */
-  minConstraints: _propTypes$2.default.arrayOf(_propTypes$2.default.number),
-  /*
-  * Called on stop resize event
-  * */
-  onResizeStop: _propTypes$2.default.func,
-  /*
-  * Called on start resize event
-  * */
-  onResizeStart: _propTypes$2.default.func,
-  /*
-  * Called on resize event
-  * */
-  onResize: _propTypes$2.default.func,
-  /*
-  * Defines which resize handles should be rendered (default: 'se')
-  * 's' - South handle (bottom-center)
-  * 'w' - West handle (left-center)
-  * 'e' - East handle (right-center)
-  * 'n' - North handle (top-center)
-  * 'sw' - Southwest handle (bottom-left)
-  * 'nw' - Northwest handle (top-left)
-  * 'se' - Southeast handle (bottom-right)
-  * 'ne' - Northeast handle (top-center)
-  * */
-  resizeHandles: _propTypes$2.default.arrayOf(_propTypes$2.default.oneOf(["s", "w", "e", "n", "sw", "nw", "se", "ne"])),
-  /*
-  * If `transform: scale(n)` is set on the parent, this should be set to `n`.
-  * */
-  transformScale: _propTypes$2.default.number,
-  /*
-   * Initial width
-   */
-  width: function width() {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    var props = args[0];
-    if (props.axis === "both" || props.axis === "x") {
-      var _PropTypes$number2;
-      return (_PropTypes$number2 = _propTypes$2.default.number).isRequired.apply(_PropTypes$number2, args);
-    }
-    return _propTypes$2.default.number.apply(_propTypes$2.default, args);
-  }
-};
-propTypes.resizableProps = resizableProps;
-Resizable$2.__esModule = true;
-Resizable$2.default = void 0;
-var React$1 = _interopRequireWildcard$1(React__default);
-var _reactDraggable = cjsExports;
-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 cacheBabelInterop = /* @__PURE__ */ new WeakMap();
-  var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
-  return (_getRequireWildcardCache$1 = function _getRequireWildcardCache2(nodeInterop2) {
-    return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
-  })(nodeInterop);
-}
-function _interopRequireWildcard$1(obj, nodeInterop) {
-  if (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];
-      }
-    }
-  }
-  newObj.default = obj;
-  if (cache) {
-    cache.set(obj, newObj);
-  }
-  return newObj;
-}
-function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$1.apply(this, arguments);
-}
-function _objectWithoutPropertiesLoose$1(source, excluded) {
-  if (source == null) return {};
-  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 ownKeys$1(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread$1(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys$1(Object(source), true).forEach(function(key) {
-      _defineProperty$1(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-function _defineProperty$1(obj, key, value) {
-  key = _toPropertyKey$1(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPropertyKey$1(arg) {
-  var key = _toPrimitive$1(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-function _toPrimitive$1(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _inheritsLoose$1(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf$1(subClass, superClass);
-}
-function _setPrototypeOf$1(o, p) {
-  _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
-    o2.__proto__ = p2;
-    return o2;
-  };
-  return _setPrototypeOf$1(o, p);
-}
-var Resizable$1 = /* @__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 _proto = Resizable2.prototype;
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    this.resetData();
-  };
-  _proto.resetData = function resetData() {
-    this.lastHandleRect = this.slack = null;
-  };
-  _proto.runConstraints = function runConstraints(width2, height2) {
-    var _this$props = this.props, minConstraints = _this$props.minConstraints, maxConstraints = _this$props.maxConstraints, lockAspectRatio = _this$props.lockAspectRatio;
-    if (!minConstraints && !maxConstraints && !lockAspectRatio) return [width2, height2];
-    if (lockAspectRatio) {
-      var ratio = this.props.width / this.props.height;
-      var deltaW = width2 - this.props.width;
-      var deltaH = height2 - this.props.height;
-      if (Math.abs(deltaW) > Math.abs(deltaH * ratio)) {
-        height2 = width2 / ratio;
-      } else {
-        width2 = height2 * ratio;
-      }
-    }
-    var oldW = width2, oldH = height2;
-    var _ref = this.slack || [0, 0], slackW = _ref[0], slackH = _ref[1];
-    width2 += slackW;
-    height2 += slackH;
-    if (minConstraints) {
-      width2 = Math.max(minConstraints[0], width2);
-      height2 = Math.max(minConstraints[1], height2);
-    }
-    if (maxConstraints) {
-      width2 = Math.min(maxConstraints[0], width2);
-      height2 = Math.min(maxConstraints[1], height2);
-    }
-    this.slack = [slackW + (oldW - width2), slackH + (oldH - height2)];
-    return [width2, height2];
-  };
-  _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;
-        }
-      }
-      _this2.lastHandleRect = handleRect;
-      if (axisH === "w") deltaX = -deltaX;
-      if (axisV === "n") deltaY = -deltaY;
-      var width2 = _this2.props.width + (canDragX ? deltaX / _this2.props.transformScale : 0);
-      var height2 = _this2.props.height + (canDragY ? deltaY / _this2.props.transformScale : 0);
-      var _this2$runConstraints = _this2.runConstraints(width2, height2);
-      width2 = _this2$runConstraints[0];
-      height2 = _this2$runConstraints[1];
-      var dimensionsChanged = width2 !== _this2.props.width || height2 !== _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: width2,
-            height: height2
-          },
-          handle: axis
-        });
-      }
-      if (handlerName === "onResizeStop") _this2.resetData();
-    };
-  };
-  _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 handle === "function") {
-      return handle(handleAxis, ref);
-    }
-    var isDOMElement = typeof handle.type === "string";
-    var props = _objectSpread$1({
-      ref
-    }, isDOMElement ? {} : {
-      handleAxis
-    });
-    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));
-      }))
-    }));
-  };
-  return Resizable2;
-}(React$1.Component);
-Resizable$2.default = Resizable$1;
-Resizable$1.propTypes = _propTypes$1.resizableProps;
-Resizable$1.defaultProps = {
-  axis: "both",
-  handleSize: [20, 20],
-  lockAspectRatio: false,
-  minConstraints: [20, 20],
-  maxConstraints: [Infinity, Infinity],
-  resizeHandles: ["se"],
-  transformScale: 1
-};
-var ResizableBox$2 = {};
-ResizableBox$2.__esModule = true;
-ResizableBox$2.default = void 0;
-var React = _interopRequireWildcard(React__default);
-var _propTypes = _interopRequireDefault(require$$1);
-var _Resizable = _interopRequireDefault(Resizable$2);
-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 _getRequireWildcardCache(nodeInterop) {
-  if (typeof WeakMap !== "function") return null;
-  var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
-  var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
-  return (_getRequireWildcardCache = function _getRequireWildcardCache2(nodeInterop2) {
-    return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
-  })(nodeInterop);
-}
-function _interopRequireWildcard(obj, nodeInterop) {
-  if (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];
-      }
-    }
-  }
-  newObj.default = obj;
-  if (cache) {
-    cache.set(obj, newObj);
-  }
-  return newObj;
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  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 _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
-}
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
-    o2.__proto__ = p2;
-    return o2;
-  };
-  return _setPrototypeOf(o, p);
-}
-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;
-  }
-  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 _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,
-      maxConstraints,
-      minConstraints,
-      onResizeStart,
-      onResize: this.onResize,
-      onResizeStop,
-      resizeHandles,
-      transformScale,
-      width: this.state.width
-    }, /* @__PURE__ */ React.createElement("div", _extends({}, props, {
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        width: this.state.width + "px",
-        height: this.state.height + "px"
-      })
-    })));
-  };
-  return ResizableBox2;
-}(React.Component);
-ResizableBox$2.default = ResizableBox$1;
-ResizableBox$1.propTypes = _objectSpread(_objectSpread({}, _propTypes2.resizableProps), {}, {
-  children: _propTypes.default.element
-});
-reactResizable.exports = function() {
-  throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
-};
-var Resizable = reactResizable.exports.Resizable = Resizable$2.default;
-var ResizableBox = reactResizable.exports.ResizableBox = ResizableBox$2.default;
-export {
-  Resizable as R,
-  ResizableBox as a
-};