@rpg-engine/long-bow 0.7.28 → 0.7.29

package/dist/long-bow.esm.js

@@ -29113,7 +29113,7 @@ var SearchFriend = function SearchFriend(_ref) {
     title: "Requests (" + friendRequests.length + ")",
     content: requestsTabContent
   }];
-  return React.createElement(Container$g, null, React.createElement(TableTab, {
+  return React.createElement(Container$g, null, React.createElement(InternalTabs, {
     tabs: tabs,
     activeTextColor: "#000",
     inactiveColor: "#777",
@@ -29989,6 +29989,68 @@ var FadeInCarouselImg = /*#__PURE__*/styled(CarouselImg).withConfig({
   componentId: "sc-gdvbly-5"
 })(["animation:", " 0.5s;"], fadeIn);
 
+var InternalTabs = function InternalTabs(_ref) {
+  var _tabs$find;
+  var tabs = _ref.tabs,
+    _ref$activeColor = _ref.activeColor,
+    activeColor = _ref$activeColor === void 0 ? '#fef08a' : _ref$activeColor,
+    _ref$activeTextColor = _ref.activeTextColor,
+    activeTextColor = _ref$activeTextColor === void 0 ? '#000000' : _ref$activeTextColor,
+    _ref$inactiveColor = _ref.inactiveColor,
+    inactiveColor = _ref$inactiveColor === void 0 ? '#6b7280' : _ref$inactiveColor,
+    _ref$borderColor = _ref.borderColor,
+    borderColor = _ref$borderColor === void 0 ? '#f59e0b' : _ref$borderColor,
+    _ref$hoverColor = _ref.hoverColor,
+    hoverColor = _ref$hoverColor === void 0 ? '#fef3c7' : _ref$hoverColor;
+  var _useState = useState(tabs[0].id),
+    activeTab = _useState[0],
+    setActiveTab = _useState[1];
+  return React.createElement(TableWrapper, null, React.createElement(TabHeader, {
+    borderColor: borderColor
+  }, tabs.map(function (tab) {
+    return React.createElement(TabButton, {
+      key: tab.id,
+      active: activeTab === tab.id,
+      activeColor: activeColor,
+      activeTextColor: activeTextColor,
+      inactiveColor: inactiveColor,
+      borderColor: borderColor,
+      hoverColor: hoverColor,
+      onClick: function onClick() {
+        return setActiveTab(tab.id);
+      }
+    }, tab.title);
+  })), React.createElement(ContentWrapper, null, (_tabs$find = tabs.find(function (tab) {
+    return tab.id === activeTab;
+  })) == null ? void 0 : _tabs$find.content));
+};
+var TableWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "InternalTabs__TableWrapper",
+  componentId: "sc-ldufv0-0"
+})(["width:100%;"]);
+var TabHeader = /*#__PURE__*/styled.div.withConfig({
+  displayName: "InternalTabs__TabHeader",
+  componentId: "sc-ldufv0-1"
+})(["display:flex;border-bottom:1px solid ", ";"], function (props) {
+  return props.borderColor;
+});
+var TabButton = /*#__PURE__*/styled.button.withConfig({
+  displayName: "InternalTabs__TabButton",
+  componentId: "sc-ldufv0-2"
+})(["flex:1;padding:0.5rem 1rem;font-size:0.875rem;font-weight:500;border-right:1px solid ", ";background-color:", ";color:", ";&:last-child{border-right:none;}&:hover{background-color:", ";}"], function (props) {
+  return props.borderColor;
+}, function (props) {
+  return props.active ? props.activeColor : 'transparent';
+}, function (props) {
+  return props.active ? props.activeTextColor : props.inactiveColor;
+}, function (props) {
+  return props.active ? props.activeColor : props.hoverColor;
+});
+var ContentWrapper = /*#__PURE__*/styled.div.withConfig({
+  displayName: "InternalTabs__ContentWrapper",
+  componentId: "sc-ldufv0-3"
+})(["padding:1rem;"]);
+
 var SlotsContainer = function SlotsContainer(_ref) {
   var children = _ref.children,
     title = _ref.title,
@@ -30741,7 +30803,7 @@ var Leaderboard = function Leaderboard(props) {
   }) : null), React.createElement(ItemComponentScrollWrapper, {
     id: "LeaderboardContainer",
     ref: itemsContainer
-  }, React.createElement(TableWrapper, null, React.createElement(LeaderboardTable, {
+  }, React.createElement(TableWrapper$1, null, React.createElement(LeaderboardTable, {
     items: items,
     rankType: rankType
   }))));
@@ -30758,7 +30820,7 @@ var ItemComponentScrollWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "Leaderboard__ItemComponentScrollWrapper",
   componentId: "sc-1wdsq7i-2"
 })(["overflow-y:auto;height:390px;width:100%;margin-top:1rem;@media (max-width:950px){height:250px;}"]);
-var TableWrapper = /*#__PURE__*/styled.table.withConfig({
+var TableWrapper$1 = /*#__PURE__*/styled.table.withConfig({
   displayName: "Leaderboard__TableWrapper",
   componentId: "sc-1wdsq7i-3"
 })(["margin:auto;width:100%;"]);
@@ -33262,68 +33324,6 @@ var ProgressIndicator = /*#__PURE__*/styled.div.withConfig({
   return isActive ? '0 0 0 1px black, 1px 1px 0 1px black, 2px 2px 0 1px black, -1px -1px 0 1px black' : '0 0 0 1px black, 1px 1px 0 1px gray, 2px 2px 0 1px gray, -1px -1px 0 1px gray';
 });
 
-var TableTab = function TableTab(_ref) {
-  var _tabs$find;
-  var tabs = _ref.tabs,
-    _ref$activeColor = _ref.activeColor,
-    activeColor = _ref$activeColor === void 0 ? '#fef08a' : _ref$activeColor,
-    _ref$activeTextColor = _ref.activeTextColor,
-    activeTextColor = _ref$activeTextColor === void 0 ? '#000000' : _ref$activeTextColor,
-    _ref$inactiveColor = _ref.inactiveColor,
-    inactiveColor = _ref$inactiveColor === void 0 ? '#6b7280' : _ref$inactiveColor,
-    _ref$borderColor = _ref.borderColor,
-    borderColor = _ref$borderColor === void 0 ? '#f59e0b' : _ref$borderColor,
-    _ref$hoverColor = _ref.hoverColor,
-    hoverColor = _ref$hoverColor === void 0 ? '#fef3c7' : _ref$hoverColor;
-  var _useState = useState(tabs[0].id),
-    activeTab = _useState[0],
-    setActiveTab = _useState[1];
-  return React.createElement(TableWrapper$1, null, React.createElement(TabHeader, {
-    borderColor: borderColor
-  }, tabs.map(function (tab) {
-    return React.createElement(TabButton, {
-      key: tab.id,
-      active: activeTab === tab.id,
-      activeColor: activeColor,
-      activeTextColor: activeTextColor,
-      inactiveColor: inactiveColor,
-      borderColor: borderColor,
-      hoverColor: hoverColor,
-      onClick: function onClick() {
-        return setActiveTab(tab.id);
-      }
-    }, tab.title);
-  })), React.createElement(ContentWrapper, null, (_tabs$find = tabs.find(function (tab) {
-    return tab.id === activeTab;
-  })) == null ? void 0 : _tabs$find.content));
-};
-var TableWrapper$1 = /*#__PURE__*/styled.div.withConfig({
-  displayName: "TableTab__TableWrapper",
-  componentId: "sc-m1diiu-0"
-})(["width:100%;"]);
-var TabHeader = /*#__PURE__*/styled.div.withConfig({
-  displayName: "TableTab__TabHeader",
-  componentId: "sc-m1diiu-1"
-})(["display:flex;border-bottom:1px solid ", ";"], function (props) {
-  return props.borderColor;
-});
-var TabButton = /*#__PURE__*/styled.button.withConfig({
-  displayName: "TableTab__TabButton",
-  componentId: "sc-m1diiu-2"
-})(["flex:1;padding:0.5rem 1rem;font-size:0.875rem;font-weight:500;border-right:1px solid ", ";background-color:", ";color:", ";&:last-child{border-right:none;}&:hover{background-color:", ";}"], function (props) {
-  return props.borderColor;
-}, function (props) {
-  return props.active ? props.activeColor : 'transparent';
-}, function (props) {
-  return props.active ? props.activeTextColor : props.inactiveColor;
-}, function (props) {
-  return props.active ? props.activeColor : props.hoverColor;
-});
-var ContentWrapper = /*#__PURE__*/styled.div.withConfig({
-  displayName: "TableTab__ContentWrapper",
-  componentId: "sc-m1diiu-3"
-})(["padding:1rem;"]);
-
 var TextArea = function TextArea(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   return React.createElement("textarea", Object.assign({}, props));
@@ -33830,5 +33830,5 @@ var LessonContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-7tgzv2-6"
 })(["display:flex;flex-direction:column;justify-content:space-between;min-height:200px;p{font-size:0.7rem !important;}"]);
 
-export { ActionButtons, AsyncDropdown, Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio$1 as InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, Leaderboard, ListMenu, Marketplace, MarketplaceRows, MultitabType, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, Stepper, TabBody, Table, TableCell, TableHeader, TableRow, TableTab, TabsContainer, TextArea, TimeWidget, TradingMenu, Truncate, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
+export { ActionButtons, AsyncDropdown, Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio$1 as InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, Leaderboard, ListMenu, Marketplace, MarketplaceRows, MultitabType, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, Stepper, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer, TextArea, TimeWidget, TradingMenu, Truncate, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
 //# sourceMappingURL=long-bow.esm.js.map