@rpg-engine/long-bow 0.2.21 → 0.2.23

package/dist/components/HistoryDialog.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { NPCMultiDialogType } from './NPCDialog/NPCMultiDialog';
 import { IQuestionDialog, IQuestionDialogAnswer } from './NPCDialog/QuestionDialog/QuestionDialog';
 export interface IHistoryDialogProps {
-    backgroundImgPath: string;
+    backgroundImgPath: string[];
     fullCoverBackground: boolean;
     questions?: IQuestionDialog[];
     answers?: IQuestionDialogAnswer[];

package/dist/components/QuestList.d.ts

@@ -1,7 +1,7 @@
 import { IQuest } from '@rpg-engine/shared';
 import React from 'react';
 export interface IQuestListProps {
-    quests: IQuest[];
+    quests?: IQuest[];
     onClose: () => void;
 }
 export declare const QuestList: React.FC<IQuestListProps>;

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

@@ -28396,7 +28396,7 @@ var QuestList = function QuestList(_ref) {
     }
   }, React__default.createElement(Title$2, null, "Quests"), React__default.createElement("hr", {
     className: "golden"
-  }), React__default.createElement(QuestListContainer, null, quests.map(function (quest, i) {
+  }), React__default.createElement(QuestListContainer, null, quests ? quests.map(function (quest, i) {
     return React__default.createElement("div", {
       className: "quest-item",
       key: i
@@ -28409,7 +28409,7 @@ var QuestList = function QuestList(_ref) {
     }, quest.title), React__default.createElement("p", {
       className: "quest-detail__description"
     }, quest.description)));
-  }))));
+  }) : React__default.createElement(NoQuestContainer, null, React__default.createElement("p", null, "There are no ongoing quests")))));
 };
 var QuestDraggableContainer$1 = /*#__PURE__*/styled(DraggableContainer).withConfig({
   displayName: "QuestList__QuestDraggableContainer",
@@ -28422,7 +28422,11 @@ var Title$2 = /*#__PURE__*/styled.h1.withConfig({
 var QuestListContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "QuestList__QuestListContainer",
   componentId: "sc-1a2vx6q-2"
-})(["margin-top:20px;margin-bottom:40px;overflow-y:auto;max-height:400px;.quest-item{display:flex;align-items:flex-start;margin-bottom:12px;}.quest-number{border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:16px;background-color:brown;flex-shrink:0;}.quest-number.completed{background-color:yellow;}p{margin:0;}.quest-detail__title{color:yellow;}.quest-detail__description{margin-top:5px;}"]);
+})(["margin-top:20px;margin-bottom:40px;overflow-y:auto;max-height:400px;.quest-item{display:flex;align-items:flex-start;margin-bottom:12px;}.quest-number{border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-right:16px;background-color:brown;flex-shrink:0;}.quest-number.completed{background-color:yellow;}p{margin:0;}.quest-detail__title{color:yellow;}.quest-detail__description{margin-top:5px;}.Noquest-detail__description{margin-top:5px;margin:auto;}"]);
+var NoQuestContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "QuestList__NoQuestContainer",
+  componentId: "sc-1a2vx6q-3"
+})(["text-align:center;p{margin-top:5px;}"]);
 
 var InputRadio = function InputRadio(_ref) {
   var name = _ref.name,
@@ -28836,8 +28840,32 @@ var HistoryDialog = function HistoryDialog(_ref) {
       imagePath = _ref.imagePath,
       textAndTypeArray = _ref.textAndTypeArray,
       onClose = _ref.onClose;
+
+  var _useState = React.useState(0),
+      img = _useState[0],
+      setImage = _useState[1];
+
+  var onHandleSpacePress = function onHandleSpacePress(event) {
+    if (event.code === 'Space') {
+      if (img < (backgroundImgPath == null ? void 0 : backgroundImgPath.length) - 1) {
+        setImage(function (prev) {
+          return prev + 1;
+        });
+      } else {
+        // if there's no more text chunks, close the dialog
+        onClose();
+      }
+    }
+  };
+
+  React.useEffect(function () {
+    document.addEventListener('keydown', onHandleSpacePress);
+    return function () {
+      return document.removeEventListener('keydown', onHandleSpacePress);
+    };
+  }, [backgroundImgPath]);
   return React__default.createElement(BackgroundContainer, {
-    imgPath: backgroundImgPath,
+    imgPath: backgroundImgPath[img],
     fullImg: fullCoverBackground
   }, React__default.createElement(DialogContainer, null, textAndTypeArray ? React__default.createElement(NPCMultiDialog, {
     textAndTypeArray: textAndTypeArray,