@crystallize/design-system 1.24.44 → 1.24.46
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/CHANGELOG.md +12 -0
- package/dist/{chunk-ZT2DX3UW.mjs → chunk-6DIAYHKQ.mjs} +308 -162
- package/dist/index.d.ts +4 -0
- package/dist/index.js +829 -649
- package/dist/index.mjs +2 -2
- package/dist/{rich-text-editor-NIDZLNDY.mjs → rich-text-editor-QGMRYDKQ.mjs} +1 -1
- package/package.json +1 -1
- package/src/iconography/eye-closed.tsx +3 -1
- package/src/iconography/eye-open.tsx +8 -6
- package/src/iconography/index.ts +8 -0
- package/src/iconography/transition-in-disabled.tsx +22 -0
- package/src/iconography/transition-in.tsx +30 -0
- package/src/iconography/transition-out-disabled.tsx +24 -0
- package/src/iconography/transition-out.tsx +30 -0
package/dist/index.js
CHANGED
|
@@ -2767,6 +2767,7 @@ var init_eye_closed = __esm({
|
|
|
2767
2767
|
"src/iconography/eye-closed.tsx"() {
|
|
2768
2768
|
"use strict";
|
|
2769
2769
|
import_react50 = require("react");
|
|
2770
|
+
init_variables();
|
|
2770
2771
|
import_jsx_runtime55 = require("react/jsx-runtime");
|
|
2771
2772
|
EyeClosed = (0, import_react50.forwardRef)((delegated, ref) => {
|
|
2772
2773
|
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("svg", {
|
|
@@ -2777,7 +2778,7 @@ var init_eye_closed = __esm({
|
|
|
2777
2778
|
viewBox: "0 0 17 17",
|
|
2778
2779
|
...delegated,
|
|
2779
2780
|
children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", {
|
|
2780
|
-
fill:
|
|
2781
|
+
fill: stroke,
|
|
2781
2782
|
d: "M12.772 7.303c.515-.48.77-.882.795-.924a.294.294 0 1 0-.502-.308c-.014.024-1.492 2.367-4.89 2.367-3.385 0-4.832-2.27-4.892-2.367a.294.294 0 0 0-.501.308c.025.042.28.445.794.924l-.966.975a.21.21 0 0 0 .298.296l.987-.995c.2.163.43.327.689.485l-.698 1.167a.21.21 0 1 0 .36.216L4.95 8.27c.22.115.456.222.711.317L5.25 9.894a.21.21 0 0 0 .4.127l.41-1.298c.242.074.5.137.772.186l-.202 1.364a.21.21 0 0 0 .416.062l.201-1.364c.23.028.469.045.717.051v1.372a.21.21 0 0 0 .42 0V9.022a7.63 7.63 0 0 0 .733-.053l.277 1.377a.21.21 0 1 0 .412-.084l-.273-1.356c.253-.047.494-.105.722-.173l.445 1.293a.21.21 0 1 0 .397-.137L10.654 8.6c.268-.099.516-.21.745-.33l.703 1.177a.21.21 0 1 0 .36-.216l-.697-1.167c.259-.158.488-.322.689-.485l.986.995a.21.21 0 0 0 .298.002.21.21 0 0 0 0-.298l-.966-.975Z"
|
|
2782
2783
|
})
|
|
2783
2784
|
});
|
|
@@ -2792,6 +2793,7 @@ var init_eye_open = __esm({
|
|
|
2792
2793
|
"src/iconography/eye-open.tsx"() {
|
|
2793
2794
|
"use strict";
|
|
2794
2795
|
import_react51 = require("react");
|
|
2796
|
+
init_variables();
|
|
2795
2797
|
import_jsx_runtime56 = require("react/jsx-runtime");
|
|
2796
2798
|
EyeOpen = (0, import_react51.forwardRef)((delegated, ref) => {
|
|
2797
2799
|
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("svg", {
|
|
@@ -2806,27 +2808,27 @@ var init_eye_open = __esm({
|
|
|
2806
2808
|
clipPath: "url(#eye-open)",
|
|
2807
2809
|
children: [
|
|
2808
2810
|
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", {
|
|
2809
|
-
fill
|
|
2811
|
+
fill,
|
|
2810
2812
|
d: "M8.15 4.132c2.607-.007 5.953 2.523 7.313 3.649a.674.674 0 0 1-.005 1.052c-1.366 1.108-4.714 3.59-7.308 3.583-2.577-.007-5.907-2.478-7.268-3.583a.675.675 0 0 1-.005-1.052C2.232 6.658 5.56 4.139 8.15 4.13Z"
|
|
2811
2813
|
}),
|
|
2812
2814
|
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", {
|
|
2813
|
-
fill:
|
|
2815
|
+
fill: stroke,
|
|
2814
2816
|
fillRule: "evenodd",
|
|
2815
|
-
|
|
2816
|
-
|
|
2817
|
+
clipRule: "evenodd",
|
|
2818
|
+
d: "M12.052 5.914c-1.317-.764-2.72-1.343-3.901-1.34-1.174.003-2.568.583-3.878 1.346-1.296.754-2.446 1.647-3.114 2.2-.12.1-.12.271.002.37.67.545 1.822 1.422 3.118 2.163 1.31.748 2.703 1.318 3.872 1.321 1.177.003 2.578-.566 3.895-1.316 1.303-.74 2.46-1.622 3.133-2.168a.233.233 0 0 0 .002-.369c-.67-.555-1.826-1.452-3.129-2.207Zm3.41 1.867c-1.359-1.126-4.705-3.656-7.312-3.65-2.59.008-5.918 2.527-7.273 3.65a.675.675 0 0 0 .005 1.052c1.36 1.105 4.691 3.576 7.268 3.583 2.594.007 5.942-2.475 7.308-3.583a.674.674 0 0 0 .005-1.052Z"
|
|
2817
2819
|
}),
|
|
2818
2820
|
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", {
|
|
2819
2821
|
fill: "#fff",
|
|
2820
2822
|
d: "M11.678 8.273a3.508 3.508 0 1 1-7.016 0 3.508 3.508 0 0 1 7.016 0Z"
|
|
2821
2823
|
}),
|
|
2822
2824
|
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", {
|
|
2823
|
-
fill:
|
|
2825
|
+
fill: stroke,
|
|
2824
2826
|
fillRule: "evenodd",
|
|
2825
|
-
|
|
2826
|
-
|
|
2827
|
+
clipRule: "evenodd",
|
|
2828
|
+
d: "M12.12 8.273a3.95 3.95 0 1 1-7.9 0 3.95 3.95 0 0 1 7.9 0Zm-3.95 3.508a3.508 3.508 0 1 0 0-7.016 3.508 3.508 0 0 0 0 7.016Z"
|
|
2827
2829
|
}),
|
|
2828
2830
|
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", {
|
|
2829
|
-
fill:
|
|
2831
|
+
fill: stroke,
|
|
2830
2832
|
d: "M8.168 6.445a1.829 1.829 0 1 0 0 3.657 1.829 1.829 0 0 0 0-3.657Z"
|
|
2831
2833
|
})
|
|
2832
2834
|
]
|
|
@@ -7446,15 +7448,15 @@ var init_topics_leaf = __esm({
|
|
|
7446
7448
|
}
|
|
7447
7449
|
});
|
|
7448
7450
|
|
|
7449
|
-
// src/iconography/
|
|
7450
|
-
var import_react125, import_jsx_runtime130,
|
|
7451
|
-
var
|
|
7452
|
-
"src/iconography/
|
|
7451
|
+
// src/iconography/transition-in.tsx
|
|
7452
|
+
var import_react125, import_jsx_runtime130, TransitionIn;
|
|
7453
|
+
var init_transition_in = __esm({
|
|
7454
|
+
"src/iconography/transition-in.tsx"() {
|
|
7453
7455
|
"use strict";
|
|
7454
7456
|
import_react125 = require("react");
|
|
7455
7457
|
init_variables();
|
|
7456
7458
|
import_jsx_runtime130 = require("react/jsx-runtime");
|
|
7457
|
-
|
|
7459
|
+
TransitionIn = (0, import_react125.forwardRef)((delegated, ref) => {
|
|
7458
7460
|
return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("svg", {
|
|
7459
7461
|
ref,
|
|
7460
7462
|
width: "22",
|
|
@@ -7464,32 +7466,202 @@ var init_unpublish = __esm({
|
|
|
7464
7466
|
...delegated,
|
|
7465
7467
|
children: [
|
|
7466
7468
|
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", {
|
|
7469
|
+
fill,
|
|
7470
|
+
d: "M2.565 3.85c-.387-.001-.702.265-.703.594l-.01 3.776c0 .329.313.597.7.598l16.967.044c.387 0 .702-.265.703-.595l.01-3.775c0-.33-.313-.597-.7-.598L2.565 3.85Z"
|
|
7471
|
+
}),
|
|
7472
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", {
|
|
7473
|
+
fill: stroke,
|
|
7474
|
+
d: "M2.553 8.473c-.252 0-.357-.164-.357-.253l.01-3.775c0-.088.107-.252.358-.251l16.966.044c.252 0 .357.165.357.253l-.01 3.775c0 .089-.106.252-.358.252L2.553 8.473Zm16.964.733c.523.001 1.047-.368 1.049-.938l.01-3.775c.001-.57-.521-.942-1.044-.943L2.566 3.505c-.523 0-1.047.369-1.048.938l-.01 3.775c-.002.57.52.942 1.044.944l16.965.044Z"
|
|
7475
|
+
}),
|
|
7476
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", {
|
|
7477
|
+
fill: stroke,
|
|
7478
|
+
fillRule: "evenodd",
|
|
7479
|
+
d: "m13.888 16.014-2.424 2.424a.381.381 0 0 1-.539 0l-2.424-2.424a.38.38 0 1 1 .539-.539l1.774 1.774.033-5.868a.381.381 0 0 1 .762 0l-.033 5.868 1.774-1.774a.38.38 0 1 1 .538.539Z",
|
|
7480
|
+
clipRule: "evenodd"
|
|
7481
|
+
})
|
|
7482
|
+
]
|
|
7483
|
+
});
|
|
7484
|
+
});
|
|
7485
|
+
TransitionIn.displayName = "TransitionInIcon";
|
|
7486
|
+
}
|
|
7487
|
+
});
|
|
7488
|
+
|
|
7489
|
+
// src/iconography/transition-in-disabled.tsx
|
|
7490
|
+
var import_react126, import_jsx_runtime131, TransitionInDisabled;
|
|
7491
|
+
var init_transition_in_disabled = __esm({
|
|
7492
|
+
"src/iconography/transition-in-disabled.tsx"() {
|
|
7493
|
+
"use strict";
|
|
7494
|
+
import_react126 = require("react");
|
|
7495
|
+
init_variables();
|
|
7496
|
+
import_jsx_runtime131 = require("react/jsx-runtime");
|
|
7497
|
+
TransitionInDisabled = (0, import_react126.forwardRef)((delegated, ref) => {
|
|
7498
|
+
return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("svg", {
|
|
7499
|
+
ref,
|
|
7500
|
+
width: "22",
|
|
7501
|
+
height: "22",
|
|
7502
|
+
viewBox: "0 0 22 22",
|
|
7503
|
+
fill: "none",
|
|
7504
|
+
...delegated,
|
|
7505
|
+
children: [
|
|
7506
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("rect", {
|
|
7507
|
+
width: "7",
|
|
7508
|
+
height: "1",
|
|
7509
|
+
x: "12.95",
|
|
7510
|
+
y: "18.77",
|
|
7511
|
+
fill: stroke,
|
|
7512
|
+
rx: ".5",
|
|
7513
|
+
transform: "rotate(-135 12.95 18.77)"
|
|
7514
|
+
}),
|
|
7515
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("rect", {
|
|
7516
|
+
width: "7",
|
|
7517
|
+
height: "1",
|
|
7518
|
+
x: "8",
|
|
7519
|
+
y: "18.063",
|
|
7520
|
+
fill: stroke,
|
|
7521
|
+
rx: ".5",
|
|
7522
|
+
transform: "rotate(-45 8 18.063)"
|
|
7523
|
+
}),
|
|
7524
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", {
|
|
7525
|
+
fill: stroke,
|
|
7526
|
+
d: "M2.702 10.268h1.06a.3.3 0 0 0 0-.6h-1.06c-.27 0-.401-.176-.402-.296v-.944a.3.3 0 0 0-.6 0v.944c0 .539.496.896 1.002.896Zm0-4.968h1.06a.3.3 0 0 0 0-.6h-1.06c-.506 0-1.002.357-1.002.896v.944a.3.3 0 0 0 .6 0v-.944c0-.12.132-.296.402-.296Zm3.18 4.968h2.121a.3.3 0 1 0 0-.6h-2.12a.3.3 0 0 0 0 .6Zm0-4.968h2.121a.3.3 0 1 0 0-.6h-2.12a.3.3 0 0 0 0 .6Zm4.242 4.968h2.121a.3.3 0 0 0 0-.6h-2.12a.3.3 0 1 0 0 .6Zm0-4.968h2.121a.3.3 0 0 0 0-.6h-2.12a.3.3 0 1 0 0 .6Zm4.242 4.968h2.12a.3.3 0 1 0 0-.6h-2.12a.3.3 0 0 0 0 .6Zm0-4.968h2.12a.3.3 0 0 0 0-.6h-2.12a.3.3 0 0 0 0 .6Zm4.242 4.968h1.06c.506 0 1.001-.357 1.001-.896v-.944a.3.3 0 1 0-.6 0v.944c0 .12-.132.296-.4.296h-1.061a.3.3 0 1 0 0 .6Zm0-4.968h1.06c.27 0 .402.176.402.296v.944a.3.3 0 1 0 .6 0v-.944c0-.539-.496-.896-1.002-.896h-1.06a.3.3 0 1 0 0 .6Z"
|
|
7527
|
+
})
|
|
7528
|
+
]
|
|
7529
|
+
});
|
|
7530
|
+
});
|
|
7531
|
+
TransitionInDisabled.displayName = "TransitionInDisabledIcon";
|
|
7532
|
+
}
|
|
7533
|
+
});
|
|
7534
|
+
|
|
7535
|
+
// src/iconography/transition-out.tsx
|
|
7536
|
+
var import_react127, import_jsx_runtime132, TransitionOut;
|
|
7537
|
+
var init_transition_out = __esm({
|
|
7538
|
+
"src/iconography/transition-out.tsx"() {
|
|
7539
|
+
"use strict";
|
|
7540
|
+
import_react127 = require("react");
|
|
7541
|
+
init_variables();
|
|
7542
|
+
import_jsx_runtime132 = require("react/jsx-runtime");
|
|
7543
|
+
TransitionOut = (0, import_react127.forwardRef)((delegated, ref) => {
|
|
7544
|
+
return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("svg", {
|
|
7545
|
+
ref,
|
|
7546
|
+
width: "22",
|
|
7547
|
+
height: "22",
|
|
7548
|
+
viewBox: "0 0 22 22",
|
|
7549
|
+
fill: "none",
|
|
7550
|
+
...delegated,
|
|
7551
|
+
children: [
|
|
7552
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", {
|
|
7553
|
+
fill,
|
|
7554
|
+
d: "M19.44 18.136c.387 0 .701-.267.701-.596l.004-3.775c0-.33-.314-.597-.701-.597l-16.967-.015c-.387 0-.702.266-.702.595l-.003 3.776c0 .33.313.596.7.597l16.967.015Z"
|
|
7555
|
+
}),
|
|
7556
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", {
|
|
7557
|
+
fill: stroke,
|
|
7558
|
+
d: "M19.443 13.512c.252 0 .357.164.357.252l-.003 3.776c0 .088-.106.252-.358.252l-16.966-.015c-.252 0-.357-.164-.357-.253l.003-3.775c0-.089.106-.252.358-.252l16.966.015Zm-16.965-.703c-.523 0-1.047.37-1.047.94l-.003 3.774c0 .57.522.942 1.045.942l16.966.015c.523 0 1.046-.37 1.046-.94l.004-3.775c0-.57-.522-.941-1.045-.942L2.478 12.81Z"
|
|
7559
|
+
}),
|
|
7560
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", {
|
|
7561
|
+
fill: stroke,
|
|
7562
|
+
fillRule: "evenodd",
|
|
7563
|
+
d: "m8.112 5.986 2.424-2.424a.38.38 0 0 1 .539 0l2.424 2.424a.381.381 0 0 1-.539.539L11.186 4.75l-.033 5.868a.381.381 0 0 1-.762 0l.033-5.868L8.65 6.525a.381.381 0 0 1-.538-.539Z",
|
|
7564
|
+
clipRule: "evenodd"
|
|
7565
|
+
})
|
|
7566
|
+
]
|
|
7567
|
+
});
|
|
7568
|
+
});
|
|
7569
|
+
TransitionOut.displayName = "TransitionOutIcon";
|
|
7570
|
+
}
|
|
7571
|
+
});
|
|
7572
|
+
|
|
7573
|
+
// src/iconography/transition-out-disabled.tsx
|
|
7574
|
+
var import_react128, import_jsx_runtime133, TransitionOutDisabled;
|
|
7575
|
+
var init_transition_out_disabled = __esm({
|
|
7576
|
+
"src/iconography/transition-out-disabled.tsx"() {
|
|
7577
|
+
"use strict";
|
|
7578
|
+
import_react128 = require("react");
|
|
7579
|
+
init_variables();
|
|
7580
|
+
import_jsx_runtime133 = require("react/jsx-runtime");
|
|
7581
|
+
TransitionOutDisabled = (0, import_react128.forwardRef)(
|
|
7582
|
+
(delegated, ref) => {
|
|
7583
|
+
return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("svg", {
|
|
7584
|
+
ref,
|
|
7585
|
+
width: "22",
|
|
7586
|
+
height: "22",
|
|
7587
|
+
viewBox: "0 0 22 22",
|
|
7588
|
+
fill: "none",
|
|
7589
|
+
...delegated,
|
|
7590
|
+
children: [
|
|
7591
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", {
|
|
7592
|
+
fill: stroke,
|
|
7593
|
+
d: "M2.475 18.428h1.06a.3.3 0 0 0 0-.6h-1.06c-.27 0-.401-.176-.401-.296v-.944a.3.3 0 0 0-.601 0v.944c0 .54.497.896 1.002.896Zm0-4.968h1.06a.3.3 0 0 0 0-.6h-1.06c-.505 0-1.002.357-1.002.896v.944a.3.3 0 0 0 .6 0v-.944c0-.12.133-.296.402-.296Zm3.18 4.968h2.122a.3.3 0 1 0 0-.6H5.656a.3.3 0 0 0 0 .6Zm0-4.968h2.122a.3.3 0 1 0 0-.6H5.656a.3.3 0 0 0 0 .6Zm4.243 4.968h2.12a.3.3 0 0 0 0-.6h-2.12a.3.3 0 1 0 0 .6Zm0-4.968h2.12a.3.3 0 0 0 0-.6h-2.12a.3.3 0 1 0 0 .6Zm4.241 4.968h2.121a.3.3 0 1 0 0-.6H14.14a.3.3 0 0 0 0 .6Zm0-4.968h2.121a.3.3 0 1 0 0-.6H14.14a.3.3 0 0 0 0 .6Zm4.242 4.968h1.06c.506 0 1.002-.357 1.002-.896v-.944a.3.3 0 1 0-.6 0v.944c0 .12-.132.296-.401.296h-1.06a.3.3 0 1 0 0 .6Zm0-4.968h1.06c.27 0 .402.177.402.296v.944a.3.3 0 0 0 .6 0v-.944c0-.538-.496-.895-1.001-.895h-1.06a.3.3 0 1 0 0 .6Z"
|
|
7594
|
+
}),
|
|
7595
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("rect", {
|
|
7596
|
+
width: "7",
|
|
7597
|
+
height: "1",
|
|
7598
|
+
x: "8.707",
|
|
7599
|
+
y: "4",
|
|
7600
|
+
fill: stroke,
|
|
7601
|
+
rx: ".5",
|
|
7602
|
+
transform: "rotate(45 8.707 4)"
|
|
7603
|
+
}),
|
|
7604
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("rect", {
|
|
7605
|
+
width: "7",
|
|
7606
|
+
height: "1",
|
|
7607
|
+
x: "13.657",
|
|
7608
|
+
y: "4.707",
|
|
7609
|
+
fill: stroke,
|
|
7610
|
+
rx: ".5",
|
|
7611
|
+
transform: "rotate(135 13.657 4.707)"
|
|
7612
|
+
})
|
|
7613
|
+
]
|
|
7614
|
+
});
|
|
7615
|
+
}
|
|
7616
|
+
);
|
|
7617
|
+
TransitionOutDisabled.displayName = "TransitionOutDisabledIcon";
|
|
7618
|
+
}
|
|
7619
|
+
});
|
|
7620
|
+
|
|
7621
|
+
// src/iconography/unpublish.tsx
|
|
7622
|
+
var import_react129, import_jsx_runtime134, Unpublish;
|
|
7623
|
+
var init_unpublish = __esm({
|
|
7624
|
+
"src/iconography/unpublish.tsx"() {
|
|
7625
|
+
"use strict";
|
|
7626
|
+
import_react129 = require("react");
|
|
7627
|
+
init_variables();
|
|
7628
|
+
import_jsx_runtime134 = require("react/jsx-runtime");
|
|
7629
|
+
Unpublish = (0, import_react129.forwardRef)((delegated, ref) => {
|
|
7630
|
+
return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("svg", {
|
|
7631
|
+
ref,
|
|
7632
|
+
width: "22",
|
|
7633
|
+
height: "22",
|
|
7634
|
+
viewBox: "0 0 22 22",
|
|
7635
|
+
fill: "none",
|
|
7636
|
+
...delegated,
|
|
7637
|
+
children: [
|
|
7638
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", {
|
|
7467
7639
|
fill: "#fff",
|
|
7468
7640
|
d: "M19.055 13.054c-.595 1.263-1.441 1.553-3.22 1.553-3.734 0-5.845-.123-9.562-.123-1.725 0-3.546-.242-4.082-1.92-.34-1.064-.153-2.123.496-2.817.473-.493 1.014-.699 1.76-.763.563-.048 1.429.226 1.429.226s-.324-2.173.61-2.764c.37-.234.64-.306 1.078-.308.343-.003.86.18.86.18l.911.642s1.164-2.957 3.686-2.957c.217 0 .434.022.647.067 1.136.242 2.228.971 2.757 2.259.405.986.05 2.729.05 2.729s1.887.405 2.454 1.338c.54.888.57 1.718.126 2.658Z"
|
|
7469
7641
|
}),
|
|
7470
|
-
/* @__PURE__ */ (0,
|
|
7642
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", {
|
|
7471
7643
|
fill: stroke,
|
|
7472
7644
|
fillRule: "evenodd",
|
|
7473
7645
|
d: "M2.254 9.331c.6-.625 1.294-.872 2.143-.944.27-.023.568.008.825.052a6.314 6.314 0 0 1 .01-.424c.02-.339.072-.727.199-1.087.125-.357.344-.742.734-.989.219-.138.432-.244.671-.311a2.67 2.67 0 0 1 .724-.09c.255-.002.534.061.715.109a5.195 5.195 0 0 1 .317.094l.022.008.006.002h.002l.001.001-.2.566s-.516-.183-.86-.18c-.437.002-.707.074-1.077.308-.607.384-.683 1.436-.662 2.125.012.372.052.639.052.639s-.279-.088-.622-.156c-.263-.05-.563-.09-.806-.07-.747.064-1.288.27-1.76.763-.65.694-.837 1.753-.497 2.817.536 1.678 2.357 1.92 4.082 1.92 1.856 0 3.312.03 4.77.062 1.46.03 2.923.061 4.793.061 1.778 0 2.624-.29 3.22-1.553.442-.94.412-1.77-.127-2.658-.567-.933-2.455-1.338-2.455-1.338s.357-1.743-.049-2.73c-.529-1.287-1.621-2.016-2.757-2.258a3.144 3.144 0 0 0-.647-.067c-1.83 0-2.945 1.557-3.419 2.411-.18.324-.267.546-.267.546l-.911-.642.2-.566a.602.602 0 0 1 .146.075l.34.24c.158-.28.376-.622.658-.966.66-.805 1.735-1.698 3.252-1.698.26 0 .517.026.77.08h.003C15.09 3.759 16.364 4.6 16.98 6.1c.26.63.26 1.432.22 2.003-.013.19-.031.365-.05.517.166.051.36.118.562.2.552.22 1.336.615 1.73 1.263.311.513.493 1.04.518 1.594.025.554-.109 1.094-.362 1.632-.342.725-.792 1.237-1.461 1.54-.632.287-1.399.357-2.301.357-1.875 0-3.342-.03-4.801-.061h-.004c-1.458-.031-2.908-.062-4.758-.062-.876 0-1.851-.059-2.693-.367-.87-.319-1.624-.916-1.96-1.97-.393-1.228-.197-2.527.629-3.41l.005-.006Z",
|
|
7474
7646
|
clipRule: "evenodd"
|
|
7475
7647
|
}),
|
|
7476
|
-
/* @__PURE__ */ (0,
|
|
7648
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", {
|
|
7477
7649
|
fill,
|
|
7478
7650
|
d: "M14.8 14.25a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"
|
|
7479
7651
|
}),
|
|
7480
|
-
/* @__PURE__ */ (0,
|
|
7652
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", {
|
|
7481
7653
|
fill: stroke,
|
|
7482
7654
|
fillRule: "evenodd",
|
|
7483
7655
|
d: "M15.4 14.25a4.35 4.35 0 1 1-8.7 0 4.35 4.35 0 0 1 8.7 0ZM11.05 18a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z",
|
|
7484
7656
|
clipRule: "evenodd"
|
|
7485
7657
|
}),
|
|
7486
|
-
/* @__PURE__ */ (0,
|
|
7658
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", {
|
|
7487
7659
|
fill: stroke,
|
|
7488
7660
|
fillRule: "evenodd",
|
|
7489
7661
|
d: "M9.088 12.288a.3.3 0 0 1 .424 0l3.5 3.5a.3.3 0 1 1-.424.424l-3.5-3.5a.3.3 0 0 1 0-.424Z",
|
|
7490
7662
|
clipRule: "evenodd"
|
|
7491
7663
|
}),
|
|
7492
|
-
/* @__PURE__ */ (0,
|
|
7664
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", {
|
|
7493
7665
|
fill: stroke,
|
|
7494
7666
|
fillRule: "evenodd",
|
|
7495
7667
|
d: "M9.088 16.212a.3.3 0 0 1 0-.424l3.5-3.5a.3.3 0 1 1 .424.424l-3.5 3.5a.3.3 0 0 1-.424 0Z",
|
|
@@ -7503,14 +7675,14 @@ var init_unpublish = __esm({
|
|
|
7503
7675
|
});
|
|
7504
7676
|
|
|
7505
7677
|
// src/iconography/usage.tsx
|
|
7506
|
-
var
|
|
7678
|
+
var import_react130, import_jsx_runtime135, Usage;
|
|
7507
7679
|
var init_usage = __esm({
|
|
7508
7680
|
"src/iconography/usage.tsx"() {
|
|
7509
7681
|
"use strict";
|
|
7510
|
-
|
|
7511
|
-
|
|
7512
|
-
Usage = (0,
|
|
7513
|
-
return /* @__PURE__ */ (0,
|
|
7682
|
+
import_react130 = require("react");
|
|
7683
|
+
import_jsx_runtime135 = require("react/jsx-runtime");
|
|
7684
|
+
Usage = (0, import_react130.forwardRef)((delegated, ref) => {
|
|
7685
|
+
return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("svg", {
|
|
7514
7686
|
ref,
|
|
7515
7687
|
width: "23",
|
|
7516
7688
|
height: "23",
|
|
@@ -7518,21 +7690,21 @@ var init_usage = __esm({
|
|
|
7518
7690
|
fill: "none",
|
|
7519
7691
|
...delegated,
|
|
7520
7692
|
children: [
|
|
7521
|
-
/* @__PURE__ */ (0,
|
|
7693
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", {
|
|
7522
7694
|
d: "M20.44 11.968c.222 0 .402.18.392.4a8.952 8.952 0 1 1-9.343-9.343c.22-.01.4.17.4.39v5.02c0 .22-.18.397-.4.425a3.133 3.133 0 1 0 3.507 3.507c.029-.22.205-.399.426-.399h5.019Z",
|
|
7523
7695
|
fill: "#BFF6F8"
|
|
7524
7696
|
}),
|
|
7525
|
-
/* @__PURE__ */ (0,
|
|
7697
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", {
|
|
7526
7698
|
fillRule: "evenodd",
|
|
7527
7699
|
clipRule: "evenodd",
|
|
7528
7700
|
d: "M20.22 12.568a8.35 8.35 0 1 1-8.931-8.93v4.645a3.733 3.733 0 1 0 4.284 4.285h4.646Zm.612-.2c.01-.22-.17-.4-.391-.4h-5.019c-.221 0-.397.18-.426.399A3.134 3.134 0 1 1 11.49 8.86c.219-.028.399-.204.399-.425v-5.02c0-.22-.18-.4-.4-.39a8.952 8.952 0 1 0 9.343 9.343Z",
|
|
7529
7701
|
fill: "#528693"
|
|
7530
7702
|
}),
|
|
7531
|
-
/* @__PURE__ */ (0,
|
|
7703
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", {
|
|
7532
7704
|
d: "M12.877 2.471c0-.22.18-.4.4-.39a8.952 8.952 0 0 1 8.543 8.543c.01.22-.17.4-.391.4H16.41c-.22 0-.397-.18-.425-.4a3.133 3.133 0 0 0-2.71-2.708c-.218-.028-.398-.205-.398-.426V2.471Z",
|
|
7533
7705
|
fill: "#fff"
|
|
7534
7706
|
}),
|
|
7535
|
-
/* @__PURE__ */ (0,
|
|
7707
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", {
|
|
7536
7708
|
fillRule: "evenodd",
|
|
7537
7709
|
clipRule: "evenodd",
|
|
7538
7710
|
d: "M13.477 2.693a8.352 8.352 0 0 1 7.73 7.73h-4.645a3.733 3.733 0 0 0-3.085-3.084V2.693Zm-.2-.613c-.22-.01-.4.17-.4.391v5.02c0 .22.18.397.399.425a3.132 3.132 0 0 1 2.709 2.709c.028.219.204.399.425.399h5.019c.22 0 .4-.18.391-.4a8.948 8.948 0 0 0-5.517-7.871 8.952 8.952 0 0 0-3.026-.673Z",
|
|
@@ -7546,14 +7718,14 @@ var init_usage = __esm({
|
|
|
7546
7718
|
});
|
|
7547
7719
|
|
|
7548
7720
|
// src/iconography/usage-meter.tsx
|
|
7549
|
-
var
|
|
7721
|
+
var import_react131, import_jsx_runtime136, UsageMeter;
|
|
7550
7722
|
var init_usage_meter = __esm({
|
|
7551
7723
|
"src/iconography/usage-meter.tsx"() {
|
|
7552
7724
|
"use strict";
|
|
7553
|
-
|
|
7554
|
-
|
|
7555
|
-
UsageMeter = (0,
|
|
7556
|
-
return /* @__PURE__ */ (0,
|
|
7725
|
+
import_react131 = require("react");
|
|
7726
|
+
import_jsx_runtime136 = require("react/jsx-runtime");
|
|
7727
|
+
UsageMeter = (0, import_react131.forwardRef)((delegated, ref) => {
|
|
7728
|
+
return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("svg", {
|
|
7557
7729
|
ref,
|
|
7558
7730
|
width: "17",
|
|
7559
7731
|
height: "16",
|
|
@@ -7561,24 +7733,24 @@ var init_usage_meter = __esm({
|
|
|
7561
7733
|
fill: "none",
|
|
7562
7734
|
...delegated,
|
|
7563
7735
|
children: [
|
|
7564
|
-
/* @__PURE__ */ (0,
|
|
7736
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("g", {
|
|
7565
7737
|
clipPath: "url(#a)",
|
|
7566
7738
|
children: [
|
|
7567
|
-
/* @__PURE__ */ (0,
|
|
7739
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", {
|
|
7568
7740
|
d: "M15.836 9.0665a1.7036 1.7036 0 0 0 .0053-.3334 6.6839 6.6839 0 0 0-1.1166-3.0268c-.0423-.0635-.0846-.1217-.1217-.18-.0582-.074-.1111-.1534-.1693-.2275a5.5278 5.5278 0 0 0-.3175-.381c-.0053-.0053-.0106-.0158-.0212-.0211a7.2427 7.2427 0 0 0-.6403-.635c-.0741-.0635-.1534-.1165-.2275-.1747a.0053.0053 0 0 0-.0016-.0037.0052.0052 0 0 0-.0037-.0015c-.1535-.1165-.3069-.2329-.471-.3387a.2946.2946 0 0 0-.0423-.0265c-.1376-.09-.2857-.1746-.4286-.2593-.0582-.0317-.1217-.0582-.1799-.09-.1059-.0528-.2117-.1058-.3175-.1534-.1059-.0476-.217-.09-.3228-.1323-.0741-.0264-.1429-.0582-.217-.0846a4.7983 4.7983 0 0 0-.3651-.1112 4.3458 4.3458 0 0 0-.2487-.0688 3.9942 3.9942 0 0 0-.2434-.0529 6.621 6.621 0 0 0-1.5134-.1534 6.9257 6.9257 0 0 0-6.768 6.1224c0 .0476.0053.0846.0053.1323a6.6487 6.6487 0 0 0 .09 2.0478 6.838 6.838 0 0 0 .3439 1.1695c.0794.1958.164.3863.2593.5768a7.523 7.523 0 0 0 .1534.2857l.037.0688.0795.1217.1534.2593c1.7568 0 3.5613-.0053 5.5615-.0106.0741 0 .1482.0053.2223.0053 1.434.0106 2.5664.0212 4.1327-.0106.5133 0 1.0372-.0053 1.5822-.0053.0688-.1111.1482-.2381.2329-.381.0423-.0846.0952-.1799.1481-.2804a6.1283 6.1283 0 0 0 .3122-.7091 6.9592 6.9592 0 0 0 .4181-1.8785c0-.0371-.0053-.0635-.0053-.1006a7.2363 7.2363 0 0 0 .0053-.9577Zm-.7885 1.6986a5.9413 5.9413 0 0 1-.3175 1.0477 5.3569 5.3569 0 0 1-.2275.508c-.0477.0847-.09.1693-.1376.254l-.0476.0741-5.3763.0159H7.1154c-1.1536-.0106-2.309-.0141-3.466-.0106a.0399.0399 0 0 0-.0212.0106c-.0053-.0053-.0053-.0106-.0159-.0265-.0423-.0741-.0952-.1534-.1376-.2434a5.1632 5.1632 0 0 1-.2963-.635 6.1699 6.1699 0 0 1-.4075-1.688v-.0265a6.5296 6.5296 0 0 1-.0053-.9102c.03-.1036.0494-.21.0583-.3174a6.203 6.203 0 0 1 2.323-4.1434c.0317-.0265.0635-.0476.0952-.074.0847-.0636.1747-.127.2646-.1906a6.2837 6.2837 0 0 1 3.5771-1.0583 6.1823 6.1823 0 0 1 3.8365 1.4234c.0688.0583.1376.1165.2063.18a6.244 6.244 0 0 1 1.7675 2.7569c.0052.0159.0052.0265.0105.0423.0477.1482.0847.3017.1165.4498.0154.0593.0277.1194.037.18.0212.127.0423.254.0582.3862a6.1523 6.1523 0 0 1-.0688 1.995Z",
|
|
7569
7741
|
fill: "#528693"
|
|
7570
7742
|
}),
|
|
7571
|
-
/* @__PURE__ */ (0,
|
|
7743
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", {
|
|
7572
7744
|
d: "m3.6286 12.8043.053-.0505a227.043 227.043 0 0 1 3.4347.0107h1.827l5.3763-.0159.0544-.0001.0294-.0458.0477-.0741.0001.0001.0029-.0051a6.0478 6.0478 0 0 0 .0697-.1286l.0003-.0005a5.6307 5.6307 0 0 1 .0676-.1249h.0001l.0017-.0035a5.4268 5.4268 0 0 0 .2315-.5166c.14-.3442.248-.7006.3225-1.0646l.0001-.0005a6.25 6.25 0 0 0 .07-2.0269c-.0161-.1343-.0376-.263-.0586-.3893l-.0001-.0005a1.8922 1.8922 0 0 0-.0385-.187c-.0319-.1491-.0697-.3054-.1185-.4574l-.0003-.001a.0624.0624 0 0 1-.0021-.0092c-.0013-.0065-.0036-.0182-.0082-.0322a6.3444 6.3444 0 0 0-1.7951-2.8001c-.0703-.0648-.1404-.1241-.2086-.1819l-.0007-.0005-.0007-.0007a6.2822 6.2822 0 0 0-3.8985-1.4464h-.0004a6.3839 6.3839 0 0 0-3.634 1.0751h-.0001l-.0021.0015-.0006.0004a11.5065 11.5065 0 0 0-.2663.1918V4.52l-.004.0033a1.08 1.08 0 0 1-.0436.0338l-.0008.0006a1.262 1.262 0 0 0-.0498.0387 6.3029 6.3029 0 0 0-2.3594 4.2093l-.0004.0036a1.5248 1.5248 0 0 1-.0546.298l-.003.0104-.0007.011a6.632 6.632 0 0 0 .005.9202v.0227h-.0004l.001.0096a6.269 6.269 0 0 0 .4138 1.7149c.0855.2212.1859.4364.3004.6441.0315.0664.07.1305.1031.1855.0134.0223.026.0431.0367.062l-.0002.0001.0039.0057a.0477.0477 0 0 1 .0035.0061l.0001.0004a.004.004 0 0 1 .0003.0006c.0019.0038.0096.0198.0244.0346l.0691.0691Zm11.3945-4.6006c-.0317-.1482-.0688-.3016-.1164-.4498a.1685.1685 0 0 1-.0053-.0212c-.0013-.0066-.0026-.0132-.0053-.0212a6.2446 6.2446 0 0 0-1.7674-2.7569l1.8944 3.249Zm-3.5976-.2364c-.2292.2923-.4509.5746-.6671.8498-.3278.4174-.6429.8187-.9522 1.2141l-.0004-.0003-.0053.0083a1.1904 1.1904 0 0 1-.5644.4679.9274.9274 0 0 1-.2989.0519.8843.8843 0 0 1-.1615-.0143l.0001-.0008-.0127-.0006a.091.091 0 0 1-.0247-.005l-.007-.0025-.0073-.0014a.9062.9062 0 0 1-.162-.0477c-.018-.0072-.0355-.0123-.048-.0161a.438.438 0 0 1-.0285-.0092.9676.9676 0 0 1-.5434-.8134.9805.9805 0 0 1 .389-.8353l.0001-.0001c.1959-.1482.3915-.2962.603-.4548l.0021-.0017c.2218-.176.4384-.345.6496-.507l.002-.0016a81.951 81.951 0 0 1 1.0093-.8032l.0002-.0001.2378-.185.1894-.1474c.0308-.0226.0614-.0472.0899-.07a3.3156 3.3156 0 0 1 .0284-.0227 1.0318 1.0318 0 0 1 .1041-.075.542.542 0 0 1 .253-.066h.001a.5094.5094 0 0 1 .3945.168h-.0001l.0019.002a.519.519 0 0 1 .036.6738c-.119.1497-.2408.305-.3652.4636l-.1427.1818Z",
|
|
7573
7745
|
fill: "#BFF6F8",
|
|
7574
7746
|
stroke: "#BFF6F8",
|
|
7575
7747
|
strokeWidth: ".2"
|
|
7576
7748
|
}),
|
|
7577
|
-
/* @__PURE__ */ (0,
|
|
7749
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", {
|
|
7578
7750
|
d: "M15.3469 12.7007c0-.0529 0-.0572-.0025-.0471v.7234c0 .0095 0-.0053.0025.0111s0 .0291 0-.0418v-.662c.0015-.0482.0005.0741 0 .0164ZM2.6208 12.7007v-.0471.7345c0 .0164 0 .0291.0025-.0418v-.662c-.001-.0482-.0015.0741-.0025.0164ZM11.968 6.5791a.6088.6088 0 0 0-.4709-.201.6414.6414 0 0 0-.3016.0793c-.0794.0476-.1535.1164-.2329.1746l-.1905.1482-.2381.1852a82.141 82.141 0 0 0-1.0107.8043c-.2117.164-.4286.3334-.6509.508-.2116.1588-.4074.307-.6032.455a1.0805 1.0805 0 0 0-.4286.9208 1.0673 1.0673 0 0 0 .6032.8996c.0265.0106.053.0159.0794.0265.0582.0232.1184.0409.1799.0529a.1912.1912 0 0 0 .053.0106.9957.9957 0 0 0 .1798.0158 1.0262 1.0262 0 0 0 .3334-.0582 1.29 1.29 0 0 0 .6138-.508c.5133-.6561 1.0425-1.3282 1.6193-2.0637.1746-.2222.3439-.4392.508-.6456a.619.619 0 0 0-.0424-.8043Zm-.6667.7144-.291.3492c-.5451.6615-1.0795 1.3282-1.614 1.995-.0582.074-.1482.1905-.18.2328a.4232.4232 0 0 1-.1428.0952.4035.4035 0 0 1-.471-.1221.4032.4032 0 0 1-.0105-.4864c.0159-.0106.0106-.0423.0053-.0794.0106-.0105.0211-.0264.0317-.037a.7572.7572 0 0 1 .0794-.0582.1058.1058 0 0 0 .0688-.0212c.3916-.291.7673-.582 1.1377-.8784.2064-.1534.418-.307.6244-.4604l.6297-.492.1482-.1112a.064.064 0 0 1-.0159.074Z",
|
|
7579
7751
|
fill: "#528693"
|
|
7580
7752
|
}),
|
|
7581
|
-
/* @__PURE__ */ (0,
|
|
7753
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", {
|
|
7582
7754
|
d: "m11.3564 7.065.0516.113a.1638.1638 0 0 1-.0339.1842l-.2869.3442-.0001.0002c-.5444.6606-1.0783 1.3267-1.6127 1.9933-.058.0739-.1472.1893-.1782.2307l-.0082.0108-.0006-.0006a.5222.5222 0 0 1-.1766.1177l-.0375-.0927m2.2831-2.9009L8.524 9.9057m2.8324-2.8408-.0994.0746-.1482.111-.0016.0013-.6287.4914a61.544 61.544 0 0 1-.3108.229l-.0001.0002c-.1044.0766-.2092.1535-.3126.2304l-.0028.0022c-.3696.2957-.7443.586-1.1349.8762l-.0005.0004a.0058.0058 0 0 1-.0037.0012l-.0318-.0016-.0269.0171a.8582.8582 0 0 0-.0898.066l-.0003-.0004-.0062.0062a.3105.3105 0 0 0-.0223.0257l-.001.0011-.0063.0078-.0021.0025-.0354.0353.007.0495.0008.0049.0022.0158a.5032.5032 0 0 0 .023.593m2.8324-2.8408L8.524 9.9057m.5493.0601.0384.0924a.5037.5037 0 0 1-.5877-.1525m.5493.0601a.4234.4234 0 0 0 .1429-.0952l-.6138-.027a.4033.4033 0 0 0 .471.1222Z",
|
|
7583
7755
|
fill: "#fff",
|
|
7584
7756
|
stroke: "#fff",
|
|
@@ -7586,10 +7758,10 @@ var init_usage_meter = __esm({
|
|
|
7586
7758
|
})
|
|
7587
7759
|
]
|
|
7588
7760
|
}),
|
|
7589
|
-
/* @__PURE__ */ (0,
|
|
7590
|
-
children: /* @__PURE__ */ (0,
|
|
7761
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("defs", {
|
|
7762
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("clipPath", {
|
|
7591
7763
|
id: "a",
|
|
7592
|
-
children: /* @__PURE__ */ (0,
|
|
7764
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", {
|
|
7593
7765
|
fill: "#fff",
|
|
7594
7766
|
transform: "translate(.984)",
|
|
7595
7767
|
d: "M0 0h16v16H0z"
|
|
@@ -7604,15 +7776,15 @@ var init_usage_meter = __esm({
|
|
|
7604
7776
|
});
|
|
7605
7777
|
|
|
7606
7778
|
// src/iconography/user.tsx
|
|
7607
|
-
var
|
|
7779
|
+
var import_react132, import_jsx_runtime137, User;
|
|
7608
7780
|
var init_user = __esm({
|
|
7609
7781
|
"src/iconography/user.tsx"() {
|
|
7610
7782
|
"use strict";
|
|
7611
|
-
|
|
7783
|
+
import_react132 = require("react");
|
|
7612
7784
|
init_variables();
|
|
7613
|
-
|
|
7614
|
-
User = (0,
|
|
7615
|
-
return /* @__PURE__ */ (0,
|
|
7785
|
+
import_jsx_runtime137 = require("react/jsx-runtime");
|
|
7786
|
+
User = (0, import_react132.forwardRef)((delegated, ref) => {
|
|
7787
|
+
return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("svg", {
|
|
7616
7788
|
ref,
|
|
7617
7789
|
width: "23",
|
|
7618
7790
|
height: "22",
|
|
@@ -7620,31 +7792,31 @@ var init_user = __esm({
|
|
|
7620
7792
|
fill: "none",
|
|
7621
7793
|
...delegated,
|
|
7622
7794
|
children: [
|
|
7623
|
-
/* @__PURE__ */ (0,
|
|
7795
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", {
|
|
7624
7796
|
d: "M19.0183 18.5C19.0183 19 15.4366 20 11.0183 20C6.60001 20 3.01829 19 3.01829 18.5C3.01829 15.4624 6.60001 13 11.0183 13C15.4366 13 19.0183 15.4624 19.0183 18.5Z",
|
|
7625
7797
|
fill
|
|
7626
7798
|
}),
|
|
7627
|
-
/* @__PURE__ */ (0,
|
|
7799
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", {
|
|
7628
7800
|
fillRule: "evenodd",
|
|
7629
7801
|
clipRule: "evenodd",
|
|
7630
7802
|
d: "M16.8017 20.024C15.312 20.3456 13.2695 20.6 11.0183 20.6C8.76706 20.6 6.72461 20.3456 5.23484 20.024C4.49262 19.8638 3.87028 19.6832 3.42161 19.5014C3.2008 19.4119 2.99558 19.3117 2.8349 19.1983C2.75497 19.1419 2.66392 19.0669 2.58765 18.9698C2.5131 18.8748 2.41829 18.7139 2.41829 18.5C2.41829 16.7268 3.46427 15.1871 5.02152 14.1165C6.58142 13.0441 8.70343 12.4 11.0183 12.4C13.3331 12.4 15.4552 13.0441 17.0151 14.1165C18.5723 15.1871 19.6183 16.7268 19.6183 18.5C19.6183 18.7139 19.5235 18.8748 19.4489 18.9698C19.3727 19.0669 19.2816 19.1419 19.2017 19.1983C19.041 19.3117 18.8358 19.4119 18.615 19.5014C18.1663 19.6832 17.544 19.8638 16.8017 20.024ZM11.0183 20C15.4366 20 19.0183 19 19.0183 18.5C19.0183 15.4625 15.4366 13 11.0183 13C6.60001 13 3.01829 15.4625 3.01829 18.5C3.01829 19 6.60001 20 11.0183 20Z",
|
|
7631
7803
|
fill: stroke
|
|
7632
7804
|
}),
|
|
7633
|
-
/* @__PURE__ */ (0,
|
|
7805
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", {
|
|
7634
7806
|
d: "M13.0183 12.5C13.0183 13.8807 12.1229 15 11.0183 15C9.91373 15 9.0183 13.8807 9.0183 12.5C9.0183 11.1193 9.91373 10 11.0183 10C12.1229 10 13.0183 11.1193 13.0183 12.5Z",
|
|
7635
7807
|
fill: "white"
|
|
7636
7808
|
}),
|
|
7637
|
-
/* @__PURE__ */ (0,
|
|
7809
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", {
|
|
7638
7810
|
fillRule: "evenodd",
|
|
7639
7811
|
clipRule: "evenodd",
|
|
7640
7812
|
d: "M13.6183 12.5C13.6183 14.0802 12.5722 15.6 11.0183 15.6C9.46433 15.6 8.41829 14.0802 8.41829 12.5C8.41829 10.9198 9.46433 9.40002 11.0183 9.40002C12.5722 9.40002 13.6183 10.9198 13.6183 12.5ZM11.0183 15C12.1229 15 13.0183 13.8807 13.0183 12.5C13.0183 11.1193 12.1229 10 11.0183 10C9.91372 10 9.01829 11.1193 9.01829 12.5C9.01829 13.8807 9.91372 15 11.0183 15Z",
|
|
7641
7813
|
fill: stroke
|
|
7642
7814
|
}),
|
|
7643
|
-
/* @__PURE__ */ (0,
|
|
7815
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", {
|
|
7644
7816
|
d: "M15.1183 7.99999C15.1183 11.3137 11.98 12.8 11.0183 12.8C10.0566 12.8 6.91831 11.3137 6.91831 7.99999C6.91831 4.68628 7.91836 2.29999 11.0183 2.29999C14.1183 2.29999 15.1183 4.68628 15.1183 7.99999Z",
|
|
7645
7817
|
fill: "white"
|
|
7646
7818
|
}),
|
|
7647
|
-
/* @__PURE__ */ (0,
|
|
7819
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", {
|
|
7648
7820
|
fillRule: "evenodd",
|
|
7649
7821
|
clipRule: "evenodd",
|
|
7650
7822
|
d: "M12.3086 13.0642C11.8438 13.2711 11.3786 13.4 11.0183 13.4C10.658 13.4 10.1929 13.2711 9.72804 13.0642C9.2481 12.8506 8.71451 12.5301 8.21426 12.0957C7.2092 11.2228 6.31831 9.86784 6.31831 8.00001C6.31831 6.30355 6.57045 4.74139 7.29834 3.58729C8.0574 2.38379 9.28518 1.70001 11.0183 1.70001C12.7515 1.70001 13.9793 2.38379 14.7383 3.5873C15.4662 4.74139 15.7183 6.30356 15.7183 8.00001C15.7183 9.86783 14.8274 11.2228 13.8224 12.0957C13.3221 12.5301 12.7886 12.8506 12.3086 13.0642ZM11.0183 12.8C11.98 12.8 15.1183 11.3137 15.1183 8.00001C15.1183 4.6863 14.1183 2.30001 11.0183 2.30001C7.91836 2.30001 6.91831 4.6863 6.91831 8.00001C6.91831 11.3137 10.0566 12.8 11.0183 12.8Z",
|
|
@@ -7658,14 +7830,14 @@ var init_user = __esm({
|
|
|
7658
7830
|
});
|
|
7659
7831
|
|
|
7660
7832
|
// src/iconography/user-card.tsx
|
|
7661
|
-
var
|
|
7833
|
+
var import_react133, import_jsx_runtime138, UserCard;
|
|
7662
7834
|
var init_user_card = __esm({
|
|
7663
7835
|
"src/iconography/user-card.tsx"() {
|
|
7664
7836
|
"use strict";
|
|
7665
|
-
|
|
7666
|
-
|
|
7667
|
-
UserCard = (0,
|
|
7668
|
-
return /* @__PURE__ */ (0,
|
|
7837
|
+
import_react133 = require("react");
|
|
7838
|
+
import_jsx_runtime138 = require("react/jsx-runtime");
|
|
7839
|
+
UserCard = (0, import_react133.forwardRef)((delegated, ref) => {
|
|
7840
|
+
return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("svg", {
|
|
7669
7841
|
ref,
|
|
7670
7842
|
width: "17",
|
|
7671
7843
|
height: "16",
|
|
@@ -7673,7 +7845,7 @@ var init_user_card = __esm({
|
|
|
7673
7845
|
fill: "none",
|
|
7674
7846
|
...delegated,
|
|
7675
7847
|
children: [
|
|
7676
|
-
/* @__PURE__ */ (0,
|
|
7848
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)("rect", {
|
|
7677
7849
|
x: "2.184",
|
|
7678
7850
|
y: "4.2",
|
|
7679
7851
|
width: "13.6",
|
|
@@ -7683,7 +7855,7 @@ var init_user_card = __esm({
|
|
|
7683
7855
|
stroke: "#528693",
|
|
7684
7856
|
strokeWidth: ".4"
|
|
7685
7857
|
}),
|
|
7686
|
-
/* @__PURE__ */ (0,
|
|
7858
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)("circle", {
|
|
7687
7859
|
cx: "5.984",
|
|
7688
7860
|
cy: "8.5",
|
|
7689
7861
|
r: "2.2",
|
|
@@ -7691,7 +7863,7 @@ var init_user_card = __esm({
|
|
|
7691
7863
|
stroke: "#528693",
|
|
7692
7864
|
strokeWidth: ".4"
|
|
7693
7865
|
}),
|
|
7694
|
-
/* @__PURE__ */ (0,
|
|
7866
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)("path", {
|
|
7695
7867
|
d: "M13.484 8.2a.7.7 0 1 0 0-1.4h-3.5a.7.7 0 1 0 0 1.4h3.5ZM10.484 10.2a.7.7 0 1 0 0-1.4h-.5a.7.7 0 1 0 0 1.4h.5Z",
|
|
7696
7868
|
fill: "#fff",
|
|
7697
7869
|
stroke: "#528693",
|
|
@@ -7705,15 +7877,15 @@ var init_user_card = __esm({
|
|
|
7705
7877
|
});
|
|
7706
7878
|
|
|
7707
7879
|
// src/iconography/users.tsx
|
|
7708
|
-
var
|
|
7880
|
+
var import_react134, import_jsx_runtime139, Users;
|
|
7709
7881
|
var init_users = __esm({
|
|
7710
7882
|
"src/iconography/users.tsx"() {
|
|
7711
7883
|
"use strict";
|
|
7712
|
-
|
|
7884
|
+
import_react134 = require("react");
|
|
7713
7885
|
init_variables();
|
|
7714
|
-
|
|
7715
|
-
Users = (0,
|
|
7716
|
-
return /* @__PURE__ */ (0,
|
|
7886
|
+
import_jsx_runtime139 = require("react/jsx-runtime");
|
|
7887
|
+
Users = (0, import_react134.forwardRef)((delegated, ref) => {
|
|
7888
|
+
return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("svg", {
|
|
7717
7889
|
ref,
|
|
7718
7890
|
width: "24",
|
|
7719
7891
|
height: "24",
|
|
@@ -7721,33 +7893,33 @@ var init_users = __esm({
|
|
|
7721
7893
|
fill: "none",
|
|
7722
7894
|
...delegated,
|
|
7723
7895
|
children: [
|
|
7724
|
-
/* @__PURE__ */ (0,
|
|
7896
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", {
|
|
7725
7897
|
d: "M20.713 15.436a2.465 2.465 0 0 0-1.746-.594c-.23 0-.466.016-.703.032l-.15.008c.027-.159.043-.32.05-.48 1.222-1.07 1.257-3.224 1.211-4.1a2.867 2.867 0 0 0-.702-1.78c-.48-.516-1.117-.81-1.782-.821-.038-.004-.08-.004-.122-.004a2.408 2.408 0 0 0-1.396.503 2.877 2.877 0 0 0-.933 1.273 4.077 4.077 0 0 0-.178 1.569c.06 1.108.164 2.17.79 2.912.14.165.3.307.475.42.01.17.028.337.055.504l-.097-.004c-.238-.016-.469-.032-.696-.032a2.454 2.454 0 0 0-1.74.594 2.46 2.46 0 0 0-.712 1.494 6.447 6.447 0 0 0-.105 1.104c.003.424.5.534.863.617l.157.035c1.148.266 2.319.382 3.49.346.168 0 .332 0 .505-.004 1.399.012 2.793-.19 4.143-.597a.148.148 0 0 0 .09-.063.182.182 0 0 0 .03-.114.173.173 0 0 0 .013-.087c-.027-1.002-.11-2.122-.81-2.731Zm-5.67-2.13c-.388-.72-.419-1.67-.443-2.437a3.114 3.114 0 0 1 .363-1.679 2.386 2.386 0 0 1 1.195-.978c.23-.106.474-.165.723-.175.08 0 .159.007.238.02.263.05.518.143.758.275.458.242.822.666 1.02 1.19.097.275.151.566.16.862.068 2.191-.538 3.554-1.795 4.054a1.074 1.074 0 0 1-.423.078 2.11 2.11 0 0 1-1.028-.36 2.442 2.442 0 0 1-.768-.85Zm2.746 1.367a1.724 1.724 0 0 1-.175.709c-.108.217-.26.403-.443.541a.875.875 0 0 1-.409.118c-.594 0-.793-.924-.854-1.395.303.186.64.292.985.31a.963.963 0 0 0 .213-.023c.238-.047.469-.135.683-.26Zm-.543 3.966c-.182 0-.364.004-.549.004a11.426 11.426 0 0 1-4.132-.585c.045-.971.15-1.958.856-2.437a2.46 2.46 0 0 1 1.512-.386l.356.004c.12 0 .241-.004.367-.008.2.779.58 1.191 1.1 1.191a1.28 1.28 0 0 0 .315-.043c.24-.075.456-.222.626-.424.17-.203.289-.455.341-.727a8.5 8.5 0 0 0 .44.011l.367-.004a2.438 2.438 0 0 1 1.496.386c.761.514.817 1.639.854 2.468-1.29.376-2.618.56-3.95.55Z",
|
|
7726
7898
|
fill: stroke
|
|
7727
7899
|
}),
|
|
7728
|
-
/* @__PURE__ */ (0,
|
|
7900
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", {
|
|
7729
7901
|
fillRule: "evenodd",
|
|
7730
7902
|
clipRule: "evenodd",
|
|
7731
7903
|
d: "M20.93 15.187c.422.368.642.875.762 1.393.119.513.147 1.07.161 1.569a.502.502 0 0 1-.015.162.51.51 0 0 1-.084.24.479.479 0 0 1-.276.198c-1.378.416-2.8.62-4.229.61-.173.003-.338.003-.502.003a13.965 13.965 0 0 1-3.57-.354h-.001a6.66 6.66 0 0 0-.15-.034l-.004-.001a2.345 2.345 0 0 0-.021-.005c-.17-.038-.42-.095-.628-.206-.232-.124-.468-.349-.471-.725v-.006a6.77 6.77 0 0 1 .108-1.15c.075-.646.36-1.246.81-1.682l.016-.016a2.786 2.786 0 0 1 1.963-.67c.123 0 .247.004.369.01a2.537 2.537 0 0 1-.368-.355c-.707-.84-.809-2.014-.868-3.104a4.412 4.412 0 0 1 .194-1.691l.005-.017a3.208 3.208 0 0 1 1.041-1.418 2.738 2.738 0 0 1 1.588-.571h.015c.034 0 .084 0 .135.004.756.017 1.47.352 2.005.926l.005.006c.476.534.752 1.242.785 1.983.024.453.027 1.24-.136 2.058-.152.76-.454 1.586-1.057 2.183.147-.008.296-.014.444-.015a2.796 2.796 0 0 1 1.97.671l.005.004Zm-1.963-.345c.626-.039 1.245.171 1.747.594.555.485.722 1.293.78 2.107.014.178.021.356.027.532l.002.092a.173.173 0 0 1-.014.087.185.185 0 0 1-.03.114.148.148 0 0 1-.088.063 13.928 13.928 0 0 1-4.144.597c-.173.004-.337.004-.505.004a13.635 13.635 0 0 1-3.647-.381l-.007-.002c-.256-.058-.576-.13-.743-.317a.433.433 0 0 1-.113-.298 6.45 6.45 0 0 1 .105-1.104 2.46 2.46 0 0 1 .713-1.494 2.454 2.454 0 0 1 1.74-.594c.15 0 .301.007.455.016l.219.014.02.002.098.004a4.673 4.673 0 0 1-.055-.503 2.186 2.186 0 0 1-.476-.42c-.625-.744-.73-1.805-.79-2.913a4.079 4.079 0 0 1 .179-1.569c.196-.516.52-.958.933-1.273.413-.315.897-.49 1.396-.503.042 0 .084 0 .122.004.665.011 1.302.305 1.782.821.112.126.212.263.299.409a2.825 2.825 0 0 1 .229.484 2.989 2.989 0 0 1 .178.958 8.385 8.385 0 0 1-.107 1.762c-.145.826-.46 1.699-1.109 2.266a3.643 3.643 0 0 1-.049.48l.15-.007h.004l.184-.012c.173-.011.345-.02.515-.02Zm-3.924-1.536c.192.348.455.64.768.85.312.21.665.334 1.028.36.144.003.288-.024.423-.078.878-.349 1.438-1.118 1.673-2.296a7.797 7.797 0 0 0 .12-1.823v-.003a2.854 2.854 0 0 0-.158-.793 2.409 2.409 0 0 0-.208-.423 2.14 2.14 0 0 0-.812-.768 2.582 2.582 0 0 0-.758-.275 1.653 1.653 0 0 0-.238-.02c-.248.01-.493.069-.723.175-.482.173-.9.516-1.195.979-.274.503-.4 1.09-.363 1.678.024.766.055 1.717.443 2.437Zm.205-3.948c-.24.445-.352.966-.319 1.49v.01c.026.786.06 1.652.404 2.29.168.304.396.555.662.734.264.178.558.281.859.304a.746.746 0 0 0 .285-.054l.001-.001c1.056-.42 1.654-1.587 1.588-3.737a2.533 2.533 0 0 0-.141-.758 1.887 1.887 0 0 0-.864-1.012l-.005-.003a2.252 2.252 0 0 0-.656-.239 1.324 1.324 0 0 0-.176-.015 1.575 1.575 0 0 0-.59.145l-.013.006-.014.004a2.054 2.054 0 0 0-1.021.836Zm1.823 7.02a1.28 1.28 0 0 1-.314.044c-.52 0-.902-.412-1.1-1.19h-.011c-.122.004-.241.007-.357.007l-.356-.004a2.46 2.46 0 0 0-1.512.386c-.706.48-.81 1.466-.856 2.437 1.34.448 2.736.646 4.132.585.093 0 .186 0 .277-.002l.269-.002h.003c1.33.01 2.657-.174 3.945-.549l.004-.001a15.237 15.237 0 0 0-.03-.518c-.056-.731-.213-1.537-.824-1.95a2.436 2.436 0 0 0-1.495-.386l-.367.004c-.143 0-.29-.004-.44-.011-.053.272-.171.524-.342.727-.17.202-.387.35-.626.424Zm1.217-.81a1.9 1.9 0 0 1-.338.599 1.675 1.675 0 0 1-.78.527l-.013.004c-.13.035-.262.053-.396.055h-.004c-.36 0-.67-.147-.914-.41a2.133 2.133 0 0 1-.431-.775l-.123.002h-.003l-.378-.005a2.13 2.13 0 0 0-1.306.332c-.263.18-.431.465-.539.847-.09.32-.13.687-.155 1.077 1.229.382 2.502.548 3.775.492h.014c.09 0 .18 0 .272-.002h.002l.273-.002.002.133v-.133c1.215.01 2.426-.147 3.607-.467a5.42 5.42 0 0 0-.133-1.024c-.104-.408-.276-.728-.56-.922a2.107 2.107 0 0 0-1.29-.331l-.02.001-.371.004c-.063 0-.127-.001-.19-.003Zm-.55-.525a1.742 1.742 0 0 0 .051-.37 2.261 2.261 0 0 1-.683.26.952.952 0 0 1-.213.023 2.063 2.063 0 0 1-.985-.31c.015.117.039.263.075.415.11.459.333.98.78.98a.874.874 0 0 0 .408-.118c.184-.138.335-.324.443-.54a1.688 1.688 0 0 0 .124-.34Zm-.749.604a1.194 1.194 0 0 0 .336-.426c-.05.013-.1.025-.15.035-.093.02-.187.03-.282.03h-.017a2.382 2.382 0 0 1-.51-.084c.02.063.044.124.07.182.116.257.23.325.322.327a.543.543 0 0 0 .231-.064Z",
|
|
7732
7904
|
fill: stroke
|
|
7733
7905
|
}),
|
|
7734
|
-
/* @__PURE__ */ (0,
|
|
7906
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", {
|
|
7735
7907
|
d: "M21.192 18.089c-1.29.375-2.617.56-3.948.55-.182 0-.363.004-.549.004a11.426 11.426 0 0 1-4.13-.586c.045-.97.15-1.957.856-2.436a2.46 2.46 0 0 1 1.511-.386l.357.004c.119 0 .241-.004.367-.008.199.779.58 1.191 1.1 1.191a1.28 1.28 0 0 0 .315-.043c.239-.075.455-.222.626-.425.17-.202.288-.454.341-.727.15.008.297.012.44.012l.367-.004a2.438 2.438 0 0 1 1.495.386c.76.514.817 1.638.852 2.468Z",
|
|
7736
7908
|
fill
|
|
7737
7909
|
}),
|
|
7738
|
-
/* @__PURE__ */ (0,
|
|
7910
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", {
|
|
7739
7911
|
d: "M17.79 14.673a1.725 1.725 0 0 1-.176.709 1.52 1.52 0 0 1-.443.541.874.874 0 0 1-.409.118c-.593 0-.793-.924-.854-1.395.304.186.64.292.986.31a.952.952 0 0 0 .213-.023c.238-.048.468-.135.683-.26ZM19.057 10.385c.068 2.19-.538 3.553-1.795 4.052a1.074 1.074 0 0 1-.423.079 2.11 2.11 0 0 1-1.028-.36 2.44 2.44 0 0 1-.768-.85c-.388-.72-.42-1.671-.444-2.438a3.113 3.113 0 0 1 .364-1.678 2.386 2.386 0 0 1 1.195-.979c.23-.105.474-.165.723-.174.08 0 .159.007.237.02.264.05.519.143.759.275.458.242.822.666 1.02 1.19.097.276.15.567.16.863Z",
|
|
7740
7912
|
fill: "#fff"
|
|
7741
7913
|
}),
|
|
7742
|
-
/* @__PURE__ */ (0,
|
|
7914
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", {
|
|
7743
7915
|
d: "M16.988 14.936a4.666 4.666 0 0 0-3.056-.923c-.404 0-.816.024-1.23.049l-.262.012c.047-.246.075-.496.085-.747 2.14-1.663 2.201-5.014 2.122-6.377a4.201 4.201 0 0 0-1.23-2.768A4.615 4.615 0 0 0 10.3 2.904c-.068-.006-.14-.006-.214-.006A4.552 4.552 0 0 0 6.01 5.66a5.683 5.683 0 0 0-.312 2.44c.104 1.724.287 3.375 1.382 4.53.244.257.524.477.831.655.017.262.05.523.098.782l-.171-.006c-.416-.024-.82-.049-1.217-.049a4.644 4.644 0 0 0-3.045.923A3.673 3.673 0 0 0 2.33 17.26a8.948 8.948 0 0 0-.183 1.718c.006.66.874.831 1.51.96.098.018.19.036.275.055 2.009.413 4.058.593 6.108.538.293 0 .58 0 .883-.007a27.22 27.22 0 0 0 7.251-.929.26.26 0 0 0 .208-.275.242.242 0 0 0 .025-.136c-.048-1.558-.195-3.3-1.418-4.248Zm-9.923-3.313c-.679-1.12-.733-2.599-.776-3.791a4.401 4.401 0 0 1 .636-2.61 4.11 4.11 0 0 1 2.09-1.523 3.678 3.678 0 0 1 1.266-.272c.14.001.278.011.416.03.46.08.907.223 1.327.429a3.6 3.6 0 0 1 1.785 1.852c.17.427.265.88.281 1.339.12 3.409-.941 5.53-3.142 6.306a2.09 2.09 0 0 1-.74.123 4 4 0 0 1-3.143-1.883Zm4.806 2.127a2.447 2.447 0 0 1-1.082 1.944 1.677 1.677 0 0 1-.715.184c-1.04 0-1.388-1.437-1.495-2.17.53.288 1.12.454 1.724.482.125 0 .25-.012.373-.036.416-.074.82-.21 1.195-.404Zm-.951 6.17c-.318 0-.636.005-.96.005a22.32 22.32 0 0 1-7.231-.91c.08-1.51.263-3.046 1.498-3.791a4.729 4.729 0 0 1 2.646-.6l.623.006c.208 0 .422-.006.642-.012.349 1.21 1.015 1.853 1.926 1.853.185-.002.37-.025.55-.068a2.386 2.386 0 0 0 1.693-1.79c.263.011.52.018.77.018l.643-.007a4.682 4.682 0 0 1 2.616.6c1.333.8 1.431 2.55 1.495 3.84a26.835 26.835 0 0 1-6.914.855h.003Z",
|
|
7744
7916
|
fill: stroke
|
|
7745
7917
|
}),
|
|
7746
|
-
/* @__PURE__ */ (0,
|
|
7918
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", {
|
|
7747
7919
|
d: "M17.825 19.063a26.834 26.834 0 0 1-6.909.856c-.318 0-.635.006-.96.006a22.32 22.32 0 0 1-7.228-.91c.08-1.511.263-3.046 1.498-3.792a4.729 4.729 0 0 1 2.646-.599l.623.006c.208 0 .422-.006.642-.012.349 1.21 1.015 1.853 1.926 1.853.186-.003.37-.025.55-.068a2.385 2.385 0 0 0 1.693-1.79c.264.011.52.017.77.017l.643-.006a4.682 4.682 0 0 1 2.617.6c1.33.8 1.428 2.549 1.49 3.84Z",
|
|
7748
7920
|
fill
|
|
7749
7921
|
}),
|
|
7750
|
-
/* @__PURE__ */ (0,
|
|
7922
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", {
|
|
7751
7923
|
d: "M11.872 13.75a2.446 2.446 0 0 1-1.082 1.944 1.676 1.676 0 0 1-.716.184c-1.04 0-1.388-1.437-1.494-2.17.53.288 1.12.453 1.724.482.125 0 .25-.012.373-.037a4.2 4.2 0 0 0 1.195-.403ZM14.09 7.08c.119 3.405-.942 5.526-3.142 6.303a2.088 2.088 0 0 1-.74.122 3.998 3.998 0 0 1-3.143-1.883c-.679-1.119-.733-2.598-.776-3.79a4.401 4.401 0 0 1 .636-2.611 4.11 4.11 0 0 1 2.09-1.523 3.678 3.678 0 0 1 1.266-.271c.14 0 .278.011.416.03.46.079.907.223 1.327.428a3.6 3.6 0 0 1 1.785 1.853c.17.427.265.881.28 1.341Z",
|
|
7752
7924
|
fill: "#fff"
|
|
7753
7925
|
})
|
|
@@ -7759,15 +7931,15 @@ var init_users = __esm({
|
|
|
7759
7931
|
});
|
|
7760
7932
|
|
|
7761
7933
|
// src/iconography/variant.tsx
|
|
7762
|
-
var
|
|
7934
|
+
var import_react135, import_jsx_runtime140, Variant;
|
|
7763
7935
|
var init_variant = __esm({
|
|
7764
7936
|
"src/iconography/variant.tsx"() {
|
|
7765
7937
|
"use strict";
|
|
7766
|
-
|
|
7938
|
+
import_react135 = require("react");
|
|
7767
7939
|
init_variables();
|
|
7768
|
-
|
|
7769
|
-
Variant = (0,
|
|
7770
|
-
return /* @__PURE__ */ (0,
|
|
7940
|
+
import_jsx_runtime140 = require("react/jsx-runtime");
|
|
7941
|
+
Variant = (0, import_react135.forwardRef)((delegated, ref) => {
|
|
7942
|
+
return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("svg", {
|
|
7771
7943
|
ref,
|
|
7772
7944
|
width: "22",
|
|
7773
7945
|
height: "22",
|
|
@@ -7775,13 +7947,13 @@ var init_variant = __esm({
|
|
|
7775
7947
|
fill: "none",
|
|
7776
7948
|
...delegated,
|
|
7777
7949
|
children: [
|
|
7778
|
-
/* @__PURE__ */ (0,
|
|
7950
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)("path", {
|
|
7779
7951
|
d: "M6.638 19.115h-.01a2.743 2.743 0 0 1-1.966-.775 5.425 5.425 0 0 1-2.12-3.44c-.225-.74-.151-1.539.204-2.226l.008-.015.009-.013a2.385 2.385 0 0 1 1.286-.945 8.964 8.964 0 0 1 1.768-.378 3.782 3.782 0 0 1 1.55.029l.023.005.01.001a.412.412 0 0 1 .056.012l.156.046.035.16c.102.472.277.925.52 1.344l.085.148-.095.141-.01.015-.002.004a3.514 3.514 0 0 1-.365.45m-1.142 5.437 1.142-5.437m-1.142 5.437.01-.001a2.408 2.408 0 0 0 1.82-1.14 5.873 5.873 0 0 0 .96-3.557l-.007-.129-.104-.076a4.089 4.089 0 0 1-.815-.795l-.225-.29-.214.298a2.86 2.86 0 0 1-.205.254 5.75 5.75 0 0 1-1.112.868l-.01.006-.01.007a.03.03 0 0 1-.039-.046c.229-.141.45-.294.663-.457l.002-.001c.085-.067.169-.136.25-.208l.003-.002.055-.05.01-.01.01-.007.008-.009.092-.092-.198-.19.198.19m-1.142 5.437 1.142-5.437m-.406-2.323c-.002 0-.001 0 0 0ZM13.235 9.438l-.028.005h-.004a1.524 1.524 0 0 1-.135.02l-.022-.274.023.273a.03.03 0 0 0-.01.003l-.192.098-.14-.162a5.199 5.199 0 0 0-.692-.662l-.085-.067-.015-.107a7.295 7.295 0 0 1 .509-3.928l.003-.007.003-.007c.426-.86 1.188-1.228 1.989-1.277.788-.048 1.628.207 2.285.593l.006.004a7.062 7.062 0 0 1 2.62 2.924c.259.483.44 1.003.538 1.542l.001.008c.062.414 0 .836-.18 1.215a1.356 1.356 0 0 1-.666.7c-1.625.994-3.398.984-5.137.864l-.181-.013-.059-.171a4.666 4.666 0 0 0-.555-1.11L12.9 9.59l.36-.106c.317-.092.612-.245.87-.451l.006-.006.007-.005a2.65 2.65 0 0 0 .845-.977.03.03 0 0 0-.056-.021c-.02.045-.042.09-.067.137l-.004.006-.004.007-.05.079-.005.01a2.705 2.705 0 0 1-.328.395m-1.24.78.875-.465c.096-.073.185-.149.268-.222l.017-.015.01-.008.008-.009.003-.003.059-.058m-1.24.78.023-.01m-.022.01.022-.01m1.217-.77-.196-.192.196.192Zm-1.217.77a1.06 1.06 0 0 1 .014-.004h.002l.035-.01.002-.001c.098-.032.192-.07.284-.116m-.337.132.94-.884a3.508 3.508 0 0 1-.517.391m-.086.361-.119-.246.12.246Zm0 0c.025-.011.049-.023.07-.034l.004-.003.008-.004.006-.003c.047-.027.095-.055.142-.084l-.144-.232m0 0a3.412 3.412 0 0 1-.132.078l.132-.078Z",
|
|
7780
7952
|
fill,
|
|
7781
7953
|
stroke,
|
|
7782
7954
|
strokeWidth: ".547"
|
|
7783
7955
|
}),
|
|
7784
|
-
/* @__PURE__ */ (0,
|
|
7956
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)("path", {
|
|
7785
7957
|
d: "m13.429 13.3.006-.01.006-.01a2.496 2.496 0 0 0 .24-1.854l-.001-.007-.002-.007a.286.286 0 0 1-.012-.055l-.002-.018-.004-.018a4.323 4.323 0 0 0-1.1-1.972 3.484 3.484 0 0 0-3.5-1.015l-.015.004-.014.005c-.726.291-1.115.944-1.278 1.63a3.95 3.95 0 0 0 .079 2.034 3.517 3.517 0 0 0 2.375 2.39 2.842 2.842 0 0 0 3.222-1.097Z",
|
|
7786
7958
|
fill,
|
|
7787
7959
|
stroke,
|
|
@@ -7795,14 +7967,14 @@ var init_variant = __esm({
|
|
|
7795
7967
|
});
|
|
7796
7968
|
|
|
7797
7969
|
// src/iconography/video.tsx
|
|
7798
|
-
var
|
|
7970
|
+
var import_react136, import_jsx_runtime141, Video;
|
|
7799
7971
|
var init_video = __esm({
|
|
7800
7972
|
"src/iconography/video.tsx"() {
|
|
7801
7973
|
"use strict";
|
|
7802
|
-
|
|
7803
|
-
|
|
7804
|
-
Video = (0,
|
|
7805
|
-
return /* @__PURE__ */ (0,
|
|
7974
|
+
import_react136 = require("react");
|
|
7975
|
+
import_jsx_runtime141 = require("react/jsx-runtime");
|
|
7976
|
+
Video = (0, import_react136.forwardRef)((delegated, ref) => {
|
|
7977
|
+
return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("svg", {
|
|
7806
7978
|
ref,
|
|
7807
7979
|
width: "22",
|
|
7808
7980
|
height: "22",
|
|
@@ -7810,33 +7982,33 @@ var init_video = __esm({
|
|
|
7810
7982
|
fill: "none",
|
|
7811
7983
|
...delegated,
|
|
7812
7984
|
children: [
|
|
7813
|
-
/* @__PURE__ */ (0,
|
|
7985
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", {
|
|
7814
7986
|
d: "M2 5C2 4.44772 2.44772 4 3 4H19C19.5523 4 20 4.44772 20 5V17C20 17.5523 19.5523 18 19 18H3C2.44772 18 2 17.5523 2 17V5Z",
|
|
7815
7987
|
fill: "white"
|
|
7816
7988
|
}),
|
|
7817
|
-
/* @__PURE__ */ (0,
|
|
7989
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", {
|
|
7818
7990
|
fillRule: "evenodd",
|
|
7819
7991
|
clipRule: "evenodd",
|
|
7820
7992
|
d: "M2.99999 3.40002H19C19.8836 3.40002 20.6 4.11637 20.6 5.00002V17C20.6 17.8837 19.8836 18.6 19 18.6H2.99999C2.11634 18.6 1.39999 17.8837 1.39999 17V5.00002C1.39999 4.11637 2.11634 3.40002 2.99999 3.40002ZM2.99999 4.00002C2.44771 4.00002 1.99999 4.44774 1.99999 5.00002V17C1.99999 17.5523 2.44771 18 2.99999 18H19C19.5523 18 20 17.5523 20 17V5.00002C20 4.44774 19.5523 4.00002 19 4.00002H2.99999Z",
|
|
7821
7993
|
fill: "#528693"
|
|
7822
7994
|
}),
|
|
7823
|
-
/* @__PURE__ */ (0,
|
|
7995
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", {
|
|
7824
7996
|
d: "M2 5C2 4.44772 2.44772 4 3 4H19C19.5523 4 20 4.44772 20 5V7H2V5Z",
|
|
7825
7997
|
fill: "#BFF6F8",
|
|
7826
7998
|
className: "c-icon-fill"
|
|
7827
7999
|
}),
|
|
7828
|
-
/* @__PURE__ */ (0,
|
|
8000
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", {
|
|
7829
8001
|
fillRule: "evenodd",
|
|
7830
8002
|
clipRule: "evenodd",
|
|
7831
8003
|
d: "M20.6 7.60002H1.39999V5.00002C1.39999 4.11637 2.11634 3.40002 2.99999 3.40002H19C19.8836 3.40002 20.6 4.11637 20.6 5.00002V7.60002ZM2.99999 4.00002C2.44771 4.00002 1.99999 4.44774 1.99999 5.00002V7.00002H20V5.00002C20 4.44774 19.5523 4.00002 19 4.00002H2.99999Z",
|
|
7832
8004
|
fill: "#528693"
|
|
7833
8005
|
}),
|
|
7834
|
-
/* @__PURE__ */ (0,
|
|
8006
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", {
|
|
7835
8007
|
d: "M13.0176 12.312C13.2176 12.4275 13.2176 12.7162 13.0176 12.8316L9.41763 14.9101C9.21763 15.0256 8.96763 14.8812 8.96763 14.6503L8.96763 10.4934C8.96763 10.2624 9.21763 10.1181 9.41763 10.2336L13.0176 12.312Z",
|
|
7836
8008
|
fill: "#BFF6F8",
|
|
7837
8009
|
className: "c-icon-fill"
|
|
7838
8010
|
}),
|
|
7839
|
-
/* @__PURE__ */ (0,
|
|
8011
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", {
|
|
7840
8012
|
fillRule: "evenodd",
|
|
7841
8013
|
clipRule: "evenodd",
|
|
7842
8014
|
d: "M13.3176 13.3513L9.71764 15.4297C9.11764 15.7761 8.36764 15.3431 8.36764 14.6503L8.36764 10.4934C8.36764 9.80056 9.11764 9.36755 9.71764 9.71396L13.3176 11.7924C13.9176 12.1388 13.9176 13.0049 13.3176 13.3513ZM13.0176 12.8317C13.2176 12.7162 13.2176 12.4275 13.0176 12.312L9.41764 10.2336C9.21764 10.1181 8.96764 10.2624 8.96764 10.4934L8.96764 14.6503C8.96764 14.8812 9.21764 15.0256 9.41764 14.9101L13.0176 12.8317Z",
|
|
@@ -7850,14 +8022,14 @@ var init_video = __esm({
|
|
|
7850
8022
|
});
|
|
7851
8023
|
|
|
7852
8024
|
// src/iconography/wand.tsx
|
|
7853
|
-
var
|
|
8025
|
+
var import_react137, import_jsx_runtime142, Wand;
|
|
7854
8026
|
var init_wand = __esm({
|
|
7855
8027
|
"src/iconography/wand.tsx"() {
|
|
7856
8028
|
"use strict";
|
|
7857
|
-
|
|
7858
|
-
|
|
7859
|
-
Wand = (0,
|
|
7860
|
-
return /* @__PURE__ */ (0,
|
|
8029
|
+
import_react137 = require("react");
|
|
8030
|
+
import_jsx_runtime142 = require("react/jsx-runtime");
|
|
8031
|
+
Wand = (0, import_react137.forwardRef)((delegated, ref) => {
|
|
8032
|
+
return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("svg", {
|
|
7861
8033
|
ref,
|
|
7862
8034
|
width: "19",
|
|
7863
8035
|
height: "19",
|
|
@@ -7865,39 +8037,39 @@ var init_wand = __esm({
|
|
|
7865
8037
|
fill: "none",
|
|
7866
8038
|
...delegated,
|
|
7867
8039
|
children: [
|
|
7868
|
-
/* @__PURE__ */ (0,
|
|
8040
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("g", {
|
|
7869
8041
|
clipPath: "url(#wand)",
|
|
7870
8042
|
children: [
|
|
7871
|
-
/* @__PURE__ */ (0,
|
|
8043
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", {
|
|
7872
8044
|
fill: "#fff",
|
|
7873
8045
|
d: "M2.261 17.145c.54.54 1.416.54 1.957 0l7.6-7.6-1.956-1.957-7.6 7.6c-.541.541-.541 1.417 0 1.957Z"
|
|
7874
8046
|
}),
|
|
7875
|
-
/* @__PURE__ */ (0,
|
|
8047
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", {
|
|
7876
8048
|
fill: "#528693",
|
|
7877
8049
|
fillRule: "evenodd",
|
|
7878
8050
|
d: "M11.023 9.545 3.82 16.748a.82.82 0 0 1-1.161-1.161l7.203-7.203 1.161 1.16Zm-6.805 7.6A1.384 1.384 0 0 1 2.26 15.19l7.601-7.6 1.957 1.956-7.601 7.6Z",
|
|
7879
8051
|
clipRule: "evenodd"
|
|
7880
8052
|
}),
|
|
7881
|
-
/* @__PURE__ */ (0,
|
|
8053
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", {
|
|
7882
8054
|
fill: "#BFF6F8",
|
|
7883
8055
|
d: "M9.695 2.72c0-.47.542-.732.91-.441l1.93 1.52a.562.562 0 0 0 .521.094l2.336-.758a.562.562 0 0 1 .701.73l-.85 2.304a.562.562 0 0 0 .073.525l1.442 1.988a.563.563 0 0 1-.477.892l-2.454-.097a.563.563 0 0 0-.477.232l-1.445 1.986a.562.562 0 0 1-.996-.178l-.667-2.364a.563.563 0 0 0-.367-.383L7.54 8.01A.562.562 0 0 1 7.4 7.008l2.043-1.365a.562.562 0 0 0 .25-.467V2.72Z"
|
|
7884
8056
|
}),
|
|
7885
|
-
/* @__PURE__ */ (0,
|
|
8057
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", {
|
|
7886
8058
|
fill: "#528693",
|
|
7887
8059
|
fillRule: "evenodd",
|
|
7888
8060
|
d: "m10.953 1.837 1.929 1.52 2.336-.757a1.125 1.125 0 0 1 1.402 1.46l-.85 2.304 1.443 1.987a1.125 1.125 0 0 1-.955 1.785l-2.454-.096-1.445 1.986a1.125 1.125 0 0 1-1.992-.357L9.7 9.305l-2.335-.76a1.125 1.125 0 0 1-.277-2.005L9.13 5.176l.002-2.456c0-.94 1.084-1.465 1.821-.883Zm-.348.442a.562.562 0 0 0-.91.441l-.002 2.456a.562.562 0 0 1-.25.467L7.4 7.008a.563.563 0 0 0 .138 1.002l2.335.76a.563.563 0 0 1 .368.383l.666 2.364c.128.452.72.558.997.178l1.444-1.986a.563.563 0 0 1 .477-.232l2.454.097a.563.563 0 0 0 .478-.892l-1.443-1.988a.563.563 0 0 1-.072-.525l.85-2.304a.562.562 0 0 0-.701-.73l-2.337.758a.563.563 0 0 1-.521-.094l-1.929-1.52Z",
|
|
7889
8061
|
clipRule: "evenodd"
|
|
7890
8062
|
}),
|
|
7891
|
-
/* @__PURE__ */ (0,
|
|
8063
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", {
|
|
7892
8064
|
fill: "#528693",
|
|
7893
8065
|
d: "M15.967 10.93a.704.704 0 1 1-1.408 0 .704.704 0 0 1 1.408 0ZM17.668 5.933a.505.505 0 1 1-1.01 0 .505.505 0 0 1 1.01 0ZM18.067 1.985a.704.704 0 1 1-1.409 0 .704.704 0 0 1 1.41 0ZM13.49 1.77a.49.49 0 1 1-.98 0 .49.49 0 0 1 .98 0ZM8.525 3.792a.49.49 0 1 1-.98 0 .49.49 0 0 1 .98 0Z"
|
|
7894
8066
|
})
|
|
7895
8067
|
]
|
|
7896
8068
|
}),
|
|
7897
|
-
/* @__PURE__ */ (0,
|
|
7898
|
-
children: /* @__PURE__ */ (0,
|
|
8069
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("defs", {
|
|
8070
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("clipPath", {
|
|
7899
8071
|
id: "wand",
|
|
7900
|
-
children: /* @__PURE__ */ (0,
|
|
8072
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", {
|
|
7901
8073
|
fill: "#fff",
|
|
7902
8074
|
d: "M0 0h18v18H0z",
|
|
7903
8075
|
transform: "translate(.572 .576)"
|
|
@@ -7912,16 +8084,16 @@ var init_wand = __esm({
|
|
|
7912
8084
|
});
|
|
7913
8085
|
|
|
7914
8086
|
// src/iconography/warning.tsx
|
|
7915
|
-
var
|
|
8087
|
+
var import_react138, import_jsx_runtime143, fill2, Warning;
|
|
7916
8088
|
var init_warning = __esm({
|
|
7917
8089
|
"src/iconography/warning.tsx"() {
|
|
7918
8090
|
"use strict";
|
|
7919
|
-
|
|
8091
|
+
import_react138 = require("react");
|
|
7920
8092
|
init_variables();
|
|
7921
|
-
|
|
8093
|
+
import_jsx_runtime143 = require("react/jsx-runtime");
|
|
7922
8094
|
fill2 = "var(--c-icon-fill, #FFDE99)";
|
|
7923
|
-
Warning = (0,
|
|
7924
|
-
return /* @__PURE__ */ (0,
|
|
8095
|
+
Warning = (0, import_react138.forwardRef)((delegated, ref) => {
|
|
8096
|
+
return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("svg", {
|
|
7925
8097
|
ref,
|
|
7926
8098
|
width: "22",
|
|
7927
8099
|
height: "22",
|
|
@@ -7929,22 +8101,22 @@ var init_warning = __esm({
|
|
|
7929
8101
|
viewBox: "0 0 22 22",
|
|
7930
8102
|
...delegated,
|
|
7931
8103
|
children: [
|
|
7932
|
-
/* @__PURE__ */ (0,
|
|
8104
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)("path", {
|
|
7933
8105
|
d: "M9.67541 3.72993C10.2804 2.68198 11.793 2.68198 12.398 3.72993L19.8853 16.6982C20.4903 17.7462 19.734 19.0561 18.524 19.0561H3.54948C2.33942 19.0561 1.58313 17.7462 2.18816 16.6982L9.67541 3.72993Z",
|
|
7934
8106
|
fill: fill2,
|
|
7935
8107
|
className: "c-icon-fill"
|
|
7936
8108
|
}),
|
|
7937
|
-
/* @__PURE__ */ (0,
|
|
8109
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)("path", {
|
|
7938
8110
|
fillRule: "evenodd",
|
|
7939
8111
|
clipRule: "evenodd",
|
|
7940
8112
|
d: "M19.3657 16.9982L11.8784 4.02993C11.5043 3.38198 10.5691 3.38198 10.195 4.02993L2.70778 16.9982C2.33369 17.6462 2.8013 18.4561 3.54948 18.4561H18.524C19.2722 18.4561 19.7398 17.6462 19.3657 16.9982ZM12.398 3.72993C11.793 2.68198 10.2804 2.68198 9.67541 3.72993L2.18816 16.6982C1.58313 17.7462 2.33942 19.0561 3.54948 19.0561H18.524C19.734 19.0561 20.4903 17.7462 19.8853 16.6982L12.398 3.72993Z",
|
|
7941
8113
|
fill: stroke
|
|
7942
8114
|
}),
|
|
7943
|
-
/* @__PURE__ */ (0,
|
|
8115
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)("path", {
|
|
7944
8116
|
d: "M10.4293 8.73822C10.4293 8.33098 10.7595 8.00085 11.1667 8.00085V8.00085C11.5739 8.00085 11.9041 8.33098 11.9041 8.73822V12.3883C11.9041 12.7956 11.5739 13.1257 11.1667 13.1257V13.1257C10.7595 13.1257 10.4293 12.7956 10.4293 12.3883V8.73822Z",
|
|
7945
8117
|
fill: stroke
|
|
7946
8118
|
}),
|
|
7947
|
-
/* @__PURE__ */ (0,
|
|
8119
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)("path", {
|
|
7948
8120
|
d: "M11.9041 15.7807C11.9041 16.1879 11.5739 16.5181 11.1667 16.5181C10.7595 16.5181 10.4293 16.1879 10.4293 15.7807C10.4293 15.3735 10.7595 15.0433 11.1667 15.0433C11.5739 15.0433 11.9041 15.3735 11.9041 15.7807Z",
|
|
7949
8121
|
fill: stroke
|
|
7950
8122
|
})
|
|
@@ -7956,15 +8128,15 @@ var init_warning = __esm({
|
|
|
7956
8128
|
});
|
|
7957
8129
|
|
|
7958
8130
|
// src/iconography/x-for-y.tsx
|
|
7959
|
-
var
|
|
8131
|
+
var import_react139, import_jsx_runtime144, XForY;
|
|
7960
8132
|
var init_x_for_y = __esm({
|
|
7961
8133
|
"src/iconography/x-for-y.tsx"() {
|
|
7962
8134
|
"use strict";
|
|
7963
|
-
|
|
8135
|
+
import_react139 = require("react");
|
|
7964
8136
|
init_variables();
|
|
7965
|
-
|
|
7966
|
-
XForY = (0,
|
|
7967
|
-
return /* @__PURE__ */ (0,
|
|
8137
|
+
import_jsx_runtime144 = require("react/jsx-runtime");
|
|
8138
|
+
XForY = (0, import_react139.forwardRef)((delegated, ref) => {
|
|
8139
|
+
return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("svg", {
|
|
7968
8140
|
ref,
|
|
7969
8141
|
width: "22",
|
|
7970
8142
|
height: "22",
|
|
@@ -7972,21 +8144,21 @@ var init_x_for_y = __esm({
|
|
|
7972
8144
|
fill: "none",
|
|
7973
8145
|
...delegated,
|
|
7974
8146
|
children: [
|
|
7975
|
-
/* @__PURE__ */ (0,
|
|
8147
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", {
|
|
7976
8148
|
d: "M6.465 3.169a1 1 0 0 1 .886.535l1.57 2.991 1.615-3a1 1 0 0 1 .88-.526h.539a1 1 0 0 1 .865 1.5l-2.05 3.543 1.341 2.427-1.927 1.104-1.207-2.094-1.726 3.094a1 1 0 0 1-.873.512h-.546a1 1 0 0 1-.86-1.51L7.07 8.212 5.038 4.666a1 1 0 0 1 .868-1.497h.56Z",
|
|
7977
8149
|
fill
|
|
7978
8150
|
}),
|
|
7979
|
-
/* @__PURE__ */ (0,
|
|
8151
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", {
|
|
7980
8152
|
fillRule: "evenodd",
|
|
7981
8153
|
clipRule: "evenodd",
|
|
7982
8154
|
d: "m12.922 10.866-2.96 1.695-.976-1.695-1.211 2.17a1.6 1.6 0 0 1-1.398.82h-.545a1.6 1.6 0 0 1-1.376-2.417l1.919-3.232-1.858-3.242a1.6 1.6 0 0 1 1.389-2.396h.56a1.6 1.6 0 0 1 1.416.856l1.046 1.992 1.08-2.006a1.6 1.6 0 0 1 1.409-.842h.538a1.6 1.6 0 0 1 1.384 2.402l-1.88 3.248 1.463 2.647ZM10.77 8.212l2.05-3.542a1 1 0 0 0-.865-1.5h-.539a1 1 0 0 0-.88.525l-1.615 3-1.57-2.99a1 1 0 0 0-.886-.536h-.56a1 1 0 0 0-.867 1.497L7.07 8.212l-2.098 3.533a1 1 0 0 0 .86 1.51h.545a1 1 0 0 0 .874-.512L8.977 9.65l1.207 2.093 1.927-1.104-1.34-2.427Z",
|
|
7983
8155
|
fill: stroke
|
|
7984
8156
|
}),
|
|
7985
|
-
/* @__PURE__ */ (0,
|
|
8157
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", {
|
|
7986
8158
|
d: "m13.209 11.97 1.886-3.283 1.838-.184.6 1.409-2.854 5.059-.123 3.602-1.555.71-1.25-1.029v-3.283l-2.855-4.9.773-1.568 1.678.27 1.862 3.197Z",
|
|
7987
8159
|
fill: "#fff"
|
|
7988
8160
|
}),
|
|
7989
|
-
/* @__PURE__ */ (0,
|
|
8161
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", {
|
|
7990
8162
|
fillRule: "evenodd",
|
|
7991
8163
|
clipRule: "evenodd",
|
|
7992
8164
|
d: "M13.247 12.418h-.11l-1.802-3.106a1.138 1.138 0 1 0-1.96 1.157l2.634 4.38v2.982a1 1 0 0 0 1 1h.365a1 1 0 0 0 1-1v-2.982l2.66-4.604a1 1 0 0 0-.866-1.5h-.338a1 1 0 0 0-.88.524l-1.703 3.15Zm-.071-1.13-1.322-2.277a1.738 1.738 0 0 0-1.503-.866c-1.352 0-2.186 1.475-1.49 2.633l2.548 4.237v2.816a1.6 1.6 0 0 0 1.6 1.6h.365a1.6 1.6 0 0 0 1.6-1.6V15.01l2.58-4.465a1.6 1.6 0 0 0-1.386-2.4h-.338a1.6 1.6 0 0 0-1.408.839l-1.246 2.305Z",
|
|
@@ -8122,6 +8294,10 @@ var init_iconography = __esm({
|
|
|
8122
8294
|
init_topics();
|
|
8123
8295
|
init_topics_branch();
|
|
8124
8296
|
init_topics_leaf();
|
|
8297
|
+
init_transition_in();
|
|
8298
|
+
init_transition_in_disabled();
|
|
8299
|
+
init_transition_out();
|
|
8300
|
+
init_transition_out_disabled();
|
|
8125
8301
|
init_unpublish();
|
|
8126
8302
|
init_usage();
|
|
8127
8303
|
init_usage_meter();
|
|
@@ -8253,6 +8429,10 @@ var init_iconography = __esm({
|
|
|
8253
8429
|
Topics,
|
|
8254
8430
|
TopicsBranch,
|
|
8255
8431
|
TopicsLeaf,
|
|
8432
|
+
TransitionIn,
|
|
8433
|
+
TransitionInDisabled,
|
|
8434
|
+
TransitionOut,
|
|
8435
|
+
TransitionOutDisabled,
|
|
8256
8436
|
UsageMeter,
|
|
8257
8437
|
Unpublish,
|
|
8258
8438
|
User,
|
|
@@ -8277,29 +8457,29 @@ var init_5 = __esm({
|
|
|
8277
8457
|
function DialogContent({ children, closable = true, type, className, container, ...delegated }) {
|
|
8278
8458
|
const withIcon = typeof type !== "undefined";
|
|
8279
8459
|
const IconComponent = type && IconMap[type];
|
|
8280
|
-
return /* @__PURE__ */ (0,
|
|
8460
|
+
return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DialogPrimitive.Portal, {
|
|
8281
8461
|
container,
|
|
8282
8462
|
children: [
|
|
8283
|
-
/* @__PURE__ */ (0,
|
|
8463
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DialogPrimitive.Overlay, {
|
|
8284
8464
|
className: "c-dialog-overlay"
|
|
8285
8465
|
}),
|
|
8286
|
-
/* @__PURE__ */ (0,
|
|
8466
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DialogPrimitive.Content, {
|
|
8287
8467
|
className: dialogContentStyles({ withIcon, class: className }),
|
|
8288
8468
|
...delegated,
|
|
8289
8469
|
children: [
|
|
8290
|
-
IconComponent && /* @__PURE__ */ (0,
|
|
8470
|
+
IconComponent && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
|
|
8291
8471
|
className: "c-dialog-icon-wrapper",
|
|
8292
|
-
children: /* @__PURE__ */ (0,
|
|
8472
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(IconComponent, {
|
|
8293
8473
|
className: "c-dialog-icon",
|
|
8294
8474
|
width: 34,
|
|
8295
8475
|
height: 34
|
|
8296
8476
|
})
|
|
8297
8477
|
}),
|
|
8298
|
-
closable && /* @__PURE__ */ (0,
|
|
8478
|
+
closable && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DialogClose, {
|
|
8299
8479
|
asChild: true,
|
|
8300
|
-
children: /* @__PURE__ */ (0,
|
|
8480
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Button, {
|
|
8301
8481
|
className: "c-dialog-close-button",
|
|
8302
|
-
children: /* @__PURE__ */ (0,
|
|
8482
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Icon.Cancel, {
|
|
8303
8483
|
color: "density",
|
|
8304
8484
|
"aria-label": "Close",
|
|
8305
8485
|
height: 16,
|
|
@@ -8307,7 +8487,7 @@ function DialogContent({ children, closable = true, type, className, container,
|
|
|
8307
8487
|
})
|
|
8308
8488
|
})
|
|
8309
8489
|
}),
|
|
8310
|
-
/* @__PURE__ */ (0,
|
|
8490
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
|
|
8311
8491
|
children
|
|
8312
8492
|
})
|
|
8313
8493
|
]
|
|
@@ -8316,24 +8496,24 @@ function DialogContent({ children, closable = true, type, className, container,
|
|
|
8316
8496
|
});
|
|
8317
8497
|
}
|
|
8318
8498
|
function DialogTitle({ className, ...delegated }) {
|
|
8319
|
-
return /* @__PURE__ */ (0,
|
|
8499
|
+
return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DialogPrimitive.Title, {
|
|
8320
8500
|
className: (0, import_class_variance_authority10.cx)("c-dialog-title", className),
|
|
8321
8501
|
...delegated
|
|
8322
8502
|
});
|
|
8323
8503
|
}
|
|
8324
8504
|
function DialogDescription(delegated) {
|
|
8325
|
-
return /* @__PURE__ */ (0,
|
|
8505
|
+
return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DialogPrimitive.Description, {
|
|
8326
8506
|
className: "c-dialog-description",
|
|
8327
8507
|
...delegated
|
|
8328
8508
|
});
|
|
8329
8509
|
}
|
|
8330
8510
|
function DialogBase({ children, ...delegated }) {
|
|
8331
|
-
return /* @__PURE__ */ (0,
|
|
8511
|
+
return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DialogRoot, {
|
|
8332
8512
|
...delegated,
|
|
8333
8513
|
children
|
|
8334
8514
|
});
|
|
8335
8515
|
}
|
|
8336
|
-
var import_class_variance_authority10, DialogPrimitive,
|
|
8516
|
+
var import_class_variance_authority10, DialogPrimitive, import_jsx_runtime146, IconMap, dialogContentStyles, DialogTrigger, DialogClose, DialogRoot;
|
|
8337
8517
|
var init_dialog = __esm({
|
|
8338
8518
|
"src/dialog/dialog.tsx"() {
|
|
8339
8519
|
"use strict";
|
|
@@ -8342,7 +8522,7 @@ var init_dialog = __esm({
|
|
|
8342
8522
|
init_button2();
|
|
8343
8523
|
init_iconography();
|
|
8344
8524
|
init_5();
|
|
8345
|
-
|
|
8525
|
+
import_jsx_runtime146 = require("react/jsx-runtime");
|
|
8346
8526
|
IconMap = {
|
|
8347
8527
|
error: Icon.Error,
|
|
8348
8528
|
info: Icon.Info,
|
|
@@ -8389,14 +8569,14 @@ function ConfirmDialog({
|
|
|
8389
8569
|
closable,
|
|
8390
8570
|
className
|
|
8391
8571
|
}) {
|
|
8392
|
-
const cancelButton = (okCancel || displayCancel) && /* @__PURE__ */ (0,
|
|
8572
|
+
const cancelButton = (okCancel || displayCancel) && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, {
|
|
8393
8573
|
onClick: () => {
|
|
8394
8574
|
onCancel?.();
|
|
8395
8575
|
close();
|
|
8396
8576
|
},
|
|
8397
8577
|
children: cancelText
|
|
8398
8578
|
});
|
|
8399
|
-
const okButton = displayOk && /* @__PURE__ */ (0,
|
|
8579
|
+
const okButton = displayOk && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, {
|
|
8400
8580
|
intent: okButtonIntent,
|
|
8401
8581
|
onClick: () => {
|
|
8402
8582
|
onOk?.();
|
|
@@ -8404,10 +8584,10 @@ function ConfirmDialog({
|
|
|
8404
8584
|
},
|
|
8405
8585
|
children: okText
|
|
8406
8586
|
});
|
|
8407
|
-
return /* @__PURE__ */ (0,
|
|
8587
|
+
return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(DialogRoot, {
|
|
8408
8588
|
open,
|
|
8409
8589
|
onOpenChange: () => close(),
|
|
8410
|
-
children: /* @__PURE__ */ (0,
|
|
8590
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(Dialog.Content, {
|
|
8411
8591
|
onEscapeKeyDown,
|
|
8412
8592
|
onInteractOutside,
|
|
8413
8593
|
onPointerDownOutside,
|
|
@@ -8415,14 +8595,14 @@ function ConfirmDialog({
|
|
|
8415
8595
|
closable,
|
|
8416
8596
|
className,
|
|
8417
8597
|
children: [
|
|
8418
|
-
title && /* @__PURE__ */ (0,
|
|
8598
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Dialog.Title, {
|
|
8419
8599
|
children: title
|
|
8420
8600
|
}),
|
|
8421
|
-
description && /* @__PURE__ */ (0,
|
|
8601
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Dialog.Description, {
|
|
8422
8602
|
children: description
|
|
8423
8603
|
}),
|
|
8424
8604
|
content,
|
|
8425
|
-
(displayOk || okCancel || displayCancel) && /* @__PURE__ */ (0,
|
|
8605
|
+
(displayOk || okCancel || displayCancel) && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", {
|
|
8426
8606
|
className: "c-dialog-content__buttons",
|
|
8427
8607
|
children: [
|
|
8428
8608
|
cancelButton,
|
|
@@ -8433,14 +8613,14 @@ function ConfirmDialog({
|
|
|
8433
8613
|
})
|
|
8434
8614
|
});
|
|
8435
8615
|
}
|
|
8436
|
-
var
|
|
8616
|
+
var import_jsx_runtime147;
|
|
8437
8617
|
var init_confirm_dialog = __esm({
|
|
8438
8618
|
"src/dialog/confirm-dialog.tsx"() {
|
|
8439
8619
|
"use strict";
|
|
8440
8620
|
init_dialog2();
|
|
8441
8621
|
init_button2();
|
|
8442
8622
|
init_dialog();
|
|
8443
|
-
|
|
8623
|
+
import_jsx_runtime147 = require("react/jsx-runtime");
|
|
8444
8624
|
}
|
|
8445
8625
|
});
|
|
8446
8626
|
|
|
@@ -8485,7 +8665,7 @@ function confirm(config) {
|
|
|
8485
8665
|
function render({ okText, cancelText, ...delegated }) {
|
|
8486
8666
|
clearTimeout(timeoutId);
|
|
8487
8667
|
timeoutId = setTimeout(() => {
|
|
8488
|
-
(0, import_react_dom.render)(/* @__PURE__ */ (0,
|
|
8668
|
+
(0, import_react_dom.render)(/* @__PURE__ */ (0, import_jsx_runtime148.jsx)(ConfirmDialog, {
|
|
8489
8669
|
...delegated,
|
|
8490
8670
|
okText,
|
|
8491
8671
|
cancelText
|
|
@@ -8562,14 +8742,14 @@ function withConfirm(delegated) {
|
|
|
8562
8742
|
onPointerDownOutside: dumbFn
|
|
8563
8743
|
};
|
|
8564
8744
|
}
|
|
8565
|
-
var import_react_dom,
|
|
8745
|
+
var import_react_dom, import_jsx_runtime148, dumbFn;
|
|
8566
8746
|
var init_config = __esm({
|
|
8567
8747
|
"src/dialog/config.tsx"() {
|
|
8568
8748
|
"use strict";
|
|
8569
8749
|
import_react_dom = require("react-dom");
|
|
8570
8750
|
init_confirm_dialog();
|
|
8571
8751
|
init_destroyFns();
|
|
8572
|
-
|
|
8752
|
+
import_jsx_runtime148 = require("react/jsx-runtime");
|
|
8573
8753
|
dumbFn = (event) => {
|
|
8574
8754
|
event.preventDefault();
|
|
8575
8755
|
};
|
|
@@ -8618,14 +8798,14 @@ var init_6 = __esm({
|
|
|
8618
8798
|
});
|
|
8619
8799
|
|
|
8620
8800
|
// src/icon-button/icon-button.tsx
|
|
8621
|
-
var
|
|
8801
|
+
var import_react140, import_class_variance_authority11, import_jsx_runtime149, buttonStyles3, IconButton;
|
|
8622
8802
|
var init_icon_button = __esm({
|
|
8623
8803
|
"src/icon-button/icon-button.tsx"() {
|
|
8624
8804
|
"use strict";
|
|
8625
|
-
|
|
8805
|
+
import_react140 = require("react");
|
|
8626
8806
|
import_class_variance_authority11 = require("class-variance-authority");
|
|
8627
8807
|
init_6();
|
|
8628
|
-
|
|
8808
|
+
import_jsx_runtime149 = require("react/jsx-runtime");
|
|
8629
8809
|
buttonStyles3 = (0, import_class_variance_authority11.cva)(["c-icon-button"], {
|
|
8630
8810
|
variants: {
|
|
8631
8811
|
variant: {
|
|
@@ -8645,9 +8825,9 @@ var init_icon_button = __esm({
|
|
|
8645
8825
|
variant: "default"
|
|
8646
8826
|
}
|
|
8647
8827
|
});
|
|
8648
|
-
IconButton = (0,
|
|
8828
|
+
IconButton = (0, import_react140.forwardRef)(
|
|
8649
8829
|
({ children, className, type = "button", size, variant, ...delegated }, ref) => {
|
|
8650
|
-
return /* @__PURE__ */ (0,
|
|
8830
|
+
return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("button", {
|
|
8651
8831
|
ref,
|
|
8652
8832
|
type,
|
|
8653
8833
|
className: buttonStyles3({ size, variant, className }),
|
|
@@ -8681,20 +8861,20 @@ var init_8 = __esm({
|
|
|
8681
8861
|
});
|
|
8682
8862
|
|
|
8683
8863
|
// src/input/input.tsx
|
|
8684
|
-
var
|
|
8864
|
+
var import_react141, import_class_variance_authority13, import_jsx_runtime151, inputStyles, Input;
|
|
8685
8865
|
var init_input = __esm({
|
|
8686
8866
|
"src/input/input.tsx"() {
|
|
8687
8867
|
"use strict";
|
|
8688
|
-
|
|
8868
|
+
import_react141 = require("react");
|
|
8689
8869
|
import_class_variance_authority13 = require("class-variance-authority");
|
|
8690
8870
|
init_8();
|
|
8691
|
-
|
|
8871
|
+
import_jsx_runtime151 = require("react/jsx-runtime");
|
|
8692
8872
|
inputStyles = (0, import_class_variance_authority13.cva)(["c-input"], {
|
|
8693
8873
|
variants: {},
|
|
8694
8874
|
defaultVariants: {}
|
|
8695
8875
|
});
|
|
8696
|
-
Input = (0,
|
|
8697
|
-
return /* @__PURE__ */ (0,
|
|
8876
|
+
Input = (0, import_react141.forwardRef)(({ className, ...delegated }, ref) => {
|
|
8877
|
+
return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("input", {
|
|
8698
8878
|
ref,
|
|
8699
8879
|
className: inputStyles({ className }),
|
|
8700
8880
|
type: "text",
|
|
@@ -8720,16 +8900,16 @@ var init_9 = __esm({
|
|
|
8720
8900
|
});
|
|
8721
8901
|
|
|
8722
8902
|
// src/label/label.tsx
|
|
8723
|
-
var
|
|
8903
|
+
var import_react142, import_class_variance_authority14, import_jsx_runtime152, Label2;
|
|
8724
8904
|
var init_label = __esm({
|
|
8725
8905
|
"src/label/label.tsx"() {
|
|
8726
8906
|
"use strict";
|
|
8727
|
-
|
|
8907
|
+
import_react142 = require("react");
|
|
8728
8908
|
import_class_variance_authority14 = require("class-variance-authority");
|
|
8729
8909
|
init_9();
|
|
8730
|
-
|
|
8731
|
-
Label2 = (0,
|
|
8732
|
-
return /* @__PURE__ */ (0,
|
|
8910
|
+
import_jsx_runtime152 = require("react/jsx-runtime");
|
|
8911
|
+
Label2 = (0, import_react142.forwardRef)(({ className, ...delegated }, ref) => {
|
|
8912
|
+
return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("label", {
|
|
8733
8913
|
ref,
|
|
8734
8914
|
className: (0, import_class_variance_authority14.cx)("c-label", className),
|
|
8735
8915
|
...delegated
|
|
@@ -8766,20 +8946,20 @@ function Tooltip({
|
|
|
8766
8946
|
open,
|
|
8767
8947
|
disableHoverableContent
|
|
8768
8948
|
}) {
|
|
8769
|
-
return /* @__PURE__ */ (0,
|
|
8949
|
+
return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(RadixTooltip.Provider, {
|
|
8770
8950
|
delayDuration,
|
|
8771
8951
|
disableHoverableContent,
|
|
8772
|
-
children: /* @__PURE__ */ (0,
|
|
8952
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(RadixTooltip.Root, {
|
|
8773
8953
|
defaultOpen,
|
|
8774
8954
|
onOpenChange,
|
|
8775
8955
|
open,
|
|
8776
8956
|
children: [
|
|
8777
|
-
/* @__PURE__ */ (0,
|
|
8957
|
+
/* @__PURE__ */ (0, import_jsx_runtime153.jsx)(RadixTooltip.Trigger, {
|
|
8778
8958
|
asChild: true,
|
|
8779
8959
|
children
|
|
8780
8960
|
}),
|
|
8781
|
-
/* @__PURE__ */ (0,
|
|
8782
|
-
children: /* @__PURE__ */ (0,
|
|
8961
|
+
/* @__PURE__ */ (0, import_jsx_runtime153.jsx)(RadixTooltip.Portal, {
|
|
8962
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(RadixTooltip.Content, {
|
|
8783
8963
|
align,
|
|
8784
8964
|
sideOffset: 5,
|
|
8785
8965
|
side,
|
|
@@ -8791,13 +8971,13 @@ function Tooltip({
|
|
|
8791
8971
|
})
|
|
8792
8972
|
});
|
|
8793
8973
|
}
|
|
8794
|
-
var import_class_variance_authority15, RadixTooltip,
|
|
8974
|
+
var import_class_variance_authority15, RadixTooltip, import_jsx_runtime153, tooltipStyles;
|
|
8795
8975
|
var init_tooltip = __esm({
|
|
8796
8976
|
"src/tooltip/tooltip.tsx"() {
|
|
8797
8977
|
"use strict";
|
|
8798
8978
|
import_class_variance_authority15 = require("class-variance-authority");
|
|
8799
8979
|
RadixTooltip = __toESM(require("@radix-ui/react-tooltip"));
|
|
8800
|
-
|
|
8980
|
+
import_jsx_runtime153 = require("react/jsx-runtime");
|
|
8801
8981
|
tooltipStyles = (0, import_class_variance_authority15.cva)(
|
|
8802
8982
|
"c-tooltip-content data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade",
|
|
8803
8983
|
{
|
|
@@ -8827,17 +9007,17 @@ var init_tooltip2 = __esm({
|
|
|
8827
9007
|
});
|
|
8828
9008
|
|
|
8829
9009
|
// src/input-with-label/input-with-label.tsx
|
|
8830
|
-
var
|
|
9010
|
+
var import_react143, import_class_variance_authority16, import_jsx_runtime154, inputWithLabelStyles, InputWithLabel;
|
|
8831
9011
|
var init_input_with_label = __esm({
|
|
8832
9012
|
"src/input-with-label/input-with-label.tsx"() {
|
|
8833
9013
|
"use strict";
|
|
8834
|
-
|
|
9014
|
+
import_react143 = require("react");
|
|
8835
9015
|
import_class_variance_authority16 = require("class-variance-authority");
|
|
8836
9016
|
init_iconography();
|
|
8837
9017
|
init_input2();
|
|
8838
9018
|
init_label2();
|
|
8839
9019
|
init_tooltip2();
|
|
8840
|
-
|
|
9020
|
+
import_jsx_runtime154 = require("react/jsx-runtime");
|
|
8841
9021
|
inputWithLabelStyles = (0, import_class_variance_authority16.cva)(["c-input-with-label"], {
|
|
8842
9022
|
variants: {
|
|
8843
9023
|
variant: {
|
|
@@ -8852,40 +9032,40 @@ var init_input_with_label = __esm({
|
|
|
8852
9032
|
},
|
|
8853
9033
|
defaultVariants: {}
|
|
8854
9034
|
});
|
|
8855
|
-
InputWithLabel = (0,
|
|
9035
|
+
InputWithLabel = (0, import_react143.forwardRef)(
|
|
8856
9036
|
({ className, label, append, errorMessage, status, statusMessage, variant, id, labelProps, ...delegated }, ref) => {
|
|
8857
9037
|
const { className: labelClassName, ...labelPropsRest } = labelProps ?? {};
|
|
8858
|
-
return /* @__PURE__ */ (0,
|
|
8859
|
-
children: /* @__PURE__ */ (0,
|
|
9038
|
+
return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_jsx_runtime154.Fragment, {
|
|
9039
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(Label2, {
|
|
8860
9040
|
className: inputWithLabelStyles({ status, variant, className: labelClassName }),
|
|
8861
9041
|
htmlFor: id,
|
|
8862
9042
|
...labelPropsRest,
|
|
8863
9043
|
children: [
|
|
8864
9044
|
label,
|
|
8865
|
-
/* @__PURE__ */ (0,
|
|
9045
|
+
/* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("span", {
|
|
8866
9046
|
className: "c-input-with-label-input-wrap",
|
|
8867
9047
|
children: [
|
|
8868
|
-
/* @__PURE__ */ (0,
|
|
9048
|
+
/* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Input, {
|
|
8869
9049
|
className: (0, import_class_variance_authority16.cx)("c-input-with-label-input", className),
|
|
8870
9050
|
ref,
|
|
8871
9051
|
id,
|
|
8872
9052
|
...delegated
|
|
8873
9053
|
}),
|
|
8874
|
-
!!(errorMessage ?? statusMessage) ? /* @__PURE__ */ (0,
|
|
9054
|
+
!!(errorMessage ?? statusMessage) ? /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Tooltip, {
|
|
8875
9055
|
content: errorMessage ?? statusMessage,
|
|
8876
9056
|
variant: status,
|
|
8877
|
-
children: /* @__PURE__ */ (0,
|
|
9057
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", {
|
|
8878
9058
|
"data-testid": "input-with-label-status-message",
|
|
8879
9059
|
className: "c-input-with-label-append",
|
|
8880
|
-
children: status === "error" ? /* @__PURE__ */ (0,
|
|
9060
|
+
children: status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Icon.Error, {
|
|
8881
9061
|
width: 20,
|
|
8882
9062
|
height: 20
|
|
8883
|
-
}) : /* @__PURE__ */ (0,
|
|
9063
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Icon.Warning, {
|
|
8884
9064
|
width: 20,
|
|
8885
9065
|
height: 20
|
|
8886
9066
|
})
|
|
8887
9067
|
})
|
|
8888
|
-
}) : !!append && /* @__PURE__ */ (0,
|
|
9068
|
+
}) : !!append && /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", {
|
|
8889
9069
|
className: "c-input-with-label-append",
|
|
8890
9070
|
children: append
|
|
8891
9071
|
})
|
|
@@ -8922,23 +9102,23 @@ var init_12 = __esm({
|
|
|
8922
9102
|
});
|
|
8923
9103
|
|
|
8924
9104
|
// src/rich-text-editor/context/SharedHistoryContext.tsx
|
|
8925
|
-
var
|
|
9105
|
+
var import_react147, import_LexicalHistoryPlugin, import_jsx_runtime164, Context, SharedHistoryContext, useSharedHistoryContext;
|
|
8926
9106
|
var init_SharedHistoryContext = __esm({
|
|
8927
9107
|
"src/rich-text-editor/context/SharedHistoryContext.tsx"() {
|
|
8928
9108
|
"use strict";
|
|
8929
|
-
|
|
9109
|
+
import_react147 = require("react");
|
|
8930
9110
|
import_LexicalHistoryPlugin = require("@lexical/react/LexicalHistoryPlugin");
|
|
8931
|
-
|
|
8932
|
-
Context = (0,
|
|
9111
|
+
import_jsx_runtime164 = require("react/jsx-runtime");
|
|
9112
|
+
Context = (0, import_react147.createContext)({});
|
|
8933
9113
|
SharedHistoryContext = ({ children }) => {
|
|
8934
|
-
const historyContext = (0,
|
|
8935
|
-
return /* @__PURE__ */ (0,
|
|
9114
|
+
const historyContext = (0, import_react147.useMemo)(() => ({ historyState: (0, import_LexicalHistoryPlugin.createEmptyHistoryState)() }), []);
|
|
9115
|
+
return /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Context.Provider, {
|
|
8936
9116
|
value: historyContext,
|
|
8937
9117
|
children
|
|
8938
9118
|
});
|
|
8939
9119
|
};
|
|
8940
9120
|
useSharedHistoryContext = () => {
|
|
8941
|
-
return (0,
|
|
9121
|
+
return (0, import_react147.useContext)(Context);
|
|
8942
9122
|
};
|
|
8943
9123
|
}
|
|
8944
9124
|
});
|
|
@@ -9020,7 +9200,7 @@ function I18nProvider({
|
|
|
9020
9200
|
children
|
|
9021
9201
|
}) {
|
|
9022
9202
|
const translations2 = labelTranslations || en_default;
|
|
9023
|
-
return /* @__PURE__ */ (0,
|
|
9203
|
+
return /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(I18nContext.Provider, {
|
|
9024
9204
|
value: translations2,
|
|
9025
9205
|
children
|
|
9026
9206
|
});
|
|
@@ -9029,7 +9209,7 @@ function replaceI18nVariablesInString(str, replaceWith) {
|
|
|
9029
9209
|
return str.replace(/({{[^}]+}})/g, replaceWith);
|
|
9030
9210
|
}
|
|
9031
9211
|
function useTr() {
|
|
9032
|
-
const context = (0,
|
|
9212
|
+
const context = (0, import_react148.useContext)(I18nContext);
|
|
9033
9213
|
return (key, units) => {
|
|
9034
9214
|
const thereAreUnits = typeof units === "number";
|
|
9035
9215
|
const keyToUse = thereAreUnits && units > 1 ? `${key}_plural` : key;
|
|
@@ -9043,15 +9223,15 @@ function useTr() {
|
|
|
9043
9223
|
return "";
|
|
9044
9224
|
};
|
|
9045
9225
|
}
|
|
9046
|
-
var
|
|
9226
|
+
var import_react148, import_jsx_runtime165, I18nContext;
|
|
9047
9227
|
var init_i18n = __esm({
|
|
9048
9228
|
"src/rich-text-editor/i18n/index.tsx"() {
|
|
9049
9229
|
"use strict";
|
|
9050
|
-
|
|
9230
|
+
import_react148 = require("react");
|
|
9051
9231
|
init_en();
|
|
9052
9232
|
init_en();
|
|
9053
|
-
|
|
9054
|
-
I18nContext = (0,
|
|
9233
|
+
import_jsx_runtime165 = require("react/jsx-runtime");
|
|
9234
|
+
I18nContext = (0, import_react148.createContext)(null);
|
|
9055
9235
|
}
|
|
9056
9236
|
});
|
|
9057
9237
|
|
|
@@ -9497,17 +9677,17 @@ var init_BaseNodes = __esm({
|
|
|
9497
9677
|
|
|
9498
9678
|
// src/rich-text-editor/plugins/AutoLinkPlugin/index.tsx
|
|
9499
9679
|
function LexicalAutoLinkPlugin() {
|
|
9500
|
-
return /* @__PURE__ */ (0,
|
|
9680
|
+
return /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_LexicalAutoLinkPlugin.AutoLinkPlugin, {
|
|
9501
9681
|
matchers: MATCHERS
|
|
9502
9682
|
});
|
|
9503
9683
|
}
|
|
9504
|
-
var React2, import_LexicalAutoLinkPlugin,
|
|
9684
|
+
var React2, import_LexicalAutoLinkPlugin, import_jsx_runtime166, URL_MATCHER, EMAIL_MATCHER, MATCHERS;
|
|
9505
9685
|
var init_AutoLinkPlugin = __esm({
|
|
9506
9686
|
"src/rich-text-editor/plugins/AutoLinkPlugin/index.tsx"() {
|
|
9507
9687
|
"use strict";
|
|
9508
9688
|
React2 = require("react");
|
|
9509
9689
|
import_LexicalAutoLinkPlugin = require("@lexical/react/LexicalAutoLinkPlugin");
|
|
9510
|
-
|
|
9690
|
+
import_jsx_runtime166 = require("react/jsx-runtime");
|
|
9511
9691
|
URL_MATCHER = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
|
|
9512
9692
|
EMAIL_MATCHER = /(([^<>()[\]\\.,;:\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,}))/;
|
|
9513
9693
|
MATCHERS = [
|
|
@@ -9539,7 +9719,7 @@ var init_AutoLinkPlugin = __esm({
|
|
|
9539
9719
|
|
|
9540
9720
|
// src/rich-text-editor/plugins/CodeActionMenuPlugin/components/CopyButton/index.tsx
|
|
9541
9721
|
function CopyButton({ editor, getCodeDOMNode }) {
|
|
9542
|
-
const [isCopyCompleted, setCopyCompleted] = (0,
|
|
9722
|
+
const [isCopyCompleted, setCopyCompleted] = (0, import_react149.useState)(false);
|
|
9543
9723
|
const tr = useTr();
|
|
9544
9724
|
const removeSuccessIcon = (0, import_use_debounce.useDebouncedCallback)(() => {
|
|
9545
9725
|
setCopyCompleted(false);
|
|
@@ -9566,28 +9746,28 @@ function CopyButton({ editor, getCodeDOMNode }) {
|
|
|
9566
9746
|
console.error("Failed to copy: ", err);
|
|
9567
9747
|
}
|
|
9568
9748
|
}
|
|
9569
|
-
return /* @__PURE__ */ (0,
|
|
9749
|
+
return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("button", {
|
|
9570
9750
|
className: "c-rte-code-button",
|
|
9571
9751
|
onClick: handleClick,
|
|
9572
9752
|
"aria-label": tr("actionCopyCode"),
|
|
9573
|
-
children: isCopyCompleted ? /* @__PURE__ */ (0,
|
|
9753
|
+
children: isCopyCompleted ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("i", {
|
|
9574
9754
|
className: "c-rte-code-button__icon c-rte-icon-success"
|
|
9575
|
-
}) : /* @__PURE__ */ (0,
|
|
9755
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("i", {
|
|
9576
9756
|
className: "c-rte-code-button__icon c-rte-icon-copy"
|
|
9577
9757
|
})
|
|
9578
9758
|
});
|
|
9579
9759
|
}
|
|
9580
|
-
var React3,
|
|
9760
|
+
var React3, import_react149, import_lexical4, import_use_debounce, import_code4, import_jsx_runtime167;
|
|
9581
9761
|
var init_CopyButton = __esm({
|
|
9582
9762
|
"src/rich-text-editor/plugins/CodeActionMenuPlugin/components/CopyButton/index.tsx"() {
|
|
9583
9763
|
"use strict";
|
|
9584
9764
|
React3 = require("react");
|
|
9585
|
-
|
|
9765
|
+
import_react149 = require("react");
|
|
9586
9766
|
import_lexical4 = require("lexical");
|
|
9587
9767
|
import_use_debounce = require("use-debounce");
|
|
9588
9768
|
import_code4 = require("@lexical/code");
|
|
9589
9769
|
init_i18n();
|
|
9590
|
-
|
|
9770
|
+
import_jsx_runtime167 = require("react/jsx-runtime");
|
|
9591
9771
|
}
|
|
9592
9772
|
});
|
|
9593
9773
|
|
|
@@ -38436,8 +38616,8 @@ function getPrettierOptions(lang) {
|
|
|
38436
38616
|
return options;
|
|
38437
38617
|
}
|
|
38438
38618
|
function PrettierButton({ lang, editor, getCodeDOMNode }) {
|
|
38439
|
-
const [syntaxError, setSyntaxError] = (0,
|
|
38440
|
-
const [tipsVisible, setTipsVisible] = (0,
|
|
38619
|
+
const [syntaxError, setSyntaxError] = (0, import_react150.useState)("");
|
|
38620
|
+
const [tipsVisible, setTipsVisible] = (0, import_react150.useState)(false);
|
|
38441
38621
|
const tr = useTr();
|
|
38442
38622
|
async function handleClick() {
|
|
38443
38623
|
const codeDOMNode = getCodeDOMNode();
|
|
@@ -38493,38 +38673,38 @@ function PrettierButton({ lang, editor, getCodeDOMNode }) {
|
|
|
38493
38673
|
setTipsVisible(false);
|
|
38494
38674
|
}
|
|
38495
38675
|
}
|
|
38496
|
-
return /* @__PURE__ */ (0,
|
|
38676
|
+
return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", {
|
|
38497
38677
|
className: "c-rte-prettier-wrapper",
|
|
38498
38678
|
children: [
|
|
38499
|
-
/* @__PURE__ */ (0,
|
|
38679
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)("button", {
|
|
38500
38680
|
className: "c-rte-code-button",
|
|
38501
38681
|
onClick: handleClick,
|
|
38502
38682
|
onMouseEnter: handleMouseEnter,
|
|
38503
38683
|
onMouseLeave: handleMouseLeave,
|
|
38504
38684
|
"aria-label": tr("actionFormatCode"),
|
|
38505
|
-
children: syntaxError ? /* @__PURE__ */ (0,
|
|
38685
|
+
children: syntaxError ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("i", {
|
|
38506
38686
|
className: "c-rte-code-button__icon c-rte-icon-prettier-error"
|
|
38507
|
-
}) : /* @__PURE__ */ (0,
|
|
38687
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("i", {
|
|
38508
38688
|
className: "c-rte-code-button__icon c-rte-icon-prettier"
|
|
38509
38689
|
})
|
|
38510
38690
|
}),
|
|
38511
|
-
tipsVisible ? /* @__PURE__ */ (0,
|
|
38691
|
+
tipsVisible ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("pre", {
|
|
38512
38692
|
className: "c-rte-code-error-tips",
|
|
38513
38693
|
children: syntaxError
|
|
38514
38694
|
}) : null
|
|
38515
38695
|
]
|
|
38516
38696
|
});
|
|
38517
38697
|
}
|
|
38518
|
-
var React4,
|
|
38698
|
+
var React4, import_react150, import_lexical5, import_code5, import_jsx_runtime168, PRETTIER_PARSER_MODULES, PRETTIER_OPTIONS_BY_LANG, LANG_CAN_BE_PRETTIER;
|
|
38519
38699
|
var init_PrettierButton = __esm({
|
|
38520
38700
|
"src/rich-text-editor/plugins/CodeActionMenuPlugin/components/PrettierButton/index.tsx"() {
|
|
38521
38701
|
"use strict";
|
|
38522
38702
|
React4 = require("react");
|
|
38523
|
-
|
|
38703
|
+
import_react150 = require("react");
|
|
38524
38704
|
import_lexical5 = require("lexical");
|
|
38525
38705
|
import_code5 = require("@lexical/code");
|
|
38526
38706
|
init_i18n();
|
|
38527
|
-
|
|
38707
|
+
import_jsx_runtime168 = require("react/jsx-runtime");
|
|
38528
38708
|
PRETTIER_PARSER_MODULES = {
|
|
38529
38709
|
css: () => Promise.resolve().then(() => __toESM(require_parser_postcss())),
|
|
38530
38710
|
html: () => Promise.resolve().then(() => __toESM(require_parser_html())),
|
|
@@ -38551,15 +38731,15 @@ var init_PrettierButton = __esm({
|
|
|
38551
38731
|
// src/rich-text-editor/plugins/CodeActionMenuPlugin/index.tsx
|
|
38552
38732
|
function CodeActionMenuContainer({ anchorElem }) {
|
|
38553
38733
|
const [editor] = (0, import_LexicalComposerContext.useLexicalComposerContext)();
|
|
38554
|
-
const [lang, setLang] = (0,
|
|
38555
|
-
const [isShown, setShown] = (0,
|
|
38556
|
-
const [shouldListenMouseMove, setShouldListenMouseMove] = (0,
|
|
38557
|
-
const [position, setPosition] = (0,
|
|
38734
|
+
const [lang, setLang] = (0, import_react151.useState)("");
|
|
38735
|
+
const [isShown, setShown] = (0, import_react151.useState)(false);
|
|
38736
|
+
const [shouldListenMouseMove, setShouldListenMouseMove] = (0, import_react151.useState)(false);
|
|
38737
|
+
const [position, setPosition] = (0, import_react151.useState)({
|
|
38558
38738
|
right: "0",
|
|
38559
38739
|
top: "0"
|
|
38560
38740
|
});
|
|
38561
|
-
const codeSetRef = (0,
|
|
38562
|
-
const codeDOMNodeRef = (0,
|
|
38741
|
+
const codeSetRef = (0, import_react151.useRef)(/* @__PURE__ */ new Set());
|
|
38742
|
+
const codeDOMNodeRef = (0, import_react151.useRef)(null);
|
|
38563
38743
|
function getCodeDOMNode() {
|
|
38564
38744
|
return codeDOMNodeRef.current;
|
|
38565
38745
|
}
|
|
@@ -38597,7 +38777,7 @@ function CodeActionMenuContainer({ anchorElem }) {
|
|
|
38597
38777
|
50,
|
|
38598
38778
|
{ maxWait: 1e3 }
|
|
38599
38779
|
);
|
|
38600
|
-
(0,
|
|
38780
|
+
(0, import_react151.useEffect)(() => {
|
|
38601
38781
|
if (!shouldListenMouseMove) {
|
|
38602
38782
|
return;
|
|
38603
38783
|
}
|
|
@@ -38608,7 +38788,7 @@ function CodeActionMenuContainer({ anchorElem }) {
|
|
|
38608
38788
|
document.removeEventListener("mousemove", debouncedOnMouseMove);
|
|
38609
38789
|
};
|
|
38610
38790
|
}, [shouldListenMouseMove, debouncedOnMouseMove]);
|
|
38611
|
-
(0,
|
|
38791
|
+
(0, import_react151.useEffect)(() => {
|
|
38612
38792
|
return editor.registerMutationListener(
|
|
38613
38793
|
import_code6.CodeNode,
|
|
38614
38794
|
(mutations) => {
|
|
@@ -38633,20 +38813,20 @@ function CodeActionMenuContainer({ anchorElem }) {
|
|
|
38633
38813
|
}, [editor]);
|
|
38634
38814
|
const normalizedLang = (0, import_code6.normalizeCodeLang)(lang);
|
|
38635
38815
|
const codeFriendlyName = (0, import_code6.getLanguageFriendlyName)(lang);
|
|
38636
|
-
return /* @__PURE__ */ (0,
|
|
38637
|
-
children: isShown ? /* @__PURE__ */ (0,
|
|
38816
|
+
return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_jsx_runtime169.Fragment, {
|
|
38817
|
+
children: isShown ? /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", {
|
|
38638
38818
|
className: "c-rte-code-action-menu-container",
|
|
38639
38819
|
style: { ...position },
|
|
38640
38820
|
children: [
|
|
38641
|
-
/* @__PURE__ */ (0,
|
|
38821
|
+
/* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", {
|
|
38642
38822
|
className: "c-rte-code-highlight-language",
|
|
38643
38823
|
children: codeFriendlyName
|
|
38644
38824
|
}),
|
|
38645
|
-
/* @__PURE__ */ (0,
|
|
38825
|
+
/* @__PURE__ */ (0, import_jsx_runtime169.jsx)(CopyButton, {
|
|
38646
38826
|
editor,
|
|
38647
38827
|
getCodeDOMNode
|
|
38648
38828
|
}),
|
|
38649
|
-
canBePrettier(normalizedLang) ? /* @__PURE__ */ (0,
|
|
38829
|
+
canBePrettier(normalizedLang) ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(PrettierButton, {
|
|
38650
38830
|
editor,
|
|
38651
38831
|
getCodeDOMNode,
|
|
38652
38832
|
lang: normalizedLang
|
|
@@ -38668,15 +38848,15 @@ function getMouseInfo(event) {
|
|
|
38668
38848
|
function CodeActionMenuPlugin({
|
|
38669
38849
|
anchorElem = document.body
|
|
38670
38850
|
}) {
|
|
38671
|
-
return (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0,
|
|
38851
|
+
return (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime169.jsx)(CodeActionMenuContainer, {
|
|
38672
38852
|
anchorElem
|
|
38673
38853
|
}), anchorElem);
|
|
38674
38854
|
}
|
|
38675
|
-
var
|
|
38855
|
+
var import_react151, import_lexical6, import_react_dom2, import_use_debounce2, import_code6, import_LexicalComposerContext, import_jsx_runtime169, CODE_PADDING;
|
|
38676
38856
|
var init_CodeActionMenuPlugin = __esm({
|
|
38677
38857
|
"src/rich-text-editor/plugins/CodeActionMenuPlugin/index.tsx"() {
|
|
38678
38858
|
"use strict";
|
|
38679
|
-
|
|
38859
|
+
import_react151 = require("react");
|
|
38680
38860
|
import_lexical6 = require("lexical");
|
|
38681
38861
|
import_react_dom2 = require("react-dom");
|
|
38682
38862
|
import_use_debounce2 = require("use-debounce");
|
|
@@ -38684,7 +38864,7 @@ var init_CodeActionMenuPlugin = __esm({
|
|
|
38684
38864
|
import_LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
|
|
38685
38865
|
init_CopyButton();
|
|
38686
38866
|
init_PrettierButton();
|
|
38687
|
-
|
|
38867
|
+
import_jsx_runtime169 = require("react/jsx-runtime");
|
|
38688
38868
|
CODE_PADDING = 0;
|
|
38689
38869
|
}
|
|
38690
38870
|
});
|
|
@@ -38692,16 +38872,16 @@ var init_CodeActionMenuPlugin = __esm({
|
|
|
38692
38872
|
// src/rich-text-editor/plugins/CodeHighlightPlugin/index.ts
|
|
38693
38873
|
function CodeHighlightPlugin() {
|
|
38694
38874
|
const [editor] = (0, import_LexicalComposerContext2.useLexicalComposerContext)();
|
|
38695
|
-
(0,
|
|
38875
|
+
(0, import_react152.useEffect)(() => {
|
|
38696
38876
|
return (0, import_code7.registerCodeHighlighting)(editor);
|
|
38697
38877
|
}, [editor]);
|
|
38698
38878
|
return null;
|
|
38699
38879
|
}
|
|
38700
|
-
var
|
|
38880
|
+
var import_react152, import_code7, import_LexicalComposerContext2;
|
|
38701
38881
|
var init_CodeHighlightPlugin = __esm({
|
|
38702
38882
|
"src/rich-text-editor/plugins/CodeHighlightPlugin/index.ts"() {
|
|
38703
38883
|
"use strict";
|
|
38704
|
-
|
|
38884
|
+
import_react152 = require("react");
|
|
38705
38885
|
import_code7 = require("@lexical/code");
|
|
38706
38886
|
import_LexicalComposerContext2 = require("@lexical/react/LexicalComposerContext");
|
|
38707
38887
|
}
|
|
@@ -38729,12 +38909,12 @@ function useSuspenseRequest(url) {
|
|
|
38729
38909
|
function LinkPreviewContent({
|
|
38730
38910
|
url
|
|
38731
38911
|
}) {
|
|
38732
|
-
const [textContent, setTextContent] = (0,
|
|
38912
|
+
const [textContent, setTextContent] = (0, import_react153.useState)("");
|
|
38733
38913
|
const { preview } = useSuspenseRequest(url);
|
|
38734
38914
|
const [editor] = (0, import_LexicalComposerContext3.useLexicalComposerContext)();
|
|
38735
38915
|
const tr = useTr();
|
|
38736
38916
|
const hasPreview = preview !== null && preview.google?.title;
|
|
38737
|
-
(0,
|
|
38917
|
+
(0, import_react153.useEffect)(() => {
|
|
38738
38918
|
editor.update(() => {
|
|
38739
38919
|
const sel = (0, import_lexical7.$getSelection)();
|
|
38740
38920
|
const nodes = sel?.getNodes();
|
|
@@ -38762,26 +38942,26 @@ function LinkPreviewContent({
|
|
|
38762
38942
|
if (!hasPreview) {
|
|
38763
38943
|
return null;
|
|
38764
38944
|
}
|
|
38765
|
-
return /* @__PURE__ */ (0,
|
|
38945
|
+
return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", {
|
|
38766
38946
|
className: "c-rte-link-preview",
|
|
38767
38947
|
children: [
|
|
38768
|
-
preview.google.image && /* @__PURE__ */ (0,
|
|
38948
|
+
preview.google.image && /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", {
|
|
38769
38949
|
className: "c-rte-link-preview-image-wrapper",
|
|
38770
|
-
children: /* @__PURE__ */ (0,
|
|
38950
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("img", {
|
|
38771
38951
|
src: preview.google.image,
|
|
38772
38952
|
alt: preview.google.title,
|
|
38773
38953
|
className: "c-rte-link-preview-image"
|
|
38774
38954
|
})
|
|
38775
38955
|
}),
|
|
38776
|
-
preview.google.title && /* @__PURE__ */ (0,
|
|
38956
|
+
preview.google.title && /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", {
|
|
38777
38957
|
className: "c-rte-link-preview-title",
|
|
38778
38958
|
children: preview.google.title
|
|
38779
38959
|
}),
|
|
38780
|
-
preview.google.description && /* @__PURE__ */ (0,
|
|
38960
|
+
preview.google.description && /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", {
|
|
38781
38961
|
className: "c-rte-link-preview-description",
|
|
38782
38962
|
children: preview.google.description
|
|
38783
38963
|
}),
|
|
38784
|
-
textContent && textContent !== preview.google.title ? /* @__PURE__ */ (0,
|
|
38964
|
+
textContent && textContent !== preview.google.title ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Button, {
|
|
38785
38965
|
className: "c-rte-link-preview__replace-text-btn",
|
|
38786
38966
|
onClick: useTitleForText,
|
|
38787
38967
|
children: tr("linkPreviewReplaceTextWithTitle")
|
|
@@ -38790,7 +38970,7 @@ function LinkPreviewContent({
|
|
|
38790
38970
|
});
|
|
38791
38971
|
}
|
|
38792
38972
|
function Glimmer(props) {
|
|
38793
|
-
return /* @__PURE__ */ (0,
|
|
38973
|
+
return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", {
|
|
38794
38974
|
className: "c-rte-link-preview-glimmer",
|
|
38795
38975
|
...props,
|
|
38796
38976
|
style: {
|
|
@@ -38802,38 +38982,38 @@ function Glimmer(props) {
|
|
|
38802
38982
|
function LinkPreview({
|
|
38803
38983
|
url
|
|
38804
38984
|
}) {
|
|
38805
|
-
return /* @__PURE__ */ (0,
|
|
38806
|
-
fallback: /* @__PURE__ */ (0,
|
|
38985
|
+
return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_react153.Suspense, {
|
|
38986
|
+
fallback: /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(import_jsx_runtime170.Fragment, {
|
|
38807
38987
|
children: [
|
|
38808
|
-
/* @__PURE__ */ (0,
|
|
38988
|
+
/* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Glimmer, {
|
|
38809
38989
|
style: { height: "80px" },
|
|
38810
38990
|
index: 0
|
|
38811
38991
|
}),
|
|
38812
|
-
/* @__PURE__ */ (0,
|
|
38992
|
+
/* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Glimmer, {
|
|
38813
38993
|
style: { width: "60%" },
|
|
38814
38994
|
index: 1
|
|
38815
38995
|
}),
|
|
38816
|
-
/* @__PURE__ */ (0,
|
|
38996
|
+
/* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Glimmer, {
|
|
38817
38997
|
style: { width: "80%" },
|
|
38818
38998
|
index: 2
|
|
38819
38999
|
})
|
|
38820
39000
|
]
|
|
38821
39001
|
}),
|
|
38822
|
-
children: /* @__PURE__ */ (0,
|
|
39002
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(LinkPreviewContent, {
|
|
38823
39003
|
url
|
|
38824
39004
|
})
|
|
38825
39005
|
});
|
|
38826
39006
|
}
|
|
38827
|
-
var
|
|
39007
|
+
var import_react153, import_lexical7, import_LexicalComposerContext3, import_jsx_runtime170, PREVIEW_CACHE, URL_MATCHER2;
|
|
38828
39008
|
var init_LinkPreview = __esm({
|
|
38829
39009
|
"src/rich-text-editor/ui/LinkPreview.tsx"() {
|
|
38830
39010
|
"use strict";
|
|
38831
|
-
|
|
39011
|
+
import_react153 = require("react");
|
|
38832
39012
|
import_lexical7 = require("lexical");
|
|
38833
39013
|
import_LexicalComposerContext3 = require("@lexical/react/LexicalComposerContext");
|
|
38834
39014
|
init_button2();
|
|
38835
39015
|
init_i18n();
|
|
38836
|
-
|
|
39016
|
+
import_jsx_runtime170 = require("react/jsx-runtime");
|
|
38837
39017
|
PREVIEW_CACHE = {};
|
|
38838
39018
|
URL_MATCHER2 = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
|
|
38839
39019
|
}
|
|
@@ -38925,15 +39105,15 @@ function FloatingLinkEditor({
|
|
|
38925
39105
|
setIsLink,
|
|
38926
39106
|
anchorElem
|
|
38927
39107
|
}) {
|
|
38928
|
-
const editorRef = (0,
|
|
38929
|
-
const inputRef = (0,
|
|
38930
|
-
const [linkUrl, setLinkUrl] = (0,
|
|
38931
|
-
const [rel, setRel] = (0,
|
|
38932
|
-
const [target, setTarget] = (0,
|
|
38933
|
-
const [isEditMode, setEditMode] = (0,
|
|
38934
|
-
const [lastSelection, setLastSelection] = (0,
|
|
39108
|
+
const editorRef = (0, import_react154.useRef)(null);
|
|
39109
|
+
const inputRef = (0, import_react154.useRef)(null);
|
|
39110
|
+
const [linkUrl, setLinkUrl] = (0, import_react154.useState)("");
|
|
39111
|
+
const [rel, setRel] = (0, import_react154.useState)(null);
|
|
39112
|
+
const [target, setTarget] = (0, import_react154.useState)(null);
|
|
39113
|
+
const [isEditMode, setEditMode] = (0, import_react154.useState)(false);
|
|
39114
|
+
const [lastSelection, setLastSelection] = (0, import_react154.useState)(null);
|
|
38935
39115
|
const tr = useTr();
|
|
38936
|
-
const updateLinkEditor = (0,
|
|
39116
|
+
const updateLinkEditor = (0, import_react154.useCallback)(() => {
|
|
38937
39117
|
const selection = (0, import_lexical8.$getSelection)();
|
|
38938
39118
|
if ((0, import_lexical8.$isRangeSelection)(selection)) {
|
|
38939
39119
|
const node = getSelectedNode(selection);
|
|
@@ -38983,7 +39163,7 @@ function FloatingLinkEditor({
|
|
|
38983
39163
|
}
|
|
38984
39164
|
return true;
|
|
38985
39165
|
}, [anchorElem, editor]);
|
|
38986
|
-
(0,
|
|
39166
|
+
(0, import_react154.useEffect)(() => {
|
|
38987
39167
|
const scrollerElem = anchorElem.parentElement;
|
|
38988
39168
|
const update = () => {
|
|
38989
39169
|
editor.getEditorState().read(() => {
|
|
@@ -39001,7 +39181,7 @@ function FloatingLinkEditor({
|
|
|
39001
39181
|
}
|
|
39002
39182
|
};
|
|
39003
39183
|
}, [anchorElem.parentElement, editor, updateLinkEditor]);
|
|
39004
|
-
(0,
|
|
39184
|
+
(0, import_react154.useEffect)(() => {
|
|
39005
39185
|
return (0, import_utils.mergeRegister)(
|
|
39006
39186
|
editor.registerUpdateListener(({ editorState }) => {
|
|
39007
39187
|
editorState.read(() => {
|
|
@@ -39029,52 +39209,52 @@ function FloatingLinkEditor({
|
|
|
39029
39209
|
)
|
|
39030
39210
|
);
|
|
39031
39211
|
}, [editor, updateLinkEditor, setIsLink, isLink]);
|
|
39032
|
-
(0,
|
|
39212
|
+
(0, import_react154.useEffect)(() => {
|
|
39033
39213
|
editor.getEditorState().read(() => {
|
|
39034
39214
|
updateLinkEditor();
|
|
39035
39215
|
});
|
|
39036
39216
|
}, [editor, updateLinkEditor]);
|
|
39037
|
-
(0,
|
|
39217
|
+
(0, import_react154.useEffect)(() => {
|
|
39038
39218
|
if (isEditMode && inputRef.current) {
|
|
39039
39219
|
inputRef.current.focus();
|
|
39040
39220
|
}
|
|
39041
39221
|
}, [isEditMode]);
|
|
39042
|
-
return /* @__PURE__ */ (0,
|
|
39222
|
+
return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39043
39223
|
ref: editorRef,
|
|
39044
39224
|
className: "c-rte-link-editor",
|
|
39045
39225
|
"data-testid": "rich-text-link-editor",
|
|
39046
|
-
children: isEditMode ? /* @__PURE__ */ (0,
|
|
39226
|
+
children: isEditMode ? /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", {
|
|
39047
39227
|
children: [
|
|
39048
|
-
/* @__PURE__ */ (0,
|
|
39228
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39049
39229
|
className: "c-rte-link-editor-input-group",
|
|
39050
|
-
children: /* @__PURE__ */ (0,
|
|
39230
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(InputWithLabel, {
|
|
39051
39231
|
label: tr("linkEditorLink"),
|
|
39052
39232
|
type: "text",
|
|
39053
39233
|
value: linkUrl,
|
|
39054
39234
|
onChange: (e) => setLinkUrl(e.target.value)
|
|
39055
39235
|
})
|
|
39056
39236
|
}),
|
|
39057
|
-
/* @__PURE__ */ (0,
|
|
39237
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39058
39238
|
className: "c-rte-link-editor-input-group",
|
|
39059
|
-
children: /* @__PURE__ */ (0,
|
|
39239
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(InputWithLabel, {
|
|
39060
39240
|
label: tr("linkEditorRel"),
|
|
39061
39241
|
type: "text",
|
|
39062
39242
|
value: rel ?? "",
|
|
39063
39243
|
onChange: (e) => setRel(e.target.value)
|
|
39064
39244
|
})
|
|
39065
39245
|
}),
|
|
39066
|
-
/* @__PURE__ */ (0,
|
|
39246
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39067
39247
|
className: "c-rte-link-editor-input-group",
|
|
39068
|
-
children: /* @__PURE__ */ (0,
|
|
39248
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(InputWithLabel, {
|
|
39069
39249
|
label: tr("linkEditorTarget"),
|
|
39070
39250
|
type: "text",
|
|
39071
39251
|
value: target ?? "",
|
|
39072
39252
|
onChange: (e) => setTarget(e.target.value)
|
|
39073
39253
|
})
|
|
39074
39254
|
}),
|
|
39075
|
-
/* @__PURE__ */ (0,
|
|
39255
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39076
39256
|
className: "c-rte-link-editor-button-wrap",
|
|
39077
|
-
children: /* @__PURE__ */ (0,
|
|
39257
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Button, {
|
|
39078
39258
|
"data-testid": "link-editor-save-button",
|
|
39079
39259
|
onClick: () => {
|
|
39080
39260
|
if (lastSelection !== null) {
|
|
@@ -39092,28 +39272,28 @@ function FloatingLinkEditor({
|
|
|
39092
39272
|
})
|
|
39093
39273
|
})
|
|
39094
39274
|
]
|
|
39095
|
-
}) : /* @__PURE__ */ (0,
|
|
39275
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(import_jsx_runtime171.Fragment, {
|
|
39096
39276
|
children: [
|
|
39097
|
-
/* @__PURE__ */ (0,
|
|
39277
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", {
|
|
39098
39278
|
className: "c-rte-link-editor-link-input",
|
|
39099
39279
|
children: [
|
|
39100
|
-
/* @__PURE__ */ (0,
|
|
39280
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", {
|
|
39101
39281
|
className: "c-rte-link-editor-link-preview",
|
|
39102
39282
|
children: [
|
|
39103
|
-
/* @__PURE__ */ (0,
|
|
39283
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("a", {
|
|
39104
39284
|
href: linkUrl,
|
|
39105
39285
|
target: "_blank",
|
|
39106
39286
|
rel: "noopener noreferrer",
|
|
39107
39287
|
children: linkUrl
|
|
39108
39288
|
}),
|
|
39109
|
-
rel || target ? /* @__PURE__ */ (0,
|
|
39289
|
+
rel || target ? /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", {
|
|
39110
39290
|
className: "c-rte-link-editor-preview-attrs",
|
|
39111
39291
|
children: [
|
|
39112
|
-
rel && /* @__PURE__ */ (0,
|
|
39292
|
+
rel && /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39113
39293
|
className: "c-rte-link-editor-preview-attr",
|
|
39114
39294
|
children: rel
|
|
39115
39295
|
}),
|
|
39116
|
-
target && /* @__PURE__ */ (0,
|
|
39296
|
+
target && /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39117
39297
|
className: "c-rte-link-editor-preview-attr",
|
|
39118
39298
|
children: target
|
|
39119
39299
|
})
|
|
@@ -39121,21 +39301,21 @@ function FloatingLinkEditor({
|
|
|
39121
39301
|
}) : null
|
|
39122
39302
|
]
|
|
39123
39303
|
}),
|
|
39124
|
-
/* @__PURE__ */ (0,
|
|
39125
|
-
children: /* @__PURE__ */ (0,
|
|
39304
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39305
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(IconButton, {
|
|
39126
39306
|
size: "sm",
|
|
39127
39307
|
tabIndex: 0,
|
|
39128
39308
|
onMouseDown: (event) => event.preventDefault(),
|
|
39129
39309
|
onClick: () => setEditMode(true),
|
|
39130
39310
|
"aria-label": tr("linkEditorEdit"),
|
|
39131
39311
|
"data-testid": "link-editor-edit",
|
|
39132
|
-
children: /* @__PURE__ */ (0,
|
|
39312
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Icon.Edit, {})
|
|
39133
39313
|
})
|
|
39134
39314
|
})
|
|
39135
39315
|
]
|
|
39136
39316
|
}),
|
|
39137
|
-
/* @__PURE__ */ (0,
|
|
39138
|
-
children: /* @__PURE__ */ (0,
|
|
39317
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39318
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(LinkPreview, {
|
|
39139
39319
|
url: linkUrl
|
|
39140
39320
|
})
|
|
39141
39321
|
})
|
|
@@ -39144,9 +39324,9 @@ function FloatingLinkEditor({
|
|
|
39144
39324
|
});
|
|
39145
39325
|
}
|
|
39146
39326
|
function useFloatingLinkEditorToolbar(editor, anchorElem) {
|
|
39147
|
-
const [activeEditor, setActiveEditor] = (0,
|
|
39148
|
-
const [isLink, setIsLink] = (0,
|
|
39149
|
-
const updateToolbar = (0,
|
|
39327
|
+
const [activeEditor, setActiveEditor] = (0, import_react154.useState)(editor);
|
|
39328
|
+
const [isLink, setIsLink] = (0, import_react154.useState)(false);
|
|
39329
|
+
const updateToolbar = (0, import_react154.useCallback)(() => {
|
|
39150
39330
|
const selection = (0, import_lexical8.$getSelection)();
|
|
39151
39331
|
if ((0, import_lexical8.$isRangeSelection)(selection)) {
|
|
39152
39332
|
const node = getSelectedNode(selection);
|
|
@@ -39159,7 +39339,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
|
|
|
39159
39339
|
}
|
|
39160
39340
|
}
|
|
39161
39341
|
}, []);
|
|
39162
|
-
(0,
|
|
39342
|
+
(0, import_react154.useEffect)(() => {
|
|
39163
39343
|
return editor.registerCommand(
|
|
39164
39344
|
import_lexical8.SELECTION_CHANGE_COMMAND,
|
|
39165
39345
|
(_payload, newEditor) => {
|
|
@@ -39170,7 +39350,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
|
|
|
39170
39350
|
import_lexical8.COMMAND_PRIORITY_CRITICAL
|
|
39171
39351
|
);
|
|
39172
39352
|
}, [editor, updateToolbar]);
|
|
39173
|
-
(0,
|
|
39353
|
+
(0, import_react154.useEffect)(() => {
|
|
39174
39354
|
if (!isLink) {
|
|
39175
39355
|
return;
|
|
39176
39356
|
}
|
|
@@ -39184,7 +39364,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
|
|
|
39184
39364
|
return () => document.removeEventListener("click", onClick);
|
|
39185
39365
|
}, [isLink, activeEditor]);
|
|
39186
39366
|
return isLink ? (0, import_react_dom3.createPortal)(
|
|
39187
|
-
/* @__PURE__ */ (0,
|
|
39367
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)(FloatingLinkEditor, {
|
|
39188
39368
|
editor: activeEditor,
|
|
39189
39369
|
isLink,
|
|
39190
39370
|
anchorElem,
|
|
@@ -39199,11 +39379,11 @@ function FloatingLinkEditorPlugin({
|
|
|
39199
39379
|
const [editor] = (0, import_LexicalComposerContext4.useLexicalComposerContext)();
|
|
39200
39380
|
return useFloatingLinkEditorToolbar(editor, anchorElem);
|
|
39201
39381
|
}
|
|
39202
|
-
var
|
|
39382
|
+
var import_react154, import_lexical8, import_react_dom3, import_link4, import_LexicalComposerContext4, import_utils, import_jsx_runtime171;
|
|
39203
39383
|
var init_FloatingLinkEditorPlugin = __esm({
|
|
39204
39384
|
"src/rich-text-editor/plugins/FloatingLinkEditorPlugin/index.tsx"() {
|
|
39205
39385
|
"use strict";
|
|
39206
|
-
|
|
39386
|
+
import_react154 = require("react");
|
|
39207
39387
|
import_lexical8 = require("lexical");
|
|
39208
39388
|
import_react_dom3 = require("react-dom");
|
|
39209
39389
|
import_link4 = require("@lexical/link");
|
|
@@ -39218,7 +39398,7 @@ var init_FloatingLinkEditorPlugin = __esm({
|
|
|
39218
39398
|
init_getSelectedNode();
|
|
39219
39399
|
init_setFloatingElemPosition();
|
|
39220
39400
|
init_url();
|
|
39221
|
-
|
|
39401
|
+
import_jsx_runtime171 = require("react/jsx-runtime");
|
|
39222
39402
|
}
|
|
39223
39403
|
});
|
|
39224
39404
|
|
|
@@ -39284,16 +39464,16 @@ function TextFormatFloatingToolbar({
|
|
|
39284
39464
|
isSubscript,
|
|
39285
39465
|
isSuperscript
|
|
39286
39466
|
}) {
|
|
39287
|
-
const popupCharStylesEditorRef = (0,
|
|
39467
|
+
const popupCharStylesEditorRef = (0, import_react155.useRef)(null);
|
|
39288
39468
|
const tr = useTr();
|
|
39289
|
-
const insertLink = (0,
|
|
39469
|
+
const insertLink = (0, import_react155.useCallback)(() => {
|
|
39290
39470
|
if (!isLink) {
|
|
39291
39471
|
editor.dispatchCommand(import_link5.TOGGLE_LINK_COMMAND, "https://");
|
|
39292
39472
|
} else {
|
|
39293
39473
|
editor.dispatchCommand(import_link5.TOGGLE_LINK_COMMAND, null);
|
|
39294
39474
|
}
|
|
39295
39475
|
}, [editor, isLink]);
|
|
39296
|
-
const updateTextFormatFloatingToolbar = (0,
|
|
39476
|
+
const updateTextFormatFloatingToolbar = (0, import_react155.useCallback)(() => {
|
|
39297
39477
|
const selection = (0, import_lexical9.$getSelection)();
|
|
39298
39478
|
const popupCharStylesEditorElem = popupCharStylesEditorRef.current;
|
|
39299
39479
|
const nativeSelection = window.getSelection();
|
|
@@ -39306,7 +39486,7 @@ function TextFormatFloatingToolbar({
|
|
|
39306
39486
|
setFloatingElemPosition(rangeRect, popupCharStylesEditorElem, anchorElem);
|
|
39307
39487
|
}
|
|
39308
39488
|
}, [editor, anchorElem]);
|
|
39309
|
-
(0,
|
|
39489
|
+
(0, import_react155.useEffect)(() => {
|
|
39310
39490
|
const scrollerElem = anchorElem.parentElement;
|
|
39311
39491
|
const update = () => {
|
|
39312
39492
|
editor.getEditorState().read(() => {
|
|
@@ -39324,7 +39504,7 @@ function TextFormatFloatingToolbar({
|
|
|
39324
39504
|
}
|
|
39325
39505
|
};
|
|
39326
39506
|
}, [editor, updateTextFormatFloatingToolbar, anchorElem]);
|
|
39327
|
-
(0,
|
|
39507
|
+
(0, import_react155.useEffect)(() => {
|
|
39328
39508
|
editor.getEditorState().read(() => {
|
|
39329
39509
|
updateTextFormatFloatingToolbar();
|
|
39330
39510
|
});
|
|
@@ -39345,93 +39525,93 @@ function TextFormatFloatingToolbar({
|
|
|
39345
39525
|
);
|
|
39346
39526
|
}, [editor, updateTextFormatFloatingToolbar]);
|
|
39347
39527
|
if (!editor.isEditable()) {
|
|
39348
|
-
return /* @__PURE__ */ (0,
|
|
39528
|
+
return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", {});
|
|
39349
39529
|
}
|
|
39350
|
-
return /* @__PURE__ */ (0,
|
|
39530
|
+
return /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", {
|
|
39351
39531
|
ref: popupCharStylesEditorRef,
|
|
39352
39532
|
className: "c-rte-floating-text-format-tb-plugin",
|
|
39353
39533
|
children: [
|
|
39354
|
-
/* @__PURE__ */ (0,
|
|
39534
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39355
39535
|
onClick: () => {
|
|
39356
39536
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "bold");
|
|
39357
39537
|
},
|
|
39358
39538
|
style: { padding: 0, overflow: "hidden" },
|
|
39359
39539
|
title: tr(IS_APPLE ? "actionFormatAsStrongTitleApple" : "actionFormatAsStrongTitle"),
|
|
39360
39540
|
"aria-label": tr("actionFormatAsStrongLabel"),
|
|
39361
|
-
children: /* @__PURE__ */ (0,
|
|
39541
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39362
39542
|
className: `c-rte-icon-bold c-rte-floating-text-format-tb-plugin__format-icon ${isBold ? "selected" : ""}`
|
|
39363
39543
|
})
|
|
39364
39544
|
}),
|
|
39365
|
-
/* @__PURE__ */ (0,
|
|
39545
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39366
39546
|
style: { padding: 0, overflow: "hidden" },
|
|
39367
39547
|
onClick: () => {
|
|
39368
39548
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "italic");
|
|
39369
39549
|
},
|
|
39370
39550
|
title: tr("actionFormatAsEmphasizedTitle"),
|
|
39371
39551
|
"aria-label": tr("actionFormatAsEmphasizedLabel"),
|
|
39372
|
-
children: /* @__PURE__ */ (0,
|
|
39552
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39373
39553
|
className: `c-rte-icon-italic c-rte-floating-text-format-tb-plugin__format-icon ${isItalic ? "selected" : ""}`
|
|
39374
39554
|
})
|
|
39375
39555
|
}),
|
|
39376
|
-
/* @__PURE__ */ (0,
|
|
39556
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39377
39557
|
style: { padding: 0, overflow: "hidden" },
|
|
39378
39558
|
onClick: () => {
|
|
39379
39559
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "underline");
|
|
39380
39560
|
},
|
|
39381
39561
|
title: tr("actionFormatAsUnderlinedTitle"),
|
|
39382
39562
|
"aria-label": tr("actionFormatAsUnderlinedLabel"),
|
|
39383
|
-
children: /* @__PURE__ */ (0,
|
|
39563
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39384
39564
|
className: `c-rte-icon-underline c-rte-floating-text-format-tb-plugin__format-icon ${isUnderline ? "selected" : ""}`
|
|
39385
39565
|
})
|
|
39386
39566
|
}),
|
|
39387
|
-
/* @__PURE__ */ (0,
|
|
39567
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39388
39568
|
style: { padding: 0, overflow: "hidden" },
|
|
39389
39569
|
onClick: () => {
|
|
39390
39570
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "code");
|
|
39391
39571
|
},
|
|
39392
39572
|
"aria-label": tr("actionInsertCodeBlock"),
|
|
39393
|
-
children: /* @__PURE__ */ (0,
|
|
39573
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39394
39574
|
className: `c-rte-icon-code c-rte-floating-text-format-tb-plugin__format-icon ${isCode ? "selected" : ""}`
|
|
39395
39575
|
})
|
|
39396
39576
|
}),
|
|
39397
|
-
/* @__PURE__ */ (0,
|
|
39577
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39398
39578
|
style: { padding: 0, overflow: "hidden" },
|
|
39399
39579
|
onClick: insertLink,
|
|
39400
39580
|
"aria-label": tr("actionInsertlink"),
|
|
39401
|
-
children: /* @__PURE__ */ (0,
|
|
39581
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39402
39582
|
className: `c-rte-icon-link c-rte-floating-text-format-tb-plugin__format-icon ${isLink ? "selected" : ""}`
|
|
39403
39583
|
})
|
|
39404
39584
|
}),
|
|
39405
|
-
/* @__PURE__ */ (0,
|
|
39585
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39406
39586
|
style: { padding: 0, overflow: "hidden" },
|
|
39407
39587
|
onClick: () => {
|
|
39408
39588
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "strikethrough");
|
|
39409
39589
|
},
|
|
39410
39590
|
title: tr("actionFormatWithStrikethroughTitle"),
|
|
39411
39591
|
"aria-label": tr("actionFormatWithStrikethroughLabel"),
|
|
39412
|
-
children: /* @__PURE__ */ (0,
|
|
39592
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39413
39593
|
className: `c-rte-icon-strikethrough c-rte-floating-text-format-tb-plugin__format-icon ${isStrikethrough ? "selected" : ""}`
|
|
39414
39594
|
})
|
|
39415
39595
|
}),
|
|
39416
|
-
/* @__PURE__ */ (0,
|
|
39596
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39417
39597
|
style: { padding: 0, overflow: "hidden" },
|
|
39418
39598
|
onClick: () => {
|
|
39419
39599
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "subscript");
|
|
39420
39600
|
},
|
|
39421
39601
|
title: tr("actionFormatWithSubscriptTitle"),
|
|
39422
39602
|
"aria-label": tr("actionFormatWithSubscriptLabel"),
|
|
39423
|
-
children: /* @__PURE__ */ (0,
|
|
39603
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39424
39604
|
className: `c-rte-icon-subscript c-rte-floating-text-format-tb-plugin__format-icon ${isSubscript ? "selected" : ""}`
|
|
39425
39605
|
})
|
|
39426
39606
|
}),
|
|
39427
|
-
/* @__PURE__ */ (0,
|
|
39607
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39428
39608
|
style: { padding: 0, overflow: "hidden" },
|
|
39429
39609
|
onClick: () => {
|
|
39430
39610
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "superscript");
|
|
39431
39611
|
},
|
|
39432
39612
|
title: tr("actionFormatWithSuperscriptTitle"),
|
|
39433
39613
|
"aria-label": tr("actionFormatWithSuperscriptLabel"),
|
|
39434
|
-
children: /* @__PURE__ */ (0,
|
|
39614
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39435
39615
|
className: `c-rte-icon-superscript c-rte-floating-text-format-tb-plugin__format-icon ${isSuperscript ? "selected" : ""}`
|
|
39436
39616
|
})
|
|
39437
39617
|
})
|
|
@@ -39439,16 +39619,16 @@ function TextFormatFloatingToolbar({
|
|
|
39439
39619
|
});
|
|
39440
39620
|
}
|
|
39441
39621
|
function useFloatingTextFormatToolbar(editor, anchorElem) {
|
|
39442
|
-
const [isText, setIsText] = (0,
|
|
39443
|
-
const [isLink, setIsLink] = (0,
|
|
39444
|
-
const [isBold, setIsBold] = (0,
|
|
39445
|
-
const [isItalic, setIsItalic] = (0,
|
|
39446
|
-
const [isUnderline, setIsUnderline] = (0,
|
|
39447
|
-
const [isStrikethrough, setIsStrikethrough] = (0,
|
|
39448
|
-
const [isSubscript, setIsSubscript] = (0,
|
|
39449
|
-
const [isSuperscript, setIsSuperscript] = (0,
|
|
39450
|
-
const [isCode, setIsCode] = (0,
|
|
39451
|
-
const updatePopup = (0,
|
|
39622
|
+
const [isText, setIsText] = (0, import_react155.useState)(false);
|
|
39623
|
+
const [isLink, setIsLink] = (0, import_react155.useState)(false);
|
|
39624
|
+
const [isBold, setIsBold] = (0, import_react155.useState)(false);
|
|
39625
|
+
const [isItalic, setIsItalic] = (0, import_react155.useState)(false);
|
|
39626
|
+
const [isUnderline, setIsUnderline] = (0, import_react155.useState)(false);
|
|
39627
|
+
const [isStrikethrough, setIsStrikethrough] = (0, import_react155.useState)(false);
|
|
39628
|
+
const [isSubscript, setIsSubscript] = (0, import_react155.useState)(false);
|
|
39629
|
+
const [isSuperscript, setIsSuperscript] = (0, import_react155.useState)(false);
|
|
39630
|
+
const [isCode, setIsCode] = (0, import_react155.useState)(false);
|
|
39631
|
+
const updatePopup = (0, import_react155.useCallback)(() => {
|
|
39452
39632
|
editor.getEditorState().read(() => {
|
|
39453
39633
|
if (editor.isComposing()) {
|
|
39454
39634
|
return;
|
|
@@ -39484,13 +39664,13 @@ function useFloatingTextFormatToolbar(editor, anchorElem) {
|
|
|
39484
39664
|
}
|
|
39485
39665
|
});
|
|
39486
39666
|
}, [editor]);
|
|
39487
|
-
(0,
|
|
39667
|
+
(0, import_react155.useEffect)(() => {
|
|
39488
39668
|
document.addEventListener("selectionchange", updatePopup);
|
|
39489
39669
|
return () => {
|
|
39490
39670
|
document.removeEventListener("selectionchange", updatePopup);
|
|
39491
39671
|
};
|
|
39492
39672
|
}, [updatePopup]);
|
|
39493
|
-
(0,
|
|
39673
|
+
(0, import_react155.useEffect)(() => {
|
|
39494
39674
|
return (0, import_utils2.mergeRegister)(
|
|
39495
39675
|
editor.registerUpdateListener(() => {
|
|
39496
39676
|
updatePopup();
|
|
@@ -39506,7 +39686,7 @@ function useFloatingTextFormatToolbar(editor, anchorElem) {
|
|
|
39506
39686
|
return null;
|
|
39507
39687
|
}
|
|
39508
39688
|
return (0, import_react_dom4.createPortal)(
|
|
39509
|
-
/* @__PURE__ */ (0,
|
|
39689
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(TextFormatFloatingToolbar, {
|
|
39510
39690
|
editor,
|
|
39511
39691
|
anchorElem,
|
|
39512
39692
|
isLink,
|
|
@@ -39527,12 +39707,12 @@ function FloatingTextFormatToolbarPlugin({
|
|
|
39527
39707
|
const [editor] = (0, import_LexicalComposerContext5.useLexicalComposerContext)();
|
|
39528
39708
|
return useFloatingTextFormatToolbar(editor, anchorElem);
|
|
39529
39709
|
}
|
|
39530
|
-
var
|
|
39710
|
+
var import_react155, React5, import_lexical9, import_react_dom4, import_code8, import_link5, import_LexicalComposerContext5, import_utils2, import_jsx_runtime172;
|
|
39531
39711
|
var init_FloatingTextFormatToolbarPlugin = __esm({
|
|
39532
39712
|
"src/rich-text-editor/plugins/FloatingTextFormatToolbarPlugin/index.tsx"() {
|
|
39533
39713
|
"use strict";
|
|
39534
39714
|
init_13();
|
|
39535
|
-
|
|
39715
|
+
import_react155 = require("react");
|
|
39536
39716
|
React5 = require("react");
|
|
39537
39717
|
import_lexical9 = require("lexical");
|
|
39538
39718
|
import_react_dom4 = require("react-dom");
|
|
@@ -39546,24 +39726,24 @@ var init_FloatingTextFormatToolbarPlugin = __esm({
|
|
|
39546
39726
|
init_getDOMRangeRect();
|
|
39547
39727
|
init_getSelectedNode();
|
|
39548
39728
|
init_setFloatingElemPosition();
|
|
39549
|
-
|
|
39729
|
+
import_jsx_runtime172 = require("react/jsx-runtime");
|
|
39550
39730
|
}
|
|
39551
39731
|
});
|
|
39552
39732
|
|
|
39553
39733
|
// src/rich-text-editor/plugins/LinkPlugin/index.tsx
|
|
39554
39734
|
function LinkPlugin() {
|
|
39555
|
-
return /* @__PURE__ */ (0,
|
|
39735
|
+
return /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_LexicalLinkPlugin.LinkPlugin, {
|
|
39556
39736
|
validateUrl
|
|
39557
39737
|
});
|
|
39558
39738
|
}
|
|
39559
|
-
var React6, import_LexicalLinkPlugin,
|
|
39739
|
+
var React6, import_LexicalLinkPlugin, import_jsx_runtime173;
|
|
39560
39740
|
var init_LinkPlugin = __esm({
|
|
39561
39741
|
"src/rich-text-editor/plugins/LinkPlugin/index.tsx"() {
|
|
39562
39742
|
"use strict";
|
|
39563
39743
|
React6 = require("react");
|
|
39564
39744
|
import_LexicalLinkPlugin = require("@lexical/react/LexicalLinkPlugin");
|
|
39565
39745
|
init_url();
|
|
39566
|
-
|
|
39746
|
+
import_jsx_runtime173 = require("react/jsx-runtime");
|
|
39567
39747
|
}
|
|
39568
39748
|
});
|
|
39569
39749
|
|
|
@@ -39597,7 +39777,7 @@ function isIndentPermitted(maxDepth) {
|
|
|
39597
39777
|
}
|
|
39598
39778
|
function ListMaxIndentLevelPlugin({ maxDepth }) {
|
|
39599
39779
|
const [editor] = (0, import_LexicalComposerContext6.useLexicalComposerContext)();
|
|
39600
|
-
(0,
|
|
39780
|
+
(0, import_react156.useEffect)(() => {
|
|
39601
39781
|
return editor.registerCommand(
|
|
39602
39782
|
import_lexical10.INDENT_CONTENT_COMMAND,
|
|
39603
39783
|
() => !isIndentPermitted(maxDepth ?? 7),
|
|
@@ -39606,11 +39786,11 @@ function ListMaxIndentLevelPlugin({ maxDepth }) {
|
|
|
39606
39786
|
}, [editor, maxDepth]);
|
|
39607
39787
|
return null;
|
|
39608
39788
|
}
|
|
39609
|
-
var
|
|
39789
|
+
var import_react156, import_lexical10, import_list4, import_LexicalComposerContext6;
|
|
39610
39790
|
var init_ListMaxIndentLevelPlugin = __esm({
|
|
39611
39791
|
"src/rich-text-editor/plugins/ListMaxIndentLevelPlugin/index.ts"() {
|
|
39612
39792
|
"use strict";
|
|
39613
|
-
|
|
39793
|
+
import_react156 = require("react");
|
|
39614
39794
|
import_lexical10 = require("lexical");
|
|
39615
39795
|
import_list4 = require("@lexical/list");
|
|
39616
39796
|
import_LexicalComposerContext6 = require("@lexical/react/LexicalComposerContext");
|
|
@@ -39658,7 +39838,7 @@ var init_to_text = __esm({
|
|
|
39658
39838
|
// src/rich-text-editor/plugins/MaxLengthPlugin/index.tsx
|
|
39659
39839
|
function MaxLengthPlugin({ maxLength }) {
|
|
39660
39840
|
const [editor] = (0, import_LexicalComposerContext7.useLexicalComposerContext)();
|
|
39661
|
-
(0,
|
|
39841
|
+
(0, import_react157.useEffect)(() => {
|
|
39662
39842
|
let lastRestoredEditorState = null;
|
|
39663
39843
|
return editor.registerUpdateListener(({ editorState, prevEditorState }) => {
|
|
39664
39844
|
editor.update(() => {
|
|
@@ -39686,11 +39866,11 @@ function MaxLengthPlugin({ maxLength }) {
|
|
|
39686
39866
|
}, [editor, maxLength]);
|
|
39687
39867
|
return null;
|
|
39688
39868
|
}
|
|
39689
|
-
var
|
|
39869
|
+
var import_react157, import_lexical11, import_LexicalComposerContext7, import_selection3, import_utils3;
|
|
39690
39870
|
var init_MaxLengthPlugin = __esm({
|
|
39691
39871
|
"src/rich-text-editor/plugins/MaxLengthPlugin/index.tsx"() {
|
|
39692
39872
|
"use strict";
|
|
39693
|
-
|
|
39873
|
+
import_react157 = require("react");
|
|
39694
39874
|
import_lexical11 = require("lexical");
|
|
39695
39875
|
import_LexicalComposerContext7 = require("@lexical/react/LexicalComposerContext");
|
|
39696
39876
|
import_selection3 = require("@lexical/selection");
|
|
@@ -39714,7 +39894,7 @@ function registerKeyTimeStampTracker() {
|
|
|
39714
39894
|
}
|
|
39715
39895
|
function TabFocusPlugin() {
|
|
39716
39896
|
const [editor] = (0, import_LexicalComposerContext8.useLexicalComposerContext)();
|
|
39717
|
-
(0,
|
|
39897
|
+
(0, import_react158.useEffect)(() => {
|
|
39718
39898
|
if (!hasRegisteredKeyDownListener) {
|
|
39719
39899
|
registerKeyTimeStampTracker();
|
|
39720
39900
|
hasRegisteredKeyDownListener = true;
|
|
@@ -39735,11 +39915,11 @@ function TabFocusPlugin() {
|
|
|
39735
39915
|
}, [editor]);
|
|
39736
39916
|
return null;
|
|
39737
39917
|
}
|
|
39738
|
-
var
|
|
39918
|
+
var import_react158, import_lexical12, import_LexicalComposerContext8, COMMAND_PRIORITY_LOW3, TAB_TO_FOCUS_INTERVAL, lastTabKeyDownTimestamp, hasRegisteredKeyDownListener;
|
|
39739
39919
|
var init_TabFocusPlugin = __esm({
|
|
39740
39920
|
"src/rich-text-editor/plugins/TabFocusPlugin/index.tsx"() {
|
|
39741
39921
|
"use strict";
|
|
39742
|
-
|
|
39922
|
+
import_react158 = require("react");
|
|
39743
39923
|
import_lexical12 = require("lexical");
|
|
39744
39924
|
import_LexicalComposerContext8 = require("@lexical/react/LexicalComposerContext");
|
|
39745
39925
|
COMMAND_PRIORITY_LOW3 = 1;
|
|
@@ -39752,13 +39932,13 @@ var init_TabFocusPlugin = __esm({
|
|
|
39752
39932
|
// src/rich-text-editor/plugins/TableActionMenuPlugin/index.tsx
|
|
39753
39933
|
function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
39754
39934
|
const [editor] = (0, import_LexicalComposerContext9.useLexicalComposerContext)();
|
|
39755
|
-
const [tableCellNode, updateTableCellNode] = (0,
|
|
39756
|
-
const [selectionCounts, updateSelectionCounts] = (0,
|
|
39935
|
+
const [tableCellNode, updateTableCellNode] = (0, import_react159.useState)(_tableCellNode);
|
|
39936
|
+
const [selectionCounts, updateSelectionCounts] = (0, import_react159.useState)({
|
|
39757
39937
|
columns: 1,
|
|
39758
39938
|
rows: 1
|
|
39759
39939
|
});
|
|
39760
39940
|
const tr = useTr();
|
|
39761
|
-
(0,
|
|
39941
|
+
(0, import_react159.useEffect)(() => {
|
|
39762
39942
|
return editor.registerMutationListener(import_table4.TableCellNode, (nodeMutations) => {
|
|
39763
39943
|
const nodeUpdated = nodeMutations.get(tableCellNode.getKey()) === "updated";
|
|
39764
39944
|
if (nodeUpdated) {
|
|
@@ -39768,7 +39948,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39768
39948
|
}
|
|
39769
39949
|
});
|
|
39770
39950
|
}, [editor, tableCellNode]);
|
|
39771
|
-
(0,
|
|
39951
|
+
(0, import_react159.useEffect)(() => {
|
|
39772
39952
|
editor.getEditorState().read(() => {
|
|
39773
39953
|
const selection = (0, import_lexical13.$getSelection)();
|
|
39774
39954
|
if ((0, import_table4.$isTableSelection)(selection)) {
|
|
@@ -39780,7 +39960,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39780
39960
|
}
|
|
39781
39961
|
});
|
|
39782
39962
|
}, [editor]);
|
|
39783
|
-
const clearTableSelection = (0,
|
|
39963
|
+
const clearTableSelection = (0, import_react159.useCallback)(() => {
|
|
39784
39964
|
editor.update(() => {
|
|
39785
39965
|
if (tableCellNode.isAttached()) {
|
|
39786
39966
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
@@ -39799,7 +39979,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39799
39979
|
rootNode.selectStart();
|
|
39800
39980
|
});
|
|
39801
39981
|
}, [editor, tableCellNode]);
|
|
39802
|
-
const insertTableRowAtSelection = (0,
|
|
39982
|
+
const insertTableRowAtSelection = (0, import_react159.useCallback)(
|
|
39803
39983
|
(shouldInsertAfter) => {
|
|
39804
39984
|
editor.update(() => {
|
|
39805
39985
|
const selection = (0, import_lexical13.$getSelection)();
|
|
@@ -39818,7 +39998,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39818
39998
|
},
|
|
39819
39999
|
[editor, tableCellNode, selectionCounts.rows, clearTableSelection]
|
|
39820
40000
|
);
|
|
39821
|
-
const insertTableColumnAtSelection = (0,
|
|
40001
|
+
const insertTableColumnAtSelection = (0, import_react159.useCallback)(
|
|
39822
40002
|
(shouldInsertAfter) => {
|
|
39823
40003
|
editor.update(() => {
|
|
39824
40004
|
const selection = (0, import_lexical13.$getSelection)();
|
|
@@ -39837,7 +40017,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39837
40017
|
},
|
|
39838
40018
|
[editor, tableCellNode, selectionCounts.columns, clearTableSelection]
|
|
39839
40019
|
);
|
|
39840
|
-
const deleteTableRowAtSelection = (0,
|
|
40020
|
+
const deleteTableRowAtSelection = (0, import_react159.useCallback)(() => {
|
|
39841
40021
|
editor.update(() => {
|
|
39842
40022
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39843
40023
|
const tableRowIndex = (0, import_table4.$getTableRowIndexFromTableCellNode)(tableCellNode);
|
|
@@ -39845,14 +40025,14 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39845
40025
|
clearTableSelection();
|
|
39846
40026
|
});
|
|
39847
40027
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39848
|
-
const deleteTableAtSelection = (0,
|
|
40028
|
+
const deleteTableAtSelection = (0, import_react159.useCallback)(() => {
|
|
39849
40029
|
editor.update(() => {
|
|
39850
40030
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39851
40031
|
tableNode.remove();
|
|
39852
40032
|
clearTableSelection();
|
|
39853
40033
|
});
|
|
39854
40034
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39855
|
-
const deleteTableColumnAtSelection = (0,
|
|
40035
|
+
const deleteTableColumnAtSelection = (0, import_react159.useCallback)(() => {
|
|
39856
40036
|
editor.update(() => {
|
|
39857
40037
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39858
40038
|
const tableColumnIndex = (0, import_table4.$getTableColumnIndexFromTableCellNode)(tableCellNode);
|
|
@@ -39860,7 +40040,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39860
40040
|
clearTableSelection();
|
|
39861
40041
|
});
|
|
39862
40042
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39863
|
-
const toggleTableRowIsHeader = (0,
|
|
40043
|
+
const toggleTableRowIsHeader = (0, import_react159.useCallback)(() => {
|
|
39864
40044
|
editor.update(() => {
|
|
39865
40045
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39866
40046
|
const tableRowIndex = (0, import_table4.$getTableRowIndexFromTableCellNode)(tableCellNode);
|
|
@@ -39881,7 +40061,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39881
40061
|
clearTableSelection();
|
|
39882
40062
|
});
|
|
39883
40063
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39884
|
-
const toggleTableColumnIsHeader = (0,
|
|
40064
|
+
const toggleTableColumnIsHeader = (0, import_react159.useCallback)(() => {
|
|
39885
40065
|
editor.update(() => {
|
|
39886
40066
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39887
40067
|
const tableColumnIndex = (0, import_table4.$getTableColumnIndexFromTableCellNode)(tableCellNode);
|
|
@@ -39904,46 +40084,46 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39904
40084
|
clearTableSelection();
|
|
39905
40085
|
});
|
|
39906
40086
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39907
|
-
return /* @__PURE__ */ (0,
|
|
40087
|
+
return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(import_jsx_runtime174.Fragment, {
|
|
39908
40088
|
children: [
|
|
39909
|
-
/* @__PURE__ */ (0,
|
|
40089
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39910
40090
|
onSelect: () => insertTableRowAtSelection(false),
|
|
39911
40091
|
children: tr("actionTableInsertRowsAbove", selectionCounts.rows)
|
|
39912
40092
|
}),
|
|
39913
|
-
/* @__PURE__ */ (0,
|
|
40093
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39914
40094
|
onSelect: () => insertTableRowAtSelection(true),
|
|
39915
40095
|
children: tr("actionTableInsertRowsBelow", selectionCounts.rows)
|
|
39916
40096
|
}),
|
|
39917
|
-
/* @__PURE__ */ (0,
|
|
40097
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39918
40098
|
onSelect: () => insertTableColumnAtSelection(false),
|
|
39919
40099
|
children: tr("actionTableInsertColumnsBefore", selectionCounts.columns)
|
|
39920
40100
|
}),
|
|
39921
|
-
/* @__PURE__ */ (0,
|
|
40101
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39922
40102
|
onSelect: () => insertTableColumnAtSelection(true),
|
|
39923
40103
|
children: tr("actionTableInsertColumnsAfter", selectionCounts.columns)
|
|
39924
40104
|
}),
|
|
39925
|
-
/* @__PURE__ */ (0,
|
|
40105
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39926
40106
|
onSelect: () => toggleTableRowIsHeader(),
|
|
39927
40107
|
children: tr(
|
|
39928
40108
|
(tableCellNode.__headerState & import_table4.TableCellHeaderStates.ROW) === import_table4.TableCellHeaderStates.ROW ? "actionTableRemoveRowHeader" : "actionTableAddRowHeader"
|
|
39929
40109
|
)
|
|
39930
40110
|
}),
|
|
39931
|
-
/* @__PURE__ */ (0,
|
|
40111
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39932
40112
|
onSelect: () => toggleTableColumnIsHeader(),
|
|
39933
40113
|
children: tr(
|
|
39934
40114
|
(tableCellNode.__headerState & import_table4.TableCellHeaderStates.COLUMN) === import_table4.TableCellHeaderStates.COLUMN ? "actionTableRemoveColumnHeader" : "actionTableAddColumnHeader"
|
|
39935
40115
|
)
|
|
39936
40116
|
}),
|
|
39937
|
-
/* @__PURE__ */ (0,
|
|
39938
|
-
tableStats.columns > 1 && /* @__PURE__ */ (0,
|
|
40117
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Separator, {}),
|
|
40118
|
+
tableStats.columns > 1 && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39939
40119
|
onSelect: () => deleteTableColumnAtSelection(),
|
|
39940
40120
|
children: tr("actionTableDeleteColumn")
|
|
39941
40121
|
}),
|
|
39942
|
-
tableStats.rows > 1 && /* @__PURE__ */ (0,
|
|
40122
|
+
tableStats.rows > 1 && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39943
40123
|
onSelect: () => deleteTableRowAtSelection(),
|
|
39944
40124
|
children: tr("actionTableDeleteRow")
|
|
39945
40125
|
}),
|
|
39946
|
-
/* @__PURE__ */ (0,
|
|
40126
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39947
40127
|
onSelect: () => deleteTableAtSelection(),
|
|
39948
40128
|
children: tr("actionTableDeleteTable")
|
|
39949
40129
|
})
|
|
@@ -39953,11 +40133,11 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39953
40133
|
function TableCellActionMenuContainer({ anchorElem }) {
|
|
39954
40134
|
const [editor] = (0, import_LexicalComposerContext9.useLexicalComposerContext)();
|
|
39955
40135
|
const tr = useTr();
|
|
39956
|
-
const menuButtonRef = (0,
|
|
39957
|
-
const [isMenuOpen, setIsMenuOpen] = (0,
|
|
39958
|
-
const [tableCellNode, setTableMenuCellNode] = (0,
|
|
39959
|
-
const [tableStats, setTablestats] = (0,
|
|
39960
|
-
const moveMenu = (0,
|
|
40136
|
+
const menuButtonRef = (0, import_react159.useRef)(null);
|
|
40137
|
+
const [isMenuOpen, setIsMenuOpen] = (0, import_react159.useState)(false);
|
|
40138
|
+
const [tableCellNode, setTableMenuCellNode] = (0, import_react159.useState)(null);
|
|
40139
|
+
const [tableStats, setTablestats] = (0, import_react159.useState)({ rows: 1, columns: 1 });
|
|
40140
|
+
const moveMenu = (0, import_react159.useCallback)(() => {
|
|
39961
40141
|
if (isMenuOpen) {
|
|
39962
40142
|
return;
|
|
39963
40143
|
}
|
|
@@ -40000,14 +40180,14 @@ function TableCellActionMenuContainer({ anchorElem }) {
|
|
|
40000
40180
|
setTableMenuCellNode(null);
|
|
40001
40181
|
}
|
|
40002
40182
|
}, [editor, isMenuOpen]);
|
|
40003
|
-
(0,
|
|
40183
|
+
(0, import_react159.useEffect)(() => {
|
|
40004
40184
|
return editor.registerUpdateListener(() => {
|
|
40005
40185
|
editor.getEditorState().read(() => {
|
|
40006
40186
|
moveMenu();
|
|
40007
40187
|
});
|
|
40008
40188
|
});
|
|
40009
40189
|
});
|
|
40010
|
-
(0,
|
|
40190
|
+
(0, import_react159.useEffect)(() => {
|
|
40011
40191
|
const menuButtonDOM = menuButtonRef.current;
|
|
40012
40192
|
if (menuButtonDOM != null && tableCellNode != null) {
|
|
40013
40193
|
const tableCellNodeDOM = editor.getElementByKey(tableCellNode.getKey());
|
|
@@ -40025,19 +40205,19 @@ function TableCellActionMenuContainer({ anchorElem }) {
|
|
|
40025
40205
|
}
|
|
40026
40206
|
}
|
|
40027
40207
|
}, [menuButtonRef, tableCellNode, editor, anchorElem]);
|
|
40028
|
-
return /* @__PURE__ */ (0,
|
|
40208
|
+
return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", {
|
|
40029
40209
|
className: "c-rte-table-cell-action-button-container",
|
|
40030
40210
|
ref: menuButtonRef,
|
|
40031
|
-
children: tableCellNode != null && /* @__PURE__ */ (0,
|
|
40211
|
+
children: tableCellNode != null && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Root, {
|
|
40032
40212
|
onOpenChange: (isOpen) => setIsMenuOpen(isOpen),
|
|
40033
|
-
content: /* @__PURE__ */ (0,
|
|
40213
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(TableActionMenu, {
|
|
40034
40214
|
tableCellNode,
|
|
40035
40215
|
tableStats
|
|
40036
40216
|
}),
|
|
40037
|
-
children: /* @__PURE__ */ (0,
|
|
40217
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(IconButton, {
|
|
40038
40218
|
size: "xs",
|
|
40039
40219
|
"aria-label": tr("actionTableOpenOptions"),
|
|
40040
|
-
children: /* @__PURE__ */ (0,
|
|
40220
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(Icon.Arrow, {})
|
|
40041
40221
|
})
|
|
40042
40222
|
})
|
|
40043
40223
|
});
|
|
@@ -40046,15 +40226,15 @@ function TableActionMenuPlugin({
|
|
|
40046
40226
|
anchorElem = document.body
|
|
40047
40227
|
}) {
|
|
40048
40228
|
const isEditable = (0, import_useLexicalEditable.default)();
|
|
40049
|
-
return (0, import_react_dom5.createPortal)(isEditable ? /* @__PURE__ */ (0,
|
|
40229
|
+
return (0, import_react_dom5.createPortal)(isEditable ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(TableCellActionMenuContainer, {
|
|
40050
40230
|
anchorElem
|
|
40051
40231
|
}) : null, anchorElem);
|
|
40052
40232
|
}
|
|
40053
|
-
var
|
|
40233
|
+
var import_react159, import_lexical13, import_react_dom5, import_LexicalComposerContext9, import_useLexicalEditable, import_table4, import_jsx_runtime174;
|
|
40054
40234
|
var init_TableActionMenuPlugin = __esm({
|
|
40055
40235
|
"src/rich-text-editor/plugins/TableActionMenuPlugin/index.tsx"() {
|
|
40056
40236
|
"use strict";
|
|
40057
|
-
|
|
40237
|
+
import_react159 = require("react");
|
|
40058
40238
|
import_lexical13 = require("lexical");
|
|
40059
40239
|
import_react_dom5 = require("react-dom");
|
|
40060
40240
|
import_LexicalComposerContext9 = require("@lexical/react/LexicalComposerContext");
|
|
@@ -40064,7 +40244,7 @@ var init_TableActionMenuPlugin = __esm({
|
|
|
40064
40244
|
init_icon_button2();
|
|
40065
40245
|
init_iconography();
|
|
40066
40246
|
init_i18n();
|
|
40067
|
-
|
|
40247
|
+
import_jsx_runtime174 = require("react/jsx-runtime");
|
|
40068
40248
|
}
|
|
40069
40249
|
});
|
|
40070
40250
|
|
|
@@ -40080,19 +40260,19 @@ async function copyJson(editor) {
|
|
|
40080
40260
|
function ActionsPlugin({ append, prepend, disabled }) {
|
|
40081
40261
|
const [editor] = (0, import_LexicalComposerContext10.useLexicalComposerContext)();
|
|
40082
40262
|
const tr = useTr();
|
|
40083
|
-
return /* @__PURE__ */ (0,
|
|
40263
|
+
return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(ActionMenu, {
|
|
40084
40264
|
children: [
|
|
40085
|
-
!prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ (0,
|
|
40265
|
+
!prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ActionMenu.Item, {
|
|
40086
40266
|
onSelect: actionItem.action,
|
|
40087
40267
|
className: actionItem.type === "danger" ? "danger" : "",
|
|
40088
40268
|
disabled: actionItem.disabled,
|
|
40089
40269
|
children: actionItem.title
|
|
40090
40270
|
}, actionItem.title)),
|
|
40091
|
-
/* @__PURE__ */ (0,
|
|
40271
|
+
/* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ActionMenu.Item, {
|
|
40092
40272
|
onSelect: () => copyJson(editor),
|
|
40093
40273
|
children: tr("actionCopyJSON")
|
|
40094
40274
|
}),
|
|
40095
|
-
/* @__PURE__ */ (0,
|
|
40275
|
+
/* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ActionMenu.Item, {
|
|
40096
40276
|
disabled,
|
|
40097
40277
|
className: "danger",
|
|
40098
40278
|
onSelect: () => {
|
|
@@ -40101,7 +40281,7 @@ function ActionsPlugin({ append, prepend, disabled }) {
|
|
|
40101
40281
|
},
|
|
40102
40282
|
children: tr("actionClear")
|
|
40103
40283
|
}),
|
|
40104
|
-
!append ? null : append.map((actionItem) => /* @__PURE__ */ (0,
|
|
40284
|
+
!append ? null : append.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ActionMenu.Item, {
|
|
40105
40285
|
onSelect: actionItem.action,
|
|
40106
40286
|
className: actionItem.type === "danger" ? "danger" : "",
|
|
40107
40287
|
disabled: actionItem.disabled,
|
|
@@ -40110,7 +40290,7 @@ function ActionsPlugin({ append, prepend, disabled }) {
|
|
|
40110
40290
|
]
|
|
40111
40291
|
});
|
|
40112
40292
|
}
|
|
40113
|
-
var import_lexical14, import_LexicalComposerContext10,
|
|
40293
|
+
var import_lexical14, import_LexicalComposerContext10, import_jsx_runtime175;
|
|
40114
40294
|
var init_ActionsPlugin = __esm({
|
|
40115
40295
|
"src/rich-text-editor/plugins/ActionsPlugin/index.tsx"() {
|
|
40116
40296
|
"use strict";
|
|
@@ -40119,14 +40299,14 @@ var init_ActionsPlugin = __esm({
|
|
|
40119
40299
|
init_action_menu2();
|
|
40120
40300
|
init_i18n();
|
|
40121
40301
|
init_lexical_to_crystallize();
|
|
40122
|
-
|
|
40302
|
+
import_jsx_runtime175 = require("react/jsx-runtime");
|
|
40123
40303
|
}
|
|
40124
40304
|
});
|
|
40125
40305
|
|
|
40126
40306
|
// src/rich-text-editor/plugins/ToolbarPlugin/insert-table.tsx
|
|
40127
40307
|
function InsertTableDialog({ activeEditor }) {
|
|
40128
|
-
const [rows, setRows] = (0,
|
|
40129
|
-
const [columns, setColumns] = (0,
|
|
40308
|
+
const [rows, setRows] = (0, import_react160.useState)("5");
|
|
40309
|
+
const [columns, setColumns] = (0, import_react160.useState)("5");
|
|
40130
40310
|
const tr = useTr();
|
|
40131
40311
|
const onClick = () => {
|
|
40132
40312
|
if (parseInt(rows) < 1 || parseInt(columns) < 1) {
|
|
@@ -40141,13 +40321,13 @@ function InsertTableDialog({ activeEditor }) {
|
|
|
40141
40321
|
}
|
|
40142
40322
|
});
|
|
40143
40323
|
};
|
|
40144
|
-
return /* @__PURE__ */ (0,
|
|
40324
|
+
return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", {
|
|
40145
40325
|
className: "c-rte-insert-table",
|
|
40146
40326
|
children: [
|
|
40147
|
-
/* @__PURE__ */ (0,
|
|
40327
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", {
|
|
40148
40328
|
className: "c-rte-insert-table__dimensions",
|
|
40149
40329
|
children: [
|
|
40150
|
-
/* @__PURE__ */ (0,
|
|
40330
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsx)(InputWithLabel, {
|
|
40151
40331
|
label: tr("insertTableRows"),
|
|
40152
40332
|
value: rows,
|
|
40153
40333
|
placeholder: "0",
|
|
@@ -40155,10 +40335,10 @@ function InsertTableDialog({ activeEditor }) {
|
|
|
40155
40335
|
inputMode: "numeric",
|
|
40156
40336
|
onChange: (e) => setRows(e.target.value)
|
|
40157
40337
|
}),
|
|
40158
|
-
/* @__PURE__ */ (0,
|
|
40338
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", {
|
|
40159
40339
|
className: "c-rte-insert-table__dimensions__separator"
|
|
40160
40340
|
}),
|
|
40161
|
-
/* @__PURE__ */ (0,
|
|
40341
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsx)(InputWithLabel, {
|
|
40162
40342
|
type: "text",
|
|
40163
40343
|
label: tr("insertTableColumns"),
|
|
40164
40344
|
placeholder: "0",
|
|
@@ -40168,9 +40348,9 @@ function InsertTableDialog({ activeEditor }) {
|
|
|
40168
40348
|
})
|
|
40169
40349
|
]
|
|
40170
40350
|
}),
|
|
40171
|
-
/* @__PURE__ */ (0,
|
|
40351
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", {
|
|
40172
40352
|
className: "c-rte-insert-table__actions",
|
|
40173
|
-
children: /* @__PURE__ */ (0,
|
|
40353
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(Button, {
|
|
40174
40354
|
as: Dialog.Close,
|
|
40175
40355
|
size: "sm",
|
|
40176
40356
|
intent: "action",
|
|
@@ -40182,17 +40362,17 @@ function InsertTableDialog({ activeEditor }) {
|
|
|
40182
40362
|
]
|
|
40183
40363
|
});
|
|
40184
40364
|
}
|
|
40185
|
-
var
|
|
40365
|
+
var import_react160, import_table5, import_jsx_runtime176;
|
|
40186
40366
|
var init_insert_table = __esm({
|
|
40187
40367
|
"src/rich-text-editor/plugins/ToolbarPlugin/insert-table.tsx"() {
|
|
40188
40368
|
"use strict";
|
|
40189
|
-
|
|
40369
|
+
import_react160 = require("react");
|
|
40190
40370
|
import_table5 = require("@lexical/table");
|
|
40191
40371
|
init_button2();
|
|
40192
40372
|
init_dialog2();
|
|
40193
40373
|
init_input_with_label2();
|
|
40194
40374
|
init_i18n();
|
|
40195
|
-
|
|
40375
|
+
import_jsx_runtime176 = require("react/jsx-runtime");
|
|
40196
40376
|
}
|
|
40197
40377
|
});
|
|
40198
40378
|
|
|
@@ -40281,80 +40461,80 @@ function BlockFormatDropDown({
|
|
|
40281
40461
|
});
|
|
40282
40462
|
}
|
|
40283
40463
|
};
|
|
40284
|
-
return /* @__PURE__ */ (0,
|
|
40464
|
+
return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Root, {
|
|
40285
40465
|
disabled,
|
|
40286
40466
|
style: { zIndex: 1 },
|
|
40287
|
-
content: /* @__PURE__ */ (0,
|
|
40467
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, {
|
|
40288
40468
|
children: [
|
|
40289
|
-
/* @__PURE__ */ (0,
|
|
40469
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40290
40470
|
onClick: formatParagraph,
|
|
40291
40471
|
children: [
|
|
40292
|
-
/* @__PURE__ */ (0,
|
|
40472
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40293
40473
|
className: `c-rte-icon-paragraph c-rte-toolbar__block-format__icon ${blockType === "paragraph" ? "selected" : ""}`
|
|
40294
40474
|
}),
|
|
40295
|
-
/* @__PURE__ */ (0,
|
|
40475
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40296
40476
|
className: `c-rte-toolbar__block-format__text ${blockType === "paragraph" ? "selected" : ""}`,
|
|
40297
40477
|
children: "Normal"
|
|
40298
40478
|
})
|
|
40299
40479
|
]
|
|
40300
40480
|
}),
|
|
40301
|
-
headings.map((headingSize) => /* @__PURE__ */ (0,
|
|
40481
|
+
headings.map((headingSize) => /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40302
40482
|
onClick: () => formatHeading(headingSize),
|
|
40303
40483
|
children: [
|
|
40304
|
-
/* @__PURE__ */ (0,
|
|
40484
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40305
40485
|
className: `c-rte-icon-${headingSize} c-rte-toolbar__block-format__icon ${blockType === headingSize ? "selected" : ""}`
|
|
40306
40486
|
}),
|
|
40307
|
-
/* @__PURE__ */ (0,
|
|
40487
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40308
40488
|
className: `c-rte-toolbar__block-format__text ${blockType === headingSize ? "selected" : ""}`,
|
|
40309
40489
|
children: headingTypeToBlockName[headingSize]
|
|
40310
40490
|
})
|
|
40311
40491
|
]
|
|
40312
40492
|
}, headingSize)),
|
|
40313
|
-
/* @__PURE__ */ (0,
|
|
40493
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40314
40494
|
onClick: formatBulletList,
|
|
40315
40495
|
children: [
|
|
40316
|
-
/* @__PURE__ */ (0,
|
|
40496
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40317
40497
|
className: `c-rte-icon-bullet-list c-rte-toolbar__block-format__icon ${blockType === "bullet" ? "selected" : ""}`
|
|
40318
40498
|
}),
|
|
40319
|
-
/* @__PURE__ */ (0,
|
|
40499
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40320
40500
|
className: `c-rte-toolbar__block-format__text ${blockType === "bullet" ? "selected" : ""}`,
|
|
40321
40501
|
children: "Bullet List"
|
|
40322
40502
|
})
|
|
40323
40503
|
]
|
|
40324
40504
|
}),
|
|
40325
|
-
/* @__PURE__ */ (0,
|
|
40505
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40326
40506
|
onClick: formatNumberedList,
|
|
40327
40507
|
children: [
|
|
40328
|
-
/* @__PURE__ */ (0,
|
|
40508
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40329
40509
|
className: `c-rte-icon-numbered-list c-rte-toolbar__block-format__icon ${blockType === "number" ? "selected" : ""}`
|
|
40330
40510
|
}),
|
|
40331
|
-
/* @__PURE__ */ (0,
|
|
40511
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40332
40512
|
className: `c-rte-toolbar__block-format__text ${blockType === "number" ? "selected" : ""}`,
|
|
40333
40513
|
children: "Numbered List"
|
|
40334
40514
|
})
|
|
40335
40515
|
]
|
|
40336
40516
|
}),
|
|
40337
|
-
/* @__PURE__ */ (0,
|
|
40517
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40338
40518
|
onClick: formatQuote,
|
|
40339
40519
|
"data-testid": "toggle-block-format-quote",
|
|
40340
40520
|
children: [
|
|
40341
|
-
/* @__PURE__ */ (0,
|
|
40521
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40342
40522
|
className: `c-rte-icon-quote c-rte-toolbar__block-format__icon ${blockType === "quote" ? "selected" : ""}`
|
|
40343
40523
|
}),
|
|
40344
|
-
/* @__PURE__ */ (0,
|
|
40524
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40345
40525
|
className: `c-rte-toolbar__block-format__text ${blockType === "quote" ? "selected" : ""}`,
|
|
40346
40526
|
children: "Quote"
|
|
40347
40527
|
})
|
|
40348
40528
|
]
|
|
40349
40529
|
}),
|
|
40350
|
-
/* @__PURE__ */ (0,
|
|
40530
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40351
40531
|
onClick: formatCode,
|
|
40352
40532
|
"data-testid": "toggle-block-format-code",
|
|
40353
40533
|
children: [
|
|
40354
|
-
/* @__PURE__ */ (0,
|
|
40534
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40355
40535
|
className: `icon c-rte-icon-code c-rte-toolbar__block-format__icon ${blockType === "code" ? "selected" : ""}`
|
|
40356
40536
|
}),
|
|
40357
|
-
/* @__PURE__ */ (0,
|
|
40537
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40358
40538
|
className: `c-rte-toolbar__block-format__text ${blockType === "code" ? "selected" : ""}`,
|
|
40359
40539
|
children: "Code block"
|
|
40360
40540
|
})
|
|
@@ -40362,21 +40542,21 @@ function BlockFormatDropDown({
|
|
|
40362
40542
|
})
|
|
40363
40543
|
]
|
|
40364
40544
|
}),
|
|
40365
|
-
children: /* @__PURE__ */ (0,
|
|
40545
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(Button, {
|
|
40366
40546
|
style: { backgroundColor: "transparent", padding: "0 8px" },
|
|
40367
40547
|
"aria-label": "Formatting options for text style",
|
|
40368
40548
|
"data-testid": "toggle-block-format",
|
|
40369
40549
|
children: [
|
|
40370
|
-
/* @__PURE__ */ (0,
|
|
40550
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40371
40551
|
className: `c-rte-toolbar__toggle-icon c-rte-icon-${blockType}`
|
|
40372
40552
|
}),
|
|
40373
|
-
/* @__PURE__ */ (0,
|
|
40553
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon.Arrow, {})
|
|
40374
40554
|
]
|
|
40375
40555
|
})
|
|
40376
40556
|
});
|
|
40377
40557
|
}
|
|
40378
40558
|
function Divider() {
|
|
40379
|
-
return /* @__PURE__ */ (0,
|
|
40559
|
+
return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", {
|
|
40380
40560
|
className: "c-rte-toolbar__divider"
|
|
40381
40561
|
});
|
|
40382
40562
|
}
|
|
@@ -40386,23 +40566,23 @@ function ToolbarPlugin({
|
|
|
40386
40566
|
disabled
|
|
40387
40567
|
}) {
|
|
40388
40568
|
const [editor] = (0, import_LexicalComposerContext11.useLexicalComposerContext)();
|
|
40389
|
-
const [activeEditor, setActiveEditor] = (0,
|
|
40390
|
-
const [blockType, setBlockType] = (0,
|
|
40391
|
-
const [selectedElementKey, setSelectedElementKey] = (0,
|
|
40392
|
-
const [isLink, setIsLink] = (0,
|
|
40393
|
-
const [isBold, setIsBold] = (0,
|
|
40394
|
-
const [isItalic, setIsItalic] = (0,
|
|
40395
|
-
const [isUnderline, setIsUnderline] = (0,
|
|
40396
|
-
const [isStrikethrough, setIsStrikethrough] = (0,
|
|
40397
|
-
const [isSubscript, setIsSubscript] = (0,
|
|
40398
|
-
const [isSuperscript, setIsSuperscript] = (0,
|
|
40399
|
-
const [isCode, setIsCode] = (0,
|
|
40400
|
-
const [canUndo, setCanUndo] = (0,
|
|
40401
|
-
const [canRedo, setCanRedo] = (0,
|
|
40569
|
+
const [activeEditor, setActiveEditor] = (0, import_react161.useState)(editor);
|
|
40570
|
+
const [blockType, setBlockType] = (0, import_react161.useState)("paragraph");
|
|
40571
|
+
const [selectedElementKey, setSelectedElementKey] = (0, import_react161.useState)(null);
|
|
40572
|
+
const [isLink, setIsLink] = (0, import_react161.useState)(false);
|
|
40573
|
+
const [isBold, setIsBold] = (0, import_react161.useState)(false);
|
|
40574
|
+
const [isItalic, setIsItalic] = (0, import_react161.useState)(false);
|
|
40575
|
+
const [isUnderline, setIsUnderline] = (0, import_react161.useState)(false);
|
|
40576
|
+
const [isStrikethrough, setIsStrikethrough] = (0, import_react161.useState)(false);
|
|
40577
|
+
const [isSubscript, setIsSubscript] = (0, import_react161.useState)(false);
|
|
40578
|
+
const [isSuperscript, setIsSuperscript] = (0, import_react161.useState)(false);
|
|
40579
|
+
const [isCode, setIsCode] = (0, import_react161.useState)(false);
|
|
40580
|
+
const [canUndo, setCanUndo] = (0, import_react161.useState)(false);
|
|
40581
|
+
const [canRedo, setCanRedo] = (0, import_react161.useState)(false);
|
|
40402
40582
|
const tr = useTr();
|
|
40403
|
-
const [codeLanguage, setCodeLanguage] = (0,
|
|
40404
|
-
const [isEditable, setIsEditable] = (0,
|
|
40405
|
-
const updateToolbar = (0,
|
|
40583
|
+
const [codeLanguage, setCodeLanguage] = (0, import_react161.useState)("");
|
|
40584
|
+
const [isEditable, setIsEditable] = (0, import_react161.useState)(() => editor.isEditable());
|
|
40585
|
+
const updateToolbar = (0, import_react161.useCallback)(() => {
|
|
40406
40586
|
const selection = (0, import_lexical15.$getSelection)();
|
|
40407
40587
|
if ((0, import_lexical15.$isRangeSelection)(selection)) {
|
|
40408
40588
|
const anchorNode = selection.anchor.getNode();
|
|
@@ -40449,7 +40629,7 @@ function ToolbarPlugin({
|
|
|
40449
40629
|
}
|
|
40450
40630
|
}
|
|
40451
40631
|
}, [activeEditor]);
|
|
40452
|
-
(0,
|
|
40632
|
+
(0, import_react161.useEffect)(() => {
|
|
40453
40633
|
return editor.registerCommand(
|
|
40454
40634
|
import_lexical15.SELECTION_CHANGE_COMMAND,
|
|
40455
40635
|
(_payload, newEditor) => {
|
|
@@ -40460,7 +40640,7 @@ function ToolbarPlugin({
|
|
|
40460
40640
|
import_lexical15.COMMAND_PRIORITY_CRITICAL
|
|
40461
40641
|
);
|
|
40462
40642
|
}, [editor, updateToolbar]);
|
|
40463
|
-
(0,
|
|
40643
|
+
(0, import_react161.useEffect)(() => {
|
|
40464
40644
|
return (0, import_utils4.mergeRegister)(
|
|
40465
40645
|
editor.registerEditableListener((editable) => {
|
|
40466
40646
|
setIsEditable(editable);
|
|
@@ -40488,7 +40668,7 @@ function ToolbarPlugin({
|
|
|
40488
40668
|
)
|
|
40489
40669
|
);
|
|
40490
40670
|
}, [activeEditor, editor, updateToolbar]);
|
|
40491
|
-
const clearFormatting = (0,
|
|
40671
|
+
const clearFormatting = (0, import_react161.useCallback)(() => {
|
|
40492
40672
|
activeEditor.update(() => {
|
|
40493
40673
|
const selection = (0, import_lexical15.$getSelection)();
|
|
40494
40674
|
if ((0, import_lexical15.$isRangeSelection)(selection)) {
|
|
@@ -40506,14 +40686,14 @@ function ToolbarPlugin({
|
|
|
40506
40686
|
}
|
|
40507
40687
|
});
|
|
40508
40688
|
}, [activeEditor]);
|
|
40509
|
-
const insertLink = (0,
|
|
40689
|
+
const insertLink = (0, import_react161.useCallback)(() => {
|
|
40510
40690
|
if (!isLink) {
|
|
40511
40691
|
editor.dispatchCommand(import_link6.TOGGLE_LINK_COMMAND, sanitizeUrl("https://"));
|
|
40512
40692
|
} else {
|
|
40513
40693
|
editor.dispatchCommand(import_link6.TOGGLE_LINK_COMMAND, null);
|
|
40514
40694
|
}
|
|
40515
40695
|
}, [editor, isLink]);
|
|
40516
|
-
const onCodeLanguageSelect = (0,
|
|
40696
|
+
const onCodeLanguageSelect = (0, import_react161.useCallback)(
|
|
40517
40697
|
(value) => {
|
|
40518
40698
|
activeEditor.update(() => {
|
|
40519
40699
|
if (selectedElementKey !== null) {
|
|
@@ -40526,13 +40706,13 @@ function ToolbarPlugin({
|
|
|
40526
40706
|
},
|
|
40527
40707
|
[activeEditor, selectedElementKey]
|
|
40528
40708
|
);
|
|
40529
|
-
return /* @__PURE__ */ (0,
|
|
40709
|
+
return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", {
|
|
40530
40710
|
className: "c-rte-toolbar",
|
|
40531
40711
|
children: [
|
|
40532
|
-
/* @__PURE__ */ (0,
|
|
40712
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", {
|
|
40533
40713
|
className: "c-rte-toolbar__inner",
|
|
40534
40714
|
children: [
|
|
40535
|
-
/* @__PURE__ */ (0,
|
|
40715
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40536
40716
|
disabled: !canUndo || !isEditable,
|
|
40537
40717
|
onClick: () => {
|
|
40538
40718
|
activeEditor.dispatchCommand(import_lexical15.UNDO_COMMAND, void 0);
|
|
@@ -40541,12 +40721,12 @@ function ToolbarPlugin({
|
|
|
40541
40721
|
title: tr(IS_APPLE ? "actionUndoTitleApple" : "actionUndoTitle"),
|
|
40542
40722
|
"aria-label": tr("actionUndoLabel"),
|
|
40543
40723
|
"data-testid": "rich-text-undo-button",
|
|
40544
|
-
children: /* @__PURE__ */ (0,
|
|
40724
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40545
40725
|
className: `c-rte-icon-undo c-rte-toolbar__icon ${!canUndo ? "disabled" : ""}
|
|
40546
40726
|
`
|
|
40547
40727
|
})
|
|
40548
40728
|
}),
|
|
40549
|
-
/* @__PURE__ */ (0,
|
|
40729
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40550
40730
|
disabled: !canRedo || !isEditable,
|
|
40551
40731
|
onClick: () => {
|
|
40552
40732
|
activeEditor.dispatchCommand(import_lexical15.REDO_COMMAND, void 0);
|
|
@@ -40554,51 +40734,51 @@ function ToolbarPlugin({
|
|
|
40554
40734
|
type: "button",
|
|
40555
40735
|
title: tr(IS_APPLE ? "actionRedoTitleApple" : "actionRedoTitle"),
|
|
40556
40736
|
"aria-label": tr("actionRedoLabel"),
|
|
40557
|
-
children: /* @__PURE__ */ (0,
|
|
40737
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40558
40738
|
className: `c-rte-icon-redo c-rte-toolbar__icon ${!canRedo ? "disabled" : ""}`
|
|
40559
40739
|
})
|
|
40560
40740
|
}),
|
|
40561
|
-
/* @__PURE__ */ (0,
|
|
40562
|
-
blockType in blockTypeToBlockName && activeEditor === editor && /* @__PURE__ */ (0,
|
|
40741
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Divider, {}),
|
|
40742
|
+
blockType in blockTypeToBlockName && activeEditor === editor && /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, {
|
|
40563
40743
|
children: [
|
|
40564
|
-
/* @__PURE__ */ (0,
|
|
40744
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(BlockFormatDropDown, {
|
|
40565
40745
|
disabled: !isEditable,
|
|
40566
40746
|
blockType,
|
|
40567
40747
|
editor
|
|
40568
40748
|
}),
|
|
40569
|
-
/* @__PURE__ */ (0,
|
|
40749
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Divider, {})
|
|
40570
40750
|
]
|
|
40571
40751
|
}),
|
|
40572
|
-
blockType === "code" ? /* @__PURE__ */ (0,
|
|
40573
|
-
children: /* @__PURE__ */ (0,
|
|
40752
|
+
blockType === "code" ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_jsx_runtime177.Fragment, {
|
|
40753
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Root, {
|
|
40574
40754
|
disabled: !isEditable,
|
|
40575
40755
|
style: { zIndex: 1 },
|
|
40576
|
-
content: /* @__PURE__ */ (0,
|
|
40756
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_jsx_runtime177.Fragment, {
|
|
40577
40757
|
children: CODE_LANGUAGE_OPTIONS.map(([value, name]) => {
|
|
40578
|
-
return /* @__PURE__ */ (0,
|
|
40758
|
+
return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Item, {
|
|
40579
40759
|
className: `item ${dropDownActiveClass(value === codeLanguage)}`,
|
|
40580
40760
|
onClick: () => onCodeLanguageSelect(value),
|
|
40581
|
-
children: /* @__PURE__ */ (0,
|
|
40761
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40582
40762
|
className: `c-rte-toolbar__code-lang__sel-item ${dropDownActiveClass(value === codeLanguage) ? "selected" : ""}`,
|
|
40583
40763
|
children: name
|
|
40584
40764
|
})
|
|
40585
40765
|
}, value);
|
|
40586
40766
|
})
|
|
40587
40767
|
}),
|
|
40588
|
-
children: /* @__PURE__ */ (0,
|
|
40768
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Button, {
|
|
40589
40769
|
"aria-label": tr("codeSelectLanguage"),
|
|
40590
|
-
append: /* @__PURE__ */ (0,
|
|
40591
|
-
children: /* @__PURE__ */ (0,
|
|
40770
|
+
append: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon.Arrow, {}),
|
|
40771
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40592
40772
|
className: "c-rte-toolbar__code-lang__button-text",
|
|
40593
40773
|
children: (0, import_code9.getLanguageFriendlyName)(codeLanguage)
|
|
40594
40774
|
})
|
|
40595
40775
|
})
|
|
40596
40776
|
})
|
|
40597
|
-
}) : /* @__PURE__ */ (0,
|
|
40598
|
-
children: /* @__PURE__ */ (0,
|
|
40777
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Dialog, {
|
|
40778
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", {
|
|
40599
40779
|
className: "c-rte-toolbar__actions-rest",
|
|
40600
40780
|
children: [
|
|
40601
|
-
/* @__PURE__ */ (0,
|
|
40781
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40602
40782
|
disabled: !isEditable,
|
|
40603
40783
|
className: `c-rte-toolbar__icon-btn ${isBold ? "selected" : ""}`,
|
|
40604
40784
|
type: "button",
|
|
@@ -40608,11 +40788,11 @@ function ToolbarPlugin({
|
|
|
40608
40788
|
onClick: () => {
|
|
40609
40789
|
activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "bold");
|
|
40610
40790
|
},
|
|
40611
|
-
children: /* @__PURE__ */ (0,
|
|
40791
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40612
40792
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-bold`
|
|
40613
40793
|
})
|
|
40614
40794
|
}),
|
|
40615
|
-
/* @__PURE__ */ (0,
|
|
40795
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40616
40796
|
className: `c-rte-toolbar__icon-btn ${isItalic ? "selected" : ""}`,
|
|
40617
40797
|
disabled: !isEditable,
|
|
40618
40798
|
onClick: () => {
|
|
@@ -40622,11 +40802,11 @@ function ToolbarPlugin({
|
|
|
40622
40802
|
title: tr(IS_APPLE ? "actionFormatAsEmphasizedTitleApple" : "actionFormatAsEmphasizedTitle"),
|
|
40623
40803
|
"aria-label": tr("actionFormatAsEmphasizedLabel"),
|
|
40624
40804
|
"data-testid": "toggle-format-emphasized",
|
|
40625
|
-
children: /* @__PURE__ */ (0,
|
|
40805
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40626
40806
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-italic`
|
|
40627
40807
|
})
|
|
40628
40808
|
}),
|
|
40629
|
-
/* @__PURE__ */ (0,
|
|
40809
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40630
40810
|
className: `c-rte-toolbar__icon-btn ${isUnderline ? "selected" : ""}`,
|
|
40631
40811
|
disabled: !isEditable,
|
|
40632
40812
|
onClick: () => {
|
|
@@ -40636,11 +40816,11 @@ function ToolbarPlugin({
|
|
|
40636
40816
|
title: tr(IS_APPLE ? "actionFormatAsUnderlinedTitleApple" : "actionFormatAsUnderlinedTitle"),
|
|
40637
40817
|
"aria-label": tr("actionFormatAsUnderlinedLabel"),
|
|
40638
40818
|
"data-testid": "toggle-format-underlined",
|
|
40639
|
-
children: /* @__PURE__ */ (0,
|
|
40819
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40640
40820
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-underline`
|
|
40641
40821
|
})
|
|
40642
40822
|
}),
|
|
40643
|
-
/* @__PURE__ */ (0,
|
|
40823
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40644
40824
|
className: `c-rte-toolbar__icon-btn ${isCode ? "selected" : ""}`,
|
|
40645
40825
|
disabled: !isEditable,
|
|
40646
40826
|
onClick: () => {
|
|
@@ -40650,82 +40830,82 @@ function ToolbarPlugin({
|
|
|
40650
40830
|
title: tr("actionInsertCodeBlock"),
|
|
40651
40831
|
"aria-label": tr("actionInsertCodeBlock"),
|
|
40652
40832
|
"data-testid": "toggle-format-code",
|
|
40653
|
-
children: /* @__PURE__ */ (0,
|
|
40833
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40654
40834
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-code`
|
|
40655
40835
|
})
|
|
40656
40836
|
}),
|
|
40657
|
-
/* @__PURE__ */ (0,
|
|
40837
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40658
40838
|
className: `c-rte-toolbar__icon-btn ${isLink ? "selected" : ""}`,
|
|
40659
40839
|
disabled: !isEditable,
|
|
40660
40840
|
onClick: insertLink,
|
|
40661
40841
|
type: "button",
|
|
40662
40842
|
"aria-label": tr("actionInsertlink"),
|
|
40663
40843
|
title: tr("actionInsertlink"),
|
|
40664
|
-
children: /* @__PURE__ */ (0,
|
|
40844
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40665
40845
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-link`
|
|
40666
40846
|
})
|
|
40667
40847
|
}),
|
|
40668
|
-
/* @__PURE__ */ (0,
|
|
40848
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Root, {
|
|
40669
40849
|
disabled: !isEditable,
|
|
40670
40850
|
style: { zIndex: 1 },
|
|
40671
|
-
content: /* @__PURE__ */ (0,
|
|
40851
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, {
|
|
40672
40852
|
children: [
|
|
40673
|
-
/* @__PURE__ */ (0,
|
|
40853
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40674
40854
|
disabled: !isEditable,
|
|
40675
40855
|
onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "strikethrough"),
|
|
40676
40856
|
title: tr("actionFormatWithStrikethroughTitle"),
|
|
40677
40857
|
"aria-label": tr("actionFormatWithStrikethroughLabel"),
|
|
40678
40858
|
children: [
|
|
40679
|
-
/* @__PURE__ */ (0,
|
|
40859
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40680
40860
|
className: `c-rte-icon-strikethrough c-rte-toolbar__dd-item__icon ${isStrikethrough ? "selected" : ""}`
|
|
40681
40861
|
}),
|
|
40682
|
-
/* @__PURE__ */ (0,
|
|
40862
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40683
40863
|
className: `c-rte-toolbar__dd-item__text ${isStrikethrough ? "selected" : ""}`,
|
|
40684
40864
|
children: tr("actionFormatWithStrikethroughTitle")
|
|
40685
40865
|
})
|
|
40686
40866
|
]
|
|
40687
40867
|
}),
|
|
40688
|
-
/* @__PURE__ */ (0,
|
|
40868
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40689
40869
|
disabled: !isEditable,
|
|
40690
40870
|
onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "subscript"),
|
|
40691
40871
|
title: tr("actionFormatWithSubscriptTitle"),
|
|
40692
40872
|
"aria-label": tr("actionFormatWithSubscriptLabel"),
|
|
40693
40873
|
children: [
|
|
40694
|
-
/* @__PURE__ */ (0,
|
|
40874
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40695
40875
|
className: `c-rte-icon-subscript c-rte-toolbar__dd-item__icon ${isSubscript ? "selected" : ""}`
|
|
40696
40876
|
}),
|
|
40697
|
-
/* @__PURE__ */ (0,
|
|
40877
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40698
40878
|
className: `c-rte-toolbar__dd-item__text ${isSubscript ? "selected" : ""}`,
|
|
40699
40879
|
children: tr("actionFormatWithSubscriptTitle")
|
|
40700
40880
|
})
|
|
40701
40881
|
]
|
|
40702
40882
|
}),
|
|
40703
|
-
/* @__PURE__ */ (0,
|
|
40883
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40704
40884
|
disabled: !isEditable,
|
|
40705
40885
|
onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "superscript"),
|
|
40706
40886
|
title: tr("actionFormatWithSuperscriptTitle"),
|
|
40707
40887
|
"aria-label": tr("actionFormatWithSuperscriptLabel"),
|
|
40708
40888
|
children: [
|
|
40709
|
-
/* @__PURE__ */ (0,
|
|
40889
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40710
40890
|
className: `c-rte-icon-superscript c-rte-toolbar__dd-item__icon ${isSuperscript ? "selected" : ""}`
|
|
40711
40891
|
}),
|
|
40712
|
-
/* @__PURE__ */ (0,
|
|
40892
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40713
40893
|
className: `c-rte-toolbar__dd-item__text ${isSuperscript ? "selected" : ""}`,
|
|
40714
40894
|
children: tr("actionFormatWithSuperscriptTitle")
|
|
40715
40895
|
})
|
|
40716
40896
|
]
|
|
40717
40897
|
}),
|
|
40718
|
-
/* @__PURE__ */ (0,
|
|
40898
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40719
40899
|
disabled: !isEditable,
|
|
40720
40900
|
onClick: clearFormatting,
|
|
40721
40901
|
className: "item",
|
|
40722
40902
|
title: tr("actionClearTextFormatting"),
|
|
40723
40903
|
"aria-label": tr("actionClearTextFormatting"),
|
|
40724
40904
|
children: [
|
|
40725
|
-
/* @__PURE__ */ (0,
|
|
40905
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40726
40906
|
className: "c-rte-icon-clear c-rte-toolbar__dd-item__icon"
|
|
40727
40907
|
}),
|
|
40728
|
-
/* @__PURE__ */ (0,
|
|
40908
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40729
40909
|
className: "c-rte-toolbar__dd-item__text--clear",
|
|
40730
40910
|
children: tr("actionFormatClear")
|
|
40731
40911
|
})
|
|
@@ -40733,47 +40913,47 @@ function ToolbarPlugin({
|
|
|
40733
40913
|
})
|
|
40734
40914
|
]
|
|
40735
40915
|
}),
|
|
40736
|
-
children: /* @__PURE__ */ (0,
|
|
40916
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(Button, {
|
|
40737
40917
|
style: { backgroundColor: "transparent", padding: "0 8px" },
|
|
40738
40918
|
"aria-label": tr("actionTextFormattingOptions"),
|
|
40739
40919
|
children: [
|
|
40740
|
-
/* @__PURE__ */ (0,
|
|
40920
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40741
40921
|
className: `c-rte-icon-dropdown-more c-rte-toolbar__toggle-icon`
|
|
40742
40922
|
}),
|
|
40743
|
-
/* @__PURE__ */ (0,
|
|
40923
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon.Arrow, {})
|
|
40744
40924
|
]
|
|
40745
40925
|
})
|
|
40746
40926
|
}),
|
|
40747
|
-
/* @__PURE__ */ (0,
|
|
40748
|
-
/* @__PURE__ */ (0,
|
|
40927
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Divider, {}),
|
|
40928
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Root, {
|
|
40749
40929
|
style: { zIndex: 1 },
|
|
40750
40930
|
disabled: !isEditable,
|
|
40751
|
-
content: /* @__PURE__ */ (0,
|
|
40931
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, {
|
|
40752
40932
|
children: [
|
|
40753
|
-
/* @__PURE__ */ (0,
|
|
40933
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40754
40934
|
onClick: () => {
|
|
40755
40935
|
activeEditor.dispatchCommand(import_LexicalHorizontalRuleNode4.INSERT_HORIZONTAL_RULE_COMMAND, void 0);
|
|
40756
40936
|
},
|
|
40757
40937
|
children: [
|
|
40758
|
-
/* @__PURE__ */ (0,
|
|
40938
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40759
40939
|
className: "c-rte-toolbar__dd-item__icon c-rte-icon-horizontal-rule"
|
|
40760
40940
|
}),
|
|
40761
|
-
/* @__PURE__ */ (0,
|
|
40941
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40762
40942
|
className: "c-rte-toolbar__dd-item__text",
|
|
40763
40943
|
children: tr("horizontalRule")
|
|
40764
40944
|
})
|
|
40765
40945
|
]
|
|
40766
40946
|
}),
|
|
40767
|
-
/* @__PURE__ */ (0,
|
|
40768
|
-
children: /* @__PURE__ */ (0,
|
|
40947
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Item, {
|
|
40948
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Dialog.Trigger, {
|
|
40769
40949
|
asChild: true,
|
|
40770
|
-
children: /* @__PURE__ */ (0,
|
|
40950
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", {
|
|
40771
40951
|
className: "c-rte-toolbar__dd-item--table",
|
|
40772
40952
|
children: [
|
|
40773
|
-
/* @__PURE__ */ (0,
|
|
40953
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40774
40954
|
className: "c-rte-toolbar__dd-item__icon c-rte-icon-table"
|
|
40775
40955
|
}),
|
|
40776
|
-
/* @__PURE__ */ (0,
|
|
40956
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40777
40957
|
className: "c-rte-toolbar__dd-item__text",
|
|
40778
40958
|
children: tr("table")
|
|
40779
40959
|
})
|
|
@@ -40783,21 +40963,21 @@ function ToolbarPlugin({
|
|
|
40783
40963
|
})
|
|
40784
40964
|
]
|
|
40785
40965
|
}),
|
|
40786
|
-
children: /* @__PURE__ */ (0,
|
|
40787
|
-
children: /* @__PURE__ */ (0,
|
|
40966
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40967
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40788
40968
|
className: "c-rte-icon-plus c-rte-toolbar__plus"
|
|
40789
40969
|
})
|
|
40790
40970
|
})
|
|
40791
40971
|
}),
|
|
40792
|
-
/* @__PURE__ */ (0,
|
|
40972
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(Dialog.Content, {
|
|
40793
40973
|
children: [
|
|
40794
|
-
/* @__PURE__ */ (0,
|
|
40974
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Dialog.Title, {
|
|
40795
40975
|
children: tr("insertTableTitle")
|
|
40796
40976
|
}),
|
|
40797
|
-
/* @__PURE__ */ (0,
|
|
40977
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Dialog.Description, {
|
|
40798
40978
|
children: tr("insertTableDescription")
|
|
40799
40979
|
}),
|
|
40800
|
-
/* @__PURE__ */ (0,
|
|
40980
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(InsertTableDialog, {
|
|
40801
40981
|
activeEditor
|
|
40802
40982
|
})
|
|
40803
40983
|
]
|
|
@@ -40807,7 +40987,7 @@ function ToolbarPlugin({
|
|
|
40807
40987
|
})
|
|
40808
40988
|
]
|
|
40809
40989
|
}),
|
|
40810
|
-
/* @__PURE__ */ (0,
|
|
40990
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(ActionsPlugin, {
|
|
40811
40991
|
disabled,
|
|
40812
40992
|
prepend: actionsMenuPrepend,
|
|
40813
40993
|
append: actionsMenuAppend
|
|
@@ -40815,11 +40995,11 @@ function ToolbarPlugin({
|
|
|
40815
40995
|
]
|
|
40816
40996
|
});
|
|
40817
40997
|
}
|
|
40818
|
-
var
|
|
40998
|
+
var import_react161, import_lexical15, import_code9, import_link6, import_list5, import_LexicalComposerContext11, import_LexicalDecoratorBlockNode, import_LexicalHorizontalRuleNode4, import_rich_text5, import_selection4, import_table6, import_utils4, import_jsx_runtime177, headingTypeToBlockName, headings, blockTypeToBlockName, CODE_LANGUAGE_OPTIONS;
|
|
40819
40999
|
var init_ToolbarPlugin = __esm({
|
|
40820
41000
|
"src/rich-text-editor/plugins/ToolbarPlugin/index.tsx"() {
|
|
40821
41001
|
"use strict";
|
|
40822
|
-
|
|
41002
|
+
import_react161 = require("react");
|
|
40823
41003
|
import_lexical15 = require("lexical");
|
|
40824
41004
|
import_code9 = require("@lexical/code");
|
|
40825
41005
|
import_link6 = require("@lexical/link");
|
|
@@ -40842,7 +41022,7 @@ var init_ToolbarPlugin = __esm({
|
|
|
40842
41022
|
init_url();
|
|
40843
41023
|
init_ActionsPlugin();
|
|
40844
41024
|
init_insert_table();
|
|
40845
|
-
|
|
41025
|
+
import_jsx_runtime177 = require("react/jsx-runtime");
|
|
40846
41026
|
headingTypeToBlockName = {
|
|
40847
41027
|
h1: "Heading 1",
|
|
40848
41028
|
h2: "Heading 2",
|
|
@@ -40992,7 +41172,7 @@ function RichTextEditor({
|
|
|
40992
41172
|
labelTranslations,
|
|
40993
41173
|
...rest
|
|
40994
41174
|
}) {
|
|
40995
|
-
return /* @__PURE__ */ (0,
|
|
41175
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalComposer.LexicalComposer, {
|
|
40996
41176
|
initialConfig: {
|
|
40997
41177
|
editable: !rest.disabled,
|
|
40998
41178
|
namespace: "crystallize-rich-text-editor",
|
|
@@ -41003,13 +41183,13 @@ function RichTextEditor({
|
|
|
41003
41183
|
throw error;
|
|
41004
41184
|
}
|
|
41005
41185
|
},
|
|
41006
|
-
children: /* @__PURE__ */ (0,
|
|
41186
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(I18nProvider, {
|
|
41007
41187
|
language,
|
|
41008
41188
|
labelTranslations,
|
|
41009
|
-
children: /* @__PURE__ */ (0,
|
|
41010
|
-
children: /* @__PURE__ */ (0,
|
|
41189
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(SharedHistoryContext, {
|
|
41190
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", {
|
|
41011
41191
|
className: "c-rich-text-editor",
|
|
41012
|
-
children: /* @__PURE__ */ (0,
|
|
41192
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(RichTextEditorWithoutContext, {
|
|
41013
41193
|
...rest
|
|
41014
41194
|
})
|
|
41015
41195
|
})
|
|
@@ -41031,19 +41211,19 @@ function RichTextEditorWithoutContext({
|
|
|
41031
41211
|
}) {
|
|
41032
41212
|
const editable = !disabled;
|
|
41033
41213
|
const { historyState } = useSharedHistoryContext();
|
|
41034
|
-
const placeholder = /* @__PURE__ */ (0,
|
|
41214
|
+
const placeholder = /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", {
|
|
41035
41215
|
className: "c-rte-placeholder",
|
|
41036
41216
|
children: placeholderText ?? ""
|
|
41037
41217
|
});
|
|
41038
41218
|
const [editor] = (0, import_LexicalComposerContext12.useLexicalComposerContext)();
|
|
41039
|
-
const [floatingAnchorElem, setFloatingAnchorElem] = (0,
|
|
41040
|
-
const firstOnChangeTriggeredRef = (0,
|
|
41219
|
+
const [floatingAnchorElem, setFloatingAnchorElem] = (0, import_react162.useState)(null);
|
|
41220
|
+
const firstOnChangeTriggeredRef = (0, import_react162.useRef)(!autoFocus);
|
|
41041
41221
|
const onRef = (_floatingAnchorElem) => {
|
|
41042
41222
|
if (_floatingAnchorElem !== null) {
|
|
41043
41223
|
setFloatingAnchorElem(_floatingAnchorElem);
|
|
41044
41224
|
}
|
|
41045
41225
|
};
|
|
41046
|
-
(0,
|
|
41226
|
+
(0, import_react162.useEffect)(() => {
|
|
41047
41227
|
editor.setEditable(editable || false);
|
|
41048
41228
|
}, [editable, editor]);
|
|
41049
41229
|
function onLocalChange(editorState) {
|
|
@@ -41054,38 +41234,38 @@ function RichTextEditorWithoutContext({
|
|
|
41054
41234
|
}
|
|
41055
41235
|
firstOnChangeTriggeredRef.current = true;
|
|
41056
41236
|
}
|
|
41057
|
-
return /* @__PURE__ */ (0,
|
|
41237
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(import_jsx_runtime178.Fragment, {
|
|
41058
41238
|
children: [
|
|
41059
|
-
/* @__PURE__ */ (0,
|
|
41239
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalOnChangePlugin.OnChangePlugin, {
|
|
41060
41240
|
onChange: onLocalChange,
|
|
41061
41241
|
ignoreSelectionChange: true
|
|
41062
41242
|
}),
|
|
41063
|
-
/* @__PURE__ */ (0,
|
|
41243
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(ToolbarPlugin, {
|
|
41064
41244
|
disabled,
|
|
41065
41245
|
actionsMenuPrepend,
|
|
41066
41246
|
actionsMenuAppend
|
|
41067
41247
|
}),
|
|
41068
41248
|
slotPreContent,
|
|
41069
|
-
/* @__PURE__ */ (0,
|
|
41249
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", {
|
|
41070
41250
|
className: `c-rte-editor-container ${disabled ? "disabled" : ""}`,
|
|
41071
41251
|
"data-testid": "rich-text-editor",
|
|
41072
41252
|
children: [
|
|
41073
|
-
maxLength != null ? /* @__PURE__ */ (0,
|
|
41253
|
+
maxLength != null ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(MaxLengthPlugin, {
|
|
41074
41254
|
maxLength
|
|
41075
41255
|
}) : null,
|
|
41076
|
-
!autoFocus ? null : /* @__PURE__ */ (0,
|
|
41077
|
-
/* @__PURE__ */ (0,
|
|
41078
|
-
/* @__PURE__ */ (0,
|
|
41079
|
-
/* @__PURE__ */ (0,
|
|
41256
|
+
!autoFocus ? null : /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalAutoFocusPlugin.AutoFocusPlugin, {}),
|
|
41257
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalClearEditorPlugin.ClearEditorPlugin, {}),
|
|
41258
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(LexicalAutoLinkPlugin, {}),
|
|
41259
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalHistoryPlugin2.HistoryPlugin, {
|
|
41080
41260
|
externalHistoryState: historyState
|
|
41081
41261
|
}),
|
|
41082
|
-
/* @__PURE__ */ (0,
|
|
41083
|
-
contentEditable: /* @__PURE__ */ (0,
|
|
41262
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalRichTextPlugin.RichTextPlugin, {
|
|
41263
|
+
contentEditable: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", {
|
|
41084
41264
|
className: "c-rte-editor-scroller",
|
|
41085
|
-
children: /* @__PURE__ */ (0,
|
|
41265
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", {
|
|
41086
41266
|
className: "c-rte-editor",
|
|
41087
41267
|
ref: onRef,
|
|
41088
|
-
children: /* @__PURE__ */ (0,
|
|
41268
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalContentEditable.ContentEditable, {
|
|
41089
41269
|
className: "c-rte-contenteditable-root",
|
|
41090
41270
|
id
|
|
41091
41271
|
})
|
|
@@ -41094,28 +41274,28 @@ function RichTextEditorWithoutContext({
|
|
|
41094
41274
|
placeholder,
|
|
41095
41275
|
ErrorBoundary: import_LexicalErrorBoundary.default
|
|
41096
41276
|
}),
|
|
41097
|
-
/* @__PURE__ */ (0,
|
|
41098
|
-
/* @__PURE__ */ (0,
|
|
41099
|
-
/* @__PURE__ */ (0,
|
|
41277
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(CodeHighlightPlugin, {}),
|
|
41278
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalListPlugin.ListPlugin, {}),
|
|
41279
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(ListMaxIndentLevelPlugin, {
|
|
41100
41280
|
maxDepth: 7
|
|
41101
41281
|
}),
|
|
41102
|
-
/* @__PURE__ */ (0,
|
|
41103
|
-
/* @__PURE__ */ (0,
|
|
41104
|
-
/* @__PURE__ */ (0,
|
|
41105
|
-
/* @__PURE__ */ (0,
|
|
41106
|
-
/* @__PURE__ */ (0,
|
|
41107
|
-
floatingAnchorElem && /* @__PURE__ */ (0,
|
|
41282
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalTablePlugin.TablePlugin, {}),
|
|
41283
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(LinkPlugin, {}),
|
|
41284
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalHorizontalRulePlugin.HorizontalRulePlugin, {}),
|
|
41285
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(TabFocusPlugin, {}),
|
|
41286
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {}),
|
|
41287
|
+
floatingAnchorElem && /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(import_jsx_runtime178.Fragment, {
|
|
41108
41288
|
children: [
|
|
41109
|
-
/* @__PURE__ */ (0,
|
|
41289
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(CodeActionMenuPlugin, {
|
|
41110
41290
|
anchorElem: floatingAnchorElem
|
|
41111
41291
|
}),
|
|
41112
|
-
/* @__PURE__ */ (0,
|
|
41292
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(FloatingLinkEditorPlugin, {
|
|
41113
41293
|
anchorElem: floatingAnchorElem
|
|
41114
41294
|
}),
|
|
41115
|
-
/* @__PURE__ */ (0,
|
|
41295
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(TableActionMenuPlugin, {
|
|
41116
41296
|
anchorElem: floatingAnchorElem
|
|
41117
41297
|
}),
|
|
41118
|
-
/* @__PURE__ */ (0,
|
|
41298
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(FloatingTextFormatToolbarPlugin, {
|
|
41119
41299
|
anchorElem: floatingAnchorElem
|
|
41120
41300
|
})
|
|
41121
41301
|
]
|
|
@@ -41125,11 +41305,11 @@ function RichTextEditorWithoutContext({
|
|
|
41125
41305
|
]
|
|
41126
41306
|
});
|
|
41127
41307
|
}
|
|
41128
|
-
var
|
|
41308
|
+
var import_react162, import_LexicalAutoFocusPlugin, import_LexicalClearEditorPlugin, import_LexicalComposer, import_LexicalErrorBoundary, import_LexicalHistoryPlugin2, import_LexicalHorizontalRulePlugin, import_LexicalListPlugin, import_LexicalOnChangePlugin, import_LexicalRichTextPlugin, import_LexicalTabIndentationPlugin, import_LexicalTablePlugin, import_LexicalComposerContext12, import_LexicalContentEditable, import_jsx_runtime178, rich_text_editor_default;
|
|
41129
41309
|
var init_rich_text_editor = __esm({
|
|
41130
41310
|
"src/rich-text-editor/rich-text-editor.tsx"() {
|
|
41131
41311
|
"use strict";
|
|
41132
|
-
|
|
41312
|
+
import_react162 = require("react");
|
|
41133
41313
|
import_LexicalAutoFocusPlugin = require("@lexical/react/LexicalAutoFocusPlugin");
|
|
41134
41314
|
import_LexicalClearEditorPlugin = require("@lexical/react/LexicalClearEditorPlugin");
|
|
41135
41315
|
import_LexicalComposer = require("@lexical/react/LexicalComposer");
|
|
@@ -41162,7 +41342,7 @@ var init_rich_text_editor = __esm({
|
|
|
41162
41342
|
init_TableActionMenuPlugin();
|
|
41163
41343
|
init_ToolbarPlugin();
|
|
41164
41344
|
init_CrystallizeRTEditorTheme();
|
|
41165
|
-
|
|
41345
|
+
import_jsx_runtime178 = require("react/jsx-runtime");
|
|
41166
41346
|
rich_text_editor_default = RichTextEditor;
|
|
41167
41347
|
}
|
|
41168
41348
|
});
|
|
@@ -41319,9 +41499,9 @@ Checkbox.displayName = "Checkbox";
|
|
|
41319
41499
|
var import_class_variance_authority9 = require("class-variance-authority");
|
|
41320
41500
|
var CollapsiblePrimitives = __toESM(require("@radix-ui/react-collapsible"));
|
|
41321
41501
|
init_iconography();
|
|
41322
|
-
var
|
|
41502
|
+
var import_jsx_runtime145 = require("react/jsx-runtime");
|
|
41323
41503
|
function Content3({ className, ...delegated }) {
|
|
41324
|
-
return /* @__PURE__ */ (0,
|
|
41504
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(CollapsiblePrimitives.Content, {
|
|
41325
41505
|
...delegated,
|
|
41326
41506
|
className: (0, import_class_variance_authority9.cx)("c-collapsible-content", className)
|
|
41327
41507
|
});
|
|
@@ -41333,7 +41513,7 @@ function CollapsibleTrigger({
|
|
|
41333
41513
|
mode,
|
|
41334
41514
|
...delegated
|
|
41335
41515
|
}) {
|
|
41336
|
-
return /* @__PURE__ */ (0,
|
|
41516
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(CollapsiblePrimitives.Trigger, {
|
|
41337
41517
|
asChild: true,
|
|
41338
41518
|
...delegated,
|
|
41339
41519
|
className: (0, import_class_variance_authority9.cx)(
|
|
@@ -41342,9 +41522,9 @@ function CollapsibleTrigger({
|
|
|
41342
41522
|
mode === "tree" ? "c-collapsible-tree" : "",
|
|
41343
41523
|
className
|
|
41344
41524
|
),
|
|
41345
|
-
children: /* @__PURE__ */ (0,
|
|
41525
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", {
|
|
41346
41526
|
children: [
|
|
41347
|
-
arrowPosition && /* @__PURE__ */ (0,
|
|
41527
|
+
arrowPosition && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon.Caret, {
|
|
41348
41528
|
className: "c-collapsible-arrow",
|
|
41349
41529
|
width: 9,
|
|
41350
41530
|
height: 9
|
|
@@ -41368,7 +41548,7 @@ init_icon_button2();
|
|
|
41368
41548
|
// src/inline-radio/inline-radio.tsx
|
|
41369
41549
|
var import_class_variance_authority12 = require("class-variance-authority");
|
|
41370
41550
|
var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
|
|
41371
|
-
var
|
|
41551
|
+
var import_jsx_runtime150 = require("react/jsx-runtime");
|
|
41372
41552
|
var inlineRadioGroupStyles = (0, import_class_variance_authority12.cva)("c-inline-radio-group", {
|
|
41373
41553
|
variants: {
|
|
41374
41554
|
size: {
|
|
@@ -41383,16 +41563,16 @@ var inlineRadioGroupStyles = (0, import_class_variance_authority12.cva)("c-inlin
|
|
|
41383
41563
|
}
|
|
41384
41564
|
});
|
|
41385
41565
|
function InlineRadioGroup({ size, className, ...delegated }) {
|
|
41386
|
-
return /* @__PURE__ */ (0,
|
|
41566
|
+
return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(RadioGroupPrimitive.Root, {
|
|
41387
41567
|
...delegated,
|
|
41388
41568
|
className: inlineRadioGroupStyles({ size, className })
|
|
41389
41569
|
});
|
|
41390
41570
|
}
|
|
41391
41571
|
function InlineRadioItem({ children, className, ...delegated }) {
|
|
41392
|
-
return /* @__PURE__ */ (0,
|
|
41572
|
+
return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(RadioGroupPrimitive.Item, {
|
|
41393
41573
|
...delegated,
|
|
41394
41574
|
className: (0, import_class_variance_authority12.cx)("c-inline-radio", className),
|
|
41395
|
-
children: /* @__PURE__ */ (0,
|
|
41575
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(RadioGroupPrimitive.Indicator, {
|
|
41396
41576
|
forceMount: true,
|
|
41397
41577
|
children
|
|
41398
41578
|
})
|
|
@@ -41415,13 +41595,13 @@ var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
|
|
|
41415
41595
|
// src/popover/popover-close.tsx
|
|
41416
41596
|
var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
|
|
41417
41597
|
init_iconography();
|
|
41418
|
-
var
|
|
41598
|
+
var import_jsx_runtime155 = require("react/jsx-runtime");
|
|
41419
41599
|
function PopoverClose(props) {
|
|
41420
41600
|
const { asChild, children } = props;
|
|
41421
|
-
return /* @__PURE__ */ (0,
|
|
41601
|
+
return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(PopoverPrimitive.Close, {
|
|
41422
41602
|
asChild,
|
|
41423
41603
|
className: "c-popover-close",
|
|
41424
|
-
children: children ?? /* @__PURE__ */ (0,
|
|
41604
|
+
children: children ?? /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Icon.Cancel, {
|
|
41425
41605
|
width: 16,
|
|
41426
41606
|
height: 16
|
|
41427
41607
|
})
|
|
@@ -41429,7 +41609,7 @@ function PopoverClose(props) {
|
|
|
41429
41609
|
}
|
|
41430
41610
|
|
|
41431
41611
|
// src/popover/popover.tsx
|
|
41432
|
-
var
|
|
41612
|
+
var import_jsx_runtime156 = require("react/jsx-runtime");
|
|
41433
41613
|
function Popover({
|
|
41434
41614
|
children,
|
|
41435
41615
|
closeButton,
|
|
@@ -41442,26 +41622,26 @@ function Popover({
|
|
|
41442
41622
|
hasArrow = true,
|
|
41443
41623
|
...delegatedContent
|
|
41444
41624
|
}) {
|
|
41445
|
-
return /* @__PURE__ */ (0,
|
|
41625
|
+
return /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(PopoverPrimitive2.Root, {
|
|
41446
41626
|
open,
|
|
41447
41627
|
onOpenChange,
|
|
41448
41628
|
children: [
|
|
41449
|
-
/* @__PURE__ */ (0,
|
|
41629
|
+
/* @__PURE__ */ (0, import_jsx_runtime156.jsx)(PopoverPrimitive2.Trigger, {
|
|
41450
41630
|
asChild: true,
|
|
41451
41631
|
children
|
|
41452
41632
|
}),
|
|
41453
|
-
/* @__PURE__ */ (0,
|
|
41633
|
+
/* @__PURE__ */ (0, import_jsx_runtime156.jsx)(PopoverPrimitive2.Portal, {
|
|
41454
41634
|
container,
|
|
41455
|
-
children: /* @__PURE__ */ (0,
|
|
41635
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(PopoverPrimitive2.Content, {
|
|
41456
41636
|
...delegatedContent,
|
|
41457
41637
|
side,
|
|
41458
41638
|
className: (0, import_class_variance_authority17.cx)("c-popover-content", className),
|
|
41459
41639
|
children: [
|
|
41460
|
-
!closeButton ? null : /* @__PURE__ */ (0,
|
|
41640
|
+
!closeButton ? null : /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(PopoverClose, {
|
|
41461
41641
|
asChild: typeof closeButton !== "boolean",
|
|
41462
41642
|
children: typeof closeButton !== "boolean" ? closeButton : null
|
|
41463
41643
|
}),
|
|
41464
|
-
hasArrow && /* @__PURE__ */ (0,
|
|
41644
|
+
hasArrow && /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(PopoverPrimitive2.Arrow, {
|
|
41465
41645
|
className: "c-popover-arrow",
|
|
41466
41646
|
offset: 5
|
|
41467
41647
|
}),
|
|
@@ -41476,12 +41656,12 @@ function Popover({
|
|
|
41476
41656
|
// src/progress/progress.tsx
|
|
41477
41657
|
var import_class_variance_authority18 = require("class-variance-authority");
|
|
41478
41658
|
var ProgressPrimitives = __toESM(require("@radix-ui/react-progress"));
|
|
41479
|
-
var
|
|
41659
|
+
var import_jsx_runtime157 = require("react/jsx-runtime");
|
|
41480
41660
|
function Progress({ className, value }) {
|
|
41481
|
-
return /* @__PURE__ */ (0,
|
|
41661
|
+
return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(ProgressPrimitives.Root, {
|
|
41482
41662
|
className: (0, import_class_variance_authority18.cx)(className, "c-progress-root"),
|
|
41483
41663
|
value,
|
|
41484
|
-
children: /* @__PURE__ */ (0,
|
|
41664
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(ProgressPrimitives.Indicator, {
|
|
41485
41665
|
className: "c-progress-indicator",
|
|
41486
41666
|
style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
|
|
41487
41667
|
})
|
|
@@ -41490,12 +41670,12 @@ function Progress({ className, value }) {
|
|
|
41490
41670
|
|
|
41491
41671
|
// src/radio/radio.tsx
|
|
41492
41672
|
var RadioGroupPrimitive2 = __toESM(require("@radix-ui/react-radio-group"));
|
|
41493
|
-
var
|
|
41673
|
+
var import_jsx_runtime158 = require("react/jsx-runtime");
|
|
41494
41674
|
function RadioGroupItem(props) {
|
|
41495
|
-
return /* @__PURE__ */ (0,
|
|
41675
|
+
return /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(RadioGroupPrimitive2.Item, {
|
|
41496
41676
|
...props,
|
|
41497
41677
|
className: "c-radio-item",
|
|
41498
|
-
children: /* @__PURE__ */ (0,
|
|
41678
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(RadioGroupPrimitive2.Indicator, {
|
|
41499
41679
|
className: "c-radio-indicator"
|
|
41500
41680
|
})
|
|
41501
41681
|
});
|
|
@@ -41506,32 +41686,32 @@ var Radio = {
|
|
|
41506
41686
|
};
|
|
41507
41687
|
|
|
41508
41688
|
// src/select/select-item.tsx
|
|
41509
|
-
var
|
|
41689
|
+
var import_react144 = require("react");
|
|
41510
41690
|
var import_class_variance_authority19 = require("class-variance-authority");
|
|
41511
41691
|
var SelectPrimitives = __toESM(require("@radix-ui/react-select"));
|
|
41512
|
-
var
|
|
41513
|
-
var SelectItem = (0,
|
|
41692
|
+
var import_jsx_runtime159 = require("react/jsx-runtime");
|
|
41693
|
+
var SelectItem = (0, import_react144.forwardRef)((props, ref) => {
|
|
41514
41694
|
const { children, className, ...delegated } = props;
|
|
41515
|
-
return /* @__PURE__ */ (0,
|
|
41695
|
+
return /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(SelectPrimitives.Item, {
|
|
41516
41696
|
className: (0, import_class_variance_authority19.cx)("c-select-item", className),
|
|
41517
41697
|
ref,
|
|
41518
41698
|
...delegated,
|
|
41519
41699
|
children: [
|
|
41520
|
-
/* @__PURE__ */ (0,
|
|
41700
|
+
/* @__PURE__ */ (0, import_jsx_runtime159.jsx)(SelectPrimitives.ItemText, {
|
|
41521
41701
|
children
|
|
41522
41702
|
}),
|
|
41523
|
-
/* @__PURE__ */ (0,
|
|
41703
|
+
/* @__PURE__ */ (0, import_jsx_runtime159.jsx)(SelectPrimitives.ItemIndicator, {})
|
|
41524
41704
|
]
|
|
41525
41705
|
});
|
|
41526
41706
|
});
|
|
41527
41707
|
SelectItem.displayName = "SelectItem";
|
|
41528
41708
|
|
|
41529
41709
|
// src/select/select-root.tsx
|
|
41530
|
-
var
|
|
41710
|
+
var import_react145 = require("react");
|
|
41531
41711
|
var import_class_variance_authority20 = require("class-variance-authority");
|
|
41532
41712
|
var SelectPrimitives2 = __toESM(require("@radix-ui/react-select"));
|
|
41533
41713
|
init_iconography();
|
|
41534
|
-
var
|
|
41714
|
+
var import_jsx_runtime160 = require("react/jsx-runtime");
|
|
41535
41715
|
var selectTriggerStyles = (0, import_class_variance_authority20.cva)("c-select-trigger", {
|
|
41536
41716
|
variants: {
|
|
41537
41717
|
size: {
|
|
@@ -41545,36 +41725,36 @@ var selectTriggerStyles = (0, import_class_variance_authority20.cva)("c-select-t
|
|
|
41545
41725
|
size: "sm"
|
|
41546
41726
|
}
|
|
41547
41727
|
});
|
|
41548
|
-
var SelectContainer = (0,
|
|
41728
|
+
var SelectContainer = (0, import_react145.forwardRef)(
|
|
41549
41729
|
({ children, id, placeholder, disabled, size, triggerClassName, ...delegated }, ref) => {
|
|
41550
|
-
return /* @__PURE__ */ (0,
|
|
41730
|
+
return /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(SelectPrimitives2.Root, {
|
|
41551
41731
|
...delegated,
|
|
41552
41732
|
children: [
|
|
41553
|
-
/* @__PURE__ */ (0,
|
|
41733
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(SelectPrimitives2.Trigger, {
|
|
41554
41734
|
ref,
|
|
41555
41735
|
className: selectTriggerStyles({ size, className: triggerClassName }),
|
|
41556
41736
|
disabled,
|
|
41557
41737
|
id,
|
|
41558
41738
|
children: [
|
|
41559
|
-
/* @__PURE__ */ (0,
|
|
41560
|
-
placeholder: /* @__PURE__ */ (0,
|
|
41739
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.Value, {
|
|
41740
|
+
placeholder: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("span", {
|
|
41561
41741
|
className: "c-select-value",
|
|
41562
41742
|
children: placeholder ?? "Select..."
|
|
41563
41743
|
})
|
|
41564
41744
|
}),
|
|
41565
|
-
/* @__PURE__ */ (0,
|
|
41745
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Icon.Arrow, {})
|
|
41566
41746
|
]
|
|
41567
41747
|
}),
|
|
41568
|
-
/* @__PURE__ */ (0,
|
|
41569
|
-
children: /* @__PURE__ */ (0,
|
|
41748
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.Portal, {
|
|
41749
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(SelectPrimitives2.Content, {
|
|
41570
41750
|
className: "c-select-content",
|
|
41571
41751
|
children: [
|
|
41572
|
-
/* @__PURE__ */ (0,
|
|
41573
|
-
/* @__PURE__ */ (0,
|
|
41752
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.ScrollUpButton, {}),
|
|
41753
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.Viewport, {
|
|
41574
41754
|
className: "c-select-viewport",
|
|
41575
41755
|
children
|
|
41576
41756
|
}),
|
|
41577
|
-
/* @__PURE__ */ (0,
|
|
41757
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.ScrollDownButton, {})
|
|
41578
41758
|
]
|
|
41579
41759
|
})
|
|
41580
41760
|
})
|
|
@@ -41591,23 +41771,23 @@ var Select = {
|
|
|
41591
41771
|
};
|
|
41592
41772
|
|
|
41593
41773
|
// src/slider/slider.tsx
|
|
41594
|
-
var
|
|
41774
|
+
var import_react146 = require("react");
|
|
41595
41775
|
var import_class_variance_authority21 = require("class-variance-authority");
|
|
41596
41776
|
var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
|
|
41597
|
-
var
|
|
41598
|
-
var Slider = (0,
|
|
41599
|
-
return /* @__PURE__ */ (0,
|
|
41777
|
+
var import_jsx_runtime161 = require("react/jsx-runtime");
|
|
41778
|
+
var Slider = (0, import_react146.forwardRef)(({ className, transparentRange, ...delegated }, ref) => {
|
|
41779
|
+
return /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)(SliderPrimitive.Root, {
|
|
41600
41780
|
className: (0, import_class_variance_authority21.cx)("c-slider-root", className),
|
|
41601
41781
|
ref,
|
|
41602
41782
|
...delegated,
|
|
41603
41783
|
children: [
|
|
41604
|
-
/* @__PURE__ */ (0,
|
|
41784
|
+
/* @__PURE__ */ (0, import_jsx_runtime161.jsx)(SliderPrimitive.Track, {
|
|
41605
41785
|
className: "c-slider-track",
|
|
41606
|
-
children: /* @__PURE__ */ (0,
|
|
41786
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(SliderPrimitive.Range, {
|
|
41607
41787
|
className: `c-slider-range ${transparentRange ? "c-slider-range-transparent" : ""}`
|
|
41608
41788
|
})
|
|
41609
41789
|
}),
|
|
41610
|
-
/* @__PURE__ */ (0,
|
|
41790
|
+
/* @__PURE__ */ (0, import_jsx_runtime161.jsx)(SliderPrimitive.Thumb, {
|
|
41611
41791
|
className: "c-slider-thumb"
|
|
41612
41792
|
})
|
|
41613
41793
|
]
|
|
@@ -41619,15 +41799,15 @@ init_spinner();
|
|
|
41619
41799
|
|
|
41620
41800
|
// src/stack-icon/stack-icon.tsx
|
|
41621
41801
|
init_iconography();
|
|
41622
|
-
var
|
|
41802
|
+
var import_jsx_runtime162 = require("react/jsx-runtime");
|
|
41623
41803
|
function StackIcon({ type, children, size = 18 }) {
|
|
41624
|
-
return /* @__PURE__ */ (0,
|
|
41804
|
+
return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)("span", {
|
|
41625
41805
|
className: "c-stack-icon",
|
|
41626
41806
|
children: [
|
|
41627
|
-
type === "create" && /* @__PURE__ */ (0,
|
|
41807
|
+
type === "create" && /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("span", {
|
|
41628
41808
|
style: { width: size, height: size },
|
|
41629
41809
|
className: "c-stack-icon__icon",
|
|
41630
|
-
children: /* @__PURE__ */ (0,
|
|
41810
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Icon.Add, {
|
|
41631
41811
|
width: size - 4,
|
|
41632
41812
|
height: size - 4
|
|
41633
41813
|
})
|
|
@@ -41640,7 +41820,7 @@ function StackIcon({ type, children, size = 18 }) {
|
|
|
41640
41820
|
// src/tag/tag.tsx
|
|
41641
41821
|
var import_class_variance_authority22 = require("class-variance-authority");
|
|
41642
41822
|
init_iconography();
|
|
41643
|
-
var
|
|
41823
|
+
var import_jsx_runtime163 = require("react/jsx-runtime");
|
|
41644
41824
|
var tagStyles = (0, import_class_variance_authority22.cva)("c-tag", {
|
|
41645
41825
|
variants: {
|
|
41646
41826
|
variant: {
|
|
@@ -41670,16 +41850,16 @@ function Tag({
|
|
|
41670
41850
|
showRemoveOnHover,
|
|
41671
41851
|
...delegated
|
|
41672
41852
|
}) {
|
|
41673
|
-
return /* @__PURE__ */ (0,
|
|
41853
|
+
return /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", {
|
|
41674
41854
|
className: tagStyles({ className, variant, size }),
|
|
41675
41855
|
...delegated,
|
|
41676
41856
|
children: [
|
|
41677
|
-
!prepend ? null : /* @__PURE__ */ (0,
|
|
41857
|
+
!prepend ? null : /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", {
|
|
41678
41858
|
className: "c-tag__prepend",
|
|
41679
41859
|
children: prepend
|
|
41680
41860
|
}),
|
|
41681
41861
|
children,
|
|
41682
|
-
onRemove && /* @__PURE__ */ (0,
|
|
41862
|
+
onRemove && /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("button", {
|
|
41683
41863
|
type: "button",
|
|
41684
41864
|
className: (0, import_class_variance_authority22.cx)("c-tag__remove-button", showRemoveOnHover ? "c-tag__remove-button--hover" : ""),
|
|
41685
41865
|
onClick: (e) => {
|
|
@@ -41687,11 +41867,11 @@ function Tag({
|
|
|
41687
41867
|
onRemove();
|
|
41688
41868
|
},
|
|
41689
41869
|
children: [
|
|
41690
|
-
/* @__PURE__ */ (0,
|
|
41870
|
+
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Icon.Cancel, {
|
|
41691
41871
|
width: 12,
|
|
41692
41872
|
height: 12
|
|
41693
41873
|
}),
|
|
41694
|
-
/* @__PURE__ */ (0,
|
|
41874
|
+
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", {
|
|
41695
41875
|
className: "c-tag__remove-button-text",
|
|
41696
41876
|
children: "Remove"
|
|
41697
41877
|
})
|
|
@@ -41702,13 +41882,13 @@ function Tag({
|
|
|
41702
41882
|
}
|
|
41703
41883
|
|
|
41704
41884
|
// src/rich-text-editor/index.tsx
|
|
41705
|
-
var
|
|
41706
|
-
var
|
|
41707
|
-
var LazyRichTextEditor = (0,
|
|
41885
|
+
var import_react163 = require("react");
|
|
41886
|
+
var import_jsx_runtime179 = require("react/jsx-runtime");
|
|
41887
|
+
var LazyRichTextEditor = (0, import_react163.lazy)(() => Promise.resolve().then(() => (init_rich_text_editor(), rich_text_editor_exports)));
|
|
41708
41888
|
var RichTextEditor2 = (props) => {
|
|
41709
|
-
return /* @__PURE__ */ (0,
|
|
41889
|
+
return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_react163.Suspense, {
|
|
41710
41890
|
fallback: null,
|
|
41711
|
-
children: /* @__PURE__ */ (0,
|
|
41891
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(LazyRichTextEditor, {
|
|
41712
41892
|
...props
|
|
41713
41893
|
})
|
|
41714
41894
|
});
|
|
@@ -41722,7 +41902,7 @@ var import_class_variance_authority23 = require("class-variance-authority");
|
|
|
41722
41902
|
var import_sonner = require("sonner");
|
|
41723
41903
|
init_icon_button2();
|
|
41724
41904
|
init_iconography();
|
|
41725
|
-
var
|
|
41905
|
+
var import_jsx_runtime180 = require("react/jsx-runtime");
|
|
41726
41906
|
var toastStyles = (0, import_class_variance_authority23.cva)("c-toast", {
|
|
41727
41907
|
variants: {
|
|
41728
41908
|
type: {
|
|
@@ -41747,35 +41927,35 @@ var toast = ({ title, message, id, type = "success", timeout = 6e3 }) => {
|
|
|
41747
41927
|
const withMessage = !!message;
|
|
41748
41928
|
const toastId = id ?? Date.now().toString();
|
|
41749
41929
|
import_sonner.toast.custom(
|
|
41750
|
-
(id2) => /* @__PURE__ */ (0,
|
|
41930
|
+
(id2) => /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", {
|
|
41751
41931
|
"data-testid": `toast-${type}`,
|
|
41752
41932
|
className: (0, import_class_variance_authority23.cx)(toastStyles({ type }), withMessage ? "c-toast-with-message" : "c-toast-title-only"),
|
|
41753
41933
|
children: [
|
|
41754
|
-
/* @__PURE__ */ (0,
|
|
41755
|
-
children: /* @__PURE__ */ (0,
|
|
41934
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", {
|
|
41935
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(ToastIcon, {
|
|
41756
41936
|
width: 26,
|
|
41757
41937
|
height: 26
|
|
41758
41938
|
})
|
|
41759
41939
|
}),
|
|
41760
|
-
/* @__PURE__ */ (0,
|
|
41940
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", {
|
|
41761
41941
|
children: [
|
|
41762
|
-
/* @__PURE__ */ (0,
|
|
41942
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", {
|
|
41763
41943
|
className: "c-toast-title",
|
|
41764
41944
|
children: title
|
|
41765
41945
|
}),
|
|
41766
|
-
!!message && /* @__PURE__ */ (0,
|
|
41946
|
+
!!message && /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", {
|
|
41767
41947
|
className: "c-toast-message",
|
|
41768
41948
|
children: message
|
|
41769
41949
|
})
|
|
41770
41950
|
]
|
|
41771
41951
|
}),
|
|
41772
|
-
/* @__PURE__ */ (0,
|
|
41952
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", {
|
|
41773
41953
|
className: "c-toast-close",
|
|
41774
41954
|
"data-testid": "toast-close",
|
|
41775
|
-
children: /* @__PURE__ */ (0,
|
|
41955
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(IconButton, {
|
|
41776
41956
|
onClick: () => import_sonner.toast.dismiss(id2),
|
|
41777
41957
|
size: "xs",
|
|
41778
|
-
children: /* @__PURE__ */ (0,
|
|
41958
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Icon.Cancel, {
|
|
41779
41959
|
width: 12,
|
|
41780
41960
|
height: 12
|
|
41781
41961
|
})
|
|
@@ -41799,7 +41979,7 @@ init_tooltip2();
|
|
|
41799
41979
|
// src/switch/switch.tsx
|
|
41800
41980
|
var import_class_variance_authority24 = require("class-variance-authority");
|
|
41801
41981
|
var RadixSwitch = __toESM(require("@radix-ui/react-switch"));
|
|
41802
|
-
var
|
|
41982
|
+
var import_jsx_runtime181 = require("react/jsx-runtime");
|
|
41803
41983
|
var switchStyles = (0, import_class_variance_authority24.cva)(["c-switch-root"], {
|
|
41804
41984
|
variants: {
|
|
41805
41985
|
size: {
|
|
@@ -41812,18 +41992,18 @@ var switchStyles = (0, import_class_variance_authority24.cva)(["c-switch-root"],
|
|
|
41812
41992
|
}
|
|
41813
41993
|
});
|
|
41814
41994
|
function Switch2({ size, checked, ...props }) {
|
|
41815
|
-
return /* @__PURE__ */ (0,
|
|
41995
|
+
return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(RadixSwitch.Root, {
|
|
41816
41996
|
...props,
|
|
41817
41997
|
checked: checked === null ? false : checked,
|
|
41818
41998
|
className: switchStyles({ size }),
|
|
41819
|
-
children: /* @__PURE__ */ (0,
|
|
41999
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(RadixSwitch.Thumb, {
|
|
41820
42000
|
className: (0, import_class_variance_authority24.cx)("c-switch-thumb", checked === null ? "middle-position" : "")
|
|
41821
42001
|
})
|
|
41822
42002
|
});
|
|
41823
42003
|
}
|
|
41824
42004
|
|
|
41825
42005
|
// src/color-picker/color-picker.tsx
|
|
41826
|
-
var
|
|
42006
|
+
var import_react164 = require("react");
|
|
41827
42007
|
|
|
41828
42008
|
// src/colors/colors.json
|
|
41829
42009
|
var colors_default = {
|
|
@@ -41986,7 +42166,7 @@ var colors_default = {
|
|
|
41986
42166
|
};
|
|
41987
42167
|
|
|
41988
42168
|
// src/color-picker/color-picker.tsx
|
|
41989
|
-
var
|
|
42169
|
+
var import_jsx_runtime182 = require("react/jsx-runtime");
|
|
41990
42170
|
var SHADES = ["200", "300", "400", "500", "600", "700", "800"];
|
|
41991
42171
|
var ORDERED_COLOR_NAMES = [
|
|
41992
42172
|
"s-green",
|
|
@@ -42003,8 +42183,8 @@ var ORDERED_COLOR_NAMES = [
|
|
|
42003
42183
|
"s-blue"
|
|
42004
42184
|
];
|
|
42005
42185
|
function ColorPicker({ value, setValue, children, isOpen, setIsOpen }) {
|
|
42006
|
-
const [hoveredColor, setHoveredColor] = (0,
|
|
42007
|
-
const colorLookupMap = (0,
|
|
42186
|
+
const [hoveredColor, setHoveredColor] = (0, import_react164.useState)(null);
|
|
42187
|
+
const colorLookupMap = (0, import_react164.useMemo)(() => {
|
|
42008
42188
|
const map = /* @__PURE__ */ new Map();
|
|
42009
42189
|
ORDERED_COLOR_NAMES.forEach((colorName) => {
|
|
42010
42190
|
SHADES.forEach((shade) => {
|
|
@@ -42024,39 +42204,39 @@ function ColorPicker({ value, setValue, children, isOpen, setIsOpen }) {
|
|
|
42024
42204
|
};
|
|
42025
42205
|
const handleMouseEnter = (colorValue) => setHoveredColor(colorValue);
|
|
42026
42206
|
const handleMouseLeave = () => setHoveredColor(null);
|
|
42027
|
-
return /* @__PURE__ */ (0,
|
|
42207
|
+
return /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Popover, {
|
|
42028
42208
|
open: isOpen,
|
|
42029
42209
|
side: "bottom",
|
|
42030
42210
|
hasArrow: true,
|
|
42031
42211
|
onOpenChange: setIsOpen,
|
|
42032
|
-
content: /* @__PURE__ */ (0,
|
|
42212
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(Card, {
|
|
42033
42213
|
variant: "elevate",
|
|
42034
42214
|
className: " border border-solid border-border p-5",
|
|
42035
42215
|
children: [
|
|
42036
|
-
/* @__PURE__ */ (0,
|
|
42216
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", {
|
|
42037
42217
|
className: "mb-3",
|
|
42038
42218
|
children: [
|
|
42039
|
-
/* @__PURE__ */ (0,
|
|
42219
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", {
|
|
42040
42220
|
className: "text-sm font-bold capitalize",
|
|
42041
42221
|
children: displayedColorInfo
|
|
42042
42222
|
}),
|
|
42043
|
-
/* @__PURE__ */ (0,
|
|
42223
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", {
|
|
42044
42224
|
className: "ml-4 text-sm italic text-gray-500-400",
|
|
42045
42225
|
children: hoveredColor ?? value
|
|
42046
42226
|
})
|
|
42047
42227
|
]
|
|
42048
42228
|
}),
|
|
42049
|
-
/* @__PURE__ */ (0,
|
|
42229
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", {
|
|
42050
42230
|
className: "grid grid-cols-12",
|
|
42051
|
-
children: ORDERED_COLOR_NAMES.map((colorName) => /* @__PURE__ */ (0,
|
|
42231
|
+
children: ORDERED_COLOR_NAMES.map((colorName) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", {
|
|
42052
42232
|
children: SHADES.map((shade) => {
|
|
42053
42233
|
const colorValue = colors_default[colorName][shade];
|
|
42054
|
-
return /* @__PURE__ */ (0,
|
|
42234
|
+
return /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", {
|
|
42055
42235
|
className: "cursor-pointer rounded p-0.5",
|
|
42056
42236
|
onClick: () => handleColorSelect(colorValue),
|
|
42057
42237
|
onMouseEnter: () => handleMouseEnter(colorValue),
|
|
42058
42238
|
onMouseLeave: handleMouseLeave,
|
|
42059
|
-
children: /* @__PURE__ */ (0,
|
|
42239
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", {
|
|
42060
42240
|
className: "h-5 w-5",
|
|
42061
42241
|
style: { backgroundColor: colorValue }
|
|
42062
42242
|
})
|