@rpg-engine/long-bow 0.7.17 → 0.7.19
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/long-bow.cjs.development.js +6 -2
- 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 +6 -2
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Chat/Chat.tsx +5 -2
- package/src/components/TradingMenu/TradingItemRow.tsx +3 -0
package/dist/long-bow.esm.js
CHANGED
|
@@ -26114,8 +26114,12 @@ var Chat = function Chat(_ref) {
|
|
|
26114
26114
|
var _useState = useState(''),
|
|
26115
26115
|
message = _useState[0],
|
|
26116
26116
|
setMessage = _useState[1];
|
|
26117
|
+
var inputRef = useRef(null);
|
|
26117
26118
|
useEffect(function () {
|
|
26119
|
+
var _inputRef$current;
|
|
26118
26120
|
scrollChatToBottom();
|
|
26121
|
+
// Focus the input element when the component mounts
|
|
26122
|
+
(_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
|
|
26119
26123
|
}, [chatMessages]);
|
|
26120
26124
|
var scrollChatToBottom = function scrollChatToBottom() {
|
|
26121
26125
|
var scrollingElement = document.querySelector('.chat-body');
|
|
@@ -26157,6 +26161,7 @@ var Chat = function Chat(_ref) {
|
|
|
26157
26161
|
})), React.createElement(Form, {
|
|
26158
26162
|
onSubmit: handleSubmit
|
|
26159
26163
|
}, React.createElement(TextField, {
|
|
26164
|
+
ref: inputRef,
|
|
26160
26165
|
value: message,
|
|
26161
26166
|
onChange: function onChange(e) {
|
|
26162
26167
|
return setMessage(e.target.value);
|
|
@@ -26166,7 +26171,6 @@ var Chat = function Chat(_ref) {
|
|
|
26166
26171
|
onFocus: onFocus,
|
|
26167
26172
|
onBlur: onBlur,
|
|
26168
26173
|
onPointerDown: onFocus,
|
|
26169
|
-
autoFocus: true,
|
|
26170
26174
|
placeholder: "Type your message..."
|
|
26171
26175
|
}), React.createElement(SendButton, {
|
|
26172
26176
|
type: "submit",
|
|
@@ -33314,7 +33318,7 @@ var QuantityContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
33314
33318
|
var QuantityInput = /*#__PURE__*/styled.input.withConfig({
|
|
33315
33319
|
displayName: "TradingItemRow__QuantityInput",
|
|
33316
33320
|
componentId: "sc-mja0b5-8"
|
|
33317
|
-
})(["width:40px;text-align:center;background-color:", ";color:white;border:1px solid ", ";padding:2px;font-size:", ";border:none;"], uiColors.darkGray, uiColors.lightGray, uiFonts.size.small);
|
|
33321
|
+
})(["width:40px;text-align:center;background-color:", ";color:white;border:1px solid ", ";padding:2px;font-size:", ";border:none;position:relative;left:-3px;"], uiColors.darkGray, uiColors.lightGray, uiFonts.size.small);
|
|
33318
33322
|
|
|
33319
33323
|
var TradingMenu = function TradingMenu(_ref) {
|
|
33320
33324
|
var traderItems = _ref.traderItems,
|