@stll/folio-react 0.25.3 → 0.27.0
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/README.md +1 -1
- package/dist/{CommentsSidebar-IR9uTkkk.js → CommentsSidebar-BbwdJakm.js} +53 -33
- package/dist/{FindReplaceDialog-BUwFQWaq.js → FindReplaceDialog-LlVMe3EW.js} +148 -107
- package/dist/{FootnotePropertiesDialog-6XdO0zBH.js → FootnotePropertiesDialog-D73t3LNP.js} +1 -1
- package/dist/ImagePositionDialog-Cwt6R8iM.js +1039 -0
- package/dist/ImagePropertiesDialog-GNZLBFLB.js +607 -0
- package/dist/{InsertSymbolDialog-Cn_Nifhg.js → InsertSymbolDialog-CeEhkEvc.js} +1 -1
- package/dist/PageSetupDialog-DD6IEZAo.js +805 -0
- package/dist/SetNumberingValueDialog-CDQGDvP1.js +233 -0
- package/dist/TablePropertiesDialog-Vu0HXQz6.js +416 -0
- package/dist/{TextContextMenu-Bqth8itn.js → TextContextMenu-DZ3AUFKh.js} +4 -2
- package/dist/compat/eigenpal.d.ts +1 -1
- package/dist/compat/eigenpal.js +1 -1
- package/dist/{dialogs-DZz6gVev.d.ts → dialogs-BENP66Ly.d.ts} +11 -11
- package/dist/{dialogs-Dzu4hqRp.js → dialogs-De-oslzU.js} +417 -394
- package/dist/dialogs.d.ts +1 -1
- package/dist/dialogs.js +8 -8
- package/dist/{folio-ui-DO95voaI.js → folio-ui-rCHqCEG6.js} +125 -35
- package/dist/index.d.ts +2 -2
- package/dist/index.js +10 -10
- package/dist/{renderAsync-JTB5ldQI.d.ts → renderAsync-B9AIgM8K.d.ts} +3 -1
- package/dist/{renderAsync-C0_y_c9Y.js → renderAsync-Bcpsd6Fw.js} +2851 -2024
- package/package.json +5 -5
- package/dist/ImagePositionDialog-9q71ka9N.js +0 -1065
- package/dist/ImagePropertiesDialog-o79NCGk7.js +0 -613
- package/dist/PageSetupDialog-CMdVXCZ-.js +0 -820
- package/dist/SetNumberingValueDialog-DOsaSq7e.js +0 -237
- package/dist/TablePropertiesDialog-DwPiUj4m.js +0 -421
|
@@ -1,237 +0,0 @@
|
|
|
1
|
-
import { r as useFolioUI } from "./folio-ui-DO95voaI.js";
|
|
2
|
-
import { a as DIALOG_LABEL_CLASS, c as DIALOG_SECONDARY_BUTTON_CLASS, i as DIALOG_INPUT_CLASS, l as DIALOG_TITLE_CLASS, n as DIALOG_BODY_CLASS, o as DIALOG_POPUP_CLASS, r as DIALOG_FOOTER_CLASS, s as DIALOG_PRIMARY_BUTTON_CLASS, t as DIALOG_BACKDROP_CLASS, u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
|
|
3
|
-
import { c } from "react-compiler-runtime";
|
|
4
|
-
import { useEffect, useId, useState } from "react";
|
|
5
|
-
import { useTranslations } from "use-intl";
|
|
6
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
-
//#region src/components/dialogs/SetNumberingValueDialog.tsx
|
|
8
|
-
/** `w:startOverride` is a non-negative decimal; the input stops far below its limit. */
|
|
9
|
-
const MIN_VALUE = 0;
|
|
10
|
-
const MAX_VALUE = 32767;
|
|
11
|
-
const DEFAULT_VALUE = 1;
|
|
12
|
-
/** *Set Numbering Value*: start the selected item's list over at a value. */
|
|
13
|
-
function SetNumberingValueDialog(t0) {
|
|
14
|
-
const $ = c(62);
|
|
15
|
-
const { isOpen, onClose, onApply } = t0;
|
|
16
|
-
const { Root: Dialog, Portal: DialogPortal, Backdrop: DialogBackdrop, Popup: DialogPopup, Title: DialogTitle, Close: DialogClose } = useFolioUI().Dialog;
|
|
17
|
-
const handleOpenChange = useCloseOnDialogOpenChange(onClose);
|
|
18
|
-
const t = useTranslations("folio");
|
|
19
|
-
const id = useId();
|
|
20
|
-
const [text, setText] = useState(String(DEFAULT_VALUE));
|
|
21
|
-
let t1;
|
|
22
|
-
let t2;
|
|
23
|
-
if ($[0] !== isOpen) {
|
|
24
|
-
t1 = () => {
|
|
25
|
-
if (isOpen) setText(String(DEFAULT_VALUE));
|
|
26
|
-
};
|
|
27
|
-
t2 = [isOpen];
|
|
28
|
-
$[0] = isOpen;
|
|
29
|
-
$[1] = t1;
|
|
30
|
-
$[2] = t2;
|
|
31
|
-
} else {
|
|
32
|
-
t1 = $[1];
|
|
33
|
-
t2 = $[2];
|
|
34
|
-
}
|
|
35
|
-
useEffect(t1, t2);
|
|
36
|
-
const inputId = `${id}-numbering-value`;
|
|
37
|
-
let t3;
|
|
38
|
-
if ($[3] !== text) {
|
|
39
|
-
t3 = text.trim() === "" ? NaN : Number(text);
|
|
40
|
-
$[3] = text;
|
|
41
|
-
$[4] = t3;
|
|
42
|
-
} else t3 = $[4];
|
|
43
|
-
const parsed = t3;
|
|
44
|
-
let t4;
|
|
45
|
-
if ($[5] !== parsed) {
|
|
46
|
-
t4 = Number.isFinite(parsed);
|
|
47
|
-
$[5] = parsed;
|
|
48
|
-
$[6] = t4;
|
|
49
|
-
} else t4 = $[6];
|
|
50
|
-
const valid = t4;
|
|
51
|
-
let t5;
|
|
52
|
-
if ($[7] !== onApply || $[8] !== onClose || $[9] !== parsed || $[10] !== valid) {
|
|
53
|
-
t5 = () => {
|
|
54
|
-
if (!valid) return;
|
|
55
|
-
onApply(Math.min(MAX_VALUE, Math.max(MIN_VALUE, Math.trunc(parsed))));
|
|
56
|
-
onClose();
|
|
57
|
-
};
|
|
58
|
-
$[7] = onApply;
|
|
59
|
-
$[8] = onClose;
|
|
60
|
-
$[9] = parsed;
|
|
61
|
-
$[10] = valid;
|
|
62
|
-
$[11] = t5;
|
|
63
|
-
} else t5 = $[11];
|
|
64
|
-
const apply = t5;
|
|
65
|
-
let t6;
|
|
66
|
-
if ($[12] !== DialogBackdrop) {
|
|
67
|
-
t6 = /* @__PURE__ */ jsx(DialogBackdrop, { className: DIALOG_BACKDROP_CLASS });
|
|
68
|
-
$[12] = DialogBackdrop;
|
|
69
|
-
$[13] = t6;
|
|
70
|
-
} else t6 = $[13];
|
|
71
|
-
let t7;
|
|
72
|
-
if ($[14] !== t) {
|
|
73
|
-
t7 = t("dialogs.setNumberingValue.title");
|
|
74
|
-
$[14] = t;
|
|
75
|
-
$[15] = t7;
|
|
76
|
-
} else t7 = $[15];
|
|
77
|
-
let t8;
|
|
78
|
-
if ($[16] !== DialogTitle || $[17] !== t7) {
|
|
79
|
-
t8 = /* @__PURE__ */ jsx(DialogTitle, {
|
|
80
|
-
className: DIALOG_TITLE_CLASS,
|
|
81
|
-
children: t7
|
|
82
|
-
});
|
|
83
|
-
$[16] = DialogTitle;
|
|
84
|
-
$[17] = t7;
|
|
85
|
-
$[18] = t8;
|
|
86
|
-
} else t8 = $[18];
|
|
87
|
-
let t9;
|
|
88
|
-
if ($[19] !== t) {
|
|
89
|
-
t9 = t("dialogs.setNumberingValue.valueLabel");
|
|
90
|
-
$[19] = t;
|
|
91
|
-
$[20] = t9;
|
|
92
|
-
} else t9 = $[20];
|
|
93
|
-
let t10;
|
|
94
|
-
if ($[21] !== t9) {
|
|
95
|
-
t10 = /* @__PURE__ */ jsx("span", {
|
|
96
|
-
className: DIALOG_LABEL_CLASS,
|
|
97
|
-
children: t9
|
|
98
|
-
});
|
|
99
|
-
$[21] = t9;
|
|
100
|
-
$[22] = t10;
|
|
101
|
-
} else t10 = $[22];
|
|
102
|
-
let t11;
|
|
103
|
-
if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
|
|
104
|
-
t11 = (event) => setText(event.target.value);
|
|
105
|
-
$[23] = t11;
|
|
106
|
-
} else t11 = $[23];
|
|
107
|
-
let t12;
|
|
108
|
-
if ($[24] !== apply) {
|
|
109
|
-
t12 = (event_0) => {
|
|
110
|
-
if (event_0.key === "Enter") {
|
|
111
|
-
event_0.preventDefault();
|
|
112
|
-
apply();
|
|
113
|
-
}
|
|
114
|
-
};
|
|
115
|
-
$[24] = apply;
|
|
116
|
-
$[25] = t12;
|
|
117
|
-
} else t12 = $[25];
|
|
118
|
-
let t13;
|
|
119
|
-
if ($[26] !== inputId || $[27] !== t12 || $[28] !== text) {
|
|
120
|
-
t13 = /* @__PURE__ */ jsx("input", {
|
|
121
|
-
className: DIALOG_INPUT_CLASS,
|
|
122
|
-
id: inputId,
|
|
123
|
-
max: MAX_VALUE,
|
|
124
|
-
min: MIN_VALUE,
|
|
125
|
-
onChange: t11,
|
|
126
|
-
onKeyDown: t12,
|
|
127
|
-
type: "number",
|
|
128
|
-
value: text
|
|
129
|
-
});
|
|
130
|
-
$[26] = inputId;
|
|
131
|
-
$[27] = t12;
|
|
132
|
-
$[28] = text;
|
|
133
|
-
$[29] = t13;
|
|
134
|
-
} else t13 = $[29];
|
|
135
|
-
let t14;
|
|
136
|
-
if ($[30] !== inputId || $[31] !== t10 || $[32] !== t13) {
|
|
137
|
-
t14 = /* @__PURE__ */ jsx("div", {
|
|
138
|
-
className: DIALOG_BODY_CLASS,
|
|
139
|
-
children: /* @__PURE__ */ jsxs("label", {
|
|
140
|
-
className: "flex flex-col gap-1",
|
|
141
|
-
htmlFor: inputId,
|
|
142
|
-
children: [t10, t13]
|
|
143
|
-
})
|
|
144
|
-
});
|
|
145
|
-
$[30] = inputId;
|
|
146
|
-
$[31] = t10;
|
|
147
|
-
$[32] = t13;
|
|
148
|
-
$[33] = t14;
|
|
149
|
-
} else t14 = $[33];
|
|
150
|
-
let t15;
|
|
151
|
-
if ($[34] !== t) {
|
|
152
|
-
t15 = t("common.cancel");
|
|
153
|
-
$[34] = t;
|
|
154
|
-
$[35] = t15;
|
|
155
|
-
} else t15 = $[35];
|
|
156
|
-
let t16;
|
|
157
|
-
if ($[36] !== DialogClose || $[37] !== t15) {
|
|
158
|
-
t16 = /* @__PURE__ */ jsx(DialogClose, {
|
|
159
|
-
className: DIALOG_SECONDARY_BUTTON_CLASS,
|
|
160
|
-
children: t15
|
|
161
|
-
});
|
|
162
|
-
$[36] = DialogClose;
|
|
163
|
-
$[37] = t15;
|
|
164
|
-
$[38] = t16;
|
|
165
|
-
} else t16 = $[38];
|
|
166
|
-
const t17 = !valid;
|
|
167
|
-
let t18;
|
|
168
|
-
if ($[39] !== t) {
|
|
169
|
-
t18 = t("common.apply");
|
|
170
|
-
$[39] = t;
|
|
171
|
-
$[40] = t18;
|
|
172
|
-
} else t18 = $[40];
|
|
173
|
-
let t19;
|
|
174
|
-
if ($[41] !== apply || $[42] !== t17 || $[43] !== t18) {
|
|
175
|
-
t19 = /* @__PURE__ */ jsx("button", {
|
|
176
|
-
className: DIALOG_PRIMARY_BUTTON_CLASS,
|
|
177
|
-
disabled: t17,
|
|
178
|
-
onClick: apply,
|
|
179
|
-
type: "button",
|
|
180
|
-
children: t18
|
|
181
|
-
});
|
|
182
|
-
$[41] = apply;
|
|
183
|
-
$[42] = t17;
|
|
184
|
-
$[43] = t18;
|
|
185
|
-
$[44] = t19;
|
|
186
|
-
} else t19 = $[44];
|
|
187
|
-
let t20;
|
|
188
|
-
if ($[45] !== t16 || $[46] !== t19) {
|
|
189
|
-
t20 = /* @__PURE__ */ jsxs("div", {
|
|
190
|
-
className: DIALOG_FOOTER_CLASS,
|
|
191
|
-
children: [t16, t19]
|
|
192
|
-
});
|
|
193
|
-
$[45] = t16;
|
|
194
|
-
$[46] = t19;
|
|
195
|
-
$[47] = t20;
|
|
196
|
-
} else t20 = $[47];
|
|
197
|
-
let t21;
|
|
198
|
-
if ($[48] !== DialogPopup || $[49] !== t14 || $[50] !== t20 || $[51] !== t8) {
|
|
199
|
-
t21 = /* @__PURE__ */ jsxs(DialogPopup, {
|
|
200
|
-
className: DIALOG_POPUP_CLASS,
|
|
201
|
-
children: [
|
|
202
|
-
t8,
|
|
203
|
-
t14,
|
|
204
|
-
t20
|
|
205
|
-
]
|
|
206
|
-
});
|
|
207
|
-
$[48] = DialogPopup;
|
|
208
|
-
$[49] = t14;
|
|
209
|
-
$[50] = t20;
|
|
210
|
-
$[51] = t8;
|
|
211
|
-
$[52] = t21;
|
|
212
|
-
} else t21 = $[52];
|
|
213
|
-
let t22;
|
|
214
|
-
if ($[53] !== DialogPortal || $[54] !== t21 || $[55] !== t6) {
|
|
215
|
-
t22 = /* @__PURE__ */ jsxs(DialogPortal, { children: [t6, t21] });
|
|
216
|
-
$[53] = DialogPortal;
|
|
217
|
-
$[54] = t21;
|
|
218
|
-
$[55] = t6;
|
|
219
|
-
$[56] = t22;
|
|
220
|
-
} else t22 = $[56];
|
|
221
|
-
let t23;
|
|
222
|
-
if ($[57] !== Dialog || $[58] !== handleOpenChange || $[59] !== isOpen || $[60] !== t22) {
|
|
223
|
-
t23 = /* @__PURE__ */ jsx(Dialog, {
|
|
224
|
-
open: isOpen,
|
|
225
|
-
onOpenChange: handleOpenChange,
|
|
226
|
-
children: t22
|
|
227
|
-
});
|
|
228
|
-
$[57] = Dialog;
|
|
229
|
-
$[58] = handleOpenChange;
|
|
230
|
-
$[59] = isOpen;
|
|
231
|
-
$[60] = t22;
|
|
232
|
-
$[61] = t23;
|
|
233
|
-
} else t23 = $[61];
|
|
234
|
-
return t23;
|
|
235
|
-
}
|
|
236
|
-
//#endregion
|
|
237
|
-
export { SetNumberingValueDialog };
|
|
@@ -1,421 +0,0 @@
|
|
|
1
|
-
import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
|
|
2
|
-
import { r as useFolioUI } from "./folio-ui-DO95voaI.js";
|
|
3
|
-
import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
|
|
4
|
-
import { c } from "react-compiler-runtime";
|
|
5
|
-
import { useEffect, useId, useState } from "react";
|
|
6
|
-
import { useTranslations } from "use-intl";
|
|
7
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
-
import { TABLE_PROPERTY_JUSTIFICATIONS, toTablePropertyJustification } from "@stll/folio-core/utils/tableOperations";
|
|
9
|
-
//#region src/components/dialogs/TablePropertiesDialog.tsx
|
|
10
|
-
/**
|
|
11
|
-
* Table Properties Dialog — width type, width value, alignment.
|
|
12
|
-
*/
|
|
13
|
-
var TablePropertiesDialog_exports = /* @__PURE__ */ __exportAll({ TablePropertiesDialog: () => TablePropertiesDialog });
|
|
14
|
-
const editableWidthType = (value) => {
|
|
15
|
-
switch (value) {
|
|
16
|
-
case "dxa":
|
|
17
|
-
case "pct": return value;
|
|
18
|
-
default: return "auto";
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
const TABLE_JUSTIFICATION_LABEL_KEYS = {
|
|
22
|
-
center: "dialogs.tableProperties.alignOptions.center",
|
|
23
|
-
end: "dialogs.tableProperties.alignOptions.end",
|
|
24
|
-
left: "dialogs.tableProperties.alignOptions.left",
|
|
25
|
-
right: "dialogs.tableProperties.alignOptions.right",
|
|
26
|
-
start: "dialogs.tableProperties.alignOptions.start"
|
|
27
|
-
};
|
|
28
|
-
function TablePropertiesDialog(t0) {
|
|
29
|
-
const $ = c(107);
|
|
30
|
-
const { isOpen, onClose, onApply, currentProps } = t0;
|
|
31
|
-
const { Root: Dialog, Portal: DialogPortal, Backdrop: DialogBackdrop, Popup: DialogPopup, Title: DialogTitle, Close: DialogClose } = useFolioUI().Dialog;
|
|
32
|
-
const handleOpenChange = useCloseOnDialogOpenChange(onClose);
|
|
33
|
-
const t = useTranslations("folio");
|
|
34
|
-
const id = useId();
|
|
35
|
-
const [width, setWidth] = useState(currentProps?.width ?? 0);
|
|
36
|
-
const t1 = currentProps?.widthType ?? "auto";
|
|
37
|
-
let t2;
|
|
38
|
-
if ($[0] !== t1) {
|
|
39
|
-
t2 = editableWidthType(t1);
|
|
40
|
-
$[0] = t1;
|
|
41
|
-
$[1] = t2;
|
|
42
|
-
} else t2 = $[1];
|
|
43
|
-
const [widthType, setWidthType] = useState(t2);
|
|
44
|
-
const t3 = currentProps?.justification;
|
|
45
|
-
let t4;
|
|
46
|
-
if ($[2] !== t3) {
|
|
47
|
-
t4 = toTablePropertyJustification(t3);
|
|
48
|
-
$[2] = t3;
|
|
49
|
-
$[3] = t4;
|
|
50
|
-
} else t4 = $[3];
|
|
51
|
-
const [justification, setJustification] = useState(t4);
|
|
52
|
-
let t5;
|
|
53
|
-
if ($[4] !== currentProps?.justification || $[5] !== currentProps?.width || $[6] !== currentProps?.widthType || $[7] !== isOpen) {
|
|
54
|
-
t5 = () => {
|
|
55
|
-
if (isOpen) {
|
|
56
|
-
setWidth(currentProps?.width ?? 0);
|
|
57
|
-
setWidthType(editableWidthType(currentProps?.widthType ?? "auto"));
|
|
58
|
-
setJustification(toTablePropertyJustification(currentProps?.justification));
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
$[4] = currentProps?.justification;
|
|
62
|
-
$[5] = currentProps?.width;
|
|
63
|
-
$[6] = currentProps?.widthType;
|
|
64
|
-
$[7] = isOpen;
|
|
65
|
-
$[8] = t5;
|
|
66
|
-
} else t5 = $[8];
|
|
67
|
-
let t6;
|
|
68
|
-
if ($[9] !== currentProps || $[10] !== isOpen) {
|
|
69
|
-
t6 = [isOpen, currentProps];
|
|
70
|
-
$[9] = currentProps;
|
|
71
|
-
$[10] = isOpen;
|
|
72
|
-
$[11] = t6;
|
|
73
|
-
} else t6 = $[11];
|
|
74
|
-
useEffect(t5, t6);
|
|
75
|
-
let t7;
|
|
76
|
-
if ($[12] !== justification || $[13] !== onApply || $[14] !== onClose || $[15] !== width || $[16] !== widthType) {
|
|
77
|
-
t7 = () => {
|
|
78
|
-
const props = { justification };
|
|
79
|
-
if (widthType === "auto") {
|
|
80
|
-
props.width = null;
|
|
81
|
-
props.widthType = "auto";
|
|
82
|
-
} else {
|
|
83
|
-
props.width = width;
|
|
84
|
-
props.widthType = widthType;
|
|
85
|
-
}
|
|
86
|
-
onApply(props);
|
|
87
|
-
onClose();
|
|
88
|
-
};
|
|
89
|
-
$[12] = justification;
|
|
90
|
-
$[13] = onApply;
|
|
91
|
-
$[14] = onClose;
|
|
92
|
-
$[15] = width;
|
|
93
|
-
$[16] = widthType;
|
|
94
|
-
$[17] = t7;
|
|
95
|
-
} else t7 = $[17];
|
|
96
|
-
const handleApply = t7;
|
|
97
|
-
const t8 = `${id}-tp-width-type`;
|
|
98
|
-
const t9 = `${id}-tp-width`;
|
|
99
|
-
const t10 = `${id}-tp-align`;
|
|
100
|
-
let t11;
|
|
101
|
-
if ($[18] !== t10 || $[19] !== t8 || $[20] !== t9) {
|
|
102
|
-
t11 = {
|
|
103
|
-
widthType: t8,
|
|
104
|
-
width: t9,
|
|
105
|
-
align: t10
|
|
106
|
-
};
|
|
107
|
-
$[18] = t10;
|
|
108
|
-
$[19] = t8;
|
|
109
|
-
$[20] = t9;
|
|
110
|
-
$[21] = t11;
|
|
111
|
-
} else t11 = $[21];
|
|
112
|
-
const fieldIds = t11;
|
|
113
|
-
let t12;
|
|
114
|
-
if ($[22] !== DialogBackdrop) {
|
|
115
|
-
t12 = /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 z-[10000] bg-black/50" });
|
|
116
|
-
$[22] = DialogBackdrop;
|
|
117
|
-
$[23] = t12;
|
|
118
|
-
} else t12 = $[23];
|
|
119
|
-
let t13;
|
|
120
|
-
if ($[24] !== t) {
|
|
121
|
-
t13 = t("dialogs.tableProperties.title");
|
|
122
|
-
$[24] = t;
|
|
123
|
-
$[25] = t13;
|
|
124
|
-
} else t13 = $[25];
|
|
125
|
-
let t14;
|
|
126
|
-
if ($[26] !== DialogTitle || $[27] !== t13) {
|
|
127
|
-
t14 = /* @__PURE__ */ jsx(DialogTitle, {
|
|
128
|
-
className: "border-b px-5 py-3 text-base font-semibold",
|
|
129
|
-
children: t13
|
|
130
|
-
});
|
|
131
|
-
$[26] = DialogTitle;
|
|
132
|
-
$[27] = t13;
|
|
133
|
-
$[28] = t14;
|
|
134
|
-
} else t14 = $[28];
|
|
135
|
-
const t15 = fieldIds.widthType;
|
|
136
|
-
let t16;
|
|
137
|
-
if ($[29] !== t) {
|
|
138
|
-
t16 = t("dialogs.tableProperties.widthType");
|
|
139
|
-
$[29] = t;
|
|
140
|
-
$[30] = t16;
|
|
141
|
-
} else t16 = $[30];
|
|
142
|
-
let t17;
|
|
143
|
-
if ($[31] !== fieldIds.widthType || $[32] !== t16) {
|
|
144
|
-
t17 = /* @__PURE__ */ jsx("label", {
|
|
145
|
-
className: "w-20 text-muted-foreground text-[13px]",
|
|
146
|
-
htmlFor: t15,
|
|
147
|
-
children: t16
|
|
148
|
-
});
|
|
149
|
-
$[31] = fieldIds.widthType;
|
|
150
|
-
$[32] = t16;
|
|
151
|
-
$[33] = t17;
|
|
152
|
-
} else t17 = $[33];
|
|
153
|
-
const t18 = fieldIds.widthType;
|
|
154
|
-
let t19;
|
|
155
|
-
if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
|
|
156
|
-
t19 = (e) => setWidthType(editableWidthType(e.target.value));
|
|
157
|
-
$[34] = t19;
|
|
158
|
-
} else t19 = $[34];
|
|
159
|
-
let t20;
|
|
160
|
-
if ($[35] !== t) {
|
|
161
|
-
t20 = t("dialogs.tableProperties.widthTypes.auto");
|
|
162
|
-
$[35] = t;
|
|
163
|
-
$[36] = t20;
|
|
164
|
-
} else t20 = $[36];
|
|
165
|
-
let t21;
|
|
166
|
-
if ($[37] !== t20) {
|
|
167
|
-
t21 = /* @__PURE__ */ jsx("option", {
|
|
168
|
-
value: "auto",
|
|
169
|
-
children: t20
|
|
170
|
-
});
|
|
171
|
-
$[37] = t20;
|
|
172
|
-
$[38] = t21;
|
|
173
|
-
} else t21 = $[38];
|
|
174
|
-
let t22;
|
|
175
|
-
if ($[39] !== t) {
|
|
176
|
-
t22 = t("dialogs.tableProperties.widthTypes.fixed");
|
|
177
|
-
$[39] = t;
|
|
178
|
-
$[40] = t22;
|
|
179
|
-
} else t22 = $[40];
|
|
180
|
-
let t23;
|
|
181
|
-
if ($[41] !== t22) {
|
|
182
|
-
t23 = /* @__PURE__ */ jsx("option", {
|
|
183
|
-
value: "dxa",
|
|
184
|
-
children: t22
|
|
185
|
-
});
|
|
186
|
-
$[41] = t22;
|
|
187
|
-
$[42] = t23;
|
|
188
|
-
} else t23 = $[42];
|
|
189
|
-
let t24;
|
|
190
|
-
if ($[43] !== t) {
|
|
191
|
-
t24 = t("dialogs.tableProperties.widthTypes.percentage");
|
|
192
|
-
$[43] = t;
|
|
193
|
-
$[44] = t24;
|
|
194
|
-
} else t24 = $[44];
|
|
195
|
-
let t25;
|
|
196
|
-
if ($[45] !== t24) {
|
|
197
|
-
t25 = /* @__PURE__ */ jsx("option", {
|
|
198
|
-
value: "pct",
|
|
199
|
-
children: t24
|
|
200
|
-
});
|
|
201
|
-
$[45] = t24;
|
|
202
|
-
$[46] = t25;
|
|
203
|
-
} else t25 = $[46];
|
|
204
|
-
let t26;
|
|
205
|
-
if ($[47] !== fieldIds.widthType || $[48] !== t21 || $[49] !== t23 || $[50] !== t25 || $[51] !== widthType) {
|
|
206
|
-
t26 = /* @__PURE__ */ jsxs("select", {
|
|
207
|
-
className: "border-input bg-background text-foreground flex-1 rounded border px-2 py-1.5 text-[13px] outline-none",
|
|
208
|
-
id: t18,
|
|
209
|
-
onChange: t19,
|
|
210
|
-
value: widthType,
|
|
211
|
-
children: [
|
|
212
|
-
t21,
|
|
213
|
-
t23,
|
|
214
|
-
t25
|
|
215
|
-
]
|
|
216
|
-
});
|
|
217
|
-
$[47] = fieldIds.widthType;
|
|
218
|
-
$[48] = t21;
|
|
219
|
-
$[49] = t23;
|
|
220
|
-
$[50] = t25;
|
|
221
|
-
$[51] = widthType;
|
|
222
|
-
$[52] = t26;
|
|
223
|
-
} else t26 = $[52];
|
|
224
|
-
let t27;
|
|
225
|
-
if ($[53] !== t17 || $[54] !== t26) {
|
|
226
|
-
t27 = /* @__PURE__ */ jsxs("div", {
|
|
227
|
-
className: "flex items-center gap-3",
|
|
228
|
-
children: [t17, t26]
|
|
229
|
-
});
|
|
230
|
-
$[53] = t17;
|
|
231
|
-
$[54] = t26;
|
|
232
|
-
$[55] = t27;
|
|
233
|
-
} else t27 = $[55];
|
|
234
|
-
let t28;
|
|
235
|
-
if ($[56] !== fieldIds.width || $[57] !== t || $[58] !== width || $[59] !== widthType) {
|
|
236
|
-
t28 = widthType !== "auto" && /* @__PURE__ */ jsxs("div", {
|
|
237
|
-
className: "flex items-center gap-3",
|
|
238
|
-
children: [
|
|
239
|
-
/* @__PURE__ */ jsx("label", {
|
|
240
|
-
className: "w-20 text-muted-foreground text-[13px]",
|
|
241
|
-
htmlFor: fieldIds.width,
|
|
242
|
-
children: t("dialogs.tableProperties.widthLabel")
|
|
243
|
-
}),
|
|
244
|
-
/* @__PURE__ */ jsx("input", {
|
|
245
|
-
className: "border-input bg-background text-foreground flex-1 rounded border px-2 py-1.5 text-[13px] outline-none",
|
|
246
|
-
id: fieldIds.width,
|
|
247
|
-
min: 0,
|
|
248
|
-
onChange: (e_0) => setWidth(Number(e_0.target.value) || 0),
|
|
249
|
-
step: widthType === "pct" ? 5 : 100,
|
|
250
|
-
type: "number",
|
|
251
|
-
value: width
|
|
252
|
-
}),
|
|
253
|
-
/* @__PURE__ */ jsx("span", {
|
|
254
|
-
className: "text-muted-foreground text-[11px]",
|
|
255
|
-
children: widthType === "pct" ? t("dialogs.tableProperties.units.fiftiethsPercent") : t("dialogs.tableProperties.units.twips")
|
|
256
|
-
})
|
|
257
|
-
]
|
|
258
|
-
});
|
|
259
|
-
$[56] = fieldIds.width;
|
|
260
|
-
$[57] = t;
|
|
261
|
-
$[58] = width;
|
|
262
|
-
$[59] = widthType;
|
|
263
|
-
$[60] = t28;
|
|
264
|
-
} else t28 = $[60];
|
|
265
|
-
const t29 = fieldIds.align;
|
|
266
|
-
let t30;
|
|
267
|
-
if ($[61] !== t) {
|
|
268
|
-
t30 = t("dialogs.tableProperties.alignmentLabel");
|
|
269
|
-
$[61] = t;
|
|
270
|
-
$[62] = t30;
|
|
271
|
-
} else t30 = $[62];
|
|
272
|
-
let t31;
|
|
273
|
-
if ($[63] !== fieldIds.align || $[64] !== t30) {
|
|
274
|
-
t31 = /* @__PURE__ */ jsx("label", {
|
|
275
|
-
className: "w-20 text-muted-foreground text-[13px]",
|
|
276
|
-
htmlFor: t29,
|
|
277
|
-
children: t30
|
|
278
|
-
});
|
|
279
|
-
$[63] = fieldIds.align;
|
|
280
|
-
$[64] = t30;
|
|
281
|
-
$[65] = t31;
|
|
282
|
-
} else t31 = $[65];
|
|
283
|
-
const t32 = fieldIds.align;
|
|
284
|
-
let t33;
|
|
285
|
-
if ($[66] === Symbol.for("react.memo_cache_sentinel")) {
|
|
286
|
-
t33 = (e_1) => setJustification(toTablePropertyJustification(e_1.target.value));
|
|
287
|
-
$[66] = t33;
|
|
288
|
-
} else t33 = $[66];
|
|
289
|
-
let t34;
|
|
290
|
-
if ($[67] !== t) {
|
|
291
|
-
t34 = TABLE_PROPERTY_JUSTIFICATIONS.map((value) => /* @__PURE__ */ jsx("option", {
|
|
292
|
-
value,
|
|
293
|
-
children: t(TABLE_JUSTIFICATION_LABEL_KEYS[value])
|
|
294
|
-
}, value));
|
|
295
|
-
$[67] = t;
|
|
296
|
-
$[68] = t34;
|
|
297
|
-
} else t34 = $[68];
|
|
298
|
-
let t35;
|
|
299
|
-
if ($[69] !== fieldIds.align || $[70] !== justification || $[71] !== t34) {
|
|
300
|
-
t35 = /* @__PURE__ */ jsx("select", {
|
|
301
|
-
className: "border-input bg-background text-foreground flex-1 rounded border px-2 py-1.5 text-[13px] outline-none",
|
|
302
|
-
id: t32,
|
|
303
|
-
onChange: t33,
|
|
304
|
-
value: justification,
|
|
305
|
-
children: t34
|
|
306
|
-
});
|
|
307
|
-
$[69] = fieldIds.align;
|
|
308
|
-
$[70] = justification;
|
|
309
|
-
$[71] = t34;
|
|
310
|
-
$[72] = t35;
|
|
311
|
-
} else t35 = $[72];
|
|
312
|
-
let t36;
|
|
313
|
-
if ($[73] !== t31 || $[74] !== t35) {
|
|
314
|
-
t36 = /* @__PURE__ */ jsxs("div", {
|
|
315
|
-
className: "flex items-center gap-3",
|
|
316
|
-
children: [t31, t35]
|
|
317
|
-
});
|
|
318
|
-
$[73] = t31;
|
|
319
|
-
$[74] = t35;
|
|
320
|
-
$[75] = t36;
|
|
321
|
-
} else t36 = $[75];
|
|
322
|
-
let t37;
|
|
323
|
-
if ($[76] !== t27 || $[77] !== t28 || $[78] !== t36) {
|
|
324
|
-
t37 = /* @__PURE__ */ jsxs("div", {
|
|
325
|
-
className: "flex flex-col gap-3 px-5 py-4",
|
|
326
|
-
children: [
|
|
327
|
-
t27,
|
|
328
|
-
t28,
|
|
329
|
-
t36
|
|
330
|
-
]
|
|
331
|
-
});
|
|
332
|
-
$[76] = t27;
|
|
333
|
-
$[77] = t28;
|
|
334
|
-
$[78] = t36;
|
|
335
|
-
$[79] = t37;
|
|
336
|
-
} else t37 = $[79];
|
|
337
|
-
let t38;
|
|
338
|
-
if ($[80] !== t) {
|
|
339
|
-
t38 = t("common.cancel");
|
|
340
|
-
$[80] = t;
|
|
341
|
-
$[81] = t38;
|
|
342
|
-
} else t38 = $[81];
|
|
343
|
-
let t39;
|
|
344
|
-
if ($[82] !== DialogClose || $[83] !== t38) {
|
|
345
|
-
t39 = /* @__PURE__ */ jsx(DialogClose, {
|
|
346
|
-
className: "border-input rounded border px-4 py-1.5 text-[13px]",
|
|
347
|
-
children: t38
|
|
348
|
-
});
|
|
349
|
-
$[82] = DialogClose;
|
|
350
|
-
$[83] = t38;
|
|
351
|
-
$[84] = t39;
|
|
352
|
-
} else t39 = $[84];
|
|
353
|
-
let t40;
|
|
354
|
-
if ($[85] !== t) {
|
|
355
|
-
t40 = t("common.apply");
|
|
356
|
-
$[85] = t;
|
|
357
|
-
$[86] = t40;
|
|
358
|
-
} else t40 = $[86];
|
|
359
|
-
let t41;
|
|
360
|
-
if ($[87] !== handleApply || $[88] !== t40) {
|
|
361
|
-
t41 = /* @__PURE__ */ jsx("button", {
|
|
362
|
-
className: "bg-primary text-primary-foreground rounded px-4 py-1.5 text-[13px] font-medium",
|
|
363
|
-
onClick: handleApply,
|
|
364
|
-
type: "button",
|
|
365
|
-
children: t40
|
|
366
|
-
});
|
|
367
|
-
$[87] = handleApply;
|
|
368
|
-
$[88] = t40;
|
|
369
|
-
$[89] = t41;
|
|
370
|
-
} else t41 = $[89];
|
|
371
|
-
let t42;
|
|
372
|
-
if ($[90] !== t39 || $[91] !== t41) {
|
|
373
|
-
t42 = /* @__PURE__ */ jsxs("div", {
|
|
374
|
-
className: "flex justify-end gap-2 border-t px-5 py-3",
|
|
375
|
-
children: [t39, t41]
|
|
376
|
-
});
|
|
377
|
-
$[90] = t39;
|
|
378
|
-
$[91] = t41;
|
|
379
|
-
$[92] = t42;
|
|
380
|
-
} else t42 = $[92];
|
|
381
|
-
let t43;
|
|
382
|
-
if ($[93] !== DialogPopup || $[94] !== t14 || $[95] !== t37 || $[96] !== t42) {
|
|
383
|
-
t43 = /* @__PURE__ */ jsxs(DialogPopup, {
|
|
384
|
-
className: "bg-popover fixed start-1/2 top-1/2 z-[10001] w-full max-w-[440px] min-w-[360px] -translate-x-1/2 -translate-y-1/2 rounded-lg border shadow-xl",
|
|
385
|
-
children: [
|
|
386
|
-
t14,
|
|
387
|
-
t37,
|
|
388
|
-
t42
|
|
389
|
-
]
|
|
390
|
-
});
|
|
391
|
-
$[93] = DialogPopup;
|
|
392
|
-
$[94] = t14;
|
|
393
|
-
$[95] = t37;
|
|
394
|
-
$[96] = t42;
|
|
395
|
-
$[97] = t43;
|
|
396
|
-
} else t43 = $[97];
|
|
397
|
-
let t44;
|
|
398
|
-
if ($[98] !== DialogPortal || $[99] !== t12 || $[100] !== t43) {
|
|
399
|
-
t44 = /* @__PURE__ */ jsxs(DialogPortal, { children: [t12, t43] });
|
|
400
|
-
$[98] = DialogPortal;
|
|
401
|
-
$[99] = t12;
|
|
402
|
-
$[100] = t43;
|
|
403
|
-
$[101] = t44;
|
|
404
|
-
} else t44 = $[101];
|
|
405
|
-
let t45;
|
|
406
|
-
if ($[102] !== Dialog || $[103] !== handleOpenChange || $[104] !== isOpen || $[105] !== t44) {
|
|
407
|
-
t45 = /* @__PURE__ */ jsx(Dialog, {
|
|
408
|
-
open: isOpen,
|
|
409
|
-
onOpenChange: handleOpenChange,
|
|
410
|
-
children: t44
|
|
411
|
-
});
|
|
412
|
-
$[102] = Dialog;
|
|
413
|
-
$[103] = handleOpenChange;
|
|
414
|
-
$[104] = isOpen;
|
|
415
|
-
$[105] = t44;
|
|
416
|
-
$[106] = t45;
|
|
417
|
-
} else t45 = $[106];
|
|
418
|
-
return t45;
|
|
419
|
-
}
|
|
420
|
-
//#endregion
|
|
421
|
-
export { TablePropertiesDialog_exports as n, TablePropertiesDialog as t };
|