@webinex/chatify 2.0.0-alpha7 → 2.0.0-alpha9

package/src/ui/common/ChatList/index.ts

@@ -0,0 +1,32 @@
+import { ChatList } from './ChatList';
+import { ChatListItemAvatar } from './ChatListItemAvatar';
+import { ChatListItemBox } from './ChatListItemBox';
+import { ChatListItemLastMessage } from './ChatListItemLastMessage';
+import { ChatListItemLastMessageAuthor } from './ChatListItemLastMessageAuthor';
+import { ChatListItemLastMessageContent } from './ChatListItemLastMessageContent';
+import { ChatListItemLastMessageSentAt } from './ChatListItemLastMessageSentAt';
+import { ChatListItemName } from './ChatListItemName';
+import { ChatListItemUnreadCount } from './ChatListItemUnreadCount';
+
+export * from './ChatList';
+export * from './ChatListItemAvatar';
+export * from './ChatListItemBox';
+export * from './ChatListItemLastMessage';
+export * from './ChatListItemLastMessageAuthor';
+export * from './ChatListItemLastMessageContent';
+export * from './ChatListItemLastMessageSentAt';
+export * from './ChatListItemName';
+export * from './ChatListItemUnreadCount';
+export * from './ChatListValue';
+
+export interface ChatListCustomizeValue {
+  ChatList?: typeof ChatList.Component | null;
+  ChatListItemAvatar?: typeof ChatListItemAvatar.Component | null;
+  ChatListItemBox?: typeof ChatListItemBox.Component | null;
+  ChatListItemLastMessage?: typeof ChatListItemLastMessage.Component | null;
+  ChatListItemLastMessageAuthor?: typeof ChatListItemLastMessageAuthor.Component | null;
+  ChatListItemLastMessageContent?: typeof ChatListItemLastMessageContent.Component | null;
+  ChatListItemLastMessageSentAt?: typeof ChatListItemLastMessageSentAt.Component | null;
+  ChatListItemName?: typeof ChatListItemName.Component | null;
+  ChatListItemUnreadCount?: typeof ChatListItemUnreadCount.Component | null;
+}

package/src/ui/common/Icon.tsx

@@ -1,18 +1,20 @@
 import { FC } from 'react';
 import { customize } from '../customize';
-import SendOutlined from '@ant-design/icons/SendOutlined';
-import PaperClipOutlined from '@ant-design/icons/PaperClipOutlined';
-import UserAddOutlined from '@ant-design/icons/UserAddOutlined';
-import UsergroupAddOutlined from '@ant-design/icons/UsergroupAddOutlined';
-import UserDeleteOutlined from '@ant-design/icons/UserDeleteOutlined';
-import UsergroupDeleteOutlined from '@ant-design/icons/UsergroupDeleteOutlined';
-import TeamOutlined from '@ant-design/icons/TeamOutlined';
-import EditOutlined from '@ant-design/icons/EditOutlined';
-import CloseOutlined from '@ant-design/icons/CloseOutlined';
-import EyeInvisibleOutlined from '@ant-design/icons/EyeInvisibleOutlined';
-import EyeOutlined from '@ant-design/icons/EyeOutlined';
-import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
-import DownloadOutlined from '@ant-design/icons/DownloadOutlined';
+import {
+  SendOutlined,
+  PaperClipOutlined,
+  UserAddOutlined,
+  UsergroupAddOutlined,
+  UserDeleteOutlined,
+  UsergroupDeleteOutlined,
+  TeamOutlined,
+  EditOutlined,
+  CloseOutlined,
+  EyeInvisibleOutlined,
+  EyeOutlined,
+  DeleteOutlined,
+  DownloadOutlined,
+} from '@ant-design/icons';
 
 export type IconType = keyof typeof ICONS;
 

package/src/ui/common/index.ts

@@ -5,6 +5,7 @@ import { MessageSkeleton } from './MessageSkeleton';
 export * from './Avatar';
 export * from './Icon';
 export * from './MessageSkeleton';
+export * from './ChatList';
 
 export interface CommonCustomizeValue {
   Avatar?: typeof Avatar.Component | null;

package/src/ui/index.ts

@@ -1,3 +1,5 @@
+import '../styles/index.scss';
+
 export * from './color';
 export * from './customize';
 export * from './Chatify';
@@ -6,6 +8,4 @@ export * from './Chat';
 export * from './ChatGroup';
 export * from './Conversation';
 export * from './Thread';
-export * from './common/Icon';
-export * from './common/Avatar';
-export * from './common/MessageSkeleton';
+export * from './common';

package/src/ui/localizer.tsx

@@ -2,7 +2,7 @@ import dayjs from 'dayjs';
 import React, { useContext } from 'react';
 import { SystemMessageText } from '../core';
 
-export interface Localizer {
+export interface LocalizerBase {
   isToday: (value: string) => boolean;
   timestamp: (value: string) => string;
   dateTime: (value: string) => string;
@@ -39,15 +39,21 @@ export interface Localizer {
     kb: (value: number) => string;
     mb: (value: number) => string;
   };
+
+  chatList: {
+    topShown: (count: number) => string;
+  };
 }
 
+export interface Localizer extends LocalizerBase {}
+
 export const LocalizerContext = React.createContext<Localizer>(null!);
 
 export function useLocalizer() {
   return useContext(LocalizerContext);
 }
 
-export const defaultLocalizer: Localizer = {
+const base: LocalizerBase = {
   isToday: (value: string) => dayjs(value).isSame(dayjs(), 'day'),
   timestamp: (value: string) => dayjs(value).format('HH:mm'),
   dateTime: (value: string) => dayjs(value).format('DD/MM/YYYY HH:mm'),
@@ -93,4 +99,10 @@ export const defaultLocalizer: Localizer = {
     mb: (value: number) =>
       `${value.toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 2 })} MB`,
   },
+
+  chatList: {
+    topShown: (count: number) => `Latest active ${count} chat${count !== 1 ? 's' : ''} shown`,
+  },
 };
+
+export const defaultLocalizer: Localizer = base as unknown as Localizer;