@logora/debate 0.3.80 → 0.3.81

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 (54) hide show
  1. package/dist/assets/components/argument/argument/Argument.module-QZdPjj_i.css +1 -0
  2. package/dist/assets/components/consultation/consultation_box/ConsultationBox.module-DjNiVt-p.css +1 -0
  3. package/dist/assets/components/input/text_editor/{TextEditor.module-DePSfOvG.css → TextEditor.module-CxuSL3l3.css} +1 -1
  4. package/dist/assets/components/proposal/proposal_box/ProposalBox.module-C9BaTFDH.css +1 -0
  5. package/dist/assets/components/section/section_box/SectionBox.module-qQs4B6bf.css +1 -0
  6. package/dist/assets/components/source/context_source_list/ContextSourceList.module-DUPbI-wb.css +1 -0
  7. package/dist/assets/components/source/source_list_item/SourceListItem.module-fm_uHuY4.css +1 -0
  8. package/dist/assets/components/summary/summary/Summary.module-2bnx3egy.css +1 -0
  9. package/dist/assets/components/summary/summary_box/SummaryBox.module-Dr9PevSJ.css +1 -0
  10. package/dist/assets/components/vote/vote_box/VoteBox.module-C9Q6gBw3.css +1 -0
  11. package/dist/components/argument/argument/Argument.js +111 -106
  12. package/dist/components/argument/argument/Argument.module.scss.js +31 -31
  13. package/dist/components/consultation/consultation_box/ConsultationBox.js +80 -111
  14. package/dist/components/consultation/consultation_box/ConsultationBox.module.scss.js +31 -29
  15. package/dist/components/dialog/dropdown/Dropdown.js +35 -28
  16. package/dist/components/icons/spiegel_icons/Downvote.js +6 -0
  17. package/dist/components/icons/spiegel_icons/Upvote.js +6 -0
  18. package/dist/components/icons/spiegel_icons/index.js +46 -46
  19. package/dist/components/icons/stern_icons/index.js +100 -70
  20. package/dist/components/input/argument_input/ArgumentInput.js +201 -197
  21. package/dist/components/input/select/Select.js +19 -19
  22. package/dist/components/input/text_editor/TextEditor.js +143 -129
  23. package/dist/components/input/text_editor/TextEditor.module.scss.js +5 -5
  24. package/dist/components/input/text_editor/plugins/FocusPlugin.js +12 -8
  25. package/dist/components/input/text_editor/plugins/SetContentPlugin.js +13 -13
  26. package/dist/components/input/text_editor/plugins/SetRichContentPlugin.js +10 -10
  27. package/dist/components/input/text_editor/plugins/ToolbarPlugin.js +70 -72
  28. package/dist/components/list/paginated_list/PaginatedList.js +112 -110
  29. package/dist/components/notification/notification_menu/NotificationMenu.js +23 -22
  30. package/dist/components/proposal/proposal_box/ProposalBox.js +58 -49
  31. package/dist/components/proposal/proposal_box/ProposalBox.module.scss.js +14 -12
  32. package/dist/components/section/section_box/SectionBox.js +10 -10
  33. package/dist/components/section/section_box/SectionBox.module.scss.js +9 -9
  34. package/dist/components/source/context_source_box/ContextSourceBox.js +7 -7
  35. package/dist/components/source/context_source_list/ContextSourceList.js +10 -13
  36. package/dist/components/source/context_source_list/ContextSourceList.module.scss.js +14 -12
  37. package/dist/components/source/source_list_item/SourceListItem.js +42 -28
  38. package/dist/components/source/source_list_item/SourceListItem.module.scss.js +8 -6
  39. package/dist/components/source/source_modal/SourceModal.js +15 -15
  40. package/dist/components/summary/summary/Summary.js +41 -63
  41. package/dist/components/summary/summary/Summary.module.scss.js +10 -6
  42. package/dist/components/summary/summary_box/SummaryBox.module.scss.js +9 -9
  43. package/dist/components/vote/vote_box/VoteBox.js +123 -145
  44. package/dist/components/vote/vote_box/VoteBox.module.scss.js +50 -50
  45. package/package.json +1 -1
  46. package/dist/assets/components/argument/argument/Argument.module-gLfNRLks.css +0 -1
  47. package/dist/assets/components/consultation/consultation_box/ConsultationBox.module-BnTr5IaF.css +0 -1
  48. package/dist/assets/components/proposal/proposal_box/ProposalBox.module-T4ms_LQ7.css +0 -1
  49. package/dist/assets/components/section/section_box/SectionBox.module-DUeUtdWr.css +0 -1
  50. package/dist/assets/components/source/context_source_list/ContextSourceList.module-D6X_0dB7.css +0 -1
  51. package/dist/assets/components/source/source_list_item/SourceListItem.module-mTxHhXPV.css +0 -1
  52. package/dist/assets/components/summary/summary/Summary.module-DjfmUlkW.css +0 -1
  53. package/dist/assets/components/summary/summary_box/SummaryBox.module-DQVkA8l7.css +0 -1
  54. package/dist/assets/components/vote/vote_box/VoteBox.module-CDrqb2SZ.css +0 -1
@@ -1,80 +1,78 @@
1
- import { jsxs as _, jsx as t } from "react/jsx-runtime";
2
- import { $isListNode as R, ListNode as D, INSERT_ORDERED_LIST_COMMAND as $ } from "@lexical/list";
3
- import { useLexicalComposerContext as K } from "@lexical/react/LexicalComposerContext";
4
- import { $isHeadingNode as q, $createQuoteNode as F } from "@lexical/rich-text";
5
- import { $setBlocksType as y } from "@lexical/selection";
6
- import { $getNearestNodeOfType as P, mergeRegister as U } from "@lexical/utils";
7
- import o from "classnames";
8
- import { $getSelection as b, $isRangeSelection as M, SELECTION_CHANGE_COMMAND as j, FORMAT_TEXT_COMMAND as g } from "lexical";
9
- import { useRef as H, useState as c, useCallback as Q, useEffect as G } from "react";
1
+ import { jsxs as N, jsx as t } from "react/jsx-runtime";
2
+ import { $isListNode as R, ListNode as w, INSERT_ORDERED_LIST_COMMAND as B, REMOVE_LIST_COMMAND as D } from "@lexical/list";
3
+ import { useLexicalComposerContext as $ } from "@lexical/react/LexicalComposerContext";
4
+ import { $isHeadingNode as q, $createQuoteNode as K } from "@lexical/rich-text";
5
+ import { $setBlocksType as M } from "@lexical/selection";
6
+ import { $getNearestNodeOfType as F, mergeRegister as U } from "@lexical/utils";
7
+ import a from "classnames";
8
+ import { $getSelection as g, $isRangeSelection as P, SELECTION_CHANGE_COMMAND as j, FORMAT_TEXT_COMMAND as h, $createParagraphNode as H } from "lexical";
9
+ import { useRef as Q, useState as c, useCallback as G, useEffect as V } from "react";
10
10
  import { useIntl as X } from "react-intl";
11
11
  import e from "./ToolbarPlugin.module.scss.js";
12
12
  import { Icon as s } from "../../../icons/icon/Icon.js";
13
13
  import { Button as z } from "../../../action/button/Button.js";
14
- const ce = (i) => {
15
- const n = X(), T = 1, [l] = K(), k = H(null), [f, h] = c("paragraph"), [J, C] = c(null), [x, I] = c(!1), [A, S] = c(!1), [E, L] = c(!1), p = i.hideSubmit && i.hideSourceAction && i.disableRichText, u = Q(() => {
16
- const a = b();
17
- if (M(a)) {
18
- const d = a.anchor.getNode(), r = d.getKey() === "root" ? d : d.getTopLevelElementOrThrow(), N = r.getKey();
19
- if (l.getElementByKey(N) !== null)
20
- if (C(N), R(r)) {
21
- const m = P(d, D), O = m ? m.getTag() : r.getTag();
22
- h(O);
14
+ const me = (l) => {
15
+ const n = X(), y = 1, [o] = $(), C = Q(null), [m, f] = c("paragraph"), [J, T] = c(null), [k, I] = c(!1), [x, A] = c(!1), [S, E] = c(!1), p = l.hideSubmit && l.hideSourceAction && l.disableRichText, b = G(() => {
16
+ const i = g();
17
+ if (P(i)) {
18
+ const d = i.anchor.getNode(), r = d.getKey() === "root" ? d : d.getTopLevelElementOrThrow(), _ = r.getKey();
19
+ if (o.getElementByKey(_) !== null)
20
+ if (T(_), R(r)) {
21
+ const u = F(d, w), O = u ? u.getTag() : r.getTag();
22
+ f(O);
23
23
  } else {
24
- const m = q(r) ? r.getTag() : r.getType();
25
- h(m);
24
+ const u = q(r) ? r.getTag() : r.getType();
25
+ f(u);
26
26
  }
27
- I(a.hasFormat("bold")), S(a.hasFormat("italic")), L(a.hasFormat("underline"));
27
+ I(i.hasFormat("bold")), A(i.hasFormat("italic")), E(i.hasFormat("underline"));
28
28
  }
29
- }, [l]);
30
- G(() => U(
31
- l.registerUpdateListener(({ editorState: a }) => {
32
- a.read(() => {
33
- u();
29
+ }, [o]);
30
+ V(() => U(
31
+ o.registerUpdateListener(({ editorState: i }) => {
32
+ i.read(() => {
33
+ b();
34
34
  });
35
35
  }),
36
- l.registerCommand(
36
+ o.registerCommand(
37
37
  j,
38
- (a, d) => (u(), !1),
39
- T
38
+ (i, d) => (b(), !1),
39
+ y
40
40
  )
41
- ), [l, u]);
42
- const v = () => {
43
- l.update(() => {
44
- const a = b();
45
- M(a) && y(a, () => $createParagraphNode());
46
- });
47
- }, w = () => {
48
- f !== "number" ? l.dispatchCommand($) : v();
49
- }, B = () => {
50
- f !== "quote" && l.update(() => {
51
- const a = b();
52
- y(a, () => F());
41
+ ), [o, b]);
42
+ const L = () => {
43
+ m !== "ol" ? o.dispatchCommand(B) : o.dispatchCommand(D);
44
+ }, v = () => {
45
+ m !== "quote" ? o.update(() => {
46
+ const i = g();
47
+ M(i, () => K());
48
+ }) : o.update(() => {
49
+ const i = g();
50
+ M(i, () => H());
53
51
  });
54
52
  };
55
- return p ? null : /* @__PURE__ */ _(
53
+ return p ? null : /* @__PURE__ */ N(
56
54
  "div",
57
55
  {
58
- className: o(e.toolbar, {
59
- [e.toolbarIsActive]: p ? !1 : i.isActive
56
+ className: a(e.toolbar, {
57
+ [e.toolbarIsActive]: p ? !1 : l.isActive
60
58
  }),
61
- ref: k,
59
+ ref: C,
62
60
  children: [
63
- i.isActive ? !i.disableRichText && /* @__PURE__ */ _(
61
+ l.isActive ? !l.disableRichText && /* @__PURE__ */ N(
64
62
  "div",
65
63
  {
66
- className: o(e.iconToolbar, {
67
- [e.shortBar]: i.shortBar
64
+ className: a(e.iconToolbar, {
65
+ [e.shortBar]: l.shortBar
68
66
  }),
69
67
  children: [
70
68
  /* @__PURE__ */ t(
71
69
  "button",
72
70
  {
73
71
  onClick: () => {
74
- l.dispatchCommand(g, "bold");
72
+ o.dispatchCommand(h, "bold");
75
73
  },
76
74
  type: "button",
77
- className: o(e.toolbarItem, { [e.active]: x }),
75
+ className: a(e.toolbarItem, { [e.active]: k }),
78
76
  "data-testid": "format-bold",
79
77
  "aria-label": n.formatMessage({
80
78
  id: "input.text_editor.plugins.toolbar_plugin.bold.aria_label",
@@ -86,7 +84,7 @@ const ce = (i) => {
86
84
  name: "bold",
87
85
  width: 24,
88
86
  height: 24,
89
- className: o(e.format, e.bold)
87
+ className: a(e.format, e.bold)
90
88
  }
91
89
  )
92
90
  }
@@ -95,11 +93,11 @@ const ce = (i) => {
95
93
  "button",
96
94
  {
97
95
  onClick: () => {
98
- l.dispatchCommand(g, "italic");
96
+ o.dispatchCommand(h, "italic");
99
97
  },
100
98
  type: "button",
101
- className: o(e.toolbarItem, {
102
- [e.active]: A
99
+ className: a(e.toolbarItem, {
100
+ [e.active]: x
103
101
  }),
104
102
  "aria-label": n.formatMessage({
105
103
  id: "input.text_editor.plugins.toolbar_plugin.italic.aria_label",
@@ -111,7 +109,7 @@ const ce = (i) => {
111
109
  name: "italic",
112
110
  width: 24,
113
111
  height: 24,
114
- className: o(e.format, e.italic)
112
+ className: a(e.format, e.italic)
115
113
  }
116
114
  )
117
115
  }
@@ -120,11 +118,11 @@ const ce = (i) => {
120
118
  "button",
121
119
  {
122
120
  onClick: () => {
123
- l.dispatchCommand(g, "underline");
121
+ o.dispatchCommand(h, "underline");
124
122
  },
125
123
  type: "button",
126
- className: o(e.toolbarItem, {
127
- [e.active]: E
124
+ className: a(e.toolbarItem, {
125
+ [e.active]: S
128
126
  }),
129
127
  "aria-label": n.formatMessage({
130
128
  id: "input.text_editor.plugins.toolbar_plugin.underline.aria_label",
@@ -136,7 +134,7 @@ const ce = (i) => {
136
134
  name: "underline",
137
135
  width: 24,
138
136
  height: 24,
139
- className: o(e.format, e.underline)
137
+ className: a(e.format, e.underline)
140
138
  }
141
139
  )
142
140
  }
@@ -144,9 +142,9 @@ const ce = (i) => {
144
142
  /* @__PURE__ */ t(
145
143
  "button",
146
144
  {
147
- onClick: () => B(),
145
+ onClick: () => v(),
148
146
  type: "button",
149
- className: e.toolbarItem,
147
+ className: a(e.toolbarItem, { [e.active]: m === "quote" }),
150
148
  "aria-label": n.formatMessage({
151
149
  id: "input.text_editor.plugins.toolbar_plugin.blockquote.aria_label",
152
150
  defaultMessage: "Add a blockquote"
@@ -157,7 +155,7 @@ const ce = (i) => {
157
155
  name: "blockquote",
158
156
  width: 24,
159
157
  height: 24,
160
- className: o(e.format, e.quote)
158
+ className: a(e.format, e.quote)
161
159
  }
162
160
  )
163
161
  }
@@ -165,9 +163,9 @@ const ce = (i) => {
165
163
  /* @__PURE__ */ t(
166
164
  "button",
167
165
  {
168
- onClick: () => w(),
166
+ onClick: () => L(),
169
167
  type: "button",
170
- className: e.toolbarItem,
168
+ className: a(e.toolbarItem, { [e.active]: m === "ol" }),
171
169
  "aria-label": n.formatMessage({
172
170
  id: "input.text_editor.plugins.toolbar_plugin.numbered_list.aria_label",
173
171
  defaultMessage: "Insert a numbered list"
@@ -178,15 +176,15 @@ const ce = (i) => {
178
176
  name: "orderedList",
179
177
  width: 24,
180
178
  height: 24,
181
- className: o(e.format, e.numberedList)
179
+ className: a(e.format, e.numberedList)
182
180
  }
183
181
  )
184
182
  }
185
183
  ),
186
- !i.hideSourceAction && /* @__PURE__ */ t(
184
+ !l.hideSourceAction && /* @__PURE__ */ t(
187
185
  "button",
188
186
  {
189
- onClick: i.onAddSource,
187
+ onClick: l.onAddSource,
190
188
  type: "button",
191
189
  className: e.toolbarItem,
192
190
  "aria-label": n.formatMessage({
@@ -199,7 +197,7 @@ const ce = (i) => {
199
197
  name: "link",
200
198
  width: 20,
201
199
  height: 20,
202
- className: o(e.format, e.link)
200
+ className: a(e.format, e.link)
203
201
  }
204
202
  )
205
203
  }
@@ -207,13 +205,13 @@ const ce = (i) => {
207
205
  ]
208
206
  }
209
207
  ) : null,
210
- /* @__PURE__ */ t("div", { className: e.actionButton, children: i.hideSubmit ? null : /* @__PURE__ */ t(
208
+ /* @__PURE__ */ t("div", { className: e.actionButton, children: l.hideSubmit ? null : /* @__PURE__ */ t(
211
209
  z,
212
210
  {
213
211
  type: "button",
214
212
  "data-testid": "submit-button",
215
- handleClick: i.onSubmit,
216
- className: o(e.inputSubmitActionButton, e.submitAction),
213
+ handleClick: l.onSubmit,
214
+ className: a(e.inputSubmitActionButton, e.submitAction),
217
215
  "aria-label": n.formatMessage({
218
216
  id: "input.text_editor.plugins.toolbar_plugin.submit_button.aria_label",
219
217
  defaultMessage: "Send message"
@@ -226,5 +224,5 @@ const ce = (i) => {
226
224
  );
227
225
  };
228
226
  export {
229
- ce as ToolbarPlugin
227
+ me as ToolbarPlugin
230
228
  };
@@ -1,178 +1,180 @@
1
- import { jsxs as U, jsx as d, Fragment as Le } from "react/jsx-runtime";
2
- import je from "@rooks/use-previous";
3
- import Be from "classnames";
4
- import Qe, { useState as m, useEffect as g } from "react";
5
- import { useIntl as Ue } from "react-intl";
6
- import { useLocation as We } from "react-router";
1
+ import { jsxs as $, jsx as c, Fragment as je } from "react/jsx-runtime";
2
+ import Be from "@rooks/use-previous";
3
+ import Le from "classnames";
4
+ import Qe, { useState as m, useEffect as h } from "react";
5
+ import { useIntl as $e } from "react-intl";
6
+ import { useLocation as Pe } from "react-router";
7
7
  import a from "./PaginatedList.module.scss.js";
8
- import { ActionBar as ze } from "./action_bar/ActionBar.js";
9
- import { useList as Ge } from "../list_provider/useList.js";
10
- import { useDataProvider as Pe } from "../../data/data_provider/useDataProvider.js";
11
- import { useResponsive as Ve } from "../../hooks/use_responsive/useResponsive.js";
12
- import { useData as Xe } from "../../data/data_provider/useData.js";
13
- import { uniqueBy as A } from "../../util/unique_by/uniqueBy.js";
14
- import { Pagination as Ye } from "../pagination/Pagination.js";
15
- import { StandardErrorBoundary as Ze } from "../../error/standard_error_boundary/StandardErrorBoundary.js";
16
- const rt = ({
8
+ import { ActionBar as Ue } from "./action_bar/ActionBar.js";
9
+ import { useList as We } from "../list_provider/useList.js";
10
+ import { useDataProvider as ze } from "../../data/data_provider/useDataProvider.js";
11
+ import { useResponsive as Ge } from "../../hooks/use_responsive/useResponsive.js";
12
+ import { useData as Ve } from "../../data/data_provider/useData.js";
13
+ import { uniqueBy as x } from "../../util/unique_by/uniqueBy.js";
14
+ import { Pagination as Xe } from "../pagination/Pagination.js";
15
+ import { StandardErrorBoundary as Ye } from "../../error/standard_error_boundary/StandardErrorBoundary.js";
16
+ const dt = ({
17
17
  query: w,
18
18
  sortOptions: i,
19
19
  sort: N,
20
20
  filters: o,
21
21
  tagList: ne,
22
22
  currentPage: M,
23
- resource: _,
23
+ resource: A,
24
24
  currentListId: n,
25
25
  withToken: ae,
26
- perPage: h,
26
+ perPage: p,
27
27
  perPageParam: le = "per_page",
28
28
  pageParam: ie = "page",
29
29
  sortParam: oe = "sort",
30
30
  queryParam: me = "query",
31
- tagParam: re = "tag_id",
31
+ tagParam: de = "tag_id",
32
32
  totalHeaderParam: D = "total",
33
- onUpdateTotal: W,
33
+ onUpdateTotal: P,
34
34
  onElementsLoad: R,
35
- transformData: z,
36
- uniqueIdKey: p = "id",
37
- children: de,
35
+ transformData: U,
36
+ uniqueIdKey: v = "id",
37
+ children: re,
38
38
  resourcePropName: fe,
39
- loadingComponent: G,
39
+ loadingComponent: W,
40
40
  searchBar: ce = !1,
41
41
  title: ue,
42
- emptyListComponent: P,
43
- emptyText: V,
44
- display: X,
45
- elementsPerLine: Y,
42
+ emptyListComponent: z,
43
+ emptyText: G,
44
+ display: V,
45
+ elementsPerLine: X,
46
46
  indexLayout: Ee = !1,
47
47
  gap: ge = "1em",
48
48
  withPagination: he = !0,
49
- numberElements: Z,
49
+ numberElements: Y,
50
50
  countless: pe,
51
51
  onElementClick: ve,
52
52
  withUrlParams: Se = !1,
53
- onLoadNewPage: $
53
+ onLoadNewPage: Z
54
54
  }) => {
55
- const J = Ue(), t = Ge(), H = Pe(), I = We(), { isMobile: K, isTablet: ye, isDesktop: L } = Ve(), [b, f] = m(!1), [we, Ne] = m(!1), [v, S] = Xe(n, []), [O, Me] = m(
56
- v?.length || 0
57
- ), [c, j] = m(M || 1), [y, B] = m(w || null), [k, q] = m(null), [Re, ee] = m(null), r = new URLSearchParams(
55
+ const J = $e(), t = We(), H = ze(), I = Pe(), { isMobile: K, isTablet: ye, isDesktop: j } = Ge(), [b, u] = m(!1), [we, Ne] = m(!1), [k, S] = Ve(n, []), [O, Me] = m(
56
+ k?.length || 0
57
+ ), [E, B] = m(M || 1), [y, L] = m(w || null), [C, q] = m(null), [Re, ee] = m(null), d = new URLSearchParams(
58
58
  typeof window < "u" ? window.location.search : I.search
59
59
  ), be = () => i && i[0].type === "sort" && i[0].value || N || "", ke = () => {
60
60
  let e = {};
61
61
  return i && i[0].type === "filter" && (e[i[0].name] = i[0].value), o && (e = Object.assign({}, e, o)), e;
62
- }, [C, F] = m(be()), [Q, T] = m(ke()), te = je(o);
63
- M && M !== c && j(M), w !== void 0 && w !== y && B(w), N !== void 0 && N !== C && F(N), te && JSON.stringify(o) !== JSON.stringify(te) && JSON.stringify(o) !== JSON.stringify(Q) && T(o), g(() => {
64
- if (r.get("tagId") && q(Number.parseInt(r.get("tagId"))), r.get("search") && B(r.get("search")), r.get("sort")) {
65
- F(r.get("sort"));
66
- for (const e of r.values()) {
62
+ }, [F, T] = m(be()), [Q, _] = m(ke()), te = Be(o);
63
+ M && M !== E && B(M), w !== void 0 && w !== y && L(w), N !== void 0 && N !== F && T(N), te && JSON.stringify(o) !== JSON.stringify(te) && JSON.stringify(o) !== JSON.stringify(Q) && _(o), h(() => {
64
+ if (d.get("tagId") && q(Number.parseInt(d.get("tagId"))), d.get("search") && L(d.get("search")), d.get("sort")) {
65
+ T(d.get("sort"));
66
+ for (const e of d.values()) {
67
67
  i?.map((s) => {
68
68
  s.value === e && ee(s.name);
69
69
  });
70
70
  break;
71
71
  }
72
72
  }
73
- for (const e of r.keys()) {
73
+ for (const e of d.keys()) {
74
74
  i?.map((s) => {
75
- s.name === e && (T({
75
+ s.name === e && (_({
76
76
  ...o,
77
77
  [s.name]: s.value
78
78
  }), ee(s.name));
79
79
  });
80
80
  break;
81
81
  }
82
- }, [I.search]), g(() => {
83
- _ ? (j(1), S([]), f(!0), se(1)) : f(!1);
82
+ }, [I.search]), h(() => {
83
+ A ? (B(1), S([]), u(!0), se(1)) : u(!1);
84
84
  }, [
85
- C,
85
+ F,
86
86
  Q,
87
87
  y,
88
- _,
89
- k,
90
- h
91
- ]), g(() => {
92
- c > 1 && (f(!0), se(c));
93
- }, [c]), g(() => {
88
+ A,
89
+ C,
90
+ p
91
+ ]), h(() => {
92
+ E > 1 && (u(!0), se(E));
93
+ }, [E]), h(() => {
94
94
  if (t.addElements && n in t.addElements && t.addElements[n].length > 0) {
95
95
  Te(t.addElements[n]);
96
96
  const e = t.addElements;
97
97
  delete e[n], t.setAddElements(e);
98
98
  }
99
- }, [t.addElements]), g(() => {
100
- if (t.updateElements && n in t.updateElements && t.updateElements[n].length > 0) {
101
- xe(t.updateElements[n]);
99
+ }, [t.addElements]), h(() => {
100
+ if (t.updateElements && n in t.updateElements && (console.log("[PaginatedList] update received for listId:", n, t.updateElements[n]), t.updateElements[n].length > 0)) {
101
+ _e(t.updateElements[n]);
102
102
  const e = t.updateElements;
103
103
  delete e[n], t.setUpdateElements(e);
104
104
  }
105
- }, [t.updateElements]), g(() => {
105
+ }, [t.updateElements]), h(() => {
106
106
  if (t.removeElements && n in t.removeElements && t.removeElements[n].length > 0) {
107
- Ae(t.removeElements[n]);
107
+ xe(t.removeElements[n]);
108
108
  const e = t.removeElements;
109
109
  delete e[n], t.setRemoveElements(e);
110
110
  }
111
111
  }, [t.removeElements]);
112
112
  const Ce = (e) => {
113
- e.type === "filter" ? (F(""), T({
113
+ e.type === "filter" ? (T(""), _({
114
114
  ...o,
115
115
  [e.name]: e.value
116
- })) : (F(e.value), T(o ? { ...o } : {}));
116
+ })) : (T(e.value), _(o ? { ...o } : {}));
117
117
  }, Fe = () => {
118
- typeof $ == "function" && $() !== null || j(c + 1);
118
+ typeof Z == "function" && Z() !== null || B(E + 1);
119
119
  }, se = (e) => {
120
120
  const s = ae ? H.getListWithToken : H.getList;
121
- if ((e - 1) * h <= (Z || O) || e === 1) {
122
- const u = {
121
+ if ((e - 1) * p <= (Y || O) || e === 1) {
122
+ const r = {
123
123
  [ie]: e,
124
- [le]: h,
125
- ...C && !y && { [oe]: C },
124
+ [le]: p,
125
+ ...F && !y && { [oe]: F },
126
126
  ...y && { [me]: y },
127
127
  ...pe === !0 && { countless: !0 },
128
128
  ...Q,
129
- ...k && { [re]: k }
129
+ ...C && { [de]: C }
130
130
  };
131
- s(_, u).then((l) => {
132
- const x = l.headers;
133
- x && D in x && (Me(
134
- Number.parseInt(x[D || "total"], 10)
135
- ), W && W(x[D || "total"]));
136
- let E = l?.data?.data;
137
- R && R(E), z && (E = E.filter(z)), t.addElements && n in t.addElements && t.addElements[n].length > 0 && (E = [...t.addElements[n], E]), _e(E), f(!1);
131
+ s(A, r).then((l) => {
132
+ const f = l.headers;
133
+ f && D in f && (Me(
134
+ Number.parseInt(f[D || "total"], 10)
135
+ ), P && P(f[D || "total"]));
136
+ let g = l?.data?.data;
137
+ R && R(g), U && (g = g.filter(U)), t.addElements && n in t.addElements && t.addElements[n].length > 0 && (g = [...t.addElements[n], g]), Ae(g), u(!1);
138
138
  }).catch((l) => {
139
- console.error(l), l?.response?.status !== 404 && Ne(!0), f(!1);
139
+ console.error(l), l?.response?.status !== 404 && Ne(!0), u(!1);
140
140
  });
141
141
  } else
142
- f(!1);
142
+ u(!1);
143
143
  }, Te = (e) => {
144
144
  S(
145
- (s) => A([...e, ...s], p || "id")
145
+ (s) => x([...e, ...s], v || "id")
146
146
  ), R && R(e);
147
+ }, _e = (e) => {
148
+ S((s) => {
149
+ let r = s;
150
+ return e.forEach(
151
+ (l) => r = r.map(
152
+ (f) => f.id === l.id ? l : f
153
+ )
154
+ ), x(r, v || "id");
155
+ });
147
156
  }, xe = (e) => {
148
- let s = v;
149
- e.forEach(
150
- (u) => s = s.map(
151
- (l) => l.id === u.id ? u : l
152
- )
153
- ), S(A(s, p || "id"));
154
- }, Ae = (e) => {
155
- const s = e.map((l) => l.id), u = v.filter(
157
+ const s = e.map((l) => l.id), r = k.filter(
156
158
  (l) => s.indexOf(l.id) === -1
157
159
  );
158
- S(A(u, p || "id"));
159
- }, _e = (e) => {
160
+ S(x(r, v || "id"));
161
+ }, Ae = (e) => {
160
162
  S(
161
- (s) => A([...s, ...e], p || "id")
163
+ (s) => x([...s, ...e], v || "id")
162
164
  );
163
- }, De = (e, s) => e !== void 0 ? /* @__PURE__ */ d(
165
+ }, De = (e, s) => e !== void 0 ? /* @__PURE__ */ c(
164
166
  "li",
165
167
  {
166
168
  className: a.paginatedListItem,
167
169
  "data-testid": "list-item",
168
170
  onClick: ve,
169
- children: /* @__PURE__ */ d(Ze, { hideMessage: !0, children: Qe.cloneElement(de, {
171
+ children: /* @__PURE__ */ c(Ye, { hideMessage: !0, children: Qe.cloneElement(re, {
170
172
  index: s,
171
173
  [fe]: e
172
174
  }) })
173
175
  },
174
- e[p || "id"]
175
- ) : null, Je = (e) => G ? /* @__PURE__ */ d("li", { className: a.paginatedListItem, children: G }, e) : null;
176
+ `${e[v || "id"]}_${e.updated_at || e.content}`
177
+ ) : null, Je = (e) => W ? /* @__PURE__ */ c("li", { className: a.paginatedListItem, children: W }, e) : null;
176
178
  if (we)
177
179
  throw new Error(
178
180
  J.formatMessage({
@@ -180,57 +182,57 @@ const rt = ({
180
182
  defaultMessage: "Error when loading content."
181
183
  })
182
184
  );
183
- return /* @__PURE__ */ U("div", { className: a.listContainer, children: [
184
- /* @__PURE__ */ d(
185
- ze,
185
+ return /* @__PURE__ */ $("div", { className: a.listContainer, children: [
186
+ /* @__PURE__ */ c(
187
+ Ue,
186
188
  {
187
189
  title: ue,
188
190
  sortOptions: i,
189
191
  defaultSelectOption: Re,
190
192
  searchBar: ce,
191
193
  tagList: ne,
192
- activeTagId: k,
193
- onSearch: (e) => B(e),
194
+ activeTagId: C,
195
+ onSearch: (e) => L(e),
194
196
  onSortChange: Ce,
195
197
  onTagChange: (e) => q(e),
196
198
  withUrlParams: Se
197
199
  }
198
200
  ),
199
- !b && v.length === 0 ? P ? /* @__PURE__ */ d("div", { className: a.emptyListElement, children: P }) : /* @__PURE__ */ d("div", { className: a.emptyList, children: V || J.formatMessage({
201
+ !b && k.length === 0 ? z ? /* @__PURE__ */ c("div", { className: a.emptyListElement, children: z }) : /* @__PURE__ */ c("div", { className: a.emptyList, children: G || J.formatMessage({
200
202
  id: "info.emptyList",
201
203
  defaultMessage: "No items for now."
202
- }) }) : /* @__PURE__ */ U(Le, { children: [
203
- /* @__PURE__ */ U(
204
+ }) }) : /* @__PURE__ */ $(je, { children: [
205
+ /* @__PURE__ */ $(
204
206
  "ul",
205
207
  {
206
- className: Be(a.paginatedList, {
207
- [a.paginatedListIsTablet]: !K && !L,
208
- [a.centeredList]: X === "column",
209
- [a.column]: X === "column",
210
- [a.twoElementsPerLine]: Y === 2,
211
- [a.oneElementPerLine]: Y === 1,
208
+ className: Le(a.paginatedList, {
209
+ [a.paginatedListIsTablet]: !K && !j,
210
+ [a.centeredList]: V === "column",
211
+ [a.column]: V === "column",
212
+ [a.twoElementsPerLine]: X === 2,
213
+ [a.oneElementPerLine]: X === 1,
212
214
  [a.indexLayoutList]: Ee,
213
- [a.listIsDesktop]: L,
214
- [a.listIsTablet]: ye && !L,
215
+ [a.listIsDesktop]: j,
216
+ [a.listIsTablet]: ye && !j,
215
217
  [a.listIsMobile]: K
216
218
  }),
217
219
  style: { gap: ge },
218
220
  children: [
219
- v.map(De),
220
- b ? Array(h).fill().map((e, s) => s).map(Je) : null
221
+ k.map(De),
222
+ b ? Array(p).fill().map((e, s) => s).map(Je) : null
221
223
  ]
222
224
  }
223
225
  ),
224
- !b && he !== !1 && /* @__PURE__ */ d(
225
- Ye,
226
+ !b && he !== !1 && /* @__PURE__ */ c(
227
+ Xe,
226
228
  {
227
229
  buttonText: J.formatMessage({
228
230
  id: "action.see_more",
229
231
  defaultMessage: "See more"
230
232
  }),
231
- currentPage: c,
232
- perPage: h,
233
- totalElements: Z || O,
233
+ currentPage: E,
234
+ perPage: p,
235
+ totalElements: Y || O,
234
236
  onLoad: Fe,
235
237
  isLoading: b,
236
238
  hideLoader: !0,
@@ -241,5 +243,5 @@ const rt = ({
241
243
  ] });
242
244
  };
243
245
  export {
244
- rt as PaginatedList
246
+ dt as PaginatedList
245
247
  };