@rpg-engine/long-bow 0.1.82 → 0.1.85

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.
Files changed (89) hide show
  1. package/dist/components/Button.d.ts +1 -0
  2. package/dist/components/Equipment/EquipmentSet.d.ts +3 -1
  3. package/dist/components/Item/Cards/ItemTooltip.d.ts +6 -0
  4. package/dist/components/Item/Inventory/ItemContainer.d.ts +3 -5
  5. package/dist/components/Item/Inventory/ItemContainerTypes.d.ts +4 -0
  6. package/dist/components/Item/Inventory/ItemSlot.d.ts +4 -7
  7. package/dist/components/PropertySelect/PropertySelect.d.ts +12 -0
  8. package/dist/components/QuestInfo/QuestInfo.d.ts +14 -0
  9. package/dist/components/RelativeListMenu.d.ts +13 -0
  10. package/dist/components/shared/SpriteIcon.d.ts +2 -0
  11. package/dist/index.d.ts +1 -0
  12. package/dist/long-bow.cjs.development.js +407 -813
  13. package/dist/long-bow.cjs.development.js.map +1 -1
  14. package/dist/long-bow.cjs.production.min.js +1 -1
  15. package/dist/long-bow.cjs.production.min.js.map +1 -1
  16. package/dist/long-bow.esm.js +402 -811
  17. package/dist/long-bow.esm.js.map +1 -1
  18. package/dist/stories/Button.stories.d.ts +5 -0
  19. package/dist/stories/Chat.stories.d.ts +5 -0
  20. package/dist/stories/CheckButton.stories.d.ts +5 -0
  21. package/dist/stories/DraggableContainer.stories.d.ts +5 -0
  22. package/dist/stories/Dropdown.stories.d.ts +5 -0
  23. package/dist/stories/EquipmentSet.stories.d.ts +5 -0
  24. package/dist/stories/ItemContainer.stories.d.ts +5 -0
  25. package/dist/stories/ListMenu.stories.d.ts +5 -0
  26. package/dist/stories/Multitab.stories.d.ts +6 -0
  27. package/dist/stories/NPCDialog.stories.d.ts +7 -0
  28. package/dist/stories/ProgressBar.stories.d.ts +8 -0
  29. package/dist/stories/PropertySelect.stories.d.ts +5 -0
  30. package/dist/stories/QuestInfo.stories.d.ts +5 -0
  31. package/dist/stories/RPGUIContainers.stories.d.ts +5 -0
  32. package/dist/stories/RadioButton.stories.d.ts +5 -0
  33. package/dist/stories/RangeSlider.stories.d.ts +5 -0
  34. package/dist/stories/ScrollList.stories.d.ts +5 -0
  35. package/dist/stories/SimpleProgressBar.stories.d.ts +5 -0
  36. package/dist/stories/SkillProgressBar.stories.d.ts +5 -0
  37. package/dist/stories/SkillsContainer.stories.d.ts +5 -0
  38. package/dist/stories/Text.stories.d.ts +7 -0
  39. package/package.json +2 -2
  40. package/src/components/Button.tsx +3 -2
  41. package/src/components/Equipment/EquipmentSet.tsx +97 -142
  42. package/src/components/Item/Cards/ItemTooltip.tsx +32 -0
  43. package/src/components/Item/Inventory/ItemContainer.tsx +47 -95
  44. package/src/components/Item/Inventory/ItemContainerTypes.ts +4 -0
  45. package/src/components/Item/Inventory/ItemSlot.tsx +145 -104
  46. package/src/components/NPCDialog/QuestionDialog/QuestionDialog.tsx +0 -3
  47. package/src/components/PropertySelect/PropertySelect.tsx +101 -0
  48. package/src/components/PropertySelect/img/ui-arrows/arrow01-left-clicked.png +0 -0
  49. package/src/components/PropertySelect/img/ui-arrows/arrow01-left.png +0 -0
  50. package/src/components/PropertySelect/img/ui-arrows/arrow01-right-clicked.png +0 -0
  51. package/src/components/PropertySelect/img/ui-arrows/arrow01-right.png +0 -0
  52. package/src/components/PropertySelect/img/ui-arrows/arrow02-left-clicked.png +0 -0
  53. package/src/components/PropertySelect/img/ui-arrows/arrow02-left.png +0 -0
  54. package/src/components/PropertySelect/img/ui-arrows/arrow02-right-clicked.png +0 -0
  55. package/src/components/PropertySelect/img/ui-arrows/arrow02-right.png +0 -0
  56. package/src/components/QuestInfo/QuestInfo.tsx +143 -0
  57. package/src/components/QuestInfo/img/default.png +0 -0
  58. package/src/components/RelativeListMenu.tsx +83 -0
  59. package/src/components/SkillsContainer.tsx +15 -1
  60. package/src/components/shared/SpriteIcon.tsx +4 -2
  61. package/src/index.tsx +1 -0
  62. package/src/mocks/atlas/icons/icons.json +494 -62
  63. package/src/mocks/atlas/icons/icons.png +0 -0
  64. package/src/mocks/itemContainer.mocks.ts +1 -1
  65. package/src/stories/Button.stories.tsx +36 -0
  66. package/src/stories/Chat.stories.tsx +170 -0
  67. package/src/stories/CheckButton.stories.tsx +48 -0
  68. package/src/stories/DraggableContainer.stories.tsx +28 -0
  69. package/src/stories/Dropdown.stories.tsx +46 -0
  70. package/src/stories/EquipmentSet.stories.tsx +50 -0
  71. package/src/stories/ItemContainer.stories.tsx +50 -0
  72. package/src/stories/ListMenu.stories.tsx +56 -0
  73. package/src/stories/Multitab.stories.tsx +51 -0
  74. package/src/stories/NPCDialog.stories.tsx +130 -0
  75. package/src/stories/ProgressBar.stories.tsx +23 -0
  76. package/src/stories/PropertySelect.stories.tsx +41 -0
  77. package/src/stories/QuestInfo.stories.tsx +76 -0
  78. package/src/stories/RPGUIContainers.stories.tsx +42 -0
  79. package/src/stories/RadioButton.stories.tsx +49 -0
  80. package/src/stories/RangeSlider.stories.tsx +60 -0
  81. package/src/stories/ScrollList.stories.tsx +85 -0
  82. package/src/stories/SimpleProgressBar.stories.tsx +22 -0
  83. package/src/stories/SkillProgressBar.stories.tsx +30 -0
  84. package/src/stories/SkillsContainer.stories.tsx +31 -0
  85. package/src/stories/Text.stories.tsx +42 -0
  86. package/dist/components/Item/Cards/ItemCard.d.ts +0 -9
  87. package/dist/components/store/UI.store.d.ts +0 -34
  88. package/src/components/Item/Cards/ItemCard.tsx +0 -36
  89. package/src/components/store/UI.store.ts +0 -192
@@ -6,9 +6,8 @@ import Draggable from 'react-draggable';
6
6
  import { v4 } from 'uuid';
7
7
  import 'rpgui/rpgui.min.css';
8
8
  import 'rpgui/rpgui.min.js';
9
- import { GRID_WIDTH, GRID_HEIGHT, ItemType, ItemSocketEventsDisplayLabels, ActionsByItemType, ItemSocketEvents, ItemSlotType, getSPForLevel } from '@rpg-engine/shared';
10
- import { observer } from 'mobx-react';
11
- import { makeAutoObservable, toJS } from 'mobx';
9
+ import { GRID_WIDTH, GRID_HEIGHT, ItemType, ItemSocketEventsDisplayLabels, ActionsByItemType, ItemSlotType, getSPForLevel } from '@rpg-engine/shared';
10
+ import { observer } from 'mobx-react-lite';
12
11
 
13
12
  function _extends() {
14
13
  _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -42,7 +41,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
42
41
  return target;
43
42
  }
44
43
 
45
- var _excluded = ["children", "buttonType"];
44
+ var _excluded = ["disabled", "children", "buttonType"];
46
45
  var ButtonTypes;
47
46
 
48
47
  (function (ButtonTypes) {
@@ -51,12 +50,15 @@ var ButtonTypes;
51
50
  })(ButtonTypes || (ButtonTypes = {}));
52
51
 
53
52
  var Button = function Button(_ref) {
54
- var children = _ref.children,
53
+ var _ref$disabled = _ref.disabled,
54
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
55
+ children = _ref.children,
55
56
  buttonType = _ref.buttonType,
56
57
  props = _objectWithoutPropertiesLoose(_ref, _excluded);
57
58
 
58
59
  return React.createElement(ButtonContainer, Object.assign({
59
- className: "" + buttonType
60
+ className: "" + buttonType,
61
+ disabled: disabled
60
62
  }, props), React.createElement("p", null, children));
61
63
  };
62
64
  var ButtonContainer = /*#__PURE__*/styled.button.withConfig({
@@ -450,23 +452,12 @@ var Dropdown = function Dropdown(_ref) {
450
452
  }));
451
453
  };
452
454
 
453
- var ItemCard = function ItemCard(_ref) {
454
- var item = _ref.item,
455
- x = _ref.x,
456
- y = _ref.y;
457
- return React.createElement(Container$3, {
458
- x: x,
459
- y: y
460
- }, item == null ? void 0 : item.name);
461
- };
462
- var Container$3 = /*#__PURE__*/styled.div.withConfig({
463
- displayName: "ItemCard__Container",
464
- componentId: "sc-170rits-0"
465
- })(["position:absolute;top:", "px;left:", "px;font-size:0.5rem;color:white;background-color:black;border-radius:5px;padding:0.5rem;min-width:20px;opacity:0.5;"], function (props) {
466
- return props.y || 0;
467
- }, function (props) {
468
- return props.x || 0;
469
- });
455
+ var SlotContainerType;
456
+
457
+ (function (SlotContainerType) {
458
+ SlotContainerType["INVENTORY"] = "Inventory";
459
+ SlotContainerType["EQUIPMENT_SET"] = "EquipmentSet";
460
+ })(SlotContainerType || (SlotContainerType = {}));
470
461
 
471
462
  var frames = {
472
463
  "helmets/brass-helmet.png": {
@@ -5688,6 +5679,56 @@ var atlasJSON = {
5688
5679
 
5689
5680
  var img = 'data:image/png;base64,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';
5690
5681
 
5682
+ var RelativeListMenu = function RelativeListMenu(_ref) {
5683
+ var options = _ref.options,
5684
+ onSelected = _ref.onSelected,
5685
+ onOutsideClick = _ref.onOutsideClick,
5686
+ _ref$fontSize = _ref.fontSize,
5687
+ fontSize = _ref$fontSize === void 0 ? 0.8 : _ref$fontSize;
5688
+ var ref = useRef(null);
5689
+ useOutsideClick(ref, 'relative-context-menu');
5690
+ useEffect(function () {
5691
+ document.addEventListener('clickOutside', function (event) {
5692
+ var e = event;
5693
+
5694
+ if (e.detail.id === 'relative-context-menu') {
5695
+ if (onOutsideClick) {
5696
+ onOutsideClick();
5697
+ }
5698
+ }
5699
+ });
5700
+ return function () {
5701
+ document.removeEventListener('clickOutside', function (_e) {});
5702
+ };
5703
+ }, []);
5704
+ return React.createElement(Container$3, {
5705
+ fontSize: fontSize,
5706
+ ref: ref
5707
+ }, React.createElement("ul", {
5708
+ className: "rpgui-list-imp",
5709
+ style: {
5710
+ overflow: 'hidden'
5711
+ }
5712
+ }, options.map(function (params, index) {
5713
+ return React.createElement(ListElement, {
5714
+ key: (params == null ? void 0 : params.id) || index,
5715
+ onClick: function onClick() {
5716
+ onSelected(params == null ? void 0 : params.id);
5717
+ }
5718
+ }, (params == null ? void 0 : params.text) || 'No text');
5719
+ })));
5720
+ };
5721
+ var Container$3 = /*#__PURE__*/styled.div.withConfig({
5722
+ displayName: "RelativeListMenu__Container",
5723
+ componentId: "sc-7hohf-0"
5724
+ })(["position:absolute;top:1rem;left:4rem;display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;li{font-size:", "em;}"], function (props) {
5725
+ return props.fontSize;
5726
+ });
5727
+ var ListElement = /*#__PURE__*/styled.li.withConfig({
5728
+ displayName: "RelativeListMenu__ListElement",
5729
+ componentId: "sc-7hohf-1"
5730
+ })(["margin-right:0.5rem;"]);
5731
+
5691
5732
  var SpriteFromAtlas = function SpriteFromAtlas(_ref) {
5692
5733
  var atlasJSON = _ref.atlasJSON,
5693
5734
  atlasIMG = _ref.atlasIMG,
@@ -5755,12 +5796,55 @@ var ImgSprite = /*#__PURE__*/styled.div.withConfig({
5755
5796
  return props.opacity;
5756
5797
  });
5757
5798
 
5758
- var SlotContainerType;
5799
+ var ItemTooltip = function ItemTooltip(_ref) {
5800
+ var label = _ref.label;
5801
+ return React.createElement(Container$5, null, React.createElement("div", null, label));
5802
+ };
5803
+ var Container$5 = /*#__PURE__*/styled.div.withConfig({
5804
+ displayName: "ItemTooltip__Container",
5805
+ componentId: "sc-11d9r7x-0"
5806
+ })(["z-index:2;position:absolute;top:1rem;left:4rem;font-size:0.5rem;color:white;background-color:black;border-radius:5px;padding:0.5rem;min-width:20px;width:100%;text-align:center;opacity:0.75;"]);
5759
5807
 
5760
- (function (SlotContainerType) {
5761
- SlotContainerType["INVENTORY"] = "Inventory";
5762
- SlotContainerType["EQUIPMENT_SET"] = "EquipmentSet";
5763
- })(SlotContainerType || (SlotContainerType = {}));
5808
+ var ContainerType;
5809
+
5810
+ (function (ContainerType) {
5811
+ ContainerType["INVENTORY"] = "Inventory";
5812
+ ContainerType["EQUIPMENT_SET"] = "EquipmentSet";
5813
+ })(ContainerType || (ContainerType = {})); // TODO: Refactor this file
5814
+
5815
+
5816
+ var generateContextList = function generateContextList(actionsByTypeList) {
5817
+ var contextMenu = actionsByTypeList.map(function (action) {
5818
+ return {
5819
+ id: action,
5820
+ text: ItemSocketEventsDisplayLabels[action]
5821
+ };
5822
+ });
5823
+ return contextMenu;
5824
+ };
5825
+ var handleEquipmentContextMenuList = function handleEquipmentContextMenuList(itemType) {
5826
+ var contextActionMenu = [];
5827
+
5828
+ switch (itemType) {
5829
+ case ItemType.Weapon:
5830
+ case ItemType.Armor:
5831
+ case ItemType.Accessory:
5832
+ case ItemType.Jewelry:
5833
+ case ItemType.Tool:
5834
+ contextActionMenu = generateContextList(ActionsByItemType.EquipmenSetItems);
5835
+ break;
5836
+
5837
+ case ItemType.Container:
5838
+ contextActionMenu = generateContextList(ActionsByItemType.EquipmenSetContainer);
5839
+ break;
5840
+
5841
+ default:
5842
+ contextActionMenu = generateContextList(ActionsByItemType.EquipmenSetItems);
5843
+ break;
5844
+ }
5845
+
5846
+ return contextActionMenu;
5847
+ };
5764
5848
 
5765
5849
  var EquipmentSlotSpriteByType = {
5766
5850
  Neck: 'accessories/corruption-necklace.png',
@@ -5774,7 +5858,7 @@ var EquipmentSlotSpriteByType = {
5774
5858
  RightHand: 'shields/plate-shield.png',
5775
5859
  Accessory: 'gloves/plate-gloves.png'
5776
5860
  };
5777
- var ItemSlot = function ItemSlot(_ref) {
5861
+ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
5778
5862
  var slotIndex = _ref.slotIndex,
5779
5863
  item = _ref.item,
5780
5864
  slotContainerType = _ref.slotContainerType,
@@ -5782,7 +5866,25 @@ var ItemSlot = function ItemSlot(_ref) {
5782
5866
  _onMouseOver = _ref.onMouseOver,
5783
5867
  _onMouseOut = _ref.onMouseOut,
5784
5868
  _onClick = _ref.onClick,
5785
- onCancelContextMenu = _ref.onCancelContextMenu;
5869
+ _onSelected = _ref.onSelected;
5870
+
5871
+ var _useState = useState(false),
5872
+ isTooltipVisible = _useState[0],
5873
+ setTooltipVisible = _useState[1];
5874
+
5875
+ var _useState2 = useState(false),
5876
+ isContextMenuVisible = _useState2[0],
5877
+ setIsContextMenuVisible = _useState2[1];
5878
+
5879
+ var _useState3 = useState([]),
5880
+ contextActions = _useState3[0],
5881
+ setContextActions = _useState3[1];
5882
+
5883
+ useEffect(function () {
5884
+ if (item) {
5885
+ setContextActions(handleEquipmentContextMenuList(item.type));
5886
+ }
5887
+ }, [item]);
5786
5888
 
5787
5889
  var getLeftPositionValue = function getLeftPositionValue(quantity) {
5788
5890
  if (quantity > 0 && quantity < 10) return '2.5rem';else if (quantity > 9 && quantity < 100) return '2.0rem';else if (quantity > 99) return '1rem';
@@ -5794,6 +5896,7 @@ var ItemSlot = function ItemSlot(_ref) {
5794
5896
 
5795
5897
  if (itemToRender != null && itemToRender.texturePath) {
5796
5898
  element.push(React.createElement(SpriteFromAtlas, {
5899
+ key: itemToRender._id,
5797
5900
  atlasIMG: img,
5798
5901
  atlasJSON: atlasJSON,
5799
5902
  spriteKey: itemToRender.texturePath,
@@ -5803,7 +5906,8 @@ var ItemSlot = function ItemSlot(_ref) {
5803
5906
 
5804
5907
  if (itemToRender != null && itemToRender.isStackable && itemToRender != null && itemToRender.stackQty) {
5805
5908
  element.push(React.createElement(ItemQty, {
5806
- left: getLeftPositionValue(itemToRender.stackQty)
5909
+ left: getLeftPositionValue(itemToRender.stackQty),
5910
+ key: "qty-" + itemToRender._id
5807
5911
  }, ' ', itemToRender.stackQty, ' '));
5808
5912
  }
5809
5913
 
@@ -5815,6 +5919,7 @@ var ItemSlot = function ItemSlot(_ref) {
5815
5919
 
5816
5920
  if (itemToRender != null && itemToRender.texturePath && (_itemToRender$allowed = itemToRender.allowedEquipSlotType) != null && _itemToRender$allowed.includes(slotSpriteMask)) {
5817
5921
  return React.createElement(SpriteFromAtlas, {
5922
+ key: itemToRender._id,
5818
5923
  atlasIMG: img,
5819
5924
  atlasJSON: atlasJSON,
5820
5925
  spriteKey: itemToRender.texturePath,
@@ -5837,27 +5942,47 @@ var ItemSlot = function ItemSlot(_ref) {
5837
5942
  return renderItem(itemToRender);
5838
5943
  };
5839
5944
 
5840
- return React.createElement(Container$5, {
5945
+ return React.createElement(Container$6, {
5841
5946
  className: "rpgui-icon empty-slot",
5842
5947
  onMouseOver: function onMouseOver(event) {
5843
5948
  return _onMouseOver(event, slotIndex, item, event.clientX, event.clientY);
5844
5949
  },
5845
5950
  onMouseOut: function onMouseOut() {
5846
- return _onMouseOut();
5951
+ if (_onMouseOut) _onMouseOut();
5952
+ },
5953
+ onMouseEnter: function onMouseEnter() {
5954
+ return setTooltipVisible(true);
5955
+ },
5956
+ onMouseLeave: function onMouseLeave() {
5957
+ return setTooltipVisible(false);
5847
5958
  },
5848
- onClick: function onClick(e) {
5959
+ onClick: function onClick() {
5960
+ setTooltipVisible(false);
5961
+
5849
5962
  if (item) {
5850
- _onClick(item, e.clientX, e.clientY, slotContainerType);
5851
- } else {
5852
- onCancelContextMenu();
5963
+ setIsContextMenuVisible(!isContextMenuVisible);
5964
+
5965
+ _onClick(item, slotContainerType);
5853
5966
  }
5854
5967
  }
5855
- }, onRenderSlot(item));
5856
- };
5857
- var Container$5 = /*#__PURE__*/styled.div.withConfig({
5968
+ }, isContextMenuVisible && contextActions && React.createElement(RelativeListMenu, {
5969
+ options: contextActions,
5970
+ onSelected: function onSelected(optionId) {
5971
+ setIsContextMenuVisible(false);
5972
+
5973
+ _onSelected(optionId);
5974
+ },
5975
+ onOutsideClick: function onOutsideClick() {
5976
+ setIsContextMenuVisible(false);
5977
+ }
5978
+ }), isTooltipVisible && item && React.createElement(ItemTooltip, {
5979
+ label: item.name
5980
+ }), onRenderSlot(item));
5981
+ });
5982
+ var Container$6 = /*#__PURE__*/styled.div.withConfig({
5858
5983
  displayName: "ItemSlot__Container",
5859
5984
  componentId: "sc-l2j5ef-0"
5860
- })(["margin:0.1rem;.sprite-from-atlas-img{position:relative;top:1.5rem;left:1.5rem;}"]);
5985
+ })(["margin:0.1rem;.sprite-from-atlas-img{position:relative;top:1.5rem;left:1.5rem;}position:relative;"]);
5861
5986
  var ItemQty = /*#__PURE__*/styled.span.withConfig({
5862
5987
  displayName: "ItemSlot__ItemQty",
5863
5988
  componentId: "sc-l2j5ef-1"
@@ -5865,6 +5990,150 @@ var ItemQty = /*#__PURE__*/styled.span.withConfig({
5865
5990
  return props.left;
5866
5991
  });
5867
5992
 
5993
+ var EquipmentSet = function EquipmentSet(_ref) {
5994
+ var equipmentSet = _ref.equipmentSet,
5995
+ onClose = _ref.onClose,
5996
+ _onMouseOver = _ref.onMouseOver,
5997
+ _onSelected = _ref.onSelected,
5998
+ onItemClick = _ref.onItemClick;
5999
+ var neck = equipmentSet.neck,
6000
+ leftHand = equipmentSet.leftHand,
6001
+ ring = equipmentSet.ring,
6002
+ head = equipmentSet.head,
6003
+ armor = equipmentSet.armor,
6004
+ legs = equipmentSet.legs,
6005
+ boot = equipmentSet.boot,
6006
+ inventory = equipmentSet.inventory,
6007
+ rightHand = equipmentSet.rightHand,
6008
+ accessory = equipmentSet.accessory;
6009
+ var equipmentData = [neck, leftHand, ring, head, armor, legs, boot, inventory, rightHand, accessory];
6010
+ var equipmentMaskSlots = [ItemSlotType.Neck, ItemSlotType.LeftHand, ItemSlotType.Ring, ItemSlotType.Head, ItemSlotType.Torso, ItemSlotType.Legs, ItemSlotType.Feet, ItemSlotType.Inventory, ItemSlotType.RightHand, ItemSlotType.Accessory];
6011
+
6012
+ var onRenderEquipmentSlotRange = function onRenderEquipmentSlotRange(start, end) {
6013
+ var equipmentRange = equipmentData.slice(start, end);
6014
+ var slotMaksRange = equipmentMaskSlots.slice(start, end);
6015
+ return equipmentRange.map(function (data, i) {
6016
+ var _ref2;
6017
+
6018
+ var item = data;
6019
+ var itemContainer = (_ref2 = item && item.itemContainer) != null ? _ref2 : null;
6020
+ return React.createElement(ItemSlot, {
6021
+ key: i,
6022
+ slotIndex: i,
6023
+ item: item,
6024
+ itemContainer: itemContainer,
6025
+ slotContainerType: SlotContainerType.EQUIPMENT_SET,
6026
+ slotSpriteMask: slotMaksRange[i],
6027
+ onMouseOver: function onMouseOver(event, slotIndex, item) {
6028
+ if (_onMouseOver) _onMouseOver(event, slotIndex, item);
6029
+ },
6030
+ onClick: function onClick(item, slotContainerType) {
6031
+ if (onItemClick) onItemClick(item, slotContainerType);
6032
+ },
6033
+ onSelected: function onSelected(optionId) {
6034
+ if (_onSelected) _onSelected(optionId);
6035
+ }
6036
+ });
6037
+ });
6038
+ };
6039
+
6040
+ return React.createElement(DraggableContainer, {
6041
+ title: 'Equipments',
6042
+ type: RPGUIContainerTypes.Framed,
6043
+ onCloseButton: function onCloseButton() {
6044
+ if (onClose) onClose();
6045
+ },
6046
+ width: "330px",
6047
+ cancelDrag: ".equipment-container-body"
6048
+ }, React.createElement(EquipmentSetContainer, {
6049
+ className: "equipment-container-body"
6050
+ }, React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(0, 3)), React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(3, 7)), React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(7, 10))));
6051
+ };
6052
+ var EquipmentSetContainer = /*#__PURE__*/styled.div.withConfig({
6053
+ displayName: "EquipmentSet__EquipmentSetContainer",
6054
+ componentId: "sc-1wuddg2-0"
6055
+ })(["width:inherit;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;"]);
6056
+ var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
6057
+ displayName: "EquipmentSet__EquipmentColumn",
6058
+ componentId: "sc-1wuddg2-1"
6059
+ })(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;"]);
6060
+
6061
+ var SlotsContainer = function SlotsContainer(_ref) {
6062
+ var children = _ref.children,
6063
+ title = _ref.title,
6064
+ onClose = _ref.onClose,
6065
+ _onPositionChange = _ref.onPositionChange,
6066
+ onOutsideClick = _ref.onOutsideClick;
6067
+ return React.createElement(DraggableContainer, {
6068
+ title: title,
6069
+ type: RPGUIContainerTypes.Framed,
6070
+ onCloseButton: function onCloseButton() {
6071
+ if (onClose) {
6072
+ onClose();
6073
+ }
6074
+ },
6075
+ width: "330px",
6076
+ cancelDrag: ".item-container-body",
6077
+ onPositionChange: function onPositionChange(_ref2) {
6078
+ var x = _ref2.x,
6079
+ y = _ref2.y;
6080
+
6081
+ if (_onPositionChange) {
6082
+ _onPositionChange({
6083
+ x: x,
6084
+ y: y
6085
+ });
6086
+ }
6087
+ },
6088
+ onOutsideClick: onOutsideClick
6089
+ }, children);
6090
+ };
6091
+
6092
+ var ItemContainer = function ItemContainer(_ref) {
6093
+ var itemContainer = _ref.itemContainer,
6094
+ onClose = _ref.onClose,
6095
+ _onMouseOver = _ref.onMouseOver,
6096
+ _onSelected = _ref.onSelected,
6097
+ onItemClick = _ref.onItemClick;
6098
+
6099
+ var onRenderSlots = function onRenderSlots() {
6100
+ var slots = [];
6101
+
6102
+ for (var i = 0; i < itemContainer.slotQty; i++) {
6103
+ var _itemContainer$slots;
6104
+
6105
+ slots.push(React.createElement(ItemSlot, {
6106
+ key: i,
6107
+ slotIndex: i,
6108
+ item: ((_itemContainer$slots = itemContainer.slots) == null ? void 0 : _itemContainer$slots[i]) || null,
6109
+ slotContainerType: SlotContainerType.INVENTORY,
6110
+ onMouseOver: function onMouseOver(event, slotIndex, item) {
6111
+ if (_onMouseOver) _onMouseOver(event, slotIndex, item);
6112
+ },
6113
+ onClick: function onClick(item, slotContainerType) {
6114
+ if (onItemClick) onItemClick(item, slotContainerType);
6115
+ },
6116
+ onSelected: function onSelected(optionId) {
6117
+ if (_onSelected) _onSelected(optionId);
6118
+ }
6119
+ }));
6120
+ }
6121
+
6122
+ return slots;
6123
+ };
6124
+
6125
+ return React.createElement(SlotsContainer, {
6126
+ title: itemContainer.name || 'Container',
6127
+ onClose: onClose
6128
+ }, React.createElement(ItemsContainer, {
6129
+ className: "item-container-body"
6130
+ }, onRenderSlots()));
6131
+ };
6132
+ var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
6133
+ displayName: "ItemContainer__ItemsContainer",
6134
+ componentId: "sc-15y5p9l-0"
6135
+ })(["max-width:280px;display:flex;justify-content:center;flex-wrap:wrap;"]);
6136
+
5868
6137
  var ListMenu = function ListMenu(_ref) {
5869
6138
  var options = _ref.options,
5870
6139
  onSelected = _ref.onSelected,
@@ -5872,7 +6141,7 @@ var ListMenu = function ListMenu(_ref) {
5872
6141
  y = _ref.y,
5873
6142
  _ref$fontSize = _ref.fontSize,
5874
6143
  fontSize = _ref$fontSize === void 0 ? 0.8 : _ref$fontSize;
5875
- return React.createElement(Container$6, {
6144
+ return React.createElement(Container$7, {
5876
6145
  x: x,
5877
6146
  y: y,
5878
6147
  fontSize: fontSize
@@ -5882,7 +6151,7 @@ var ListMenu = function ListMenu(_ref) {
5882
6151
  overflow: 'hidden'
5883
6152
  }
5884
6153
  }, options.map(function (params, index) {
5885
- return React.createElement(ListElement, {
6154
+ return React.createElement(ListElement$1, {
5886
6155
  key: (params == null ? void 0 : params.id) || index,
5887
6156
  onClick: function onClick() {
5888
6157
  onSelected(params == null ? void 0 : params.id);
@@ -5890,7 +6159,7 @@ var ListMenu = function ListMenu(_ref) {
5890
6159
  }, (params == null ? void 0 : params.text) || 'No text');
5891
6160
  })));
5892
6161
  };
5893
- var Container$6 = /*#__PURE__*/styled.div.withConfig({
6162
+ var Container$7 = /*#__PURE__*/styled.div.withConfig({
5894
6163
  displayName: "ListMenu__Container",
5895
6164
  componentId: "sc-i9097t-0"
5896
6165
  })(["display:flex;flex-direction:column;width:100%;justify-content:start;align-items:flex-start;position:absolute;top:", "px;left:", "px;li{font-size:", "em;}"], function (props) {
@@ -5900,448 +6169,12 @@ var Container$6 = /*#__PURE__*/styled.div.withConfig({
5900
6169
  }, function (props) {
5901
6170
  return props.fontSize;
5902
6171
  });
5903
- var ListElement = /*#__PURE__*/styled.li.withConfig({
6172
+ var ListElement$1 = /*#__PURE__*/styled.li.withConfig({
5904
6173
  displayName: "ListMenu__ListElement",
5905
6174
  componentId: "sc-i9097t-1"
5906
6175
  })(["margin-right:0.5rem;"]);
5907
6176
 
5908
- var ContainerType;
5909
-
5910
- (function (ContainerType) {
5911
- ContainerType["INVENTORY"] = "Inventory";
5912
- ContainerType["EQUIPMENT_SET"] = "EquipmentSet";
5913
- })(ContainerType || (ContainerType = {})); // TODO: Refactor this file
5914
-
5915
-
5916
- var generateContextList = function generateContextList(actionsByTypeList) {
5917
- var contextMenu = actionsByTypeList.map(function (action) {
5918
- return {
5919
- id: action,
5920
- text: ItemSocketEventsDisplayLabels[action]
5921
- };
5922
- });
5923
- return contextMenu;
5924
- };
5925
-
5926
- var handleContextMenuList = function handleContextMenuList(itemType) {
5927
- var contextActionMenu = [];
5928
-
5929
- switch (itemType) {
5930
- case ItemType.Weapon:
5931
- case ItemType.Armor:
5932
- case ItemType.Accessory:
5933
- case ItemType.Jewelry:
5934
- case ItemType.Tool:
5935
- contextActionMenu = generateContextList(ActionsByItemType.Equipment);
5936
- break;
5937
-
5938
- case ItemType.Consumable:
5939
- contextActionMenu = generateContextList(ActionsByItemType.Consumable);
5940
- break;
5941
-
5942
- case ItemType.CraftMaterial:
5943
- contextActionMenu = generateContextList(ActionsByItemType.CraftMaterial);
5944
- break;
5945
-
5946
- case ItemType.Other:
5947
- case ItemType.Information:
5948
- case ItemType.Quest:
5949
- case ItemType.Container:
5950
- contextActionMenu = generateContextList(ActionsByItemType.Other);
5951
- break;
5952
-
5953
- default:
5954
- contextActionMenu = generateContextList(ActionsByItemType.Other);
5955
- break;
5956
- }
5957
-
5958
- return contextActionMenu;
5959
- };
5960
- var handleEquipmentContextMenuList = function handleEquipmentContextMenuList(itemType) {
5961
- var contextActionMenu = [];
5962
-
5963
- switch (itemType) {
5964
- case ItemType.Weapon:
5965
- case ItemType.Armor:
5966
- case ItemType.Accessory:
5967
- case ItemType.Jewelry:
5968
- case ItemType.Tool:
5969
- contextActionMenu = generateContextList(ActionsByItemType.EquipmenSetItems);
5970
- break;
5971
-
5972
- case ItemType.Container:
5973
- contextActionMenu = generateContextList(ActionsByItemType.EquipmenSetContainer);
5974
- break;
5975
-
5976
- default:
5977
- contextActionMenu = generateContextList(ActionsByItemType.EquipmenSetItems);
5978
- break;
5979
- }
5980
-
5981
- return contextActionMenu;
5982
- };
5983
-
5984
- var initialState = {
5985
- visible: false,
5986
- posX: 0,
5987
- posY: 0,
5988
- contextActions: [],
5989
- slotItem: null
5990
- };
5991
- var initialHoverState = {
5992
- visible: false,
5993
- posX: 0,
5994
- posY: 0,
5995
- item: null
5996
- };
5997
-
5998
- var UIStore = /*#__PURE__*/function () {
5999
- function UIStore() {
6000
- var _this = this;
6001
-
6002
- this.contextMenu = initialState;
6003
- this.onHoverDetail = initialHoverState;
6004
-
6005
- this.handleOnItemClick = function (item, posX, posY, slotContainerType) {
6006
- var _this$contextMenu;
6007
-
6008
- if (!item || JSON.stringify((_this$contextMenu = _this.contextMenu) == null ? void 0 : _this$contextMenu.slotItem) === JSON.stringify(item)) {
6009
- _this.clearContextMenu();
6010
-
6011
- _this.clearItemHoverDetail();
6012
-
6013
- return;
6014
- }
6015
-
6016
- switch (slotContainerType) {
6017
- case SlotContainerType.EQUIPMENT_SET:
6018
- _this.setEquipContextMenu({
6019
- visible: true,
6020
- posX: posX,
6021
- posY: posY,
6022
- slotItem: item
6023
- }, item.type, item.isItemContainer);
6024
-
6025
- break;
6026
-
6027
- case SlotContainerType.INVENTORY:
6028
- _this.setContextMenu({
6029
- visible: true,
6030
- posX: posX,
6031
- posY: posY,
6032
- slotItem: item
6033
- }, item.type);
6034
-
6035
- break;
6036
-
6037
- default:
6038
- _this.setContextMenu({
6039
- visible: true,
6040
- posX: posX,
6041
- posY: posY,
6042
- slotItem: item
6043
- }, item.type);
6044
-
6045
- }
6046
-
6047
- _this.clearItemHoverDetail();
6048
- };
6049
-
6050
- this.handleOnMouseHover = function (event, slotIndex, item, posX, posY, onMouseOver) {
6051
- if (item) {
6052
- _this.setItemHoverDetail({
6053
- visible: true,
6054
- posX: posX,
6055
- posY: posY,
6056
- item: item
6057
- });
6058
- }
6059
-
6060
- if (onMouseOver) {
6061
- onMouseOver(event, slotIndex, item);
6062
- }
6063
- };
6064
-
6065
- makeAutoObservable(this);
6066
- }
6067
-
6068
- var _proto = UIStore.prototype;
6069
-
6070
- _proto.setContextMenu = function setContextMenu(contextMenu, itemType) {
6071
- var contextActions = handleContextMenuList(itemType);
6072
- this.contextMenu = _extends({}, contextMenu, {
6073
- contextActions: contextActions
6074
- });
6075
- console.log(toJS(this.contextMenu));
6076
- };
6077
-
6078
- _proto.setEquipContextMenu = function setEquipContextMenu(contextMenu, itemType, isItemContainer) {
6079
- var contextActions = handleEquipmentContextMenuList(itemType);
6080
- if (isItemContainer) contextActions.push({
6081
- id: ItemSocketEvents.ContainerOpen,
6082
- text: ItemSocketEventsDisplayLabels[ItemSocketEvents.ContainerOpen]
6083
- });
6084
- this.contextMenu = _extends({}, contextMenu, {
6085
- contextActions: contextActions
6086
- });
6087
- console.log(toJS(this.contextMenu));
6088
- };
6089
-
6090
- _proto.clearContextMenu = function clearContextMenu() {
6091
- this.contextMenu = initialState;
6092
- };
6093
-
6094
- _proto.setItemHoverDetail = function setItemHoverDetail(hoverDetail) {
6095
- if ((hoverDetail == null ? void 0 : hoverDetail.item) === null) this.clearItemHoverDetail();
6096
- this.onHoverDetail = _extends({}, hoverDetail);
6097
- };
6098
-
6099
- _proto.clearItemHoverDetail = function clearItemHoverDetail() {
6100
- this.onHoverDetail = initialHoverState;
6101
- };
6102
-
6103
- _proto.onSelected = function onSelected(selectedActionId, onActionSelected) {
6104
- var _this$contextMenu2;
6105
-
6106
- var payloadData = {
6107
- actionType: selectedActionId,
6108
- item: (_this$contextMenu2 = this.contextMenu) == null ? void 0 : _this$contextMenu2.slotItem
6109
- };
6110
-
6111
- if (onActionSelected) {
6112
- onActionSelected(payloadData);
6113
- }
6114
-
6115
- this.clearContextMenu();
6116
- };
6117
-
6118
- return UIStore;
6119
- }();
6120
-
6121
- var uiStore = /*#__PURE__*/new UIStore();
6122
-
6123
- var EquipmentSet = /*#__PURE__*/observer(function (_ref) {
6124
- var _uiStore$contextMenu, _uiStore$onHoverDetai;
6125
-
6126
- var equipmentSet = _ref.equipmentSet,
6127
- onClose = _ref.onClose,
6128
- onMouseOver = _ref.onMouseOver,
6129
- onActionSelected = _ref.onActionSelected,
6130
- _ref$initialPosition = _ref.initialPosition,
6131
- initialPosition = _ref$initialPosition === void 0 ? {
6132
- x: 0,
6133
- y: 0
6134
- } : _ref$initialPosition;
6135
- var neck = equipmentSet.neck,
6136
- leftHand = equipmentSet.leftHand,
6137
- ring = equipmentSet.ring,
6138
- head = equipmentSet.head,
6139
- armor = equipmentSet.armor,
6140
- legs = equipmentSet.legs,
6141
- boot = equipmentSet.boot,
6142
- inventory = equipmentSet.inventory,
6143
- rightHand = equipmentSet.rightHand,
6144
- accessory = equipmentSet.accessory;
6145
- var equipmentData = [neck, leftHand, ring, head, armor, legs, boot, inventory, rightHand, accessory];
6146
- var equipmentMaskSlots = [ItemSlotType.Neck, ItemSlotType.LeftHand, ItemSlotType.Ring, ItemSlotType.Head, ItemSlotType.Torso, ItemSlotType.Legs, ItemSlotType.Feet, ItemSlotType.Inventory, ItemSlotType.RightHand, ItemSlotType.Accessory]; // we use this draggable position to offset the menu position, after the container is dragged (otherwise, it bugs!)
6147
-
6148
- var _useState = useState(initialPosition),
6149
- draggablePosition = _useState[0],
6150
- setDraggablePosition = _useState[1];
6151
-
6152
- var handleOnMouseHover = function handleOnMouseHover(event, slotIndex, item, x, y) {
6153
- uiStore.handleOnMouseHover(event, slotIndex, item, x, y, onMouseOver);
6154
- };
6155
-
6156
- var onSelected = function onSelected(selectedActionId) {
6157
- uiStore.onSelected(selectedActionId, onActionSelected);
6158
- };
6159
-
6160
- var onRenderEquipmentSlotRange = function onRenderEquipmentSlotRange(start, end) {
6161
- var equipmentRange = equipmentData.slice(start, end);
6162
- var slotMaksRange = equipmentMaskSlots.slice(start, end);
6163
- return equipmentRange.map(function (data, i) {
6164
- var _ref2;
6165
-
6166
- var item = data;
6167
- var itemContainer = (_ref2 = item && item.itemContainer) != null ? _ref2 : null;
6168
- return React.createElement(ItemSlot, {
6169
- key: i,
6170
- slotIndex: i,
6171
- item: item,
6172
- itemContainer: itemContainer,
6173
- slotContainerType: SlotContainerType.EQUIPMENT_SET,
6174
- slotSpriteMask: slotMaksRange[i],
6175
- onMouseOver: handleOnMouseHover,
6176
- onMouseOut: function onMouseOut() {
6177
- uiStore.clearItemHoverDetail();
6178
- },
6179
- onClick: uiStore.handleOnItemClick,
6180
- onCancelContextMenu: function onCancelContextMenu() {
6181
- uiStore.clearContextMenu();
6182
- }
6183
- });
6184
- });
6185
- };
6186
-
6187
- return React.createElement(DraggableContainer, {
6188
- title: 'Equipments',
6189
- type: RPGUIContainerTypes.Framed,
6190
- onCloseButton: function onCloseButton() {
6191
- if (onClose) onClose();
6192
- },
6193
- width: "330px",
6194
- cancelDrag: ".equipment-container-body",
6195
- onPositionChange: function onPositionChange(_ref3) {
6196
- var x = _ref3.x,
6197
- y = _ref3.y;
6198
- setDraggablePosition({
6199
- x: x,
6200
- y: y
6201
- });
6202
- },
6203
- onOutsideClick: function onOutsideClick() {
6204
- uiStore.clearContextMenu();
6205
- uiStore.clearItemHoverDetail();
6206
- }
6207
- }, React.createElement(EquipmentSetContainer, {
6208
- className: "equipment-container-body"
6209
- }, React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(0, 3)), React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(3, 7)), React.createElement(EquipmentColumn, null, onRenderEquipmentSlotRange(7, 10))), (_uiStore$contextMenu = uiStore.contextMenu) != null && _uiStore$contextMenu.visible ? React.createElement(ListMenu, {
6210
- x: uiStore.contextMenu.posX - draggablePosition.x,
6211
- y: uiStore.contextMenu.posY - draggablePosition.y,
6212
- options: uiStore.contextMenu.contextActions,
6213
- onSelected: onSelected
6214
- }) : null, (_uiStore$onHoverDetai = uiStore.onHoverDetail) != null && _uiStore$onHoverDetai.visible ? React.createElement(ItemCard, {
6215
- item: uiStore.onHoverDetail.item,
6216
- x: uiStore.onHoverDetail.posX - draggablePosition.x,
6217
- y: uiStore.onHoverDetail.posY - draggablePosition.y
6218
- }) : null);
6219
- });
6220
- var EquipmentSetContainer = /*#__PURE__*/styled.div.withConfig({
6221
- displayName: "EquipmentSet__EquipmentSetContainer",
6222
- componentId: "sc-1wuddg2-0"
6223
- })(["width:inherit;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;"]);
6224
- var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
6225
- displayName: "EquipmentSet__EquipmentColumn",
6226
- componentId: "sc-1wuddg2-1"
6227
- })(["display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;"]);
6228
-
6229
- var SlotsContainer = function SlotsContainer(_ref) {
6230
- var children = _ref.children,
6231
- title = _ref.title,
6232
- onClose = _ref.onClose,
6233
- _onPositionChange = _ref.onPositionChange,
6234
- onOutsideClick = _ref.onOutsideClick;
6235
- return React.createElement(DraggableContainer, {
6236
- title: title,
6237
- type: RPGUIContainerTypes.Framed,
6238
- onCloseButton: function onCloseButton() {
6239
- if (onClose) {
6240
- onClose();
6241
- }
6242
- },
6243
- width: "330px",
6244
- cancelDrag: ".item-container-body",
6245
- onPositionChange: function onPositionChange(_ref2) {
6246
- var x = _ref2.x,
6247
- y = _ref2.y;
6248
-
6249
- if (_onPositionChange) {
6250
- _onPositionChange({
6251
- x: x,
6252
- y: y
6253
- });
6254
- }
6255
- },
6256
- onOutsideClick: onOutsideClick
6257
- }, children);
6258
- };
6259
-
6260
- var ItemContainer = /*#__PURE__*/observer(function (_ref) {
6261
- var _uiStore$contextMenu, _uiStore$onHoverDetai;
6262
-
6263
- var itemContainer = _ref.itemContainer,
6264
- onClose = _ref.onClose,
6265
- onMouseOver = _ref.onMouseOver,
6266
- onActionSelected = _ref.onActionSelected,
6267
- _ref$initialPosition = _ref.initialPosition,
6268
- initialPosition = _ref$initialPosition === void 0 ? {
6269
- x: 0,
6270
- y: 0
6271
- } : _ref$initialPosition;
6272
-
6273
- // we use this draggable position to offset the menu position, after the container is dragged (otherwise, it bugs!)
6274
- var _useState = useState(initialPosition),
6275
- draggablePosition = _useState[0],
6276
- setDraggablePosition = _useState[1];
6277
-
6278
- var handleOnMouseHover = function handleOnMouseHover(event, slotIndex, item, x, y) {
6279
- uiStore.handleOnMouseHover(event, slotIndex, item, x, y, onMouseOver);
6280
- };
6281
-
6282
- var onSelected = function onSelected(selectedActionId) {
6283
- uiStore.onSelected(selectedActionId, onActionSelected);
6284
- };
6285
-
6286
- var onRenderSlots = function onRenderSlots() {
6287
- var slots = [];
6288
-
6289
- for (var i = 0; i < itemContainer.slotQty; i++) {
6290
- var _itemContainer$slots;
6291
-
6292
- slots.push(React.createElement(ItemSlot, {
6293
- key: i,
6294
- slotIndex: i,
6295
- item: ((_itemContainer$slots = itemContainer.slots) == null ? void 0 : _itemContainer$slots[i]) || null,
6296
- slotContainerType: SlotContainerType.INVENTORY,
6297
- onMouseOver: handleOnMouseHover,
6298
- onClick: uiStore.handleOnItemClick,
6299
- onMouseOut: function onMouseOut() {
6300
- uiStore.clearItemHoverDetail();
6301
- },
6302
- onCancelContextMenu: function onCancelContextMenu() {
6303
- uiStore.clearContextMenu();
6304
- }
6305
- }));
6306
- }
6307
-
6308
- return slots;
6309
- };
6310
-
6311
- return React.createElement(SlotsContainer, {
6312
- title: itemContainer.name || 'Container',
6313
- onPositionChange: function onPositionChange(_ref2) {
6314
- var x = _ref2.x,
6315
- y = _ref2.y;
6316
- setDraggablePosition({
6317
- x: x,
6318
- y: y
6319
- });
6320
- },
6321
- onOutsideClick: function onOutsideClick() {
6322
- uiStore.clearContextMenu();
6323
- uiStore.clearItemHoverDetail();
6324
- },
6325
- onClose: onClose
6326
- }, React.createElement(ItemsContainer, {
6327
- className: "item-container-body"
6328
- }, onRenderSlots()), (_uiStore$contextMenu = uiStore.contextMenu) != null && _uiStore$contextMenu.visible ? React.createElement(ListMenu, {
6329
- x: uiStore.contextMenu.posX - draggablePosition.x,
6330
- y: uiStore.contextMenu.posY - draggablePosition.y,
6331
- options: uiStore.contextMenu.contextActions,
6332
- onSelected: onSelected
6333
- }) : null, (_uiStore$onHoverDetai = uiStore.onHoverDetail) != null && _uiStore$onHoverDetai.visible ? React.createElement(ItemCard, {
6334
- item: uiStore.onHoverDetail.item,
6335
- x: uiStore.onHoverDetail.posX - draggablePosition.x,
6336
- y: uiStore.onHoverDetail.posY - draggablePosition.y
6337
- }) : null);
6338
- });
6339
- var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
6340
- displayName: "ItemContainer__ItemsContainer",
6341
- componentId: "sc-15y5p9l-0"
6342
- })(["max-width:280px;display:flex;justify-content:center;flex-wrap:wrap;"]);
6343
-
6344
- var img$1 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
6177
+ var img$1 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAP1BMVEUAAAA7FyVxQTsUEBPj5v////+5v/tCJDOOUlIiHBr1oJfptaO6dWr61rhzFy1bMTjoanMUNGQoXMQkn97+88DQ3IhAAAAAAXRSTlMAQObYZgAAAAFiS0dEBfhv6ccAAAAHdElNRQfmAw4VOBC7c5LYAAABM0lEQVQ4y3XRi5KDIAwFUAUkbrBgpP//rZsHVHQ009qZ3tPboNN0zmwzvcw8O5sX4y0NOg/Et3jRCXF+ziULorjkOQ9gE24dvuUAzq08DiCO4pe3WN7zCP56vmpubBReQYC11YPS86ySxxCsAABTSgjb5m4g8nfbxvFHBkH2OEEvAItVuCuIsgGgl+Gcr7kDXxhEAx55A2SQEEeQeZwUaIP8Tbo05B0RFPhItAjgj1w6cDnhLluDj+Egkh3pCCP4pKQAw1IPO0W9Nti5gW9RP2dKA3BZd2Dw+baYX+Nt4GM00O4S3kEpF6Alb2Bv4LeC3kkGfAW0/p0RPoJVKr63ghHsKuRh5DIUKOAlGOwrtt9fQekAEfmhZslHUDoglB0zjfkJigN7UnTQQ4GBWomoVhEN/AOPSBh38gy+fwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wMy0xNFQyMTo1NTo1MSswMDowMJcc0eEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDMtMTRUMjE6NTU6NTErMDA6MDDmQWldAAAAAElFTkSuQmCC';
6345
6178
 
6346
6179
  var img$2 = 'data:image/gif;base64,R0lGODlhQAAgAPIAAAAAAA0NDRERESIiIigoKFlZWf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD/wi63P4wykmrvTjrzbv/YAgIZGmeaKquakQWcCzPdG3fNukIeO//PQGDBywafcIF8chswpKKZcxApTqvNOiIZi0YsODncFaFlcNOrdTbJVff0/c3Lp/Xs2N37cy2ndt6ZnhKXHdsc4d7VnwyfIxqPWWOXXWLgHSGYoSNbZKVZp2WiJyjg1GFcaClqaqJhasyUAFrh3Cur3KqubWXBQIBAAEDtDeMaEEDAcLEx2gCycvN0jHPysPT09XR2M3a19zH3gTM4EYCBNDD4yzs7e4r48nB6gT19vf4+fr7/P3P8sKGvRtIkMUAeQoCHlzIsKHDhxAjSoTWQJnFixgzatzIsQWjRQYJAAAh/wtJbWFnZU1hZ2ljaw5nYW1tYT0wLjQ1NDU0NQAh+QQBFAAAACwAAAAAQAAgAAAD8Ai63P4wykmrvTjrzbv/YCiOlGCeaKqubMtGZiHPdG3feI6bjqD/wOBPwPAJj0ggcWFMOp+ypaI5M1it0KxNCqDKsAWDdhwt1q5fMPnJ9aJt17g4HafJ3/et+Tzn99V+aThqfTNtcHlhhIBVWG+BdDSHOmiPeHdij3aYhZONf46YkZGanzpSAV6KjaOIpqWtNwIBAAEDqqKKhZuJnHSwAgMBtqo5sGs5wcO3yM01ysTO0gXQzNPN1cXXUNnbyNna3kcmwrW3Lujp6ugD5bbn6/HyLe20Cu/t+fr7/P3+/wCF2VswrKDBgwgTKlzIsCCDBAA7';
6347
6180
 
@@ -6422,13 +6255,13 @@ var NPCDialogText = function NPCDialogText(_ref) {
6422
6255
  return document.removeEventListener('keydown', onHandleSpacePress);
6423
6256
  };
6424
6257
  }, [chunkIndex]);
6425
- return React.createElement(Container$7, null, React.createElement(DynamicText, {
6258
+ return React.createElement(Container$8, null, React.createElement(DynamicText, {
6426
6259
  text: (textChunks == null ? void 0 : textChunks[chunkIndex]) || '',
6427
6260
  onFinish: onEndStep,
6428
6261
  onStart: onStartStep
6429
6262
  }));
6430
6263
  };
6431
- var Container$7 = /*#__PURE__*/styled.div.withConfig({
6264
+ var Container$8 = /*#__PURE__*/styled.div.withConfig({
6432
6265
  displayName: "NPCDialogText__Container",
6433
6266
  componentId: "sc-1cxkdh9-0"
6434
6267
  })([""]);
@@ -6600,7 +6433,7 @@ var QuestionDialog = function QuestionDialog(_ref) {
6600
6433
  });
6601
6434
  };
6602
6435
 
6603
- return React.createElement(Container$8, null, React.createElement(QuestionContainer, null, React.createElement(DynamicText, {
6436
+ return React.createElement(Container$9, null, React.createElement(QuestionContainer, null, React.createElement(DynamicText, {
6604
6437
  text: currentQuestion.text,
6605
6438
  onStart: function onStart() {
6606
6439
  return setCanShowAnswers(false);
@@ -6610,7 +6443,7 @@ var QuestionDialog = function QuestionDialog(_ref) {
6610
6443
  }
6611
6444
  })), canShowAnswers && React.createElement(AnswersContainer, null, onRenderCurrentAnswers()));
6612
6445
  };
6613
- var Container$8 = /*#__PURE__*/styled.div.withConfig({
6446
+ var Container$9 = /*#__PURE__*/styled.div.withConfig({
6614
6447
  displayName: "QuestionDialog__Container",
6615
6448
  componentId: "sc-bxc5u0-0"
6616
6449
  })(["display:flex;word-break:break-all;box-sizing:border-box;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;"]);
@@ -6676,7 +6509,7 @@ var NPCDialog = function NPCDialog(_ref) {
6676
6509
  }
6677
6510
  })), type === NPCDialogType.TextAndThumbnail && React.createElement(ThumbnailContainer, null, React.createElement(NPCThumbnail, {
6678
6511
  src: imagePath || img$1
6679
- }))) : React.createElement(React.Fragment, null, React.createElement(Container$9, null, React.createElement(TextContainer$1, {
6512
+ }))) : React.createElement(React.Fragment, null, React.createElement(Container$a, null, React.createElement(TextContainer$1, {
6680
6513
  flex: type === NPCDialogType.TextAndThumbnail ? '70%' : '100%'
6681
6514
  }, React.createElement(NPCDialogText, {
6682
6515
  onStartStep: function onStartStep() {
@@ -6698,7 +6531,7 @@ var NPCDialog = function NPCDialog(_ref) {
6698
6531
  src: img$2
6699
6532
  })));
6700
6533
  };
6701
- var Container$9 = /*#__PURE__*/styled.div.withConfig({
6534
+ var Container$a = /*#__PURE__*/styled.div.withConfig({
6702
6535
  displayName: "NPCDialog__Container",
6703
6536
  componentId: "sc-1b4aw74-0"
6704
6537
  })(["display:flex;width:100%;height:100%;box-sizing:border-box;justify-content:center;align-items:flex-start;position:relative;"]);
@@ -6745,7 +6578,7 @@ var ProgressBar = function ProgressBar(_ref) {
6745
6578
  return value * 100 / max;
6746
6579
  };
6747
6580
 
6748
- return React.createElement(Container$a, {
6581
+ return React.createElement(Container$b, {
6749
6582
  className: "rpgui-progress",
6750
6583
  "data-value": calculatePercentageValue(max, value) / 100,
6751
6584
  "data-rpguitype": "progress",
@@ -6774,7 +6607,7 @@ var TextOverlay = /*#__PURE__*/styled.div.withConfig({
6774
6607
  displayName: "ProgressBar__TextOverlay",
6775
6608
  componentId: "sc-qa6fzh-1"
6776
6609
  })(["width:100%;position:relative;"]);
6777
- var Container$a = /*#__PURE__*/styled.div.withConfig({
6610
+ var Container$b = /*#__PURE__*/styled.div.withConfig({
6778
6611
  displayName: "ProgressBar__Container",
6779
6612
  componentId: "sc-qa6fzh-2"
6780
6613
  })(["display:flex;flex-direction:column;min-width:", "px;width:", "%;justify-content:start;align-items:flex-start;", ""], function (props) {
@@ -6785,6 +6618,64 @@ var Container$a = /*#__PURE__*/styled.div.withConfig({
6785
6618
  return props.style;
6786
6619
  });
6787
6620
 
6621
+ var img$3 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAASRJREFUWIXtl7EKwjAQhn8llg4dOig4uApu+gaib+Fj+CL6MO6Kk6N1ExRdHDJ06NChFEEnL6kmGkE5wf7TJVzbn+96uRb4d1VcE+tB62VO4HkUp3l+MeWEvk/P3Md7VF0NfEvsBsT9hg21C940zynuNZvG+0RS6tdW2AmwGxBAEXvo+xQnWUa4XPAOOmdtpeLF9qHSJHYC7AYEYMfuhtosHXskJcWB59FBFOMHCLAbEIAduwvqd6V3E/ADBNgN3LqA3kz9rJ6MQkqcre2HyTvSZ0rZBYDqAtrot2tUjuE0MY7d+Tg0bT+R6qxyHN9LAECcnmhjuSt8EVE5ui3VBbbS6LKVKZLFNTsBdgMf/S/Qy7Q5nY1lajfUOF4dD/wE2A2UYtcVzKJVOti5A44AAAAASUVORK5CYII=';
6622
+
6623
+ var img$4 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAASZJREFUWIVjYBjpgJFYhSI8MgTVGBoJwNnnz334j02Nk5MY3M5Vm84xMBHrAFqBAXcARhTgCmpighcZHDvhhFXcymIfnP3myxPGAQ+BAXcAIwMDarA7OYnB2fv2vcIa1LiC98fKc1jFOcKN4OzRKEAHLAwMuIOd1KDGBZCD3dBIAJ7zdh96MvAhMOAOYGFgwB3spAY1MeD8uQ8o/AEPgQF3ACwXwFOmlcU+eHTsKxTApocioC/DAmfvvTEIQmDAHYBRF9irssLZB2//xloXFDqIEDTY1/APVnGnfkQuGK0LGBigueDNlydwgYO3UVpE8NwhI4CImv4Dbwi2iBgYCEcTA8MgCIEBdwBV+wXI0fTkA/YcpCrKBrfz+P17Ax8CA+6AUTDgAACD+FSXdO/L2QAAAABJRU5ErkJggg==';
6624
+
6625
+ var img$5 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAARlJREFUWIXtl78KwjAQxr9IFIcODh0cuigKburoJLr7bD6S+ga6CV07CHZw6FCqoFPzp1w0g3KK/abjeinH78s1DfDvEgAwCAcqccnzO1UYtFqijLOiePniNEu8Gmh4VX1Q7A1IwMY+6XbJwv3pRFpjyrQJQUTWVK1hJ8DegHz2cDG6GXGo4s2RXuayqdNua2ugrUmzhJ8AewMSsHevjVFPhG2Hjm29niDTjjT7AgLsDUjA79vuIx9rKpMi2AmwN1BOgUq8y47VVNux3qYqrqegKgEAYRCRx7G5q02kLi3XFzI/HzYV9l18Vfn6LACI49iF3YXX1DiSCvUh0Wur2E2xE2BvQADArNdXifhckH81Lrwu1feCWj+jBx1LX0kx8GexAAAAAElFTkSuQmCC';
6626
+
6627
+ var img$6 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAS5JREFUWIXtl7Fqw0AMhv8LLmTI4KFk8pJAtkKJpzRDCoasHZvnyJP0OZqx3Y90KZ3OdM7qKfHgIUNpAu1U+TA654YGUXr/JGRx/vmEdDbw36UA4P4upYTW2y+ucJzG6ifOTXXy4HJfeBnoeFWdUeIGFABc9hLC/vqWsYXTiT55mE+bmq0RJyBuIGp7+PFoKNbLmOLuIuXKMZ1odoKyrE+t0VYny30hT0DcgAKA+eyKErmpCKON3UctraHYbsfqycgTEDcQAX673Uf21Niyl1tjUpQ4AXEDEQBcJ/U+ei+Ov/4S9xSERcRcx67l85y3XhsAgId1yeZvRxeE/WVzoHy4CwDmOnahduG1lcQ16qKqUTex2xInIG5AAcDNYEiJze6T/apx4XUp/BcE/Rl9A77uW6caXAGtAAAAAElFTkSuQmCC';
6628
+
6629
+ var PropertySelect = function PropertySelect(_ref) {
6630
+ var availableProperties = _ref.availableProperties;
6631
+
6632
+ var _useState = useState(0),
6633
+ currentIndex = _useState[0],
6634
+ setCurrentIndex = _useState[1];
6635
+
6636
+ var propertiesLength = availableProperties.length - 1;
6637
+
6638
+ var onLeftClick = function onLeftClick() {
6639
+ if (currentIndex === 0) setCurrentIndex(propertiesLength);else setCurrentIndex(function (index) {
6640
+ return index - 1;
6641
+ });
6642
+ };
6643
+
6644
+ var onRightClick = function onRightClick() {
6645
+ if (currentIndex === propertiesLength) setCurrentIndex(0);else setCurrentIndex(function (index) {
6646
+ return index + 1;
6647
+ });
6648
+ };
6649
+
6650
+ return React.createElement(Container$c, null, React.createElement(TextOverlay$1, null, React.createElement(Item, null, availableProperties[currentIndex].name)), React.createElement("div", {
6651
+ className: "rpgui-progress-track"
6652
+ }), React.createElement(LeftArrow, {
6653
+ onClick: onLeftClick
6654
+ }), React.createElement(RightArrow, {
6655
+ onClick: onRightClick
6656
+ }));
6657
+ };
6658
+ var Item = /*#__PURE__*/styled.span.withConfig({
6659
+ displayName: "PropertySelect__Item",
6660
+ componentId: "sc-12uqx6s-0"
6661
+ })(["font-size:1rem;color:white;text-align:center;z-index:1;position:absolute;left:50%;transform:translateX(-50%);top:12px;"]);
6662
+ var TextOverlay$1 = /*#__PURE__*/styled.div.withConfig({
6663
+ displayName: "PropertySelect__TextOverlay",
6664
+ componentId: "sc-12uqx6s-1"
6665
+ })(["width:100%;position:relative;"]);
6666
+ var Container$c = /*#__PURE__*/styled.div.withConfig({
6667
+ displayName: "PropertySelect__Container",
6668
+ componentId: "sc-12uqx6s-2"
6669
+ })(["position:relative;display:flex;flex-direction:column;justify-content:start;align-items:flex-start;min-width:100px;width:40%;"]);
6670
+ var LeftArrow = /*#__PURE__*/styled.div.withConfig({
6671
+ displayName: "PropertySelect__LeftArrow",
6672
+ componentId: "sc-12uqx6s-3"
6673
+ })(["background-image:url(", ");background-size:100% 100%;left:0;position:absolute;width:40px;height:42px;:active{background-image:url(", ");}"], img$4, img$3);
6674
+ var RightArrow = /*#__PURE__*/styled.div.withConfig({
6675
+ displayName: "PropertySelect__RightArrow",
6676
+ componentId: "sc-12uqx6s-4"
6677
+ })(["background-image:url(", ");right:0;position:absolute;width:40px;background-size:100% 100%;height:42px;:active{background-image:url(", ");}"], img$6, img$5);
6678
+
6788
6679
  var InputRadio = function InputRadio(_ref) {
6789
6680
  var name = _ref.name,
6790
6681
  items = _ref.items,
@@ -6876,323 +6767,17 @@ var Input$1 = /*#__PURE__*/styled.input.withConfig({
6876
6767
  componentId: "sc-v8mte9-0"
6877
6768
  })(["opacity:0;"]);
6878
6769
 
6879
- var frames$1 = {
6880
- "metamask-large.png": {
6881
- frame: {
6882
- x: 0,
6883
- y: 0,
6884
- w: 33,
6885
- h: 30
6886
- },
6887
- rotated: false,
6888
- trimmed: false,
6889
- spriteSourceSize: {
6890
- x: 0,
6891
- y: 0,
6892
- w: 33,
6893
- h: 30
6894
- },
6895
- sourceSize: {
6896
- w: 33,
6897
- h: 30
6898
- },
6899
- pivot: {
6900
- x: 0.5,
6901
- y: 0.5
6902
- }
6903
- },
6904
- "chat-large.png": {
6905
- frame: {
6906
- x: 0,
6907
- y: 30,
6908
- w: 31,
6909
- h: 29
6910
- },
6911
- rotated: false,
6912
- trimmed: true,
6913
- spriteSourceSize: {
6914
- x: 1,
6915
- y: 3,
6916
- w: 31,
6917
- h: 29
6918
- },
6919
- sourceSize: {
6920
- w: 32,
6921
- h: 32
6922
- },
6923
- pivot: {
6924
- x: 0.5,
6925
- y: 0.5
6926
- }
6927
- },
6928
- "equipment.png": {
6929
- frame: {
6930
- x: 33,
6931
- y: 0,
6932
- w: 17,
6933
- h: 16
6934
- },
6935
- rotated: false,
6936
- trimmed: false,
6937
- spriteSourceSize: {
6938
- x: 0,
6939
- y: 0,
6940
- w: 17,
6941
- h: 16
6942
- },
6943
- sourceSize: {
6944
- w: 17,
6945
- h: 16
6946
- },
6947
- pivot: {
6948
- x: 0.5,
6949
- y: 0.5
6950
- }
6951
- },
6952
- "inventory.png": {
6953
- frame: {
6954
- x: 33,
6955
- y: 16,
6956
- w: 17,
6957
- h: 16
6958
- },
6959
- rotated: false,
6960
- trimmed: false,
6961
- spriteSourceSize: {
6962
- x: 0,
6963
- y: 0,
6964
- w: 17,
6965
- h: 16
6966
- },
6967
- sourceSize: {
6968
- w: 17,
6969
- h: 16
6970
- },
6971
- pivot: {
6972
- x: 0.5,
6973
- y: 0.5
6974
- }
6975
- },
6976
- "icon-base-blue.png": {
6977
- frame: {
6978
- x: 31,
6979
- y: 32,
6980
- w: 16,
6981
- h: 16
6982
- },
6983
- rotated: false,
6984
- trimmed: false,
6985
- spriteSourceSize: {
6986
- x: 0,
6987
- y: 0,
6988
- w: 16,
6989
- h: 16
6990
- },
6991
- sourceSize: {
6992
- w: 16,
6993
- h: 16
6994
- },
6995
- pivot: {
6996
- x: 0.5,
6997
- y: 0.5
6998
- }
6999
- },
7000
- "icon-base-brown.png": {
7001
- frame: {
7002
- x: 50,
7003
- y: 0,
7004
- w: 16,
7005
- h: 16
7006
- },
7007
- rotated: false,
7008
- trimmed: false,
7009
- spriteSourceSize: {
7010
- x: 0,
7011
- y: 0,
7012
- w: 16,
7013
- h: 16
7014
- },
7015
- sourceSize: {
7016
- w: 16,
7017
- h: 16
7018
- },
7019
- pivot: {
7020
- x: 0.5,
7021
- y: 0.5
7022
- }
7023
- },
7024
- "chat-small.png": {
7025
- frame: {
7026
- x: 50,
7027
- y: 16,
7028
- w: 16,
7029
- h: 16
7030
- },
7031
- rotated: false,
7032
- trimmed: true,
7033
- spriteSourceSize: {
7034
- x: 1,
7035
- y: 0,
7036
- w: 16,
7037
- h: 16
7038
- },
7039
- sourceSize: {
7040
- w: 17,
7041
- h: 16
7042
- },
7043
- pivot: {
7044
- x: 0.5,
7045
- y: 0.5
7046
- }
7047
- },
7048
- "icon-base-gold.png": {
7049
- frame: {
7050
- x: 47,
7051
- y: 32,
7052
- w: 16,
7053
- h: 16
7054
- },
7055
- rotated: false,
7056
- trimmed: false,
7057
- spriteSourceSize: {
7058
- x: 0,
7059
- y: 0,
7060
- w: 16,
7061
- h: 16
7062
- },
7063
- sourceSize: {
7064
- w: 16,
7065
- h: 16
7066
- },
7067
- pivot: {
7068
- x: 0.5,
7069
- y: 0.5
7070
- }
7071
- },
7072
- "equipment-raw.png": {
7073
- frame: {
7074
- x: 0,
7075
- y: 59,
7076
- w: 15,
7077
- h: 13
7078
- },
7079
- rotated: false,
7080
- trimmed: true,
7081
- spriteSourceSize: {
7082
- x: 0,
7083
- y: 0,
7084
- w: 15,
7085
- h: 13
7086
- },
7087
- sourceSize: {
7088
- w: 16,
7089
- h: 13
7090
- },
7091
- pivot: {
7092
- x: 0.5,
7093
- y: 0.5
7094
- }
7095
- },
7096
- "metamask-small.png": {
7097
- frame: {
7098
- x: 31,
7099
- y: 48,
7100
- w: 15,
7101
- h: 15
7102
- },
7103
- rotated: false,
7104
- trimmed: true,
7105
- spriteSourceSize: {
7106
- x: 1,
7107
- y: 0,
7108
- w: 15,
7109
- h: 15
7110
- },
7111
- sourceSize: {
7112
- w: 16,
7113
- h: 16
7114
- },
7115
- pivot: {
7116
- x: 0.5,
7117
- y: 0.5
7118
- }
7119
- },
7120
- "settings.png": {
7121
- frame: {
7122
- x: 46,
7123
- y: 48,
7124
- w: 14,
7125
- h: 14
7126
- },
7127
- rotated: false,
7128
- trimmed: true,
7129
- spriteSourceSize: {
7130
- x: 1,
7131
- y: 1,
7132
- w: 14,
7133
- h: 14
7134
- },
7135
- sourceSize: {
7136
- w: 16,
7137
- h: 16
7138
- },
7139
- pivot: {
7140
- x: 0.5,
7141
- y: 0.5
7142
- }
7143
- },
7144
- "inventory-raw.png": {
7145
- frame: {
7146
- x: 15,
7147
- y: 59,
7148
- w: 13,
7149
- h: 13
7150
- },
7151
- rotated: false,
7152
- trimmed: true,
7153
- spriteSourceSize: {
7154
- x: 1,
7155
- y: 2,
7156
- w: 13,
7157
- h: 13
7158
- },
7159
- sourceSize: {
7160
- w: 16,
7161
- h: 16
7162
- },
7163
- pivot: {
7164
- x: 0.5,
7165
- y: 0.5
7166
- }
7167
- }
7168
- };
7169
- var meta$1 = {
7170
- app: "http://free-tex-packer.com",
7171
- version: "0.6.7",
7172
- image: "icons.png",
7173
- format: "RGBA8888",
7174
- size: {
7175
- w: 66,
7176
- h: 72
7177
- },
7178
- scale: 1
7179
- };
7180
- var iconsAtlasJSON = {
7181
- frames: frames$1,
7182
- meta: meta$1
7183
- };
7184
-
7185
- var img$3 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABICAMAAAB1EdO8AAAAkFBMVEUAAADtgCT////1hB92PhridiXX19dVPioVFRXQt0W2nSuIdWScgxFuW0mpfFInt+iGmqJ7UTEUpNXEmWxUanQBZolmZmLj+P/MYiguIhhtZWVOMRxNLRWWlpG7vrq6vbmoqKjArJ3VwLQWFhZ7eXl6ZlTq7OzutCkhM0eqfVHBrZ6/q5z/5HjKYSj83SDxgSCOHfTqAAAAAnRSTlMADpEr4D8AAAN0SURBVFjDrdcBW9owEAbgGyNtF2m1CDhBtDIR1Dn//7/b3TXtl6SUtTz7HmlusrxPEgqcRN+oP/rsLAxRGoQkU2PoVIyZEgs/wszSqyCpCFM2zAnA8DNM2B+r1UomyyhEHhIiwIgECRN2tX1aifC0rYm8Q6gRIkYEEE9iyNUReUTA+N5EBRcm1KgFR+Qe4QQYEEA4QwVH5D6BgHAACLcXj8hjAgYEEBsWamMDIgfhxxHTkNiUG3cWXIHIGyI0lAh+Q7KKggXZS4FVSEB0NxITZbGxIpUgNB3CNIRvkG6Ef9wgBFIT1AIggBDNZLrVVVhhhEBAyERHoHIET0XcKhAlSKZ1CQ3RsDc75pmoVCKNp2RBvEX8lGipVbuM9CpMmlWJlyoDYZqJdQGCj6yUpOn9vRJJMmmTJJkIzvg6Hh1xPH6pIGEiLwuNGEpMvIBoHH1oQOzL4va2uK2NLgEhJJCUhTogXqqJewwn/vwOiZeJewhhJHqWnwbSp56oJt3vy/JwkPPs2YhneB85ECjd80kcDrd8HP8gjEza/ZLs9B8+wekhkoAwu11N8GjOEZXOxa0F48MjPlqhS1AmQnCDN/+X3p93zxy+vnu/TvOiUKAAwQIFwZfQc53gibS5OfUWvxIiFrJzUSIvJSrkuRCxUCX9qdTofD6EApOcyakknIyWQeIPIEdM+pNky+s7L9fLWdRsDCHurr3cLWf2AmIeEfYCYh4R9gJiHhF2NMGJCHuCSNbrdXcEMY8I2yVeqqRa87gORxDziLBdIpkkOjUaQcwjwo5chSYi7Miz0ESEHfWKuESEHU4gEWEHEvPobWb9DCD+y5udpmjNzdQViwUhAwgxnDCtpy9ubhZgQPR8akUNrU5vHi2BL5ZuKiHUUEGJNiAyFqqsJ9Q2xXVBaiwWENTQrybqSdsUG6OE7uD1VfcSEtQbXoEQepF9iED0qsVAgqR9Y0JaOeojzguygKORB1fUs5HzgoaJugiPEwYNJ7ovqob/gPXHtk1t/tpsG1qucWuFxPZxJcPjVga0qTB20reIcPIG17li6FUJtKk10XYdQnTeZjAg1AHhWpemRrqGChS0qTQsMEiDNnUE8cCCGlxR0KYOFsoHdxZcERrEUat4c6/I2wNdSpQ8V6QSxOiN8E8zBG3qcIEvUmjttakj9hHWpWSU8BfjYZgnq0kqDAAAAABJRU5ErkJggg==';
7186
-
7187
6770
  var SpriteIcon = function SpriteIcon(_ref) {
7188
6771
  var onClick = _ref.onClick,
7189
6772
  spriteKey = _ref.spriteKey,
7190
6773
  baseSpriteKey = _ref.baseSpriteKey,
7191
- imgStyle = _ref.imgStyle;
7192
- return React.createElement(Container$b, null, baseSpriteKey && React.createElement(Slot, null, React.createElement(SpriteFromAtlas, {
6774
+ imgStyle = _ref.imgStyle,
6775
+ iconsAtlasJSON = _ref.iconsAtlasJSON,
6776
+ iconsAtlasIMG = _ref.iconsAtlasIMG;
6777
+ return React.createElement(Container$d, null, baseSpriteKey && React.createElement(Slot, null, React.createElement(SpriteFromAtlas, {
7193
6778
  onClick: onClick,
7194
6779
  atlasJSON: iconsAtlasJSON,
7195
- atlasIMG: img$3,
6780
+ atlasIMG: iconsAtlasIMG,
7196
6781
  spriteKey: baseSpriteKey,
7197
6782
  width: 32,
7198
6783
  height: 32,
@@ -7202,7 +6787,7 @@ var SpriteIcon = function SpriteIcon(_ref) {
7202
6787
  })), React.createElement(Slot, null, React.createElement(SpriteFromAtlas, {
7203
6788
  onClick: onClick,
7204
6789
  atlasJSON: iconsAtlasJSON,
7205
- atlasIMG: img$3,
6790
+ atlasIMG: iconsAtlasIMG,
7206
6791
  spriteKey: spriteKey,
7207
6792
  width: 28,
7208
6793
  height: 28,
@@ -7213,7 +6798,7 @@ var SpriteIcon = function SpriteIcon(_ref) {
7213
6798
  imgStyle: imgStyle
7214
6799
  })));
7215
6800
  };
7216
- var Container$b = /*#__PURE__*/styled.div.withConfig({
6801
+ var Container$d = /*#__PURE__*/styled.div.withConfig({
7217
6802
  displayName: "SpriteIcon__Container",
7218
6803
  componentId: "sc-vi5t1x-0"
7219
6804
  })(["position:relative;width:32px;height:32px;display:flex;justify-content:center;align-items:center;"]);
@@ -7228,7 +6813,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
7228
6813
  bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
7229
6814
  _ref$margin = _ref.margin,
7230
6815
  margin = _ref$margin === void 0 ? 20 : _ref$margin;
7231
- return React.createElement(Container$c, {
6816
+ return React.createElement(Container$e, {
7232
6817
  className: "simple-progress-bar"
7233
6818
  }, React.createElement(ProgressBarContainer, {
7234
6819
  margin: margin
@@ -7237,7 +6822,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
7237
6822
  bgColor: bgColor
7238
6823
  }))));
7239
6824
  };
7240
- var Container$c = /*#__PURE__*/styled.div.withConfig({
6825
+ var Container$e = /*#__PURE__*/styled.div.withConfig({
7241
6826
  displayName: "SimpleProgressBar__Container",
7242
6827
  componentId: "sc-mbeil3-0"
7243
6828
  })(["display:flex;justify-content:center;align-items:center;width:100%;"]);
@@ -7325,9 +6910,11 @@ var SkillsContainer = function SkillsContainer(_ref) {
7325
6910
  var onCloseButton = _ref.onCloseButton,
7326
6911
  skill = _ref.skill;
7327
6912
  return React.createElement(SkillsDraggableContainer, {
7328
- title: "Skills",
7329
- onCloseButton: onCloseButton
7330
- }, React.createElement(SkillSplitDiv, null, React.createElement("p", null, "Combat Skills"), React.createElement("hr", {
6913
+ title: "Skills"
6914
+ }, onCloseButton && React.createElement(CloseButton$2, {
6915
+ onClick: onCloseButton,
6916
+ onTouchStart: onCloseButton
6917
+ }, "X"), React.createElement(SkillSplitDiv, null, React.createElement("p", null, "Combat Skills"), React.createElement("hr", {
7331
6918
  className: "golden"
7332
6919
  })), React.createElement(SkillProgressBar, {
7333
6920
  skillName: 'First',
@@ -7462,6 +7049,10 @@ var SkillSplitDiv = /*#__PURE__*/styled.div.withConfig({
7462
7049
  displayName: "SkillsContainer__SkillSplitDiv",
7463
7050
  componentId: "sc-1g0c67q-1"
7464
7051
  })(["width:100%;font-size:11px;margin-top:10px;hr{margin:0px;padding:0px;}p{margin-bottom:0px;}"]);
7052
+ var CloseButton$2 = /*#__PURE__*/styled.div.withConfig({
7053
+ displayName: "SkillsContainer__CloseButton",
7054
+ componentId: "sc-1g0c67q-2"
7055
+ })(["position:absolute;top:2px;right:2px;color:white;z-index:22;font-size:0.7rem;"]);
7465
7056
 
7466
7057
  var TextArea = function TextArea(_ref) {
7467
7058
  var props = _extends({}, _ref);
@@ -7474,16 +7065,16 @@ var Truncate = function Truncate(_ref) {
7474
7065
  var _ref$maxLines = _ref.maxLines,
7475
7066
  maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
7476
7067
  children = _ref.children;
7477
- return React.createElement(Container$d, {
7068
+ return React.createElement(Container$f, {
7478
7069
  maxLines: maxLines
7479
7070
  }, children);
7480
7071
  };
7481
- var Container$d = /*#__PURE__*/styled.div.withConfig({
7072
+ var Container$f = /*#__PURE__*/styled.div.withConfig({
7482
7073
  displayName: "Truncate__Container",
7483
7074
  componentId: "sc-6x00qb-0"
7484
7075
  })(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {
7485
7076
  return props.maxLines;
7486
7077
  });
7487
7078
 
7488
- export { Button, ButtonTypes, Chat, CheckButton, DraggableContainer, Dropdown, DynamicText, EquipmentSet, Input, InputRadio, ItemContainer, ItemSlot, ListMenu, NPCDialog, NPCDialogType, ProgressBar, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SkillProgressBar, SkillsContainer, SlotContainerType, SpriteFromAtlas, SpriteIcon, TextArea, Truncate, _RPGUI, useEventListener };
7079
+ export { Button, ButtonTypes, Chat, CheckButton, DraggableContainer, Dropdown, DynamicText, EquipmentSet, Input, InputRadio, ItemContainer, ItemSlot, ListMenu, NPCDialog, NPCDialogType, ProgressBar, PropertySelect, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SkillProgressBar, SkillsContainer, SpriteFromAtlas, SpriteIcon, TextArea, Truncate, _RPGUI, useEventListener };
7489
7080
  //# sourceMappingURL=long-bow.esm.js.map