@rpg-engine/long-bow 0.1.82 → 0.1.83
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Button.d.ts +1 -0
- package/dist/components/QuestInfo/index.d.ts +14 -0
- package/dist/long-bow.cjs.development.js +19 -7
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +19 -7
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Button.tsx +3 -2
- package/src/components/Item/Inventory/ItemSlot.tsx +6 -1
- package/src/components/QuestInfo/img/default.png +0 -0
- package/src/components/QuestInfo/index.tsx +147 -0
- package/src/components/SkillsContainer.tsx +15 -1
- package/src/mocks/itemContainer.mocks.ts +1 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IQuestInfoProps {
|
|
3
|
+
title: string;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
onClose?: () => void;
|
|
6
|
+
button?: Array<IQuestButtonProps>;
|
|
7
|
+
thumbnail?: string;
|
|
8
|
+
}
|
|
9
|
+
export interface IQuestButtonProps {
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
title: string;
|
|
12
|
+
onClick: () => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const QuestInfo: React.FC<IQuestInfoProps>;
|
|
@@ -49,7 +49,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
|
|
|
49
49
|
return target;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
var _excluded = ["children", "buttonType"];
|
|
52
|
+
var _excluded = ["disabled", "children", "buttonType"];
|
|
53
53
|
|
|
54
54
|
(function (ButtonTypes) {
|
|
55
55
|
ButtonTypes["RPGUIButton"] = "rpgui-button";
|
|
@@ -57,12 +57,15 @@ var _excluded = ["children", "buttonType"];
|
|
|
57
57
|
})(exports.ButtonTypes || (exports.ButtonTypes = {}));
|
|
58
58
|
|
|
59
59
|
var Button = function Button(_ref) {
|
|
60
|
-
var
|
|
60
|
+
var _ref$disabled = _ref.disabled,
|
|
61
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
62
|
+
children = _ref.children,
|
|
61
63
|
buttonType = _ref.buttonType,
|
|
62
64
|
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
63
65
|
|
|
64
66
|
return React__default.createElement(ButtonContainer, Object.assign({
|
|
65
|
-
className: "" + buttonType
|
|
67
|
+
className: "" + buttonType,
|
|
68
|
+
disabled: disabled
|
|
66
69
|
}, props), React__default.createElement("p", null, children));
|
|
67
70
|
};
|
|
68
71
|
var ButtonContainer = /*#__PURE__*/styled.button.withConfig({
|
|
@@ -5796,6 +5799,7 @@ var ItemSlot = function ItemSlot(_ref) {
|
|
|
5796
5799
|
|
|
5797
5800
|
if (itemToRender != null && itemToRender.texturePath) {
|
|
5798
5801
|
element.push(React__default.createElement(SpriteFromAtlas, {
|
|
5802
|
+
key: itemToRender._id,
|
|
5799
5803
|
atlasIMG: img,
|
|
5800
5804
|
atlasJSON: atlasJSON,
|
|
5801
5805
|
spriteKey: itemToRender.texturePath,
|
|
@@ -5805,7 +5809,8 @@ var ItemSlot = function ItemSlot(_ref) {
|
|
|
5805
5809
|
|
|
5806
5810
|
if (itemToRender != null && itemToRender.isStackable && itemToRender != null && itemToRender.stackQty) {
|
|
5807
5811
|
element.push(React__default.createElement(ItemQty, {
|
|
5808
|
-
left: getLeftPositionValue(itemToRender.stackQty)
|
|
5812
|
+
left: getLeftPositionValue(itemToRender.stackQty),
|
|
5813
|
+
key: "qty-" + itemToRender._id
|
|
5809
5814
|
}, ' ', itemToRender.stackQty, ' '));
|
|
5810
5815
|
}
|
|
5811
5816
|
|
|
@@ -5817,6 +5822,7 @@ var ItemSlot = function ItemSlot(_ref) {
|
|
|
5817
5822
|
|
|
5818
5823
|
if (itemToRender != null && itemToRender.texturePath && (_itemToRender$allowed = itemToRender.allowedEquipSlotType) != null && _itemToRender$allowed.includes(slotSpriteMask)) {
|
|
5819
5824
|
return React__default.createElement(SpriteFromAtlas, {
|
|
5825
|
+
key: Math.random(),
|
|
5820
5826
|
atlasIMG: img,
|
|
5821
5827
|
atlasJSON: atlasJSON,
|
|
5822
5828
|
spriteKey: itemToRender.texturePath,
|
|
@@ -7323,9 +7329,11 @@ var SkillsContainer = function SkillsContainer(_ref) {
|
|
|
7323
7329
|
var onCloseButton = _ref.onCloseButton,
|
|
7324
7330
|
skill = _ref.skill;
|
|
7325
7331
|
return React__default.createElement(SkillsDraggableContainer, {
|
|
7326
|
-
title: "Skills"
|
|
7327
|
-
|
|
7328
|
-
|
|
7332
|
+
title: "Skills"
|
|
7333
|
+
}, onCloseButton && React__default.createElement(CloseButton$2, {
|
|
7334
|
+
onClick: onCloseButton,
|
|
7335
|
+
onTouchStart: onCloseButton
|
|
7336
|
+
}, "X"), React__default.createElement(SkillSplitDiv, null, React__default.createElement("p", null, "Combat Skills"), React__default.createElement("hr", {
|
|
7329
7337
|
className: "golden"
|
|
7330
7338
|
})), React__default.createElement(SkillProgressBar, {
|
|
7331
7339
|
skillName: 'First',
|
|
@@ -7460,6 +7468,10 @@ var SkillSplitDiv = /*#__PURE__*/styled.div.withConfig({
|
|
|
7460
7468
|
displayName: "SkillsContainer__SkillSplitDiv",
|
|
7461
7469
|
componentId: "sc-1g0c67q-1"
|
|
7462
7470
|
})(["width:100%;font-size:11px;margin-top:10px;hr{margin:0px;padding:0px;}p{margin-bottom:0px;}"]);
|
|
7471
|
+
var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
|
|
7472
|
+
displayName: "SkillsContainer__CloseButton",
|
|
7473
|
+
componentId: "sc-1g0c67q-2"
|
|
7474
|
+
})(["position:absolute;top:2px;right:2px;color:white;z-index:22;font-size:0.7rem;"]);
|
|
7463
7475
|
|
|
7464
7476
|
var TextArea = function TextArea(_ref) {
|
|
7465
7477
|
var props = _extends({}, _ref);
|