@rpg-engine/long-bow 0.5.7 → 0.5.8

package/dist/long-bow.esm.js

@@ -15692,6 +15692,122 @@ var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-15y5p9l-1"
 })(["position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);"]);
 
+var LeaderboardTable = function LeaderboardTable(props) {
+  var items = props.items,
+    rankType = props.rankType;
+  if (!items) return null;
+  function isTopSkillEntry(entry) {
+    return 'skill' in entry;
+  }
+  return React.createElement(React.Fragment, null, React.createElement("thead", null, React.createElement(TableRowWrapper, null, React.createElement(TableRowValue, null, React.createElement("p", null, React.createElement(Ellipsis, {
+    maxLines: 1,
+    maxWidth: "200px",
+    fontSize: "14px"
+  }, "Name"))), rankType === 'Skill' ? React.createElement(TableRowValue, null, React.createElement("p", null, React.createElement(Ellipsis, {
+    maxLines: 1,
+    maxWidth: "200px",
+    fontSize: "14px"
+  }, "Skill"))) : null, React.createElement(TableRowValue, null, React.createElement("p", null, React.createElement(Ellipsis, {
+    maxLines: 1,
+    maxWidth: "200px",
+    fontSize: "14px"
+  }, "Level"))))), React.createElement("tbody", null, Array.from(items).map(function (entry) {
+    return React.createElement(TableRowWrapper, {
+      key: entry.name
+    }, React.createElement(TableRowValue, null, React.createElement("p", null, React.createElement(Ellipsis, {
+      maxLines: 1,
+      maxWidth: "200px",
+      fontSize: "10px"
+    }, entry.name))), isTopSkillEntry(entry) ? React.createElement(TableRowValue, null, React.createElement("p", null, React.createElement(Ellipsis, {
+      maxLines: 1,
+      maxWidth: "200px",
+      fontSize: "10px"
+    }, entry.skill))) : null, React.createElement(TableRowValue, null, React.createElement("p", null, React.createElement(Ellipsis, {
+      maxLines: 1,
+      maxWidth: "200px",
+      fontSize: "10px"
+    }, entry.level))));
+  })));
+};
+var TableRowWrapper = /*#__PURE__*/styled.tr.withConfig({
+  displayName: "LeaderboardTable__TableRowWrapper",
+  componentId: "sc-kk017f-0"
+})(["margin:auto;padding:0.5rem;&:hover{background-color:", ";}p{font-size:0.8rem;}"], uiColors.darkGray);
+var TableRowValue = /*#__PURE__*/styled.td.withConfig({
+  displayName: "LeaderboardTable__TableRowValue",
+  componentId: "sc-kk017f-1"
+})(["padding:0 20px;"]);
+
+var rankTypeOptions = /*#__PURE__*/['Level', 'Class', 'Skill'].map(function (itemType, index) {
+  return {
+    id: index + 1,
+    value: itemType,
+    option: itemType
+  };
+});
+var classTypeOptions = /*#__PURE__*/Object.keys(CharacterClass).map(function (itemType, index) {
+  return {
+    id: index + 1,
+    value: itemType,
+    option: itemType
+  };
+});
+var Leaderboard = function Leaderboard(props) {
+  var items = props.items,
+    onChangeRankType = props.onChangeRankType,
+    onChangeClassType = props.onChangeClassType,
+    rankType = props.rankType,
+    skills = props.skills,
+    onChangeSkillType = props.onChangeSkillType;
+  var itemsContainer = useRef(null);
+  useEffect(function () {
+    var _itemsContainer$curre;
+    (_itemsContainer$curre = itemsContainer.current) == null ? void 0 : _itemsContainer$curre.scrollTo(0, 0);
+  }, []);
+  var skillTypeOptions = skills.map(function (itemType, index) {
+    return {
+      id: index + 1,
+      value: itemType,
+      option: itemType
+    };
+  });
+  return React.createElement(React.Fragment, null, React.createElement(WrapperContainer, null, React.createElement(StyledDropdown, {
+    options: rankTypeOptions,
+    onChange: onChangeRankType,
+    width: "80%"
+  }), rankType === 'Class' ? React.createElement(StyledDropdown, {
+    options: classTypeOptions,
+    onChange: onChangeClassType,
+    width: "100%"
+  }) : null, rankType === 'Skill' ? React.createElement(StyledDropdown, {
+    options: skillTypeOptions,
+    onChange: onChangeSkillType,
+    width: "100%"
+  }) : null), React.createElement(ItemComponentScrollWrapper, {
+    id: "LeaderboardContainer",
+    ref: itemsContainer
+  }, React.createElement(TableWrapper, null, React.createElement(LeaderboardTable, {
+    items: items,
+    rankType: rankType
+  }))));
+};
+var WrapperContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Leaderboard__WrapperContainer",
+  componentId: "sc-1wdsq7i-0"
+})(["display:grid;grid-template-columns:50% 50%;justify-content:space-between;width:calc(100% - 40px);margin-left:10px;.rpgui-content .rpgui-dropdown-imp-header{padding:0px 10px 0 !important;}"]);
+var StyledDropdown = /*#__PURE__*/styled(Dropdown).withConfig({
+  displayName: "Leaderboard__StyledDropdown",
+  componentId: "sc-1wdsq7i-1"
+})(["margin:3px !important;width:170px !important;"]);
+var ItemComponentScrollWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "Leaderboard__ItemComponentScrollWrapper",
+  componentId: "sc-1wdsq7i-2"
+})(["overflow-y:scroll;height:390px;width:100%;margin-top:1rem;@media (max-width:950px){height:250px;}"]);
+var TableWrapper = /*#__PURE__*/styled.table.withConfig({
+  displayName: "Leaderboard__TableWrapper",
+  componentId: "sc-1wdsq7i-3"
+})(["margin:auto;width:100%;"]);
+
 var ListMenu = function ListMenu(_ref) {
   var options = _ref.options,
     onSelected = _ref.onSelected,
@@ -16052,19 +16168,19 @@ var BuyPanel = function BuyPanel(_ref) {
     className: "big-input",
     onBlur: enableHotkeys,
     onFocus: disableHotkeys
-  }))), React.createElement(WrapperContainer, null, React.createElement(StyledDropdown, {
+  }))), React.createElement(WrapperContainer$1, null, React.createElement(StyledDropdown$1, {
     options: itemTypeOptions,
     onChange: onChangeType,
     width: "95%"
-  }), React.createElement(StyledDropdown, {
+  }), React.createElement(StyledDropdown$1, {
     options: itemRarityOptions,
     onChange: onChangeRarity,
     width: "95%"
-  }), React.createElement(StyledDropdown, {
+  }), React.createElement(StyledDropdown$1, {
     options: orderByOptions,
     onChange: onChangeOrder,
     width: "100%"
-  }))), React.createElement(ItemComponentScrollWrapper, {
+  }))), React.createElement(ItemComponentScrollWrapper$1, {
     id: "MarketContainer",
     ref: itemsContainer
   }, items == null ? void 0 : items.map(function (_ref2, index) {
@@ -16096,15 +16212,15 @@ var FilterInputsWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "BuyPanel__FilterInputsWrapper",
   componentId: "sc-1si8t7i-2"
 })(["width:95%;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;margin-left:10px;gap:5px;color:white;flex-wrap:wrap;p{width:auto;margin:0;}input{width:75px;height:10px;}.big-input{width:130px;}"]);
-var WrapperContainer = /*#__PURE__*/styled.div.withConfig({
+var WrapperContainer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "BuyPanel__WrapperContainer",
   componentId: "sc-1si8t7i-3"
 })(["display:grid;grid-template-columns:40% 30% 30%;justify-content:space-between;width:calc(100% - 40px);margin-left:10px;.rpgui-content .rpgui-dropdown-imp-header{padding:0px 10px 0 !important;}"]);
-var ItemComponentScrollWrapper = /*#__PURE__*/styled.div.withConfig({
+var ItemComponentScrollWrapper$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "BuyPanel__ItemComponentScrollWrapper",
   componentId: "sc-1si8t7i-4"
 })(["overflow-y:scroll;height:390px;width:100%;margin-top:1rem;@media (max-width:950px){height:250px;}"]);
-var StyledDropdown = /*#__PURE__*/styled(Dropdown).withConfig({
+var StyledDropdown$1 = /*#__PURE__*/styled(Dropdown).withConfig({
   displayName: "BuyPanel__StyledDropdown",
   componentId: "sc-1si8t7i-5"
 })(["margin:3px !important;width:170px !important;"]);
@@ -16206,7 +16322,7 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
     onPointerDown: function onPointerDown() {
       return availableGold > 0 && onMoneyWithdraw();
     }
-  }, "Withdraw")))), React.createElement(ItemComponentScrollWrapper$1, {
+  }, "Withdraw")))), React.createElement(ItemComponentScrollWrapper$2, {
     id: "MarketContainer",
     ref: itemsContainer
   }, items == null ? void 0 : items.map(function (_ref2, index) {
@@ -16240,7 +16356,7 @@ var InnerOptionsWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "ManagmentPanel__InnerOptionsWrapper",
   componentId: "sc-1yyi6jn-3"
 })(["display:flex;justify-content:space-between;flex-direction:column;height:100%;"]);
-var ItemComponentScrollWrapper$1 = /*#__PURE__*/styled.div.withConfig({
+var ItemComponentScrollWrapper$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "ManagmentPanel__ItemComponentScrollWrapper",
   componentId: "sc-1yyi6jn-4"
 })(["overflow-y:scroll;height:390px;width:100%;margin-top:1rem;@media (max-width:950px){height:250px;}"]);
@@ -18168,5 +18284,5 @@ var ButtonWrapper$3 = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-gptoxp-5"
 })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
 
-export { Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, CheckButton, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio$1 as InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, ListMenu, Marketplace, MarketplaceRows, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, rarityColor, useEventListener };
+export { Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, CheckButton, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio$1 as InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, Leaderboard, ListMenu, Marketplace, MarketplaceRows, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, rarityColor, useEventListener };
 //# sourceMappingURL=long-bow.esm.js.map