@m4l/components 0.1.4 → 0.1.6

package/react-draggable.js

@@ -2,485 +2,10 @@ import require$$0 from "react";
 import PropTypes from "prop-types";
 import require$$2 from "react-dom";
 import clsx from "clsx";
+import { j as shims, l as log, k as domFns, p as positionFns } from "./utils/index.js";
 var cjs = { exports: {} };
 var Draggable$2 = {};
-var domFns = {};
-var shims = {};
-Object.defineProperty(shims, "__esModule", {
-  value: true
-});
-shims.dontSetMe = dontSetMe;
-shims.findInArray = findInArray;
-shims.int = int;
-shims.isFunction = isFunction;
-shims.isNum = isNum;
-function findInArray(array, callback) {
-  for (var i = 0, length = array.length; i < length; i++) {
-    if (callback.apply(callback, [array[i], i, array]))
-      return array[i];
-  }
-}
-function isFunction(func) {
-  return typeof func === "function" || Object.prototype.toString.call(func) === "[object Function]";
-}
-function isNum(num) {
-  return typeof num === "number" && !isNaN(num);
-}
-function int(a) {
-  return parseInt(a, 10);
-}
-function dontSetMe(props, propName, componentName) {
-  if (props[propName]) {
-    return new Error("Invalid prop ".concat(propName, " passed to ").concat(componentName, " - do not set this, set it on the child."));
-  }
-}
-var getPrefix$1 = {};
-Object.defineProperty(getPrefix$1, "__esModule", {
-  value: true
-});
-getPrefix$1.browserPrefixToKey = browserPrefixToKey;
-getPrefix$1.browserPrefixToStyle = browserPrefixToStyle;
-getPrefix$1.default = void 0;
-getPrefix$1.getPrefix = getPrefix;
-var prefixes = ["Moz", "Webkit", "O", "ms"];
-function getPrefix() {
-  var _window$document, _window$document$docu;
-  var prop = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
-  if (typeof window === "undefined")
-    return "";
-  var style = (_window$document = window.document) === null || _window$document === void 0 ? void 0 : (_window$document$docu = _window$document.documentElement) === null || _window$document$docu === void 0 ? void 0 : _window$document$docu.style;
-  if (!style)
-    return "";
-  if (prop in style)
-    return "";
-  for (var i = 0; i < prefixes.length; i++) {
-    if (browserPrefixToKey(prop, prefixes[i]) in style)
-      return prefixes[i];
-  }
-  return "";
-}
-function browserPrefixToKey(prop, prefix) {
-  return prefix ? "".concat(prefix).concat(kebabToTitleCase(prop)) : prop;
-}
-function browserPrefixToStyle(prop, prefix) {
-  return prefix ? "-".concat(prefix.toLowerCase(), "-").concat(prop) : prop;
-}
-function kebabToTitleCase(str) {
-  var out = "";
-  var shouldCapitalize = true;
-  for (var i = 0; i < str.length; i++) {
-    if (shouldCapitalize) {
-      out += str[i].toUpperCase();
-      shouldCapitalize = false;
-    } else if (str[i] === "-") {
-      shouldCapitalize = true;
-    } else {
-      out += str[i];
-    }
-  }
-  return out;
-}
-var _default = getPrefix();
-getPrefix$1.default = _default;
-function _typeof$1(obj) {
-  "@babel/helpers - typeof";
-  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
-    return typeof obj2;
-  } : function(obj2) {
-    return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-  }, _typeof$1(obj);
-}
-Object.defineProperty(domFns, "__esModule", {
-  value: true
-});
-domFns.addClassName = addClassName;
-domFns.addEvent = addEvent;
-domFns.addUserSelectStyles = addUserSelectStyles;
-domFns.createCSSTransform = createCSSTransform;
-domFns.createSVGTransform = createSVGTransform;
-domFns.getTouch = getTouch;
-domFns.getTouchIdentifier = getTouchIdentifier;
-domFns.getTranslation = getTranslation;
-domFns.innerHeight = innerHeight;
-domFns.innerWidth = innerWidth;
-domFns.matchesSelector = matchesSelector;
-domFns.matchesSelectorAndParentsTo = matchesSelectorAndParentsTo;
-domFns.offsetXYFromParent = offsetXYFromParent;
-domFns.outerHeight = outerHeight;
-domFns.outerWidth = outerWidth;
-domFns.removeClassName = removeClassName;
-domFns.removeEvent = removeEvent;
-domFns.removeUserSelectStyles = removeUserSelectStyles;
-var _shims$2 = shims;
-var _getPrefix = _interopRequireWildcard$1(getPrefix$1);
-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 (!nodeInterop && obj && obj.__esModule) {
-    return obj;
-  }
-  if (obj === null || _typeof$1(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 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$1(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$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;
-}
-var matchesSelectorFunc = "";
-function matchesSelector(el, selector) {
-  if (!matchesSelectorFunc) {
-    matchesSelectorFunc = (0, _shims$2.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(method) {
-      return (0, _shims$2.isFunction)(el[method]);
-    });
-  }
-  if (!(0, _shims$2.isFunction)(el[matchesSelectorFunc]))
-    return false;
-  return el[matchesSelectorFunc](selector);
-}
-function matchesSelectorAndParentsTo(el, selector, baseNode) {
-  var node = el;
-  do {
-    if (matchesSelector(node, selector))
-      return true;
-    if (node === baseNode)
-      return false;
-    node = node.parentNode;
-  } while (node);
-  return false;
-}
-function addEvent(el, event, handler, inputOptions) {
-  if (!el)
-    return;
-  var options = _objectSpread({
-    capture: true
-  }, inputOptions);
-  if (el.addEventListener) {
-    el.addEventListener(event, handler, options);
-  } else if (el.attachEvent) {
-    el.attachEvent("on" + event, handler);
-  } else {
-    el["on" + event] = handler;
-  }
-}
-function removeEvent(el, event, handler, inputOptions) {
-  if (!el)
-    return;
-  var options = _objectSpread({
-    capture: true
-  }, inputOptions);
-  if (el.removeEventListener) {
-    el.removeEventListener(event, handler, options);
-  } else if (el.detachEvent) {
-    el.detachEvent("on" + event, handler);
-  } else {
-    el["on" + event] = null;
-  }
-}
-function outerHeight(node) {
-  var height = node.clientHeight;
-  var computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
-  height += (0, _shims$2.int)(computedStyle.borderTopWidth);
-  height += (0, _shims$2.int)(computedStyle.borderBottomWidth);
-  return height;
-}
-function outerWidth(node) {
-  var width = node.clientWidth;
-  var computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
-  width += (0, _shims$2.int)(computedStyle.borderLeftWidth);
-  width += (0, _shims$2.int)(computedStyle.borderRightWidth);
-  return width;
-}
-function innerHeight(node) {
-  var height = node.clientHeight;
-  var computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
-  height -= (0, _shims$2.int)(computedStyle.paddingTop);
-  height -= (0, _shims$2.int)(computedStyle.paddingBottom);
-  return height;
-}
-function innerWidth(node) {
-  var width = node.clientWidth;
-  var computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
-  width -= (0, _shims$2.int)(computedStyle.paddingLeft);
-  width -= (0, _shims$2.int)(computedStyle.paddingRight);
-  return width;
-}
-function offsetXYFromParent(evt, offsetParent2, scale) {
-  var isBody = offsetParent2 === offsetParent2.ownerDocument.body;
-  var offsetParentRect = isBody ? {
-    left: 0,
-    top: 0
-  } : offsetParent2.getBoundingClientRect();
-  var x = (evt.clientX + offsetParent2.scrollLeft - offsetParentRect.left) / scale;
-  var y = (evt.clientY + offsetParent2.scrollTop - offsetParentRect.top) / scale;
-  return {
-    x,
-    y
-  };
-}
-function createCSSTransform(controlPos, positionOffset) {
-  var translation = getTranslation(controlPos, positionOffset, "px");
-  return _defineProperty$1({}, (0, _getPrefix.browserPrefixToKey)("transform", _getPrefix.default), translation);
-}
-function createSVGTransform(controlPos, positionOffset) {
-  var translation = getTranslation(controlPos, positionOffset, "");
-  return translation;
-}
-function getTranslation(_ref2, positionOffset, unitSuffix) {
-  var x = _ref2.x, y = _ref2.y;
-  var translation = "translate(".concat(x).concat(unitSuffix, ",").concat(y).concat(unitSuffix, ")");
-  if (positionOffset) {
-    var defaultX = "".concat(typeof positionOffset.x === "string" ? positionOffset.x : positionOffset.x + unitSuffix);
-    var defaultY = "".concat(typeof positionOffset.y === "string" ? positionOffset.y : positionOffset.y + unitSuffix);
-    translation = "translate(".concat(defaultX, ", ").concat(defaultY, ")") + translation;
-  }
-  return translation;
-}
-function getTouch(e, identifier) {
-  return e.targetTouches && (0, _shims$2.findInArray)(e.targetTouches, function(t) {
-    return identifier === t.identifier;
-  }) || e.changedTouches && (0, _shims$2.findInArray)(e.changedTouches, function(t) {
-    return identifier === t.identifier;
-  });
-}
-function getTouchIdentifier(e) {
-  if (e.targetTouches && e.targetTouches[0])
-    return e.targetTouches[0].identifier;
-  if (e.changedTouches && e.changedTouches[0])
-    return e.changedTouches[0].identifier;
-}
-function addUserSelectStyles(doc) {
-  if (!doc)
-    return;
-  var styleEl = doc.getElementById("react-draggable-style-el");
-  if (!styleEl) {
-    styleEl = doc.createElement("style");
-    styleEl.type = "text/css";
-    styleEl.id = "react-draggable-style-el";
-    styleEl.innerHTML = ".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n";
-    styleEl.innerHTML += ".react-draggable-transparent-selection *::selection {all: inherit;}\n";
-    doc.getElementsByTagName("head")[0].appendChild(styleEl);
-  }
-  if (doc.body)
-    addClassName(doc.body, "react-draggable-transparent-selection");
-}
-function removeUserSelectStyles(doc) {
-  if (!doc)
-    return;
-  try {
-    if (doc.body)
-      removeClassName(doc.body, "react-draggable-transparent-selection");
-    if (doc.selection) {
-      doc.selection.empty();
-    } else {
-      var selection = (doc.defaultView || window).getSelection();
-      if (selection && selection.type !== "Caret") {
-        selection.removeAllRanges();
-      }
-    }
-  } catch (e) {
-  }
-}
-function addClassName(el, className) {
-  if (el.classList) {
-    el.classList.add(className);
-  } else {
-    if (!el.className.match(new RegExp("(?:^|\\s)".concat(className, "(?!\\S)")))) {
-      el.className += " ".concat(className);
-    }
-  }
-}
-function removeClassName(el, className) {
-  if (el.classList) {
-    el.classList.remove(className);
-  } else {
-    el.className = el.className.replace(new RegExp("(?:^|\\s)".concat(className, "(?!\\S)"), "g"), "");
-  }
-}
-var positionFns = {};
-Object.defineProperty(positionFns, "__esModule", {
-  value: true
-});
-positionFns.canDragX = canDragX;
-positionFns.canDragY = canDragY;
-positionFns.createCoreData = createCoreData;
-positionFns.createDraggableData = createDraggableData;
-positionFns.getBoundPosition = getBoundPosition;
-positionFns.getControlPosition = getControlPosition;
-positionFns.snapToGrid = snapToGrid;
-var _shims$1 = shims;
-var _domFns$1 = domFns;
-function getBoundPosition(draggable, x, y) {
-  if (!draggable.props.bounds)
-    return [x, y];
-  var bounds = draggable.props.bounds;
-  bounds = typeof bounds === "string" ? bounds : cloneBounds(bounds);
-  var node = findDOMNode(draggable);
-  if (typeof bounds === "string") {
-    var ownerDocument = node.ownerDocument;
-    var ownerWindow = ownerDocument.defaultView;
-    var boundNode;
-    if (bounds === "parent") {
-      boundNode = node.parentNode;
-    } else {
-      boundNode = ownerDocument.querySelector(bounds);
-    }
-    if (!(boundNode instanceof ownerWindow.HTMLElement)) {
-      throw new Error('Bounds selector "' + bounds + '" could not find an element.');
-    }
-    var boundNodeEl = boundNode;
-    var nodeStyle = ownerWindow.getComputedStyle(node);
-    var boundNodeStyle = ownerWindow.getComputedStyle(boundNodeEl);
-    bounds = {
-      left: -node.offsetLeft + (0, _shims$1.int)(boundNodeStyle.paddingLeft) + (0, _shims$1.int)(nodeStyle.marginLeft),
-      top: -node.offsetTop + (0, _shims$1.int)(boundNodeStyle.paddingTop) + (0, _shims$1.int)(nodeStyle.marginTop),
-      right: (0, _domFns$1.innerWidth)(boundNodeEl) - (0, _domFns$1.outerWidth)(node) - node.offsetLeft + (0, _shims$1.int)(boundNodeStyle.paddingRight) - (0, _shims$1.int)(nodeStyle.marginRight),
-      bottom: (0, _domFns$1.innerHeight)(boundNodeEl) - (0, _domFns$1.outerHeight)(node) - node.offsetTop + (0, _shims$1.int)(boundNodeStyle.paddingBottom) - (0, _shims$1.int)(nodeStyle.marginBottom)
-    };
-  }
-  if ((0, _shims$1.isNum)(bounds.right))
-    x = Math.min(x, bounds.right);
-  if ((0, _shims$1.isNum)(bounds.bottom))
-    y = Math.min(y, bounds.bottom);
-  if ((0, _shims$1.isNum)(bounds.left))
-    x = Math.max(x, bounds.left);
-  if ((0, _shims$1.isNum)(bounds.top))
-    y = Math.max(y, bounds.top);
-  return [x, y];
-}
-function snapToGrid(grid, pendingX, pendingY) {
-  var x = Math.round(pendingX / grid[0]) * grid[0];
-  var y = Math.round(pendingY / grid[1]) * grid[1];
-  return [x, y];
-}
-function canDragX(draggable) {
-  return draggable.props.axis === "both" || draggable.props.axis === "x";
-}
-function canDragY(draggable) {
-  return draggable.props.axis === "both" || draggable.props.axis === "y";
-}
-function getControlPosition(e, touchIdentifier, draggableCore) {
-  var touchObj = typeof touchIdentifier === "number" ? (0, _domFns$1.getTouch)(e, touchIdentifier) : null;
-  if (typeof touchIdentifier === "number" && !touchObj)
-    return null;
-  var node = findDOMNode(draggableCore);
-  var offsetParent2 = draggableCore.props.offsetParent || node.offsetParent || node.ownerDocument.body;
-  return (0, _domFns$1.offsetXYFromParent)(touchObj || e, offsetParent2, draggableCore.props.scale);
-}
-function createCoreData(draggable, x, y) {
-  var state = draggable.state;
-  var isStart = !(0, _shims$1.isNum)(state.lastX);
-  var node = findDOMNode(draggable);
-  if (isStart) {
-    return {
-      node,
-      deltaX: 0,
-      deltaY: 0,
-      lastX: x,
-      lastY: y,
-      x,
-      y
-    };
-  } else {
-    return {
-      node,
-      deltaX: x - state.lastX,
-      deltaY: y - state.lastY,
-      lastX: state.lastX,
-      lastY: state.lastY,
-      x,
-      y
-    };
-  }
-}
-function createDraggableData(draggable, coreData) {
-  var scale = draggable.props.scale;
-  return {
-    node: coreData.node,
-    x: draggable.state.x + coreData.deltaX / scale,
-    y: draggable.state.y + coreData.deltaY / scale,
-    deltaX: coreData.deltaX / scale,
-    deltaY: coreData.deltaY / scale,
-    lastX: draggable.state.x,
-    lastY: draggable.state.y
-  };
-}
-function cloneBounds(bounds) {
-  return {
-    left: bounds.left,
-    top: bounds.top,
-    right: bounds.right,
-    bottom: bounds.bottom
-  };
-}
-function findDOMNode(draggable) {
-  var node = draggable.findDOMNode();
-  if (!node) {
-    throw new Error("<DraggableCore>: Unmounted during event!");
-  }
-  return node;
-}
 var DraggableCore$2 = {};
-var log$1 = {};
-Object.defineProperty(log$1, "__esModule", {
-  value: true
-});
-log$1.default = log;
-function log() {
-}
 function _typeof(obj) {
   "@babel/helpers - typeof";
   return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
@@ -499,7 +24,7 @@ var _reactDom = _interopRequireDefault(require$$2);
 var _domFns = domFns;
 var _positionFns = positionFns;
 var _shims = shims;
-var _log = _interopRequireDefault(log$1);
+var _log = _interopRequireDefault(log);
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
@@ -882,7 +407,7 @@ var DraggableCore$1 = /* @__PURE__ */ function(_React$Component) {
     }
   }, {
     key: "findDOMNode",
-    value: function findDOMNode2() {
+    value: function findDOMNode() {
       var _this$props, _this$props2, _this$props2$nodeRef;
       return (_this$props = this.props) !== null && _this$props !== void 0 && _this$props.nodeRef ? (_this$props2 = this.props) === null || _this$props2 === void 0 ? void 0 : (_this$props2$nodeRef = _this$props2.nodeRef) === null || _this$props2$nodeRef === void 0 ? void 0 : _this$props2$nodeRef.current : _reactDom.default.findDOMNode(this);
     }
@@ -963,7 +488,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
   var _positionFns2 = positionFns;
   var _shims2 = shims;
   var _DraggableCore = _interopRequireDefault2(DraggableCore$2);
-  var _log2 = _interopRequireDefault2(log$1);
+  var _log2 = _interopRequireDefault2(log);
   var _excluded = ["axis", "bounds", "children", "defaultPosition", "defaultClassName", "defaultClassNameDragging", "defaultClassNameDragged", "position", "positionOffset", "scale"];
   function _interopRequireDefault2(obj) {
     return obj && obj.__esModule ? obj : { default: obj };
@@ -1052,7 +577,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
     }
     return target;
   }
-  function ownKeys2(object, enumerableOnly) {
+  function ownKeys(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
       var symbols = Object.getOwnPropertySymbols(object);
@@ -1062,12 +587,12 @@ _defineProperty(DraggableCore$1, "defaultProps", {
     }
     return keys;
   }
-  function _objectSpread2(target) {
+  function _objectSpread(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = null != arguments[i] ? arguments[i] : {};
-      i % 2 ? ownKeys2(Object(source), true).forEach(function(key) {
+      i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
         _defineProperty2(target, key, source[key]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys2(Object(source)).forEach(function(key) {
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
         Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
       });
     }
@@ -1297,7 +822,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
         dragged: false,
         x: props.position ? props.position.x : props.defaultPosition.x,
         y: props.position ? props.position.y : props.defaultPosition.y,
-        prevPropsPosition: _objectSpread2({}, props.position),
+        prevPropsPosition: _objectSpread({}, props.position),
         slackX: 0,
         slackY: 0,
         isElementSVG: false
@@ -1325,7 +850,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
       }
     }, {
       key: "findDOMNode",
-      value: function findDOMNode2() {
+      value: function findDOMNode() {
         var _this$props$nodeRef$c, _this$props, _this$props$nodeRef;
         return (_this$props$nodeRef$c = (_this$props = this.props) === null || _this$props === void 0 ? void 0 : (_this$props$nodeRef = _this$props.nodeRef) === null || _this$props$nodeRef === void 0 ? void 0 : _this$props$nodeRef.current) !== null && _this$props$nodeRef$c !== void 0 ? _this$props$nodeRef$c : _reactDom2.default.findDOMNode(this);
       }
@@ -1360,7 +885,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
           onStop: this.onDragStop
         }), /* @__PURE__ */ React2.cloneElement(React2.Children.only(children), {
           className,
-          style: _objectSpread2(_objectSpread2({}, children.props.style), style),
+          style: _objectSpread(_objectSpread({}, children.props.style), style),
           transform: svgTransform
         }));
       }
@@ -1377,7 +902,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
           return {
             x: position.x,
             y: position.y,
-            prevPropsPosition: _objectSpread2({}, position)
+            prevPropsPosition: _objectSpread({}, position)
           };
         }
         return null;
@@ -1387,7 +912,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
   }(React2.Component);
   exports.default = Draggable2;
   _defineProperty2(Draggable2, "displayName", "Draggable");
-  _defineProperty2(Draggable2, "propTypes", _objectSpread2(_objectSpread2({}, _DraggableCore.default.propTypes), {}, {
+  _defineProperty2(Draggable2, "propTypes", _objectSpread(_objectSpread({}, _DraggableCore.default.propTypes), {}, {
     axis: _propTypes2.default.oneOf(["both", "x", "y", "none"]),
     bounds: _propTypes2.default.oneOfType([_propTypes2.default.shape({
       left: _propTypes2.default.number,
@@ -1414,7 +939,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
     style: _shims2.dontSetMe,
     transform: _shims2.dontSetMe
   }));
-  _defineProperty2(Draggable2, "defaultProps", _objectSpread2(_objectSpread2({}, _DraggableCore.default.defaultProps), {}, {
+  _defineProperty2(Draggable2, "defaultProps", _objectSpread(_objectSpread({}, _DraggableCore.default.defaultProps), {}, {
     axis: "both",
     bounds: false,
     defaultClassName: "react-draggable",

package/react-resizable.js

@@ -1,62 +1,9 @@
 import require$$0 from "react";
 import { c as cjs } from "./react-draggable.js";
+import { m as utils } from "./utils/index.js";
 import PropTypes from "prop-types";
 var reactResizable = { exports: {} };
 var Resizable$1 = {};
-var utils = {};
-utils.__esModule = true;
-utils.cloneElement = cloneElement;
-var _react = _interopRequireDefault$2(require$$0);
-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);
-    if (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 = arguments[i] != null ? arguments[i] : {};
-    if (i % 2) {
-      ownKeys$2(Object(source), true).forEach(function(key) {
-        _defineProperty$2(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys$2(Object(source)).forEach(function(key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-  return target;
-}
-function _defineProperty$2(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 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;