@alixpartners/ui-components 2.5.1 → 2.5.2
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/RichTextEditor-CHGQT1Qj.js +363 -0
- package/dist/assets/Datepicker.css +1 -1
- package/dist/assets/RadioGroup.css +1 -1
- package/dist/assets/RichTextEditor.css +1 -0
- package/dist/components/Datepicker/Datepicker.js +55 -56
- package/dist/components/DragAndDrop/DragAndDrop.d.ts +3 -1
- package/dist/components/DragAndDrop/DragAndDrop.js +47 -39
- package/dist/components/DragAndDrop/DragAndDrop.test.js +179 -173
- package/dist/components/RadioGroup/RadioGroup.d.ts +3 -1
- package/dist/components/RadioGroup/RadioGroup.js +16 -14
- package/dist/components/RadioGroup/RadioGroup.test.js +8 -0
- package/dist/components/RichTextEditor/RichTextEditor.d.ts +26 -0
- package/dist/components/RichTextEditor/RichTextEditor.js +10 -0
- package/dist/components/RichTextEditor/RichTextEditor.model.d.ts +12 -0
- package/dist/components/RichTextEditor/RichTextEditor.test.d.ts +1 -0
- package/dist/components/RichTextEditor/RichTextEditor.test.js +91 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +50 -48
- package/package.json +1 -1
|
@@ -0,0 +1,363 @@
|
|
|
1
|
+
import { jsxs as c, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { c as _ } from "./clsx-OuTLNxxd.js";
|
|
3
|
+
import { useId as se, useRef as w, useState as p, useMemo as ue, useEffect as E } from "react";
|
|
4
|
+
import O from "./components/Icon/Icon.js";
|
|
5
|
+
import S from "./components/Tooltip/Tooltip.js";
|
|
6
|
+
import { R as me, T as fe, P as _e, C as pe } from "./index-DZ4Gof57.js";
|
|
7
|
+
import './assets/RichTextEditor.css';const he = "RichTextEditor-module__container___AplP0", ge = "RichTextEditor-module__label___vjzs-", be = "RichTextEditor-module__required___7duke", Me = "RichTextEditor-module__frame___7OSyf", Te = "RichTextEditor-module__frameFocused___GtJ2x", xe = "RichTextEditor-module__frameDisabled___LubtU", ve = "RichTextEditor-module__toolbar___m9-M-", Re = "RichTextEditor-module__toolbarContent___YXKHD", Ee = "RichTextEditor-module__toolbarStacked___6rB10", Oe = "RichTextEditor-module__actions___ZAK9J", Ce = "RichTextEditor-module__toolbarPanel___OVGHO", ye = "RichTextEditor-module__toolbarRow___f0xJR", He = "RichTextEditor-module__toolButton___IT2Kg", Ne = "RichTextEditor-module__toolButtonActive___-HvZQ", ke = "RichTextEditor-module__toolIcon___Wndhd", Le = "RichTextEditor-module__formatControl___w4WcA", we = "RichTextEditor-module__toolbarLinkSlot___Gu-9l", Se = "RichTextEditor-module__selectTrigger___frv3x", Fe = "RichTextEditor-module__selectTriggerOpen___tk2Pb", Ie = "RichTextEditor-module__selectTriggerLabel___FkEv0", Pe = "RichTextEditor-module__selectIcon___aJWUk", Be = "RichTextEditor-module__formatMenu___y-uBL", Ae = "RichTextEditor-module__formatMenuOptions___zcdlo", je = "RichTextEditor-module__formatMenuOption___3ppTs", ze = "RichTextEditor-module__formatMenuOptionSelected___bq9J9", De = "RichTextEditor-module__formatMenuOptionParagraph___4BLds", qe = "RichTextEditor-module__formatMenuOptionHeading1___H1cKX", Ue = "RichTextEditor-module__formatMenuOptionHeading2___JdixR", $e = "RichTextEditor-module__formatMenuOptionHeading3___NcwLr", We = "RichTextEditor-module__formatMenuOptionHeading4___4mLbG", Je = "RichTextEditor-module__formatMenuOptionPreformatted___cB0Ix", Ke = "RichTextEditor-module__editor___M32R7", Ve = "RichTextEditor-module__wordCount___5SSVY", Ge = "RichTextEditor-module__wordCountExceeded___NhqBc", e = {
|
|
8
|
+
container: he,
|
|
9
|
+
label: ge,
|
|
10
|
+
required: be,
|
|
11
|
+
frame: Me,
|
|
12
|
+
frameFocused: Te,
|
|
13
|
+
frameDisabled: xe,
|
|
14
|
+
toolbar: ve,
|
|
15
|
+
toolbarContent: Re,
|
|
16
|
+
toolbarStacked: Ee,
|
|
17
|
+
actions: Oe,
|
|
18
|
+
toolbarPanel: Ce,
|
|
19
|
+
toolbarRow: ye,
|
|
20
|
+
toolButton: He,
|
|
21
|
+
toolButtonActive: Ne,
|
|
22
|
+
toolIcon: ke,
|
|
23
|
+
formatControl: Le,
|
|
24
|
+
toolbarLinkSlot: we,
|
|
25
|
+
selectTrigger: Se,
|
|
26
|
+
selectTriggerOpen: Fe,
|
|
27
|
+
selectTriggerLabel: Ie,
|
|
28
|
+
selectIcon: Pe,
|
|
29
|
+
formatMenu: Be,
|
|
30
|
+
formatMenuOptions: Ae,
|
|
31
|
+
formatMenuOption: je,
|
|
32
|
+
formatMenuOptionSelected: ze,
|
|
33
|
+
formatMenuOptionParagraph: De,
|
|
34
|
+
formatMenuOptionHeading1: qe,
|
|
35
|
+
formatMenuOptionHeading2: Ue,
|
|
36
|
+
formatMenuOptionHeading3: $e,
|
|
37
|
+
formatMenuOptionHeading4: We,
|
|
38
|
+
formatMenuOptionPreformatted: Je,
|
|
39
|
+
editor: Ke,
|
|
40
|
+
wordCount: Ve,
|
|
41
|
+
wordCountExceeded: Ge
|
|
42
|
+
}, Xe = {
|
|
43
|
+
paragraph: "p",
|
|
44
|
+
heading1: "h1",
|
|
45
|
+
heading2: "h2",
|
|
46
|
+
heading3: "h3",
|
|
47
|
+
heading4: "h4",
|
|
48
|
+
preformatted: "pre",
|
|
49
|
+
"unordered-list": "ul",
|
|
50
|
+
"ordered-list": "ol"
|
|
51
|
+
};
|
|
52
|
+
function te(o) {
|
|
53
|
+
return o.trim().length > 0 ? o : "<br>";
|
|
54
|
+
}
|
|
55
|
+
function Ye(o) {
|
|
56
|
+
switch (o.toLowerCase()) {
|
|
57
|
+
case "h1":
|
|
58
|
+
return "heading1";
|
|
59
|
+
case "h2":
|
|
60
|
+
return "heading2";
|
|
61
|
+
case "h3":
|
|
62
|
+
return "heading3";
|
|
63
|
+
case "h4":
|
|
64
|
+
return "heading4";
|
|
65
|
+
case "pre":
|
|
66
|
+
return "preformatted";
|
|
67
|
+
case "ul":
|
|
68
|
+
return "unordered-list";
|
|
69
|
+
case "ol":
|
|
70
|
+
return "ordered-list";
|
|
71
|
+
case "p":
|
|
72
|
+
default:
|
|
73
|
+
return "paragraph";
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
function F(o) {
|
|
77
|
+
if (!o.trim())
|
|
78
|
+
return {
|
|
79
|
+
blocks: [{
|
|
80
|
+
type: "paragraph",
|
|
81
|
+
html: "<br>"
|
|
82
|
+
}]
|
|
83
|
+
};
|
|
84
|
+
const d = new DOMParser().parseFromString(o, "text/html"), s = Array.from(d.body.childNodes), h = [];
|
|
85
|
+
return s.forEach((i) => {
|
|
86
|
+
var T;
|
|
87
|
+
if (i.nodeType === Node.TEXT_NODE) {
|
|
88
|
+
const m = (T = i.textContent) == null ? void 0 : T.trim();
|
|
89
|
+
m && h.push({
|
|
90
|
+
type: "paragraph",
|
|
91
|
+
html: m
|
|
92
|
+
});
|
|
93
|
+
return;
|
|
94
|
+
}
|
|
95
|
+
if (i.nodeType !== Node.ELEMENT_NODE)
|
|
96
|
+
return;
|
|
97
|
+
const u = i, b = u.style.textAlign;
|
|
98
|
+
h.push({
|
|
99
|
+
type: Ye(u.tagName),
|
|
100
|
+
html: te(u.innerHTML),
|
|
101
|
+
align: b || void 0
|
|
102
|
+
});
|
|
103
|
+
}), {
|
|
104
|
+
blocks: h.length > 0 ? h : [{
|
|
105
|
+
type: "paragraph",
|
|
106
|
+
html: "<br>"
|
|
107
|
+
}]
|
|
108
|
+
};
|
|
109
|
+
}
|
|
110
|
+
function ee(o) {
|
|
111
|
+
return o.blocks.length ? o.blocks.map((a) => {
|
|
112
|
+
const d = Xe[a.type], s = a.align ? ` style="text-align:${a.align}"` : "";
|
|
113
|
+
return `<${d}${s}>${te(a.html)}</${d}>`;
|
|
114
|
+
}).join("") : "<p><br></p>";
|
|
115
|
+
}
|
|
116
|
+
function Ze(o) {
|
|
117
|
+
const a = o.blocks.map((d) => d.html.replace(/<[^>]+>/g, " ")).join(" ").replace(/\s+/g, " ").trim();
|
|
118
|
+
return a ? a.split(" ").length : 0;
|
|
119
|
+
}
|
|
120
|
+
const Qe = [{
|
|
121
|
+
label: "Paragraph",
|
|
122
|
+
value: "paragraph"
|
|
123
|
+
}, {
|
|
124
|
+
label: "Heading 1",
|
|
125
|
+
value: "heading1"
|
|
126
|
+
}, {
|
|
127
|
+
label: "Heading 2",
|
|
128
|
+
value: "heading2"
|
|
129
|
+
}, {
|
|
130
|
+
label: "Heading 3",
|
|
131
|
+
value: "heading3"
|
|
132
|
+
}, {
|
|
133
|
+
label: "Heading 4",
|
|
134
|
+
value: "heading4"
|
|
135
|
+
}, {
|
|
136
|
+
label: "Preformatted",
|
|
137
|
+
value: "preformatted"
|
|
138
|
+
}], et = {
|
|
139
|
+
paragraph: "P",
|
|
140
|
+
heading1: "H1",
|
|
141
|
+
heading2: "H2",
|
|
142
|
+
heading3: "H3",
|
|
143
|
+
heading4: "H4",
|
|
144
|
+
preformatted: "PRE",
|
|
145
|
+
"unordered-list": "UL",
|
|
146
|
+
"ordered-list": "OL"
|
|
147
|
+
};
|
|
148
|
+
function I() {
|
|
149
|
+
return "<p><br></p>";
|
|
150
|
+
}
|
|
151
|
+
function tt(o) {
|
|
152
|
+
return o.trim().length > 0 ? o : I();
|
|
153
|
+
}
|
|
154
|
+
function nt() {
|
|
155
|
+
const o = document.queryCommandValue("formatBlock");
|
|
156
|
+
switch (String(o || "").replace(/[<>]/g, "").toUpperCase()) {
|
|
157
|
+
case "H1":
|
|
158
|
+
return "heading1";
|
|
159
|
+
case "H2":
|
|
160
|
+
return "heading2";
|
|
161
|
+
case "H3":
|
|
162
|
+
return "heading3";
|
|
163
|
+
case "H4":
|
|
164
|
+
return "heading4";
|
|
165
|
+
case "PRE":
|
|
166
|
+
return "preformatted";
|
|
167
|
+
default:
|
|
168
|
+
return "paragraph";
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
function ot(o) {
|
|
172
|
+
switch (o) {
|
|
173
|
+
case "heading1":
|
|
174
|
+
return e.formatMenuOptionHeading1;
|
|
175
|
+
case "heading2":
|
|
176
|
+
return e.formatMenuOptionHeading2;
|
|
177
|
+
case "heading3":
|
|
178
|
+
return e.formatMenuOptionHeading3;
|
|
179
|
+
case "heading4":
|
|
180
|
+
return e.formatMenuOptionHeading4;
|
|
181
|
+
case "preformatted":
|
|
182
|
+
return e.formatMenuOptionPreformatted;
|
|
183
|
+
default:
|
|
184
|
+
return e.formatMenuOptionParagraph;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
function st({
|
|
188
|
+
className: o,
|
|
189
|
+
label: a,
|
|
190
|
+
required: d = !1,
|
|
191
|
+
value: s,
|
|
192
|
+
placeholder: h = "Content",
|
|
193
|
+
disabled: i = !1,
|
|
194
|
+
toolbarLayout: u = "inline",
|
|
195
|
+
showToolbar: b = !0,
|
|
196
|
+
showWordCount: T = !0,
|
|
197
|
+
maxWords: m,
|
|
198
|
+
resizable: ne = !0,
|
|
199
|
+
rows: oe = 8,
|
|
200
|
+
tooltipEnabled: x = !0,
|
|
201
|
+
formatOptions: P = Qe,
|
|
202
|
+
onChange: C,
|
|
203
|
+
onModelChange: y
|
|
204
|
+
}) {
|
|
205
|
+
const B = se(), l = w(null), A = w(null), j = w(null), [re, z] = p(!1), [H, D] = p(!1), [ie, ae] = p(0), [q, U] = p(null), [v, $] = p(() => F(s || I())), [W, le] = p("paragraph"), [f, ce] = p({
|
|
206
|
+
bold: !1,
|
|
207
|
+
italic: !1,
|
|
208
|
+
underline: !1,
|
|
209
|
+
justifyLeft: !1,
|
|
210
|
+
justifyCenter: !1,
|
|
211
|
+
justifyRight: !1,
|
|
212
|
+
insertUnorderedList: !1
|
|
213
|
+
}), N = ue(() => Ze(v), [v]), k = () => {
|
|
214
|
+
if (!l.current) return;
|
|
215
|
+
const t = F(l.current.innerHTML);
|
|
216
|
+
$(t), y == null || y(t), C == null || C(ee(t));
|
|
217
|
+
}, M = () => {
|
|
218
|
+
le(nt()), ce({
|
|
219
|
+
bold: document.queryCommandState("bold"),
|
|
220
|
+
italic: document.queryCommandState("italic"),
|
|
221
|
+
underline: document.queryCommandState("underline"),
|
|
222
|
+
justifyLeft: document.queryCommandState("justifyLeft"),
|
|
223
|
+
justifyCenter: document.queryCommandState("justifyCenter"),
|
|
224
|
+
justifyRight: document.queryCommandState("justifyRight"),
|
|
225
|
+
insertUnorderedList: document.queryCommandState("insertUnorderedList")
|
|
226
|
+
});
|
|
227
|
+
}, J = () => {
|
|
228
|
+
var t;
|
|
229
|
+
i || (t = l.current) == null || t.focus();
|
|
230
|
+
}, K = (t, r) => {
|
|
231
|
+
i || (J(), document.execCommand(t, !1, r), k(), M());
|
|
232
|
+
}, de = (t) => {
|
|
233
|
+
K("formatBlock", et[t]);
|
|
234
|
+
}, V = () => {
|
|
235
|
+
if (i) return;
|
|
236
|
+
J();
|
|
237
|
+
const t = window.prompt("Enter URL");
|
|
238
|
+
t && (document.execCommand("createLink", !1, t), k(), M());
|
|
239
|
+
};
|
|
240
|
+
E(() => {
|
|
241
|
+
const t = tt(s || I()), r = F(t);
|
|
242
|
+
$(r), l.current && l.current.innerHTML !== t && (l.current.innerHTML = t);
|
|
243
|
+
}, [s]), E(() => {
|
|
244
|
+
l.current && (l.current.innerHTML.trim() || (l.current.innerHTML = ee(v)));
|
|
245
|
+
}, [v]), E(() => {
|
|
246
|
+
var r;
|
|
247
|
+
const t = (r = A.current) == null ? void 0 : r.getBoundingClientRect().width;
|
|
248
|
+
t && ae(t);
|
|
249
|
+
}, [H]), E(() => {
|
|
250
|
+
if (!b) {
|
|
251
|
+
U(null);
|
|
252
|
+
return;
|
|
253
|
+
}
|
|
254
|
+
const t = j.current;
|
|
255
|
+
if (!t) return;
|
|
256
|
+
const r = () => {
|
|
257
|
+
const Q = t.getBoundingClientRect().width;
|
|
258
|
+
Q > 0 && U(Q);
|
|
259
|
+
};
|
|
260
|
+
r();
|
|
261
|
+
const R = new ResizeObserver(() => {
|
|
262
|
+
r();
|
|
263
|
+
});
|
|
264
|
+
return R.observe(t), window.addEventListener("resize", r), () => {
|
|
265
|
+
R.disconnect(), window.removeEventListener("resize", r);
|
|
266
|
+
};
|
|
267
|
+
}, [b, u, i, x]);
|
|
268
|
+
const g = (t) => /* @__PURE__ */ n(S, { content: t.tooltip, size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !x, children: /* @__PURE__ */ n("button", { type: "button", className: _(e.toolButton, t.active && e.toolButtonActive), onMouseDown: (r) => r.preventDefault(), onClick: () => K(t.command, t.value), "aria-label": t.tooltip, disabled: i, children: /* @__PURE__ */ n(O, { icon: t.icon, className: e.toolIcon }) }) }, t.id), L = [{
|
|
269
|
+
id: "bold",
|
|
270
|
+
icon: "ap-icon-bold",
|
|
271
|
+
command: "bold",
|
|
272
|
+
tooltip: "Bold",
|
|
273
|
+
active: f.bold
|
|
274
|
+
}, {
|
|
275
|
+
id: "italic",
|
|
276
|
+
icon: "ap-icon-italic",
|
|
277
|
+
command: "italic",
|
|
278
|
+
tooltip: "Italic",
|
|
279
|
+
active: f.italic
|
|
280
|
+
}, {
|
|
281
|
+
id: "underline",
|
|
282
|
+
icon: "ap-icon-underline",
|
|
283
|
+
command: "underline",
|
|
284
|
+
tooltip: "Underline",
|
|
285
|
+
active: f.underline
|
|
286
|
+
}, {
|
|
287
|
+
id: "align-left",
|
|
288
|
+
icon: "ap-icon-left",
|
|
289
|
+
command: "justifyLeft",
|
|
290
|
+
tooltip: "Align left",
|
|
291
|
+
active: f.justifyLeft
|
|
292
|
+
}, {
|
|
293
|
+
id: "align-center",
|
|
294
|
+
icon: "ap-icon-bar",
|
|
295
|
+
command: "justifyCenter",
|
|
296
|
+
tooltip: "Align center",
|
|
297
|
+
active: f.justifyCenter
|
|
298
|
+
}, {
|
|
299
|
+
id: "align-right",
|
|
300
|
+
icon: "ap-icon-right",
|
|
301
|
+
command: "justifyRight",
|
|
302
|
+
tooltip: "Align right",
|
|
303
|
+
active: f.justifyRight
|
|
304
|
+
}, {
|
|
305
|
+
id: "bulleted",
|
|
306
|
+
icon: "ap-icon-list",
|
|
307
|
+
command: "insertUnorderedList",
|
|
308
|
+
tooltip: "Bulleted list",
|
|
309
|
+
active: f.insertUnorderedList
|
|
310
|
+
}], G = L.filter((t) => ["bold", "italic", "underline"].includes(t.id)), X = L.filter((t) => ["align-left", "align-center", "align-right"].includes(t.id)), Y = L.filter((t) => ["bulleted"].includes(t.id)), Z = () => {
|
|
311
|
+
var t;
|
|
312
|
+
return /* @__PURE__ */ n("div", { className: e.formatControl, children: /* @__PURE__ */ c(me, { open: H, onOpenChange: D, children: [
|
|
313
|
+
/* @__PURE__ */ c(fe, { ref: A, disabled: i, className: _(e.selectTrigger, H && e.selectTriggerOpen), children: [
|
|
314
|
+
/* @__PURE__ */ n("span", { className: e.selectTriggerLabel, children: ((t = P.find((r) => r.value === W)) == null ? void 0 : t.label) || "Paragraph" }),
|
|
315
|
+
/* @__PURE__ */ n(O, { icon: "ap-icon-expand-more", className: e.selectIcon })
|
|
316
|
+
] }),
|
|
317
|
+
/* @__PURE__ */ n(_e, { children: /* @__PURE__ */ n(pe, { align: "end", side: "bottom", sideOffset: 6, collisionPadding: 8, className: e.formatMenu, style: {
|
|
318
|
+
minWidth: ie || 180,
|
|
319
|
+
zIndex: 9999
|
|
320
|
+
}, children: /* @__PURE__ */ n("div", { className: e.formatMenuOptions, children: P.map((r) => /* @__PURE__ */ n("button", { type: "button", className: _(e.formatMenuOption, ot(r.value), r.value === W && e.formatMenuOptionSelected), onMouseDown: (R) => R.preventDefault(), onClick: () => {
|
|
321
|
+
de(r.value), D(!1);
|
|
322
|
+
}, children: r.label }, r.value)) }) }) })
|
|
323
|
+
] }) });
|
|
324
|
+
};
|
|
325
|
+
return /* @__PURE__ */ c("div", { className: _(e.container, o), children: [
|
|
326
|
+
a && /* @__PURE__ */ c("label", { className: e.label, htmlFor: B, children: [
|
|
327
|
+
a,
|
|
328
|
+
d && /* @__PURE__ */ n("span", { className: e.required, children: "*" })
|
|
329
|
+
] }),
|
|
330
|
+
/* @__PURE__ */ c("div", { className: _(e.frame, re && e.frameFocused, i && e.frameDisabled), style: {
|
|
331
|
+
width: q ? `${q}px` : void 0
|
|
332
|
+
}, children: [
|
|
333
|
+
b && /* @__PURE__ */ n("div", { className: _(e.toolbar, u === "stacked" && e.toolbarStacked), children: /* @__PURE__ */ n("div", { ref: j, className: e.toolbarContent, children: u === "stacked" ? /* @__PURE__ */ c("div", { className: e.toolbarPanel, children: [
|
|
334
|
+
/* @__PURE__ */ c("div", { className: e.toolbarRow, children: [
|
|
335
|
+
/* @__PURE__ */ n("div", { className: e.actions, children: G.map(g) }),
|
|
336
|
+
/* @__PURE__ */ n("div", { className: e.actions, children: X.map(g) })
|
|
337
|
+
] }),
|
|
338
|
+
/* @__PURE__ */ c("div", { className: e.toolbarRow, children: [
|
|
339
|
+
/* @__PURE__ */ n("div", { className: e.actions, children: Y.map(g) }),
|
|
340
|
+
/* @__PURE__ */ n("div", { className: e.toolbarLinkSlot, children: /* @__PURE__ */ n(S, { content: "Insert link", size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !x, children: /* @__PURE__ */ n("button", { type: "button", className: e.toolButton, onMouseDown: (t) => t.preventDefault(), onClick: V, "aria-label": "Insert link", disabled: i, children: /* @__PURE__ */ n(O, { icon: "ap-icon-link", className: e.toolIcon }) }) }) }),
|
|
341
|
+
Z()
|
|
342
|
+
] })
|
|
343
|
+
] }) : /* @__PURE__ */ n("div", { className: e.toolbarPanel, children: /* @__PURE__ */ c("div", { className: e.toolbarRow, children: [
|
|
344
|
+
/* @__PURE__ */ n("div", { className: e.actions, children: G.map(g) }),
|
|
345
|
+
/* @__PURE__ */ n("div", { className: e.actions, children: X.map(g) }),
|
|
346
|
+
/* @__PURE__ */ n("div", { className: e.actions, children: Y.map(g) }),
|
|
347
|
+
/* @__PURE__ */ n("div", { className: e.toolbarLinkSlot, children: /* @__PURE__ */ n(S, { content: "Insert link", size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !x, children: /* @__PURE__ */ n("button", { type: "button", className: e.toolButton, onMouseDown: (t) => t.preventDefault(), onClick: V, "aria-label": "Insert link", disabled: i, children: /* @__PURE__ */ n(O, { icon: "ap-icon-link", className: e.toolIcon }) }) }) }),
|
|
348
|
+
Z()
|
|
349
|
+
] }) }) }) }),
|
|
350
|
+
/* @__PURE__ */ n("div", { id: B, ref: l, className: e.editor, contentEditable: !i, suppressContentEditableWarning: !0, role: "textbox", "aria-multiline": "true", "aria-label": a || "Rich text editor", "data-placeholder": h, onInput: k, onFocus: () => {
|
|
351
|
+
z(!0), M();
|
|
352
|
+
}, onBlur: () => z(!1), onKeyUp: M, onMouseUp: M, style: {
|
|
353
|
+
minHeight: `${oe * 20}px`,
|
|
354
|
+
resize: ne ? "vertical" : "none"
|
|
355
|
+
} }),
|
|
356
|
+
T && /* @__PURE__ */ n("div", { className: _(e.wordCount, m && N > m && e.wordCountExceeded), children: m ? `${N}/${m}` : N })
|
|
357
|
+
] })
|
|
358
|
+
] });
|
|
359
|
+
}
|
|
360
|
+
export {
|
|
361
|
+
st as R,
|
|
362
|
+
e as s
|
|
363
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Datepicker-module__datepicker___SxV3q{display:flex;flex-direction:column;gap:6px;min-width:240px}.Datepicker-module__label___uPuKe{display:flex;align-items:center;gap:4px;color:#4a4a4a;font-size:14px;font-weight:500;line-height:1.2}.Datepicker-module__labelText___BAflA{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Datepicker-module__required___cAVa1{color:#cb282e}.Datepicker-module__labelTooltipIcon___n2IvH{color:#4a4a4a;font-size:16px}.Datepicker-module__inputWrapper___aKtHi{width:100%;height:32px;display:flex;align-items:center;gap:6px;border:1px solid #cccccc;border-radius:4px;background-color:#fff;padding:0 8px;text-align:left;cursor:pointer}.Datepicker-module__inputWrapper___aKtHi:focus{outline:none;border-color:#5cb335}.Datepicker-module__inputIcon___OUb8V{font-size:20px;color:#4a4a4a}.Datepicker-module__inputText___rwYA-{color:#28292c;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Datepicker-module__placeholder___UVl-W{color:#878787}.Datepicker-module__error___C5WX8{border-color:#bf494e}.Datepicker-module__calendarContainer___Bjfa8{border:1px solid #cccccc;border-radius:4px;background:#fff;box-shadow:0 0 4px #00000029;width:236px;padding:0;z-index:1000}.Datepicker-module__calendarHeader___a7I0V{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 6px}.Datepicker-module__calendarDivider___DRk4M{height:1px;margin:0;background:#ccc}.Datepicker-module__headerActions___AP324{display:flex;align-items:center}.Datepicker-module__headerAction___nyMJF{width:32px;height:32px;border:none;background:transparent;border-radius:4px;color:#4a4a4a;cursor:pointer;display:flex;align-items:center;justify-content:center}.Datepicker-module__headerActionIcon___J8RC-{font-size:16px}.Datepicker-module__headerLabel___IPAo-{border:none;background:transparent;color:#28292c;cursor:pointer;font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:100%;text-align:left}.Datepicker-module__calendarBody___yaLJA{padding:6px 6px 0}.Datepicker-module__weekdays___noAbQ{display:grid;grid-template-columns:repeat(7,32px);column-gap:0;row-gap:0;margin-bottom:8px}.Datepicker-module__weekday___0hrfJ{color:#727272;font-size:12px;text-align:center;line-height:20px}.Datepicker-module__grid___lJEHW{display:grid;grid-template-columns:repeat(7,32px);column-gap:0;row-gap:8px}.Datepicker-module__gridMonths___n1wAM,.Datepicker-module__gridYears___cI0YR{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.Datepicker-module__day___3XU9S{height:32px;border:none;border-radius:4px;background:transparent;color:#4a4a4a;font-size:14px;cursor:pointer}.Datepicker-module__date___G2cRK,.Datepicker-module__month___VKvm3,.Datepicker-module__year___9OzXM{display:flex;align-items:center;justify-content:center}.Datepicker-module__month___VKvm3{height:48px;color:#4a4a4a}.Datepicker-module__month___VKvm3:not(.Datepicker-module__daySelected___DkZ5T):not(:disabled):hover{box-shadow:inset 0 0 0 1px #498e2b;color:#498e2b}.Datepicker-module__year___9OzXM{height:48px;color:#4a4a4a}.Datepicker-module__year___9OzXM:not(.Datepicker-module__daySelected___DkZ5T):not(:disabled):hover{box-shadow:inset 0 0 0 1px #498e2b;color:#498e2b}.Datepicker-module__date___G2cRK{position:relative;width:32px}.Datepicker-module__date___G2cRK:not(.Datepicker-module__daySelected___DkZ5T):not(:disabled):hover{box-shadow:inset 0 0 0 1px #498e2b;color:#498e2b}.Datepicker-module__dayOutside___CXb-b{color:#b2b2b2}.Datepicker-module__daySelected___DkZ5T{background:#498e2b;color:#fff}.Datepicker-module__dayTodayCurrent___ocAqU{color:#498e2b}.Datepicker-module__dayTodayDot___ZyD-l{position:absolute;bottom:3px;left:50%;width:4px;height:4px;border-radius:4px;background:#5cb335;transform:translate(-50%)}.Datepicker-module__calendarFooter___sLvNP{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:8px 6px}.Datepicker-module__calendarFooterSpacer___3IXgI{flex:1;min-height:32px}.Datepicker-
|
|
1
|
+
.Datepicker-module__datepicker___SxV3q{display:flex;flex-direction:column;gap:6px;min-width:240px}.Datepicker-module__label___uPuKe{display:flex;align-items:center;gap:4px;color:#4a4a4a;font-size:14px;font-weight:500;line-height:1.2}.Datepicker-module__labelText___BAflA{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Datepicker-module__required___cAVa1{color:#cb282e}.Datepicker-module__labelTooltipIcon___n2IvH{color:#4a4a4a;font-size:16px}.Datepicker-module__inputWrapper___aKtHi{width:100%;height:32px;display:flex;align-items:center;gap:6px;border:1px solid #cccccc;border-radius:4px;background-color:#fff;padding:0 8px;text-align:left;cursor:pointer}.Datepicker-module__inputWrapper___aKtHi:focus{outline:none;border-color:#5cb335}.Datepicker-module__inputIcon___OUb8V{font-size:20px;color:#4a4a4a}.Datepicker-module__inputText___rwYA-{color:#28292c;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Datepicker-module__placeholder___UVl-W{color:#878787}.Datepicker-module__error___C5WX8{border-color:#bf494e}.Datepicker-module__calendarContainer___Bjfa8{border:1px solid #cccccc;border-radius:4px;background:#fff;box-shadow:0 0 4px #00000029;width:236px;padding:0;z-index:1000}.Datepicker-module__calendarHeader___a7I0V{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 6px}.Datepicker-module__calendarDivider___DRk4M{height:1px;margin:0;background:#ccc}.Datepicker-module__headerActions___AP324{display:flex;align-items:center}.Datepicker-module__headerAction___nyMJF{width:32px;height:32px;border:none;background:transparent;border-radius:4px;color:#4a4a4a;cursor:pointer;display:flex;align-items:center;justify-content:center}.Datepicker-module__headerActionIcon___J8RC-{font-size:16px}.Datepicker-module__headerLabel___IPAo-{border:none;background:transparent;color:#28292c;cursor:pointer;font-family:Roboto;font-size:16px;font-style:normal;font-weight:500;line-height:100%;text-align:left}.Datepicker-module__calendarBody___yaLJA{padding:6px 6px 0}.Datepicker-module__weekdays___noAbQ{display:grid;grid-template-columns:repeat(7,32px);column-gap:0;row-gap:0;margin-bottom:8px}.Datepicker-module__weekday___0hrfJ{color:#727272;font-size:12px;text-align:center;line-height:20px}.Datepicker-module__grid___lJEHW{display:grid;grid-template-columns:repeat(7,32px);column-gap:0;row-gap:8px}.Datepicker-module__gridMonths___n1wAM,.Datepicker-module__gridYears___cI0YR{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.Datepicker-module__day___3XU9S{height:32px;border:none;border-radius:4px;background:transparent;color:#4a4a4a;font-size:14px;cursor:pointer}.Datepicker-module__date___G2cRK,.Datepicker-module__month___VKvm3,.Datepicker-module__year___9OzXM{display:flex;align-items:center;justify-content:center}.Datepicker-module__month___VKvm3{height:48px;color:#4a4a4a}.Datepicker-module__month___VKvm3:not(.Datepicker-module__daySelected___DkZ5T):not(:disabled):hover{box-shadow:inset 0 0 0 1px #498e2b;color:#498e2b}.Datepicker-module__year___9OzXM{height:48px;color:#4a4a4a}.Datepicker-module__year___9OzXM:not(.Datepicker-module__daySelected___DkZ5T):not(:disabled):hover{box-shadow:inset 0 0 0 1px #498e2b;color:#498e2b}.Datepicker-module__date___G2cRK{position:relative;width:32px}.Datepicker-module__date___G2cRK:not(.Datepicker-module__daySelected___DkZ5T):not(:disabled):hover{box-shadow:inset 0 0 0 1px #498e2b;color:#498e2b}.Datepicker-module__dayOutside___CXb-b{color:#b2b2b2}.Datepicker-module__daySelected___DkZ5T{background:#498e2b;color:#fff}.Datepicker-module__dayTodayCurrent___ocAqU{color:#498e2b}.Datepicker-module__dayTodayDot___ZyD-l{position:absolute;bottom:3px;left:50%;width:4px;height:4px;border-radius:4px;background:#5cb335;transform:translate(-50%)}.Datepicker-module__calendarFooter___sLvNP{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:8px 6px}.Datepicker-module__calendarFooterSpacer___3IXgI{flex:1;min-height:32px}.Datepicker-module__helperRow___IKmCq{display:flex;align-items:center;height:16px}.Datepicker-module__helpText___g7zEx{color:#727272;font-size:12px}.Datepicker-module__errorText___7o5Rs{color:#bf494e;font-size:12px}.Datepicker-module__disabled___Hlnlo .Datepicker-module__label___uPuKe{color:#b2b2b2}.Datepicker-module__disabled___Hlnlo .Datepicker-module__labelTooltipIcon___n2IvH,.Datepicker-module__disabled___Hlnlo .Datepicker-module__inputIcon___OUb8V{color:#ccc}.Datepicker-module__disabled___Hlnlo .Datepicker-module__inputWrapper___aKtHi{cursor:not-allowed}.Datepicker-module__disabled___Hlnlo .Datepicker-module__inputText___rwYA-,.Datepicker-module__disabled___Hlnlo .Datepicker-module__required___cAVa1{color:#b2b2b2}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.RadioGroup-module__root___ewZw-{display:grid;grid-template-columns:1fr;grid-gap:8px}.RadioGroup-module__disabled___n-nfI{cursor:not-allowed}.RadioGroup-module__disabled___n-nfI label{color:#b2b2b2;cursor:not-allowed}.RadioGroup-module__disabled___n-nfI [data-radio-item]{border:solid 1px #cccccc}.RadioGroup-module__disabled___n-nfI [data-radio-item] [data-radio-item-indicator]:after{background-color:#8dca7e}.RadioGroup-module__disabled___n-nfI [data-radio-item][data-state=checked]{border:solid 1px #8dca7e}
|
|
1
|
+
.RadioGroup-module__root___ewZw-{display:grid;grid-template-columns:1fr;grid-gap:8px}.RadioGroup-module__horizontal___QsBvv{grid-auto-flow:column;grid-template-columns:unset}.RadioGroup-module__disabled___n-nfI{cursor:not-allowed}.RadioGroup-module__disabled___n-nfI label{color:#b2b2b2;cursor:not-allowed}.RadioGroup-module__disabled___n-nfI [data-radio-item]{border:solid 1px #cccccc}.RadioGroup-module__disabled___n-nfI [data-radio-item] [data-radio-item-indicator]:after{background-color:#8dca7e}.RadioGroup-module__disabled___n-nfI [data-radio-item][data-state=checked]{border:solid 1px #8dca7e}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.RichTextEditor-module__container___AplP0{width:fit-content;max-width:100%;display:grid;grid-template-columns:1fr;row-gap:12px}.RichTextEditor-module__label___vjzs-{color:#4a4a4a;font-size:14px;font-weight:500;line-height:1.2;display:inline-flex;align-items:center;gap:4px}.RichTextEditor-module__required___7duke{color:#cb282e}.RichTextEditor-module__frame___7OSyf{border:1px solid #cccccc;border-radius:4px;background:#fff;overflow:hidden}.RichTextEditor-module__frameFocused___GtJ2x{border-color:#5cb335}.RichTextEditor-module__frameDisabled___LubtU{opacity:.7}.RichTextEditor-module__toolbar___m9-M-{display:block;border-bottom:1px solid #cccccc}.RichTextEditor-module__toolbarContent___YXKHD{width:fit-content;display:flex;align-items:center;gap:12px}.RichTextEditor-module__toolbarStacked___6rB10 .RichTextEditor-module__toolbarContent___YXKHD{display:block}.RichTextEditor-module__actions___ZAK9J{display:flex;align-items:center;gap:6px}.RichTextEditor-module__toolbarPanel___OVGHO{border-radius:4px;overflow:hidden;width:fit-content}.RichTextEditor-module__toolbarRow___f0xJR{display:flex;align-items:center;width:fit-content;min-height:32px;border-bottom:1px solid #cccccc;padding:2px 4px;gap:2px}.RichTextEditor-module__toolbarRow___f0xJR:last-child{border-bottom:none}.RichTextEditor-module__toolbarRow___f0xJR>*{padding-right:8px;margin-right:8px;border-right:1px solid #cccccc}.RichTextEditor-module__toolbarRow___f0xJR>*:last-child{padding-right:0;margin-right:0;border-right:none}.RichTextEditor-module__toolButton___IT2Kg{width:32px;height:32px;border:none;background:transparent;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.RichTextEditor-module__toolButton___IT2Kg:hover:not(:disabled){background:#f7f7f7}.RichTextEditor-module__toolButton___IT2Kg:active:not(:disabled),.RichTextEditor-module__toolButton___IT2Kg.RichTextEditor-module__toolButtonActive___-HvZQ{background:#e4e4e4}.RichTextEditor-module__toolIcon___Wndhd{color:#4a4a4a;font-size:20px}.RichTextEditor-module__formatControl___w4WcA{position:relative;flex-shrink:0}.RichTextEditor-module__toolbarLinkSlot___Gu-9l{display:inline-flex;align-items:center;flex-shrink:0}.RichTextEditor-module__selectTrigger___frv3x{height:32px;min-width:180px;flex-shrink:0;border:none;background:transparent;color:#4a4a4a;font-size:16px;outline:none;border-radius:2px;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between}.RichTextEditor-module__selectTrigger___frv3x:hover:not(:disabled){background:#f7f7f7}.RichTextEditor-module__selectTrigger___frv3x:focus-visible{background:#e4e4e4}.RichTextEditor-module__selectTriggerOpen___tk2Pb{background:#e4e4e4}.RichTextEditor-module__selectTriggerLabel___FkEv0{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.RichTextEditor-module__selectIcon___aJWUk{margin-left:8px;pointer-events:none;color:#4a4a4a;font-size:16px}.RichTextEditor-module__formatMenu___y-uBL{background-color:#fff;border:1px solid #cccccc;border-radius:4px;box-shadow:0 0 4px #00000029;max-width:640px;width:fit-content;overflow:hidden}.RichTextEditor-module__formatMenuOptions___zcdlo{padding:8px;display:flex;flex-direction:column;gap:0}.RichTextEditor-module__formatMenuOption___3ppTs{width:100%;border:none;background:none;min-height:32px;padding:8px;border-radius:4px;color:#4a4a4a;text-align:left;font-size:14px;cursor:pointer}.RichTextEditor-module__formatMenuOption___3ppTs:hover,.RichTextEditor-module__formatMenuOptionSelected___bq9J9{background-color:#dff0db}.RichTextEditor-module__formatMenuOptionParagraph___4BLds{font-size:16px;font-weight:400;line-height:1.3}.RichTextEditor-module__formatMenuOptionHeading1___H1cKX{font-size:48px;font-weight:600;line-height:1.2}.RichTextEditor-module__formatMenuOptionHeading2___JdixR{font-size:40px;font-weight:600;line-height:1.2}.RichTextEditor-module__formatMenuOptionHeading3___NcwLr{font-size:32px;font-weight:600;line-height:1.25}.RichTextEditor-module__formatMenuOptionHeading4___4mLbG{font-size:24px;font-weight:600;line-height:1.3}.RichTextEditor-module__formatMenuOptionPreformatted___cB0Ix{font-family:Roboto Mono,Consolas,Monaco,Courier New,monospace;font-size:14px;letter-spacing:.08em;font-weight:400;line-height:1.3}.RichTextEditor-module__editor___M32R7{width:100%;box-sizing:border-box;min-height:160px;padding:6px 12px;color:#28292c;font-size:14px;line-height:1.4;overflow:auto;outline:none}.RichTextEditor-module__editor___M32R7:empty:before{content:attr(data-placeholder);color:#878787;pointer-events:none}.RichTextEditor-module__wordCount___5SSVY{text-align:right;color:#727272;font-size:12px;padding-right:8px;padding-bottom:4px;padding-top:4px}.RichTextEditor-module__wordCountExceeded___NhqBc{color:#bf494e}
|