@rpg-engine/long-bow 0.8.19 → 0.8.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/InformationCenter/InformationCenter.d.ts +14 -1
- package/dist/components/InformationCenter/InformationCenterTypes.d.ts +0 -17
- package/dist/components/InformationCenter/sections/bestiary/InformationCenterBestiarySection.d.ts +0 -2
- package/dist/components/InformationCenter/sections/bestiary/InformationCenterNPCDetails.d.ts +0 -2
- package/dist/long-bow.cjs.development.js +22 -54
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +22 -54
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/CraftBook/CraftBook.tsx +1 -1
- package/src/components/InformationCenter/InformationCenter.tsx +117 -109
- package/src/components/InformationCenter/InformationCenterTypes.ts +0 -18
- package/src/components/InformationCenter/sections/bestiary/InformationCenterBestiarySection.tsx +0 -6
- package/src/components/InformationCenter/sections/bestiary/InformationCenterNPCDetails.tsx +178 -232
- package/src/components/shared/PaginatedContent/PaginatedContent.tsx +1 -1
- package/src/mocks/informationCenter.mocks.ts +8 -17
- package/src/stories/UI/info/InformationCenter.stories.tsx +0 -5
package/dist/long-bow.esm.js
CHANGED
|
@@ -29131,7 +29131,7 @@ var SearchContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
29131
29131
|
var ContentContainer = /*#__PURE__*/styled.div.withConfig({
|
|
29132
29132
|
displayName: "CraftBook__ContentContainer",
|
|
29133
29133
|
componentId: "sc-19q95ue-7"
|
|
29134
|
-
})(["flex:1;display:flex;flex-direction:column;padding:16px;padding-right:0;padding-bottom:0;width:100%;position:relative;min-height:
|
|
29134
|
+
})(["flex:1;display:flex;flex-direction:column;padding:16px;padding-right:0;padding-bottom:0;width:100%;position:relative;min-height:250px;overflow:hidden;"]);
|
|
29135
29135
|
var RadioInputScroller = /*#__PURE__*/styled.div.withConfig({
|
|
29136
29136
|
displayName: "CraftBook__RadioInputScroller",
|
|
29137
29137
|
componentId: "sc-19q95ue-8"
|
|
@@ -30963,7 +30963,7 @@ var StyledDropdown = /*#__PURE__*/styled(Dropdown).withConfig({
|
|
|
30963
30963
|
var PaginatedContent = function PaginatedContent(_ref) {
|
|
30964
30964
|
var items = _ref.items,
|
|
30965
30965
|
_ref$itemsPerPage = _ref.itemsPerPage,
|
|
30966
|
-
itemsPerPage = _ref$itemsPerPage === void 0 ?
|
|
30966
|
+
itemsPerPage = _ref$itemsPerPage === void 0 ? 5 : _ref$itemsPerPage,
|
|
30967
30967
|
renderItem = _ref.renderItem,
|
|
30968
30968
|
_ref$emptyMessage = _ref.emptyMessage,
|
|
30969
30969
|
emptyMessage = _ref$emptyMessage === void 0 ? 'No items found' : _ref$emptyMessage,
|
|
@@ -31181,13 +31181,6 @@ var SpriteContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
|
31181
31181
|
})(["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;}"]);
|
|
31182
31182
|
|
|
31183
31183
|
var ITEMS_PER_PAGE$1 = 5;
|
|
31184
|
-
var formatItemName = function formatItemName(itemPath) {
|
|
31185
|
-
var _itemPath$split$pop;
|
|
31186
|
-
var cleanText = ((_itemPath$split$pop = itemPath.split('/').pop()) == null ? void 0 : _itemPath$split$pop.split('.').shift()) || '';
|
|
31187
|
-
return cleanText.split('-').map(function (word) {
|
|
31188
|
-
return word.charAt(0).toUpperCase() + word.slice(1);
|
|
31189
|
-
}).join(' ');
|
|
31190
|
-
};
|
|
31191
31184
|
var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
|
|
31192
31185
|
var _npc$loots, _npc$skills$strength, _npc$skills$dexterity, _npc$skills$resistanc;
|
|
31193
31186
|
var npc = _ref.npc,
|
|
@@ -31195,8 +31188,6 @@ var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
|
|
|
31195
31188
|
itemsAtlasIMG = _ref.itemsAtlasIMG,
|
|
31196
31189
|
entitiesAtlasJSON = _ref.entitiesAtlasJSON,
|
|
31197
31190
|
entitiesAtlasIMG = _ref.entitiesAtlasIMG,
|
|
31198
|
-
iconAtlasIMG = _ref.iconAtlasIMG,
|
|
31199
|
-
iconAtlasJSON = _ref.iconAtlasJSON,
|
|
31200
31191
|
onBack = _ref.onBack;
|
|
31201
31192
|
var isMobile = isMobileOrTablet();
|
|
31202
31193
|
var _useState = useState(''),
|
|
@@ -31230,7 +31221,7 @@ var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
|
|
|
31230
31221
|
}
|
|
31231
31222
|
};
|
|
31232
31223
|
var filteredLoots = ((_npc$loots = npc.loots) == null ? void 0 : _npc$loots.filter(function (loot) {
|
|
31233
|
-
return
|
|
31224
|
+
return formatText(loot.itemBlueprintKey).toLowerCase().includes(lootSearchQuery.toLowerCase());
|
|
31234
31225
|
})) || [];
|
|
31235
31226
|
var totalLootPages = Math.ceil(filteredLoots.length / ITEMS_PER_PAGE$1);
|
|
31236
31227
|
var paginatedLoots = filteredLoots.slice((currentLootPage - 1) * ITEMS_PER_PAGE$1, currentLootPage * ITEMS_PER_PAGE$1);
|
|
@@ -31260,7 +31251,7 @@ var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
|
|
|
31260
31251
|
width: 24,
|
|
31261
31252
|
height: 24,
|
|
31262
31253
|
imgScale: 1
|
|
31263
|
-
}), React.createElement(LootDetails, null, React.createElement(LootName, null,
|
|
31254
|
+
}), React.createElement(LootDetails, null, React.createElement(LootName, null, formatText(loot.itemBlueprintKey)), React.createElement(LootInfo, null, React.createElement(LootChance, null, formatRarity(loot.chance)), loot.quantityRange && React.createElement(LootQuantity, null, "x", loot.quantityRange[0], "-", loot.quantityRange[1]))));
|
|
31264
31255
|
})), filteredLoots.length > ITEMS_PER_PAGE$1 && React.createElement(PaginationContainer$2, null, React.createElement(StyledPagination, {
|
|
31265
31256
|
currentPage: currentLootPage,
|
|
31266
31257
|
totalPages: totalLootPages,
|
|
@@ -31278,14 +31269,7 @@ var InformationCenterNPCDetails = function InformationCenterNPCDetails(_ref) {
|
|
|
31278
31269
|
}, React.createElement(SpellsList, null, npc.areaSpells.map(function (spell, index) {
|
|
31279
31270
|
return React.createElement(SpellItem, {
|
|
31280
31271
|
key: index
|
|
31281
|
-
}, React.createElement(
|
|
31282
|
-
atlasJSON: iconAtlasJSON,
|
|
31283
|
-
atlasIMG: iconAtlasIMG,
|
|
31284
|
-
spriteKey: spell.texturePath || spell.spellKey,
|
|
31285
|
-
width: 24,
|
|
31286
|
-
height: 24,
|
|
31287
|
-
imgScale: 1
|
|
31288
|
-
})), React.createElement(SpellContent, null, React.createElement(SpellName, null, formatText(spell.spellKey)), React.createElement(SpellDetails, null, "Power:", ' ', React.createElement(SpellValue, null, formatText(spell.power)), React.createElement(Separator, null, "\u2022"), "Chance: ", React.createElement(SpellValue, null, spell.probability, "%"))));
|
|
31272
|
+
}, React.createElement(SpellName, null, formatText(spell.spellKey)), React.createElement(SpellDetails, null, "Power: ", React.createElement(SpellValue, null, formatText(spell.power)), React.createElement(Separator, null, "\u2022"), "Chance: ", React.createElement(SpellValue, null, spell.probability, "%")));
|
|
31289
31273
|
}))));
|
|
31290
31274
|
};
|
|
31291
31275
|
var InfoSection = /*#__PURE__*/styled.div.withConfig({
|
|
@@ -31328,77 +31312,69 @@ var SpellsList = /*#__PURE__*/styled.div.withConfig({
|
|
|
31328
31312
|
displayName: "InformationCenterNPCDetails__SpellsList",
|
|
31329
31313
|
componentId: "sc-fdu3xl-9"
|
|
31330
31314
|
})(["display:flex;flex-direction:column;gap:8px;padding:12px;"]);
|
|
31331
|
-
var SpellIconContainer = /*#__PURE__*/styled.div.withConfig({
|
|
31332
|
-
displayName: "InformationCenterNPCDetails__SpellIconContainer",
|
|
31333
|
-
componentId: "sc-fdu3xl-10"
|
|
31334
|
-
})(["display:flex;padding-right:30px;padding-bottom:30px;"]);
|
|
31335
|
-
var SpellContent = /*#__PURE__*/styled.div.withConfig({
|
|
31336
|
-
displayName: "InformationCenterNPCDetails__SpellContent",
|
|
31337
|
-
componentId: "sc-fdu3xl-11"
|
|
31338
|
-
})(["display:flex;flex-direction:column;gap:4px;flex:1;"]);
|
|
31339
31315
|
var SpellItem = /*#__PURE__*/styled.div.withConfig({
|
|
31340
31316
|
displayName: "InformationCenterNPCDetails__SpellItem",
|
|
31341
|
-
componentId: "sc-fdu3xl-
|
|
31342
|
-
})(["display:flex;gap:
|
|
31317
|
+
componentId: "sc-fdu3xl-10"
|
|
31318
|
+
})(["display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,0.05);padding:8px;border-radius:4px;"]);
|
|
31343
31319
|
var SpellName = /*#__PURE__*/styled.div.withConfig({
|
|
31344
31320
|
displayName: "InformationCenterNPCDetails__SpellName",
|
|
31345
|
-
componentId: "sc-fdu3xl-
|
|
31321
|
+
componentId: "sc-fdu3xl-11"
|
|
31346
31322
|
})(["color:", ";font-size:0.5rem;"], uiColors.yellow);
|
|
31347
31323
|
var SpellDetails = /*#__PURE__*/styled.div.withConfig({
|
|
31348
31324
|
displayName: "InformationCenterNPCDetails__SpellDetails",
|
|
31349
|
-
componentId: "sc-fdu3xl-
|
|
31325
|
+
componentId: "sc-fdu3xl-12"
|
|
31350
31326
|
})(["display:flex;align-items:center;gap:8px;color:", ";font-size:0.45rem;opacity:0.8;"], uiColors.white);
|
|
31351
31327
|
var SpellValue = /*#__PURE__*/styled.span.withConfig({
|
|
31352
31328
|
displayName: "InformationCenterNPCDetails__SpellValue",
|
|
31353
|
-
componentId: "sc-fdu3xl-
|
|
31329
|
+
componentId: "sc-fdu3xl-13"
|
|
31354
31330
|
})(["color:", ";"], uiColors.yellow);
|
|
31355
31331
|
var Separator = /*#__PURE__*/styled.span.withConfig({
|
|
31356
31332
|
displayName: "InformationCenterNPCDetails__Separator",
|
|
31357
|
-
componentId: "sc-fdu3xl-
|
|
31333
|
+
componentId: "sc-fdu3xl-14"
|
|
31358
31334
|
})(["color:", ";opacity:0.5;"], uiColors.yellow);
|
|
31359
31335
|
var LootSearchContainer = /*#__PURE__*/styled.div.withConfig({
|
|
31360
31336
|
displayName: "InformationCenterNPCDetails__LootSearchContainer",
|
|
31361
|
-
componentId: "sc-fdu3xl-
|
|
31337
|
+
componentId: "sc-fdu3xl-15"
|
|
31362
31338
|
})(["padding:12px 12px 0;"]);
|
|
31363
31339
|
var StyledSearchBar$1 = /*#__PURE__*/styled(SearchBar).withConfig({
|
|
31364
31340
|
displayName: "InformationCenterNPCDetails__StyledSearchBar",
|
|
31365
|
-
componentId: "sc-fdu3xl-
|
|
31341
|
+
componentId: "sc-fdu3xl-16"
|
|
31366
31342
|
})(["width:100%;"]);
|
|
31367
31343
|
var LootGrid = /*#__PURE__*/styled.div.withConfig({
|
|
31368
31344
|
displayName: "InformationCenterNPCDetails__LootGrid",
|
|
31369
|
-
componentId: "sc-fdu3xl-
|
|
31345
|
+
componentId: "sc-fdu3xl-17"
|
|
31370
31346
|
})(["display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:12px;"]);
|
|
31371
31347
|
var LootItem = /*#__PURE__*/styled.div.withConfig({
|
|
31372
31348
|
displayName: "InformationCenterNPCDetails__LootItem",
|
|
31373
|
-
componentId: "sc-fdu3xl-
|
|
31349
|
+
componentId: "sc-fdu3xl-18"
|
|
31374
31350
|
})(["display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.05);padding:8px;border-radius:4px;"]);
|
|
31375
31351
|
var LootDetails = /*#__PURE__*/styled.div.withConfig({
|
|
31376
31352
|
displayName: "InformationCenterNPCDetails__LootDetails",
|
|
31377
|
-
componentId: "sc-fdu3xl-
|
|
31353
|
+
componentId: "sc-fdu3xl-19"
|
|
31378
31354
|
})(["flex:1;display:flex;flex-direction:column;gap:4px;"]);
|
|
31379
31355
|
var LootName = /*#__PURE__*/styled.div.withConfig({
|
|
31380
31356
|
displayName: "InformationCenterNPCDetails__LootName",
|
|
31381
|
-
componentId: "sc-fdu3xl-
|
|
31357
|
+
componentId: "sc-fdu3xl-20"
|
|
31382
31358
|
})(["color:", ";font-size:0.5rem;"], uiColors.white);
|
|
31383
31359
|
var LootInfo = /*#__PURE__*/styled.div.withConfig({
|
|
31384
31360
|
displayName: "InformationCenterNPCDetails__LootInfo",
|
|
31385
|
-
componentId: "sc-fdu3xl-
|
|
31361
|
+
componentId: "sc-fdu3xl-21"
|
|
31386
31362
|
})(["display:flex;align-items:center;gap:8px;"]);
|
|
31387
31363
|
var LootChance = /*#__PURE__*/styled.span.withConfig({
|
|
31388
31364
|
displayName: "InformationCenterNPCDetails__LootChance",
|
|
31389
|
-
componentId: "sc-fdu3xl-
|
|
31365
|
+
componentId: "sc-fdu3xl-22"
|
|
31390
31366
|
})(["color:", ";font-size:0.45rem;"], uiColors.yellow);
|
|
31391
31367
|
var LootQuantity = /*#__PURE__*/styled.span.withConfig({
|
|
31392
31368
|
displayName: "InformationCenterNPCDetails__LootQuantity",
|
|
31393
|
-
componentId: "sc-fdu3xl-
|
|
31369
|
+
componentId: "sc-fdu3xl-23"
|
|
31394
31370
|
})(["color:", ";font-size:0.45rem;"], uiColors.lightGray);
|
|
31395
31371
|
var PaginationContainer$2 = /*#__PURE__*/styled.div.withConfig({
|
|
31396
31372
|
displayName: "InformationCenterNPCDetails__PaginationContainer",
|
|
31397
|
-
componentId: "sc-fdu3xl-
|
|
31373
|
+
componentId: "sc-fdu3xl-24"
|
|
31398
31374
|
})(["display:flex;justify-content:center;padding:12px;"]);
|
|
31399
31375
|
var StyledPagination = /*#__PURE__*/styled(Pagination).withConfig({
|
|
31400
31376
|
displayName: "InformationCenterNPCDetails__StyledPagination",
|
|
31401
|
-
componentId: "sc-fdu3xl-
|
|
31377
|
+
componentId: "sc-fdu3xl-25"
|
|
31402
31378
|
})(["font-size:0.6rem;"]);
|
|
31403
31379
|
|
|
31404
31380
|
var TooltipContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
@@ -31528,8 +31504,6 @@ var InformationCenterBestiarySection = function InformationCenterBestiarySection
|
|
|
31528
31504
|
var bestiaryItems = _ref.bestiaryItems,
|
|
31529
31505
|
itemsAtlasJSON = _ref.itemsAtlasJSON,
|
|
31530
31506
|
itemsAtlasIMG = _ref.itemsAtlasIMG,
|
|
31531
|
-
iconsAtlasIMG = _ref.iconsAtlasIMG,
|
|
31532
|
-
iconsAtlasJSON = _ref.iconsAtlasJSON,
|
|
31533
31507
|
entitiesAtlasJSON = _ref.entitiesAtlasJSON,
|
|
31534
31508
|
entitiesAtlasIMG = _ref.entitiesAtlasIMG,
|
|
31535
31509
|
initialSearchQuery = _ref.initialSearchQuery,
|
|
@@ -31641,8 +31615,6 @@ var InformationCenterBestiarySection = function InformationCenterBestiarySection
|
|
|
31641
31615
|
npc: selectedMonster,
|
|
31642
31616
|
itemsAtlasJSON: itemsAtlasJSON,
|
|
31643
31617
|
itemsAtlasIMG: itemsAtlasIMG,
|
|
31644
|
-
iconAtlasIMG: iconsAtlasIMG,
|
|
31645
|
-
iconAtlasJSON: iconsAtlasJSON,
|
|
31646
31618
|
entitiesAtlasJSON: entitiesAtlasJSON,
|
|
31647
31619
|
entitiesAtlasIMG: entitiesAtlasIMG,
|
|
31648
31620
|
onBack: function onBack() {
|
|
@@ -32122,8 +32094,6 @@ var InformationCenter = function InformationCenter(_ref) {
|
|
|
32122
32094
|
itemsAtlasIMG = _ref.itemsAtlasIMG,
|
|
32123
32095
|
entitiesAtlasJSON = _ref.entitiesAtlasJSON,
|
|
32124
32096
|
entitiesAtlasIMG = _ref.entitiesAtlasIMG,
|
|
32125
|
-
iconsAtlasIMG = _ref.iconsAtlasIMG,
|
|
32126
|
-
iconsAtlasJSON = _ref.iconsAtlasJSON,
|
|
32127
32097
|
_ref$faqItems = _ref.faqItems,
|
|
32128
32098
|
faqItems = _ref$faqItems === void 0 ? [] : _ref$faqItems,
|
|
32129
32099
|
_ref$bestiaryItems = _ref.bestiaryItems,
|
|
@@ -32156,8 +32126,6 @@ var InformationCenter = function InformationCenter(_ref) {
|
|
|
32156
32126
|
bestiaryItems: bestiaryItems,
|
|
32157
32127
|
itemsAtlasJSON: itemsAtlasJSON,
|
|
32158
32128
|
itemsAtlasIMG: itemsAtlasIMG,
|
|
32159
|
-
iconsAtlasIMG: iconsAtlasIMG,
|
|
32160
|
-
iconsAtlasJSON: iconsAtlasJSON,
|
|
32161
32129
|
entitiesAtlasJSON: entitiesAtlasJSON,
|
|
32162
32130
|
entitiesAtlasIMG: entitiesAtlasIMG,
|
|
32163
32131
|
initialSearchQuery: initialSearchQuery,
|