@uzum-tech/ui 1.14.5 → 1.14.6

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.
Files changed (14) hide show
  1. package/dist/index.js +24 -9
  2. package/dist/index.prod.js +2 -2
  3. package/es/chat/src/ChatParts/MainArea.js +8 -5
  4. package/es/chat/src/styles/index.cssr.js +12 -3
  5. package/es/chat/styles/light.js +1 -1
  6. package/es/version.d.ts +1 -1
  7. package/es/version.js +1 -1
  8. package/lib/chat/src/ChatParts/MainArea.js +8 -5
  9. package/lib/chat/src/styles/index.cssr.js +12 -3
  10. package/lib/chat/styles/light.js +1 -1
  11. package/lib/version.d.ts +1 -1
  12. package/lib/version.js +1 -1
  13. package/package.json +1 -1
  14. package/web-types.json +1 -1
package/es/chat/src/ChatParts/MainArea.js CHANGED
@@ -268,14 +268,14 @@ export default defineComponent({
268
268
  if (isSending.value) {
269
269
  return;
270
270
  }
271
- const hasContent = inputValue.value.trim();
271
+ const hasContent = inputValue.value;
272
272
  const hasAttachments = attachmentFileList.value.length > 0;
273
273
  if ((editMessageIdRef === null || editMessageIdRef === void 0 ? void 0 : editMessageIdRef.value) && hasContent) {
274
274
  isSending.value = true;
275
275
  try {
276
276
  const messageToEdit = editingMessage.value;
277
277
  if (messageToEdit) {
278
- const updatedMessage = Object.assign(Object.assign({}, messageToEdit), { content: inputValue.value.trim() });
278
+ const updatedMessage = Object.assign(Object.assign({}, messageToEdit), { content: inputValue.value });
279
279
  const bubbleActions = bubbleActionsRef === null || bubbleActionsRef === void 0 ? void 0 : bubbleActionsRef.value;
280
280
  if (bubbleActions) {
281
281
  const editAction = bubbleActions.find((action) => action.key === ChatBubbleActionKey.EDIT);
@@ -325,7 +325,7 @@ export default defineComponent({
325
325
  };
326
326
  })
327
327
  : undefined;
328
- handleMessageSend(inputValue.value.trim(), attachments);
328
+ handleMessageSend(inputValue.value, attachments);
329
329
  inputValue.value = '';
330
330
  attachmentFileList.value = [];
331
331
  chatInputs.value[selectedChatRef.value.id] = '';
@@ -408,7 +408,10 @@ export default defineComponent({
408
408
  }));
409
409
  }
410
410
  }),
411
- h(UInput, Object.assign({ ref: "inputRef", value: inputValue.value, placeholder: inputPlaceholderRef.value, class: `${mergedClsPrefixRef.value}-chat-main__input` }, footerInputPropsRef.value, { theme: mergedThemeRef.value.peers.Input, themeOverrides: mergedThemeRef.value.peerOverrides.Input, onUpdateValue: (value) => {
411
+ h(UInput, Object.assign({ ref: "inputRef", value: inputValue.value, placeholder: inputPlaceholderRef.value, class: `${mergedClsPrefixRef.value}-chat-main__input`, theme: mergedThemeRef.value.peers.Input, themeOverrides: mergedThemeRef.value.peerOverrides.Input, type: "textarea", autosize: {
412
+ minRows: 1,
413
+ maxRows: 5
414
+ }, onUpdateValue: (value) => {
412
415
  inputValue.value = value;
413
416
  if (selectedChatRef.value) {
414
417
  chatInputs.value[selectedChatRef.value.id] = value;
@@ -419,7 +422,7 @@ export default defineComponent({
419
422
  e.stopPropagation();
420
423
  void handleSendMessage();
421
424
  }
422
- } }), {
425
+ } }, footerInputPropsRef.value), {
423
426
  prefix: () => renderEditingBlock(),
424
427
  suffix: () => (h(UIcon, Object.assign({ size: 24, class: `${mergedClsPrefixRef.value}-chat-main__input-suffix` }, footerSuffixIconPropsRef.value, { theme: mergedThemeRef.value.peers.FooterSuffixIcon, themeOverrides: mergedThemeRef.value.peerOverrides
425
428
  .FooterSuffixIcon, onClick: () => {
package/es/chat/src/styles/index.cssr.js CHANGED
@@ -258,6 +258,7 @@ export default cB('chat', `
258
258
  height: 44px;
259
259
  `)]), cE('message-text', `
260
260
  padding: 12px 16px;
261
+ white-space: pre-wrap;
261
262
  `), cE('message-attachment', `
262
263
  display: flex;
263
264
  align-items: center;
@@ -334,6 +335,7 @@ export default cB('chat', `
334
335
  `, [c('.u-input-wrapper', `
335
336
  flex-wrap: wrap;
336
337
  padding: 0 4px;
338
+ height: 100%;
337
339
  `, [c('.u-input__prefix', `
338
340
  width: 100%;
339
341
  margin: 0;
@@ -344,13 +346,20 @@ export default cB('chat', `
344
346
  border-top-right-radius: 12px;
345
347
  `), c('li', `
346
348
  padding: 12px;
347
- `)]), c('.u-input__input-el', `
348
- padding: 8px;
349
+ `)]), c('.u-input__textarea-el', `
350
+ padding-top: 12px;
351
+ padding-left: 12px;
352
+ padding-right: 48px;
349
353
  `), c('.u-input__placeholder', `
350
- margin: 8px;
354
+ padding-top: 12px;
355
+ padding-left: 12px;
356
+ padding-right: 48px;
351
357
  `)])]), cE('editing-block', `
352
358
  width: 100%;
353
359
  `), cE('input-suffix', `
360
+ position: absolute;
361
+ right: 12px;
362
+ bottom: 12px;
354
363
  color: var(--u-input-suffix-color) !important;
355
364
  cursor: pointer;
356
365
  margin-right: 4px;
package/es/chat/styles/light.js CHANGED
@@ -14,7 +14,7 @@ import { createTheme } from '../../_mixins';
14
14
  const chatInputLight = Object.assign(Object.assign({}, inputLight), { self(vars) {
15
15
  const originalInputSelf = inputSelf(vars);
16
16
  const { elementsTertiary } = vars;
17
- return Object.assign(Object.assign({}, originalInputSelf), { color: elementsTertiary, colorFocus: elementsTertiary, border: 'none', borderFocus: 'none', borderHover: 'none', boxShadow: 'none', boxShadowFocus: 'none' });
17
+ return Object.assign(Object.assign({}, originalInputSelf), { color: elementsTertiary, colorFocus: elementsTertiary, heightMedium: '45px', border: 'none', borderFocus: 'none', borderHover: 'none', boxShadow: 'none', boxShadowFocus: 'none' });
18
18
  } });
19
19
  const chatBadgeLight = Object.assign(Object.assign({}, badgeLight), { self(vars) {
20
20
  const originalBadgeSelf = badgeSelf(vars);
package/es/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "1.14.5";
1
+ declare const _default: "1.14.6";
2
2
  export default _default;
package/es/version.js CHANGED
@@ -1 +1 @@
1
- export default '1.14.5';
1
+ export default '1.14.6';
package/lib/chat/src/ChatParts/MainArea.js CHANGED
@@ -273,14 +273,14 @@ exports.default = (0, vue_1.defineComponent)({
273
273
  if (isSending.value) {
274
274
  return;
275
275
  }
276
- const hasContent = inputValue.value.trim();
276
+ const hasContent = inputValue.value;
277
277
  const hasAttachments = attachmentFileList.value.length > 0;
278
278
  if ((editMessageIdRef === null || editMessageIdRef === void 0 ? void 0 : editMessageIdRef.value) && hasContent) {
279
279
  isSending.value = true;
280
280
  try {
281
281
  const messageToEdit = editingMessage.value;
282
282
  if (messageToEdit) {
283
- const updatedMessage = Object.assign(Object.assign({}, messageToEdit), { content: inputValue.value.trim() });
283
+ const updatedMessage = Object.assign(Object.assign({}, messageToEdit), { content: inputValue.value });
284
284
  const bubbleActions = bubbleActionsRef === null || bubbleActionsRef === void 0 ? void 0 : bubbleActionsRef.value;
285
285
  if (bubbleActions) {
286
286
  const editAction = bubbleActions.find((action) => action.key === interface_1.ChatBubbleActionKey.EDIT);
@@ -330,7 +330,7 @@ exports.default = (0, vue_1.defineComponent)({
330
330
  };
331
331
  })
332
332
  : undefined;
333
- handleMessageSend(inputValue.value.trim(), attachments);
333
+ handleMessageSend(inputValue.value, attachments);
334
334
  inputValue.value = '';
335
335
  attachmentFileList.value = [];
336
336
  chatInputs.value[selectedChatRef.value.id] = '';
@@ -413,7 +413,10 @@ exports.default = (0, vue_1.defineComponent)({
413
413
  }));
414
414
  }
415
415
  }),
416
- (0, vue_1.h)(input_1.UInput, Object.assign({ ref: "inputRef", value: inputValue.value, placeholder: inputPlaceholderRef.value, class: `${mergedClsPrefixRef.value}-chat-main__input` }, footerInputPropsRef.value, { theme: mergedThemeRef.value.peers.Input, themeOverrides: mergedThemeRef.value.peerOverrides.Input, onUpdateValue: (value) => {
416
+ (0, vue_1.h)(input_1.UInput, Object.assign({ ref: "inputRef", value: inputValue.value, placeholder: inputPlaceholderRef.value, class: `${mergedClsPrefixRef.value}-chat-main__input`, theme: mergedThemeRef.value.peers.Input, themeOverrides: mergedThemeRef.value.peerOverrides.Input, type: "textarea", autosize: {
417
+ minRows: 1,
418
+ maxRows: 5
419
+ }, onUpdateValue: (value) => {
417
420
  inputValue.value = value;
418
421
  if (selectedChatRef.value) {
419
422
  chatInputs.value[selectedChatRef.value.id] = value;
@@ -424,7 +427,7 @@ exports.default = (0, vue_1.defineComponent)({
424
427
  e.stopPropagation();
425
428
  void handleSendMessage();
426
429
  }
427
- } }), {
430
+ } }, footerInputPropsRef.value), {
428
431
  prefix: () => renderEditingBlock(),
429
432
  suffix: () => ((0, vue_1.h)(icon_1.UIcon, Object.assign({ size: 24, class: `${mergedClsPrefixRef.value}-chat-main__input-suffix` }, footerSuffixIconPropsRef.value, { theme: mergedThemeRef.value.peers.FooterSuffixIcon, themeOverrides: mergedThemeRef.value.peerOverrides
430
433
  .FooterSuffixIcon, onClick: () => {
package/lib/chat/src/styles/index.cssr.js CHANGED
@@ -263,6 +263,7 @@ exports.default = (0, cssr_1.cB)('chat', `
263
263
  height: 44px;
264
264
  `)]), (0, cssr_1.cE)('message-text', `
265
265
  padding: 12px 16px;
266
+ white-space: pre-wrap;
266
267
  `), (0, cssr_1.cE)('message-attachment', `
267
268
  display: flex;
268
269
  align-items: center;
@@ -339,6 +340,7 @@ exports.default = (0, cssr_1.cB)('chat', `
339
340
  `, [(0, cssr_1.c)('.u-input-wrapper', `
340
341
  flex-wrap: wrap;
341
342
  padding: 0 4px;
343
+ height: 100%;
342
344
  `, [(0, cssr_1.c)('.u-input__prefix', `
343
345
  width: 100%;
344
346
  margin: 0;
@@ -349,13 +351,20 @@ exports.default = (0, cssr_1.cB)('chat', `
349
351
  border-top-right-radius: 12px;
350
352
  `), (0, cssr_1.c)('li', `
351
353
  padding: 12px;
352
- `)]), (0, cssr_1.c)('.u-input__input-el', `
353
- padding: 8px;
354
+ `)]), (0, cssr_1.c)('.u-input__textarea-el', `
355
+ padding-top: 12px;
356
+ padding-left: 12px;
357
+ padding-right: 48px;
354
358
  `), (0, cssr_1.c)('.u-input__placeholder', `
355
- margin: 8px;
359
+ padding-top: 12px;
360
+ padding-left: 12px;
361
+ padding-right: 48px;
356
362
  `)])]), (0, cssr_1.cE)('editing-block', `
357
363
  width: 100%;
358
364
  `), (0, cssr_1.cE)('input-suffix', `
365
+ position: absolute;
366
+ right: 12px;
367
+ bottom: 12px;
359
368
  color: var(--u-input-suffix-color) !important;
360
369
  cursor: pointer;
361
370
  margin-right: 4px;
package/lib/chat/styles/light.js CHANGED
@@ -17,7 +17,7 @@ const _mixins_1 = require("../../_mixins");
17
17
  const chatInputLight = Object.assign(Object.assign({}, styles_1.inputLight), { self(vars) {
18
18
  const originalInputSelf = (0, light_1.self)(vars);
19
19
  const { elementsTertiary } = vars;
20
- return Object.assign(Object.assign({}, originalInputSelf), { color: elementsTertiary, colorFocus: elementsTertiary, border: 'none', borderFocus: 'none', borderHover: 'none', boxShadow: 'none', boxShadowFocus: 'none' });
20
+ return Object.assign(Object.assign({}, originalInputSelf), { color: elementsTertiary, colorFocus: elementsTertiary, heightMedium: '45px', border: 'none', borderFocus: 'none', borderHover: 'none', boxShadow: 'none', boxShadowFocus: 'none' });
21
21
  } });
22
22
  const chatBadgeLight = Object.assign(Object.assign({}, styles_5.badgeLight), { self(vars) {
23
23
  const originalBadgeSelf = (0, light_2.self)(vars);
package/lib/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "1.14.5";
1
+ declare const _default: "1.14.6";
2
2
  export default _default;
package/lib/version.js CHANGED
@@ -1,3 +1,3 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.default = '1.14.5';
3
+ exports.default = '1.14.6';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uzum-tech/ui",
3
- "version": "1.14.5",
3
+ "version": "1.14.6",
4
4
  "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
package/web-types.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "framework": "vue",
4
4
  "name": "@uzum-tech/ui",
5
- "version": "1.14.5",
5
+ "version": "1.14.6",
6
6
  "js-types-syntax": "typescript",
7
7
  "contributions": {
8
8
  "html": {