@uva-glass/component-library 1.62.5 → 1.62.7

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 (43) hide show
  1. package/dist/{ListPlugin-B-2w9EIN.js → ListPlugin-DsPphjdE.js} +2 -2
  2. package/dist/{ListPlugin-B-2w9EIN.js.map → ListPlugin-DsPphjdE.js.map} +1 -1
  3. package/dist/RteEditor.module-CHbWzGpE.js +28 -0
  4. package/dist/RteEditor.module-CHbWzGpE.js.map +1 -0
  5. package/dist/TablePlugin-hmwPCCLn.js +310 -0
  6. package/dist/TablePlugin-hmwPCCLn.js.map +1 -0
  7. package/dist/assets/EditorHeader.css +1 -1
  8. package/dist/assets/FormInput.css +1 -1
  9. package/dist/assets/PeriodSelector.css +1 -1
  10. package/dist/assets/RteEditor.css +1 -1
  11. package/dist/components/CheckboxTree/CheckboxTree.js +1 -1
  12. package/dist/components/FormInput/FormInput.js +27 -24
  13. package/dist/components/FormInput/FormInput.js.map +1 -1
  14. package/dist/components/InputField/InputField.stories.js +1 -1
  15. package/dist/components/MultiSelect/MultiSelect.js +1 -1
  16. package/dist/components/MultiSelect/MultiSelect.stories.js +1 -1
  17. package/dist/components/MultiSelect/components/MultiSelectHeader.js +1 -1
  18. package/dist/components/MultiSelect/index.js +1 -1
  19. package/dist/components/PeriodSelector/PeriodSelector.js +32 -33
  20. package/dist/components/PeriodSelector/PeriodSelector.js.map +1 -1
  21. package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +1 -1
  22. package/dist/components/RteEditor/EditorHeader/EditorHeader.js +7 -7
  23. package/dist/components/RteEditor/Plugins/BlockFormatPlugin/BlockFormatPlugin.js +1 -1
  24. package/dist/components/RteEditor/Plugins/HistoryPlugin/HistoryPlugin.js +2 -2
  25. package/dist/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.js +1 -1
  26. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js +75 -75
  27. package/dist/components/RteEditor/Plugins/LinkPlugin/LinkPlugin.js.map +1 -1
  28. package/dist/components/RteEditor/Plugins/ListPlugin/ListPlugin.js +2 -2
  29. package/dist/components/RteEditor/Plugins/ListPlugin/index.js +1 -1
  30. package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js +1 -1
  31. package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js +2 -2
  32. package/dist/components/RteEditor/Plugins/TablePlugin/index.js +1 -1
  33. package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js +3 -3
  34. package/dist/components/RteEditor/Plugins/index.js +2 -2
  35. package/dist/components/RteEditor/RteEditor.js +3 -3
  36. package/dist/components/RteEditor/UvaTheme/UvaTheme.js +1 -1
  37. package/dist/components/index.js +1 -1
  38. package/dist/index.js +1 -1
  39. package/package.json +2 -2
  40. package/dist/RteEditor.module-XCAFrP3U.js +0 -28
  41. package/dist/RteEditor.module-XCAFrP3U.js.map +0 -1
  42. package/dist/TablePlugin-CMsi2UDH.js +0 -308
  43. package/dist/TablePlugin-CMsi2UDH.js.map +0 -1
@@ -1,308 +0,0 @@
1
- import { jsxs as u, jsx as e, Fragment as X } from "react/jsx-runtime";
2
- import { u as Z } from "./LexicalComposerContext.prod-Dyvim1tK.js";
3
- import { c as B } from "./clsx-OuTLNxxd.js";
4
- import { g as ee, o as te, d as oe, a as re, i as le, b as ne, c as ae, e as ie } from "./helpers-DONVwywj.js";
5
- import { _ as se, L as ce, A as $, x as j, w as ue, E as me } from "./Lexical.prod-eo-UKDld.js";
6
- import { forwardRef as H, useState as T, useRef as g, useId as A, useImperativeHandle as K, useEffect as U } from "react";
7
- import { Button as R } from "./components/Buttons/Button.js";
8
- import "./components/Buttons/LinkButton.js";
9
- import "@react-aria/button";
10
- import { Label as I } from "./components/Label/Label.js";
11
- import "@react-aria/dialog";
12
- import "@react-aria/focus";
13
- import "@react-aria/overlays";
14
- import "./components/OverlayCloseButton/OverlayCloseButton.js";
15
- import { FormField as D } from "./components/FormField/FormField.js";
16
- import "./components/GridRow/GridRow.js";
17
- import "./components/IconButton/IconButton.js";
18
- import "./components/Input/Input.js";
19
- import { InputField as M } from "./components/InputField/InputField.js";
20
- import "react-router-dom";
21
- import { s as E, M as de } from "./MultiSelectItem-D9PxdX43.js";
22
- import "./components/RteEditor/Providers/LanguageProvider.js";
23
- import { e as fe, v as _e } from "./helpers-BD3Y_bqE.js";
24
- import { Icon as W } from "./components/Icon/Icon.js";
25
- import { FeedbackBox as z } from "./components/FeedbackBox/FeedbackBox.js";
26
- import { useTranslation as V } from "./components/RteEditor/hooks/useTranslation.js";
27
- import "./components/RteEditor/hooks/components/Flyout.js";
28
- import { useFlyout as pe } from "./components/RteEditor/hooks/useFlyout.js";
29
- import { s as q } from "./RteEditor.module-XCAFrP3U.js";
30
- import "./components/SelectListbox/SelectListbox.js";
31
- import "./components/SelectListbox/SelectProvider.js";
32
- import "./components/Sortable/components/SortableItem.js";
33
- import "./SortableProvider-BUsvniX7.js";
34
- import './assets/TablePlugin.css';function be({ label: _, clearTrigger: f, onClear: s }) {
35
- return /* @__PURE__ */ u("header", { className: E["multi-select__header"], children: [
36
- /* @__PURE__ */ e(I, { htmlFor: "multi-select-list", children: _ }),
37
- f && /* @__PURE__ */ e(R, { variant: "blank", onClick: s, children: f })
38
- ] });
39
- }
40
- const Y = ({ scrollable: _ = !0, noBorder: f, header: s, children: t }) => /* @__PURE__ */ u(X, { children: [
41
- s,
42
- /* @__PURE__ */ e(
43
- "div",
44
- {
45
- className: B(E["multi-select"], {
46
- [E["multi-select--no-border"]]: f
47
- }),
48
- children: /* @__PURE__ */ e(
49
- "ul",
50
- {
51
- className: B(E["multi-select__list"], {
52
- [E["multi-select__list--scrollable"]]: _
53
- }),
54
- id: "multi-select-list",
55
- children: t
56
- }
57
- )
58
- }
59
- )
60
- ] });
61
- Y.MultiSelectHeader = be;
62
- Y.MultiSelectItem = de;
63
- const he = "_linkform_x5q7m_1", ke = "_linkform__footer_x5q7m_12", N = {
64
- linkform: he,
65
- "linkform__input-field": "_linkform__input-field_x5q7m_5",
66
- linkform__footer: ke,
67
- "linkform__input-url-wrapper": "_linkform__input-url-wrapper_x5q7m_19",
68
- "linkform__open-url-button": "_linkform__open-url-button_x5q7m_31",
69
- "editor__toolbar-button": "_editor__toolbar-button_x5q7m_55"
70
- }, ot = H(
71
- ({
72
- onCloseHandler: _,
73
- onSaveHandler: f,
74
- onRemoveHandler: s,
75
- isLink: t = { active: !1, url: "", linktext: "" }
76
- }, p) => {
77
- const l = V(), [a, b] = T(t.url || ""), [m, v] = T(t.linktext || ""), [h, d] = T(null), [C, F] = T(null), k = g(null), n = `link_${A()}`, w = `text_${A()}`, y = () => {
78
- window.open(fe(a), "_blank");
79
- }, L = (i) => {
80
- b(i.target.value);
81
- }, r = (i) => {
82
- v(i.target.value);
83
- }, o = (i) => _e(i) === !1 || i.trim() === "" ? (d(l.errortext.urlNotValid), !1) : (d(null), !0), x = (i) => i.trim() === "" ? (F(l.errortext.linkTextNotValid), !1) : (F(null), !0), c = () => {
84
- if (t.url !== "" && a === "" && typeof s == "function") {
85
- s();
86
- return;
87
- }
88
- !o(a) || !x(m) || (f(a, m), O());
89
- }, S = () => {
90
- _(), O();
91
- }, O = () => {
92
- b(""), v(""), d(null), F(null);
93
- }, G = (i, Q) => {
94
- b(i), v(Q);
95
- }, J = () => {
96
- k.current && k.current.focus();
97
- };
98
- return K(p, () => ({
99
- clearForm: O,
100
- focusFirstField: J,
101
- setDefaults: G
102
- })), /* @__PURE__ */ u("div", { className: N.linkform, children: [
103
- /* @__PURE__ */ u(D, { className: N["linkform__input-field"], children: [
104
- /* @__PURE__ */ e(I, { htmlFor: n, children: l.links.linkLabel }),
105
- /* @__PURE__ */ u("div", { className: N["linkform__input-url-wrapper"], children: [
106
- /* @__PURE__ */ e(
107
- M,
108
- {
109
- id: n,
110
- placeholder: l.links.linkPlaceholder,
111
- value: a,
112
- onChange: (i) => L(i),
113
- onFocus: () => d(null),
114
- ref: k,
115
- "aria-label": l.aria.labels.linkField
116
- }
117
- ),
118
- a && /* @__PURE__ */ e("button", { type: "button", onClick: y, className: N["linkform__open-url-button"], children: /* @__PURE__ */ e(W, { name: "ArrowTopRightOnSquare", size: 20 }) })
119
- ] }),
120
- h && /* @__PURE__ */ e(z, { level: "error", feedback: h })
121
- ] }),
122
- /* @__PURE__ */ u(D, { className: N["linkform__input-field"], children: [
123
- /* @__PURE__ */ e(I, { htmlFor: w, children: l.links.linkText }),
124
- /* @__PURE__ */ e(
125
- M,
126
- {
127
- id: w,
128
- value: m,
129
- onChange: (i) => r(i),
130
- onFocus: () => F(null),
131
- "aria-label": l.aria.labels.linkTextfield
132
- }
133
- ),
134
- C && /* @__PURE__ */ e(z, { level: "error", feedback: C })
135
- ] }),
136
- /* @__PURE__ */ u("div", { className: N.linkform__footer, children: [
137
- /* @__PURE__ */ e(R, { variant: "secondary", onClick: S, "aria-label": l.common.cancel, type: "button", children: l.common.cancel }),
138
- /* @__PURE__ */ e(R, { variant: "primary", onClick: c, "aria-label": l.aria.labels.linkOkButton, type: "button", children: l.links.addLink })
139
- ] })
140
- ] });
141
- }
142
- ), ve = "_tableform_t5fpq_1", Fe = "_tableform__footer_t5fpq_12", P = {
143
- tableform: ve,
144
- "tableform__input-field": "_tableform__input-field_t5fpq_5",
145
- tableform__footer: Fe
146
- }, Ce = H(({ onCloseHandler: _, onSaveHandler: f }, s) => {
147
- const t = V(), [p, l] = T(), [a, b] = T(), m = g(null), v = `row_${A()}`, h = `column_${A()}`, d = (n, w) => {
148
- const y = n.target.value;
149
- w === "row" ? l(parseInt(y)) : b(parseInt(y));
150
- }, C = () => {
151
- p !== void 0 && a !== void 0 && (f(p, a), k());
152
- }, F = () => {
153
- _(), k();
154
- }, k = () => {
155
- l(void 0), b(void 0);
156
- };
157
- return K(s, () => ({
158
- clearForm: k,
159
- focusFirstField: () => {
160
- var n;
161
- return (n = m.current) == null ? void 0 : n.focus();
162
- }
163
- })), /* @__PURE__ */ u("div", { className: P.tableform, children: [
164
- /* @__PURE__ */ u(D, { className: P["tableform__input-field"], children: [
165
- /* @__PURE__ */ e(I, { htmlFor: v, children: t.table.nrofRows }),
166
- /* @__PURE__ */ e(
167
- M,
168
- {
169
- id: v,
170
- placeholder: t.table.nrofRowsPlaceholder,
171
- value: p || "",
172
- onChange: (n) => d(n, "row"),
173
- "aria-label": t.aria.labels.tableRowfield,
174
- ref: m
175
- }
176
- )
177
- ] }),
178
- /* @__PURE__ */ u(D, { className: P["tableform__input-field"], children: [
179
- /* @__PURE__ */ e(I, { htmlFor: h, children: t.table.nrofColumns }),
180
- /* @__PURE__ */ e(
181
- M,
182
- {
183
- id: h,
184
- placeholder: t.table.nrofColumnsPlaceholder,
185
- value: a || "",
186
- onChange: (n) => d(n, "column"),
187
- "aria-label": t.aria.labels.tableColumnfield
188
- }
189
- )
190
- ] }),
191
- /* @__PURE__ */ u("div", { className: P.tableform__footer, children: [
192
- /* @__PURE__ */ e(R, { variant: "secondary", onClick: F, "aria-label": t.common.cancel, children: t.common.cancel }),
193
- /* @__PURE__ */ e(
194
- R,
195
- {
196
- variant: "primary",
197
- onClick: C,
198
- disabled: !p || !a,
199
- "aria-label": t.aria.labels.tableOkButton,
200
- children: t.common.add
201
- }
202
- )
203
- ] })
204
- ] });
205
- }), we = 200, rt = H(({ isActive: _ }, f) => {
206
- const s = V(), [t] = Z(), { flyout: p, showFlyout: l, hideFlyout: a, isVisible: b } = pe(), m = g(), v = g(null), h = g(!1), d = g(null), C = () => {
207
- t.update(() => {
208
- const r = $();
209
- d.current = r;
210
- });
211
- }, F = () => {
212
- t.update(() => {
213
- d.current && me(d.current);
214
- });
215
- }, k = () => {
216
- h.current || (C(), l(L));
217
- }, n = () => {
218
- a(), F();
219
- }, w = (r, o) => {
220
- t.update(() => {
221
- const x = $(), c = ie(r, o);
222
- j(x) ? x.insertNodes([c]) : ue().append(c);
223
- const S = c.getFirstDescendant();
224
- S && S.select();
225
- }), n();
226
- }, y = (r) => {
227
- t.update(() => {
228
- const o = $();
229
- if (j(o)) {
230
- const x = o.anchor.getNode(), c = ee(x);
231
- if (te(c))
232
- switch (r) {
233
- case "insertRowAbove":
234
- case "insertRowBelow":
235
- ae(c, r);
236
- break;
237
- case "deleteRow":
238
- ne(c);
239
- break;
240
- case "insertColumnLeft":
241
- case "insertColumnRight":
242
- le(c, r);
243
- break;
244
- case "deleteColumn":
245
- re(c);
246
- break;
247
- case "deleteTable":
248
- oe(c);
249
- break;
250
- }
251
- }
252
- });
253
- }, L = {
254
- children: /* @__PURE__ */ e(
255
- Ce,
256
- {
257
- onCloseHandler: n,
258
- onSaveHandler: (r, o) => w(r, o),
259
- ref: m
260
- }
261
- )
262
- };
263
- return U(() => {
264
- var r, o;
265
- b ? (h.current = !0, (o = m.current) == null || o.focusFirstField()) : ((r = m.current) == null || r.clearForm(), setTimeout(() => h.current = !1, we));
266
- }, [m, b]), U(() => {
267
- const r = t.registerCommand(
268
- se,
269
- (o) => o.ctrlKey && o.shiftKey && o.code === "Digit9" ? (o.preventDefault(), l(L), !0) : !1,
270
- ce
271
- );
272
- return () => {
273
- r();
274
- };
275
- }, [t]), U(() => {
276
- const r = (o) => {
277
- o.key === "Escape" && (o.preventDefault(), o.stopPropagation(), n());
278
- };
279
- return document.addEventListener("keydown", r), () => {
280
- document.removeEventListener("keydown", r);
281
- };
282
- }, []), K(f, () => ({
283
- mutateTable: y
284
- })), /* @__PURE__ */ e("div", { className: q["editor__toolbar-button-group"], children: /* @__PURE__ */ u("div", { className: q["editor__toolbar-button-flyoutwrapper"], children: [
285
- /* @__PURE__ */ e(
286
- "button",
287
- {
288
- onClick: k,
289
- title: s.table.tableTooltip,
290
- className: B(q["editor__toolbar-button"], _ && q["editor__toolbar-button--active"]),
291
- "aria-label": s.aria.labels.table,
292
- "aria-keyshortcuts": s.aria.keyshortcuts.table,
293
- ref: v,
294
- type: "button",
295
- children: /* @__PURE__ */ e(W, { name: "Table", size: 24 })
296
- }
297
- ),
298
- p
299
- ] }) });
300
- });
301
- export {
302
- ot as A,
303
- Y as M,
304
- rt as T,
305
- be as a,
306
- Ce as b
307
- };
308
- //# sourceMappingURL=TablePlugin-CMsi2UDH.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TablePlugin-CMsi2UDH.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx","../src/components/RteEditor/Plugins/LinkPlugin/AddLinkFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/AddTableFrom.tsx","../src/components/RteEditor/Plugins/TablePlugin/TablePlugin.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n label: string;\n clearTrigger?: string;\n onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n return (\n <header className={styles['multi-select__header']}>\n <Label htmlFor=\"multi-select-list\">{label}</Label>\n {clearTrigger && (\n <Button variant={'blank'} onClick={onClear}>\n {clearTrigger}\n </Button>\n )}\n </header>\n );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\n\nexport interface MultiSelectProps {\n /** `true` if the container should scroll on overflow; otherwise, `false` to resize the container to its contents. The default is `true`. */\n scrollable?: boolean;\n /** `true` to disable the border around the container; otherwise, `false`. The default is `false`. */\n noBorder?: boolean;\n /** The header contents. */\n header?: ReactNode;\n}\n\n/** Represents a component to list a number of checkboxes. */\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n <>\n {header}\n <div\n className={clsx(styles['multi-select'], {\n [styles['multi-select--no-border']]: noBorder,\n })}\n >\n <ul\n className={clsx(styles['multi-select__list'], {\n [styles['multi-select__list--scrollable']]: scrollable,\n })}\n id=\"multi-select-list\"\n >\n {children}\n </ul>\n </div>\n </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n","import { useState, forwardRef, useImperativeHandle, useRef, useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\nimport type { LinkType } from 'components/RteEditor/Plugins/LinkPlugin';\n\nimport { ensureHttps, validateUrlWithProtocol } from './helpers';\nimport styles from './AddLinkForm.module.css';\n\nimport { Button, FeedbackBox, FormField, Icon, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ninterface AddLinkFormProps {\n onCloseHandler: () => void;\n onSaveHandler: (url: string, linktext: string) => void;\n onRemoveHandler?: () => void;\n isLink: LinkType;\n}\n\nexport interface addLinkFormMethods {\n clearForm: () => void;\n focusFirstField: () => void;\n setDefaults: (url: string, linktext: string) => void;\n}\n\nexport const AddLinkForm = forwardRef(\n (\n {\n onCloseHandler,\n onSaveHandler,\n onRemoveHandler,\n isLink = { active: false, url: '', linktext: '' },\n }: AddLinkFormProps,\n ref\n ): JSX.Element => {\n const t = useTranslation();\n const [url, setUrl] = useState<string>(isLink.url || '');\n const [linkText, setLinkText] = useState<string>(isLink.linktext || '');\n const [urlError, setUrlError] = useState<string | null>(null);\n const [linkTextError, setLinkTextError] = useState<string | null>(null);\n const firstField = useRef<HTMLInputElement>(null);\n const linkId = `link_${useId()}`;\n const textId = `text_${useId()}`;\n\n const handleOpenUrl = () => {\n window.open(ensureHttps(url), '_blank');\n };\n\n const handleUrl = (event: ChangeEvent<HTMLInputElement>) => {\n setUrl(event.target.value);\n };\n\n const handleLinkText = (event: ChangeEvent<HTMLInputElement>) => {\n setLinkText(event.target.value);\n };\n\n const validateUrl = (url: string): boolean => {\n if (validateUrlWithProtocol(url) === false || url.trim() === '') {\n setUrlError(t.errortext.urlNotValid);\n return false;\n }\n setUrlError(null);\n return true;\n };\n\n const validateLinkText = (linkText: string): boolean => {\n if (linkText.trim() === '') {\n setLinkTextError(t.errortext.linkTextNotValid);\n return false;\n }\n setLinkTextError(null);\n return true;\n };\n\n const handleSave = () => {\n if (isLink.url !== '' && url === '' && typeof onRemoveHandler === 'function') {\n onRemoveHandler();\n return;\n }\n\n if (!validateUrl(url) || !validateLinkText(linkText)) {\n return;\n }\n\n onSaveHandler(url, linkText);\n resetForm();\n };\n\n const handleClose = () => {\n onCloseHandler();\n resetForm();\n };\n\n const resetForm = () => {\n setUrl('');\n setLinkText('');\n setUrlError(null);\n setLinkTextError(null);\n };\n\n const setDefaults = (url: string, linktext: string) => {\n setUrl(url);\n setLinkText(linktext);\n };\n\n const focusFirstField = () => {\n if (firstField.current) {\n firstField.current.focus();\n }\n };\n\n useImperativeHandle(ref, () => ({\n clearForm: resetForm,\n focusFirstField,\n setDefaults,\n }));\n\n return (\n <div className={styles['linkform']}>\n <FormField className={styles['linkform__input-field']}>\n <Label htmlFor={linkId}>{t.links.linkLabel}</Label>\n <div className={styles['linkform__input-url-wrapper']}>\n <InputField\n id={linkId}\n placeholder={t.links.linkPlaceholder}\n value={url}\n onChange={(event) => handleUrl(event)}\n onFocus={() => setUrlError(null)}\n ref={firstField}\n aria-label={t.aria.labels.linkField}\n />\n {url && (\n <button type=\"button\" onClick={handleOpenUrl} className={styles['linkform__open-url-button']}>\n <Icon name=\"ArrowTopRightOnSquare\" size={20} />\n </button>\n )}\n </div>\n {urlError && <FeedbackBox level=\"error\" feedback={urlError} />}\n </FormField>\n <FormField className={styles['linkform__input-field']}>\n <Label htmlFor={textId}>{t.links.linkText}</Label>\n <InputField\n id={textId}\n value={linkText}\n onChange={(event) => handleLinkText(event)}\n onFocus={() => setLinkTextError(null)}\n aria-label={t.aria.labels.linkTextfield}\n />\n {linkTextError && <FeedbackBox level=\"error\" feedback={linkTextError} />}\n </FormField>\n <div className={styles['linkform__footer']}>\n <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel} type=\"button\">\n {t.common.cancel}\n </Button>\n <Button variant={'primary'} onClick={handleSave} aria-label={t.aria.labels.linkOkButton} type=\"button\">\n {t.links.addLink}\n </Button>\n </div>\n </div>\n );\n }\n);\n","import { useState, forwardRef, useImperativeHandle, useRef, useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from './AddTableFrom.module.css';\n\nimport { Button, FormField, InputField, Label } from 'components';\nimport { useTranslation } from 'components/RteEditor/hooks/useTranslation';\n\ninterface AddTableFormProps {\n onCloseHandler: () => void;\n onSaveHandler: (nrfOfRows: number, nrOfColumns: number) => void;\n}\n\nexport interface addTableForm {\n clearForm: () => void;\n focusFirstField: () => void;\n}\n\nexport const AddTableForm = forwardRef(({ onCloseHandler, onSaveHandler }: AddTableFormProps, ref) => {\n const t = useTranslation();\n const [rowCount, setRowCount] = useState<number>();\n const [columnCount, setColumnCount] = useState<number>();\n const firstField = useRef<HTMLInputElement>(null);\n const rowId = `row_${useId()}`;\n const columnId = `column_${useId()}`;\n\n const handleDimentionChange = (event: ChangeEvent<HTMLInputElement>, type: string) => {\n const value = event.target.value;\n type === 'row' ? setRowCount(parseInt(value)) : setColumnCount(parseInt(value));\n };\n\n const handleSave = () => {\n if (rowCount !== undefined && columnCount !== undefined) {\n onSaveHandler(rowCount, columnCount);\n resetForm();\n }\n };\n\n const handleClose = () => {\n onCloseHandler();\n resetForm();\n };\n\n const resetForm = () => {\n setRowCount(undefined);\n setColumnCount(undefined);\n };\n\n useImperativeHandle(ref, () => ({\n clearForm: resetForm,\n focusFirstField: () => firstField.current?.focus(),\n }));\n\n return (\n <div className={styles['tableform']}>\n <FormField className={styles['tableform__input-field']}>\n <Label htmlFor={rowId}>{t.table.nrofRows}</Label>\n <InputField\n id={rowId}\n placeholder={t.table.nrofRowsPlaceholder}\n value={rowCount ? rowCount : ''}\n onChange={(event) => handleDimentionChange(event, 'row')}\n aria-label={t.aria.labels.tableRowfield}\n ref={firstField}\n />\n </FormField>\n <FormField className={styles['tableform__input-field']}>\n <Label htmlFor={columnId}>{t.table.nrofColumns}</Label>\n <InputField\n id={columnId}\n placeholder={t.table.nrofColumnsPlaceholder}\n value={columnCount ? columnCount : ''}\n onChange={(event) => handleDimentionChange(event, 'column')}\n aria-label={t.aria.labels.tableColumnfield}\n />\n </FormField>\n <div className={styles['tableform__footer']}>\n <Button variant={'secondary'} onClick={handleClose} aria-label={t.common.cancel}>\n {t.common.cancel}\n </Button>\n <Button\n variant={'primary'}\n onClick={handleSave}\n disabled={!rowCount || !columnCount}\n aria-label={t.aria.labels.tableOkButton}\n >\n {t.common.add}\n </Button>\n </div>\n </div>\n );\n});\n","import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport clsx from 'clsx';\nimport { $getTableCellNodeFromLexicalNode, $isTableCellNode } from '@lexical/table';\nimport {\n $getSelection,\n $isRangeSelection,\n $getRoot,\n KEY_DOWN_COMMAND,\n COMMAND_PRIORITY_EDITOR,\n $setSelection,\n} from 'lexical';\nimport { useRef, useEffect, useImperativeHandle, forwardRef } from 'react';\n\nimport type { BaseSelection, TextNode } from 'lexical';\nimport type { addTableForm } from './AddTableFrom';\nimport type { Actions } from './TableCellContextMenu';\n\nimport { AddTableForm } from './AddTableFrom';\nimport { createTable, deleteColumn, deleteRow, deleteTable, insertColumn, insertRow } 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\ninterface TablePluginProps {\n isActive: boolean;\n}\n\nexport interface TableMutation {\n mutateTable: (type: Actions) => void;\n}\n\nexport const TablePlugin = forwardRef(({ isActive }: TablePluginProps, ref): JSX.Element => {\n const t = useTranslation();\n const [editor] = useLexicalComposerContext();\n const { flyout, showFlyout, hideFlyout, isVisible } = useFlyout();\n const addTableForm = useRef<addTableForm>();\n const buttonRef = useRef<HTMLButtonElement>(null);\n const preventOpen = useRef(false);\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 }\n };\n\n const closeFlyout = () => {\n hideFlyout();\n rePositionCursor();\n };\n\n const insertTable = (nrOfRows: number, nrOfColumns: number) => {\n editor.update(() => {\n const selection = $getSelection();\n const tableNode = createTable(nrOfRows, nrOfColumns);\n if ($isRangeSelection(selection)) {\n selection.insertNodes([tableNode]);\n } else {\n $getRoot().append(tableNode);\n }\n const firstDescendant = tableNode.getFirstDescendant();\n if (firstDescendant) {\n (firstDescendant as TextNode).select();\n }\n });\n\n closeFlyout();\n };\n\n const mutateTable = (action: Actions) => {\n editor.update(() => {\n const selection = $getSelection();\n if ($isRangeSelection(selection)) {\n const anchorNode = selection.anchor.getNode();\n const currentNode = $getTableCellNodeFromLexicalNode(anchorNode);\n\n if ($isTableCellNode(currentNode)) {\n switch (action) {\n case 'insertRowAbove':\n case 'insertRowBelow':\n insertRow(currentNode, action);\n break;\n case 'deleteRow':\n deleteRow(currentNode);\n break;\n case 'insertColumnLeft':\n case 'insertColumnRight':\n insertColumn(currentNode, action);\n break;\n case 'deleteColumn':\n deleteColumn(currentNode);\n break;\n case 'deleteTable':\n deleteTable(currentNode);\n break;\n }\n }\n }\n });\n };\n\n const flyoutOptions = {\n children: (\n <AddTableForm\n onCloseHandler={closeFlyout}\n onSaveHandler={(rows, columns) => insertTable(rows, columns)}\n ref={addTableForm}\n />\n ),\n };\n\n useEffect(() => {\n if (!isVisible) {\n addTableForm.current?.clearForm();\n setTimeout(() => (preventOpen.current = false), PREVENT_OPEN_DELAY);\n } else {\n preventOpen.current = true;\n addTableForm.current?.focusFirstField();\n }\n }, [addTableForm, isVisible]);\n\n useEffect(() => {\n const removeKeyboardShortcut = editor.registerCommand(\n KEY_DOWN_COMMAND,\n (event: KeyboardEvent) => {\n if (event.ctrlKey && event.shiftKey && event.code === 'Digit9') {\n event.preventDefault();\n showFlyout(flyoutOptions);\n return true;\n }\n return false;\n },\n COMMAND_PRIORITY_EDITOR\n );\n\n return () => {\n removeKeyboardShortcut();\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 useImperativeHandle(ref, () => ({\n mutateTable,\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.table.tableTooltip}\n className={clsx(styles['editor__toolbar-button'], isActive && styles[`editor__toolbar-button--active`])}\n aria-label={t.aria.labels.table}\n aria-keyshortcuts={t.aria.keyshortcuts.table}\n ref={buttonRef}\n type=\"button\"\n >\n <Icon name=\"Table\" size={24} />\n </button>\n {flyout}\n </div>\n </div>\n );\n});\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem","AddLinkForm","forwardRef","onCloseHandler","onSaveHandler","onRemoveHandler","isLink","ref","t","useTranslation","url","setUrl","useState","linkText","setLinkText","urlError","setUrlError","linkTextError","setLinkTextError","firstField","useRef","linkId","useId","textId","handleOpenUrl","ensureHttps","handleUrl","event","handleLinkText","validateUrl","validateUrlWithProtocol","validateLinkText","handleSave","resetForm","handleClose","setDefaults","linktext","focusFirstField","useImperativeHandle","FormField","InputField","Icon","FeedbackBox","AddTableForm","rowCount","setRowCount","columnCount","setColumnCount","rowId","columnId","handleDimentionChange","type","value","_a","PREVENT_OPEN_DELAY","TablePlugin","isActive","editor","useLexicalComposerContext","flyout","showFlyout","hideFlyout","isVisible","useFlyout","addTableForm","buttonRef","preventOpen","storedSelection","storeCursorPosition","selection","$getSelection","rePositionCursor","$setSelection","openFlyout","flyoutOptions","closeFlyout","insertTable","nrOfRows","nrOfColumns","tableNode","createTable","$isRangeSelection","$getRoot","firstDescendant","mutateTable","action","anchorNode","currentNode","$getTableCellNodeFromLexicalNode","$isTableCellNode","insertRow","deleteRow","insertColumn","deleteColumn","deleteTable","rows","columns","useEffect","_b","removeKeyboardShortcut","KEY_DOWN_COMMAND","COMMAND_PRIORITY_EDITOR","removeKeydown"],"mappings":"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"}