@rpg-engine/long-bow 0.2.8 → 0.2.10

package/dist/components/QuestInfo/QuestInfo.d.ts

@@ -1,13 +1,14 @@
 import { IQuest } from '@rpg-engine/shared';
 import React from 'react';
-export interface IQuestInfoProps {
-    onClose?: () => void;
-    button?: Array<IQuestsButtonProps>;
-    quests: IQuest[];
-}
 export interface IQuestsButtonProps {
     disabled: boolean;
     title: string;
-    onClick: (QuestId: string, NPCId: string) => void;
+    onClick: (questId: string, npcId: string) => void;
+}
+export interface IQuestInfoProps {
+    onClose?: () => void;
+    buttons?: IQuestsButtonProps[];
+    quests: IQuest[];
+    onChangeQuest: (currentQuestIndex: number, currentQuestId: string) => void;
 }
 export declare const QuestInfo: React.FC<IQuestInfoProps>;

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

@@ -27075,13 +27075,19 @@ var img$8 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCA
 var QuestInfo = function QuestInfo(_ref) {
   var quests = _ref.quests,
       onClose = _ref.onClose,
-      button = _ref.button;
+      buttons = _ref.buttons,
+      onChangeQuest = _ref.onChangeQuest;
 
   var _useState = React.useState(0),
       currentIndex = _useState[0],
       setCurrentIndex = _useState[1];
 
   var questsLength = quests.length - 1;
+  React.useEffect(function () {
+    if (onChangeQuest) {
+      onChangeQuest(currentIndex, quests[currentIndex]._id);
+    }
+  }, [currentIndex]);
 
   var onLeftClick = function onLeftClick() {
     if (currentIndex === 0) setCurrentIndex(questsLength);else setCurrentIndex(function (index) {
@@ -27115,16 +27121,16 @@ var QuestInfo = function QuestInfo(_ref) {
   }))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[currentIndex].description)), React__default.createElement(QuestColumn, {
     className: "dark-background",
     justifyContent: "flex-end"
-  }, button && button.map(function (item, index) {
+  }, buttons && buttons.map(function (button, index) {
     return React__default.createElement(Button, {
       key: index,
       onClick: function onClick() {
-        return item.onClick(quests[currentIndex]._id, quests[currentIndex].npcId);
+        return button.onClick(quests[currentIndex]._id, quests[currentIndex].npcId);
       },
-      disabled: item.disabled,
+      disabled: button.disabled,
       buttonType: exports.ButtonTypes.RPGUIButton,
       id: "button-" + index
-    }, item.title);
+    }, button.title);
   })))) : React__default.createElement(QuestsContainer, null, React__default.createElement(QuestContainer, null, React__default.createElement(TitleContainer$1, {
     className: "drag-handler"
   }, React__default.createElement(Title$1, null, React__default.createElement(Thumbnail, {
@@ -27134,22 +27140,22 @@ var QuestInfo = function QuestInfo(_ref) {
   }))), React__default.createElement(Content, null, React__default.createElement("p", null, quests[0].description)), React__default.createElement(QuestColumn, {
     className: "dark-background",
     justifyContent: "flex-end"
-  }, button && button.map(function (item, index) {
+  }, buttons && buttons.map(function (button, index) {
     return React__default.createElement(Button, {
       key: index,
       onClick: function onClick() {
-        return item.onClick(quests[0]._id, quests[0].npcId);
+        return button.onClick(quests[0]._id, quests[0].npcId);
       },
-      disabled: item.disabled,
+      disabled: button.disabled,
       buttonType: exports.ButtonTypes.RPGUIButton,
       id: "button-" + index
-    }, item.title);
+    }, button.title);
   })))));
 };
 var QuestDraggableContainer = /*#__PURE__*/styled(DraggableContainer).withConfig({
   displayName: "QuestInfo__QuestDraggableContainer",
   componentId: "sc-15s2boc-0"
-})(["border:1px solid black;width:600px;height:500px;padding:0 0 0 0 !important;.DraggableContainer__TitleContainer-sc-184mpyl-2{height:auto;}.container-close{position:sticky;margin-left:auto;top:20px;padding-right:5px;}img{display:inline-block;vertical-align:middle;line-height:normal;}"]);
+})(["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.div.withConfig({
   displayName: "QuestInfo__QuestContainer",
   componentId: "sc-15s2boc-1"