@rpg-engine/long-bow 0.1.82 → 0.1.83

package/dist/long-bow.esm.js

@@ -42,7 +42,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var _excluded = ["children", "buttonType"];
+var _excluded = ["disabled", "children", "buttonType"];
 var ButtonTypes;
 
 (function (ButtonTypes) {
@@ -51,12 +51,15 @@ var ButtonTypes;
 })(ButtonTypes || (ButtonTypes = {}));
 
 var Button = function Button(_ref) {
-  var children = _ref.children,
+  var _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      children = _ref.children,
       buttonType = _ref.buttonType,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return React.createElement(ButtonContainer, Object.assign({
-    className: "" + buttonType
+    className: "" + buttonType,
+    disabled: disabled
   }, props), React.createElement("p", null, children));
 };
 var ButtonContainer = /*#__PURE__*/styled.button.withConfig({
@@ -5794,6 +5797,7 @@ var ItemSlot = function ItemSlot(_ref) {
 
     if (itemToRender != null && itemToRender.texturePath) {
       element.push(React.createElement(SpriteFromAtlas, {
+        key: itemToRender._id,
         atlasIMG: img,
         atlasJSON: atlasJSON,
         spriteKey: itemToRender.texturePath,
@@ -5803,7 +5807,8 @@ var ItemSlot = function ItemSlot(_ref) {
 
     if (itemToRender != null && itemToRender.isStackable && itemToRender != null && itemToRender.stackQty) {
       element.push(React.createElement(ItemQty, {
-        left: getLeftPositionValue(itemToRender.stackQty)
+        left: getLeftPositionValue(itemToRender.stackQty),
+        key: "qty-" + itemToRender._id
       }, ' ', itemToRender.stackQty, ' '));
     }
 
@@ -5815,6 +5820,7 @@ var ItemSlot = function ItemSlot(_ref) {
 
     if (itemToRender != null && itemToRender.texturePath && (_itemToRender$allowed = itemToRender.allowedEquipSlotType) != null && _itemToRender$allowed.includes(slotSpriteMask)) {
       return React.createElement(SpriteFromAtlas, {
+        key: Math.random(),
         atlasIMG: img,
         atlasJSON: atlasJSON,
         spriteKey: itemToRender.texturePath,
@@ -7325,9 +7331,11 @@ var SkillsContainer = function SkillsContainer(_ref) {
   var onCloseButton = _ref.onCloseButton,
       skill = _ref.skill;
   return React.createElement(SkillsDraggableContainer, {
-    title: "Skills",
-    onCloseButton: onCloseButton
-  }, React.createElement(SkillSplitDiv, null, React.createElement("p", null, "Combat Skills"), React.createElement("hr", {
+    title: "Skills"
+  }, onCloseButton && React.createElement(CloseButton$2, {
+    onClick: onCloseButton,
+    onTouchStart: onCloseButton
+  }, "X"), React.createElement(SkillSplitDiv, null, React.createElement("p", null, "Combat Skills"), React.createElement("hr", {
     className: "golden"
   })), React.createElement(SkillProgressBar, {
     skillName: 'First',
@@ -7462,6 +7470,10 @@ var SkillSplitDiv = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillsContainer__SkillSplitDiv",
   componentId: "sc-1g0c67q-1"
 })(["width:100%;font-size:11px;margin-top:10px;hr{margin:0px;padding:0px;}p{margin-bottom:0px;}"]);
+var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "SkillsContainer__CloseButton",
+  componentId: "sc-1g0c67q-2"
+})(["position:absolute;top:2px;right:2px;color:white;z-index:22;font-size:0.7rem;"]);
 
 var TextArea = function TextArea(_ref) {
   var props = _extends({}, _ref);