@rpg-engine/long-bow 0.2.92 → 0.2.94

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

@@ -32649,7 +32649,10 @@ var Container$2 = /*#__PURE__*/styled.div.withConfig({
 var CharacterSelection = function CharacterSelection(_ref) {
   var availableCharacters = _ref.availableCharacters,
     onChange = _ref.onChange;
-  var propertySelectValues = availableCharacters.map(function (item) {
+  var randomSort = function randomSort() {
+    return 0.5 - Math.random();
+  };
+  var propertySelectValues = availableCharacters.sort(randomSort).map(function (item) {
     return {
       id: item.textureKey,
       name: item.name
@@ -32664,6 +32667,7 @@ var CharacterSelection = function CharacterSelection(_ref) {
   var onSelectedValueChange = function onSelectedValueChange() {
     var textureKey = selectedValue ? selectedValue.id : '';
     var spriteKey = textureKey ? textureKey + '/down/standing/0.png' : '';
+    console.log(selectedValue);
     if (spriteKey === selectedSpriteKey) {
       return;
     }
@@ -33525,9 +33529,11 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     }
   }, [dropPosition]);
   var getStackInfo = function getStackInfo(itemId, stackQty) {
-    // if (itemToRender?.isStackable && itemToRender?.stackQty) {
     var isFractionalStackQty = stackQty % 1 !== 0;
     var isLargerThan999 = stackQty > 999;
+    var qtyClassName = 'regular';
+    if (isLargerThan999) qtyClassName = 'small';
+    if (isFractionalStackQty) qtyClassName = 'xsmall';
     if (stackQty > 1) {
       return React__default.createElement(ItemQtyContainer, {
         key: "qty-" + itemId
@@ -33535,8 +33541,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
         maxLines: 1,
         maxWidth: "48px"
       }, React__default.createElement(ItemQty, {
-        className: isFractionalStackQty || isLargerThan999 ? 'small' : 'regular'
-      }, ' ', stackQty, ' ')));
+        className: qtyClassName
+      }, " ", stackQty, " ")));
     }
     return undefined;
   };
@@ -33651,11 +33657,9 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
         var _e$target;
         //@ts-ignore
         var classes = Array.from((_e$target = e.target) == null ? void 0 : _e$target.classList);
-        console.log(classes);
         var isOutsideDrop = classes.some(function (elm) {
-          //elm matches ItemContainer string
           return elm.includes('rpgui-content');
-        });
+        }) || classes.length === 0;
         if (isOutsideDrop) {
           setDropPosition({
             x: data.x,
@@ -33750,7 +33754,7 @@ var ItemQtyContainer = /*#__PURE__*/styled.div.withConfig({
 var ItemQty = /*#__PURE__*/styled.span.withConfig({
   displayName: "ItemSlot__ItemQty",
   componentId: "sc-l2j5ef-3"
-})(["&.regular{font-size:", ";}&.small{font-size:", ";}"], uiFonts.size.small, uiFonts.size.xsmall);
+})(["&.regular{font-size:", ";}&.small{font-size:", ";}&.xsmall{font-size:", ";}"], uiFonts.size.small, uiFonts.size.xsmall, uiFonts.size.xxsmall);
 
 var EquipmentSet = function EquipmentSet(_ref) {
   var equipmentSet = _ref.equipmentSet,