@logora/debate 0.3.81 → 0.3.83
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/list/paginated_list/action_bar/ActionBar.module-VuCq918p.css +1 -0
- package/dist/assets/components/vote/vote_box/VoteBox.module-D5sSSHpi.css +1 -0
- package/dist/components/list/paginated_list/PaginatedList.js +61 -57
- package/dist/components/list/paginated_list/action_bar/ActionBar.js +64 -59
- package/dist/components/list/paginated_list/action_bar/ActionBar.module.scss.js +16 -14
- package/dist/components/vote/vote_box/VoteBox.js +41 -40
- package/dist/components/vote/vote_box/VoteBox.module.scss.js +51 -49
- package/package.json +1 -1
- package/dist/assets/components/list/paginated_list/action_bar/ActionBar.module-pxwFC_Y2.css +0 -1
- package/dist/assets/components/vote/vote_box/VoteBox.module-C9Q6gBw3.css +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._listHeader_7x11f_3{display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap;gap:var(--space-unit, 1em)}@container (max-width: 575.98px){._listHeader_7x11f_3{flex-direction:column;align-items:flex-start}._listHeader_7x11f_3._listHeaderOneItem_7x11f_16{flex-direction:row;align-items:center;flex-wrap:nowrap!important}}._listTitle_7x11f_23{font-size:var(--font-size-extra-large, 22px);line-height:var(--line-height-tight, 1.08em);font-weight:var(--font-weight-bold, 700);font-family:var(--title-font-family, var(--font-family, "Montserrat"))}._listSubtitle_7x11f_30{color:var(--text-secondary, #5F5F5F);font-weight:var(--font-weight-normal, 400);font-size:var(--font-size-normal, 16px)}._rightBar_7x11f_36{display:flex;gap:var(--space-unit, 1em);flex-wrap:wrap}@container (max-width: 575.98px){._rightBar_7x11f_36{width:100%;justify-content:space-between}._rightBar_7x11f_36._rightBarOneItem_7x11f_46{justify-content:flex-end}}._rightBar_7x11f_36{flex:1 1 auto;justify-content:flex-end;align-items:center;flex-direction:row}._search_7x11f_57{flex:1;max-width:35%}@container (max-width: 575.98px){._search_7x11f_57{max-width:80%}}._tagList_7x11f_67{display:flex;flex-direction:row;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding-bottom:var(--spacer-md, calc(var(--space-unit, 1em) * .75))}@container (max-width: 575.98px){._tagList_7x11f_67{gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}}._tagItem_7x11f_82{display:flex!important;color:var(--text-secondary, #5F5F5F);cursor:pointer;white-space:nowrap}._select_7x11f_89{max-width:300px}@container (max-width: 575.98px){._select_7x11f_89{max-width:300px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._voteBox_iwgj8_3{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%}._voteResultsBox_iwgj8_11{display:flex!important;flex-direction:column!important;padding:0!important;width:100%}._voteResults_iwgj8_11{padding:0!important}._voteProgressHeader_iwgj8_22{margin-bottom:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;display:flex!important;align-items:center!important;font-size:var(--font-size-normal, 16px);display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._voteProgressHeaderAgainst_iwgj8_35{margin-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important}._voteResultsNumberVoters_iwgj8_39{display:flex!important;align-items:center!important;padding:0!important;font-size:var(--font-size-normal, 16px);color:var(--text-secondary, #5F5F5F)}._voteBoxFooter_iwgj8_47{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-top:var(--space-unit, 1em)!important;padding:0!important}._voteBoxActions_iwgj8_56{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center;gap:var(--space-unit, 1em);color:var(--text-secondary, #5F5F5F);width:100%}._voteBoxActionsBody_iwgj8_66{display:grid!important;grid-template-columns:repeat(2,1fr);gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding:0!important;width:100%}._voteBoxActionsBodyColumn_iwgj8_74{grid-template-columns:1fr}._voteAction_iwgj8_78{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:0!important;max-width:100%!important;width:100%!important;text-align:center}._voteAction_iwgj8_78._buttonAlignLeft_iwgj8_88{justify-content:flex-start!important}button._voteButton_iwgj8_92,a._voteButton_iwgj8_92{-webkit-appearance:initial!important;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;padding:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important}._textAlignLeft_iwgj8_103{justify-content:flex-start!important}._voteBoxShowResultContainer_iwgj8_107{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap!important;margin-top:.3em}._voteBoxShowResult_iwgj8_107{cursor:pointer}._voteBoxShowResult_iwgj8_107 a{color:inherit;text-decoration:none;background:none!important}._voteBoxShowResult_iwgj8_107 a:hover{text-decoration:none;background:none!important}._voteBoxShowResult_iwgj8_107 a:focus:not(:focus-visible){outline:none;box-shadow:none}._voteBoxShowResult_iwgj8_107 ._boldShowResult_iwgj8_131{font-weight:var(--font-weight-bold, 700);color:var(--text-primary, #222222)}._outlined_iwgj8_136{padding:7px 15px;border-radius:var(--box-border-radius, 6px);border:1px solid var(--text-primary, #222222)!important;white-space:nowrap}._voteButtonThesis_iwgj8_143{display:block;text-align:left;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@container (max-width: 767.98px){._voteButtonThesisSynthesisMobile_iwgj8_155{text-align:center!important}}._voteBoxActionsBody_iwgj8_66 ._voteAction_iwgj8_78:first-child ._voteButton_iwgj8_92,._voteBoxActionsBody_iwgj8_66 ._voteAction_iwgj8_78:first-child ._voteButton_iwgj8_92:hover{background-color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBody_iwgj8_66 ._voteAction_iwgj8_78:nth-child(2) ._voteButton_iwgj8_92{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_iwgj8_66 ._voteAction_iwgj8_78:nth-child(2) ._voteButton_iwgj8_92:hover{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_iwgj8_66 ._voteAction_iwgj8_78:nth-child(3) ._voteButton_iwgj8_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBody_iwgj8_66 ._voteAction_iwgj8_78:nth-child(3) ._voteButton_iwgj8_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyOutlined_iwgj8_194 ._voteAction_iwgj8_78:first-child ._voteButton_iwgj8_92,._voteBoxActionsBodyOutlined_iwgj8_194 ._voteAction_iwgj8_78:first-child ._voteButton_iwgj8_92:hover{background-color:var(--text-light, white)!important;color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBodyOutlined_iwgj8_194 ._voteAction_iwgj8_78:nth-child(2) ._voteButton_iwgj8_92{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_iwgj8_194 ._voteAction_iwgj8_78:nth-child(2) ._voteButton_iwgj8_92:hover{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_iwgj8_194 ._voteAction_iwgj8_78:nth-child(3) ._voteButton_iwgj8_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyOutlined_iwgj8_194 ._voteAction_iwgj8_78:nth-child(3) ._voteButton_iwgj8_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteActionButton_iwgj8_233{cursor:pointer;-webkit-appearance:initial!important;background:none;border:none;color:var(--text-secondary, #5F5F5F)!important;font-size:inherit;padding:0;font-weight:var(--font-weight-bold, 700)}._voteActionButton_iwgj8_233:focus:not(:focus-visible){outline:none;box-shadow:none}._sideIcon_iwgj8_248 svg{margin-left:5px;fill:var(--text-primary, #222222)}._progress_iwgj8_253{border-radius:10px;height:25px;color:var(--text-secondary, #5F5F5F)}._progressBar_iwgj8_259{border-radius:10px;height:25px}._voteResults_iwgj8_11>div:first-child ._progress_iwgj8_253 ._progressBar_iwgj8_259{background-color:var(--for-primary-color, #cc6a6d)!important}._voteResults_iwgj8_11>div:nth-child(2) ._progress_iwgj8_253 ._progressBar_iwgj8_259{background-color:var(--against-primary-color, #7980bb)!important}._voteResults_iwgj8_11 div:nth-child(3) ._progress_iwgj8_253 ._progressBar_iwgj8_259{background-color:var(--third-position-color-primary, #9b9b9b)!important}._voteCommentCounts_iwgj8_276{display:flex;align-items:center;gap:var(--space-unit, 1em);width:100%;margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._debateNumberItem_iwgj8_284{display:flex;align-items:center;gap:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25));font-size:var(--font-size-normal, 16px);color:var(--text-primary, #222222);white-space:nowrap}._debateNumberLabel_iwgj8_293{white-space:nowrap}._showResultButton_iwgj8_297{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}._showResultButton_iwgj8_297:focus:not(:focus-visible){outline:none;box-shadow:none}._voteResultInfoText_iwgj8_310{font-size:var(--font-size-small, 16px);color:var(--text-secondary, #5F5F5F);text-align:left;width:100%;align-self:flex-start}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { jsxs as $, jsx as c, Fragment as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { useIntl as
|
|
6
|
-
import { useLocation as
|
|
1
|
+
import { jsxs as $, jsx as c, Fragment as Le } from "react/jsx-runtime";
|
|
2
|
+
import Qe from "@rooks/use-previous";
|
|
3
|
+
import $e from "classnames";
|
|
4
|
+
import Pe, { useState as m, useEffect as h } from "react";
|
|
5
|
+
import { useIntl as Ue } from "react-intl";
|
|
6
|
+
import { useLocation as We } 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
|
|
8
|
+
import { ActionBar as ze } from "./action_bar/ActionBar.js";
|
|
9
|
+
import { useList as Ge } from "../list_provider/useList.js";
|
|
10
|
+
import { useDataProvider as Ve } from "../../data/data_provider/useDataProvider.js";
|
|
11
|
+
import { useResponsive as Xe } from "../../hooks/use_responsive/useResponsive.js";
|
|
12
|
+
import { useData as Ye } from "../../data/data_provider/useData.js";
|
|
13
13
|
import { uniqueBy as x } from "../../util/unique_by/uniqueBy.js";
|
|
14
|
-
import { Pagination as
|
|
15
|
-
import { StandardErrorBoundary as
|
|
16
|
-
const
|
|
14
|
+
import { Pagination as Ze } from "../pagination/Pagination.js";
|
|
15
|
+
import { StandardErrorBoundary as He } from "../../error/standard_error_boundary/StandardErrorBoundary.js";
|
|
16
|
+
const ft = ({
|
|
17
17
|
query: w,
|
|
18
18
|
sortOptions: i,
|
|
19
19
|
sort: N,
|
|
@@ -39,27 +39,29 @@ const dt = ({
|
|
|
39
39
|
loadingComponent: W,
|
|
40
40
|
searchBar: ce = !1,
|
|
41
41
|
title: ue,
|
|
42
|
+
subtitle: Ee,
|
|
43
|
+
showSubtitle: ge = !1,
|
|
42
44
|
emptyListComponent: z,
|
|
43
45
|
emptyText: G,
|
|
44
46
|
display: V,
|
|
45
47
|
elementsPerLine: X,
|
|
46
|
-
indexLayout:
|
|
47
|
-
gap:
|
|
48
|
-
withPagination:
|
|
48
|
+
indexLayout: he = !1,
|
|
49
|
+
gap: pe = "1em",
|
|
50
|
+
withPagination: ve = !0,
|
|
49
51
|
numberElements: Y,
|
|
50
|
-
countless:
|
|
51
|
-
onElementClick:
|
|
52
|
-
withUrlParams:
|
|
52
|
+
countless: Se,
|
|
53
|
+
onElementClick: ye,
|
|
54
|
+
withUrlParams: we = !1,
|
|
53
55
|
onLoadNewPage: Z
|
|
54
56
|
}) => {
|
|
55
|
-
const J =
|
|
57
|
+
const J = Ue(), t = Ge(), H = Ve(), I = We(), { isMobile: K, isTablet: Ne, isDesktop: j } = Xe(), [b, u] = m(!1), [Me, Re] = m(!1), [k, S] = Ye(n, []), [O, be] = m(
|
|
56
58
|
k?.length || 0
|
|
57
|
-
), [E, B] = m(M || 1), [y, L] = m(w || null), [C, q] = m(null), [
|
|
59
|
+
), [E, B] = m(M || 1), [y, L] = m(w || null), [C, q] = m(null), [ke, ee] = m(null), d = new URLSearchParams(
|
|
58
60
|
typeof window < "u" ? window.location.search : I.search
|
|
59
|
-
),
|
|
61
|
+
), Ce = () => i && i[0].type === "sort" && i[0].value || N || "", Fe = () => {
|
|
60
62
|
let e = {};
|
|
61
63
|
return i && i[0].type === "filter" && (e[i[0].name] = i[0].value), o && (e = Object.assign({}, e, o)), e;
|
|
62
|
-
}, [F, T] = m(
|
|
64
|
+
}, [F, T] = m(Ce()), [Q, _] = m(Fe()), te = Qe(o);
|
|
63
65
|
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
66
|
if (d.get("tagId") && q(Number.parseInt(d.get("tagId"))), d.get("search") && L(d.get("search")), d.get("sort")) {
|
|
65
67
|
T(d.get("sort"));
|
|
@@ -92,29 +94,29 @@ const dt = ({
|
|
|
92
94
|
E > 1 && (u(!0), se(E));
|
|
93
95
|
}, [E]), h(() => {
|
|
94
96
|
if (t.addElements && n in t.addElements && t.addElements[n].length > 0) {
|
|
95
|
-
|
|
97
|
+
xe(t.addElements[n]);
|
|
96
98
|
const e = t.addElements;
|
|
97
99
|
delete e[n], t.setAddElements(e);
|
|
98
100
|
}
|
|
99
101
|
}, [t.addElements]), h(() => {
|
|
100
102
|
if (t.updateElements && n in t.updateElements && (console.log("[PaginatedList] update received for listId:", n, t.updateElements[n]), t.updateElements[n].length > 0)) {
|
|
101
|
-
|
|
103
|
+
Ae(t.updateElements[n]);
|
|
102
104
|
const e = t.updateElements;
|
|
103
105
|
delete e[n], t.setUpdateElements(e);
|
|
104
106
|
}
|
|
105
107
|
}, [t.updateElements]), h(() => {
|
|
106
108
|
if (t.removeElements && n in t.removeElements && t.removeElements[n].length > 0) {
|
|
107
|
-
|
|
109
|
+
De(t.removeElements[n]);
|
|
108
110
|
const e = t.removeElements;
|
|
109
111
|
delete e[n], t.setRemoveElements(e);
|
|
110
112
|
}
|
|
111
113
|
}, [t.removeElements]);
|
|
112
|
-
const
|
|
114
|
+
const Te = (e) => {
|
|
113
115
|
e.type === "filter" ? (T(""), _({
|
|
114
116
|
...o,
|
|
115
117
|
[e.name]: e.value
|
|
116
118
|
})) : (T(e.value), _(o ? { ...o } : {}));
|
|
117
|
-
},
|
|
119
|
+
}, _e = () => {
|
|
118
120
|
typeof Z == "function" && Z() !== null || B(E + 1);
|
|
119
121
|
}, se = (e) => {
|
|
120
122
|
const s = ae ? H.getListWithToken : H.getList;
|
|
@@ -124,27 +126,27 @@ const dt = ({
|
|
|
124
126
|
[le]: p,
|
|
125
127
|
...F && !y && { [oe]: F },
|
|
126
128
|
...y && { [me]: y },
|
|
127
|
-
...
|
|
129
|
+
...Se === !0 && { countless: !0 },
|
|
128
130
|
...Q,
|
|
129
131
|
...C && { [de]: C }
|
|
130
132
|
};
|
|
131
133
|
s(A, r).then((l) => {
|
|
132
134
|
const f = l.headers;
|
|
133
|
-
f && D in f && (
|
|
135
|
+
f && D in f && (be(
|
|
134
136
|
Number.parseInt(f[D || "total"], 10)
|
|
135
137
|
), P && P(f[D || "total"]));
|
|
136
138
|
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]),
|
|
139
|
+
R && R(g), U && (g = g.filter(U)), t.addElements && n in t.addElements && t.addElements[n].length > 0 && (g = [...t.addElements[n], g]), Je(g), u(!1);
|
|
138
140
|
}).catch((l) => {
|
|
139
|
-
console.error(l), l?.response?.status !== 404 &&
|
|
141
|
+
console.error(l), l?.response?.status !== 404 && Re(!0), u(!1);
|
|
140
142
|
});
|
|
141
143
|
} else
|
|
142
144
|
u(!1);
|
|
143
|
-
},
|
|
145
|
+
}, xe = (e) => {
|
|
144
146
|
S(
|
|
145
147
|
(s) => x([...e, ...s], v || "id")
|
|
146
148
|
), R && R(e);
|
|
147
|
-
},
|
|
149
|
+
}, Ae = (e) => {
|
|
148
150
|
S((s) => {
|
|
149
151
|
let r = s;
|
|
150
152
|
return e.forEach(
|
|
@@ -153,29 +155,29 @@ const dt = ({
|
|
|
153
155
|
)
|
|
154
156
|
), x(r, v || "id");
|
|
155
157
|
});
|
|
156
|
-
},
|
|
158
|
+
}, De = (e) => {
|
|
157
159
|
const s = e.map((l) => l.id), r = k.filter(
|
|
158
160
|
(l) => s.indexOf(l.id) === -1
|
|
159
161
|
);
|
|
160
162
|
S(x(r, v || "id"));
|
|
161
|
-
},
|
|
163
|
+
}, Je = (e) => {
|
|
162
164
|
S(
|
|
163
165
|
(s) => x([...s, ...e], v || "id")
|
|
164
166
|
);
|
|
165
|
-
},
|
|
167
|
+
}, je = (e, s) => e !== void 0 ? /* @__PURE__ */ c(
|
|
166
168
|
"li",
|
|
167
169
|
{
|
|
168
170
|
className: a.paginatedListItem,
|
|
169
171
|
"data-testid": "list-item",
|
|
170
|
-
onClick:
|
|
171
|
-
children: /* @__PURE__ */ c(
|
|
172
|
+
onClick: ye,
|
|
173
|
+
children: /* @__PURE__ */ c(He, { hideMessage: !0, children: Pe.cloneElement(re, {
|
|
172
174
|
index: s,
|
|
173
175
|
[fe]: e
|
|
174
176
|
}) })
|
|
175
177
|
},
|
|
176
178
|
`${e[v || "id"]}_${e.updated_at || e.content}`
|
|
177
|
-
) : null,
|
|
178
|
-
if (
|
|
179
|
+
) : null, Be = (e) => W ? /* @__PURE__ */ c("li", { className: a.paginatedListItem, children: W }, e) : null;
|
|
180
|
+
if (Me)
|
|
179
181
|
throw new Error(
|
|
180
182
|
J.formatMessage({
|
|
181
183
|
id: "error.list",
|
|
@@ -184,47 +186,49 @@ const dt = ({
|
|
|
184
186
|
);
|
|
185
187
|
return /* @__PURE__ */ $("div", { className: a.listContainer, children: [
|
|
186
188
|
/* @__PURE__ */ c(
|
|
187
|
-
|
|
189
|
+
ze,
|
|
188
190
|
{
|
|
189
191
|
title: ue,
|
|
192
|
+
subtitle: Ee,
|
|
193
|
+
showSubtitle: ge,
|
|
190
194
|
sortOptions: i,
|
|
191
|
-
defaultSelectOption:
|
|
195
|
+
defaultSelectOption: ke,
|
|
192
196
|
searchBar: ce,
|
|
193
197
|
tagList: ne,
|
|
194
198
|
activeTagId: C,
|
|
195
199
|
onSearch: (e) => L(e),
|
|
196
|
-
onSortChange:
|
|
200
|
+
onSortChange: Te,
|
|
197
201
|
onTagChange: (e) => q(e),
|
|
198
|
-
withUrlParams:
|
|
202
|
+
withUrlParams: we
|
|
199
203
|
}
|
|
200
204
|
),
|
|
201
205
|
!b && k.length === 0 ? z ? /* @__PURE__ */ c("div", { className: a.emptyListElement, children: z }) : /* @__PURE__ */ c("div", { className: a.emptyList, children: G || J.formatMessage({
|
|
202
206
|
id: "info.emptyList",
|
|
203
207
|
defaultMessage: "No items for now."
|
|
204
|
-
}) }) : /* @__PURE__ */ $(
|
|
208
|
+
}) }) : /* @__PURE__ */ $(Le, { children: [
|
|
205
209
|
/* @__PURE__ */ $(
|
|
206
210
|
"ul",
|
|
207
211
|
{
|
|
208
|
-
className:
|
|
212
|
+
className: $e(a.paginatedList, {
|
|
209
213
|
[a.paginatedListIsTablet]: !K && !j,
|
|
210
214
|
[a.centeredList]: V === "column",
|
|
211
215
|
[a.column]: V === "column",
|
|
212
216
|
[a.twoElementsPerLine]: X === 2,
|
|
213
217
|
[a.oneElementPerLine]: X === 1,
|
|
214
|
-
[a.indexLayoutList]:
|
|
218
|
+
[a.indexLayoutList]: he,
|
|
215
219
|
[a.listIsDesktop]: j,
|
|
216
|
-
[a.listIsTablet]:
|
|
220
|
+
[a.listIsTablet]: Ne && !j,
|
|
217
221
|
[a.listIsMobile]: K
|
|
218
222
|
}),
|
|
219
|
-
style: { gap:
|
|
223
|
+
style: { gap: pe },
|
|
220
224
|
children: [
|
|
221
|
-
k.map(
|
|
222
|
-
b ? Array(p).fill().map((e, s) => s).map(
|
|
225
|
+
k.map(je),
|
|
226
|
+
b ? Array(p).fill().map((e, s) => s).map(Be) : null
|
|
223
227
|
]
|
|
224
228
|
}
|
|
225
229
|
),
|
|
226
|
-
!b &&
|
|
227
|
-
|
|
230
|
+
!b && ve !== !1 && /* @__PURE__ */ c(
|
|
231
|
+
Ze,
|
|
228
232
|
{
|
|
229
233
|
buttonText: J.formatMessage({
|
|
230
234
|
id: "action.see_more",
|
|
@@ -233,7 +237,7 @@ const dt = ({
|
|
|
233
237
|
currentPage: E,
|
|
234
238
|
perPage: p,
|
|
235
239
|
totalElements: Y || O,
|
|
236
|
-
onLoad:
|
|
240
|
+
onLoad: _e,
|
|
237
241
|
isLoading: b,
|
|
238
242
|
hideLoader: !0,
|
|
239
243
|
"data-tid": "list_read_more"
|
|
@@ -243,5 +247,5 @@ const dt = ({
|
|
|
243
247
|
] });
|
|
244
248
|
};
|
|
245
249
|
export {
|
|
246
|
-
|
|
250
|
+
ft as PaginatedList
|
|
247
251
|
};
|
|
@@ -1,98 +1,103 @@
|
|
|
1
|
-
import { jsx as i, Fragment as
|
|
2
|
-
import
|
|
3
|
-
import { useState as
|
|
4
|
-
import { useIntl as
|
|
5
|
-
import { useLocation as
|
|
1
|
+
import { jsx as i, Fragment as h, jsxs as t } from "react/jsx-runtime";
|
|
2
|
+
import u from "classnames";
|
|
3
|
+
import { useState as j } from "react";
|
|
4
|
+
import { useIntl as H } from "react-intl";
|
|
5
|
+
import { useLocation as R } from "react-router";
|
|
6
6
|
import l from "./ActionBar.module.scss.js";
|
|
7
|
-
import { useResponsive as
|
|
8
|
-
import { SearchInput as
|
|
9
|
-
import { Select as
|
|
10
|
-
import { Tag as
|
|
11
|
-
import { Icon as
|
|
12
|
-
const
|
|
13
|
-
title:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
7
|
+
import { useResponsive as T } from "../../../hooks/use_responsive/useResponsive.js";
|
|
8
|
+
import { SearchInput as _ } from "../../../input/search_input/SearchInput.js";
|
|
9
|
+
import { Select as z } from "../../../input/select/Select.js";
|
|
10
|
+
import { Tag as D } from "../../../tag/tag/Tag.js";
|
|
11
|
+
import { Icon as F } from "../../../icons/icon/Icon.js";
|
|
12
|
+
const Z = ({
|
|
13
|
+
title: c,
|
|
14
|
+
subtitle: f,
|
|
15
|
+
showSubtitle: p = !1,
|
|
16
|
+
sortOptions: a,
|
|
17
|
+
defaultSelectOption: v,
|
|
18
|
+
searchBar: n = !1,
|
|
19
|
+
tagList: r,
|
|
20
|
+
activeTagId: d,
|
|
21
|
+
withUrlParams: m = !1,
|
|
22
|
+
onSearch: S,
|
|
23
|
+
onSortChange: g,
|
|
24
|
+
onTagChange: I
|
|
23
25
|
}) => {
|
|
24
|
-
const
|
|
25
|
-
typeof window < "u" ? window.location.search :
|
|
26
|
-
),
|
|
27
|
-
if (
|
|
28
|
-
for (const
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
const N = H(), x = R(), { isMobile: L } = T(), [y, A] = j(!1), s = new URLSearchParams(
|
|
27
|
+
typeof window < "u" ? window.location.search : x.search
|
|
28
|
+
), b = (e) => {
|
|
29
|
+
if (m) {
|
|
30
|
+
for (const o of s.keys())
|
|
31
|
+
a.map((M) => {
|
|
32
|
+
M.name === o && s.delete(o);
|
|
31
33
|
});
|
|
32
|
-
|
|
34
|
+
s.delete("sort"), s.set(
|
|
33
35
|
e.type === "filter" ? e.name : "sort",
|
|
34
36
|
e.value
|
|
35
37
|
);
|
|
36
38
|
}
|
|
37
|
-
|
|
38
|
-
}, A = (e) => {
|
|
39
|
-
d && (e.id === r ? o.delete("tagId") : o.set("tagId", e.id)), S(e.id === r ? null : e.id);
|
|
40
|
-
}, b = (e) => {
|
|
41
|
-
d && (e ? o.set("search", e) : o.delete("search")), p(e), x(e !== "");
|
|
39
|
+
g(e);
|
|
42
40
|
}, w = (e) => {
|
|
43
|
-
|
|
41
|
+
m && (e.id === d ? s.delete("tagId") : s.set("tagId", e.id)), I(e.id === d ? null : e.id);
|
|
42
|
+
}, k = (e) => {
|
|
43
|
+
m && (e ? s.set("search", e) : s.delete("search")), S(e), A(e !== "");
|
|
44
|
+
}, C = (e) => {
|
|
45
|
+
const o = d === e.id;
|
|
44
46
|
return /* @__PURE__ */ i(
|
|
45
47
|
"div",
|
|
46
48
|
{
|
|
47
49
|
className: l.tagItem,
|
|
48
|
-
onClick: () =>
|
|
50
|
+
onClick: () => w(e),
|
|
49
51
|
children: /* @__PURE__ */ i(
|
|
50
|
-
|
|
52
|
+
D,
|
|
51
53
|
{
|
|
52
54
|
text: e.display_name,
|
|
53
|
-
active:
|
|
54
|
-
rightIcon:
|
|
55
|
+
active: o,
|
|
56
|
+
rightIcon: o && /* @__PURE__ */ i(F, { name: "close", height: 10, width: 10 })
|
|
55
57
|
}
|
|
56
58
|
)
|
|
57
59
|
},
|
|
58
60
|
e.id
|
|
59
61
|
);
|
|
60
62
|
};
|
|
61
|
-
return /* @__PURE__ */ i(
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
+
return /* @__PURE__ */ i(h, { children: (c || a || n) && /* @__PURE__ */ t(h, { children: [
|
|
64
|
+
/* @__PURE__ */ t(
|
|
63
65
|
"div",
|
|
64
66
|
{
|
|
65
|
-
className:
|
|
66
|
-
[l.listHeaderOneItem]: !
|
|
67
|
+
className: u(l.listHeader, {
|
|
68
|
+
[l.listHeaderOneItem]: !n || !a
|
|
67
69
|
}),
|
|
68
70
|
children: [
|
|
69
|
-
|
|
70
|
-
|
|
71
|
+
/* @__PURE__ */ t("div", { children: [
|
|
72
|
+
c && /* @__PURE__ */ i("div", { className: l.listTitle, children: c }),
|
|
73
|
+
p && f && /* @__PURE__ */ i("div", { className: l.listSubtitle, children: f })
|
|
74
|
+
] }),
|
|
75
|
+
(a || n) && /* @__PURE__ */ t(
|
|
71
76
|
"div",
|
|
72
77
|
{
|
|
73
|
-
className:
|
|
74
|
-
[l.rightBarOneItem]: !
|
|
78
|
+
className: u(l.rightBar, {
|
|
79
|
+
[l.rightBarOneItem]: !n || !a
|
|
75
80
|
}),
|
|
76
81
|
children: [
|
|
77
|
-
|
|
78
|
-
|
|
82
|
+
n ? /* @__PURE__ */ i("div", { className: l.search, children: /* @__PURE__ */ i(
|
|
83
|
+
_,
|
|
79
84
|
{
|
|
80
|
-
onSearchSubmit:
|
|
81
|
-
placeholder:
|
|
85
|
+
onSearchSubmit: k,
|
|
86
|
+
placeholder: N.formatMessage({
|
|
82
87
|
id: "info.search_mobile",
|
|
83
88
|
defaultMessage: "Search"
|
|
84
89
|
}),
|
|
85
90
|
reducedByDefault: !1
|
|
86
91
|
}
|
|
87
92
|
) }) : null,
|
|
88
|
-
|
|
89
|
-
|
|
93
|
+
a ? /* @__PURE__ */ i(
|
|
94
|
+
z,
|
|
90
95
|
{
|
|
91
|
-
onChange:
|
|
92
|
-
options:
|
|
93
|
-
defaultOption:
|
|
96
|
+
onChange: b,
|
|
97
|
+
options: a,
|
|
98
|
+
defaultOption: v,
|
|
94
99
|
horizontalPosition: "right",
|
|
95
|
-
disabled:
|
|
100
|
+
disabled: y,
|
|
96
101
|
className: l.select
|
|
97
102
|
}
|
|
98
103
|
) : null
|
|
@@ -102,9 +107,9 @@ const X = ({
|
|
|
102
107
|
]
|
|
103
108
|
}
|
|
104
109
|
),
|
|
105
|
-
|
|
110
|
+
r && r.length > 0 && /* @__PURE__ */ i("div", { className: l.tagList, children: r.map(C) })
|
|
106
111
|
] }) });
|
|
107
112
|
};
|
|
108
113
|
export {
|
|
109
|
-
|
|
114
|
+
Z as ActionBar
|
|
110
115
|
};
|
|
@@ -1,23 +1,25 @@
|
|
|
1
|
-
import '../../../../assets/components/list/paginated_list/action_bar/ActionBar.module-
|
|
1
|
+
import '../../../../assets/components/list/paginated_list/action_bar/ActionBar.module-VuCq918p.css';const t = "_listHeader_7x11f_3", e = "_listHeaderOneItem_7x11f_16", s = "_listTitle_7x11f_23", _ = "_listSubtitle_7x11f_30", i = "_rightBar_7x11f_36", a = "_rightBarOneItem_7x11f_46", l = "_search_7x11f_57", r = "_tagList_7x11f_67", c = "_tagItem_7x11f_82", n = "_select_7x11f_89", g = {
|
|
2
2
|
listHeader: t,
|
|
3
3
|
listHeaderOneItem: e,
|
|
4
|
-
listTitle:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
listTitle: s,
|
|
5
|
+
listSubtitle: _,
|
|
6
|
+
rightBar: i,
|
|
7
|
+
rightBarOneItem: a,
|
|
8
|
+
search: l,
|
|
8
9
|
tagList: r,
|
|
9
|
-
tagItem:
|
|
10
|
-
select:
|
|
10
|
+
tagItem: c,
|
|
11
|
+
select: n
|
|
11
12
|
};
|
|
12
13
|
export {
|
|
13
|
-
|
|
14
|
+
g as default,
|
|
14
15
|
t as listHeader,
|
|
15
16
|
e as listHeaderOneItem,
|
|
16
|
-
|
|
17
|
-
s as
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
l as
|
|
21
|
-
|
|
17
|
+
_ as listSubtitle,
|
|
18
|
+
s as listTitle,
|
|
19
|
+
i as rightBar,
|
|
20
|
+
a as rightBarOneItem,
|
|
21
|
+
l as search,
|
|
22
|
+
n as select,
|
|
23
|
+
c as tagItem,
|
|
22
24
|
r as tagList
|
|
23
25
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as s, Fragment as pe, jsxs as l } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import P from "@rooks/use-sessionstorage-state";
|
|
3
3
|
import d from "classnames";
|
|
4
4
|
import { useState as b, useEffect as L } from "react";
|
|
5
5
|
import { useIntl as _e, FormattedMessage as m } from "react-intl";
|
|
@@ -9,8 +9,8 @@ import { useTranslatedContent as k } from "../../translation/translated_content/
|
|
|
9
9
|
import { useToast as Ne } from "../../dialog/toast_provider/useToast.js";
|
|
10
10
|
import { useAuthRequired as Se } from "../../hooks/use_auth_required/useAuthRequired.js";
|
|
11
11
|
import { useDataProvider as we } from "../../data/data_provider/useDataProvider.js";
|
|
12
|
-
import { useConfig as
|
|
13
|
-
import { useAuth as
|
|
12
|
+
import { useConfig as Be } from "../../data/config_provider/useConfig.js";
|
|
13
|
+
import { useAuth as Ce } from "../../auth/use_auth/useAuth.js";
|
|
14
14
|
import { Icon as T } from "../../icons/icon/Icon.js";
|
|
15
15
|
import { ProgressBar as xe } from "../../progress/progress_bar/ProgressBar.js";
|
|
16
16
|
import { Link as Ve } from "../../action/link/Link.js";
|
|
@@ -22,19 +22,19 @@ const We = ({
|
|
|
22
22
|
voteableId: h,
|
|
23
23
|
redirectUrl: S,
|
|
24
24
|
displayColumn: j,
|
|
25
|
-
textAlignLeft:
|
|
26
|
-
showTotal:
|
|
27
|
-
voteBoxClassName:
|
|
28
|
-
buttonContainerClassName:
|
|
25
|
+
textAlignLeft: ee,
|
|
26
|
+
showTotal: te = !0,
|
|
27
|
+
voteBoxClassName: O,
|
|
28
|
+
buttonContainerClassName: F,
|
|
29
29
|
buttonClassName: E,
|
|
30
30
|
showResultClassName: I,
|
|
31
31
|
onVote: w,
|
|
32
32
|
disabled: M = !1,
|
|
33
|
-
showVotesCommentsNumber:
|
|
34
|
-
commentsCount:
|
|
33
|
+
showVotesCommentsNumber: oe = !1,
|
|
34
|
+
commentsCount: se,
|
|
35
35
|
hideShowResultButton: U = !1
|
|
36
36
|
}) => {
|
|
37
|
-
const [H, g] = b(!0), [c, A] = b(void 0), [p, f] = b(!1), [u,
|
|
37
|
+
const [H, g] = b(!0), [c, A] = b(void 0), [p, f] = b(!1), [u, ae] = b(
|
|
38
38
|
Number.parseFloat(N.total) || Object.values(N).reduce(
|
|
39
39
|
(e, t) => e + Number.parseFloat(t),
|
|
40
40
|
0
|
|
@@ -54,10 +54,10 @@ const We = ({
|
|
|
54
54
|
r[2]?.language,
|
|
55
55
|
"name",
|
|
56
56
|
r[2]?.translation_entries
|
|
57
|
-
), [_,
|
|
57
|
+
), [_, ne, D] = P(
|
|
58
58
|
"storedUserVote",
|
|
59
59
|
{}
|
|
60
|
-
), [Ae,
|
|
60
|
+
), [Ae, re, ie] = P("userSide", {}), { toast: G } = Ne() || {}, ce = () => {
|
|
61
61
|
const e = {};
|
|
62
62
|
return r?.forEach(
|
|
63
63
|
(t) => e[t.id] = {
|
|
@@ -67,13 +67,13 @@ const We = ({
|
|
|
67
67
|
)
|
|
68
68
|
}
|
|
69
69
|
), e;
|
|
70
|
-
}, [i, W] = b(
|
|
70
|
+
}, [i, W] = b(ce()), z = Se(), le = be(), R = we(), J = Be(), B = _e(), { isLoggedIn: C, isLoggingIn: K } = Ce();
|
|
71
71
|
L(() => {
|
|
72
|
-
|
|
73
|
-
}, [
|
|
72
|
+
K === !1 && (C ? ue(h) : g(!1));
|
|
73
|
+
}, [K, C]), L(() => {
|
|
74
74
|
if (H === !1 && !S) {
|
|
75
75
|
const [e, t] = de();
|
|
76
|
-
e && (t ?
|
|
76
|
+
e && (t ? X(t) : f(!0));
|
|
77
77
|
}
|
|
78
78
|
}, [H]), L(() => {
|
|
79
79
|
w && w(c);
|
|
@@ -82,7 +82,7 @@ const We = ({
|
|
|
82
82
|
if (_ && Object.keys(_).length !== 0)
|
|
83
83
|
return _.groupId === h && _.voteableType === v ? [!0, _.positionId] : (D(), [!1, !1]);
|
|
84
84
|
const e = new URLSearchParams(
|
|
85
|
-
typeof window < "u" ? window.location.search :
|
|
85
|
+
typeof window < "u" ? window.location.search : le.search
|
|
86
86
|
), t = !!e.get("initVote"), a = Number.parseInt(e.get("positionId")) || !1;
|
|
87
87
|
return [t, a];
|
|
88
88
|
}, ue = (e) => {
|
|
@@ -97,13 +97,13 @@ const We = ({
|
|
|
97
97
|
voteable_type: v || "Group",
|
|
98
98
|
position_id: e
|
|
99
99
|
};
|
|
100
|
-
|
|
100
|
+
re({
|
|
101
101
|
groupId: h,
|
|
102
102
|
voteableType: v,
|
|
103
103
|
positionId: e
|
|
104
104
|
}), c ? (ve(e, c.position_id), p === !1 && y(), e !== c.position_id && R.update("votes", c.id, t).then((n) => {
|
|
105
105
|
n.data.success && (A(n.data.data.resource), G(
|
|
106
|
-
|
|
106
|
+
B.formatMessage({
|
|
107
107
|
id: "header.vote_confirm_modal",
|
|
108
108
|
defaultMessage: "Your vote has been saved !"
|
|
109
109
|
}),
|
|
@@ -111,7 +111,7 @@ const We = ({
|
|
|
111
111
|
));
|
|
112
112
|
})) : (fe(e), y(), R.create("votes", t).then((n) => {
|
|
113
113
|
n.data.success && (A(n.data.data.resource), G(
|
|
114
|
-
|
|
114
|
+
B.formatMessage({
|
|
115
115
|
id: "header.vote_confirm_modal",
|
|
116
116
|
defaultMessage: "Your vote has been saved !"
|
|
117
117
|
}),
|
|
@@ -127,13 +127,13 @@ const We = ({
|
|
|
127
127
|
percentage: x(t, a)
|
|
128
128
|
};
|
|
129
129
|
else {
|
|
130
|
-
const
|
|
130
|
+
const Z = i[V.id].count;
|
|
131
131
|
n[V.id] = {
|
|
132
|
-
count:
|
|
133
|
-
percentage: x(
|
|
132
|
+
count: Z,
|
|
133
|
+
percentage: x(Z, a)
|
|
134
134
|
};
|
|
135
135
|
}
|
|
136
|
-
}), W(n),
|
|
136
|
+
}), W(n), ae(a);
|
|
137
137
|
}, ve = (e, t) => {
|
|
138
138
|
if (t !== e) {
|
|
139
139
|
const a = {
|
|
@@ -155,20 +155,20 @@ const We = ({
|
|
|
155
155
|
};
|
|
156
156
|
W(a);
|
|
157
157
|
}
|
|
158
|
-
},
|
|
158
|
+
}, Q = (e) => {
|
|
159
159
|
const t = new URLSearchParams({
|
|
160
160
|
initVote: "true",
|
|
161
161
|
...e && { positionId: e }
|
|
162
162
|
});
|
|
163
163
|
return S + `?${t.toString()}`;
|
|
164
|
-
},
|
|
165
|
-
|
|
164
|
+
}, X = (e) => {
|
|
165
|
+
C ? Object.keys(i).includes(e.toString()) && (me(e), D()) : (Object.keys(i).includes(e.toString()) && ne({
|
|
166
166
|
groupId: h,
|
|
167
167
|
voteableType: v,
|
|
168
168
|
positionId: e
|
|
169
169
|
}), z({ loginAction: "vote" }));
|
|
170
170
|
}, y = () => {
|
|
171
|
-
p &&
|
|
171
|
+
p && ie(), f(!p);
|
|
172
172
|
}, he = (e, t) => {
|
|
173
173
|
let a;
|
|
174
174
|
t === 0 ? a = $.translatedContent : t === 1 ? a = q.translatedContent : t === 2 && (a = Y.translatedContent);
|
|
@@ -186,13 +186,13 @@ const We = ({
|
|
|
186
186
|
type: "button",
|
|
187
187
|
title: a,
|
|
188
188
|
className: d(o.voteButton, {
|
|
189
|
-
[o.textAlignLeft]:
|
|
189
|
+
[o.textAlignLeft]: ee,
|
|
190
190
|
[E]: E
|
|
191
191
|
}),
|
|
192
|
-
onClick: n ? () =>
|
|
192
|
+
onClick: n ? () => X(e.id) : null,
|
|
193
193
|
disabled: M,
|
|
194
194
|
"data-testid": "voteButton",
|
|
195
|
-
to: n ? null :
|
|
195
|
+
to: n ? null : Q(e.id),
|
|
196
196
|
target: n ? null : "_top",
|
|
197
197
|
rel: n ? null : "nofollow",
|
|
198
198
|
external: n ? null : !0,
|
|
@@ -212,12 +212,12 @@ const We = ({
|
|
|
212
212
|
t
|
|
213
213
|
);
|
|
214
214
|
}, ge = () => {
|
|
215
|
-
|
|
215
|
+
C || J.actions?.unloggedVoteResults === !0 ? f(!0) : z({ loginAction: "vote" });
|
|
216
216
|
};
|
|
217
217
|
return /* @__PURE__ */ s(
|
|
218
218
|
"div",
|
|
219
219
|
{
|
|
220
|
-
className: d(o.voteBox, { [
|
|
220
|
+
className: d(o.voteBox, { [O]: O }),
|
|
221
221
|
children: /* @__PURE__ */ s(pe, { children: p || M ? /* @__PURE__ */ l("div", { className: o.voteResultsBox, "data-testid": "voteResultsBox", children: [
|
|
222
222
|
/* @__PURE__ */ s("div", { className: o.voteResults, children: r.map((e, t) => {
|
|
223
223
|
let a;
|
|
@@ -235,7 +235,7 @@ const We = ({
|
|
|
235
235
|
c && c.position_id === e.id ? /* @__PURE__ */ s(
|
|
236
236
|
"span",
|
|
237
237
|
{
|
|
238
|
-
title:
|
|
238
|
+
title: B.formatMessage({
|
|
239
239
|
id: "vote.vote_box.vote_side"
|
|
240
240
|
}) + a,
|
|
241
241
|
className: o.sideIcon,
|
|
@@ -262,7 +262,7 @@ const We = ({
|
|
|
262
262
|
] }, t);
|
|
263
263
|
}) }),
|
|
264
264
|
/* @__PURE__ */ l("div", { className: o.voteBoxFooter, children: [
|
|
265
|
-
|
|
265
|
+
te && /* @__PURE__ */ s("div", { className: o.voteResultsNumberVoters, children: /* @__PURE__ */ s(
|
|
266
266
|
m,
|
|
267
267
|
{
|
|
268
268
|
id: "vote.vote_box.votes",
|
|
@@ -307,14 +307,15 @@ const We = ({
|
|
|
307
307
|
{
|
|
308
308
|
className: d(o.voteBoxActionsBody, {
|
|
309
309
|
[o.voteBoxActionsBodyColumn]: j,
|
|
310
|
-
[
|
|
310
|
+
[o.voteBoxActionsBodyOutlined]: J.actions?.outlinedVoteButtons,
|
|
311
|
+
[F]: F
|
|
311
312
|
}),
|
|
312
313
|
children: r.map(
|
|
313
314
|
(e, t) => he(e, t)
|
|
314
315
|
)
|
|
315
316
|
}
|
|
316
317
|
),
|
|
317
|
-
|
|
318
|
+
oe && /* @__PURE__ */ l("div", { className: o.voteCommentCounts, children: [
|
|
318
319
|
/* @__PURE__ */ l("div", { className: o.debateNumberItem, children: [
|
|
319
320
|
/* @__PURE__ */ s(T, { name: "votebox", width: 20, height: 20 }),
|
|
320
321
|
/* @__PURE__ */ s("div", { className: o.debateNumberLabel, children: /* @__PURE__ */ s(
|
|
@@ -332,7 +333,7 @@ const We = ({
|
|
|
332
333
|
m,
|
|
333
334
|
{
|
|
334
335
|
id: "vote.vote_box.comments",
|
|
335
|
-
values: { count:
|
|
336
|
+
values: { count: se ?? 0 },
|
|
336
337
|
defaultMessage: "{count} comments"
|
|
337
338
|
}
|
|
338
339
|
) })
|
|
@@ -346,7 +347,7 @@ const We = ({
|
|
|
346
347
|
o.voteBoxShowResultContainer,
|
|
347
348
|
{ [I]: I }
|
|
348
349
|
),
|
|
349
|
-
children: /* @__PURE__ */ s("div", { className: o.voteBoxShowResult, children: U ? !p && /* @__PURE__ */ s("div", { className: o.voteResultInfoText, children:
|
|
350
|
+
children: /* @__PURE__ */ s("div", { className: o.voteBoxShowResult, children: U ? !p && /* @__PURE__ */ s("div", { className: o.voteResultInfoText, children: B.formatMessage({
|
|
350
351
|
id: "vote.vote_box.result_after_vote",
|
|
351
352
|
defaultMessage: "Le résultat s'affichera après le vote."
|
|
352
353
|
}) }) : typeof window < "u" && !S ? /* @__PURE__ */ s(
|
|
@@ -368,7 +369,7 @@ const We = ({
|
|
|
368
369
|
) : /* @__PURE__ */ s(
|
|
369
370
|
Ve,
|
|
370
371
|
{
|
|
371
|
-
to:
|
|
372
|
+
to: Q(null),
|
|
372
373
|
rel: "nofollow",
|
|
373
374
|
"data-tid": "show_vote_result",
|
|
374
375
|
target: "_top",
|
|
@@ -1,63 +1,65 @@
|
|
|
1
|
-
import '../../../assets/components/vote/vote_box/VoteBox.module-
|
|
2
|
-
voteBox:
|
|
3
|
-
voteResultsBox:
|
|
1
|
+
import '../../../assets/components/vote/vote_box/VoteBox.module-D5sSSHpi.css';const o = "_voteBox_iwgj8_3", t = "_voteResultsBox_iwgj8_11", e = "_voteResults_iwgj8_11", s = "_voteProgressHeader_iwgj8_22", n = "_voteProgressHeaderAgainst_iwgj8_35", _ = "_voteResultsNumberVoters_iwgj8_39", i = "_voteBoxFooter_iwgj8_47", u = "_voteBoxActions_iwgj8_56", v = "_voteBoxActionsBody_iwgj8_66", B = "_voteBoxActionsBodyColumn_iwgj8_74", c = "_voteAction_iwgj8_78", r = "_buttonAlignLeft_iwgj8_88", g = "_voteButton_iwgj8_92", l = "_textAlignLeft_iwgj8_103", w = "_voteBoxShowResultContainer_iwgj8_107", d = "_voteBoxShowResult_iwgj8_107", x = "_boldShowResult_iwgj8_131", j = "_outlined_iwgj8_136", b = "_voteButtonThesis_iwgj8_143", A = "_voteButtonThesisSynthesisMobile_iwgj8_155", a = "_voteBoxActionsBodyOutlined_iwgj8_194", R = "_voteActionButton_iwgj8_233", h = "_sideIcon_iwgj8_248", m = "_progress_iwgj8_253", y = "_progressBar_iwgj8_259", C = "_voteCommentCounts_iwgj8_276", S = "_debateNumberItem_iwgj8_284", f = "_debateNumberLabel_iwgj8_293", I = "_showResultButton_iwgj8_297", L = "_voteResultInfoText_iwgj8_310", N = {
|
|
2
|
+
voteBox: o,
|
|
3
|
+
voteResultsBox: t,
|
|
4
4
|
voteResults: e,
|
|
5
5
|
voteProgressHeader: s,
|
|
6
|
-
voteProgressHeaderAgainst:
|
|
7
|
-
voteResultsNumberVoters:
|
|
8
|
-
voteBoxFooter:
|
|
6
|
+
voteProgressHeaderAgainst: n,
|
|
7
|
+
voteResultsNumberVoters: _,
|
|
8
|
+
voteBoxFooter: i,
|
|
9
9
|
voteBoxActions: u,
|
|
10
|
-
voteBoxActionsBody:
|
|
11
|
-
voteBoxActionsBodyColumn:
|
|
12
|
-
voteAction:
|
|
13
|
-
buttonAlignLeft:
|
|
14
|
-
voteButton:
|
|
15
|
-
textAlignLeft:
|
|
16
|
-
voteBoxShowResultContainer:
|
|
17
|
-
voteBoxShowResult:
|
|
18
|
-
boldShowResult:
|
|
19
|
-
outlined:
|
|
20
|
-
voteButtonThesis:
|
|
21
|
-
voteButtonThesisSynthesisMobile:
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
10
|
+
voteBoxActionsBody: v,
|
|
11
|
+
voteBoxActionsBodyColumn: B,
|
|
12
|
+
voteAction: c,
|
|
13
|
+
buttonAlignLeft: r,
|
|
14
|
+
voteButton: g,
|
|
15
|
+
textAlignLeft: l,
|
|
16
|
+
voteBoxShowResultContainer: w,
|
|
17
|
+
voteBoxShowResult: d,
|
|
18
|
+
boldShowResult: x,
|
|
19
|
+
outlined: j,
|
|
20
|
+
voteButtonThesis: b,
|
|
21
|
+
voteButtonThesisSynthesisMobile: A,
|
|
22
|
+
voteBoxActionsBodyOutlined: a,
|
|
23
|
+
voteActionButton: R,
|
|
24
|
+
sideIcon: h,
|
|
25
|
+
progress: m,
|
|
26
|
+
progressBar: y,
|
|
27
|
+
voteCommentCounts: C,
|
|
28
|
+
debateNumberItem: S,
|
|
29
|
+
debateNumberLabel: f,
|
|
29
30
|
showResultButton: I,
|
|
30
31
|
voteResultInfoText: L
|
|
31
32
|
};
|
|
32
33
|
export {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
x as boldShowResult,
|
|
35
|
+
r as buttonAlignLeft,
|
|
36
|
+
S as debateNumberItem,
|
|
37
|
+
f as debateNumberLabel,
|
|
37
38
|
N as default,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
j as outlined,
|
|
40
|
+
m as progress,
|
|
41
|
+
y as progressBar,
|
|
41
42
|
I as showResultButton,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
43
|
+
h as sideIcon,
|
|
44
|
+
l as textAlignLeft,
|
|
45
|
+
c as voteAction,
|
|
46
|
+
R as voteActionButton,
|
|
47
|
+
o as voteBox,
|
|
47
48
|
u as voteBoxActions,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
49
|
+
v as voteBoxActionsBody,
|
|
50
|
+
B as voteBoxActionsBodyColumn,
|
|
51
|
+
a as voteBoxActionsBodyOutlined,
|
|
52
|
+
i as voteBoxFooter,
|
|
53
|
+
d as voteBoxShowResult,
|
|
54
|
+
w as voteBoxShowResultContainer,
|
|
55
|
+
g as voteButton,
|
|
56
|
+
b as voteButtonThesis,
|
|
57
|
+
A as voteButtonThesisSynthesisMobile,
|
|
58
|
+
C as voteCommentCounts,
|
|
57
59
|
s as voteProgressHeader,
|
|
58
|
-
|
|
60
|
+
n as voteProgressHeaderAgainst,
|
|
59
61
|
L as voteResultInfoText,
|
|
60
62
|
e as voteResults,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
+
t as voteResultsBox,
|
|
64
|
+
_ as voteResultsNumberVoters
|
|
63
65
|
};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._listHeader_fbaxc_3{display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap;gap:var(--space-unit, 1em)}@container (max-width: 575.98px){._listHeader_fbaxc_3{flex-direction:column;align-items:flex-start}._listHeader_fbaxc_3._listHeaderOneItem_fbaxc_16{flex-direction:row;align-items:center;flex-wrap:nowrap!important}}._listTitle_fbaxc_23{font-size:var(--font-size-extra-large, 22px);line-height:var(--line-height-tight, 1.08em);font-weight:var(--font-weight-bold, 700);font-family:var(--title-font-family, var(--font-family, "Montserrat"))}._rightBar_fbaxc_30{display:flex;gap:var(--space-unit, 1em);flex-wrap:wrap}@container (max-width: 575.98px){._rightBar_fbaxc_30{width:100%;justify-content:space-between}._rightBar_fbaxc_30._rightBarOneItem_fbaxc_40{justify-content:flex-end}}._rightBar_fbaxc_30{flex:1 1 auto;justify-content:flex-end;align-items:center;flex-direction:row}._search_fbaxc_51{flex:1;max-width:35%}@container (max-width: 575.98px){._search_fbaxc_51{max-width:80%}}._tagList_fbaxc_61{display:flex;flex-direction:row;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding-bottom:var(--spacer-md, calc(var(--space-unit, 1em) * .75))}@container (max-width: 575.98px){._tagList_fbaxc_61{gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}}._tagItem_fbaxc_76{display:flex!important;color:var(--text-secondary, #5F5F5F);cursor:pointer;white-space:nowrap}._select_fbaxc_83{max-width:300px}@container (max-width: 575.98px){._select_fbaxc_83{max-width:300px}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._voteBox_e0cdc_3{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%}._voteResultsBox_e0cdc_11{display:flex!important;flex-direction:column!important;padding:0!important;width:100%}._voteResults_e0cdc_11{padding:0!important}._voteProgressHeader_e0cdc_22{margin-bottom:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;display:flex!important;align-items:center!important;font-size:var(--font-size-normal, 16px);display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._voteProgressHeaderAgainst_e0cdc_35{margin-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important}._voteResultsNumberVoters_e0cdc_39{display:flex!important;align-items:center!important;padding:0!important;font-size:var(--font-size-normal, 16px);color:var(--text-secondary, #5F5F5F)}._voteBoxFooter_e0cdc_47{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-top:var(--space-unit, 1em)!important;padding:0!important}._voteBoxActions_e0cdc_56{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center;gap:var(--space-unit, 1em);color:var(--text-secondary, #5F5F5F);width:100%}._voteBoxActionsBody_e0cdc_66{display:grid!important;grid-template-columns:repeat(2,1fr);gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding:0!important;width:100%}._voteBoxActionsBodyColumn_e0cdc_74{grid-template-columns:1fr}._voteAction_e0cdc_78{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:0!important;max-width:100%!important;width:100%!important;text-align:center}._voteAction_e0cdc_78._buttonAlignLeft_e0cdc_88{justify-content:flex-start!important}button._voteButton_e0cdc_92,a._voteButton_e0cdc_92{-webkit-appearance:initial!important;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;padding:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important}._textAlignLeft_e0cdc_103{justify-content:flex-start!important}._voteBoxShowResultContainer_e0cdc_107{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap!important;margin-top:.3em}._voteBoxShowResult_e0cdc_107{cursor:pointer}._voteBoxShowResult_e0cdc_107 a{color:inherit;text-decoration:none;background:none!important}._voteBoxShowResult_e0cdc_107 a:hover{text-decoration:none;background:none!important}._voteBoxShowResult_e0cdc_107 a:focus:not(:focus-visible){outline:none;box-shadow:none}._voteBoxShowResult_e0cdc_107 ._boldShowResult_e0cdc_131{font-weight:var(--font-weight-bold, 700);color:var(--text-primary, #222222)}._outlined_e0cdc_136{padding:7px 15px;border-radius:var(--box-border-radius, 6px);border:1px solid var(--text-primary, #222222)!important;white-space:nowrap}._voteButtonThesis_e0cdc_143{display:block;text-align:left;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@container (max-width: 767.98px){._voteButtonThesisSynthesisMobile_e0cdc_155{text-align:center!important}}._voteBoxActionsBody_e0cdc_66 ._voteAction_e0cdc_78:first-child ._voteButton_e0cdc_92,._voteBoxActionsBody_e0cdc_66 ._voteAction_e0cdc_78:first-child ._voteButton_e0cdc_92:hover{background-color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBody_e0cdc_66 ._voteAction_e0cdc_78:nth-child(2) ._voteButton_e0cdc_92{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_e0cdc_66 ._voteAction_e0cdc_78:nth-child(2) ._voteButton_e0cdc_92:hover{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_e0cdc_66 ._voteAction_e0cdc_78:nth-child(3) ._voteButton_e0cdc_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBody_e0cdc_66 ._voteAction_e0cdc_78:nth-child(3) ._voteButton_e0cdc_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteActionButton_e0cdc_194{cursor:pointer;-webkit-appearance:initial!important;background:none;border:none;color:var(--text-secondary, #5F5F5F)!important;font-size:inherit;padding:0;font-weight:var(--font-weight-bold, 700)}._voteActionButton_e0cdc_194:focus:not(:focus-visible){outline:none;box-shadow:none}._sideIcon_e0cdc_209 svg{margin-left:5px;fill:var(--text-primary, #222222)}._progress_e0cdc_214{border-radius:10px;height:25px;color:var(--text-secondary, #5F5F5F)}._progressBar_e0cdc_220{border-radius:10px;height:25px}._voteResults_e0cdc_11>div:first-child ._progress_e0cdc_214 ._progressBar_e0cdc_220{background-color:var(--for-primary-color, #cc6a6d)!important}._voteResults_e0cdc_11>div:nth-child(2) ._progress_e0cdc_214 ._progressBar_e0cdc_220{background-color:var(--against-primary-color, #7980bb)!important}._voteResults_e0cdc_11 div:nth-child(3) ._progress_e0cdc_214 ._progressBar_e0cdc_220{background-color:var(--third-position-color-primary, #9b9b9b)!important}._voteCommentCounts_e0cdc_237{display:flex;align-items:center;gap:var(--space-unit, 1em);width:100%;margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._debateNumberItem_e0cdc_245{display:flex;align-items:center;gap:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25));font-size:var(--font-size-normal, 16px);color:var(--text-primary, #222222);white-space:nowrap}._debateNumberLabel_e0cdc_254{white-space:nowrap}._showResultButton_e0cdc_258{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}._showResultButton_e0cdc_258:focus:not(:focus-visible){outline:none;box-shadow:none}._voteResultInfoText_e0cdc_271{font-size:var(--font-size-small, 16px);color:var(--text-secondary, #5F5F5F);text-align:left;width:100%;align-self:flex-start}
|