@uva-glass/component-library 1.62.9 → 1.62.10

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 (95) hide show
  1. package/dist/{Lexical.prod-B6kL_nwF.js → Lexical.prod-DOTdxgeo.js} +436 -435
  2. package/dist/Lexical.prod-DOTdxgeo.js.map +1 -0
  3. package/dist/LexicalLink.prod-Cqa5Im8X.js +208 -0
  4. package/dist/LexicalLink.prod-Cqa5Im8X.js.map +1 -0
  5. package/dist/LexicalList.prod-DlqzsJTH.js +564 -0
  6. package/dist/LexicalList.prod-DlqzsJTH.js.map +1 -0
  7. package/dist/LexicalTable.prod-BKz2StgB.js +1525 -0
  8. package/dist/LexicalTable.prod-BKz2StgB.js.map +1 -0
  9. package/dist/{LexicalUtils.prod-BBoyOK4A.js → LexicalUtils.prod-DlLRWqta.js} +2 -2
  10. package/dist/{LexicalUtils.prod-BBoyOK4A.js.map → LexicalUtils.prod-DlLRWqta.js.map} +1 -1
  11. package/dist/RteEditor.module-DcvGRx3a.js +21 -0
  12. package/dist/RteEditor.module-DcvGRx3a.js.map +1 -0
  13. package/dist/TablePlugin-BkczRiUz.js +303 -0
  14. package/dist/TablePlugin-BkczRiUz.js.map +1 -0
  15. package/dist/assets/Flyout.css +1 -1
  16. package/dist/assets/LinkContextMenu.css +1 -0
  17. package/dist/assets/RteEditor.css +1 -1
  18. package/dist/components/CheckboxTree/CheckboxTree.js +4 -3
  19. package/dist/components/CheckboxTree/CheckboxTree.js.map +1 -1
  20. package/dist/components/FormInput/FormInput.js +8 -7
  21. package/dist/components/FormInput/FormInput.js.map +1 -1
  22. package/dist/components/Icon/icons/index.d.ts +6 -0
  23. package/dist/components/Icon/icons/index.js +46 -41
  24. package/dist/components/Icon/icons/index.js.map +1 -1
  25. package/dist/components/InputField/InputField.stories.js +4 -3
  26. package/dist/components/InputField/InputField.stories.js.map +1 -1
  27. package/dist/components/MultiSelect/MultiSelect.js +1 -1
  28. package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
  29. package/dist/components/MultiSelect/components/MultiSelectHeader.js +3 -2
  30. package/dist/components/MultiSelect/components/MultiSelectHeader.js.map +1 -1
  31. package/dist/components/MultiSelect/index.js +1 -1
  32. package/dist/components/PeriodSelector/PeriodSelector.js +4 -3
  33. package/dist/components/PeriodSelector/PeriodSelector.js.map +1 -1
  34. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +4 -3
  35. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js.map +1 -1
  36. package/dist/components/RteEditor/EditorHeader/EditorHeader.js +8 -7
  37. package/dist/components/RteEditor/EditorHeader/EditorHeader.js.map +1 -1
  38. package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +2 -2
  39. package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +9 -8
  40. package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js.map +1 -1
  41. package/dist/components/RteEditor/Plugins/LinkPlugin/{AddLinkFrom.d.ts → AddLinkForm/AddLinkFrom.d.ts} +0 -1
  42. package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js +32 -0
  43. package/dist/components/RteEditor/Plugins/LinkPlugin/{AddLinkFrom.js.map → AddLinkForm/AddLinkFrom.js.map} +1 -1
  44. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.d.ts +11 -0
  45. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js +55 -0
  46. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js.map +1 -0
  47. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.d.ts +5 -1
  48. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +153 -126
  49. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js.map +1 -1
  50. package/dist/components/RteEditor/Plugins/LinkPlugin/helpers.js +1 -1
  51. package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +69 -10
  52. package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js.map +1 -1
  53. package/dist/components/RteEditor/Plugins/ListPlugin/index.js +1 -1
  54. package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +3 -2
  55. package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js.map +1 -1
  56. package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +7 -5
  57. package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js.map +1 -1
  58. package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js +63 -8
  59. package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js.map +1 -1
  60. package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
  61. package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +20 -20
  62. package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js.map +1 -1
  63. package/dist/components/RteEditor/Plugins/index.js +5 -5
  64. package/dist/components/RteEditor/RteEditor.d.ts +2 -2
  65. package/dist/components/RteEditor/RteEditor.js +449 -442
  66. package/dist/components/RteEditor/RteEditor.js.map +1 -1
  67. package/dist/components/RteEditor/UvaTheme/UvaTheme.d.ts +3 -0
  68. package/dist/components/RteEditor/UvaTheme/UvaTheme.js +12 -10
  69. package/dist/components/RteEditor/UvaTheme/UvaTheme.js.map +1 -1
  70. package/dist/components/RteEditor/helpers.d.ts +5 -0
  71. package/dist/components/RteEditor/helpers.js +30 -0
  72. package/dist/components/RteEditor/helpers.js.map +1 -0
  73. package/dist/components/RteEditor/hooks/components/Flyout.d.ts +4 -0
  74. package/dist/components/RteEditor/hooks/components/Flyout.js +18 -10
  75. package/dist/components/RteEditor/hooks/components/Flyout.js.map +1 -1
  76. package/dist/components/RteEditor/hooks/useFlyout.d.ts +4 -0
  77. package/dist/components/RteEditor/hooks/useFlyout.js +10 -9
  78. package/dist/components/RteEditor/hooks/useFlyout.js.map +1 -1
  79. package/dist/components/index.js +1 -1
  80. package/dist/helpers-CC9_diXm.js +168 -0
  81. package/dist/helpers-CC9_diXm.js.map +1 -0
  82. package/dist/index.js +1 -1
  83. package/package.json +11 -11
  84. package/dist/Lexical.prod-B6kL_nwF.js.map +0 -1
  85. package/dist/ListPlugin-CpLcVKRP.js +0 -627
  86. package/dist/ListPlugin-CpLcVKRP.js.map +0 -1
  87. package/dist/RteEditor.module-CHbWzGpE.js +0 -28
  88. package/dist/RteEditor.module-CHbWzGpE.js.map +0 -1
  89. package/dist/TablePlugin-DQR5VWGq.js +0 -301
  90. package/dist/TablePlugin-DQR5VWGq.js.map +0 -1
  91. package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.js +0 -31
  92. package/dist/helpers-C7Yo7VY3.js +0 -367
  93. package/dist/helpers-C7Yo7VY3.js.map +0 -1
  94. package/dist/helpers-CVB_4CnL.js +0 -1580
  95. package/dist/helpers-CVB_4CnL.js.map +0 -1
@@ -1,12 +1,14 @@
1
- import { jsx as b, jsxs as A } from "react/jsx-runtime";
2
- import { u as V } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
3
- import { c as j } from "../../../../clsx-OuTLNxxd.js";
4
- import { g as D, m as M, e as z, U as W } from "../../../../helpers-C7Yo7VY3.js";
5
- import { useRef as m, useState as Y, useEffect as g } from "react";
6
- import { e as q, M as f, r as B, v as x, _ as G, O as J, c as Q, E as X } from "../../../../Lexical.prod-B6kL_nwF.js";
7
- import { A as Z } from "../../../../TablePlugin-DQR5VWGq.js";
8
- import { useFlyout as $ } from "../../hooks/useFlyout.js";
9
- import { Icon as tt } from "../../../Icon/Icon.js";
1
+ import { jsx as k, jsxs as W } from "react/jsx-runtime";
2
+ import { u as Y } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
3
+ import { c as q } from "../../../../clsx-OuTLNxxd.js";
4
+ import { g as B, m as G, U as J } from "../../../../LexicalLink.prod-Cqa5Im8X.js";
5
+ import { useRef as u, useState as Q, useEffect as d } from "react";
6
+ import { h as X, M as f, r as Z, g as $, v, O as tt, E as et, c as ot } from "../../../../Lexical.prod-DOTdxgeo.js";
7
+ import { A as rt } from "../../../../TablePlugin-BkczRiUz.js";
8
+ import { e as nt } from "../../../../helpers-CC9_diXm.js";
9
+ import { LinkContextMenu as st } from "./LinkContextMenu/LinkContextMenu.js";
10
+ import { useFlyout as it } from "../../hooks/useFlyout.js";
11
+ import { Icon as ct } from "../../../Icon/Icon.js";
10
12
  import "../../../Buttons/Button.js";
11
13
  import "../../../Buttons/LinkButton.js";
12
14
  import "@react-aria/button";
@@ -19,144 +21,161 @@ import "../../../IconButton/IconButton.js";
19
21
  import "../../../Input/Input.js";
20
22
  import "../../../InputField/InputField.js";
21
23
  import "react-router-dom";
22
- import { s as k } from "../../../../RteEditor.module-CHbWzGpE.js";
23
- import { useTranslation as et } from "../../hooks/useTranslation.js";
24
+ import { s as y } from "../../../../RteEditor.module-DcvGRx3a.js";
25
+ import { useTranslation as lt } from "../../hooks/useTranslation.js";
24
26
  import "../../Providers/LanguageProvider.js";
25
27
  import "../../../SelectListbox/SelectListbox.js";
26
28
  import "../../../SelectListbox/SelectProvider.js";
27
29
  import "../../../Sortable/components/SortableItem.js";
28
30
  import "../../../../SortableProvider-BUsvniX7.js";
29
- const rt = 200, F = (u) => {
30
- let t = u;
31
- for (; t; ) {
32
- if (D(t))
33
- return t;
34
- t = t.getParent();
31
+ const ut = 200, K = (p) => {
32
+ let n = p;
33
+ for (; n; ) {
34
+ if (B(n))
35
+ return n;
36
+ n = n.getParent();
35
37
  }
36
38
  return null;
37
- }, E = (u) => {
38
- let t = u;
39
- for (; t; ) {
40
- if (D(t))
39
+ }, O = (p) => {
40
+ let n = p;
41
+ for (; n; ) {
42
+ if (B(n))
41
43
  return {
42
44
  active: !0,
43
- url: t.getURL(),
44
- linktext: t.getTextContent()
45
+ url: n.getURL(),
46
+ linktext: n.getTextContent()
45
47
  };
46
- t = t.getParent();
48
+ n = n.getParent();
47
49
  }
48
50
  return !1;
49
- }, Rt = () => {
50
- const u = et(), [t] = V(), { flyout: R, showFlyout: h, hideFlyout: S, isVisible: p } = $(), a = m(), N = m(!1), d = m(""), l = m(""), [_, O] = Y({ active: !1, url: "", linktext: "" }), w = m(p), v = m(null), y = () => {
51
- t.update(() => {
52
- const o = f();
53
- v.current = o;
51
+ }, It = ({ parentScrollPosition: p }) => {
52
+ const n = lt(), [c] = Y(), { flyout: M, showFlyout: F, hideFlyout: b, isVisible: a } = it(), m = u(), w = u(!1), C = u(""), g = u(""), [_, U] = Q({ active: !1, url: "", linktext: "" }), P = u(a), N = u(null), R = u(null), x = u(), L = () => {
53
+ c.update(() => {
54
+ const t = f();
55
+ N.current = t;
54
56
  });
55
- }, U = () => {
56
- t.update(() => {
57
- v.current && X(v.current);
57
+ }, z = () => {
58
+ c.update(() => {
59
+ N.current && et(N.current);
58
60
  });
59
- }, H = () => {
60
- N.current || (y(), h(T), l.current !== "" && setTimeout(() => {
61
+ }, I = (t, e) => {
62
+ F({
63
+ position: e,
64
+ children: /* @__PURE__ */ k(
65
+ st,
66
+ {
67
+ url: t,
68
+ onSave: (o) => S(o, ""),
69
+ onDelete: () => H(),
70
+ onClose: b,
71
+ ref: x
72
+ }
73
+ )
74
+ });
75
+ }, A = () => {
76
+ var t;
77
+ (t = x.current) == null || t.clearForm(), b();
78
+ }, T = () => {
79
+ var e;
80
+ const t = (e = R.current) == null ? void 0 : e.getBoundingClientRect();
81
+ !w.current && t && (L(), F({ position: { top: t.bottom, left: t.left }, ...V }), setTimeout(() => {
61
82
  var o;
62
- return (o = a.current) == null ? void 0 : o.setDefaults("", l.current);
83
+ return (o = m.current) == null ? void 0 : o.setDefaults("", g.current);
63
84
  }, 0));
64
- }, L = () => {
65
- S(), U();
66
- }, I = (o, r) => {
67
- t.update(() => {
68
- const e = f();
69
- if (x(e)) {
70
- const n = e.anchor.getNode(), i = F(n);
71
- if (r && r !== "") {
85
+ }, h = () => {
86
+ b(), z();
87
+ }, S = (t, e) => {
88
+ c.update(() => {
89
+ const o = f();
90
+ if (v(o)) {
91
+ const s = o.anchor.getNode(), i = K(s);
92
+ if (e && e !== "") {
72
93
  if (i) {
73
- const c = Q(r);
74
- i.replace(c), c.select();
94
+ const l = ot(e);
95
+ i.replace(l), l.select();
75
96
  }
76
- if (r !== d.current && d.current === "") {
77
- const { anchor: c, focus: C } = e;
78
- e.insertText(r), c.offset -= r.length, C.offset = c.offset + r.length;
97
+ if (e !== C.current && C.current === "") {
98
+ const { anchor: l, focus: E } = o;
99
+ o.insertText(e), l.offset -= e.length, E.offset = l.offset + e.length;
79
100
  }
80
101
  }
81
- M(z(o), { target: "_blank" });
102
+ G(nt(t), { target: "_blank" });
82
103
  }
83
- L();
104
+ h();
84
105
  });
85
- }, T = {
86
- children: /* @__PURE__ */ b(
87
- Z,
106
+ }, H = () => {
107
+ c.dispatchCommand(J, null), A();
108
+ }, V = {
109
+ children: /* @__PURE__ */ k(
110
+ rt,
88
111
  {
89
112
  isLink: _,
90
- onCloseHandler: L,
91
- onSaveHandler: (o, r) => I(o, r),
92
- onRemoveHandler: () => {
93
- t.dispatchCommand(W, null), L();
94
- },
95
- ref: a
113
+ onCloseHandler: h,
114
+ onSaveHandler: (t, e) => S(t, e),
115
+ ref: m
96
116
  }
97
117
  )
98
118
  };
99
- return g(() => {
100
- var o, r;
101
- p ? (N.current = !0, (r = a.current) == null || r.focusFirstField()) : ((o = a.current) == null || o.clearForm(), d.current = l.current = "", setTimeout(() => N.current = !1, rt));
102
- }, [a, p]), g(() => {
103
- const o = t.registerCommand(
104
- q,
119
+ return d(() => {
120
+ var t, e;
121
+ a ? (w.current = !0, (e = m.current) == null || e.focusFirstField()) : ((t = m.current) == null || t.clearForm(), C.current = g.current = "", setTimeout(() => w.current = !1, ut));
122
+ }, [m, a]), d(() => {
123
+ const t = (r) => {
124
+ if (v(r) && r.isCollapsed()) {
125
+ L();
126
+ const s = O(r.anchor.getNode());
127
+ if (s) {
128
+ const i = c.getElementByKey(r.anchor.getNode().getKey()), l = i ? { top: i.getBoundingClientRect().bottom, left: i.getBoundingClientRect().left } : { top: 0, left: 0 };
129
+ return I(s.url, l), !0;
130
+ }
131
+ }
132
+ return !1;
133
+ }, e = c.registerCommand(
134
+ X,
105
135
  () => {
106
- const e = f();
107
- return l.current = (e == null ? void 0 : e.getTextContent()) ?? "", !1;
136
+ const r = f();
137
+ return g.current = (r == null ? void 0 : r.getTextContent()) ?? "", t(r), !1;
108
138
  },
109
139
  0
110
- ), r = t.registerCommand(
111
- B,
112
- (e) => {
140
+ ), o = c.registerCommand(
141
+ Z,
142
+ (r) => {
113
143
  const s = f();
114
- if (x(s)) {
115
- y();
116
- const n = E(s.anchor.getNode());
117
- if (n)
118
- return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), h(T), d.current = n.linktext, setTimeout(() => {
119
- var i;
120
- return (i = a.current) == null ? void 0 : i.setDefaults(n.url, n.linktext);
121
- }, 0), !0;
122
- if (s.getTextContent() !== "")
123
- return l.current = s.getTextContent(), !0;
124
- }
125
- return !1;
144
+ return r.preventDefault(), r.stopPropagation(), r.stopImmediatePropagation(), t(s), !1;
126
145
  },
127
146
  0
128
147
  );
129
148
  return () => {
130
- r(), o();
149
+ o(), e();
131
150
  };
132
- }, [t]), g(() => {
133
- const o = t.registerCommand(
134
- G,
135
- (e) => {
136
- if (e.ctrlKey && e.shiftKey && e.key === "U") {
137
- const s = f();
138
- if (y(), !x(s))
151
+ }, [c]), d(() => {
152
+ const t = c.registerCommand(
153
+ $,
154
+ (o) => {
155
+ if (o.ctrlKey && o.shiftKey && o.key === "U") {
156
+ const r = f();
157
+ if (L(), !v(r))
139
158
  return !1;
140
- const n = E(s.anchor.getNode()), i = (C = "", K = "") => {
141
- h(T), setTimeout(() => {
142
- var P;
143
- return (P = a.current) == null ? void 0 : P.setDefaults(C, K);
159
+ const s = O(r.anchor.getNode()), i = (E = "", j = "") => {
160
+ T(), setTimeout(() => {
161
+ var D;
162
+ return (D = m.current) == null ? void 0 : D.setDefaults(E, j);
144
163
  }, 0);
145
164
  };
146
- if (n)
147
- return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), d.current = n.linktext, i(n.url, n.linktext), !0;
148
- const c = s.getTextContent();
149
- return c !== "" ? (l.current = c, i("", l.current), !0) : (h(T), !0);
165
+ if (s)
166
+ return o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation(), C.current = s.linktext, i(s.url, s.linktext), !0;
167
+ const l = r.getTextContent();
168
+ return l !== "" ? (g.current = l, i("", g.current), !0) : (T(), !0);
150
169
  }
151
170
  return !1;
152
171
  },
153
- J
154
- ), r = t.registerUpdateListener(({ editorState: e }) => {
155
- O(
156
- e.read(() => {
157
- const s = f();
158
- if (y(), x(s)) {
159
- const n = s.anchor.getNode(), i = F(n);
172
+ tt
173
+ ), e = c.registerUpdateListener(({ editorState: o }) => {
174
+ U(
175
+ o.read(() => {
176
+ const r = f();
177
+ if (L(), v(r)) {
178
+ const s = r.anchor.getNode(), i = K(s);
160
179
  if (i)
161
180
  return {
162
181
  active: !0,
@@ -173,37 +192,45 @@ const rt = 200, F = (u) => {
173
192
  );
174
193
  });
175
194
  return () => {
176
- o(), r();
195
+ t(), e();
196
+ };
197
+ }, [c]), d(() => {
198
+ var t;
199
+ P.current = a, a || (t = x.current) == null || t.clearForm();
200
+ }, [a]), d(() => {
201
+ a && h();
202
+ }, [p]), d(() => {
203
+ const t = (o) => (o.key === "Escape" && P.current && (o.preventDefault(), o.stopPropagation(), h()), !0);
204
+ window.addEventListener("keydown", t, { capture: !0 });
205
+ const e = () => {
206
+ h();
177
207
  };
178
- }, [t]), g(() => {
179
- w.current = p;
180
- }, [p]), g(() => {
181
- const o = (r) => (r.key === "Escape" && w.current && (r.preventDefault(), r.stopPropagation(), L()), !0);
182
- return window.addEventListener("keydown", o, { capture: !0 }), () => {
183
- window.removeEventListener("keydown", o);
208
+ return window.addEventListener("scroll", e), window.addEventListener("resize", e), () => {
209
+ window.removeEventListener("keydown", t), window.removeEventListener("scroll", e), window.removeEventListener("resize", e);
184
210
  };
185
- }, []), /* @__PURE__ */ b("div", { className: k["editor__toolbar-button-group"], children: /* @__PURE__ */ A("div", { className: k["editor__toolbar-button-flyoutwrapper"], children: [
186
- /* @__PURE__ */ b(
211
+ }, []), /* @__PURE__ */ k("div", { className: y["editor__toolbar-button-group"], children: /* @__PURE__ */ W("div", { className: y["editor__toolbar-button-flyoutwrapper"], children: [
212
+ /* @__PURE__ */ k(
187
213
  "button",
188
214
  {
189
- onClick: H,
190
- title: u.links.linkTooltip,
191
- className: j(
192
- k["editor__toolbar-button"],
193
- k["editor__toolbar-button--link"],
194
- _.active && k["editor__toolbar-button--active"]
215
+ onClick: T,
216
+ title: n.links.linkTooltip,
217
+ className: q(
218
+ y["editor__toolbar-button"],
219
+ y["editor__toolbar-button--link"],
220
+ _.active && y["editor__toolbar-button--active"]
195
221
  ),
196
- "aria-label": u.aria.labels.link,
197
- "aria-keyshortcuts": u.aria.keyshortcuts.link,
222
+ "aria-label": n.aria.labels.link,
223
+ "aria-keyshortcuts": n.aria.keyshortcuts.link,
198
224
  type: "button",
199
- children: /* @__PURE__ */ b(tt, { name: "Link", size: 20 })
225
+ ref: R,
226
+ children: /* @__PURE__ */ k(ct, { name: "Link", size: 20 })
200
227
  }
201
228
  ),
202
- R
229
+ M
203
230
  ] }) });
204
231
  };
205
232
  export {
206
- Rt as LinkPlugin,
207
- E as getLinkNodeTag
233
+ It as LinkPlugin,
234
+ O as getLinkNodeTag
208
235
  };
209
236
  //# sourceMappingURL=LinkPlugin.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LinkPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $isLinkNode, $toggleLink, TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n $createTextNode,\n $getSelection,\n $isRangeSelection,\n $setSelection,\n CLICK_COMMAND,\n COMMAND_PRIORITY_EDITOR,\n KEY_DOWN_COMMAND,\n SELECTION_CHANGE_COMMAND,\n} from 'lexical';\n\nimport type { LinkNode } from '@lexical/link';\nimport type { ElementNode, TextNode, BaseSelection } from 'lexical';\nimport type { addLinkFormMethods } from './AddLinkFrom';\n\nimport { AddLinkForm } from './AddLinkFrom';\nimport { ensureHttps } from './helpers';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nconst PREVENT_OPEN_DELAY = 200;\n\nexport interface LinkType {\n active: boolean;\n url: string;\n linktext: string;\n}\n\nconst getLinkNode = (node: ElementNode | null): ElementNode | null => {\n let currentNode: TextNode | ElementNode | null = node;\n\n while (currentNode) {\n if ($isLinkNode(currentNode)) {\n return currentNode;\n }\n currentNode = currentNode.getParent();\n }\n\n return null;\n};\n\nexport const getLinkNodeTag = (anchorNode: ElementNode | TextNode): boolean | LinkType => {\n let currentNode: TextNode | ElementNode | null = anchorNode;\n\n while (currentNode) {\n if ($isLinkNode(currentNode)) {\n return {\n active: true,\n url: currentNode.getURL(),\n linktext: currentNode.getTextContent(),\n };\n }\n currentNode = currentNode.getParent();\n }\n\n return false;\n};\n\nexport const LinkPlugin = () => {\n const t = useTranslation();\n const [editor] = useLexicalComposerContext();\n const { flyout, showFlyout, hideFlyout, isVisible } = useFlyout();\n const addLinkForm = useRef<addLinkFormMethods>();\n const preventOpen = useRef(false);\n const previousLinkText = useRef('');\n const selectedText = useRef('');\n const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', linktext: '' });\n const isVisibleRef = useRef(isVisible);\n const storedSelection = useRef<BaseSelection | null>(null);\n\n const storeCursorPosition = () => {\n editor.update(() => {\n const selection = $getSelection();\n storedSelection.current = selection;\n });\n };\n\n const rePositionCursor = () => {\n editor.update(() => {\n if (storedSelection.current) {\n $setSelection(storedSelection.current);\n }\n });\n };\n\n const openFlyout = () => {\n if (!preventOpen.current) {\n storeCursorPosition();\n showFlyout(flyoutOptions);\n if (selectedText.current !== '') {\n setTimeout(() => addLinkForm.current?.setDefaults('', selectedText.current), 0);\n }\n }\n };\n\n const closeFlyout = () => {\n hideFlyout();\n rePositionCursor();\n };\n\n const insertLink = (url: string, linktext: string) => {\n editor.update(() => {\n const selection = $getSelection();\n\n if ($isRangeSelection(selection)) {\n const anchor = selection.anchor;\n const node = anchor.getNode() as ElementNode;\n const linkNode = getLinkNode(node);\n\n if (linktext && linktext !== '') {\n if (linkNode) {\n const newTextNode = $createTextNode(linktext);\n linkNode.replace(newTextNode);\n newTextNode.select();\n }\n if (linktext !== previousLinkText.current && previousLinkText.current === '') {\n const { anchor, focus } = selection;\n selection.insertText(linktext);\n anchor.offset -= linktext.length;\n focus.offset = anchor.offset + linktext.length;\n }\n }\n $toggleLink(ensureHttps(url), { target: '_blank' });\n }\n\n closeFlyout();\n });\n };\n\n const removeLink = (): void => {\n editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n closeFlyout();\n };\n\n const flyoutOptions = {\n children: (\n <AddLinkForm\n isLink={isLink}\n onCloseHandler={closeFlyout}\n onSaveHandler={(url, linktext) => insertLink(url, linktext)}\n onRemoveHandler={removeLink}\n ref={addLinkForm}\n />\n ),\n };\n\n useEffect(() => {\n if (!isVisible) {\n addLinkForm.current?.clearForm();\n previousLinkText.current = selectedText.current = '';\n setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n } else {\n preventOpen.current = true;\n addLinkForm.current?.focusFirstField();\n }\n }, [addLinkForm, isVisible]);\n\n useEffect(() => {\n const unregisterSelect = editor.registerCommand(\n SELECTION_CHANGE_COMMAND,\n () => {\n const selection = $getSelection();\n selectedText.current = selection?.getTextContent() ?? '';\n return false;\n },\n 0\n );\n\n const unregisterClick = editor.registerCommand(\n CLICK_COMMAND,\n (event) => {\n const selection = $getSelection();\n if ($isRangeSelection(selection)) {\n storeCursorPosition();\n const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n if (node) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n showFlyout(flyoutOptions);\n previousLinkText.current = node.linktext;\n setTimeout(() => addLinkForm.current?.setDefaults(node.url, node.linktext), 0);\n return true;\n } else if (selection.getTextContent() !== '') {\n selectedText.current = selection.getTextContent();\n return true;\n }\n }\n return false;\n },\n 0\n );\n\n return () => {\n unregisterClick();\n unregisterSelect();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n useEffect(() => {\n const removeKeyboardShortcut = editor.registerCommand(\n KEY_DOWN_COMMAND,\n (event: KeyboardEvent) => {\n if (event.ctrlKey && event.shiftKey && event.key === 'U') {\n const selection = $getSelection();\n storeCursorPosition();\n\n if (!$isRangeSelection(selection)) {\n return false;\n }\n\n const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n const openFlyoutWithDefaults = (url = '', linkText = '') => {\n showFlyout(flyoutOptions);\n setTimeout(() => addLinkForm.current?.setDefaults(url, linkText), 0);\n };\n\n if (node) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n\n previousLinkText.current = node.linktext;\n openFlyoutWithDefaults(node.url, node.linktext);\n\n return true;\n }\n\n const selectedTextContent = selection.getTextContent();\n if (selectedTextContent !== '') {\n selectedText.current = selectedTextContent;\n openFlyoutWithDefaults('', selectedText.current);\n\n return true;\n }\n\n showFlyout(flyoutOptions);\n return true;\n }\n\n return false;\n },\n COMMAND_PRIORITY_EDITOR\n );\n\n const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n setIsLink(\n editorState.read(() => {\n const selection = $getSelection();\n storeCursorPosition();\n\n if ($isRangeSelection(selection)) {\n const anchorNode = selection.anchor.getNode() as ElementNode;\n const linkNode = getLinkNode(anchorNode) as LinkNode;\n\n if (linkNode) {\n return {\n active: true,\n url: linkNode.getURL(),\n linktext: linkNode.getTextContent(),\n };\n }\n }\n\n return {\n active: false,\n url: '',\n linktext: '',\n };\n })\n );\n });\n\n return () => {\n removeKeyboardShortcut();\n removeStatusListener();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n useEffect(() => {\n isVisibleRef.current = isVisible;\n }, [isVisible]);\n\n useEffect(() => {\n const removeKeydown = (event: KeyboardEvent): boolean => {\n if (event.key === 'Escape' && isVisibleRef.current) {\n event.preventDefault();\n event.stopPropagation();\n closeFlyout();\n }\n return true;\n };\n\n window.addEventListener('keydown', removeKeydown, { capture: true });\n\n return () => {\n window.removeEventListener('keydown', removeKeydown);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <div className={styles['editor__toolbar-button-group']}>\n <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n <button\n onClick={openFlyout}\n title={t.links.linkTooltip}\n className={clsx(\n styles['editor__toolbar-button'],\n styles[`editor__toolbar-button--link`],\n isLink.active && styles['editor__toolbar-button--active']\n )}\n aria-label={t.aria.labels.link}\n aria-keyshortcuts={t.aria.keyshortcuts.link}\n type=\"button\"\n >\n <Icon name=\"Link\" size={20} />\n </button>\n {flyout}\n </div>\n </div>\n );\n};\n"],"names":["PREVENT_OPEN_DELAY","getLinkNode","node","currentNode","$isLinkNode","getLinkNodeTag","anchorNode","LinkPlugin","t","useTranslation","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","previousLinkText","selectedText","isLink","setIsLink","useState","isVisibleRef","storedSelection","storeCursorPosition","selection","$getSelection","rePositionCursor","$setSelection","openFlyout","flyoutOptions","_a","closeFlyout","insertLink","url","linktext","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","jsx","AddLinkForm","TOGGLE_LINK_COMMAND","useEffect","_b","unregisterSelect","SELECTION_CHANGE_COMMAND","unregisterClick","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","styles","jsxs","clsx","Icon"],"mappings":"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"}
1
+ {"version":3,"file":"LinkPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $isLinkNode, $toggleLink, TOGGLE_LINK_COMMAND } from '@lexical/link';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n $createTextNode,\n $getSelection,\n $isRangeSelection,\n $setSelection,\n CLICK_COMMAND,\n COMMAND_PRIORITY_EDITOR,\n KEY_DOWN_COMMAND,\n SELECTION_CHANGE_COMMAND,\n} from 'lexical';\n\nimport type { LinkNode } from '@lexical/link';\nimport type { ElementNode, TextNode, BaseSelection } from 'lexical';\nimport type { addLinkFormMethods } from './AddLinkForm/AddLinkFrom';\nimport type { linkFormMethods } from './LinkContextMenu/LinkContextMenu';\n\nimport { AddLinkForm } from './AddLinkForm/AddLinkFrom';\nimport { ensureHttps } from './helpers';\nimport { LinkContextMenu } from './LinkContextMenu/LinkContextMenu';\n\nimport { useFlyout } from 'components/RteEditor/hooks/useFlyout';\nimport { Icon } from 'components';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\nconst PREVENT_OPEN_DELAY = 200;\n\nexport interface LinkType {\n active: boolean;\n url: string;\n linktext: string;\n}\n\ntype Position = {\n top: number;\n left: number;\n};\n\ninterface LinkPluginProps {\n parentScrollPosition: number;\n}\n\nconst getLinkNode = (node: ElementNode | null): ElementNode | null => {\n let currentNode: TextNode | ElementNode | null = node;\n\n while (currentNode) {\n if ($isLinkNode(currentNode)) {\n return currentNode;\n }\n currentNode = currentNode.getParent();\n }\n\n return null;\n};\n\nexport const getLinkNodeTag = (anchorNode: ElementNode | TextNode): boolean | LinkType => {\n let currentNode: TextNode | ElementNode | null = anchorNode;\n\n while (currentNode) {\n if ($isLinkNode(currentNode)) {\n return {\n active: true,\n url: currentNode.getURL(),\n linktext: currentNode.getTextContent(),\n };\n }\n currentNode = currentNode.getParent();\n }\n\n return false;\n};\n\nexport const LinkPlugin = ({ parentScrollPosition }: LinkPluginProps) => {\n const t = useTranslation();\n const [editor] = useLexicalComposerContext();\n const { flyout, showFlyout, hideFlyout, isVisible } = useFlyout();\n const addLinkForm = useRef<addLinkFormMethods>();\n const preventOpen = useRef(false);\n const previousLinkText = useRef('');\n const selectedText = useRef('');\n const [isLink, setIsLink] = useState<LinkType>({ active: false, url: '', linktext: '' });\n const isVisibleRef = useRef(isVisible);\n const storedSelection = useRef<BaseSelection | null>(null);\n const linkButtonRef = useRef<HTMLButtonElement>(null);\n const editLinkForm = useRef<linkFormMethods>();\n\n const storeCursorPosition = () => {\n editor.update(() => {\n const selection = $getSelection();\n storedSelection.current = selection;\n });\n };\n\n const rePositionCursor = () => {\n editor.update(() => {\n if (storedSelection.current) {\n $setSelection(storedSelection.current);\n }\n });\n };\n\n const openContextMenu = (url: string, position: Position) => {\n showFlyout({\n position,\n children: (\n <LinkContextMenu\n url={url}\n onSave={(url) => insertLink(url, '')}\n onDelete={() => removeLink()}\n onClose={hideFlyout}\n ref={editLinkForm}\n />\n ),\n });\n };\n\n const closeContextMenu = () => {\n editLinkForm.current?.clearForm();\n hideFlyout();\n };\n\n const openFlyout = () => {\n const rect = linkButtonRef.current?.getBoundingClientRect();\n if (!preventOpen.current && rect) {\n storeCursorPosition();\n showFlyout({ position: { top: rect.bottom, left: rect.left }, ...flyoutOptions });\n setTimeout(() => addLinkForm.current?.setDefaults('', selectedText.current), 0);\n }\n };\n\n const closeFlyout = () => {\n hideFlyout();\n rePositionCursor();\n };\n\n const insertLink = (url: string, linktext: string) => {\n editor.update(() => {\n const selection = $getSelection();\n\n if ($isRangeSelection(selection)) {\n const anchor = selection.anchor;\n const node = anchor.getNode() as ElementNode;\n const linkNode = getLinkNode(node);\n if (linktext && linktext !== '') {\n if (linkNode) {\n const newTextNode = $createTextNode(linktext);\n linkNode.replace(newTextNode);\n newTextNode.select();\n }\n if (linktext !== previousLinkText.current && previousLinkText.current === '') {\n const { anchor, focus } = selection;\n selection.insertText(linktext);\n anchor.offset -= linktext.length;\n focus.offset = anchor.offset + linktext.length;\n }\n }\n $toggleLink(ensureHttps(url), { target: '_blank' });\n }\n\n closeFlyout();\n });\n };\n\n const removeLink = (): void => {\n editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);\n closeContextMenu();\n };\n\n const flyoutOptions = {\n children: (\n <AddLinkForm\n isLink={isLink}\n onCloseHandler={closeFlyout}\n onSaveHandler={(url, linktext) => insertLink(url, linktext)}\n ref={addLinkForm}\n />\n ),\n };\n\n useEffect(() => {\n if (!isVisible) {\n addLinkForm.current?.clearForm();\n previousLinkText.current = selectedText.current = '';\n setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n } else {\n preventOpen.current = true;\n addLinkForm.current?.focusFirstField();\n }\n }, [addLinkForm, isVisible]);\n\n useEffect(() => {\n const handleSelectionClickOrChange = (selection: BaseSelection | null) => {\n if ($isRangeSelection(selection) && selection.isCollapsed()) {\n storeCursorPosition();\n const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n if (node) {\n const domNode = editor.getElementByKey(selection.anchor.getNode().getKey());\n const position = domNode\n ? { top: domNode.getBoundingClientRect().bottom, left: domNode.getBoundingClientRect().left }\n : { top: 0, left: 0 };\n openContextMenu(node.url, position);\n return true;\n }\n }\n return false;\n };\n\n const unregisterSelect = editor.registerCommand(\n SELECTION_CHANGE_COMMAND,\n () => {\n const selection = $getSelection();\n selectedText.current = selection?.getTextContent() ?? '';\n handleSelectionClickOrChange(selection);\n return false;\n },\n 0\n );\n\n const unregisterClick = editor.registerCommand(\n CLICK_COMMAND,\n (event) => {\n const selection = $getSelection();\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n handleSelectionClickOrChange(selection);\n return false;\n },\n 0\n );\n\n return () => {\n unregisterClick();\n unregisterSelect();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n useEffect(() => {\n const removeKeyboardShortcut = editor.registerCommand(\n KEY_DOWN_COMMAND,\n (event: KeyboardEvent) => {\n if (event.ctrlKey && event.shiftKey && event.key === 'U') {\n const selection = $getSelection();\n storeCursorPosition();\n\n if (!$isRangeSelection(selection)) {\n return false;\n }\n\n const node = getLinkNodeTag(selection.anchor.getNode()) as LinkType;\n\n const openFlyoutWithDefaults = (url = '', linkText = '') => {\n openFlyout();\n setTimeout(() => addLinkForm.current?.setDefaults(url, linkText), 0);\n };\n\n if (node) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n\n previousLinkText.current = node.linktext;\n openFlyoutWithDefaults(node.url, node.linktext);\n\n return true;\n }\n\n const selectedTextContent = selection.getTextContent();\n if (selectedTextContent !== '') {\n selectedText.current = selectedTextContent;\n openFlyoutWithDefaults('', selectedText.current);\n\n return true;\n }\n\n openFlyout();\n return true;\n }\n\n return false;\n },\n COMMAND_PRIORITY_EDITOR\n );\n\n const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n setIsLink(\n editorState.read(() => {\n const selection = $getSelection();\n storeCursorPosition();\n\n if ($isRangeSelection(selection)) {\n const anchorNode = selection.anchor.getNode() as ElementNode;\n const linkNode = getLinkNode(anchorNode) as LinkNode;\n\n if (linkNode) {\n return {\n active: true,\n url: linkNode.getURL(),\n linktext: linkNode.getTextContent(),\n };\n }\n }\n\n return {\n active: false,\n url: '',\n linktext: '',\n };\n })\n );\n });\n\n return () => {\n removeKeyboardShortcut();\n removeStatusListener();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n useEffect(() => {\n isVisibleRef.current = isVisible;\n if (!isVisible) editLinkForm.current?.clearForm();\n }, [isVisible]);\n\n useEffect(() => {\n if (isVisible) {\n closeFlyout();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [parentScrollPosition]);\n\n useEffect(() => {\n const removeKeydown = (event: KeyboardEvent): boolean => {\n if (event.key === 'Escape' && isVisibleRef.current) {\n event.preventDefault();\n event.stopPropagation();\n closeFlyout();\n }\n return true;\n };\n\n window.addEventListener('keydown', removeKeydown, { capture: true });\n\n const handleResizeScroll = () => {\n closeFlyout();\n };\n\n window.addEventListener('scroll', handleResizeScroll);\n window.addEventListener('resize', handleResizeScroll);\n\n return () => {\n window.removeEventListener('keydown', removeKeydown);\n window.removeEventListener('scroll', handleResizeScroll);\n window.removeEventListener('resize', handleResizeScroll);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <div className={styles['editor__toolbar-button-group']}>\n <div className={styles['editor__toolbar-button-flyoutwrapper']}>\n <button\n onClick={openFlyout}\n title={t.links.linkTooltip}\n className={clsx(\n styles['editor__toolbar-button'],\n styles[`editor__toolbar-button--link`],\n isLink.active && styles['editor__toolbar-button--active']\n )}\n aria-label={t.aria.labels.link}\n aria-keyshortcuts={t.aria.keyshortcuts.link}\n type=\"button\"\n ref={linkButtonRef}\n >\n <Icon name=\"Link\" size={20} />\n </button>\n {flyout}\n </div>\n </div>\n );\n};\n"],"names":["PREVENT_OPEN_DELAY","getLinkNode","node","currentNode","$isLinkNode","getLinkNodeTag","anchorNode","LinkPlugin","parentScrollPosition","t","useTranslation","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","previousLinkText","selectedText","isLink","setIsLink","useState","isVisibleRef","storedSelection","linkButtonRef","editLinkForm","storeCursorPosition","selection","$getSelection","rePositionCursor","$setSelection","openContextMenu","url","position","jsx","LinkContextMenu","insertLink","removeLink","closeContextMenu","_a","openFlyout","rect","flyoutOptions","closeFlyout","linktext","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","TOGGLE_LINK_COMMAND","AddLinkForm","useEffect","_b","handleSelectionClickOrChange","domNode","unregisterSelect","SELECTION_CHANGE_COMMAND","unregisterClick","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","handleResizeScroll","styles","jsxs","clsx","Icon"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { M as e, e as r, b as s, v as l } from "../../../../helpers-C7Yo7VY3.js";
1
+ import { M as e, e as r, a as s, v as l } from "../../../../helpers-CC9_diXm.js";
2
2
  export {
3
3
  e as MATCHERS,
4
4
  r as ensureHttps,
@@ -1,13 +1,72 @@
1
- import "react/jsx-runtime";
2
- import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
3
- import { L as f } from "../../../../ListPlugin-CpLcVKRP.js";
4
- import "react";
5
- import "../../../../clsx-OuTLNxxd.js";
6
- import "../../../../Lexical.prod-B6kL_nwF.js";
7
- import "../../../Icon/Icon.js";
8
- import "../../../../RteEditor.module-CHbWzGpE.js";
9
- import "../../hooks/useTranslation.js";
1
+ import { jsx as u } from "react/jsx-runtime";
2
+ import { u as N } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
3
+ import { Y as c, Q as _, G as L, H as k } from "../../../../LexicalList.prod-DlqzsJTH.js";
4
+ import { useState as d, useEffect as C } from "react";
5
+ import { c as I } from "../../../../clsx-OuTLNxxd.js";
6
+ import { g as K, O, M as S, v as D } from "../../../../Lexical.prod-DOTdxgeo.js";
7
+ import { Icon as x } from "../../../Icon/Icon.js";
8
+ import { s } from "../../../../RteEditor.module-DcvGRx3a.js";
9
+ import { useTranslation as y } from "../../hooks/useTranslation.js";
10
+ const P = {
11
+ bullet: "BulletList",
12
+ number: "NumberedList"
13
+ }, U = ["bullet", "number"], H = () => {
14
+ const n = y(), [o] = N(), [f, e] = d("paragraph"), [l, b] = d(!1), [m, p] = d(!1), v = (t) => {
15
+ t === "number" && f !== "number" ? (o.dispatchCommand(_, void 0), e("number")) : t === "bullet" && f !== "bullet" ? (o.dispatchCommand(L, void 0), e("bullet")) : (o.dispatchCommand(c, void 0), e("paragraph"));
16
+ };
17
+ return C(() => {
18
+ const t = o.registerCommand(
19
+ K,
20
+ (r) => r.ctrlKey && r.shiftKey && r.code === "Digit7" ? (r.preventDefault(), m ? o.dispatchCommand(c, void 0) : o.dispatchCommand(_, void 0), !0) : r.ctrlKey && r.shiftKey && r.code === "Digit8" ? (r.preventDefault(), l ? o.dispatchCommand(c, void 0) : o.dispatchCommand(L, void 0), !0) : !1,
21
+ O
22
+ );
23
+ return () => {
24
+ t();
25
+ };
26
+ }, [o, m, l]), C(() => {
27
+ const t = o.registerUpdateListener(({ editorState: r }) => {
28
+ r.read(() => {
29
+ const h = S();
30
+ if (D(h)) {
31
+ let a = h.anchor.getNode();
32
+ for (; a !== null; ) {
33
+ if (k(a)) {
34
+ const i = a.getTag();
35
+ b(i === "ul"), p(i === "ol"), i === "ul" && e("bullet"), i === "ol" && e("number");
36
+ return;
37
+ }
38
+ const g = a.getParent();
39
+ if (g === null) break;
40
+ a = g;
41
+ }
42
+ b(!1), p(!1), e("paragraph");
43
+ }
44
+ return !1;
45
+ });
46
+ });
47
+ return () => {
48
+ t();
49
+ };
50
+ }, [o]), /* @__PURE__ */ u("div", { className: s["editor__toolbar-button-group"], children: U.map((t) => /* @__PURE__ */ u(
51
+ "button",
52
+ {
53
+ onClick: () => v(t),
54
+ title: n.format[`${t}Tooltip`],
55
+ className: I(
56
+ s["editor__toolbar-button"],
57
+ s[`editor__toolbar-button--${t}`],
58
+ t === "bullet" && l && s["editor__toolbar-button--active"],
59
+ t === "number" && m && s["editor__toolbar-button--active"]
60
+ ),
61
+ "aria-label": n.aria.labels[t],
62
+ "aria-keyshortcuts": n.aria.keyshortcuts[t],
63
+ type: "button",
64
+ children: /* @__PURE__ */ u(x, { name: P[t], size: 24 })
65
+ },
66
+ t
67
+ )) });
68
+ };
10
69
  export {
11
- f as ListPlugin
70
+ H as ListPlugin
12
71
  };
13
72
  //# sourceMappingURL=ListPlugin.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ListPlugin.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
1
+ {"version":3,"file":"ListPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/ListPlugin/ListPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport {\n $isListNode,\n INSERT_ORDERED_LIST_COMMAND,\n INSERT_UNORDERED_LIST_COMMAND,\n REMOVE_LIST_COMMAND,\n} from '@lexical/list';\nimport { useEffect, useState } from 'react';\nimport clsx from 'clsx';\nimport { $getSelection, $isRangeSelection, COMMAND_PRIORITY_EDITOR, KEY_DOWN_COMMAND } from 'lexical';\n\nimport type { ElementNode } from 'lexical';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/RteEditor/RteEditor.module.css';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ntype ListTypesType = 'bullet' | 'number' | 'paragraph';\nconst LIST_TYPE_ICONS = {\n bullet: 'BulletList',\n number: 'NumberedList',\n};\n\nconst ListTypes = ['bullet', 'number'];\n\nexport const ListPlugin = () => {\n const t = useTranslation();\n const [editor] = useLexicalComposerContext();\n const [blockType, setBlockType] = useState<ListTypesType>('paragraph');\n const [isUList, setIsUList] = useState<boolean>(false);\n const [isOList, setIsOList] = useState<boolean>(false);\n\n const formatList = (listType: ListTypesType): void => {\n if (listType === 'number' && blockType !== 'number') {\n editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);\n setBlockType('number');\n } else if (listType === 'bullet' && blockType !== 'bullet') {\n editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);\n setBlockType('bullet');\n } else {\n editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n setBlockType('paragraph');\n }\n };\n\n useEffect(() => {\n const removeKeyboardShortcut = editor.registerCommand(\n KEY_DOWN_COMMAND,\n (event: KeyboardEvent) => {\n if (event.ctrlKey && event.shiftKey && event.code === 'Digit7') {\n event.preventDefault();\n if (isOList) {\n editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n } else {\n editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);\n }\n return true;\n }\n if (event.ctrlKey && event.shiftKey && event.code === 'Digit8') {\n event.preventDefault();\n if (isUList) {\n editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined);\n } else {\n editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined);\n }\n return true;\n }\n return false;\n },\n COMMAND_PRIORITY_EDITOR\n );\n\n return () => {\n removeKeyboardShortcut();\n };\n }, [editor, isOList, isUList]);\n\n useEffect(() => {\n const removeStatusListener = editor.registerUpdateListener(({ editorState }) => {\n editorState.read(() => {\n const selection = $getSelection();\n if ($isRangeSelection(selection)) {\n let anchorNode = selection.anchor.getNode() as ElementNode;\n while (anchorNode !== null) {\n if ($isListNode(anchorNode)) {\n const tag = anchorNode.getTag();\n setIsUList(tag === 'ul');\n setIsOList(tag === 'ol');\n if (tag === 'ul') {\n setBlockType('bullet');\n }\n if (tag === 'ol') {\n setBlockType('number');\n }\n return;\n }\n const parentNode = anchorNode.getParent();\n if (parentNode === null) break;\n anchorNode = parentNode;\n }\n setIsUList(false);\n setIsOList(false);\n setBlockType('paragraph');\n }\n return false;\n });\n });\n\n return () => {\n removeStatusListener();\n };\n }, [editor]);\n\n return (\n <div className={styles['editor__toolbar-button-group']}>\n {ListTypes.map((listType) => (\n <button\n onClick={() => formatList(listType as ListTypesType)}\n key={listType}\n title={t.format[`${listType}Tooltip` as keyof typeof t.format]}\n className={clsx(\n styles['editor__toolbar-button'],\n styles[`editor__toolbar-button--${listType}`],\n listType === 'bullet' && isUList && styles['editor__toolbar-button--active'],\n listType === 'number' && isOList && styles['editor__toolbar-button--active']\n )}\n aria-label={t.aria.labels[listType as keyof typeof t.aria.labels]}\n aria-keyshortcuts={t.aria.keyshortcuts[listType as keyof typeof t.aria.keyshortcuts]}\n type=\"button\"\n >\n <Icon name={LIST_TYPE_ICONS[listType as keyof typeof Icon]} size={24} />\n </button>\n ))}\n </div>\n );\n};\n"],"names":["LIST_TYPE_ICONS","ListTypes","ListPlugin","t","useTranslation","editor","useLexicalComposerContext","blockType","setBlockType","useState","isUList","setIsUList","isOList","setIsOList","formatList","listType","INSERT_ORDERED_LIST_COMMAND","INSERT_UNORDERED_LIST_COMMAND","REMOVE_LIST_COMMAND","useEffect","removeKeyboardShortcut","KEY_DOWN_COMMAND","event","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","selection","$getSelection","$isRangeSelection","anchorNode","$isListNode","tag","parentNode","jsx","styles","clsx","Icon"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { L as r } from "../../../../ListPlugin-CpLcVKRP.js";
1
+ import { ListPlugin as r } from "./ListPlugin.js";
2
2
  export {
3
3
  r as ListPlugin
4
4
  };
@@ -1,6 +1,6 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
- import { b as v } from "../../../../TablePlugin-DQR5VWGq.js";
3
+ import { b as w } from "../../../../TablePlugin-BkczRiUz.js";
4
4
  import "../../../Buttons/Button.js";
5
5
  import "../../../Buttons/LinkButton.js";
6
6
  import "@react-aria/button";
@@ -16,6 +16,7 @@ import "../../../Input/Input.js";
16
16
  import "../../../InputField/InputField.js";
17
17
  import "react-router-dom";
18
18
  import "../../hooks/useTranslation.js";
19
+ import "../LinkPlugin/LinkContextMenu/LinkContextMenu.js";
19
20
  import "../../hooks/components/Flyout.js";
20
21
  import "../../Providers/LanguageProvider.js";
21
22
  import "../../../SelectListbox/SelectListbox.js";
@@ -23,6 +24,6 @@ import "../../../SelectListbox/SelectProvider.js";
23
24
  import "../../../Sortable/components/SortableItem.js";
24
25
  import "../../../../SortableProvider-BUsvniX7.js";
25
26
  export {
26
- v as AddTableForm
27
+ w as AddTableForm
27
28
  };
28
29
  //# sourceMappingURL=AddTableFrom.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AddTableFrom.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"AddTableFrom.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,10 +1,11 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
3
3
  import "../../../../clsx-OuTLNxxd.js";
4
- import "../../../../helpers-CVB_4CnL.js";
5
- import "../../../../Lexical.prod-B6kL_nwF.js";
4
+ import "../../../../LexicalTable.prod-BKz2StgB.js";
5
+ import "../../../../Lexical.prod-DOTdxgeo.js";
6
6
  import "react";
7
- import { T as B } from "../../../../TablePlugin-DQR5VWGq.js";
7
+ import { T as D } from "../../../../TablePlugin-BkczRiUz.js";
8
+ import "./helpers.js";
8
9
  import "../../hooks/useFlyout.js";
9
10
  import "../../../Icon/Icon.js";
10
11
  import "../../../Buttons/Button.js";
@@ -19,14 +20,15 @@ import "../../../IconButton/IconButton.js";
19
20
  import "../../../Input/Input.js";
20
21
  import "../../../InputField/InputField.js";
21
22
  import "react-router-dom";
22
- import "../../../../RteEditor.module-CHbWzGpE.js";
23
+ import "../../../../RteEditor.module-DcvGRx3a.js";
23
24
  import "../../hooks/useTranslation.js";
25
+ import "../LinkPlugin/LinkContextMenu/LinkContextMenu.js";
24
26
  import "../../Providers/LanguageProvider.js";
25
27
  import "../../../SelectListbox/SelectListbox.js";
26
28
  import "../../../SelectListbox/SelectProvider.js";
27
29
  import "../../../Sortable/components/SortableItem.js";
28
30
  import "../../../../SortableProvider-BUsvniX7.js";
29
31
  export {
30
- B as TablePlugin
32
+ D as TablePlugin
31
33
  };
32
34
  //# sourceMappingURL=TablePlugin.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TablePlugin.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"TablePlugin.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}