@rpg-engine/long-bow 0.1.83 → 0.1.86

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