@uva-glass/component-library 1.62.2 → 1.62.4
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/{Lexical.prod-qM_1BY0u.js → Lexical.prod-eo-UKDld.js} +23 -23
- package/dist/{Lexical.prod-qM_1BY0u.js.map → Lexical.prod-eo-UKDld.js.map} +1 -1
- package/dist/{LexicalUtils.prod-BFSPHHi1.js → LexicalUtils.prod-DzksRdFe.js} +2 -2
- package/dist/{LexicalUtils.prod-BFSPHHi1.js.map → LexicalUtils.prod-DzksRdFe.js.map} +1 -1
- package/dist/{ListPlugin-D-Ki_zib.js → ListPlugin-BaGD7Mnf.js} +4 -4
- package/dist/{ListPlugin-D-Ki_zib.js.map → ListPlugin-BaGD7Mnf.js.map} +1 -1
- package/dist/RteEditor.module-D98nXtwi.js +29 -0
- package/dist/RteEditor.module-D98nXtwi.js.map +1 -0
- package/dist/TablePlugin-Dhg4yUqE.js +308 -0
- package/dist/TablePlugin-Dhg4yUqE.js.map +1 -0
- package/dist/assets/Container.css +1 -1
- package/dist/assets/EditorHeader.css +1 -1
- package/dist/assets/FormInput.css +1 -1
- package/dist/assets/RteEditor.css +1 -1
- package/dist/assets/TableCellContextMenu.css +1 -1
- package/dist/components/CheckboxTree/CheckboxTree.js +1 -1
- package/dist/components/FormInput/FormInput.js +18 -18
- package/dist/components/FormInput/FormInput.js.map +1 -1
- package/dist/components/FormInput/FormInput.stories.js.map +1 -1
- package/dist/components/InputField/InputField.stories.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
- package/dist/components/MultiSelect/components/MultiSelectHeader.js +1 -1
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +1 -1
- package/dist/components/RteEditor/EditorHeader/EditorHeader.js +3 -3
- package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +2 -2
- package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +3 -3
- package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.js +2 -2
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +85 -73
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/LinkPlugin/helpers.js +1 -1
- package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +3 -3
- package/dist/components/RteEditor/Plugins/ListPlugin/index.js +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.js +57 -43
- package/dist/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.js.map +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +4 -4
- package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
- package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +5 -5
- package/dist/components/RteEditor/Plugins/index.js +2 -2
- package/dist/components/RteEditor/RteEditor.js +169 -169
- package/dist/components/RteEditor/RteEditor.js.map +1 -1
- package/dist/components/RteEditor/UvaTheme/UvaTheme.js +1 -1
- package/dist/components/RteEditor/hooks/useFlyout.d.ts +1 -1
- package/dist/components/RteEditor/hooks/useFlyout.js +8 -8
- package/dist/components/RteEditor/hooks/useFlyout.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/{helpers-BB6Byf50.js → helpers-BD3Y_bqE.js} +3 -3
- package/dist/{helpers-BB6Byf50.js.map → helpers-BD3Y_bqE.js.map} +1 -1
- package/dist/{helpers-D9T1Tgkj.js → helpers-DONVwywj.js} +3 -3
- package/dist/{helpers-D9T1Tgkj.js.map → helpers-DONVwywj.js.map} +1 -1
- package/dist/index.js +1 -1
- package/dist/storyComponents/Container/Container.js +22 -22
- package/package.json +14 -14
- package/dist/RteEditor.module-BwAtWRHo.js +0 -29
- package/dist/RteEditor.module-BwAtWRHo.js.map +0 -1
- package/dist/TablePlugin-BuP29PqZ.js +0 -295
- package/dist/TablePlugin-BuP29PqZ.js.map +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { u } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
|
|
3
3
|
import { c as f } from "../../../../clsx-OuTLNxxd.js";
|
|
4
|
-
import { A as _, x as p, d as h } from "../../../../Lexical.prod-
|
|
4
|
+
import { A as _, x as p, d as h } from "../../../../Lexical.prod-eo-UKDld.js";
|
|
5
5
|
import { useState as l, useEffect as k } from "react";
|
|
6
6
|
import { Icon as I } from "../../../Icon/Icon.js";
|
|
7
|
-
import { s as a } from "../../../../RteEditor.module-
|
|
7
|
+
import { s as a } from "../../../../RteEditor.module-D98nXtwi.js";
|
|
8
8
|
import { useTranslation as B } from "../../hooks/useTranslation.js";
|
|
9
9
|
const x = {
|
|
10
10
|
bold: "Bold",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as f, jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { c as a } from "../../../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { u as h } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
|
|
4
|
-
import { $ as _, K as y, h as C, g as k } from "../../../../Lexical.prod-
|
|
4
|
+
import { $ as _, K as y, h as C, g as k } from "../../../../Lexical.prod-eo-UKDld.js";
|
|
5
5
|
import { useState as s, useEffect as m } from "react";
|
|
6
6
|
import { Icon as n } from "../../../Icon/Icon.js";
|
|
7
7
|
import "../../../Buttons/Button.js";
|
|
@@ -16,8 +16,8 @@ import "../../../IconButton/IconButton.js";
|
|
|
16
16
|
import "../../../Input/Input.js";
|
|
17
17
|
import "../../../InputField/InputField.js";
|
|
18
18
|
import "react-router-dom";
|
|
19
|
-
import "../../../../TablePlugin-
|
|
20
|
-
import { s as r } from "../../../../RteEditor.module-
|
|
19
|
+
import "../../../../TablePlugin-Dhg4yUqE.js";
|
|
20
|
+
import { s as r } from "../../../../RteEditor.module-D98nXtwi.js";
|
|
21
21
|
import { useTranslation as g } from "../../hooks/useTranslation.js";
|
|
22
22
|
import "../../hooks/components/Flyout.js";
|
|
23
23
|
import "../../Providers/LanguageProvider.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import "../../../../helpers-
|
|
4
|
-
import { A as z } from "../../../../TablePlugin-
|
|
3
|
+
import "../../../../helpers-BD3Y_bqE.js";
|
|
4
|
+
import { A as z } from "../../../../TablePlugin-Dhg4yUqE.js";
|
|
5
5
|
import "../../../Icon/Icon.js";
|
|
6
6
|
import "../../../Buttons/Button.js";
|
|
7
7
|
import "../../../Buttons/LinkButton.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { u as
|
|
3
|
-
import { c as
|
|
4
|
-
import { g as
|
|
5
|
-
import { useRef as
|
|
6
|
-
import { e as
|
|
7
|
-
import { A as
|
|
8
|
-
import { useFlyout as
|
|
9
|
-
import { Icon as
|
|
1
|
+
import { jsx as L, jsxs as K } from "react/jsx-runtime";
|
|
2
|
+
import { u as O } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
|
|
3
|
+
import { c as j } from "../../../../clsx-OuTLNxxd.js";
|
|
4
|
+
import { g as w, m as V, e as z, U as W } from "../../../../helpers-BD3Y_bqE.js";
|
|
5
|
+
import { useRef as p, useState as Y, useEffect as x } from "react";
|
|
6
|
+
import { e as q, A as m, r as B, x as T, _ as G, L as J, l as M, E as Q } from "../../../../Lexical.prod-eo-UKDld.js";
|
|
7
|
+
import { A as X } from "../../../../TablePlugin-Dhg4yUqE.js";
|
|
8
|
+
import { useFlyout as Z } from "../../hooks/useFlyout.js";
|
|
9
|
+
import { Icon as $ } from "../../../Icon/Icon.js";
|
|
10
10
|
import "../../../Buttons/Button.js";
|
|
11
11
|
import "../../../Buttons/LinkButton.js";
|
|
12
12
|
import "@react-aria/button";
|
|
@@ -19,25 +19,25 @@ import "../../../IconButton/IconButton.js";
|
|
|
19
19
|
import "../../../Input/Input.js";
|
|
20
20
|
import "../../../InputField/InputField.js";
|
|
21
21
|
import "react-router-dom";
|
|
22
|
-
import { s as
|
|
23
|
-
import { useTranslation as
|
|
22
|
+
import { s as d } from "../../../../RteEditor.module-D98nXtwi.js";
|
|
23
|
+
import { useTranslation as tt } from "../../hooks/useTranslation.js";
|
|
24
24
|
import "../../Providers/LanguageProvider.js";
|
|
25
25
|
import "../../../SelectListbox/SelectListbox.js";
|
|
26
26
|
import "../../../SelectListbox/SelectProvider.js";
|
|
27
27
|
import "../../../Sortable/components/SortableItem.js";
|
|
28
28
|
import "../../../../SortableProvider-BUsvniX7.js";
|
|
29
|
-
const
|
|
29
|
+
const et = 200, F = (u) => {
|
|
30
30
|
let t = u;
|
|
31
31
|
for (; t; ) {
|
|
32
|
-
if (
|
|
32
|
+
if (w(t))
|
|
33
33
|
return t;
|
|
34
34
|
t = t.getParent();
|
|
35
35
|
}
|
|
36
36
|
return null;
|
|
37
|
-
},
|
|
37
|
+
}, E = (u) => {
|
|
38
38
|
let t = u;
|
|
39
39
|
for (; t; ) {
|
|
40
|
-
if (
|
|
40
|
+
if (w(t))
|
|
41
41
|
return {
|
|
42
42
|
active: !0,
|
|
43
43
|
url: t.getURL(),
|
|
@@ -46,64 +46,76 @@ const Q = 200, C = (u) => {
|
|
|
46
46
|
t = t.getParent();
|
|
47
47
|
}
|
|
48
48
|
return !1;
|
|
49
|
-
},
|
|
50
|
-
const u =
|
|
51
|
-
|
|
49
|
+
}, Dt = () => {
|
|
50
|
+
const u = tt(), [t] = O(), { flyout: D, showFlyout: g, hideFlyout: S, isVisible: v } = Z(), a = p(), b = p(!1), f = p(""), l = p(""), [_, A] = Y({ active: !1, url: "", linktext: "" }), N = p(null), k = () => {
|
|
51
|
+
t.update(() => {
|
|
52
|
+
const o = m();
|
|
53
|
+
N.current = o;
|
|
54
|
+
});
|
|
55
|
+
}, R = () => {
|
|
56
|
+
t.update(() => {
|
|
57
|
+
N.current && Q(N.current);
|
|
58
|
+
});
|
|
59
|
+
}, U = () => {
|
|
60
|
+
b.current || (k(), g(y), l.current !== "" && setTimeout(() => {
|
|
52
61
|
var o;
|
|
53
62
|
return (o = a.current) == null ? void 0 : o.setDefaults("", l.current);
|
|
54
63
|
}, 0));
|
|
55
|
-
},
|
|
64
|
+
}, h = () => {
|
|
65
|
+
S(), R();
|
|
66
|
+
}, H = (o, r) => {
|
|
56
67
|
t.update(() => {
|
|
57
|
-
const e =
|
|
58
|
-
if (
|
|
59
|
-
const n = e.anchor.getNode(), i =
|
|
68
|
+
const e = m();
|
|
69
|
+
if (T(e)) {
|
|
70
|
+
const n = e.anchor.getNode(), i = F(n);
|
|
60
71
|
if (r && r !== "") {
|
|
61
72
|
if (i) {
|
|
62
|
-
const c =
|
|
73
|
+
const c = M(r);
|
|
63
74
|
i.replace(c), c.select();
|
|
64
75
|
}
|
|
65
|
-
if (r !==
|
|
66
|
-
const { anchor: c, focus:
|
|
67
|
-
e.insertText(r), c.offset -= r.length,
|
|
76
|
+
if (r !== f.current && f.current === "") {
|
|
77
|
+
const { anchor: c, focus: C } = e;
|
|
78
|
+
e.insertText(r), c.offset -= r.length, C.offset = c.offset + r.length;
|
|
68
79
|
}
|
|
69
80
|
}
|
|
70
|
-
|
|
81
|
+
V(z(o), { target: "_blank" });
|
|
71
82
|
}
|
|
72
|
-
|
|
83
|
+
h();
|
|
73
84
|
});
|
|
74
|
-
},
|
|
75
|
-
children: /* @__PURE__ */
|
|
76
|
-
|
|
85
|
+
}, y = {
|
|
86
|
+
children: /* @__PURE__ */ L(
|
|
87
|
+
X,
|
|
77
88
|
{
|
|
78
|
-
isLink:
|
|
79
|
-
onCloseHandler:
|
|
80
|
-
onSaveHandler: (o, r) =>
|
|
89
|
+
isLink: _,
|
|
90
|
+
onCloseHandler: h,
|
|
91
|
+
onSaveHandler: (o, r) => H(o, r),
|
|
81
92
|
onRemoveHandler: () => {
|
|
82
|
-
t.dispatchCommand(
|
|
93
|
+
t.dispatchCommand(W, null), h();
|
|
83
94
|
},
|
|
84
95
|
ref: a
|
|
85
96
|
}
|
|
86
97
|
)
|
|
87
98
|
};
|
|
88
|
-
return
|
|
99
|
+
return x(() => {
|
|
89
100
|
var o, r;
|
|
90
|
-
|
|
91
|
-
}, [a,
|
|
101
|
+
v ? (b.current = !0, (r = a.current) == null || r.focusFirstField()) : ((o = a.current) == null || o.clearForm(), f.current = l.current = "", setTimeout(() => b.current = !1, et));
|
|
102
|
+
}, [a, v]), x(() => {
|
|
92
103
|
const o = t.registerCommand(
|
|
93
|
-
|
|
104
|
+
q,
|
|
94
105
|
() => {
|
|
95
|
-
const e =
|
|
106
|
+
const e = m();
|
|
96
107
|
return l.current = (e == null ? void 0 : e.getTextContent()) ?? "", !1;
|
|
97
108
|
},
|
|
98
109
|
0
|
|
99
110
|
), r = t.registerCommand(
|
|
100
|
-
|
|
111
|
+
B,
|
|
101
112
|
(e) => {
|
|
102
|
-
const s =
|
|
103
|
-
if (
|
|
104
|
-
|
|
113
|
+
const s = m();
|
|
114
|
+
if (T(s)) {
|
|
115
|
+
k();
|
|
116
|
+
const n = E(s.anchor.getNode());
|
|
105
117
|
if (n)
|
|
106
|
-
return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(),
|
|
118
|
+
return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), g(y), f.current = n.linktext, setTimeout(() => {
|
|
107
119
|
var i;
|
|
108
120
|
return (i = a.current) == null ? void 0 : i.setDefaults(n.url, n.linktext);
|
|
109
121
|
}, 0), !0;
|
|
@@ -117,34 +129,34 @@ const Q = 200, C = (u) => {
|
|
|
117
129
|
return () => {
|
|
118
130
|
r(), o();
|
|
119
131
|
};
|
|
120
|
-
}, [t]),
|
|
132
|
+
}, [t]), x(() => {
|
|
121
133
|
const o = t.registerCommand(
|
|
122
|
-
|
|
134
|
+
G,
|
|
123
135
|
(e) => {
|
|
124
136
|
if (e.ctrlKey && e.shiftKey && e.key === "U") {
|
|
125
|
-
const s =
|
|
126
|
-
if (!
|
|
137
|
+
const s = m();
|
|
138
|
+
if (k(), !T(s))
|
|
127
139
|
return !1;
|
|
128
|
-
const n =
|
|
129
|
-
|
|
130
|
-
var
|
|
131
|
-
return (
|
|
140
|
+
const n = E(s.anchor.getNode()), i = (C = "", I = "") => {
|
|
141
|
+
g(y), setTimeout(() => {
|
|
142
|
+
var P;
|
|
143
|
+
return (P = a.current) == null ? void 0 : P.setDefaults(C, I);
|
|
132
144
|
}, 0);
|
|
133
145
|
};
|
|
134
146
|
if (n)
|
|
135
|
-
return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(),
|
|
147
|
+
return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), f.current = n.linktext, i(n.url, n.linktext), !0;
|
|
136
148
|
const c = s.getTextContent();
|
|
137
|
-
return c !== "" ? (l.current = c, i("", l.current), !0) : (
|
|
149
|
+
return c !== "" ? (l.current = c, i("", l.current), !0) : (g(y), !0);
|
|
138
150
|
}
|
|
139
151
|
return !1;
|
|
140
152
|
},
|
|
141
|
-
|
|
153
|
+
J
|
|
142
154
|
), r = t.registerUpdateListener(({ editorState: e }) => {
|
|
143
|
-
|
|
155
|
+
A(
|
|
144
156
|
e.read(() => {
|
|
145
|
-
const s =
|
|
146
|
-
if (
|
|
147
|
-
const n = s.anchor.getNode(), i =
|
|
157
|
+
const s = m();
|
|
158
|
+
if (k(), T(s)) {
|
|
159
|
+
const n = s.anchor.getNode(), i = F(n);
|
|
148
160
|
if (i)
|
|
149
161
|
return {
|
|
150
162
|
active: !0,
|
|
@@ -163,35 +175,35 @@ const Q = 200, C = (u) => {
|
|
|
163
175
|
return () => {
|
|
164
176
|
o(), r();
|
|
165
177
|
};
|
|
166
|
-
}, [t]),
|
|
178
|
+
}, [t]), x(() => {
|
|
167
179
|
const o = (r) => {
|
|
168
|
-
r.key === "Escape" && (r.preventDefault(), r.stopPropagation(),
|
|
180
|
+
r.key === "Escape" && (r.preventDefault(), r.stopPropagation(), h());
|
|
169
181
|
};
|
|
170
182
|
return document.addEventListener("keydown", o), () => {
|
|
171
183
|
document.removeEventListener("keydown", o);
|
|
172
184
|
};
|
|
173
|
-
}, []), /* @__PURE__ */
|
|
174
|
-
/* @__PURE__ */
|
|
185
|
+
}, []), /* @__PURE__ */ L("div", { className: d["editor__toolbar-button-group"], children: /* @__PURE__ */ K("div", { className: d["editor__toolbar-button-flyoutwrapper"], children: [
|
|
186
|
+
/* @__PURE__ */ L(
|
|
175
187
|
"button",
|
|
176
188
|
{
|
|
177
|
-
onClick:
|
|
189
|
+
onClick: U,
|
|
178
190
|
title: u.links.linkTooltip,
|
|
179
|
-
className:
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
191
|
+
className: j(
|
|
192
|
+
d["editor__toolbar-button"],
|
|
193
|
+
d["editor__toolbar-button--link"],
|
|
194
|
+
_.active && d["editor__toolbar-button--active"]
|
|
183
195
|
),
|
|
184
196
|
"aria-label": u.aria.labels.link,
|
|
185
197
|
"aria-keyshortcuts": u.aria.keyshortcuts.link,
|
|
186
198
|
type: "button",
|
|
187
|
-
children: /* @__PURE__ */
|
|
199
|
+
children: /* @__PURE__ */ L($, { name: "Link", size: 20 })
|
|
188
200
|
}
|
|
189
201
|
),
|
|
190
|
-
|
|
202
|
+
D
|
|
191
203
|
] }) });
|
|
192
204
|
};
|
|
193
205
|
export {
|
|
194
|
-
|
|
195
|
-
|
|
206
|
+
Dt as LinkPlugin,
|
|
207
|
+
E as getLinkNodeTag
|
|
196
208
|
};
|
|
197
209
|
//# 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 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 } 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, closeFlyout, 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\n const openFlyout = () => {\n if (!preventOpen.current) {\n showFlyout(flyoutOptions);\n if (selectedText.current !== '') {\n setTimeout(() => addLinkForm.current?.setDefaults('', selectedText.current), 0);\n }\n }\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 unregister = editor.registerCommand(\n CLICK_COMMAND,\n (event) => {\n const selection = $getSelection();\n if ($isRangeSelection(selection)) {\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 unregister();\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\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 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\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 const removeKeydown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault();\n event.stopPropagation();\n closeFlyout();\n }\n };\n\n document.addEventListener('keydown', removeKeydown);\n\n return () => {\n document.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","closeFlyout","isVisible","useFlyout","addLinkForm","useRef","preventOpen","previousLinkText","selectedText","isLink","setIsLink","useState","openFlyout","flyoutOptions","_a","insertLink","url","linktext","selection","$getSelection","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","jsx","AddLinkForm","TOGGLE_LINK_COMMAND","useEffect","_b","unregisterSelect","SELECTION_CHANGE_COMMAND","unregister","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 './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 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 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 const removeKeydown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n event.preventDefault();\n event.stopPropagation();\n closeFlyout();\n }\n };\n\n document.addEventListener('keydown', removeKeydown);\n\n return () => {\n document.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","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,11 +1,11 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
|
|
3
|
-
import { L as f } from "../../../../ListPlugin-
|
|
3
|
+
import { L as f } from "../../../../ListPlugin-BaGD7Mnf.js";
|
|
4
4
|
import "react";
|
|
5
5
|
import "../../../../clsx-OuTLNxxd.js";
|
|
6
|
-
import "../../../../Lexical.prod-
|
|
6
|
+
import "../../../../Lexical.prod-eo-UKDld.js";
|
|
7
7
|
import "../../../Icon/Icon.js";
|
|
8
|
-
import "../../../../RteEditor.module-
|
|
8
|
+
import "../../../../RteEditor.module-D98nXtwi.js";
|
|
9
9
|
import "../../hooks/useTranslation.js";
|
|
10
10
|
export {
|
|
11
11
|
f as ListPlugin
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { b as v } from "../../../../TablePlugin-
|
|
3
|
+
import { b as v } from "../../../../TablePlugin-Dhg4yUqE.js";
|
|
4
4
|
import "../../../Buttons/Button.js";
|
|
5
5
|
import "../../../Buttons/LinkButton.js";
|
|
6
6
|
import "@react-aria/button";
|
package/dist/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.js
CHANGED
|
@@ -1,52 +1,62 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as _, useRef as
|
|
1
|
+
import { jsxs as y, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { useState as _, useRef as b, useEffect as R } from "react";
|
|
3
3
|
import { c as w } from "../../../../../clsx-OuTLNxxd.js";
|
|
4
|
-
import { u as
|
|
5
|
-
import { Icon as
|
|
4
|
+
import { u as P } from "../../../../../LexicalComposerContext.prod-Dyvim1tK.js";
|
|
5
|
+
import { Icon as $ } from "../../../../Icon/Icon.js";
|
|
6
6
|
import { useTranslation as H } from "../../../hooks/useTranslation.js";
|
|
7
7
|
import '../../../../../assets/TableCellContextMenu.css';const n = {
|
|
8
|
-
"context-menu__wrapper": "_context-
|
|
9
|
-
"context-menu__button": "_context-
|
|
10
|
-
"context-menu": "_context-
|
|
11
|
-
"context-menu--open": "_context-menu--
|
|
12
|
-
"context-menu__item": "_context-
|
|
13
|
-
"context-menu__item-divider": "_context-menu__item-
|
|
14
|
-
"context-menu__wrapper--hidden": "_context-menu__wrapper--
|
|
15
|
-
}, O = 25, N = 10, f = 4, A = 25, M = (
|
|
16
|
-
const r =
|
|
8
|
+
"context-menu__wrapper": "_context-menu__wrapper_xbeks_1",
|
|
9
|
+
"context-menu__button": "_context-menu__button_xbeks_10",
|
|
10
|
+
"context-menu": "_context-menu_xbeks_1",
|
|
11
|
+
"context-menu--open": "_context-menu--open_xbeks_38",
|
|
12
|
+
"context-menu__item": "_context-menu__item_xbeks_43",
|
|
13
|
+
"context-menu__item-divider": "_context-menu__item-divider_xbeks_57",
|
|
14
|
+
"context-menu__wrapper--hidden": "_context-menu__wrapper--hidden_xbeks_61"
|
|
15
|
+
}, O = 25, N = 10, f = 4, A = 25, M = (a) => {
|
|
16
|
+
const r = a.cloneNode(!0);
|
|
17
17
|
r.style.height = "auto", r.style.left = "-3000px", document.body.appendChild(r);
|
|
18
|
-
const
|
|
19
|
-
return document.body.removeChild(r),
|
|
20
|
-
}, W = ({ position:
|
|
21
|
-
const t = H(), [
|
|
22
|
-
|
|
23
|
-
},
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
},
|
|
18
|
+
const d = r.getBoundingClientRect().height;
|
|
19
|
+
return document.body.removeChild(r), d;
|
|
20
|
+
}, W = ({ position: a, parentScrollPosition: r, onAction: d }) => {
|
|
21
|
+
const t = H(), [k, x] = _(!1), [T, p] = _(!1), [s, E] = _({ xPos: 0, yPos: 0, height: 0 }), [m, B] = _(0), C = b(0), c = b(null), i = b(null), o = b(null), [I] = P(), u = (l) => {
|
|
22
|
+
d(l), x(!1);
|
|
23
|
+
}, g = () => {
|
|
24
|
+
const l = c.current ? c.current.getBoundingClientRect().width : 0;
|
|
25
|
+
i.current && c.current && o.current && (s.xPos < l && i.current ? (i.current.style.left = `${l - s.xPos + N}px`, o.current.style.right = `${l - s.xPos + f + N}px`) : (i.current.style.left = "0px", o.current.style.right = `${f}px`), m || B(M(c.current)), m > document.documentElement.clientHeight - s.yPos ? (i.current.style.top = `-${m + s.height}px`, o.current.style.top = `${m + f}px`, o.current.style.transform = "rotate(180deg)") : (i.current.style.top = "0px", o.current.style.top = `-${A}px`, o.current.style.transform = "none"));
|
|
26
|
+
}, v = () => (g(), `translate(${((s == null ? void 0 : s.xPos) ?? 0) - (c.current ? c.current.getBoundingClientRect().width : 0)}px, ${s.yPos - (r - C.current)}px)`);
|
|
27
27
|
return R(() => {
|
|
28
|
-
|
|
29
|
-
}, [
|
|
30
|
-
if (
|
|
31
|
-
const
|
|
32
|
-
if (!
|
|
33
|
-
|
|
28
|
+
E(a), a && (C.current = r), x(!1), p(!1);
|
|
29
|
+
}, [a]), R(() => {
|
|
30
|
+
if (o.current) {
|
|
31
|
+
const l = o.current.getBoundingClientRect(), h = I.getRootElement();
|
|
32
|
+
if (!h) return;
|
|
33
|
+
l.top - h.getBoundingClientRect().top <= 0 || l.top - h.getBoundingClientRect().bottom + O >= 0 ? p(!0) : p(!1), g();
|
|
34
34
|
}
|
|
35
|
-
}, [r]), /* @__PURE__ */
|
|
35
|
+
}, [r]), /* @__PURE__ */ y(
|
|
36
36
|
"div",
|
|
37
37
|
{
|
|
38
|
-
className: w(n["context-menu__wrapper"], [
|
|
38
|
+
className: w(n["context-menu__wrapper"], [T && n["context-menu__wrapper--hidden"]]),
|
|
39
39
|
style: {
|
|
40
|
-
transform: `${
|
|
40
|
+
transform: `${v()}`
|
|
41
41
|
},
|
|
42
|
-
ref:
|
|
42
|
+
ref: i,
|
|
43
43
|
children: [
|
|
44
|
-
/* @__PURE__ */ e(
|
|
45
|
-
|
|
44
|
+
/* @__PURE__ */ e(
|
|
45
|
+
"button",
|
|
46
|
+
{
|
|
47
|
+
type: "button",
|
|
48
|
+
onClick: () => x((l) => !l),
|
|
49
|
+
className: n["context-menu__button"],
|
|
50
|
+
ref: o,
|
|
51
|
+
children: /* @__PURE__ */ e($, { name: "CheveronDown", size: 16 })
|
|
52
|
+
}
|
|
53
|
+
),
|
|
54
|
+
/* @__PURE__ */ y("ul", { ref: c, className: w(n["context-menu"], k && n["context-menu--open"]), children: [
|
|
46
55
|
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
|
|
47
56
|
"button",
|
|
48
57
|
{
|
|
49
|
-
|
|
58
|
+
type: "button",
|
|
59
|
+
onClick: () => u("insertRowAbove"),
|
|
50
60
|
className: n["context-menu__item"],
|
|
51
61
|
"aria-label": t.aria.labels.tableInsertRowAbove,
|
|
52
62
|
children: t.table.insertRowAbove
|
|
@@ -55,7 +65,8 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
|
|
|
55
65
|
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
|
|
56
66
|
"button",
|
|
57
67
|
{
|
|
58
|
-
|
|
68
|
+
type: "button",
|
|
69
|
+
onClick: () => u("insertRowBelow"),
|
|
59
70
|
className: n["context-menu__item"],
|
|
60
71
|
"aria-label": t.aria.labels.tableInsertRowBelow,
|
|
61
72
|
children: t.table.insertRowBelow
|
|
@@ -64,7 +75,8 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
|
|
|
64
75
|
/* @__PURE__ */ e("li", { className: n["context-menu__item-divider"], children: /* @__PURE__ */ e(
|
|
65
76
|
"button",
|
|
66
77
|
{
|
|
67
|
-
|
|
78
|
+
type: "button",
|
|
79
|
+
onClick: () => u("deleteRow"),
|
|
68
80
|
className: n["context-menu__item"],
|
|
69
81
|
"aria-label": t.aria.labels.tableDeleteRow,
|
|
70
82
|
children: t.table.deleteRow
|
|
@@ -73,7 +85,8 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
|
|
|
73
85
|
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
|
|
74
86
|
"button",
|
|
75
87
|
{
|
|
76
|
-
|
|
88
|
+
type: "button",
|
|
89
|
+
onClick: () => u("insertColumnLeft"),
|
|
77
90
|
className: n["context-menu__item"],
|
|
78
91
|
"aria-label": t.aria.labels.tableInsertColumnLeft,
|
|
79
92
|
children: t.table.insertColumnLeft
|
|
@@ -82,7 +95,8 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
|
|
|
82
95
|
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
|
|
83
96
|
"button",
|
|
84
97
|
{
|
|
85
|
-
|
|
98
|
+
type: "button",
|
|
99
|
+
onClick: () => u("insertColumnRight"),
|
|
86
100
|
className: n["context-menu__item"],
|
|
87
101
|
"aria-label": t.aria.labels.tableInsertColumnRight,
|
|
88
102
|
children: t.table.insertColumnRight
|
|
@@ -91,20 +105,20 @@ import '../../../../../assets/TableCellContextMenu.css';const n = {
|
|
|
91
105
|
/* @__PURE__ */ e("li", { className: n["context-menu__item-divider"], children: /* @__PURE__ */ e(
|
|
92
106
|
"button",
|
|
93
107
|
{
|
|
94
|
-
|
|
108
|
+
type: "button",
|
|
109
|
+
onClick: () => u("deleteColumn"),
|
|
95
110
|
className: n["context-menu__item"],
|
|
96
111
|
"aria-label": t.aria.labels.tableDeleteColumn,
|
|
97
|
-
type: "button",
|
|
98
112
|
children: t.table.deleteColumn
|
|
99
113
|
}
|
|
100
114
|
) }),
|
|
101
115
|
/* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
|
|
102
116
|
"button",
|
|
103
117
|
{
|
|
104
|
-
|
|
118
|
+
type: "button",
|
|
119
|
+
onClick: () => u("deleteTable"),
|
|
105
120
|
className: n["context-menu__item"],
|
|
106
121
|
"aria-label": t.aria.labels.tableDeleteTable,
|
|
107
|
-
type: "button",
|
|
108
122
|
children: t.table.deleteTable
|
|
109
123
|
}
|
|
110
124
|
) })
|