@uzum-tech/ui 2.3.5 → 2.3.7

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 (108) hide show
  1. package/dist/index.js +5997 -65
  2. package/dist/index.mjs +5997 -65
  3. package/dist/index.prod.js +4 -2
  4. package/dist/index.prod.mjs +4 -2
  5. package/es/_utils/markdown/constants.d.ts +27 -0
  6. package/es/_utils/markdown/constants.mjs +26 -0
  7. package/es/_utils/markdown/create-markdown-renderer.d.ts +3 -0
  8. package/es/_utils/markdown/create-markdown-renderer.mjs +65 -0
  9. package/es/_utils/markdown/index.d.ts +2 -0
  10. package/es/_utils/markdown/index.mjs +1 -0
  11. package/es/_utils/markdown/interface.d.ts +14 -0
  12. package/es/_utils/markdown/interface.mjs +7 -0
  13. package/es/_utils/markdown/render-markdown.d.ts +3 -0
  14. package/es/_utils/markdown/render-markdown.mjs +31 -0
  15. package/es/_utils/markdown/rulers/clamp-heading.d.ts +2 -0
  16. package/es/_utils/markdown/rulers/clamp-heading.mjs +25 -0
  17. package/es/_utils/markdown/rulers/equals-divider.d.ts +2 -0
  18. package/es/_utils/markdown/rulers/equals-divider.mjs +19 -0
  19. package/es/_utils/markdown/rulers/prune-empty-blocks.d.ts +2 -0
  20. package/es/_utils/markdown/rulers/prune-empty-blocks.mjs +31 -0
  21. package/es/_utils/markdown/rulers/strikethrough.d.ts +3 -0
  22. package/es/_utils/markdown/rulers/strikethrough.mjs +38 -0
  23. package/es/_utils/markdown/rulers/strip-html.d.ts +2 -0
  24. package/es/_utils/markdown/rulers/strip-html.mjs +7 -0
  25. package/es/chat/src/Chat.d.ts +639 -23
  26. package/es/chat/src/Chat.mjs +2 -0
  27. package/es/chat/src/ChatListItems.d.ts +220 -4
  28. package/es/chat/src/ChatListItems.mjs +3 -2
  29. package/es/chat/src/ChatMainArea.d.ts +248 -5
  30. package/es/chat/src/ChatMainArea.mjs +27 -13
  31. package/es/chat/src/ChatMessages.d.ts +246 -3
  32. package/es/chat/src/ChatMessages.mjs +22 -2
  33. package/es/chat/src/ChatParts/Sidebar.d.ts +36 -0
  34. package/es/chat/src/interface.d.ts +68 -0
  35. package/es/chat/src/interface.mjs +8 -0
  36. package/es/chat/styles/dark.d.ts +18 -0
  37. package/es/chat/styles/light.d.ts +25 -0
  38. package/es/chat/styles/light.mjs +9 -1
  39. package/es/components.d.ts +1640 -418
  40. package/es/data-table/src/HeaderButton/FilterButton.d.ts +1 -1
  41. package/es/data-table/src/TableParts/Header.mjs +1 -1
  42. package/es/data-table/src/use-sorter.d.ts +2 -5
  43. package/es/data-table/src/use-table-data.d.ts +1 -4
  44. package/es/layout/src/LayoutSider.d.ts +1 -1
  45. package/es/message-bubble/index.d.ts +1 -0
  46. package/es/message-bubble/src/MessageBubble.d.ts +90 -6
  47. package/es/message-bubble/src/MessageBubble.mjs +53 -7
  48. package/es/message-bubble/src/interface.d.ts +42 -0
  49. package/es/message-bubble/src/interface.mjs +8 -0
  50. package/es/message-bubble/src/styles/index.cssr.mjs +35 -1
  51. package/es/message-bubble/styles/dark.d.ts +11 -0
  52. package/es/message-bubble/styles/light.d.ts +22 -0
  53. package/es/message-bubble/styles/light.mjs +14 -1
  54. package/es/version.d.ts +1 -1
  55. package/es/version.mjs +1 -1
  56. package/lib/_utils/markdown/constants.d.ts +27 -0
  57. package/lib/_utils/markdown/constants.js +55 -0
  58. package/lib/_utils/markdown/create-markdown-renderer.d.ts +3 -0
  59. package/lib/_utils/markdown/create-markdown-renderer.js +84 -0
  60. package/lib/_utils/markdown/index.d.ts +2 -0
  61. package/lib/_utils/markdown/index.js +6 -0
  62. package/lib/_utils/markdown/interface.d.ts +14 -0
  63. package/lib/_utils/markdown/interface.js +10 -0
  64. package/lib/_utils/markdown/render-markdown.d.ts +3 -0
  65. package/lib/_utils/markdown/render-markdown.js +38 -0
  66. package/lib/_utils/markdown/rulers/clamp-heading.d.ts +2 -0
  67. package/lib/_utils/markdown/rulers/clamp-heading.js +30 -0
  68. package/lib/_utils/markdown/rulers/equals-divider.d.ts +2 -0
  69. package/lib/_utils/markdown/rulers/equals-divider.js +28 -0
  70. package/lib/_utils/markdown/rulers/prune-empty-blocks.d.ts +2 -0
  71. package/lib/_utils/markdown/rulers/prune-empty-blocks.js +40 -0
  72. package/lib/_utils/markdown/rulers/strikethrough.d.ts +3 -0
  73. package/lib/_utils/markdown/rulers/strikethrough.js +43 -0
  74. package/lib/_utils/markdown/rulers/strip-html.d.ts +2 -0
  75. package/lib/_utils/markdown/rulers/strip-html.js +15 -0
  76. package/lib/chat/src/Chat.d.ts +639 -23
  77. package/lib/chat/src/Chat.js +2 -0
  78. package/lib/chat/src/ChatListItems.d.ts +220 -4
  79. package/lib/chat/src/ChatListItems.js +7 -2
  80. package/lib/chat/src/ChatMainArea.d.ts +248 -5
  81. package/lib/chat/src/ChatMainArea.js +26 -14
  82. package/lib/chat/src/ChatMessages.d.ts +246 -3
  83. package/lib/chat/src/ChatMessages.js +11 -4
  84. package/lib/chat/src/ChatParts/Sidebar.d.ts +36 -0
  85. package/lib/chat/src/interface.d.ts +68 -0
  86. package/lib/chat/src/interface.js +6 -0
  87. package/lib/chat/styles/dark.d.ts +18 -0
  88. package/lib/chat/styles/light.d.ts +25 -0
  89. package/lib/chat/styles/light.js +8 -1
  90. package/lib/components.d.ts +1258 -36
  91. package/lib/data-table/src/HeaderButton/FilterButton.d.ts +1 -1
  92. package/lib/data-table/src/TableParts/Header.js +1 -1
  93. package/lib/data-table/src/use-sorter.d.ts +2 -5
  94. package/lib/data-table/src/use-table-data.d.ts +1 -4
  95. package/lib/layout/src/LayoutSider.d.ts +1 -1
  96. package/lib/message-bubble/index.d.ts +1 -0
  97. package/lib/message-bubble/src/MessageBubble.d.ts +90 -6
  98. package/lib/message-bubble/src/MessageBubble.js +41 -7
  99. package/lib/message-bubble/src/interface.d.ts +42 -0
  100. package/lib/message-bubble/src/interface.js +6 -0
  101. package/lib/message-bubble/src/styles/index.cssr.js +35 -1
  102. package/lib/message-bubble/styles/dark.d.ts +11 -0
  103. package/lib/message-bubble/styles/light.d.ts +22 -0
  104. package/lib/message-bubble/styles/light.js +13 -2
  105. package/lib/version.d.ts +1 -1
  106. package/lib/version.js +1 -1
  107. package/package.json +2 -1
  108. package/web-types.json +29 -1
@@ -1,5 +1,6 @@
1
1
  import type { ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNodeChild } from 'vue';
2
2
  import type { MergedTheme } from '../../_mixins';
3
+ import type { MarkdownOptions } from '../../_utils/markdown';
3
4
  import type { AvatarProps } from '../../avatar';
4
5
  import type { BadgeProps } from '../../badge';
5
6
  import type { ButtonProps } from '../../button';
@@ -86,6 +87,7 @@ export interface ChatMessageData {
86
87
  senderName?: string | (() => VNodeChild);
87
88
  markType?: ChatMarkType;
88
89
  title?: string | (() => VNodeChild);
90
+ markdown?: boolean;
89
91
  }
90
92
  export interface ChatMessageProps {
91
93
  id: ChatId;
@@ -174,6 +176,8 @@ export interface ChatPropsInterface {
174
176
  shareButtonTooltip?: string;
175
177
  profileButtonTooltip?: string;
176
178
  unreadNotificationText?: string;
179
+ markdown?: boolean;
180
+ markdownOptions?: MarkdownOptions;
177
181
  chatItemsLoading?: boolean;
178
182
  chatItemsLoadingCount?: number;
179
183
  messagesLoading?: boolean;
@@ -321,6 +325,8 @@ export declare const chatInjectionKey: InjectionKey<{
321
325
  shareButtonTooltipRef: Ref<string>;
322
326
  profileButtonTooltipRef: Ref<string>;
323
327
  unreadNotificationTextRef: Ref<string>;
328
+ markdownRef: Ref<boolean>;
329
+ markdownOptionsRef: Ref<MarkdownOptions | undefined>;
324
330
  notificationsShownSetRef: Ref<Set<ChatId>>;
325
331
  unreadCountsBeforeReadRef: Ref<Record<ChatId, number>>;
326
332
  markNotificationShown: (chatId: ChatId) => void;
@@ -517,6 +523,14 @@ export declare const chatProps: {
517
523
  type: PropType<ChatPropsInterface["unreadNotificationText"]>;
518
524
  default: undefined;
519
525
  };
526
+ markdown: {
527
+ type: PropType<ChatPropsInterface["markdown"]>;
528
+ default: boolean;
529
+ };
530
+ markdownOptions: {
531
+ type: PropType<ChatPropsInterface["markdownOptions"]>;
532
+ default: undefined;
533
+ };
520
534
  chatItemsLoading: {
521
535
  type: PropType<ChatPropsInterface["chatItemsLoading"]>;
522
536
  default: boolean;
@@ -636,6 +650,13 @@ export declare const chatProps: {
636
650
  inputSuffixColor: string;
637
651
  unreadNotificationBackgroundColor: string;
638
652
  unreadNotificationTextColor: string;
653
+ markdownQuoteBorderColorOwn: string;
654
+ markdownQuoteBorderColorOther: string;
655
+ markdownQuoteTextColor: string;
656
+ markdownQuoteBackgroundColor: string;
657
+ markdownQuoteMarkerColor: string;
658
+ markdownDividerColorOwn: string;
659
+ markdownDividerColorOther: string;
639
660
  typingIndicatorColor: string;
640
661
  dateSeparatorColor: string;
641
662
  dateSeparatorBackgroundColor: string;
@@ -1409,6 +1430,17 @@ export declare const chatProps: {
1409
1430
  serviceMessageTextColor: string;
1410
1431
  serviceMessageBackgroundColor: string;
1411
1432
  messageTitleColor: string;
1433
+ markdownQuoteBorderColorOwn: string;
1434
+ markdownQuoteBorderColorOther: string;
1435
+ markdownQuoteTextColor: string;
1436
+ markdownQuoteBackgroundColor: string;
1437
+ markdownQuoteMarkerColor: string;
1438
+ markdownDividerColorOwn: string;
1439
+ markdownDividerColorOther: string;
1440
+ markdownH1FontSize: string;
1441
+ markdownH2FontSize: string;
1442
+ markdownH3FontSize: string;
1443
+ markdownTextFontSize: string;
1412
1444
  }, {
1413
1445
  StatusIcon: import("../../_mixins").Theme<"Icon", {
1414
1446
  color: string;
@@ -1491,6 +1523,13 @@ export declare const chatProps: {
1491
1523
  inputSuffixColor: string;
1492
1524
  unreadNotificationBackgroundColor: string;
1493
1525
  unreadNotificationTextColor: string;
1526
+ markdownQuoteBorderColorOwn: string;
1527
+ markdownQuoteBorderColorOther: string;
1528
+ markdownQuoteTextColor: string;
1529
+ markdownQuoteBackgroundColor: string;
1530
+ markdownQuoteMarkerColor: string;
1531
+ markdownDividerColorOwn: string;
1532
+ markdownDividerColorOther: string;
1494
1533
  typingIndicatorColor: string;
1495
1534
  dateSeparatorColor: string;
1496
1535
  dateSeparatorBackgroundColor: string;
@@ -2264,6 +2303,17 @@ export declare const chatProps: {
2264
2303
  serviceMessageTextColor: string;
2265
2304
  serviceMessageBackgroundColor: string;
2266
2305
  messageTitleColor: string;
2306
+ markdownQuoteBorderColorOwn: string;
2307
+ markdownQuoteBorderColorOther: string;
2308
+ markdownQuoteTextColor: string;
2309
+ markdownQuoteBackgroundColor: string;
2310
+ markdownQuoteMarkerColor: string;
2311
+ markdownDividerColorOwn: string;
2312
+ markdownDividerColorOther: string;
2313
+ markdownH1FontSize: string;
2314
+ markdownH2FontSize: string;
2315
+ markdownH3FontSize: string;
2316
+ markdownTextFontSize: string;
2267
2317
  }, {
2268
2318
  StatusIcon: import("../../_mixins").Theme<"Icon", {
2269
2319
  color: string;
@@ -2346,6 +2396,13 @@ export declare const chatProps: {
2346
2396
  inputSuffixColor: string;
2347
2397
  unreadNotificationBackgroundColor: string;
2348
2398
  unreadNotificationTextColor: string;
2399
+ markdownQuoteBorderColorOwn: string;
2400
+ markdownQuoteBorderColorOther: string;
2401
+ markdownQuoteTextColor: string;
2402
+ markdownQuoteBackgroundColor: string;
2403
+ markdownQuoteMarkerColor: string;
2404
+ markdownDividerColorOwn: string;
2405
+ markdownDividerColorOther: string;
2349
2406
  typingIndicatorColor: string;
2350
2407
  dateSeparatorColor: string;
2351
2408
  dateSeparatorBackgroundColor: string;
@@ -3119,6 +3176,17 @@ export declare const chatProps: {
3119
3176
  serviceMessageTextColor: string;
3120
3177
  serviceMessageBackgroundColor: string;
3121
3178
  messageTitleColor: string;
3179
+ markdownQuoteBorderColorOwn: string;
3180
+ markdownQuoteBorderColorOther: string;
3181
+ markdownQuoteTextColor: string;
3182
+ markdownQuoteBackgroundColor: string;
3183
+ markdownQuoteMarkerColor: string;
3184
+ markdownDividerColorOwn: string;
3185
+ markdownDividerColorOther: string;
3186
+ markdownH1FontSize: string;
3187
+ markdownH2FontSize: string;
3188
+ markdownH3FontSize: string;
3189
+ markdownTextFontSize: string;
3122
3190
  }, {
3123
3191
  StatusIcon: import("../../_mixins").Theme<"Icon", {
3124
3192
  color: string;
@@ -157,6 +157,12 @@ exports.chatProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
157
157
  }, unreadNotificationText: {
158
158
  type: String,
159
159
  default: undefined
160
+ }, markdown: {
161
+ type: Boolean,
162
+ default: true
163
+ }, markdownOptions: {
164
+ type: Object,
165
+ default: undefined
160
166
  }, chatItemsLoading: {
161
167
  type: Boolean,
162
168
  default: false
@@ -29,6 +29,13 @@ declare const chatDark: import("../../_mixins").Theme<"Chat", {
29
29
  inputSuffixColor: string;
30
30
  unreadNotificationBackgroundColor: string;
31
31
  unreadNotificationTextColor: string;
32
+ markdownQuoteBorderColorOwn: string;
33
+ markdownQuoteBorderColorOther: string;
34
+ markdownQuoteTextColor: string;
35
+ markdownQuoteBackgroundColor: string;
36
+ markdownQuoteMarkerColor: string;
37
+ markdownDividerColorOwn: string;
38
+ markdownDividerColorOther: string;
32
39
  typingIndicatorColor: string;
33
40
  dateSeparatorColor: string;
34
41
  dateSeparatorBackgroundColor: string;
@@ -802,6 +809,17 @@ declare const chatDark: import("../../_mixins").Theme<"Chat", {
802
809
  serviceMessageTextColor: string;
803
810
  serviceMessageBackgroundColor: string;
804
811
  messageTitleColor: string;
812
+ markdownQuoteBorderColorOwn: string;
813
+ markdownQuoteBorderColorOther: string;
814
+ markdownQuoteTextColor: string;
815
+ markdownQuoteBackgroundColor: string;
816
+ markdownQuoteMarkerColor: string;
817
+ markdownDividerColorOwn: string;
818
+ markdownDividerColorOther: string;
819
+ markdownH1FontSize: string;
820
+ markdownH2FontSize: string;
821
+ markdownH3FontSize: string;
822
+ markdownTextFontSize: string;
805
823
  }, {
806
824
  StatusIcon: import("../../_mixins").Theme<"Icon", {
807
825
  color: string;
@@ -30,6 +30,13 @@ export declare function self(vars: ThemeCommonVars): {
30
30
  inputSuffixColor: string;
31
31
  unreadNotificationBackgroundColor: string;
32
32
  unreadNotificationTextColor: string;
33
+ markdownQuoteBorderColorOwn: string;
34
+ markdownQuoteBorderColorOther: string;
35
+ markdownQuoteTextColor: string;
36
+ markdownQuoteBackgroundColor: string;
37
+ markdownQuoteMarkerColor: string;
38
+ markdownDividerColorOwn: string;
39
+ markdownDividerColorOther: string;
33
40
  typingIndicatorColor: string;
34
41
  dateSeparatorColor: string;
35
42
  dateSeparatorBackgroundColor: string;
@@ -67,6 +74,13 @@ declare const chatLight: import("../../_mixins").Theme<"Chat", {
67
74
  inputSuffixColor: string;
68
75
  unreadNotificationBackgroundColor: string;
69
76
  unreadNotificationTextColor: string;
77
+ markdownQuoteBorderColorOwn: string;
78
+ markdownQuoteBorderColorOther: string;
79
+ markdownQuoteTextColor: string;
80
+ markdownQuoteBackgroundColor: string;
81
+ markdownQuoteMarkerColor: string;
82
+ markdownDividerColorOwn: string;
83
+ markdownDividerColorOther: string;
70
84
  typingIndicatorColor: string;
71
85
  dateSeparatorColor: string;
72
86
  dateSeparatorBackgroundColor: string;
@@ -840,6 +854,17 @@ declare const chatLight: import("../../_mixins").Theme<"Chat", {
840
854
  serviceMessageTextColor: string;
841
855
  serviceMessageBackgroundColor: string;
842
856
  messageTitleColor: string;
857
+ markdownQuoteBorderColorOwn: string;
858
+ markdownQuoteBorderColorOther: string;
859
+ markdownQuoteTextColor: string;
860
+ markdownQuoteBackgroundColor: string;
861
+ markdownQuoteMarkerColor: string;
862
+ markdownDividerColorOwn: string;
863
+ markdownDividerColorOther: string;
864
+ markdownH1FontSize: string;
865
+ markdownH2FontSize: string;
866
+ markdownH3FontSize: string;
867
+ markdownTextFontSize: string;
843
868
  }, {
844
869
  StatusIcon: import("../../_mixins").Theme<"Icon", {
845
870
  color: string;
@@ -26,7 +26,7 @@ const chatBadgeLight = Object.assign(Object.assign({}, styles_2.badgeLight), { s
26
26
  return Object.assign(Object.assign({}, originalBadgeSelf), { color: brandPrimary400, textColor: elementsSecondary });
27
27
  } });
28
28
  function self(vars) {
29
- const { borderRadiusLarge, elementsQuaternary, elementsTertiary, textTertiary, textPrimary, textSecondary, surfacePrimary, brandPrimary500, brandPrimary400, transparencySecondary, elementsSecondary, elementsDarkQuinary, staticRed, staticWhite } = vars;
29
+ const { borderRadiusLarge, elementsQuaternary, elementsTertiary, textTertiary, textPrimary, textSecondary, surfacePrimary, brandPrimary100, brandPrimary400, brandPrimary500, transparencySecondary, elementsSecondary, elementsDarkQuinary, staticRed, staticWhite } = vars;
30
30
  return {
31
31
  backgroundColor: surfacePrimary,
32
32
  borderColor: elementsQuaternary,
@@ -58,6 +58,13 @@ function self(vars) {
58
58
  inputSuffixColor: brandPrimary400,
59
59
  unreadNotificationBackgroundColor: brandPrimary400,
60
60
  unreadNotificationTextColor: elementsSecondary,
61
+ markdownQuoteBorderColorOwn: textPrimary,
62
+ markdownQuoteBorderColorOther: textPrimary,
63
+ markdownQuoteTextColor: textPrimary,
64
+ markdownQuoteBackgroundColor: brandPrimary100,
65
+ markdownQuoteMarkerColor: brandPrimary500,
66
+ markdownDividerColorOwn: textPrimary,
67
+ markdownDividerColorOther: textPrimary,
61
68
  typingIndicatorColor: textSecondary,
62
69
  dateSeparatorColor: textTertiary,
63
70
  dateSeparatorBackgroundColor: 'transparent',