@uva-glass/component-library 3.52.11 → 3.53.0
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-sd_e2sqT.js → Lexical.prod-DH2XfwvA.js} +58 -58
- package/dist/{Lexical.prod-sd_e2sqT.js.map → Lexical.prod-DH2XfwvA.js.map} +1 -1
- package/dist/{LexicalClipboard.prod-Co2PF1UJ.js → LexicalClipboard.prod-DTuNvXAS.js} +22 -22
- package/dist/{LexicalClipboard.prod-Co2PF1UJ.js.map → LexicalClipboard.prod-DTuNvXAS.js.map} +1 -1
- package/dist/{LexicalLink.prod-BCE6Bg2N.js → LexicalLink.prod-BV5Y2RYj.js} +8 -9
- package/dist/{LexicalLink.prod-BCE6Bg2N.js.map → LexicalLink.prod-BV5Y2RYj.js.map} +1 -1
- package/dist/{LexicalList.prod-CIB0K0ja.js → LexicalList.prod-DA9du3qx.js} +4 -4
- package/dist/{LexicalList.prod-CIB0K0ja.js.map → LexicalList.prod-DA9du3qx.js.map} +1 -1
- package/dist/{LexicalSelection.prod-CCmcTP6S.js → LexicalSelection.prod-mQk00-U_.js} +2 -2
- package/dist/{LexicalSelection.prod-CCmcTP6S.js.map → LexicalSelection.prod-mQk00-U_.js.map} +1 -1
- package/dist/{LexicalTable.prod-Oa2YPHLl.js → LexicalTable.prod-RGq0GKAR.js} +4 -4
- package/dist/{LexicalTable.prod-Oa2YPHLl.js.map → LexicalTable.prod-RGq0GKAR.js.map} +1 -1
- package/dist/{LexicalUtils.prod-CjKjgnmx.js → LexicalUtils.prod-DU4QwthB.js} +2 -2
- package/dist/{LexicalUtils.prod-CjKjgnmx.js.map → LexicalUtils.prod-DU4QwthB.js.map} +1 -1
- package/dist/RteEditor.module-DaBh86FK.js +41 -0
- package/dist/RteEditor.module-DaBh86FK.js.map +1 -0
- package/dist/{TableCellResizerPlugin-DATbSzfg.js → TableCellResizerPlugin-DRwI83s2.js} +4 -4
- package/dist/{TableCellResizerPlugin-DATbSzfg.js.map → TableCellResizerPlugin-DRwI83s2.js.map} +1 -1
- package/dist/{TablePlugin-CqCjNBW_.js → TablePlugin-DmE96vN7.js} +20 -20
- package/dist/{TablePlugin-CqCjNBW_.js.map → TablePlugin-DmE96vN7.js.map} +1 -1
- package/dist/assets/AddCatalogueLinkForm.css +1 -0
- package/dist/assets/Flyout.css +1 -1
- package/dist/assets/RteEditor.css +1 -1
- package/dist/assets/variables.css +72 -72
- package/dist/chunk-SS2NHR7W-qmI2h7CJ.js +4507 -0
- package/dist/chunk-SS2NHR7W-qmI2h7CJ.js.map +1 -0
- package/dist/{client-CFLMKOFW.js → client-D4oO7Spw.js} +11 -11
- package/dist/{client-CFLMKOFW.js.map → client-D4oO7Spw.js.map} +1 -1
- package/dist/components/Accordion/Accordion.test.js +2 -2
- package/dist/components/AccordionCard/AccordionCard.test.js +2 -2
- package/dist/components/ActionList/ActionList.test.js +2 -2
- package/dist/components/AppStatusBar/AppStatusBar.test.js +1 -1
- package/dist/components/Attention/Attention.test.js +1 -1
- package/dist/components/Backdrop/Backdrop.test.js +1 -1
- package/dist/components/Buttons/Button.stories.js +1 -1
- package/dist/components/Buttons/Button.test.js +1 -1
- package/dist/components/Buttons/LinkButton.stories.js +1 -1
- package/dist/components/Buttons/LinkButton.test.js +1 -1
- package/dist/components/Buttons/MenuButton.stories.js +1 -1
- package/dist/components/Buttons/MenuButton.test.js +1 -1
- package/dist/components/Card/Card.test.js +1 -1
- package/dist/components/Checkbox/Checkbox.stories.js +1 -1
- package/dist/components/Checkbox/Checkbox.test.js +2 -2
- package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js +1 -1
- package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js +1 -1
- package/dist/components/CheckboxTree/CheckboxTree.js +1 -1
- package/dist/components/CheckboxTree/CheckboxTree.stories.js +111 -55
- package/dist/components/CheckboxTree/CheckboxTree.stories.js.map +1 -1
- package/dist/components/Chip/Chip.stories.js +1 -1
- package/dist/components/ControlsButton/ControlsButton.stories.js +1 -1
- package/dist/components/Drawer/Drawer.stories.js +1 -1
- package/dist/components/FeedbackBar/FeedbackBar.test.js +1 -1
- package/dist/components/FormInput/FormInput.js +1 -1
- package/dist/components/FormInput/FormInput.stories.js +1 -1
- package/dist/components/IconButton/IconButton.stories.js +1 -1
- package/dist/components/InputField/InputField.stories.js +2 -2
- package/dist/components/Label/Label.test.js +1 -1
- package/dist/components/MetaDataBar/MetaDataBar.test.js +1 -1
- package/dist/components/ModalDialog/ModalDialog.stories.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.js +1 -1
- package/dist/components/MultiSelect/MultiSelect.stories.js +2 -2
- package/dist/components/MultiSelect/components/MultiSelectHeader.js +1 -1
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/components/MultiSelectBox/MultiSelectBox.stories.js +1 -1
- package/dist/components/MultiSelectBox/MultiSelectBox.test.js +1 -1
- package/dist/components/Notification/Notification.stories.js +1 -1
- package/dist/components/Notification/Notification.test.js +1 -1
- package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js +1 -1
- package/dist/components/PeriodSelector/PeriodSelector.js +1 -1
- package/dist/components/PeriodSelector/PeriodSelector.stories.js +1 -1
- package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +1 -1
- package/dist/components/RadioGroup/RadioGroup.stories.js +1 -1
- package/dist/components/RadioGroup/Radiogroup.test.js +1 -1
- package/dist/components/RadioTabSelector/RadioTabSelector.js +1 -1
- package/dist/components/RadioTabSelector/RadioTabSelector.stories.js +1 -1
- package/dist/components/RteEditor/EditorHeader/EditorHeader.js +1 -1
- package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +2 -2
- package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/AddCatalogueLinkForm/AddCatalogueLinkForm.d.ts +22 -0
- package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/AddCatalogueLinkForm/AddCatalogueLinkForm.js +108 -0
- package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/AddCatalogueLinkForm/AddCatalogueLinkForm.js.map +1 -0
- package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/AddCatalogueLinkForm/index.d.ts +1 -0
- package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/AddCatalogueLinkForm/index.js +5 -0
- package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/AddCatalogueLinkForm/index.js.map +1 -0
- package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/CourseCataloguePlugin.d.ts +8 -0
- package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/CourseCataloguePlugin.js +182 -0
- package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/CourseCataloguePlugin.js.map +1 -0
- package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/index.d.ts +1 -0
- package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/index.js +5 -0
- package/dist/components/RteEditor/Plugins/CourseCataloguePlugin/index.js.map +1 -0
- package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +8 -8
- package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkForm/AddLinkFrom.js +2 -2
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.d.ts +0 -2
- package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +112 -132
- 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/LinkPlugin/index.js +2 -3
- package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +52 -57
- package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.js +3 -3
- package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.js +4 -4
- package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/index.js +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +2 -2
- package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +6 -6
- package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js +24 -23
- package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js.map +1 -1
- package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
- package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.d.ts +4 -1
- package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +65 -52
- package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js.map +1 -1
- package/dist/components/RteEditor/Plugins/index.js +8 -9
- package/dist/components/RteEditor/Providers/LanguageProvider.d.ts +2 -2
- package/dist/components/RteEditor/Providers/LanguageProvider.js +4 -4
- package/dist/components/RteEditor/Providers/LanguageProvider.js.map +1 -1
- package/dist/components/RteEditor/RteEditor.d.ts +8 -3
- package/dist/components/RteEditor/RteEditor.js +334 -309
- package/dist/components/RteEditor/RteEditor.js.map +1 -1
- package/dist/components/RteEditor/RteEditor.stories.js +69 -33
- package/dist/components/RteEditor/RteEditor.stories.js.map +1 -1
- package/dist/components/RteEditor/UvaTheme/UvaTheme.d.ts +1 -0
- package/dist/components/RteEditor/UvaTheme/UvaTheme.js +3 -2
- package/dist/components/RteEditor/UvaTheme/UvaTheme.js.map +1 -1
- package/dist/components/RteEditor/helpers.js +26 -23
- package/dist/components/RteEditor/helpers.js.map +1 -1
- package/dist/components/RteEditor/hooks/components/Flyout.js +6 -16
- package/dist/components/RteEditor/hooks/components/Flyout.js.map +1 -1
- package/dist/components/RteEditor/hooks/useTranslation.d.ts +39 -1
- package/dist/components/RteEditor/hooks/useTranslation.js +6 -6
- package/dist/components/RteEditor/hooks/useTranslation.js.map +1 -1
- package/dist/components/RteEditor/mockCatalogueSearchData.d.ts +18 -0
- package/dist/components/RteEditor/mockCatalogueSearchData.js +485 -0
- package/dist/components/RteEditor/mockCatalogueSearchData.js.map +1 -0
- package/dist/components/RteEditor/mockRteContent.d.ts +1 -1
- package/dist/components/RteEditor/mockRteContent.js +8 -6
- package/dist/components/RteEditor/mockRteContent.js.map +1 -1
- package/dist/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.d.ts +29 -0
- package/dist/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.js +126 -0
- package/dist/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.js.map +1 -0
- package/dist/components/RteEditor/nodes/CourseCatalogueNode/index.d.ts +1 -0
- package/dist/components/RteEditor/nodes/CourseCatalogueNode/index.js +11 -0
- package/dist/components/RteEditor/nodes/CourseCatalogueNode/index.js.map +1 -0
- package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js +58 -52
- package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js.map +1 -1
- package/dist/components/RteEditor/nodes/index.d.ts +1 -0
- package/dist/components/RteEditor/nodes/index.js +14 -6
- package/dist/components/RteEditor/nodes/index.js.map +1 -1
- package/dist/components/RteEditor/translations.d.ts +41 -3
- package/dist/components/RteEditor/translations.js +44 -6
- package/dist/components/RteEditor/translations.js.map +1 -1
- package/dist/components/SelectListbox/SelectListBox.stories.js +1 -1
- package/dist/components/Sortable/Sortable.stories.js +1 -1
- package/dist/components/StatusBadge/StatusBadge.test.js +1 -1
- package/dist/components/TextArea/TextArea.stories.js +1 -1
- package/dist/components/TextArea/TextArea.test.js +2 -2
- package/dist/components/ToggleSwitch/ToggleSwitch.stories.js +1 -1
- package/dist/components/VarIndicator/VarIndicator.stories.js +1 -1
- package/dist/components/VarIndicator/VarIndicator.test.js +2 -2
- package/dist/components/index.js +1 -1
- package/dist/{index-DRQMriwT.js → index-B4NxQN5d.js} +8668 -10004
- package/dist/index-B4NxQN5d.js.map +1 -0
- package/dist/{index-BKK3EWVW.js → index-ZQcmo1D_.js} +2 -2
- package/dist/{index-BKK3EWVW.js.map → index-ZQcmo1D_.js.map} +1 -1
- package/dist/index.js +1 -1
- package/dist/react-18-BczhA0zC.js +41 -0
- package/dist/react-18-BczhA0zC.js.map +1 -0
- package/dist/{react.esm-BjO203QT.js → react.esm-BDo_tPxu.js} +2 -2
- package/dist/{react.esm-BjO203QT.js.map → react.esm-BDo_tPxu.js.map} +1 -1
- package/dist/storybook__react.d.js +4252 -4509
- package/dist/storybook__react.d.js.map +1 -1
- package/package.json +19 -19
- package/dist/RteEditor.module-CUi7Vqe8.js +0 -37
- package/dist/RteEditor.module-CUi7Vqe8.js.map +0 -1
- package/dist/chunk-HERDX7MO-DaYu-eWo.js +0 -11320
- package/dist/chunk-HERDX7MO-DaYu-eWo.js.map +0 -1
- package/dist/index-DRQMriwT.js.map +0 -1
- package/dist/react-18-C6foUf2n.js +0 -42
- package/dist/react-18-C6foUf2n.js.map +0 -1
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as f, jsxs as J } from "react/jsx-runtime";
|
|
2
2
|
import { o as W } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
|
|
3
3
|
import { c as Y } from "../../../../clsx-OuTLNxxd.js";
|
|
4
|
-
import {
|
|
5
|
-
import { useRef as a, useState as G, useEffect as
|
|
6
|
-
import { $ as Q, b as p, p as X,
|
|
7
|
-
import {
|
|
4
|
+
import { y as v, P as $, J as q } from "../../../../LexicalLink.prod-BV5Y2RYj.js";
|
|
5
|
+
import { useRef as a, useState as G, useEffect as u } from "react";
|
|
6
|
+
import { $ as Q, b as p, p as X, at as Z, y as w, K as tt, a0 as et, s as ot } from "../../../../Lexical.prod-DH2XfwvA.js";
|
|
7
|
+
import { w as N } from "../../../../LexicalUtils.prod-DU4QwthB.js";
|
|
8
|
+
import { A as rt } from "../../../../TablePlugin-DmE96vN7.js";
|
|
8
9
|
import { ensureHttps as nt } from "./helpers.js";
|
|
9
|
-
import { LinkContextMenu as
|
|
10
|
-
import { useFlyout as
|
|
10
|
+
import { LinkContextMenu as st } from "./LinkContextMenu/LinkContextMenu.js";
|
|
11
|
+
import { useFlyout as it } from "../../hooks/useFlyout.js";
|
|
11
12
|
import "../../../Accordion/Accordion.js";
|
|
12
13
|
import { Icon as ct } from "../../../Icon/Icon.js";
|
|
13
14
|
import "../../../Buttons/Button.js";
|
|
@@ -23,161 +24,141 @@ import "../../../IconButton/IconButton.js";
|
|
|
23
24
|
import "../../../Input/Input.js";
|
|
24
25
|
import "../../../InputField/InputField.js";
|
|
25
26
|
import "react-router";
|
|
26
|
-
import { setScrollableContainers as
|
|
27
|
-
import { s as
|
|
28
|
-
import { useTranslation as
|
|
27
|
+
import { setScrollableContainers as U, removeScrollableContainers as at } from "../../helpers.js";
|
|
28
|
+
import { s as g } from "../../../../RteEditor.module-DaBh86FK.js";
|
|
29
|
+
import { useTranslation as lt } from "../../hooks/useTranslation.js";
|
|
30
|
+
import "../../Providers/LanguageProvider.js";
|
|
29
31
|
import "react-dom";
|
|
30
32
|
import "../../../../index-yEhaxKq-.js";
|
|
31
|
-
import "../../Providers/LanguageProvider.js";
|
|
32
33
|
import "../../../SearchField/SearchField.js";
|
|
33
34
|
import "../../../SelectListbox/SelectListbox.js";
|
|
34
35
|
import "../../../SelectListbox/SelectProvider.js";
|
|
35
36
|
import "../../../Sortable/components/SortableItem.js";
|
|
36
37
|
import "../../../../SortableProvider-BbwlEPIr.js";
|
|
37
38
|
import "../../../WeekSelector/components/WeekSelectorOptionContainer.js";
|
|
38
|
-
const ut = 200,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
n = n.getParent();
|
|
44
|
-
}
|
|
45
|
-
return null;
|
|
46
|
-
}, I = (f) => {
|
|
47
|
-
let n = f;
|
|
48
|
-
for (; n; ) {
|
|
49
|
-
if (O(n))
|
|
50
|
-
return {
|
|
51
|
-
active: !0,
|
|
52
|
-
url: n.getURL(),
|
|
53
|
-
linktext: n.getTextContent()
|
|
54
|
-
};
|
|
55
|
-
n = n.getParent();
|
|
56
|
-
}
|
|
57
|
-
return !1;
|
|
58
|
-
}, $t = ({ parentScrollPosition: f }) => {
|
|
59
|
-
const n = at(), [c] = W(), { flyout: U, showFlyout: P, hideFlyout: y, isVisible: u } = st(), d = a(void 0), N = a(!1), C = a(""), g = a(""), [L, A] = G({ active: !1, url: "", linktext: "" }), _ = a(u), x = a(null), S = a(null), T = a(void 0), b = () => {
|
|
60
|
-
c.update(() => {
|
|
61
|
-
const o = p();
|
|
62
|
-
x.current = o;
|
|
39
|
+
const ut = 200, qt = ({ parentScrollPosition: z }) => {
|
|
40
|
+
const T = lt(), [s] = W(), { flyout: I, showFlyout: P, hideFlyout: h, isVisible: l } = it(), m = a(void 0), x = a(!1), y = a(""), d = a(""), [C, O] = G({ active: !1, url: "", linktext: "" }), R = a(l), F = a(null), S = a(null), E = a(void 0), k = () => {
|
|
41
|
+
s.update(() => {
|
|
42
|
+
const r = p();
|
|
43
|
+
F.current = r;
|
|
63
44
|
});
|
|
64
|
-
},
|
|
65
|
-
|
|
66
|
-
|
|
45
|
+
}, D = () => {
|
|
46
|
+
s.update(() => {
|
|
47
|
+
F.current && et(F.current);
|
|
67
48
|
});
|
|
68
|
-
},
|
|
49
|
+
}, A = (r, t) => {
|
|
69
50
|
P({
|
|
70
51
|
position: t,
|
|
71
|
-
children: /* @__PURE__ */
|
|
72
|
-
|
|
52
|
+
children: /* @__PURE__ */ f(
|
|
53
|
+
st,
|
|
73
54
|
{
|
|
74
|
-
url:
|
|
75
|
-
onSave: (e) =>
|
|
76
|
-
onDelete: () =>
|
|
77
|
-
onClose:
|
|
78
|
-
ref:
|
|
55
|
+
url: r,
|
|
56
|
+
onSave: (e) => B(e, ""),
|
|
57
|
+
onDelete: () => H(),
|
|
58
|
+
onClose: K,
|
|
59
|
+
ref: E
|
|
79
60
|
}
|
|
80
61
|
)
|
|
81
62
|
});
|
|
82
|
-
},
|
|
83
|
-
|
|
84
|
-
},
|
|
85
|
-
const
|
|
86
|
-
!
|
|
87
|
-
},
|
|
88
|
-
|
|
89
|
-
},
|
|
90
|
-
|
|
63
|
+
}, K = () => {
|
|
64
|
+
E.current?.clearForm(), h(), D();
|
|
65
|
+
}, _ = () => {
|
|
66
|
+
const r = S.current?.getBoundingClientRect();
|
|
67
|
+
!x.current && r && (k(), P({ position: { top: r.bottom, left: r.left }, ...M }), setTimeout(() => m.current?.setDefaults("", d.current), 0));
|
|
68
|
+
}, L = () => {
|
|
69
|
+
h(), D();
|
|
70
|
+
}, B = (r, t) => {
|
|
71
|
+
s.update(() => {
|
|
91
72
|
const e = p();
|
|
92
73
|
if (w(e)) {
|
|
93
|
-
const
|
|
74
|
+
const o = e.anchor.getNode(), i = N(o, v);
|
|
94
75
|
if (t && t !== "") {
|
|
95
|
-
if (
|
|
96
|
-
const
|
|
97
|
-
|
|
76
|
+
if (i) {
|
|
77
|
+
const n = ot(t);
|
|
78
|
+
i.replace(n), n.select();
|
|
98
79
|
}
|
|
99
|
-
if (t !==
|
|
100
|
-
const { anchor:
|
|
101
|
-
e.insertText(t),
|
|
80
|
+
if (t !== y.current && y.current === "") {
|
|
81
|
+
const { anchor: n, focus: c } = e;
|
|
82
|
+
e.insertText(t), n.offset -= t.length, c.offset = n.offset + t.length;
|
|
102
83
|
}
|
|
103
84
|
}
|
|
104
|
-
q(nt(
|
|
85
|
+
q(nt(r), { target: "_blank" });
|
|
105
86
|
}
|
|
106
|
-
|
|
87
|
+
L();
|
|
107
88
|
});
|
|
108
|
-
},
|
|
109
|
-
|
|
110
|
-
},
|
|
111
|
-
children: /* @__PURE__ */
|
|
89
|
+
}, H = () => {
|
|
90
|
+
s.dispatchCommand($, null), K();
|
|
91
|
+
}, M = {
|
|
92
|
+
children: /* @__PURE__ */ f(
|
|
112
93
|
rt,
|
|
113
94
|
{
|
|
114
|
-
isLink:
|
|
115
|
-
onCloseHandler:
|
|
116
|
-
onSaveHandler: (
|
|
117
|
-
ref:
|
|
95
|
+
isLink: C,
|
|
96
|
+
onCloseHandler: L,
|
|
97
|
+
onSaveHandler: (r, t) => B(r, t),
|
|
98
|
+
ref: m
|
|
118
99
|
}
|
|
119
100
|
)
|
|
120
101
|
};
|
|
121
|
-
return
|
|
122
|
-
|
|
123
|
-
}, [
|
|
124
|
-
const
|
|
125
|
-
if (w(
|
|
126
|
-
const i =
|
|
127
|
-
if (
|
|
128
|
-
const
|
|
129
|
-
return
|
|
102
|
+
return u(() => {
|
|
103
|
+
l ? (x.current = !0, m.current?.focusFirstField()) : (m.current?.clearForm(), y.current = d.current = "", setTimeout(() => x.current = !1, ut));
|
|
104
|
+
}, [m, l]), u(() => {
|
|
105
|
+
const r = (o) => {
|
|
106
|
+
if (w(o) && o.isCollapsed()) {
|
|
107
|
+
const i = o.anchor.getNode(), n = N(i, v);
|
|
108
|
+
if (n) {
|
|
109
|
+
const c = s.getElementByKey(o.anchor.getNode().getKey()), b = c ? { top: c.getBoundingClientRect().bottom, left: c.getBoundingClientRect().left } : { top: 0, left: 0 };
|
|
110
|
+
return A(n.getURL(), b), !0;
|
|
130
111
|
}
|
|
131
112
|
}
|
|
132
113
|
return !1;
|
|
133
|
-
}, t =
|
|
114
|
+
}, t = s.registerCommand(
|
|
134
115
|
Q,
|
|
135
116
|
() => {
|
|
136
|
-
const
|
|
137
|
-
return
|
|
117
|
+
const o = p();
|
|
118
|
+
return d.current = o?.getTextContent() ?? "", r(o), !1;
|
|
138
119
|
},
|
|
139
120
|
0
|
|
140
|
-
), e =
|
|
121
|
+
), e = s.registerCommand(
|
|
141
122
|
X,
|
|
142
|
-
(
|
|
123
|
+
(o) => {
|
|
143
124
|
const i = p();
|
|
144
|
-
return
|
|
125
|
+
return k(), o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation(), r(i), !1;
|
|
145
126
|
},
|
|
146
127
|
0
|
|
147
128
|
);
|
|
148
129
|
return () => {
|
|
149
130
|
e(), t();
|
|
150
131
|
};
|
|
151
|
-
}, [
|
|
152
|
-
const
|
|
132
|
+
}, [s]), u(() => {
|
|
133
|
+
const r = s.registerCommand(
|
|
153
134
|
Z,
|
|
154
135
|
(e) => {
|
|
155
136
|
if (e.ctrlKey && e.shiftKey && e.key === "U") {
|
|
156
|
-
const
|
|
157
|
-
if (
|
|
137
|
+
const o = p();
|
|
138
|
+
if (k(), !w(o))
|
|
158
139
|
return !1;
|
|
159
|
-
const i =
|
|
160
|
-
|
|
140
|
+
const i = o.anchor.getNode(), n = N(i, v), c = (V = "", j = "") => {
|
|
141
|
+
_(), setTimeout(() => m.current?.setDefaults(V, j), 0);
|
|
161
142
|
};
|
|
162
|
-
if (
|
|
163
|
-
return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(),
|
|
164
|
-
const
|
|
165
|
-
return
|
|
143
|
+
if (n)
|
|
144
|
+
return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), y.current = n.getTextContent(), c(n.getURL(), n.getTextContent()), !0;
|
|
145
|
+
const b = o.getTextContent();
|
|
146
|
+
return b !== "" ? (d.current = b, c("", d.current), !0) : (_(), !0);
|
|
166
147
|
}
|
|
167
148
|
return !1;
|
|
168
149
|
},
|
|
169
150
|
tt
|
|
170
|
-
), t =
|
|
171
|
-
|
|
151
|
+
), t = s.registerUpdateListener(({ editorState: e }) => {
|
|
152
|
+
O(
|
|
172
153
|
e.read(() => {
|
|
173
|
-
const
|
|
174
|
-
if (
|
|
175
|
-
const i =
|
|
176
|
-
if (
|
|
154
|
+
const o = p();
|
|
155
|
+
if (k(), w(o)) {
|
|
156
|
+
const i = o.anchor.getNode(), n = N(i, v);
|
|
157
|
+
if (n)
|
|
177
158
|
return {
|
|
178
159
|
active: !0,
|
|
179
|
-
url:
|
|
180
|
-
linktext:
|
|
160
|
+
url: n.getURL(),
|
|
161
|
+
linktext: n.getTextContent()
|
|
181
162
|
};
|
|
182
163
|
}
|
|
183
164
|
return {
|
|
@@ -189,46 +170,45 @@ const ut = 200, z = (f) => {
|
|
|
189
170
|
);
|
|
190
171
|
});
|
|
191
172
|
return () => {
|
|
192
|
-
|
|
173
|
+
r(), t();
|
|
193
174
|
};
|
|
194
|
-
}, [
|
|
195
|
-
|
|
196
|
-
}, [
|
|
197
|
-
|
|
198
|
-
}, [
|
|
199
|
-
|
|
200
|
-
}, [
|
|
201
|
-
const
|
|
202
|
-
window.addEventListener("keydown",
|
|
175
|
+
}, [s]), u(() => {
|
|
176
|
+
R.current = l, l || E.current?.clearForm();
|
|
177
|
+
}, [l]), u(() => {
|
|
178
|
+
l && L();
|
|
179
|
+
}, [z]), u(() => {
|
|
180
|
+
C.active || h();
|
|
181
|
+
}, [C]), u(() => {
|
|
182
|
+
const r = (e) => (U(t), e.key === "Escape" && R.current && (e.preventDefault(), e.stopPropagation(), L()), !0);
|
|
183
|
+
window.addEventListener("keydown", r, { capture: !0 });
|
|
203
184
|
const t = () => {
|
|
204
|
-
|
|
185
|
+
h();
|
|
205
186
|
};
|
|
206
|
-
return
|
|
207
|
-
window.removeEventListener("keydown",
|
|
187
|
+
return U(t), window.addEventListener("scroll", t), window.addEventListener("resize", t), () => {
|
|
188
|
+
window.removeEventListener("keydown", r), window.removeEventListener("scroll", t), window.removeEventListener("resize", t), at(t);
|
|
208
189
|
};
|
|
209
|
-
}, []), /* @__PURE__ */
|
|
210
|
-
/* @__PURE__ */
|
|
190
|
+
}, []), /* @__PURE__ */ f("div", { className: g["editor__toolbar-button-group"], children: /* @__PURE__ */ J("div", { className: g["editor__toolbar-button-flyoutwrapper"], children: [
|
|
191
|
+
/* @__PURE__ */ f(
|
|
211
192
|
"button",
|
|
212
193
|
{
|
|
213
|
-
onClick:
|
|
214
|
-
title:
|
|
194
|
+
onClick: _,
|
|
195
|
+
title: T.links.linkTooltip,
|
|
215
196
|
className: Y(
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
197
|
+
g["editor__toolbar-button"],
|
|
198
|
+
g["editor__toolbar-button--link"],
|
|
199
|
+
C.active && g["editor__toolbar-button--active"]
|
|
219
200
|
),
|
|
220
|
-
"aria-label":
|
|
221
|
-
"aria-keyshortcuts":
|
|
201
|
+
"aria-label": T.aria.labels.link,
|
|
202
|
+
"aria-keyshortcuts": T.aria.keyshortcuts.link,
|
|
222
203
|
type: "button",
|
|
223
204
|
ref: S,
|
|
224
|
-
children: /* @__PURE__ */
|
|
205
|
+
children: /* @__PURE__ */ f(ct, { name: "Link", size: 20 })
|
|
225
206
|
}
|
|
226
207
|
),
|
|
227
|
-
|
|
208
|
+
I
|
|
228
209
|
] }) });
|
|
229
210
|
};
|
|
230
211
|
export {
|
|
231
|
-
|
|
232
|
-
I as getLinkNodeTag
|
|
212
|
+
qt as LinkPlugin
|
|
233
213
|
};
|
|
234
214
|
//# 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 './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';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\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>(undefined);\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>(undefined);\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={closeContextMenu}\n ref={editLinkForm}\n />\n ),\n });\n };\n\n const closeContextMenu = () => {\n editLinkForm.current?.clearForm();\n hideFlyout();\n rePositionCursor();\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 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 storeCursorPosition();\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 if (!isLink.active) {\n hideFlyout();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isLink]);\n\n useEffect(() => {\n const removeKeydown = (event: KeyboardEvent): boolean => {\n setScrollableContainers(handleResizeScroll);\n\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 hideFlyout();\n };\n\n setScrollableContainers(handleResizeScroll);\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 removeScrollableContainers(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","openFlyout","rect","flyoutOptions","closeFlyout","linktext","$isRangeSelection","linkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","TOGGLE_LINK_COMMAND","AddLinkForm","useEffect","handleSelectionClickOrChange","domNode","unregisterSelect","SELECTION_CHANGE_COMMAND","unregisterClick","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","setScrollableContainers","handleResizeScroll","removeScrollableContainers","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 { $toggleLink, TOGGLE_LINK_COMMAND, LinkNode } 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';\nimport { $getNearestNodeOfType } from '@lexical/utils';\n\nimport type { ElementNode, 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';\nimport { removeScrollableContainers, setScrollableContainers } from 'components/RteEditor/helpers';\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\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>(undefined);\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>(undefined);\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={closeContextMenu}\n ref={editLinkForm}\n />\n ),\n });\n };\n\n const closeContextMenu = () => {\n editLinkForm.current?.clearForm();\n hideFlyout();\n rePositionCursor();\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 anchorNode = selection.anchor.getNode();\n const linkNode = $getNearestNodeOfType(anchorNode, LinkNode);\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 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 const anchorNode = selection.anchor.getNode() as ElementNode;\n const node = $getNearestNodeOfType(anchorNode, LinkNode);\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.getURL(), 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 storeCursorPosition();\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 anchorNode = selection.anchor.getNode() as ElementNode;\n const node = $getNearestNodeOfType(anchorNode, LinkNode);\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.getTextContent();\n openFlyoutWithDefaults(node.getURL(), node.getTextContent());\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 node = $getNearestNodeOfType(anchorNode, LinkNode);\n\n if (node) {\n return {\n active: true,\n url: node.getURL(),\n linktext: node.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 if (!isLink.active) {\n hideFlyout();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isLink]);\n\n useEffect(() => {\n const removeKeydown = (event: KeyboardEvent): boolean => {\n setScrollableContainers(handleResizeScroll);\n\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 hideFlyout();\n };\n\n setScrollableContainers(handleResizeScroll);\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 removeScrollableContainers(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","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","openFlyout","rect","flyoutOptions","closeFlyout","linktext","$isRangeSelection","anchorNode","linkNode","$getNearestNodeOfType","LinkNode","newTextNode","$createTextNode","anchor","focus","$toggleLink","ensureHttps","TOGGLE_LINK_COMMAND","AddLinkForm","useEffect","handleSelectionClickOrChange","node","domNode","unregisterSelect","SELECTION_CHANGE_COMMAND","unregisterClick","CLICK_COMMAND","event","removeKeyboardShortcut","KEY_DOWN_COMMAND","openFlyoutWithDefaults","linkText","selectedTextContent","COMMAND_PRIORITY_EDITOR","removeStatusListener","editorState","removeKeydown","setScrollableContainers","handleResizeScroll","removeScrollableContainers","styles","jsxs","clsx","Icon"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { H as w } from "../../../../LexicalLink.prod-
|
|
1
|
+
import { H as w } from "../../../../LexicalLink.prod-BV5Y2RYj.js";
|
|
2
2
|
const a = /^(http|https):\/\//, s = /(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})/, A = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/, z = /^(https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|www\.[a-zA-Z0-9][a-zA-Z0-9-]+[a-zA-Z0-9]\.[^\s]{2,}|https?:\/\/(?:www\.|(?!www))[a-zA-Z0-9]+\.[^\s]{2,}|www\.[a-zA-Z0-9]+\.[^\s]{2,})?$/, n = (t) => t === "https://" || s.test(t), o = (t) => t === "https://" || z.test(t), r = [
|
|
3
3
|
w(s, (t) => a.test(t) ? t : `//${t}`),
|
|
4
4
|
w(A, (t) => `mailto:${t}`)
|
|
@@ -1,89 +1,84 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { o as
|
|
3
|
-
import { k as
|
|
1
|
+
import { jsx as f } from "react/jsx-runtime";
|
|
2
|
+
import { o as x } from "../../../../LexicalComposerContext.prod-DOyoZx0P.js";
|
|
3
|
+
import { k as b, x as _, S as v, o as D, d as N, h as I, l as P } from "../../../../LexicalList.prod-DA9du3qx.js";
|
|
4
4
|
import { useState as p, useEffect as k } from "react";
|
|
5
|
-
import { c as
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
|
|
5
|
+
import { c as w } from "../../../../clsx-OuTLNxxd.js";
|
|
6
|
+
import { at as z, K as O, Y as U, b as K, y as S, z as B } from "../../../../Lexical.prod-DH2XfwvA.js";
|
|
7
|
+
import { w as E } from "../../../../LexicalUtils.prod-DU4QwthB.js";
|
|
8
|
+
import { Icon as Y } from "../../../Icon/Icon.js";
|
|
9
|
+
import { s as n } from "../../../../RteEditor.module-DaBh86FK.js";
|
|
10
|
+
import { useTranslation as $ } from "../../hooks/useTranslation.js";
|
|
11
|
+
const j = {
|
|
11
12
|
bullet: "BulletList",
|
|
12
13
|
number: "NumberedList"
|
|
13
|
-
},
|
|
14
|
-
const
|
|
15
|
-
t === "number" && h !== "number" ? (e.dispatchCommand(
|
|
14
|
+
}, M = ["bullet", "number"], W = () => {
|
|
15
|
+
const m = $(), [e] = x(), [h, s] = p(null), [u, g] = p(!1), [c, L] = p(!1), y = (t) => {
|
|
16
|
+
t === "number" && h !== "number" ? (e.dispatchCommand(_, void 0), s("number")) : t === "bullet" && h !== "bullet" ? (e.dispatchCommand(v, void 0), s("bullet")) : (e.dispatchCommand(b, void 0), s(null));
|
|
16
17
|
};
|
|
17
18
|
return k(() => {
|
|
18
19
|
const t = e.registerCommand(
|
|
19
|
-
|
|
20
|
-
(o) => o.ctrlKey && o.shiftKey && o.code === "Digit7" ? (o.preventDefault(), c ? e.dispatchCommand(
|
|
21
|
-
|
|
20
|
+
z,
|
|
21
|
+
(o) => o.ctrlKey && o.shiftKey && o.code === "Digit7" ? (o.preventDefault(), c ? e.dispatchCommand(b, void 0) : e.dispatchCommand(_, void 0), !0) : o.ctrlKey && o.shiftKey && o.code === "Digit8" ? (o.preventDefault(), u ? e.dispatchCommand(b, void 0) : e.dispatchCommand(v, void 0), !0) : !1,
|
|
22
|
+
O
|
|
22
23
|
);
|
|
23
24
|
return () => {
|
|
24
25
|
t();
|
|
25
26
|
};
|
|
26
|
-
}, [e, c,
|
|
27
|
-
e.registerCommand(
|
|
28
|
-
|
|
29
|
-
(
|
|
30
|
-
const
|
|
31
|
-
if (!
|
|
27
|
+
}, [e, c, u]), k(() => {
|
|
28
|
+
const t = e.registerCommand(
|
|
29
|
+
U,
|
|
30
|
+
(d) => (d.preventDefault(), e.update(() => {
|
|
31
|
+
const i = K();
|
|
32
|
+
if (!S(i))
|
|
32
33
|
return;
|
|
33
|
-
const
|
|
34
|
-
if (!
|
|
34
|
+
const l = i.anchor.getNode(), a = l.getParent();
|
|
35
|
+
if (!D(a))
|
|
35
36
|
return;
|
|
36
|
-
const
|
|
37
|
-
if (
|
|
38
|
-
const
|
|
39
|
-
|
|
37
|
+
const r = a.getParent();
|
|
38
|
+
if (N(r)) {
|
|
39
|
+
const C = I(N(r) ? r.getListType() : "bullet");
|
|
40
|
+
a.append(C), C.append(l);
|
|
40
41
|
}
|
|
41
42
|
}), !0),
|
|
42
|
-
|
|
43
|
-
)
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
g(s === "ul"), L(s === "ol"), s === "ul" && a("bullet"), s === "ol" && a("number");
|
|
53
|
-
return;
|
|
54
|
-
}
|
|
55
|
-
const i = r.getParent();
|
|
56
|
-
if (i === null) break;
|
|
57
|
-
r = i;
|
|
43
|
+
B
|
|
44
|
+
), o = e.registerUpdateListener(({ editorState: d }) => {
|
|
45
|
+
d.read(() => {
|
|
46
|
+
const i = K();
|
|
47
|
+
if (S(i)) {
|
|
48
|
+
const l = i.anchor.getNode(), a = E(l, P);
|
|
49
|
+
if (a) {
|
|
50
|
+
const r = a.getTag();
|
|
51
|
+
g(r === "ul"), L(r === "ol"), r === "ul" && s("bullet"), r === "ol" && s("number");
|
|
52
|
+
return;
|
|
58
53
|
}
|
|
59
|
-
g(!1), L(!1),
|
|
54
|
+
g(!1), L(!1), s(null);
|
|
60
55
|
}
|
|
61
56
|
return !1;
|
|
62
57
|
});
|
|
63
58
|
});
|
|
64
59
|
return () => {
|
|
65
|
-
t();
|
|
60
|
+
o(), t();
|
|
66
61
|
};
|
|
67
|
-
}, [e]), /* @__PURE__ */
|
|
62
|
+
}, [e]), /* @__PURE__ */ f("div", { className: n["editor__toolbar-button-group"], children: M.map((t) => /* @__PURE__ */ f(
|
|
68
63
|
"button",
|
|
69
64
|
{
|
|
70
|
-
onClick: () =>
|
|
71
|
-
title:
|
|
72
|
-
className:
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
t === "bullet" &&
|
|
76
|
-
t === "number" && c &&
|
|
65
|
+
onClick: () => y(t),
|
|
66
|
+
title: m.format[`${t}Tooltip`],
|
|
67
|
+
className: w(
|
|
68
|
+
n["editor__toolbar-button"],
|
|
69
|
+
n[`editor__toolbar-button--${t}`],
|
|
70
|
+
t === "bullet" && u && n["editor__toolbar-button--active"],
|
|
71
|
+
t === "number" && c && n["editor__toolbar-button--active"]
|
|
77
72
|
),
|
|
78
|
-
"aria-label":
|
|
79
|
-
"aria-keyshortcuts":
|
|
73
|
+
"aria-label": m.aria.labels[t],
|
|
74
|
+
"aria-keyshortcuts": m.aria.keyshortcuts[t],
|
|
80
75
|
type: "button",
|
|
81
|
-
children: /* @__PURE__ */
|
|
76
|
+
children: /* @__PURE__ */ f(Y, { name: j[t], size: 24 })
|
|
82
77
|
},
|
|
83
78
|
t
|
|
84
79
|
)) });
|
|
85
80
|
};
|
|
86
81
|
export {
|
|
87
|
-
|
|
82
|
+
W as ListPlugin
|
|
88
83
|
};
|
|
89
84
|
//# sourceMappingURL=ListPlugin.js.map
|