@uzum-tech/ui 1.8.0 → 1.8.2

package/es/chat/index.d.ts

@@ -1,6 +1,7 @@
 export { default as UChat } from './src/Chat';
 export { default as UChatListItems } from './src/ChatListItems';
 export { default as UChatMessages } from './src/ChatMessages';
-export type { ChatId, MessageStatus, ChatMessageType, ChatMarkType, ChatProps, ChatListItemProps, ChatMessageProps, ChatMarkProps, ChatHeaderProps, ChatFooterProps, ChatListHeaderProps, ChatSlots, ChatListItemSlots, ChatMessageSlots, ChatMarkSlots, ChatHeaderSlots, ChatFooterSlots, ChatListItemData, ChatMessageData, ChatAttachment, OnChatSelect, OnMessageSend, OnAttachmentUpload, OnFilterChange, OnLoadMoreChats, OnNetworkError, OnUploadError, OnSendError, ChatInst, ChatListInst, chatInjectionKey } from './src/interface';
+export type { ChatId, ChatProps, ChatListItemProps, ChatMessageProps, ChatMarkProps, ChatHeaderProps, ChatFooterProps, ChatListHeaderProps, ChatSlots, ChatListItemSlots, ChatMessageSlots, ChatMarkSlots, ChatHeaderSlots, ChatFooterSlots, ChatListItemData, ChatMessageData, ChatAttachment, OnChatSelect, OnMessageSend, OnAttachmentUpload, OnFilterChange, OnLoadMoreChats, OnNetworkError, OnUploadError, OnSendError, ChatInst, ChatListInst, chatInjectionKey } from './src/interface';
+export { MessageStatus, ChatMessageType, ChatMarkType } from './src/interface';
 export type { ChatListItemsProps } from './src/ChatListItems';
 export type { ChatMessagesProps } from './src/ChatMessages';

package/es/chat/index.js

@@ -1,3 +1,4 @@
 export { default as UChat } from './src/Chat';
 export { default as UChatListItems } from './src/ChatListItems';
 export { default as UChatMessages } from './src/ChatMessages';
+export { MessageStatus, ChatMessageType, ChatMarkType } from './src/interface';

package/es/chat/src/Chat.d.ts

@@ -135,9 +135,9 @@ export declare const chatProps: {
         type: PropType<ChatPropsType["messagesLoadingCount"]>;
         default: number;
     };
-    maxHeight: {
+    height: {
         type: PropType<string | number>;
-        default: undefined;
+        default: number;
     };
     onChatSelect: {
         type: PropType<ChatPropsType["onChatSelect"]>;
@@ -538,16 +538,24 @@ export declare const chatProps: {
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -1187,16 +1195,24 @@ export declare const chatProps: {
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -1836,16 +1852,24 @@ export declare const chatProps: {
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -2265,9 +2289,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ChatPropsType["messagesLoadingCount"]>;
         default: number;
     };
-    maxHeight: {
+    height: {
         type: PropType<string | number>;
-        default: undefined;
+        default: number;
     };
     onChatSelect: {
         type: PropType<ChatPropsType["onChatSelect"]>;
@@ -2668,16 +2692,24 @@ declare const _default: import("vue").DefineComponent<{
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -3317,16 +3349,24 @@ declare const _default: import("vue").DefineComponent<{
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -3966,16 +4006,24 @@ declare const _default: import("vue").DefineComponent<{
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -4620,16 +4668,24 @@ declare const _default: import("vue").DefineComponent<{
                 colorSecondary: string;
                 colorSecondaryHover: string;
                 colorSecondaryPressed: string;
+                colorSecondaryFocus: string;
+                colorSecondaryDisabled: string;
+                textColorSecondaryDisabled: string;
                 waveColorSecondary: string;
                 colorTertiary: string;
                 colorTertiaryHover: string;
                 colorTertiaryPressed: string;
+                colorTertiaryFocus: string;
                 colorTertiaryDisalbed: string;
                 waveColorTertiary: string;
                 textColorTextTertiary: string;
+                rippleColorTertiary: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
                 colorQuaternaryPressed: string;
+                colorQuaternaryFocus: string;
+                rippleColorQuaternary: string;
+                waveColorQuaternary: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
@@ -5313,9 +5369,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ChatPropsType["messagesLoadingCount"]>;
         default: number;
     };
-    maxHeight: {
+    height: {
         type: PropType<string | number>;
-        default: undefined;
+        default: number;
     };
     onChatSelect: {
         type: PropType<ChatPropsType["onChatSelect"]>;
@@ -5716,16 +5772,24 @@ declare const _default: import("vue").DefineComponent<{
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -6365,16 +6429,24 @@ declare const _default: import("vue").DefineComponent<{
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -7014,16 +7086,24 @@ declare const _default: import("vue").DefineComponent<{
             colorSecondary: string;
             colorSecondaryHover: string;
             colorSecondaryPressed: string;
+            colorSecondaryFocus: string;
+            colorSecondaryDisabled: string;
+            textColorSecondaryDisabled: string;
             waveColorSecondary: string;
             colorTertiary: string;
             colorTertiaryHover: string;
             colorTertiaryPressed: string;
+            colorTertiaryFocus: string;
             colorTertiaryDisalbed: string;
             waveColorTertiary: string;
             textColorTextTertiary: string;
+            rippleColorTertiary: string;
             colorQuaternary: string;
             colorQuaternaryHover: string;
             colorQuaternaryPressed: string;
+            colorQuaternaryFocus: string;
+            rippleColorQuaternary: string;
+            waveColorQuaternary: string;
             color: string;
             colorHover: string;
             colorPressed: string;
@@ -7325,7 +7405,7 @@ declare const _default: import("vue").DefineComponent<{
     retryText: string | undefined;
     closeButtonText: string | undefined;
     unreadNotificationText: string | undefined;
-    maxHeight: string | number;
+    height: string | number;
     emptyProps: Partial<Partial<import("../..").EmptyProps> | undefined>;
     chatItems: ChatListItemData[] | undefined;
     selectedChatId: import("./interface").ChatId | undefined;

package/es/chat/src/Chat.js

@@ -106,9 +106,9 @@ export const chatProps = Object.assign(Object.assign({}, useTheme.props), { chat
     }, messagesLoadingCount: {
         type: Number,
         default: 10
-    }, maxHeight: {
+    }, height: {
         type: [String, Number],
-        default: undefined
+        default: 800
     }, onChatSelect: {
         type: Function,
         default: undefined
@@ -317,6 +317,7 @@ export default defineComponent({
         const mergedUnreadNotificationTextRef = computed(() => { var _a; return (_a = props.unreadNotificationText) !== null && _a !== void 0 ? _a : localeRef.value.unreadNotificationText; });
         provide(chatInjectionKey, {
             mergedClsPrefixRef,
+            mergedThemeRef: themeRef,
             chatItemsRef: toRef(props, 'chatItems'),
             selectedChatIdRef: mergedSelectedChatIdRef,
             selectedChatRef,
@@ -375,14 +376,12 @@ export default defineComponent({
         var _a;
         const { $slots } = this;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
-        const maxHeightStyle = this.maxHeight
+        const heightStyle = this.height
             ? {
-                maxHeight: typeof this.maxHeight === 'number'
-                    ? `${this.maxHeight}px`
-                    : this.maxHeight
+                height: typeof this.height === 'number' ? `${this.height}px` : this.height
             }
             : {};
-        return (h("div", { class: [`${this.mergedClsPrefix}-chat`, this.themeClass], style: Object.assign(Object.assign({}, maxHeightStyle), this.cssVars) },
+        return (h("div", { class: [`${this.mergedClsPrefix}-chat`, this.themeClass], style: Object.assign(Object.assign({}, heightStyle), this.cssVars) },
             h(UFlex, { wrap: false, size: [20, 20], style: { width: '100%' } }, {
                 default: () => (h(Fragment, null,
                     resolveSlot($slots.sidebar, () => [
@@ -391,11 +390,12 @@ export default defineComponent({
                             sidebarHeaderActions: $slots.sidebarHeaderActions
                         })
                     ]),
-                    resolveSlot($slots.default, () => [
-                        h(ChatMainArea, null, {
-                            headerActions: $slots.headerActions
-                        })
-                    ])))
+                    this.selectedChatId &&
+                        resolveSlot($slots.default, () => [
+                            h(ChatMainArea, null, {
+                                headerActions: $slots.headerActions
+                            })
+                        ])))
             })));
     }
 });