@rpg-engine/long-bow 0.2.16 → 0.2.17

package/dist/long-bow.esm.js

@@ -28364,6 +28364,49 @@ var RightArrow$1 = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-15s2boc-10"
 })(["background-image:url(", ");right:0;position:absolute;width:40px;background-size:100% 100%;height:42px;:active{background-image:url(", ");}"], img$4, img$3);
 
+var QuestList = function QuestList(_ref) {
+  var quests = _ref.quests,
+      onClose = _ref.onClose;
+  return React.createElement(QuestDraggableContainer$1, {
+    type: RPGUIContainerTypes.Framed,
+    onCloseButton: function onCloseButton() {
+      if (onClose) onClose();
+    },
+    width: "520px"
+  }, React.createElement("div", {
+    style: {
+      width: '100%'
+    }
+  }, React.createElement(Title$2, null, "Quests"), React.createElement("hr", {
+    className: "golden"
+  }), React.createElement(QuestListContainer, null, quests.map(function (quest, i) {
+    return React.createElement("div", {
+      className: "quest-item",
+      key: i
+    }, React.createElement("span", {
+      className: "quest-number"
+    }, i + 1), React.createElement("div", {
+      className: "quest-detail"
+    }, React.createElement("p", {
+      className: "quest-detail__title"
+    }, quest.title), React.createElement("p", {
+      className: "quest-detail__description"
+    }, quest.description)));
+  }))));
+};
+var QuestDraggableContainer$1 = /*#__PURE__*/styled(DraggableContainer).withConfig({
+  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$2 = /*#__PURE__*/styled.h1.withConfig({
+  displayName: "QuestList__Title",
+  componentId: "sc-1a2vx6q-1"
+})(["z-index:22;font-size:0.6rem;color:yellow !important;"]);
+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;}"]);
+
 var InputRadio = function InputRadio(_ref) {
   var name = _ref.name,
       items = _ref.items,
@@ -28829,5 +28872,5 @@ var DialogContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-u6oe75-1"
 })(["display:flex;justify-content:center;padding-top:200px;"]);
 
-export { Button, ButtonTypes, CharacterSelection, Chat, CheckButton, DraggableContainer, Dropdown, DynamicText, EquipmentSet, HistoryDialog, ImgSide, Input, InputRadio, ItemContainer, ItemSlot, ListMenu, NPCDialog, NPCDialogType, NPCMultiDialog, ProgressBar, PropertySelect, QuestInfo, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SkillProgressBar, SkillsContainer, SpriteFromAtlas, TextArea, Truncate, _RPGUI, useEventListener };
+export { Button, ButtonTypes, CharacterSelection, Chat, CheckButton, DraggableContainer, Dropdown, DynamicText, EquipmentSet, HistoryDialog, ImgSide, Input, InputRadio, ItemContainer, ItemSlot, ListMenu, NPCDialog, NPCDialogType, NPCMultiDialog, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SkillProgressBar, SkillsContainer, SpriteFromAtlas, TextArea, Truncate, _RPGUI, useEventListener };
 //# sourceMappingURL=long-bow.esm.js.map