@rpg-engine/long-bow 0.7.93 → 0.7.95

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

@@ -28770,11 +28770,47 @@ var CraftingRecipe = function CraftingRecipe(_ref) {
   }), document.body));
 };
 
+var desktop = {
+  width: 'min(900px, 80%)',
+  height: 'min(auto, 80%)'
+};
+var mobileLanscape = {
+  width: '800px',
+  height: '500px'
+};
+var mobilePortrait = {
+  width: '500px',
+  height: '700px'
+};
+var useResponsiveSize = function useResponsiveSize(scale) {
+  var _useState = React.useState(),
+    size = _useState[0],
+    setSize = _useState[1];
+  React.useEffect(function () {
+    var handleResize = function handleResize() {
+      if (window.innerWidth < 500 && (size == null ? void 0 : size.width) !== mobilePortrait.width && (!scale || scale < 1)) {
+        setSize(mobilePortrait);
+      } else if ((!scale || scale < 1) && (size == null ? void 0 : size.width) !== mobileLanscape.width) {
+        setSize(mobileLanscape);
+      } else if ((size == null ? void 0 : size.width) !== desktop.width) {
+        setSize(desktop);
+      }
+    };
+    handleResize();
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, [scale]);
+  return size;
+};
+
 function calculateMaxCraftable(recipe, inventory) {
+  var _recipe$ingredients$r;
   if (!inventory || !(recipe != null && recipe.ingredients)) {
     return 0;
   }
-  return recipe.ingredients.reduce(function (maxPossible, ingredient) {
+  return (_recipe$ingredients$r = recipe.ingredients.reduce(function (maxPossible, ingredient) {
     var _inventoryItem$stackQ;
     var inventoryItem = Object.values(inventory.slots).find(function (item) {
       return (item == null ? void 0 : item.key) === ingredient.key;
@@ -28782,26 +28818,12 @@ function calculateMaxCraftable(recipe, inventory) {
     if (!inventoryItem) {
       return 0;
     }
-    var possibleWithThisIngredient = Math.floor((_inventoryItem$stackQ = inventoryItem.stackQty) != null ? _inventoryItem$stackQ : 0 / ingredient.qty);
-    if (maxPossible === -1) {
-      return possibleWithThisIngredient;
-    }
-    return Math.min(maxPossible, possibleWithThisIngredient);
-  }, -1);
+    var possibleWithThisIngredient = Math.floor(((_inventoryItem$stackQ = inventoryItem.stackQty) != null ? _inventoryItem$stackQ : 0) / ingredient.qty);
+    return maxPossible === undefined ? possibleWithThisIngredient : Math.min(maxPossible, possibleWithThisIngredient);
+  }, undefined)) != null ? _recipe$ingredients$r : 0;
 }
 
-var desktop = {
-  width: 'min(900px, 80%)',
-  height: 'min(700px, 80%)'
-};
-var mobileLanscape = {
-  width: '800px',
-  height: '500px'
-};
-var mobilePortrait = {
-  width: '500px',
-  height: '700px'
-};
+var MOBILE_WIDTH = '500px';
 var ITEMS_PER_PAGE = 8;
 var CraftBook = function CraftBook(_ref) {
   var atlasIMG = _ref.atlasIMG,
@@ -28821,46 +28843,28 @@ var CraftBook = function CraftBook(_ref) {
   var _useState2 = React.useState(savedSelectedType != null ? savedSelectedType : Object.keys(shared.ItemSubType)[0]),
     selectedType = _useState2[0],
     setSelectedType = _useState2[1];
-  var _useState3 = React.useState(),
-    size = _useState3[0],
-    setSize = _useState3[1];
-  var _useState4 = React.useState(''),
-    searchTerm = _useState4[0],
-    setSearchTerm = _useState4[1];
+  var size = useResponsiveSize(scale);
+  var _useState3 = React.useState(''),
+    searchTerm = _useState3[0],
+    setSearchTerm = _useState3[1];
+  var _useState4 = React.useState(false),
+    isSearchVisible = _useState4[0],
+    setIsSearchVisible = _useState4[1];
   var _useState5 = React.useState(false),
-    isSearchVisible = _useState5[0],
-    setIsSearchVisible = _useState5[1];
-  var _useState6 = React.useState(false),
-    isCraftingDisabled = _useState6[0],
-    setIsCraftingDisabled = _useState6[1];
+    isCraftingDisabled = _useState5[0],
+    setIsCraftingDisabled = _useState5[1];
   var _useLocalStorage = useLocalStorage('pinnedCraftItems', []),
     pinnedItems = _useLocalStorage[0],
     setPinnedItems = _useLocalStorage[1];
-  var _useState7 = React.useState(1),
-    currentPage = _useState7[0],
-    setCurrentPage = _useState7[1];
-  var _useState8 = React.useState(craftablesItems),
-    items = _useState8[0],
-    setItems = _useState8[1];
+  var _useState6 = React.useState(1),
+    currentPage = _useState6[0],
+    setCurrentPage = _useState6[1];
+  var _useState7 = React.useState(craftablesItems),
+    items = _useState7[0],
+    setItems = _useState7[1];
   React.useEffect(function () {
     setItems(craftablesItems);
   }, [craftablesItems]);
-  React.useEffect(function () {
-    var handleResize = function handleResize() {
-      if (window.innerWidth < 500 && (size == null ? void 0 : size.width) !== mobilePortrait.width && (!scale || scale < 1)) {
-        setSize(mobilePortrait);
-      } else if ((!scale || scale < 1) && (size == null ? void 0 : size.width) !== mobileLanscape.width) {
-        setSize(mobileLanscape);
-      } else if ((size == null ? void 0 : size.width) !== desktop.width) {
-        setSize(desktop);
-      }
-    };
-    handleResize();
-    window.addEventListener('resize', handleResize);
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    };
-  }, [scale]);
   var togglePinItem = function togglePinItem(itemKey) {
     setPinnedItems(function (current) {
       return current.includes(itemKey) ? current.filter(function (key) {
@@ -28868,20 +28872,28 @@ var CraftBook = function CraftBook(_ref) {
       }) : [].concat(current, [itemKey]);
     });
   };
-  var categoryOptions = ['Suggested'].concat(pinnedItems.length > 0 ? ['Pinned'] : [], Object.keys(shared.ItemSubType)).filter(function (type) {
+  var categoryOptions = [{
+    id: 0,
+    value: 'Suggested',
+    option: 'Suggested'
+  }].concat(pinnedItems.length > 0 ? [{
+    id: 1,
+    value: 'Pinned',
+    option: 'Pinned'
+  }] : [], Object.keys(shared.ItemSubType).filter(function (type) {
     return type !== 'DeadBody';
-  }).sort(function (a, b) {
-    if (a === 'Suggested') return -1;
-    if (b === 'Suggested') return 1;
-    if (a === 'Pinned') return -1;
-    if (b === 'Pinned') return 1;
-    return a.localeCompare(b);
   }).map(function (type, index) {
     return {
-      id: index,
+      id: index + (pinnedItems.length > 0 ? 2 : 1),
       value: type,
-      option: type
+      option: type === 'CraftingResources' || type === 'CraftingResource' ? 'Resources' : type
     };
+  })).sort(function (a, b) {
+    if (a.value === 'Suggested') return -1;
+    if (b.value === 'Suggested') return 1;
+    if (a.value === 'Pinned') return -1;
+    if (b.value === 'Pinned') return 1;
+    return a.value.localeCompare(b.value);
   });
   var filteredCraftableItems = items == null ? void 0 : items.filter(function (item) {
     var matchesSearch = item.name.toLowerCase().includes(searchTerm.toLowerCase());
@@ -28955,7 +28967,7 @@ var CraftBook = function CraftBook(_ref) {
       inventory: inventory,
       skills: skills
     }));
-  }))), React__default.createElement(PaginationContainer, null, React__default.createElement(PaginationButton, {
+  }))), totalPages > 1 && React__default.createElement(PaginationContainer, null, React__default.createElement(PaginationButton, {
     onClick: function onClick() {
       return setCurrentPage(function (prev) {
         return Math.max(1, prev - 1);
@@ -28976,7 +28988,7 @@ var CraftBook = function CraftBook(_ref) {
   }))), React__default.createElement(Footer, null, React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton,
     onPointerDown: onClose
-  }, "Cancel"), React__default.createElement(Button, {
+  }, "Close"), React__default.createElement(Button, {
     disabled: !craftItemKey || isCraftingDisabled,
     buttonType: exports.ButtonTypes.RPGUIButton,
     onPointerDown: function onPointerDown() {
@@ -29028,7 +29040,7 @@ var ContentContainer = /*#__PURE__*/styled__default.div.withConfig({
 var RadioInputScroller = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CraftBook__RadioInputScroller",
   componentId: "sc-19q95ue-8"
-})(["height:100%;overflow-y:scroll;overflow-x:hidden;padding:8px 16px;padding-right:24px;width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;@media (max-width:", "){grid-template-columns:1fr;}"], mobilePortrait.width);
+})(["height:100%;overflow-y:scroll;overflow-x:hidden;padding:8px 16px;padding-right:24px;width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start;@media (max-width:", "){grid-template-columns:1fr;}"], MOBILE_WIDTH);
 var CraftingRecipeWrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CraftBook__CraftingRecipeWrapper",
   componentId: "sc-19q95ue-9"
@@ -29046,7 +29058,7 @@ var PinButton = /*#__PURE__*/styled__default.button.withConfig({
 var Footer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CraftBook__Footer",
   componentId: "sc-19q95ue-11"
-})(["display:flex;justify-content:flex-end;gap:16px;padding:8px;button{min-width:100px;}@media (max-width:", "){justify-content:center;}"], mobilePortrait.width);
+})(["display:flex;justify-content:flex-end;gap:16px;padding:8px;button{min-width:100px;}@media (max-width:", "){justify-content:center;}"], MOBILE_WIDTH);
 var PaginationContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "CraftBook__PaginationContainer",
   componentId: "sc-19q95ue-12"