@mobilon-dev/chotto 0.3.20 → 0.3.22

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 (63) hide show
  1. package/dist/{CreateChat-BMkQLuPd.js → CreateChat-BS86RCwj.js} +1 -1
  2. package/dist/{CreateChat2-CUxgSz4p.js → CreateChat2-UAK1W75x.js} +1 -1
  3. package/dist/{CreateDialog-CrL6l5Yr.js → CreateDialog-CoSOBGf3.js} +1 -1
  4. package/dist/{ModalVideoRecorder-D86XmPA8.js → ModalVideoRecorder-Cs7ZiWJ1.js} +1 -1
  5. package/dist/{SelectUser2-CgmFwrUT.js → SelectUser2-CYADx7Gc.js} +1 -1
  6. package/dist/chotto.css +1 -1
  7. package/dist/index-0LXvcjYD.js +35926 -0
  8. package/dist/themes/dark.css +1 -1
  9. package/dist/themes/default.css +1 -1
  10. package/dist/themes/green.css +1 -1
  11. package/dist/themes/mobilon1.css +1 -1
  12. package/dist/types/apps/data/chats.d.ts +1 -1
  13. package/dist/types/apps/data/messages.d.ts +171 -0
  14. package/dist/types/components/1_atoms/Tooltip/stories/Tooltip.stories.d.ts +8 -2
  15. package/dist/types/components/2_chatinput_elements/ButtonEmojiPicker/stories/ButtonEmojiPicker.stories.d.ts +4 -3
  16. package/dist/types/components/2_elements/ContactInfo/stories/ContactInfo.stories.d.ts +8 -16
  17. package/dist/types/components/2_feed_elements/AudioMessage/stories/AudioMessage.stories.d.ts +4 -0
  18. package/dist/types/components/2_feed_elements/AudioMessage/styles/types.d.ts +4 -0
  19. package/dist/types/components/2_feed_elements/CallMessage/stories/CallMessage.stories.d.ts +4 -0
  20. package/dist/types/components/2_feed_elements/DateMessage/stories/DateMessage.stories.d.ts +1 -0
  21. package/dist/types/components/2_feed_elements/DateMessageSticky/stories/DateMessageSticky.stories.d.ts +5 -18
  22. package/dist/types/components/2_feed_elements/FeedKeyboard/stories/FeedKeyboard.stories.d.ts +5 -36
  23. package/dist/types/components/2_feed_elements/FileMessage/stories/FileMessage.stories.d.ts +3 -0
  24. package/dist/types/components/2_feed_elements/FileMessage/styles/types.d.ts +4 -0
  25. package/dist/types/components/2_feed_elements/ImageMessage/stories/ImageMessage.stories.d.ts +3 -0
  26. package/dist/types/components/2_feed_elements/ImageMessage/styles/types.d.ts +4 -0
  27. package/dist/types/components/2_feed_elements/ReplyAudioMessage/stories/ReplyAudioMessage.stories.d.ts +6 -17
  28. package/dist/types/components/2_feed_elements/ReplyCallMessage/stories/ReplyCallMessage.stories.d.ts +6 -17
  29. package/dist/types/components/2_feed_elements/ReplyFileMessage/stories/ReplyFileMessage.stories.d.ts +7 -17
  30. package/dist/types/components/2_feed_elements/ReplyImageMessage/stories/ReplyImageMessage.stories.d.ts +7 -17
  31. package/dist/types/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue.d.ts +16 -0
  32. package/dist/types/components/2_feed_elements/ReplyStickerMessage/stories/ReplyStickerMessage.stories.d.ts +10 -0
  33. package/dist/types/components/2_feed_elements/ReplyStickerMessage/styles/types.d.ts +107 -0
  34. package/dist/types/components/2_feed_elements/ReplyTextMessage/stories/ReplyTextMessage.stories.d.ts +8 -17
  35. package/dist/types/components/2_feed_elements/ReplyVideoMessage/stories/ReplyVideoMessage.stories.d.ts +7 -17
  36. package/dist/types/components/2_feed_elements/StickerMessage/StickerMessage.vue.d.ts +41 -0
  37. package/dist/types/components/2_feed_elements/StickerMessage/libs/tgs-player/lottie-player.esm.d.ts +478 -0
  38. package/dist/types/components/2_feed_elements/StickerMessage/libs/tgs-player/tgs-player.esm.d.ts +478 -0
  39. package/dist/types/components/2_feed_elements/StickerMessage/stories/StickerMessage.stories.d.ts +19 -0
  40. package/dist/types/components/2_feed_elements/StickerMessage/styles/types.d.ts +245 -0
  41. package/dist/types/components/2_feed_elements/TextMessage/stories/TextMessage.stories.d.ts +3 -0
  42. package/dist/types/components/2_feed_elements/TextMessage/styles/types.d.ts +4 -0
  43. package/dist/types/components/2_feed_elements/TypingMessage/stories/TypingMessage.stories.d.ts +1 -0
  44. package/dist/types/components/2_feed_elements/VideoMessage/stories/VideoMessage.stories.d.ts +3 -0
  45. package/dist/types/components/2_feed_elements/VideoMessage/styles/types.d.ts +4 -0
  46. package/dist/types/components/2_feed_elements/types/messages.d.ts +25 -0
  47. package/dist/types/components/3_compounds/SideBar/SideBar.vue.d.ts +2 -0
  48. package/dist/types/components/index.d.ts +2 -0
  49. package/dist/types/functions/getMessageClass.d.ts +11 -0
  50. package/dist/types/functions/getStatusMessage.d.ts +1 -0
  51. package/dist/types/functions/index.d.ts +1 -0
  52. package/dist/types/hooks/index.d.ts +2 -1
  53. package/dist/types/hooks/messages/index.d.ts +2 -0
  54. package/dist/types/hooks/messages/useMessageActions.d.ts +56 -0
  55. package/dist/types/hooks/messages/useMessageLinks.d.ts +13 -0
  56. package/dist/types/hooks/{useMessage.d.ts → useMessageDraft.d.ts} +4 -4
  57. package/dist/types/hooks/validators/messages/types.d.ts +2 -1
  58. package/dist/types/main.d.ts +1 -0
  59. package/dist/types/utils/suppress-lit-warning.d.ts +0 -0
  60. package/dist/vuessages.es.js +71 -65
  61. package/dist/vuessages.umd.js +598 -46
  62. package/package.json +1 -1
  63. package/dist/index-DdDDz7e5.js +0 -21787
@@ -1,19 +1,8 @@
1
- import type { StoryObj } from '@storybook/vue3-vite';
2
- declare const meta: {
3
- title: string;
4
- component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- message: {
6
- type: () => import("../../types/messages.ts").IAudioMessage;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- message: {
11
- type: () => import("../../types/messages.ts").IAudioMessage;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- args: {};
16
- };
1
+ import type { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import ReplyAudioMessage from '../ReplyAudioMessage.vue';
3
+ declare const meta: Meta<typeof ReplyAudioMessage>;
17
4
  export default meta;
18
- type Story = StoryObj<typeof meta>;
5
+ type Story = StoryObj<typeof ReplyAudioMessage>;
19
6
  export declare const Default: Story;
7
+ export declare const RightPosition: Story;
8
+ export declare const WithHeaderAndLink: Story;
@@ -1,19 +1,8 @@
1
- import type { StoryObj } from '@storybook/vue3-vite';
2
- declare const meta: {
3
- title: string;
4
- component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- message: {
6
- type: () => import("../../types/messages.ts").ICallMessage;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- message: {
11
- type: () => import("../../types/messages.ts").ICallMessage;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- args: {};
16
- };
1
+ import type { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import ReplyCallMessage from '../ReplyCallMessage.vue';
3
+ declare const meta: Meta<typeof ReplyCallMessage>;
17
4
  export default meta;
18
- type Story = StoryObj<typeof meta>;
5
+ type Story = StoryObj<typeof ReplyCallMessage>;
19
6
  export declare const Default: Story;
7
+ export declare const MissedCall: Story;
8
+ export declare const RightPosition: Story;
@@ -1,19 +1,9 @@
1
- import type { StoryObj } from '@storybook/vue3-vite';
2
- declare const meta: {
3
- title: string;
4
- component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- message: {
6
- type: () => import("../../types/messages.ts").IFileMessage;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- message: {
11
- type: () => import("../../types/messages.ts").IFileMessage;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- args: {};
16
- };
1
+ import type { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import ReplyFileMessage from '../ReplyFileMessage.vue';
3
+ declare const meta: Meta<typeof ReplyFileMessage>;
17
4
  export default meta;
18
- type Story = StoryObj<typeof meta>;
5
+ type Story = StoryObj<typeof ReplyFileMessage>;
19
6
  export declare const Default: Story;
7
+ export declare const WithHeaderAndText: Story;
8
+ export declare const LongFilename: Story;
9
+ export declare const RightPosition: Story;
@@ -1,19 +1,9 @@
1
- import type { StoryObj } from '@storybook/vue3-vite';
2
- declare const meta: {
3
- title: string;
4
- component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- message: {
6
- type: () => import("../../types/messages.ts").IImageMessage;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- message: {
11
- type: () => import("../../types/messages.ts").IImageMessage;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- args: {};
16
- };
1
+ import type { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import ReplyImageMessage from '../ReplyImageMessage.vue';
3
+ declare const meta: Meta<typeof ReplyImageMessage>;
17
4
  export default meta;
18
- type Story = StoryObj<typeof meta>;
5
+ type Story = StoryObj<typeof ReplyImageMessage>;
19
6
  export declare const Default: Story;
7
+ export declare const WithHeaderAndText: Story;
8
+ export declare const LongText: Story;
9
+ export declare const RightPosition: Story;
@@ -0,0 +1,16 @@
1
+ import { IStickerMessage } from '@/types';
2
+ import '@/utils/suppress-lit-warning';
3
+ import '../StickerMessage/libs/tgs-player/lottie-player.esm.js';
4
+ import '../StickerMessage/libs/tgs-player/tgs-player.esm.js';
5
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
6
+ message: {
7
+ type: () => IStickerMessage;
8
+ required: true;
9
+ };
10
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
11
+ message: {
12
+ type: () => IStickerMessage;
13
+ required: true;
14
+ };
15
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
16
+ export default _default;
@@ -0,0 +1,10 @@
1
+ import type { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import ReplyStickerMessage from '../ReplyStickerMessage.vue';
3
+ declare const meta: Meta<typeof ReplyStickerMessage>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ReplyStickerMessage>;
6
+ export declare const Default: Story;
7
+ export declare const RightPosition: Story;
8
+ export declare const WithHeader: Story;
9
+ export declare const AnimatedSticker: Story;
10
+ export declare const AnimatedStickerWithHeader: Story;
@@ -0,0 +1,107 @@
1
+ /**
2
+ * CSS variables for ReplyStickerMessage component
3
+ */
4
+ export interface ReplyStickerMessageThemeCSSVariables {
5
+ /** Внешние отступы абзаца */
6
+ '--chotto-replystickermessage-p-margin': string;
7
+ /** Размер шрифта абзаца */
8
+ '--chotto-replystickermessage-p-font-size': string;
9
+ /** Цвет абзаца */
10
+ '--chotto-replystickermessage-p-color': string;
11
+ /** Переполнение абзаца */
12
+ '--chotto-replystickermessage-p-overflow': string;
13
+ /** Обрезка текста абзаца */
14
+ '--chotto-replystickermessage-p-text-overflow': string;
15
+ /** Отображение абзаца (webkit box) */
16
+ '--chotto-replystickermessage-p-display': string;
17
+ /** Лимит строк абзаца (webkit) */
18
+ '--chotto-replystickermessage-p-webkit-line-clamp': string;
19
+ /** Лимит строк абзаца */
20
+ '--chotto-replystickermessage-p-line-clamp': string;
21
+ /** Ориентация контейнера строк (webkit) */
22
+ '--chotto-replystickermessage-p-webkit-box-orient': string;
23
+ /** Колонка грида кнопки превью */
24
+ '--chotto-replystickermessage-preview-button-grid-column': string;
25
+ /** Позиционирование кнопки превью */
26
+ '--chotto-replystickermessage-preview-button-position': string;
27
+ /** Отображение кнопки превью */
28
+ '--chotto-replystickermessage-preview-button-display': string;
29
+ /** Направление флекс-контейнера кнопки превью */
30
+ '--chotto-replystickermessage-preview-button-flex-direction': string;
31
+ /** Внутренние отступы кнопки превью */
32
+ '--chotto-replystickermessage-preview-button-padding': string;
33
+ /** Ширина превью-стикера */
34
+ '--chotto-replystickermessage-preview-image-width': string;
35
+ /** Высота превью-стикера */
36
+ '--chotto-replystickermessage-preview-image-height': string;
37
+ /** Курсор при наведении на превью */
38
+ '--chotto-replystickermessage-preview-image-cursor': string;
39
+ /** Вписывание превью-стикера */
40
+ '--chotto-replystickermessage-preview-image-object-fit': string;
41
+ /** Скругление превью-стикера */
42
+ '--chotto-replystickermessage-preview-image-border-radius': string;
43
+ /** Внешние отступы превью-стикера */
44
+ '--chotto-replystickermessage-preview-image-margin': string;
45
+ /** Ширина анимированного превью-стикера (TGS) */
46
+ '--chotto-replystickermessage-preview-image-animated-width': string;
47
+ /** Высота анимированного превью-стикера (TGS) */
48
+ '--chotto-replystickermessage-preview-image-animated-height': string;
49
+ /** Курсор при наведении на анимированное превью */
50
+ '--chotto-replystickermessage-preview-image-animated-cursor': string;
51
+ /** Вписывание анимированного превью-стикера (TGS) */
52
+ '--chotto-replystickermessage-preview-image-animated-object-fit': string;
53
+ /** Скругление анимированного превью-стикера */
54
+ '--chotto-replystickermessage-preview-image-animated-border-radius': string;
55
+ /** Внешние отступы анимированного превью-стикера */
56
+ '--chotto-replystickermessage-preview-image-animated-margin': string;
57
+ /** Ширина стикера в модальном окне */
58
+ '--chotto-replystickermessage-modal-image-width': string;
59
+ /** Высота стикера в модальном окне */
60
+ '--chotto-replystickermessage-modal-image-height': string;
61
+ /** Вписывание стикера в модальном окне */
62
+ '--chotto-replystickermessage-modal-image-object-fit': string;
63
+ /** Скругление стикера в модальном окне */
64
+ '--chotto-replystickermessage-modal-image-border-radius': string;
65
+ /** Максимальная высота стикера в модальном окне */
66
+ '--chotto-replystickermessage-modal-image-max-height': string;
67
+ /** Ширина анимированного стикера в модальном окне (TGS) */
68
+ '--chotto-replystickermessage-modal-image-animated-width': string;
69
+ /** Высота анимированного стикера в модальном окне (TGS) */
70
+ '--chotto-replystickermessage-modal-image-animated-height': string;
71
+ /** Вписывание анимированного стикера в модальном окне (TGS) */
72
+ '--chotto-replystickermessage-modal-image-animated-object-fit': string;
73
+ /** Скругление анимированного стикера в модальном окне */
74
+ '--chotto-replystickermessage-modal-image-animated-border-radius': string;
75
+ /** Максимальная высота анимированного стикера в модальном окне (TGS) */
76
+ '--chotto-replystickermessage-modal-image-animated-max-height': string;
77
+ /** Перенос слов в контейнере текста */
78
+ '--chotto-replystickermessage-text-container-word-wrap': string;
79
+ /** Выравнивание содержимого текстового контейнера */
80
+ '--chotto-replystickermessage-text-container-align-content': string;
81
+ /** Перенос слов в тексте */
82
+ '--chotto-replystickermessage-text-container-word-break': string;
83
+ /** Отступ сверху у текста */
84
+ '--chotto-replystickermessage-text-margin-top': string;
85
+ /** Размер шрифта текста */
86
+ '--chotto-replystickermessage-text-font-size': string;
87
+ /** Цвет текста */
88
+ '--chotto-replystickermessage-text-color': string;
89
+ /** Отображение описания ответа */
90
+ '--chotto-replystickermessage-reply-description-display': string;
91
+ /** Выравнивание элементов описания ответа */
92
+ '--chotto-replystickermessage-reply-description-align-items': string;
93
+ /** Промежуток между элементами описания ответа */
94
+ '--chotto-replystickermessage-reply-description-column-gap': string;
95
+ /** Отступ снизу описания ответа */
96
+ '--chotto-replystickermessage-reply-description-margin-bottom': string;
97
+ /** Непереносимый пробел в описании */
98
+ '--chotto-replystickermessage-reply-description-white-space': string;
99
+ /** Цвет спана в описании ответа */
100
+ '--chotto-replystickermessage-reply-description-span-color': string;
101
+ /** Переход появления модального окна */
102
+ '--chotto-replystickermessage-modal-fade-enter-active-transition': string;
103
+ /** Прозрачность модального окна в начале */
104
+ '--chotto-replystickermessage-modal-fade-enter-from-opacity': string;
105
+ /** Прозрачность модального окна в конце */
106
+ '--chotto-replystickermessage-modal-fade-enter-to-opacity': string;
107
+ }
@@ -1,19 +1,10 @@
1
- import type { StoryObj } from '@storybook/vue3-vite';
2
- declare const meta: {
3
- title: string;
4
- component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- message: {
6
- type: () => import("../../types/messages.ts").ITextMessage;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- message: {
11
- type: () => import("../../types/messages.ts").ITextMessage;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- args: {};
16
- };
1
+ import type { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import ReplyTextMessage from '../ReplyTextMessage.vue';
3
+ declare const meta: Meta<typeof ReplyTextMessage>;
17
4
  export default meta;
18
- type Story = StoryObj<typeof meta>;
5
+ type Story = StoryObj<typeof ReplyTextMessage>;
19
6
  export declare const Default: Story;
7
+ export declare const WithHeader: Story;
8
+ export declare const LongText: Story;
9
+ export declare const WithLink: Story;
10
+ export declare const RightPosition: Story;
@@ -1,19 +1,9 @@
1
- import type { StoryObj } from '@storybook/vue3-vite';
2
- declare const meta: {
3
- title: string;
4
- component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
5
- message: {
6
- type: () => import("../../types/messages.ts").IVideoMessage;
7
- required: true;
8
- };
9
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
10
- message: {
11
- type: () => import("../../types/messages.ts").IVideoMessage;
12
- required: true;
13
- };
14
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
- args: {};
16
- };
1
+ import type { Meta, StoryObj } from '@storybook/vue3-vite';
2
+ import ReplyVideoMessage from '../ReplyVideoMessage.vue';
3
+ declare const meta: Meta<typeof ReplyVideoMessage>;
17
4
  export default meta;
18
- type Story = StoryObj<typeof meta>;
5
+ type Story = StoryObj<typeof ReplyVideoMessage>;
19
6
  export declare const Default: Story;
7
+ export declare const WithHeaderAndText: Story;
8
+ export declare const LongText: Story;
9
+ export declare const RightPosition: Story;
@@ -0,0 +1,41 @@
1
+ import { IStickerMessage } from '@/types';
2
+ import '@/utils/suppress-lit-warning';
3
+ import './libs/tgs-player/lottie-player.esm.js';
4
+ import './libs/tgs-player/tgs-player.esm.js';
5
+ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
6
+ message: {
7
+ type: () => IStickerMessage;
8
+ required: true;
9
+ };
10
+ applyStyle: {
11
+ type: FunctionConstructor;
12
+ default: () => null;
13
+ };
14
+ isFirstInSeries: {
15
+ type: BooleanConstructor;
16
+ default: boolean;
17
+ };
18
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
19
+ reply: (...args: any[]) => void;
20
+ action: (...args: any[]) => void;
21
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
22
+ message: {
23
+ type: () => IStickerMessage;
24
+ required: true;
25
+ };
26
+ applyStyle: {
27
+ type: FunctionConstructor;
28
+ default: () => null;
29
+ };
30
+ isFirstInSeries: {
31
+ type: BooleanConstructor;
32
+ default: boolean;
33
+ };
34
+ }>> & Readonly<{
35
+ onReply?: ((...args: any[]) => any) | undefined;
36
+ onAction?: ((...args: any[]) => any) | undefined;
37
+ }>, {
38
+ applyStyle: Function;
39
+ isFirstInSeries: boolean;
40
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
41
+ export default _default;