@logora/debate 0.3.15 → 0.3.16

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.
@@ -0,0 +1 @@
1
+ ._voteButton_1kbho_3{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._voteButton_1kbho_3:focus:not(:focus-visible){outline:none;box-shadow:none}._active_1kbho_22{font-weight:var(--font-weight-bold, 700);color:inherit}._active_1kbho_22 svg{fill:currentColor!important;fill-rule:evenodd}._disabled_1kbho_31{cursor:not-allowed;opacity:.6}._disabled_1kbho_31 svg{fill:var(--text-secondary, #5F5F5F);fill-rule:evenodd}
@@ -1,175 +1,171 @@
1
- import { jsxs as u, Fragment as Y, jsx as t } from "react/jsx-runtime";
2
- import { ListNode as Z, ListItemNode as tt } from "@lexical/list";
3
- import { OverflowNode as ot } from "@lexical/overflow";
4
- import { CharacterLimitPlugin as et } from "@lexical/react/LexicalCharacterLimitPlugin";
5
- import { LexicalComposer as rt } from "@lexical/react/LexicalComposer";
6
- import { ContentEditable as it } from "@lexical/react/LexicalContentEditable";
7
- import { EditorRefPlugin as nt } from "@lexical/react/LexicalEditorRefPlugin";
8
- import { LexicalErrorBoundary as st } from "@lexical/react/LexicalErrorBoundary";
9
- import { HistoryPlugin as lt } from "@lexical/react/LexicalHistoryPlugin";
10
- import { ListPlugin as ct } from "@lexical/react/LexicalListPlugin";
11
- import { OnChangePlugin as at } from "@lexical/react/LexicalOnChangePlugin";
1
+ import { jsxs as u, Fragment as X, jsx as t } from "react/jsx-runtime";
2
+ import { ListNode as Y, ListItemNode as Z } from "@lexical/list";
3
+ import { OverflowNode as tt } from "@lexical/overflow";
4
+ import { CharacterLimitPlugin as ot } from "@lexical/react/LexicalCharacterLimitPlugin";
5
+ import { LexicalComposer as et } from "@lexical/react/LexicalComposer";
6
+ import { ContentEditable as rt } from "@lexical/react/LexicalContentEditable";
7
+ import { EditorRefPlugin as it } from "@lexical/react/LexicalEditorRefPlugin";
8
+ import { LexicalErrorBoundary as nt } from "@lexical/react/LexicalErrorBoundary";
9
+ import { HistoryPlugin as st } from "@lexical/react/LexicalHistoryPlugin";
10
+ import { ListPlugin as lt } from "@lexical/react/LexicalListPlugin";
11
+ import { OnChangePlugin as ct } from "@lexical/react/LexicalOnChangePlugin";
12
12
  import { RichTextPlugin as mt } from "@lexical/react/LexicalRichTextPlugin";
13
- import { QuoteNode as dt } from "@lexical/rich-text";
14
- import y from "classnames";
15
- import { $getRoot as ft } from "lexical";
16
- import { useState as d, useId as ut, useEffect as I } from "react";
17
- import { useIntl as pt } from "react-intl";
18
- import ht from "./EditorTheme.js";
19
- import r from "./TextEditor.module.scss.js";
20
- import { AutoSavePlugin as gt } from "./plugins/AutoSavePlugin.js";
21
- import { FocusPlugin as xt } from "./plugins/FocusPlugin.js";
22
- import { MaxLengthPlugin as St } from "./plugins/MaxLengthPlugin.js";
23
- import { ResetPlugin as Ct } from "./plugins/ResetPlugin.js";
24
- import { SetContentPlugin as Nt } from "./plugins/SetContentPlugin.js";
13
+ import { QuoteNode as at } from "@lexical/rich-text";
14
+ import I from "classnames";
15
+ import { $getRoot as dt } from "lexical";
16
+ import { useState as a, useId as ft, useEffect as b } from "react";
17
+ import { useIntl as ut } from "react-intl";
18
+ import pt from "./EditorTheme.js";
19
+ import e from "./TextEditor.module.scss.js";
20
+ import { AutoSavePlugin as ht } from "./plugins/AutoSavePlugin.js";
21
+ import { FocusPlugin as gt } from "./plugins/FocusPlugin.js";
22
+ import { MaxLengthPlugin as xt } from "./plugins/MaxLengthPlugin.js";
23
+ import { ResetPlugin as St } from "./plugins/ResetPlugin.js";
24
+ import { SetContentPlugin as Ct } from "./plugins/SetContentPlugin.js";
25
25
  import { SetRichContentPlugin as Pt } from "./plugins/SetRichContentPlugin.js";
26
- import { ToolbarPlugin as Et } from "./plugins/ToolbarPlugin.js";
26
+ import { ToolbarPlugin as Tt } from "./plugins/ToolbarPlugin.js";
27
27
  import { useModal as vt } from "../../dialog/modal/useModal.js";
28
- import { SourceModal as Tt } from "../../source/source_modal/SourceModal.js";
29
- import { SourceListItem as yt } from "../../source/source_list_item/SourceListItem.js";
30
- const b = (o) => o?.replace(/ /g, " "), M = (o) => {
31
- !o || typeof o != "object" || (typeof o.text == "string" && (o.text = b(o.text)), Array.isArray(o.children) && o.children.forEach(M));
32
- }, oo = ({
33
- placeholder: o,
28
+ import { SourceModal as Nt } from "../../source/source_modal/SourceModal.js";
29
+ import { SourceListItem as Et } from "../../source/source_list_item/SourceListItem.js";
30
+ const M = (l) => l?.replace(/ /g, " "), to = ({
31
+ placeholder: l,
34
32
  onSubmit: p,
35
- sources: i,
36
- hideSubmit: A = !1,
37
- hideSourceAction: w = !1,
33
+ sources: r,
34
+ hideSubmit: y = !1,
35
+ hideSourceAction: R = !1,
38
36
  onActivation: h,
39
- disabled: L = !1,
37
+ disabled: w = !1,
40
38
  handleChange: g,
41
39
  handleSourcesChange: x,
42
- shortBar: R = !1,
40
+ shortBar: A = !1,
43
41
  active: S = !1,
44
42
  maxLength: c,
45
- disableRichText: O = !1,
43
+ disableRichText: L = !1,
46
44
  editorRef: _,
47
45
  uid: C,
48
- allowedDomains: N = [],
49
- hideCharCount: j = !1,
50
- disableAutoActivate: B = !1,
51
- ...F
46
+ allowedDomains: P = [],
47
+ hideCharCount: B = !1,
48
+ disableAutoActivate: F = !1,
49
+ ...O
52
50
  }) => {
53
- const [s, U] = d(!1), [k, z] = d(""), [J, H] = d(""), [l, f] = d([]), { showModal: Q } = vt(), P = pt(), E = ut();
54
- I(() => {
55
- i && i.length > 0 && f(i);
56
- }, [i]), I(() => {
57
- x && l.length > 0 && x(l);
58
- }, [l]);
59
- const v = () => {
60
- s || (U(!0), h && h());
61
- }, W = {
62
- editable: !L,
63
- theme: ht,
64
- onError(e) {
65
- console.error("TextEditor error:", e);
51
+ const [n, U] = a(!1), [j, k] = a(""), [z, H] = a(""), [s, d] = a([]), { showModal: J } = vt(), T = ut(), v = ft();
52
+ b(() => {
53
+ r && r.length > 0 && d(r);
54
+ }, [r]), b(() => {
55
+ x && s.length > 0 && x(s);
56
+ }, [s]);
57
+ const N = () => {
58
+ n || (U(!0), h && h());
59
+ }, Q = {
60
+ editable: !w,
61
+ theme: pt,
62
+ onError(o) {
63
+ console.error("TextEditor error:", o);
66
64
  },
67
- nodes: [Z, tt, dt, ot]
68
- }, $ = () => {
69
- v();
70
- }, q = (e) => {
71
- e.read(() => {
72
- const n = ft().getTextContent(), a = b(n), m = e.toJSON();
73
- M(m.root);
74
- const T = JSON.stringify(m);
75
- z(a), H(T), g && g(a, T);
65
+ nodes: [Y, Z, at, tt]
66
+ }, W = () => {
67
+ N();
68
+ }, $ = (o) => {
69
+ o.read(() => {
70
+ const i = dt().getTextContent(), m = M(i), f = JSON.stringify(o), E = M(f);
71
+ k(m), H(E), g && g(m, E);
76
72
  });
77
- }, D = (e) => {
78
- const n = k, a = J, m = l;
79
- p && (e.preventDefault(), p(n, a, m)), f([]);
80
- }, G = () => {
81
- Q(
73
+ }, q = (o) => {
74
+ const i = j, m = z, f = s;
75
+ p && (o.preventDefault(), p(i, m, f)), d([]);
76
+ }, D = () => {
77
+ J(
82
78
  /* @__PURE__ */ t(
83
- Tt,
79
+ Nt,
84
80
  {
85
- onAddSource: K,
86
- allowedSources: N
81
+ onAddSource: G,
82
+ allowedSources: P
87
83
  }
88
84
  )
89
85
  );
90
- }, K = (e) => {
91
- f([...l, e]);
92
- }, V = (e, n) => /* @__PURE__ */ t(
93
- yt,
86
+ }, G = (o) => {
87
+ d([...s, o]);
88
+ }, K = (o, i) => /* @__PURE__ */ t(
89
+ Et,
94
90
  {
95
- publisher: e.publisher,
96
- url: e.source_url,
97
- title: e.title,
98
- index: n
91
+ publisher: o.publisher,
92
+ url: o.source_url,
93
+ title: o.title,
94
+ index: i
99
95
  },
100
- n
101
- ), X = () => /* @__PURE__ */ t("div", { className: r.editorPlaceholder, children: o });
102
- return /* @__PURE__ */ u(Y, { children: [
103
- /* @__PURE__ */ t(rt, { initialConfig: W, children: /* @__PURE__ */ t("div", { className: r.editorContainer, onClick: $, children: /* @__PURE__ */ u(
96
+ i
97
+ ), V = () => /* @__PURE__ */ t("div", { className: e.editorPlaceholder, children: l });
98
+ return /* @__PURE__ */ u(X, { children: [
99
+ /* @__PURE__ */ t(et, { initialConfig: Q, children: /* @__PURE__ */ t("div", { className: e.editorContainer, onClick: W, children: /* @__PURE__ */ u(
104
100
  "div",
105
101
  {
106
- className: y(r.editorInner, {
107
- [r.editorInnerInactive]: !s && !S
102
+ className: I(e.editorInner, {
103
+ [e.editorInnerInactive]: !n && !S
108
104
  }),
109
105
  children: [
110
106
  /* @__PURE__ */ t(
111
107
  mt,
112
108
  {
113
109
  contentEditable: /* @__PURE__ */ t(
114
- it,
110
+ rt,
115
111
  {
116
- className: y(r.editorInput, {
117
- [r.editorInputInactive]: !s
112
+ className: I(e.editorInput, {
113
+ [e.editorInputInactive]: !n
118
114
  }),
119
- ...F
115
+ ...O
120
116
  }
121
117
  ),
122
- placeholder: o && /* @__PURE__ */ t(X, {}),
123
- ErrorBoundary: st
118
+ placeholder: l && /* @__PURE__ */ t(V, {}),
119
+ ErrorBoundary: nt
124
120
  }
125
121
  ),
126
122
  /* @__PURE__ */ t(
127
- Et,
123
+ Tt,
128
124
  {
129
- hideSourceAction: w,
130
- hideSubmit: A,
131
- disableRichText: O,
132
- shortBar: R,
133
- onSubmit: D,
134
- onAddSource: G,
135
- isActive: s || S,
136
- sourceTooltip: N?.length > 0 && P.formatMessage({
125
+ hideSourceAction: R,
126
+ hideSubmit: y,
127
+ disableRichText: L,
128
+ shortBar: A,
129
+ onSubmit: q,
130
+ onAddSource: D,
131
+ isActive: n || S,
132
+ sourceTooltip: P?.length > 0 && T.formatMessage({
137
133
  id: "input.allowed_domains_tooltip",
138
134
  defaultMessage: "With the new source function, you can add links to your article."
139
135
  })
140
136
  }
141
137
  ),
142
- s && c && !j && /* @__PURE__ */ u("div", { className: r.charactersCount, children: [
143
- /* @__PURE__ */ t(et, { maxLength: c }),
138
+ n && c && !B && /* @__PURE__ */ u("div", { className: e.charactersCount, children: [
139
+ /* @__PURE__ */ t(ot, { maxLength: c }),
144
140
  " ",
145
- P.formatMessage({
141
+ T.formatMessage({
146
142
  id: "input.remaining_chars",
147
143
  defaultMessage: "remaining characters"
148
144
  })
149
145
  ] }),
150
- /* @__PURE__ */ t(ct, {}),
151
146
  /* @__PURE__ */ t(lt, {}),
152
- /* @__PURE__ */ t(at, { onChange: q, ignoreSelectionChange: !0 }),
147
+ /* @__PURE__ */ t(st, {}),
148
+ /* @__PURE__ */ t(ct, { onChange: $, ignoreSelectionChange: !0 }),
153
149
  /* @__PURE__ */ t(
154
- gt,
150
+ ht,
155
151
  {
156
- onSetContent: B ? () => {
157
- } : v,
158
- storageUid: C || E
152
+ onSetContent: F ? () => {
153
+ } : N,
154
+ storageUid: C || v
159
155
  }
160
156
  ),
161
- /* @__PURE__ */ t(Nt, {}),
157
+ /* @__PURE__ */ t(Ct, {}),
162
158
  /* @__PURE__ */ t(Pt, {}),
163
- /* @__PURE__ */ t(xt, {}),
164
- c && /* @__PURE__ */ t(St, { maxLength: c }),
165
- /* @__PURE__ */ t(Ct, { storageUid: C || E }),
166
- /* @__PURE__ */ t(nt, { editorRef: _ })
159
+ /* @__PURE__ */ t(gt, {}),
160
+ c && /* @__PURE__ */ t(xt, { maxLength: c }),
161
+ /* @__PURE__ */ t(St, { storageUid: C || v }),
162
+ /* @__PURE__ */ t(it, { editorRef: _ })
167
163
  ]
168
164
  }
169
165
  ) }) }),
170
- i && i.length !== 0 ? /* @__PURE__ */ t("div", { className: r.sourcesBox, children: /* @__PURE__ */ t("div", { className: r.sourceList, children: i.map(V) }) }) : null
166
+ r && r.length !== 0 ? /* @__PURE__ */ t("div", { className: e.sourcesBox, children: /* @__PURE__ */ t("div", { className: e.sourceList, children: r.map(K) }) }) : null
171
167
  ] });
172
168
  };
173
169
  export {
174
- oo as TextEditor
170
+ to as TextEditor
175
171
  };
@@ -1,11 +1,11 @@
1
- import '../../../assets/components/vote/vote_button/VoteButton.module-BdTTr7vk.css';const t = "_voteButton_1q78e_3", e = "_active_1q78e_18", o = "_disabled_1q78e_27", s = {
1
+ import '../../../assets/components/vote/vote_button/VoteButton.module-aP9ZrGSd.css';const t = "_voteButton_1kbho_3", o = "_active_1kbho_22", e = "_disabled_1kbho_31", s = {
2
2
  voteButton: t,
3
- active: e,
4
- disabled: o
3
+ active: o,
4
+ disabled: e
5
5
  };
6
6
  export {
7
- e as active,
7
+ o as active,
8
8
  s as default,
9
- o as disabled,
9
+ e as disabled,
10
10
  t as voteButton
11
11
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@logora/debate",
3
- "version": "0.3.15",
3
+ "version": "0.3.16",
4
4
  "type": "module",
5
5
  "license": "AGPL-3.0",
6
6
  "description": "Design system of @Logora made with React",
@@ -1 +0,0 @@
1
- ._voteButton_1q78e_3{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._active_1q78e_18{font-weight:var(--font-weight-bold, 700);color:inherit}._active_1q78e_18 svg{fill:currentColor!important;fill-rule:evenodd}._disabled_1q78e_27{cursor:not-allowed;opacity:.6}._disabled_1q78e_27 svg{fill:var(--text-secondary, #5F5F5F);fill-rule:evenodd}