@layers-app/shared 0.0.45 → 0.0.51

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 (70) hide show
  1. package/dist/KanbanLayout-CqLSzjCH.js +297 -0
  2. package/dist/assets/jsons/icons.min.json.d.ts +1 -1
  3. package/dist/components/AppContainer/hooks/useAppContainer.d.ts +1 -1
  4. package/dist/components/AppContainer/types.d.ts +1 -0
  5. package/dist/components/AttachmentsGalleryModal/AttachmentsGalleryContext.d.ts +4 -2
  6. package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.d.ts +4 -1
  7. package/dist/components/AttachmentsGalleryModal/constants.d.ts +2 -1
  8. package/dist/components/AttachmentsGalleryModal/helpers.d.ts +22 -0
  9. package/dist/components/AttachmentsGalleryModal/hooks/usePanning.d.ts +10 -0
  10. package/dist/components/AttachmentsPreview/AttachmentsPreview.d.ts +9 -0
  11. package/dist/components/ColorPicker/ColorPicker.d.ts +1 -0
  12. package/dist/components/CommentComposer/CommentEditorHotkeys.d.ts +16 -11
  13. package/dist/components/CommentComposer/index.d.ts +2 -55
  14. package/dist/components/CommentComposer/types.d.ts +96 -0
  15. package/dist/components/CommentsPanel/index.d.ts +1 -26
  16. package/dist/components/EmojiPicker/EmojiPicker.d.ts +1 -0
  17. package/dist/components/EmojiPicker/getIconsList.d.ts +11 -0
  18. package/dist/components/EmojiPicker/getRandomIcon.d.ts +1 -0
  19. package/dist/components/FilePicker/FilePicker.d.ts +2 -1
  20. package/dist/components/FilePicker/types.d.ts +1 -0
  21. package/dist/components/FormViewer/helpers/conditions.d.ts +1 -1
  22. package/dist/components/FormViewer/helpers/helpers.d.ts +1 -1
  23. package/dist/components/FormViewer/helpers/steps.d.ts +1 -1
  24. package/dist/components/FormViewer/hooks/useActiveStep.d.ts +1 -1
  25. package/dist/components/FormViewer/store/formStore.d.ts +6 -6
  26. package/dist/components/FormViewer/store/formStoreApi.d.ts +3 -3
  27. package/dist/components/FormViewer/store/selectors.d.ts +342 -342
  28. package/dist/components/FormViewer/types/schemes.d.ts +22 -22
  29. package/dist/components/ProjectIcon/ProjectIcon.d.ts +5 -0
  30. package/dist/components/RichText/extensions/bold.d.ts +3 -0
  31. package/dist/components/RichText/extensions/check-list.d.ts +42 -0
  32. package/dist/components/RichText/extensions/color-picker.d.ts +28 -0
  33. package/dist/components/RichText/extensions/font-size.d.ts +23 -0
  34. package/dist/components/RichText/extensions/italic.d.ts +3 -0
  35. package/dist/components/RichText/extensions/underline.d.ts +3 -0
  36. package/dist/components/RichText/index.d.ts +41 -0
  37. package/dist/components/UserAvatar/index.d.ts +3 -2
  38. package/dist/components/modals/RemoveConfirmModal.d.ts +8 -1
  39. package/dist/emoji-categorized-CRsMUQyD.js +4 -0
  40. package/dist/helpers/hotjar.d.ts +9 -0
  41. package/dist/helpers/pickRandomEmoji.d.ts +1 -0
  42. package/dist/icons.min-43tm8BtD.js +4 -0
  43. package/dist/index-By3Za6p9.js +116619 -0
  44. package/dist/index.d.ts +4 -2
  45. package/dist/index.js +261 -310
  46. package/dist/index.umd.cjs +60 -429
  47. package/dist/lang/locales/ui_en.json.d.ts +5 -4
  48. package/dist/lang/locales/ui_es.json.d.ts +2 -1
  49. package/dist/lang/locales/ui_ru.json.d.ts +2 -1
  50. package/package.json +9 -17
  51. package/dist/KanbanLayout-C6wJBGZ2.js +0 -287
  52. package/dist/components/CommentFilterMenu/index.d.ts +0 -9
  53. package/dist/components/CommentsPanel/components/CommentActionMenu.d.ts +0 -10
  54. package/dist/components/CommentsPanel/components/CommentActions.d.ts +0 -16
  55. package/dist/components/CommentsPanel/components/CommentPanelListItem.d.ts +0 -21
  56. package/dist/components/CommentsPanel/components/CommentTabFilter.d.ts +0 -7
  57. package/dist/components/CommentsPanel/components/CommentsEmptyPlaceholder.d.ts +0 -6
  58. package/dist/components/CommentsPanel/components/CommentsFilterHeader.d.ts +0 -3
  59. package/dist/components/CommentsPanel/components/CommentsListItemMenu.d.ts +0 -7
  60. package/dist/components/CommentsPanel/components/CommentsPanelList.d.ts +0 -18
  61. package/dist/components/CommentsPanel/components/CommentsThreadReplyControls.d.ts +0 -15
  62. package/dist/components/CommentsPanel/components/CommentsUploadFilesPreview.d.ts +0 -10
  63. package/dist/components/CommentsPanel/components/Icon.d.ts +0 -8
  64. package/dist/components/CommentsPanel/store.d.ts +0 -25
  65. package/dist/components/CommentsPanel/types.d.ts +0 -339
  66. package/dist/components/CommentsPanel/utils.d.ts +0 -14
  67. package/dist/emoji-categorized-DAOdcF53.js +0 -4
  68. package/dist/helpers/pickRandomIcon.d.ts +0 -1
  69. package/dist/icons.min-Chyr-bjL.js +0 -4
  70. package/dist/index-W83Evo8i.js +0 -78459
@@ -3,12 +3,13 @@ declare const _default: {
3
3
  "searchResults": "Search results",
4
4
  "icons": "Icons",
5
5
  "searchNoResults": "No results found",
6
+ "chooseColor": "Choose color",
6
7
  "categories": {
7
8
  "activity": "Activities",
8
9
  "custom": "Custom",
9
10
  "flags": "Flags",
10
11
  "foods": "Food and drinks",
11
- "frequent": "Frequently used",
12
+ "frequent": "Recent",
12
13
  "nature": "Animals and nature",
13
14
  "objects": "Objects",
14
15
  "people": "Emotions and people",
@@ -35,12 +36,12 @@ declare const _default: {
35
36
  "gallery": "Gallery",
36
37
  "upload": "Upload",
37
38
  "uploadFile": "Upload file",
38
- "maxFileSize": "Maximum image size - 5MB",
39
+ "maxFileSize": "Images wider than 1600px are recommended. Maximum file size: 5MB.",
39
40
  "link": "Link",
40
- "pasteLink": "Paste image link...",
41
+ "pasteLink": "Paste an image link...",
41
42
  "submitLink": "Apply",
42
43
  "worksWithAnyImage": "Works with any image from the Internet",
43
- "searchImage": "Search image...",
44
+ "searchImage": "Search for an image...",
44
45
  "noResult": "No image found for your query.",
45
46
  "change": "Change cover",
46
47
  "invalidLink": "Invalid link",
@@ -3,6 +3,7 @@ declare const _default: {
3
3
  "searchResults": "Resultados de búsqueda",
4
4
  "icons": "Iconos",
5
5
  "searchNoResults": "No se encontraron resultados",
6
+ "chooseColor": "Elegir color",
6
7
  "categories": {
7
8
  "activity": "Actividades",
8
9
  "custom": "Personalizado",
@@ -35,7 +36,7 @@ declare const _default: {
35
36
  "gallery": "Galería",
36
37
  "upload": "Subir",
37
38
  "uploadFile": "Subir archivo",
38
- "maxFileSize": "Tamaño máximo de imagen - 5MB",
39
+ "maxFileSize": "Se recomiendan imágenes de más de 1600px de ancho. Tamaño máximo de archivo: 5MB.",
39
40
  "link": "Enlace",
40
41
  "pasteLink": "Pegar enlace de imagen...",
41
42
  "submitLink": "Aplicar",
@@ -3,6 +3,7 @@ declare const _default: {
3
3
  "searchResults": "Результаты поиска",
4
4
  "searchNoResults": "Результаты не найдены",
5
5
  "icons": "Иконки",
6
+ "chooseColor": "Выбрать цвет",
6
7
  "categories": {
7
8
  "activity": "Активности",
8
9
  "custom": "Свои",
@@ -30,7 +31,7 @@ declare const _default: {
30
31
  "gallery": "Галерея",
31
32
  "upload": "Загрузить",
32
33
  "uploadFile": "Загрузить файл",
33
- "maxFileSize": "Максимальный вес изображения - 5МБ",
34
+ "maxFileSize": "Рекомендуются изображения шире 1600px. Максимальный размер файла: 5МБ.",
34
35
  "link": "Ссылка",
35
36
  "pasteLink": "Вставьте ссылку на изображение...",
36
37
  "submitLink": "Применить",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@layers-app/shared",
3
- "version": "0.0.45",
3
+ "version": "0.0.51",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -20,22 +20,14 @@
20
20
  "dependencies": {
21
21
  "@emoji-mart/data": "^1.2.1"
22
22
  },
23
- "devDependencies": {
24
- "@vitejs/plugin-react": "^4.3.0",
25
- "vite": "6.3.5",
26
- "vite-plugin-css-injected-by-js": "^3.5.0",
27
- "vite-plugin-dts": "^4.1.0",
28
- "vite-plugin-svgr": "^4.2.0",
29
- "typescript": "^5.8.3"
30
- },
31
23
  "peerDependencies": {
32
- "@mantine/core": "^8.0.0",
33
- "@mantine/dates": "^8.0.0",
34
- "@mantine/dropzone": "^8.0.0",
35
- "@mantine/form": "^8.0.0",
36
- "@mantine/hooks": "^8.0.0",
37
- "@mantine/modals": "^8.0.0",
38
- "@mantine/notifications": "^8.0.0",
24
+ "@mantine/core": "8.3.5",
25
+ "@mantine/dates": "8.3.5",
26
+ "@mantine/dropzone": "8.3.5",
27
+ "@mantine/form": "8.3.5",
28
+ "@mantine/hooks": "8.3.5",
29
+ "@mantine/modals": "8.3.5",
30
+ "@mantine/notifications": "8.3.5",
39
31
  "@reduxjs/toolkit": "^2.2.7",
40
32
  "@sinups/agg": "3.0.0",
41
33
  "@tabler/icons-react": "^3.7.0",
@@ -44,7 +36,7 @@
44
36
  "date-fns": "^4.1.0",
45
37
  "draggable-ui": "^0.0.1",
46
38
  "emoji-mart": "^5.6.0",
47
- "framer-motion": "^11.3.24 || ^12.0.0",
39
+ "framer-motion": "^11.3.24",
48
40
  "i18next": "^25.5.2",
49
41
  "jwt-decode": "^4.0.0",
50
42
  "lodash-es": "^4.17.21",
@@ -1,287 +0,0 @@
1
- import { jsxs as e, jsx as t } from "react/jsx-runtime";
2
- import { useTranslation as A } from "react-i18next";
3
- import { Flex as r, Text as c, ActionIcon as a, Divider as p, Box as m, Avatar as u, Skeleton as s } from "@mantine/core";
4
- import "react";
5
- import { IconCheck as h, IconBug as S, IconSquareRotated as F, IconPlus as f, IconCalendarEvent as g, IconEqual as w } from "@tabler/icons-react";
6
- import "react-router-dom";
7
- import { randomId as y } from "@mantine/hooks";
8
- import "@tanstack/react-query";
9
- import "query-string";
10
- import "@mantine/form";
11
- import "@mantine/dropzone";
12
- import "@mantine/notifications";
13
- import "lodash-es";
14
- import { u as I, S as z } from "./index-W83Evo8i.js";
15
- import "react-dom";
16
- import "draggable-ui";
17
- import "@mantine/modals";
18
- import "i18next";
19
- import "framer-motion";
20
- import "@mantine/dates";
21
- const _ = "_column_10zam_1", k = "_card_10zam_6", o = {
22
- column: _,
23
- card: k
24
- }, Z = () => {
25
- const { tasksList: b, statusesList: d } = I(), D = /* @__PURE__ */ new Date(), B = (i) => {
26
- const n = new Date(D);
27
- return n.setDate(n.getDate() + (3 + i)), n.toDateString();
28
- }, { t: l } = A("onboarding"), v = [
29
- {
30
- id: y(),
31
- color: "blue",
32
- icon: h,
33
- name: l("selectCategory.options.task"),
34
- type: "task",
35
- order: 1
36
- },
37
- {
38
- id: y(),
39
- color: "orange",
40
- icon: S,
41
- name: l("selectCategory.options.bug"),
42
- type: "bug",
43
- order: 2
44
- },
45
- {
46
- id: y(),
47
- color: "grape",
48
- icon: F,
49
- name: l("selectCategory.options.milestone"),
50
- type: "milestone",
51
- order: 3
52
- }
53
- ], E = (i) => {
54
- const n = v.find((j) => j.type === i);
55
- return n ? /* @__PURE__ */ t(a, { size: 16, variant: "filled", color: n.color, children: /* @__PURE__ */ t(n.icon, {}) }) : null;
56
- };
57
- return /* @__PURE__ */ e(r, { gap: 13, align: "start", w: "100%", children: [
58
- /* @__PURE__ */ e(
59
- r,
60
- {
61
- gap: 11,
62
- p: 7,
63
- direction: "column",
64
- w: 340,
65
- className: o.column,
66
- children: [
67
- /* @__PURE__ */ e(r, { w: "100%", justify: "space-between", children: [
68
- /* @__PURE__ */ e(r, { gap: 14, align: "center", children: [
69
- /* @__PURE__ */ t(z, { color: "#228BE6", title: d[0] }),
70
- /* @__PURE__ */ e(c, { c: "#868E96", fz: 14, children: [
71
- "(",
72
- l("defineStatuses.tasks"),
73
- ": ",
74
- b.length,
75
- ")"
76
- ] })
77
- ] }),
78
- /* @__PURE__ */ t(a, { variant: "subtle", size: 18, children: /* @__PURE__ */ t(f, {}) })
79
- ] }),
80
- /* @__PURE__ */ t(p, { w: "100%" }),
81
- b.map((i, n) => /* @__PURE__ */ e(
82
- r,
83
- {
84
- gap: 0,
85
- direction: "column",
86
- align: "start",
87
- justify: "space-between",
88
- w: "100%",
89
- h: 105,
90
- className: o.card,
91
- px: 14,
92
- py: 9,
93
- children: [
94
- /* @__PURE__ */ e(m, { children: [
95
- /* @__PURE__ */ t(c, { fz: 18, fw: 400, children: i.title }),
96
- /* @__PURE__ */ e(r, { align: "center", children: [
97
- /* @__PURE__ */ t(g, { color: "#495057", size: 13 }),
98
- /* @__PURE__ */ t(c, { fz: 16, c: "#495057", children: B(n) })
99
- ] })
100
- ] }),
101
- /* @__PURE__ */ e(r, { justify: "space-between", w: "100%", children: [
102
- /* @__PURE__ */ e(r, { children: [
103
- E(i.type),
104
- /* @__PURE__ */ e(c, { fz: 13, children: [
105
- "DEMO-",
106
- n + 1
107
- ] })
108
- ] }),
109
- /* @__PURE__ */ e(r, { children: [
110
- /* @__PURE__ */ t(w, { color: "#F59F00", size: 16 }),
111
- /* @__PURE__ */ t(
112
- u,
113
- {
114
- variant: "filled",
115
- color: "#228BE6",
116
- radius: "xl",
117
- size: 24
118
- }
119
- )
120
- ] })
121
- ] })
122
- ]
123
- },
124
- i.id
125
- ))
126
- ]
127
- }
128
- ),
129
- /* @__PURE__ */ e(
130
- r,
131
- {
132
- gap: 11,
133
- p: 7,
134
- direction: "column",
135
- w: 340,
136
- className: o.column,
137
- children: [
138
- /* @__PURE__ */ e(r, { w: "100%", justify: "space-between", children: [
139
- /* @__PURE__ */ e(r, { gap: 14, align: "center", children: [
140
- /* @__PURE__ */ t(z, { color: "#12B886", title: d[1] }),
141
- /* @__PURE__ */ e(c, { c: "#868E96", fz: 14, children: [
142
- "(",
143
- l("defineStatuses.tasks"),
144
- ": 2)"
145
- ] })
146
- ] }),
147
- /* @__PURE__ */ t(a, { variant: "subtle", size: 18, children: /* @__PURE__ */ t(f, {}) })
148
- ] }),
149
- /* @__PURE__ */ t(p, { w: "100%" }),
150
- Array(2).fill(0).map((i, n) => /* @__PURE__ */ e(
151
- r,
152
- {
153
- gap: 0,
154
- direction: "column",
155
- align: "start",
156
- justify: "space-between",
157
- w: "100%",
158
- h: 105,
159
- className: o.card,
160
- px: 14,
161
- py: 9,
162
- children: [
163
- /* @__PURE__ */ e(m, { children: [
164
- /* @__PURE__ */ t(
165
- s,
166
- {
167
- animate: !1,
168
- mb: 15,
169
- w: n === 0 ? 128 : 172,
170
- h: 18
171
- }
172
- ),
173
- /* @__PURE__ */ e(r, { align: "center", children: [
174
- /* @__PURE__ */ t(g, { color: "#495057", size: 13 }),
175
- /* @__PURE__ */ t(s, { animate: !1, w: n === 0 ? 52 : 63, h: 12 })
176
- ] })
177
- ] }),
178
- /* @__PURE__ */ e(r, { justify: "space-between", w: "100%", children: [
179
- /* @__PURE__ */ e(r, { children: [
180
- /* @__PURE__ */ t(a, { size: 16, variant: "filled", color: "#ADB5BD", children: /* @__PURE__ */ t(h, {}) }),
181
- /* @__PURE__ */ e(c, { c: "#ADB5BD", fz: 13, children: [
182
- "DEMO-",
183
- n + 4
184
- ] })
185
- ] }),
186
- /* @__PURE__ */ e(r, { children: [
187
- /* @__PURE__ */ t(w, { color: "#F59F00", size: 16 }),
188
- /* @__PURE__ */ t(
189
- u,
190
- {
191
- variant: "filled",
192
- color: "#228BE6",
193
- radius: "xl",
194
- size: 24
195
- }
196
- )
197
- ] })
198
- ] })
199
- ]
200
- },
201
- n
202
- ))
203
- ]
204
- }
205
- ),
206
- /* @__PURE__ */ e(
207
- r,
208
- {
209
- gap: 11,
210
- p: 7,
211
- direction: "column",
212
- w: 340,
213
- className: o.column,
214
- children: [
215
- /* @__PURE__ */ e(r, { w: "100%", justify: "space-between", children: [
216
- /* @__PURE__ */ e(r, { gap: 14, align: "center", children: [
217
- /* @__PURE__ */ t(z, { color: "#FA5252", title: d[2] }),
218
- /* @__PURE__ */ e(c, { c: "#868E96", fz: 14, children: [
219
- "(",
220
- l("defineStatuses.tasks"),
221
- ": 2)"
222
- ] })
223
- ] }),
224
- /* @__PURE__ */ t(a, { variant: "subtle", size: 18, children: /* @__PURE__ */ t(f, {}) })
225
- ] }),
226
- /* @__PURE__ */ t(p, { w: "100%" }),
227
- Array(2).fill(0).map((i, n) => /* @__PURE__ */ e(
228
- r,
229
- {
230
- gap: 0,
231
- direction: "column",
232
- align: "start",
233
- justify: "space-between",
234
- w: "100%",
235
- h: 105,
236
- className: o.card,
237
- px: 14,
238
- py: 9,
239
- children: [
240
- /* @__PURE__ */ e(m, { children: [
241
- /* @__PURE__ */ t(
242
- s,
243
- {
244
- animate: !1,
245
- mb: 15,
246
- w: n === 0 ? 266 : 150,
247
- h: 18
248
- }
249
- ),
250
- /* @__PURE__ */ e(r, { align: "center", children: [
251
- /* @__PURE__ */ t(g, { color: "#495057", size: 13 }),
252
- /* @__PURE__ */ t(s, { animate: !1, w: n === 0 ? 72 : 46, h: 12 })
253
- ] })
254
- ] }),
255
- /* @__PURE__ */ e(r, { justify: "space-between", w: "100%", children: [
256
- /* @__PURE__ */ e(r, { children: [
257
- /* @__PURE__ */ t(a, { size: 16, variant: "filled", color: "#ADB5BD", children: /* @__PURE__ */ t(h, {}) }),
258
- /* @__PURE__ */ e(c, { c: "#ADB5BD", fz: 13, children: [
259
- "DEMO-",
260
- n + 6
261
- ] })
262
- ] }),
263
- /* @__PURE__ */ e(r, { children: [
264
- /* @__PURE__ */ t(w, { color: "#F59F00", size: 16 }),
265
- /* @__PURE__ */ t(
266
- u,
267
- {
268
- variant: "filled",
269
- color: "#228BE6",
270
- radius: "xl",
271
- size: 24
272
- }
273
- )
274
- ] })
275
- ] })
276
- ]
277
- },
278
- n
279
- ))
280
- ]
281
- }
282
- )
283
- ] });
284
- };
285
- export {
286
- Z as default
287
- };
@@ -1,9 +0,0 @@
1
- import { CommentsFilter } from '../CommentsPanel/types.ts';
2
- import * as React from 'react';
3
- export declare const CommentFilterMenu: ({ commentsFilter, setCommentsFilter, disabled, onCollapse, listRef, }: {
4
- commentsFilter: CommentsFilter;
5
- setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
6
- disabled?: boolean;
7
- listRef?: React.RefObject<HTMLElement>;
8
- onCollapse?: React.Dispatch<React.SetStateAction<string | null>>;
9
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- import { CommentsNs } from '../types.ts';
2
- interface CommentActionMenuProps {
3
- onDownload: () => void;
4
- onDelete: () => void;
5
- iconColor?: string;
6
- hasPermission: boolean;
7
- locales?: CommentsNs;
8
- }
9
- export declare const CommentActionMenu: ({ onDownload, onDelete, iconColor, hasPermission, locales: propLocales, }: CommentActionMenuProps) => import("react/jsx-runtime").JSX.Element;
10
- export {};
@@ -1,16 +0,0 @@
1
- import { default as React } from 'react';
2
- import { Comment, GeneralComment, SharedCommentProps, Thread } from '../types.ts';
3
- interface CommentActionsProps extends Omit<SharedCommentProps, 'commentOrThread'> {
4
- accepted: boolean;
5
- showEmojiPicker: boolean;
6
- setShowEmojiPicker: React.Dispatch<React.SetStateAction<boolean>>;
7
- commentSelected?: boolean;
8
- commentOrThread: Thread | GeneralComment;
9
- handleBlur: (e: React.MouseEvent<HTMLButtonElement>) => void;
10
- toggleRepliesInput?: (id: string, event: React.MouseEvent<HTMLElement>) => void;
11
- handleEditClick: (comment: Comment | Thread | GeneralComment) => void;
12
- handleReactionClick: (emoji: string) => void;
13
- hasPermission: boolean;
14
- }
15
- export declare const CommentActions: React.FC<CommentActionsProps>;
16
- export {};
@@ -1,21 +0,0 @@
1
- import { NodeKey, RangeSelection } from '@layers-app/editor';
2
- import { Comment, CommentsNs, GeneralComment, ICommentFile, SharedCommentProps, Thread, UpdateCommentTextArgs } from '../types.ts';
3
- import * as React from 'react';
4
- interface ICommentPanelListItemProps extends SharedCommentProps {
5
- deleteCommentImage: (photoToRemove: string, threadOrGeneralId: string, commentId?: string) => void;
6
- addCommentReaction: (reaction: string, comment: Thread | GeneralComment | Comment, threatOrGeneral?: Thread | GeneralComment) => void;
7
- removeCommentReactions: (reaction: string, threatOrGeneral: Thread | GeneralComment | Comment, comment?: Thread | GeneralComment) => void;
8
- toggleRepliesInput: (id: string) => void;
9
- parentThreadOrGeneral?: Thread | GeneralComment;
10
- updateThreadId?: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
11
- handleClickThread?: (e: React.MouseEvent<HTMLElement>) => void;
12
- markNodeMap?: Map<string, Set<NodeKey>>;
13
- submitAddComment?: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
14
- updateCommentTextOrImage: UpdateCommentTextArgs;
15
- replyInput?: string;
16
- setShowReplyInput?: React.Dispatch<React.SetStateAction<string>>;
17
- activeIDs?: Array<string>;
18
- locales: CommentsNs;
19
- }
20
- export declare const CommentPanelListItem: ({ commentOrThread, handleClickThread, markNodeMap, parentThreadOrGeneral, submitAddComment, removeCommentReactions, updateThreadId, addCommentReaction, deleteCommentImage, activeIDs, updateCommentTextOrImage, resolveThreat, toggleRepliesInput, locales, deleteCommentOrThread, replyInput, }: ICommentPanelListItemProps) => import("react/jsx-runtime").JSX.Element;
21
- export {};
@@ -1,7 +0,0 @@
1
- import { CommentsFilter } from '../types.ts';
2
- import * as React from 'react';
3
- export declare const CommentTabFilter: ({ commentsFilter, setCommentsFilter, listRef, }: {
4
- commentsFilter: CommentsFilter;
5
- setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
6
- listRef: React.RefObject<HTMLElement>;
7
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import { CommentsFilter } from '../types.ts';
2
- import * as React from 'react';
3
- export declare const CommentsEmptyPlaceholder: ({ commentsFilter, listRef }: {
4
- commentsFilter: CommentsFilter;
5
- listRef: React.RefObject<HTMLElement>;
6
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- import { ICommentsFilterProps } from '../types.ts';
2
- import * as React from 'react';
3
- export declare const CommentsFilterHeader: React.FC<ICommentsFilterProps>;
@@ -1,7 +0,0 @@
1
- import { Comment, GeneralComment, Thread } from '../types.ts';
2
- export declare const CommentsListItemMenu: ({ handleEditClick, commentOrThread, deleteCommentOrThread, hasPermission, }: {
3
- handleEditClick: (comment: Comment | Thread | GeneralComment) => void;
4
- commentOrThread: Comment | Thread | GeneralComment;
5
- deleteCommentOrThread: (commentOrThread: Comment | Thread, thread?: Thread) => void;
6
- hasPermission: boolean;
7
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1,18 +0,0 @@
1
- import { ReactElement } from 'react';
2
- import { RangeSelection, NodeKey } from '@layers-app/editor';
3
- import { Comment, Comments, GeneralComment, ICommentFile, SharedCommentProps, Thread, UpdateCommentTextArgs } from '../types.ts';
4
- import * as React from 'react';
5
- interface CommentsPanelListProps extends Omit<SharedCommentProps, 'commentOrThread'> {
6
- activeIDs: string[];
7
- comments: Comments;
8
- listRef: React.RefObject<HTMLElement>;
9
- updateThreadId: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
10
- deleteCommentImage: (photoToRemove: string, threadOrGeneralId: string, commentId?: string) => void;
11
- removeCommentReactions: (reaction: string, threatOrGeneral: Thread | GeneralComment | Comment, comment?: Thread | GeneralComment) => void;
12
- addCommentReaction: (reaction: string, comment: Thread | GeneralComment | Comment, threatOrGeneral?: Thread | GeneralComment) => void;
13
- markNodeMap?: Map<string, Set<NodeKey>>;
14
- submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
15
- updateCommentTextOrImage: UpdateCommentTextArgs;
16
- }
17
- export declare function CommentsPanelList({ activeIDs, comments, deleteCommentOrThread, listRef, addCommentReaction, updateThreadId, submitAddComment, deleteCommentImage, removeCommentReactions, markNodeMap, resolveThreat, updateCommentTextOrImage, }: CommentsPanelListProps): ReactElement;
18
- export {};
@@ -1,15 +0,0 @@
1
- import { CommentsNs } from '../types.ts';
2
- import * as React from 'react';
3
- interface CommentsThreadReplyControlsProps {
4
- onSubmit: () => void;
5
- handleFileChange: (files: File[]) => void;
6
- disabledSubmitButton: boolean;
7
- disabledUploadButton: boolean;
8
- isSubmitting: boolean;
9
- setIsSubmitting: React.Dispatch<React.SetStateAction<boolean>>;
10
- handleClearInput: () => void;
11
- isFloatInput?: boolean;
12
- locales?: CommentsNs;
13
- }
14
- export declare const CommentsThreadReplyControls: ({ onSubmit, handleFileChange, disabledSubmitButton, disabledUploadButton, isFloatInput, setIsSubmitting, isSubmitting, handleClearInput, locales: propLocales, }: CommentsThreadReplyControlsProps) => import("react/jsx-runtime").JSX.Element;
15
- export {};
@@ -1,10 +0,0 @@
1
- import { CommentsNs, ICommentFile } from '../types.ts';
2
- interface CommentsUploadFilesPreviewProps {
3
- files: Array<ICommentFile>;
4
- hasPermission?: boolean;
5
- removeImage: (index: number | string) => void;
6
- showLoading?: boolean;
7
- locales?: CommentsNs;
8
- }
9
- export declare const CommentsUploadFilesPreview: ({ files, hasPermission, removeImage, showLoading, locales, }: CommentsUploadFilesPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
10
- export {};
@@ -1,8 +0,0 @@
1
- import { FC } from 'react';
2
- import { IconProps } from '@tabler/icons-react';
3
- declare const iconsBlockTypeToBlockName: Record<string, FC<IconProps>>;
4
- declare const Icon: ({ name, iconStyle, ...rest }: {
5
- name: keyof typeof iconsBlockTypeToBlockName;
6
- [key: string]: any;
7
- }) => import("react/jsx-runtime").JSX.Element;
8
- export default Icon;
@@ -1,25 +0,0 @@
1
- import { CommentsNs, GetEditorFn, ICommentOptions, IMember, IUser } from './types';
2
- interface CommentsState {
3
- workspaceMembers: IMember[];
4
- currentUser?: IUser;
5
- showComments: boolean;
6
- adminPermission: boolean;
7
- commentOptions?: ICommentOptions;
8
- getEditor?: GetEditorFn;
9
- isSidebar: boolean;
10
- isGuest: boolean;
11
- commentsLocales: CommentsNs;
12
- selectMarkNode?: (markNodeKeys: Set<string>, activeElement: Element | null) => void;
13
- initializeComments: (data: {
14
- workspaceMembers?: IMember[];
15
- currentUser?: IUser;
16
- showComments?: boolean;
17
- commentOptions?: ICommentOptions;
18
- getEditor?: GetEditorFn;
19
- isSidebar: boolean;
20
- commentsLocales: CommentsNs;
21
- selectMarkNode?: (markNodeKeys: Set<string>, activeElement: Element | null) => void;
22
- }) => void;
23
- }
24
- export declare const useCommentsStore: import('zustand').UseBoundStore<import('zustand').StoreApi<CommentsState>>;
25
- export {};