@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.
- package/dist/assets/components/argument/argument/Argument.module-QZdPjj_i.css +1 -0
- package/dist/assets/components/consultation/consultation_box/ConsultationBox.module-DjNiVt-p.css +1 -0
- package/dist/assets/components/input/text_editor/{TextEditor.module-DePSfOvG.css → TextEditor.module-CxuSL3l3.css} +1 -1
- package/dist/assets/components/proposal/proposal_box/ProposalBox.module-C9BaTFDH.css +1 -0
- package/dist/assets/components/section/section_box/SectionBox.module-qQs4B6bf.css +1 -0
- package/dist/assets/components/source/context_source_list/ContextSourceList.module-DUPbI-wb.css +1 -0
- package/dist/assets/components/source/source_list_item/SourceListItem.module-fm_uHuY4.css +1 -0
- package/dist/assets/components/summary/summary/Summary.module-2bnx3egy.css +1 -0
- package/dist/assets/components/summary/summary_box/SummaryBox.module-Dr9PevSJ.css +1 -0
- package/dist/assets/components/vote/vote_box/VoteBox.module-C9Q6gBw3.css +1 -0
- package/dist/components/argument/argument/Argument.js +111 -106
- package/dist/components/argument/argument/Argument.module.scss.js +31 -31
- package/dist/components/consultation/consultation_box/ConsultationBox.js +80 -111
- package/dist/components/consultation/consultation_box/ConsultationBox.module.scss.js +31 -29
- package/dist/components/dialog/dropdown/Dropdown.js +35 -28
- package/dist/components/icons/spiegel_icons/Downvote.js +6 -0
- package/dist/components/icons/spiegel_icons/Upvote.js +6 -0
- package/dist/components/icons/spiegel_icons/index.js +46 -46
- package/dist/components/icons/stern_icons/index.js +100 -70
- package/dist/components/input/argument_input/ArgumentInput.js +201 -197
- package/dist/components/input/select/Select.js +19 -19
- package/dist/components/input/text_editor/TextEditor.js +143 -129
- package/dist/components/input/text_editor/TextEditor.module.scss.js +5 -5
- package/dist/components/input/text_editor/plugins/FocusPlugin.js +12 -8
- package/dist/components/input/text_editor/plugins/SetContentPlugin.js +13 -13
- package/dist/components/input/text_editor/plugins/SetRichContentPlugin.js +10 -10
- package/dist/components/input/text_editor/plugins/ToolbarPlugin.js +70 -72
- package/dist/components/list/paginated_list/PaginatedList.js +112 -110
- package/dist/components/notification/notification_menu/NotificationMenu.js +23 -22
- package/dist/components/proposal/proposal_box/ProposalBox.js +58 -49
- package/dist/components/proposal/proposal_box/ProposalBox.module.scss.js +14 -12
- package/dist/components/section/section_box/SectionBox.js +10 -10
- package/dist/components/section/section_box/SectionBox.module.scss.js +9 -9
- package/dist/components/source/context_source_box/ContextSourceBox.js +7 -7
- package/dist/components/source/context_source_list/ContextSourceList.js +10 -13
- package/dist/components/source/context_source_list/ContextSourceList.module.scss.js +14 -12
- package/dist/components/source/source_list_item/SourceListItem.js +42 -28
- package/dist/components/source/source_list_item/SourceListItem.module.scss.js +8 -6
- package/dist/components/source/source_modal/SourceModal.js +15 -15
- package/dist/components/summary/summary/Summary.js +41 -63
- package/dist/components/summary/summary/Summary.module.scss.js +10 -6
- package/dist/components/summary/summary_box/SummaryBox.module.scss.js +9 -9
- package/dist/components/vote/vote_box/VoteBox.js +123 -145
- package/dist/components/vote/vote_box/VoteBox.module.scss.js +50 -50
- package/package.json +1 -1
- package/dist/assets/components/argument/argument/Argument.module-gLfNRLks.css +0 -1
- package/dist/assets/components/consultation/consultation_box/ConsultationBox.module-BnTr5IaF.css +0 -1
- package/dist/assets/components/proposal/proposal_box/ProposalBox.module-T4ms_LQ7.css +0 -1
- package/dist/assets/components/section/section_box/SectionBox.module-DUeUtdWr.css +0 -1
- package/dist/assets/components/source/context_source_list/ContextSourceList.module-D6X_0dB7.css +0 -1
- package/dist/assets/components/source/source_list_item/SourceListItem.module-mTxHhXPV.css +0 -1
- package/dist/assets/components/summary/summary/Summary.module-DjfmUlkW.css +0 -1
- package/dist/assets/components/summary/summary_box/SummaryBox.module-DQVkA8l7.css +0 -1
- package/dist/assets/components/vote/vote_box/VoteBox.module-CDrqb2SZ.css +0 -1
|
@@ -1,80 +1,78 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { $isListNode as R, ListNode as
|
|
3
|
-
import { useLexicalComposerContext as
|
|
4
|
-
import { $isHeadingNode as q, $createQuoteNode as
|
|
5
|
-
import { $setBlocksType as
|
|
6
|
-
import { $getNearestNodeOfType as
|
|
7
|
-
import
|
|
8
|
-
import { $getSelection as
|
|
9
|
-
import { useRef as
|
|
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
|
|
15
|
-
const n = X(),
|
|
16
|
-
const
|
|
17
|
-
if (
|
|
18
|
-
const d =
|
|
19
|
-
if (
|
|
20
|
-
if (
|
|
21
|
-
const
|
|
22
|
-
|
|
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
|
|
25
|
-
|
|
24
|
+
const u = q(r) ? r.getTag() : r.getType();
|
|
25
|
+
f(u);
|
|
26
26
|
}
|
|
27
|
-
I(
|
|
27
|
+
I(i.hasFormat("bold")), A(i.hasFormat("italic")), E(i.hasFormat("underline"));
|
|
28
28
|
}
|
|
29
|
-
}, [
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
}, [o]);
|
|
30
|
+
V(() => U(
|
|
31
|
+
o.registerUpdateListener(({ editorState: i }) => {
|
|
32
|
+
i.read(() => {
|
|
33
|
+
b();
|
|
34
34
|
});
|
|
35
35
|
}),
|
|
36
|
-
|
|
36
|
+
o.registerCommand(
|
|
37
37
|
j,
|
|
38
|
-
(
|
|
39
|
-
|
|
38
|
+
(i, d) => (b(), !1),
|
|
39
|
+
y
|
|
40
40
|
)
|
|
41
|
-
), [
|
|
42
|
-
const
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
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:
|
|
59
|
-
[e.toolbarIsActive]: p ? !1 :
|
|
56
|
+
className: a(e.toolbar, {
|
|
57
|
+
[e.toolbarIsActive]: p ? !1 : l.isActive
|
|
60
58
|
}),
|
|
61
|
-
ref:
|
|
59
|
+
ref: C,
|
|
62
60
|
children: [
|
|
63
|
-
|
|
61
|
+
l.isActive ? !l.disableRichText && /* @__PURE__ */ N(
|
|
64
62
|
"div",
|
|
65
63
|
{
|
|
66
|
-
className:
|
|
67
|
-
[e.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
|
-
|
|
72
|
+
o.dispatchCommand(h, "bold");
|
|
75
73
|
},
|
|
76
74
|
type: "button",
|
|
77
|
-
className:
|
|
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:
|
|
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
|
-
|
|
96
|
+
o.dispatchCommand(h, "italic");
|
|
99
97
|
},
|
|
100
98
|
type: "button",
|
|
101
|
-
className:
|
|
102
|
-
[e.active]:
|
|
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:
|
|
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
|
-
|
|
121
|
+
o.dispatchCommand(h, "underline");
|
|
124
122
|
},
|
|
125
123
|
type: "button",
|
|
126
|
-
className:
|
|
127
|
-
[e.active]:
|
|
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:
|
|
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: () =>
|
|
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:
|
|
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: () =>
|
|
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:
|
|
179
|
+
className: a(e.format, e.numberedList)
|
|
182
180
|
}
|
|
183
181
|
)
|
|
184
182
|
}
|
|
185
183
|
),
|
|
186
|
-
!
|
|
184
|
+
!l.hideSourceAction && /* @__PURE__ */ t(
|
|
187
185
|
"button",
|
|
188
186
|
{
|
|
189
|
-
onClick:
|
|
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:
|
|
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:
|
|
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:
|
|
216
|
-
className:
|
|
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
|
-
|
|
227
|
+
me as ToolbarPlugin
|
|
230
228
|
};
|
|
@@ -1,178 +1,180 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import Qe, { useState as m, useEffect as
|
|
5
|
-
import { useIntl as
|
|
6
|
-
import { useLocation as
|
|
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
|
|
9
|
-
import { useList as
|
|
10
|
-
import { useDataProvider as
|
|
11
|
-
import { useResponsive as
|
|
12
|
-
import { useData as
|
|
13
|
-
import { uniqueBy as
|
|
14
|
-
import { Pagination as
|
|
15
|
-
import { StandardErrorBoundary as
|
|
16
|
-
const
|
|
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:
|
|
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:
|
|
31
|
+
tagParam: de = "tag_id",
|
|
32
32
|
totalHeaderParam: D = "total",
|
|
33
|
-
onUpdateTotal:
|
|
33
|
+
onUpdateTotal: P,
|
|
34
34
|
onElementsLoad: R,
|
|
35
|
-
transformData:
|
|
36
|
-
uniqueIdKey:
|
|
37
|
-
children:
|
|
35
|
+
transformData: U,
|
|
36
|
+
uniqueIdKey: v = "id",
|
|
37
|
+
children: re,
|
|
38
38
|
resourcePropName: fe,
|
|
39
|
-
loadingComponent:
|
|
39
|
+
loadingComponent: W,
|
|
40
40
|
searchBar: ce = !1,
|
|
41
41
|
title: ue,
|
|
42
|
-
emptyListComponent:
|
|
43
|
-
emptyText:
|
|
44
|
-
display:
|
|
45
|
-
elementsPerLine:
|
|
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:
|
|
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 =
|
|
56
|
-
|
|
57
|
-
), [
|
|
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
|
-
}, [
|
|
63
|
-
M && M !==
|
|
64
|
-
if (
|
|
65
|
-
|
|
66
|
-
for (const e of
|
|
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
|
|
73
|
+
for (const e of d.keys()) {
|
|
74
74
|
i?.map((s) => {
|
|
75
|
-
s.name === e && (
|
|
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]),
|
|
83
|
-
|
|
82
|
+
}, [I.search]), h(() => {
|
|
83
|
+
A ? (B(1), S([]), u(!0), se(1)) : u(!1);
|
|
84
84
|
}, [
|
|
85
|
-
|
|
85
|
+
F,
|
|
86
86
|
Q,
|
|
87
87
|
y,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
]),
|
|
92
|
-
|
|
93
|
-
}, [
|
|
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]),
|
|
100
|
-
if (t.updateElements && n in t.updateElements && t.updateElements[n].length > 0) {
|
|
101
|
-
|
|
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]),
|
|
105
|
+
}, [t.updateElements]), h(() => {
|
|
106
106
|
if (t.removeElements && n in t.removeElements && t.removeElements[n].length > 0) {
|
|
107
|
-
|
|
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" ? (
|
|
113
|
+
e.type === "filter" ? (T(""), _({
|
|
114
114
|
...o,
|
|
115
115
|
[e.name]: e.value
|
|
116
|
-
})) : (
|
|
116
|
+
})) : (T(e.value), _(o ? { ...o } : {}));
|
|
117
117
|
}, Fe = () => {
|
|
118
|
-
typeof
|
|
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) *
|
|
122
|
-
const
|
|
121
|
+
if ((e - 1) * p <= (Y || O) || e === 1) {
|
|
122
|
+
const r = {
|
|
123
123
|
[ie]: e,
|
|
124
|
-
[le]:
|
|
125
|
-
...
|
|
124
|
+
[le]: p,
|
|
125
|
+
...F && !y && { [oe]: F },
|
|
126
126
|
...y && { [me]: y },
|
|
127
127
|
...pe === !0 && { countless: !0 },
|
|
128
128
|
...Q,
|
|
129
|
-
...
|
|
129
|
+
...C && { [de]: C }
|
|
130
130
|
};
|
|
131
|
-
s(
|
|
132
|
-
const
|
|
133
|
-
|
|
134
|
-
Number.parseInt(
|
|
135
|
-
),
|
|
136
|
-
let
|
|
137
|
-
R && R(
|
|
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),
|
|
139
|
+
console.error(l), l?.response?.status !== 404 && Ne(!0), u(!1);
|
|
140
140
|
});
|
|
141
141
|
} else
|
|
142
|
-
|
|
142
|
+
u(!1);
|
|
143
143
|
}, Te = (e) => {
|
|
144
144
|
S(
|
|
145
|
-
(s) =>
|
|
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
|
-
|
|
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(
|
|
159
|
-
},
|
|
160
|
+
S(x(r, v || "id"));
|
|
161
|
+
}, Ae = (e) => {
|
|
160
162
|
S(
|
|
161
|
-
(s) =>
|
|
163
|
+
(s) => x([...s, ...e], v || "id")
|
|
162
164
|
);
|
|
163
|
-
}, De = (e, s) => e !== void 0 ? /* @__PURE__ */
|
|
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__ */
|
|
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[
|
|
175
|
-
) : null, Je = (e) =>
|
|
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__ */
|
|
184
|
-
/* @__PURE__ */
|
|
185
|
-
|
|
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:
|
|
193
|
-
onSearch: (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 &&
|
|
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__ */
|
|
203
|
-
/* @__PURE__ */
|
|
204
|
+
}) }) : /* @__PURE__ */ $(je, { children: [
|
|
205
|
+
/* @__PURE__ */ $(
|
|
204
206
|
"ul",
|
|
205
207
|
{
|
|
206
|
-
className:
|
|
207
|
-
[a.paginatedListIsTablet]: !K && !
|
|
208
|
-
[a.centeredList]:
|
|
209
|
-
[a.column]:
|
|
210
|
-
[a.twoElementsPerLine]:
|
|
211
|
-
[a.oneElementPerLine]:
|
|
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]:
|
|
214
|
-
[a.listIsTablet]: ye && !
|
|
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
|
-
|
|
220
|
-
b ? Array(
|
|
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__ */
|
|
225
|
-
|
|
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:
|
|
232
|
-
perPage:
|
|
233
|
-
totalElements:
|
|
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
|
-
|
|
246
|
+
dt as PaginatedList
|
|
245
247
|
};
|