@rpg-engine/long-bow 0.6.19 → 0.6.21

package/dist/long-bow.esm.js

@@ -31352,52 +31352,67 @@ var RowsWrapper$1 = /*#__PURE__*/styled.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.createElement(Text, Object.assign({}, rest), children);
+};
+var Text = /*#__PURE__*/styled.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.createElement(PartyWrapper$2, null, React.createElement(TextContainer$5, null, charName), React.createElement(TextContainer$5, null, charClass), React.createElement("div", {
-    className: "cancel-button"
-  }, React.createElement(Button, {
-    buttonType: ButtonTypes.RPGUIButton,
+  var isCurrentUser = id === userId;
+  var canRemove = isLeader || isCurrentUser; // Only leaders or the current user can remove
+  return React.createElement(PartyWrapper$2, null, React.createElement(TextContainer$5, null, React.createElement(Ellipsis, {
+    maxLines: 1,
+    maxWidth: "200px",
+    fontSize: "0.8rem"
+  }, charName)), React.createElement(TextContainer$5, null, React.createElement(Ellipsis, {
+    maxLines: 1,
+    maxWidth: "200px",
+    fontSize: "0.8rem"
+  }, charClass)), React.createElement(ButtonContainer$3, null, canRemove && React.createElement(HighlightedText, {
     onPointerDown: function onPointerDown() {
       return onRemovePlayer(id);
     }
-  }, "Remove")), React.createElement(Button, {
-    buttonType: ButtonTypes.RPGUIButton,
-    disabled: !isLeader || leaderId === id,
+  }, isCurrentUser ? 'Leave' : 'Remove'), isLeader && leaderId !== id && React.createElement(HighlightedText, {
     onPointerDown: function onPointerDown() {
       return onChangeLeader(id);
     }
-  }, "New Leader"));
+  }, "New Leader")));
 };
 var PartyWrapper$2 = /*#__PURE__*/styled.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.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.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 = isMobileOrTablet() ? 'Tap' : 'Right click';
-  return React.createElement(DraggableContainer, {
-    type: RPGUIContainerTypes.Framed,
-    onCloseButton: onClose,
-    width: "800px",
-    height: "400px",
-    cancelDrag: ".partyRows"
-  }, React.createElement(Wrapper$5, null, React.createElement("div", {
+  return React.createElement(React.Fragment, null, React.createElement(Wrapper$5, null, React.createElement("div", {
     style: {
       width: '100%'
     }
@@ -31406,6 +31421,7 @@ var PartyManager = function PartyManager(_ref) {
   }))), React.createElement(RowsWrapper$2, {
     className: "partyRows"
   }, partyRows && partyRows.members ? React.createElement(React.Fragment, null, React.createElement(PartyManagerRow, {
+    userId: userId,
     key: partyRows.leader._id,
     id: partyRows.leader._id,
     leaderId: partyRows.leader._id,
@@ -31420,6 +31436,7 @@ var PartyManager = function PartyManager(_ref) {
     }
   }), partyRows.members.map(function (partyRow) {
     return React.createElement(PartyManagerRow, {
+      userId: userId,
       key: partyRow._id,
       charName: partyRow.name,
       charClass: partyRow["class"],
@@ -31433,20 +31450,20 @@ var PartyManager = function PartyManager(_ref) {
         return _onChangeLeader(partyRow._id);
       }
     });
-  })) : React.createElement(React.Fragment, null, React.createElement(NotInParty, null, React.createElement("p", null, "You're not in a party."), React.createElement("p", null, "Tip: ", React.createElement(YellowText, null, invitationActionText), " on a player to invite them.")))));
+  })) : React.createElement(NotInParty, null, React.createElement("p", null, "You're not in a party."), React.createElement("p", null, "Tip: ", React.createElement(YellowText, null, invitationActionText), " on a player to invite them."))));
 };
+var RowsWrapper$2 = /*#__PURE__*/styled.div.withConfig({
+  displayName: "PartyManager__RowsWrapper",
+  componentId: "sc-1yqcad8-0"
+})(["width:100%;max-height:300px;overflow-y:auto;overflow-x:hidden;"]);
 var YellowText = /*#__PURE__*/styled.span.withConfig({
   displayName: "PartyManager__YellowText",
-  componentId: "sc-1yqcad8-0"
+  componentId: "sc-1yqcad8-1"
 })(["color:", " !important;"], uiColors.yellow);
 var Wrapper$5 = /*#__PURE__*/styled.div.withConfig({
   displayName: "PartyManager__Wrapper",
-  componentId: "sc-1yqcad8-1"
-})(["display:flex;flex-direction:column;width:100%;"]);
-var RowsWrapper$2 = /*#__PURE__*/styled.div.withConfig({
-  displayName: "PartyManager__RowsWrapper",
   componentId: "sc-1yqcad8-2"
-})(["width:100%;"]);
+})(["display:flex;flex-direction:column;width:100%;"]);
 var Title$7 = /*#__PURE__*/styled.h1.withConfig({
   displayName: "PartyManager__Title",
   componentId: "sc-1yqcad8-3"
@@ -31544,6 +31561,34 @@ var mockedPlayersRows2 = {
     _id: /*#__PURE__*/v4(),
     "class": CharacterClass.Druid,
     name: 'blblb'
+  }, {
+    _id: /*#__PURE__*/v4(),
+    "class": CharacterClass.Druid,
+    name: 'blblb'
+  }, {
+    _id: /*#__PURE__*/v4(),
+    "class": CharacterClass.Druid,
+    name: 'blblb'
+  }, {
+    _id: /*#__PURE__*/v4(),
+    "class": CharacterClass.Druid,
+    name: 'blblb'
+  }, {
+    _id: /*#__PURE__*/v4(),
+    "class": CharacterClass.Druid,
+    name: 'blblb'
+  }, {
+    _id: /*#__PURE__*/v4(),
+    "class": CharacterClass.Druid,
+    name: 'blblb'
+  }, {
+    _id: /*#__PURE__*/v4(),
+    "class": CharacterClass.Druid,
+    name: 'blblb'
+  }, {
+    _id: /*#__PURE__*/v4(),
+    "class": CharacterClass.Druid,
+    name: 'blblb'
   }],
   maxSize: 5,
   size: 4