@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
package/dist/long-bow.esm.js
CHANGED
|
@@ -12675,6 +12675,17 @@ var SearchCharacter = function SearchCharacter(_ref) {
|
|
|
12675
12675
|
var _useState = useState(''),
|
|
12676
12676
|
characterName = _useState[0],
|
|
12677
12677
|
setCharacterName = _useState[1];
|
|
12678
|
+
var searchCharacterRef = useRef(null);
|
|
12679
|
+
useEffect(function () {
|
|
12680
|
+
var timer = setTimeout(function () {
|
|
12681
|
+
if (searchCharacterRef.current) {
|
|
12682
|
+
searchCharacterRef.current.focus();
|
|
12683
|
+
}
|
|
12684
|
+
}, 100);
|
|
12685
|
+
return function () {
|
|
12686
|
+
return clearTimeout(timer);
|
|
12687
|
+
};
|
|
12688
|
+
}, []);
|
|
12678
12689
|
var handleSubmit = function handleSubmit(event) {
|
|
12679
12690
|
event.preventDefault();
|
|
12680
12691
|
if (!characterName || characterName.trim() === '') return;
|
|
@@ -12692,6 +12703,7 @@ var SearchCharacter = function SearchCharacter(_ref) {
|
|
|
12692
12703
|
flex: 70
|
|
12693
12704
|
}, React.createElement(TextField$1, {
|
|
12694
12705
|
value: characterName,
|
|
12706
|
+
ref: searchCharacterRef,
|
|
12695
12707
|
id: "characterName",
|
|
12696
12708
|
name: 'characterName',
|
|
12697
12709
|
onChange: function onChange(e) {
|
|
@@ -12704,8 +12716,7 @@ var SearchCharacter = function SearchCharacter(_ref) {
|
|
|
12704
12716
|
autoComplete: "off",
|
|
12705
12717
|
onFocus: onFocus,
|
|
12706
12718
|
onBlur: onBlur,
|
|
12707
|
-
onPointerDown: onFocus
|
|
12708
|
-
autoFocus: true
|
|
12719
|
+
onPointerDown: onFocus
|
|
12709
12720
|
})), React.createElement(Column, {
|
|
12710
12721
|
justifyContent: "flex-end"
|
|
12711
12722
|
}, React.createElement(SearchButton, {
|
|
@@ -12778,7 +12789,8 @@ var ChatRevamp = function ChatRevamp(_ref) {
|
|
|
12778
12789
|
onPreviousChatCharacterClick = _ref.onPreviousChatCharacterClick,
|
|
12779
12790
|
onRemoveRecentChatCharacter = _ref.onRemoveRecentChatCharacter,
|
|
12780
12791
|
_ref$unseenMessageCha = _ref.unseenMessageCharacterIds,
|
|
12781
|
-
unseenMessageCharacterIds = _ref$unseenMessageCha === void 0 ? [] : _ref$unseenMessageCha
|
|
12792
|
+
unseenMessageCharacterIds = _ref$unseenMessageCha === void 0 ? [] : _ref$unseenMessageCha,
|
|
12793
|
+
onSendTradeMessage = _ref.onSendTradeMessage;
|
|
12782
12794
|
var _useState = useState(true),
|
|
12783
12795
|
showSearchCharacterUI = _useState[0],
|
|
12784
12796
|
setShowSearchCharacterUI = _useState[1];
|
|
@@ -12789,6 +12801,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
|
|
|
12789
12801
|
setShowSearchCharacterUI(true);
|
|
12790
12802
|
}, [activeTab]);
|
|
12791
12803
|
var isPrivate = activeTab === 'private';
|
|
12804
|
+
var isTrade = activeTab === 'trade';
|
|
12792
12805
|
var handlePreviousChatCharacterClick = function handlePreviousChatCharacterClick(character) {
|
|
12793
12806
|
if (!onPreviousChatCharacterClick) return;
|
|
12794
12807
|
onPreviousChatCharacterClick(character);
|
|
@@ -12816,7 +12829,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
|
|
|
12816
12829
|
return !t;
|
|
12817
12830
|
});
|
|
12818
12831
|
},
|
|
12819
|
-
hasUnseenMessages: (unseenMessageCharacterIds == null ? void 0 : unseenMessageCharacterIds.length) > 0
|
|
12832
|
+
hasUnseenMessages: (unseenMessageCharacterIds == null ? void 0 : unseenMessageCharacterIds.length) > 0 || false
|
|
12820
12833
|
}, React.createElement(BurgerLineIcon, null), React.createElement(BurgerLineIcon, null), React.createElement(BurgerLineIcon, null)), showRecentChats && React.createElement(SearchButton$1, {
|
|
12821
12834
|
onPointerDown: function onPointerDown() {
|
|
12822
12835
|
return setShowSearchCharacterUI(true);
|
|
@@ -12853,7 +12866,7 @@ var ChatRevamp = function ChatRevamp(_ref) {
|
|
|
12853
12866
|
onCharacterClick: onCharacterClick
|
|
12854
12867
|
}) : React.createElement(Chat, {
|
|
12855
12868
|
chatMessages: chatMessages,
|
|
12856
|
-
onSendChatMessage: isPrivate ? onSendPrivateChatMessage : onSendGlobalChatMessage,
|
|
12869
|
+
onSendChatMessage: isPrivate ? onSendPrivateChatMessage : isTrade ? onSendTradeMessage : onSendGlobalChatMessage,
|
|
12857
12870
|
sendMessage: true,
|
|
12858
12871
|
onCloseButton: onCloseButton,
|
|
12859
12872
|
styles: styles,
|