@rpg-engine/long-bow 0.1.72 → 0.1.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/long-bow.cjs.development.js +10 -6
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +10 -6
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/DraggableContainer.tsx +10 -2
|
@@ -354,7 +354,7 @@ var DraggableContainer = function DraggableContainer(_ref) {
|
|
|
354
354
|
document.removeEventListener('clickOutside', function (_e) {});
|
|
355
355
|
};
|
|
356
356
|
}, []);
|
|
357
|
-
return React__default.createElement(
|
|
357
|
+
return React__default.createElement(DraggableRef, {
|
|
358
358
|
ref: draggableRef
|
|
359
359
|
}, React__default.createElement(Draggable, {
|
|
360
360
|
cancel: ".container-close," + cancelDrag,
|
|
@@ -381,9 +381,13 @@ var DraggableContainer = function DraggableContainer(_ref) {
|
|
|
381
381
|
onTouchStart: onCloseButton
|
|
382
382
|
}, "X"), children)));
|
|
383
383
|
};
|
|
384
|
+
var DraggableRef = /*#__PURE__*/styled.div.withConfig({
|
|
385
|
+
displayName: "DraggableContainer__DraggableRef",
|
|
386
|
+
componentId: "sc-184mpyl-0"
|
|
387
|
+
})(["width:100%;height:100%;display:flex;justify-content:center;align-items:center;"]);
|
|
384
388
|
var Container$2 = /*#__PURE__*/styled.div.withConfig({
|
|
385
389
|
displayName: "DraggableContainer__Container",
|
|
386
|
-
componentId: "sc-184mpyl-
|
|
390
|
+
componentId: "sc-184mpyl-1"
|
|
387
391
|
})(["height:", ";width:", ";display:flex;flex-wrap:wrap;image-rendering:pixelated;&.rpgui-container{padding-top:1.5rem;}"], function (props) {
|
|
388
392
|
return props.height;
|
|
389
393
|
}, function (_ref2) {
|
|
@@ -392,19 +396,19 @@ var Container$2 = /*#__PURE__*/styled.div.withConfig({
|
|
|
392
396
|
});
|
|
393
397
|
var CloseButton$1 = /*#__PURE__*/styled.div.withConfig({
|
|
394
398
|
displayName: "DraggableContainer__CloseButton",
|
|
395
|
-
componentId: "sc-184mpyl-
|
|
399
|
+
componentId: "sc-184mpyl-2"
|
|
396
400
|
})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
|
|
397
401
|
var TitleContainer = /*#__PURE__*/styled.div.withConfig({
|
|
398
402
|
displayName: "DraggableContainer__TitleContainer",
|
|
399
|
-
componentId: "sc-184mpyl-
|
|
403
|
+
componentId: "sc-184mpyl-3"
|
|
400
404
|
})(["width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;"]);
|
|
401
405
|
var Title = /*#__PURE__*/styled.h1.withConfig({
|
|
402
406
|
displayName: "DraggableContainer__Title",
|
|
403
|
-
componentId: "sc-184mpyl-
|
|
407
|
+
componentId: "sc-184mpyl-4"
|
|
404
408
|
})(["color:white;z-index:22;font-size:0.6rem;"]);
|
|
405
409
|
var Icon = /*#__PURE__*/styled.img.withConfig({
|
|
406
410
|
displayName: "DraggableContainer__Icon",
|
|
407
|
-
componentId: "sc-184mpyl-
|
|
411
|
+
componentId: "sc-184mpyl-5"
|
|
408
412
|
})(["color:white;z-index:22;font-size:10px;width:", ";margin-right:0.5rem;"], function (props) {
|
|
409
413
|
return props.width;
|
|
410
414
|
});
|