@rpg-engine/long-bow 0.8.20 → 0.8.21

package/dist/components/InformationCenter/InformationCenter.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IInformationCenterItem, IInformationCenterNPC } from './InformationCenterTypes';
+import { IInformationCenterProps } from './InformationCenterTypes';
 export interface IFaqItem {
     id: string;
     question: string;
@@ -13,17 +13,4 @@ export interface IVideoGuide {
     videoUrl: string;
     category: 'Combat' | 'Crafting' | 'Exploration' | 'General';
 }
-export interface IInformationCenterProps {
-    itemsAtlasJSON: Record<string, any>;
-    itemsAtlasIMG: string;
-    entitiesAtlasJSON: Record<string, any>;
-    entitiesAtlasIMG: string;
-    faqItems?: IFaqItem[];
-    bestiaryItems?: IInformationCenterNPC[];
-    videoGuides?: IVideoGuide[];
-    items?: IInformationCenterItem[];
-    loading?: boolean;
-    error?: string;
-    initialSearchQuery?: string;
-}
 export declare const InformationCenter: React.FC<IInformationCenterProps>;

package/dist/components/InformationCenter/InformationCenterTypes.d.ts

@@ -1,4 +1,5 @@
 import { EntityAttackType, ICharacterPermanentBuff, IEquippableItemBlueprint, INPCLoot, ItemRarities, NPCAlignment, NPCSubtype, RangeTypes } from '@rpg-engine/shared';
+import { IFaqItem, IVideoGuide } from './InformationCenter';
 export declare enum MovementSpeed {
     ExtraSlow = 1.5,
     Slow = 2.25,
@@ -35,6 +36,7 @@ interface INPCBlueprintSpellArea {
     spellKey: string;
     probability: number;
     power: string;
+    texturePath: string;
 }
 export interface IInformationCenterNPC {
     id: string;
@@ -76,4 +78,19 @@ export interface IInformationCenterItem extends IEquippableItemBlueprint {
     equippedBuff?: ICharacterPermanentBuff[];
     equippedBuffDescription?: string;
 }
+export interface IInformationCenterProps {
+    itemsAtlasJSON: Record<string, any>;
+    itemsAtlasIMG: string;
+    entitiesAtlasJSON: Record<string, any>;
+    entitiesAtlasIMG: string;
+    iconsAtlasJSON: any;
+    iconsAtlasIMG: any;
+    faqItems?: IFaqItem[];
+    bestiaryItems?: IInformationCenterNPC[];
+    videoGuides?: IVideoGuide[];
+    items?: IInformationCenterItem[];
+    loading?: boolean;
+    error?: string;
+    initialSearchQuery?: string;
+}
 export {};

package/dist/components/InformationCenter/sections/bestiary/InformationCenterBestiarySection.d.ts

@@ -6,6 +6,8 @@ interface IBestiarySectionProps {
     itemsAtlasIMG: string;
     entitiesAtlasJSON: Record<string, any>;
     entitiesAtlasIMG: string;
+    iconsAtlasIMG: any;
+    iconsAtlasJSON: any;
     initialSearchQuery: string;
     tabId: string;
 }

package/dist/components/InformationCenter/sections/bestiary/InformationCenterNPCDetails.d.ts

@@ -6,6 +6,8 @@ interface INPCDetailsProps {
     itemsAtlasIMG: string;
     entitiesAtlasJSON: Record<string, any>;
     entitiesAtlasIMG: string;
+    iconAtlasIMG?: any;
+    iconAtlasJSON?: any;
     onBack: () => void;
 }
 export declare const InformationCenterNPCDetails: React.FC<INPCDetailsProps>;

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

@@ -30968,7 +30968,7 @@ var StyledDropdown = /*#__PURE__*/styled__default(Dropdown).withConfig({
 var PaginatedContent = function PaginatedContent(_ref) {
   var items = _ref.items,
     _ref$itemsPerPage = _ref.itemsPerPage,
-    itemsPerPage = _ref$itemsPerPage === void 0 ? 5 : _ref$itemsPerPage,
+    itemsPerPage = _ref$itemsPerPage === void 0 ? 8 : _ref$itemsPerPage,
     renderItem = _ref.renderItem,
     _ref$emptyMessage = _ref.emptyMessage,
     emptyMessage = _ref$emptyMessage === void 0 ? 'No items found' : _ref$emptyMessage,
@@ -31186,6 +31186,13 @@ var SpriteContainer$2 = /*#__PURE__*/styled__default.div.withConfig({
 })(["width:64px;height:64px;background:rgba(0,0,0,0.3);border-radius:4px;display:flex;justify-content:center;align-items:center;position:relative;.sprite-from-atlas-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(2);transform-origin:center;}"]);
 
 var ITEMS_PER_PAGE$1 = 5;
+var formatItemName = function formatItemName(itemPath) {
+  var _itemPath$split$pop;
+  var cleanText = ((_itemPath$split$pop = itemPath.split('/').pop()) == null ? void 0 : _itemPath$split$pop.split('.').shift()) || '';
+  return cleanText.split('-').map(function (word) {
+    return word.charAt(0).toUpperCase() + word.slice(1);
+  }).join(' ');
+};
 var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
   var _npc$loots, _npc$skills$strength, _npc$skills$dexterity, _npc$skills$resistanc;
   var npc = _ref.npc,
@@ -31193,6 +31200,8 @@ var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
     itemsAtlasIMG = _ref.itemsAtlasIMG,
     entitiesAtlasJSON = _ref.entitiesAtlasJSON,
     entitiesAtlasIMG = _ref.entitiesAtlasIMG,
+    iconAtlasIMG = _ref.iconAtlasIMG,
+    iconAtlasJSON = _ref.iconAtlasJSON,
     onBack = _ref.onBack;
   var isMobile = shared.isMobileOrTablet();
   var _useState = React.useState(''),
@@ -31226,7 +31235,7 @@ var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
     }
   };
   var filteredLoots = ((_npc$loots = npc.loots) == null ? void 0 : _npc$loots.filter(function (loot) {
-    return formatText(loot.itemBlueprintKey).toLowerCase().includes(lootSearchQuery.toLowerCase());
+    return formatItemName(loot.itemBlueprintKey).toLowerCase().includes(lootSearchQuery.toLowerCase());
   })) || [];
   var totalLootPages = Math.ceil(filteredLoots.length / ITEMS_PER_PAGE$1);
   var paginatedLoots = filteredLoots.slice((currentLootPage - 1) * ITEMS_PER_PAGE$1, currentLootPage * ITEMS_PER_PAGE$1);
@@ -31256,7 +31265,7 @@ var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
       width: 24,
       height: 24,
       imgScale: 1
-    }), React__default.createElement(LootDetails, null, React__default.createElement(LootName, null, formatText(loot.itemBlueprintKey)), React__default.createElement(LootInfo, null, React__default.createElement(LootChance, null, formatRarity(loot.chance)), loot.quantityRange && React__default.createElement(LootQuantity, null, "x", loot.quantityRange[0], "-", loot.quantityRange[1]))));
+    }), React__default.createElement(LootDetails, null, React__default.createElement(LootName, null, formatItemName(loot.itemBlueprintKey)), React__default.createElement(LootInfo, null, React__default.createElement(LootChance, null, formatRarity(loot.chance)), loot.quantityRange && React__default.createElement(LootQuantity, null, "x", loot.quantityRange[0], "-", loot.quantityRange[1]))));
   })), filteredLoots.length > ITEMS_PER_PAGE$1 && React__default.createElement(PaginationContainer$2, null, React__default.createElement(StyledPagination, {
     currentPage: currentLootPage,
     totalPages: totalLootPages,
@@ -31274,7 +31283,14 @@ var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
   }, React__default.createElement(SpellsList, null, npc.areaSpells.map(function (spell, index) {
     return React__default.createElement(SpellItem, {
       key: index
-    }, React__default.createElement(SpellName, null, formatText(spell.spellKey)), React__default.createElement(SpellDetails, null, "Power: ", React__default.createElement(SpellValue, null, formatText(spell.power)), React__default.createElement(Separator, null, "\u2022"), "Chance: ", React__default.createElement(SpellValue, null, spell.probability, "%")));
+    }, React__default.createElement(SpellIconContainer, null, React__default.createElement(SpriteFromAtlas, {
+      atlasJSON: iconAtlasJSON,
+      atlasIMG: iconAtlasIMG,
+      spriteKey: spell.texturePath || spell.spellKey,
+      width: 24,
+      height: 24,
+      imgScale: 1
+    })), React__default.createElement(SpellContent, null, React__default.createElement(SpellName, null, formatText(spell.spellKey)), React__default.createElement(SpellDetails, null, "Power:", ' ', React__default.createElement(SpellValue, null, formatText(spell.power)), React__default.createElement(Separator, null, "\u2022"), "Chance: ", React__default.createElement(SpellValue, null, spell.probability, "%"))));
   }))));
 };
 var InfoSection = /*#__PURE__*/styled__default.div.withConfig({
@@ -31317,69 +31333,77 @@ var SpellsList = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenterNPCDetails__SpellsList",
   componentId: "sc-fdu3xl-9"
 })(["display:flex;flex-direction:column;gap:8px;padding:12px;"]);
+var SpellIconContainer = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "InformationCenterNPCDetails__SpellIconContainer",
+  componentId: "sc-fdu3xl-10"
+})(["display:flex;padding-right:30px;padding-bottom:30px;"]);
+var SpellContent = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "InformationCenterNPCDetails__SpellContent",
+  componentId: "sc-fdu3xl-11"
+})(["display:flex;flex-direction:column;gap:4px;flex:1;"]);
 var SpellItem = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenterNPCDetails__SpellItem",
-  componentId: "sc-fdu3xl-10"
-})(["display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,0.05);padding:8px;border-radius:4px;"]);
+  componentId: "sc-fdu3xl-12"
+})(["display:flex;gap:8px;background:rgba(255,255,255,0.05);padding:8px;padding-left:10px;border-radius:4px;align-items:center;"]);
 var SpellName = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenterNPCDetails__SpellName",
-  componentId: "sc-fdu3xl-11"
+  componentId: "sc-fdu3xl-13"
 })(["color:", ";font-size:0.5rem;"], uiColors.yellow);
 var SpellDetails = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenterNPCDetails__SpellDetails",
-  componentId: "sc-fdu3xl-12"
+  componentId: "sc-fdu3xl-14"
 })(["display:flex;align-items:center;gap:8px;color:", ";font-size:0.45rem;opacity:0.8;"], uiColors.white);
 var SpellValue = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "InformationCenterNPCDetails__SpellValue",
-  componentId: "sc-fdu3xl-13"
+  componentId: "sc-fdu3xl-15"
 })(["color:", ";"], uiColors.yellow);
 var Separator = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "InformationCenterNPCDetails__Separator",
-  componentId: "sc-fdu3xl-14"
+  componentId: "sc-fdu3xl-16"
 })(["color:", ";opacity:0.5;"], uiColors.yellow);
 var LootSearchContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenterNPCDetails__LootSearchContainer",
-  componentId: "sc-fdu3xl-15"
+  componentId: "sc-fdu3xl-17"
 })(["padding:12px 12px 0;"]);
 var StyledSearchBar$1 = /*#__PURE__*/styled__default(SearchBar).withConfig({
   displayName: "InformationCenterNPCDetails__StyledSearchBar",
-  componentId: "sc-fdu3xl-16"
+  componentId: "sc-fdu3xl-18"
 })(["width:100%;"]);
 var LootGrid = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenterNPCDetails__LootGrid",
-  componentId: "sc-fdu3xl-17"
+  componentId: "sc-fdu3xl-19"
 })(["display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:12px;"]);
 var LootItem = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenterNPCDetails__LootItem",
-  componentId: "sc-fdu3xl-18"
+  componentId: "sc-fdu3xl-20"
 })(["display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.05);padding:8px;border-radius:4px;"]);
 var LootDetails = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenterNPCDetails__LootDetails",
-  componentId: "sc-fdu3xl-19"
+  componentId: "sc-fdu3xl-21"
 })(["flex:1;display:flex;flex-direction:column;gap:4px;"]);
 var LootName = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenterNPCDetails__LootName",
-  componentId: "sc-fdu3xl-20"
+  componentId: "sc-fdu3xl-22"
 })(["color:", ";font-size:0.5rem;"], uiColors.white);
 var LootInfo = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenterNPCDetails__LootInfo",
-  componentId: "sc-fdu3xl-21"
+  componentId: "sc-fdu3xl-23"
 })(["display:flex;align-items:center;gap:8px;"]);
 var LootChance = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "InformationCenterNPCDetails__LootChance",
-  componentId: "sc-fdu3xl-22"
+  componentId: "sc-fdu3xl-24"
 })(["color:", ";font-size:0.45rem;"], uiColors.yellow);
 var LootQuantity = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "InformationCenterNPCDetails__LootQuantity",
-  componentId: "sc-fdu3xl-23"
+  componentId: "sc-fdu3xl-25"
 })(["color:", ";font-size:0.45rem;"], uiColors.lightGray);
 var PaginationContainer$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "InformationCenterNPCDetails__PaginationContainer",
-  componentId: "sc-fdu3xl-24"
+  componentId: "sc-fdu3xl-26"
 })(["display:flex;justify-content:center;padding:12px;"]);
 var StyledPagination = /*#__PURE__*/styled__default(Pagination).withConfig({
   displayName: "InformationCenterNPCDetails__StyledPagination",
-  componentId: "sc-fdu3xl-25"
+  componentId: "sc-fdu3xl-27"
 })(["font-size:0.6rem;"]);
 
 var TooltipContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
@@ -31509,6 +31533,8 @@ var InformationCenterBestiarySection = function InformationCenterBestiarySection
   var bestiaryItems = _ref.bestiaryItems,
     itemsAtlasJSON = _ref.itemsAtlasJSON,
     itemsAtlasIMG = _ref.itemsAtlasIMG,
+    iconsAtlasIMG = _ref.iconsAtlasIMG,
+    iconsAtlasJSON = _ref.iconsAtlasJSON,
     entitiesAtlasJSON = _ref.entitiesAtlasJSON,
     entitiesAtlasIMG = _ref.entitiesAtlasIMG,
     initialSearchQuery = _ref.initialSearchQuery,
@@ -31620,6 +31646,8 @@ var InformationCenterBestiarySection = function InformationCenterBestiarySection
     npc: selectedMonster,
     itemsAtlasJSON: itemsAtlasJSON,
     itemsAtlasIMG: itemsAtlasIMG,
+    iconAtlasIMG: iconsAtlasIMG,
+    iconAtlasJSON: iconsAtlasJSON,
     entitiesAtlasJSON: entitiesAtlasJSON,
     entitiesAtlasIMG: entitiesAtlasIMG,
     onBack: function onBack() {
@@ -32099,6 +32127,8 @@ var InformationCenter = function InformationCenter(_ref) {
     itemsAtlasIMG = _ref.itemsAtlasIMG,
     entitiesAtlasJSON = _ref.entitiesAtlasJSON,
     entitiesAtlasIMG = _ref.entitiesAtlasIMG,
+    iconsAtlasIMG = _ref.iconsAtlasIMG,
+    iconsAtlasJSON = _ref.iconsAtlasJSON,
     _ref$faqItems = _ref.faqItems,
     faqItems = _ref$faqItems === void 0 ? [] : _ref$faqItems,
     _ref$bestiaryItems = _ref.bestiaryItems,
@@ -32131,6 +32161,8 @@ var InformationCenter = function InformationCenter(_ref) {
       bestiaryItems: bestiaryItems,
       itemsAtlasJSON: itemsAtlasJSON,
       itemsAtlasIMG: itemsAtlasIMG,
+      iconsAtlasIMG: iconsAtlasIMG,
+      iconsAtlasJSON: iconsAtlasJSON,
       entitiesAtlasJSON: entitiesAtlasJSON,
       entitiesAtlasIMG: entitiesAtlasIMG,
       initialSearchQuery: initialSearchQuery,