@rpg-engine/long-bow 0.6.19 → 0.6.21

package/dist/components/PartySystem/PartyManager/PartyManager.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 export interface IPartyManagerProps {
     partyRows: ICharacterPartyShared | null;
     isLeader: boolean;
-    onClose?: () => void;
+    userId: string;
     onRemovePlayer: (id: string) => void;
     onChangeLeader: (id: string) => void;
 }

package/dist/components/PartySystem/PartyManager/PartyManagerRows.d.ts

@@ -5,6 +5,7 @@ export interface IPartyManagerRowProps {
     charClass: string;
     isLeader: boolean;
     leaderId: string;
+    userId: string;
     onRemovePlayer: (id: string) => void;
     onChangeLeader: (id: string) => void;
 }

package/dist/components/Text/HighlightedText.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    children: string;
+}
+export declare const HighlightedText: ({ children, ...rest }: IProps) => JSX.Element;
+export {};

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

@@ -31354,52 +31354,67 @@ var RowsWrapper$1 = /*#__PURE__*/styled__default.div.withConfig({
   componentId: "sc-eu8ggt-2"
 })(["overflow-y:scroll;-webkit-overflow-scrolling:touch;width:100%;height:200px;"]);
 
+var _excluded$3 = ["children"];
+var HighlightedText = function HighlightedText(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  return React__default.createElement(Text, Object.assign({}, rest), children);
+};
+var Text = /*#__PURE__*/styled__default.p.withConfig({
+  displayName: "HighlightedText__Text",
+  componentId: "sc-17nih08-0"
+})(["color:", " !important;font-weight:bold;font-size:1.2rem;&:hover{text-decoration:underline;cursor:pointer;}"], uiColors.yellow);
+
 var PartyManagerRow = function PartyManagerRow(_ref) {
   var charName = _ref.charName,
     charClass = _ref.charClass,
     isLeader = _ref.isLeader,
     id = _ref.id,
     leaderId = _ref.leaderId,
+    userId = _ref.userId,
     onRemovePlayer = _ref.onRemovePlayer,
     onChangeLeader = _ref.onChangeLeader;
-  return React__default.createElement(PartyWrapper$2, null, React__default.createElement(TextContainer$5, null, charName), React__default.createElement(TextContainer$5, null, charClass), React__default.createElement("div", {
-    className: "cancel-button"
-  }, React__default.createElement(Button, {
-    buttonType: exports.ButtonTypes.RPGUIButton,
+  var isCurrentUser = id === userId;
+  var canRemove = isLeader || isCurrentUser; // Only leaders or the current user can remove
+  return React__default.createElement(PartyWrapper$2, null, React__default.createElement(TextContainer$5, null, React__default.createElement(Ellipsis, {
+    maxLines: 1,
+    maxWidth: "200px",
+    fontSize: "0.8rem"
+  }, charName)), React__default.createElement(TextContainer$5, null, React__default.createElement(Ellipsis, {
+    maxLines: 1,
+    maxWidth: "200px",
+    fontSize: "0.8rem"
+  }, charClass)), React__default.createElement(ButtonContainer$3, null, canRemove && React__default.createElement(HighlightedText, {
     onPointerDown: function onPointerDown() {
       return onRemovePlayer(id);
     }
-  }, "Remove")), React__default.createElement(Button, {
-    buttonType: exports.ButtonTypes.RPGUIButton,
-    disabled: !isLeader || leaderId === id,
+  }, isCurrentUser ? 'Leave' : 'Remove'), isLeader && leaderId !== id && React__default.createElement(HighlightedText, {
     onPointerDown: function onPointerDown() {
       return onChangeLeader(id);
     }
-  }, "New Leader"));
+  }, "New Leader")));
 };
 var PartyWrapper$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyManagerRows__PartyWrapper",
   componentId: "sc-uqajew-0"
-})(["width:100%;display:flex;align-items:center;justify-content:space-around;.cancel-button{filter:grayscale(0.7);}"]);
+})(["width:100%;display:flex;align-items:center;justify-content:space-between;padding:0.5rem;min-height:50px;box-sizing:border-box;gap:1rem;transition:background-color 0.3s ease;overflow-x:auto;&:hover{background-color:", ";cursor:pointer;}"], uiColors.darkGray);
 var TextContainer$5 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyManagerRows__TextContainer",
   componentId: "sc-uqajew-1"
-})(["color:", ";"], uiColors.white);
+})(["flex:1;color:", ";overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"], uiColors.white);
+var ButtonContainer$3 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "PartyManagerRows__ButtonContainer",
+  componentId: "sc-uqajew-2"
+})(["display:flex;align-items:center;justify-content:flex-end;min-width:150px;gap:0.5rem;"]);
 
 var PartyManager = function PartyManager(_ref) {
   var partyRows = _ref.partyRows,
     isLeader = _ref.isLeader,
-    onClose = _ref.onClose,
+    userId = _ref.userId,
     _onRemovePlayer = _ref.onRemovePlayer,
     _onChangeLeader = _ref.onChangeLeader;
   var invitationActionText = shared.isMobileOrTablet() ? 'Tap' : 'Right click';
-  return React__default.createElement(DraggableContainer, {
-    type: exports.RPGUIContainerTypes.Framed,
-    onCloseButton: onClose,
-    width: "800px",
-    height: "400px",
-    cancelDrag: ".partyRows"
-  }, React__default.createElement(Wrapper$5, null, React__default.createElement("div", {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Wrapper$5, null, React__default.createElement("div", {
     style: {
       width: '100%'
     }
@@ -31408,6 +31423,7 @@ var PartyManager = function PartyManager(_ref) {
   }))), React__default.createElement(RowsWrapper$2, {
     className: "partyRows"
   }, partyRows && partyRows.members ? React__default.createElement(React__default.Fragment, null, React__default.createElement(PartyManagerRow, {
+    userId: userId,
     key: partyRows.leader._id,
     id: partyRows.leader._id,
     leaderId: partyRows.leader._id,
@@ -31422,6 +31438,7 @@ var PartyManager = function PartyManager(_ref) {
     }
   }), partyRows.members.map(function (partyRow) {
     return React__default.createElement(PartyManagerRow, {
+      userId: userId,
       key: partyRow._id,
       charName: partyRow.name,
       charClass: partyRow["class"],
@@ -31435,20 +31452,20 @@ var PartyManager = function PartyManager(_ref) {
         return _onChangeLeader(partyRow._id);
       }
     });
-  })) : React__default.createElement(React__default.Fragment, null, React__default.createElement(NotInParty, null, React__default.createElement("p", null, "You're not in a party."), React__default.createElement("p", null, "Tip: ", React__default.createElement(YellowText, null, invitationActionText), " on a player to invite them.")))));
+  })) : React__default.createElement(NotInParty, null, React__default.createElement("p", null, "You're not in a party."), React__default.createElement("p", null, "Tip: ", React__default.createElement(YellowText, null, invitationActionText), " on a player to invite them."))));
 };
+var RowsWrapper$2 = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "PartyManager__RowsWrapper",
+  componentId: "sc-1yqcad8-0"
+})(["width:100%;max-height:300px;overflow-y:auto;overflow-x:hidden;"]);
 var YellowText = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "PartyManager__YellowText",
-  componentId: "sc-1yqcad8-0"
+  componentId: "sc-1yqcad8-1"
 })(["color:", " !important;"], uiColors.yellow);
 var Wrapper$5 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "PartyManager__Wrapper",
-  componentId: "sc-1yqcad8-1"
-})(["display:flex;flex-direction:column;width:100%;"]);
-var RowsWrapper$2 = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "PartyManager__RowsWrapper",
   componentId: "sc-1yqcad8-2"
-})(["width:100%;"]);
+})(["display:flex;flex-direction:column;width:100%;"]);
 var Title$7 = /*#__PURE__*/styled__default.h1.withConfig({
   displayName: "PartyManager__Title",
   componentId: "sc-1yqcad8-3"
@@ -31546,6 +31563,34 @@ var mockedPlayersRows2 = {
     _id: /*#__PURE__*/uuid.v4(),
     "class": shared.CharacterClass.Druid,
     name: 'blblb'
+  }, {
+    _id: /*#__PURE__*/uuid.v4(),
+    "class": shared.CharacterClass.Druid,
+    name: 'blblb'
+  }, {
+    _id: /*#__PURE__*/uuid.v4(),
+    "class": shared.CharacterClass.Druid,
+    name: 'blblb'
+  }, {
+    _id: /*#__PURE__*/uuid.v4(),
+    "class": shared.CharacterClass.Druid,
+    name: 'blblb'
+  }, {
+    _id: /*#__PURE__*/uuid.v4(),
+    "class": shared.CharacterClass.Druid,
+    name: 'blblb'
+  }, {
+    _id: /*#__PURE__*/uuid.v4(),
+    "class": shared.CharacterClass.Druid,
+    name: 'blblb'
+  }, {
+    _id: /*#__PURE__*/uuid.v4(),
+    "class": shared.CharacterClass.Druid,
+    name: 'blblb'
+  }, {
+    _id: /*#__PURE__*/uuid.v4(),
+    "class": shared.CharacterClass.Druid,
+    name: 'blblb'
   }],
   maxSize: 5,
   size: 4