@rpg-engine/long-bow 0.6.76 → 0.6.78

package/dist/components/DraggableContainer.d.ts

@@ -5,6 +5,8 @@ export interface IDraggableContainerProps {
     children: React.ReactNode;
     width?: string;
     height?: string;
+    minWidth?: string;
+    minHeight?: string;
     className?: string;
     type?: RPGUIContainerTypes;
     title?: string;

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

@@ -14,6 +14,8 @@ export interface ITabsContainer {
     type: MultitabType;
     styles?: {
         width?: string;
+        minWidth?: string;
+        minHeight?: string;
         height?: string;
         className?: string;
         title?: string;

package/dist/index.d.ts

@@ -33,8 +33,8 @@ export * from './components/NPCDialog/QuestionDialog/QuestionDialog';
 export * from './components/PartySystem';
 export * from './components/ProgressBar';
 export * from './components/PropertySelect/PropertySelect';
-export * from './components/QuestInfo/QuestInfo';
-export * from './components/QuestList';
+export * from './components/Quests/QuestInfo/QuestInfo';
+export * from './components/Quests/QuestList';
 export * from './components/RadioButton';
 export * from './components/RangeSlider';
 export * from './components/RPGUI/RPGUIContainer';

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

@@ -26943,6 +26943,8 @@ var DraggableContainer = function DraggableContainer(_ref) {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? '50%' : _ref$width,
     height = _ref.height,
+    minHeight = _ref.minHeight,
+    minWidth = _ref.minWidth,
     className = _ref.className,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? exports.RPGUIContainerTypes.FramedGold : _ref$type,
@@ -27018,6 +27020,8 @@ var DraggableContainer = function DraggableContainer(_ref) {
     ref: draggableRef,
     width: width,
     height: height || 'auto',
+    minWidth: minWidth,
+    minHeight: minHeight,
     className: "rpgui-container " + type + " " + className,
     isFullScreen: isFullScreen,
     opacity: opacity
@@ -27034,16 +27038,22 @@ var DraggableContainer = function DraggableContainer(_ref) {
 var Container$7 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "DraggableContainer__Container",
   componentId: "sc-184mpyl-0"
-})(["height:", ";width:", ";display:flex;flex-wrap:wrap;image-rendering:pixelated;overflow-y:hidden;", " ", " &.rpgui-container{padding-top:1.5rem;}"], function (props) {
+})(["height:", ";width:", ";min-width:", ";min-height:", ";display:flex;flex-wrap:wrap;image-rendering:pixelated;overflow-y:hidden;", " ", " &.rpgui-container{padding-top:1.5rem;}"], function (props) {
   return props.height;
 }, function (_ref2) {
   var width = _ref2.width;
   return width;
 }, function (_ref3) {
-  var opacity = _ref3.opacity;
-  return opacity && styled.css(["opacity:", ";"], opacity);
+  var minWidth = _ref3.minWidth;
+  return minWidth || 'auto';
 }, function (_ref4) {
-  var isFullScreen = _ref4.isFullScreen;
+  var minHeight = _ref4.minHeight;
+  return minHeight || 'auto';
+}, function (_ref5) {
+  var opacity = _ref5.opacity;
+  return opacity && styled.css(["opacity:", ";"], opacity);
+}, function (_ref6) {
+  var isFullScreen = _ref6.isFullScreen;
   return isFullScreen && styled.css(["justify-content:center;align-items:flex-start;align-content:flex-start;"]);
 });
 var CloseButton$2 = /*#__PURE__*/styled__default.div.withConfig({
@@ -27061,8 +27071,9 @@ var Title = /*#__PURE__*/styled__default.h1.withConfig({
 var Icon = /*#__PURE__*/styled__default.img.withConfig({
   displayName: "DraggableContainer__Icon",
   componentId: "sc-184mpyl-4"
-})(["color:white;z-index:22;font-size:", ";width:", ";margin-right:0.5rem;"], uiFonts.size.xsmall, function (props) {
-  return props.width;
+})(["color:white;z-index:22;font-size:", ";width:", ";margin-right:0.5rem;"], uiFonts.size.xsmall, function (_ref7) {
+  var width = _ref7.width;
+  return width;
 });
 
 var InputRadio = function InputRadio(_ref) {
@@ -31213,6 +31224,8 @@ var TabsContainer = function TabsContainer(_ref) {
     ,
     width: styles == null ? void 0 : styles.width,
     height: styles == null ? void 0 : styles.height,
+    minWidth: styles == null ? void 0 : styles.minWidth,
+    minHeight: styles == null ? void 0 : styles.minHeight,
     className: styles == null ? void 0 : styles.className,
     title: styles == null ? void 0 : styles.title,
     imgSrc: styles == null ? void 0 : styles.imgSrc,
@@ -31877,237 +31890,78 @@ var QuestInfo = function QuestInfo(_ref) {
 };
 var QuestDraggableContainer = /*#__PURE__*/styled__default(DraggableContainer).withConfig({
   displayName: "QuestInfo__QuestDraggableContainer",
-  componentId: "sc-15s2boc-0"
+  componentId: "sc-1wccpiy-0"
 })(["border:1px solid black;width:600px;padding:0 0 0 0 !important;.DraggableContainer__TitleContainer-sc-184mpyl-2{height:auto;}.container-close{position:absolute;margin-left:auto;top:20px;padding-right:5px;}img{display:inline-block;vertical-align:middle;line-height:normal;}"]);
 var QuestContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "QuestInfo__QuestContainer",
-  componentId: "sc-15s2boc-1"
+  componentId: "sc-1wccpiy-1"
 })(["margin-right:40px;margin-left:40px;"]);
 var QuestsContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "QuestInfo__QuestsContainer",
-  componentId: "sc-15s2boc-2"
+  componentId: "sc-1wccpiy-2"
 })(["display:flex;align-items:center;"]);
 var Content = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "QuestInfo__Content",
-  componentId: "sc-15s2boc-3"
+  componentId: "sc-1wccpiy-3"
 })(["padding:18px;h1{text-align:left;margin:14px 0px;}"]);
 var QuestSplitDiv = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "QuestInfo__QuestSplitDiv",
-  componentId: "sc-15s2boc-4"
+  componentId: "sc-1wccpiy-4"
 })(["width:100%;font-size:11px;margin-bottom:10px;hr{margin:0px;padding:0px;}p{margin-bottom:0px;}"]);
 var QuestColumn = /*#__PURE__*/styled__default(Column).withConfig({
   displayName: "QuestInfo__QuestColumn",
-  componentId: "sc-15s2boc-5"
+  componentId: "sc-1wccpiy-5"
 })(["padding-top:5px;margin-bottom:20px;display:flex;justify-content:space-evenly;"]);
 var TitleContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "QuestInfo__TitleContainer",
-  componentId: "sc-15s2boc-6"
+  componentId: "sc-1wccpiy-6"
 })(["width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:1rem;"]);
 var Title$7 = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "QuestInfo__Title",
-  componentId: "sc-15s2boc-7"
+  componentId: "sc-1wccpiy-7"
 })(["color:white;z-index:22;font-size:", " !important;color:", " !important;"], uiFonts.size.medium, uiColors.yellow);
 var Thumbnail = /*#__PURE__*/styled__default.img.withConfig({
   displayName: "QuestInfo__Thumbnail",
-  componentId: "sc-15s2boc-8"
+  componentId: "sc-1wccpiy-8"
 })(["color:white;z-index:22;width:32px * 1.5;margin-right:0.5rem;position:relative;top:-4px;"]);
 
-var RPGUIScrollbar = function RPGUIScrollbar(_ref) {
-  var children = _ref.children;
-  return React__default.createElement(Container$r, null, children);
-};
-var Container$r = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "RPGUIScrollbar__Container",
-  componentId: "sc-p3msmb-0"
-})([".rpgui-content ::-webkit-scrollbar,.rpgui-content::-webkit-scrollbar{width:25px !important;}.rpgui-content ::-webkit-scrollbar-track,.rpgui-content::-webkit-scrollbar-track{background-size:25px 60px !important;}"]);
-
-var RPGUIOverrides = function RPGUIOverrides(_ref) {
-  var children = _ref.children;
-  return React__default.createElement(RPGUIScrollbar, null, children);
-};
-
-//@ts-ignore
-var _RPGUI = RPGUI;
-var RPGUIRoot = function RPGUIRoot(_ref) {
-  var children = _ref.children;
-  return React__default.createElement(RPGUIOverrides, null, React__default.createElement("div", {
-    className: "rpgui-content"
-  }, children));
-};
-
-var SimpleTooltip = function SimpleTooltip(_ref) {
-  var content = _ref.content,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'top' : _ref$direction,
-    _ref$backgroundColor = _ref.backgroundColor,
-    backgroundColor = _ref$backgroundColor === void 0 ? uiColors.raisinBlack : _ref$backgroundColor,
-    _ref$textColor = _ref.textColor,
-    textColor = _ref$textColor === void 0 ? uiColors.white : _ref$textColor,
-    children = _ref.children,
-    _ref$showDelay = _ref.showDelay,
-    showDelay = _ref$showDelay === void 0 ? 200 : _ref$showDelay,
-    _ref$hideDelay = _ref.hideDelay,
-    hideDelay = _ref$hideDelay === void 0 ? 200 : _ref$hideDelay;
-  var _useState = React.useState(false),
-    visible = _useState[0],
-    setVisible = _useState[1];
-  var _useState2 = React.useState({
-      top: 0,
-      left: 0
-    }),
-    tooltipPosition = _useState2[0],
-    setTooltipPosition = _useState2[1];
-  var tooltipRef = React.useRef(null);
-  var triggerRef = React.useRef(null);
-  var timeoutRef = React.useRef();
-  var calculatePosition = function calculatePosition() {
-    if (!triggerRef.current || !tooltipRef.current) return;
-    var triggerRect = triggerRef.current.getBoundingClientRect();
-    var tooltipRect = tooltipRef.current.getBoundingClientRect();
-    var top, left;
-    switch (direction) {
-      case 'top':
-        top = triggerRect.top - tooltipRect.height - 8;
-        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2;
-        break;
-      case 'bottom':
-        top = triggerRect.bottom + 8;
-        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2;
-        break;
-      case 'left':
-        top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2;
-        left = triggerRect.left - tooltipRect.width - 8;
-        break;
-      case 'right':
-        top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2;
-        left = triggerRect.right + 8;
-        break;
-      default:
-        top = triggerRect.top - tooltipRect.height - 8;
-        left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2;
-    }
-    // Ensure the tooltip stays within the viewport
-    if (left < 8) left = 8;
-    if (left + tooltipRect.width > window.innerWidth) left = window.innerWidth - tooltipRect.width - 8;
-    if (top < 8) top = 8;
-    if (top + tooltipRect.height > window.innerHeight) top = window.innerHeight - tooltipRect.height - 8;
-    setTooltipPosition({
-      top: Math.round(top),
-      left: Math.round(left)
-    });
-  };
-  var showTooltip = function showTooltip() {
-    clearTimeout(timeoutRef.current);
-    timeoutRef.current = setTimeout(function () {
-      setVisible(true);
-      calculatePosition();
-    }, showDelay);
-  };
-  var hideTooltip = function hideTooltip() {
-    clearTimeout(timeoutRef.current);
-    timeoutRef.current = setTimeout(function () {
-      setVisible(false);
-    }, hideDelay);
-  };
-  React.useEffect(function () {
-    var handleMouseMove = function handleMouseMove(event) {
-      if (visible && tooltipRef.current && triggerRef.current) {
-        var tooltipRect = tooltipRef.current.getBoundingClientRect();
-        var triggerRect = triggerRef.current.getBoundingClientRect();
-        var isOutsideTooltip = event.clientX < tooltipRect.left || event.clientX > tooltipRect.right || event.clientY < tooltipRect.top || event.clientY > tooltipRect.bottom;
-        var isOutsideTrigger = event.clientX < triggerRect.left || event.clientX > triggerRect.right || event.clientY < triggerRect.top || event.clientY > triggerRect.bottom;
-        if (isOutsideTooltip && isOutsideTrigger) {
-          hideTooltip();
-        }
-      }
-    };
-    var handleScroll = function handleScroll() {
-      if (visible) {
-        hideTooltip();
-      }
-    };
-    var handleResize = function handleResize() {
-      if (visible) {
-        calculatePosition();
-      }
-    };
-    document.addEventListener('mousemove', handleMouseMove);
-    window.addEventListener('scroll', handleScroll);
-    window.addEventListener('resize', handleResize);
-    return function () {
-      document.removeEventListener('mousemove', handleMouseMove);
-      window.removeEventListener('scroll', handleScroll);
-      window.removeEventListener('resize', handleResize);
-      clearTimeout(timeoutRef.current);
-    };
-  }, [visible]);
-  return React__default.createElement(TooltipContainer, {
-    ref: triggerRef,
-    onMouseEnter: showTooltip,
-    onMouseLeave: hideTooltip,
-    onFocus: showTooltip,
-    onBlur: hideTooltip
-  }, children, visible && ReactDOM.createPortal(React__default.createElement(RPGUIRoot, null, React__default.createElement(TooltipBox, {
-    ref: tooltipRef,
-    direction: direction,
-    backgroundColor: backgroundColor,
-    textColor: textColor,
-    style: {
-      top: tooltipPosition.top,
-      left: tooltipPosition.left
-    }
-  }, content)), document.body));
-};
-var TooltipContainer = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "SimpleTooltip__TooltipContainer",
-  componentId: "sc-l46vpo-0"
-})(["display:inline-block;cursor:inherit;"]);
-var fadeIn$1 = /*#__PURE__*/styled.keyframes(["from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}"]);
-var TooltipBox = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "SimpleTooltip__TooltipBox",
-  componentId: "sc-l46vpo-1"
-})(["position:fixed;z-index:1000;background-color:", ";color:", ";padding:8px;border-radius:4px;font-size:0.65rem;max-width:250px;box-shadow:0px 4px 8px rgba(0,0,0,0.1);animation:", " 0.2s ease-out;line-height:1.3;"], function (_ref2) {
-  var backgroundColor = _ref2.backgroundColor;
-  return backgroundColor;
-}, function (_ref3) {
-  var textColor = _ref3.textColor;
-  return textColor;
-}, fadeIn$1);
-
 var QuestList = function QuestList(_ref) {
   var quests = _ref.quests;
-  return React__default.createElement(QuestListContainer, null, quests && quests.length > 0 ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Table, null, React__default.createElement("thead", null, React__default.createElement(TableRow, null, React__default.createElement(TableHeader, null, "Status"), React__default.createElement(TableHeader, null, "Title"), React__default.createElement(TableHeader, null, "Description"), React__default.createElement(TableHeader, null, "Objectives"), React__default.createElement(TableHeader, null, "Rewards"))), React__default.createElement("tbody", null, quests.map(function (quest, i) {
-    var _quest$status;
-    return React__default.createElement(TableRow, {
+  return React__default.createElement(QuestListContainer, null, quests && quests.length > 0 ? quests.map(function (quest, i) {
+    var _formatStatus;
+    return React__default.createElement(QuestCard, {
       key: i
-    }, React__default.createElement(TableCell, {
+    }, React__default.createElement(QuestItem, null, React__default.createElement(Label, null, "Title:"), React__default.createElement(Value, null, formatText(quest.title))), React__default.createElement(QuestItem, null, React__default.createElement(Label, null, "Status:"), React__default.createElement(Value, {
       style: {
         color: getStatusColor(quest.status)
       }
-    }, (_quest$status = quest.status) != null ? _quest$status : 'Unknown'), React__default.createElement(TableCell, null, React__default.createElement(SimpleTooltip, {
-      content: formatText(quest.title),
-      direction: "bottom"
-    }, React__default.createElement(Ellipsis, {
-      maxWidth: "300px"
-    }, formatText(quest.title)))), React__default.createElement(TableCell, null, React__default.createElement(SimpleTooltip, {
-      content: quest.description,
-      direction: "bottom"
-    }, React__default.createElement(Ellipsis, {
-      maxWidth: "300px"
-    }, quest.description))), React__default.createElement(TableCell, null, React__default.createElement(SimpleTooltip, {
-      content: formatObjectives(quest.objectives),
-      direction: "bottom"
-    }, React__default.createElement(Ellipsis, {
-      maxWidth: "300px"
-    }, formatObjectives(quest.objectives)))), React__default.createElement(TableCell, null, React__default.createElement(SimpleTooltip, {
-      content: formatRewards(quest.rewards),
-      direction: "bottom"
-    }, React__default.createElement(Ellipsis, {
-      maxWidth: "200px"
-    }, formatRewards(quest.rewards)))));
-  })))) : React__default.createElement(NoQuestContainer, null, React__default.createElement("p", null, "There are no ongoing quests")));
+    }, (_formatStatus = formatStatus(quest.status)) != null ? _formatStatus : 'Unknown')), React__default.createElement(QuestItem, null, React__default.createElement(Label, null, "Description:"), React__default.createElement(Value, null, quest.description)), React__default.createElement(QuestItem, null, React__default.createElement(Label, null, "Objectives:"), React__default.createElement(Value, null, formatObjectives(quest.objectives))), React__default.createElement(QuestItem, null, React__default.createElement(Label, null, "Rewards:"), React__default.createElement(Value, null, formatRewards(quest.rewards))));
+  }) : React__default.createElement(NoQuestContainer, null, React__default.createElement("p", null, "There are no ongoing quests")));
 };
-// Updated helper function to format objectives
+var QuestListContainer = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "QuestList__QuestListContainer",
+  componentId: "sc-1c1y8sp-0"
+})(["margin-top:20px;margin-bottom:40px;overflow-y:auto;max-height:400px;padding:10px;border-radius:10px;font-size:0.7rem;"]);
+var QuestCard = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "QuestList__QuestCard",
+  componentId: "sc-1c1y8sp-1"
+})(["background-color:", ";padding:15px;margin-bottom:10px;border-radius:10px;border:1px solid ", ";display:flex;flex-direction:column;"], uiColors.darkGray, uiColors.gray);
+var QuestItem = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "QuestList__QuestItem",
+  componentId: "sc-1c1y8sp-2"
+})(["display:flex;margin-bottom:5px;flex-wrap:wrap;&:last-child{margin-bottom:0;}"]);
+var Label = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "QuestList__Label",
+  componentId: "sc-1c1y8sp-3"
+})(["font-weight:bold;color:", " !important;margin-right:10px;"], uiColors.yellow);
+var Value = /*#__PURE__*/styled__default.span.withConfig({
+  displayName: "QuestList__Value",
+  componentId: "sc-1c1y8sp-4"
+})(["flex-grow:1;color:", ";word-wrap:break-word;"], uiColors.white);
+var NoQuestContainer = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "QuestList__NoQuestContainer",
+  componentId: "sc-1c1y8sp-5"
+})(["text-align:center;p{margin-top:5px;color:", ";}"], uiColors.lightGray);
 var formatObjectives = function formatObjectives(objectives) {
   try {
     if (!objectives || !Array.isArray(objectives)) return 'No objectives';
@@ -32129,7 +31983,6 @@ var formatObjectives = function formatObjectives(objectives) {
     return 'Error formatting objectives';
   }
 };
-// Updated helper function to format rewards
 var formatRewards = function formatRewards(rewards) {
   try {
     if (!rewards || !Array.isArray(rewards)) return 'No rewards';
@@ -32151,6 +32004,7 @@ var formatRewards = function formatRewards(rewards) {
   }
 };
 var formatText = function formatText(text) {
+  if (!text) return 'Unknown';
   return text.split('-').map(function (word) {
     return word.charAt(0).toUpperCase() + word.slice(1);
   }).join(' ');
@@ -32159,26 +32013,20 @@ var getStatusColor = function getStatusColor(status) {
   switch (status) {
     case shared.QuestStatus.Pending:
       return uiColors.orange;
-    // Orange
     case shared.QuestStatus.InProgress:
       return uiColors.blue;
-    // Deep Sky Blue
     case shared.QuestStatus.Completed:
       return uiColors.lightGreen;
-    // Lime Green
     default:
       return uiColors.white;
-    // Default to white
   }
 };
-var QuestListContainer = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "QuestList__QuestListContainer",
-  componentId: "sc-1a2vx6q-0"
-})(["margin-top:20px;margin-bottom:40px;overflow-y:auto;max-height:400px;background-color:", ";padding:20px;border-radius:10px;border:1px solid ", ";font-size:0.7rem;"], uiColors.darkGray, uiColors.gray);
-var NoQuestContainer = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "QuestList__NoQuestContainer",
-  componentId: "sc-1a2vx6q-1"
-})(["text-align:center;p{margin-top:5px;color:", ";}"], uiColors.lightGray);
+var formatStatus = function formatStatus(status) {
+  if (!status) return 'Unknown';
+  return status.split(/(?=[A-Z])/).join(' ').replace(/^\w/, function (c) {
+    return c.toUpperCase();
+  });
+};
 
 var InputRadio$1 = function InputRadio(_ref) {
   var name = _ref.name,
@@ -32212,6 +32060,29 @@ var InputRadio$1 = function InputRadio(_ref) {
   }));
 };
 
+var RPGUIScrollbar = function RPGUIScrollbar(_ref) {
+  var children = _ref.children;
+  return React__default.createElement(Container$r, null, children);
+};
+var Container$r = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "RPGUIScrollbar__Container",
+  componentId: "sc-p3msmb-0"
+})([".rpgui-content ::-webkit-scrollbar,.rpgui-content::-webkit-scrollbar{width:25px !important;}.rpgui-content ::-webkit-scrollbar-track,.rpgui-content::-webkit-scrollbar-track{background-size:25px 60px !important;}"]);
+
+var RPGUIOverrides = function RPGUIOverrides(_ref) {
+  var children = _ref.children;
+  return React__default.createElement(RPGUIScrollbar, null, children);
+};
+
+//@ts-ignore
+var _RPGUI = RPGUI;
+var RPGUIRoot = function RPGUIRoot(_ref) {
+  var children = _ref.children;
+  return React__default.createElement(RPGUIOverrides, null, React__default.createElement("div", {
+    className: "rpgui-content"
+  }, children));
+};
+
 var Shortcuts = function Shortcuts(_ref) {
   var shortcuts = _ref.shortcuts,
     onShortcutCast = _ref.onShortcutCast,