@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.
Files changed (60) hide show
  1. package/dist/{Lexical.prod-qM_1BY0u.js → Lexical.prod-eo-UKDld.js} +23 -23
  2. package/dist/{Lexical.prod-qM_1BY0u.js.map → Lexical.prod-eo-UKDld.js.map} +1 -1
  3. package/dist/{LexicalUtils.prod-BFSPHHi1.js → LexicalUtils.prod-DzksRdFe.js} +2 -2
  4. package/dist/{LexicalUtils.prod-BFSPHHi1.js.map → LexicalUtils.prod-DzksRdFe.js.map} +1 -1
  5. package/dist/{ListPlugin-D-Ki_zib.js → ListPlugin-BaGD7Mnf.js} +4 -4
  6. package/dist/{ListPlugin-D-Ki_zib.js.map → ListPlugin-BaGD7Mnf.js.map} +1 -1
  7. package/dist/RteEditor.module-D98nXtwi.js +29 -0
  8. package/dist/RteEditor.module-D98nXtwi.js.map +1 -0
  9. package/dist/TablePlugin-Dhg4yUqE.js +308 -0
  10. package/dist/TablePlugin-Dhg4yUqE.js.map +1 -0
  11. package/dist/assets/Container.css +1 -1
  12. package/dist/assets/EditorHeader.css +1 -1
  13. package/dist/assets/FormInput.css +1 -1
  14. package/dist/assets/RteEditor.css +1 -1
  15. package/dist/assets/TableCellContextMenu.css +1 -1
  16. package/dist/components/CheckboxTree/CheckboxTree.js +1 -1
  17. package/dist/components/FormInput/FormInput.js +18 -18
  18. package/dist/components/FormInput/FormInput.js.map +1 -1
  19. package/dist/components/FormInput/FormInput.stories.js.map +1 -1
  20. package/dist/components/InputField/InputField.stories.js +1 -1
  21. package/dist/components/MultiSelect/MultiSelect.js +1 -1
  22. package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
  23. package/dist/components/MultiSelect/components/MultiSelectHeader.js +1 -1
  24. package/dist/components/MultiSelect/index.js +1 -1
  25. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +1 -1
  26. package/dist/components/RteEditor/EditorHeader/EditorHeader.js +3 -3
  27. package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +2 -2
  28. package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +3 -3
  29. package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.js +2 -2
  30. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +85 -73
  31. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js.map +1 -1
  32. package/dist/components/RteEditor/Plugins/LinkPlugin/helpers.js +1 -1
  33. package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +3 -3
  34. package/dist/components/RteEditor/Plugins/ListPlugin/index.js +1 -1
  35. package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +1 -1
  36. package/dist/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.js +57 -43
  37. package/dist/components/RteEditor/Plugins/TablePlugin/TableCellContextMenu/TableCellContextMenu.js.map +1 -1
  38. package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +4 -4
  39. package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js +1 -1
  40. package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
  41. package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +5 -5
  42. package/dist/components/RteEditor/Plugins/index.js +2 -2
  43. package/dist/components/RteEditor/RteEditor.js +169 -169
  44. package/dist/components/RteEditor/RteEditor.js.map +1 -1
  45. package/dist/components/RteEditor/UvaTheme/UvaTheme.js +1 -1
  46. package/dist/components/RteEditor/hooks/useFlyout.d.ts +1 -1
  47. package/dist/components/RteEditor/hooks/useFlyout.js +8 -8
  48. package/dist/components/RteEditor/hooks/useFlyout.js.map +1 -1
  49. package/dist/components/index.js +1 -1
  50. package/dist/{helpers-BB6Byf50.js → helpers-BD3Y_bqE.js} +3 -3
  51. package/dist/{helpers-BB6Byf50.js.map → helpers-BD3Y_bqE.js.map} +1 -1
  52. package/dist/{helpers-D9T1Tgkj.js → helpers-DONVwywj.js} +3 -3
  53. package/dist/{helpers-D9T1Tgkj.js.map → helpers-DONVwywj.js.map} +1 -1
  54. package/dist/index.js +1 -1
  55. package/dist/storyComponents/Container/Container.js +22 -22
  56. package/package.json +14 -14
  57. package/dist/RteEditor.module-BwAtWRHo.js +0 -29
  58. package/dist/RteEditor.module-BwAtWRHo.js.map +0 -1
  59. package/dist/TablePlugin-BuP29PqZ.js +0 -295
  60. 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-qM_1BY0u.js";
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-BwAtWRHo.js";
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-qM_1BY0u.js";
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-BuP29PqZ.js";
20
- import { s as r } from "../../../../RteEditor.module-BwAtWRHo.js";
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-BB6Byf50.js";
4
- import { A as z } from "../../../../TablePlugin-BuP29PqZ.js";
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 h, jsxs as S } from "react/jsx-runtime";
2
- import { u as U } from "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
3
- import { c as H } from "../../../../clsx-OuTLNxxd.js";
4
- import { g as P, m as I, e as K, U as O } from "../../../../helpers-BB6Byf50.js";
5
- import { useRef as L, useState as j, useEffect as y } from "react";
6
- import { e as V, A as f, r as z, x, _ as W, L as Y, l as q } from "../../../../Lexical.prod-qM_1BY0u.js";
7
- import { A as B } from "../../../../TablePlugin-BuP29PqZ.js";
8
- import { useFlyout as G } from "../../hooks/useFlyout.js";
9
- import { Icon as J } from "../../../Icon/Icon.js";
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 p } from "../../../../RteEditor.module-BwAtWRHo.js";
23
- import { useTranslation as M } from "../../hooks/useTranslation.js";
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 Q = 200, C = (u) => {
29
+ const et = 200, F = (u) => {
30
30
  let t = u;
31
31
  for (; t; ) {
32
- if (P(t))
32
+ if (w(t))
33
33
  return t;
34
34
  t = t.getParent();
35
35
  }
36
36
  return null;
37
- }, F = (u) => {
37
+ }, E = (u) => {
38
38
  let t = u;
39
39
  for (; t; ) {
40
- if (P(t))
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
- }, Ct = () => {
50
- const u = M(), [t] = U(), { flyout: w, showFlyout: d, closeFlyout: g, isVisible: N } = G(), a = L(), T = L(!1), m = L(""), l = L(""), [v, D] = j({ active: !1, url: "", linktext: "" }), E = () => {
51
- T.current || (d(k), l.current !== "" && setTimeout(() => {
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
- }, A = (o, r) => {
64
+ }, h = () => {
65
+ S(), R();
66
+ }, H = (o, r) => {
56
67
  t.update(() => {
57
- const e = f();
58
- if (x(e)) {
59
- const n = e.anchor.getNode(), i = C(n);
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 = q(r);
73
+ const c = M(r);
63
74
  i.replace(c), c.select();
64
75
  }
65
- if (r !== m.current && m.current === "") {
66
- const { anchor: c, focus: b } = e;
67
- e.insertText(r), c.offset -= r.length, b.offset = 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
- I(K(o), { target: "_blank" });
81
+ V(z(o), { target: "_blank" });
71
82
  }
72
- g();
83
+ h();
73
84
  });
74
- }, k = {
75
- children: /* @__PURE__ */ h(
76
- B,
85
+ }, y = {
86
+ children: /* @__PURE__ */ L(
87
+ X,
77
88
  {
78
- isLink: v,
79
- onCloseHandler: g,
80
- onSaveHandler: (o, r) => A(o, r),
89
+ isLink: _,
90
+ onCloseHandler: h,
91
+ onSaveHandler: (o, r) => H(o, r),
81
92
  onRemoveHandler: () => {
82
- t.dispatchCommand(O, null), g();
93
+ t.dispatchCommand(W, null), h();
83
94
  },
84
95
  ref: a
85
96
  }
86
97
  )
87
98
  };
88
- return y(() => {
99
+ return x(() => {
89
100
  var o, r;
90
- N ? (T.current = !0, (r = a.current) == null || r.focusFirstField()) : ((o = a.current) == null || o.clearForm(), m.current = l.current = "", setTimeout(() => T.current = !1, Q));
91
- }, [a, N]), y(() => {
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
- V,
104
+ q,
94
105
  () => {
95
- const e = f();
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
- z,
111
+ B,
101
112
  (e) => {
102
- const s = f();
103
- if (x(s)) {
104
- const n = F(s.anchor.getNode());
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(), d(k), m.current = n.linktext, setTimeout(() => {
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]), y(() => {
132
+ }, [t]), x(() => {
121
133
  const o = t.registerCommand(
122
- W,
134
+ G,
123
135
  (e) => {
124
136
  if (e.ctrlKey && e.shiftKey && e.key === "U") {
125
- const s = f();
126
- if (!x(s))
137
+ const s = m();
138
+ if (k(), !T(s))
127
139
  return !1;
128
- const n = F(s.anchor.getNode()), i = (b = "", R = "") => {
129
- d(k), setTimeout(() => {
130
- var _;
131
- return (_ = a.current) == null ? void 0 : _.setDefaults(b, R);
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(), m.current = n.linktext, i(n.url, n.linktext), !0;
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) : (d(k), !0);
149
+ return c !== "" ? (l.current = c, i("", l.current), !0) : (g(y), !0);
138
150
  }
139
151
  return !1;
140
152
  },
141
- Y
153
+ J
142
154
  ), r = t.registerUpdateListener(({ editorState: e }) => {
143
- D(
155
+ A(
144
156
  e.read(() => {
145
- const s = f();
146
- if (x(s)) {
147
- const n = s.anchor.getNode(), i = C(n);
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]), y(() => {
178
+ }, [t]), x(() => {
167
179
  const o = (r) => {
168
- r.key === "Escape" && (r.preventDefault(), r.stopPropagation(), g());
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__ */ h("div", { className: p["editor__toolbar-button-group"], children: /* @__PURE__ */ S("div", { className: p["editor__toolbar-button-flyoutwrapper"], children: [
174
- /* @__PURE__ */ h(
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: E,
189
+ onClick: U,
178
190
  title: u.links.linkTooltip,
179
- className: H(
180
- p["editor__toolbar-button"],
181
- p["editor__toolbar-button--link"],
182
- v.active && p["editor__toolbar-button--active"]
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__ */ h(J, { name: "Link", size: 20 })
199
+ children: /* @__PURE__ */ L($, { name: "Link", size: 20 })
188
200
  }
189
201
  ),
190
- w
202
+ D
191
203
  ] }) });
192
204
  };
193
205
  export {
194
- Ct as LinkPlugin,
195
- F as getLinkNodeTag
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,4 +1,4 @@
1
- import { M as e, e as r, b as s, v as l } from "../../../../helpers-BB6Byf50.js";
1
+ import { M as e, e as r, b as s, v as l } from "../../../../helpers-BD3Y_bqE.js";
2
2
  export {
3
3
  e as MATCHERS,
4
4
  r as ensureHttps,
@@ -1,11 +1,11 @@
1
1
  import "react/jsx-runtime";
2
2
  import "../../../../LexicalComposerContext.prod-Dyvim1tK.js";
3
- import { L as f } from "../../../../ListPlugin-D-Ki_zib.js";
3
+ import { L as f } from "../../../../ListPlugin-BaGD7Mnf.js";
4
4
  import "react";
5
5
  import "../../../../clsx-OuTLNxxd.js";
6
- import "../../../../Lexical.prod-qM_1BY0u.js";
6
+ import "../../../../Lexical.prod-eo-UKDld.js";
7
7
  import "../../../Icon/Icon.js";
8
- import "../../../../RteEditor.module-BwAtWRHo.js";
8
+ import "../../../../RteEditor.module-D98nXtwi.js";
9
9
  import "../../hooks/useTranslation.js";
10
10
  export {
11
11
  f as ListPlugin
@@ -1,4 +1,4 @@
1
- import { L as r } from "../../../../ListPlugin-D-Ki_zib.js";
1
+ import { L as r } from "../../../../ListPlugin-BaGD7Mnf.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-BuP29PqZ.js";
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";
@@ -1,52 +1,62 @@
1
- import { jsxs as g, jsx as e } from "react/jsx-runtime";
2
- import { useState as _, useRef as d, useEffect as R } from "react";
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 $ } from "../../../../../LexicalComposerContext.prod-Dyvim1tK.js";
5
- import { Icon as k } from "../../../../Icon/Icon.js";
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-menu__wrapper_y87hy_1",
9
- "context-menu__button": "_context-menu__button_y87hy_10",
10
- "context-menu": "_context-menu_y87hy_1",
11
- "context-menu--open": "_context-menu--open_y87hy_38",
12
- "context-menu__item": "_context-menu__item_y87hy_43",
13
- "context-menu__item-divider": "_context-menu__item-divider_y87hy_57",
14
- "context-menu__wrapper--hidden": "_context-menu__wrapper--hidden_y87hy_61"
15
- }, O = 25, N = 10, f = 4, A = 25, M = (u) => {
16
- const r = u.cloneNode(!0);
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 b = r.getBoundingClientRect().height;
19
- return document.body.removeChild(r), b;
20
- }, W = ({ position: u, parentScrollPosition: r, onAction: b }) => {
21
- const t = H(), [T, h] = _(!1), [E, x] = _(!1), [c, B] = _({ xPos: 0, yPos: 0, height: 0 }), [m, I] = _(0), y = d(0), i = d(null), s = d(null), l = d(null), [v] = $(), a = (o) => {
22
- b(o), h(!1);
23
- }, C = () => {
24
- const o = i.current ? i.current.getBoundingClientRect().width : 0;
25
- s.current && i.current && l.current && (c.xPos < o && s.current ? (s.current.style.left = `${o - c.xPos + N}px`, l.current.style.right = `${o - c.xPos + f + N}px`) : (s.current.style.left = "0px", l.current.style.right = `${f}px`), m || I(M(i.current)), m > document.documentElement.clientHeight - c.yPos ? (s.current.style.top = `-${m + c.height}px`, l.current.style.top = `${m + f}px`, l.current.style.transform = "rotate(180deg)") : (s.current.style.top = "0px", l.current.style.top = `-${A}px`, l.current.style.transform = "none"));
26
- }, P = () => (C(), `translate(${((c == null ? void 0 : c.xPos) ?? 0) - (i.current ? i.current.getBoundingClientRect().width : 0)}px, ${c.yPos - (r - y.current)}px)`);
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
- B(u), u && (y.current = r), h(!1), x(!1);
29
- }, [u]), R(() => {
30
- if (l.current) {
31
- const o = l.current.getBoundingClientRect(), p = v.getRootElement();
32
- if (!p) return;
33
- o.top - p.getBoundingClientRect().top <= 0 || o.top - p.getBoundingClientRect().bottom + O >= 0 ? x(!0) : x(!1), C();
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__ */ g(
35
+ }, [r]), /* @__PURE__ */ y(
36
36
  "div",
37
37
  {
38
- className: w(n["context-menu__wrapper"], [E && n["context-menu__wrapper--hidden"]]),
38
+ className: w(n["context-menu__wrapper"], [T && n["context-menu__wrapper--hidden"]]),
39
39
  style: {
40
- transform: `${P()}`
40
+ transform: `${v()}`
41
41
  },
42
- ref: s,
42
+ ref: i,
43
43
  children: [
44
- /* @__PURE__ */ e("button", { onClick: () => h((o) => !o), className: n["context-menu__button"], ref: l, children: /* @__PURE__ */ e(k, { name: "CheveronDown", size: 16 }) }),
45
- /* @__PURE__ */ g("ul", { ref: i, className: w(n["context-menu"], T && n["context-menu--open"]), children: [
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
- onClick: () => a("insertRowAbove"),
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
- onClick: () => a("insertRowBelow"),
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
- onClick: () => a("deleteRow"),
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
- onClick: () => a("insertColumnLeft"),
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
- onClick: () => a("insertColumnRight"),
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
- onClick: () => a("deleteColumn"),
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
- onClick: () => a("deleteTable"),
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
  ) })