@rpg-engine/long-bow 0.5.99 → 0.6.1

package/dist/components/Item/Inventory/ItemGem.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface IProps {
+    itemId: string;
+    gemQty: number;
+    qtyClassName: string;
+}
+export declare const onRenderGems: (itemId: string, gemQty: number) => JSX.Element | undefined;
+export declare const ItemSlotQty: ({ itemId, gemQty, qtyClassName, }: IProps) => JSX.Element;
+export {};

package/dist/index.d.ts

@@ -40,7 +40,6 @@ export * from './components/Shortcuts/Shortcuts';
 export * from './components/SkillProgressBar';
 export * from './components/SkillsContainer';
 export * from './components/Spellbook/Spellbook';
-export * from './components/Stepper';
 export * from './components/TextArea';
 export * from './components/TimeWidget/TimeWidget';
 export * from './components/TradingMenu/TradingMenu';

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

@@ -13665,6 +13665,48 @@ var rarityColor = function rarityColor(item) {
   }
 };
 
+var onRenderGems = function onRenderGems(itemId, gemQty) {
+  var qtyClassName = 'small';
+  if (gemQty <= 2) {
+    qtyClassName = 'regular';
+  }
+  if (gemQty > 0) {
+    return React__default.createElement(ItemSlotQty, {
+      itemId: itemId,
+      gemQty: gemQty,
+      qtyClassName: qtyClassName
+    });
+  }
+  return undefined;
+};
+var ItemSlotQty = function ItemSlotQty(_ref) {
+  var itemId = _ref.itemId,
+    gemQty = _ref.gemQty,
+    qtyClassName = _ref.qtyClassName;
+  var gemArray = Array.from({
+    length: gemQty
+  }, function () {
+    return '🔶';
+  });
+  return React__default.createElement(ItemQtyContainer, {
+    key: "qty-" + itemId,
+    className: "item-slot-qty"
+  }, React__default.createElement(Ellipsis, {
+    maxLines: 1,
+    maxWidth: "48px"
+  }, React__default.createElement(ItemQty, {
+    className: qtyClassName
+  }, gemArray.join(''))));
+};
+var ItemQtyContainer = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "ItemGem__ItemQtyContainer",
+  componentId: "sc-1ekseaq-0"
+})(["position:relative;width:85%;height:16px;top:25px;left:5px;pointer-events:none;display:flex;"]);
+var ItemQty = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "ItemGem__ItemQty",
+  componentId: "sc-1ekseaq-1"
+})(["&.regular{font-size:", ";}&.small{font-size:", ";}"], uiFonts.size.small, uiFonts.size.xsmall);
+
 var onRenderStackInfo = function onRenderStackInfo(itemId, stackQty) {
   var isFractionalStackQty = stackQty % 1 !== 0;
   var isLargerThan999 = stackQty > 999;
@@ -13672,7 +13714,7 @@ var onRenderStackInfo = function onRenderStackInfo(itemId, stackQty) {
   if (isLargerThan999) qtyClassName = 'small';
   if (isFractionalStackQty) qtyClassName = 'xsmall';
   if (stackQty > 1) {
-    return React__default.createElement(ItemSlotQty, {
+    return React__default.createElement(ItemSlotQty$1, {
       itemId: itemId,
       stackQty: stackQty,
       qtyClassName: qtyClassName
@@ -13680,25 +13722,25 @@ var onRenderStackInfo = function onRenderStackInfo(itemId, stackQty) {
   }
   return undefined;
 };
-var ItemSlotQty = function ItemSlotQty(_ref) {
+var ItemSlotQty$1 = function ItemSlotQty(_ref) {
   var itemId = _ref.itemId,
     stackQty = _ref.stackQty,
     qtyClassName = _ref.qtyClassName;
-  return React__default.createElement(ItemQtyContainer, {
+  return React__default.createElement(ItemQtyContainer$1, {
     key: "qty-" + itemId,
     className: "item-slot-qty"
   }, React__default.createElement(Ellipsis, {
     maxLines: 1,
     maxWidth: "48px"
-  }, React__default.createElement(ItemQty, {
+  }, React__default.createElement(ItemQty$1, {
     className: qtyClassName
   }, Math.round(stackQty * 100) / 100, ' ')));
 };
-var ItemQtyContainer = /*#__PURE__*/styled__default.div.withConfig({
+var ItemQtyContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ItemSlotQty__ItemQtyContainer",
   componentId: "sc-keb1s5-0"
 })(["position:relative;width:85%;height:16px;top:25px;left:2px;pointer-events:none;display:flex;justify-content:flex-end;"]);
-var ItemQty = /*#__PURE__*/styled__default.span.withConfig({
+var ItemQty$1 = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "ItemSlotQty__ItemQty",
   componentId: "sc-keb1s5-1"
 })(["&.regular{font-size:", ";}&.small{font-size:", ";}&.xsmall{font-size:", ";}"], uiFonts.size.small, uiFonts.size.xsmall, uiFonts.size.xxsmall);
@@ -13709,8 +13751,13 @@ var ItemSlotRenderer = function ItemSlotRenderer(_ref) {
     atlasIMG = _ref.atlasIMG,
     slotSpriteMask = _ref.slotSpriteMask,
     item = _ref.item;
+  var renderStackInfo = function renderStackInfo(item) {
+    return item.stackQty && item.stackQty > 1 && onRenderStackInfo(item._id, item.stackQty);
+  };
+  var renderGems = function renderGems(item) {
+    return item.attachedGems && onRenderGems(item._id, item.attachedGems.length);
+  };
   var renderItem = function renderItem(item) {
-    var _item$stackQty;
     if (!(item != null && item.texturePath)) {
       return null;
     }
@@ -13727,7 +13774,7 @@ var ItemSlotRenderer = function ItemSlotRenderer(_ref) {
       }, atlasJSON),
       imgScale: 3,
       imgClassname: "sprite-from-atlas-img--item"
-    }), onRenderStackInfo(item._id, (_item$stackQty = item.stackQty) != null ? _item$stackQty : 0));
+    }), renderStackInfo(item), renderGems(item));
   };
   var renderEquipment = function renderEquipment(itemToRender) {
     var _itemToRender$allowed;
@@ -18962,72 +19009,6 @@ var SpellList = /*#__PURE__*/styled__default.div.withConfig({
   componentId: "sc-r02nfq-2"
 })(["width:100%;min-height:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;"]);
 
-var Stepper = function Stepper(_ref) {
-  var _steps$currentStep;
-  var steps = _ref.steps,
-    finalCTAButton = _ref.finalCTAButton;
-  var _useState = React.useState(0),
-    currentStep = _useState[0],
-    setCurrentStep = _useState[1];
-  var currentComponent = (_steps$currentStep = steps[currentStep]) == null ? void 0 : _steps$currentStep.component;
-  var totalSteps = steps.length;
-  var onStepChange = function onStepChange(step) {
-    setCurrentStep(step);
-  };
-  return React__default.createElement(StepperContainer, null, React__default.createElement(StepperTop, null, Array.from({
-    length: totalSteps
-  }, function (_, i) {
-    return React__default.createElement(ProgressIndicator, {
-      key: i,
-      isActive: i <= currentStep,
-      onClick: function onClick() {
-        return onStepChange(i);
-      }
-    });
-  })), React__default.createElement(StepperBody, null, currentComponent), React__default.createElement(StepperFooter, null, currentStep > 0 && React__default.createElement(SelectArrow, {
-    direction: "left",
-    onPointerDown: function onPointerDown() {
-      return onStepChange(Math.max(0, currentStep - 1));
-    }
-  }), currentStep < totalSteps - 1 && React__default.createElement(SelectArrow, {
-    direction: "right",
-    onPointerDown: function onPointerDown() {
-      return onStepChange(Math.min(totalSteps - 1, currentStep + 1));
-    }
-  }), currentStep === totalSteps - 1 && finalCTAButton && React__default.createElement(Button, {
-    buttonType: exports.ButtonTypes.RPGUIButton,
-    onPointerDown: function onPointerDown() {
-      return finalCTAButton.onClick;
-    }
-  }, finalCTAButton.label)));
-};
-var StepperContainer = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "Stepper__StepperContainer",
-  componentId: "sc-13obf1-0"
-})(["display:flex;flex-direction:column;height:100%;"]);
-var StepperTop = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "Stepper__StepperTop",
-  componentId: "sc-13obf1-1"
-})(["flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:1rem;"]);
-var StepperBody = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "Stepper__StepperBody",
-  componentId: "sc-13obf1-2"
-})(["flex:8;"]);
-var StepperFooter = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "Stepper__StepperFooter",
-  componentId: "sc-13obf1-3"
-})(["margin-top:1rem;flex:1;display:flex;justify-content:flex-end;"]);
-var ProgressIndicator = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "Stepper__ProgressIndicator",
-  componentId: "sc-13obf1-4"
-})(["width:20px;height:20px;border-radius:50%;background-color:", ";margin:0 5px;transition:background-color 0.3s;opacity:", ";border:1px solid ", ";cursor:pointer;"], function (_ref2) {
-  var isActive = _ref2.isActive;
-  return isActive ? uiColors.orange : uiColors.lightGray;
-}, function (_ref3) {
-  var isActive = _ref3.isActive;
-  return isActive ? 1 : 0.25;
-}, uiColors.raisinBlack);
-
 var TextArea = function TextArea(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   return React__default.createElement("textarea", Object.assign({}, props));
@@ -19318,7 +19299,7 @@ var TradingMenu = function TradingMenu(_ref) {
       scale: scale,
       isBuy: isBuy()
     }));
-  })), React__default.createElement(GoldWrapper, null, React__default.createElement("p", null, "Available Gold:"), React__default.createElement("p", null, "$", characterAvailableGold.toFixed(2))), React__default.createElement(TotalWrapper, null, React__default.createElement("p", null, "Total:"), React__default.createElement("p", null, "$", sum)), !hasGoldForSale() ? React__default.createElement(AlertWrapper, null, React__default.createElement("p", null, " Sorry, not enough money.")) : React__default.createElement(GoldWrapper, null, React__default.createElement("p", null, "Final Gold:"), React__default.createElement("p", null, "$", getFinalGold().toFixed(2))), React__default.createElement(ButtonWrapper$2, null, React__default.createElement(Button, {
+  })), React__default.createElement(GoldWrapper, null, React__default.createElement("p", null, "Available Gold:"), React__default.createElement("p", null, "$", characterAvailableGold)), React__default.createElement(TotalWrapper, null, React__default.createElement("p", null, "Total:"), React__default.createElement("p", null, "$", sum)), !hasGoldForSale() ? React__default.createElement(AlertWrapper, null, React__default.createElement("p", null, " Sorry, not enough money.")) : React__default.createElement(GoldWrapper, null, React__default.createElement("p", null, "Final Gold:"), React__default.createElement("p", null, "$", getFinalGold())), React__default.createElement(ButtonWrapper$2, null, React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton,
     disabled: !hasGoldForSale(),
     onPointerDown: function onPointerDown() {
@@ -19514,7 +19495,6 @@ exports.SkillProgressBar = SkillProgressBar;
 exports.SkillsContainer = SkillsContainer;
 exports.Spellbook = Spellbook;
 exports.SpriteFromAtlas = SpriteFromAtlas;
-exports.Stepper = Stepper;
 exports.TextArea = TextArea;
 exports.TimeWidget = TimeWidget;
 exports.TradingMenu = TradingMenu;