@rpg-engine/long-bow 0.3.88 → 0.3.90

package/dist/components/Item/Inventory/ItemSlot.d.ts

@@ -25,6 +25,7 @@ interface IProps {
     isContextMenuDisabled?: boolean;
     isSelectingShortcut?: boolean;
     equipmentSet?: IEquipmentSet | null;
+    setItemShortcut?: (item: IItem, shortcutIndex: number) => void;
     isDepotSystem?: boolean;
 }
 export declare const ItemSlot: React.FC<IProps>;

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

@@ -33300,7 +33300,7 @@ var Container$6 = /*#__PURE__*/styled.div.withConfig({
 var CloseButton$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggableContainer__CloseButton",
   componentId: "sc-184mpyl-1"
-})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:1.1rem;"]);
+})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:1.1rem;@media (max-width:768px){font-size:1.3rem;padding:3px;}"]);
 var TitleContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggableContainer__TitleContainer",
   componentId: "sc-184mpyl-2"
@@ -33332,9 +33332,21 @@ var Dropdown = function Dropdown(_ref) {
     setOpened = _useState3[1];
   React.useEffect(function () {
     var firstOption = options[0];
-    if (firstOption && !selectedValue) {
-      setSelectedValue(firstOption.value);
-      setSelectedOption(firstOption.option);
+    if (firstOption) {
+      var change = !selectedValue;
+      if (!change) {
+        change = options.filter(function (o) {
+          return o.value === selectedValue;
+        }).length < 1;
+      }
+      /**
+       * make a selection if there is no selected value already present
+       * or if there is a selected value but its not in new options
+       */
+      if (change) {
+        setSelectedValue(firstOption.value);
+        setSelectedOption(firstOption.option);
+      }
     }
   }, [options]);
   React.useEffect(function () {
@@ -33382,7 +33394,7 @@ var DropdownSelect = /*#__PURE__*/styled.p.withConfig({
 var DropdownOptions = /*#__PURE__*/styled.ul.withConfig({
   displayName: "Dropdown__DropdownOptions",
   componentId: "sc-8arn65-2"
-})(["position:absolute;width:100%;display:", ";box-sizing:border-box;"], function (props) {
+})(["position:absolute;width:100%;display:", ";box-sizing:border-box;@media (max-width:768px){padding:8px 0;}"], function (props) {
   return props.opened ? 'block' : 'none';
 });
 
@@ -33659,6 +33671,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     dragScale = _ref.dragScale,
     isSelectingShortcut = _ref.isSelectingShortcut,
     equipmentSet = _ref.equipmentSet,
+    setItemShortcut = _ref.setItemShortcut,
     isDepotSystem = _ref.isDepotSystem;
   var _useState = React.useState(false),
     isTooltipVisible = _useState[0],
@@ -33844,6 +33857,13 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     defaultClassName: item ? 'draggable' : 'empty-slot',
     scale: dragScale,
     onStop: function onStop(e, data) {
+      var target = e.target;
+      if (target != null && target.id.includes('shortcutSetter') && setItemShortcut && item) {
+        var index = parseInt(target.id.split('_')[1]);
+        if (!isNaN(index)) {
+          setItemShortcut(item, index);
+        }
+      }
       if (wasDragged && item && !isSelectingShortcut) {
         var _e$target;
         //@ts-ignore
@@ -33858,9 +33878,9 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
           });
         }
         setWasDragged(false);
-        var target = dragContainer.current;
-        if (!target || !wasDragged) return;
-        var style = window.getComputedStyle(target);
+        var _target = dragContainer.current;
+        if (!_target || !wasDragged) return;
+        var style = window.getComputedStyle(_target);
         var matrix = new DOMMatrixReadOnly(style.transform);
         var x = matrix.m41;
         var y = matrix.m42;
@@ -34468,7 +34488,7 @@ var RadioOptionsWrapper = /*#__PURE__*/styled.div.withConfig({
 var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "CraftBook__ButtonWrapper",
   componentId: "sc-19q95ue-7"
-})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
+})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;button{padding:0px 50px;}"]);
 
 var DropdownSelectorContainer = function DropdownSelectorContainer(_ref) {
   var title = _ref.title,
@@ -35383,11 +35403,13 @@ var ShortcutsSetter = function ShortcutsSetter(_ref) {
     return React__default.createElement(Shortcut, {
       key: i,
       onPointerDown: function onPointerDown() {
+        if (settingShortcutIndex !== -1) setSettingShortcutIndex(-1);
         removeShortcut(i);
-        if (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None) setSettingShortcutIndex(i);
+        if (settingShortcutIndex === -1 && (!shortcuts[i] || shortcuts[i].type === shared.ShortcutType.None)) setSettingShortcutIndex(i);
       },
       disabled: settingShortcutIndex !== -1 && settingShortcutIndex !== i,
-      isBeingSet: settingShortcutIndex === i
+      isBeingSet: settingShortcutIndex === i,
+      id: "shortcutSetter_" + i
     }, getContent(i));
   })));
 };
@@ -35443,6 +35465,11 @@ var ItemContainer$1 = function ItemContainer(_ref) {
   var _useState2 = React.useState(-1),
     settingShortcutIndex = _useState2[0],
     setSettingShortcutIndex = _useState2[1];
+  var handleSetShortcut = function handleSetShortcut(item, index) {
+    if (item.type === shared.ItemType.Consumable || item.type === shared.ItemType.Tool) {
+      setItemShortcut == null ? void 0 : setItemShortcut(item.key, index);
+    }
+  };
   var onRenderSlots = function onRenderSlots() {
     var slots = [];
     for (var i = 0; i < itemContainer.slotQty; i++) {
@@ -35459,9 +35486,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
         onPointerDown: function onPointerDown(itemType, containerType, item) {
           if (settingShortcutIndex !== -1) {
             setSettingShortcutIndex(-1);
-            if (itemType === shared.ItemType.Consumable || itemType === shared.ItemType.Tool) {
-              setItemShortcut == null ? void 0 : setItemShortcut(item.key, settingShortcutIndex);
-            }
+            handleSetShortcut(item, settingShortcutIndex);
           } else if (onItemClick) onItemClick(item, itemType, containerType);
         },
         onSelected: function onSelected(optionId, item) {
@@ -35493,6 +35518,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
         atlasJSON: atlasJSON,
         isSelectingShortcut: settingShortcutIndex !== -1,
         equipmentSet: equipmentSet,
+        setItemShortcut: type === shared.ItemContainerType.Inventory ? handleSetShortcut : undefined,
         isDepotSystem: isDepotSystem
       }));
     }
@@ -36702,7 +36728,7 @@ var AlertWrapper = /*#__PURE__*/styled.div.withConfig({
 var ButtonWrapper$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingMenu__ButtonWrapper",
   componentId: "sc-1wjsz1l-6"
-})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;margin-top:1rem;"]);
+})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;margin-top:1rem;button{padding:0px 50px;}"]);
 
 /* eslint-disable react/require-default-props */
 var Truncate = function Truncate(_ref) {