@crystallize/design-system 1.24.44 → 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 +6 -0
- package/dist/{chunk-ZT2DX3UW.mjs → chunk-ASHS3SWM.mjs} +299 -153
- package/dist/index.d.ts +4 -0
- package/dist/index.js +818 -640
- package/dist/index.mjs +2 -2
- package/dist/{rich-text-editor-NIDZLNDY.mjs → rich-text-editor-LL7UCSDS.mjs} +1 -1
- 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/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
|
|
|
@@ -38436,8 +38614,8 @@ function getPrettierOptions(lang) {
|
|
|
38436
38614
|
return options;
|
|
38437
38615
|
}
|
|
38438
38616
|
function PrettierButton({ lang, editor, getCodeDOMNode }) {
|
|
38439
|
-
const [syntaxError, setSyntaxError] = (0,
|
|
38440
|
-
const [tipsVisible, setTipsVisible] = (0,
|
|
38617
|
+
const [syntaxError, setSyntaxError] = (0, import_react150.useState)("");
|
|
38618
|
+
const [tipsVisible, setTipsVisible] = (0, import_react150.useState)(false);
|
|
38441
38619
|
const tr = useTr();
|
|
38442
38620
|
async function handleClick() {
|
|
38443
38621
|
const codeDOMNode = getCodeDOMNode();
|
|
@@ -38493,38 +38671,38 @@ function PrettierButton({ lang, editor, getCodeDOMNode }) {
|
|
|
38493
38671
|
setTipsVisible(false);
|
|
38494
38672
|
}
|
|
38495
38673
|
}
|
|
38496
|
-
return /* @__PURE__ */ (0,
|
|
38674
|
+
return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", {
|
|
38497
38675
|
className: "c-rte-prettier-wrapper",
|
|
38498
38676
|
children: [
|
|
38499
|
-
/* @__PURE__ */ (0,
|
|
38677
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)("button", {
|
|
38500
38678
|
className: "c-rte-code-button",
|
|
38501
38679
|
onClick: handleClick,
|
|
38502
38680
|
onMouseEnter: handleMouseEnter,
|
|
38503
38681
|
onMouseLeave: handleMouseLeave,
|
|
38504
38682
|
"aria-label": tr("actionFormatCode"),
|
|
38505
|
-
children: syntaxError ? /* @__PURE__ */ (0,
|
|
38683
|
+
children: syntaxError ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("i", {
|
|
38506
38684
|
className: "c-rte-code-button__icon c-rte-icon-prettier-error"
|
|
38507
|
-
}) : /* @__PURE__ */ (0,
|
|
38685
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("i", {
|
|
38508
38686
|
className: "c-rte-code-button__icon c-rte-icon-prettier"
|
|
38509
38687
|
})
|
|
38510
38688
|
}),
|
|
38511
|
-
tipsVisible ? /* @__PURE__ */ (0,
|
|
38689
|
+
tipsVisible ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("pre", {
|
|
38512
38690
|
className: "c-rte-code-error-tips",
|
|
38513
38691
|
children: syntaxError
|
|
38514
38692
|
}) : null
|
|
38515
38693
|
]
|
|
38516
38694
|
});
|
|
38517
38695
|
}
|
|
38518
|
-
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;
|
|
38519
38697
|
var init_PrettierButton = __esm({
|
|
38520
38698
|
"src/rich-text-editor/plugins/CodeActionMenuPlugin/components/PrettierButton/index.tsx"() {
|
|
38521
38699
|
"use strict";
|
|
38522
38700
|
React4 = require("react");
|
|
38523
|
-
|
|
38701
|
+
import_react150 = require("react");
|
|
38524
38702
|
import_lexical5 = require("lexical");
|
|
38525
38703
|
import_code5 = require("@lexical/code");
|
|
38526
38704
|
init_i18n();
|
|
38527
|
-
|
|
38705
|
+
import_jsx_runtime168 = require("react/jsx-runtime");
|
|
38528
38706
|
PRETTIER_PARSER_MODULES = {
|
|
38529
38707
|
css: () => Promise.resolve().then(() => __toESM(require_parser_postcss())),
|
|
38530
38708
|
html: () => Promise.resolve().then(() => __toESM(require_parser_html())),
|
|
@@ -38551,15 +38729,15 @@ var init_PrettierButton = __esm({
|
|
|
38551
38729
|
// src/rich-text-editor/plugins/CodeActionMenuPlugin/index.tsx
|
|
38552
38730
|
function CodeActionMenuContainer({ anchorElem }) {
|
|
38553
38731
|
const [editor] = (0, import_LexicalComposerContext.useLexicalComposerContext)();
|
|
38554
|
-
const [lang, setLang] = (0,
|
|
38555
|
-
const [isShown, setShown] = (0,
|
|
38556
|
-
const [shouldListenMouseMove, setShouldListenMouseMove] = (0,
|
|
38557
|
-
const [position, setPosition] = (0,
|
|
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)({
|
|
38558
38736
|
right: "0",
|
|
38559
38737
|
top: "0"
|
|
38560
38738
|
});
|
|
38561
|
-
const codeSetRef = (0,
|
|
38562
|
-
const codeDOMNodeRef = (0,
|
|
38739
|
+
const codeSetRef = (0, import_react151.useRef)(/* @__PURE__ */ new Set());
|
|
38740
|
+
const codeDOMNodeRef = (0, import_react151.useRef)(null);
|
|
38563
38741
|
function getCodeDOMNode() {
|
|
38564
38742
|
return codeDOMNodeRef.current;
|
|
38565
38743
|
}
|
|
@@ -38597,7 +38775,7 @@ function CodeActionMenuContainer({ anchorElem }) {
|
|
|
38597
38775
|
50,
|
|
38598
38776
|
{ maxWait: 1e3 }
|
|
38599
38777
|
);
|
|
38600
|
-
(0,
|
|
38778
|
+
(0, import_react151.useEffect)(() => {
|
|
38601
38779
|
if (!shouldListenMouseMove) {
|
|
38602
38780
|
return;
|
|
38603
38781
|
}
|
|
@@ -38608,7 +38786,7 @@ function CodeActionMenuContainer({ anchorElem }) {
|
|
|
38608
38786
|
document.removeEventListener("mousemove", debouncedOnMouseMove);
|
|
38609
38787
|
};
|
|
38610
38788
|
}, [shouldListenMouseMove, debouncedOnMouseMove]);
|
|
38611
|
-
(0,
|
|
38789
|
+
(0, import_react151.useEffect)(() => {
|
|
38612
38790
|
return editor.registerMutationListener(
|
|
38613
38791
|
import_code6.CodeNode,
|
|
38614
38792
|
(mutations) => {
|
|
@@ -38633,20 +38811,20 @@ function CodeActionMenuContainer({ anchorElem }) {
|
|
|
38633
38811
|
}, [editor]);
|
|
38634
38812
|
const normalizedLang = (0, import_code6.normalizeCodeLang)(lang);
|
|
38635
38813
|
const codeFriendlyName = (0, import_code6.getLanguageFriendlyName)(lang);
|
|
38636
|
-
return /* @__PURE__ */ (0,
|
|
38637
|
-
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", {
|
|
38638
38816
|
className: "c-rte-code-action-menu-container",
|
|
38639
38817
|
style: { ...position },
|
|
38640
38818
|
children: [
|
|
38641
|
-
/* @__PURE__ */ (0,
|
|
38819
|
+
/* @__PURE__ */ (0, import_jsx_runtime169.jsx)("div", {
|
|
38642
38820
|
className: "c-rte-code-highlight-language",
|
|
38643
38821
|
children: codeFriendlyName
|
|
38644
38822
|
}),
|
|
38645
|
-
/* @__PURE__ */ (0,
|
|
38823
|
+
/* @__PURE__ */ (0, import_jsx_runtime169.jsx)(CopyButton, {
|
|
38646
38824
|
editor,
|
|
38647
38825
|
getCodeDOMNode
|
|
38648
38826
|
}),
|
|
38649
|
-
canBePrettier(normalizedLang) ? /* @__PURE__ */ (0,
|
|
38827
|
+
canBePrettier(normalizedLang) ? /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(PrettierButton, {
|
|
38650
38828
|
editor,
|
|
38651
38829
|
getCodeDOMNode,
|
|
38652
38830
|
lang: normalizedLang
|
|
@@ -38668,15 +38846,15 @@ function getMouseInfo(event) {
|
|
|
38668
38846
|
function CodeActionMenuPlugin({
|
|
38669
38847
|
anchorElem = document.body
|
|
38670
38848
|
}) {
|
|
38671
|
-
return (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0,
|
|
38849
|
+
return (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime169.jsx)(CodeActionMenuContainer, {
|
|
38672
38850
|
anchorElem
|
|
38673
38851
|
}), anchorElem);
|
|
38674
38852
|
}
|
|
38675
|
-
var
|
|
38853
|
+
var import_react151, import_lexical6, import_react_dom2, import_use_debounce2, import_code6, import_LexicalComposerContext, import_jsx_runtime169, CODE_PADDING;
|
|
38676
38854
|
var init_CodeActionMenuPlugin = __esm({
|
|
38677
38855
|
"src/rich-text-editor/plugins/CodeActionMenuPlugin/index.tsx"() {
|
|
38678
38856
|
"use strict";
|
|
38679
|
-
|
|
38857
|
+
import_react151 = require("react");
|
|
38680
38858
|
import_lexical6 = require("lexical");
|
|
38681
38859
|
import_react_dom2 = require("react-dom");
|
|
38682
38860
|
import_use_debounce2 = require("use-debounce");
|
|
@@ -38684,7 +38862,7 @@ var init_CodeActionMenuPlugin = __esm({
|
|
|
38684
38862
|
import_LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
|
|
38685
38863
|
init_CopyButton();
|
|
38686
38864
|
init_PrettierButton();
|
|
38687
|
-
|
|
38865
|
+
import_jsx_runtime169 = require("react/jsx-runtime");
|
|
38688
38866
|
CODE_PADDING = 0;
|
|
38689
38867
|
}
|
|
38690
38868
|
});
|
|
@@ -38692,16 +38870,16 @@ var init_CodeActionMenuPlugin = __esm({
|
|
|
38692
38870
|
// src/rich-text-editor/plugins/CodeHighlightPlugin/index.ts
|
|
38693
38871
|
function CodeHighlightPlugin() {
|
|
38694
38872
|
const [editor] = (0, import_LexicalComposerContext2.useLexicalComposerContext)();
|
|
38695
|
-
(0,
|
|
38873
|
+
(0, import_react152.useEffect)(() => {
|
|
38696
38874
|
return (0, import_code7.registerCodeHighlighting)(editor);
|
|
38697
38875
|
}, [editor]);
|
|
38698
38876
|
return null;
|
|
38699
38877
|
}
|
|
38700
|
-
var
|
|
38878
|
+
var import_react152, import_code7, import_LexicalComposerContext2;
|
|
38701
38879
|
var init_CodeHighlightPlugin = __esm({
|
|
38702
38880
|
"src/rich-text-editor/plugins/CodeHighlightPlugin/index.ts"() {
|
|
38703
38881
|
"use strict";
|
|
38704
|
-
|
|
38882
|
+
import_react152 = require("react");
|
|
38705
38883
|
import_code7 = require("@lexical/code");
|
|
38706
38884
|
import_LexicalComposerContext2 = require("@lexical/react/LexicalComposerContext");
|
|
38707
38885
|
}
|
|
@@ -38729,12 +38907,12 @@ function useSuspenseRequest(url) {
|
|
|
38729
38907
|
function LinkPreviewContent({
|
|
38730
38908
|
url
|
|
38731
38909
|
}) {
|
|
38732
|
-
const [textContent, setTextContent] = (0,
|
|
38910
|
+
const [textContent, setTextContent] = (0, import_react153.useState)("");
|
|
38733
38911
|
const { preview } = useSuspenseRequest(url);
|
|
38734
38912
|
const [editor] = (0, import_LexicalComposerContext3.useLexicalComposerContext)();
|
|
38735
38913
|
const tr = useTr();
|
|
38736
38914
|
const hasPreview = preview !== null && preview.google?.title;
|
|
38737
|
-
(0,
|
|
38915
|
+
(0, import_react153.useEffect)(() => {
|
|
38738
38916
|
editor.update(() => {
|
|
38739
38917
|
const sel = (0, import_lexical7.$getSelection)();
|
|
38740
38918
|
const nodes = sel?.getNodes();
|
|
@@ -38762,26 +38940,26 @@ function LinkPreviewContent({
|
|
|
38762
38940
|
if (!hasPreview) {
|
|
38763
38941
|
return null;
|
|
38764
38942
|
}
|
|
38765
|
-
return /* @__PURE__ */ (0,
|
|
38943
|
+
return /* @__PURE__ */ (0, import_jsx_runtime170.jsxs)("div", {
|
|
38766
38944
|
className: "c-rte-link-preview",
|
|
38767
38945
|
children: [
|
|
38768
|
-
preview.google.image && /* @__PURE__ */ (0,
|
|
38946
|
+
preview.google.image && /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", {
|
|
38769
38947
|
className: "c-rte-link-preview-image-wrapper",
|
|
38770
|
-
children: /* @__PURE__ */ (0,
|
|
38948
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("img", {
|
|
38771
38949
|
src: preview.google.image,
|
|
38772
38950
|
alt: preview.google.title,
|
|
38773
38951
|
className: "c-rte-link-preview-image"
|
|
38774
38952
|
})
|
|
38775
38953
|
}),
|
|
38776
|
-
preview.google.title && /* @__PURE__ */ (0,
|
|
38954
|
+
preview.google.title && /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", {
|
|
38777
38955
|
className: "c-rte-link-preview-title",
|
|
38778
38956
|
children: preview.google.title
|
|
38779
38957
|
}),
|
|
38780
|
-
preview.google.description && /* @__PURE__ */ (0,
|
|
38958
|
+
preview.google.description && /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", {
|
|
38781
38959
|
className: "c-rte-link-preview-description",
|
|
38782
38960
|
children: preview.google.description
|
|
38783
38961
|
}),
|
|
38784
|
-
textContent && textContent !== preview.google.title ? /* @__PURE__ */ (0,
|
|
38962
|
+
textContent && textContent !== preview.google.title ? /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Button, {
|
|
38785
38963
|
className: "c-rte-link-preview__replace-text-btn",
|
|
38786
38964
|
onClick: useTitleForText,
|
|
38787
38965
|
children: tr("linkPreviewReplaceTextWithTitle")
|
|
@@ -38790,7 +38968,7 @@ function LinkPreviewContent({
|
|
|
38790
38968
|
});
|
|
38791
38969
|
}
|
|
38792
38970
|
function Glimmer(props) {
|
|
38793
|
-
return /* @__PURE__ */ (0,
|
|
38971
|
+
return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", {
|
|
38794
38972
|
className: "c-rte-link-preview-glimmer",
|
|
38795
38973
|
...props,
|
|
38796
38974
|
style: {
|
|
@@ -38802,38 +38980,38 @@ function Glimmer(props) {
|
|
|
38802
38980
|
function LinkPreview({
|
|
38803
38981
|
url
|
|
38804
38982
|
}) {
|
|
38805
|
-
return /* @__PURE__ */ (0,
|
|
38806
|
-
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, {
|
|
38807
38985
|
children: [
|
|
38808
|
-
/* @__PURE__ */ (0,
|
|
38986
|
+
/* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Glimmer, {
|
|
38809
38987
|
style: { height: "80px" },
|
|
38810
38988
|
index: 0
|
|
38811
38989
|
}),
|
|
38812
|
-
/* @__PURE__ */ (0,
|
|
38990
|
+
/* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Glimmer, {
|
|
38813
38991
|
style: { width: "60%" },
|
|
38814
38992
|
index: 1
|
|
38815
38993
|
}),
|
|
38816
|
-
/* @__PURE__ */ (0,
|
|
38994
|
+
/* @__PURE__ */ (0, import_jsx_runtime170.jsx)(Glimmer, {
|
|
38817
38995
|
style: { width: "80%" },
|
|
38818
38996
|
index: 2
|
|
38819
38997
|
})
|
|
38820
38998
|
]
|
|
38821
38999
|
}),
|
|
38822
|
-
children: /* @__PURE__ */ (0,
|
|
39000
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime170.jsx)(LinkPreviewContent, {
|
|
38823
39001
|
url
|
|
38824
39002
|
})
|
|
38825
39003
|
});
|
|
38826
39004
|
}
|
|
38827
|
-
var
|
|
39005
|
+
var import_react153, import_lexical7, import_LexicalComposerContext3, import_jsx_runtime170, PREVIEW_CACHE, URL_MATCHER2;
|
|
38828
39006
|
var init_LinkPreview = __esm({
|
|
38829
39007
|
"src/rich-text-editor/ui/LinkPreview.tsx"() {
|
|
38830
39008
|
"use strict";
|
|
38831
|
-
|
|
39009
|
+
import_react153 = require("react");
|
|
38832
39010
|
import_lexical7 = require("lexical");
|
|
38833
39011
|
import_LexicalComposerContext3 = require("@lexical/react/LexicalComposerContext");
|
|
38834
39012
|
init_button2();
|
|
38835
39013
|
init_i18n();
|
|
38836
|
-
|
|
39014
|
+
import_jsx_runtime170 = require("react/jsx-runtime");
|
|
38837
39015
|
PREVIEW_CACHE = {};
|
|
38838
39016
|
URL_MATCHER2 = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
|
|
38839
39017
|
}
|
|
@@ -38925,15 +39103,15 @@ function FloatingLinkEditor({
|
|
|
38925
39103
|
setIsLink,
|
|
38926
39104
|
anchorElem
|
|
38927
39105
|
}) {
|
|
38928
|
-
const editorRef = (0,
|
|
38929
|
-
const inputRef = (0,
|
|
38930
|
-
const [linkUrl, setLinkUrl] = (0,
|
|
38931
|
-
const [rel, setRel] = (0,
|
|
38932
|
-
const [target, setTarget] = (0,
|
|
38933
|
-
const [isEditMode, setEditMode] = (0,
|
|
38934
|
-
const [lastSelection, setLastSelection] = (0,
|
|
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);
|
|
38935
39113
|
const tr = useTr();
|
|
38936
|
-
const updateLinkEditor = (0,
|
|
39114
|
+
const updateLinkEditor = (0, import_react154.useCallback)(() => {
|
|
38937
39115
|
const selection = (0, import_lexical8.$getSelection)();
|
|
38938
39116
|
if ((0, import_lexical8.$isRangeSelection)(selection)) {
|
|
38939
39117
|
const node = getSelectedNode(selection);
|
|
@@ -38983,7 +39161,7 @@ function FloatingLinkEditor({
|
|
|
38983
39161
|
}
|
|
38984
39162
|
return true;
|
|
38985
39163
|
}, [anchorElem, editor]);
|
|
38986
|
-
(0,
|
|
39164
|
+
(0, import_react154.useEffect)(() => {
|
|
38987
39165
|
const scrollerElem = anchorElem.parentElement;
|
|
38988
39166
|
const update = () => {
|
|
38989
39167
|
editor.getEditorState().read(() => {
|
|
@@ -39001,7 +39179,7 @@ function FloatingLinkEditor({
|
|
|
39001
39179
|
}
|
|
39002
39180
|
};
|
|
39003
39181
|
}, [anchorElem.parentElement, editor, updateLinkEditor]);
|
|
39004
|
-
(0,
|
|
39182
|
+
(0, import_react154.useEffect)(() => {
|
|
39005
39183
|
return (0, import_utils.mergeRegister)(
|
|
39006
39184
|
editor.registerUpdateListener(({ editorState }) => {
|
|
39007
39185
|
editorState.read(() => {
|
|
@@ -39029,52 +39207,52 @@ function FloatingLinkEditor({
|
|
|
39029
39207
|
)
|
|
39030
39208
|
);
|
|
39031
39209
|
}, [editor, updateLinkEditor, setIsLink, isLink]);
|
|
39032
|
-
(0,
|
|
39210
|
+
(0, import_react154.useEffect)(() => {
|
|
39033
39211
|
editor.getEditorState().read(() => {
|
|
39034
39212
|
updateLinkEditor();
|
|
39035
39213
|
});
|
|
39036
39214
|
}, [editor, updateLinkEditor]);
|
|
39037
|
-
(0,
|
|
39215
|
+
(0, import_react154.useEffect)(() => {
|
|
39038
39216
|
if (isEditMode && inputRef.current) {
|
|
39039
39217
|
inputRef.current.focus();
|
|
39040
39218
|
}
|
|
39041
39219
|
}, [isEditMode]);
|
|
39042
|
-
return /* @__PURE__ */ (0,
|
|
39220
|
+
return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39043
39221
|
ref: editorRef,
|
|
39044
39222
|
className: "c-rte-link-editor",
|
|
39045
39223
|
"data-testid": "rich-text-link-editor",
|
|
39046
|
-
children: isEditMode ? /* @__PURE__ */ (0,
|
|
39224
|
+
children: isEditMode ? /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", {
|
|
39047
39225
|
children: [
|
|
39048
|
-
/* @__PURE__ */ (0,
|
|
39226
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39049
39227
|
className: "c-rte-link-editor-input-group",
|
|
39050
|
-
children: /* @__PURE__ */ (0,
|
|
39228
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(InputWithLabel, {
|
|
39051
39229
|
label: tr("linkEditorLink"),
|
|
39052
39230
|
type: "text",
|
|
39053
39231
|
value: linkUrl,
|
|
39054
39232
|
onChange: (e) => setLinkUrl(e.target.value)
|
|
39055
39233
|
})
|
|
39056
39234
|
}),
|
|
39057
|
-
/* @__PURE__ */ (0,
|
|
39235
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39058
39236
|
className: "c-rte-link-editor-input-group",
|
|
39059
|
-
children: /* @__PURE__ */ (0,
|
|
39237
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(InputWithLabel, {
|
|
39060
39238
|
label: tr("linkEditorRel"),
|
|
39061
39239
|
type: "text",
|
|
39062
39240
|
value: rel ?? "",
|
|
39063
39241
|
onChange: (e) => setRel(e.target.value)
|
|
39064
39242
|
})
|
|
39065
39243
|
}),
|
|
39066
|
-
/* @__PURE__ */ (0,
|
|
39244
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39067
39245
|
className: "c-rte-link-editor-input-group",
|
|
39068
|
-
children: /* @__PURE__ */ (0,
|
|
39246
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(InputWithLabel, {
|
|
39069
39247
|
label: tr("linkEditorTarget"),
|
|
39070
39248
|
type: "text",
|
|
39071
39249
|
value: target ?? "",
|
|
39072
39250
|
onChange: (e) => setTarget(e.target.value)
|
|
39073
39251
|
})
|
|
39074
39252
|
}),
|
|
39075
|
-
/* @__PURE__ */ (0,
|
|
39253
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39076
39254
|
className: "c-rte-link-editor-button-wrap",
|
|
39077
|
-
children: /* @__PURE__ */ (0,
|
|
39255
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Button, {
|
|
39078
39256
|
"data-testid": "link-editor-save-button",
|
|
39079
39257
|
onClick: () => {
|
|
39080
39258
|
if (lastSelection !== null) {
|
|
@@ -39092,28 +39270,28 @@ function FloatingLinkEditor({
|
|
|
39092
39270
|
})
|
|
39093
39271
|
})
|
|
39094
39272
|
]
|
|
39095
|
-
}) : /* @__PURE__ */ (0,
|
|
39273
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)(import_jsx_runtime171.Fragment, {
|
|
39096
39274
|
children: [
|
|
39097
|
-
/* @__PURE__ */ (0,
|
|
39275
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", {
|
|
39098
39276
|
className: "c-rte-link-editor-link-input",
|
|
39099
39277
|
children: [
|
|
39100
|
-
/* @__PURE__ */ (0,
|
|
39278
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", {
|
|
39101
39279
|
className: "c-rte-link-editor-link-preview",
|
|
39102
39280
|
children: [
|
|
39103
|
-
/* @__PURE__ */ (0,
|
|
39281
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("a", {
|
|
39104
39282
|
href: linkUrl,
|
|
39105
39283
|
target: "_blank",
|
|
39106
39284
|
rel: "noopener noreferrer",
|
|
39107
39285
|
children: linkUrl
|
|
39108
39286
|
}),
|
|
39109
|
-
rel || target ? /* @__PURE__ */ (0,
|
|
39287
|
+
rel || target ? /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("div", {
|
|
39110
39288
|
className: "c-rte-link-editor-preview-attrs",
|
|
39111
39289
|
children: [
|
|
39112
|
-
rel && /* @__PURE__ */ (0,
|
|
39290
|
+
rel && /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39113
39291
|
className: "c-rte-link-editor-preview-attr",
|
|
39114
39292
|
children: rel
|
|
39115
39293
|
}),
|
|
39116
|
-
target && /* @__PURE__ */ (0,
|
|
39294
|
+
target && /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39117
39295
|
className: "c-rte-link-editor-preview-attr",
|
|
39118
39296
|
children: target
|
|
39119
39297
|
})
|
|
@@ -39121,21 +39299,21 @@ function FloatingLinkEditor({
|
|
|
39121
39299
|
}) : null
|
|
39122
39300
|
]
|
|
39123
39301
|
}),
|
|
39124
|
-
/* @__PURE__ */ (0,
|
|
39125
|
-
children: /* @__PURE__ */ (0,
|
|
39302
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39303
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(IconButton, {
|
|
39126
39304
|
size: "sm",
|
|
39127
39305
|
tabIndex: 0,
|
|
39128
39306
|
onMouseDown: (event) => event.preventDefault(),
|
|
39129
39307
|
onClick: () => setEditMode(true),
|
|
39130
39308
|
"aria-label": tr("linkEditorEdit"),
|
|
39131
39309
|
"data-testid": "link-editor-edit",
|
|
39132
|
-
children: /* @__PURE__ */ (0,
|
|
39310
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(Icon.Edit, {})
|
|
39133
39311
|
})
|
|
39134
39312
|
})
|
|
39135
39313
|
]
|
|
39136
39314
|
}),
|
|
39137
|
-
/* @__PURE__ */ (0,
|
|
39138
|
-
children: /* @__PURE__ */ (0,
|
|
39315
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("div", {
|
|
39316
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime171.jsx)(LinkPreview, {
|
|
39139
39317
|
url: linkUrl
|
|
39140
39318
|
})
|
|
39141
39319
|
})
|
|
@@ -39144,9 +39322,9 @@ function FloatingLinkEditor({
|
|
|
39144
39322
|
});
|
|
39145
39323
|
}
|
|
39146
39324
|
function useFloatingLinkEditorToolbar(editor, anchorElem) {
|
|
39147
|
-
const [activeEditor, setActiveEditor] = (0,
|
|
39148
|
-
const [isLink, setIsLink] = (0,
|
|
39149
|
-
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)(() => {
|
|
39150
39328
|
const selection = (0, import_lexical8.$getSelection)();
|
|
39151
39329
|
if ((0, import_lexical8.$isRangeSelection)(selection)) {
|
|
39152
39330
|
const node = getSelectedNode(selection);
|
|
@@ -39159,7 +39337,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
|
|
|
39159
39337
|
}
|
|
39160
39338
|
}
|
|
39161
39339
|
}, []);
|
|
39162
|
-
(0,
|
|
39340
|
+
(0, import_react154.useEffect)(() => {
|
|
39163
39341
|
return editor.registerCommand(
|
|
39164
39342
|
import_lexical8.SELECTION_CHANGE_COMMAND,
|
|
39165
39343
|
(_payload, newEditor) => {
|
|
@@ -39170,7 +39348,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
|
|
|
39170
39348
|
import_lexical8.COMMAND_PRIORITY_CRITICAL
|
|
39171
39349
|
);
|
|
39172
39350
|
}, [editor, updateToolbar]);
|
|
39173
|
-
(0,
|
|
39351
|
+
(0, import_react154.useEffect)(() => {
|
|
39174
39352
|
if (!isLink) {
|
|
39175
39353
|
return;
|
|
39176
39354
|
}
|
|
@@ -39184,7 +39362,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
|
|
|
39184
39362
|
return () => document.removeEventListener("click", onClick);
|
|
39185
39363
|
}, [isLink, activeEditor]);
|
|
39186
39364
|
return isLink ? (0, import_react_dom3.createPortal)(
|
|
39187
|
-
/* @__PURE__ */ (0,
|
|
39365
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)(FloatingLinkEditor, {
|
|
39188
39366
|
editor: activeEditor,
|
|
39189
39367
|
isLink,
|
|
39190
39368
|
anchorElem,
|
|
@@ -39199,11 +39377,11 @@ function FloatingLinkEditorPlugin({
|
|
|
39199
39377
|
const [editor] = (0, import_LexicalComposerContext4.useLexicalComposerContext)();
|
|
39200
39378
|
return useFloatingLinkEditorToolbar(editor, anchorElem);
|
|
39201
39379
|
}
|
|
39202
|
-
var
|
|
39380
|
+
var import_react154, import_lexical8, import_react_dom3, import_link4, import_LexicalComposerContext4, import_utils, import_jsx_runtime171;
|
|
39203
39381
|
var init_FloatingLinkEditorPlugin = __esm({
|
|
39204
39382
|
"src/rich-text-editor/plugins/FloatingLinkEditorPlugin/index.tsx"() {
|
|
39205
39383
|
"use strict";
|
|
39206
|
-
|
|
39384
|
+
import_react154 = require("react");
|
|
39207
39385
|
import_lexical8 = require("lexical");
|
|
39208
39386
|
import_react_dom3 = require("react-dom");
|
|
39209
39387
|
import_link4 = require("@lexical/link");
|
|
@@ -39218,7 +39396,7 @@ var init_FloatingLinkEditorPlugin = __esm({
|
|
|
39218
39396
|
init_getSelectedNode();
|
|
39219
39397
|
init_setFloatingElemPosition();
|
|
39220
39398
|
init_url();
|
|
39221
|
-
|
|
39399
|
+
import_jsx_runtime171 = require("react/jsx-runtime");
|
|
39222
39400
|
}
|
|
39223
39401
|
});
|
|
39224
39402
|
|
|
@@ -39284,16 +39462,16 @@ function TextFormatFloatingToolbar({
|
|
|
39284
39462
|
isSubscript,
|
|
39285
39463
|
isSuperscript
|
|
39286
39464
|
}) {
|
|
39287
|
-
const popupCharStylesEditorRef = (0,
|
|
39465
|
+
const popupCharStylesEditorRef = (0, import_react155.useRef)(null);
|
|
39288
39466
|
const tr = useTr();
|
|
39289
|
-
const insertLink = (0,
|
|
39467
|
+
const insertLink = (0, import_react155.useCallback)(() => {
|
|
39290
39468
|
if (!isLink) {
|
|
39291
39469
|
editor.dispatchCommand(import_link5.TOGGLE_LINK_COMMAND, "https://");
|
|
39292
39470
|
} else {
|
|
39293
39471
|
editor.dispatchCommand(import_link5.TOGGLE_LINK_COMMAND, null);
|
|
39294
39472
|
}
|
|
39295
39473
|
}, [editor, isLink]);
|
|
39296
|
-
const updateTextFormatFloatingToolbar = (0,
|
|
39474
|
+
const updateTextFormatFloatingToolbar = (0, import_react155.useCallback)(() => {
|
|
39297
39475
|
const selection = (0, import_lexical9.$getSelection)();
|
|
39298
39476
|
const popupCharStylesEditorElem = popupCharStylesEditorRef.current;
|
|
39299
39477
|
const nativeSelection = window.getSelection();
|
|
@@ -39306,7 +39484,7 @@ function TextFormatFloatingToolbar({
|
|
|
39306
39484
|
setFloatingElemPosition(rangeRect, popupCharStylesEditorElem, anchorElem);
|
|
39307
39485
|
}
|
|
39308
39486
|
}, [editor, anchorElem]);
|
|
39309
|
-
(0,
|
|
39487
|
+
(0, import_react155.useEffect)(() => {
|
|
39310
39488
|
const scrollerElem = anchorElem.parentElement;
|
|
39311
39489
|
const update = () => {
|
|
39312
39490
|
editor.getEditorState().read(() => {
|
|
@@ -39324,7 +39502,7 @@ function TextFormatFloatingToolbar({
|
|
|
39324
39502
|
}
|
|
39325
39503
|
};
|
|
39326
39504
|
}, [editor, updateTextFormatFloatingToolbar, anchorElem]);
|
|
39327
|
-
(0,
|
|
39505
|
+
(0, import_react155.useEffect)(() => {
|
|
39328
39506
|
editor.getEditorState().read(() => {
|
|
39329
39507
|
updateTextFormatFloatingToolbar();
|
|
39330
39508
|
});
|
|
@@ -39345,93 +39523,93 @@ function TextFormatFloatingToolbar({
|
|
|
39345
39523
|
);
|
|
39346
39524
|
}, [editor, updateTextFormatFloatingToolbar]);
|
|
39347
39525
|
if (!editor.isEditable()) {
|
|
39348
|
-
return /* @__PURE__ */ (0,
|
|
39526
|
+
return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("span", {});
|
|
39349
39527
|
}
|
|
39350
|
-
return /* @__PURE__ */ (0,
|
|
39528
|
+
return /* @__PURE__ */ (0, import_jsx_runtime172.jsxs)("div", {
|
|
39351
39529
|
ref: popupCharStylesEditorRef,
|
|
39352
39530
|
className: "c-rte-floating-text-format-tb-plugin",
|
|
39353
39531
|
children: [
|
|
39354
|
-
/* @__PURE__ */ (0,
|
|
39532
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39355
39533
|
onClick: () => {
|
|
39356
39534
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "bold");
|
|
39357
39535
|
},
|
|
39358
39536
|
style: { padding: 0, overflow: "hidden" },
|
|
39359
39537
|
title: tr(IS_APPLE ? "actionFormatAsStrongTitleApple" : "actionFormatAsStrongTitle"),
|
|
39360
39538
|
"aria-label": tr("actionFormatAsStrongLabel"),
|
|
39361
|
-
children: /* @__PURE__ */ (0,
|
|
39539
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39362
39540
|
className: `c-rte-icon-bold c-rte-floating-text-format-tb-plugin__format-icon ${isBold ? "selected" : ""}`
|
|
39363
39541
|
})
|
|
39364
39542
|
}),
|
|
39365
|
-
/* @__PURE__ */ (0,
|
|
39543
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39366
39544
|
style: { padding: 0, overflow: "hidden" },
|
|
39367
39545
|
onClick: () => {
|
|
39368
39546
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "italic");
|
|
39369
39547
|
},
|
|
39370
39548
|
title: tr("actionFormatAsEmphasizedTitle"),
|
|
39371
39549
|
"aria-label": tr("actionFormatAsEmphasizedLabel"),
|
|
39372
|
-
children: /* @__PURE__ */ (0,
|
|
39550
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39373
39551
|
className: `c-rte-icon-italic c-rte-floating-text-format-tb-plugin__format-icon ${isItalic ? "selected" : ""}`
|
|
39374
39552
|
})
|
|
39375
39553
|
}),
|
|
39376
|
-
/* @__PURE__ */ (0,
|
|
39554
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39377
39555
|
style: { padding: 0, overflow: "hidden" },
|
|
39378
39556
|
onClick: () => {
|
|
39379
39557
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "underline");
|
|
39380
39558
|
},
|
|
39381
39559
|
title: tr("actionFormatAsUnderlinedTitle"),
|
|
39382
39560
|
"aria-label": tr("actionFormatAsUnderlinedLabel"),
|
|
39383
|
-
children: /* @__PURE__ */ (0,
|
|
39561
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39384
39562
|
className: `c-rte-icon-underline c-rte-floating-text-format-tb-plugin__format-icon ${isUnderline ? "selected" : ""}`
|
|
39385
39563
|
})
|
|
39386
39564
|
}),
|
|
39387
|
-
/* @__PURE__ */ (0,
|
|
39565
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39388
39566
|
style: { padding: 0, overflow: "hidden" },
|
|
39389
39567
|
onClick: () => {
|
|
39390
39568
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "code");
|
|
39391
39569
|
},
|
|
39392
39570
|
"aria-label": tr("actionInsertCodeBlock"),
|
|
39393
|
-
children: /* @__PURE__ */ (0,
|
|
39571
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39394
39572
|
className: `c-rte-icon-code c-rte-floating-text-format-tb-plugin__format-icon ${isCode ? "selected" : ""}`
|
|
39395
39573
|
})
|
|
39396
39574
|
}),
|
|
39397
|
-
/* @__PURE__ */ (0,
|
|
39575
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39398
39576
|
style: { padding: 0, overflow: "hidden" },
|
|
39399
39577
|
onClick: insertLink,
|
|
39400
39578
|
"aria-label": tr("actionInsertlink"),
|
|
39401
|
-
children: /* @__PURE__ */ (0,
|
|
39579
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39402
39580
|
className: `c-rte-icon-link c-rte-floating-text-format-tb-plugin__format-icon ${isLink ? "selected" : ""}`
|
|
39403
39581
|
})
|
|
39404
39582
|
}),
|
|
39405
|
-
/* @__PURE__ */ (0,
|
|
39583
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39406
39584
|
style: { padding: 0, overflow: "hidden" },
|
|
39407
39585
|
onClick: () => {
|
|
39408
39586
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "strikethrough");
|
|
39409
39587
|
},
|
|
39410
39588
|
title: tr("actionFormatWithStrikethroughTitle"),
|
|
39411
39589
|
"aria-label": tr("actionFormatWithStrikethroughLabel"),
|
|
39412
|
-
children: /* @__PURE__ */ (0,
|
|
39590
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39413
39591
|
className: `c-rte-icon-strikethrough c-rte-floating-text-format-tb-plugin__format-icon ${isStrikethrough ? "selected" : ""}`
|
|
39414
39592
|
})
|
|
39415
39593
|
}),
|
|
39416
|
-
/* @__PURE__ */ (0,
|
|
39594
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39417
39595
|
style: { padding: 0, overflow: "hidden" },
|
|
39418
39596
|
onClick: () => {
|
|
39419
39597
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "subscript");
|
|
39420
39598
|
},
|
|
39421
39599
|
title: tr("actionFormatWithSubscriptTitle"),
|
|
39422
39600
|
"aria-label": tr("actionFormatWithSubscriptLabel"),
|
|
39423
|
-
children: /* @__PURE__ */ (0,
|
|
39601
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39424
39602
|
className: `c-rte-icon-subscript c-rte-floating-text-format-tb-plugin__format-icon ${isSubscript ? "selected" : ""}`
|
|
39425
39603
|
})
|
|
39426
39604
|
}),
|
|
39427
|
-
/* @__PURE__ */ (0,
|
|
39605
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(IconButton, {
|
|
39428
39606
|
style: { padding: 0, overflow: "hidden" },
|
|
39429
39607
|
onClick: () => {
|
|
39430
39608
|
editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "superscript");
|
|
39431
39609
|
},
|
|
39432
39610
|
title: tr("actionFormatWithSuperscriptTitle"),
|
|
39433
39611
|
"aria-label": tr("actionFormatWithSuperscriptLabel"),
|
|
39434
|
-
children: /* @__PURE__ */ (0,
|
|
39612
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime172.jsx)("i", {
|
|
39435
39613
|
className: `c-rte-icon-superscript c-rte-floating-text-format-tb-plugin__format-icon ${isSuperscript ? "selected" : ""}`
|
|
39436
39614
|
})
|
|
39437
39615
|
})
|
|
@@ -39439,16 +39617,16 @@ function TextFormatFloatingToolbar({
|
|
|
39439
39617
|
});
|
|
39440
39618
|
}
|
|
39441
39619
|
function useFloatingTextFormatToolbar(editor, anchorElem) {
|
|
39442
|
-
const [isText, setIsText] = (0,
|
|
39443
|
-
const [isLink, setIsLink] = (0,
|
|
39444
|
-
const [isBold, setIsBold] = (0,
|
|
39445
|
-
const [isItalic, setIsItalic] = (0,
|
|
39446
|
-
const [isUnderline, setIsUnderline] = (0,
|
|
39447
|
-
const [isStrikethrough, setIsStrikethrough] = (0,
|
|
39448
|
-
const [isSubscript, setIsSubscript] = (0,
|
|
39449
|
-
const [isSuperscript, setIsSuperscript] = (0,
|
|
39450
|
-
const [isCode, setIsCode] = (0,
|
|
39451
|
-
const updatePopup = (0,
|
|
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)(() => {
|
|
39452
39630
|
editor.getEditorState().read(() => {
|
|
39453
39631
|
if (editor.isComposing()) {
|
|
39454
39632
|
return;
|
|
@@ -39484,13 +39662,13 @@ function useFloatingTextFormatToolbar(editor, anchorElem) {
|
|
|
39484
39662
|
}
|
|
39485
39663
|
});
|
|
39486
39664
|
}, [editor]);
|
|
39487
|
-
(0,
|
|
39665
|
+
(0, import_react155.useEffect)(() => {
|
|
39488
39666
|
document.addEventListener("selectionchange", updatePopup);
|
|
39489
39667
|
return () => {
|
|
39490
39668
|
document.removeEventListener("selectionchange", updatePopup);
|
|
39491
39669
|
};
|
|
39492
39670
|
}, [updatePopup]);
|
|
39493
|
-
(0,
|
|
39671
|
+
(0, import_react155.useEffect)(() => {
|
|
39494
39672
|
return (0, import_utils2.mergeRegister)(
|
|
39495
39673
|
editor.registerUpdateListener(() => {
|
|
39496
39674
|
updatePopup();
|
|
@@ -39506,7 +39684,7 @@ function useFloatingTextFormatToolbar(editor, anchorElem) {
|
|
|
39506
39684
|
return null;
|
|
39507
39685
|
}
|
|
39508
39686
|
return (0, import_react_dom4.createPortal)(
|
|
39509
|
-
/* @__PURE__ */ (0,
|
|
39687
|
+
/* @__PURE__ */ (0, import_jsx_runtime172.jsx)(TextFormatFloatingToolbar, {
|
|
39510
39688
|
editor,
|
|
39511
39689
|
anchorElem,
|
|
39512
39690
|
isLink,
|
|
@@ -39527,12 +39705,12 @@ function FloatingTextFormatToolbarPlugin({
|
|
|
39527
39705
|
const [editor] = (0, import_LexicalComposerContext5.useLexicalComposerContext)();
|
|
39528
39706
|
return useFloatingTextFormatToolbar(editor, anchorElem);
|
|
39529
39707
|
}
|
|
39530
|
-
var
|
|
39708
|
+
var import_react155, React5, import_lexical9, import_react_dom4, import_code8, import_link5, import_LexicalComposerContext5, import_utils2, import_jsx_runtime172;
|
|
39531
39709
|
var init_FloatingTextFormatToolbarPlugin = __esm({
|
|
39532
39710
|
"src/rich-text-editor/plugins/FloatingTextFormatToolbarPlugin/index.tsx"() {
|
|
39533
39711
|
"use strict";
|
|
39534
39712
|
init_13();
|
|
39535
|
-
|
|
39713
|
+
import_react155 = require("react");
|
|
39536
39714
|
React5 = require("react");
|
|
39537
39715
|
import_lexical9 = require("lexical");
|
|
39538
39716
|
import_react_dom4 = require("react-dom");
|
|
@@ -39546,24 +39724,24 @@ var init_FloatingTextFormatToolbarPlugin = __esm({
|
|
|
39546
39724
|
init_getDOMRangeRect();
|
|
39547
39725
|
init_getSelectedNode();
|
|
39548
39726
|
init_setFloatingElemPosition();
|
|
39549
|
-
|
|
39727
|
+
import_jsx_runtime172 = require("react/jsx-runtime");
|
|
39550
39728
|
}
|
|
39551
39729
|
});
|
|
39552
39730
|
|
|
39553
39731
|
// src/rich-text-editor/plugins/LinkPlugin/index.tsx
|
|
39554
39732
|
function LinkPlugin() {
|
|
39555
|
-
return /* @__PURE__ */ (0,
|
|
39733
|
+
return /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(import_LexicalLinkPlugin.LinkPlugin, {
|
|
39556
39734
|
validateUrl
|
|
39557
39735
|
});
|
|
39558
39736
|
}
|
|
39559
|
-
var React6, import_LexicalLinkPlugin,
|
|
39737
|
+
var React6, import_LexicalLinkPlugin, import_jsx_runtime173;
|
|
39560
39738
|
var init_LinkPlugin = __esm({
|
|
39561
39739
|
"src/rich-text-editor/plugins/LinkPlugin/index.tsx"() {
|
|
39562
39740
|
"use strict";
|
|
39563
39741
|
React6 = require("react");
|
|
39564
39742
|
import_LexicalLinkPlugin = require("@lexical/react/LexicalLinkPlugin");
|
|
39565
39743
|
init_url();
|
|
39566
|
-
|
|
39744
|
+
import_jsx_runtime173 = require("react/jsx-runtime");
|
|
39567
39745
|
}
|
|
39568
39746
|
});
|
|
39569
39747
|
|
|
@@ -39597,7 +39775,7 @@ function isIndentPermitted(maxDepth) {
|
|
|
39597
39775
|
}
|
|
39598
39776
|
function ListMaxIndentLevelPlugin({ maxDepth }) {
|
|
39599
39777
|
const [editor] = (0, import_LexicalComposerContext6.useLexicalComposerContext)();
|
|
39600
|
-
(0,
|
|
39778
|
+
(0, import_react156.useEffect)(() => {
|
|
39601
39779
|
return editor.registerCommand(
|
|
39602
39780
|
import_lexical10.INDENT_CONTENT_COMMAND,
|
|
39603
39781
|
() => !isIndentPermitted(maxDepth ?? 7),
|
|
@@ -39606,11 +39784,11 @@ function ListMaxIndentLevelPlugin({ maxDepth }) {
|
|
|
39606
39784
|
}, [editor, maxDepth]);
|
|
39607
39785
|
return null;
|
|
39608
39786
|
}
|
|
39609
|
-
var
|
|
39787
|
+
var import_react156, import_lexical10, import_list4, import_LexicalComposerContext6;
|
|
39610
39788
|
var init_ListMaxIndentLevelPlugin = __esm({
|
|
39611
39789
|
"src/rich-text-editor/plugins/ListMaxIndentLevelPlugin/index.ts"() {
|
|
39612
39790
|
"use strict";
|
|
39613
|
-
|
|
39791
|
+
import_react156 = require("react");
|
|
39614
39792
|
import_lexical10 = require("lexical");
|
|
39615
39793
|
import_list4 = require("@lexical/list");
|
|
39616
39794
|
import_LexicalComposerContext6 = require("@lexical/react/LexicalComposerContext");
|
|
@@ -39658,7 +39836,7 @@ var init_to_text = __esm({
|
|
|
39658
39836
|
// src/rich-text-editor/plugins/MaxLengthPlugin/index.tsx
|
|
39659
39837
|
function MaxLengthPlugin({ maxLength }) {
|
|
39660
39838
|
const [editor] = (0, import_LexicalComposerContext7.useLexicalComposerContext)();
|
|
39661
|
-
(0,
|
|
39839
|
+
(0, import_react157.useEffect)(() => {
|
|
39662
39840
|
let lastRestoredEditorState = null;
|
|
39663
39841
|
return editor.registerUpdateListener(({ editorState, prevEditorState }) => {
|
|
39664
39842
|
editor.update(() => {
|
|
@@ -39686,11 +39864,11 @@ function MaxLengthPlugin({ maxLength }) {
|
|
|
39686
39864
|
}, [editor, maxLength]);
|
|
39687
39865
|
return null;
|
|
39688
39866
|
}
|
|
39689
|
-
var
|
|
39867
|
+
var import_react157, import_lexical11, import_LexicalComposerContext7, import_selection3, import_utils3;
|
|
39690
39868
|
var init_MaxLengthPlugin = __esm({
|
|
39691
39869
|
"src/rich-text-editor/plugins/MaxLengthPlugin/index.tsx"() {
|
|
39692
39870
|
"use strict";
|
|
39693
|
-
|
|
39871
|
+
import_react157 = require("react");
|
|
39694
39872
|
import_lexical11 = require("lexical");
|
|
39695
39873
|
import_LexicalComposerContext7 = require("@lexical/react/LexicalComposerContext");
|
|
39696
39874
|
import_selection3 = require("@lexical/selection");
|
|
@@ -39714,7 +39892,7 @@ function registerKeyTimeStampTracker() {
|
|
|
39714
39892
|
}
|
|
39715
39893
|
function TabFocusPlugin() {
|
|
39716
39894
|
const [editor] = (0, import_LexicalComposerContext8.useLexicalComposerContext)();
|
|
39717
|
-
(0,
|
|
39895
|
+
(0, import_react158.useEffect)(() => {
|
|
39718
39896
|
if (!hasRegisteredKeyDownListener) {
|
|
39719
39897
|
registerKeyTimeStampTracker();
|
|
39720
39898
|
hasRegisteredKeyDownListener = true;
|
|
@@ -39735,11 +39913,11 @@ function TabFocusPlugin() {
|
|
|
39735
39913
|
}, [editor]);
|
|
39736
39914
|
return null;
|
|
39737
39915
|
}
|
|
39738
|
-
var
|
|
39916
|
+
var import_react158, import_lexical12, import_LexicalComposerContext8, COMMAND_PRIORITY_LOW3, TAB_TO_FOCUS_INTERVAL, lastTabKeyDownTimestamp, hasRegisteredKeyDownListener;
|
|
39739
39917
|
var init_TabFocusPlugin = __esm({
|
|
39740
39918
|
"src/rich-text-editor/plugins/TabFocusPlugin/index.tsx"() {
|
|
39741
39919
|
"use strict";
|
|
39742
|
-
|
|
39920
|
+
import_react158 = require("react");
|
|
39743
39921
|
import_lexical12 = require("lexical");
|
|
39744
39922
|
import_LexicalComposerContext8 = require("@lexical/react/LexicalComposerContext");
|
|
39745
39923
|
COMMAND_PRIORITY_LOW3 = 1;
|
|
@@ -39752,13 +39930,13 @@ var init_TabFocusPlugin = __esm({
|
|
|
39752
39930
|
// src/rich-text-editor/plugins/TableActionMenuPlugin/index.tsx
|
|
39753
39931
|
function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
39754
39932
|
const [editor] = (0, import_LexicalComposerContext9.useLexicalComposerContext)();
|
|
39755
|
-
const [tableCellNode, updateTableCellNode] = (0,
|
|
39756
|
-
const [selectionCounts, updateSelectionCounts] = (0,
|
|
39933
|
+
const [tableCellNode, updateTableCellNode] = (0, import_react159.useState)(_tableCellNode);
|
|
39934
|
+
const [selectionCounts, updateSelectionCounts] = (0, import_react159.useState)({
|
|
39757
39935
|
columns: 1,
|
|
39758
39936
|
rows: 1
|
|
39759
39937
|
});
|
|
39760
39938
|
const tr = useTr();
|
|
39761
|
-
(0,
|
|
39939
|
+
(0, import_react159.useEffect)(() => {
|
|
39762
39940
|
return editor.registerMutationListener(import_table4.TableCellNode, (nodeMutations) => {
|
|
39763
39941
|
const nodeUpdated = nodeMutations.get(tableCellNode.getKey()) === "updated";
|
|
39764
39942
|
if (nodeUpdated) {
|
|
@@ -39768,7 +39946,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39768
39946
|
}
|
|
39769
39947
|
});
|
|
39770
39948
|
}, [editor, tableCellNode]);
|
|
39771
|
-
(0,
|
|
39949
|
+
(0, import_react159.useEffect)(() => {
|
|
39772
39950
|
editor.getEditorState().read(() => {
|
|
39773
39951
|
const selection = (0, import_lexical13.$getSelection)();
|
|
39774
39952
|
if ((0, import_table4.$isTableSelection)(selection)) {
|
|
@@ -39780,7 +39958,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39780
39958
|
}
|
|
39781
39959
|
});
|
|
39782
39960
|
}, [editor]);
|
|
39783
|
-
const clearTableSelection = (0,
|
|
39961
|
+
const clearTableSelection = (0, import_react159.useCallback)(() => {
|
|
39784
39962
|
editor.update(() => {
|
|
39785
39963
|
if (tableCellNode.isAttached()) {
|
|
39786
39964
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
@@ -39799,7 +39977,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39799
39977
|
rootNode.selectStart();
|
|
39800
39978
|
});
|
|
39801
39979
|
}, [editor, tableCellNode]);
|
|
39802
|
-
const insertTableRowAtSelection = (0,
|
|
39980
|
+
const insertTableRowAtSelection = (0, import_react159.useCallback)(
|
|
39803
39981
|
(shouldInsertAfter) => {
|
|
39804
39982
|
editor.update(() => {
|
|
39805
39983
|
const selection = (0, import_lexical13.$getSelection)();
|
|
@@ -39818,7 +39996,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39818
39996
|
},
|
|
39819
39997
|
[editor, tableCellNode, selectionCounts.rows, clearTableSelection]
|
|
39820
39998
|
);
|
|
39821
|
-
const insertTableColumnAtSelection = (0,
|
|
39999
|
+
const insertTableColumnAtSelection = (0, import_react159.useCallback)(
|
|
39822
40000
|
(shouldInsertAfter) => {
|
|
39823
40001
|
editor.update(() => {
|
|
39824
40002
|
const selection = (0, import_lexical13.$getSelection)();
|
|
@@ -39837,7 +40015,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39837
40015
|
},
|
|
39838
40016
|
[editor, tableCellNode, selectionCounts.columns, clearTableSelection]
|
|
39839
40017
|
);
|
|
39840
|
-
const deleteTableRowAtSelection = (0,
|
|
40018
|
+
const deleteTableRowAtSelection = (0, import_react159.useCallback)(() => {
|
|
39841
40019
|
editor.update(() => {
|
|
39842
40020
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39843
40021
|
const tableRowIndex = (0, import_table4.$getTableRowIndexFromTableCellNode)(tableCellNode);
|
|
@@ -39845,14 +40023,14 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39845
40023
|
clearTableSelection();
|
|
39846
40024
|
});
|
|
39847
40025
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39848
|
-
const deleteTableAtSelection = (0,
|
|
40026
|
+
const deleteTableAtSelection = (0, import_react159.useCallback)(() => {
|
|
39849
40027
|
editor.update(() => {
|
|
39850
40028
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39851
40029
|
tableNode.remove();
|
|
39852
40030
|
clearTableSelection();
|
|
39853
40031
|
});
|
|
39854
40032
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39855
|
-
const deleteTableColumnAtSelection = (0,
|
|
40033
|
+
const deleteTableColumnAtSelection = (0, import_react159.useCallback)(() => {
|
|
39856
40034
|
editor.update(() => {
|
|
39857
40035
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39858
40036
|
const tableColumnIndex = (0, import_table4.$getTableColumnIndexFromTableCellNode)(tableCellNode);
|
|
@@ -39860,7 +40038,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39860
40038
|
clearTableSelection();
|
|
39861
40039
|
});
|
|
39862
40040
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39863
|
-
const toggleTableRowIsHeader = (0,
|
|
40041
|
+
const toggleTableRowIsHeader = (0, import_react159.useCallback)(() => {
|
|
39864
40042
|
editor.update(() => {
|
|
39865
40043
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39866
40044
|
const tableRowIndex = (0, import_table4.$getTableRowIndexFromTableCellNode)(tableCellNode);
|
|
@@ -39881,7 +40059,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39881
40059
|
clearTableSelection();
|
|
39882
40060
|
});
|
|
39883
40061
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39884
|
-
const toggleTableColumnIsHeader = (0,
|
|
40062
|
+
const toggleTableColumnIsHeader = (0, import_react159.useCallback)(() => {
|
|
39885
40063
|
editor.update(() => {
|
|
39886
40064
|
const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
|
|
39887
40065
|
const tableColumnIndex = (0, import_table4.$getTableColumnIndexFromTableCellNode)(tableCellNode);
|
|
@@ -39904,46 +40082,46 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39904
40082
|
clearTableSelection();
|
|
39905
40083
|
});
|
|
39906
40084
|
}, [editor, tableCellNode, clearTableSelection]);
|
|
39907
|
-
return /* @__PURE__ */ (0,
|
|
40085
|
+
return /* @__PURE__ */ (0, import_jsx_runtime174.jsxs)(import_jsx_runtime174.Fragment, {
|
|
39908
40086
|
children: [
|
|
39909
|
-
/* @__PURE__ */ (0,
|
|
40087
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39910
40088
|
onSelect: () => insertTableRowAtSelection(false),
|
|
39911
40089
|
children: tr("actionTableInsertRowsAbove", selectionCounts.rows)
|
|
39912
40090
|
}),
|
|
39913
|
-
/* @__PURE__ */ (0,
|
|
40091
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39914
40092
|
onSelect: () => insertTableRowAtSelection(true),
|
|
39915
40093
|
children: tr("actionTableInsertRowsBelow", selectionCounts.rows)
|
|
39916
40094
|
}),
|
|
39917
|
-
/* @__PURE__ */ (0,
|
|
40095
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39918
40096
|
onSelect: () => insertTableColumnAtSelection(false),
|
|
39919
40097
|
children: tr("actionTableInsertColumnsBefore", selectionCounts.columns)
|
|
39920
40098
|
}),
|
|
39921
|
-
/* @__PURE__ */ (0,
|
|
40099
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39922
40100
|
onSelect: () => insertTableColumnAtSelection(true),
|
|
39923
40101
|
children: tr("actionTableInsertColumnsAfter", selectionCounts.columns)
|
|
39924
40102
|
}),
|
|
39925
|
-
/* @__PURE__ */ (0,
|
|
40103
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39926
40104
|
onSelect: () => toggleTableRowIsHeader(),
|
|
39927
40105
|
children: tr(
|
|
39928
40106
|
(tableCellNode.__headerState & import_table4.TableCellHeaderStates.ROW) === import_table4.TableCellHeaderStates.ROW ? "actionTableRemoveRowHeader" : "actionTableAddRowHeader"
|
|
39929
40107
|
)
|
|
39930
40108
|
}),
|
|
39931
|
-
/* @__PURE__ */ (0,
|
|
40109
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39932
40110
|
onSelect: () => toggleTableColumnIsHeader(),
|
|
39933
40111
|
children: tr(
|
|
39934
40112
|
(tableCellNode.__headerState & import_table4.TableCellHeaderStates.COLUMN) === import_table4.TableCellHeaderStates.COLUMN ? "actionTableRemoveColumnHeader" : "actionTableAddColumnHeader"
|
|
39935
40113
|
)
|
|
39936
40114
|
}),
|
|
39937
|
-
/* @__PURE__ */ (0,
|
|
39938
|
-
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, {
|
|
39939
40117
|
onSelect: () => deleteTableColumnAtSelection(),
|
|
39940
40118
|
children: tr("actionTableDeleteColumn")
|
|
39941
40119
|
}),
|
|
39942
|
-
tableStats.rows > 1 && /* @__PURE__ */ (0,
|
|
40120
|
+
tableStats.rows > 1 && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39943
40121
|
onSelect: () => deleteTableRowAtSelection(),
|
|
39944
40122
|
children: tr("actionTableDeleteRow")
|
|
39945
40123
|
}),
|
|
39946
|
-
/* @__PURE__ */ (0,
|
|
40124
|
+
/* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Item, {
|
|
39947
40125
|
onSelect: () => deleteTableAtSelection(),
|
|
39948
40126
|
children: tr("actionTableDeleteTable")
|
|
39949
40127
|
})
|
|
@@ -39953,11 +40131,11 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
|
|
|
39953
40131
|
function TableCellActionMenuContainer({ anchorElem }) {
|
|
39954
40132
|
const [editor] = (0, import_LexicalComposerContext9.useLexicalComposerContext)();
|
|
39955
40133
|
const tr = useTr();
|
|
39956
|
-
const menuButtonRef = (0,
|
|
39957
|
-
const [isMenuOpen, setIsMenuOpen] = (0,
|
|
39958
|
-
const [tableCellNode, setTableMenuCellNode] = (0,
|
|
39959
|
-
const [tableStats, setTablestats] = (0,
|
|
39960
|
-
const moveMenu = (0,
|
|
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)(() => {
|
|
39961
40139
|
if (isMenuOpen) {
|
|
39962
40140
|
return;
|
|
39963
40141
|
}
|
|
@@ -40000,14 +40178,14 @@ function TableCellActionMenuContainer({ anchorElem }) {
|
|
|
40000
40178
|
setTableMenuCellNode(null);
|
|
40001
40179
|
}
|
|
40002
40180
|
}, [editor, isMenuOpen]);
|
|
40003
|
-
(0,
|
|
40181
|
+
(0, import_react159.useEffect)(() => {
|
|
40004
40182
|
return editor.registerUpdateListener(() => {
|
|
40005
40183
|
editor.getEditorState().read(() => {
|
|
40006
40184
|
moveMenu();
|
|
40007
40185
|
});
|
|
40008
40186
|
});
|
|
40009
40187
|
});
|
|
40010
|
-
(0,
|
|
40188
|
+
(0, import_react159.useEffect)(() => {
|
|
40011
40189
|
const menuButtonDOM = menuButtonRef.current;
|
|
40012
40190
|
if (menuButtonDOM != null && tableCellNode != null) {
|
|
40013
40191
|
const tableCellNodeDOM = editor.getElementByKey(tableCellNode.getKey());
|
|
@@ -40025,19 +40203,19 @@ function TableCellActionMenuContainer({ anchorElem }) {
|
|
|
40025
40203
|
}
|
|
40026
40204
|
}
|
|
40027
40205
|
}, [menuButtonRef, tableCellNode, editor, anchorElem]);
|
|
40028
|
-
return /* @__PURE__ */ (0,
|
|
40206
|
+
return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)("div", {
|
|
40029
40207
|
className: "c-rte-table-cell-action-button-container",
|
|
40030
40208
|
ref: menuButtonRef,
|
|
40031
|
-
children: tableCellNode != null && /* @__PURE__ */ (0,
|
|
40209
|
+
children: tableCellNode != null && /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(DropdownMenu.Root, {
|
|
40032
40210
|
onOpenChange: (isOpen) => setIsMenuOpen(isOpen),
|
|
40033
|
-
content: /* @__PURE__ */ (0,
|
|
40211
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(TableActionMenu, {
|
|
40034
40212
|
tableCellNode,
|
|
40035
40213
|
tableStats
|
|
40036
40214
|
}),
|
|
40037
|
-
children: /* @__PURE__ */ (0,
|
|
40215
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(IconButton, {
|
|
40038
40216
|
size: "xs",
|
|
40039
40217
|
"aria-label": tr("actionTableOpenOptions"),
|
|
40040
|
-
children: /* @__PURE__ */ (0,
|
|
40218
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(Icon.Arrow, {})
|
|
40041
40219
|
})
|
|
40042
40220
|
})
|
|
40043
40221
|
});
|
|
@@ -40046,15 +40224,15 @@ function TableActionMenuPlugin({
|
|
|
40046
40224
|
anchorElem = document.body
|
|
40047
40225
|
}) {
|
|
40048
40226
|
const isEditable = (0, import_useLexicalEditable.default)();
|
|
40049
|
-
return (0, import_react_dom5.createPortal)(isEditable ? /* @__PURE__ */ (0,
|
|
40227
|
+
return (0, import_react_dom5.createPortal)(isEditable ? /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(TableCellActionMenuContainer, {
|
|
40050
40228
|
anchorElem
|
|
40051
40229
|
}) : null, anchorElem);
|
|
40052
40230
|
}
|
|
40053
|
-
var
|
|
40231
|
+
var import_react159, import_lexical13, import_react_dom5, import_LexicalComposerContext9, import_useLexicalEditable, import_table4, import_jsx_runtime174;
|
|
40054
40232
|
var init_TableActionMenuPlugin = __esm({
|
|
40055
40233
|
"src/rich-text-editor/plugins/TableActionMenuPlugin/index.tsx"() {
|
|
40056
40234
|
"use strict";
|
|
40057
|
-
|
|
40235
|
+
import_react159 = require("react");
|
|
40058
40236
|
import_lexical13 = require("lexical");
|
|
40059
40237
|
import_react_dom5 = require("react-dom");
|
|
40060
40238
|
import_LexicalComposerContext9 = require("@lexical/react/LexicalComposerContext");
|
|
@@ -40064,7 +40242,7 @@ var init_TableActionMenuPlugin = __esm({
|
|
|
40064
40242
|
init_icon_button2();
|
|
40065
40243
|
init_iconography();
|
|
40066
40244
|
init_i18n();
|
|
40067
|
-
|
|
40245
|
+
import_jsx_runtime174 = require("react/jsx-runtime");
|
|
40068
40246
|
}
|
|
40069
40247
|
});
|
|
40070
40248
|
|
|
@@ -40080,19 +40258,19 @@ async function copyJson(editor) {
|
|
|
40080
40258
|
function ActionsPlugin({ append, prepend, disabled }) {
|
|
40081
40259
|
const [editor] = (0, import_LexicalComposerContext10.useLexicalComposerContext)();
|
|
40082
40260
|
const tr = useTr();
|
|
40083
|
-
return /* @__PURE__ */ (0,
|
|
40261
|
+
return /* @__PURE__ */ (0, import_jsx_runtime175.jsxs)(ActionMenu, {
|
|
40084
40262
|
children: [
|
|
40085
|
-
!prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ (0,
|
|
40263
|
+
!prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ActionMenu.Item, {
|
|
40086
40264
|
onSelect: actionItem.action,
|
|
40087
40265
|
className: actionItem.type === "danger" ? "danger" : "",
|
|
40088
40266
|
disabled: actionItem.disabled,
|
|
40089
40267
|
children: actionItem.title
|
|
40090
40268
|
}, actionItem.title)),
|
|
40091
|
-
/* @__PURE__ */ (0,
|
|
40269
|
+
/* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ActionMenu.Item, {
|
|
40092
40270
|
onSelect: () => copyJson(editor),
|
|
40093
40271
|
children: tr("actionCopyJSON")
|
|
40094
40272
|
}),
|
|
40095
|
-
/* @__PURE__ */ (0,
|
|
40273
|
+
/* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ActionMenu.Item, {
|
|
40096
40274
|
disabled,
|
|
40097
40275
|
className: "danger",
|
|
40098
40276
|
onSelect: () => {
|
|
@@ -40101,7 +40279,7 @@ function ActionsPlugin({ append, prepend, disabled }) {
|
|
|
40101
40279
|
},
|
|
40102
40280
|
children: tr("actionClear")
|
|
40103
40281
|
}),
|
|
40104
|
-
!append ? null : append.map((actionItem) => /* @__PURE__ */ (0,
|
|
40282
|
+
!append ? null : append.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(ActionMenu.Item, {
|
|
40105
40283
|
onSelect: actionItem.action,
|
|
40106
40284
|
className: actionItem.type === "danger" ? "danger" : "",
|
|
40107
40285
|
disabled: actionItem.disabled,
|
|
@@ -40110,7 +40288,7 @@ function ActionsPlugin({ append, prepend, disabled }) {
|
|
|
40110
40288
|
]
|
|
40111
40289
|
});
|
|
40112
40290
|
}
|
|
40113
|
-
var import_lexical14, import_LexicalComposerContext10,
|
|
40291
|
+
var import_lexical14, import_LexicalComposerContext10, import_jsx_runtime175;
|
|
40114
40292
|
var init_ActionsPlugin = __esm({
|
|
40115
40293
|
"src/rich-text-editor/plugins/ActionsPlugin/index.tsx"() {
|
|
40116
40294
|
"use strict";
|
|
@@ -40119,14 +40297,14 @@ var init_ActionsPlugin = __esm({
|
|
|
40119
40297
|
init_action_menu2();
|
|
40120
40298
|
init_i18n();
|
|
40121
40299
|
init_lexical_to_crystallize();
|
|
40122
|
-
|
|
40300
|
+
import_jsx_runtime175 = require("react/jsx-runtime");
|
|
40123
40301
|
}
|
|
40124
40302
|
});
|
|
40125
40303
|
|
|
40126
40304
|
// src/rich-text-editor/plugins/ToolbarPlugin/insert-table.tsx
|
|
40127
40305
|
function InsertTableDialog({ activeEditor }) {
|
|
40128
|
-
const [rows, setRows] = (0,
|
|
40129
|
-
const [columns, setColumns] = (0,
|
|
40306
|
+
const [rows, setRows] = (0, import_react160.useState)("5");
|
|
40307
|
+
const [columns, setColumns] = (0, import_react160.useState)("5");
|
|
40130
40308
|
const tr = useTr();
|
|
40131
40309
|
const onClick = () => {
|
|
40132
40310
|
if (parseInt(rows) < 1 || parseInt(columns) < 1) {
|
|
@@ -40141,13 +40319,13 @@ function InsertTableDialog({ activeEditor }) {
|
|
|
40141
40319
|
}
|
|
40142
40320
|
});
|
|
40143
40321
|
};
|
|
40144
|
-
return /* @__PURE__ */ (0,
|
|
40322
|
+
return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", {
|
|
40145
40323
|
className: "c-rte-insert-table",
|
|
40146
40324
|
children: [
|
|
40147
|
-
/* @__PURE__ */ (0,
|
|
40325
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", {
|
|
40148
40326
|
className: "c-rte-insert-table__dimensions",
|
|
40149
40327
|
children: [
|
|
40150
|
-
/* @__PURE__ */ (0,
|
|
40328
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsx)(InputWithLabel, {
|
|
40151
40329
|
label: tr("insertTableRows"),
|
|
40152
40330
|
value: rows,
|
|
40153
40331
|
placeholder: "0",
|
|
@@ -40155,10 +40333,10 @@ function InsertTableDialog({ activeEditor }) {
|
|
|
40155
40333
|
inputMode: "numeric",
|
|
40156
40334
|
onChange: (e) => setRows(e.target.value)
|
|
40157
40335
|
}),
|
|
40158
|
-
/* @__PURE__ */ (0,
|
|
40336
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsx)("span", {
|
|
40159
40337
|
className: "c-rte-insert-table__dimensions__separator"
|
|
40160
40338
|
}),
|
|
40161
|
-
/* @__PURE__ */ (0,
|
|
40339
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsx)(InputWithLabel, {
|
|
40162
40340
|
type: "text",
|
|
40163
40341
|
label: tr("insertTableColumns"),
|
|
40164
40342
|
placeholder: "0",
|
|
@@ -40168,9 +40346,9 @@ function InsertTableDialog({ activeEditor }) {
|
|
|
40168
40346
|
})
|
|
40169
40347
|
]
|
|
40170
40348
|
}),
|
|
40171
|
-
/* @__PURE__ */ (0,
|
|
40349
|
+
/* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", {
|
|
40172
40350
|
className: "c-rte-insert-table__actions",
|
|
40173
|
-
children: /* @__PURE__ */ (0,
|
|
40351
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime176.jsx)(Button, {
|
|
40174
40352
|
as: Dialog.Close,
|
|
40175
40353
|
size: "sm",
|
|
40176
40354
|
intent: "action",
|
|
@@ -40182,17 +40360,17 @@ function InsertTableDialog({ activeEditor }) {
|
|
|
40182
40360
|
]
|
|
40183
40361
|
});
|
|
40184
40362
|
}
|
|
40185
|
-
var
|
|
40363
|
+
var import_react160, import_table5, import_jsx_runtime176;
|
|
40186
40364
|
var init_insert_table = __esm({
|
|
40187
40365
|
"src/rich-text-editor/plugins/ToolbarPlugin/insert-table.tsx"() {
|
|
40188
40366
|
"use strict";
|
|
40189
|
-
|
|
40367
|
+
import_react160 = require("react");
|
|
40190
40368
|
import_table5 = require("@lexical/table");
|
|
40191
40369
|
init_button2();
|
|
40192
40370
|
init_dialog2();
|
|
40193
40371
|
init_input_with_label2();
|
|
40194
40372
|
init_i18n();
|
|
40195
|
-
|
|
40373
|
+
import_jsx_runtime176 = require("react/jsx-runtime");
|
|
40196
40374
|
}
|
|
40197
40375
|
});
|
|
40198
40376
|
|
|
@@ -40281,80 +40459,80 @@ function BlockFormatDropDown({
|
|
|
40281
40459
|
});
|
|
40282
40460
|
}
|
|
40283
40461
|
};
|
|
40284
|
-
return /* @__PURE__ */ (0,
|
|
40462
|
+
return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Root, {
|
|
40285
40463
|
disabled,
|
|
40286
40464
|
style: { zIndex: 1 },
|
|
40287
|
-
content: /* @__PURE__ */ (0,
|
|
40465
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, {
|
|
40288
40466
|
children: [
|
|
40289
|
-
/* @__PURE__ */ (0,
|
|
40467
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40290
40468
|
onClick: formatParagraph,
|
|
40291
40469
|
children: [
|
|
40292
|
-
/* @__PURE__ */ (0,
|
|
40470
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40293
40471
|
className: `c-rte-icon-paragraph c-rte-toolbar__block-format__icon ${blockType === "paragraph" ? "selected" : ""}`
|
|
40294
40472
|
}),
|
|
40295
|
-
/* @__PURE__ */ (0,
|
|
40473
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40296
40474
|
className: `c-rte-toolbar__block-format__text ${blockType === "paragraph" ? "selected" : ""}`,
|
|
40297
40475
|
children: "Normal"
|
|
40298
40476
|
})
|
|
40299
40477
|
]
|
|
40300
40478
|
}),
|
|
40301
|
-
headings.map((headingSize) => /* @__PURE__ */ (0,
|
|
40479
|
+
headings.map((headingSize) => /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40302
40480
|
onClick: () => formatHeading(headingSize),
|
|
40303
40481
|
children: [
|
|
40304
|
-
/* @__PURE__ */ (0,
|
|
40482
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40305
40483
|
className: `c-rte-icon-${headingSize} c-rte-toolbar__block-format__icon ${blockType === headingSize ? "selected" : ""}`
|
|
40306
40484
|
}),
|
|
40307
|
-
/* @__PURE__ */ (0,
|
|
40485
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40308
40486
|
className: `c-rte-toolbar__block-format__text ${blockType === headingSize ? "selected" : ""}`,
|
|
40309
40487
|
children: headingTypeToBlockName[headingSize]
|
|
40310
40488
|
})
|
|
40311
40489
|
]
|
|
40312
40490
|
}, headingSize)),
|
|
40313
|
-
/* @__PURE__ */ (0,
|
|
40491
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40314
40492
|
onClick: formatBulletList,
|
|
40315
40493
|
children: [
|
|
40316
|
-
/* @__PURE__ */ (0,
|
|
40494
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40317
40495
|
className: `c-rte-icon-bullet-list c-rte-toolbar__block-format__icon ${blockType === "bullet" ? "selected" : ""}`
|
|
40318
40496
|
}),
|
|
40319
|
-
/* @__PURE__ */ (0,
|
|
40497
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40320
40498
|
className: `c-rte-toolbar__block-format__text ${blockType === "bullet" ? "selected" : ""}`,
|
|
40321
40499
|
children: "Bullet List"
|
|
40322
40500
|
})
|
|
40323
40501
|
]
|
|
40324
40502
|
}),
|
|
40325
|
-
/* @__PURE__ */ (0,
|
|
40503
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40326
40504
|
onClick: formatNumberedList,
|
|
40327
40505
|
children: [
|
|
40328
|
-
/* @__PURE__ */ (0,
|
|
40506
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40329
40507
|
className: `c-rte-icon-numbered-list c-rte-toolbar__block-format__icon ${blockType === "number" ? "selected" : ""}`
|
|
40330
40508
|
}),
|
|
40331
|
-
/* @__PURE__ */ (0,
|
|
40509
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40332
40510
|
className: `c-rte-toolbar__block-format__text ${blockType === "number" ? "selected" : ""}`,
|
|
40333
40511
|
children: "Numbered List"
|
|
40334
40512
|
})
|
|
40335
40513
|
]
|
|
40336
40514
|
}),
|
|
40337
|
-
/* @__PURE__ */ (0,
|
|
40515
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40338
40516
|
onClick: formatQuote,
|
|
40339
40517
|
"data-testid": "toggle-block-format-quote",
|
|
40340
40518
|
children: [
|
|
40341
|
-
/* @__PURE__ */ (0,
|
|
40519
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40342
40520
|
className: `c-rte-icon-quote c-rte-toolbar__block-format__icon ${blockType === "quote" ? "selected" : ""}`
|
|
40343
40521
|
}),
|
|
40344
|
-
/* @__PURE__ */ (0,
|
|
40522
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40345
40523
|
className: `c-rte-toolbar__block-format__text ${blockType === "quote" ? "selected" : ""}`,
|
|
40346
40524
|
children: "Quote"
|
|
40347
40525
|
})
|
|
40348
40526
|
]
|
|
40349
40527
|
}),
|
|
40350
|
-
/* @__PURE__ */ (0,
|
|
40528
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40351
40529
|
onClick: formatCode,
|
|
40352
40530
|
"data-testid": "toggle-block-format-code",
|
|
40353
40531
|
children: [
|
|
40354
|
-
/* @__PURE__ */ (0,
|
|
40532
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40355
40533
|
className: `icon c-rte-icon-code c-rte-toolbar__block-format__icon ${blockType === "code" ? "selected" : ""}`
|
|
40356
40534
|
}),
|
|
40357
|
-
/* @__PURE__ */ (0,
|
|
40535
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40358
40536
|
className: `c-rte-toolbar__block-format__text ${blockType === "code" ? "selected" : ""}`,
|
|
40359
40537
|
children: "Code block"
|
|
40360
40538
|
})
|
|
@@ -40362,21 +40540,21 @@ function BlockFormatDropDown({
|
|
|
40362
40540
|
})
|
|
40363
40541
|
]
|
|
40364
40542
|
}),
|
|
40365
|
-
children: /* @__PURE__ */ (0,
|
|
40543
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(Button, {
|
|
40366
40544
|
style: { backgroundColor: "transparent", padding: "0 8px" },
|
|
40367
40545
|
"aria-label": "Formatting options for text style",
|
|
40368
40546
|
"data-testid": "toggle-block-format",
|
|
40369
40547
|
children: [
|
|
40370
|
-
/* @__PURE__ */ (0,
|
|
40548
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40371
40549
|
className: `c-rte-toolbar__toggle-icon c-rte-icon-${blockType}`
|
|
40372
40550
|
}),
|
|
40373
|
-
/* @__PURE__ */ (0,
|
|
40551
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon.Arrow, {})
|
|
40374
40552
|
]
|
|
40375
40553
|
})
|
|
40376
40554
|
});
|
|
40377
40555
|
}
|
|
40378
40556
|
function Divider() {
|
|
40379
|
-
return /* @__PURE__ */ (0,
|
|
40557
|
+
return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", {
|
|
40380
40558
|
className: "c-rte-toolbar__divider"
|
|
40381
40559
|
});
|
|
40382
40560
|
}
|
|
@@ -40386,23 +40564,23 @@ function ToolbarPlugin({
|
|
|
40386
40564
|
disabled
|
|
40387
40565
|
}) {
|
|
40388
40566
|
const [editor] = (0, import_LexicalComposerContext11.useLexicalComposerContext)();
|
|
40389
|
-
const [activeEditor, setActiveEditor] = (0,
|
|
40390
|
-
const [blockType, setBlockType] = (0,
|
|
40391
|
-
const [selectedElementKey, setSelectedElementKey] = (0,
|
|
40392
|
-
const [isLink, setIsLink] = (0,
|
|
40393
|
-
const [isBold, setIsBold] = (0,
|
|
40394
|
-
const [isItalic, setIsItalic] = (0,
|
|
40395
|
-
const [isUnderline, setIsUnderline] = (0,
|
|
40396
|
-
const [isStrikethrough, setIsStrikethrough] = (0,
|
|
40397
|
-
const [isSubscript, setIsSubscript] = (0,
|
|
40398
|
-
const [isSuperscript, setIsSuperscript] = (0,
|
|
40399
|
-
const [isCode, setIsCode] = (0,
|
|
40400
|
-
const [canUndo, setCanUndo] = (0,
|
|
40401
|
-
const [canRedo, setCanRedo] = (0,
|
|
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);
|
|
40402
40580
|
const tr = useTr();
|
|
40403
|
-
const [codeLanguage, setCodeLanguage] = (0,
|
|
40404
|
-
const [isEditable, setIsEditable] = (0,
|
|
40405
|
-
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)(() => {
|
|
40406
40584
|
const selection = (0, import_lexical15.$getSelection)();
|
|
40407
40585
|
if ((0, import_lexical15.$isRangeSelection)(selection)) {
|
|
40408
40586
|
const anchorNode = selection.anchor.getNode();
|
|
@@ -40449,7 +40627,7 @@ function ToolbarPlugin({
|
|
|
40449
40627
|
}
|
|
40450
40628
|
}
|
|
40451
40629
|
}, [activeEditor]);
|
|
40452
|
-
(0,
|
|
40630
|
+
(0, import_react161.useEffect)(() => {
|
|
40453
40631
|
return editor.registerCommand(
|
|
40454
40632
|
import_lexical15.SELECTION_CHANGE_COMMAND,
|
|
40455
40633
|
(_payload, newEditor) => {
|
|
@@ -40460,7 +40638,7 @@ function ToolbarPlugin({
|
|
|
40460
40638
|
import_lexical15.COMMAND_PRIORITY_CRITICAL
|
|
40461
40639
|
);
|
|
40462
40640
|
}, [editor, updateToolbar]);
|
|
40463
|
-
(0,
|
|
40641
|
+
(0, import_react161.useEffect)(() => {
|
|
40464
40642
|
return (0, import_utils4.mergeRegister)(
|
|
40465
40643
|
editor.registerEditableListener((editable) => {
|
|
40466
40644
|
setIsEditable(editable);
|
|
@@ -40488,7 +40666,7 @@ function ToolbarPlugin({
|
|
|
40488
40666
|
)
|
|
40489
40667
|
);
|
|
40490
40668
|
}, [activeEditor, editor, updateToolbar]);
|
|
40491
|
-
const clearFormatting = (0,
|
|
40669
|
+
const clearFormatting = (0, import_react161.useCallback)(() => {
|
|
40492
40670
|
activeEditor.update(() => {
|
|
40493
40671
|
const selection = (0, import_lexical15.$getSelection)();
|
|
40494
40672
|
if ((0, import_lexical15.$isRangeSelection)(selection)) {
|
|
@@ -40506,14 +40684,14 @@ function ToolbarPlugin({
|
|
|
40506
40684
|
}
|
|
40507
40685
|
});
|
|
40508
40686
|
}, [activeEditor]);
|
|
40509
|
-
const insertLink = (0,
|
|
40687
|
+
const insertLink = (0, import_react161.useCallback)(() => {
|
|
40510
40688
|
if (!isLink) {
|
|
40511
40689
|
editor.dispatchCommand(import_link6.TOGGLE_LINK_COMMAND, sanitizeUrl("https://"));
|
|
40512
40690
|
} else {
|
|
40513
40691
|
editor.dispatchCommand(import_link6.TOGGLE_LINK_COMMAND, null);
|
|
40514
40692
|
}
|
|
40515
40693
|
}, [editor, isLink]);
|
|
40516
|
-
const onCodeLanguageSelect = (0,
|
|
40694
|
+
const onCodeLanguageSelect = (0, import_react161.useCallback)(
|
|
40517
40695
|
(value) => {
|
|
40518
40696
|
activeEditor.update(() => {
|
|
40519
40697
|
if (selectedElementKey !== null) {
|
|
@@ -40526,13 +40704,13 @@ function ToolbarPlugin({
|
|
|
40526
40704
|
},
|
|
40527
40705
|
[activeEditor, selectedElementKey]
|
|
40528
40706
|
);
|
|
40529
|
-
return /* @__PURE__ */ (0,
|
|
40707
|
+
return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", {
|
|
40530
40708
|
className: "c-rte-toolbar",
|
|
40531
40709
|
children: [
|
|
40532
|
-
/* @__PURE__ */ (0,
|
|
40710
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", {
|
|
40533
40711
|
className: "c-rte-toolbar__inner",
|
|
40534
40712
|
children: [
|
|
40535
|
-
/* @__PURE__ */ (0,
|
|
40713
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40536
40714
|
disabled: !canUndo || !isEditable,
|
|
40537
40715
|
onClick: () => {
|
|
40538
40716
|
activeEditor.dispatchCommand(import_lexical15.UNDO_COMMAND, void 0);
|
|
@@ -40541,12 +40719,12 @@ function ToolbarPlugin({
|
|
|
40541
40719
|
title: tr(IS_APPLE ? "actionUndoTitleApple" : "actionUndoTitle"),
|
|
40542
40720
|
"aria-label": tr("actionUndoLabel"),
|
|
40543
40721
|
"data-testid": "rich-text-undo-button",
|
|
40544
|
-
children: /* @__PURE__ */ (0,
|
|
40722
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40545
40723
|
className: `c-rte-icon-undo c-rte-toolbar__icon ${!canUndo ? "disabled" : ""}
|
|
40546
40724
|
`
|
|
40547
40725
|
})
|
|
40548
40726
|
}),
|
|
40549
|
-
/* @__PURE__ */ (0,
|
|
40727
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40550
40728
|
disabled: !canRedo || !isEditable,
|
|
40551
40729
|
onClick: () => {
|
|
40552
40730
|
activeEditor.dispatchCommand(import_lexical15.REDO_COMMAND, void 0);
|
|
@@ -40554,51 +40732,51 @@ function ToolbarPlugin({
|
|
|
40554
40732
|
type: "button",
|
|
40555
40733
|
title: tr(IS_APPLE ? "actionRedoTitleApple" : "actionRedoTitle"),
|
|
40556
40734
|
"aria-label": tr("actionRedoLabel"),
|
|
40557
|
-
children: /* @__PURE__ */ (0,
|
|
40735
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40558
40736
|
className: `c-rte-icon-redo c-rte-toolbar__icon ${!canRedo ? "disabled" : ""}`
|
|
40559
40737
|
})
|
|
40560
40738
|
}),
|
|
40561
|
-
/* @__PURE__ */ (0,
|
|
40562
|
-
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, {
|
|
40563
40741
|
children: [
|
|
40564
|
-
/* @__PURE__ */ (0,
|
|
40742
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(BlockFormatDropDown, {
|
|
40565
40743
|
disabled: !isEditable,
|
|
40566
40744
|
blockType,
|
|
40567
40745
|
editor
|
|
40568
40746
|
}),
|
|
40569
|
-
/* @__PURE__ */ (0,
|
|
40747
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Divider, {})
|
|
40570
40748
|
]
|
|
40571
40749
|
}),
|
|
40572
|
-
blockType === "code" ? /* @__PURE__ */ (0,
|
|
40573
|
-
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, {
|
|
40574
40752
|
disabled: !isEditable,
|
|
40575
40753
|
style: { zIndex: 1 },
|
|
40576
|
-
content: /* @__PURE__ */ (0,
|
|
40754
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(import_jsx_runtime177.Fragment, {
|
|
40577
40755
|
children: CODE_LANGUAGE_OPTIONS.map(([value, name]) => {
|
|
40578
|
-
return /* @__PURE__ */ (0,
|
|
40756
|
+
return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Item, {
|
|
40579
40757
|
className: `item ${dropDownActiveClass(value === codeLanguage)}`,
|
|
40580
40758
|
onClick: () => onCodeLanguageSelect(value),
|
|
40581
|
-
children: /* @__PURE__ */ (0,
|
|
40759
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40582
40760
|
className: `c-rte-toolbar__code-lang__sel-item ${dropDownActiveClass(value === codeLanguage) ? "selected" : ""}`,
|
|
40583
40761
|
children: name
|
|
40584
40762
|
})
|
|
40585
40763
|
}, value);
|
|
40586
40764
|
})
|
|
40587
40765
|
}),
|
|
40588
|
-
children: /* @__PURE__ */ (0,
|
|
40766
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Button, {
|
|
40589
40767
|
"aria-label": tr("codeSelectLanguage"),
|
|
40590
|
-
append: /* @__PURE__ */ (0,
|
|
40591
|
-
children: /* @__PURE__ */ (0,
|
|
40768
|
+
append: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon.Arrow, {}),
|
|
40769
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40592
40770
|
className: "c-rte-toolbar__code-lang__button-text",
|
|
40593
40771
|
children: (0, import_code9.getLanguageFriendlyName)(codeLanguage)
|
|
40594
40772
|
})
|
|
40595
40773
|
})
|
|
40596
40774
|
})
|
|
40597
|
-
}) : /* @__PURE__ */ (0,
|
|
40598
|
-
children: /* @__PURE__ */ (0,
|
|
40775
|
+
}) : /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Dialog, {
|
|
40776
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", {
|
|
40599
40777
|
className: "c-rte-toolbar__actions-rest",
|
|
40600
40778
|
children: [
|
|
40601
|
-
/* @__PURE__ */ (0,
|
|
40779
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40602
40780
|
disabled: !isEditable,
|
|
40603
40781
|
className: `c-rte-toolbar__icon-btn ${isBold ? "selected" : ""}`,
|
|
40604
40782
|
type: "button",
|
|
@@ -40608,11 +40786,11 @@ function ToolbarPlugin({
|
|
|
40608
40786
|
onClick: () => {
|
|
40609
40787
|
activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "bold");
|
|
40610
40788
|
},
|
|
40611
|
-
children: /* @__PURE__ */ (0,
|
|
40789
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40612
40790
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-bold`
|
|
40613
40791
|
})
|
|
40614
40792
|
}),
|
|
40615
|
-
/* @__PURE__ */ (0,
|
|
40793
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40616
40794
|
className: `c-rte-toolbar__icon-btn ${isItalic ? "selected" : ""}`,
|
|
40617
40795
|
disabled: !isEditable,
|
|
40618
40796
|
onClick: () => {
|
|
@@ -40622,11 +40800,11 @@ function ToolbarPlugin({
|
|
|
40622
40800
|
title: tr(IS_APPLE ? "actionFormatAsEmphasizedTitleApple" : "actionFormatAsEmphasizedTitle"),
|
|
40623
40801
|
"aria-label": tr("actionFormatAsEmphasizedLabel"),
|
|
40624
40802
|
"data-testid": "toggle-format-emphasized",
|
|
40625
|
-
children: /* @__PURE__ */ (0,
|
|
40803
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40626
40804
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-italic`
|
|
40627
40805
|
})
|
|
40628
40806
|
}),
|
|
40629
|
-
/* @__PURE__ */ (0,
|
|
40807
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40630
40808
|
className: `c-rte-toolbar__icon-btn ${isUnderline ? "selected" : ""}`,
|
|
40631
40809
|
disabled: !isEditable,
|
|
40632
40810
|
onClick: () => {
|
|
@@ -40636,11 +40814,11 @@ function ToolbarPlugin({
|
|
|
40636
40814
|
title: tr(IS_APPLE ? "actionFormatAsUnderlinedTitleApple" : "actionFormatAsUnderlinedTitle"),
|
|
40637
40815
|
"aria-label": tr("actionFormatAsUnderlinedLabel"),
|
|
40638
40816
|
"data-testid": "toggle-format-underlined",
|
|
40639
|
-
children: /* @__PURE__ */ (0,
|
|
40817
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40640
40818
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-underline`
|
|
40641
40819
|
})
|
|
40642
40820
|
}),
|
|
40643
|
-
/* @__PURE__ */ (0,
|
|
40821
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40644
40822
|
className: `c-rte-toolbar__icon-btn ${isCode ? "selected" : ""}`,
|
|
40645
40823
|
disabled: !isEditable,
|
|
40646
40824
|
onClick: () => {
|
|
@@ -40650,82 +40828,82 @@ function ToolbarPlugin({
|
|
|
40650
40828
|
title: tr("actionInsertCodeBlock"),
|
|
40651
40829
|
"aria-label": tr("actionInsertCodeBlock"),
|
|
40652
40830
|
"data-testid": "toggle-format-code",
|
|
40653
|
-
children: /* @__PURE__ */ (0,
|
|
40831
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40654
40832
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-code`
|
|
40655
40833
|
})
|
|
40656
40834
|
}),
|
|
40657
|
-
/* @__PURE__ */ (0,
|
|
40835
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40658
40836
|
className: `c-rte-toolbar__icon-btn ${isLink ? "selected" : ""}`,
|
|
40659
40837
|
disabled: !isEditable,
|
|
40660
40838
|
onClick: insertLink,
|
|
40661
40839
|
type: "button",
|
|
40662
40840
|
"aria-label": tr("actionInsertlink"),
|
|
40663
40841
|
title: tr("actionInsertlink"),
|
|
40664
|
-
children: /* @__PURE__ */ (0,
|
|
40842
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40665
40843
|
className: `c-rte-toolbar__icon-btn__icon c-rte-icon-link`
|
|
40666
40844
|
})
|
|
40667
40845
|
}),
|
|
40668
|
-
/* @__PURE__ */ (0,
|
|
40846
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Root, {
|
|
40669
40847
|
disabled: !isEditable,
|
|
40670
40848
|
style: { zIndex: 1 },
|
|
40671
|
-
content: /* @__PURE__ */ (0,
|
|
40849
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, {
|
|
40672
40850
|
children: [
|
|
40673
|
-
/* @__PURE__ */ (0,
|
|
40851
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40674
40852
|
disabled: !isEditable,
|
|
40675
40853
|
onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "strikethrough"),
|
|
40676
40854
|
title: tr("actionFormatWithStrikethroughTitle"),
|
|
40677
40855
|
"aria-label": tr("actionFormatWithStrikethroughLabel"),
|
|
40678
40856
|
children: [
|
|
40679
|
-
/* @__PURE__ */ (0,
|
|
40857
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40680
40858
|
className: `c-rte-icon-strikethrough c-rte-toolbar__dd-item__icon ${isStrikethrough ? "selected" : ""}`
|
|
40681
40859
|
}),
|
|
40682
|
-
/* @__PURE__ */ (0,
|
|
40860
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40683
40861
|
className: `c-rte-toolbar__dd-item__text ${isStrikethrough ? "selected" : ""}`,
|
|
40684
40862
|
children: tr("actionFormatWithStrikethroughTitle")
|
|
40685
40863
|
})
|
|
40686
40864
|
]
|
|
40687
40865
|
}),
|
|
40688
|
-
/* @__PURE__ */ (0,
|
|
40866
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40689
40867
|
disabled: !isEditable,
|
|
40690
40868
|
onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "subscript"),
|
|
40691
40869
|
title: tr("actionFormatWithSubscriptTitle"),
|
|
40692
40870
|
"aria-label": tr("actionFormatWithSubscriptLabel"),
|
|
40693
40871
|
children: [
|
|
40694
|
-
/* @__PURE__ */ (0,
|
|
40872
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40695
40873
|
className: `c-rte-icon-subscript c-rte-toolbar__dd-item__icon ${isSubscript ? "selected" : ""}`
|
|
40696
40874
|
}),
|
|
40697
|
-
/* @__PURE__ */ (0,
|
|
40875
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40698
40876
|
className: `c-rte-toolbar__dd-item__text ${isSubscript ? "selected" : ""}`,
|
|
40699
40877
|
children: tr("actionFormatWithSubscriptTitle")
|
|
40700
40878
|
})
|
|
40701
40879
|
]
|
|
40702
40880
|
}),
|
|
40703
|
-
/* @__PURE__ */ (0,
|
|
40881
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40704
40882
|
disabled: !isEditable,
|
|
40705
40883
|
onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "superscript"),
|
|
40706
40884
|
title: tr("actionFormatWithSuperscriptTitle"),
|
|
40707
40885
|
"aria-label": tr("actionFormatWithSuperscriptLabel"),
|
|
40708
40886
|
children: [
|
|
40709
|
-
/* @__PURE__ */ (0,
|
|
40887
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40710
40888
|
className: `c-rte-icon-superscript c-rte-toolbar__dd-item__icon ${isSuperscript ? "selected" : ""}`
|
|
40711
40889
|
}),
|
|
40712
|
-
/* @__PURE__ */ (0,
|
|
40890
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40713
40891
|
className: `c-rte-toolbar__dd-item__text ${isSuperscript ? "selected" : ""}`,
|
|
40714
40892
|
children: tr("actionFormatWithSuperscriptTitle")
|
|
40715
40893
|
})
|
|
40716
40894
|
]
|
|
40717
40895
|
}),
|
|
40718
|
-
/* @__PURE__ */ (0,
|
|
40896
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40719
40897
|
disabled: !isEditable,
|
|
40720
40898
|
onClick: clearFormatting,
|
|
40721
40899
|
className: "item",
|
|
40722
40900
|
title: tr("actionClearTextFormatting"),
|
|
40723
40901
|
"aria-label": tr("actionClearTextFormatting"),
|
|
40724
40902
|
children: [
|
|
40725
|
-
/* @__PURE__ */ (0,
|
|
40903
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40726
40904
|
className: "c-rte-icon-clear c-rte-toolbar__dd-item__icon"
|
|
40727
40905
|
}),
|
|
40728
|
-
/* @__PURE__ */ (0,
|
|
40906
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40729
40907
|
className: "c-rte-toolbar__dd-item__text--clear",
|
|
40730
40908
|
children: tr("actionFormatClear")
|
|
40731
40909
|
})
|
|
@@ -40733,47 +40911,47 @@ function ToolbarPlugin({
|
|
|
40733
40911
|
})
|
|
40734
40912
|
]
|
|
40735
40913
|
}),
|
|
40736
|
-
children: /* @__PURE__ */ (0,
|
|
40914
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(Button, {
|
|
40737
40915
|
style: { backgroundColor: "transparent", padding: "0 8px" },
|
|
40738
40916
|
"aria-label": tr("actionTextFormattingOptions"),
|
|
40739
40917
|
children: [
|
|
40740
|
-
/* @__PURE__ */ (0,
|
|
40918
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40741
40919
|
className: `c-rte-icon-dropdown-more c-rte-toolbar__toggle-icon`
|
|
40742
40920
|
}),
|
|
40743
|
-
/* @__PURE__ */ (0,
|
|
40921
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Icon.Arrow, {})
|
|
40744
40922
|
]
|
|
40745
40923
|
})
|
|
40746
40924
|
}),
|
|
40747
|
-
/* @__PURE__ */ (0,
|
|
40748
|
-
/* @__PURE__ */ (0,
|
|
40925
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Divider, {}),
|
|
40926
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Root, {
|
|
40749
40927
|
style: { zIndex: 1 },
|
|
40750
40928
|
disabled: !isEditable,
|
|
40751
|
-
content: /* @__PURE__ */ (0,
|
|
40929
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(import_jsx_runtime177.Fragment, {
|
|
40752
40930
|
children: [
|
|
40753
|
-
/* @__PURE__ */ (0,
|
|
40931
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(DropdownMenu.Item, {
|
|
40754
40932
|
onClick: () => {
|
|
40755
40933
|
activeEditor.dispatchCommand(import_LexicalHorizontalRuleNode4.INSERT_HORIZONTAL_RULE_COMMAND, void 0);
|
|
40756
40934
|
},
|
|
40757
40935
|
children: [
|
|
40758
|
-
/* @__PURE__ */ (0,
|
|
40936
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40759
40937
|
className: "c-rte-toolbar__dd-item__icon c-rte-icon-horizontal-rule"
|
|
40760
40938
|
}),
|
|
40761
|
-
/* @__PURE__ */ (0,
|
|
40939
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40762
40940
|
className: "c-rte-toolbar__dd-item__text",
|
|
40763
40941
|
children: tr("horizontalRule")
|
|
40764
40942
|
})
|
|
40765
40943
|
]
|
|
40766
40944
|
}),
|
|
40767
|
-
/* @__PURE__ */ (0,
|
|
40768
|
-
children: /* @__PURE__ */ (0,
|
|
40945
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(DropdownMenu.Item, {
|
|
40946
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Dialog.Trigger, {
|
|
40769
40947
|
asChild: true,
|
|
40770
|
-
children: /* @__PURE__ */ (0,
|
|
40948
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", {
|
|
40771
40949
|
className: "c-rte-toolbar__dd-item--table",
|
|
40772
40950
|
children: [
|
|
40773
|
-
/* @__PURE__ */ (0,
|
|
40951
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40774
40952
|
className: "c-rte-toolbar__dd-item__icon c-rte-icon-table"
|
|
40775
40953
|
}),
|
|
40776
|
-
/* @__PURE__ */ (0,
|
|
40954
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)("span", {
|
|
40777
40955
|
className: "c-rte-toolbar__dd-item__text",
|
|
40778
40956
|
children: tr("table")
|
|
40779
40957
|
})
|
|
@@ -40783,21 +40961,21 @@ function ToolbarPlugin({
|
|
|
40783
40961
|
})
|
|
40784
40962
|
]
|
|
40785
40963
|
}),
|
|
40786
|
-
children: /* @__PURE__ */ (0,
|
|
40787
|
-
children: /* @__PURE__ */ (0,
|
|
40964
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(IconButton, {
|
|
40965
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("i", {
|
|
40788
40966
|
className: "c-rte-icon-plus c-rte-toolbar__plus"
|
|
40789
40967
|
})
|
|
40790
40968
|
})
|
|
40791
40969
|
}),
|
|
40792
|
-
/* @__PURE__ */ (0,
|
|
40970
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsxs)(Dialog.Content, {
|
|
40793
40971
|
children: [
|
|
40794
|
-
/* @__PURE__ */ (0,
|
|
40972
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Dialog.Title, {
|
|
40795
40973
|
children: tr("insertTableTitle")
|
|
40796
40974
|
}),
|
|
40797
|
-
/* @__PURE__ */ (0,
|
|
40975
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Dialog.Description, {
|
|
40798
40976
|
children: tr("insertTableDescription")
|
|
40799
40977
|
}),
|
|
40800
|
-
/* @__PURE__ */ (0,
|
|
40978
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(InsertTableDialog, {
|
|
40801
40979
|
activeEditor
|
|
40802
40980
|
})
|
|
40803
40981
|
]
|
|
@@ -40807,7 +40985,7 @@ function ToolbarPlugin({
|
|
|
40807
40985
|
})
|
|
40808
40986
|
]
|
|
40809
40987
|
}),
|
|
40810
|
-
/* @__PURE__ */ (0,
|
|
40988
|
+
/* @__PURE__ */ (0, import_jsx_runtime177.jsx)(ActionsPlugin, {
|
|
40811
40989
|
disabled,
|
|
40812
40990
|
prepend: actionsMenuPrepend,
|
|
40813
40991
|
append: actionsMenuAppend
|
|
@@ -40815,11 +40993,11 @@ function ToolbarPlugin({
|
|
|
40815
40993
|
]
|
|
40816
40994
|
});
|
|
40817
40995
|
}
|
|
40818
|
-
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;
|
|
40819
40997
|
var init_ToolbarPlugin = __esm({
|
|
40820
40998
|
"src/rich-text-editor/plugins/ToolbarPlugin/index.tsx"() {
|
|
40821
40999
|
"use strict";
|
|
40822
|
-
|
|
41000
|
+
import_react161 = require("react");
|
|
40823
41001
|
import_lexical15 = require("lexical");
|
|
40824
41002
|
import_code9 = require("@lexical/code");
|
|
40825
41003
|
import_link6 = require("@lexical/link");
|
|
@@ -40842,7 +41020,7 @@ var init_ToolbarPlugin = __esm({
|
|
|
40842
41020
|
init_url();
|
|
40843
41021
|
init_ActionsPlugin();
|
|
40844
41022
|
init_insert_table();
|
|
40845
|
-
|
|
41023
|
+
import_jsx_runtime177 = require("react/jsx-runtime");
|
|
40846
41024
|
headingTypeToBlockName = {
|
|
40847
41025
|
h1: "Heading 1",
|
|
40848
41026
|
h2: "Heading 2",
|
|
@@ -40992,7 +41170,7 @@ function RichTextEditor({
|
|
|
40992
41170
|
labelTranslations,
|
|
40993
41171
|
...rest
|
|
40994
41172
|
}) {
|
|
40995
|
-
return /* @__PURE__ */ (0,
|
|
41173
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalComposer.LexicalComposer, {
|
|
40996
41174
|
initialConfig: {
|
|
40997
41175
|
editable: !rest.disabled,
|
|
40998
41176
|
namespace: "crystallize-rich-text-editor",
|
|
@@ -41003,13 +41181,13 @@ function RichTextEditor({
|
|
|
41003
41181
|
throw error;
|
|
41004
41182
|
}
|
|
41005
41183
|
},
|
|
41006
|
-
children: /* @__PURE__ */ (0,
|
|
41184
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(I18nProvider, {
|
|
41007
41185
|
language,
|
|
41008
41186
|
labelTranslations,
|
|
41009
|
-
children: /* @__PURE__ */ (0,
|
|
41010
|
-
children: /* @__PURE__ */ (0,
|
|
41187
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(SharedHistoryContext, {
|
|
41188
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", {
|
|
41011
41189
|
className: "c-rich-text-editor",
|
|
41012
|
-
children: /* @__PURE__ */ (0,
|
|
41190
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(RichTextEditorWithoutContext, {
|
|
41013
41191
|
...rest
|
|
41014
41192
|
})
|
|
41015
41193
|
})
|
|
@@ -41031,19 +41209,19 @@ function RichTextEditorWithoutContext({
|
|
|
41031
41209
|
}) {
|
|
41032
41210
|
const editable = !disabled;
|
|
41033
41211
|
const { historyState } = useSharedHistoryContext();
|
|
41034
|
-
const placeholder = /* @__PURE__ */ (0,
|
|
41212
|
+
const placeholder = /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", {
|
|
41035
41213
|
className: "c-rte-placeholder",
|
|
41036
41214
|
children: placeholderText ?? ""
|
|
41037
41215
|
});
|
|
41038
41216
|
const [editor] = (0, import_LexicalComposerContext12.useLexicalComposerContext)();
|
|
41039
|
-
const [floatingAnchorElem, setFloatingAnchorElem] = (0,
|
|
41040
|
-
const firstOnChangeTriggeredRef = (0,
|
|
41217
|
+
const [floatingAnchorElem, setFloatingAnchorElem] = (0, import_react162.useState)(null);
|
|
41218
|
+
const firstOnChangeTriggeredRef = (0, import_react162.useRef)(!autoFocus);
|
|
41041
41219
|
const onRef = (_floatingAnchorElem) => {
|
|
41042
41220
|
if (_floatingAnchorElem !== null) {
|
|
41043
41221
|
setFloatingAnchorElem(_floatingAnchorElem);
|
|
41044
41222
|
}
|
|
41045
41223
|
};
|
|
41046
|
-
(0,
|
|
41224
|
+
(0, import_react162.useEffect)(() => {
|
|
41047
41225
|
editor.setEditable(editable || false);
|
|
41048
41226
|
}, [editable, editor]);
|
|
41049
41227
|
function onLocalChange(editorState) {
|
|
@@ -41054,38 +41232,38 @@ function RichTextEditorWithoutContext({
|
|
|
41054
41232
|
}
|
|
41055
41233
|
firstOnChangeTriggeredRef.current = true;
|
|
41056
41234
|
}
|
|
41057
|
-
return /* @__PURE__ */ (0,
|
|
41235
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(import_jsx_runtime178.Fragment, {
|
|
41058
41236
|
children: [
|
|
41059
|
-
/* @__PURE__ */ (0,
|
|
41237
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalOnChangePlugin.OnChangePlugin, {
|
|
41060
41238
|
onChange: onLocalChange,
|
|
41061
41239
|
ignoreSelectionChange: true
|
|
41062
41240
|
}),
|
|
41063
|
-
/* @__PURE__ */ (0,
|
|
41241
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(ToolbarPlugin, {
|
|
41064
41242
|
disabled,
|
|
41065
41243
|
actionsMenuPrepend,
|
|
41066
41244
|
actionsMenuAppend
|
|
41067
41245
|
}),
|
|
41068
41246
|
slotPreContent,
|
|
41069
|
-
/* @__PURE__ */ (0,
|
|
41247
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", {
|
|
41070
41248
|
className: `c-rte-editor-container ${disabled ? "disabled" : ""}`,
|
|
41071
41249
|
"data-testid": "rich-text-editor",
|
|
41072
41250
|
children: [
|
|
41073
|
-
maxLength != null ? /* @__PURE__ */ (0,
|
|
41251
|
+
maxLength != null ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(MaxLengthPlugin, {
|
|
41074
41252
|
maxLength
|
|
41075
41253
|
}) : null,
|
|
41076
|
-
!autoFocus ? null : /* @__PURE__ */ (0,
|
|
41077
|
-
/* @__PURE__ */ (0,
|
|
41078
|
-
/* @__PURE__ */ (0,
|
|
41079
|
-
/* @__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, {
|
|
41080
41258
|
externalHistoryState: historyState
|
|
41081
41259
|
}),
|
|
41082
|
-
/* @__PURE__ */ (0,
|
|
41083
|
-
contentEditable: /* @__PURE__ */ (0,
|
|
41260
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalRichTextPlugin.RichTextPlugin, {
|
|
41261
|
+
contentEditable: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", {
|
|
41084
41262
|
className: "c-rte-editor-scroller",
|
|
41085
|
-
children: /* @__PURE__ */ (0,
|
|
41263
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", {
|
|
41086
41264
|
className: "c-rte-editor",
|
|
41087
41265
|
ref: onRef,
|
|
41088
|
-
children: /* @__PURE__ */ (0,
|
|
41266
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(import_LexicalContentEditable.ContentEditable, {
|
|
41089
41267
|
className: "c-rte-contenteditable-root",
|
|
41090
41268
|
id
|
|
41091
41269
|
})
|
|
@@ -41094,28 +41272,28 @@ function RichTextEditorWithoutContext({
|
|
|
41094
41272
|
placeholder,
|
|
41095
41273
|
ErrorBoundary: import_LexicalErrorBoundary.default
|
|
41096
41274
|
}),
|
|
41097
|
-
/* @__PURE__ */ (0,
|
|
41098
|
-
/* @__PURE__ */ (0,
|
|
41099
|
-
/* @__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, {
|
|
41100
41278
|
maxDepth: 7
|
|
41101
41279
|
}),
|
|
41102
|
-
/* @__PURE__ */ (0,
|
|
41103
|
-
/* @__PURE__ */ (0,
|
|
41104
|
-
/* @__PURE__ */ (0,
|
|
41105
|
-
/* @__PURE__ */ (0,
|
|
41106
|
-
/* @__PURE__ */ (0,
|
|
41107
|
-
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, {
|
|
41108
41286
|
children: [
|
|
41109
|
-
/* @__PURE__ */ (0,
|
|
41287
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(CodeActionMenuPlugin, {
|
|
41110
41288
|
anchorElem: floatingAnchorElem
|
|
41111
41289
|
}),
|
|
41112
|
-
/* @__PURE__ */ (0,
|
|
41290
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(FloatingLinkEditorPlugin, {
|
|
41113
41291
|
anchorElem: floatingAnchorElem
|
|
41114
41292
|
}),
|
|
41115
|
-
/* @__PURE__ */ (0,
|
|
41293
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(TableActionMenuPlugin, {
|
|
41116
41294
|
anchorElem: floatingAnchorElem
|
|
41117
41295
|
}),
|
|
41118
|
-
/* @__PURE__ */ (0,
|
|
41296
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(FloatingTextFormatToolbarPlugin, {
|
|
41119
41297
|
anchorElem: floatingAnchorElem
|
|
41120
41298
|
})
|
|
41121
41299
|
]
|
|
@@ -41125,11 +41303,11 @@ function RichTextEditorWithoutContext({
|
|
|
41125
41303
|
]
|
|
41126
41304
|
});
|
|
41127
41305
|
}
|
|
41128
|
-
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;
|
|
41129
41307
|
var init_rich_text_editor = __esm({
|
|
41130
41308
|
"src/rich-text-editor/rich-text-editor.tsx"() {
|
|
41131
41309
|
"use strict";
|
|
41132
|
-
|
|
41310
|
+
import_react162 = require("react");
|
|
41133
41311
|
import_LexicalAutoFocusPlugin = require("@lexical/react/LexicalAutoFocusPlugin");
|
|
41134
41312
|
import_LexicalClearEditorPlugin = require("@lexical/react/LexicalClearEditorPlugin");
|
|
41135
41313
|
import_LexicalComposer = require("@lexical/react/LexicalComposer");
|
|
@@ -41162,7 +41340,7 @@ var init_rich_text_editor = __esm({
|
|
|
41162
41340
|
init_TableActionMenuPlugin();
|
|
41163
41341
|
init_ToolbarPlugin();
|
|
41164
41342
|
init_CrystallizeRTEditorTheme();
|
|
41165
|
-
|
|
41343
|
+
import_jsx_runtime178 = require("react/jsx-runtime");
|
|
41166
41344
|
rich_text_editor_default = RichTextEditor;
|
|
41167
41345
|
}
|
|
41168
41346
|
});
|
|
@@ -41319,9 +41497,9 @@ Checkbox.displayName = "Checkbox";
|
|
|
41319
41497
|
var import_class_variance_authority9 = require("class-variance-authority");
|
|
41320
41498
|
var CollapsiblePrimitives = __toESM(require("@radix-ui/react-collapsible"));
|
|
41321
41499
|
init_iconography();
|
|
41322
|
-
var
|
|
41500
|
+
var import_jsx_runtime145 = require("react/jsx-runtime");
|
|
41323
41501
|
function Content3({ className, ...delegated }) {
|
|
41324
|
-
return /* @__PURE__ */ (0,
|
|
41502
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(CollapsiblePrimitives.Content, {
|
|
41325
41503
|
...delegated,
|
|
41326
41504
|
className: (0, import_class_variance_authority9.cx)("c-collapsible-content", className)
|
|
41327
41505
|
});
|
|
@@ -41333,7 +41511,7 @@ function CollapsibleTrigger({
|
|
|
41333
41511
|
mode,
|
|
41334
41512
|
...delegated
|
|
41335
41513
|
}) {
|
|
41336
|
-
return /* @__PURE__ */ (0,
|
|
41514
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(CollapsiblePrimitives.Trigger, {
|
|
41337
41515
|
asChild: true,
|
|
41338
41516
|
...delegated,
|
|
41339
41517
|
className: (0, import_class_variance_authority9.cx)(
|
|
@@ -41342,9 +41520,9 @@ function CollapsibleTrigger({
|
|
|
41342
41520
|
mode === "tree" ? "c-collapsible-tree" : "",
|
|
41343
41521
|
className
|
|
41344
41522
|
),
|
|
41345
|
-
children: /* @__PURE__ */ (0,
|
|
41523
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", {
|
|
41346
41524
|
children: [
|
|
41347
|
-
arrowPosition && /* @__PURE__ */ (0,
|
|
41525
|
+
arrowPosition && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon.Caret, {
|
|
41348
41526
|
className: "c-collapsible-arrow",
|
|
41349
41527
|
width: 9,
|
|
41350
41528
|
height: 9
|
|
@@ -41368,7 +41546,7 @@ init_icon_button2();
|
|
|
41368
41546
|
// src/inline-radio/inline-radio.tsx
|
|
41369
41547
|
var import_class_variance_authority12 = require("class-variance-authority");
|
|
41370
41548
|
var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
|
|
41371
|
-
var
|
|
41549
|
+
var import_jsx_runtime150 = require("react/jsx-runtime");
|
|
41372
41550
|
var inlineRadioGroupStyles = (0, import_class_variance_authority12.cva)("c-inline-radio-group", {
|
|
41373
41551
|
variants: {
|
|
41374
41552
|
size: {
|
|
@@ -41383,16 +41561,16 @@ var inlineRadioGroupStyles = (0, import_class_variance_authority12.cva)("c-inlin
|
|
|
41383
41561
|
}
|
|
41384
41562
|
});
|
|
41385
41563
|
function InlineRadioGroup({ size, className, ...delegated }) {
|
|
41386
|
-
return /* @__PURE__ */ (0,
|
|
41564
|
+
return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(RadioGroupPrimitive.Root, {
|
|
41387
41565
|
...delegated,
|
|
41388
41566
|
className: inlineRadioGroupStyles({ size, className })
|
|
41389
41567
|
});
|
|
41390
41568
|
}
|
|
41391
41569
|
function InlineRadioItem({ children, className, ...delegated }) {
|
|
41392
|
-
return /* @__PURE__ */ (0,
|
|
41570
|
+
return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(RadioGroupPrimitive.Item, {
|
|
41393
41571
|
...delegated,
|
|
41394
41572
|
className: (0, import_class_variance_authority12.cx)("c-inline-radio", className),
|
|
41395
|
-
children: /* @__PURE__ */ (0,
|
|
41573
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(RadioGroupPrimitive.Indicator, {
|
|
41396
41574
|
forceMount: true,
|
|
41397
41575
|
children
|
|
41398
41576
|
})
|
|
@@ -41415,13 +41593,13 @@ var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
|
|
|
41415
41593
|
// src/popover/popover-close.tsx
|
|
41416
41594
|
var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
|
|
41417
41595
|
init_iconography();
|
|
41418
|
-
var
|
|
41596
|
+
var import_jsx_runtime155 = require("react/jsx-runtime");
|
|
41419
41597
|
function PopoverClose(props) {
|
|
41420
41598
|
const { asChild, children } = props;
|
|
41421
|
-
return /* @__PURE__ */ (0,
|
|
41599
|
+
return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(PopoverPrimitive.Close, {
|
|
41422
41600
|
asChild,
|
|
41423
41601
|
className: "c-popover-close",
|
|
41424
|
-
children: children ?? /* @__PURE__ */ (0,
|
|
41602
|
+
children: children ?? /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Icon.Cancel, {
|
|
41425
41603
|
width: 16,
|
|
41426
41604
|
height: 16
|
|
41427
41605
|
})
|
|
@@ -41429,7 +41607,7 @@ function PopoverClose(props) {
|
|
|
41429
41607
|
}
|
|
41430
41608
|
|
|
41431
41609
|
// src/popover/popover.tsx
|
|
41432
|
-
var
|
|
41610
|
+
var import_jsx_runtime156 = require("react/jsx-runtime");
|
|
41433
41611
|
function Popover({
|
|
41434
41612
|
children,
|
|
41435
41613
|
closeButton,
|
|
@@ -41442,26 +41620,26 @@ function Popover({
|
|
|
41442
41620
|
hasArrow = true,
|
|
41443
41621
|
...delegatedContent
|
|
41444
41622
|
}) {
|
|
41445
|
-
return /* @__PURE__ */ (0,
|
|
41623
|
+
return /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(PopoverPrimitive2.Root, {
|
|
41446
41624
|
open,
|
|
41447
41625
|
onOpenChange,
|
|
41448
41626
|
children: [
|
|
41449
|
-
/* @__PURE__ */ (0,
|
|
41627
|
+
/* @__PURE__ */ (0, import_jsx_runtime156.jsx)(PopoverPrimitive2.Trigger, {
|
|
41450
41628
|
asChild: true,
|
|
41451
41629
|
children
|
|
41452
41630
|
}),
|
|
41453
|
-
/* @__PURE__ */ (0,
|
|
41631
|
+
/* @__PURE__ */ (0, import_jsx_runtime156.jsx)(PopoverPrimitive2.Portal, {
|
|
41454
41632
|
container,
|
|
41455
|
-
children: /* @__PURE__ */ (0,
|
|
41633
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(PopoverPrimitive2.Content, {
|
|
41456
41634
|
...delegatedContent,
|
|
41457
41635
|
side,
|
|
41458
41636
|
className: (0, import_class_variance_authority17.cx)("c-popover-content", className),
|
|
41459
41637
|
children: [
|
|
41460
|
-
!closeButton ? null : /* @__PURE__ */ (0,
|
|
41638
|
+
!closeButton ? null : /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(PopoverClose, {
|
|
41461
41639
|
asChild: typeof closeButton !== "boolean",
|
|
41462
41640
|
children: typeof closeButton !== "boolean" ? closeButton : null
|
|
41463
41641
|
}),
|
|
41464
|
-
hasArrow && /* @__PURE__ */ (0,
|
|
41642
|
+
hasArrow && /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(PopoverPrimitive2.Arrow, {
|
|
41465
41643
|
className: "c-popover-arrow",
|
|
41466
41644
|
offset: 5
|
|
41467
41645
|
}),
|
|
@@ -41476,12 +41654,12 @@ function Popover({
|
|
|
41476
41654
|
// src/progress/progress.tsx
|
|
41477
41655
|
var import_class_variance_authority18 = require("class-variance-authority");
|
|
41478
41656
|
var ProgressPrimitives = __toESM(require("@radix-ui/react-progress"));
|
|
41479
|
-
var
|
|
41657
|
+
var import_jsx_runtime157 = require("react/jsx-runtime");
|
|
41480
41658
|
function Progress({ className, value }) {
|
|
41481
|
-
return /* @__PURE__ */ (0,
|
|
41659
|
+
return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(ProgressPrimitives.Root, {
|
|
41482
41660
|
className: (0, import_class_variance_authority18.cx)(className, "c-progress-root"),
|
|
41483
41661
|
value,
|
|
41484
|
-
children: /* @__PURE__ */ (0,
|
|
41662
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(ProgressPrimitives.Indicator, {
|
|
41485
41663
|
className: "c-progress-indicator",
|
|
41486
41664
|
style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
|
|
41487
41665
|
})
|
|
@@ -41490,12 +41668,12 @@ function Progress({ className, value }) {
|
|
|
41490
41668
|
|
|
41491
41669
|
// src/radio/radio.tsx
|
|
41492
41670
|
var RadioGroupPrimitive2 = __toESM(require("@radix-ui/react-radio-group"));
|
|
41493
|
-
var
|
|
41671
|
+
var import_jsx_runtime158 = require("react/jsx-runtime");
|
|
41494
41672
|
function RadioGroupItem(props) {
|
|
41495
|
-
return /* @__PURE__ */ (0,
|
|
41673
|
+
return /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(RadioGroupPrimitive2.Item, {
|
|
41496
41674
|
...props,
|
|
41497
41675
|
className: "c-radio-item",
|
|
41498
|
-
children: /* @__PURE__ */ (0,
|
|
41676
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(RadioGroupPrimitive2.Indicator, {
|
|
41499
41677
|
className: "c-radio-indicator"
|
|
41500
41678
|
})
|
|
41501
41679
|
});
|
|
@@ -41506,32 +41684,32 @@ var Radio = {
|
|
|
41506
41684
|
};
|
|
41507
41685
|
|
|
41508
41686
|
// src/select/select-item.tsx
|
|
41509
|
-
var
|
|
41687
|
+
var import_react144 = require("react");
|
|
41510
41688
|
var import_class_variance_authority19 = require("class-variance-authority");
|
|
41511
41689
|
var SelectPrimitives = __toESM(require("@radix-ui/react-select"));
|
|
41512
|
-
var
|
|
41513
|
-
var SelectItem = (0,
|
|
41690
|
+
var import_jsx_runtime159 = require("react/jsx-runtime");
|
|
41691
|
+
var SelectItem = (0, import_react144.forwardRef)((props, ref) => {
|
|
41514
41692
|
const { children, className, ...delegated } = props;
|
|
41515
|
-
return /* @__PURE__ */ (0,
|
|
41693
|
+
return /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(SelectPrimitives.Item, {
|
|
41516
41694
|
className: (0, import_class_variance_authority19.cx)("c-select-item", className),
|
|
41517
41695
|
ref,
|
|
41518
41696
|
...delegated,
|
|
41519
41697
|
children: [
|
|
41520
|
-
/* @__PURE__ */ (0,
|
|
41698
|
+
/* @__PURE__ */ (0, import_jsx_runtime159.jsx)(SelectPrimitives.ItemText, {
|
|
41521
41699
|
children
|
|
41522
41700
|
}),
|
|
41523
|
-
/* @__PURE__ */ (0,
|
|
41701
|
+
/* @__PURE__ */ (0, import_jsx_runtime159.jsx)(SelectPrimitives.ItemIndicator, {})
|
|
41524
41702
|
]
|
|
41525
41703
|
});
|
|
41526
41704
|
});
|
|
41527
41705
|
SelectItem.displayName = "SelectItem";
|
|
41528
41706
|
|
|
41529
41707
|
// src/select/select-root.tsx
|
|
41530
|
-
var
|
|
41708
|
+
var import_react145 = require("react");
|
|
41531
41709
|
var import_class_variance_authority20 = require("class-variance-authority");
|
|
41532
41710
|
var SelectPrimitives2 = __toESM(require("@radix-ui/react-select"));
|
|
41533
41711
|
init_iconography();
|
|
41534
|
-
var
|
|
41712
|
+
var import_jsx_runtime160 = require("react/jsx-runtime");
|
|
41535
41713
|
var selectTriggerStyles = (0, import_class_variance_authority20.cva)("c-select-trigger", {
|
|
41536
41714
|
variants: {
|
|
41537
41715
|
size: {
|
|
@@ -41545,36 +41723,36 @@ var selectTriggerStyles = (0, import_class_variance_authority20.cva)("c-select-t
|
|
|
41545
41723
|
size: "sm"
|
|
41546
41724
|
}
|
|
41547
41725
|
});
|
|
41548
|
-
var SelectContainer = (0,
|
|
41726
|
+
var SelectContainer = (0, import_react145.forwardRef)(
|
|
41549
41727
|
({ children, id, placeholder, disabled, size, triggerClassName, ...delegated }, ref) => {
|
|
41550
|
-
return /* @__PURE__ */ (0,
|
|
41728
|
+
return /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(SelectPrimitives2.Root, {
|
|
41551
41729
|
...delegated,
|
|
41552
41730
|
children: [
|
|
41553
|
-
/* @__PURE__ */ (0,
|
|
41731
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(SelectPrimitives2.Trigger, {
|
|
41554
41732
|
ref,
|
|
41555
41733
|
className: selectTriggerStyles({ size, className: triggerClassName }),
|
|
41556
41734
|
disabled,
|
|
41557
41735
|
id,
|
|
41558
41736
|
children: [
|
|
41559
|
-
/* @__PURE__ */ (0,
|
|
41560
|
-
placeholder: /* @__PURE__ */ (0,
|
|
41737
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.Value, {
|
|
41738
|
+
placeholder: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("span", {
|
|
41561
41739
|
className: "c-select-value",
|
|
41562
41740
|
children: placeholder ?? "Select..."
|
|
41563
41741
|
})
|
|
41564
41742
|
}),
|
|
41565
|
-
/* @__PURE__ */ (0,
|
|
41743
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Icon.Arrow, {})
|
|
41566
41744
|
]
|
|
41567
41745
|
}),
|
|
41568
|
-
/* @__PURE__ */ (0,
|
|
41569
|
-
children: /* @__PURE__ */ (0,
|
|
41746
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.Portal, {
|
|
41747
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime160.jsxs)(SelectPrimitives2.Content, {
|
|
41570
41748
|
className: "c-select-content",
|
|
41571
41749
|
children: [
|
|
41572
|
-
/* @__PURE__ */ (0,
|
|
41573
|
-
/* @__PURE__ */ (0,
|
|
41750
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.ScrollUpButton, {}),
|
|
41751
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.Viewport, {
|
|
41574
41752
|
className: "c-select-viewport",
|
|
41575
41753
|
children
|
|
41576
41754
|
}),
|
|
41577
|
-
/* @__PURE__ */ (0,
|
|
41755
|
+
/* @__PURE__ */ (0, import_jsx_runtime160.jsx)(SelectPrimitives2.ScrollDownButton, {})
|
|
41578
41756
|
]
|
|
41579
41757
|
})
|
|
41580
41758
|
})
|
|
@@ -41591,23 +41769,23 @@ var Select = {
|
|
|
41591
41769
|
};
|
|
41592
41770
|
|
|
41593
41771
|
// src/slider/slider.tsx
|
|
41594
|
-
var
|
|
41772
|
+
var import_react146 = require("react");
|
|
41595
41773
|
var import_class_variance_authority21 = require("class-variance-authority");
|
|
41596
41774
|
var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
|
|
41597
|
-
var
|
|
41598
|
-
var Slider = (0,
|
|
41599
|
-
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, {
|
|
41600
41778
|
className: (0, import_class_variance_authority21.cx)("c-slider-root", className),
|
|
41601
41779
|
ref,
|
|
41602
41780
|
...delegated,
|
|
41603
41781
|
children: [
|
|
41604
|
-
/* @__PURE__ */ (0,
|
|
41782
|
+
/* @__PURE__ */ (0, import_jsx_runtime161.jsx)(SliderPrimitive.Track, {
|
|
41605
41783
|
className: "c-slider-track",
|
|
41606
|
-
children: /* @__PURE__ */ (0,
|
|
41784
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(SliderPrimitive.Range, {
|
|
41607
41785
|
className: `c-slider-range ${transparentRange ? "c-slider-range-transparent" : ""}`
|
|
41608
41786
|
})
|
|
41609
41787
|
}),
|
|
41610
|
-
/* @__PURE__ */ (0,
|
|
41788
|
+
/* @__PURE__ */ (0, import_jsx_runtime161.jsx)(SliderPrimitive.Thumb, {
|
|
41611
41789
|
className: "c-slider-thumb"
|
|
41612
41790
|
})
|
|
41613
41791
|
]
|
|
@@ -41619,15 +41797,15 @@ init_spinner();
|
|
|
41619
41797
|
|
|
41620
41798
|
// src/stack-icon/stack-icon.tsx
|
|
41621
41799
|
init_iconography();
|
|
41622
|
-
var
|
|
41800
|
+
var import_jsx_runtime162 = require("react/jsx-runtime");
|
|
41623
41801
|
function StackIcon({ type, children, size = 18 }) {
|
|
41624
|
-
return /* @__PURE__ */ (0,
|
|
41802
|
+
return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)("span", {
|
|
41625
41803
|
className: "c-stack-icon",
|
|
41626
41804
|
children: [
|
|
41627
|
-
type === "create" && /* @__PURE__ */ (0,
|
|
41805
|
+
type === "create" && /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("span", {
|
|
41628
41806
|
style: { width: size, height: size },
|
|
41629
41807
|
className: "c-stack-icon__icon",
|
|
41630
|
-
children: /* @__PURE__ */ (0,
|
|
41808
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Icon.Add, {
|
|
41631
41809
|
width: size - 4,
|
|
41632
41810
|
height: size - 4
|
|
41633
41811
|
})
|
|
@@ -41640,7 +41818,7 @@ function StackIcon({ type, children, size = 18 }) {
|
|
|
41640
41818
|
// src/tag/tag.tsx
|
|
41641
41819
|
var import_class_variance_authority22 = require("class-variance-authority");
|
|
41642
41820
|
init_iconography();
|
|
41643
|
-
var
|
|
41821
|
+
var import_jsx_runtime163 = require("react/jsx-runtime");
|
|
41644
41822
|
var tagStyles = (0, import_class_variance_authority22.cva)("c-tag", {
|
|
41645
41823
|
variants: {
|
|
41646
41824
|
variant: {
|
|
@@ -41670,16 +41848,16 @@ function Tag({
|
|
|
41670
41848
|
showRemoveOnHover,
|
|
41671
41849
|
...delegated
|
|
41672
41850
|
}) {
|
|
41673
|
-
return /* @__PURE__ */ (0,
|
|
41851
|
+
return /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("div", {
|
|
41674
41852
|
className: tagStyles({ className, variant, size }),
|
|
41675
41853
|
...delegated,
|
|
41676
41854
|
children: [
|
|
41677
|
-
!prepend ? null : /* @__PURE__ */ (0,
|
|
41855
|
+
!prepend ? null : /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", {
|
|
41678
41856
|
className: "c-tag__prepend",
|
|
41679
41857
|
children: prepend
|
|
41680
41858
|
}),
|
|
41681
41859
|
children,
|
|
41682
|
-
onRemove && /* @__PURE__ */ (0,
|
|
41860
|
+
onRemove && /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)("button", {
|
|
41683
41861
|
type: "button",
|
|
41684
41862
|
className: (0, import_class_variance_authority22.cx)("c-tag__remove-button", showRemoveOnHover ? "c-tag__remove-button--hover" : ""),
|
|
41685
41863
|
onClick: (e) => {
|
|
@@ -41687,11 +41865,11 @@ function Tag({
|
|
|
41687
41865
|
onRemove();
|
|
41688
41866
|
},
|
|
41689
41867
|
children: [
|
|
41690
|
-
/* @__PURE__ */ (0,
|
|
41868
|
+
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Icon.Cancel, {
|
|
41691
41869
|
width: 12,
|
|
41692
41870
|
height: 12
|
|
41693
41871
|
}),
|
|
41694
|
-
/* @__PURE__ */ (0,
|
|
41872
|
+
/* @__PURE__ */ (0, import_jsx_runtime163.jsx)("span", {
|
|
41695
41873
|
className: "c-tag__remove-button-text",
|
|
41696
41874
|
children: "Remove"
|
|
41697
41875
|
})
|
|
@@ -41702,13 +41880,13 @@ function Tag({
|
|
|
41702
41880
|
}
|
|
41703
41881
|
|
|
41704
41882
|
// src/rich-text-editor/index.tsx
|
|
41705
|
-
var
|
|
41706
|
-
var
|
|
41707
|
-
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)));
|
|
41708
41886
|
var RichTextEditor2 = (props) => {
|
|
41709
|
-
return /* @__PURE__ */ (0,
|
|
41887
|
+
return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_react163.Suspense, {
|
|
41710
41888
|
fallback: null,
|
|
41711
|
-
children: /* @__PURE__ */ (0,
|
|
41889
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(LazyRichTextEditor, {
|
|
41712
41890
|
...props
|
|
41713
41891
|
})
|
|
41714
41892
|
});
|
|
@@ -41722,7 +41900,7 @@ var import_class_variance_authority23 = require("class-variance-authority");
|
|
|
41722
41900
|
var import_sonner = require("sonner");
|
|
41723
41901
|
init_icon_button2();
|
|
41724
41902
|
init_iconography();
|
|
41725
|
-
var
|
|
41903
|
+
var import_jsx_runtime180 = require("react/jsx-runtime");
|
|
41726
41904
|
var toastStyles = (0, import_class_variance_authority23.cva)("c-toast", {
|
|
41727
41905
|
variants: {
|
|
41728
41906
|
type: {
|
|
@@ -41747,35 +41925,35 @@ var toast = ({ title, message, id, type = "success", timeout = 6e3 }) => {
|
|
|
41747
41925
|
const withMessage = !!message;
|
|
41748
41926
|
const toastId = id ?? Date.now().toString();
|
|
41749
41927
|
import_sonner.toast.custom(
|
|
41750
|
-
(id2) => /* @__PURE__ */ (0,
|
|
41928
|
+
(id2) => /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", {
|
|
41751
41929
|
"data-testid": `toast-${type}`,
|
|
41752
41930
|
className: (0, import_class_variance_authority23.cx)(toastStyles({ type }), withMessage ? "c-toast-with-message" : "c-toast-title-only"),
|
|
41753
41931
|
children: [
|
|
41754
|
-
/* @__PURE__ */ (0,
|
|
41755
|
-
children: /* @__PURE__ */ (0,
|
|
41932
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", {
|
|
41933
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(ToastIcon, {
|
|
41756
41934
|
width: 26,
|
|
41757
41935
|
height: 26
|
|
41758
41936
|
})
|
|
41759
41937
|
}),
|
|
41760
|
-
/* @__PURE__ */ (0,
|
|
41938
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", {
|
|
41761
41939
|
children: [
|
|
41762
|
-
/* @__PURE__ */ (0,
|
|
41940
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", {
|
|
41763
41941
|
className: "c-toast-title",
|
|
41764
41942
|
children: title
|
|
41765
41943
|
}),
|
|
41766
|
-
!!message && /* @__PURE__ */ (0,
|
|
41944
|
+
!!message && /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", {
|
|
41767
41945
|
className: "c-toast-message",
|
|
41768
41946
|
children: message
|
|
41769
41947
|
})
|
|
41770
41948
|
]
|
|
41771
41949
|
}),
|
|
41772
|
-
/* @__PURE__ */ (0,
|
|
41950
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", {
|
|
41773
41951
|
className: "c-toast-close",
|
|
41774
41952
|
"data-testid": "toast-close",
|
|
41775
|
-
children: /* @__PURE__ */ (0,
|
|
41953
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(IconButton, {
|
|
41776
41954
|
onClick: () => import_sonner.toast.dismiss(id2),
|
|
41777
41955
|
size: "xs",
|
|
41778
|
-
children: /* @__PURE__ */ (0,
|
|
41956
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Icon.Cancel, {
|
|
41779
41957
|
width: 12,
|
|
41780
41958
|
height: 12
|
|
41781
41959
|
})
|
|
@@ -41799,7 +41977,7 @@ init_tooltip2();
|
|
|
41799
41977
|
// src/switch/switch.tsx
|
|
41800
41978
|
var import_class_variance_authority24 = require("class-variance-authority");
|
|
41801
41979
|
var RadixSwitch = __toESM(require("@radix-ui/react-switch"));
|
|
41802
|
-
var
|
|
41980
|
+
var import_jsx_runtime181 = require("react/jsx-runtime");
|
|
41803
41981
|
var switchStyles = (0, import_class_variance_authority24.cva)(["c-switch-root"], {
|
|
41804
41982
|
variants: {
|
|
41805
41983
|
size: {
|
|
@@ -41812,18 +41990,18 @@ var switchStyles = (0, import_class_variance_authority24.cva)(["c-switch-root"],
|
|
|
41812
41990
|
}
|
|
41813
41991
|
});
|
|
41814
41992
|
function Switch2({ size, checked, ...props }) {
|
|
41815
|
-
return /* @__PURE__ */ (0,
|
|
41993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(RadixSwitch.Root, {
|
|
41816
41994
|
...props,
|
|
41817
41995
|
checked: checked === null ? false : checked,
|
|
41818
41996
|
className: switchStyles({ size }),
|
|
41819
|
-
children: /* @__PURE__ */ (0,
|
|
41997
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(RadixSwitch.Thumb, {
|
|
41820
41998
|
className: (0, import_class_variance_authority24.cx)("c-switch-thumb", checked === null ? "middle-position" : "")
|
|
41821
41999
|
})
|
|
41822
42000
|
});
|
|
41823
42001
|
}
|
|
41824
42002
|
|
|
41825
42003
|
// src/color-picker/color-picker.tsx
|
|
41826
|
-
var
|
|
42004
|
+
var import_react164 = require("react");
|
|
41827
42005
|
|
|
41828
42006
|
// src/colors/colors.json
|
|
41829
42007
|
var colors_default = {
|
|
@@ -41986,7 +42164,7 @@ var colors_default = {
|
|
|
41986
42164
|
};
|
|
41987
42165
|
|
|
41988
42166
|
// src/color-picker/color-picker.tsx
|
|
41989
|
-
var
|
|
42167
|
+
var import_jsx_runtime182 = require("react/jsx-runtime");
|
|
41990
42168
|
var SHADES = ["200", "300", "400", "500", "600", "700", "800"];
|
|
41991
42169
|
var ORDERED_COLOR_NAMES = [
|
|
41992
42170
|
"s-green",
|
|
@@ -42003,8 +42181,8 @@ var ORDERED_COLOR_NAMES = [
|
|
|
42003
42181
|
"s-blue"
|
|
42004
42182
|
];
|
|
42005
42183
|
function ColorPicker({ value, setValue, children, isOpen, setIsOpen }) {
|
|
42006
|
-
const [hoveredColor, setHoveredColor] = (0,
|
|
42007
|
-
const colorLookupMap = (0,
|
|
42184
|
+
const [hoveredColor, setHoveredColor] = (0, import_react164.useState)(null);
|
|
42185
|
+
const colorLookupMap = (0, import_react164.useMemo)(() => {
|
|
42008
42186
|
const map = /* @__PURE__ */ new Map();
|
|
42009
42187
|
ORDERED_COLOR_NAMES.forEach((colorName) => {
|
|
42010
42188
|
SHADES.forEach((shade) => {
|
|
@@ -42024,39 +42202,39 @@ function ColorPicker({ value, setValue, children, isOpen, setIsOpen }) {
|
|
|
42024
42202
|
};
|
|
42025
42203
|
const handleMouseEnter = (colorValue) => setHoveredColor(colorValue);
|
|
42026
42204
|
const handleMouseLeave = () => setHoveredColor(null);
|
|
42027
|
-
return /* @__PURE__ */ (0,
|
|
42205
|
+
return /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Popover, {
|
|
42028
42206
|
open: isOpen,
|
|
42029
42207
|
side: "bottom",
|
|
42030
42208
|
hasArrow: true,
|
|
42031
42209
|
onOpenChange: setIsOpen,
|
|
42032
|
-
content: /* @__PURE__ */ (0,
|
|
42210
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(Card, {
|
|
42033
42211
|
variant: "elevate",
|
|
42034
42212
|
className: " border border-solid border-border p-5",
|
|
42035
42213
|
children: [
|
|
42036
|
-
/* @__PURE__ */ (0,
|
|
42214
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", {
|
|
42037
42215
|
className: "mb-3",
|
|
42038
42216
|
children: [
|
|
42039
|
-
/* @__PURE__ */ (0,
|
|
42217
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", {
|
|
42040
42218
|
className: "text-sm font-bold capitalize",
|
|
42041
42219
|
children: displayedColorInfo
|
|
42042
42220
|
}),
|
|
42043
|
-
/* @__PURE__ */ (0,
|
|
42221
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", {
|
|
42044
42222
|
className: "ml-4 text-sm italic text-gray-500-400",
|
|
42045
42223
|
children: hoveredColor ?? value
|
|
42046
42224
|
})
|
|
42047
42225
|
]
|
|
42048
42226
|
}),
|
|
42049
|
-
/* @__PURE__ */ (0,
|
|
42227
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", {
|
|
42050
42228
|
className: "grid grid-cols-12",
|
|
42051
|
-
children: ORDERED_COLOR_NAMES.map((colorName) => /* @__PURE__ */ (0,
|
|
42229
|
+
children: ORDERED_COLOR_NAMES.map((colorName) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", {
|
|
42052
42230
|
children: SHADES.map((shade) => {
|
|
42053
42231
|
const colorValue = colors_default[colorName][shade];
|
|
42054
|
-
return /* @__PURE__ */ (0,
|
|
42232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", {
|
|
42055
42233
|
className: "cursor-pointer rounded p-0.5",
|
|
42056
42234
|
onClick: () => handleColorSelect(colorValue),
|
|
42057
42235
|
onMouseEnter: () => handleMouseEnter(colorValue),
|
|
42058
42236
|
onMouseLeave: handleMouseLeave,
|
|
42059
|
-
children: /* @__PURE__ */ (0,
|
|
42237
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", {
|
|
42060
42238
|
className: "h-5 w-5",
|
|
42061
42239
|
style: { backgroundColor: colorValue }
|
|
42062
42240
|
})
|