@rpg-engine/long-bow 0.1.74 → 0.1.75

package/dist/long-bow.cjs.development.js

@@ -354,11 +354,7 @@ var DraggableContainer = function DraggableContainer(_ref) {
       document.removeEventListener('clickOutside', function (_e) {});
     };
   }, []);
-  return React__default.createElement(DraggableRef, {
-    ref: draggableRef,
-    width: width,
-    height: height || 'auto'
-  }, React__default.createElement(Draggable, {
+  return React__default.createElement(Draggable, {
     cancel: ".container-close," + cancelDrag,
     onDrag: function onDrag(_e, data) {
       if (onPositionChange) {
@@ -369,6 +365,7 @@ var DraggableContainer = function DraggableContainer(_ref) {
       }
     }
   }, React__default.createElement(Container$2, {
+    ref: draggableRef,
     width: width,
     height: height || 'auto',
     className: "rpgui-container " + type + " " + className
@@ -381,41 +378,32 @@ var DraggableContainer = function DraggableContainer(_ref) {
     className: "container-close",
     onClick: onCloseButton,
     onTouchStart: onCloseButton
-  }, "X"), children)));
+  }, "X"), children));
 };
-var DraggableRef = /*#__PURE__*/styled.div.withConfig({
-  displayName: "DraggableContainer__DraggableRef",
-  componentId: "sc-184mpyl-0"
-})(["height:", ";width:", ";"], function (props) {
-  return props.height;
-}, function (_ref2) {
-  var width = _ref2.width;
-  return width;
-});
 var Container$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggableContainer__Container",
-  componentId: "sc-184mpyl-1"
+  componentId: "sc-184mpyl-0"
 })(["height:", ";width:", ";display:flex;flex-wrap:wrap;image-rendering:pixelated;&.rpgui-container{padding-top:1.5rem;}"], function (props) {
   return props.height;
-}, function (_ref3) {
-  var width = _ref3.width;
+}, function (_ref2) {
+  var width = _ref2.width;
   return width;
 });
 var CloseButton$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggableContainer__CloseButton",
-  componentId: "sc-184mpyl-2"
+  componentId: "sc-184mpyl-1"
 })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
 var TitleContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggableContainer__TitleContainer",
-  componentId: "sc-184mpyl-3"
+  componentId: "sc-184mpyl-2"
 })(["width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;"]);
 var Title = /*#__PURE__*/styled.h1.withConfig({
   displayName: "DraggableContainer__Title",
-  componentId: "sc-184mpyl-4"
+  componentId: "sc-184mpyl-3"
 })(["color:white;z-index:22;font-size:0.6rem;"]);
 var Icon = /*#__PURE__*/styled.img.withConfig({
   displayName: "DraggableContainer__Icon",
-  componentId: "sc-184mpyl-5"
+  componentId: "sc-184mpyl-4"
 })(["color:white;z-index:22;font-size:10px;width:", ";margin-right:0.5rem;"], function (props) {
   return props.width;
 });