@stll/folio-react 0.25.2 → 0.26.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.
Files changed (26) hide show
  1. package/README.md +1 -1
  2. package/dist/{CommentsSidebar-IR9uTkkk.js → CommentsSidebar-C4IpXib8.js} +53 -33
  3. package/dist/{FindReplaceDialog-BUwFQWaq.js → FindReplaceDialog-LlVMe3EW.js} +148 -107
  4. package/dist/{FootnotePropertiesDialog-6XdO0zBH.js → FootnotePropertiesDialog-D73t3LNP.js} +1 -1
  5. package/dist/ImagePositionDialog-Cwt6R8iM.js +1039 -0
  6. package/dist/ImagePropertiesDialog-GNZLBFLB.js +607 -0
  7. package/dist/{InsertSymbolDialog-Cn_Nifhg.js → InsertSymbolDialog-CeEhkEvc.js} +1 -1
  8. package/dist/PageSetupDialog-DD6IEZAo.js +805 -0
  9. package/dist/SetNumberingValueDialog-CDQGDvP1.js +233 -0
  10. package/dist/TablePropertiesDialog-Vu0HXQz6.js +416 -0
  11. package/dist/{TextContextMenu-Bqth8itn.js → TextContextMenu-DZ3AUFKh.js} +4 -2
  12. package/dist/compat/eigenpal.js +1 -1
  13. package/dist/{dialogs-DZz6gVev.d.ts → dialogs-BENP66Ly.d.ts} +11 -11
  14. package/dist/{dialogs-Dzu4hqRp.js → dialogs-De-oslzU.js} +417 -394
  15. package/dist/dialogs.d.ts +1 -1
  16. package/dist/dialogs.js +8 -8
  17. package/dist/{folio-ui-DO95voaI.js → folio-ui-rCHqCEG6.js} +125 -35
  18. package/dist/index.d.ts +1 -1
  19. package/dist/index.js +10 -10
  20. package/dist/{renderAsync-C0_y_c9Y.js → renderAsync-T2p_qqNU.js} +2843 -2022
  21. package/package.json +4 -4
  22. package/dist/ImagePositionDialog-9q71ka9N.js +0 -1065
  23. package/dist/ImagePropertiesDialog-o79NCGk7.js +0 -613
  24. package/dist/PageSetupDialog-CMdVXCZ-.js +0 -820
  25. package/dist/SetNumberingValueDialog-DOsaSq7e.js +0 -237
  26. 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 };