@edifice.io/react 2.1.2-develop-pedago.20250320142932 → 2.1.2-develop-pedago.20250324160922

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 (10) hide show
  1. package/dist/modules/comments/components/CommentList.js +2 -2
  2. package/dist/modules/comments/components/CommentReplies.js +4 -4
  3. package/dist/modules/comments/context/Context.d.ts +1 -1
  4. package/dist/modules/comments/hooks/useCommentReplies.d.ts +2 -2
  5. package/dist/modules/comments/hooks/useCommentReplies.js +5 -5
  6. package/dist/modules/comments/hooks/useComments.d.ts +3 -4
  7. package/dist/modules/comments/hooks/useComments.js +12 -13
  8. package/dist/modules/comments/hooks/useCommentsContext.d.ts +1 -1
  9. package/dist/modules/comments/provider/CommentProvider.js +6 -7
  10. package/package.json +6 -6
package/dist/modules/comments/components/CommentList.js CHANGED
@@ -6,10 +6,10 @@ function CommentList() {
6
6
  const {
7
7
  user
8
8
  } = useEdificeClient(), {
9
- limitedSortedParentComments,
9
+ displayedComments,
10
10
  profiles
11
11
  } = useCommentsContext();
12
- return limitedSortedParentComments == null ? void 0 : limitedSortedParentComments.map((comment) => {
12
+ return displayedComments == null ? void 0 : displayedComments.map((comment) => {
13
13
  var _a;
14
14
  const {
15
15
  authorId
package/dist/modules/comments/components/CommentReplies.js CHANGED
@@ -15,8 +15,8 @@ const CommentReplies = ({
15
15
  t,
16
16
  user,
17
17
  profile,
18
- slicedReplies,
19
- defaultReplies,
18
+ displayedReplies,
19
+ showMoreReplies,
20
20
  handleMoreReplies
21
21
  } = useCommentReplies({
22
22
  parentComment,
@@ -25,11 +25,11 @@ const CommentReplies = ({
25
25
  }), showCommentForm = replyToCommentId === parentComment.id && !parentComment.deleted;
26
26
  return /* @__PURE__ */ jsxs("div", { className: "comments-replies-container", children: [
27
27
  showCommentForm && /* @__PURE__ */ jsx("div", { className: "comments-replies-form", children: /* @__PURE__ */ jsx(CommentForm, { userId: user == null ? void 0 : user.userId, replyTo: parentComment.id }) }),
28
- /* @__PURE__ */ jsx("div", { className: "comments-replies-list", children: slicedReplies.map((reply) => {
28
+ /* @__PURE__ */ jsx("div", { className: "comments-replies-list", children: displayedReplies.map((reply) => {
29
29
  if (!reply.deleted)
30
30
  return /* @__PURE__ */ jsx("div", { className: "comments-replies-reply", children: /* @__PURE__ */ jsx(Comment, { comment: reply, profile, userId: user == null ? void 0 : user.userId }) }, reply.id);
31
31
  }) }),
32
- slicedReplies.length < (defaultReplies == null ? void 0 : defaultReplies.length) && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", onClick: handleMoreReplies, className: "ms-24", children: t("comment.more.replies") })
32
+ showMoreReplies && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", onClick: handleMoreReplies, className: "ms-24", children: t("comment.more.replies") })
33
33
  ] });
34
34
  };
35
35
  export {
package/dist/modules/comments/context/Context.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { RightRole } from '@edifice.io/client';
2
2
  import { CommentOptions, CommentProps, CommentType, UserProfileResult } from '../types';
3
3
  export declare const CommentContext: import('react').Context<{
4
- limitedSortedParentComments: CommentProps[] | undefined;
4
+ displayedComments: CommentProps[] | undefined;
5
5
  defaultComments: CommentProps[] | undefined;
6
6
  editCommentId: string | null;
7
7
  replyToCommentId: string | null;
package/dist/modules/comments/hooks/useCommentReplies.d.ts CHANGED
@@ -7,7 +7,7 @@ export declare const useCommentReplies: ({ parentComment, profiles, options, }:
7
7
  t: import('i18next').TFunction<"translation", undefined>;
8
8
  user: import('@edifice.io/client').IUserInfo | undefined;
9
9
  profile: "Student" | "Teacher" | "Relative" | "Personnel" | "Guest";
10
- slicedReplies: CommentProps[];
11
- defaultReplies: CommentProps[];
10
+ displayedReplies: CommentProps[];
11
+ showMoreReplies: boolean;
12
12
  handleMoreReplies: () => void;
13
13
  };
package/dist/modules/comments/hooks/useCommentReplies.js CHANGED
@@ -19,16 +19,16 @@ const useCommentReplies = ({
19
19
  t
20
20
  } = useTranslation(), {
21
21
  authorId
22
- } = parentComment, profile = ((_a = profiles == null ? void 0 : profiles.find((user2) => (user2 == null ? void 0 : user2.userId) === authorId)) == null ? void 0 : _a.profile) ?? "Guest", defaultReplies = (defaultComments == null ? void 0 : defaultComments.filter((comment) => comment.replyTo === parentComment.id)) ?? [], slicedReplies = (defaultReplies == null ? void 0 : defaultReplies.sort((a, b) => b.createdAt - a.createdAt).slice(0, repliesLimit)) ?? [];
22
+ } = parentComment, profile = ((_a = profiles == null ? void 0 : profiles.find((user2) => (user2 == null ? void 0 : user2.userId) === authorId)) == null ? void 0 : _a.profile) ?? "Guest", defaultReplies = (defaultComments == null ? void 0 : defaultComments.filter((comment) => comment.replyTo === parentComment.id && !comment.deleted)) ?? [], displayedReplies = (defaultReplies == null ? void 0 : defaultReplies.sort((a, b) => a.createdAt - b.createdAt).slice(0, repliesLimit)) ?? [], showMoreReplies = displayedReplies.length < defaultReplies.length;
23
23
  return {
24
24
  t,
25
25
  user,
26
26
  profile,
27
- slicedReplies,
28
- defaultReplies,
27
+ displayedReplies,
28
+ showMoreReplies,
29
29
  handleMoreReplies: () => {
30
- const newLimit = slicedReplies.length + (additionalReplies ?? 2);
31
- newLimit !== slicedReplies.length && setRepliesLimit(newLimit);
30
+ const newLimit = displayedReplies.length + (additionalReplies ?? 2);
31
+ newLimit !== displayedReplies.length && setRepliesLimit(newLimit);
32
32
  }
33
33
  };
34
34
  };
package/dist/modules/comments/hooks/useComments.d.ts CHANGED
@@ -5,6 +5,7 @@ export declare const useComments: ({ defaultComments, options, type, callbacks,
5
5
  type: CommentType;
6
6
  callbacks: CommentCallbacks | null;
7
7
  }) => {
8
+ t: import('i18next').TFunction<"translation", undefined>;
8
9
  profilesQueries: {
9
10
  data: ({
10
11
  userId: string;
@@ -15,14 +16,12 @@ export declare const useComments: ({ defaultComments, options, type, callbacks,
15
16
  title: string;
16
17
  user: import('@edifice.io/client').IUserInfo | undefined;
17
18
  emptyscreenPath: string;
18
- defaultParentCommentsCount: number;
19
- limitedSortedParentComments: CommentProps[];
19
+ displayedComments: CommentProps[];
20
+ showMoreComments: boolean;
20
21
  editCommentId: string | null;
21
22
  setEditCommentId: import('react').Dispatch<import('react').SetStateAction<string | null>>;
22
23
  replyToCommentId: string | null;
23
24
  setReplyToCommentId: import('react').Dispatch<import('react').SetStateAction<string | null>>;
24
- limitedSortedParentCommentsCount: number;
25
- t: import('i18next').TFunction<"translation", undefined>;
26
25
  handleMoreComments: () => void;
27
26
  handleDeleteComment: (id: string) => void;
28
27
  handleCreateComment: (content: string, replyTo?: string) => void;
package/dist/modules/comments/hooks/useComments.js CHANGED
@@ -9,40 +9,39 @@ const useComments = ({
9
9
  type,
10
10
  callbacks
11
11
  }) => {
12
- var _a;
12
+ var _a, _b;
13
13
  const [editCommentId, setEditCommentId] = useState(null), [replyToCommentId, setReplyToCommentId] = useState(null), [commentLimit, setCommentLimit] = useState(options.maxComments), {
14
14
  t
15
15
  } = useTranslation(), {
16
16
  user
17
- } = useEdificeClient(), usersIds = Array.from(new Set(defaultComments == null ? void 0 : defaultComments.map((comment) => comment.authorId))), profilesQueries = useProfileQueries(usersIds), limitedSortedParentComments = useMemo(
17
+ } = useEdificeClient(), usersIds = Array.from(new Set(defaultComments == null ? void 0 : defaultComments.map((comment) => comment.authorId))), profilesQueries = useProfileQueries(usersIds), idsOfDeletedCommentWithNoReply = useMemo(() => (defaultComments == null ? void 0 : defaultComments.filter((comment) => comment.deleted && !defaultComments.some((c) => c.replyTo === comment.id)).map((comment) => comment.id)) ?? [], [defaultComments]), displayedComments = useMemo(
18
18
  () => {
19
19
  var _a2;
20
- const filteredAndSortedComments = ((_a2 = defaultComments == null ? void 0 : defaultComments.filter((comment) => !comment.replyTo)) == null ? void 0 : _a2.sort((a, b) => b.createdAt - a.createdAt)) ?? [];
21
- return type === "edit" ? filteredAndSortedComments.slice(0, commentLimit) ?? [] : filteredAndSortedComments;
20
+ const result = ((_a2 = defaultComments == null ? void 0 : defaultComments.filter((comment) => !comment.replyTo && !idsOfDeletedCommentWithNoReply.includes(comment.id))) == null ? void 0 : _a2.sort((a, b) => b.createdAt - a.createdAt)) ?? [];
21
+ return type === "edit" ? result.slice(0, commentLimit) ?? [] : result;
22
22
  },
23
23
  // eslint-disable-next-line react-hooks/exhaustive-deps
24
24
  [commentLimit, defaultComments]
25
- ), limitedSortedParentCommentsCount = (limitedSortedParentComments == null ? void 0 : limitedSortedParentComments.length) ?? 0, defaultParentCommentsCount = ((_a = defaultComments == null ? void 0 : defaultComments.filter((comment) => !comment.replyTo)) == null ? void 0 : _a.length) ?? 0, title = defaultComments != null && defaultComments.length && (defaultComments == null ? void 0 : defaultComments.length) > 1 ? t("comment.several", {
26
- number: defaultComments == null ? void 0 : defaultComments.length
25
+ ), showMoreComments = (displayedComments == null ? void 0 : displayedComments.length) < (((_a = defaultComments == null ? void 0 : defaultComments.filter((comment) => !comment.replyTo && !idsOfDeletedCommentWithNoReply.includes(comment.id))) == null ? void 0 : _a.length) ?? 0), titleCommentsCount = ((_b = defaultComments == null ? void 0 : defaultComments.filter((comment) => !comment.deleted)) == null ? void 0 : _b.length) ?? 0, title = titleCommentsCount > 1 ? t("comment.several", {
26
+ number: titleCommentsCount
27
27
  }) : t("comment.little", {
28
- number: defaultComments == null ? void 0 : defaultComments.length
28
+ number: titleCommentsCount
29
29
  });
30
30
  return {
31
+ t,
31
32
  profilesQueries,
32
33
  title,
33
34
  user,
34
35
  emptyscreenPath: illuPad,
35
- defaultParentCommentsCount,
36
- limitedSortedParentComments,
36
+ displayedComments,
37
+ showMoreComments,
37
38
  editCommentId,
38
39
  setEditCommentId,
39
40
  replyToCommentId,
40
41
  setReplyToCommentId,
41
- limitedSortedParentCommentsCount,
42
- t,
43
42
  handleMoreComments: () => {
44
- const filteredComments = limitedSortedParentComments == null ? void 0 : limitedSortedParentComments.filter((comment) => !comment.replyTo), newLimit = (filteredComments == null ? void 0 : filteredComments.length) + (options.additionalComments ?? 5);
45
- newLimit !== (filteredComments == null ? void 0 : filteredComments.length) && setCommentLimit(newLimit);
43
+ const newLimit = displayedComments.length + (options.additionalComments ?? 5);
44
+ newLimit !== displayedComments.length && setCommentLimit(newLimit);
46
45
  },
47
46
  handleDeleteComment: (id) => {
48
47
  type === "edit" && (callbacks == null || callbacks.delete(id));
package/dist/modules/comments/hooks/useCommentsContext.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const useCommentsContext: () => {
2
- limitedSortedParentComments: import('../types').CommentProps[] | undefined;
2
+ displayedComments: import('../types').CommentProps[] | undefined;
3
3
  defaultComments: import('../types').CommentProps[] | undefined;
4
4
  editCommentId: string | null;
5
5
  replyToCommentId: string | null;
package/dist/modules/comments/provider/CommentProvider.js CHANGED
@@ -28,13 +28,12 @@ const CommentProvider = ({
28
28
  title,
29
29
  user,
30
30
  emptyscreenPath,
31
- defaultParentCommentsCount,
32
- limitedSortedParentComments,
31
+ displayedComments,
32
+ showMoreComments,
33
33
  editCommentId,
34
34
  setEditCommentId,
35
35
  replyToCommentId,
36
36
  setReplyToCommentId,
37
- limitedSortedParentCommentsCount,
38
37
  t,
39
38
  handleMoreComments,
40
39
  handleDeleteComment,
@@ -50,7 +49,7 @@ const CommentProvider = ({
50
49
  options
51
50
  }), userRights = type === "edit" ? props.rights : void 0, values = useMemo(
52
51
  () => ({
53
- limitedSortedParentComments,
52
+ displayedComments,
54
53
  defaultComments,
55
54
  profiles: profilesQueries.data,
56
55
  editCommentId,
@@ -68,7 +67,7 @@ const CommentProvider = ({
68
67
  handleReset
69
68
  }),
70
69
  // eslint-disable-next-line react-hooks/exhaustive-deps
71
- [limitedSortedParentComments, editCommentId, profilesQueries, options]
70
+ [displayedComments, editCommentId, profilesQueries, options]
72
71
  );
73
72
  return /* @__PURE__ */ jsx(CommentContext.Provider, { value: values, children: /* @__PURE__ */ jsxs("div", { className: "my-24", children: [
74
73
  /* @__PURE__ */ jsx(CommentHeader, { title }),
@@ -76,10 +75,10 @@ const CommentProvider = ({
76
75
  user && /* @__PURE__ */ jsx(CommentForm, { userId: user.userId }),
77
76
  profilesQueries.isLoading ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
78
77
  /* @__PURE__ */ jsx(CommentList, {}),
79
- limitedSortedParentCommentsCount !== defaultParentCommentsCount && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", onClick: handleMoreComments, className: "my-16", children: t("comment.more") })
78
+ showMoreComments && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", onClick: handleMoreComments, className: "my-16", children: t("comment.more") })
80
79
  ] })
81
80
  ] }),
82
- !limitedSortedParentCommentsCount && type === "edit" && /* @__PURE__ */ jsxs("div", { className: "comments-emptyscreen", children: [
81
+ !displayedComments.length && type === "edit" && /* @__PURE__ */ jsxs("div", { className: "comments-emptyscreen", children: [
83
82
  /* @__PURE__ */ jsx("div", { className: "comments-emptyscreen-wrapper", children: /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: emptyscreenPath, size: 150 }) }),
84
83
  /* @__PURE__ */ jsx("p", { children: t("comment.emptyscreen") })
85
84
  ] })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@edifice.io/react",
3
- "version": "2.1.2-develop-pedago.20250320142932",
3
+ "version": "2.1.2-develop-pedago.20250324160922",
4
4
  "description": "Edifice React Library",
5
5
  "keywords": [
6
6
  "react",
@@ -118,9 +118,9 @@
118
118
  "react-slugify": "^3.0.3",
119
119
  "swiper": "^10.1.0",
120
120
  "ua-parser-js": "^1.0.36",
121
- "@edifice.io/bootstrap": "2.1.2-develop-pedago.20250320142932",
122
- "@edifice.io/tiptap-extensions": "2.1.2-develop-pedago.20250320142932",
123
- "@edifice.io/utilities": "2.1.2-develop-pedago.20250320142932"
121
+ "@edifice.io/bootstrap": "2.1.2-develop-pedago.20250324160922",
122
+ "@edifice.io/tiptap-extensions": "2.1.2-develop-pedago.20250324160922",
123
+ "@edifice.io/utilities": "2.1.2-develop-pedago.20250324160922"
124
124
  },
125
125
  "devDependencies": {
126
126
  "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -151,8 +151,8 @@
151
151
  "vite": "^5.4.11",
152
152
  "vite-plugin-dts": "^4.1.0",
153
153
  "vite-tsconfig-paths": "^5.0.1",
154
- "@edifice.io/config": "2.1.2-develop-pedago.20250320142932",
155
- "@edifice.io/client": "2.1.2-develop-pedago.20250320142932"
154
+ "@edifice.io/client": "2.1.2-develop-pedago.20250324160922",
155
+ "@edifice.io/config": "2.1.2-develop-pedago.20250324160922"
156
156
  },
157
157
  "peerDependencies": {
158
158
  "@react-spring/web": "^9.7.5",