@rpg-engine/long-bow 0.7.28 → 0.7.30

package/dist/components/{TableTab/TableTab.d.ts → InternalTabs/InternalTabs.d.ts}

@@ -12,5 +12,5 @@ export interface TableTabProps {
     borderColor?: string;
     hoverColor?: string;
 }
-export declare const TableTab: React.FC<TableTabProps>;
+export declare const InternalTabs: React.FC<TableTabProps>;
 export {};

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export * from './components/HistoryDialog';
 export * from './components/ImageCarousel/ImageCarousel';
 export * from './components/ImageCarousel/SimpleImageCarousel';
 export * from './components/Input';
+export * from './components/InternalTabs/InternalTabs';
 export { ErrorBoundary } from './components/Item/Inventory/ErrorBoundary';
 export * from './components/Item/Inventory/ItemContainer';
 export * from './components/Item/Inventory/ItemSlot';
@@ -45,7 +46,6 @@ export * from './components/SkillProgressBar';
 export * from './components/SkillsContainer';
 export * from './components/Spellbook/Spellbook';
 export * from './components/Stepper';
-export * from './components/TableTab/TableTab';
 export * from './components/TextArea';
 export * from './components/TimeWidget/TimeWidget';
 export * from './components/TradingMenu/TradingMenu';

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

@@ -29119,7 +29119,7 @@ var SearchFriend = function SearchFriend(_ref) {
     title: "Requests (" + friendRequests.length + ")",
     content: requestsTabContent
   }];
-  return React__default.createElement(Container$g, null, React__default.createElement(TableTab, {
+  return React__default.createElement(Container$g, null, React__default.createElement(InternalTabs, {
     tabs: tabs,
     activeTextColor: "#000",
     inactiveColor: "#777",
@@ -29993,6 +29993,68 @@ var FadeInCarouselImg = /*#__PURE__*/styled__default(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 = React.useState(tabs[0].id),
+    activeTab = _useState[0],
+    setActiveTab = _useState[1];
+  return React__default.createElement(TableWrapper, null, React__default.createElement(TabHeader, {
+    borderColor: borderColor
+  }, tabs.map(function (tab) {
+    return React__default.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__default.createElement(ContentWrapper, null, (_tabs$find = tabs.find(function (tab) {
+    return tab.id === activeTab;
+  })) == null ? void 0 : _tabs$find.content));
+};
+var TableWrapper = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "InternalTabs__TableWrapper",
+  componentId: "sc-ldufv0-0"
+})(["width:100%;"]);
+var TabHeader = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "InternalTabs__TabHeader",
+  componentId: "sc-ldufv0-1"
+})(["display:flex;border-bottom:1px solid ", ";"], function (props) {
+  return props.borderColor;
+});
+var TabButton = /*#__PURE__*/styled__default.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__default.div.withConfig({
+  displayName: "InternalTabs__ContentWrapper",
+  componentId: "sc-ldufv0-3"
+})(["padding:1rem;"]);
+
 var SlotsContainer = function SlotsContainer(_ref) {
   var children = _ref.children,
     title = _ref.title,
@@ -30744,7 +30806,7 @@ var Leaderboard = function Leaderboard(props) {
   }) : null), React__default.createElement(ItemComponentScrollWrapper, {
     id: "LeaderboardContainer",
     ref: itemsContainer
-  }, React__default.createElement(TableWrapper, null, React__default.createElement(LeaderboardTable, {
+  }, React__default.createElement(TableWrapper$1, null, React__default.createElement(LeaderboardTable, {
     items: items,
     rankType: rankType
   }))));
@@ -30761,7 +30823,7 @@ var ItemComponentScrollWrapper = /*#__PURE__*/styled__default.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__default.table.withConfig({
+var TableWrapper$1 = /*#__PURE__*/styled__default.table.withConfig({
   displayName: "Leaderboard__TableWrapper",
   componentId: "sc-1wdsq7i-3"
 })(["margin:auto;width:100%;"]);
@@ -33264,68 +33326,6 @@ var ProgressIndicator = /*#__PURE__*/styled__default.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 = React.useState(tabs[0].id),
-    activeTab = _useState[0],
-    setActiveTab = _useState[1];
-  return React__default.createElement(TableWrapper$1, null, React__default.createElement(TabHeader, {
-    borderColor: borderColor
-  }, tabs.map(function (tab) {
-    return React__default.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__default.createElement(ContentWrapper, null, (_tabs$find = tabs.find(function (tab) {
-    return tab.id === activeTab;
-  })) == null ? void 0 : _tabs$find.content));
-};
-var TableWrapper$1 = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "TableTab__TableWrapper",
-  componentId: "sc-m1diiu-0"
-})(["width:100%;"]);
-var TabHeader = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "TableTab__TabHeader",
-  componentId: "sc-m1diiu-1"
-})(["display:flex;border-bottom:1px solid ", ";"], function (props) {
-  return props.borderColor;
-});
-var TabButton = /*#__PURE__*/styled__default.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__default.div.withConfig({
-  displayName: "TableTab__ContentWrapper",
-  componentId: "sc-m1diiu-3"
-})(["padding:1rem;"]);
-
 var TextArea = function TextArea(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   return React__default.createElement("textarea", Object.assign({}, props));
@@ -33855,6 +33855,7 @@ exports.HistoryDialog = HistoryDialog;
 exports.ImageCarousel = ImageCarousel;
 exports.Input = Input;
 exports.InputRadio = InputRadio$1;
+exports.InternalTabs = InternalTabs;
 exports.ItemContainer = ItemContainer$1;
 exports.ItemSelector = ItemSelector;
 exports.ItemSlot = ItemSlot;
@@ -33891,7 +33892,6 @@ exports.Table = Table;
 exports.TableCell = TableCell;
 exports.TableHeader = TableHeader;
 exports.TableRow = TableRow;
-exports.TableTab = TableTab;
 exports.TabsContainer = TabsContainer;
 exports.TextArea = TextArea;
 exports.TimeWidget = TimeWidget;