@rpg-engine/long-bow 0.5.43 → 0.5.44
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/Chat/Chat.d.ts +6 -2
- package/dist/components/ChatRevamp/ChatRevamp.d.ts +5 -3
- package/dist/long-bow.cjs.development.js +18 -5
- 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 +18 -5
- package/dist/long-bow.esm.js.map +1 -1
- package/dist/stories/ChatRevamp.stories.d.ts +2 -1
- package/package.json +2 -2
- package/src/components/Chat/Chat.tsx +8 -10
- package/src/components/ChatRevamp/ChatRevamp.tsx +15 -5
- package/src/components/ChatRevamp/SearchCharacter.tsx +14 -3
- package/src/stories/ChatRevamp.stories.tsx +20 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { IChatMessage, IPrivateChatMessage } from '@rpg-engine/shared';
|
|
2
1
|
import React from 'react';
|
|
2
|
+
import { ChatMessage } from '../ChatRevamp/ChatRevamp';
|
|
3
3
|
export interface IStyles {
|
|
4
4
|
textColor?: string;
|
|
5
5
|
buttonColor?: string;
|
|
@@ -7,8 +7,12 @@ export interface IStyles {
|
|
|
7
7
|
width?: string;
|
|
8
8
|
height?: string;
|
|
9
9
|
}
|
|
10
|
+
export interface IEmitter {
|
|
11
|
+
_id: string;
|
|
12
|
+
name: string;
|
|
13
|
+
}
|
|
10
14
|
export interface IChatProps {
|
|
11
|
-
chatMessages:
|
|
15
|
+
chatMessages: ChatMessage[];
|
|
12
16
|
onSendChatMessage: (message: string) => void;
|
|
13
17
|
onCloseButton: () => void;
|
|
14
18
|
onFocus?: () => void;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ICharacter, IChatMessage, IPrivateChatMessage } from '@rpg-engine/shared';
|
|
2
|
+
import { ICharacter, IChatMessage, IPrivateChatMessage, ITradeChatMessage } from '@rpg-engine/shared';
|
|
3
3
|
import { IStyles } from '../Chat/Chat';
|
|
4
4
|
export declare type PrivateChatCharacter = Pick<ICharacter, '_id' | 'name'>;
|
|
5
|
+
export declare type ChatMessage = IChatMessage | IPrivateChatMessage | ITradeChatMessage;
|
|
5
6
|
export interface IChatRevampProps {
|
|
6
|
-
chatMessages:
|
|
7
|
+
chatMessages: ChatMessage[];
|
|
7
8
|
onSendGlobalChatMessage: (message: string) => void;
|
|
8
9
|
onCloseButton: () => void;
|
|
9
10
|
onFocus?: () => void;
|
|
@@ -24,5 +25,6 @@ export interface IChatRevampProps {
|
|
|
24
25
|
onPreviousChatCharacterClick?: (character: PrivateChatCharacter) => void;
|
|
25
26
|
onRemoveRecentChatCharacter?: (character: PrivateChatCharacter) => void;
|
|
26
27
|
unseenMessageCharacterIds?: string[];
|
|
28
|
+
onSendTradeMessage: (message: string) => void;
|
|
27
29
|
}
|
|
28
|
-
export declare const ChatRevamp: ({ chatMessages, onSendGlobalChatMessage, onChangeCharacterName, onFocus, onBlur, onCloseButton, styles, tabs, onChangeTab, activeTab, privateChatCharacters, onCharacterClick, onSendPrivateChatMessage, recentChatCharacters, recentSelectedChatCharacterId, onPreviousChatCharacterClick, onRemoveRecentChatCharacter, unseenMessageCharacterIds, }: IChatRevampProps) => JSX.Element;
|
|
30
|
+
export declare const ChatRevamp: ({ chatMessages, onSendGlobalChatMessage, onChangeCharacterName, onFocus, onBlur, onCloseButton, styles, tabs, onChangeTab, activeTab, privateChatCharacters, onCharacterClick, onSendPrivateChatMessage, recentChatCharacters, recentSelectedChatCharacterId, onPreviousChatCharacterClick, onRemoveRecentChatCharacter, unseenMessageCharacterIds, onSendTradeMessage, }: IChatRevampProps) => JSX.Element;
|
|
@@ -12681,6 +12681,17 @@ var SearchCharacter = function SearchCharacter(_ref) {
|
|
|
12681
12681
|
var _useState = React.useState(''),
|
|
12682
12682
|
characterName = _useState[0],
|
|
12683
12683
|
setCharacterName = _useState[1];
|
|
12684
|
+
var searchCharacterRef = React.useRef(null);
|
|
12685
|
+
React.useEffect(function () {
|
|
12686
|
+
var timer = setTimeout(function () {
|
|
12687
|
+
if (searchCharacterRef.current) {
|
|
12688
|
+
searchCharacterRef.current.focus();
|
|
12689
|
+
}
|
|
12690
|
+
}, 100);
|
|
12691
|
+
return function () {
|
|
12692
|
+
return clearTimeout(timer);
|
|
12693
|
+
};
|
|
12694
|
+
}, []);
|
|
12684
12695
|
var handleSubmit = function handleSubmit(event) {
|
|
12685
12696
|
event.preventDefault();
|
|
12686
12697
|
if (!characterName || characterName.trim() === '') return;
|
|
@@ -12698,6 +12709,7 @@ var SearchCharacter = function SearchCharacter(_ref) {
|
|
|
12698
12709
|
flex: 70
|
|
12699
12710
|
}, React__default.createElement(TextField$1, {
|
|
12700
12711
|
value: characterName,
|
|
12712
|
+
ref: searchCharacterRef,
|
|
12701
12713
|
id: "characterName",
|
|
12702
12714
|
name: 'characterName',
|
|
12703
12715
|
onChange: function onChange(e) {
|
|
@@ -12710,8 +12722,7 @@ var SearchCharacter = function SearchCharacter(_ref) {
|
|
|
12710
12722
|
autoComplete: "off",
|
|
12711
12723
|
onFocus: onFocus,
|
|
12712
12724
|
onBlur: onBlur,
|
|
12713
|
-
onPointerDown: onFocus
|
|
12714
|
-
autoFocus: true
|
|
12725
|
+
onPointerDown: onFocus
|
|
12715
12726
|
})), React__default.createElement(Column, {
|
|
12716
12727
|
justifyContent: "flex-end"
|
|
12717
12728
|
}, React__default.createElement(SearchButton, {
|
|
@@ -12784,7 +12795,8 @@ var ChatRevamp = function ChatRevamp(_ref) {
|
|
|
12784
12795
|
onPreviousChatCharacterClick = _ref.onPreviousChatCharacterClick,
|
|
12785
12796
|
onRemoveRecentChatCharacter = _ref.onRemoveRecentChatCharacter,
|
|
12786
12797
|
_ref$unseenMessageCha = _ref.unseenMessageCharacterIds,
|
|
12787
|
-
unseenMessageCharacterIds = _ref$unseenMessageCha === void 0 ? [] : _ref$unseenMessageCha
|
|
12798
|
+
unseenMessageCharacterIds = _ref$unseenMessageCha === void 0 ? [] : _ref$unseenMessageCha,
|
|
12799
|
+
onSendTradeMessage = _ref.onSendTradeMessage;
|
|
12788
12800
|
var _useState = React.useState(true),
|
|
12789
12801
|
showSearchCharacterUI = _useState[0],
|
|
12790
12802
|
setShowSearchCharacterUI = _useState[1];
|
|
@@ -12795,6 +12807,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
|
|
|
12795
12807
|
setShowSearchCharacterUI(true);
|
|
12796
12808
|
}, [activeTab]);
|
|
12797
12809
|
var isPrivate = activeTab === 'private';
|
|
12810
|
+
var isTrade = activeTab === 'trade';
|
|
12798
12811
|
var handlePreviousChatCharacterClick = function handlePreviousChatCharacterClick(character) {
|
|
12799
12812
|
if (!onPreviousChatCharacterClick) return;
|
|
12800
12813
|
onPreviousChatCharacterClick(character);
|
|
@@ -12822,7 +12835,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
|
|
|
12822
12835
|
return !t;
|
|
12823
12836
|
});
|
|
12824
12837
|
},
|
|
12825
|
-
hasUnseenMessages: (unseenMessageCharacterIds == null ? void 0 : unseenMessageCharacterIds.length) > 0
|
|
12838
|
+
hasUnseenMessages: (unseenMessageCharacterIds == null ? void 0 : unseenMessageCharacterIds.length) > 0 || false
|
|
12826
12839
|
}, React__default.createElement(BurgerLineIcon, null), React__default.createElement(BurgerLineIcon, null), React__default.createElement(BurgerLineIcon, null)), showRecentChats && React__default.createElement(SearchButton$1, {
|
|
12827
12840
|
onPointerDown: function onPointerDown() {
|
|
12828
12841
|
return setShowSearchCharacterUI(true);
|
|
@@ -12859,7 +12872,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
|
|
|
12859
12872
|
onCharacterClick: onCharacterClick
|
|
12860
12873
|
}) : React__default.createElement(Chat, {
|
|
12861
12874
|
chatMessages: chatMessages,
|
|
12862
|
-
onSendChatMessage: isPrivate ? onSendPrivateChatMessage : onSendGlobalChatMessage,
|
|
12875
|
+
onSendChatMessage: isPrivate ? onSendPrivateChatMessage : isTrade ? onSendTradeMessage : onSendGlobalChatMessage,
|
|
12863
12876
|
sendMessage: true,
|
|
12864
12877
|
onCloseButton: onCloseButton,
|
|
12865
12878
|
styles: styles,
|