@rpg-engine/long-bow 0.5.3 → 0.5.5

package/dist/components/ImageCarousel/ImageCarousel.d.ts

@@ -7,5 +7,6 @@ export interface ITextImageProps {
 export interface IImageCarouselProps {
     textImage: ITextImageProps[];
     isTextFixed: boolean;
+    onCloseButton?: () => void;
 }
 export declare const ImageCarousel: React.FC<IImageCarouselProps>;

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

@@ -101,6 +101,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,
@@ -122,7 +123,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__default.createElement(Container, {
     width: width,
@@ -15166,7 +15167,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 = React.useState(textImage[0]),
     textImageSelected = _useState[0],
     setTextImageSelected = _useState[1];
@@ -15220,7 +15222,10 @@ var ImageCarousel = function ImageCarousel(_ref) {
     onPointerDown: function onPointerDown() {
       return goToNextImage();
     }
-  }))));
+  }))), onCloseButton && React__default.createElement(CloseButton$2, {
+    className: "container-close",
+    onPointerDown: onCloseButton
+  }, "X"));
 };
 var CarouselWrapper = /*#__PURE__*/styled(DraggableContainer).withConfig({
   displayName: "ImageCarousel__CarouselWrapper",
@@ -15233,7 +15238,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%';
@@ -15248,6 +15253,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,
@@ -15396,7 +15405,7 @@ var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
   return React__default.createElement(StyledContainer, {
     type: exports.RPGUIContainerTypes.Framed,
     width: "25rem"
-  }, React__default.createElement(CloseButton$2, {
+  }, React__default.createElement(CloseButton$3, {
     className: "container-close",
     onPointerDown: onClose
   }, "X"), React__default.createElement("h2", null, "Select quantity to move"), React__default.createElement(StyledForm, {
@@ -15454,7 +15463,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;"]);
@@ -17356,7 +17365,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
     cancelDrag: "#skillsDiv",
     scale: scale,
     width: "100%"
-  }, onCloseButton && React__default.createElement(CloseButton$3, {
+  }, onCloseButton && React__default.createElement(CloseButton$4, {
     onPointerDown: onCloseButton
   }, "X"), React__default.createElement(SkillsContainerDiv, {
     id: "skillsDiv"
@@ -17392,7 +17401,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;"]);
@@ -17802,7 +17811,7 @@ var TimeWidget = function TimeWidget(_ref) {
     scale = _ref.scale;
   return React__default.createElement(Draggable, {
     scale: scale
-  }, React__default.createElement(WidgetContainer, null, React__default.createElement(CloseButton$4, {
+  }, React__default.createElement(WidgetContainer, null, React__default.createElement(CloseButton$5, {
     onPointerDown: onClose
   }, "X"), React__default.createElement(DayNightContainer, null, React__default.createElement(DayNightPeriod, {
     periodOfDay: periodOfDay
@@ -17816,7 +17825,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);