@rpg-engine/long-bow 0.5.3 → 0.5.5

package/dist/long-bow.esm.js

@@ -95,6 +95,7 @@ var ButtonContainer = /*#__PURE__*/styled.button.withConfig({
 })(["height:45px;font-size:", ";"], uiFonts.size.small);
 
 var SpriteFromAtlas = function SpriteFromAtlas(_ref) {
+  var _atlasJSON$frames, _atlasJSON$frames2;
   var atlasJSON = _ref.atlasJSON,
     atlasIMG = _ref.atlasIMG,
     spriteKey = _ref.spriteKey,
@@ -116,7 +117,7 @@ var SpriteFromAtlas = function SpriteFromAtlas(_ref) {
     borderRadius = _ref.borderRadius;
   //! If an item is not showing, remember that you MUST run yarn atlas:copy everytime you add a new item to the atlas (it will sync our public folder atlas with src/atlas).
   //!Due to React's limitations, we cannot import it from the public folder directly!
-  var spriteData = atlasJSON.frames[spriteKey] || atlasJSON.frames['others/no-image.png'];
+  var spriteData = (atlasJSON == null ? void 0 : (_atlasJSON$frames = atlasJSON.frames) == null ? void 0 : _atlasJSON$frames[spriteKey]) || (atlasJSON == null ? void 0 : (_atlasJSON$frames2 = atlasJSON.frames) == null ? void 0 : _atlasJSON$frames2['others/no-image.png']);
   if (!spriteData) throw new Error("Sprite " + spriteKey + " not found in atlas!");
   return React.createElement(Container, {
     width: width,
@@ -15163,7 +15164,8 @@ var DialogContainer = /*#__PURE__*/styled.div.withConfig({
 var ImageCarousel = function ImageCarousel(_ref) {
   var _textImageSelected$te, _textImageSelected$te2;
   var textImage = _ref.textImage,
-    isTextFixed = _ref.isTextFixed;
+    isTextFixed = _ref.isTextFixed,
+    onCloseButton = _ref.onCloseButton;
   var _useState = useState(textImage[0]),
     textImageSelected = _useState[0],
     setTextImageSelected = _useState[1];
@@ -15217,7 +15219,10 @@ var ImageCarousel = function ImageCarousel(_ref) {
     onPointerDown: function onPointerDown() {
       return goToNextImage();
     }
-  }))));
+  }))), onCloseButton && React.createElement(CloseButton$2, {
+    className: "container-close",
+    onPointerDown: onCloseButton
+  }, "X"));
 };
 var CarouselWrapper = /*#__PURE__*/styled(DraggableContainer).withConfig({
   displayName: "ImageCarousel__CarouselWrapper",
@@ -15230,7 +15235,7 @@ var ArrowContainer = /*#__PURE__*/styled.span.withConfig({
 var BackgroundImage = /*#__PURE__*/styled.div.withConfig({
   displayName: "ImageCarousel__BackgroundImage",
   componentId: "sc-jl6f8-2"
-})(["background-image:url(", ");background-repeat:no-repeat;background-attachment:fixed;background-size:cover;width:100%;height:", ";"], function (props) {
+})(["background-image:url(", ");background-repeat:no-repeat;background-attachment:fixed;background-size:contain;background-position:center;width:100%;height:", ";"], function (props) {
   return props.imagePath;
 }, function (props) {
   return props.isTextFixed ? '80%' : '100%';
@@ -15245,6 +15250,10 @@ var Description$1 = /*#__PURE__*/styled.div.withConfig({
 }, function (props) {
   return props.isTextFixed ? 'none' : 'rgba(0, 0, 0, 0.6)';
 });
+var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "ImageCarousel__CloseButton",
+  componentId: "sc-jl6f8-4"
+})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:1.5rem;@media (max-width:950px){font-size:1.7rem;padding:12px;}"]);
 
 var SlotsContainer = function SlotsContainer(_ref) {
   var children = _ref.children,
@@ -15394,7 +15403,7 @@ var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
   return React.createElement(StyledContainer, {
     type: RPGUIContainerTypes.Framed,
     width: "25rem"
-  }, React.createElement(CloseButton$2, {
+  }, React.createElement(CloseButton$3, {
     className: "container-close",
     onPointerDown: onClose
   }, "X"), React.createElement("h2", null, "Select quantity to move"), React.createElement(StyledForm, {
@@ -15452,7 +15461,7 @@ var StyledInput = /*#__PURE__*/styled(Input).withConfig({
   displayName: "ItemQuantitySelector__StyledInput",
   componentId: "sc-yfdtpn-2"
 })(["text-align:center;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
-var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
+var CloseButton$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemQuantitySelector__CloseButton",
   componentId: "sc-yfdtpn-3"
 })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:0.8rem;"]);
@@ -17354,7 +17363,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
     cancelDrag: "#skillsDiv",
     scale: scale,
     width: "100%"
-  }, onCloseButton && React.createElement(CloseButton$3, {
+  }, onCloseButton && React.createElement(CloseButton$4, {
     onPointerDown: onCloseButton
   }, "X"), React.createElement(SkillsContainerDiv, {
     id: "skillsDiv"
@@ -17390,7 +17399,7 @@ var SkillSplitDiv = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillsContainer__SkillSplitDiv",
   componentId: "sc-1g0c67q-2"
 })(["width:100%;font-size:11px;hr{margin:0;margin-bottom:1rem;padding:0px;}p{margin-bottom:0px;}"]);
-var CloseButton$3 = /*#__PURE__*/styled.div.withConfig({
+var CloseButton$4 = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillsContainer__CloseButton",
   componentId: "sc-1g0c67q-3"
 })(["position:absolute;top:2px;right:2px;color:white;z-index:22;font-size:1.1rem;"]);
@@ -17800,7 +17809,7 @@ var TimeWidget = function TimeWidget(_ref) {
     scale = _ref.scale;
   return React.createElement(Draggable, {
     scale: scale
-  }, React.createElement(WidgetContainer, null, React.createElement(CloseButton$4, {
+  }, React.createElement(WidgetContainer, null, React.createElement(CloseButton$5, {
     onPointerDown: onClose
   }, "X"), React.createElement(DayNightContainer, null, React.createElement(DayNightPeriod, {
     periodOfDay: periodOfDay
@@ -17814,7 +17823,7 @@ var Time = /*#__PURE__*/styled.div.withConfig({
   displayName: "TimeWidget__Time",
   componentId: "sc-1ja236h-1"
 })(["top:0.75rem;right:0.5rem;position:absolute;font-size:", ";color:white;"], uiFonts.size.small);
-var CloseButton$4 = /*#__PURE__*/styled.p.withConfig({
+var CloseButton$5 = /*#__PURE__*/styled.p.withConfig({
   displayName: "TimeWidget__CloseButton",
   componentId: "sc-1ja236h-2"
 })(["position:absolute;top:-0.5rem;margin:0;right:-0.2rem;font-size:", " !important;z-index:1;"], uiFonts.size.small);