@uzum-tech/ui 2.3.3 → 2.3.4

package/es/chat/src/Chat.mjs

@@ -5,254 +5,17 @@ import { UFlex } from "../../flex/index.mjs";
 import { chatLight } from "../styles/index.mjs";
 import ChatMainArea from "./ChatMainArea.mjs";
 import ChatSidebar from "./ChatParts/Sidebar.mjs";
-import { chatInjectionKey } from "./interface.mjs";
+import { chatInjectionKey, chatProps } from "./interface.mjs";
 import style from "./styles/index.cssr.mjs";
-export const chatProps = Object.assign(Object.assign({}, useTheme.props), {
-  chatItems: {
-    type: Array,
-    default: () => []
-  },
-  selectedChatId: {
-    type: [String, Number],
-    default: undefined
-  },
-  messages: {
-    type: Array,
-    default: () => []
-  },
-  typingChatIds: {
-    type: Array,
-    default: () => []
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  listEmptyProps: {
-    type: Object,
-    default: undefined
-  },
-  listHeaderTitle: {
-    type: [String, Function],
-    default: 'Chats'
-  },
-  listHeaderActions: {
-    type: Array,
-    default: () => []
-  },
-  listHeaderButtonProps: {
-    type: Object,
-    default: undefined
-  },
-  listHeaderIconProps: {
-    type: Object,
-    default: undefined
-  },
-  listItemAvatarProps: {
-    type: Object,
-    default: undefined
-  },
-  listItemBadgeProps: {
-    type: Object,
-    default: undefined
-  },
-  headerTitle: {
-    type: [String, Function],
-    default: undefined
-  },
-  headerActions: {
-    type: Array,
-    default: () => []
-  },
-  headerButtonProps: {
-    type: Object,
-    default: undefined
-  },
-  headerIconProps: {
-    type: Object,
-    default: undefined
-  },
-  headerShareButtonProps: {
-    type: Object,
-    default: undefined
-  },
-  headerProfileButtonProps: {
-    type: Object,
-    default: undefined
-  },
-  headerCloseButtonProps: {
-    type: Object,
-    default: undefined
-  },
-  headerShareIconProps: {
-    type: Object,
-    default: undefined
-  },
-  headerProfileIconProps: {
-    type: Object,
-    default: undefined
-  },
-  messageSenderAvatarProps: {
-    type: Object,
-    default: undefined
-  },
-  messageUploadProps: {
-    type: Object,
-    default: undefined
-  },
-  messageButtonProps: {
-    type: Object,
-    default: undefined
-  },
-  footerInputProps: {
-    type: Object,
-    default: undefined
-  },
-  footerButtonProps: {
-    type: Object,
-    default: undefined
-  },
-  footerUploadProps: {
-    type: Object,
-    default: undefined
-  },
-  footerUploadTriggerProps: {
-    type: Object,
-    default: undefined
-  },
-  footerIconProps: {
-    type: Object,
-    default: undefined
-  },
-  footerSuffixIconProps: {
-    type: Object,
-    default: undefined
-  },
-  emptyProps: {
-    type: Object,
-    default: undefined
-  },
-  retryText: {
-    type: String,
-    default: undefined
-  },
-  typingText: {
-    type: String,
-    default: undefined
-  },
-  closeButtonText: {
-    type: String,
-    default: undefined
-  },
-  shareButtonTooltip: {
-    type: String,
-    default: undefined
-  },
-  profileButtonTooltip: {
-    type: String,
-    default: undefined
-  },
-  unreadNotificationText: {
-    type: String,
-    default: undefined
-  },
-  chatItemsLoading: {
-    type: Boolean,
-    default: false
-  },
-  chatItemsLoadingCount: {
-    type: Number,
-    default: 10
-  },
-  messagesLoading: {
-    type: Boolean,
-    default: false
-  },
-  messagesLoadingCount: {
-    type: Number,
-    default: 10
-  },
-  height: {
-    type: [String, Number],
-    default: 800
-  },
-  onChatSelect: {
-    type: Function,
-    default: undefined
-  },
-  onMessageRetry: {
-    type: Function,
-    default: undefined
-  },
-  bubbleActions: {
-    type: Array,
-    default: undefined
-  },
-  onChatClose: {
-    type: Function,
-    default: undefined
-  },
-  onChatShare: {
-    type: Function,
-    default: undefined
-  },
-  onUserProfile: {
-    type: Function,
-    default: undefined
-  },
-  onAttachmentUpload: {
-    type: Function,
-    default: undefined
-  },
-  onAttachmentDownload: {
-    type: Function,
-    default: undefined
-  },
-  onFilterChange: {
-    type: Function,
-    default: undefined
-  },
-  onFooterInputChange: {
-    type: Function,
-    default: undefined
-  },
-  onNetworkError: {
-    type: Function,
-    default: undefined
-  },
-  onUploadError: {
-    type: Function,
-    default: undefined
-  },
-  onSendError: {
-    type: Function,
-    default: undefined
-  },
-  onChatItemsScrollToTop: {
-    type: Function,
-    default: undefined
-  },
-  onChatItemsScrollToBottom: {
-    type: Function,
-    default: undefined
-  },
-  onMessagesScrollToTop: {
-    type: Function,
-    default: undefined
-  },
-  onMessagesScrollToBottom: {
-    type: Function,
-    default: undefined
-  }
-});
 export default defineComponent({
   name: 'Chat',
   props: chatProps,
-  emits: ['update:selectedChatId', 'message-send', 'message-retry', 'attachment-upload', 'mark-messages-read', 'filter-change', 'footer-input-change', 'network-error', 'upload-error', 'send-error', 'chat-items-scroll-to-top', 'chat-items-scroll-to-bottom', 'messages-scroll-to-top', 'messages-scroll-to-bottom'],
+  emits: ['update:selectedChatId', 'update:inputValue', 'message-send', 'message-retry', 'attachment-upload', 'mark-messages-read', 'filter-change', 'footer-input-change', 'network-error', 'upload-error', 'send-error', 'chat-items-scroll-to-top', 'chat-items-scroll-to-bottom', 'messages-scroll-to-top', 'messages-scroll-to-bottom'],
   setup(props, {
     emit,
     expose
   }) {
+    var _a;
     const {
       mergedClsPrefixRef
     } = useConfig(props);
@@ -352,6 +115,14 @@ export default defineComponent({
     const mergedSelectedChatIdRef = computed(() => {
       return props.selectedChatId !== undefined ? props.selectedChatId : uncontrolledSelectedChatIdRef.value;
     });
+    const uncontrolledInputValueRef = ref((_a = props.inputValue) !== null && _a !== void 0 ? _a : '');
+    const mergedInputValueRef = computed(() => {
+      return props.inputValue !== undefined ? props.inputValue : uncontrolledInputValueRef.value;
+    });
+    const handleInputValueChange = value => {
+      uncontrolledInputValueRef.value = value;
+      emit('update:inputValue', value);
+    };
     const selectedChatRef = computed(() => {
       var _a;
       return (_a = props.chatItems) === null || _a === void 0 ? void 0 : _a.find(item => item.id === mergedSelectedChatIdRef.value);
@@ -469,6 +240,8 @@ export default defineComponent({
       chatItemsRef: toRef(props, 'chatItems'),
       selectedChatIdRef: mergedSelectedChatIdRef,
       selectedChatRef,
+      inputValueRef: mergedInputValueRef,
+      handleInputValueChange,
       messagesRef: filteredMessagesRef,
       typingChatIdsRef: toRef(props, 'typingChatIds'),
       chatItemsLoadingRef: toRef(props, 'chatItemsLoading'),

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

@@ -11609,13 +11609,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly loading: boolean;
     readonly typingText: string;
     readonly emptyProps: Partial<EmptyProps>;
-    readonly loadingCount: number;
-    readonly typingChatIds: (string | number | symbol)[];
-    readonly selectedChatId: string | number | symbol;
     readonly chatItems: ChatListItemData[];
+    readonly selectedChatId: string | number | symbol;
+    readonly onChatSelect: (chatId: string | number | symbol) => void;
+    readonly typingChatIds: (string | number | symbol)[];
+    readonly loadingCount: number;
     readonly avatarProps: Partial<AvatarProps>;
     readonly badgeProps: Partial<BadgeProps>;
-    readonly onChatSelect: (chatId: string | number | symbol) => void;
     readonly notificationsShown: Set<string | number | symbol>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -10,6 +10,10 @@ export declare const chatMainAreaProps: {
         readonly type: PropType<ChatListItemData>;
         readonly default: undefined;
     };
+    readonly inputValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
     readonly messages: {
         readonly type: PropType<ChatMessageData[]>;
         readonly default: () => never[];
@@ -126,6 +130,10 @@ export declare const chatMainAreaProps: {
         readonly type: PropType<(value: string, chatId: ChatId) => void>;
         readonly default: undefined;
     };
+    readonly 'onUpdate:inputValue': {
+        readonly type: PropType<(value: string) => void>;
+        readonly default: undefined;
+    };
     readonly onChatClose: {
         readonly type: PropType<() => void>;
         readonly default: undefined;
@@ -2726,6 +2734,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<ChatListItemData>;
         readonly default: undefined;
     };
+    readonly inputValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
     readonly messages: {
         readonly type: PropType<ChatMessageData[]>;
         readonly default: () => never[];
@@ -2842,6 +2854,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<(value: string, chatId: ChatId) => void>;
         readonly default: undefined;
     };
+    readonly 'onUpdate:inputValue': {
+        readonly type: PropType<(value: string) => void>;
+        readonly default: undefined;
+    };
     readonly onChatClose: {
         readonly type: PropType<() => void>;
         readonly default: undefined;
@@ -9193,7 +9209,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         $el: HTMLElement;
     } | undefined>;
     inputRef: Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-    inputValue: Ref<string, string>;
+    inputValue: import("vue").WritableComputedRef<string, string>;
     handleSendMessage: () => Promise<void>;
     handleMessagesScroll: (e: Event) => void;
     scrollToBottom: () => void;
@@ -9203,6 +9219,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<ChatListItemData>;
         readonly default: undefined;
     };
+    readonly inputValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
     readonly messages: {
         readonly type: PropType<ChatMessageData[]>;
         readonly default: () => never[];
@@ -9319,6 +9339,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<(value: string, chatId: ChatId) => void>;
         readonly default: undefined;
     };
+    readonly 'onUpdate:inputValue': {
+        readonly type: PropType<(value: string) => void>;
+        readonly default: undefined;
+    };
     readonly onChatClose: {
         readonly type: PropType<() => void>;
         readonly default: undefined;
@@ -11922,12 +11946,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly profileButtonTooltip: string;
     readonly unreadNotificationText: string;
     readonly onAttachmentDownload: OnAttachmentDownload;
-    readonly bubbleActions: ChatBubbleAction[];
+    readonly inputValue: string;
     readonly messages: ChatMessageData[];
-    readonly loadingCount: number;
-    readonly typingChatIds: (string | number | symbol)[];
-    readonly onMessageRetry: (message: ChatMessageData) => void;
-    readonly selectedChat: ChatListItemData;
     readonly headerButtonProps: Partial<ButtonProps>;
     readonly headerIconProps: Partial<IconProps>;
     readonly headerShareButtonProps: Partial<ButtonProps>;
@@ -11941,14 +11961,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly footerUploadProps: Partial<UploadProps>;
     readonly footerIconProps: Partial<IconProps>;
     readonly footerSuffixIconProps: Partial<IconProps>;
-    readonly showAttachButton: boolean;
-    readonly onMessageSend: OnMessageSend;
-    readonly onFooterInputChange: (value: string, chatId: ChatId) => void;
+    readonly onMessageRetry: (message: ChatMessageData) => void;
+    readonly bubbleActions: ChatBubbleAction[];
+    readonly onAttachmentUpload: OnAttachmentUpload;
+    readonly typingChatIds: (string | number | symbol)[];
     readonly onChatClose: () => void;
     readonly onChatShare: () => void;
     readonly onUserProfile: () => void;
-    readonly onAttachmentUpload: OnAttachmentUpload;
+    readonly onFooterInputChange: (value: string, chatId: ChatId) => void;
     readonly onMessagesScrollToTop: () => void;
     readonly onMessagesScrollToBottom: () => void;
+    readonly loadingCount: number;
+    readonly selectedChat: ChatListItemData;
+    readonly showAttachButton: boolean;
+    readonly onMessageSend: OnMessageSend;
+    readonly 'onUpdate:inputValue': (value: string) => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/chat/src/ChatMainArea.mjs

@@ -25,6 +25,14 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 import { computed, defineComponent, Fragment, h, inject, nextTick, onMounted, provide, ref, toRef, watch } from 'vue';
 import { ArrowHookUpRight, AttachIcon, CloseIcon, PersonNote, SendFilled } from "../../_internal/icons/index.mjs";
 import { useConfig, useLocale, useTheme, useThemeClass } from "../../_mixins/index.mjs";
@@ -48,6 +56,10 @@ export const chatMainAreaProps = Object.assign(Object.assign({}, useTheme.props)
     type: Object,
     default: undefined
   },
+  inputValue: {
+    type: String,
+    default: undefined
+  },
   messages: {
     type: Array,
     default: () => []
@@ -164,6 +176,10 @@ export const chatMainAreaProps = Object.assign(Object.assign({}, useTheme.props)
     type: Function,
     default: undefined
   },
+  'onUpdate:inputValue': {
+    type: Function,
+    default: undefined
+  },
   onChatClose: {
     type: Function,
     default: undefined
@@ -199,7 +215,7 @@ export default defineComponent({
   setup(props, {
     slots
   }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18;
     const UChat = inject(chatInjectionKey, null);
     const isStandalone = !UChat;
     const {
@@ -223,6 +239,15 @@ export default defineComponent({
     const headerProfileIconPropsRef = (_o = UChat === null || UChat === void 0 ? void 0 : UChat.headerProfileIconPropsRef) !== null && _o !== void 0 ? _o : toRef(props, 'headerProfileIconProps');
     const messageUploadPropsRef = (_p = UChat === null || UChat === void 0 ? void 0 : UChat.messageUploadPropsRef) !== null && _p !== void 0 ? _p : toRef(props, 'messageUploadProps');
     const footerInputPropsRef = (_q = UChat === null || UChat === void 0 ? void 0 : UChat.footerInputPropsRef) !== null && _q !== void 0 ? _q : toRef(props, 'footerInputProps');
+    const safeFooterInputPropsRef = computed(() => {
+      var _a;
+      const _b = (_a = footerInputPropsRef.value) !== null && _a !== void 0 ? _a : {},
+        {
+          value
+        } = _b,
+        rest = __rest(_b, ["value"]);
+      return rest;
+    });
     const footerButtonPropsRef = (_r = UChat === null || UChat === void 0 ? void 0 : UChat.footerButtonPropsRef) !== null && _r !== void 0 ? _r : toRef(props, 'footerButtonProps');
     const footerUploadPropsRef = (_s = UChat === null || UChat === void 0 ? void 0 : UChat.footerUploadPropsRef) !== null && _s !== void 0 ? _s : toRef(props, 'footerUploadProps');
     const footerIconPropsRef = (_t = UChat === null || UChat === void 0 ? void 0 : UChat.footerIconPropsRef) !== null && _t !== void 0 ? _t : toRef(props, 'footerIconProps');
@@ -362,7 +387,24 @@ export default defineComponent({
     const themeClassHandle = useThemeClass('chat-main-area', computed(() => ''), cssVarsRef, props);
     const messagesBodyRef = ref();
     const inputRef = ref();
-    const inputValue = ref('');
+    const uncontrolledInputValueRef = ref((_17 = props.inputValue) !== null && _17 !== void 0 ? _17 : '');
+    const handleInputValueChange = (_18 = UChat === null || UChat === void 0 ? void 0 : UChat.handleInputValueChange) !== null && _18 !== void 0 ? _18 : value => {
+      var _a;
+      uncontrolledInputValueRef.value = value;
+      (_a = props['onUpdate:inputValue']) === null || _a === void 0 ? void 0 : _a.call(props, value);
+    };
+    const inputValue = computed({
+      get: () => {
+        var _a;
+        if (UChat) {
+          return (_a = UChat.inputValueRef.value) !== null && _a !== void 0 ? _a : '';
+        }
+        return props.inputValue !== undefined ? props.inputValue : uncontrolledInputValueRef.value;
+      },
+      set: value => {
+        handleInputValueChange(value);
+      }
+    });
     const attachmentFileList = ref([]);
     const uploadedAttachmentsMap = ref(new Map());
     const lastScrollTop = ref(0);
@@ -875,13 +917,15 @@ export default defineComponent({
               }
             },
             onKeydown: e => {
+              var _a, _b;
+              (_b = (_a = footerInputPropsRef.value) === null || _a === void 0 ? void 0 : _a.onKeydown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
               if (e.key === 'Enter' && !e.shiftKey) {
                 e.preventDefault();
                 e.stopPropagation();
                 void handleSendMessage();
               }
             }
-          }, footerInputPropsRef.value), {
+          }, safeFooterInputPropsRef.value), {
             prefix: () => renderEditingBlock(),
             suffix: () => h(UIcon, Object.assign({
               size: 24,
@@ -904,6 +948,8 @@ export default defineComponent({
         mergedClsPrefixRef,
         mergedThemeRef,
         selectedChatRef,
+        inputValueRef: inputValue,
+        handleInputValueChange,
         messagesRef,
         typingChatIdsRef,
         messagesLoadingRef,

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

@@ -11604,12 +11604,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly retryText: string;
     readonly unreadNotificationText: string;
     readonly uploadProps: Partial<UploadProps>;
+    readonly selectedChatId: string | number | symbol;
     readonly messages: ChatMessageData[];
-    readonly loadingCount: number;
+    readonly onMessageRetry: (message: ChatMessageData) => void;
     readonly typingChatIds: (string | number | symbol)[];
-    readonly selectedChatId: string | number | symbol;
+    readonly loadingCount: number;
     readonly showUnreadNotification: boolean;
     readonly unreadNotificationCount: number;
-    readonly onMessageRetry: (message: ChatMessageData) => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;