@rpg-engine/long-bow 0.3.92 → 0.3.93

package/dist/long-bow.esm.js

@@ -12352,14 +12352,20 @@ var Ellipsis = function Ellipsis(_ref) {
 var Container$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "Ellipsis__Container",
   componentId: "sc-ysrlju-0"
-})([".ellipsis-1-lines{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:", ";", "}.ellipsis-2-lines{display:-webkit-box;max-width:", "px;height:25px;margin:0 auto;line-height:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}.ellipsis-3-lines{display:-webkit-box;max-width:", "px;height:43px;margin:0 auto;line-height:1;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}"], function (props) {
+})([".ellipsis-1-lines{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:", ";font-size:", ";", "}.ellipsis-2-lines{display:-webkit-box;max-width:", "px;height:25px;margin:0 auto;line-height:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;font-size:", ";}.ellipsis-3-lines{display:-webkit-box;max-width:", "px;height:43px;margin:0 auto;line-height:1;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;font-size:", ";}"], function (props) {
   return props.maxWidth;
+}, function (props) {
+  return props.fontSize;
 }, function (props) {
   return props.center && "margin: 0 auto;";
 }, function (props) {
   return props.maxWidth;
+}, function (props) {
+  return props.fontSize;
 }, function (props) {
   return props.maxWidth;
+}, function (props) {
+  return props.fontSize;
 });
 
 var PropertySelect = function PropertySelect(_ref) {
@@ -14160,6 +14166,7 @@ var CraftBook = function CraftBook(_ref) {
   }), React.createElement(RadioInputScroller, {
     className: "inputRadioCraftBook"
   }, craftablesItems == null ? void 0 : craftablesItems.map(function (option, index) {
+    var _option$levelIsOk, _option$minCraftingRe, _option$minCraftingRe2, _option$minCraftingRe3, _option$minCraftingRe4;
     return React.createElement(RadioOptionsWrapper, {
       key: index
     }, React.createElement(SpriteAtlasWrapper, null, React.createElement(ItemInfoWrapper, {
@@ -14223,7 +14230,9 @@ var CraftBook = function CraftBook(_ref) {
         spriteKey: option.texturePath,
         imgScale: 1
       }), React.createElement(StyledItem, null, modifyString(option.key), " (", option.qty, "x)"));
-    })));
+    }), isShown && isShown.index === index && React.createElement(MinCraftingRequirementsText, {
+      levelIsOk: (_option$levelIsOk = option == null ? void 0 : option.levelIsOk) != null ? _option$levelIsOk : false
+    }, modifyString(((_option$minCraftingRe = option == null ? void 0 : (_option$minCraftingRe2 = option.minCraftingRequirements) == null ? void 0 : _option$minCraftingRe2[0]) != null ? _option$minCraftingRe : '') + " " + ((_option$minCraftingRe3 = option == null ? void 0 : (_option$minCraftingRe4 = option.minCraftingRequirements) == null ? void 0 : _option$minCraftingRe4[1]) != null ? _option$minCraftingRe3 : '')))));
   })), React.createElement(ButtonWrapper, null, React.createElement(Button, {
     buttonType: ButtonTypes.RPGUIButton,
     onPointerDown: onClose
@@ -14266,6 +14275,13 @@ var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "CraftBook__ButtonWrapper",
   componentId: "sc-19q95ue-7"
 })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;button{padding:0px 50px;}"]);
+var MinCraftingRequirementsText = /*#__PURE__*/styled.div.withConfig({
+  displayName: "CraftBook__MinCraftingRequirementsText",
+  componentId: "sc-19q95ue-8"
+})(["font-size:0.6rem;font-weight:bold;color:", ";"], function (_ref2) {
+  var levelIsOk = _ref2.levelIsOk;
+  return levelIsOk ? '#72f100' : 'gray';
+});
 
 var DropdownSelectorContainer = function DropdownSelectorContainer(_ref) {
   var title = _ref.title,
@@ -15470,6 +15486,160 @@ var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
   componentId: "sc-i9097t-1"
 })(["margin-right:0.5rem;"]);
 
+var MarketplaceRows = function MarketplaceRows(_ref) {
+  var atlasJSON = _ref.atlasJSON,
+    atlasIMG = _ref.atlasIMG,
+    item = _ref.item,
+    itemPrice = _ref.itemPrice,
+    equipmentSet = _ref.equipmentSet,
+    scale = _ref.scale,
+    onHandleClick = _ref.onHandleClick;
+  return React.createElement(MarketPlaceWrapper, null, React.createElement(ItemIconContainer, null, React.createElement(SpriteContainer, null, React.createElement(ItemInfoWrapper, {
+    item: item,
+    atlasIMG: atlasIMG,
+    atlasJSON: atlasJSON,
+    equipmentSet: equipmentSet,
+    scale: scale
+  }, React.createElement(SpriteFromAtlas, {
+    atlasIMG: atlasIMG,
+    atlasJSON: atlasJSON,
+    spriteKey: getItemTextureKeyPath({
+      key: item.key,
+      stackQty: item.stackQty || 1,
+      texturePath: item.texturePath,
+      isStackable: item.isStackable
+    }, atlasJSON),
+    imgScale: 2
+  }))), React.createElement(PriceValue, null, React.createElement("p", null, React.createElement(Ellipsis, {
+    maxLines: 1,
+    maxWidth: "150px",
+    fontSize: "10px"
+  }, item.name)))), React.createElement(QuantityContainer, null, React.createElement(QuantityDisplay, null, React.createElement(TextOverlay$1, null, React.createElement(Item$1, null, React.createElement(Ellipsis, {
+    maxLines: 1,
+    maxWidth: "150px",
+    fontSize: "10px"
+  }, item.rarity))))), React.createElement(ItemIconContainer, null, React.createElement(SpriteContainer, null, React.createElement(SpriteFromAtlas, {
+    atlasIMG: atlasIMG,
+    atlasJSON: atlasJSON,
+    spriteKey: 'others/gold-coin-qty-4.png',
+    imgScale: 2
+  })), React.createElement(PriceValue, null, React.createElement("p", null, React.createElement(Ellipsis, {
+    maxLines: 1,
+    maxWidth: "150px",
+    fontSize: "10px"
+  }, "$", itemPrice)))), React.createElement(ButtonContainer$1, null, React.createElement(Button, {
+    buttonType: ButtonTypes.RPGUIButton,
+    onClick: function onClick() {
+      return onHandleClick(item.name);
+    }
+  }, "Buy")));
+};
+var MarketPlaceWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "MarketplaceRows__MarketPlaceWrapper",
+  componentId: "sc-wmpr1o-0"
+})(["margin:auto;display:grid;grid-template-columns:35% 20% 20% 25%;&:hover{background-color:", ";}padding:0.5rem;p{font-size:0.8rem;}"], uiColors.darkGray);
+var ItemIconContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "MarketplaceRows__ItemIconContainer",
+  componentId: "sc-wmpr1o-1"
+})(["display:flex;justify-content:flex-start;align-items:center;"]);
+var SpriteContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "MarketplaceRows__SpriteContainer",
+  componentId: "sc-wmpr1o-2"
+})(["position:relative;top:-0.5rem;left:0.5rem;"]);
+var Item$1 = /*#__PURE__*/styled.span.withConfig({
+  displayName: "MarketplaceRows__Item",
+  componentId: "sc-wmpr1o-3"
+})(["color:white;text-align:center;z-index:1;width:100%;"]);
+var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "MarketplaceRows__TextOverlay",
+  componentId: "sc-wmpr1o-4"
+})(["width:100%;position:relative;"]);
+var QuantityContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "MarketplaceRows__QuantityContainer",
+  componentId: "sc-wmpr1o-5"
+})(["position:relative;display:flex;min-width:100px;justify-content:center;align-items:center;"]);
+var QuantityDisplay = /*#__PURE__*/styled.div.withConfig({
+  displayName: "MarketplaceRows__QuantityDisplay",
+  componentId: "sc-wmpr1o-6"
+})(["font-size:", ";"], uiFonts.size.small);
+var PriceValue = /*#__PURE__*/styled.div.withConfig({
+  displayName: "MarketplaceRows__PriceValue",
+  componentId: "sc-wmpr1o-7"
+})(["margin-left:40px;"]);
+var ButtonContainer$1 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "MarketplaceRows__ButtonContainer",
+  componentId: "sc-wmpr1o-8"
+})(["margin:auto;"]);
+
+var Marketplace = function Marketplace(_ref) {
+  var items = _ref.items,
+    atlasIMG = _ref.atlasIMG,
+    atlasJSON = _ref.atlasJSON,
+    onClose = _ref.onClose,
+    optionsType = _ref.optionsType,
+    optionsRarity = _ref.optionsRarity,
+    optionsPrice = _ref.optionsPrice,
+    onChangeType = _ref.onChangeType,
+    onChangeRarity = _ref.onChangeRarity,
+    onChangeOrder = _ref.onChangeOrder,
+    onChangeNameInput = _ref.onChangeNameInput,
+    scale = _ref.scale,
+    equipmentSet = _ref.equipmentSet,
+    onHandleClick = _ref.onHandleClick;
+  return React.createElement(DraggableContainer, {
+    type: RPGUIContainerTypes.Framed,
+    onCloseButton: function onCloseButton() {
+      if (onClose) onClose();
+    },
+    width: "800px",
+    cancelDrag: "#MarketContainer",
+    scale: scale
+  }, React.createElement(React.Fragment, null, React.createElement(InputWrapper, null, React.createElement("p", null, " Search By Name"), React.createElement(Input, {
+    onChange: onChangeNameInput,
+    placeholder: 'Search...'
+  })), React.createElement(WrapperContainer, null, React.createElement(StyledDropdown, {
+    options: optionsType,
+    onChange: onChangeType,
+    width: '220px'
+  }), React.createElement(StyledDropdown, {
+    options: optionsRarity,
+    onChange: onChangeRarity,
+    width: '220px'
+  }), React.createElement(StyledDropdown, {
+    options: optionsPrice,
+    onChange: onChangeOrder,
+    width: '220px'
+  })), React.createElement(ItemComponentScrollWrapper, {
+    id: "MarketContainer"
+  }, items == null ? void 0 : items.map(function (item, index) {
+    return React.createElement(MarketplaceRows, {
+      key: item.key + "_" + index,
+      atlasIMG: atlasIMG,
+      atlasJSON: atlasJSON,
+      item: item,
+      itemPrice: 10,
+      equipmentSet: equipmentSet,
+      onHandleClick: onHandleClick
+    });
+  }))));
+};
+var InputWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Marketplace__InputWrapper",
+  componentId: "sc-h904b1-0"
+})(["width:95%;display:flex;justify-content:flex-start;align-items:center;margin:auto;margin-bottom:10px;p{width:auto;margin-right:20px;}input{width:68%;height:10px;}"]);
+var WrapperContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Marketplace__WrapperContainer",
+  componentId: "sc-h904b1-1"
+})(["display:grid;grid-template-columns:30% 30% 30%;justify-content:space-between;width:90%;margin-left:10px;.rpgui-content .rpgui-dropdown-imp-header{padding:0px 10px 0 !important;}"]);
+var ItemComponentScrollWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Marketplace__ItemComponentScrollWrapper",
+  componentId: "sc-h904b1-2"
+})(["overflow-y:scroll;height:390px;width:100%;margin-top:1rem;"]);
+var StyledDropdown = /*#__PURE__*/styled(Dropdown).withConfig({
+  displayName: "Marketplace__StyledDropdown",
+  componentId: "sc-h904b1-3"
+})(["margin:3px !important;width:170px !important;"]);
+
 var ProgressBar = function ProgressBar(_ref) {
   var max = _ref.max,
     value = _ref.value,
@@ -15494,7 +15664,7 @@ var ProgressBar = function ProgressBar(_ref) {
     percentageWidth: percentageWidth,
     minWidth: minWidth,
     style: style
-  }, displayText && React.createElement(TextOverlay$1, null, React.createElement(ProgressBarText, null, value, "/", max)), React.createElement("div", {
+  }, displayText && React.createElement(TextOverlay$2, null, React.createElement(ProgressBarText, null, value, "/", max)), React.createElement("div", {
     className: " rpgui-progress-track"
   }, React.createElement("div", {
     className: "rpgui-progress-fill " + color + " ",
@@ -15512,7 +15682,7 @@ var ProgressBarText = /*#__PURE__*/styled.span.withConfig({
   displayName: "ProgressBar__ProgressBarText",
   componentId: "sc-qa6fzh-0"
 })(["font-size:", " !important;color:white;text-align:center;z-index:1;position:absolute;left:50%;transform:translateX(-50%);top:12px;"], uiFonts.size.small);
-var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
+var TextOverlay$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "ProgressBar__TextOverlay",
   componentId: "sc-qa6fzh-1"
 })(["width:100%;position:relative;"]);
@@ -15890,7 +16060,7 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
   }
   var nextLevelSPWillbe = skillPoints + skillPointsToNextLevel;
   var ratio = skillPoints / nextLevelSPWillbe * 100;
-  return React.createElement(React.Fragment, null, React.createElement(ProgressTitle, null, React.createElement(TitleName, null, skillName), React.createElement(ValueDisplay, null, "lv ", level)), React.createElement(ProgressBody, null, React.createElement(ProgressIconContainer, null, atlasIMG && atlasJSON ? React.createElement(SpriteContainer, null, React.createElement(ErrorBoundary, null, React.createElement(SpriteFromAtlas, {
+  return React.createElement(React.Fragment, null, React.createElement(ProgressTitle, null, React.createElement(TitleName, null, skillName), React.createElement(ValueDisplay, null, "lv ", level)), React.createElement(ProgressBody, null, React.createElement(ProgressIconContainer, null, atlasIMG && atlasJSON ? React.createElement(SpriteContainer$1, null, React.createElement(ErrorBoundary, null, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: texturePath,
@@ -15906,7 +16076,7 @@ var ProgressBarContainer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillProgressBar__ProgressBarContainer",
   componentId: "sc-5vuroc-0"
 })(["position:relative;top:8px;width:100%;height:auto;"]);
-var SpriteContainer = /*#__PURE__*/styled.div.withConfig({
+var SpriteContainer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillProgressBar__SpriteContainer",
   componentId: "sc-5vuroc-1"
 })(["position:relative;top:-3px;left:0;"]);
@@ -16301,7 +16471,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
     }
     onQuantityChange(traderItem, Math.min((_traderItem$stackQty = traderItem.stackQty) != null ? _traderItem$stackQty : 999, selectedQty + qty));
   };
-  return React.createElement(ItemWrapper, null, React.createElement(ItemIconContainer, null, React.createElement(SpriteContainer$1, null, React.createElement(ItemInfoWrapper, {
+  return React.createElement(ItemWrapper, null, React.createElement(ItemIconContainer$1, null, React.createElement(SpriteContainer$2, null, React.createElement(ItemInfoWrapper, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     equipmentSet: equipmentSet,
@@ -16320,7 +16490,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
   })))), React.createElement(ItemNameContainer, null, React.createElement(NameValue, null, React.createElement("p", null, React.createElement(Ellipsis, {
     maxLines: 1,
     maxWidth: "250px"
-  }, capitalize(traderItem.name))), React.createElement("p", null, "$", traderItem.price))), React.createElement(QuantityContainer, null, React.createElement(SelectArrow, {
+  }, capitalize(traderItem.name))), React.createElement("p", null, "$", traderItem.price))), React.createElement(QuantityContainer$1, null, React.createElement(SelectArrow, {
     size: 32,
     className: "arrow-selector",
     direction: "left",
@@ -16330,7 +16500,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
     className: "arrow-selector",
     direction: "left",
     onPointerDown: onLeftClick
-  }), React.createElement(QuantityDisplay, null, React.createElement(TextOverlay$2, null, React.createElement(Item$1, null, selectedQty))), React.createElement(StyledArrow, {
+  }), React.createElement(QuantityDisplay$1, null, React.createElement(TextOverlay$3, null, React.createElement(Item$2, null, selectedQty))), React.createElement(StyledArrow, {
     size: 32,
     className: "arrow-selector",
     direction: "right",
@@ -16354,11 +16524,11 @@ var ItemNameContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__ItemNameContainer",
   componentId: "sc-mja0b5-2"
 })(["flex:60%;"]);
-var ItemIconContainer = /*#__PURE__*/styled.div.withConfig({
+var ItemIconContainer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__ItemIconContainer",
   componentId: "sc-mja0b5-3"
 })(["display:flex;justify-content:flex-start;align-items:center;flex:0 0 58px;"]);
-var SpriteContainer$1 = /*#__PURE__*/styled.div.withConfig({
+var SpriteContainer$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__SpriteContainer",
   componentId: "sc-mja0b5-4"
 })(["position:relative;top:-0.5rem;left:0.5rem;"]);
@@ -16366,19 +16536,19 @@ var NameValue = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__NameValue",
   componentId: "sc-mja0b5-5"
 })(["p{font-size:0.75rem;margin:0;}"]);
-var Item$1 = /*#__PURE__*/styled.span.withConfig({
+var Item$2 = /*#__PURE__*/styled.span.withConfig({
   displayName: "TradingItemRow__Item",
   componentId: "sc-mja0b5-6"
 })(["color:white;text-align:center;z-index:1;width:100%;"]);
-var TextOverlay$2 = /*#__PURE__*/styled.div.withConfig({
+var TextOverlay$3 = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__TextOverlay",
   componentId: "sc-mja0b5-7"
 })(["width:100%;position:relative;"]);
-var QuantityContainer = /*#__PURE__*/styled.div.withConfig({
+var QuantityContainer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__QuantityContainer",
   componentId: "sc-mja0b5-8"
 })(["position:relative;display:flex;min-width:100px;width:40%;justify-content:center;align-items:center;flex:40%;"]);
-var QuantityDisplay = /*#__PURE__*/styled.div.withConfig({
+var QuantityDisplay$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__QuantityDisplay",
   componentId: "sc-mja0b5-9"
 })(["font-size:", ";"], uiFonts.size.small);
@@ -16526,5 +16696,5 @@ var Container$o = /*#__PURE__*/styled.div.withConfig({
   return props.maxLines;
 });
 
-export { Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, CheckButton, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, HistoryDialog, ImgSide, Input, InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, ListMenu, NPCDialog, NPCDialogType, NPCMultiDialog, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, rarityColor, useEventListener };
+export { Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, CheckButton, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, HistoryDialog, ImgSide, Input, InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, ListMenu, Marketplace, MarketplaceRows, NPCDialog, NPCDialogType, NPCMultiDialog, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, rarityColor, useEventListener };
 //# sourceMappingURL=long-bow.esm.js.map