@crystallize/design-system 1.24.43 → 1.24.45
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-ASHS3SWM.mjs} +299 -153
- package/dist/index.d.ts +4 -0
- package/dist/index.js +839 -649
- package/dist/index.mjs +2 -2
- package/dist/{rich-text-editor-FTDWUJL3.mjs → rich-text-editor-LL7UCSDS.mjs} +22 -10
- package/package.json +1 -1
- 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/src/rich-text-editor/plugins/CodeActionMenuPlugin/components/PrettierButton/index.tsx +28 -18
package/dist/index.js
CHANGED
|
@@ -7446,15 +7446,15 @@ var init_topics_leaf = __esm({
|
|
|
7446
7446
|
}
|
|
7447
7447
|
});
|
|
7448
7448
|
|
|
7449
|
-
// src/iconography/
|
|
7450
|
-
var import_react125, import_jsx_runtime130,
|
|
7451
|
-
var
|
|
7452
|
-
"src/iconography/
|
|
7449
|
+
// src/iconography/transition-in.tsx
|
|
7450
|
+
var import_react125, import_jsx_runtime130, TransitionIn;
|
|
7451
|
+
var init_transition_in = __esm({
|
|
7452
|
+
"src/iconography/transition-in.tsx"() {
|
|
7453
7453
|
"use strict";
|
|
7454
7454
|
import_react125 = require("react");
|
|
7455
7455
|
init_variables();
|
|
7456
7456
|
import_jsx_runtime130 = require("react/jsx-runtime");
|
|
7457
|
-
|
|
7457
|
+
TransitionIn = (0, import_react125.forwardRef)((delegated, ref) => {
|
|
7458
7458
|
return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("svg", {
|
|
7459
7459
|
ref,
|
|
7460
7460
|
width: "22",
|
|
@@ -7464,32 +7464,202 @@ var init_unpublish = __esm({
|
|
|
7464
7464
|
...delegated,
|
|
7465
7465
|
children: [
|
|
7466
7466
|
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", {
|
|
7467
|
+
fill,
|
|
7468
|
+
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"
|
|
7469
|
+
}),
|
|
7470
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", {
|
|
7471
|
+
fill: stroke,
|
|
7472
|
+
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"
|
|
7473
|
+
}),
|
|
7474
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("path", {
|
|
7475
|
+
fill: stroke,
|
|
7476
|
+
fillRule: "evenodd",
|
|
7477
|
+
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",
|
|
7478
|
+
clipRule: "evenodd"
|
|
7479
|
+
})
|
|
7480
|
+
]
|
|
7481
|
+
});
|
|
7482
|
+
});
|
|
7483
|
+
TransitionIn.displayName = "TransitionInIcon";
|
|
7484
|
+
}
|
|
7485
|
+
});
|
|
7486
|
+
|
|
7487
|
+
// src/iconography/transition-in-disabled.tsx
|
|
7488
|
+
var import_react126, import_jsx_runtime131, TransitionInDisabled;
|
|
7489
|
+
var init_transition_in_disabled = __esm({
|
|
7490
|
+
"src/iconography/transition-in-disabled.tsx"() {
|
|
7491
|
+
"use strict";
|
|
7492
|
+
import_react126 = require("react");
|
|
7493
|
+
init_variables();
|
|
7494
|
+
import_jsx_runtime131 = require("react/jsx-runtime");
|
|
7495
|
+
TransitionInDisabled = (0, import_react126.forwardRef)((delegated, ref) => {
|
|
7496
|
+
return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("svg", {
|
|
7497
|
+
ref,
|
|
7498
|
+
width: "22",
|
|
7499
|
+
height: "22",
|
|
7500
|
+
viewBox: "0 0 22 22",
|
|
7501
|
+
fill: "none",
|
|
7502
|
+
...delegated,
|
|
7503
|
+
children: [
|
|
7504
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("rect", {
|
|
7505
|
+
width: "7",
|
|
7506
|
+
height: "1",
|
|
7507
|
+
x: "12.95",
|
|
7508
|
+
y: "18.77",
|
|
7509
|
+
fill: stroke,
|
|
7510
|
+
rx: ".5",
|
|
7511
|
+
transform: "rotate(-135 12.95 18.77)"
|
|
7512
|
+
}),
|
|
7513
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("rect", {
|
|
7514
|
+
width: "7",
|
|
7515
|
+
height: "1",
|
|
7516
|
+
x: "8",
|
|
7517
|
+
y: "18.063",
|
|
7518
|
+
fill: stroke,
|
|
7519
|
+
rx: ".5",
|
|
7520
|
+
transform: "rotate(-45 8 18.063)"
|
|
7521
|
+
}),
|
|
7522
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("path", {
|
|
7523
|
+
fill: stroke,
|
|
7524
|
+
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"
|
|
7525
|
+
})
|
|
7526
|
+
]
|
|
7527
|
+
});
|
|
7528
|
+
});
|
|
7529
|
+
TransitionInDisabled.displayName = "TransitionInDisabledIcon";
|
|
7530
|
+
}
|
|
7531
|
+
});
|
|
7532
|
+
|
|
7533
|
+
// src/iconography/transition-out.tsx
|
|
7534
|
+
var import_react127, import_jsx_runtime132, TransitionOut;
|
|
7535
|
+
var init_transition_out = __esm({
|
|
7536
|
+
"src/iconography/transition-out.tsx"() {
|
|
7537
|
+
"use strict";
|
|
7538
|
+
import_react127 = require("react");
|
|
7539
|
+
init_variables();
|
|
7540
|
+
import_jsx_runtime132 = require("react/jsx-runtime");
|
|
7541
|
+
TransitionOut = (0, import_react127.forwardRef)((delegated, ref) => {
|
|
7542
|
+
return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("svg", {
|
|
7543
|
+
ref,
|
|
7544
|
+
width: "22",
|
|
7545
|
+
height: "22",
|
|
7546
|
+
viewBox: "0 0 22 22",
|
|
7547
|
+
fill: "none",
|
|
7548
|
+
...delegated,
|
|
7549
|
+
children: [
|
|
7550
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", {
|
|
7551
|
+
fill,
|
|
7552
|
+
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"
|
|
7553
|
+
}),
|
|
7554
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", {
|
|
7555
|
+
fill: stroke,
|
|
7556
|
+
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"
|
|
7557
|
+
}),
|
|
7558
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", {
|
|
7559
|
+
fill: stroke,
|
|
7560
|
+
fillRule: "evenodd",
|
|
7561
|
+
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",
|
|
7562
|
+
clipRule: "evenodd"
|
|
7563
|
+
})
|
|
7564
|
+
]
|
|
7565
|
+
});
|
|
7566
|
+
});
|
|
7567
|
+
TransitionOut.displayName = "TransitionOutIcon";
|
|
7568
|
+
}
|
|
7569
|
+
});
|
|
7570
|
+
|
|
7571
|
+
// src/iconography/transition-out-disabled.tsx
|
|
7572
|
+
var import_react128, import_jsx_runtime133, TransitionOutDisabled;
|
|
7573
|
+
var init_transition_out_disabled = __esm({
|
|
7574
|
+
"src/iconography/transition-out-disabled.tsx"() {
|
|
7575
|
+
"use strict";
|
|
7576
|
+
import_react128 = require("react");
|
|
7577
|
+
init_variables();
|
|
7578
|
+
import_jsx_runtime133 = require("react/jsx-runtime");
|
|
7579
|
+
TransitionOutDisabled = (0, import_react128.forwardRef)(
|
|
7580
|
+
(delegated, ref) => {
|
|
7581
|
+
return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("svg", {
|
|
7582
|
+
ref,
|
|
7583
|
+
width: "22",
|
|
7584
|
+
height: "22",
|
|
7585
|
+
viewBox: "0 0 22 22",
|
|
7586
|
+
fill: "none",
|
|
7587
|
+
...delegated,
|
|
7588
|
+
children: [
|
|
7589
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", {
|
|
7590
|
+
fill: stroke,
|
|
7591
|
+
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"
|
|
7592
|
+
}),
|
|
7593
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("rect", {
|
|
7594
|
+
width: "7",
|
|
7595
|
+
height: "1",
|
|
7596
|
+
x: "8.707",
|
|
7597
|
+
y: "4",
|
|
7598
|
+
fill: stroke,
|
|
7599
|
+
rx: ".5",
|
|
7600
|
+
transform: "rotate(45 8.707 4)"
|
|
7601
|
+
}),
|
|
7602
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("rect", {
|
|
7603
|
+
width: "7",
|
|
7604
|
+
height: "1",
|
|
7605
|
+
x: "13.657",
|
|
7606
|
+
y: "4.707",
|
|
7607
|
+
fill: stroke,
|
|
7608
|
+
rx: ".5",
|
|
7609
|
+
transform: "rotate(135 13.657 4.707)"
|
|
7610
|
+
})
|
|
7611
|
+
]
|
|
7612
|
+
});
|
|
7613
|
+
}
|
|
7614
|
+
);
|
|
7615
|
+
TransitionOutDisabled.displayName = "TransitionOutDisabledIcon";
|
|
7616
|
+
}
|
|
7617
|
+
});
|
|
7618
|
+
|
|
7619
|
+
// src/iconography/unpublish.tsx
|
|
7620
|
+
var import_react129, import_jsx_runtime134, Unpublish;
|
|
7621
|
+
var init_unpublish = __esm({
|
|
7622
|
+
"src/iconography/unpublish.tsx"() {
|
|
7623
|
+
"use strict";
|
|
7624
|
+
import_react129 = require("react");
|
|
7625
|
+
init_variables();
|
|
7626
|
+
import_jsx_runtime134 = require("react/jsx-runtime");
|
|
7627
|
+
Unpublish = (0, import_react129.forwardRef)((delegated, ref) => {
|
|
7628
|
+
return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("svg", {
|
|
7629
|
+
ref,
|
|
7630
|
+
width: "22",
|
|
7631
|
+
height: "22",
|
|
7632
|
+
viewBox: "0 0 22 22",
|
|
7633
|
+
fill: "none",
|
|
7634
|
+
...delegated,
|
|
7635
|
+
children: [
|
|
7636
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", {
|
|
7467
7637
|
fill: "#fff",
|
|
7468
7638
|
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
7639
|
}),
|
|
7470
|
-
/* @__PURE__ */ (0,
|
|
7640
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", {
|
|
7471
7641
|
fill: stroke,
|
|
7472
7642
|
fillRule: "evenodd",
|
|
7473
7643
|
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
7644
|
clipRule: "evenodd"
|
|
7475
7645
|
}),
|
|
7476
|
-
/* @__PURE__ */ (0,
|
|
7646
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", {
|
|
7477
7647
|
fill,
|
|
7478
7648
|
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
7649
|
}),
|
|
7480
|
-
/* @__PURE__ */ (0,
|
|
7650
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", {
|
|
7481
7651
|
fill: stroke,
|
|
7482
7652
|
fillRule: "evenodd",
|
|
7483
7653
|
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
7654
|
clipRule: "evenodd"
|
|
7485
7655
|
}),
|
|
7486
|
-
/* @__PURE__ */ (0,
|
|
7656
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", {
|
|
7487
7657
|
fill: stroke,
|
|
7488
7658
|
fillRule: "evenodd",
|
|
7489
7659
|
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
7660
|
clipRule: "evenodd"
|
|
7491
7661
|
}),
|
|
7492
|
-
/* @__PURE__ */ (0,
|
|
7662
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("path", {
|
|
7493
7663
|
fill: stroke,
|
|
7494
7664
|
fillRule: "evenodd",
|
|
7495
7665
|
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 +7673,14 @@ var init_unpublish = __esm({
|
|
|
7503
7673
|
});
|
|
7504
7674
|
|
|
7505
7675
|
// src/iconography/usage.tsx
|
|
7506
|
-
var
|
|
7676
|
+
var import_react130, import_jsx_runtime135, Usage;
|
|
7507
7677
|
var init_usage = __esm({
|
|
7508
7678
|
"src/iconography/usage.tsx"() {
|
|
7509
7679
|
"use strict";
|
|
7510
|
-
|
|
7511
|
-
|
|
7512
|
-
Usage = (0,
|
|
7513
|
-
return /* @__PURE__ */ (0,
|
|
7680
|
+
import_react130 = require("react");
|
|
7681
|
+
import_jsx_runtime135 = require("react/jsx-runtime");
|
|
7682
|
+
Usage = (0, import_react130.forwardRef)((delegated, ref) => {
|
|
7683
|
+
return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("svg", {
|
|
7514
7684
|
ref,
|
|
7515
7685
|
width: "23",
|
|
7516
7686
|
height: "23",
|
|
@@ -7518,21 +7688,21 @@ var init_usage = __esm({
|
|
|
7518
7688
|
fill: "none",
|
|
7519
7689
|
...delegated,
|
|
7520
7690
|
children: [
|
|
7521
|
-
/* @__PURE__ */ (0,
|
|
7691
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", {
|
|
7522
7692
|
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
7693
|
fill: "#BFF6F8"
|
|
7524
7694
|
}),
|
|
7525
|
-
/* @__PURE__ */ (0,
|
|
7695
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", {
|
|
7526
7696
|
fillRule: "evenodd",
|
|
7527
7697
|
clipRule: "evenodd",
|
|
7528
7698
|
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
7699
|
fill: "#528693"
|
|
7530
7700
|
}),
|
|
7531
|
-
/* @__PURE__ */ (0,
|
|
7701
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", {
|
|
7532
7702
|
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
7703
|
fill: "#fff"
|
|
7534
7704
|
}),
|
|
7535
|
-
/* @__PURE__ */ (0,
|
|
7705
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("path", {
|
|
7536
7706
|
fillRule: "evenodd",
|
|
7537
7707
|
clipRule: "evenodd",
|
|
7538
7708
|
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 +7716,14 @@ var init_usage = __esm({
|
|
|
7546
7716
|
});
|
|
7547
7717
|
|
|
7548
7718
|
// src/iconography/usage-meter.tsx
|
|
7549
|
-
var
|
|
7719
|
+
var import_react131, import_jsx_runtime136, UsageMeter;
|
|
7550
7720
|
var init_usage_meter = __esm({
|
|
7551
7721
|
"src/iconography/usage-meter.tsx"() {
|
|
7552
7722
|
"use strict";
|
|
7553
|
-
|
|
7554
|
-
|
|
7555
|
-
UsageMeter = (0,
|
|
7556
|
-
return /* @__PURE__ */ (0,
|
|
7723
|
+
import_react131 = require("react");
|
|
7724
|
+
import_jsx_runtime136 = require("react/jsx-runtime");
|
|
7725
|
+
UsageMeter = (0, import_react131.forwardRef)((delegated, ref) => {
|
|
7726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("svg", {
|
|
7557
7727
|
ref,
|
|
7558
7728
|
width: "17",
|
|
7559
7729
|
height: "16",
|
|
@@ -7561,24 +7731,24 @@ var init_usage_meter = __esm({
|
|
|
7561
7731
|
fill: "none",
|
|
7562
7732
|
...delegated,
|
|
7563
7733
|
children: [
|
|
7564
|
-
/* @__PURE__ */ (0,
|
|
7734
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("g", {
|
|
7565
7735
|
clipPath: "url(#a)",
|
|
7566
7736
|
children: [
|
|
7567
|
-
/* @__PURE__ */ (0,
|
|
7737
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", {
|
|
7568
7738
|
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
7739
|
fill: "#528693"
|
|
7570
7740
|
}),
|
|
7571
|
-
/* @__PURE__ */ (0,
|
|
7741
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", {
|
|
7572
7742
|
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
7743
|
fill: "#BFF6F8",
|
|
7574
7744
|
stroke: "#BFF6F8",
|
|
7575
7745
|
strokeWidth: ".2"
|
|
7576
7746
|
}),
|
|
7577
|
-
/* @__PURE__ */ (0,
|
|
7747
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", {
|
|
7578
7748
|
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
7749
|
fill: "#528693"
|
|
7580
7750
|
}),
|
|
7581
|
-
/* @__PURE__ */ (0,
|
|
7751
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", {
|
|
7582
7752
|
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
7753
|
fill: "#fff",
|
|
7584
7754
|
stroke: "#fff",
|
|
@@ -7586,10 +7756,10 @@ var init_usage_meter = __esm({
|
|
|
7586
7756
|
})
|
|
7587
7757
|
]
|
|
7588
7758
|
}),
|
|
7589
|
-
/* @__PURE__ */ (0,
|
|
7590
|
-
children: /* @__PURE__ */ (0,
|
|
7759
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("defs", {
|
|
7760
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("clipPath", {
|
|
7591
7761
|
id: "a",
|
|
7592
|
-
children: /* @__PURE__ */ (0,
|
|
7762
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("path", {
|
|
7593
7763
|
fill: "#fff",
|
|
7594
7764
|
transform: "translate(.984)",
|
|
7595
7765
|
d: "M0 0h16v16H0z"
|
|
@@ -7604,15 +7774,15 @@ var init_usage_meter = __esm({
|
|
|
7604
7774
|
});
|
|
7605
7775
|
|
|
7606
7776
|
// src/iconography/user.tsx
|
|
7607
|
-
var
|
|
7777
|
+
var import_react132, import_jsx_runtime137, User;
|
|
7608
7778
|
var init_user = __esm({
|
|
7609
7779
|
"src/iconography/user.tsx"() {
|
|
7610
7780
|
"use strict";
|
|
7611
|
-
|
|
7781
|
+
import_react132 = require("react");
|
|
7612
7782
|
init_variables();
|
|
7613
|
-
|
|
7614
|
-
User = (0,
|
|
7615
|
-
return /* @__PURE__ */ (0,
|
|
7783
|
+
import_jsx_runtime137 = require("react/jsx-runtime");
|
|
7784
|
+
User = (0, import_react132.forwardRef)((delegated, ref) => {
|
|
7785
|
+
return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("svg", {
|
|
7616
7786
|
ref,
|
|
7617
7787
|
width: "23",
|
|
7618
7788
|
height: "22",
|
|
@@ -7620,31 +7790,31 @@ var init_user = __esm({
|
|
|
7620
7790
|
fill: "none",
|
|
7621
7791
|
...delegated,
|
|
7622
7792
|
children: [
|
|
7623
|
-
/* @__PURE__ */ (0,
|
|
7793
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", {
|
|
7624
7794
|
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
7795
|
fill
|
|
7626
7796
|
}),
|
|
7627
|
-
/* @__PURE__ */ (0,
|
|
7797
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", {
|
|
7628
7798
|
fillRule: "evenodd",
|
|
7629
7799
|
clipRule: "evenodd",
|
|
7630
7800
|
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
7801
|
fill: stroke
|
|
7632
7802
|
}),
|
|
7633
|
-
/* @__PURE__ */ (0,
|
|
7803
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", {
|
|
7634
7804
|
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
7805
|
fill: "white"
|
|
7636
7806
|
}),
|
|
7637
|
-
/* @__PURE__ */ (0,
|
|
7807
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", {
|
|
7638
7808
|
fillRule: "evenodd",
|
|
7639
7809
|
clipRule: "evenodd",
|
|
7640
7810
|
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
7811
|
fill: stroke
|
|
7642
7812
|
}),
|
|
7643
|
-
/* @__PURE__ */ (0,
|
|
7813
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", {
|
|
7644
7814
|
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
7815
|
fill: "white"
|
|
7646
7816
|
}),
|
|
7647
|
-
/* @__PURE__ */ (0,
|
|
7817
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)("path", {
|
|
7648
7818
|
fillRule: "evenodd",
|
|
7649
7819
|
clipRule: "evenodd",
|
|
7650
7820
|
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 +7828,14 @@ var init_user = __esm({
|
|
|
7658
7828
|
});
|
|
7659
7829
|
|
|
7660
7830
|
// src/iconography/user-card.tsx
|
|
7661
|
-
var
|
|
7831
|
+
var import_react133, import_jsx_runtime138, UserCard;
|
|
7662
7832
|
var init_user_card = __esm({
|
|
7663
7833
|
"src/iconography/user-card.tsx"() {
|
|
7664
7834
|
"use strict";
|
|
7665
|
-
|
|
7666
|
-
|
|
7667
|
-
UserCard = (0,
|
|
7668
|
-
return /* @__PURE__ */ (0,
|
|
7835
|
+
import_react133 = require("react");
|
|
7836
|
+
import_jsx_runtime138 = require("react/jsx-runtime");
|
|
7837
|
+
UserCard = (0, import_react133.forwardRef)((delegated, ref) => {
|
|
7838
|
+
return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("svg", {
|
|
7669
7839
|
ref,
|
|
7670
7840
|
width: "17",
|
|
7671
7841
|
height: "16",
|
|
@@ -7673,7 +7843,7 @@ var init_user_card = __esm({
|
|
|
7673
7843
|
fill: "none",
|
|
7674
7844
|
...delegated,
|
|
7675
7845
|
children: [
|
|
7676
|
-
/* @__PURE__ */ (0,
|
|
7846
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)("rect", {
|
|
7677
7847
|
x: "2.184",
|
|
7678
7848
|
y: "4.2",
|
|
7679
7849
|
width: "13.6",
|
|
@@ -7683,7 +7853,7 @@ var init_user_card = __esm({
|
|
|
7683
7853
|
stroke: "#528693",
|
|
7684
7854
|
strokeWidth: ".4"
|
|
7685
7855
|
}),
|
|
7686
|
-
/* @__PURE__ */ (0,
|
|
7856
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)("circle", {
|
|
7687
7857
|
cx: "5.984",
|
|
7688
7858
|
cy: "8.5",
|
|
7689
7859
|
r: "2.2",
|
|
@@ -7691,7 +7861,7 @@ var init_user_card = __esm({
|
|
|
7691
7861
|
stroke: "#528693",
|
|
7692
7862
|
strokeWidth: ".4"
|
|
7693
7863
|
}),
|
|
7694
|
-
/* @__PURE__ */ (0,
|
|
7864
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)("path", {
|
|
7695
7865
|
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
7866
|
fill: "#fff",
|
|
7697
7867
|
stroke: "#528693",
|
|
@@ -7705,15 +7875,15 @@ var init_user_card = __esm({
|
|
|
7705
7875
|
});
|
|
7706
7876
|
|
|
7707
7877
|
// src/iconography/users.tsx
|
|
7708
|
-
var
|
|
7878
|
+
var import_react134, import_jsx_runtime139, Users;
|
|
7709
7879
|
var init_users = __esm({
|
|
7710
7880
|
"src/iconography/users.tsx"() {
|
|
7711
7881
|
"use strict";
|
|
7712
|
-
|
|
7882
|
+
import_react134 = require("react");
|
|
7713
7883
|
init_variables();
|
|
7714
|
-
|
|
7715
|
-
Users = (0,
|
|
7716
|
-
return /* @__PURE__ */ (0,
|
|
7884
|
+
import_jsx_runtime139 = require("react/jsx-runtime");
|
|
7885
|
+
Users = (0, import_react134.forwardRef)((delegated, ref) => {
|
|
7886
|
+
return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("svg", {
|
|
7717
7887
|
ref,
|
|
7718
7888
|
width: "24",
|
|
7719
7889
|
height: "24",
|
|
@@ -7721,33 +7891,33 @@ var init_users = __esm({
|
|
|
7721
7891
|
fill: "none",
|
|
7722
7892
|
...delegated,
|
|
7723
7893
|
children: [
|
|
7724
|
-
/* @__PURE__ */ (0,
|
|
7894
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", {
|
|
7725
7895
|
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
7896
|
fill: stroke
|
|
7727
7897
|
}),
|
|
7728
|
-
/* @__PURE__ */ (0,
|
|
7898
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", {
|
|
7729
7899
|
fillRule: "evenodd",
|
|
7730
7900
|
clipRule: "evenodd",
|
|
7731
7901
|
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
7902
|
fill: stroke
|
|
7733
7903
|
}),
|
|
7734
|
-
/* @__PURE__ */ (0,
|
|
7904
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", {
|
|
7735
7905
|
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
7906
|
fill
|
|
7737
7907
|
}),
|
|
7738
|
-
/* @__PURE__ */ (0,
|
|
7908
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", {
|
|
7739
7909
|
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
7910
|
fill: "#fff"
|
|
7741
7911
|
}),
|
|
7742
|
-
/* @__PURE__ */ (0,
|
|
7912
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", {
|
|
7743
7913
|
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
7914
|
fill: stroke
|
|
7745
7915
|
}),
|
|
7746
|
-
/* @__PURE__ */ (0,
|
|
7916
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", {
|
|
7747
7917
|
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
7918
|
fill
|
|
7749
7919
|
}),
|
|
7750
|
-
/* @__PURE__ */ (0,
|
|
7920
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)("path", {
|
|
7751
7921
|
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
7922
|
fill: "#fff"
|
|
7753
7923
|
})
|
|
@@ -7759,15 +7929,15 @@ var init_users = __esm({
|
|
|
7759
7929
|
});
|
|
7760
7930
|
|
|
7761
7931
|
// src/iconography/variant.tsx
|
|
7762
|
-
var
|
|
7932
|
+
var import_react135, import_jsx_runtime140, Variant;
|
|
7763
7933
|
var init_variant = __esm({
|
|
7764
7934
|
"src/iconography/variant.tsx"() {
|
|
7765
7935
|
"use strict";
|
|
7766
|
-
|
|
7936
|
+
import_react135 = require("react");
|
|
7767
7937
|
init_variables();
|
|
7768
|
-
|
|
7769
|
-
Variant = (0,
|
|
7770
|
-
return /* @__PURE__ */ (0,
|
|
7938
|
+
import_jsx_runtime140 = require("react/jsx-runtime");
|
|
7939
|
+
Variant = (0, import_react135.forwardRef)((delegated, ref) => {
|
|
7940
|
+
return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("svg", {
|
|
7771
7941
|
ref,
|
|
7772
7942
|
width: "22",
|
|
7773
7943
|
height: "22",
|
|
@@ -7775,13 +7945,13 @@ var init_variant = __esm({
|
|
|
7775
7945
|
fill: "none",
|
|
7776
7946
|
...delegated,
|
|
7777
7947
|
children: [
|
|
7778
|
-
/* @__PURE__ */ (0,
|
|
7948
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)("path", {
|
|
7779
7949
|
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
7950
|
fill,
|
|
7781
7951
|
stroke,
|
|
7782
7952
|
strokeWidth: ".547"
|
|
7783
7953
|
}),
|
|
7784
|
-
/* @__PURE__ */ (0,
|
|
7954
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)("path", {
|
|
7785
7955
|
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
7956
|
fill,
|
|
7787
7957
|
stroke,
|
|
@@ -7795,14 +7965,14 @@ var init_variant = __esm({
|
|
|
7795
7965
|
});
|
|
7796
7966
|
|
|
7797
7967
|
// src/iconography/video.tsx
|
|
7798
|
-
var
|
|
7968
|
+
var import_react136, import_jsx_runtime141, Video;
|
|
7799
7969
|
var init_video = __esm({
|
|
7800
7970
|
"src/iconography/video.tsx"() {
|
|
7801
7971
|
"use strict";
|
|
7802
|
-
|
|
7803
|
-
|
|
7804
|
-
Video = (0,
|
|
7805
|
-
return /* @__PURE__ */ (0,
|
|
7972
|
+
import_react136 = require("react");
|
|
7973
|
+
import_jsx_runtime141 = require("react/jsx-runtime");
|
|
7974
|
+
Video = (0, import_react136.forwardRef)((delegated, ref) => {
|
|
7975
|
+
return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("svg", {
|
|
7806
7976
|
ref,
|
|
7807
7977
|
width: "22",
|
|
7808
7978
|
height: "22",
|
|
@@ -7810,33 +7980,33 @@ var init_video = __esm({
|
|
|
7810
7980
|
fill: "none",
|
|
7811
7981
|
...delegated,
|
|
7812
7982
|
children: [
|
|
7813
|
-
/* @__PURE__ */ (0,
|
|
7983
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", {
|
|
7814
7984
|
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
7985
|
fill: "white"
|
|
7816
7986
|
}),
|
|
7817
|
-
/* @__PURE__ */ (0,
|
|
7987
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", {
|
|
7818
7988
|
fillRule: "evenodd",
|
|
7819
7989
|
clipRule: "evenodd",
|
|
7820
7990
|
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
7991
|
fill: "#528693"
|
|
7822
7992
|
}),
|
|
7823
|
-
/* @__PURE__ */ (0,
|
|
7993
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", {
|
|
7824
7994
|
d: "M2 5C2 4.44772 2.44772 4 3 4H19C19.5523 4 20 4.44772 20 5V7H2V5Z",
|
|
7825
7995
|
fill: "#BFF6F8",
|
|
7826
7996
|
className: "c-icon-fill"
|
|
7827
7997
|
}),
|
|
7828
|
-
/* @__PURE__ */ (0,
|
|
7998
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", {
|
|
7829
7999
|
fillRule: "evenodd",
|
|
7830
8000
|
clipRule: "evenodd",
|
|
7831
8001
|
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
8002
|
fill: "#528693"
|
|
7833
8003
|
}),
|
|
7834
|
-
/* @__PURE__ */ (0,
|
|
8004
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", {
|
|
7835
8005
|
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
8006
|
fill: "#BFF6F8",
|
|
7837
8007
|
className: "c-icon-fill"
|
|
7838
8008
|
}),
|
|
7839
|
-
/* @__PURE__ */ (0,
|
|
8009
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("path", {
|
|
7840
8010
|
fillRule: "evenodd",
|
|
7841
8011
|
clipRule: "evenodd",
|
|
7842
8012
|
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 +8020,14 @@ var init_video = __esm({
|
|
|
7850
8020
|
});
|
|
7851
8021
|
|
|
7852
8022
|
// src/iconography/wand.tsx
|
|
7853
|
-
var
|
|
8023
|
+
var import_react137, import_jsx_runtime142, Wand;
|
|
7854
8024
|
var init_wand = __esm({
|
|
7855
8025
|
"src/iconography/wand.tsx"() {
|
|
7856
8026
|
"use strict";
|
|
7857
|
-
|
|
7858
|
-
|
|
7859
|
-
Wand = (0,
|
|
7860
|
-
return /* @__PURE__ */ (0,
|
|
8027
|
+
import_react137 = require("react");
|
|
8028
|
+
import_jsx_runtime142 = require("react/jsx-runtime");
|
|
8029
|
+
Wand = (0, import_react137.forwardRef)((delegated, ref) => {
|
|
8030
|
+
return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("svg", {
|
|
7861
8031
|
ref,
|
|
7862
8032
|
width: "19",
|
|
7863
8033
|
height: "19",
|
|
@@ -7865,39 +8035,39 @@ var init_wand = __esm({
|
|
|
7865
8035
|
fill: "none",
|
|
7866
8036
|
...delegated,
|
|
7867
8037
|
children: [
|
|
7868
|
-
/* @__PURE__ */ (0,
|
|
8038
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("g", {
|
|
7869
8039
|
clipPath: "url(#wand)",
|
|
7870
8040
|
children: [
|
|
7871
|
-
/* @__PURE__ */ (0,
|
|
8041
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", {
|
|
7872
8042
|
fill: "#fff",
|
|
7873
8043
|
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
8044
|
}),
|
|
7875
|
-
/* @__PURE__ */ (0,
|
|
8045
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", {
|
|
7876
8046
|
fill: "#528693",
|
|
7877
8047
|
fillRule: "evenodd",
|
|
7878
8048
|
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
8049
|
clipRule: "evenodd"
|
|
7880
8050
|
}),
|
|
7881
|
-
/* @__PURE__ */ (0,
|
|
8051
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", {
|
|
7882
8052
|
fill: "#BFF6F8",
|
|
7883
8053
|
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
8054
|
}),
|
|
7885
|
-
/* @__PURE__ */ (0,
|
|
8055
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", {
|
|
7886
8056
|
fill: "#528693",
|
|
7887
8057
|
fillRule: "evenodd",
|
|
7888
8058
|
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
8059
|
clipRule: "evenodd"
|
|
7890
8060
|
}),
|
|
7891
|
-
/* @__PURE__ */ (0,
|
|
8061
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", {
|
|
7892
8062
|
fill: "#528693",
|
|
7893
8063
|
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
8064
|
})
|
|
7895
8065
|
]
|
|
7896
8066
|
}),
|
|
7897
|
-
/* @__PURE__ */ (0,
|
|
7898
|
-
children: /* @__PURE__ */ (0,
|
|
8067
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("defs", {
|
|
8068
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("clipPath", {
|
|
7899
8069
|
id: "wand",
|
|
7900
|
-
children: /* @__PURE__ */ (0,
|
|
8070
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("path", {
|
|
7901
8071
|
fill: "#fff",
|
|
7902
8072
|
d: "M0 0h18v18H0z",
|
|
7903
8073
|
transform: "translate(.572 .576)"
|
|
@@ -7912,16 +8082,16 @@ var init_wand = __esm({
|
|
|
7912
8082
|
});
|
|
7913
8083
|
|
|
7914
8084
|
// src/iconography/warning.tsx
|
|
7915
|
-
var
|
|
8085
|
+
var import_react138, import_jsx_runtime143, fill2, Warning;
|
|
7916
8086
|
var init_warning = __esm({
|
|
7917
8087
|
"src/iconography/warning.tsx"() {
|
|
7918
8088
|
"use strict";
|
|
7919
|
-
|
|
8089
|
+
import_react138 = require("react");
|
|
7920
8090
|
init_variables();
|
|
7921
|
-
|
|
8091
|
+
import_jsx_runtime143 = require("react/jsx-runtime");
|
|
7922
8092
|
fill2 = "var(--c-icon-fill, #FFDE99)";
|
|
7923
|
-
Warning = (0,
|
|
7924
|
-
return /* @__PURE__ */ (0,
|
|
8093
|
+
Warning = (0, import_react138.forwardRef)((delegated, ref) => {
|
|
8094
|
+
return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("svg", {
|
|
7925
8095
|
ref,
|
|
7926
8096
|
width: "22",
|
|
7927
8097
|
height: "22",
|
|
@@ -7929,22 +8099,22 @@ var init_warning = __esm({
|
|
|
7929
8099
|
viewBox: "0 0 22 22",
|
|
7930
8100
|
...delegated,
|
|
7931
8101
|
children: [
|
|
7932
|
-
/* @__PURE__ */ (0,
|
|
8102
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)("path", {
|
|
7933
8103
|
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
8104
|
fill: fill2,
|
|
7935
8105
|
className: "c-icon-fill"
|
|
7936
8106
|
}),
|
|
7937
|
-
/* @__PURE__ */ (0,
|
|
8107
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)("path", {
|
|
7938
8108
|
fillRule: "evenodd",
|
|
7939
8109
|
clipRule: "evenodd",
|
|
7940
8110
|
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
8111
|
fill: stroke
|
|
7942
8112
|
}),
|
|
7943
|
-
/* @__PURE__ */ (0,
|
|
8113
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)("path", {
|
|
7944
8114
|
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
8115
|
fill: stroke
|
|
7946
8116
|
}),
|
|
7947
|
-
/* @__PURE__ */ (0,
|
|
8117
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)("path", {
|
|
7948
8118
|
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
8119
|
fill: stroke
|
|
7950
8120
|
})
|
|
@@ -7956,15 +8126,15 @@ var init_warning = __esm({
|
|
|
7956
8126
|
});
|
|
7957
8127
|
|
|
7958
8128
|
// src/iconography/x-for-y.tsx
|
|
7959
|
-
var
|
|
8129
|
+
var import_react139, import_jsx_runtime144, XForY;
|
|
7960
8130
|
var init_x_for_y = __esm({
|
|
7961
8131
|
"src/iconography/x-for-y.tsx"() {
|
|
7962
8132
|
"use strict";
|
|
7963
|
-
|
|
8133
|
+
import_react139 = require("react");
|
|
7964
8134
|
init_variables();
|
|
7965
|
-
|
|
7966
|
-
XForY = (0,
|
|
7967
|
-
return /* @__PURE__ */ (0,
|
|
8135
|
+
import_jsx_runtime144 = require("react/jsx-runtime");
|
|
8136
|
+
XForY = (0, import_react139.forwardRef)((delegated, ref) => {
|
|
8137
|
+
return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("svg", {
|
|
7968
8138
|
ref,
|
|
7969
8139
|
width: "22",
|
|
7970
8140
|
height: "22",
|
|
@@ -7972,21 +8142,21 @@ var init_x_for_y = __esm({
|
|
|
7972
8142
|
fill: "none",
|
|
7973
8143
|
...delegated,
|
|
7974
8144
|
children: [
|
|
7975
|
-
/* @__PURE__ */ (0,
|
|
8145
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", {
|
|
7976
8146
|
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
8147
|
fill
|
|
7978
8148
|
}),
|
|
7979
|
-
/* @__PURE__ */ (0,
|
|
8149
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", {
|
|
7980
8150
|
fillRule: "evenodd",
|
|
7981
8151
|
clipRule: "evenodd",
|
|
7982
8152
|
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
8153
|
fill: stroke
|
|
7984
8154
|
}),
|
|
7985
|
-
/* @__PURE__ */ (0,
|
|
8155
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", {
|
|
7986
8156
|
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
8157
|
fill: "#fff"
|
|
7988
8158
|
}),
|
|
7989
|
-
/* @__PURE__ */ (0,
|
|
8159
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)("path", {
|
|
7990
8160
|
fillRule: "evenodd",
|
|
7991
8161
|
clipRule: "evenodd",
|
|
7992
8162
|
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 +8292,10 @@ var init_iconography = __esm({
|
|
|
8122
8292
|
init_topics();
|
|
8123
8293
|
init_topics_branch();
|
|
8124
8294
|
init_topics_leaf();
|
|
8295
|
+
init_transition_in();
|
|
8296
|
+
init_transition_in_disabled();
|
|
8297
|
+
init_transition_out();
|
|
8298
|
+
init_transition_out_disabled();
|
|
8125
8299
|
init_unpublish();
|
|
8126
8300
|
init_usage();
|
|
8127
8301
|
init_usage_meter();
|
|
@@ -8253,6 +8427,10 @@ var init_iconography = __esm({
|
|
|
8253
8427
|
Topics,
|
|
8254
8428
|
TopicsBranch,
|
|
8255
8429
|
TopicsLeaf,
|
|
8430
|
+
TransitionIn,
|
|
8431
|
+
TransitionInDisabled,
|
|
8432
|
+
TransitionOut,
|
|
8433
|
+
TransitionOutDisabled,
|
|
8256
8434
|
UsageMeter,
|
|
8257
8435
|
Unpublish,
|
|
8258
8436
|
User,
|
|
@@ -8277,29 +8455,29 @@ var init_5 = __esm({
|
|
|
8277
8455
|
function DialogContent({ children, closable = true, type, className, container, ...delegated }) {
|
|
8278
8456
|
const withIcon = typeof type !== "undefined";
|
|
8279
8457
|
const IconComponent = type && IconMap[type];
|
|
8280
|
-
return /* @__PURE__ */ (0,
|
|
8458
|
+
return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DialogPrimitive.Portal, {
|
|
8281
8459
|
container,
|
|
8282
8460
|
children: [
|
|
8283
|
-
/* @__PURE__ */ (0,
|
|
8461
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DialogPrimitive.Overlay, {
|
|
8284
8462
|
className: "c-dialog-overlay"
|
|
8285
8463
|
}),
|
|
8286
|
-
/* @__PURE__ */ (0,
|
|
8464
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(DialogPrimitive.Content, {
|
|
8287
8465
|
className: dialogContentStyles({ withIcon, class: className }),
|
|
8288
8466
|
...delegated,
|
|
8289
8467
|
children: [
|
|
8290
|
-
IconComponent && /* @__PURE__ */ (0,
|
|
8468
|
+
IconComponent && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
|
|
8291
8469
|
className: "c-dialog-icon-wrapper",
|
|
8292
|
-
children: /* @__PURE__ */ (0,
|
|
8470
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(IconComponent, {
|
|
8293
8471
|
className: "c-dialog-icon",
|
|
8294
8472
|
width: 34,
|
|
8295
8473
|
height: 34
|
|
8296
8474
|
})
|
|
8297
8475
|
}),
|
|
8298
|
-
closable && /* @__PURE__ */ (0,
|
|
8476
|
+
closable && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DialogClose, {
|
|
8299
8477
|
asChild: true,
|
|
8300
|
-
children: /* @__PURE__ */ (0,
|
|
8478
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Button, {
|
|
8301
8479
|
className: "c-dialog-close-button",
|
|
8302
|
-
children: /* @__PURE__ */ (0,
|
|
8480
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Icon.Cancel, {
|
|
8303
8481
|
color: "density",
|
|
8304
8482
|
"aria-label": "Close",
|
|
8305
8483
|
height: 16,
|
|
@@ -8307,7 +8485,7 @@ function DialogContent({ children, closable = true, type, className, container,
|
|
|
8307
8485
|
})
|
|
8308
8486
|
})
|
|
8309
8487
|
}),
|
|
8310
|
-
/* @__PURE__ */ (0,
|
|
8488
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
|
|
8311
8489
|
children
|
|
8312
8490
|
})
|
|
8313
8491
|
]
|
|
@@ -8316,24 +8494,24 @@ function DialogContent({ children, closable = true, type, className, container,
|
|
|
8316
8494
|
});
|
|
8317
8495
|
}
|
|
8318
8496
|
function DialogTitle({ className, ...delegated }) {
|
|
8319
|
-
return /* @__PURE__ */ (0,
|
|
8497
|
+
return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DialogPrimitive.Title, {
|
|
8320
8498
|
className: (0, import_class_variance_authority10.cx)("c-dialog-title", className),
|
|
8321
8499
|
...delegated
|
|
8322
8500
|
});
|
|
8323
8501
|
}
|
|
8324
8502
|
function DialogDescription(delegated) {
|
|
8325
|
-
return /* @__PURE__ */ (0,
|
|
8503
|
+
return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DialogPrimitive.Description, {
|
|
8326
8504
|
className: "c-dialog-description",
|
|
8327
8505
|
...delegated
|
|
8328
8506
|
});
|
|
8329
8507
|
}
|
|
8330
8508
|
function DialogBase({ children, ...delegated }) {
|
|
8331
|
-
return /* @__PURE__ */ (0,
|
|
8509
|
+
return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(DialogRoot, {
|
|
8332
8510
|
...delegated,
|
|
8333
8511
|
children
|
|
8334
8512
|
});
|
|
8335
8513
|
}
|
|
8336
|
-
var import_class_variance_authority10, DialogPrimitive,
|
|
8514
|
+
var import_class_variance_authority10, DialogPrimitive, import_jsx_runtime146, IconMap, dialogContentStyles, DialogTrigger, DialogClose, DialogRoot;
|
|
8337
8515
|
var init_dialog = __esm({
|
|
8338
8516
|
"src/dialog/dialog.tsx"() {
|
|
8339
8517
|
"use strict";
|
|
@@ -8342,7 +8520,7 @@ var init_dialog = __esm({
|
|
|
8342
8520
|
init_button2();
|
|
8343
8521
|
init_iconography();
|
|
8344
8522
|
init_5();
|
|
8345
|
-
|
|
8523
|
+
import_jsx_runtime146 = require("react/jsx-runtime");
|
|
8346
8524
|
IconMap = {
|
|
8347
8525
|
error: Icon.Error,
|
|
8348
8526
|
info: Icon.Info,
|
|
@@ -8389,14 +8567,14 @@ function ConfirmDialog({
|
|
|
8389
8567
|
closable,
|
|
8390
8568
|
className
|
|
8391
8569
|
}) {
|
|
8392
|
-
const cancelButton = (okCancel || displayCancel) && /* @__PURE__ */ (0,
|
|
8570
|
+
const cancelButton = (okCancel || displayCancel) && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, {
|
|
8393
8571
|
onClick: () => {
|
|
8394
8572
|
onCancel?.();
|
|
8395
8573
|
close();
|
|
8396
8574
|
},
|
|
8397
8575
|
children: cancelText
|
|
8398
8576
|
});
|
|
8399
|
-
const okButton = displayOk && /* @__PURE__ */ (0,
|
|
8577
|
+
const okButton = displayOk && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, {
|
|
8400
8578
|
intent: okButtonIntent,
|
|
8401
8579
|
onClick: () => {
|
|
8402
8580
|
onOk?.();
|
|
@@ -8404,10 +8582,10 @@ function ConfirmDialog({
|
|
|
8404
8582
|
},
|
|
8405
8583
|
children: okText
|
|
8406
8584
|
});
|
|
8407
|
-
return /* @__PURE__ */ (0,
|
|
8585
|
+
return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(DialogRoot, {
|
|
8408
8586
|
open,
|
|
8409
8587
|
onOpenChange: () => close(),
|
|
8410
|
-
children: /* @__PURE__ */ (0,
|
|
8588
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(Dialog.Content, {
|
|
8411
8589
|
onEscapeKeyDown,
|
|
8412
8590
|
onInteractOutside,
|
|
8413
8591
|
onPointerDownOutside,
|
|
@@ -8415,14 +8593,14 @@ function ConfirmDialog({
|
|
|
8415
8593
|
closable,
|
|
8416
8594
|
className,
|
|
8417
8595
|
children: [
|
|
8418
|
-
title && /* @__PURE__ */ (0,
|
|
8596
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Dialog.Title, {
|
|
8419
8597
|
children: title
|
|
8420
8598
|
}),
|
|
8421
|
-
description && /* @__PURE__ */ (0,
|
|
8599
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Dialog.Description, {
|
|
8422
8600
|
children: description
|
|
8423
8601
|
}),
|
|
8424
8602
|
content,
|
|
8425
|
-
(displayOk || okCancel || displayCancel) && /* @__PURE__ */ (0,
|
|
8603
|
+
(displayOk || okCancel || displayCancel) && /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", {
|
|
8426
8604
|
className: "c-dialog-content__buttons",
|
|
8427
8605
|
children: [
|
|
8428
8606
|
cancelButton,
|
|
@@ -8433,14 +8611,14 @@ function ConfirmDialog({
|
|
|
8433
8611
|
})
|
|
8434
8612
|
});
|
|
8435
8613
|
}
|
|
8436
|
-
var
|
|
8614
|
+
var import_jsx_runtime147;
|
|
8437
8615
|
var init_confirm_dialog = __esm({
|
|
8438
8616
|
"src/dialog/confirm-dialog.tsx"() {
|
|
8439
8617
|
"use strict";
|
|
8440
8618
|
init_dialog2();
|
|
8441
8619
|
init_button2();
|
|
8442
8620
|
init_dialog();
|
|
8443
|
-
|
|
8621
|
+
import_jsx_runtime147 = require("react/jsx-runtime");
|
|
8444
8622
|
}
|
|
8445
8623
|
});
|
|
8446
8624
|
|
|
@@ -8485,7 +8663,7 @@ function confirm(config) {
|
|
|
8485
8663
|
function render({ okText, cancelText, ...delegated }) {
|
|
8486
8664
|
clearTimeout(timeoutId);
|
|
8487
8665
|
timeoutId = setTimeout(() => {
|
|
8488
|
-
(0, import_react_dom.render)(/* @__PURE__ */ (0,
|
|
8666
|
+
(0, import_react_dom.render)(/* @__PURE__ */ (0, import_jsx_runtime148.jsx)(ConfirmDialog, {
|
|
8489
8667
|
...delegated,
|
|
8490
8668
|
okText,
|
|
8491
8669
|
cancelText
|
|
@@ -8562,14 +8740,14 @@ function withConfirm(delegated) {
|
|
|
8562
8740
|
onPointerDownOutside: dumbFn
|
|
8563
8741
|
};
|
|
8564
8742
|
}
|
|
8565
|
-
var import_react_dom,
|
|
8743
|
+
var import_react_dom, import_jsx_runtime148, dumbFn;
|
|
8566
8744
|
var init_config = __esm({
|
|
8567
8745
|
"src/dialog/config.tsx"() {
|
|
8568
8746
|
"use strict";
|
|
8569
8747
|
import_react_dom = require("react-dom");
|
|
8570
8748
|
init_confirm_dialog();
|
|
8571
8749
|
init_destroyFns();
|
|
8572
|
-
|
|
8750
|
+
import_jsx_runtime148 = require("react/jsx-runtime");
|
|
8573
8751
|
dumbFn = (event) => {
|
|
8574
8752
|
event.preventDefault();
|
|
8575
8753
|
};
|
|
@@ -8618,14 +8796,14 @@ var init_6 = __esm({
|
|
|
8618
8796
|
});
|
|
8619
8797
|
|
|
8620
8798
|
// src/icon-button/icon-button.tsx
|
|
8621
|
-
var
|
|
8799
|
+
var import_react140, import_class_variance_authority11, import_jsx_runtime149, buttonStyles3, IconButton;
|
|
8622
8800
|
var init_icon_button = __esm({
|
|
8623
8801
|
"src/icon-button/icon-button.tsx"() {
|
|
8624
8802
|
"use strict";
|
|
8625
|
-
|
|
8803
|
+
import_react140 = require("react");
|
|
8626
8804
|
import_class_variance_authority11 = require("class-variance-authority");
|
|
8627
8805
|
init_6();
|
|
8628
|
-
|
|
8806
|
+
import_jsx_runtime149 = require("react/jsx-runtime");
|
|
8629
8807
|
buttonStyles3 = (0, import_class_variance_authority11.cva)(["c-icon-button"], {
|
|
8630
8808
|
variants: {
|
|
8631
8809
|
variant: {
|
|
@@ -8645,9 +8823,9 @@ var init_icon_button = __esm({
|
|
|
8645
8823
|
variant: "default"
|
|
8646
8824
|
}
|
|
8647
8825
|
});
|
|
8648
|
-
IconButton = (0,
|
|
8826
|
+
IconButton = (0, import_react140.forwardRef)(
|
|
8649
8827
|
({ children, className, type = "button", size, variant, ...delegated }, ref) => {
|
|
8650
|
-
return /* @__PURE__ */ (0,
|
|
8828
|
+
return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("button", {
|
|
8651
8829
|
ref,
|
|
8652
8830
|
type,
|
|
8653
8831
|
className: buttonStyles3({ size, variant, className }),
|
|
@@ -8681,20 +8859,20 @@ var init_8 = __esm({
|
|
|
8681
8859
|
});
|
|
8682
8860
|
|
|
8683
8861
|
// src/input/input.tsx
|
|
8684
|
-
var
|
|
8862
|
+
var import_react141, import_class_variance_authority13, import_jsx_runtime151, inputStyles, Input;
|
|
8685
8863
|
var init_input = __esm({
|
|
8686
8864
|
"src/input/input.tsx"() {
|
|
8687
8865
|
"use strict";
|
|
8688
|
-
|
|
8866
|
+
import_react141 = require("react");
|
|
8689
8867
|
import_class_variance_authority13 = require("class-variance-authority");
|
|
8690
8868
|
init_8();
|
|
8691
|
-
|
|
8869
|
+
import_jsx_runtime151 = require("react/jsx-runtime");
|
|
8692
8870
|
inputStyles = (0, import_class_variance_authority13.cva)(["c-input"], {
|
|
8693
8871
|
variants: {},
|
|
8694
8872
|
defaultVariants: {}
|
|
8695
8873
|
});
|
|
8696
|
-
Input = (0,
|
|
8697
|
-
return /* @__PURE__ */ (0,
|
|
8874
|
+
Input = (0, import_react141.forwardRef)(({ className, ...delegated }, ref) => {
|
|
8875
|
+
return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)("input", {
|
|
8698
8876
|
ref,
|
|
8699
8877
|
className: inputStyles({ className }),
|
|
8700
8878
|
type: "text",
|
|
@@ -8720,16 +8898,16 @@ var init_9 = __esm({
|
|
|
8720
8898
|
});
|
|
8721
8899
|
|
|
8722
8900
|
// src/label/label.tsx
|
|
8723
|
-
var
|
|
8901
|
+
var import_react142, import_class_variance_authority14, import_jsx_runtime152, Label2;
|
|
8724
8902
|
var init_label = __esm({
|
|
8725
8903
|
"src/label/label.tsx"() {
|
|
8726
8904
|
"use strict";
|
|
8727
|
-
|
|
8905
|
+
import_react142 = require("react");
|
|
8728
8906
|
import_class_variance_authority14 = require("class-variance-authority");
|
|
8729
8907
|
init_9();
|
|
8730
|
-
|
|
8731
|
-
Label2 = (0,
|
|
8732
|
-
return /* @__PURE__ */ (0,
|
|
8908
|
+
import_jsx_runtime152 = require("react/jsx-runtime");
|
|
8909
|
+
Label2 = (0, import_react142.forwardRef)(({ className, ...delegated }, ref) => {
|
|
8910
|
+
return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("label", {
|
|
8733
8911
|
ref,
|
|
8734
8912
|
className: (0, import_class_variance_authority14.cx)("c-label", className),
|
|
8735
8913
|
...delegated
|
|
@@ -8766,20 +8944,20 @@ function Tooltip({
|
|
|
8766
8944
|
open,
|
|
8767
8945
|
disableHoverableContent
|
|
8768
8946
|
}) {
|
|
8769
|
-
return /* @__PURE__ */ (0,
|
|
8947
|
+
return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(RadixTooltip.Provider, {
|
|
8770
8948
|
delayDuration,
|
|
8771
8949
|
disableHoverableContent,
|
|
8772
|
-
children: /* @__PURE__ */ (0,
|
|
8950
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(RadixTooltip.Root, {
|
|
8773
8951
|
defaultOpen,
|
|
8774
8952
|
onOpenChange,
|
|
8775
8953
|
open,
|
|
8776
8954
|
children: [
|
|
8777
|
-
/* @__PURE__ */ (0,
|
|
8955
|
+
/* @__PURE__ */ (0, import_jsx_runtime153.jsx)(RadixTooltip.Trigger, {
|
|
8778
8956
|
asChild: true,
|
|
8779
8957
|
children
|
|
8780
8958
|
}),
|
|
8781
|
-
/* @__PURE__ */ (0,
|
|
8782
|
-
children: /* @__PURE__ */ (0,
|
|
8959
|
+
/* @__PURE__ */ (0, import_jsx_runtime153.jsx)(RadixTooltip.Portal, {
|
|
8960
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(RadixTooltip.Content, {
|
|
8783
8961
|
align,
|
|
8784
8962
|
sideOffset: 5,
|
|
8785
8963
|
side,
|
|
@@ -8791,13 +8969,13 @@ function Tooltip({
|
|
|
8791
8969
|
})
|
|
8792
8970
|
});
|
|
8793
8971
|
}
|
|
8794
|
-
var import_class_variance_authority15, RadixTooltip,
|
|
8972
|
+
var import_class_variance_authority15, RadixTooltip, import_jsx_runtime153, tooltipStyles;
|
|
8795
8973
|
var init_tooltip = __esm({
|
|
8796
8974
|
"src/tooltip/tooltip.tsx"() {
|
|
8797
8975
|
"use strict";
|
|
8798
8976
|
import_class_variance_authority15 = require("class-variance-authority");
|
|
8799
8977
|
RadixTooltip = __toESM(require("@radix-ui/react-tooltip"));
|
|
8800
|
-
|
|
8978
|
+
import_jsx_runtime153 = require("react/jsx-runtime");
|
|
8801
8979
|
tooltipStyles = (0, import_class_variance_authority15.cva)(
|
|
8802
8980
|
"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
8981
|
{
|
|
@@ -8827,17 +9005,17 @@ var init_tooltip2 = __esm({
|
|
|
8827
9005
|
});
|
|
8828
9006
|
|
|
8829
9007
|
// src/input-with-label/input-with-label.tsx
|
|
8830
|
-
var
|
|
9008
|
+
var import_react143, import_class_variance_authority16, import_jsx_runtime154, inputWithLabelStyles, InputWithLabel;
|
|
8831
9009
|
var init_input_with_label = __esm({
|
|
8832
9010
|
"src/input-with-label/input-with-label.tsx"() {
|
|
8833
9011
|
"use strict";
|
|
8834
|
-
|
|
9012
|
+
import_react143 = require("react");
|
|
8835
9013
|
import_class_variance_authority16 = require("class-variance-authority");
|
|
8836
9014
|
init_iconography();
|
|
8837
9015
|
init_input2();
|
|
8838
9016
|
init_label2();
|
|
8839
9017
|
init_tooltip2();
|
|
8840
|
-
|
|
9018
|
+
import_jsx_runtime154 = require("react/jsx-runtime");
|
|
8841
9019
|
inputWithLabelStyles = (0, import_class_variance_authority16.cva)(["c-input-with-label"], {
|
|
8842
9020
|
variants: {
|
|
8843
9021
|
variant: {
|
|
@@ -8852,40 +9030,40 @@ var init_input_with_label = __esm({
|
|
|
8852
9030
|
},
|
|
8853
9031
|
defaultVariants: {}
|
|
8854
9032
|
});
|
|
8855
|
-
InputWithLabel = (0,
|
|
9033
|
+
InputWithLabel = (0, import_react143.forwardRef)(
|
|
8856
9034
|
({ className, label, append, errorMessage, status, statusMessage, variant, id, labelProps, ...delegated }, ref) => {
|
|
8857
9035
|
const { className: labelClassName, ...labelPropsRest } = labelProps ?? {};
|
|
8858
|
-
return /* @__PURE__ */ (0,
|
|
8859
|
-
children: /* @__PURE__ */ (0,
|
|
9036
|
+
return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_jsx_runtime154.Fragment, {
|
|
9037
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(Label2, {
|
|
8860
9038
|
className: inputWithLabelStyles({ status, variant, className: labelClassName }),
|
|
8861
9039
|
htmlFor: id,
|
|
8862
9040
|
...labelPropsRest,
|
|
8863
9041
|
children: [
|
|
8864
9042
|
label,
|
|
8865
|
-
/* @__PURE__ */ (0,
|
|
9043
|
+
/* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("span", {
|
|
8866
9044
|
className: "c-input-with-label-input-wrap",
|
|
8867
9045
|
children: [
|
|
8868
|
-
/* @__PURE__ */ (0,
|
|
9046
|
+
/* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Input, {
|
|
8869
9047
|
className: (0, import_class_variance_authority16.cx)("c-input-with-label-input", className),
|
|
8870
9048
|
ref,
|
|
8871
9049
|
id,
|
|
8872
9050
|
...delegated
|
|
8873
9051
|
}),
|
|
8874
|
-
!!(errorMessage ?? statusMessage) ? /* @__PURE__ */ (0,
|
|
9052
|
+
!!(errorMessage ?? statusMessage) ? /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Tooltip, {
|
|
8875
9053
|
content: errorMessage ?? statusMessage,
|
|
8876
9054
|
variant: status,
|
|
8877
|
-
children: /* @__PURE__ */ (0,
|
|
9055
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", {
|
|
8878
9056
|
"data-testid": "input-with-label-status-message",
|
|
8879
9057
|
className: "c-input-with-label-append",
|
|
8880
|
-
children: status === "error" ? /* @__PURE__ */ (0,
|
|
9058
|
+
children: status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Icon.Error, {
|
|
8881
9059
|
width: 20,
|
|
8882
9060
|
height: 20
|
|
8883
|
-
}) : /* @__PURE__ */ (0,
|
|
9061
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Icon.Warning, {
|
|
8884
9062
|
width: 20,
|
|
8885
9063
|
height: 20
|
|
8886
9064
|
})
|
|
8887
9065
|
})
|
|
8888
|
-
}) : !!append && /* @__PURE__ */ (0,
|
|
9066
|
+
}) : !!append && /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", {
|
|
8889
9067
|
className: "c-input-with-label-append",
|
|
8890
9068
|
children: append
|
|
8891
9069
|
})
|
|
@@ -8922,23 +9100,23 @@ var init_12 = __esm({
|
|
|
8922
9100
|
});
|
|
8923
9101
|
|
|
8924
9102
|
// src/rich-text-editor/context/SharedHistoryContext.tsx
|
|
8925
|
-
var
|
|
9103
|
+
var import_react147, import_LexicalHistoryPlugin, import_jsx_runtime164, Context, SharedHistoryContext, useSharedHistoryContext;
|
|
8926
9104
|
var init_SharedHistoryContext = __esm({
|
|
8927
9105
|
"src/rich-text-editor/context/SharedHistoryContext.tsx"() {
|
|
8928
9106
|
"use strict";
|
|
8929
|
-
|
|
9107
|
+
import_react147 = require("react");
|
|
8930
9108
|
import_LexicalHistoryPlugin = require("@lexical/react/LexicalHistoryPlugin");
|
|
8931
|
-
|
|
8932
|
-
Context = (0,
|
|
9109
|
+
import_jsx_runtime164 = require("react/jsx-runtime");
|
|
9110
|
+
Context = (0, import_react147.createContext)({});
|
|
8933
9111
|
SharedHistoryContext = ({ children }) => {
|
|
8934
|
-
const historyContext = (0,
|
|
8935
|
-
return /* @__PURE__ */ (0,
|
|
9112
|
+
const historyContext = (0, import_react147.useMemo)(() => ({ historyState: (0, import_LexicalHistoryPlugin.createEmptyHistoryState)() }), []);
|
|
9113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Context.Provider, {
|
|
8936
9114
|
value: historyContext,
|
|
8937
9115
|
children
|
|
8938
9116
|
});
|
|
8939
9117
|
};
|
|
8940
9118
|
useSharedHistoryContext = () => {
|
|
8941
|
-
return (0,
|
|
9119
|
+
return (0, import_react147.useContext)(Context);
|
|
8942
9120
|
};
|
|
8943
9121
|
}
|
|
8944
9122
|
});
|
|
@@ -9020,7 +9198,7 @@ function I18nProvider({
|
|
|
9020
9198
|
children
|
|
9021
9199
|
}) {
|
|
9022
9200
|
const translations2 = labelTranslations || en_default;
|
|
9023
|
-
return /* @__PURE__ */ (0,
|
|
9201
|
+
return /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(I18nContext.Provider, {
|
|
9024
9202
|
value: translations2,
|
|
9025
9203
|
children
|
|
9026
9204
|
});
|
|
@@ -9029,7 +9207,7 @@ function replaceI18nVariablesInString(str, replaceWith) {
|
|
|
9029
9207
|
return str.replace(/({{[^}]+}})/g, replaceWith);
|
|
9030
9208
|
}
|
|
9031
9209
|
function useTr() {
|
|
9032
|
-
const context = (0,
|
|
9210
|
+
const context = (0, import_react148.useContext)(I18nContext);
|
|
9033
9211
|
return (key, units) => {
|
|
9034
9212
|
const thereAreUnits = typeof units === "number";
|
|
9035
9213
|
const keyToUse = thereAreUnits && units > 1 ? `${key}_plural` : key;
|
|
@@ -9043,15 +9221,15 @@ function useTr() {
|
|
|
9043
9221
|
return "";
|
|
9044
9222
|
};
|
|
9045
9223
|
}
|
|
9046
|
-
var
|
|
9224
|
+
var import_react148, import_jsx_runtime165, I18nContext;
|
|
9047
9225
|
var init_i18n = __esm({
|
|
9048
9226
|
"src/rich-text-editor/i18n/index.tsx"() {
|
|
9049
9227
|
"use strict";
|
|
9050
|
-
|
|
9228
|
+
import_react148 = require("react");
|
|
9051
9229
|
init_en();
|
|
9052
9230
|
init_en();
|
|
9053
|
-
|
|
9054
|
-
I18nContext = (0,
|
|
9231
|
+
import_jsx_runtime165 = require("react/jsx-runtime");
|
|
9232
|
+
I18nContext = (0, import_react148.createContext)(null);
|
|
9055
9233
|
}
|
|
9056
9234
|
});
|
|
9057
9235
|
|
|
@@ -9497,17 +9675,17 @@ var init_BaseNodes = __esm({
|
|
|
9497
9675
|
|
|
9498
9676
|
// src/rich-text-editor/plugins/AutoLinkPlugin/index.tsx
|
|
9499
9677
|
function LexicalAutoLinkPlugin() {
|
|
9500
|
-
return /* @__PURE__ */ (0,
|
|
9678
|
+
return /* @__PURE__ */ (0, import_jsx_runtime166.jsx)(import_LexicalAutoLinkPlugin.AutoLinkPlugin, {
|
|
9501
9679
|
matchers: MATCHERS
|
|
9502
9680
|
});
|
|
9503
9681
|
}
|
|
9504
|
-
var React2, import_LexicalAutoLinkPlugin,
|
|
9682
|
+
var React2, import_LexicalAutoLinkPlugin, import_jsx_runtime166, URL_MATCHER, EMAIL_MATCHER, MATCHERS;
|
|
9505
9683
|
var init_AutoLinkPlugin = __esm({
|
|
9506
9684
|
"src/rich-text-editor/plugins/AutoLinkPlugin/index.tsx"() {
|
|
9507
9685
|
"use strict";
|
|
9508
9686
|
React2 = require("react");
|
|
9509
9687
|
import_LexicalAutoLinkPlugin = require("@lexical/react/LexicalAutoLinkPlugin");
|
|
9510
|
-
|
|
9688
|
+
import_jsx_runtime166 = require("react/jsx-runtime");
|
|
9511
9689
|
URL_MATCHER = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
|
|
9512
9690
|
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
9691
|
MATCHERS = [
|
|
@@ -9539,7 +9717,7 @@ var init_AutoLinkPlugin = __esm({
|
|
|
9539
9717
|
|
|
9540
9718
|
// src/rich-text-editor/plugins/CodeActionMenuPlugin/components/CopyButton/index.tsx
|
|
9541
9719
|
function CopyButton({ editor, getCodeDOMNode }) {
|
|
9542
|
-
const [isCopyCompleted, setCopyCompleted] = (0,
|
|
9720
|
+
const [isCopyCompleted, setCopyCompleted] = (0, import_react149.useState)(false);
|
|
9543
9721
|
const tr = useTr();
|
|
9544
9722
|
const removeSuccessIcon = (0, import_use_debounce.useDebouncedCallback)(() => {
|
|
9545
9723
|
setCopyCompleted(false);
|
|
@@ -9566,28 +9744,28 @@ function CopyButton({ editor, getCodeDOMNode }) {
|
|
|
9566
9744
|
console.error("Failed to copy: ", err);
|
|
9567
9745
|
}
|
|
9568
9746
|
}
|
|
9569
|
-
return /* @__PURE__ */ (0,
|
|
9747
|
+
return /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("button", {
|
|
9570
9748
|
className: "c-rte-code-button",
|
|
9571
9749
|
onClick: handleClick,
|
|
9572
9750
|
"aria-label": tr("actionCopyCode"),
|
|
9573
|
-
children: isCopyCompleted ? /* @__PURE__ */ (0,
|
|
9751
|
+
children: isCopyCompleted ? /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("i", {
|
|
9574
9752
|
className: "c-rte-code-button__icon c-rte-icon-success"
|
|
9575
|
-
}) : /* @__PURE__ */ (0,
|
|
9753
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime167.jsx)("i", {
|
|
9576
9754
|
className: "c-rte-code-button__icon c-rte-icon-copy"
|
|
9577
9755
|
})
|
|
9578
9756
|
});
|
|
9579
9757
|
}
|
|
9580
|
-
var React3,
|
|
9758
|
+
var React3, import_react149, import_lexical4, import_use_debounce, import_code4, import_jsx_runtime167;
|
|
9581
9759
|
var init_CopyButton = __esm({
|
|
9582
9760
|
"src/rich-text-editor/plugins/CodeActionMenuPlugin/components/CopyButton/index.tsx"() {
|
|
9583
9761
|
"use strict";
|
|
9584
9762
|
React3 = require("react");
|
|
9585
|
-
|
|
9763
|
+
import_react149 = require("react");
|
|
9586
9764
|
import_lexical4 = require("lexical");
|
|
9587
9765
|
import_use_debounce = require("use-debounce");
|
|
9588
9766
|
import_code4 = require("@lexical/code");
|
|
9589
9767
|
init_i18n();
|
|
9590
|
-
|
|
9768
|
+
import_jsx_runtime167 = require("react/jsx-runtime");
|
|
9591
9769
|
}
|
|
9592
9770
|
});
|
|
9593
9771
|
|
|
@@ -38418,11 +38596,12 @@ ${n}`;
|
|
|
38418
38596
|
// src/rich-text-editor/plugins/CodeActionMenuPlugin/components/PrettierButton/index.tsx
|
|
38419
38597
|
async function loadPrettierParserByLang(lang) {
|
|
38420
38598
|
const dynamicImport = PRETTIER_PARSER_MODULES[lang];
|
|
38421
|
-
|
|
38599
|
+
const parser = await dynamicImport();
|
|
38600
|
+
return parser?.default || parser;
|
|
38422
38601
|
}
|
|
38423
38602
|
async function loadPrettierFormat() {
|
|
38424
|
-
const
|
|
38425
|
-
return format;
|
|
38603
|
+
const prettier = await Promise.resolve().then(() => __toESM(require_standalone()));
|
|
38604
|
+
return prettier?.default?.format || prettier?.format;
|
|
38426
38605
|
}
|
|
38427
38606
|
function canBePrettier(lang) {
|
|
38428
38607
|
return LANG_CAN_BE_PRETTIER.includes(lang);
|
|
@@ -38435,11 +38614,24 @@ function getPrettierOptions(lang) {
|
|
|
38435
38614
|
return options;
|
|
38436
38615
|
}
|
|
38437
38616
|
function PrettierButton({ lang, editor, getCodeDOMNode }) {
|
|
38438
|
-
const [syntaxError, setSyntaxError] = (0,
|
|
38439
|
-
const [tipsVisible, setTipsVisible] = (0,
|
|
38617
|
+
const [syntaxError, setSyntaxError] = (0, import_react150.useState)("");
|
|
38618
|
+
const [tipsVisible, setTipsVisible] = (0, import_react150.useState)(false);
|
|
38440
38619
|
const tr = useTr();
|
|
38441
38620
|
async function handleClick() {
|
|
38442
38621
|
const codeDOMNode = getCodeDOMNode();
|
|
38622
|
+
if (!codeDOMNode) {
|
|
38623
|
+
return;
|
|
38624
|
+
}
|
|
38625
|
+
let content = "";
|
|
38626
|
+
editor.update(() => {
|
|
38627
|
+
const codeNode = (0, import_lexical5.$getNearestNodeFromDOMNode)(codeDOMNode);
|
|
38628
|
+
if ((0, import_code5.$isCodeNode)(codeNode)) {
|
|
38629
|
+
content = codeNode.getTextContent();
|
|
38630
|
+
}
|
|
38631
|
+
});
|
|
38632
|
+
if (content === "") {
|
|
38633
|
+
return;
|
|
38634
|
+
}
|
|
38443
38635
|
try {
|
|
38444
38636
|
const format = await loadPrettierFormat();
|
|
38445
38637
|
const options = getPrettierOptions(lang);
|
|
@@ -38447,16 +38639,14 @@ function PrettierButton({ lang, editor, getCodeDOMNode }) {
|
|
|
38447
38639
|
if (!codeDOMNode) {
|
|
38448
38640
|
return;
|
|
38449
38641
|
}
|
|
38642
|
+
const parsed = await format(content, options);
|
|
38643
|
+
const formattedCode = parsed.replace(/[\r\n]+$/, "");
|
|
38450
38644
|
editor.update(() => {
|
|
38451
38645
|
const codeNode = (0, import_lexical5.$getNearestNodeFromDOMNode)(codeDOMNode);
|
|
38452
38646
|
if ((0, import_code5.$isCodeNode)(codeNode)) {
|
|
38453
|
-
|
|
38454
|
-
let parsed = "";
|
|
38455
|
-
parsed = format(content, options);
|
|
38456
|
-
parsed = parsed.replace(/[\r\n]+$/, "");
|
|
38457
|
-
if (parsed !== "") {
|
|
38647
|
+
if (formattedCode !== "") {
|
|
38458
38648
|
const selection = codeNode.select(0);
|
|
38459
|
-
selection.insertText(
|
|
38649
|
+
selection.insertText(formattedCode);
|
|
38460
38650
|
setSyntaxError("");
|
|
38461
38651
|
setTipsVisible(false);
|
|
38462
38652
|
}
|
|
@@ -38481,38 +38671,38 @@ function PrettierButton({ lang, editor, getCodeDOMNode }) {
|
|
|
38481
38671
|
setTipsVisible(false);
|
|
38482
38672
|
}
|
|
38483
38673
|
}
|
|
38484
|
-
return /* @__PURE__ */ (0,
|
|
38674
|
+
return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", {
|
|
38485
38675
|
className: "c-rte-prettier-wrapper",
|
|
38486
38676
|
children: [
|
|
38487
|
-
/* @__PURE__ */ (0,
|
|
38677
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)("button", {
|
|
38488
38678
|
className: "c-rte-code-button",
|
|
38489
38679
|
onClick: handleClick,
|
|
38490
38680
|
onMouseEnter: handleMouseEnter,
|
|
38491
38681
|
onMouseLeave: handleMouseLeave,
|
|
38492
38682
|
"aria-label": tr("actionFormatCode"),
|
|
38493
|
-
children: syntaxError ? /* @__PURE__ */ (0,
|
|
38683
|
+
children: syntaxError ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("i", {
|
|
38494
38684
|
className: "c-rte-code-button__icon c-rte-icon-prettier-error"
|
|
38495
|
-
}) : /* @__PURE__ */ (0,
|
|
38685
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("i", {
|
|
38496
38686
|
className: "c-rte-code-button__icon c-rte-icon-prettier"
|
|
38497
38687
|
})
|
|
38498
38688
|
}),
|
|
38499
|
-
tipsVisible ? /* @__PURE__ */ (0,
|
|
38689
|
+
tipsVisible ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("pre", {
|
|
38500
38690
|
className: "c-rte-code-error-tips",
|
|
38501
38691
|
children: syntaxError
|
|
38502
38692
|
}) : null
|
|
38503
38693
|
]
|
|
38504
38694
|
});
|
|
38505
38695
|
}
|
|
38506
|
-
var React4,
|
|
38696
|
+
var React4, import_react150, import_lexical5, import_code5, import_jsx_runtime168, PRETTIER_PARSER_MODULES, PRETTIER_OPTIONS_BY_LANG, LANG_CAN_BE_PRETTIER;
|
|
38507
38697
|
var init_PrettierButton = __esm({
|
|
38508
38698
|
"src/rich-text-editor/plugins/CodeActionMenuPlugin/components/PrettierButton/index.tsx"() {
|
|
38509
38699
|
"use strict";
|
|
38510
38700
|
React4 = require("react");
|
|
38511
|
-
|
|
38701
|
+
import_react150 = require("react");
|
|
38512
38702
|
import_lexical5 = require("lexical");
|
|
38513
38703
|
import_code5 = require("@lexical/code");
|
|
38514
38704
|
init_i18n();
|
|
38515
|
-
|
|
38705
|
+
import_jsx_runtime168 = require("react/jsx-runtime");
|
|
38516
38706
|
PRETTIER_PARSER_MODULES = {
|
|
38517
38707
|
css: () => Promise.resolve().then(() => __toESM(require_parser_postcss())),
|
|
38518
38708
|
html: () => Promise.resolve().then(() => __toESM(require_parser_html())),
|
|
@@ -38539,15 +38729,15 @@ var init_PrettierButton = __esm({
|
|
|
38539
38729
|
// src/rich-text-editor/plugins/CodeActionMenuPlugin/index.tsx
|
|
38540
38730
|
function CodeActionMenuContainer({ anchorElem }) {
|
|
38541
38731
|
const [editor] = (0, import_LexicalComposerContext.useLexicalComposerContext)();
|
|
38542
|
-
const [lang, setLang] = (0,
|
|
38543
|
-
const [isShown, setShown] = (0,
|
|
38544
|
-
const [shouldListenMouseMove, setShouldListenMouseMove] = (0,
|
|
38545
|
-
const [position, setPosition] = (0,
|
|
38732
|
+
const [lang, setLang] = (0, import_react151.useState)("");
|
|
38733
|
+
const [isShown, setShown] = (0, import_react151.useState)(false);
|
|
38734
|
+
const [shouldListenMouseMove, setShouldListenMouseMove] = (0, import_react151.useState)(false);
|
|
38735
|
+
const [position, setPosition] = (0, import_react151.useState)({
|
|
38546
38736
|
right: "0",
|
|
38547
38737
|
top: "0"
|
|
38548
38738
|
});
|
|
38549
|
-
const codeSetRef = (0,
|
|
38550
|
-
const codeDOMNodeRef = (0,
|
|
38739
|
+
const codeSetRef = (0, import_react151.useRef)(/* @__PURE__ */ new Set());
|
|
38740
|
+
const codeDOMNodeRef = (0, import_react151.useRef)(null);
|
|
38551
38741
|
function getCodeDOMNode() {
|
|
38552
38742
|
return codeDOMNodeRef.current;
|
|
38553
38743
|
}
|
|
@@ -38585,7 +38775,7 @@ function CodeActionMenuContainer({ anchorElem }) {
|
|
|
38585
38775
|
50,
|
|
38586
38776
|
{ maxWait: 1e3 }
|
|
38587
38777
|
);
|
|
38588
|
-
(0,
|
|
38778
|
+
(0, import_react151.useEffect)(() => {
|
|
38589
38779
|
if (!shouldListenMouseMove) {
|
|
38590
38780
|
return;
|
|
38591
38781
|
}
|
|
@@ -38596,7 +38786,7 @@ function CodeActionMenuContainer({ anchorElem }) {
|
|
|
38596
38786
|
document.removeEventListener("mousemove", debouncedOnMouseMove);
|
|
38597
38787
|
};
|
|
38598
38788
|
}, [shouldListenMouseMove, debouncedOnMouseMove]);
|
|
38599
|
-
(0,
|
|
38789
|
+
(0, import_react151.useEffect)(() => {
|
|
38600
38790
|
return editor.registerMutationListener(
|
|
38601
38791
|
import_code6.CodeNode,
|
|
38602
38792
|
(mutations) => {
|
|
@@ -38621,20 +38811,20 @@ function CodeActionMenuContainer({ anchorElem }) {
|
|
|
38621
38811
|
}, [editor]);
|
|
38622
38812
|
const normalizedLang = (0, import_code6.normalizeCodeLang)(lang);
|
|
38623
38813
|
const codeFriendlyName = (0, import_code6.getLanguageFriendlyName)(lang);
|
|
38624
|
-
return /* @__PURE__ */ (0,
|
|
38625
|
-
children: isShown ? /* @__PURE__ */ (0,
|
|
38814
|
+
return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(import_jsx_runtime169.Fragment, {
|
|
38815
|
+
children: isShown ? /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("div", {
|
|
38626
38816
|
className: "c-rte-code-action-menu-container",
|
|
38627
38817
|
style: { ...position },
|
|
38628
38818
|
children: [
|
|
38629
|
-
/* @__PURE__ */ (0,
|
|
38819
|
+
/* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", {
|
|
38630
38820
|
className: "c-rte-code-highlight-language",
|
|
38631
38821
|
children: codeFriendlyName
|
|
38632
38822
|
}),
|
|
38633
|
-
/* @__PURE__ */ (0,
|
|
38823
|
+
/* @__PURE__ */ (0, import_jsx_runtime169.jsx)(CopyButton, {
|
|
38634
38824
|
editor,
|
|
38635
38825
|
getCodeDOMNode
|
|
38636
38826
|
}),
|
|
38637
|
-
canBePrettier(normalizedLang) ? /* @__PURE__ */ (0,
|
|
38827
|
+
canBePrettier(normalizedLang) ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(PrettierButton, {
|
|
38638
38828
|
editor,
|
|
38639
38829
|
getCodeDOMNode,
|
|
38640
38830
|
lang: normalizedLang
|
|
@@ -38656,15 +38846,15 @@ function getMouseInfo(event) {
|
|
|
38656
38846
|
function CodeActionMenuPlugin({
|
|
38657
38847
|
anchorElem = document.body
|
|
38658
38848
|
}) {
|
|
38659
|
-
return (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0,
|
|
38849
|
+
return (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime169.jsx)(CodeActionMenuContainer, {
|
|
38660
38850
|
anchorElem
|
|
38661
38851
|
}), anchorElem);
|
|
38662
38852
|
}
|
|
38663
|
-
var
|
|
38853
|
+
var import_react151, import_lexical6, import_react_dom2, import_use_debounce2, import_code6, import_LexicalComposerContext, import_jsx_runtime169, CODE_PADDING;
|
|
38664
38854
|
var init_CodeActionMenuPlugin = __esm({
|
|
38665
38855
|
"src/rich-text-editor/plugins/CodeActionMenuPlugin/index.tsx"() {
|
|
38666
38856
|
"use strict";
|
|
38667
|
-
|
|
38857
|
+
import_react151 = require("react");
|
|
38668
38858
|
import_lexical6 = require("lexical");
|
|
38669
38859
|
import_react_dom2 = require("react-dom");
|
|
38670
38860
|
import_use_debounce2 = require("use-debounce");
|
|
@@ -38672,7 +38862,7 @@ var init_CodeActionMenuPlugin = __esm({
|
|
|
38672
38862
|
import_LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
|
|
38673
38863
|
init_CopyButton();
|
|
38674
38864
|
init_PrettierButton();
|
|
38675
|
-
|
|
38865
|
+
import_jsx_runtime169 = require("react/jsx-runtime");
|
|
38676
38866
|
CODE_PADDING = 0;
|
|
38677
38867
|
}
|
|
38678
38868
|
});
|
|
@@ -38680,16 +38870,16 @@ var init_CodeActionMenuPlugin = __esm({
|
|
|
38680
38870
|
// src/rich-text-editor/plugins/CodeHighlightPlugin/index.ts
|
|
38681
38871
|
function CodeHighlightPlugin() {
|
|
38682
38872
|
const [editor] = (0, import_LexicalComposerContext2.useLexicalComposerContext)();
|
|
38683
|
-
(0,
|
|
38873
|
+
(0, import_react152.useEffect)(() => {
|
|
38684
38874
|
return (0, import_code7.registerCodeHighlighting)(editor);
|
|
38685
38875
|
}, [editor]);
|
|
38686
38876
|
return null;
|
|
38687
38877
|
}
|
|
38688
|
-
var
|
|
38878
|
+
var import_react152, import_code7, import_LexicalComposerContext2;
|
|
38689
38879
|
var init_CodeHighlightPlugin = __esm({
|
|
38690
38880
|
"src/rich-text-editor/plugins/CodeHighlightPlugin/index.ts"() {
|
|
38691
38881
|
"use strict";
|
|
38692
|
-
|
|
38882
|
+
import_react152 = require("react");
|
|
38693
38883
|
import_code7 = require("@lexical/code");
|
|
38694
38884
|
import_LexicalComposerContext2 = require("@lexical/react/LexicalComposerContext");
|
|
38695
38885
|
}
|
|
@@ -38717,12 +38907,12 @@ function useSuspenseRequest(url) {
|
|
|
38717
38907
|
function LinkPreviewContent({
|
|
38718
38908
|
url
|
|
38719
38909
|
}) {
|
|
38720
|
-
const [textContent, setTextContent] = (0,
|
|
38910
|
+
const [textContent, setTextContent] = (0, import_react153.useState)("");
|
|
38721
38911
|
const { preview } = useSuspenseRequest(url);
|
|
38722
38912
|
const [editor] = (0, import_LexicalComposerContext3.useLexicalComposerContext)();
|
|
38723
38913
|
const tr = useTr();
|
|
38724
38914
|
const hasPreview = preview !== null && preview.google?.title;
|
|
38725
|
-
(0,
|
|
38915
|
+
(0, import_react153.useEffect)(() => {
|
|
38726
38916
|
editor.update(() => {
|
|
38727
38917
|
const sel = (0, import_lexical7.$getSelection)();
|
|
38728
38918
|
const nodes = sel?.getNodes();
|
|
@@ -38750,26 +38940,26 @@ function LinkPreviewContent({
|
|
|
38750
38940
|
if (!hasPreview) {
|
|
38751
38941
|
return null;
|
|
38752
38942
|
}
|
|
38753
|
-
return /* @__PURE__ */ (0,
|
|
38943
|
+
return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", {
|
|
38754
38944
|
className: "c-rte-link-preview",
|
|
38755
38945
|
children: [
|
|
38756
|
-
preview.google.image && /* @__PURE__ */ (0,
|
|
38946
|
+
preview.google.image && /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", {
|
|
38757
38947
|
className: "c-rte-link-preview-image-wrapper",
|
|
38758
|
-
children: /* @__PURE__ */ (0,
|
|
38948
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("img", {
|
|
38759
38949
|
src: preview.google.image,
|
|
38760
38950
|
alt: preview.google.title,
|
|
38761
38951
|
className: "c-rte-link-preview-image"
|
|
38762
38952
|
})
|
|
38763
38953
|
}),
|
|
38764
|
-
preview.google.title && /* @__PURE__ */ (0,
|
|
38954
|
+
preview.google.title && /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", {
|
|
38765
38955
|
className: "c-rte-link-preview-title",
|
|
38766
38956
|
children: preview.google.title
|
|
38767
38957
|
}),
|
|
38768
|
-
preview.google.description && /* @__PURE__ */ (0,
|
|
38958
|
+
preview.google.description && /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", {
|
|
38769
38959
|
className: "c-rte-link-preview-description",
|
|
38770
38960
|
children: preview.google.description
|
|
38771
38961
|
}),
|
|
38772
|
-
textContent && textContent !== preview.google.title ? /* @__PURE__ */ (0,
|
|
38962
|
+
textContent && textContent !== preview.google.title ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Button, {
|
|
38773
38963
|
className: "c-rte-link-preview__replace-text-btn",
|
|
38774
38964
|
onClick: useTitleForText,
|
|
38775
38965
|
children: tr("linkPreviewReplaceTextWithTitle")
|
|
@@ -38778,7 +38968,7 @@ function LinkPreviewContent({
|
|
|
38778
38968
|
});
|
|
38779
38969
|
}
|
|
38780
38970
|
function Glimmer(props) {
|
|
38781
|
-
return /* @__PURE__ */ (0,
|
|
38971
|
+
return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", {
|
|
38782
38972
|
className: "c-rte-link-preview-glimmer",
|
|
38783
38973
|
...props,
|
|
38784
38974
|
style: {
|
|
@@ -38790,38 +38980,38 @@ function Glimmer(props) {
|
|
|
38790
38980
|
function LinkPreview({
|
|
38791
38981
|
url
|
|
38792
38982
|
}) {
|
|
38793
|
-
return /* @__PURE__ */ (0,
|
|
38794
|
-
fallback: /* @__PURE__ */ (0,
|
|
38983
|
+
return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(import_react153.Suspense, {
|
|
38984
|
+
fallback: /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)(import_jsx_runtime170.Fragment, {
|
|
38795
38985
|
children: [
|
|
38796
|
-
/* @__PURE__ */ (0,
|
|
38986
|
+
/* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Glimmer, {
|
|
38797
38987
|
style: { height: "80px" },
|
|
38798
38988
|
index: 0
|
|
38799
38989
|
}),
|
|
38800
|
-
/* @__PURE__ */ (0,
|
|
38990
|
+
/* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Glimmer, {
|
|
38801
38991
|
style: { width: "60%" },
|
|
38802
38992
|
index: 1
|
|
38803
38993
|
}),
|
|
38804
|
-
/* @__PURE__ */ (0,
|
|
38994
|
+
/* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Glimmer, {
|
|
38805
38995
|
style: { width: "80%" },
|
|
38806
38996
|
index: 2
|
|
38807
38997
|
})
|
|
38808
38998
|
]
|
|
38809
38999
|
}),
|
|
38810
|
-
children: /* @__PURE__ */ (0,
|
|
39000
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(LinkPreviewContent, {
|
|
38811
39001
|
url
|
|
38812
39002
|
})
|
|
38813
39003
|
});
|
|
38814
39004
|
}
|
|
38815
|
-
var
|
|
39005
|
+
var import_react153, import_lexical7, import_LexicalComposerContext3, import_jsx_runtime170, PREVIEW_CACHE, URL_MATCHER2;
|
|
38816
39006
|
var init_LinkPreview = __esm({
|
|
38817
39007
|
"src/rich-text-editor/ui/LinkPreview.tsx"() {
|
|
38818
39008
|
"use strict";
|
|
38819
|
-
|
|
39009
|
+
import_react153 = require("react");
|
|
38820
39010
|
import_lexical7 = require("lexical");
|
|
38821
39011
|
import_LexicalComposerContext3 = require("@lexical/react/LexicalComposerContext");
|
|
38822
39012
|
init_button2();
|
|
38823
39013
|
init_i18n();
|
|
38824
|
-
|
|
39014
|
+
import_jsx_runtime170 = require("react/jsx-runtime");
|
|
38825
39015
|
PREVIEW_CACHE = {};
|
|
38826
39016
|
URL_MATCHER2 = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
|
|
38827
39017
|
}
|
|
@@ -38913,15 +39103,15 @@ function FloatingLinkEditor({
|
|
|
38913
39103
|
setIsLink,
|
|
38914
39104
|
anchorElem
|
|
38915
39105
|
}) {
|
|
38916
|
-
const editorRef = (0,
|
|
38917
|
-
const inputRef = (0,
|
|
38918
|
-
const [linkUrl, setLinkUrl] = (0,
|
|
38919
|
-
const [rel, setRel] = (0,
|
|
38920
|
-
const [target, setTarget] = (0,
|
|
38921
|
-
const [isEditMode, setEditMode] = (0,
|
|
38922
|
-
const [lastSelection, setLastSelection] = (0,
|
|
39106
|
+
const editorRef = (0, import_react154.useRef)(null);
|
|
39107
|
+
const inputRef = (0, import_react154.useRef)(null);
|
|
39108
|
+
const [linkUrl, setLinkUrl] = (0, import_react154.useState)("");
|
|
39109
|
+
const [rel, setRel] = (0, import_react154.useState)(null);
|
|
39110
|
+
const [target, setTarget] = (0, import_react154.useState)(null);
|
|
39111
|
+
const [isEditMode, setEditMode] = (0, import_react154.useState)(false);
|
|
39112
|
+
const [lastSelection, setLastSelection] = (0, import_react154.useState)(null);
|
|
38923
39113
|
const tr = useTr();
|
|
38924
|
-
const updateLinkEditor = (0,
|
|
39114
|
+
const updateLinkEditor = (0, import_react154.useCallback)(() => {
|
|
38925
39115
|
const selection = (0, import_lexical8.$getSelection)();
|
|
38926
39116
|
if ((0, import_lexical8.$isRangeSelection)(selection)) {
|
|
38927
39117
|
const node = getSelectedNode(selection);
|
|
@@ -38971,7 +39161,7 @@ function FloatingLinkEditor({
|
|
|
38971
39161
|
}
|
|
38972
39162
|
return true;
|
|
38973
39163
|
}, [anchorElem, editor]);
|
|
38974
|
-
(0,
|
|
39164
|
+
(0, import_react154.useEffect)(() => {
|
|
38975
39165
|
const scrollerElem = anchorElem.parentElement;
|
|
38976
39166
|
const update = () => {
|
|
38977
39167
|
editor.getEditorState().read(() => {
|
|
@@ -38989,7 +39179,7 @@ function FloatingLinkEditor({
|
|
|
38989
39179
|
}
|
|
38990
39180
|
};
|
|
38991
39181
|
}, [anchorElem.parentElement, editor, updateLinkEditor]);
|
|
38992
|
-
(0,
|
|
39182
|
+
(0, import_react154.useEffect)(() => {
|
|
38993
39183
|
return (0, import_utils.mergeRegister)(
|
|
38994
39184
|
editor.registerUpdateListener(({ editorState }) => {
|
|
38995
39185
|
editorState.read(() => {
|
|
@@ -39017,52 +39207,52 @@ function FloatingLinkEditor({
|
|
|
39017
39207
|
)
|
|
39018
39208
|
);
|
|
39019
39209
|
}, [editor, updateLinkEditor, setIsLink, isLink]);
|
|
39020
|
-
(0,
|
|
39210
|
+
(0, import_react154.useEffect)(() => {
|
|
39021
39211
|
editor.getEditorState().read(() => {
|
|
39022
39212
|
updateLinkEditor();
|
|
39023
39213
|
});
|
|
39024
39214
|
}, [editor, updateLinkEditor]);
|
|
39025
|
-
(0,
|
|
39215
|
+
(0, import_react154.useEffect)(() => {
|
|
39026
39216
|
if (isEditMode && inputRef.current) {
|
|
39027
39217
|
inputRef.current.focus();
|
|
39028
39218
|
}
|
|
39029
39219
|
}, [isEditMode]);
|
|
39030
|
-
return /* @__PURE__ */ (0,
|
|
39220
|
+
return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39031
39221
|
ref: editorRef,
|
|
39032
39222
|
className: "c-rte-link-editor",
|
|
39033
39223
|
"data-testid": "rich-text-link-editor",
|
|
39034
|
-
children: isEditMode ? /* @__PURE__ */ (0,
|
|
39224
|
+
children: isEditMode ? /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", {
|
|
39035
39225
|
children: [
|
|
39036
|
-
/* @__PURE__ */ (0,
|
|
39226
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39037
39227
|
className: "c-rte-link-editor-input-group",
|
|
39038
|
-
children: /* @__PURE__ */ (0,
|
|
39228
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(InputWithLabel, {
|
|
39039
39229
|
label: tr("linkEditorLink"),
|
|
39040
39230
|
type: "text",
|
|
39041
39231
|
value: linkUrl,
|
|
39042
39232
|
onChange: (e) => setLinkUrl(e.target.value)
|
|
39043
39233
|
})
|
|
39044
39234
|
}),
|
|
39045
|
-
/* @__PURE__ */ (0,
|
|
39235
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39046
39236
|
className: "c-rte-link-editor-input-group",
|
|
39047
|
-
children: /* @__PURE__ */ (0,
|
|
39237
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(InputWithLabel, {
|
|
39048
39238
|
label: tr("linkEditorRel"),
|
|
39049
39239
|
type: "text",
|
|
39050
39240
|
value: rel ?? "",
|
|
39051
39241
|
onChange: (e) => setRel(e.target.value)
|
|
39052
39242
|
})
|
|
39053
39243
|
}),
|
|
39054
|
-
/* @__PURE__ */ (0,
|
|
39244
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39055
39245
|
className: "c-rte-link-editor-input-group",
|
|
39056
|
-
children: /* @__PURE__ */ (0,
|
|
39246
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(InputWithLabel, {
|
|
39057
39247
|
label: tr("linkEditorTarget"),
|
|
39058
39248
|
type: "text",
|
|
39059
39249
|
value: target ?? "",
|
|
39060
39250
|
onChange: (e) => setTarget(e.target.value)
|
|
39061
39251
|
})
|
|
39062
39252
|
}),
|
|
39063
|
-
/* @__PURE__ */ (0,
|
|
39253
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39064
39254
|
className: "c-rte-link-editor-button-wrap",
|
|
39065
|
-
children: /* @__PURE__ */ (0,
|
|
39255
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Button, {
|
|
39066
39256
|
"data-testid": "link-editor-save-button",
|
|
39067
39257
|
onClick: () => {
|
|
39068
39258
|
if (lastSelection !== null) {
|
|
@@ -39080,28 +39270,28 @@ function FloatingLinkEditor({
|
|
|
39080
39270
|
})
|
|
39081
39271
|
})
|
|
39082
39272
|
]
|
|
39083
|
-
}) : /* @__PURE__ */ (0,
|
|
39273
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(import_jsx_runtime171.Fragment, {
|
|
39084
39274
|
children: [
|
|
39085
|
-
/* @__PURE__ */ (0,
|
|
39275
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", {
|
|
39086
39276
|
className: "c-rte-link-editor-link-input",
|
|
39087
39277
|
children: [
|
|
39088
|
-
/* @__PURE__ */ (0,
|
|
39278
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", {
|
|
39089
39279
|
className: "c-rte-link-editor-link-preview",
|
|
39090
39280
|
children: [
|
|
39091
|
-
/* @__PURE__ */ (0,
|
|
39281
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("a", {
|
|
39092
39282
|
href: linkUrl,
|
|
39093
39283
|
target: "_blank",
|
|
39094
39284
|
rel: "noopener noreferrer",
|
|
39095
39285
|
children: linkUrl
|
|
39096
39286
|
}),
|
|
39097
|
-
rel || target ? /* @__PURE__ */ (0,
|
|
39287
|
+
rel || target ? /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", {
|
|
39098
39288
|
className: "c-rte-link-editor-preview-attrs",
|
|
39099
39289
|
children: [
|
|
39100
|
-
rel && /* @__PURE__ */ (0,
|
|
39290
|
+
rel && /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39101
39291
|
className: "c-rte-link-editor-preview-attr",
|
|
39102
39292
|
children: rel
|
|
39103
39293
|
}),
|
|
39104
|
-
target && /* @__PURE__ */ (0,
|
|
39294
|
+
target && /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39105
39295
|
className: "c-rte-link-editor-preview-attr",
|
|
39106
39296
|
children: target
|
|
39107
39297
|
})
|
|
@@ -39109,21 +39299,21 @@ function FloatingLinkEditor({
|
|
|
39109
39299
|
}) : null
|
|
39110
39300
|
]
|
|
39111
39301
|
}),
|
|
39112
|
-
/* @__PURE__ */ (0,
|
|
39113
|
-
children: /* @__PURE__ */ (0,
|
|
39302
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39303
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(IconButton, {
|
|
39114
39304
|
size: "sm",
|
|
39115
39305
|
tabIndex: 0,
|
|
39116
39306
|
onMouseDown: (event) => event.preventDefault(),
|
|
39117
39307
|
onClick: () => setEditMode(true),
|
|
39118
39308
|
"aria-label": tr("linkEditorEdit"),
|
|
39119
39309
|
"data-testid": "link-editor-edit",
|
|
39120
|
-
children: /* @__PURE__ */ (0,
|
|
39310
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Icon.Edit, {})
|
|
39121
39311
|
})
|
|
39122
39312
|
})
|
|
39123
39313
|
]
|
|
39124
39314
|
}),
|
|
39125
|
-
/* @__PURE__ */ (0,
|
|
39126
|
-
children: /* @__PURE__ */ (0,
|
|
39315
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39316
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(LinkPreview, {
|
|
39127
39317
|
url: linkUrl
|
|
39128
39318
|
})
|
|
39129
39319
|
})
|
|
@@ -39132,9 +39322,9 @@ function FloatingLinkEditor({
|
|
|
39132
39322
|
});
|
|
39133
39323
|
}
|
|
39134
39324
|
function useFloatingLinkEditorToolbar(editor, anchorElem) {
|
|
39135
|
-
const [activeEditor, setActiveEditor] = (0,
|
|
39136
|
-
const [isLink, setIsLink] = (0,
|
|
39137
|
-
const updateToolbar = (0,
|
|
39325
|
+
const [activeEditor, setActiveEditor] = (0, import_react154.useState)(editor);
|
|
39326
|
+
const [isLink, setIsLink] = (0, import_react154.useState)(false);
|
|
39327
|
+
const updateToolbar = (0, import_react154.useCallback)(() => {
|
|
39138
39328
|
const selection = (0, import_lexical8.$getSelection)();
|
|
39139
39329
|
if ((0, import_lexical8.$isRangeSelection)(selection)) {
|
|
39140
39330
|
const node = getSelectedNode(selection);
|
|
@@ -39147,7 +39337,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
|
|
|
39147
39337
|
}
|
|
39148
39338
|
}
|
|
39149
39339
|
}, []);
|
|
39150
|
-
(0,
|
|
39340
|
+
(0, import_react154.useEffect)(() => {
|
|
39151
39341
|
return editor.registerCommand(
|
|
39152
39342
|
import_lexical8.SELECTION_CHANGE_COMMAND,
|
|
39153
39343
|
(_payload, newEditor) => {
|
|
@@ -39158,7 +39348,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
|
|
|
39158
39348
|
import_lexical8.COMMAND_PRIORITY_CRITICAL
|
|
39159
39349
|
);
|
|
39160
39350
|
}, [editor, updateToolbar]);
|
|
39161
|
-
(0,
|
|
39351
|
+
(0, import_react154.useEffect)(() => {
|
|
39162
39352
|
if (!isLink) {
|
|
39163
39353
|
return;
|
|
39164
39354
|
}
|
|
@@ -39172,7 +39362,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
|
|
|
39172
39362
|
return () => document.removeEventListener("click", onClick);
|
|
39173
39363
|
}, [isLink, activeEditor]);
|
|
39174
39364
|
return isLink ? (0, import_react_dom3.createPortal)(
|
|
39175
|
-
/* @__PURE__ */ (0,
|
|
39365
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)(FloatingLinkEditor, {
|
|
39176
39366
|
editor: activeEditor,
|
|
39177
39367
|
isLink,
|
|
39178
39368
|
anchorElem,
|
|
@@ -39187,11 +39377,11 @@ function FloatingLinkEditorPlugin({
|
|
|
39187
39377
|
const [editor] = (0, import_LexicalComposerContext4.useLexicalComposerContext)();
|
|
39188
39378
|
return useFloatingLinkEditorToolbar(editor, anchorElem);
|
|
39189
39379
|
}
|
|
39190
|
-
var
|
|
39380
|
+
var import_react154, import_lexical8, import_react_dom3, import_link4, import_LexicalComposerContext4, import_utils, import_jsx_runtime171;
|
|
39191
39381
|
var init_FloatingLinkEditorPlugin = __esm({
|
|
39192
39382
|
"src/rich-text-editor/plugins/FloatingLinkEditorPlugin/index.tsx"() {
|
|
39193
39383
|
"use strict";
|
|
39194
|
-
|
|
39384
|
+
import_react154 = require("react");
|
|
39195
39385
|
import_lexical8 = require("lexical");
|
|
39196
39386
|
import_react_dom3 = require("react-dom");
|
|
39197
39387
|
import_link4 = require("@lexical/link");
|
|
@@ -39206,7 +39396,7 @@ var init_FloatingLinkEditorPlugin = __esm({
|
|
|
39206
39396
|
init_getSelectedNode();
|
|
39207
39397
|
init_setFloatingElemPosition();
|
|
39208
39398
|
init_url();
|
|
39209
|
-
|
|
39399
|
+
import_jsx_runtime171 = require("react/jsx-runtime");
|
|
39210
39400
|
}
|
|
39211
39401
|
});
|
|
39212
39402
|
|
|
@@ -39272,16 +39462,16 @@ function TextFormatFloatingToolbar({
|
|
|
39272
39462
|
isSubscript,
|
|
39273
39463
|
isSuperscript
|
|
39274
39464
|
}) {
|
|
39275
|
-
const popupCharStylesEditorRef = (0,
|
|
39465
|
+
const popupCharStylesEditorRef = (0, import_react155.useRef)(null);
|
|
39276
39466
|
const tr = useTr();
|
|
39277
|
-
const insertLink = (0,
|
|
39467
|
+
const insertLink = (0, import_react155.useCallback)(() => {
|
|
39278
39468
|
if (!isLink) {
|
|
39279
39469
|
editor.dispatchCommand(import_link5.TOGGLE_LINK_COMMAND, "https://");
|
|
39280
39470
|
} else {
|
|
39281
39471
|
editor.dispatchCommand(import_link5.TOGGLE_LINK_COMMAND, null);
|
|
39282
39472
|
}
|
|
39283
39473
|
}, [editor, isLink]);
|
|
39284
|
-
const updateTextFormatFloatingToolbar = (0,
|
|
39474
|
+
const updateTextFormatFloatingToolbar = (0, import_react155.useCallback)(() => {
|
|
39285
39475
|
const selection = (0, import_lexical9.$getSelection)();
|
|
39286
39476
|
const popupCharStylesEditorElem = popupCharStylesEditorRef.current;
|
|
39287
39477
|
const nativeSelection = window.getSelection();
|
|
@@ -39294,7 +39484,7 @@ function TextFormatFloatingToolbar({
|
|
|
39294
39484
|
setFloatingElemPosition(rangeRect, popupCharStylesEditorElem, anchorElem);
|
|
39295
39485
|
}
|
|
39296
39486
|
}, [editor, anchorElem]);
|
|
39297
|
-
(0,
|
|
39487
|
+
(0, import_react155.useEffect)(() => {
|
|
39298
39488
|
const scrollerElem = anchorElem.parentElement;
|
|
39299
39489
|
const update = () => {
|
|
39300
39490
|
editor.getEditorState().read(() => {
|
|
@@ -39312,7 +39502,7 @@ function TextFormatFloatingToolbar({
|
|
|
39312
39502
|
}
|
|
39313
39503
|
};
|
|
39314
39504
|
}, [editor, updateTextFormatFloatingToolbar, anchorElem]);
|
|
39315
|
-
(0,
|
|
39505
|
+
(0, import_react155.useEffect)(() => {
|
|
39316
39506
|
editor.getEditorState().read(() => {
|
|
39317
39507
|
updateTextFormatFloatingToolbar();
|
|
39318
39508
|
});
|
|
@@ -39333,93 +39523,93 @@ function TextFormatFloatingToolbar({
|
|
|
39333
39523
|
);
|
|
39334
39524
|
}, [editor, updateTextFormatFloatingToolbar]);
|
|
39335
39525
|
if (!editor.isEditable()) {
|
|
39336
|
-
return /* @__PURE__ */ (0,
|
|
39526
|
+
return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", {});
|
|
39337
39527
|
}
|
|
39338
|
-
return /* @__PURE__ */ (0,
|
|
39528
|
+
return /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", {
|
|
39339
39529
|
ref: popupCharStylesEditorRef,
|
|
39340
39530
|
className: "c-rte-floating-text-format-tb-plugin",
|
|
39341
39531
|
children: [
|
|
39342
|
-
/* @__PURE__ */ (0,
|
|
39532
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39343
39533
|
onClick: () => {
|
|
39344
39534
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "bold");
|
|
39345
39535
|
},
|
|
39346
39536
|
style: { padding: 0, overflow: "hidden" },
|
|
39347
39537
|
title: tr(IS_APPLE ? "actionFormatAsStrongTitleApple" : "actionFormatAsStrongTitle"),
|
|
39348
39538
|
"aria-label": tr("actionFormatAsStrongLabel"),
|
|
39349
|
-
children: /* @__PURE__ */ (0,
|
|
39539
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39350
39540
|
className: `c-rte-icon-bold c-rte-floating-text-format-tb-plugin__format-icon ${isBold ? "selected" : ""}`
|
|
39351
39541
|
})
|
|
39352
39542
|
}),
|
|
39353
|
-
/* @__PURE__ */ (0,
|
|
39543
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39354
39544
|
style: { padding: 0, overflow: "hidden" },
|
|
39355
39545
|
onClick: () => {
|
|
39356
39546
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "italic");
|
|
39357
39547
|
},
|
|
39358
39548
|
title: tr("actionFormatAsEmphasizedTitle"),
|
|
39359
39549
|
"aria-label": tr("actionFormatAsEmphasizedLabel"),
|
|
39360
|
-
children: /* @__PURE__ */ (0,
|
|
39550
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39361
39551
|
className: `c-rte-icon-italic c-rte-floating-text-format-tb-plugin__format-icon ${isItalic ? "selected" : ""}`
|
|
39362
39552
|
})
|
|
39363
39553
|
}),
|
|
39364
|
-
/* @__PURE__ */ (0,
|
|
39554
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39365
39555
|
style: { padding: 0, overflow: "hidden" },
|
|
39366
39556
|
onClick: () => {
|
|
39367
39557
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "underline");
|
|
39368
39558
|
},
|
|
39369
39559
|
title: tr("actionFormatAsUnderlinedTitle"),
|
|
39370
39560
|
"aria-label": tr("actionFormatAsUnderlinedLabel"),
|
|
39371
|
-
children: /* @__PURE__ */ (0,
|
|
39561
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39372
39562
|
className: `c-rte-icon-underline c-rte-floating-text-format-tb-plugin__format-icon ${isUnderline ? "selected" : ""}`
|
|
39373
39563
|
})
|
|
39374
39564
|
}),
|
|
39375
|
-
/* @__PURE__ */ (0,
|
|
39565
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39376
39566
|
style: { padding: 0, overflow: "hidden" },
|
|
39377
39567
|
onClick: () => {
|
|
39378
39568
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "code");
|
|
39379
39569
|
},
|
|
39380
39570
|
"aria-label": tr("actionInsertCodeBlock"),
|
|
39381
|
-
children: /* @__PURE__ */ (0,
|
|
39571
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39382
39572
|
className: `c-rte-icon-code c-rte-floating-text-format-tb-plugin__format-icon ${isCode ? "selected" : ""}`
|
|
39383
39573
|
})
|
|
39384
39574
|
}),
|
|
39385
|
-
/* @__PURE__ */ (0,
|
|
39575
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39386
39576
|
style: { padding: 0, overflow: "hidden" },
|
|
39387
39577
|
onClick: insertLink,
|
|
39388
39578
|
"aria-label": tr("actionInsertlink"),
|
|
39389
|
-
children: /* @__PURE__ */ (0,
|
|
39579
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39390
39580
|
className: `c-rte-icon-link c-rte-floating-text-format-tb-plugin__format-icon ${isLink ? "selected" : ""}`
|
|
39391
39581
|
})
|
|
39392
39582
|
}),
|
|
39393
|
-
/* @__PURE__ */ (0,
|
|
39583
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39394
39584
|
style: { padding: 0, overflow: "hidden" },
|
|
39395
39585
|
onClick: () => {
|
|
39396
39586
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "strikethrough");
|
|
39397
39587
|
},
|
|
39398
39588
|
title: tr("actionFormatWithStrikethroughTitle"),
|
|
39399
39589
|
"aria-label": tr("actionFormatWithStrikethroughLabel"),
|
|
39400
|
-
children: /* @__PURE__ */ (0,
|
|
39590
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39401
39591
|
className: `c-rte-icon-strikethrough c-rte-floating-text-format-tb-plugin__format-icon ${isStrikethrough ? "selected" : ""}`
|
|
39402
39592
|
})
|
|
39403
39593
|
}),
|
|
39404
|
-
/* @__PURE__ */ (0,
|
|
39594
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39405
39595
|
style: { padding: 0, overflow: "hidden" },
|
|
39406
39596
|
onClick: () => {
|
|
39407
39597
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "subscript");
|
|
39408
39598
|
},
|
|
39409
39599
|
title: tr("actionFormatWithSubscriptTitle"),
|
|
39410
39600
|
"aria-label": tr("actionFormatWithSubscriptLabel"),
|
|
39411
|
-
children: /* @__PURE__ */ (0,
|
|
39601
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39412
39602
|
className: `c-rte-icon-subscript c-rte-floating-text-format-tb-plugin__format-icon ${isSubscript ? "selected" : ""}`
|
|
39413
39603
|
})
|
|
39414
39604
|
}),
|
|
39415
|
-
/* @__PURE__ */ (0,
|
|
39605
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39416
39606
|
style: { padding: 0, overflow: "hidden" },
|
|
39417
39607
|
onClick: () => {
|
|
39418
39608
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "superscript");
|
|
39419
39609
|
},
|
|
39420
39610
|
title: tr("actionFormatWithSuperscriptTitle"),
|
|
39421
39611
|
"aria-label": tr("actionFormatWithSuperscriptLabel"),
|
|
39422
|
-
children: /* @__PURE__ */ (0,
|
|
39612
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39423
39613
|
className: `c-rte-icon-superscript c-rte-floating-text-format-tb-plugin__format-icon ${isSuperscript ? "selected" : ""}`
|
|
39424
39614
|
})
|
|
39425
39615
|
})
|
|
@@ -39427,16 +39617,16 @@ function TextFormatFloatingToolbar({
|
|
|
39427
39617
|
});
|
|
39428
39618
|
}
|
|
39429
39619
|
function useFloatingTextFormatToolbar(editor, anchorElem) {
|
|
39430
|
-
const [isText, setIsText] = (0,
|
|
39431
|
-
const [isLink, setIsLink] = (0,
|
|
39432
|
-
const [isBold, setIsBold] = (0,
|
|
39433
|
-
const [isItalic, setIsItalic] = (0,
|
|
39434
|
-
const [isUnderline, setIsUnderline] = (0,
|
|
39435
|
-
const [isStrikethrough, setIsStrikethrough] = (0,
|
|
39436
|
-
const [isSubscript, setIsSubscript] = (0,
|
|
39437
|
-
const [isSuperscript, setIsSuperscript] = (0,
|
|
39438
|
-
const [isCode, setIsCode] = (0,
|
|
39439
|
-
const updatePopup = (0,
|
|
39620
|
+
const [isText, setIsText] = (0, import_react155.useState)(false);
|
|
39621
|
+
const [isLink, setIsLink] = (0, import_react155.useState)(false);
|
|
39622
|
+
const [isBold, setIsBold] = (0, import_react155.useState)(false);
|
|
39623
|
+
const [isItalic, setIsItalic] = (0, import_react155.useState)(false);
|
|
39624
|
+
const [isUnderline, setIsUnderline] = (0, import_react155.useState)(false);
|
|
39625
|
+
const [isStrikethrough, setIsStrikethrough] = (0, import_react155.useState)(false);
|
|
39626
|
+
const [isSubscript, setIsSubscript] = (0, import_react155.useState)(false);
|
|
39627
|
+
const [isSuperscript, setIsSuperscript] = (0, import_react155.useState)(false);
|
|
39628
|
+
const [isCode, setIsCode] = (0, import_react155.useState)(false);
|
|
39629
|
+
const updatePopup = (0, import_react155.useCallback)(() => {
|
|
39440
39630
|
editor.getEditorState().read(() => {
|
|
39441
39631
|
if (editor.isComposing()) {
|
|
39442
39632
|
return;
|
|
@@ -39472,13 +39662,13 @@ function useFloatingTextFormatToolbar(editor, anchorElem) {
|
|
|
39472
39662
|
}
|
|
39473
39663
|
});
|
|
39474
39664
|
}, [editor]);
|
|
39475
|
-
(0,
|
|
39665
|
+
(0, import_react155.useEffect)(() => {
|
|
39476
39666
|
document.addEventListener("selectionchange", updatePopup);
|
|
39477
39667
|
return () => {
|
|
39478
39668
|
document.removeEventListener("selectionchange", updatePopup);
|
|
39479
39669
|
};
|
|
39480
39670
|
}, [updatePopup]);
|
|
39481
|
-
(0,
|
|
39671
|
+
(0, import_react155.useEffect)(() => {
|
|
39482
39672
|
return (0, import_utils2.mergeRegister)(
|
|
39483
39673
|
editor.registerUpdateListener(() => {
|
|
39484
39674
|
updatePopup();
|
|
@@ -39494,7 +39684,7 @@ function useFloatingTextFormatToolbar(editor, anchorElem) {
|
|
|
39494
39684
|
return null;
|
|
39495
39685
|
}
|
|
39496
39686
|
return (0, import_react_dom4.createPortal)(
|
|
39497
|
-
/* @__PURE__ */ (0,
|
|
39687
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(TextFormatFloatingToolbar, {
|
|
39498
39688
|
editor,
|
|
39499
39689
|
anchorElem,
|
|
39500
39690
|
isLink,
|
|
@@ -39515,12 +39705,12 @@ function FloatingTextFormatToolbarPlugin({
|
|
|
39515
39705
|
const [editor] = (0, import_LexicalComposerContext5.useLexicalComposerContext)();
|
|
39516
39706
|
return useFloatingTextFormatToolbar(editor, anchorElem);
|
|
39517
39707
|
}
|
|
39518
|
-
var
|
|
39708
|
+
var import_react155, React5, import_lexical9, import_react_dom4, import_code8, import_link5, import_LexicalComposerContext5, import_utils2, import_jsx_runtime172;
|
|
39519
39709
|
var init_FloatingTextFormatToolbarPlugin = __esm({
|
|
39520
39710
|
"src/rich-text-editor/plugins/FloatingTextFormatToolbarPlugin/index.tsx"() {
|
|
39521
39711
|
"use strict";
|
|
39522
39712
|
init_13();
|
|
39523
|
-
|
|
39713
|
+
import_react155 = require("react");
|
|
39524
39714
|
React5 = require("react");
|
|
39525
39715
|
import_lexical9 = require("lexical");
|
|
39526
39716
|
import_react_dom4 = require("react-dom");
|
|
@@ -39534,24 +39724,24 @@ var init_FloatingTextFormatToolbarPlugin = __esm({
|
|
|
39534
39724
|
init_getDOMRangeRect();
|
|
39535
39725
|
init_getSelectedNode();
|
|
39536
39726
|
init_setFloatingElemPosition();
|
|
39537
|
-
|
|
39727
|
+
import_jsx_runtime172 = require("react/jsx-runtime");
|
|
39538
39728
|
}
|
|
39539
39729
|
});
|
|
39540
39730
|
|
|
39541
39731
|
// src/rich-text-editor/plugins/LinkPlugin/index.tsx
|
|
39542
39732
|
function LinkPlugin() {
|
|
39543
|
-
return /* @__PURE__ */ (0,
|
|
39733
|
+
return /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_LexicalLinkPlugin.LinkPlugin, {
|
|
39544
39734
|
validateUrl
|
|
39545
39735
|
});
|
|
39546
39736
|
}
|
|
39547
|
-
var React6, import_LexicalLinkPlugin,
|
|
39737
|
+
var React6, import_LexicalLinkPlugin, import_jsx_runtime173;
|
|
39548
39738
|
var init_LinkPlugin = __esm({
|
|
39549
39739
|
"src/rich-text-editor/plugins/LinkPlugin/index.tsx"() {
|
|
39550
39740
|
"use strict";
|
|
39551
39741
|
React6 = require("react");
|
|
39552
39742
|
import_LexicalLinkPlugin = require("@lexical/react/LexicalLinkPlugin");
|
|
39553
39743
|
init_url();
|
|
39554
|
-
|
|
39744
|
+
import_jsx_runtime173 = require("react/jsx-runtime");
|
|
39555
39745
|
}
|
|
39556
39746
|
});
|
|
39557
39747
|
|
|
@@ -39585,7 +39775,7 @@ function isIndentPermitted(maxDepth) {
|
|
|
39585
39775
|
}
|
|
39586
39776
|
function ListMaxIndentLevelPlugin({ maxDepth }) {
|
|
39587
39777
|
const [editor] = (0, import_LexicalComposerContext6.useLexicalComposerContext)();
|
|
39588
|
-
(0,
|
|
39778
|
+
(0, import_react156.useEffect)(() => {
|
|
39589
39779
|
return editor.registerCommand(
|
|
39590
39780
|
import_lexical10.INDENT_CONTENT_COMMAND,
|
|
39591
39781
|
() => !isIndentPermitted(maxDepth ?? 7),
|
|
@@ -39594,11 +39784,11 @@ function ListMaxIndentLevelPlugin({ maxDepth }) {
|
|
|
39594
39784
|
}, [editor, maxDepth]);
|
|
39595
39785
|
return null;
|
|
39596
39786
|
}
|
|
39597
|
-
var
|
|
39787
|
+
var import_react156, import_lexical10, import_list4, import_LexicalComposerContext6;
|
|
39598
39788
|
var init_ListMaxIndentLevelPlugin = __esm({
|
|
39599
39789
|
"src/rich-text-editor/plugins/ListMaxIndentLevelPlugin/index.ts"() {
|
|
39600
39790
|
"use strict";
|
|
39601
|
-
|
|
39791
|
+
import_react156 = require("react");
|
|
39602
39792
|
import_lexical10 = require("lexical");
|
|
39603
39793
|
import_list4 = require("@lexical/list");
|
|
39604
39794
|
import_LexicalComposerContext6 = require("@lexical/react/LexicalComposerContext");
|
|
@@ -39646,7 +39836,7 @@ var init_to_text = __esm({
|
|
|
39646
39836
|
// src/rich-text-editor/plugins/MaxLengthPlugin/index.tsx
|
|
39647
39837
|
function MaxLengthPlugin({ maxLength }) {
|
|
39648
39838
|
const [editor] = (0, import_LexicalComposerContext7.useLexicalComposerContext)();
|
|
39649
|
-
(0,
|
|
39839
|
+
(0, import_react157.useEffect)(() => {
|
|
39650
39840
|
let lastRestoredEditorState = null;
|
|
39651
39841
|
return editor.registerUpdateListener(({ editorState, prevEditorState }) => {
|
|
39652
39842
|
editor.update(() => {
|
|
@@ -39674,11 +39864,11 @@ function MaxLengthPlugin({ maxLength }) {
|
|
|
39674
39864
|
}, [editor, maxLength]);
|
|
39675
39865
|
return null;
|
|
39676
39866
|
}
|
|
39677
|
-
var
|
|
39867
|
+
var import_react157, import_lexical11, import_LexicalComposerContext7, import_selection3, import_utils3;
|
|
39678
39868
|
var init_MaxLengthPlugin = __esm({
|
|
39679
39869
|
"src/rich-text-editor/plugins/MaxLengthPlugin/index.tsx"() {
|
|
39680
39870
|
"use strict";
|
|
39681
|
-
|
|
39871
|
+
import_react157 = require("react");
|
|
39682
39872
|
import_lexical11 = require("lexical");
|
|
39683
39873
|
import_LexicalComposerContext7 = require("@lexical/react/LexicalComposerContext");
|
|
39684
39874
|
import_selection3 = require("@lexical/selection");
|
|
@@ -39702,7 +39892,7 @@ function registerKeyTimeStampTracker() {
|
|
|
39702
39892
|
}
|
|
39703
39893
|
function TabFocusPlugin() {
|
|
39704
39894
|
const [editor] = (0, import_LexicalComposerContext8.useLexicalComposerContext)();
|
|
39705
|
-
(0,
|
|
39895
|
+
(0, import_react158.useEffect)(() => {
|
|
39706
39896
|
if (!hasRegisteredKeyDownListener) {
|
|
39707
39897
|
registerKeyTimeStampTracker();
|
|
39708
39898
|
hasRegisteredKeyDownListener = true;
|
|
@@ -39723,11 +39913,11 @@ function TabFocusPlugin() {
|
|
|
39723
39913
|
}, [editor]);
|
|
39724
39914
|
return null;
|
|
39725
39915
|
}
|
|
39726
|
-
var
|
|
39916
|
+
var import_react158, import_lexical12, import_LexicalComposerContext8, COMMAND_PRIORITY_LOW3, TAB_TO_FOCUS_INTERVAL, lastTabKeyDownTimestamp, hasRegisteredKeyDownListener;
|
|
39727
39917
|
var init_TabFocusPlugin = __esm({
|
|
39728
39918
|
"src/rich-text-editor/plugins/TabFocusPlugin/index.tsx"() {
|
|
39729
39919
|
"use strict";
|
|
39730
|
-
|
|
39920
|
+
import_react158 = require("react");
|
|
39731
39921
|
import_lexical12 = require("lexical");
|
|
39732
39922
|
import_LexicalComposerContext8 = require("@lexical/react/LexicalComposerContext");
|
|
39733
39923
|
COMMAND_PRIORITY_LOW3 = 1;
|
|
@@ -39740,13 +39930,13 @@ var init_TabFocusPlugin = __esm({
|
|
|
39740
39930
|
// src/rich-text-editor/plugins/TableActionMenuPlugin/index.tsx
|
|
39741
39931
|
function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
39742
39932
|
const [editor] = (0, import_LexicalComposerContext9.useLexicalComposerContext)();
|
|
39743
|
-
const [tableCellNode, updateTableCellNode] = (0,
|
|
39744
|
-
const [selectionCounts, updateSelectionCounts] = (0,
|
|
39933
|
+
const [tableCellNode, updateTableCellNode] = (0, import_react159.useState)(_tableCellNode);
|
|
39934
|
+
const [selectionCounts, updateSelectionCounts] = (0, import_react159.useState)({
|
|
39745
39935
|
columns: 1,
|
|
39746
39936
|
rows: 1
|
|
39747
39937
|
});
|
|
39748
39938
|
const tr = useTr();
|
|
39749
|
-
(0,
|
|
39939
|
+
(0, import_react159.useEffect)(() => {
|
|
39750
39940
|
return editor.registerMutationListener(import_table4.TableCellNode, (nodeMutations) => {
|
|
39751
39941
|
const nodeUpdated = nodeMutations.get(tableCellNode.getKey()) === "updated";
|
|
39752
39942
|
if (nodeUpdated) {
|
|
@@ -39756,7 +39946,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39756
39946
|
}
|
|
39757
39947
|
});
|
|
39758
39948
|
}, [editor, tableCellNode]);
|
|
39759
|
-
(0,
|
|
39949
|
+
(0, import_react159.useEffect)(() => {
|
|
39760
39950
|
editor.getEditorState().read(() => {
|
|
39761
39951
|
const selection = (0, import_lexical13.$getSelection)();
|
|
39762
39952
|
if ((0, import_table4.$isTableSelection)(selection)) {
|
|
@@ -39768,7 +39958,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39768
39958
|
}
|
|
39769
39959
|
});
|
|
39770
39960
|
}, [editor]);
|
|
39771
|
-
const clearTableSelection = (0,
|
|
39961
|
+
const clearTableSelection = (0, import_react159.useCallback)(() => {
|
|
39772
39962
|
editor.update(() => {
|
|
39773
39963
|
if (tableCellNode.isAttached()) {
|
|
39774
39964
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
@@ -39787,7 +39977,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39787
39977
|
rootNode.selectStart();
|
|
39788
39978
|
});
|
|
39789
39979
|
}, [editor, tableCellNode]);
|
|
39790
|
-
const insertTableRowAtSelection = (0,
|
|
39980
|
+
const insertTableRowAtSelection = (0, import_react159.useCallback)(
|
|
39791
39981
|
(shouldInsertAfter) => {
|
|
39792
39982
|
editor.update(() => {
|
|
39793
39983
|
const selection = (0, import_lexical13.$getSelection)();
|
|
@@ -39806,7 +39996,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39806
39996
|
},
|
|
39807
39997
|
[editor, tableCellNode, selectionCounts.rows, clearTableSelection]
|
|
39808
39998
|
);
|
|
39809
|
-
const insertTableColumnAtSelection = (0,
|
|
39999
|
+
const insertTableColumnAtSelection = (0, import_react159.useCallback)(
|
|
39810
40000
|
(shouldInsertAfter) => {
|
|
39811
40001
|
editor.update(() => {
|
|
39812
40002
|
const selection = (0, import_lexical13.$getSelection)();
|
|
@@ -39825,7 +40015,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39825
40015
|
},
|
|
39826
40016
|
[editor, tableCellNode, selectionCounts.columns, clearTableSelection]
|
|
39827
40017
|
);
|
|
39828
|
-
const deleteTableRowAtSelection = (0,
|
|
40018
|
+
const deleteTableRowAtSelection = (0, import_react159.useCallback)(() => {
|
|
39829
40019
|
editor.update(() => {
|
|
39830
40020
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39831
40021
|
const tableRowIndex = (0, import_table4.$getTableRowIndexFromTableCellNode)(tableCellNode);
|
|
@@ -39833,14 +40023,14 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39833
40023
|
clearTableSelection();
|
|
39834
40024
|
});
|
|
39835
40025
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39836
|
-
const deleteTableAtSelection = (0,
|
|
40026
|
+
const deleteTableAtSelection = (0, import_react159.useCallback)(() => {
|
|
39837
40027
|
editor.update(() => {
|
|
39838
40028
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39839
40029
|
tableNode.remove();
|
|
39840
40030
|
clearTableSelection();
|
|
39841
40031
|
});
|
|
39842
40032
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39843
|
-
const deleteTableColumnAtSelection = (0,
|
|
40033
|
+
const deleteTableColumnAtSelection = (0, import_react159.useCallback)(() => {
|
|
39844
40034
|
editor.update(() => {
|
|
39845
40035
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39846
40036
|
const tableColumnIndex = (0, import_table4.$getTableColumnIndexFromTableCellNode)(tableCellNode);
|
|
@@ -39848,7 +40038,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39848
40038
|
clearTableSelection();
|
|
39849
40039
|
});
|
|
39850
40040
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39851
|
-
const toggleTableRowIsHeader = (0,
|
|
40041
|
+
const toggleTableRowIsHeader = (0, import_react159.useCallback)(() => {
|
|
39852
40042
|
editor.update(() => {
|
|
39853
40043
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39854
40044
|
const tableRowIndex = (0, import_table4.$getTableRowIndexFromTableCellNode)(tableCellNode);
|
|
@@ -39869,7 +40059,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39869
40059
|
clearTableSelection();
|
|
39870
40060
|
});
|
|
39871
40061
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39872
|
-
const toggleTableColumnIsHeader = (0,
|
|
40062
|
+
const toggleTableColumnIsHeader = (0, import_react159.useCallback)(() => {
|
|
39873
40063
|
editor.update(() => {
|
|
39874
40064
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39875
40065
|
const tableColumnIndex = (0, import_table4.$getTableColumnIndexFromTableCellNode)(tableCellNode);
|
|
@@ -39892,46 +40082,46 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39892
40082
|
clearTableSelection();
|
|
39893
40083
|
});
|
|
39894
40084
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39895
|
-
return /* @__PURE__ */ (0,
|
|
40085
|
+
return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(import_jsx_runtime174.Fragment, {
|
|
39896
40086
|
children: [
|
|
39897
|
-
/* @__PURE__ */ (0,
|
|
40087
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39898
40088
|
onSelect: () => insertTableRowAtSelection(false),
|
|
39899
40089
|
children: tr("actionTableInsertRowsAbove", selectionCounts.rows)
|
|
39900
40090
|
}),
|
|
39901
|
-
/* @__PURE__ */ (0,
|
|
40091
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39902
40092
|
onSelect: () => insertTableRowAtSelection(true),
|
|
39903
40093
|
children: tr("actionTableInsertRowsBelow", selectionCounts.rows)
|
|
39904
40094
|
}),
|
|
39905
|
-
/* @__PURE__ */ (0,
|
|
40095
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39906
40096
|
onSelect: () => insertTableColumnAtSelection(false),
|
|
39907
40097
|
children: tr("actionTableInsertColumnsBefore", selectionCounts.columns)
|
|
39908
40098
|
}),
|
|
39909
|
-
/* @__PURE__ */ (0,
|
|
40099
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39910
40100
|
onSelect: () => insertTableColumnAtSelection(true),
|
|
39911
40101
|
children: tr("actionTableInsertColumnsAfter", selectionCounts.columns)
|
|
39912
40102
|
}),
|
|
39913
|
-
/* @__PURE__ */ (0,
|
|
40103
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39914
40104
|
onSelect: () => toggleTableRowIsHeader(),
|
|
39915
40105
|
children: tr(
|
|
39916
40106
|
(tableCellNode.__headerState & import_table4.TableCellHeaderStates.ROW) === import_table4.TableCellHeaderStates.ROW ? "actionTableRemoveRowHeader" : "actionTableAddRowHeader"
|
|
39917
40107
|
)
|
|
39918
40108
|
}),
|
|
39919
|
-
/* @__PURE__ */ (0,
|
|
40109
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39920
40110
|
onSelect: () => toggleTableColumnIsHeader(),
|
|
39921
40111
|
children: tr(
|
|
39922
40112
|
(tableCellNode.__headerState & import_table4.TableCellHeaderStates.COLUMN) === import_table4.TableCellHeaderStates.COLUMN ? "actionTableRemoveColumnHeader" : "actionTableAddColumnHeader"
|
|
39923
40113
|
)
|
|
39924
40114
|
}),
|
|
39925
|
-
/* @__PURE__ */ (0,
|
|
39926
|
-
tableStats.columns > 1 && /* @__PURE__ */ (0,
|
|
40115
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Separator, {}),
|
|
40116
|
+
tableStats.columns > 1 && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39927
40117
|
onSelect: () => deleteTableColumnAtSelection(),
|
|
39928
40118
|
children: tr("actionTableDeleteColumn")
|
|
39929
40119
|
}),
|
|
39930
|
-
tableStats.rows > 1 && /* @__PURE__ */ (0,
|
|
40120
|
+
tableStats.rows > 1 && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39931
40121
|
onSelect: () => deleteTableRowAtSelection(),
|
|
39932
40122
|
children: tr("actionTableDeleteRow")
|
|
39933
40123
|
}),
|
|
39934
|
-
/* @__PURE__ */ (0,
|
|
40124
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39935
40125
|
onSelect: () => deleteTableAtSelection(),
|
|
39936
40126
|
children: tr("actionTableDeleteTable")
|
|
39937
40127
|
})
|
|
@@ -39941,11 +40131,11 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39941
40131
|
function TableCellActionMenuContainer({ anchorElem }) {
|
|
39942
40132
|
const [editor] = (0, import_LexicalComposerContext9.useLexicalComposerContext)();
|
|
39943
40133
|
const tr = useTr();
|
|
39944
|
-
const menuButtonRef = (0,
|
|
39945
|
-
const [isMenuOpen, setIsMenuOpen] = (0,
|
|
39946
|
-
const [tableCellNode, setTableMenuCellNode] = (0,
|
|
39947
|
-
const [tableStats, setTablestats] = (0,
|
|
39948
|
-
const moveMenu = (0,
|
|
40134
|
+
const menuButtonRef = (0, import_react159.useRef)(null);
|
|
40135
|
+
const [isMenuOpen, setIsMenuOpen] = (0, import_react159.useState)(false);
|
|
40136
|
+
const [tableCellNode, setTableMenuCellNode] = (0, import_react159.useState)(null);
|
|
40137
|
+
const [tableStats, setTablestats] = (0, import_react159.useState)({ rows: 1, columns: 1 });
|
|
40138
|
+
const moveMenu = (0, import_react159.useCallback)(() => {
|
|
39949
40139
|
if (isMenuOpen) {
|
|
39950
40140
|
return;
|
|
39951
40141
|
}
|
|
@@ -39988,14 +40178,14 @@ function TableCellActionMenuContainer({ anchorElem }) {
|
|
|
39988
40178
|
setTableMenuCellNode(null);
|
|
39989
40179
|
}
|
|
39990
40180
|
}, [editor, isMenuOpen]);
|
|
39991
|
-
(0,
|
|
40181
|
+
(0, import_react159.useEffect)(() => {
|
|
39992
40182
|
return editor.registerUpdateListener(() => {
|
|
39993
40183
|
editor.getEditorState().read(() => {
|
|
39994
40184
|
moveMenu();
|
|
39995
40185
|
});
|
|
39996
40186
|
});
|
|
39997
40187
|
});
|
|
39998
|
-
(0,
|
|
40188
|
+
(0, import_react159.useEffect)(() => {
|
|
39999
40189
|
const menuButtonDOM = menuButtonRef.current;
|
|
40000
40190
|
if (menuButtonDOM != null && tableCellNode != null) {
|
|
40001
40191
|
const tableCellNodeDOM = editor.getElementByKey(tableCellNode.getKey());
|
|
@@ -40013,19 +40203,19 @@ function TableCellActionMenuContainer({ anchorElem }) {
|
|
|
40013
40203
|
}
|
|
40014
40204
|
}
|
|
40015
40205
|
}, [menuButtonRef, tableCellNode, editor, anchorElem]);
|
|
40016
|
-
return /* @__PURE__ */ (0,
|
|
40206
|
+
return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", {
|
|
40017
40207
|
className: "c-rte-table-cell-action-button-container",
|
|
40018
40208
|
ref: menuButtonRef,
|
|
40019
|
-
children: tableCellNode != null && /* @__PURE__ */ (0,
|
|
40209
|
+
children: tableCellNode != null && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Root, {
|
|
40020
40210
|
onOpenChange: (isOpen) => setIsMenuOpen(isOpen),
|
|
40021
|
-
content: /* @__PURE__ */ (0,
|
|
40211
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(TableActionMenu, {
|
|
40022
40212
|
tableCellNode,
|
|
40023
40213
|
tableStats
|
|
40024
40214
|
}),
|
|
40025
|
-
children: /* @__PURE__ */ (0,
|
|
40215
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(IconButton, {
|
|
40026
40216
|
size: "xs",
|
|
40027
40217
|
"aria-label": tr("actionTableOpenOptions"),
|
|
40028
|
-
children: /* @__PURE__ */ (0,
|
|
40218
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(Icon.Arrow, {})
|
|
40029
40219
|
})
|
|
40030
40220
|
})
|
|
40031
40221
|
});
|
|
@@ -40034,15 +40224,15 @@ function TableActionMenuPlugin({
|
|
|
40034
40224
|
anchorElem = document.body
|
|
40035
40225
|
}) {
|
|
40036
40226
|
const isEditable = (0, import_useLexicalEditable.default)();
|
|
40037
|
-
return (0, import_react_dom5.createPortal)(isEditable ? /* @__PURE__ */ (0,
|
|
40227
|
+
return (0, import_react_dom5.createPortal)(isEditable ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(TableCellActionMenuContainer, {
|
|
40038
40228
|
anchorElem
|
|
40039
40229
|
}) : null, anchorElem);
|
|
40040
40230
|
}
|
|
40041
|
-
var
|
|
40231
|
+
var import_react159, import_lexical13, import_react_dom5, import_LexicalComposerContext9, import_useLexicalEditable, import_table4, import_jsx_runtime174;
|
|
40042
40232
|
var init_TableActionMenuPlugin = __esm({
|
|
40043
40233
|
"src/rich-text-editor/plugins/TableActionMenuPlugin/index.tsx"() {
|
|
40044
40234
|
"use strict";
|
|
40045
|
-
|
|
40235
|
+
import_react159 = require("react");
|
|
40046
40236
|
import_lexical13 = require("lexical");
|
|
40047
40237
|
import_react_dom5 = require("react-dom");
|
|
40048
40238
|
import_LexicalComposerContext9 = require("@lexical/react/LexicalComposerContext");
|
|
@@ -40052,7 +40242,7 @@ var init_TableActionMenuPlugin = __esm({
|
|
|
40052
40242
|
init_icon_button2();
|
|
40053
40243
|
init_iconography();
|
|
40054
40244
|
init_i18n();
|
|
40055
|
-
|
|
40245
|
+
import_jsx_runtime174 = require("react/jsx-runtime");
|
|
40056
40246
|
}
|
|
40057
40247
|
});
|
|
40058
40248
|
|
|
@@ -40068,19 +40258,19 @@ async function copyJson(editor) {
|
|
|
40068
40258
|
function ActionsPlugin({ append, prepend, disabled }) {
|
|
40069
40259
|
const [editor] = (0, import_LexicalComposerContext10.useLexicalComposerContext)();
|
|
40070
40260
|
const tr = useTr();
|
|
40071
|
-
return /* @__PURE__ */ (0,
|
|
40261
|
+
return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(ActionMenu, {
|
|
40072
40262
|
children: [
|
|
40073
|
-
!prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ (0,
|
|
40263
|
+
!prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ActionMenu.Item, {
|
|
40074
40264
|
onSelect: actionItem.action,
|
|
40075
40265
|
className: actionItem.type === "danger" ? "danger" : "",
|
|
40076
40266
|
disabled: actionItem.disabled,
|
|
40077
40267
|
children: actionItem.title
|
|
40078
40268
|
}, actionItem.title)),
|
|
40079
|
-
/* @__PURE__ */ (0,
|
|
40269
|
+
/* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ActionMenu.Item, {
|
|
40080
40270
|
onSelect: () => copyJson(editor),
|
|
40081
40271
|
children: tr("actionCopyJSON")
|
|
40082
40272
|
}),
|
|
40083
|
-
/* @__PURE__ */ (0,
|
|
40273
|
+
/* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ActionMenu.Item, {
|
|
40084
40274
|
disabled,
|
|
40085
40275
|
className: "danger",
|
|
40086
40276
|
onSelect: () => {
|
|
@@ -40089,7 +40279,7 @@ function ActionsPlugin({ append, prepend, disabled }) {
|
|
|
40089
40279
|
},
|
|
40090
40280
|
children: tr("actionClear")
|
|
40091
40281
|
}),
|
|
40092
|
-
!append ? null : append.map((actionItem) => /* @__PURE__ */ (0,
|
|
40282
|
+
!append ? null : append.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ActionMenu.Item, {
|
|
40093
40283
|
onSelect: actionItem.action,
|
|
40094
40284
|
className: actionItem.type === "danger" ? "danger" : "",
|
|
40095
40285
|
disabled: actionItem.disabled,
|
|
@@ -40098,7 +40288,7 @@ function ActionsPlugin({ append, prepend, disabled }) {
|
|
|
40098
40288
|
]
|
|
40099
40289
|
});
|
|
40100
40290
|
}
|
|
40101
|
-
var import_lexical14, import_LexicalComposerContext10,
|
|
40291
|
+
var import_lexical14, import_LexicalComposerContext10, import_jsx_runtime175;
|
|
40102
40292
|
var init_ActionsPlugin = __esm({
|
|
40103
40293
|
"src/rich-text-editor/plugins/ActionsPlugin/index.tsx"() {
|
|
40104
40294
|
"use strict";
|
|
@@ -40107,14 +40297,14 @@ var init_ActionsPlugin = __esm({
|
|
|
40107
40297
|
init_action_menu2();
|
|
40108
40298
|
init_i18n();
|
|
40109
40299
|
init_lexical_to_crystallize();
|
|
40110
|
-
|
|
40300
|
+
import_jsx_runtime175 = require("react/jsx-runtime");
|
|
40111
40301
|
}
|
|
40112
40302
|
});
|
|
40113
40303
|
|
|
40114
40304
|
// src/rich-text-editor/plugins/ToolbarPlugin/insert-table.tsx
|
|
40115
40305
|
function InsertTableDialog({ activeEditor }) {
|
|
40116
|
-
const [rows, setRows] = (0,
|
|
40117
|
-
const [columns, setColumns] = (0,
|
|
40306
|
+
const [rows, setRows] = (0, import_react160.useState)("5");
|
|
40307
|
+
const [columns, setColumns] = (0, import_react160.useState)("5");
|
|
40118
40308
|
const tr = useTr();
|
|
40119
40309
|
const onClick = () => {
|
|
40120
40310
|
if (parseInt(rows) < 1 || parseInt(columns) < 1) {
|
|
@@ -40129,13 +40319,13 @@ function InsertTableDialog({ activeEditor }) {
|
|
|
40129
40319
|
}
|
|
40130
40320
|
});
|
|
40131
40321
|
};
|
|
40132
|
-
return /* @__PURE__ */ (0,
|
|
40322
|
+
return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", {
|
|
40133
40323
|
className: "c-rte-insert-table",
|
|
40134
40324
|
children: [
|
|
40135
|
-
/* @__PURE__ */ (0,
|
|
40325
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", {
|
|
40136
40326
|
className: "c-rte-insert-table__dimensions",
|
|
40137
40327
|
children: [
|
|
40138
|
-
/* @__PURE__ */ (0,
|
|
40328
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsx)(InputWithLabel, {
|
|
40139
40329
|
label: tr("insertTableRows"),
|
|
40140
40330
|
value: rows,
|
|
40141
40331
|
placeholder: "0",
|
|
@@ -40143,10 +40333,10 @@ function InsertTableDialog({ activeEditor }) {
|
|
|
40143
40333
|
inputMode: "numeric",
|
|
40144
40334
|
onChange: (e) => setRows(e.target.value)
|
|
40145
40335
|
}),
|
|
40146
|
-
/* @__PURE__ */ (0,
|
|
40336
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", {
|
|
40147
40337
|
className: "c-rte-insert-table__dimensions__separator"
|
|
40148
40338
|
}),
|
|
40149
|
-
/* @__PURE__ */ (0,
|
|
40339
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsx)(InputWithLabel, {
|
|
40150
40340
|
type: "text",
|
|
40151
40341
|
label: tr("insertTableColumns"),
|
|
40152
40342
|
placeholder: "0",
|
|
@@ -40156,9 +40346,9 @@ function InsertTableDialog({ activeEditor }) {
|
|
|
40156
40346
|
})
|
|
40157
40347
|
]
|
|
40158
40348
|
}),
|
|
40159
|
-
/* @__PURE__ */ (0,
|
|
40349
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", {
|
|
40160
40350
|
className: "c-rte-insert-table__actions",
|
|
40161
|
-
children: /* @__PURE__ */ (0,
|
|
40351
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(Button, {
|
|
40162
40352
|
as: Dialog.Close,
|
|
40163
40353
|
size: "sm",
|
|
40164
40354
|
intent: "action",
|
|
@@ -40170,17 +40360,17 @@ function InsertTableDialog({ activeEditor }) {
|
|
|
40170
40360
|
]
|
|
40171
40361
|
});
|
|
40172
40362
|
}
|
|
40173
|
-
var
|
|
40363
|
+
var import_react160, import_table5, import_jsx_runtime176;
|
|
40174
40364
|
var init_insert_table = __esm({
|
|
40175
40365
|
"src/rich-text-editor/plugins/ToolbarPlugin/insert-table.tsx"() {
|
|
40176
40366
|
"use strict";
|
|
40177
|
-
|
|
40367
|
+
import_react160 = require("react");
|
|
40178
40368
|
import_table5 = require("@lexical/table");
|
|
40179
40369
|
init_button2();
|
|
40180
40370
|
init_dialog2();
|
|
40181
40371
|
init_input_with_label2();
|
|
40182
40372
|
init_i18n();
|
|
40183
|
-
|
|
40373
|
+
import_jsx_runtime176 = require("react/jsx-runtime");
|
|
40184
40374
|
}
|
|
40185
40375
|
});
|
|
40186
40376
|
|
|
@@ -40269,80 +40459,80 @@ function BlockFormatDropDown({
|
|
|
40269
40459
|
});
|
|
40270
40460
|
}
|
|
40271
40461
|
};
|
|
40272
|
-
return /* @__PURE__ */ (0,
|
|
40462
|
+
return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Root, {
|
|
40273
40463
|
disabled,
|
|
40274
40464
|
style: { zIndex: 1 },
|
|
40275
|
-
content: /* @__PURE__ */ (0,
|
|
40465
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, {
|
|
40276
40466
|
children: [
|
|
40277
|
-
/* @__PURE__ */ (0,
|
|
40467
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40278
40468
|
onClick: formatParagraph,
|
|
40279
40469
|
children: [
|
|
40280
|
-
/* @__PURE__ */ (0,
|
|
40470
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40281
40471
|
className: `c-rte-icon-paragraph c-rte-toolbar__block-format__icon ${blockType === "paragraph" ? "selected" : ""}`
|
|
40282
40472
|
}),
|
|
40283
|
-
/* @__PURE__ */ (0,
|
|
40473
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40284
40474
|
className: `c-rte-toolbar__block-format__text ${blockType === "paragraph" ? "selected" : ""}`,
|
|
40285
40475
|
children: "Normal"
|
|
40286
40476
|
})
|
|
40287
40477
|
]
|
|
40288
40478
|
}),
|
|
40289
|
-
headings.map((headingSize) => /* @__PURE__ */ (0,
|
|
40479
|
+
headings.map((headingSize) => /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40290
40480
|
onClick: () => formatHeading(headingSize),
|
|
40291
40481
|
children: [
|
|
40292
|
-
/* @__PURE__ */ (0,
|
|
40482
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40293
40483
|
className: `c-rte-icon-${headingSize} c-rte-toolbar__block-format__icon ${blockType === headingSize ? "selected" : ""}`
|
|
40294
40484
|
}),
|
|
40295
|
-
/* @__PURE__ */ (0,
|
|
40485
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40296
40486
|
className: `c-rte-toolbar__block-format__text ${blockType === headingSize ? "selected" : ""}`,
|
|
40297
40487
|
children: headingTypeToBlockName[headingSize]
|
|
40298
40488
|
})
|
|
40299
40489
|
]
|
|
40300
40490
|
}, headingSize)),
|
|
40301
|
-
/* @__PURE__ */ (0,
|
|
40491
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40302
40492
|
onClick: formatBulletList,
|
|
40303
40493
|
children: [
|
|
40304
|
-
/* @__PURE__ */ (0,
|
|
40494
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40305
40495
|
className: `c-rte-icon-bullet-list c-rte-toolbar__block-format__icon ${blockType === "bullet" ? "selected" : ""}`
|
|
40306
40496
|
}),
|
|
40307
|
-
/* @__PURE__ */ (0,
|
|
40497
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40308
40498
|
className: `c-rte-toolbar__block-format__text ${blockType === "bullet" ? "selected" : ""}`,
|
|
40309
40499
|
children: "Bullet List"
|
|
40310
40500
|
})
|
|
40311
40501
|
]
|
|
40312
40502
|
}),
|
|
40313
|
-
/* @__PURE__ */ (0,
|
|
40503
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40314
40504
|
onClick: formatNumberedList,
|
|
40315
40505
|
children: [
|
|
40316
|
-
/* @__PURE__ */ (0,
|
|
40506
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40317
40507
|
className: `c-rte-icon-numbered-list c-rte-toolbar__block-format__icon ${blockType === "number" ? "selected" : ""}`
|
|
40318
40508
|
}),
|
|
40319
|
-
/* @__PURE__ */ (0,
|
|
40509
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40320
40510
|
className: `c-rte-toolbar__block-format__text ${blockType === "number" ? "selected" : ""}`,
|
|
40321
40511
|
children: "Numbered List"
|
|
40322
40512
|
})
|
|
40323
40513
|
]
|
|
40324
40514
|
}),
|
|
40325
|
-
/* @__PURE__ */ (0,
|
|
40515
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40326
40516
|
onClick: formatQuote,
|
|
40327
40517
|
"data-testid": "toggle-block-format-quote",
|
|
40328
40518
|
children: [
|
|
40329
|
-
/* @__PURE__ */ (0,
|
|
40519
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40330
40520
|
className: `c-rte-icon-quote c-rte-toolbar__block-format__icon ${blockType === "quote" ? "selected" : ""}`
|
|
40331
40521
|
}),
|
|
40332
|
-
/* @__PURE__ */ (0,
|
|
40522
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40333
40523
|
className: `c-rte-toolbar__block-format__text ${blockType === "quote" ? "selected" : ""}`,
|
|
40334
40524
|
children: "Quote"
|
|
40335
40525
|
})
|
|
40336
40526
|
]
|
|
40337
40527
|
}),
|
|
40338
|
-
/* @__PURE__ */ (0,
|
|
40528
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40339
40529
|
onClick: formatCode,
|
|
40340
40530
|
"data-testid": "toggle-block-format-code",
|
|
40341
40531
|
children: [
|
|
40342
|
-
/* @__PURE__ */ (0,
|
|
40532
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40343
40533
|
className: `icon c-rte-icon-code c-rte-toolbar__block-format__icon ${blockType === "code" ? "selected" : ""}`
|
|
40344
40534
|
}),
|
|
40345
|
-
/* @__PURE__ */ (0,
|
|
40535
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40346
40536
|
className: `c-rte-toolbar__block-format__text ${blockType === "code" ? "selected" : ""}`,
|
|
40347
40537
|
children: "Code block"
|
|
40348
40538
|
})
|
|
@@ -40350,21 +40540,21 @@ function BlockFormatDropDown({
|
|
|
40350
40540
|
})
|
|
40351
40541
|
]
|
|
40352
40542
|
}),
|
|
40353
|
-
children: /* @__PURE__ */ (0,
|
|
40543
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(Button, {
|
|
40354
40544
|
style: { backgroundColor: "transparent", padding: "0 8px" },
|
|
40355
40545
|
"aria-label": "Formatting options for text style",
|
|
40356
40546
|
"data-testid": "toggle-block-format",
|
|
40357
40547
|
children: [
|
|
40358
|
-
/* @__PURE__ */ (0,
|
|
40548
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40359
40549
|
className: `c-rte-toolbar__toggle-icon c-rte-icon-${blockType}`
|
|
40360
40550
|
}),
|
|
40361
|
-
/* @__PURE__ */ (0,
|
|
40551
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon.Arrow, {})
|
|
40362
40552
|
]
|
|
40363
40553
|
})
|
|
40364
40554
|
});
|
|
40365
40555
|
}
|
|
40366
40556
|
function Divider() {
|
|
40367
|
-
return /* @__PURE__ */ (0,
|
|
40557
|
+
return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", {
|
|
40368
40558
|
className: "c-rte-toolbar__divider"
|
|
40369
40559
|
});
|
|
40370
40560
|
}
|
|
@@ -40374,23 +40564,23 @@ function ToolbarPlugin({
|
|
|
40374
40564
|
disabled
|
|
40375
40565
|
}) {
|
|
40376
40566
|
const [editor] = (0, import_LexicalComposerContext11.useLexicalComposerContext)();
|
|
40377
|
-
const [activeEditor, setActiveEditor] = (0,
|
|
40378
|
-
const [blockType, setBlockType] = (0,
|
|
40379
|
-
const [selectedElementKey, setSelectedElementKey] = (0,
|
|
40380
|
-
const [isLink, setIsLink] = (0,
|
|
40381
|
-
const [isBold, setIsBold] = (0,
|
|
40382
|
-
const [isItalic, setIsItalic] = (0,
|
|
40383
|
-
const [isUnderline, setIsUnderline] = (0,
|
|
40384
|
-
const [isStrikethrough, setIsStrikethrough] = (0,
|
|
40385
|
-
const [isSubscript, setIsSubscript] = (0,
|
|
40386
|
-
const [isSuperscript, setIsSuperscript] = (0,
|
|
40387
|
-
const [isCode, setIsCode] = (0,
|
|
40388
|
-
const [canUndo, setCanUndo] = (0,
|
|
40389
|
-
const [canRedo, setCanRedo] = (0,
|
|
40567
|
+
const [activeEditor, setActiveEditor] = (0, import_react161.useState)(editor);
|
|
40568
|
+
const [blockType, setBlockType] = (0, import_react161.useState)("paragraph");
|
|
40569
|
+
const [selectedElementKey, setSelectedElementKey] = (0, import_react161.useState)(null);
|
|
40570
|
+
const [isLink, setIsLink] = (0, import_react161.useState)(false);
|
|
40571
|
+
const [isBold, setIsBold] = (0, import_react161.useState)(false);
|
|
40572
|
+
const [isItalic, setIsItalic] = (0, import_react161.useState)(false);
|
|
40573
|
+
const [isUnderline, setIsUnderline] = (0, import_react161.useState)(false);
|
|
40574
|
+
const [isStrikethrough, setIsStrikethrough] = (0, import_react161.useState)(false);
|
|
40575
|
+
const [isSubscript, setIsSubscript] = (0, import_react161.useState)(false);
|
|
40576
|
+
const [isSuperscript, setIsSuperscript] = (0, import_react161.useState)(false);
|
|
40577
|
+
const [isCode, setIsCode] = (0, import_react161.useState)(false);
|
|
40578
|
+
const [canUndo, setCanUndo] = (0, import_react161.useState)(false);
|
|
40579
|
+
const [canRedo, setCanRedo] = (0, import_react161.useState)(false);
|
|
40390
40580
|
const tr = useTr();
|
|
40391
|
-
const [codeLanguage, setCodeLanguage] = (0,
|
|
40392
|
-
const [isEditable, setIsEditable] = (0,
|
|
40393
|
-
const updateToolbar = (0,
|
|
40581
|
+
const [codeLanguage, setCodeLanguage] = (0, import_react161.useState)("");
|
|
40582
|
+
const [isEditable, setIsEditable] = (0, import_react161.useState)(() => editor.isEditable());
|
|
40583
|
+
const updateToolbar = (0, import_react161.useCallback)(() => {
|
|
40394
40584
|
const selection = (0, import_lexical15.$getSelection)();
|
|
40395
40585
|
if ((0, import_lexical15.$isRangeSelection)(selection)) {
|
|
40396
40586
|
const anchorNode = selection.anchor.getNode();
|
|
@@ -40437,7 +40627,7 @@ function ToolbarPlugin({
|
|
|
40437
40627
|
}
|
|
40438
40628
|
}
|
|
40439
40629
|
}, [activeEditor]);
|
|
40440
|
-
(0,
|
|
40630
|
+
(0, import_react161.useEffect)(() => {
|
|
40441
40631
|
return editor.registerCommand(
|
|
40442
40632
|
import_lexical15.SELECTION_CHANGE_COMMAND,
|
|
40443
40633
|
(_payload, newEditor) => {
|
|
@@ -40448,7 +40638,7 @@ function ToolbarPlugin({
|
|
|
40448
40638
|
import_lexical15.COMMAND_PRIORITY_CRITICAL
|
|
40449
40639
|
);
|
|
40450
40640
|
}, [editor, updateToolbar]);
|
|
40451
|
-
(0,
|
|
40641
|
+
(0, import_react161.useEffect)(() => {
|
|
40452
40642
|
return (0, import_utils4.mergeRegister)(
|
|
40453
40643
|
editor.registerEditableListener((editable) => {
|
|
40454
40644
|
setIsEditable(editable);
|
|
@@ -40476,7 +40666,7 @@ function ToolbarPlugin({
|
|
|
40476
40666
|
)
|
|
40477
40667
|
);
|
|
40478
40668
|
}, [activeEditor, editor, updateToolbar]);
|
|
40479
|
-
const clearFormatting = (0,
|
|
40669
|
+
const clearFormatting = (0, import_react161.useCallback)(() => {
|
|
40480
40670
|
activeEditor.update(() => {
|
|
40481
40671
|
const selection = (0, import_lexical15.$getSelection)();
|
|
40482
40672
|
if ((0, import_lexical15.$isRangeSelection)(selection)) {
|
|
@@ -40494,14 +40684,14 @@ function ToolbarPlugin({
|
|
|
40494
40684
|
}
|
|
40495
40685
|
});
|
|
40496
40686
|
}, [activeEditor]);
|
|
40497
|
-
const insertLink = (0,
|
|
40687
|
+
const insertLink = (0, import_react161.useCallback)(() => {
|
|
40498
40688
|
if (!isLink) {
|
|
40499
40689
|
editor.dispatchCommand(import_link6.TOGGLE_LINK_COMMAND, sanitizeUrl("https://"));
|
|
40500
40690
|
} else {
|
|
40501
40691
|
editor.dispatchCommand(import_link6.TOGGLE_LINK_COMMAND, null);
|
|
40502
40692
|
}
|
|
40503
40693
|
}, [editor, isLink]);
|
|
40504
|
-
const onCodeLanguageSelect = (0,
|
|
40694
|
+
const onCodeLanguageSelect = (0, import_react161.useCallback)(
|
|
40505
40695
|
(value) => {
|
|
40506
40696
|
activeEditor.update(() => {
|
|
40507
40697
|
if (selectedElementKey !== null) {
|
|
@@ -40514,13 +40704,13 @@ function ToolbarPlugin({
|
|
|
40514
40704
|
},
|
|
40515
40705
|
[activeEditor, selectedElementKey]
|
|
40516
40706
|
);
|
|
40517
|
-
return /* @__PURE__ */ (0,
|
|
40707
|
+
return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", {
|
|
40518
40708
|
className: "c-rte-toolbar",
|
|
40519
40709
|
children: [
|
|
40520
|
-
/* @__PURE__ */ (0,
|
|
40710
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", {
|
|
40521
40711
|
className: "c-rte-toolbar__inner",
|
|
40522
40712
|
children: [
|
|
40523
|
-
/* @__PURE__ */ (0,
|
|
40713
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40524
40714
|
disabled: !canUndo || !isEditable,
|
|
40525
40715
|
onClick: () => {
|
|
40526
40716
|
activeEditor.dispatchCommand(import_lexical15.UNDO_COMMAND, void 0);
|
|
@@ -40529,12 +40719,12 @@ function ToolbarPlugin({
|
|
|
40529
40719
|
title: tr(IS_APPLE ? "actionUndoTitleApple" : "actionUndoTitle"),
|
|
40530
40720
|
"aria-label": tr("actionUndoLabel"),
|
|
40531
40721
|
"data-testid": "rich-text-undo-button",
|
|
40532
|
-
children: /* @__PURE__ */ (0,
|
|
40722
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40533
40723
|
className: `c-rte-icon-undo c-rte-toolbar__icon ${!canUndo ? "disabled" : ""}
|
|
40534
40724
|
`
|
|
40535
40725
|
})
|
|
40536
40726
|
}),
|
|
40537
|
-
/* @__PURE__ */ (0,
|
|
40727
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40538
40728
|
disabled: !canRedo || !isEditable,
|
|
40539
40729
|
onClick: () => {
|
|
40540
40730
|
activeEditor.dispatchCommand(import_lexical15.REDO_COMMAND, void 0);
|
|
@@ -40542,51 +40732,51 @@ function ToolbarPlugin({
|
|
|
40542
40732
|
type: "button",
|
|
40543
40733
|
title: tr(IS_APPLE ? "actionRedoTitleApple" : "actionRedoTitle"),
|
|
40544
40734
|
"aria-label": tr("actionRedoLabel"),
|
|
40545
|
-
children: /* @__PURE__ */ (0,
|
|
40735
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40546
40736
|
className: `c-rte-icon-redo c-rte-toolbar__icon ${!canRedo ? "disabled" : ""}`
|
|
40547
40737
|
})
|
|
40548
40738
|
}),
|
|
40549
|
-
/* @__PURE__ */ (0,
|
|
40550
|
-
blockType in blockTypeToBlockName && activeEditor === editor && /* @__PURE__ */ (0,
|
|
40739
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Divider, {}),
|
|
40740
|
+
blockType in blockTypeToBlockName && activeEditor === editor && /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, {
|
|
40551
40741
|
children: [
|
|
40552
|
-
/* @__PURE__ */ (0,
|
|
40742
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(BlockFormatDropDown, {
|
|
40553
40743
|
disabled: !isEditable,
|
|
40554
40744
|
blockType,
|
|
40555
40745
|
editor
|
|
40556
40746
|
}),
|
|
40557
|
-
/* @__PURE__ */ (0,
|
|
40747
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Divider, {})
|
|
40558
40748
|
]
|
|
40559
40749
|
}),
|
|
40560
|
-
blockType === "code" ? /* @__PURE__ */ (0,
|
|
40561
|
-
children: /* @__PURE__ */ (0,
|
|
40750
|
+
blockType === "code" ? /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_jsx_runtime177.Fragment, {
|
|
40751
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Root, {
|
|
40562
40752
|
disabled: !isEditable,
|
|
40563
40753
|
style: { zIndex: 1 },
|
|
40564
|
-
content: /* @__PURE__ */ (0,
|
|
40754
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_jsx_runtime177.Fragment, {
|
|
40565
40755
|
children: CODE_LANGUAGE_OPTIONS.map(([value, name]) => {
|
|
40566
|
-
return /* @__PURE__ */ (0,
|
|
40756
|
+
return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Item, {
|
|
40567
40757
|
className: `item ${dropDownActiveClass(value === codeLanguage)}`,
|
|
40568
40758
|
onClick: () => onCodeLanguageSelect(value),
|
|
40569
|
-
children: /* @__PURE__ */ (0,
|
|
40759
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40570
40760
|
className: `c-rte-toolbar__code-lang__sel-item ${dropDownActiveClass(value === codeLanguage) ? "selected" : ""}`,
|
|
40571
40761
|
children: name
|
|
40572
40762
|
})
|
|
40573
40763
|
}, value);
|
|
40574
40764
|
})
|
|
40575
40765
|
}),
|
|
40576
|
-
children: /* @__PURE__ */ (0,
|
|
40766
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Button, {
|
|
40577
40767
|
"aria-label": tr("codeSelectLanguage"),
|
|
40578
|
-
append: /* @__PURE__ */ (0,
|
|
40579
|
-
children: /* @__PURE__ */ (0,
|
|
40768
|
+
append: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon.Arrow, {}),
|
|
40769
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40580
40770
|
className: "c-rte-toolbar__code-lang__button-text",
|
|
40581
40771
|
children: (0, import_code9.getLanguageFriendlyName)(codeLanguage)
|
|
40582
40772
|
})
|
|
40583
40773
|
})
|
|
40584
40774
|
})
|
|
40585
|
-
}) : /* @__PURE__ */ (0,
|
|
40586
|
-
children: /* @__PURE__ */ (0,
|
|
40775
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Dialog, {
|
|
40776
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", {
|
|
40587
40777
|
className: "c-rte-toolbar__actions-rest",
|
|
40588
40778
|
children: [
|
|
40589
|
-
/* @__PURE__ */ (0,
|
|
40779
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40590
40780
|
disabled: !isEditable,
|
|
40591
40781
|
className: `c-rte-toolbar__icon-btn ${isBold ? "selected" : ""}`,
|
|
40592
40782
|
type: "button",
|
|
@@ -40596,11 +40786,11 @@ function ToolbarPlugin({
|
|
|
40596
40786
|
onClick: () => {
|
|
40597
40787
|
activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "bold");
|
|
40598
40788
|
},
|
|
40599
|
-
children: /* @__PURE__ */ (0,
|
|
40789
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40600
40790
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-bold`
|
|
40601
40791
|
})
|
|
40602
40792
|
}),
|
|
40603
|
-
/* @__PURE__ */ (0,
|
|
40793
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40604
40794
|
className: `c-rte-toolbar__icon-btn ${isItalic ? "selected" : ""}`,
|
|
40605
40795
|
disabled: !isEditable,
|
|
40606
40796
|
onClick: () => {
|
|
@@ -40610,11 +40800,11 @@ function ToolbarPlugin({
|
|
|
40610
40800
|
title: tr(IS_APPLE ? "actionFormatAsEmphasizedTitleApple" : "actionFormatAsEmphasizedTitle"),
|
|
40611
40801
|
"aria-label": tr("actionFormatAsEmphasizedLabel"),
|
|
40612
40802
|
"data-testid": "toggle-format-emphasized",
|
|
40613
|
-
children: /* @__PURE__ */ (0,
|
|
40803
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40614
40804
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-italic`
|
|
40615
40805
|
})
|
|
40616
40806
|
}),
|
|
40617
|
-
/* @__PURE__ */ (0,
|
|
40807
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40618
40808
|
className: `c-rte-toolbar__icon-btn ${isUnderline ? "selected" : ""}`,
|
|
40619
40809
|
disabled: !isEditable,
|
|
40620
40810
|
onClick: () => {
|
|
@@ -40624,11 +40814,11 @@ function ToolbarPlugin({
|
|
|
40624
40814
|
title: tr(IS_APPLE ? "actionFormatAsUnderlinedTitleApple" : "actionFormatAsUnderlinedTitle"),
|
|
40625
40815
|
"aria-label": tr("actionFormatAsUnderlinedLabel"),
|
|
40626
40816
|
"data-testid": "toggle-format-underlined",
|
|
40627
|
-
children: /* @__PURE__ */ (0,
|
|
40817
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40628
40818
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-underline`
|
|
40629
40819
|
})
|
|
40630
40820
|
}),
|
|
40631
|
-
/* @__PURE__ */ (0,
|
|
40821
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40632
40822
|
className: `c-rte-toolbar__icon-btn ${isCode ? "selected" : ""}`,
|
|
40633
40823
|
disabled: !isEditable,
|
|
40634
40824
|
onClick: () => {
|
|
@@ -40638,82 +40828,82 @@ function ToolbarPlugin({
|
|
|
40638
40828
|
title: tr("actionInsertCodeBlock"),
|
|
40639
40829
|
"aria-label": tr("actionInsertCodeBlock"),
|
|
40640
40830
|
"data-testid": "toggle-format-code",
|
|
40641
|
-
children: /* @__PURE__ */ (0,
|
|
40831
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40642
40832
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-code`
|
|
40643
40833
|
})
|
|
40644
40834
|
}),
|
|
40645
|
-
/* @__PURE__ */ (0,
|
|
40835
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40646
40836
|
className: `c-rte-toolbar__icon-btn ${isLink ? "selected" : ""}`,
|
|
40647
40837
|
disabled: !isEditable,
|
|
40648
40838
|
onClick: insertLink,
|
|
40649
40839
|
type: "button",
|
|
40650
40840
|
"aria-label": tr("actionInsertlink"),
|
|
40651
40841
|
title: tr("actionInsertlink"),
|
|
40652
|
-
children: /* @__PURE__ */ (0,
|
|
40842
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40653
40843
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-link`
|
|
40654
40844
|
})
|
|
40655
40845
|
}),
|
|
40656
|
-
/* @__PURE__ */ (0,
|
|
40846
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Root, {
|
|
40657
40847
|
disabled: !isEditable,
|
|
40658
40848
|
style: { zIndex: 1 },
|
|
40659
|
-
content: /* @__PURE__ */ (0,
|
|
40849
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, {
|
|
40660
40850
|
children: [
|
|
40661
|
-
/* @__PURE__ */ (0,
|
|
40851
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40662
40852
|
disabled: !isEditable,
|
|
40663
40853
|
onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "strikethrough"),
|
|
40664
40854
|
title: tr("actionFormatWithStrikethroughTitle"),
|
|
40665
40855
|
"aria-label": tr("actionFormatWithStrikethroughLabel"),
|
|
40666
40856
|
children: [
|
|
40667
|
-
/* @__PURE__ */ (0,
|
|
40857
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40668
40858
|
className: `c-rte-icon-strikethrough c-rte-toolbar__dd-item__icon ${isStrikethrough ? "selected" : ""}`
|
|
40669
40859
|
}),
|
|
40670
|
-
/* @__PURE__ */ (0,
|
|
40860
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40671
40861
|
className: `c-rte-toolbar__dd-item__text ${isStrikethrough ? "selected" : ""}`,
|
|
40672
40862
|
children: tr("actionFormatWithStrikethroughTitle")
|
|
40673
40863
|
})
|
|
40674
40864
|
]
|
|
40675
40865
|
}),
|
|
40676
|
-
/* @__PURE__ */ (0,
|
|
40866
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40677
40867
|
disabled: !isEditable,
|
|
40678
40868
|
onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "subscript"),
|
|
40679
40869
|
title: tr("actionFormatWithSubscriptTitle"),
|
|
40680
40870
|
"aria-label": tr("actionFormatWithSubscriptLabel"),
|
|
40681
40871
|
children: [
|
|
40682
|
-
/* @__PURE__ */ (0,
|
|
40872
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40683
40873
|
className: `c-rte-icon-subscript c-rte-toolbar__dd-item__icon ${isSubscript ? "selected" : ""}`
|
|
40684
40874
|
}),
|
|
40685
|
-
/* @__PURE__ */ (0,
|
|
40875
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40686
40876
|
className: `c-rte-toolbar__dd-item__text ${isSubscript ? "selected" : ""}`,
|
|
40687
40877
|
children: tr("actionFormatWithSubscriptTitle")
|
|
40688
40878
|
})
|
|
40689
40879
|
]
|
|
40690
40880
|
}),
|
|
40691
|
-
/* @__PURE__ */ (0,
|
|
40881
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40692
40882
|
disabled: !isEditable,
|
|
40693
40883
|
onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "superscript"),
|
|
40694
40884
|
title: tr("actionFormatWithSuperscriptTitle"),
|
|
40695
40885
|
"aria-label": tr("actionFormatWithSuperscriptLabel"),
|
|
40696
40886
|
children: [
|
|
40697
|
-
/* @__PURE__ */ (0,
|
|
40887
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40698
40888
|
className: `c-rte-icon-superscript c-rte-toolbar__dd-item__icon ${isSuperscript ? "selected" : ""}`
|
|
40699
40889
|
}),
|
|
40700
|
-
/* @__PURE__ */ (0,
|
|
40890
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40701
40891
|
className: `c-rte-toolbar__dd-item__text ${isSuperscript ? "selected" : ""}`,
|
|
40702
40892
|
children: tr("actionFormatWithSuperscriptTitle")
|
|
40703
40893
|
})
|
|
40704
40894
|
]
|
|
40705
40895
|
}),
|
|
40706
|
-
/* @__PURE__ */ (0,
|
|
40896
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40707
40897
|
disabled: !isEditable,
|
|
40708
40898
|
onClick: clearFormatting,
|
|
40709
40899
|
className: "item",
|
|
40710
40900
|
title: tr("actionClearTextFormatting"),
|
|
40711
40901
|
"aria-label": tr("actionClearTextFormatting"),
|
|
40712
40902
|
children: [
|
|
40713
|
-
/* @__PURE__ */ (0,
|
|
40903
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40714
40904
|
className: "c-rte-icon-clear c-rte-toolbar__dd-item__icon"
|
|
40715
40905
|
}),
|
|
40716
|
-
/* @__PURE__ */ (0,
|
|
40906
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40717
40907
|
className: "c-rte-toolbar__dd-item__text--clear",
|
|
40718
40908
|
children: tr("actionFormatClear")
|
|
40719
40909
|
})
|
|
@@ -40721,47 +40911,47 @@ function ToolbarPlugin({
|
|
|
40721
40911
|
})
|
|
40722
40912
|
]
|
|
40723
40913
|
}),
|
|
40724
|
-
children: /* @__PURE__ */ (0,
|
|
40914
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(Button, {
|
|
40725
40915
|
style: { backgroundColor: "transparent", padding: "0 8px" },
|
|
40726
40916
|
"aria-label": tr("actionTextFormattingOptions"),
|
|
40727
40917
|
children: [
|
|
40728
|
-
/* @__PURE__ */ (0,
|
|
40918
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40729
40919
|
className: `c-rte-icon-dropdown-more c-rte-toolbar__toggle-icon`
|
|
40730
40920
|
}),
|
|
40731
|
-
/* @__PURE__ */ (0,
|
|
40921
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon.Arrow, {})
|
|
40732
40922
|
]
|
|
40733
40923
|
})
|
|
40734
40924
|
}),
|
|
40735
|
-
/* @__PURE__ */ (0,
|
|
40736
|
-
/* @__PURE__ */ (0,
|
|
40925
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Divider, {}),
|
|
40926
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Root, {
|
|
40737
40927
|
style: { zIndex: 1 },
|
|
40738
40928
|
disabled: !isEditable,
|
|
40739
|
-
content: /* @__PURE__ */ (0,
|
|
40929
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, {
|
|
40740
40930
|
children: [
|
|
40741
|
-
/* @__PURE__ */ (0,
|
|
40931
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40742
40932
|
onClick: () => {
|
|
40743
40933
|
activeEditor.dispatchCommand(import_LexicalHorizontalRuleNode4.INSERT_HORIZONTAL_RULE_COMMAND, void 0);
|
|
40744
40934
|
},
|
|
40745
40935
|
children: [
|
|
40746
|
-
/* @__PURE__ */ (0,
|
|
40936
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40747
40937
|
className: "c-rte-toolbar__dd-item__icon c-rte-icon-horizontal-rule"
|
|
40748
40938
|
}),
|
|
40749
|
-
/* @__PURE__ */ (0,
|
|
40939
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40750
40940
|
className: "c-rte-toolbar__dd-item__text",
|
|
40751
40941
|
children: tr("horizontalRule")
|
|
40752
40942
|
})
|
|
40753
40943
|
]
|
|
40754
40944
|
}),
|
|
40755
|
-
/* @__PURE__ */ (0,
|
|
40756
|
-
children: /* @__PURE__ */ (0,
|
|
40945
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Item, {
|
|
40946
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Dialog.Trigger, {
|
|
40757
40947
|
asChild: true,
|
|
40758
|
-
children: /* @__PURE__ */ (0,
|
|
40948
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", {
|
|
40759
40949
|
className: "c-rte-toolbar__dd-item--table",
|
|
40760
40950
|
children: [
|
|
40761
|
-
/* @__PURE__ */ (0,
|
|
40951
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40762
40952
|
className: "c-rte-toolbar__dd-item__icon c-rte-icon-table"
|
|
40763
40953
|
}),
|
|
40764
|
-
/* @__PURE__ */ (0,
|
|
40954
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40765
40955
|
className: "c-rte-toolbar__dd-item__text",
|
|
40766
40956
|
children: tr("table")
|
|
40767
40957
|
})
|
|
@@ -40771,21 +40961,21 @@ function ToolbarPlugin({
|
|
|
40771
40961
|
})
|
|
40772
40962
|
]
|
|
40773
40963
|
}),
|
|
40774
|
-
children: /* @__PURE__ */ (0,
|
|
40775
|
-
children: /* @__PURE__ */ (0,
|
|
40964
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40965
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40776
40966
|
className: "c-rte-icon-plus c-rte-toolbar__plus"
|
|
40777
40967
|
})
|
|
40778
40968
|
})
|
|
40779
40969
|
}),
|
|
40780
|
-
/* @__PURE__ */ (0,
|
|
40970
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(Dialog.Content, {
|
|
40781
40971
|
children: [
|
|
40782
|
-
/* @__PURE__ */ (0,
|
|
40972
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Dialog.Title, {
|
|
40783
40973
|
children: tr("insertTableTitle")
|
|
40784
40974
|
}),
|
|
40785
|
-
/* @__PURE__ */ (0,
|
|
40975
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Dialog.Description, {
|
|
40786
40976
|
children: tr("insertTableDescription")
|
|
40787
40977
|
}),
|
|
40788
|
-
/* @__PURE__ */ (0,
|
|
40978
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(InsertTableDialog, {
|
|
40789
40979
|
activeEditor
|
|
40790
40980
|
})
|
|
40791
40981
|
]
|
|
@@ -40795,7 +40985,7 @@ function ToolbarPlugin({
|
|
|
40795
40985
|
})
|
|
40796
40986
|
]
|
|
40797
40987
|
}),
|
|
40798
|
-
/* @__PURE__ */ (0,
|
|
40988
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(ActionsPlugin, {
|
|
40799
40989
|
disabled,
|
|
40800
40990
|
prepend: actionsMenuPrepend,
|
|
40801
40991
|
append: actionsMenuAppend
|
|
@@ -40803,11 +40993,11 @@ function ToolbarPlugin({
|
|
|
40803
40993
|
]
|
|
40804
40994
|
});
|
|
40805
40995
|
}
|
|
40806
|
-
var
|
|
40996
|
+
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;
|
|
40807
40997
|
var init_ToolbarPlugin = __esm({
|
|
40808
40998
|
"src/rich-text-editor/plugins/ToolbarPlugin/index.tsx"() {
|
|
40809
40999
|
"use strict";
|
|
40810
|
-
|
|
41000
|
+
import_react161 = require("react");
|
|
40811
41001
|
import_lexical15 = require("lexical");
|
|
40812
41002
|
import_code9 = require("@lexical/code");
|
|
40813
41003
|
import_link6 = require("@lexical/link");
|
|
@@ -40830,7 +41020,7 @@ var init_ToolbarPlugin = __esm({
|
|
|
40830
41020
|
init_url();
|
|
40831
41021
|
init_ActionsPlugin();
|
|
40832
41022
|
init_insert_table();
|
|
40833
|
-
|
|
41023
|
+
import_jsx_runtime177 = require("react/jsx-runtime");
|
|
40834
41024
|
headingTypeToBlockName = {
|
|
40835
41025
|
h1: "Heading 1",
|
|
40836
41026
|
h2: "Heading 2",
|
|
@@ -40980,7 +41170,7 @@ function RichTextEditor({
|
|
|
40980
41170
|
labelTranslations,
|
|
40981
41171
|
...rest
|
|
40982
41172
|
}) {
|
|
40983
|
-
return /* @__PURE__ */ (0,
|
|
41173
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalComposer.LexicalComposer, {
|
|
40984
41174
|
initialConfig: {
|
|
40985
41175
|
editable: !rest.disabled,
|
|
40986
41176
|
namespace: "crystallize-rich-text-editor",
|
|
@@ -40991,13 +41181,13 @@ function RichTextEditor({
|
|
|
40991
41181
|
throw error;
|
|
40992
41182
|
}
|
|
40993
41183
|
},
|
|
40994
|
-
children: /* @__PURE__ */ (0,
|
|
41184
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(I18nProvider, {
|
|
40995
41185
|
language,
|
|
40996
41186
|
labelTranslations,
|
|
40997
|
-
children: /* @__PURE__ */ (0,
|
|
40998
|
-
children: /* @__PURE__ */ (0,
|
|
41187
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(SharedHistoryContext, {
|
|
41188
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", {
|
|
40999
41189
|
className: "c-rich-text-editor",
|
|
41000
|
-
children: /* @__PURE__ */ (0,
|
|
41190
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(RichTextEditorWithoutContext, {
|
|
41001
41191
|
...rest
|
|
41002
41192
|
})
|
|
41003
41193
|
})
|
|
@@ -41019,19 +41209,19 @@ function RichTextEditorWithoutContext({
|
|
|
41019
41209
|
}) {
|
|
41020
41210
|
const editable = !disabled;
|
|
41021
41211
|
const { historyState } = useSharedHistoryContext();
|
|
41022
|
-
const placeholder = /* @__PURE__ */ (0,
|
|
41212
|
+
const placeholder = /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", {
|
|
41023
41213
|
className: "c-rte-placeholder",
|
|
41024
41214
|
children: placeholderText ?? ""
|
|
41025
41215
|
});
|
|
41026
41216
|
const [editor] = (0, import_LexicalComposerContext12.useLexicalComposerContext)();
|
|
41027
|
-
const [floatingAnchorElem, setFloatingAnchorElem] = (0,
|
|
41028
|
-
const firstOnChangeTriggeredRef = (0,
|
|
41217
|
+
const [floatingAnchorElem, setFloatingAnchorElem] = (0, import_react162.useState)(null);
|
|
41218
|
+
const firstOnChangeTriggeredRef = (0, import_react162.useRef)(!autoFocus);
|
|
41029
41219
|
const onRef = (_floatingAnchorElem) => {
|
|
41030
41220
|
if (_floatingAnchorElem !== null) {
|
|
41031
41221
|
setFloatingAnchorElem(_floatingAnchorElem);
|
|
41032
41222
|
}
|
|
41033
41223
|
};
|
|
41034
|
-
(0,
|
|
41224
|
+
(0, import_react162.useEffect)(() => {
|
|
41035
41225
|
editor.setEditable(editable || false);
|
|
41036
41226
|
}, [editable, editor]);
|
|
41037
41227
|
function onLocalChange(editorState) {
|
|
@@ -41042,38 +41232,38 @@ function RichTextEditorWithoutContext({
|
|
|
41042
41232
|
}
|
|
41043
41233
|
firstOnChangeTriggeredRef.current = true;
|
|
41044
41234
|
}
|
|
41045
|
-
return /* @__PURE__ */ (0,
|
|
41235
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(import_jsx_runtime178.Fragment, {
|
|
41046
41236
|
children: [
|
|
41047
|
-
/* @__PURE__ */ (0,
|
|
41237
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalOnChangePlugin.OnChangePlugin, {
|
|
41048
41238
|
onChange: onLocalChange,
|
|
41049
41239
|
ignoreSelectionChange: true
|
|
41050
41240
|
}),
|
|
41051
|
-
/* @__PURE__ */ (0,
|
|
41241
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(ToolbarPlugin, {
|
|
41052
41242
|
disabled,
|
|
41053
41243
|
actionsMenuPrepend,
|
|
41054
41244
|
actionsMenuAppend
|
|
41055
41245
|
}),
|
|
41056
41246
|
slotPreContent,
|
|
41057
|
-
/* @__PURE__ */ (0,
|
|
41247
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", {
|
|
41058
41248
|
className: `c-rte-editor-container ${disabled ? "disabled" : ""}`,
|
|
41059
41249
|
"data-testid": "rich-text-editor",
|
|
41060
41250
|
children: [
|
|
41061
|
-
maxLength != null ? /* @__PURE__ */ (0,
|
|
41251
|
+
maxLength != null ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(MaxLengthPlugin, {
|
|
41062
41252
|
maxLength
|
|
41063
41253
|
}) : null,
|
|
41064
|
-
!autoFocus ? null : /* @__PURE__ */ (0,
|
|
41065
|
-
/* @__PURE__ */ (0,
|
|
41066
|
-
/* @__PURE__ */ (0,
|
|
41067
|
-
/* @__PURE__ */ (0,
|
|
41254
|
+
!autoFocus ? null : /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalAutoFocusPlugin.AutoFocusPlugin, {}),
|
|
41255
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalClearEditorPlugin.ClearEditorPlugin, {}),
|
|
41256
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(LexicalAutoLinkPlugin, {}),
|
|
41257
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalHistoryPlugin2.HistoryPlugin, {
|
|
41068
41258
|
externalHistoryState: historyState
|
|
41069
41259
|
}),
|
|
41070
|
-
/* @__PURE__ */ (0,
|
|
41071
|
-
contentEditable: /* @__PURE__ */ (0,
|
|
41260
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalRichTextPlugin.RichTextPlugin, {
|
|
41261
|
+
contentEditable: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", {
|
|
41072
41262
|
className: "c-rte-editor-scroller",
|
|
41073
|
-
children: /* @__PURE__ */ (0,
|
|
41263
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", {
|
|
41074
41264
|
className: "c-rte-editor",
|
|
41075
41265
|
ref: onRef,
|
|
41076
|
-
children: /* @__PURE__ */ (0,
|
|
41266
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalContentEditable.ContentEditable, {
|
|
41077
41267
|
className: "c-rte-contenteditable-root",
|
|
41078
41268
|
id
|
|
41079
41269
|
})
|
|
@@ -41082,28 +41272,28 @@ function RichTextEditorWithoutContext({
|
|
|
41082
41272
|
placeholder,
|
|
41083
41273
|
ErrorBoundary: import_LexicalErrorBoundary.default
|
|
41084
41274
|
}),
|
|
41085
|
-
/* @__PURE__ */ (0,
|
|
41086
|
-
/* @__PURE__ */ (0,
|
|
41087
|
-
/* @__PURE__ */ (0,
|
|
41275
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(CodeHighlightPlugin, {}),
|
|
41276
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalListPlugin.ListPlugin, {}),
|
|
41277
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(ListMaxIndentLevelPlugin, {
|
|
41088
41278
|
maxDepth: 7
|
|
41089
41279
|
}),
|
|
41090
|
-
/* @__PURE__ */ (0,
|
|
41091
|
-
/* @__PURE__ */ (0,
|
|
41092
|
-
/* @__PURE__ */ (0,
|
|
41093
|
-
/* @__PURE__ */ (0,
|
|
41094
|
-
/* @__PURE__ */ (0,
|
|
41095
|
-
floatingAnchorElem && /* @__PURE__ */ (0,
|
|
41280
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalTablePlugin.TablePlugin, {}),
|
|
41281
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(LinkPlugin, {}),
|
|
41282
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalHorizontalRulePlugin.HorizontalRulePlugin, {}),
|
|
41283
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(TabFocusPlugin, {}),
|
|
41284
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {}),
|
|
41285
|
+
floatingAnchorElem && /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(import_jsx_runtime178.Fragment, {
|
|
41096
41286
|
children: [
|
|
41097
|
-
/* @__PURE__ */ (0,
|
|
41287
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(CodeActionMenuPlugin, {
|
|
41098
41288
|
anchorElem: floatingAnchorElem
|
|
41099
41289
|
}),
|
|
41100
|
-
/* @__PURE__ */ (0,
|
|
41290
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(FloatingLinkEditorPlugin, {
|
|
41101
41291
|
anchorElem: floatingAnchorElem
|
|
41102
41292
|
}),
|
|
41103
|
-
/* @__PURE__ */ (0,
|
|
41293
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(TableActionMenuPlugin, {
|
|
41104
41294
|
anchorElem: floatingAnchorElem
|
|
41105
41295
|
}),
|
|
41106
|
-
/* @__PURE__ */ (0,
|
|
41296
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(FloatingTextFormatToolbarPlugin, {
|
|
41107
41297
|
anchorElem: floatingAnchorElem
|
|
41108
41298
|
})
|
|
41109
41299
|
]
|
|
@@ -41113,11 +41303,11 @@ function RichTextEditorWithoutContext({
|
|
|
41113
41303
|
]
|
|
41114
41304
|
});
|
|
41115
41305
|
}
|
|
41116
|
-
var
|
|
41306
|
+
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;
|
|
41117
41307
|
var init_rich_text_editor = __esm({
|
|
41118
41308
|
"src/rich-text-editor/rich-text-editor.tsx"() {
|
|
41119
41309
|
"use strict";
|
|
41120
|
-
|
|
41310
|
+
import_react162 = require("react");
|
|
41121
41311
|
import_LexicalAutoFocusPlugin = require("@lexical/react/LexicalAutoFocusPlugin");
|
|
41122
41312
|
import_LexicalClearEditorPlugin = require("@lexical/react/LexicalClearEditorPlugin");
|
|
41123
41313
|
import_LexicalComposer = require("@lexical/react/LexicalComposer");
|
|
@@ -41150,7 +41340,7 @@ var init_rich_text_editor = __esm({
|
|
|
41150
41340
|
init_TableActionMenuPlugin();
|
|
41151
41341
|
init_ToolbarPlugin();
|
|
41152
41342
|
init_CrystallizeRTEditorTheme();
|
|
41153
|
-
|
|
41343
|
+
import_jsx_runtime178 = require("react/jsx-runtime");
|
|
41154
41344
|
rich_text_editor_default = RichTextEditor;
|
|
41155
41345
|
}
|
|
41156
41346
|
});
|
|
@@ -41307,9 +41497,9 @@ Checkbox.displayName = "Checkbox";
|
|
|
41307
41497
|
var import_class_variance_authority9 = require("class-variance-authority");
|
|
41308
41498
|
var CollapsiblePrimitives = __toESM(require("@radix-ui/react-collapsible"));
|
|
41309
41499
|
init_iconography();
|
|
41310
|
-
var
|
|
41500
|
+
var import_jsx_runtime145 = require("react/jsx-runtime");
|
|
41311
41501
|
function Content3({ className, ...delegated }) {
|
|
41312
|
-
return /* @__PURE__ */ (0,
|
|
41502
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(CollapsiblePrimitives.Content, {
|
|
41313
41503
|
...delegated,
|
|
41314
41504
|
className: (0, import_class_variance_authority9.cx)("c-collapsible-content", className)
|
|
41315
41505
|
});
|
|
@@ -41321,7 +41511,7 @@ function CollapsibleTrigger({
|
|
|
41321
41511
|
mode,
|
|
41322
41512
|
...delegated
|
|
41323
41513
|
}) {
|
|
41324
|
-
return /* @__PURE__ */ (0,
|
|
41514
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(CollapsiblePrimitives.Trigger, {
|
|
41325
41515
|
asChild: true,
|
|
41326
41516
|
...delegated,
|
|
41327
41517
|
className: (0, import_class_variance_authority9.cx)(
|
|
@@ -41330,9 +41520,9 @@ function CollapsibleTrigger({
|
|
|
41330
41520
|
mode === "tree" ? "c-collapsible-tree" : "",
|
|
41331
41521
|
className
|
|
41332
41522
|
),
|
|
41333
|
-
children: /* @__PURE__ */ (0,
|
|
41523
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", {
|
|
41334
41524
|
children: [
|
|
41335
|
-
arrowPosition && /* @__PURE__ */ (0,
|
|
41525
|
+
arrowPosition && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon.Caret, {
|
|
41336
41526
|
className: "c-collapsible-arrow",
|
|
41337
41527
|
width: 9,
|
|
41338
41528
|
height: 9
|
|
@@ -41356,7 +41546,7 @@ init_icon_button2();
|
|
|
41356
41546
|
// src/inline-radio/inline-radio.tsx
|
|
41357
41547
|
var import_class_variance_authority12 = require("class-variance-authority");
|
|
41358
41548
|
var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
|
|
41359
|
-
var
|
|
41549
|
+
var import_jsx_runtime150 = require("react/jsx-runtime");
|
|
41360
41550
|
var inlineRadioGroupStyles = (0, import_class_variance_authority12.cva)("c-inline-radio-group", {
|
|
41361
41551
|
variants: {
|
|
41362
41552
|
size: {
|
|
@@ -41371,16 +41561,16 @@ var inlineRadioGroupStyles = (0, import_class_variance_authority12.cva)("c-inlin
|
|
|
41371
41561
|
}
|
|
41372
41562
|
});
|
|
41373
41563
|
function InlineRadioGroup({ size, className, ...delegated }) {
|
|
41374
|
-
return /* @__PURE__ */ (0,
|
|
41564
|
+
return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(RadioGroupPrimitive.Root, {
|
|
41375
41565
|
...delegated,
|
|
41376
41566
|
className: inlineRadioGroupStyles({ size, className })
|
|
41377
41567
|
});
|
|
41378
41568
|
}
|
|
41379
41569
|
function InlineRadioItem({ children, className, ...delegated }) {
|
|
41380
|
-
return /* @__PURE__ */ (0,
|
|
41570
|
+
return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(RadioGroupPrimitive.Item, {
|
|
41381
41571
|
...delegated,
|
|
41382
41572
|
className: (0, import_class_variance_authority12.cx)("c-inline-radio", className),
|
|
41383
|
-
children: /* @__PURE__ */ (0,
|
|
41573
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(RadioGroupPrimitive.Indicator, {
|
|
41384
41574
|
forceMount: true,
|
|
41385
41575
|
children
|
|
41386
41576
|
})
|
|
@@ -41403,13 +41593,13 @@ var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
|
|
|
41403
41593
|
// src/popover/popover-close.tsx
|
|
41404
41594
|
var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
|
|
41405
41595
|
init_iconography();
|
|
41406
|
-
var
|
|
41596
|
+
var import_jsx_runtime155 = require("react/jsx-runtime");
|
|
41407
41597
|
function PopoverClose(props) {
|
|
41408
41598
|
const { asChild, children } = props;
|
|
41409
|
-
return /* @__PURE__ */ (0,
|
|
41599
|
+
return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(PopoverPrimitive.Close, {
|
|
41410
41600
|
asChild,
|
|
41411
41601
|
className: "c-popover-close",
|
|
41412
|
-
children: children ?? /* @__PURE__ */ (0,
|
|
41602
|
+
children: children ?? /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Icon.Cancel, {
|
|
41413
41603
|
width: 16,
|
|
41414
41604
|
height: 16
|
|
41415
41605
|
})
|
|
@@ -41417,7 +41607,7 @@ function PopoverClose(props) {
|
|
|
41417
41607
|
}
|
|
41418
41608
|
|
|
41419
41609
|
// src/popover/popover.tsx
|
|
41420
|
-
var
|
|
41610
|
+
var import_jsx_runtime156 = require("react/jsx-runtime");
|
|
41421
41611
|
function Popover({
|
|
41422
41612
|
children,
|
|
41423
41613
|
closeButton,
|
|
@@ -41430,26 +41620,26 @@ function Popover({
|
|
|
41430
41620
|
hasArrow = true,
|
|
41431
41621
|
...delegatedContent
|
|
41432
41622
|
}) {
|
|
41433
|
-
return /* @__PURE__ */ (0,
|
|
41623
|
+
return /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(PopoverPrimitive2.Root, {
|
|
41434
41624
|
open,
|
|
41435
41625
|
onOpenChange,
|
|
41436
41626
|
children: [
|
|
41437
|
-
/* @__PURE__ */ (0,
|
|
41627
|
+
/* @__PURE__ */ (0, import_jsx_runtime156.jsx)(PopoverPrimitive2.Trigger, {
|
|
41438
41628
|
asChild: true,
|
|
41439
41629
|
children
|
|
41440
41630
|
}),
|
|
41441
|
-
/* @__PURE__ */ (0,
|
|
41631
|
+
/* @__PURE__ */ (0, import_jsx_runtime156.jsx)(PopoverPrimitive2.Portal, {
|
|
41442
41632
|
container,
|
|
41443
|
-
children: /* @__PURE__ */ (0,
|
|
41633
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(PopoverPrimitive2.Content, {
|
|
41444
41634
|
...delegatedContent,
|
|
41445
41635
|
side,
|
|
41446
41636
|
className: (0, import_class_variance_authority17.cx)("c-popover-content", className),
|
|
41447
41637
|
children: [
|
|
41448
|
-
!closeButton ? null : /* @__PURE__ */ (0,
|
|
41638
|
+
!closeButton ? null : /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(PopoverClose, {
|
|
41449
41639
|
asChild: typeof closeButton !== "boolean",
|
|
41450
41640
|
children: typeof closeButton !== "boolean" ? closeButton : null
|
|
41451
41641
|
}),
|
|
41452
|
-
hasArrow && /* @__PURE__ */ (0,
|
|
41642
|
+
hasArrow && /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(PopoverPrimitive2.Arrow, {
|
|
41453
41643
|
className: "c-popover-arrow",
|
|
41454
41644
|
offset: 5
|
|
41455
41645
|
}),
|
|
@@ -41464,12 +41654,12 @@ function Popover({
|
|
|
41464
41654
|
// src/progress/progress.tsx
|
|
41465
41655
|
var import_class_variance_authority18 = require("class-variance-authority");
|
|
41466
41656
|
var ProgressPrimitives = __toESM(require("@radix-ui/react-progress"));
|
|
41467
|
-
var
|
|
41657
|
+
var import_jsx_runtime157 = require("react/jsx-runtime");
|
|
41468
41658
|
function Progress({ className, value }) {
|
|
41469
|
-
return /* @__PURE__ */ (0,
|
|
41659
|
+
return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(ProgressPrimitives.Root, {
|
|
41470
41660
|
className: (0, import_class_variance_authority18.cx)(className, "c-progress-root"),
|
|
41471
41661
|
value,
|
|
41472
|
-
children: /* @__PURE__ */ (0,
|
|
41662
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(ProgressPrimitives.Indicator, {
|
|
41473
41663
|
className: "c-progress-indicator",
|
|
41474
41664
|
style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
|
|
41475
41665
|
})
|
|
@@ -41478,12 +41668,12 @@ function Progress({ className, value }) {
|
|
|
41478
41668
|
|
|
41479
41669
|
// src/radio/radio.tsx
|
|
41480
41670
|
var RadioGroupPrimitive2 = __toESM(require("@radix-ui/react-radio-group"));
|
|
41481
|
-
var
|
|
41671
|
+
var import_jsx_runtime158 = require("react/jsx-runtime");
|
|
41482
41672
|
function RadioGroupItem(props) {
|
|
41483
|
-
return /* @__PURE__ */ (0,
|
|
41673
|
+
return /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(RadioGroupPrimitive2.Item, {
|
|
41484
41674
|
...props,
|
|
41485
41675
|
className: "c-radio-item",
|
|
41486
|
-
children: /* @__PURE__ */ (0,
|
|
41676
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(RadioGroupPrimitive2.Indicator, {
|
|
41487
41677
|
className: "c-radio-indicator"
|
|
41488
41678
|
})
|
|
41489
41679
|
});
|
|
@@ -41494,32 +41684,32 @@ var Radio = {
|
|
|
41494
41684
|
};
|
|
41495
41685
|
|
|
41496
41686
|
// src/select/select-item.tsx
|
|
41497
|
-
var
|
|
41687
|
+
var import_react144 = require("react");
|
|
41498
41688
|
var import_class_variance_authority19 = require("class-variance-authority");
|
|
41499
41689
|
var SelectPrimitives = __toESM(require("@radix-ui/react-select"));
|
|
41500
|
-
var
|
|
41501
|
-
var SelectItem = (0,
|
|
41690
|
+
var import_jsx_runtime159 = require("react/jsx-runtime");
|
|
41691
|
+
var SelectItem = (0, import_react144.forwardRef)((props, ref) => {
|
|
41502
41692
|
const { children, className, ...delegated } = props;
|
|
41503
|
-
return /* @__PURE__ */ (0,
|
|
41693
|
+
return /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(SelectPrimitives.Item, {
|
|
41504
41694
|
className: (0, import_class_variance_authority19.cx)("c-select-item", className),
|
|
41505
41695
|
ref,
|
|
41506
41696
|
...delegated,
|
|
41507
41697
|
children: [
|
|
41508
|
-
/* @__PURE__ */ (0,
|
|
41698
|
+
/* @__PURE__ */ (0, import_jsx_runtime159.jsx)(SelectPrimitives.ItemText, {
|
|
41509
41699
|
children
|
|
41510
41700
|
}),
|
|
41511
|
-
/* @__PURE__ */ (0,
|
|
41701
|
+
/* @__PURE__ */ (0, import_jsx_runtime159.jsx)(SelectPrimitives.ItemIndicator, {})
|
|
41512
41702
|
]
|
|
41513
41703
|
});
|
|
41514
41704
|
});
|
|
41515
41705
|
SelectItem.displayName = "SelectItem";
|
|
41516
41706
|
|
|
41517
41707
|
// src/select/select-root.tsx
|
|
41518
|
-
var
|
|
41708
|
+
var import_react145 = require("react");
|
|
41519
41709
|
var import_class_variance_authority20 = require("class-variance-authority");
|
|
41520
41710
|
var SelectPrimitives2 = __toESM(require("@radix-ui/react-select"));
|
|
41521
41711
|
init_iconography();
|
|
41522
|
-
var
|
|
41712
|
+
var import_jsx_runtime160 = require("react/jsx-runtime");
|
|
41523
41713
|
var selectTriggerStyles = (0, import_class_variance_authority20.cva)("c-select-trigger", {
|
|
41524
41714
|
variants: {
|
|
41525
41715
|
size: {
|
|
@@ -41533,36 +41723,36 @@ var selectTriggerStyles = (0, import_class_variance_authority20.cva)("c-select-t
|
|
|
41533
41723
|
size: "sm"
|
|
41534
41724
|
}
|
|
41535
41725
|
});
|
|
41536
|
-
var SelectContainer = (0,
|
|
41726
|
+
var SelectContainer = (0, import_react145.forwardRef)(
|
|
41537
41727
|
({ children, id, placeholder, disabled, size, triggerClassName, ...delegated }, ref) => {
|
|
41538
|
-
return /* @__PURE__ */ (0,
|
|
41728
|
+
return /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(SelectPrimitives2.Root, {
|
|
41539
41729
|
...delegated,
|
|
41540
41730
|
children: [
|
|
41541
|
-
/* @__PURE__ */ (0,
|
|
41731
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(SelectPrimitives2.Trigger, {
|
|
41542
41732
|
ref,
|
|
41543
41733
|
className: selectTriggerStyles({ size, className: triggerClassName }),
|
|
41544
41734
|
disabled,
|
|
41545
41735
|
id,
|
|
41546
41736
|
children: [
|
|
41547
|
-
/* @__PURE__ */ (0,
|
|
41548
|
-
placeholder: /* @__PURE__ */ (0,
|
|
41737
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.Value, {
|
|
41738
|
+
placeholder: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("span", {
|
|
41549
41739
|
className: "c-select-value",
|
|
41550
41740
|
children: placeholder ?? "Select..."
|
|
41551
41741
|
})
|
|
41552
41742
|
}),
|
|
41553
|
-
/* @__PURE__ */ (0,
|
|
41743
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Icon.Arrow, {})
|
|
41554
41744
|
]
|
|
41555
41745
|
}),
|
|
41556
|
-
/* @__PURE__ */ (0,
|
|
41557
|
-
children: /* @__PURE__ */ (0,
|
|
41746
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.Portal, {
|
|
41747
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(SelectPrimitives2.Content, {
|
|
41558
41748
|
className: "c-select-content",
|
|
41559
41749
|
children: [
|
|
41560
|
-
/* @__PURE__ */ (0,
|
|
41561
|
-
/* @__PURE__ */ (0,
|
|
41750
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.ScrollUpButton, {}),
|
|
41751
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.Viewport, {
|
|
41562
41752
|
className: "c-select-viewport",
|
|
41563
41753
|
children
|
|
41564
41754
|
}),
|
|
41565
|
-
/* @__PURE__ */ (0,
|
|
41755
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.ScrollDownButton, {})
|
|
41566
41756
|
]
|
|
41567
41757
|
})
|
|
41568
41758
|
})
|
|
@@ -41579,23 +41769,23 @@ var Select = {
|
|
|
41579
41769
|
};
|
|
41580
41770
|
|
|
41581
41771
|
// src/slider/slider.tsx
|
|
41582
|
-
var
|
|
41772
|
+
var import_react146 = require("react");
|
|
41583
41773
|
var import_class_variance_authority21 = require("class-variance-authority");
|
|
41584
41774
|
var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
|
|
41585
|
-
var
|
|
41586
|
-
var Slider = (0,
|
|
41587
|
-
return /* @__PURE__ */ (0,
|
|
41775
|
+
var import_jsx_runtime161 = require("react/jsx-runtime");
|
|
41776
|
+
var Slider = (0, import_react146.forwardRef)(({ className, transparentRange, ...delegated }, ref) => {
|
|
41777
|
+
return /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)(SliderPrimitive.Root, {
|
|
41588
41778
|
className: (0, import_class_variance_authority21.cx)("c-slider-root", className),
|
|
41589
41779
|
ref,
|
|
41590
41780
|
...delegated,
|
|
41591
41781
|
children: [
|
|
41592
|
-
/* @__PURE__ */ (0,
|
|
41782
|
+
/* @__PURE__ */ (0, import_jsx_runtime161.jsx)(SliderPrimitive.Track, {
|
|
41593
41783
|
className: "c-slider-track",
|
|
41594
|
-
children: /* @__PURE__ */ (0,
|
|
41784
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(SliderPrimitive.Range, {
|
|
41595
41785
|
className: `c-slider-range ${transparentRange ? "c-slider-range-transparent" : ""}`
|
|
41596
41786
|
})
|
|
41597
41787
|
}),
|
|
41598
|
-
/* @__PURE__ */ (0,
|
|
41788
|
+
/* @__PURE__ */ (0, import_jsx_runtime161.jsx)(SliderPrimitive.Thumb, {
|
|
41599
41789
|
className: "c-slider-thumb"
|
|
41600
41790
|
})
|
|
41601
41791
|
]
|
|
@@ -41607,15 +41797,15 @@ init_spinner();
|
|
|
41607
41797
|
|
|
41608
41798
|
// src/stack-icon/stack-icon.tsx
|
|
41609
41799
|
init_iconography();
|
|
41610
|
-
var
|
|
41800
|
+
var import_jsx_runtime162 = require("react/jsx-runtime");
|
|
41611
41801
|
function StackIcon({ type, children, size = 18 }) {
|
|
41612
|
-
return /* @__PURE__ */ (0,
|
|
41802
|
+
return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)("span", {
|
|
41613
41803
|
className: "c-stack-icon",
|
|
41614
41804
|
children: [
|
|
41615
|
-
type === "create" && /* @__PURE__ */ (0,
|
|
41805
|
+
type === "create" && /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("span", {
|
|
41616
41806
|
style: { width: size, height: size },
|
|
41617
41807
|
className: "c-stack-icon__icon",
|
|
41618
|
-
children: /* @__PURE__ */ (0,
|
|
41808
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Icon.Add, {
|
|
41619
41809
|
width: size - 4,
|
|
41620
41810
|
height: size - 4
|
|
41621
41811
|
})
|
|
@@ -41628,7 +41818,7 @@ function StackIcon({ type, children, size = 18 }) {
|
|
|
41628
41818
|
// src/tag/tag.tsx
|
|
41629
41819
|
var import_class_variance_authority22 = require("class-variance-authority");
|
|
41630
41820
|
init_iconography();
|
|
41631
|
-
var
|
|
41821
|
+
var import_jsx_runtime163 = require("react/jsx-runtime");
|
|
41632
41822
|
var tagStyles = (0, import_class_variance_authority22.cva)("c-tag", {
|
|
41633
41823
|
variants: {
|
|
41634
41824
|
variant: {
|
|
@@ -41658,16 +41848,16 @@ function Tag({
|
|
|
41658
41848
|
showRemoveOnHover,
|
|
41659
41849
|
...delegated
|
|
41660
41850
|
}) {
|
|
41661
|
-
return /* @__PURE__ */ (0,
|
|
41851
|
+
return /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", {
|
|
41662
41852
|
className: tagStyles({ className, variant, size }),
|
|
41663
41853
|
...delegated,
|
|
41664
41854
|
children: [
|
|
41665
|
-
!prepend ? null : /* @__PURE__ */ (0,
|
|
41855
|
+
!prepend ? null : /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", {
|
|
41666
41856
|
className: "c-tag__prepend",
|
|
41667
41857
|
children: prepend
|
|
41668
41858
|
}),
|
|
41669
41859
|
children,
|
|
41670
|
-
onRemove && /* @__PURE__ */ (0,
|
|
41860
|
+
onRemove && /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("button", {
|
|
41671
41861
|
type: "button",
|
|
41672
41862
|
className: (0, import_class_variance_authority22.cx)("c-tag__remove-button", showRemoveOnHover ? "c-tag__remove-button--hover" : ""),
|
|
41673
41863
|
onClick: (e) => {
|
|
@@ -41675,11 +41865,11 @@ function Tag({
|
|
|
41675
41865
|
onRemove();
|
|
41676
41866
|
},
|
|
41677
41867
|
children: [
|
|
41678
|
-
/* @__PURE__ */ (0,
|
|
41868
|
+
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Icon.Cancel, {
|
|
41679
41869
|
width: 12,
|
|
41680
41870
|
height: 12
|
|
41681
41871
|
}),
|
|
41682
|
-
/* @__PURE__ */ (0,
|
|
41872
|
+
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", {
|
|
41683
41873
|
className: "c-tag__remove-button-text",
|
|
41684
41874
|
children: "Remove"
|
|
41685
41875
|
})
|
|
@@ -41690,13 +41880,13 @@ function Tag({
|
|
|
41690
41880
|
}
|
|
41691
41881
|
|
|
41692
41882
|
// src/rich-text-editor/index.tsx
|
|
41693
|
-
var
|
|
41694
|
-
var
|
|
41695
|
-
var LazyRichTextEditor = (0,
|
|
41883
|
+
var import_react163 = require("react");
|
|
41884
|
+
var import_jsx_runtime179 = require("react/jsx-runtime");
|
|
41885
|
+
var LazyRichTextEditor = (0, import_react163.lazy)(() => Promise.resolve().then(() => (init_rich_text_editor(), rich_text_editor_exports)));
|
|
41696
41886
|
var RichTextEditor2 = (props) => {
|
|
41697
|
-
return /* @__PURE__ */ (0,
|
|
41887
|
+
return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_react163.Suspense, {
|
|
41698
41888
|
fallback: null,
|
|
41699
|
-
children: /* @__PURE__ */ (0,
|
|
41889
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(LazyRichTextEditor, {
|
|
41700
41890
|
...props
|
|
41701
41891
|
})
|
|
41702
41892
|
});
|
|
@@ -41710,7 +41900,7 @@ var import_class_variance_authority23 = require("class-variance-authority");
|
|
|
41710
41900
|
var import_sonner = require("sonner");
|
|
41711
41901
|
init_icon_button2();
|
|
41712
41902
|
init_iconography();
|
|
41713
|
-
var
|
|
41903
|
+
var import_jsx_runtime180 = require("react/jsx-runtime");
|
|
41714
41904
|
var toastStyles = (0, import_class_variance_authority23.cva)("c-toast", {
|
|
41715
41905
|
variants: {
|
|
41716
41906
|
type: {
|
|
@@ -41735,35 +41925,35 @@ var toast = ({ title, message, id, type = "success", timeout = 6e3 }) => {
|
|
|
41735
41925
|
const withMessage = !!message;
|
|
41736
41926
|
const toastId = id ?? Date.now().toString();
|
|
41737
41927
|
import_sonner.toast.custom(
|
|
41738
|
-
(id2) => /* @__PURE__ */ (0,
|
|
41928
|
+
(id2) => /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", {
|
|
41739
41929
|
"data-testid": `toast-${type}`,
|
|
41740
41930
|
className: (0, import_class_variance_authority23.cx)(toastStyles({ type }), withMessage ? "c-toast-with-message" : "c-toast-title-only"),
|
|
41741
41931
|
children: [
|
|
41742
|
-
/* @__PURE__ */ (0,
|
|
41743
|
-
children: /* @__PURE__ */ (0,
|
|
41932
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", {
|
|
41933
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(ToastIcon, {
|
|
41744
41934
|
width: 26,
|
|
41745
41935
|
height: 26
|
|
41746
41936
|
})
|
|
41747
41937
|
}),
|
|
41748
|
-
/* @__PURE__ */ (0,
|
|
41938
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", {
|
|
41749
41939
|
children: [
|
|
41750
|
-
/* @__PURE__ */ (0,
|
|
41940
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", {
|
|
41751
41941
|
className: "c-toast-title",
|
|
41752
41942
|
children: title
|
|
41753
41943
|
}),
|
|
41754
|
-
!!message && /* @__PURE__ */ (0,
|
|
41944
|
+
!!message && /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", {
|
|
41755
41945
|
className: "c-toast-message",
|
|
41756
41946
|
children: message
|
|
41757
41947
|
})
|
|
41758
41948
|
]
|
|
41759
41949
|
}),
|
|
41760
|
-
/* @__PURE__ */ (0,
|
|
41950
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", {
|
|
41761
41951
|
className: "c-toast-close",
|
|
41762
41952
|
"data-testid": "toast-close",
|
|
41763
|
-
children: /* @__PURE__ */ (0,
|
|
41953
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(IconButton, {
|
|
41764
41954
|
onClick: () => import_sonner.toast.dismiss(id2),
|
|
41765
41955
|
size: "xs",
|
|
41766
|
-
children: /* @__PURE__ */ (0,
|
|
41956
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Icon.Cancel, {
|
|
41767
41957
|
width: 12,
|
|
41768
41958
|
height: 12
|
|
41769
41959
|
})
|
|
@@ -41787,7 +41977,7 @@ init_tooltip2();
|
|
|
41787
41977
|
// src/switch/switch.tsx
|
|
41788
41978
|
var import_class_variance_authority24 = require("class-variance-authority");
|
|
41789
41979
|
var RadixSwitch = __toESM(require("@radix-ui/react-switch"));
|
|
41790
|
-
var
|
|
41980
|
+
var import_jsx_runtime181 = require("react/jsx-runtime");
|
|
41791
41981
|
var switchStyles = (0, import_class_variance_authority24.cva)(["c-switch-root"], {
|
|
41792
41982
|
variants: {
|
|
41793
41983
|
size: {
|
|
@@ -41800,18 +41990,18 @@ var switchStyles = (0, import_class_variance_authority24.cva)(["c-switch-root"],
|
|
|
41800
41990
|
}
|
|
41801
41991
|
});
|
|
41802
41992
|
function Switch2({ size, checked, ...props }) {
|
|
41803
|
-
return /* @__PURE__ */ (0,
|
|
41993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(RadixSwitch.Root, {
|
|
41804
41994
|
...props,
|
|
41805
41995
|
checked: checked === null ? false : checked,
|
|
41806
41996
|
className: switchStyles({ size }),
|
|
41807
|
-
children: /* @__PURE__ */ (0,
|
|
41997
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(RadixSwitch.Thumb, {
|
|
41808
41998
|
className: (0, import_class_variance_authority24.cx)("c-switch-thumb", checked === null ? "middle-position" : "")
|
|
41809
41999
|
})
|
|
41810
42000
|
});
|
|
41811
42001
|
}
|
|
41812
42002
|
|
|
41813
42003
|
// src/color-picker/color-picker.tsx
|
|
41814
|
-
var
|
|
42004
|
+
var import_react164 = require("react");
|
|
41815
42005
|
|
|
41816
42006
|
// src/colors/colors.json
|
|
41817
42007
|
var colors_default = {
|
|
@@ -41974,7 +42164,7 @@ var colors_default = {
|
|
|
41974
42164
|
};
|
|
41975
42165
|
|
|
41976
42166
|
// src/color-picker/color-picker.tsx
|
|
41977
|
-
var
|
|
42167
|
+
var import_jsx_runtime182 = require("react/jsx-runtime");
|
|
41978
42168
|
var SHADES = ["200", "300", "400", "500", "600", "700", "800"];
|
|
41979
42169
|
var ORDERED_COLOR_NAMES = [
|
|
41980
42170
|
"s-green",
|
|
@@ -41991,8 +42181,8 @@ var ORDERED_COLOR_NAMES = [
|
|
|
41991
42181
|
"s-blue"
|
|
41992
42182
|
];
|
|
41993
42183
|
function ColorPicker({ value, setValue, children, isOpen, setIsOpen }) {
|
|
41994
|
-
const [hoveredColor, setHoveredColor] = (0,
|
|
41995
|
-
const colorLookupMap = (0,
|
|
42184
|
+
const [hoveredColor, setHoveredColor] = (0, import_react164.useState)(null);
|
|
42185
|
+
const colorLookupMap = (0, import_react164.useMemo)(() => {
|
|
41996
42186
|
const map = /* @__PURE__ */ new Map();
|
|
41997
42187
|
ORDERED_COLOR_NAMES.forEach((colorName) => {
|
|
41998
42188
|
SHADES.forEach((shade) => {
|
|
@@ -42012,39 +42202,39 @@ function ColorPicker({ value, setValue, children, isOpen, setIsOpen }) {
|
|
|
42012
42202
|
};
|
|
42013
42203
|
const handleMouseEnter = (colorValue) => setHoveredColor(colorValue);
|
|
42014
42204
|
const handleMouseLeave = () => setHoveredColor(null);
|
|
42015
|
-
return /* @__PURE__ */ (0,
|
|
42205
|
+
return /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Popover, {
|
|
42016
42206
|
open: isOpen,
|
|
42017
42207
|
side: "bottom",
|
|
42018
42208
|
hasArrow: true,
|
|
42019
42209
|
onOpenChange: setIsOpen,
|
|
42020
|
-
content: /* @__PURE__ */ (0,
|
|
42210
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(Card, {
|
|
42021
42211
|
variant: "elevate",
|
|
42022
42212
|
className: " border border-solid border-border p-5",
|
|
42023
42213
|
children: [
|
|
42024
|
-
/* @__PURE__ */ (0,
|
|
42214
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", {
|
|
42025
42215
|
className: "mb-3",
|
|
42026
42216
|
children: [
|
|
42027
|
-
/* @__PURE__ */ (0,
|
|
42217
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", {
|
|
42028
42218
|
className: "text-sm font-bold capitalize",
|
|
42029
42219
|
children: displayedColorInfo
|
|
42030
42220
|
}),
|
|
42031
|
-
/* @__PURE__ */ (0,
|
|
42221
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", {
|
|
42032
42222
|
className: "ml-4 text-sm italic text-gray-500-400",
|
|
42033
42223
|
children: hoveredColor ?? value
|
|
42034
42224
|
})
|
|
42035
42225
|
]
|
|
42036
42226
|
}),
|
|
42037
|
-
/* @__PURE__ */ (0,
|
|
42227
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", {
|
|
42038
42228
|
className: "grid grid-cols-12",
|
|
42039
|
-
children: ORDERED_COLOR_NAMES.map((colorName) => /* @__PURE__ */ (0,
|
|
42229
|
+
children: ORDERED_COLOR_NAMES.map((colorName) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", {
|
|
42040
42230
|
children: SHADES.map((shade) => {
|
|
42041
42231
|
const colorValue = colors_default[colorName][shade];
|
|
42042
|
-
return /* @__PURE__ */ (0,
|
|
42232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", {
|
|
42043
42233
|
className: "cursor-pointer rounded p-0.5",
|
|
42044
42234
|
onClick: () => handleColorSelect(colorValue),
|
|
42045
42235
|
onMouseEnter: () => handleMouseEnter(colorValue),
|
|
42046
42236
|
onMouseLeave: handleMouseLeave,
|
|
42047
|
-
children: /* @__PURE__ */ (0,
|
|
42237
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", {
|
|
42048
42238
|
className: "h-5 w-5",
|
|
42049
42239
|
style: { backgroundColor: colorValue }
|
|
42050
42240
|
})
|