@underverse-ui/underverse 2.0.36 → 2.0.37
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/api-reference.json +1 -1
- package/dist/{chunk-SCW2XGCE.js → chunk-6K6CKZUL.js} +10 -10
- package/dist/chunk-6K6CKZUL.js.map +1 -0
- package/dist/{chunk-V4VZZHV7.js → chunk-GZ7EDNGF.js} +202 -184
- package/dist/chunk-GZ7EDNGF.js.map +1 -0
- package/dist/index.cjs +484 -458
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2 -2
- package/dist/{menu-bar-MX3LXG6T.js → menu-bar-VXAMTP3E.js} +2 -2
- package/dist/ueditor.cjs +496 -470
- package/dist/ueditor.cjs.map +1 -1
- package/dist/ueditor.js +2 -2
- package/package.json +1 -1
- package/dist/chunk-SCW2XGCE.js.map +0 -1
- package/dist/chunk-V4VZZHV7.js.map +0 -1
- /package/dist/{menu-bar-MX3LXG6T.js.map → menu-bar-VXAMTP3E.js.map} +0 -0
|
@@ -1797,9 +1797,6 @@ import {
|
|
|
1797
1797
|
Trash2,
|
|
1798
1798
|
Type,
|
|
1799
1799
|
Upload,
|
|
1800
|
-
AlignStartVertical,
|
|
1801
|
-
AlignCenterVertical,
|
|
1802
|
-
AlignEndVertical,
|
|
1803
1800
|
WrapText
|
|
1804
1801
|
} from "lucide-react";
|
|
1805
1802
|
import { setCellAttr } from "@tiptap/pm/tables";
|
|
@@ -3548,6 +3545,24 @@ function expandTableFromCell(editor, activeCellPos, rows, columns) {
|
|
|
3548
3545
|
return true;
|
|
3549
3546
|
}
|
|
3550
3547
|
|
|
3548
|
+
// src/components/UEditor/table-vertical-align-icons.tsx
|
|
3549
|
+
import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
3550
|
+
var linePositions = {
|
|
3551
|
+
top: [4.5, 7],
|
|
3552
|
+
middle: [7, 9.5],
|
|
3553
|
+
bottom: [10, 12.5]
|
|
3554
|
+
};
|
|
3555
|
+
function TableVerticalAlignIcon({ align, ...props }) {
|
|
3556
|
+
const [shortLine, longLine] = linePositions[align];
|
|
3557
|
+
return /* @__PURE__ */ jsxs4("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.35", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [
|
|
3558
|
+
/* @__PURE__ */ jsx5("rect", { x: "2", y: "1.5", width: "12", height: "13", rx: "1", opacity: "0.55" }),
|
|
3559
|
+
/* @__PURE__ */ jsx5("path", { d: `M5 ${shortLine}h6M4 ${longLine}h8` })
|
|
3560
|
+
] });
|
|
3561
|
+
}
|
|
3562
|
+
var TableVerticalAlignTopIcon = (props) => /* @__PURE__ */ jsx5(TableVerticalAlignIcon, { align: "top", ...props });
|
|
3563
|
+
var TableVerticalAlignMiddleIcon = (props) => /* @__PURE__ */ jsx5(TableVerticalAlignIcon, { align: "middle", ...props });
|
|
3564
|
+
var TableVerticalAlignBottomIcon = (props) => /* @__PURE__ */ jsx5(TableVerticalAlignIcon, { align: "bottom", ...props });
|
|
3565
|
+
|
|
3551
3566
|
// src/components/UEditor/typography-options.ts
|
|
3552
3567
|
function normalizeStyleValue(value) {
|
|
3553
3568
|
return typeof value === "string" ? value.trim().replace(/^['"]|['"]$/g, "") : "";
|
|
@@ -3626,7 +3641,7 @@ function getDefaultLetterSpacings() {
|
|
|
3626
3641
|
}
|
|
3627
3642
|
|
|
3628
3643
|
// src/components/UEditor/toolbar.tsx
|
|
3629
|
-
import { Fragment, jsx as
|
|
3644
|
+
import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
3630
3645
|
function getTableAnchorPos(editor) {
|
|
3631
3646
|
const tableInfo = findTableNodeInfoFromState(editor.state);
|
|
3632
3647
|
if (tableInfo) return editor.state.selection.from;
|
|
@@ -3741,7 +3756,7 @@ function EditorUiRenderStateProvider({
|
|
|
3741
3756
|
editor,
|
|
3742
3757
|
selector: ({ editor: currentEditor }) => getEditorUiRenderState(currentEditor)
|
|
3743
3758
|
});
|
|
3744
|
-
return /* @__PURE__ */
|
|
3759
|
+
return /* @__PURE__ */ jsx6(EditorUiRenderStateContext.Provider, { value: { editor, value }, children });
|
|
3745
3760
|
}
|
|
3746
3761
|
function useSharedEditorUiRenderState(editor) {
|
|
3747
3762
|
const context = React5.useContext(EditorUiRenderStateContext);
|
|
@@ -3754,7 +3769,7 @@ function formatTableInsertLabel(template, rows, cols) {
|
|
|
3754
3769
|
return template.replace("{rows}", String(rows)).replace("{cols}", String(cols));
|
|
3755
3770
|
}
|
|
3756
3771
|
var ToolbarButton = React5.forwardRef(({ onClick, onMouseDown, active, disabled, children, title, className }, ref) => {
|
|
3757
|
-
const button = /* @__PURE__ */
|
|
3772
|
+
const button = /* @__PURE__ */ jsx6(
|
|
3758
3773
|
"button",
|
|
3759
3774
|
{
|
|
3760
3775
|
ref,
|
|
@@ -3779,12 +3794,12 @@ var ToolbarButton = React5.forwardRef(({ onClick, onMouseDown, active, disabled,
|
|
|
3779
3794
|
}
|
|
3780
3795
|
);
|
|
3781
3796
|
if (title) {
|
|
3782
|
-
return /* @__PURE__ */
|
|
3797
|
+
return /* @__PURE__ */ jsx6(Tooltip, { content: title, placement: "top", delay: { open: 200, close: 0 }, children: button });
|
|
3783
3798
|
}
|
|
3784
3799
|
return button;
|
|
3785
3800
|
});
|
|
3786
3801
|
ToolbarButton.displayName = "ToolbarButton";
|
|
3787
|
-
var ToolbarDivider = () => /* @__PURE__ */
|
|
3802
|
+
var ToolbarDivider = () => /* @__PURE__ */ jsx6("div", { "aria-hidden": "true", className: "mx-1 h-5 w-px shrink-0 bg-[rgba(123,129,132,0.24)]" });
|
|
3788
3803
|
var TableInsertGrid = ({
|
|
3789
3804
|
insertLabel,
|
|
3790
3805
|
previewTemplate,
|
|
@@ -3793,14 +3808,14 @@ var TableInsertGrid = ({
|
|
|
3793
3808
|
const [selection, setSelection] = React5.useState({ rows: 3, cols: 3 });
|
|
3794
3809
|
const maxRows = 8;
|
|
3795
3810
|
const maxCols = 8;
|
|
3796
|
-
return /* @__PURE__ */
|
|
3797
|
-
/* @__PURE__ */
|
|
3798
|
-
/* @__PURE__ */
|
|
3811
|
+
return /* @__PURE__ */ jsxs5("div", { className: "mb-2 rounded-xl border border-border/60 bg-muted/20 p-2", children: [
|
|
3812
|
+
/* @__PURE__ */ jsx6("div", { className: "mb-2 text-sm font-medium text-foreground", children: formatTableInsertLabel(previewTemplate, selection.rows, selection.cols) }),
|
|
3813
|
+
/* @__PURE__ */ jsx6("div", { className: "grid grid-cols-8 gap-1", role: "grid", "aria-label": insertLabel, children: Array.from({ length: maxRows }).map(
|
|
3799
3814
|
(_, rowIndex) => Array.from({ length: maxCols }).map((__, colIndex) => {
|
|
3800
3815
|
const rows = rowIndex + 1;
|
|
3801
3816
|
const cols = colIndex + 1;
|
|
3802
3817
|
const active = rows <= selection.rows && cols <= selection.cols;
|
|
3803
|
-
return /* @__PURE__ */
|
|
3818
|
+
return /* @__PURE__ */ jsx6(
|
|
3804
3819
|
"button",
|
|
3805
3820
|
{
|
|
3806
3821
|
type: "button",
|
|
@@ -3830,7 +3845,7 @@ var TableInsertGrid = ({
|
|
|
3830
3845
|
);
|
|
3831
3846
|
})
|
|
3832
3847
|
) }),
|
|
3833
|
-
/* @__PURE__ */
|
|
3848
|
+
/* @__PURE__ */ jsx6("div", { className: "mt-2 text-xs text-muted-foreground", children: insertLabel })
|
|
3834
3849
|
] });
|
|
3835
3850
|
};
|
|
3836
3851
|
function applyTableCellAttribute(editor, name, value) {
|
|
@@ -3943,46 +3958,46 @@ var EditorToolbar = ({
|
|
|
3943
3958
|
}
|
|
3944
3959
|
};
|
|
3945
3960
|
if (variant === "minimal") {
|
|
3946
|
-
return /* @__PURE__ */
|
|
3947
|
-
/* @__PURE__ */
|
|
3948
|
-
/* @__PURE__ */
|
|
3949
|
-
/* @__PURE__ */
|
|
3950
|
-
/* @__PURE__ */
|
|
3951
|
-
/* @__PURE__ */
|
|
3952
|
-
/* @__PURE__ */
|
|
3961
|
+
return /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/35 bg-muted/30 p-1.5", children: [
|
|
3962
|
+
/* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx6(FigmaUndoIcon, { className: "h-4 w-4" }) }),
|
|
3963
|
+
/* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx6(FigmaRedoIcon, { className: "h-4 w-4" }) }),
|
|
3964
|
+
/* @__PURE__ */ jsx6(ToolbarDivider, {}),
|
|
3965
|
+
/* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx6(FigmaBoldIcon, { className: "h-4 w-4" }) }),
|
|
3966
|
+
/* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx6(FigmaItalicIcon, { className: "h-4 w-4" }) }),
|
|
3967
|
+
/* @__PURE__ */ jsx6(
|
|
3953
3968
|
ToolbarButton,
|
|
3954
3969
|
{
|
|
3955
3970
|
onClick: () => editor.chain().focus().toggleBulletList().run(),
|
|
3956
3971
|
active: editor.isActive("bulletList"),
|
|
3957
3972
|
title: t("toolbar.bulletList"),
|
|
3958
|
-
children: /* @__PURE__ */
|
|
3973
|
+
children: /* @__PURE__ */ jsx6(FigmaListIcon, { className: "h-4 w-4" })
|
|
3959
3974
|
}
|
|
3960
3975
|
),
|
|
3961
|
-
/* @__PURE__ */
|
|
3976
|
+
/* @__PURE__ */ jsx6(
|
|
3962
3977
|
ToolbarButton,
|
|
3963
3978
|
{
|
|
3964
3979
|
onClick: () => editor.chain().focus().decreaseIndent().run(),
|
|
3965
3980
|
disabled: !editorUiState.can.decreaseIndent,
|
|
3966
3981
|
title: t("toolbar.decreaseIndent"),
|
|
3967
|
-
children: /* @__PURE__ */
|
|
3982
|
+
children: /* @__PURE__ */ jsx6(IndentDecrease, { className: "h-4 w-4" })
|
|
3968
3983
|
}
|
|
3969
3984
|
),
|
|
3970
|
-
/* @__PURE__ */
|
|
3985
|
+
/* @__PURE__ */ jsx6(
|
|
3971
3986
|
ToolbarButton,
|
|
3972
3987
|
{
|
|
3973
3988
|
onClick: () => editor.chain().focus().increaseIndent().run(),
|
|
3974
3989
|
disabled: !editorUiState.can.increaseIndent,
|
|
3975
3990
|
title: t("toolbar.increaseIndent"),
|
|
3976
|
-
children: /* @__PURE__ */
|
|
3991
|
+
children: /* @__PURE__ */ jsx6(IndentIncrease, { className: "h-4 w-4" })
|
|
3977
3992
|
}
|
|
3978
3993
|
),
|
|
3979
|
-
/* @__PURE__ */
|
|
3994
|
+
/* @__PURE__ */ jsxs5(
|
|
3980
3995
|
DropdownMenu,
|
|
3981
3996
|
{
|
|
3982
|
-
trigger: /* @__PURE__ */
|
|
3983
|
-
}, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: /* @__PURE__ */
|
|
3997
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
|
|
3998
|
+
}, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: /* @__PURE__ */ jsx6(SquareCheckBig, { className: "w-4 h-4" }) }),
|
|
3984
3999
|
children: [
|
|
3985
|
-
/* @__PURE__ */
|
|
4000
|
+
/* @__PURE__ */ jsx6(
|
|
3986
4001
|
DropdownMenuItem,
|
|
3987
4002
|
{
|
|
3988
4003
|
icon: SquareCheckBig,
|
|
@@ -3990,7 +4005,7 @@ var EditorToolbar = ({
|
|
|
3990
4005
|
onClick: () => editor.chain().focus().setFormCheckbox().run()
|
|
3991
4006
|
}
|
|
3992
4007
|
),
|
|
3993
|
-
/* @__PURE__ */
|
|
4008
|
+
/* @__PURE__ */ jsx6(
|
|
3994
4009
|
DropdownMenuItem,
|
|
3995
4010
|
{
|
|
3996
4011
|
icon: CircleCheckBig,
|
|
@@ -4001,12 +4016,12 @@ var EditorToolbar = ({
|
|
|
4001
4016
|
]
|
|
4002
4017
|
}
|
|
4003
4018
|
),
|
|
4004
|
-
/* @__PURE__ */
|
|
4019
|
+
/* @__PURE__ */ jsx6(
|
|
4005
4020
|
DropdownMenu,
|
|
4006
4021
|
{
|
|
4007
4022
|
contentClassName: "min-w-72",
|
|
4008
|
-
trigger: /* @__PURE__ */
|
|
4009
|
-
children: showLinkInput ? /* @__PURE__ */
|
|
4023
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx6(FigmaLinkIcon, { className: "h-4 w-4" }) }),
|
|
4024
|
+
children: showLinkInput ? /* @__PURE__ */ jsx6(
|
|
4010
4025
|
LinkInput,
|
|
4011
4026
|
{
|
|
4012
4027
|
initialUrl: String(editor.getAttributes("link").href ?? ""),
|
|
@@ -4016,8 +4031,8 @@ var EditorToolbar = ({
|
|
|
4016
4031
|
},
|
|
4017
4032
|
onCancel: () => setShowLinkInput(false)
|
|
4018
4033
|
}
|
|
4019
|
-
) : /* @__PURE__ */
|
|
4020
|
-
/* @__PURE__ */
|
|
4034
|
+
) : /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
4035
|
+
/* @__PURE__ */ jsx6(
|
|
4021
4036
|
DropdownMenuItem,
|
|
4022
4037
|
{
|
|
4023
4038
|
icon: LinkIcon,
|
|
@@ -4027,7 +4042,7 @@ var EditorToolbar = ({
|
|
|
4027
4042
|
closeOnSelect: false
|
|
4028
4043
|
}
|
|
4029
4044
|
),
|
|
4030
|
-
/* @__PURE__ */
|
|
4045
|
+
/* @__PURE__ */ jsx6(
|
|
4031
4046
|
DropdownMenuItem,
|
|
4032
4047
|
{
|
|
4033
4048
|
icon: Trash2,
|
|
@@ -4040,28 +4055,28 @@ var EditorToolbar = ({
|
|
|
4040
4055
|
] })
|
|
4041
4056
|
}
|
|
4042
4057
|
),
|
|
4043
|
-
onToggleMenuBar && /* @__PURE__ */
|
|
4058
|
+
onToggleMenuBar && /* @__PURE__ */ jsx6(
|
|
4044
4059
|
ToolbarButton,
|
|
4045
4060
|
{
|
|
4046
4061
|
onClick: onToggleMenuBar,
|
|
4047
4062
|
active: isMenuBarVisible,
|
|
4048
4063
|
title: t(isMenuBarVisible ? "toolbar.hideMenuBar" : "toolbar.showMenuBar"),
|
|
4049
|
-
children: isMenuBarVisible ? /* @__PURE__ */
|
|
4064
|
+
children: isMenuBarVisible ? /* @__PURE__ */ jsx6(PanelTopClose, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx6(PanelTopOpen, { className: "h-4 w-4" })
|
|
4050
4065
|
}
|
|
4051
4066
|
)
|
|
4052
4067
|
] });
|
|
4053
4068
|
}
|
|
4054
|
-
const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ?
|
|
4055
|
-
return /* @__PURE__ */
|
|
4069
|
+
const VerticalAlignActiveIcon = currentCellVerticalAlign === "middle" ? TableVerticalAlignMiddleIcon : currentCellVerticalAlign === "bottom" ? TableVerticalAlignBottomIcon : TableVerticalAlignTopIcon;
|
|
4070
|
+
return /* @__PURE__ */ jsxs5(
|
|
4056
4071
|
"div",
|
|
4057
4072
|
{
|
|
4058
4073
|
role: "toolbar",
|
|
4059
4074
|
className: "flex min-h-9 flex-wrap items-center gap-0.5 border-b border-[rgba(196,197,213,0.6)] bg-[#F4F4F4] px-1.5 py-1 dark:bg-muted/60",
|
|
4060
4075
|
children: [
|
|
4061
|
-
isFull && /* @__PURE__ */
|
|
4076
|
+
isFull && /* @__PURE__ */ jsx6(
|
|
4062
4077
|
DropdownMenu,
|
|
4063
4078
|
{
|
|
4064
|
-
trigger: /* @__PURE__ */
|
|
4079
|
+
trigger: /* @__PURE__ */ jsxs5(
|
|
4065
4080
|
ToolbarButton,
|
|
4066
4081
|
{
|
|
4067
4082
|
onClick: () => {
|
|
@@ -4069,13 +4084,13 @@ var EditorToolbar = ({
|
|
|
4069
4084
|
title: t("toolbar.fontFamily"),
|
|
4070
4085
|
className: "h-7 w-40 max-w-40 justify-between gap-1.5 border border-[rgba(196,197,213,0.6)] bg-white px-2 text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] hover:bg-white hover:text-[#404040] dark:bg-background dark:text-foreground",
|
|
4071
4086
|
children: [
|
|
4072
|
-
/* @__PURE__ */
|
|
4073
|
-
/* @__PURE__ */
|
|
4087
|
+
/* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1 truncate text-left text-xs font-normal", style: { fontFamily: displayedFontFamilyValue || void 0 }, children: displayedFontFamilyLabel }),
|
|
4088
|
+
/* @__PURE__ */ jsx6(FigmaChevronDownIcon, { className: "h-3 w-3 shrink-0 text-[#7B8184]" })
|
|
4074
4089
|
]
|
|
4075
4090
|
}
|
|
4076
4091
|
),
|
|
4077
4092
|
contentClassName: "max-h-80 overflow-y-auto min-w-56 p-2",
|
|
4078
|
-
children: availableFontFamilies.map((option) => /* @__PURE__ */
|
|
4093
|
+
children: availableFontFamilies.map((option) => /* @__PURE__ */ jsx6(
|
|
4079
4094
|
DropdownMenuItem,
|
|
4080
4095
|
{
|
|
4081
4096
|
label: option.label,
|
|
@@ -4087,11 +4102,11 @@ var EditorToolbar = ({
|
|
|
4087
4102
|
))
|
|
4088
4103
|
}
|
|
4089
4104
|
),
|
|
4090
|
-
(isMediumFull || isFull) && /* @__PURE__ */
|
|
4105
|
+
(isMediumFull || isFull) && /* @__PURE__ */ jsx6(
|
|
4091
4106
|
DropdownMenu,
|
|
4092
4107
|
{
|
|
4093
|
-
trigger: /* @__PURE__ */
|
|
4094
|
-
/* @__PURE__ */
|
|
4108
|
+
trigger: /* @__PURE__ */ jsxs5("div", { className: "flex h-7 w-14 items-center rounded-md border border-[rgba(196,197,213,0.6)] bg-white text-[#404040] shadow-[0_1px_2px_rgba(0,0,0,0.07)] dark:bg-background dark:text-foreground", children: [
|
|
4109
|
+
/* @__PURE__ */ jsx6(
|
|
4095
4110
|
"input",
|
|
4096
4111
|
{
|
|
4097
4112
|
type: "number",
|
|
@@ -4122,10 +4137,10 @@ var EditorToolbar = ({
|
|
|
4122
4137
|
className: "min-w-0 flex-1 bg-transparent px-2 text-xs font-normal leading-none outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
|
|
4123
4138
|
}
|
|
4124
4139
|
),
|
|
4125
|
-
/* @__PURE__ */
|
|
4140
|
+
/* @__PURE__ */ jsx6("button", { type: "button", "aria-label": t("toolbar.fontSize"), title: t("toolbar.fontSize"), className: "px-1 text-[#7B8184]", children: /* @__PURE__ */ jsx6(FigmaChevronDownIcon, { className: "h-3 w-3" }) })
|
|
4126
4141
|
] }),
|
|
4127
4142
|
contentClassName: "max-h-80 overflow-y-auto min-w-32 p-2",
|
|
4128
|
-
children: availableFontSizes.map((option) => /* @__PURE__ */
|
|
4143
|
+
children: availableFontSizes.map((option) => /* @__PURE__ */ jsx6(
|
|
4129
4144
|
DropdownMenuItem,
|
|
4130
4145
|
{
|
|
4131
4146
|
label: option.label,
|
|
@@ -4139,14 +4154,14 @@ var EditorToolbar = ({
|
|
|
4139
4154
|
))
|
|
4140
4155
|
}
|
|
4141
4156
|
),
|
|
4142
|
-
/* @__PURE__ */
|
|
4157
|
+
/* @__PURE__ */ jsxs5(
|
|
4143
4158
|
DropdownMenu,
|
|
4144
4159
|
{
|
|
4145
4160
|
contentClassName: "p-1",
|
|
4146
|
-
trigger: /* @__PURE__ */
|
|
4147
|
-
}, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: /* @__PURE__ */
|
|
4161
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
|
|
4162
|
+
}, title: t("toolbar.textStyle"), className: "px-1.5 w-auto gap-0.5", children: /* @__PURE__ */ jsx6(FigmaTextStyleIcon, { className: "h-4 w-4" }) }),
|
|
4148
4163
|
children: [
|
|
4149
|
-
/* @__PURE__ */
|
|
4164
|
+
/* @__PURE__ */ jsx6(
|
|
4150
4165
|
DropdownMenuItem,
|
|
4151
4166
|
{
|
|
4152
4167
|
icon: Type,
|
|
@@ -4155,7 +4170,7 @@ var EditorToolbar = ({
|
|
|
4155
4170
|
active: editor.isActive("paragraph")
|
|
4156
4171
|
}
|
|
4157
4172
|
),
|
|
4158
|
-
/* @__PURE__ */
|
|
4173
|
+
/* @__PURE__ */ jsx6(
|
|
4159
4174
|
DropdownMenuItem,
|
|
4160
4175
|
{
|
|
4161
4176
|
icon: Heading1Icon,
|
|
@@ -4165,7 +4180,7 @@ var EditorToolbar = ({
|
|
|
4165
4180
|
shortcut: "Ctrl+Alt+1"
|
|
4166
4181
|
}
|
|
4167
4182
|
),
|
|
4168
|
-
/* @__PURE__ */
|
|
4183
|
+
/* @__PURE__ */ jsx6(
|
|
4169
4184
|
DropdownMenuItem,
|
|
4170
4185
|
{
|
|
4171
4186
|
icon: Heading2Icon,
|
|
@@ -4175,7 +4190,7 @@ var EditorToolbar = ({
|
|
|
4175
4190
|
shortcut: "Ctrl+Alt+2"
|
|
4176
4191
|
}
|
|
4177
4192
|
),
|
|
4178
|
-
/* @__PURE__ */
|
|
4193
|
+
/* @__PURE__ */ jsx6(
|
|
4179
4194
|
DropdownMenuItem,
|
|
4180
4195
|
{
|
|
4181
4196
|
icon: Heading3Icon,
|
|
@@ -4188,15 +4203,15 @@ var EditorToolbar = ({
|
|
|
4188
4203
|
]
|
|
4189
4204
|
}
|
|
4190
4205
|
),
|
|
4191
|
-
isFull && /* @__PURE__ */
|
|
4192
|
-
/* @__PURE__ */
|
|
4206
|
+
isFull && /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
4207
|
+
/* @__PURE__ */ jsxs5(
|
|
4193
4208
|
DropdownMenu,
|
|
4194
4209
|
{
|
|
4195
|
-
trigger: /* @__PURE__ */
|
|
4196
|
-
}, title: t("toolbar.lineHeight"), className: "gap-0.5", children: /* @__PURE__ */
|
|
4210
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
|
|
4211
|
+
}, title: t("toolbar.lineHeight"), className: "gap-0.5", children: /* @__PURE__ */ jsx6(FigmaLineHeightIcon, { className: "h-4 w-4" }) }),
|
|
4197
4212
|
contentClassName: "max-h-72 overflow-y-auto p-1",
|
|
4198
4213
|
children: [
|
|
4199
|
-
/* @__PURE__ */
|
|
4214
|
+
/* @__PURE__ */ jsx6(
|
|
4200
4215
|
DropdownMenuItem,
|
|
4201
4216
|
{
|
|
4202
4217
|
icon: Type,
|
|
@@ -4205,7 +4220,7 @@ var EditorToolbar = ({
|
|
|
4205
4220
|
active: !currentLineHeight
|
|
4206
4221
|
}
|
|
4207
4222
|
),
|
|
4208
|
-
availableLineHeights.map((option) => /* @__PURE__ */
|
|
4223
|
+
availableLineHeights.map((option) => /* @__PURE__ */ jsx6(
|
|
4209
4224
|
DropdownMenuItem,
|
|
4210
4225
|
{
|
|
4211
4226
|
label: option.label,
|
|
@@ -4217,14 +4232,14 @@ var EditorToolbar = ({
|
|
|
4217
4232
|
]
|
|
4218
4233
|
}
|
|
4219
4234
|
),
|
|
4220
|
-
/* @__PURE__ */
|
|
4235
|
+
/* @__PURE__ */ jsxs5(
|
|
4221
4236
|
DropdownMenu,
|
|
4222
4237
|
{
|
|
4223
|
-
trigger: /* @__PURE__ */
|
|
4224
|
-
}, title: t("toolbar.letterSpacing"), className: "gap-0.5", children: /* @__PURE__ */
|
|
4238
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
|
|
4239
|
+
}, title: t("toolbar.letterSpacing"), className: "gap-0.5", children: /* @__PURE__ */ jsx6(FigmaLetterSpacingIcon, { className: "h-4 w-4" }) }),
|
|
4225
4240
|
contentClassName: "max-h-72 overflow-y-auto p-1",
|
|
4226
4241
|
children: [
|
|
4227
|
-
/* @__PURE__ */
|
|
4242
|
+
/* @__PURE__ */ jsx6(
|
|
4228
4243
|
DropdownMenuItem,
|
|
4229
4244
|
{
|
|
4230
4245
|
icon: Type,
|
|
@@ -4233,7 +4248,7 @@ var EditorToolbar = ({
|
|
|
4233
4248
|
active: !currentLetterSpacing
|
|
4234
4249
|
}
|
|
4235
4250
|
),
|
|
4236
|
-
availableLetterSpacings.map((option) => /* @__PURE__ */
|
|
4251
|
+
availableLetterSpacings.map((option) => /* @__PURE__ */ jsx6(
|
|
4237
4252
|
DropdownMenuItem,
|
|
4238
4253
|
{
|
|
4239
4254
|
label: option.label,
|
|
@@ -4246,16 +4261,16 @@ var EditorToolbar = ({
|
|
|
4246
4261
|
}
|
|
4247
4262
|
)
|
|
4248
4263
|
] }),
|
|
4249
|
-
/* @__PURE__ */
|
|
4250
|
-
(isMediumFull || isFull) && /* @__PURE__ */
|
|
4264
|
+
/* @__PURE__ */ jsx6(ToolbarDivider, {}),
|
|
4265
|
+
(isMediumFull || isFull) && /* @__PURE__ */ jsx6(
|
|
4251
4266
|
DropdownMenu,
|
|
4252
4267
|
{
|
|
4253
4268
|
isOpen: isTableMenuOpen,
|
|
4254
4269
|
onOpenChange: setIsTableMenuOpen,
|
|
4255
|
-
trigger: /* @__PURE__ */
|
|
4256
|
-
}, title: t("toolbar.table"), children: /* @__PURE__ */
|
|
4270
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
|
|
4271
|
+
}, title: t("toolbar.table"), children: /* @__PURE__ */ jsx6(FigmaTableIcon, { className: "h-4 w-4" }) }),
|
|
4257
4272
|
contentClassName: "p-2 min-w-56",
|
|
4258
|
-
children: /* @__PURE__ */
|
|
4273
|
+
children: /* @__PURE__ */ jsx6(
|
|
4259
4274
|
TableInsertGrid,
|
|
4260
4275
|
{
|
|
4261
4276
|
insertLabel: t("tableMenu.insertTable"),
|
|
@@ -4268,45 +4283,45 @@ var EditorToolbar = ({
|
|
|
4268
4283
|
)
|
|
4269
4284
|
}
|
|
4270
4285
|
),
|
|
4271
|
-
/* @__PURE__ */
|
|
4272
|
-
/* @__PURE__ */
|
|
4273
|
-
/* @__PURE__ */
|
|
4286
|
+
/* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive("bold"), title: t("toolbar.bold"), children: /* @__PURE__ */ jsx6(FigmaBoldIcon, { className: "h-4 w-4" }) }),
|
|
4287
|
+
/* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive("italic"), title: t("toolbar.italic"), children: /* @__PURE__ */ jsx6(FigmaItalicIcon, { className: "h-4 w-4" }) }),
|
|
4288
|
+
/* @__PURE__ */ jsx6(
|
|
4274
4289
|
ToolbarButton,
|
|
4275
4290
|
{
|
|
4276
4291
|
onClick: () => editor.chain().focus().toggleUnderline().run(),
|
|
4277
4292
|
active: editor.isActive("underline"),
|
|
4278
4293
|
title: t("toolbar.underline"),
|
|
4279
|
-
children: /* @__PURE__ */
|
|
4294
|
+
children: /* @__PURE__ */ jsx6(FigmaUnderlineIcon, { className: "h-4 w-4" })
|
|
4280
4295
|
}
|
|
4281
4296
|
),
|
|
4282
|
-
/* @__PURE__ */
|
|
4283
|
-
(isMediumFull || isFull) && /* @__PURE__ */
|
|
4284
|
-
isFull && /* @__PURE__ */
|
|
4285
|
-
/* @__PURE__ */
|
|
4297
|
+
/* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive("strike"), title: t("toolbar.strike"), children: /* @__PURE__ */ jsx6(FigmaStrikeIcon, { className: "h-4 w-4" }) }),
|
|
4298
|
+
(isMediumFull || isFull) && /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().toggleCode().run(), active: editor.isActive("code"), title: t("toolbar.code"), children: /* @__PURE__ */ jsx6(FigmaCodeIcon, { className: "h-4 w-4" }) }),
|
|
4299
|
+
isFull && /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
4300
|
+
/* @__PURE__ */ jsx6(
|
|
4286
4301
|
ToolbarButton,
|
|
4287
4302
|
{
|
|
4288
4303
|
onClick: () => editor.chain().focus().toggleSubscript().run(),
|
|
4289
4304
|
active: editor.isActive("subscript"),
|
|
4290
4305
|
title: t("toolbar.subscript"),
|
|
4291
|
-
children: /* @__PURE__ */
|
|
4306
|
+
children: /* @__PURE__ */ jsx6(FigmaSubscriptIcon, { className: "h-4 w-4" })
|
|
4292
4307
|
}
|
|
4293
4308
|
),
|
|
4294
|
-
/* @__PURE__ */
|
|
4309
|
+
/* @__PURE__ */ jsx6(
|
|
4295
4310
|
ToolbarButton,
|
|
4296
4311
|
{
|
|
4297
4312
|
onClick: () => editor.chain().focus().toggleSuperscript().run(),
|
|
4298
4313
|
active: editor.isActive("superscript"),
|
|
4299
4314
|
title: t("toolbar.superscript"),
|
|
4300
|
-
children: /* @__PURE__ */
|
|
4315
|
+
children: /* @__PURE__ */ jsx6(FigmaSuperscriptIcon, { className: "h-4 w-4" })
|
|
4301
4316
|
}
|
|
4302
4317
|
)
|
|
4303
4318
|
] }),
|
|
4304
|
-
/* @__PURE__ */
|
|
4319
|
+
/* @__PURE__ */ jsx6(
|
|
4305
4320
|
DropdownMenu,
|
|
4306
4321
|
{
|
|
4307
4322
|
contentClassName: "min-w-72",
|
|
4308
|
-
trigger: /* @__PURE__ */
|
|
4309
|
-
children: showLinkInput ? /* @__PURE__ */
|
|
4323
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => setShowLinkInput(!editor.isActive("link")), active: editor.isActive("link"), title: t("toolbar.link"), children: /* @__PURE__ */ jsx6(FigmaLinkIcon, { className: "h-4 w-4" }) }),
|
|
4324
|
+
children: showLinkInput ? /* @__PURE__ */ jsx6(
|
|
4310
4325
|
LinkInput,
|
|
4311
4326
|
{
|
|
4312
4327
|
initialUrl: String(editor.getAttributes("link").href ?? ""),
|
|
@@ -4316,8 +4331,8 @@ var EditorToolbar = ({
|
|
|
4316
4331
|
},
|
|
4317
4332
|
onCancel: () => setShowLinkInput(false)
|
|
4318
4333
|
}
|
|
4319
|
-
) : /* @__PURE__ */
|
|
4320
|
-
/* @__PURE__ */
|
|
4334
|
+
) : /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
4335
|
+
/* @__PURE__ */ jsx6(
|
|
4321
4336
|
DropdownMenuItem,
|
|
4322
4337
|
{
|
|
4323
4338
|
icon: LinkIcon,
|
|
@@ -4327,7 +4342,7 @@ var EditorToolbar = ({
|
|
|
4327
4342
|
closeOnSelect: false
|
|
4328
4343
|
}
|
|
4329
4344
|
),
|
|
4330
|
-
/* @__PURE__ */
|
|
4345
|
+
/* @__PURE__ */ jsx6(
|
|
4331
4346
|
DropdownMenuItem,
|
|
4332
4347
|
{
|
|
4333
4348
|
icon: Trash2,
|
|
@@ -4340,13 +4355,13 @@ var EditorToolbar = ({
|
|
|
4340
4355
|
] })
|
|
4341
4356
|
}
|
|
4342
4357
|
),
|
|
4343
|
-
/* @__PURE__ */
|
|
4344
|
-
/* @__PURE__ */
|
|
4358
|
+
/* @__PURE__ */ jsx6(ToolbarDivider, {}),
|
|
4359
|
+
/* @__PURE__ */ jsx6(
|
|
4345
4360
|
DropdownMenu,
|
|
4346
4361
|
{
|
|
4347
|
-
trigger: /* @__PURE__ */
|
|
4348
|
-
}, title: t("colors.textColor"), children: /* @__PURE__ */
|
|
4349
|
-
children: /* @__PURE__ */
|
|
4362
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
|
|
4363
|
+
}, title: t("colors.textColor"), children: /* @__PURE__ */ jsx6(TextColorIcon, { color: currentTextColor }) }),
|
|
4364
|
+
children: /* @__PURE__ */ jsx6(
|
|
4350
4365
|
EditorColorPalette,
|
|
4351
4366
|
{
|
|
4352
4367
|
colors: textColors,
|
|
@@ -4363,12 +4378,12 @@ var EditorToolbar = ({
|
|
|
4363
4378
|
)
|
|
4364
4379
|
}
|
|
4365
4380
|
),
|
|
4366
|
-
/* @__PURE__ */
|
|
4381
|
+
/* @__PURE__ */ jsx6(
|
|
4367
4382
|
DropdownMenu,
|
|
4368
4383
|
{
|
|
4369
|
-
trigger: /* @__PURE__ */
|
|
4370
|
-
}, active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */
|
|
4371
|
-
children: /* @__PURE__ */
|
|
4384
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
|
|
4385
|
+
}, active: editor.isActive("highlight"), title: t("colors.highlight"), children: /* @__PURE__ */ jsx6(HighlightColorIcon, { color: currentHighlightColor }) }),
|
|
4386
|
+
children: /* @__PURE__ */ jsx6(
|
|
4372
4387
|
EditorColorPalette,
|
|
4373
4388
|
{
|
|
4374
4389
|
colors: highlightColors,
|
|
@@ -4385,15 +4400,15 @@ var EditorToolbar = ({
|
|
|
4385
4400
|
)
|
|
4386
4401
|
}
|
|
4387
4402
|
),
|
|
4388
|
-
(isMediumFull || isFull) && /* @__PURE__ */
|
|
4389
|
-
/* @__PURE__ */
|
|
4390
|
-
/* @__PURE__ */
|
|
4403
|
+
(isMediumFull || isFull) && /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
4404
|
+
/* @__PURE__ */ jsx6(ToolbarDivider, {}),
|
|
4405
|
+
/* @__PURE__ */ jsxs5(
|
|
4391
4406
|
DropdownMenu,
|
|
4392
4407
|
{
|
|
4393
|
-
trigger: /* @__PURE__ */
|
|
4394
|
-
}, title: t("toolbar.alignment"), children: /* @__PURE__ */
|
|
4408
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
|
|
4409
|
+
}, title: t("toolbar.alignment"), children: /* @__PURE__ */ jsx6(FigmaAlignLeftIcon, { className: "h-4 w-4" }) }),
|
|
4395
4410
|
children: [
|
|
4396
|
-
/* @__PURE__ */
|
|
4411
|
+
/* @__PURE__ */ jsx6(
|
|
4397
4412
|
DropdownMenuItem,
|
|
4398
4413
|
{
|
|
4399
4414
|
icon: AlignLeft,
|
|
@@ -4402,7 +4417,7 @@ var EditorToolbar = ({
|
|
|
4402
4417
|
active: editor.isActive({ textAlign: "left" })
|
|
4403
4418
|
}
|
|
4404
4419
|
),
|
|
4405
|
-
/* @__PURE__ */
|
|
4420
|
+
/* @__PURE__ */ jsx6(
|
|
4406
4421
|
DropdownMenuItem,
|
|
4407
4422
|
{
|
|
4408
4423
|
icon: AlignCenter,
|
|
@@ -4411,7 +4426,7 @@ var EditorToolbar = ({
|
|
|
4411
4426
|
active: editor.isActive({ textAlign: "center" })
|
|
4412
4427
|
}
|
|
4413
4428
|
),
|
|
4414
|
-
/* @__PURE__ */
|
|
4429
|
+
/* @__PURE__ */ jsx6(
|
|
4415
4430
|
DropdownMenuItem,
|
|
4416
4431
|
{
|
|
4417
4432
|
icon: AlignRight,
|
|
@@ -4420,7 +4435,7 @@ var EditorToolbar = ({
|
|
|
4420
4435
|
active: editor.isActive({ textAlign: "right" })
|
|
4421
4436
|
}
|
|
4422
4437
|
),
|
|
4423
|
-
/* @__PURE__ */
|
|
4438
|
+
/* @__PURE__ */ jsx6(
|
|
4424
4439
|
DropdownMenuItem,
|
|
4425
4440
|
{
|
|
4426
4441
|
icon: AlignJustify,
|
|
@@ -4429,30 +4444,30 @@ var EditorToolbar = ({
|
|
|
4429
4444
|
active: editor.isActive({ textAlign: "justify" })
|
|
4430
4445
|
}
|
|
4431
4446
|
),
|
|
4432
|
-
hasTableContext && /* @__PURE__ */
|
|
4433
|
-
/* @__PURE__ */
|
|
4434
|
-
/* @__PURE__ */
|
|
4447
|
+
hasTableContext && /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
4448
|
+
/* @__PURE__ */ jsx6("div", { className: "my-1 border-t" }),
|
|
4449
|
+
/* @__PURE__ */ jsx6(
|
|
4435
4450
|
DropdownMenuItem,
|
|
4436
4451
|
{
|
|
4437
|
-
icon:
|
|
4452
|
+
icon: TableVerticalAlignTopIcon,
|
|
4438
4453
|
label: t("tableMenu.alignVerticalTop") || "Align top",
|
|
4439
4454
|
onClick: () => applyTableCellAttribute(editor, "verticalAlign", "top"),
|
|
4440
4455
|
active: currentCellVerticalAlign === "top"
|
|
4441
4456
|
}
|
|
4442
4457
|
),
|
|
4443
|
-
/* @__PURE__ */
|
|
4458
|
+
/* @__PURE__ */ jsx6(
|
|
4444
4459
|
DropdownMenuItem,
|
|
4445
4460
|
{
|
|
4446
|
-
icon:
|
|
4461
|
+
icon: TableVerticalAlignMiddleIcon,
|
|
4447
4462
|
label: t("tableMenu.alignVerticalMiddle") || "Align middle",
|
|
4448
4463
|
onClick: () => applyTableCellAttribute(editor, "verticalAlign", "middle"),
|
|
4449
4464
|
active: currentCellVerticalAlign === "middle"
|
|
4450
4465
|
}
|
|
4451
4466
|
),
|
|
4452
|
-
/* @__PURE__ */
|
|
4467
|
+
/* @__PURE__ */ jsx6(
|
|
4453
4468
|
DropdownMenuItem,
|
|
4454
4469
|
{
|
|
4455
|
-
icon:
|
|
4470
|
+
icon: TableVerticalAlignBottomIcon,
|
|
4456
4471
|
label: t("tableMenu.alignVerticalBottom") || "Align bottom",
|
|
4457
4472
|
onClick: () => applyTableCellAttribute(editor, "verticalAlign", "bottom"),
|
|
4458
4473
|
active: currentCellVerticalAlign === "bottom"
|
|
@@ -4462,14 +4477,14 @@ var EditorToolbar = ({
|
|
|
4462
4477
|
]
|
|
4463
4478
|
}
|
|
4464
4479
|
),
|
|
4465
|
-
hasTableContext && /* @__PURE__ */
|
|
4466
|
-
/* @__PURE__ */
|
|
4480
|
+
hasTableContext && /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
4481
|
+
/* @__PURE__ */ jsxs5(
|
|
4467
4482
|
DropdownMenu,
|
|
4468
4483
|
{
|
|
4469
|
-
trigger: /* @__PURE__ */
|
|
4470
|
-
}, title: t("tableMenu.textDirection"), children: currentCellTextDirection === "vertical" ? /* @__PURE__ */
|
|
4484
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
|
|
4485
|
+
}, title: t("tableMenu.textDirection"), children: currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx6(ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx6(ArrowRight, { className: "w-4 h-4" }) }),
|
|
4471
4486
|
children: [
|
|
4472
|
-
/* @__PURE__ */
|
|
4487
|
+
/* @__PURE__ */ jsx6(
|
|
4473
4488
|
DropdownMenuItem,
|
|
4474
4489
|
{
|
|
4475
4490
|
icon: ArrowRight,
|
|
@@ -4478,7 +4493,7 @@ var EditorToolbar = ({
|
|
|
4478
4493
|
active: currentCellTextDirection === "horizontal"
|
|
4479
4494
|
}
|
|
4480
4495
|
),
|
|
4481
|
-
/* @__PURE__ */
|
|
4496
|
+
/* @__PURE__ */ jsx6(
|
|
4482
4497
|
DropdownMenuItem,
|
|
4483
4498
|
{
|
|
4484
4499
|
icon: ArrowDown,
|
|
@@ -4490,25 +4505,25 @@ var EditorToolbar = ({
|
|
|
4490
4505
|
]
|
|
4491
4506
|
}
|
|
4492
4507
|
),
|
|
4493
|
-
/* @__PURE__ */
|
|
4508
|
+
/* @__PURE__ */ jsx6(
|
|
4494
4509
|
ToolbarButton,
|
|
4495
4510
|
{
|
|
4496
4511
|
onClick: () => applyTableCellAttribute(editor, "textWrap", currentCellTextWrap === "nowrap" ? "wrap" : "nowrap"),
|
|
4497
4512
|
active: currentCellTextWrap !== "nowrap",
|
|
4498
4513
|
title: currentCellTextWrap === "nowrap" ? t("tableMenu.wrapText") : t("tableMenu.noWrapText"),
|
|
4499
|
-
children: /* @__PURE__ */
|
|
4514
|
+
children: /* @__PURE__ */ jsx6(WrapText, { className: "h-4 w-4" })
|
|
4500
4515
|
}
|
|
4501
4516
|
)
|
|
4502
4517
|
] })
|
|
4503
4518
|
] }),
|
|
4504
|
-
/* @__PURE__ */
|
|
4505
|
-
/* @__PURE__ */
|
|
4519
|
+
/* @__PURE__ */ jsx6(ToolbarDivider, {}),
|
|
4520
|
+
/* @__PURE__ */ jsxs5(
|
|
4506
4521
|
DropdownMenu,
|
|
4507
4522
|
{
|
|
4508
|
-
trigger: /* @__PURE__ */
|
|
4509
|
-
}, title: t("toolbar.bulletList"), children: /* @__PURE__ */
|
|
4523
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
|
|
4524
|
+
}, title: t("toolbar.bulletList"), children: /* @__PURE__ */ jsx6(FigmaListIcon, { className: "h-4 w-4" }) }),
|
|
4510
4525
|
children: [
|
|
4511
|
-
/* @__PURE__ */
|
|
4526
|
+
/* @__PURE__ */ jsx6(
|
|
4512
4527
|
DropdownMenuItem,
|
|
4513
4528
|
{
|
|
4514
4529
|
icon: ListIcon,
|
|
@@ -4518,7 +4533,7 @@ var EditorToolbar = ({
|
|
|
4518
4533
|
shortcut: "Ctrl+Shift+8"
|
|
4519
4534
|
}
|
|
4520
4535
|
),
|
|
4521
|
-
/* @__PURE__ */
|
|
4536
|
+
/* @__PURE__ */ jsx6(
|
|
4522
4537
|
DropdownMenuItem,
|
|
4523
4538
|
{
|
|
4524
4539
|
icon: ListOrderedIcon,
|
|
@@ -4528,7 +4543,7 @@ var EditorToolbar = ({
|
|
|
4528
4543
|
shortcut: "Ctrl+Shift+7"
|
|
4529
4544
|
}
|
|
4530
4545
|
),
|
|
4531
|
-
/* @__PURE__ */
|
|
4546
|
+
/* @__PURE__ */ jsx6(
|
|
4532
4547
|
DropdownMenuItem,
|
|
4533
4548
|
{
|
|
4534
4549
|
icon: ListTodo,
|
|
@@ -4541,31 +4556,31 @@ var EditorToolbar = ({
|
|
|
4541
4556
|
]
|
|
4542
4557
|
}
|
|
4543
4558
|
),
|
|
4544
|
-
/* @__PURE__ */
|
|
4559
|
+
/* @__PURE__ */ jsx6(
|
|
4545
4560
|
ToolbarButton,
|
|
4546
4561
|
{
|
|
4547
4562
|
onClick: () => editor.chain().focus().decreaseIndent().run(),
|
|
4548
4563
|
disabled: !editorUiState.can.decreaseIndent,
|
|
4549
4564
|
title: t("toolbar.decreaseIndent"),
|
|
4550
|
-
children: /* @__PURE__ */
|
|
4565
|
+
children: /* @__PURE__ */ jsx6(IndentDecrease, { className: "h-4 w-4" })
|
|
4551
4566
|
}
|
|
4552
4567
|
),
|
|
4553
|
-
/* @__PURE__ */
|
|
4568
|
+
/* @__PURE__ */ jsx6(
|
|
4554
4569
|
ToolbarButton,
|
|
4555
4570
|
{
|
|
4556
4571
|
onClick: () => editor.chain().focus().increaseIndent().run(),
|
|
4557
4572
|
disabled: !editorUiState.can.increaseIndent,
|
|
4558
4573
|
title: t("toolbar.increaseIndent"),
|
|
4559
|
-
children: /* @__PURE__ */
|
|
4574
|
+
children: /* @__PURE__ */ jsx6(IndentIncrease, { className: "h-4 w-4" })
|
|
4560
4575
|
}
|
|
4561
4576
|
),
|
|
4562
|
-
/* @__PURE__ */
|
|
4577
|
+
/* @__PURE__ */ jsxs5(
|
|
4563
4578
|
DropdownMenu,
|
|
4564
4579
|
{
|
|
4565
|
-
trigger: /* @__PURE__ */
|
|
4566
|
-
}, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: /* @__PURE__ */
|
|
4580
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
|
|
4581
|
+
}, active: editor.isActive("formCheckbox"), title: t("slashCommand.formCheckbox"), children: /* @__PURE__ */ jsx6(SquareCheckBig, { className: "w-4 h-4" }) }),
|
|
4567
4582
|
children: [
|
|
4568
|
-
/* @__PURE__ */
|
|
4583
|
+
/* @__PURE__ */ jsx6(
|
|
4569
4584
|
DropdownMenuItem,
|
|
4570
4585
|
{
|
|
4571
4586
|
icon: SquareCheckBig,
|
|
@@ -4573,7 +4588,7 @@ var EditorToolbar = ({
|
|
|
4573
4588
|
onClick: () => editor.chain().focus().setFormCheckbox().run()
|
|
4574
4589
|
}
|
|
4575
4590
|
),
|
|
4576
|
-
/* @__PURE__ */
|
|
4591
|
+
/* @__PURE__ */ jsx6(
|
|
4577
4592
|
DropdownMenuItem,
|
|
4578
4593
|
{
|
|
4579
4594
|
icon: CircleCheckBig,
|
|
@@ -4584,14 +4599,14 @@ var EditorToolbar = ({
|
|
|
4584
4599
|
]
|
|
4585
4600
|
}
|
|
4586
4601
|
),
|
|
4587
|
-
isMediumFull && /* @__PURE__ */
|
|
4588
|
-
isFull && /* @__PURE__ */
|
|
4602
|
+
isMediumFull && /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().toggleBlockquote().run(), active: editor.isActive("blockquote"), title: t("toolbar.quote"), children: /* @__PURE__ */ jsx6(FigmaQuoteIcon, { className: "h-4 w-4" }) }),
|
|
4603
|
+
isFull && /* @__PURE__ */ jsxs5(
|
|
4589
4604
|
DropdownMenu,
|
|
4590
4605
|
{
|
|
4591
|
-
trigger: /* @__PURE__ */
|
|
4592
|
-
}, title: t("toolbar.quote"), children: /* @__PURE__ */
|
|
4606
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
|
|
4607
|
+
}, title: t("toolbar.quote"), children: /* @__PURE__ */ jsx6(FigmaQuoteIcon, { className: "h-4 w-4" }) }),
|
|
4593
4608
|
children: [
|
|
4594
|
-
/* @__PURE__ */
|
|
4609
|
+
/* @__PURE__ */ jsx6(
|
|
4595
4610
|
DropdownMenuItem,
|
|
4596
4611
|
{
|
|
4597
4612
|
icon: QuoteIcon,
|
|
@@ -4601,7 +4616,7 @@ var EditorToolbar = ({
|
|
|
4601
4616
|
shortcut: "Ctrl+Shift+B"
|
|
4602
4617
|
}
|
|
4603
4618
|
),
|
|
4604
|
-
/* @__PURE__ */
|
|
4619
|
+
/* @__PURE__ */ jsx6(
|
|
4605
4620
|
DropdownMenuItem,
|
|
4606
4621
|
{
|
|
4607
4622
|
icon: FileCode,
|
|
@@ -4614,12 +4629,12 @@ var EditorToolbar = ({
|
|
|
4614
4629
|
]
|
|
4615
4630
|
}
|
|
4616
4631
|
),
|
|
4617
|
-
(isMediumFull || isFull) && /* @__PURE__ */
|
|
4632
|
+
(isMediumFull || isFull) && /* @__PURE__ */ jsx6(
|
|
4618
4633
|
DropdownMenu,
|
|
4619
4634
|
{
|
|
4620
|
-
trigger: /* @__PURE__ */
|
|
4621
|
-
}, title: t("toolbar.image"), children: /* @__PURE__ */
|
|
4622
|
-
children: showImageInput ? /* @__PURE__ */
|
|
4635
|
+
trigger: /* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => {
|
|
4636
|
+
}, title: t("toolbar.image"), children: /* @__PURE__ */ jsx6(FigmaImageIcon, { className: "h-4 w-4" }) }),
|
|
4637
|
+
children: showImageInput ? /* @__PURE__ */ jsx6(
|
|
4623
4638
|
ImageInput,
|
|
4624
4639
|
{
|
|
4625
4640
|
onSubmit: (url, alt) => {
|
|
@@ -4628,9 +4643,9 @@ var EditorToolbar = ({
|
|
|
4628
4643
|
},
|
|
4629
4644
|
onCancel: () => setShowImageInput(false)
|
|
4630
4645
|
}
|
|
4631
|
-
) : /* @__PURE__ */
|
|
4632
|
-
/* @__PURE__ */
|
|
4633
|
-
/* @__PURE__ */
|
|
4646
|
+
) : /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
4647
|
+
/* @__PURE__ */ jsx6(DropdownMenuItem, { icon: LinkIcon, label: t("imageInput.addFromUrl"), onClick: () => setShowImageInput(true), closeOnSelect: false }),
|
|
4648
|
+
/* @__PURE__ */ jsx6(
|
|
4634
4649
|
DropdownMenuItem,
|
|
4635
4650
|
{
|
|
4636
4651
|
icon: Upload,
|
|
@@ -4640,8 +4655,8 @@ var EditorToolbar = ({
|
|
|
4640
4655
|
closeOnSelect: false
|
|
4641
4656
|
}
|
|
4642
4657
|
),
|
|
4643
|
-
imageUploadError && /* @__PURE__ */
|
|
4644
|
-
/* @__PURE__ */
|
|
4658
|
+
imageUploadError && /* @__PURE__ */ jsx6(DropdownMenuItem, { label: imageUploadError, disabled: true, destructive: true }),
|
|
4659
|
+
/* @__PURE__ */ jsx6(
|
|
4645
4660
|
"input",
|
|
4646
4661
|
{
|
|
4647
4662
|
ref: fileInputRef,
|
|
@@ -4656,8 +4671,8 @@ var EditorToolbar = ({
|
|
|
4656
4671
|
}
|
|
4657
4672
|
}
|
|
4658
4673
|
),
|
|
4659
|
-
/* @__PURE__ */
|
|
4660
|
-
/* @__PURE__ */
|
|
4674
|
+
/* @__PURE__ */ jsx6("div", { className: "my-1 border-t" }),
|
|
4675
|
+
/* @__PURE__ */ jsx6(
|
|
4661
4676
|
DropdownMenuItem,
|
|
4662
4677
|
{
|
|
4663
4678
|
icon: AlignCenter,
|
|
@@ -4667,7 +4682,7 @@ var EditorToolbar = ({
|
|
|
4667
4682
|
disabled: !isImageSelected
|
|
4668
4683
|
}
|
|
4669
4684
|
),
|
|
4670
|
-
/* @__PURE__ */
|
|
4685
|
+
/* @__PURE__ */ jsx6(
|
|
4671
4686
|
DropdownMenuItem,
|
|
4672
4687
|
{
|
|
4673
4688
|
icon: AlignLeft,
|
|
@@ -4677,7 +4692,7 @@ var EditorToolbar = ({
|
|
|
4677
4692
|
disabled: !isImageSelected
|
|
4678
4693
|
}
|
|
4679
4694
|
),
|
|
4680
|
-
/* @__PURE__ */
|
|
4695
|
+
/* @__PURE__ */ jsx6(
|
|
4681
4696
|
DropdownMenuItem,
|
|
4682
4697
|
{
|
|
4683
4698
|
icon: AlignRight,
|
|
@@ -4687,8 +4702,8 @@ var EditorToolbar = ({
|
|
|
4687
4702
|
disabled: !isImageSelected
|
|
4688
4703
|
}
|
|
4689
4704
|
),
|
|
4690
|
-
/* @__PURE__ */
|
|
4691
|
-
/* @__PURE__ */
|
|
4705
|
+
/* @__PURE__ */ jsx6("div", { className: "my-1 border-t" }),
|
|
4706
|
+
/* @__PURE__ */ jsx6(
|
|
4692
4707
|
DropdownMenuItem,
|
|
4693
4708
|
{
|
|
4694
4709
|
label: t("toolbar.imageWidthSm"),
|
|
@@ -4697,7 +4712,7 @@ var EditorToolbar = ({
|
|
|
4697
4712
|
disabled: !isImageSelected
|
|
4698
4713
|
}
|
|
4699
4714
|
),
|
|
4700
|
-
/* @__PURE__ */
|
|
4715
|
+
/* @__PURE__ */ jsx6(
|
|
4701
4716
|
DropdownMenuItem,
|
|
4702
4717
|
{
|
|
4703
4718
|
label: t("toolbar.imageWidthMd"),
|
|
@@ -4706,7 +4721,7 @@ var EditorToolbar = ({
|
|
|
4706
4721
|
disabled: !isImageSelected
|
|
4707
4722
|
}
|
|
4708
4723
|
),
|
|
4709
|
-
/* @__PURE__ */
|
|
4724
|
+
/* @__PURE__ */ jsx6(
|
|
4710
4725
|
DropdownMenuItem,
|
|
4711
4726
|
{
|
|
4712
4727
|
label: t("toolbar.imageWidthLg"),
|
|
@@ -4715,8 +4730,8 @@ var EditorToolbar = ({
|
|
|
4715
4730
|
disabled: !isImageSelected
|
|
4716
4731
|
}
|
|
4717
4732
|
),
|
|
4718
|
-
/* @__PURE__ */
|
|
4719
|
-
/* @__PURE__ */
|
|
4733
|
+
/* @__PURE__ */ jsx6("div", { className: "my-1 border-t" }),
|
|
4734
|
+
/* @__PURE__ */ jsx6(
|
|
4720
4735
|
DropdownMenuItem,
|
|
4721
4736
|
{
|
|
4722
4737
|
icon: RotateCcw,
|
|
@@ -4725,7 +4740,7 @@ var EditorToolbar = ({
|
|
|
4725
4740
|
disabled: !isImageSelected
|
|
4726
4741
|
}
|
|
4727
4742
|
),
|
|
4728
|
-
/* @__PURE__ */
|
|
4743
|
+
/* @__PURE__ */ jsx6(
|
|
4729
4744
|
DropdownMenuItem,
|
|
4730
4745
|
{
|
|
4731
4746
|
icon: Trash2,
|
|
@@ -4738,48 +4753,48 @@ var EditorToolbar = ({
|
|
|
4738
4753
|
] })
|
|
4739
4754
|
}
|
|
4740
4755
|
),
|
|
4741
|
-
/* @__PURE__ */
|
|
4742
|
-
/* @__PURE__ */
|
|
4743
|
-
/* @__PURE__ */
|
|
4744
|
-
hasTableContext && /* @__PURE__ */
|
|
4745
|
-
/* @__PURE__ */
|
|
4746
|
-
/* @__PURE__ */
|
|
4756
|
+
/* @__PURE__ */ jsx6(ToolbarDivider, {}),
|
|
4757
|
+
/* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ jsx6(FigmaUndoIcon, { className: "h-4 w-4" }) }),
|
|
4758
|
+
/* @__PURE__ */ jsx6(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ jsx6(FigmaRedoIcon, { className: "h-4 w-4" }) }),
|
|
4759
|
+
hasTableContext && /* @__PURE__ */ jsxs5(Fragment, { children: [
|
|
4760
|
+
/* @__PURE__ */ jsx6(ToolbarDivider, {}),
|
|
4761
|
+
/* @__PURE__ */ jsx6(
|
|
4747
4762
|
ToolbarButton,
|
|
4748
4763
|
{
|
|
4749
4764
|
onClick: () => editor.chain().focus().addColumnBefore().run(),
|
|
4750
4765
|
disabled: !editor.can().addColumnBefore(),
|
|
4751
4766
|
title: t("tableMenu.addColumnBefore"),
|
|
4752
|
-
children: /* @__PURE__ */
|
|
4767
|
+
children: /* @__PURE__ */ jsx6(ArrowLeft, { className: "w-4 h-4" })
|
|
4753
4768
|
}
|
|
4754
4769
|
),
|
|
4755
|
-
/* @__PURE__ */
|
|
4770
|
+
/* @__PURE__ */ jsx6(
|
|
4756
4771
|
ToolbarButton,
|
|
4757
4772
|
{
|
|
4758
4773
|
onClick: () => editor.chain().focus().addColumnAfter().run(),
|
|
4759
4774
|
disabled: !editor.can().addColumnAfter(),
|
|
4760
4775
|
title: t("tableMenu.addColumnAfter"),
|
|
4761
|
-
children: /* @__PURE__ */
|
|
4776
|
+
children: /* @__PURE__ */ jsx6(ArrowRight, { className: "w-4 h-4" })
|
|
4762
4777
|
}
|
|
4763
4778
|
),
|
|
4764
|
-
/* @__PURE__ */
|
|
4779
|
+
/* @__PURE__ */ jsx6(
|
|
4765
4780
|
ToolbarButton,
|
|
4766
4781
|
{
|
|
4767
4782
|
onClick: () => editor.chain().focus().addRowBefore().run(),
|
|
4768
4783
|
disabled: !editor.can().addRowBefore(),
|
|
4769
4784
|
title: t("tableMenu.addRowBefore"),
|
|
4770
|
-
children: /* @__PURE__ */
|
|
4785
|
+
children: /* @__PURE__ */ jsx6(ArrowUp, { className: "w-4 h-4" })
|
|
4771
4786
|
}
|
|
4772
4787
|
),
|
|
4773
|
-
/* @__PURE__ */
|
|
4788
|
+
/* @__PURE__ */ jsx6(
|
|
4774
4789
|
ToolbarButton,
|
|
4775
4790
|
{
|
|
4776
4791
|
onClick: () => editor.chain().focus().addRowAfter().run(),
|
|
4777
4792
|
disabled: !editor.can().addRowAfter(),
|
|
4778
4793
|
title: t("tableMenu.addRowAfter"),
|
|
4779
|
-
children: /* @__PURE__ */
|
|
4794
|
+
children: /* @__PURE__ */ jsx6(ArrowDown, { className: "w-4 h-4" })
|
|
4780
4795
|
}
|
|
4781
4796
|
),
|
|
4782
|
-
/* @__PURE__ */
|
|
4797
|
+
/* @__PURE__ */ jsx6(
|
|
4783
4798
|
ToolbarButton,
|
|
4784
4799
|
{
|
|
4785
4800
|
onClick: () => {
|
|
@@ -4792,17 +4807,17 @@ var EditorToolbar = ({
|
|
|
4792
4807
|
active: canSplitCell,
|
|
4793
4808
|
disabled: !canMergeCells && !canSplitCell,
|
|
4794
4809
|
title: canSplitCell ? t("tableMenu.splitCell") : t("tableMenu.mergeCells"),
|
|
4795
|
-
children: /* @__PURE__ */
|
|
4810
|
+
children: /* @__PURE__ */ jsx6(TableCellsMerge, { className: "w-4 h-4" })
|
|
4796
4811
|
}
|
|
4797
4812
|
)
|
|
4798
4813
|
] }),
|
|
4799
|
-
onToggleMenuBar && /* @__PURE__ */
|
|
4814
|
+
onToggleMenuBar && /* @__PURE__ */ jsx6(
|
|
4800
4815
|
ToolbarButton,
|
|
4801
4816
|
{
|
|
4802
4817
|
onClick: onToggleMenuBar,
|
|
4803
4818
|
active: isMenuBarVisible,
|
|
4804
4819
|
title: t(isMenuBarVisible ? "toolbar.hideMenuBar" : "toolbar.showMenuBar"),
|
|
4805
|
-
children: isMenuBarVisible ? /* @__PURE__ */
|
|
4820
|
+
children: isMenuBarVisible ? /* @__PURE__ */ jsx6(PanelTopClose, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx6(PanelTopOpen, { className: "h-4 w-4" })
|
|
4806
4821
|
}
|
|
4807
4822
|
)
|
|
4808
4823
|
]
|
|
@@ -5109,6 +5124,9 @@ export {
|
|
|
5109
5124
|
LinkInput,
|
|
5110
5125
|
ImageInput,
|
|
5111
5126
|
applyEditorLink,
|
|
5127
|
+
TableVerticalAlignTopIcon,
|
|
5128
|
+
TableVerticalAlignMiddleIcon,
|
|
5129
|
+
TableVerticalAlignBottomIcon,
|
|
5112
5130
|
normalizeStyleValue,
|
|
5113
5131
|
getDefaultFontSizes,
|
|
5114
5132
|
getDefaultLineHeights,
|
|
@@ -5120,4 +5138,4 @@ export {
|
|
|
5120
5138
|
EditorToolbar,
|
|
5121
5139
|
UEDITOR_PROSEMIRROR_CLASS_NAME
|
|
5122
5140
|
};
|
|
5123
|
-
//# sourceMappingURL=chunk-
|
|
5141
|
+
//# sourceMappingURL=chunk-GZ7EDNGF.js.map
|