@rpg-engine/long-bow 0.6.26 → 0.6.28
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/PartySystem/PartyManager/PartyManager.d.ts +0 -1
- package/dist/components/PartySystem/mockedConstantes/mockedValues.d.ts +2 -0
- package/dist/long-bow.cjs.development.js +60 -7
- 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 +59 -8
- package/dist/long-bow.esm.js.map +1 -1
- package/dist/stories/PartyManager.stories.d.ts +2 -1
- package/package.json +1 -1
- package/src/components/PartySystem/PartyManager/PartyManager.tsx +2 -3
- package/src/components/PartySystem/PartyManager/PartyManagerRows.tsx +8 -14
- package/src/components/PartySystem/mockedConstantes/mockedValues.tsx +38 -0
- package/src/stories/PartyManager.stories.tsx +24 -4
|
@@ -2,7 +2,6 @@ import { ICharacterPartyShared } from '@rpg-engine/shared';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export interface IPartyManagerProps {
|
|
4
4
|
partyRows: ICharacterPartyShared | null;
|
|
5
|
-
isLeader: boolean;
|
|
6
5
|
userId: string;
|
|
7
6
|
onRemovePlayer: (id: string) => void;
|
|
8
7
|
onChangeLeader: (id: string) => void;
|
|
@@ -5,3 +5,5 @@ export declare const mockedPartyRows: IPartyRowProps[];
|
|
|
5
5
|
export declare const mockedPlayersRows2: ICharacterPartyShared;
|
|
6
6
|
export declare const mockedPlayersRows: IPlayersRowProps[];
|
|
7
7
|
export declare const mockedPartyManager: any[];
|
|
8
|
+
export declare const getMockedPlayersRowsLeader: (userId: string) => ICharacterPartyShared;
|
|
9
|
+
export declare const getMockedPlayersRowsNotLeader: (userId: string) => ICharacterPartyShared;
|
|
@@ -31375,7 +31375,7 @@ var PartyManagerRow = function PartyManagerRow(_ref) {
|
|
|
31375
31375
|
onRemovePlayer = _ref.onRemovePlayer,
|
|
31376
31376
|
onChangeLeader = _ref.onChangeLeader;
|
|
31377
31377
|
var isCurrentUser = id === userId;
|
|
31378
|
-
var canRemove =
|
|
31378
|
+
var canRemove = leaderId === userId || isCurrentUser;
|
|
31379
31379
|
return React__default.createElement(PartyWrapper$2, null, React__default.createElement(TextContainer$5, null, React__default.createElement(Ellipsis, {
|
|
31380
31380
|
maxLines: 1,
|
|
31381
31381
|
maxWidth: "300px"
|
|
@@ -31386,7 +31386,7 @@ var PartyManagerRow = function PartyManagerRow(_ref) {
|
|
|
31386
31386
|
onPointerDown: function onPointerDown() {
|
|
31387
31387
|
return onRemovePlayer(id);
|
|
31388
31388
|
}
|
|
31389
|
-
}, isCurrentUser ? 'Leave' : 'Remove'),
|
|
31389
|
+
}, isCurrentUser ? 'Leave' : 'Remove'), leaderId === userId && leaderId !== id && React__default.createElement(HighlightedText, {
|
|
31390
31390
|
onPointerDown: function onPointerDown() {
|
|
31391
31391
|
return onChangeLeader(id);
|
|
31392
31392
|
}
|
|
@@ -31395,19 +31395,18 @@ var PartyManagerRow = function PartyManagerRow(_ref) {
|
|
|
31395
31395
|
var PartyWrapper$2 = /*#__PURE__*/styled__default.div.withConfig({
|
|
31396
31396
|
displayName: "PartyManagerRows__PartyWrapper",
|
|
31397
31397
|
componentId: "sc-uqajew-0"
|
|
31398
|
-
})(["
|
|
31398
|
+
})(["display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:0.5rem;min-height:50px;box-sizing:border-box;width:100%;border-bottom:1px solid ", ";&:hover{background-color:", ";cursor:pointer;}"], uiColors.darkGray, uiColors.darkGray);
|
|
31399
31399
|
var TextContainer$5 = /*#__PURE__*/styled__default.div.withConfig({
|
|
31400
31400
|
displayName: "PartyManagerRows__TextContainer",
|
|
31401
31401
|
componentId: "sc-uqajew-1"
|
|
31402
|
-
})(["
|
|
31402
|
+
})(["color:", ";overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"], uiColors.white);
|
|
31403
31403
|
var ButtonContainer$3 = /*#__PURE__*/styled__default.div.withConfig({
|
|
31404
31404
|
displayName: "PartyManagerRows__ButtonContainer",
|
|
31405
31405
|
componentId: "sc-uqajew-2"
|
|
31406
|
-
})(["display:flex;align-items:center;justify-content:
|
|
31406
|
+
})(["display:flex;align-items:center;gap:1rem;justify-content:flex-start;"]);
|
|
31407
31407
|
|
|
31408
31408
|
var PartyManager = function PartyManager(_ref) {
|
|
31409
31409
|
var partyRows = _ref.partyRows,
|
|
31410
|
-
isLeader = _ref.isLeader,
|
|
31411
31410
|
userId = _ref.userId,
|
|
31412
31411
|
_onRemovePlayer = _ref.onRemovePlayer,
|
|
31413
31412
|
_onChangeLeader = _ref.onChangeLeader;
|
|
@@ -31430,7 +31429,7 @@ var PartyManager = function PartyManager(_ref) {
|
|
|
31430
31429
|
charName: partyRow.name,
|
|
31431
31430
|
charClass: partyRow["class"],
|
|
31432
31431
|
id: partyRow._id,
|
|
31433
|
-
isLeader:
|
|
31432
|
+
isLeader: partyRow._id === partyRows.leader._id,
|
|
31434
31433
|
leaderId: partyRows.leader._id,
|
|
31435
31434
|
onRemovePlayer: function onRemovePlayer() {
|
|
31436
31435
|
return _onRemovePlayer(partyRow._id);
|
|
@@ -31639,6 +31638,58 @@ var mockedPartyManager = [{
|
|
|
31639
31638
|
charClass: 'CharClass',
|
|
31640
31639
|
isLeader: false
|
|
31641
31640
|
}];
|
|
31641
|
+
// Function to generate mock data for when you are the leader
|
|
31642
|
+
var getMockedPlayersRowsLeader = function getMockedPlayersRowsLeader(userId) {
|
|
31643
|
+
return {
|
|
31644
|
+
id: uuid.v4(),
|
|
31645
|
+
leader: {
|
|
31646
|
+
_id: userId,
|
|
31647
|
+
"class": shared.CharacterClass.Warrior,
|
|
31648
|
+
name: 'YourName'
|
|
31649
|
+
},
|
|
31650
|
+
members: [{
|
|
31651
|
+
_id: uuid.v4(),
|
|
31652
|
+
"class": shared.CharacterClass.Druid,
|
|
31653
|
+
name: 'Member1'
|
|
31654
|
+
}, {
|
|
31655
|
+
_id: uuid.v4(),
|
|
31656
|
+
"class": shared.CharacterClass.Sorcerer,
|
|
31657
|
+
name: 'Member2'
|
|
31658
|
+
}, {
|
|
31659
|
+
_id: uuid.v4(),
|
|
31660
|
+
"class": shared.CharacterClass.Rogue,
|
|
31661
|
+
name: 'Member3'
|
|
31662
|
+
}],
|
|
31663
|
+
maxSize: 5,
|
|
31664
|
+
size: 4
|
|
31665
|
+
};
|
|
31666
|
+
};
|
|
31667
|
+
// Function to generate mock data for when you are not the leader
|
|
31668
|
+
var getMockedPlayersRowsNotLeader = function getMockedPlayersRowsNotLeader(userId) {
|
|
31669
|
+
return {
|
|
31670
|
+
id: uuid.v4(),
|
|
31671
|
+
leader: {
|
|
31672
|
+
_id: uuid.v4(),
|
|
31673
|
+
"class": shared.CharacterClass.Druid,
|
|
31674
|
+
name: 'LeaderName'
|
|
31675
|
+
},
|
|
31676
|
+
members: [{
|
|
31677
|
+
_id: userId,
|
|
31678
|
+
"class": shared.CharacterClass.Warrior,
|
|
31679
|
+
name: 'YourName'
|
|
31680
|
+
}, {
|
|
31681
|
+
_id: uuid.v4(),
|
|
31682
|
+
"class": shared.CharacterClass.Sorcerer,
|
|
31683
|
+
name: 'Member2'
|
|
31684
|
+
}, {
|
|
31685
|
+
_id: uuid.v4(),
|
|
31686
|
+
"class": shared.CharacterClass.Rogue,
|
|
31687
|
+
name: 'Member3'
|
|
31688
|
+
}],
|
|
31689
|
+
maxSize: 5,
|
|
31690
|
+
size: 4
|
|
31691
|
+
};
|
|
31692
|
+
};
|
|
31642
31693
|
|
|
31643
31694
|
var ProgressBar = function ProgressBar(_ref) {
|
|
31644
31695
|
var max = _ref.max,
|
|
@@ -33313,6 +33364,8 @@ exports.TradingMenu = TradingMenu;
|
|
|
33313
33364
|
exports.Truncate = Truncate;
|
|
33314
33365
|
exports.TutorialStepper = TutorialStepper;
|
|
33315
33366
|
exports._RPGUI = _RPGUI;
|
|
33367
|
+
exports.getMockedPlayersRowsLeader = getMockedPlayersRowsLeader;
|
|
33368
|
+
exports.getMockedPlayersRowsNotLeader = getMockedPlayersRowsNotLeader;
|
|
33316
33369
|
exports.mockedPartyManager = mockedPartyManager;
|
|
33317
33370
|
exports.mockedPartyRows = mockedPartyRows;
|
|
33318
33371
|
exports.mockedPlayersRows = mockedPlayersRows;
|