@tellescope/chat 0.0.88 → 0.0.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellescope/chat",
-  "version": "0.0.88",
+  "version": "0.0.91",
   "description": "",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
@@ -33,13 +33,13 @@
     "@fontsource/roboto": "^4.5.1",
     "@mui/icons-material": "^5.0.1",
     "@mui/material": "^5.0.2",
-    "@tellescope/constants": "^0.0.88",
-    "@tellescope/react-components": "^0.0.88",
-    "@tellescope/sdk": "^0.0.88",
-    "@tellescope/types-client": "^0.0.88",
-    "@tellescope/types-models": "^0.0.88",
-    "@tellescope/types-utilities": "^0.0.88",
-    "@tellescope/utilities": "^0.0.88",
+    "@tellescope/constants": "^0.0.91",
+    "@tellescope/react-components": "^0.0.91",
+    "@tellescope/sdk": "^0.0.91",
+    "@tellescope/types-client": "^0.0.91",
+    "@tellescope/types-models": "^0.0.91",
+    "@tellescope/types-utilities": "^0.0.91",
+    "@tellescope/utilities": "^0.0.91",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "eslint": "^7.32.0",
@@ -47,10 +47,10 @@
     "nodemon": "^2.0.13"
   },
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
-  "gitHead": "4b10380596321bae0cacb375daf0d1647a33ba4e",
+  "gitHead": "35b6fe203cdcc4914fbc423ef1743d1bf6bf3f5f",
   "publishConfig": {
     "access": "public"
   }

package/src/chat.tsx

@@ -331,20 +331,18 @@ const PreviewWithData = ({ PreviewComponent=ConversationPreview, ...props }: Omi
 interface ConversationsProps extends SidebarInfo {
   rooms: LoadedData<ChatRoom[]>;
 }
-export const Conversations = ({ rooms, selectedRoom, onRoomSelect, PreviewComponent=ConversationPreview, style, selectedItemStyle, itemStyle } : ConversationsProps) => {
-  return ( 
-    <LoadingLinear data={rooms} render={rooms =>
-      <List items={rooms.sort((r1, r2) => new Date(r2.updatedAt).getTime() - new Date(r1.updatedAt).getTime() )} 
-        style={style ?? defaultSidebarStyle} onClick={r => onRoomSelect(r.id)} 
-        render={(room, { onClick, index }) => 
-          <PreviewWithData key={room.id} room={room} onClick={onClick} selected={selectedRoom === room.id} 
-            selectedStyle={selectedItemStyle} style={itemStyle} PreviewComponent={PreviewComponent}
-          />
-        }  
-      />    
-    }/>
-  )
-}
+export const Conversations = ({ rooms, selectedRoom, onRoomSelect, PreviewComponent=ConversationPreview, style, selectedItemStyle, itemStyle } : ConversationsProps) => ( 
+  <LoadingLinear data={rooms} render={rooms =>
+    <List items={[...rooms].sort((r1, r2) => new Date(r2.updatedAt).getTime() - new Date(r1.updatedAt).getTime() )} 
+      style={style ?? defaultSidebarStyle} onClick={r => onRoomSelect(r.id)} 
+      render={(room, { onClick, index }) => 
+        <PreviewWithData key={room.id} room={room} onClick={onClick} selected={selectedRoom === room.id} 
+          selectedStyle={selectedItemStyle} style={itemStyle} PreviewComponent={PreviewComponent}
+        />
+      }  
+    />    
+  }/>
+)
 
 
 // deprecated while Conversations relies on useResolvedSession
@@ -363,6 +361,8 @@ interface SendMessage_T {
 
   // web only
   sendOnEnterPress?: boolean,
+  multiline?: boolean,
+  maxRows?: number,
 }
 export const SendMessage = ({ 
   roomId, 
@@ -372,6 +372,8 @@ export const SendMessage = ({
   placeholderText="Enter a message", 
   style={},
   sendOnEnterPress,
+  multiline,
+  maxRows,
 }: SendMessage_T) => {
   const [message, setMessage] = useState('')
   const [sending, setSending] = useState(false)
@@ -408,6 +410,7 @@ export const SendMessage = ({
       <Flex column flex={1}>
         <TextField variant="outlined" value={message} onChange={setMessage} disabled={sending}
           aria-label="Enter a message" 
+          multiline={multiline} maxRows={maxRows}
           placeholder={placeholderText} 
           onFocus={() => setChatFocused(true)}
           onBlur={() => setChatFocused(false)}
@@ -441,8 +444,8 @@ export const SplitChat = ({ session, type, style=defaultSplitChatStyle } : Split
     <Flex row style={style} flex={1}>
       <Flex column flex={1}>
         {type === 'user'
-          ? <UsersConversations userId={session.userInfo.id} selectedRoom={selectedRoom} onRoomSelect={setSelectedRoom}/>
-          : <EndusersConversations selectedRoom={selectedRoom} enduserId={session.userInfo.id} onRoomSelect={setSelectedRoom}/>
+          ? <UsersConversations userId={session.userInfo.id} selectedRoom={selectedRoom} onRoomSelect={setSelectedRoom} />
+          : <EndusersConversations selectedRoom={selectedRoom} enduserId={session.userInfo.id} onRoomSelect={setSelectedRoom} />
         }
       </Flex>