@rpg-engine/long-bow 0.6.64 → 0.6.66

package/dist/components/Multitab/TabsContainer.d.ts

@@ -12,6 +12,14 @@ export interface ITabsContainer {
     onCloseButton?: () => void;
     tabs: ITab[];
     type: MultitabType;
+    styles?: {
+        width?: string;
+        height?: string;
+        className?: string;
+        title?: string;
+        imgSrc?: string;
+        imgWidth?: string;
+    };
 }
 export declare const TabsContainer: React.FC<ITabsContainer>;
 export {};

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

@@ -31116,7 +31116,9 @@ var TabsContainer = function TabsContainer(_ref) {
     onCloseButton = _ref.onCloseButton,
     tabs = _ref.tabs,
     _ref$type = _ref.type,
-    type = _ref$type === void 0 ? exports.MultitabType.Brown : _ref$type;
+    type = _ref$type === void 0 ? exports.MultitabType.Brown : _ref$type,
+    _ref$styles = _ref.styles,
+    styles = _ref$styles === void 0 ? {} : _ref$styles;
   var _useState = React.useState(tabs[0].id),
     selectedTab = _useState[0],
     setSelectedTab = _useState[1]; // by default the first one
@@ -31147,6 +31149,13 @@ var TabsContainer = function TabsContainer(_ref) {
     onCloseButton: onCloseButton,
     type: onGetContainerType(),
     cancelDrag: ".tabs-container *" // Disable drag on all elements inside .tabs-container
+    ,
+    width: styles == null ? void 0 : styles.width,
+    height: styles == null ? void 0 : styles.height,
+    className: styles == null ? void 0 : styles.className,
+    title: styles == null ? void 0 : styles.title,
+    imgSrc: styles == null ? void 0 : styles.imgSrc,
+    imgWidth: styles == null ? void 0 : styles.imgWidth
   }, onRenderTabs(), React__default.createElement(BodyContainer, {
     selectedTab: selectedTab,
     className: type + " tabs-container"
@@ -31398,13 +31407,7 @@ var PartyManager = function PartyManager(_ref) {
   var sortedMembers = partyRows != null && partyRows.leader && partyRows != null && partyRows.members ? [partyRows.leader].concat(partyRows.members).sort(function (a, b) {
     return a._id === partyRows.leader._id ? -1 : b._id === partyRows.leader._id ? 1 : 0;
   }) : [];
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$5, null, React__default.createElement("div", {
-    style: {
-      width: '100%'
-    }
-  }, React__default.createElement(Title$7, null, "Party Dashboard"), React__default.createElement("hr", {
-    className: "golden"
-  }))), React__default.createElement(RowsWrapper$2, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(RowsWrapper$2, {
     className: "partyRows"
   }, partyRows && sortedMembers.length ? sortedMembers.map(function (partyRow) {
     return React__default.createElement(PartyManagerRow, {
@@ -31432,17 +31435,9 @@ var YellowText = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "PartyManager__YellowText",
   componentId: "sc-1yqcad8-1"
 })(["color:", " !important;"], uiColors.yellow);
-var Wrapper$5 = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "PartyManager__Wrapper",
-  componentId: "sc-1yqcad8-2"
-})(["display:flex;flex-direction:column;width:100%;"]);
-var Title$7 = /*#__PURE__*/styled__default.h1.withConfig({
-  displayName: "PartyManager__Title",
-  componentId: "sc-1yqcad8-3"
-})(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
 var NotInParty = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "PartyManager__NotInParty",
-  componentId: "sc-1yqcad8-4"
+  componentId: "sc-1yqcad8-2"
 })(["font-size:0.6rem;margin:auto;"]);
 
 var mockedPartyRows = [{
@@ -31781,7 +31776,7 @@ var QuestInfo = function QuestInfo(_ref) {
     onPointerDown: onRightClick
   }), React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
     className: "drag-handler"
-  }, React__default.createElement(Title$8, null, React__default.createElement(Thumbnail, {
+  }, React__default.createElement(Title$7, null, React__default.createElement(Thumbnail, {
     src: quests[currentIndex].thumbnail || img$8
   }), quests[currentIndex].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
     className: "golden"
@@ -31800,7 +31795,7 @@ var QuestInfo = function QuestInfo(_ref) {
     }, button.title);
   })))) : React__default.createElement(QuestsContainer, null, React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
     className: "drag-handler"
-  }, React__default.createElement(Title$8, null, React__default.createElement(Thumbnail, {
+  }, React__default.createElement(Title$7, null, React__default.createElement(Thumbnail, {
     src: quests[0].thumbnail || img$8
   }), quests[0].title), React__default.createElement(QuestSplitDiv, null, React__default.createElement("hr", {
     className: "golden"
@@ -31847,7 +31842,7 @@ var TitleContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "QuestInfo__TitleContainer",
   componentId: "sc-15s2boc-6"
 })(["width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:1rem;"]);
-var Title$8 = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$7 = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "QuestInfo__Title",
   componentId: "sc-15s2boc-7"
 })(["color:white;z-index:22;font-size:", " !important;color:", " !important;"], uiFonts.size.medium, uiColors.yellow);
@@ -31871,7 +31866,7 @@ var QuestList = function QuestList(_ref) {
     style: {
       width: '100%'
     }
-  }, React__default.createElement(Title$9, null, "Quests"), React__default.createElement("hr", {
+  }, React__default.createElement(Title$8, null, "Quests"), React__default.createElement("hr", {
     className: "golden"
   }), React__default.createElement(QuestListContainer, null, quests ? quests.map(function (quest, i) {
     return React__default.createElement("div", {
@@ -31892,7 +31887,7 @@ var QuestDraggableContainer$1 = /*#__PURE__*/styled__default(DraggableContainer)
   displayName: "QuestList__QuestDraggableContainer",
   componentId: "sc-1a2vx6q-0"
 })([".container-close{top:10px;right:10px;}.quest-title{text-align:left;margin-left:44px;margin-top:20px;color:yellow;}.quest-desc{margin-top:12px;margin-left:44px;}.rpgui-progress{min-width:80%;margin:0 auto;}"]);
-var Title$9 = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$8 = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "QuestList__Title",
   componentId: "sc-1a2vx6q-1"
 })(["z-index:22;font-size:", " !important;color:yellow !important;"], uiFonts.size.medium);
@@ -32386,7 +32381,7 @@ var SpellInfo = function SpellInfo(_ref) {
     castingType = spell.castingType,
     cooldown = spell.cooldown,
     maxDistanceGrid = spell.maxDistanceGrid;
-  return React__default.createElement(Container$s, null, React__default.createElement(Header$1, null, React__default.createElement("div", null, React__default.createElement(Title$a, null, name), React__default.createElement(Type$1, null, magicWords))), React__default.createElement(Statistic$1, null, React__default.createElement("div", {
+  return React__default.createElement(Container$s, null, React__default.createElement(Header$1, null, React__default.createElement("div", null, React__default.createElement(Title$9, null, name), React__default.createElement(Type$1, null, magicWords))), React__default.createElement(Statistic$1, null, React__default.createElement("div", {
     className: "label"
   }, "Casting Type:"), React__default.createElement("div", {
     className: "value"
@@ -32416,7 +32411,7 @@ var Container$s = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SpellInfo__Container",
   componentId: "sc-4hbw3q-0"
 })(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;font-size:", ";border:3px solid ", ";height:max-content;width:30rem;@media (max-width:580px){width:80vw;}"], uiFonts.size.small, uiColors.lightGray);
-var Title$a = /*#__PURE__*/styled__default.div.withConfig({
+var Title$9 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SpellInfo__Title",
   componentId: "sc-4hbw3q-1"
 })(["font-size:", ";font-weight:bold;margin-bottom:0.5rem;display:flex;align-items:center;margin:0;"], uiFonts.size.medium);
@@ -32611,7 +32606,7 @@ var Spell = function Spell(_ref) {
     imgScale: IMAGE_SCALE,
     containerStyle: CONTAINER_STYLE,
     centered: true
-  })), React__default.createElement(Info, null, React__default.createElement(Title$b, null, React__default.createElement("span", null, name), React__default.createElement("span", {
+  })), React__default.createElement(Info, null, React__default.createElement(Title$a, null, React__default.createElement("span", null, name), React__default.createElement("span", {
     className: "spell"
   }, "(", magicWords, ")")), React__default.createElement(Description$3, null, description)), React__default.createElement(Divider, null), React__default.createElement(Cost, null, React__default.createElement("span", null, "Mana cost:"), React__default.createElement("span", {
     className: "mana"
@@ -32632,7 +32627,7 @@ var Info = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "Spell__Info",
   componentId: "sc-j96fa2-2"
 })(["width:0;flex:1;@media (orientation:portrait){display:none;}"]);
-var Title$b = /*#__PURE__*/styled__default.p.withConfig({
+var Title$a = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "Spell__Title",
   componentId: "sc-j96fa2-3"
 })(["display:flex;flex-wrap:wrap;align-items:center;margin-bottom:5px;margin:0;span{font-size:", " !important;font-weight:bold !important;color:", " !important;margin-right:0.5rem;}.spell{font-size:", " !important;font-weight:normal !important;color:", " !important;}"], uiFonts.size.medium, uiColors.yellow, uiFonts.size.small, uiColors.lightGray);
@@ -32696,7 +32691,7 @@ var Spellbook = function Spellbook(_ref) {
     height: "inherit",
     cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
     scale: scale
-  }, React__default.createElement(Container$w, null, React__default.createElement(Title$c, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
+  }, React__default.createElement(Container$w, null, React__default.createElement(Title$b, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
     setSettingShortcutIndex: setSettingShortcutIndex,
     settingShortcutIndex: settingShortcutIndex,
     shortcuts: shortcuts,
@@ -32728,7 +32723,7 @@ var Spellbook = function Spellbook(_ref) {
     }, spell)));
   }))));
 };
-var Title$c = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$b = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "Spellbook__Title",
   componentId: "sc-r02nfq-0"
 })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
@@ -33218,7 +33213,7 @@ var TradingMenu = function TradingMenu(_ref) {
     style: {
       width: '100%'
     }
-  }, React__default.createElement(Title$d, null, Capitalize(type), " Menu"), React__default.createElement("hr", {
+  }, React__default.createElement(Title$c, null, Capitalize(type), " Menu"), React__default.createElement("hr", {
     className: "golden"
   })), React__default.createElement(TradingComponentScrollWrapper, {
     id: "TraderContainer"
@@ -33249,7 +33244,7 @@ var TradingMenu = function TradingMenu(_ref) {
     }
   }, "Cancel"))));
 };
-var Title$d = /*#__PURE__*/styled__default.h1.withConfig({
+var Title$c = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "TradingMenu__Title",
   componentId: "sc-1wjsz1l-0"
 })(["z-index:22;font-size:0.6rem;color:yellow !important;"]);