@rpg-engine/long-bow 0.6.99 → 0.6.851

package/dist/components/ChatRevamp/ChatRevamp.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import { ICharacter, IChatMessage, IPrivateChatMessage, ITradeChatMessage } from '@rpg-engine/shared';
-import React from 'react';
 import { IStyles } from '../Chat/Chat';
 export declare type PrivateChatCharacter = Pick<ICharacter, '_id' | 'name'>;
 export declare type ChatMessage = IChatMessage | IPrivateChatMessage | ITradeChatMessage;
@@ -30,4 +30,4 @@ export interface IChatRevampProps {
     hideSearchCharacterUI: () => void;
     showSearchCharacterUI: () => void;
 }
-export declare const ChatRevamp: React.FC<IChatRevampProps>;
+export declare const ChatRevamp: ({ chatMessages, onSendGlobalChatMessage, onChangeCharacterName, onFocus, onBlur, onCloseButton, styles, tabs, onChangeTab, activeTab, privateChatCharacters, onCharacterClick, onSendPrivateChatMessage, recentChatCharacters, recentSelectedChatCharacterId, onPreviousChatCharacterClick, onRemoveRecentChatCharacter, unseenMessageCharacterIds, onSendTradeMessage, searchCharacterUI, hideSearchCharacterUI, showSearchCharacterUI, }: IChatRevampProps) => JSX.Element;

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

@@ -26461,10 +26461,7 @@ var SearchCharacter = function SearchCharacter(_ref) {
         return handleCharacterClick(character);
       },
       key: character._id
-    }, React__default.createElement(Ellipsis, {
-      maxWidth: '150px',
-      maxLines: 1
-    }, character.name));
+    }, character.name);
   })));
 };
 var SearchContainer = /*#__PURE__*/styled__default.div.withConfig({
@@ -26528,91 +26525,77 @@ var ChatRevamp = function ChatRevamp(_ref) {
     setShowRecentChats = _useState[1];
   var isPrivate = activeTab === 'private';
   var isTrade = activeTab === 'trade';
-  var toggleRecentChats = function toggleRecentChats() {
-    return setShowRecentChats(function (prev) {
-      return !prev;
-    });
-  };
   var handlePreviousChatCharacterClick = function handlePreviousChatCharacterClick(character) {
-    onPreviousChatCharacterClick == null ? void 0 : onPreviousChatCharacterClick(character);
+    if (!onPreviousChatCharacterClick) return;
+    onPreviousChatCharacterClick(character);
     hideSearchCharacterUI();
   };
-  var renderTabs = function renderTabs() {
-    return React__default.createElement(TabContainer, null, tabs.map(function (tab, index) {
-      return React__default.createElement(Tab, {
-        key: tab.label + "_" + index,
-        active: tab.id === activeTab,
-        onPointerDown: function onPointerDown() {
-          return onChangeTab(tab.id);
-        }
-      }, tab.label);
-    }));
-  };
-  var renderRecentChatTopBar = function renderRecentChatTopBar() {
-    return React__default.createElement(RecentChatTopBar, null, React__default.createElement(BurgerIconContainer, {
-      onPointerDown: toggleRecentChats,
-      hasUnseenMessages: unseenMessageCharacterIds.length > 0
-    }, React__default.createElement(BurgerLineIcon, null), React__default.createElement(BurgerLineIcon, null), React__default.createElement(BurgerLineIcon, null)), showRecentChats && React__default.createElement(SearchButton$1, {
-      onPointerDown: showSearchCharacterUI
-    }, React__default.createElement(rx.RxMagnifyingGlass, {
-      size: 16,
-      color: uiColors.white
-    })));
-  };
-  var renderRecentChatList = function renderRecentChatList() {
-    return React__default.createElement(RecentChatLogContainer, {
-      isOpen: showRecentChats
-    }, recentChatCharacters == null ? void 0 : recentChatCharacters.map(function (character) {
-      return React__default.createElement(ListElementContainer, {
-        key: character._id
-      }, React__default.createElement(ListElement$1, {
-        active: character._id === recentSelectedChatCharacterId,
-        onPointerDown: function onPointerDown() {
-          return handlePreviousChatCharacterClick(character);
-        }
-      }, React__default.createElement(StatusDot, {
-        isUnseen: unseenMessageCharacterIds.includes(character._id)
-      }), React__default.createElement(Ellipsis, {
-        maxWidth: "140px",
-        maxLines: 1
-      }, character.name)), React__default.createElement(CloseButton$1, {
-        onPointerDown: function onPointerDown() {
-          return onRemoveRecentChatCharacter == null ? void 0 : onRemoveRecentChatCharacter(character);
-        }
-      }, React__default.createElement(rx.RxCross2, {
-        size: 16
-      })));
-    }));
-  };
-  var renderChatContent = function renderChatContent() {
-    if (isPrivate && searchCharacterUI) {
-      return React__default.createElement(SearchCharacter, {
-        onFocus: onFocus,
-        onBlur: onBlur,
-        onChangeCharacterName: onChangeCharacterName,
-        styles: styles,
-        recentCharacters: privateChatCharacters,
-        hideSearchCharacterUI: hideSearchCharacterUI,
-        onCharacterClick: onCharacterClick
-      });
-    }
-    return React__default.createElement(Chat, {
-      chatMessages: chatMessages,
-      onSendChatMessage: isPrivate ? onSendPrivateChatMessage : isTrade ? onSendTradeMessage : onSendGlobalChatMessage,
-      sendMessage: true,
-      onCloseButton: onCloseButton,
-      styles: styles,
-      onFocus: onFocus,
-      onBlur: onBlur
-    });
-  };
-  return React__default.createElement(React__default.Fragment, null, renderTabs(), React__default.createElement(PrivateChatContainer, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(TabContainer, null, tabs.map(function (tab, index) {
+    return React__default.createElement(Tab, {
+      key: tab.label + "_" + index,
+      active: tab.id === activeTab,
+      onPointerDown: function onPointerDown() {
+        return onChangeTab(tab.id);
+      }
+    }, tab.label);
+  })), React__default.createElement(PrivateChatContainer, {
     width: (styles == null ? void 0 : styles.width) || '80%',
     height: (styles == null ? void 0 : styles.height) || 'auto'
   }, React__default.createElement(RecentChatTabContainer, {
     isPrivate: isPrivate,
     isOpen: showRecentChats
-  }, renderRecentChatTopBar(), renderRecentChatList()), renderChatContent()));
+  }, React__default.createElement(RecentChatTopBar, {
+    isOpen: showRecentChats
+  }, React__default.createElement(BurgerIconContainer, {
+    onPointerDown: function onPointerDown() {
+      return setShowRecentChats(function (t) {
+        return !t;
+      });
+    },
+    hasUnseenMessages: (unseenMessageCharacterIds == null ? void 0 : unseenMessageCharacterIds.length) > 0 || false
+  }, React__default.createElement(BurgerLineIcon, null), React__default.createElement(BurgerLineIcon, null), React__default.createElement(BurgerLineIcon, null)), showRecentChats && React__default.createElement(SearchButton$1, {
+    onPointerDown: function onPointerDown() {
+      return showSearchCharacterUI();
+    }
+  }, React__default.createElement(rx.RxMagnifyingGlass, {
+    size: 16,
+    color: uiColors.white
+  }))), React__default.createElement(RecentChatLogContainer, {
+    isOpen: showRecentChats
+  }, recentChatCharacters == null ? void 0 : recentChatCharacters.map(function (character) {
+    return React__default.createElement(ListElementContainer, {
+      key: character._id
+    }, React__default.createElement(ListElement$1, {
+      active: character._id === recentSelectedChatCharacterId,
+      onPointerDown: function onPointerDown() {
+        return handlePreviousChatCharacterClick(character);
+      }
+    }, React__default.createElement(StatusDot, {
+      isUnseen: (unseenMessageCharacterIds == null ? void 0 : unseenMessageCharacterIds.includes(character._id)) || false
+    }), character.name), React__default.createElement(CloseButton$1, {
+      onPointerDown: function onPointerDown() {
+        return onRemoveRecentChatCharacter == null ? void 0 : onRemoveRecentChatCharacter(character);
+      }
+    }, React__default.createElement(rx.RxCross2, {
+      size: 16
+    })));
+  }))), isPrivate && searchCharacterUI ? React__default.createElement(SearchCharacter, {
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onChangeCharacterName: onChangeCharacterName,
+    styles: styles,
+    recentCharacters: privateChatCharacters,
+    hideSearchCharacterUI: hideSearchCharacterUI,
+    onCharacterClick: onCharacterClick
+  }) : React__default.createElement(Chat, {
+    chatMessages: chatMessages,
+    onSendChatMessage: isPrivate ? onSendPrivateChatMessage : isTrade ? onSendTradeMessage : onSendGlobalChatMessage,
+    sendMessage: true,
+    onCloseButton: onCloseButton,
+    styles: styles,
+    onFocus: onFocus,
+    onBlur: onBlur
+  })));
 };
 var TabContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__TabContainer",
@@ -26641,16 +26624,12 @@ var PrivateChatContainer = /*#__PURE__*/styled__default.div.withConfig({
 var RecentChatTabContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__RecentChatTabContainer",
   componentId: "sc-1sdiknw-3"
-})(["display:", ";flex-direction:column;border-right:1px solid ", ";outline:none;width:", ";max-width:200px;min-width:", ";transition:all 0.3s ease-in-out;overflow:hidden;@media (max-width:768px){width:", ";min-width:", ";}"], function (props) {
+})(["display:", ";flex-direction:column;border-right:1px solid ", ";outline:none;width:", " !important;transition:width 0.3s ease-in-out;overflow:hidden;@media (max-width:768px){width:", " !important;}"], function (props) {
   return props.isPrivate ? 'flex' : 'none';
 }, uiColors.gray, function (props) {
-  return props.isOpen ? '25%' : '30px';
-}, function (props) {
-  return props.isOpen ? '180px' : '30px';
-}, function (props) {
-  return props.isOpen ? '50%' : '30px';
+  return props.isOpen ? '20%' : '30px';
 }, function (props) {
-  return props.isOpen ? '150px' : '30px';
+  return props.isOpen ? '40%' : '30px';
 });
 var RecentChatTopBar = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ChatRevamp__RecentChatTopBar",
@@ -26683,7 +26662,7 @@ var ListElementContainer = /*#__PURE__*/styled__default.div.withConfig({
 var ListElement$1 = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "ChatRevamp__ListElement",
   componentId: "sc-1sdiknw-10"
-})(["margin:0.5rem 0 !important;font-size:", " !important;padding:2px;all:unset;color:", ";width:100%;position:relative;display:flex;align-items:center;gap:4px;&:hover{color:#ff0;}max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"], uiFonts.size.small, function (props) {
+})(["margin:0.5rem 0 !important;font-size:", " !important;padding:2px;all:unset;color:", ";width:100%;position:relative;display:flex;align-items:center;gap:4px;&:hover{color:#ff0;}"], uiFonts.size.small, function (props) {
   return props.active ? uiColors.yellow : uiColors.white;
 });
 var StatusDot = /*#__PURE__*/styled__default.span.withConfig({