@rpg-engine/long-bow 0.7.92 → 0.7.94

package/dist/long-bow.esm.js

@@ -28832,6 +28832,12 @@ var CraftBook = function CraftBook(_ref) {
   var _useState7 = useState(1),
     currentPage = _useState7[0],
     setCurrentPage = _useState7[1];
+  var _useState8 = useState(craftablesItems),
+    items = _useState8[0],
+    setItems = _useState8[1];
+  useEffect(function () {
+    setItems(craftablesItems);
+  }, [craftablesItems]);
   useEffect(function () {
     var handleResize = function handleResize() {
       if (window.innerWidth < 500 && (size == null ? void 0 : size.width) !== mobilePortrait.width && (!scale || scale < 1)) {
@@ -28855,24 +28861,32 @@ var CraftBook = function CraftBook(_ref) {
       }) : [].concat(current, [itemKey]);
     });
   };
-  var categoryOptions = ['Suggested'].concat(pinnedItems.length > 0 ? ['Pinned'] : [], Object.keys(ItemSubType)).filter(function (type) {
+  var categoryOptions = [{
+    id: 0,
+    value: 'Suggested',
+    option: 'Suggested'
+  }].concat(pinnedItems.length > 0 ? [{
+    id: 1,
+    value: 'Pinned',
+    option: 'Pinned'
+  }] : [], Object.keys(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 = craftablesItems == null ? void 0 : craftablesItems.filter(function (item) {
+  var filteredCraftableItems = items == null ? void 0 : items.filter(function (item) {
     var matchesSearch = item.name.toLowerCase().includes(searchTerm.toLowerCase());
-    var matchesCategory = selectedType === 'Suggested' || selectedType === 'Pinned' && pinnedItems.includes(item.key) || item.type === selectedType;
+    var matchesCategory = selectedType === 'Suggested' || selectedType === 'Pinned' && pinnedItems.includes(item.key) || item.subType === selectedType;
     return matchesSearch && matchesCategory;
   });
   var sortedItems = [].concat(filteredCraftableItems || []).sort(function (a, b) {
@@ -28942,7 +28956,7 @@ var CraftBook = function CraftBook(_ref) {
       inventory: inventory,
       skills: skills
     }));
-  }))), React.createElement(PaginationContainer, null, React.createElement(PaginationButton, {
+  }))), totalPages > 1 && React.createElement(PaginationContainer, null, React.createElement(PaginationButton, {
     onClick: function onClick() {
       return setCurrentPage(function (prev) {
         return Math.max(1, prev - 1);
@@ -29015,7 +29029,7 @@ var ContentContainer = /*#__PURE__*/styled.div.withConfig({
 var RadioInputScroller = /*#__PURE__*/styled.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;}"], mobilePortrait.width);
 var CraftingRecipeWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "CraftBook__CraftingRecipeWrapper",
   componentId: "sc-19q95ue-9"