@povio/ui 3.2.3-rc.1 → 3.2.4-rc.1
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/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts +1 -0
- package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js +142 -127
- package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js +2 -17
- package/dist/components/inputs/DateTime/shared/DateField.js +92 -87
- package/dist/components/inputs/DateTime/shared/DatePickerInput.js +2 -0
- package/dist/components/inputs/DateTime/shared/TimePickerInput.js +144 -134
- package/dist/components/inputs/DateTime/shared/usePreserveExternalFocusOnUnmount.d.ts +2 -0
- package/dist/components/inputs/DateTime/shared/usePreserveExternalFocusOnUnmount.js +32 -0
- package/dist/components/inputs/File/fileUpload.types.d.ts +2 -4
- package/dist/components/inputs/File/shared/FileUploadContentEmpty.js +80 -85
- package/dist/components/inputs/File/shared/FileUploadContentError.js +97 -102
- package/dist/components/inputs/File/shared/FileUploadContentFilled.js +93 -98
- package/dist/components/inputs/File/shared/FileUploadContentLoading.js +109 -114
- package/dist/components/inputs/Selection/shared/SelectDesktop.js +91 -111
- package/dist/config/uiConfig.context.d.ts +1 -0
- package/dist/config/uiConfig.context.js +2 -1
- package/dist/helpers/dynamicInputs.d.ts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/utils/date-time.utils.d.ts +0 -1
- package/dist/utils/date-time.utils.js +0 -34
- package/package.json +1 -1
|
@@ -13,7 +13,7 @@ import { FileTrigger } from "react-aria-components";
|
|
|
13
13
|
import { useTranslation } from "react-i18next";
|
|
14
14
|
//#region src/components/inputs/File/shared/FileUploadContentFilled.tsx
|
|
15
15
|
var FileUploadContentFilled = (t0) => {
|
|
16
|
-
const $ = c(
|
|
16
|
+
const $ = c(61);
|
|
17
17
|
const { variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon: t1, singleFile, onRemove, browseButtonProps } = t0;
|
|
18
18
|
const removeWithIcon = t1 === void 0 ? false : t1;
|
|
19
19
|
const { t } = useTranslation("ui");
|
|
@@ -23,86 +23,83 @@ var FileUploadContentFilled = (t0) => {
|
|
|
23
23
|
$[0] = browseButtonProps;
|
|
24
24
|
$[1] = t2;
|
|
25
25
|
} else t2 = $[1];
|
|
26
|
-
let browseButtonClassName;
|
|
27
26
|
let browseButtonRestProps;
|
|
28
27
|
let t3;
|
|
29
28
|
let t4;
|
|
30
29
|
let t5;
|
|
31
30
|
if ($[2] !== t2) {
|
|
32
|
-
({
|
|
31
|
+
({size: t3, variant: t4, width: t5, ...browseButtonRestProps} = t2);
|
|
33
32
|
$[2] = t2;
|
|
34
|
-
$[3] =
|
|
35
|
-
$[4] =
|
|
36
|
-
$[5] =
|
|
37
|
-
$[6] =
|
|
38
|
-
$[7] = t5;
|
|
33
|
+
$[3] = browseButtonRestProps;
|
|
34
|
+
$[4] = t3;
|
|
35
|
+
$[5] = t4;
|
|
36
|
+
$[6] = t5;
|
|
39
37
|
} else {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
t5 = $[7];
|
|
38
|
+
browseButtonRestProps = $[3];
|
|
39
|
+
t3 = $[4];
|
|
40
|
+
t4 = $[5];
|
|
41
|
+
t5 = $[6];
|
|
45
42
|
}
|
|
46
43
|
const browseButtonSize = t3 === void 0 ? "xs" : t3;
|
|
47
44
|
const browseButtonVariant = t4 === void 0 ? "outlined" : t4;
|
|
48
45
|
const browseButtonWidth = t5 === void 0 ? "hug" : t5;
|
|
49
46
|
let t6;
|
|
50
|
-
if ($[
|
|
47
|
+
if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
|
|
51
48
|
t6 = clsx("flex w-full flex-fill flex-col items-start");
|
|
52
|
-
$[
|
|
53
|
-
} else t6 = $[
|
|
49
|
+
$[7] = t6;
|
|
50
|
+
} else t6 = $[7];
|
|
54
51
|
const t7 = variant === "horizontal";
|
|
55
52
|
const t8 = variant === "vertical";
|
|
56
53
|
const t9 = variant === "vertical" && as === "button";
|
|
57
54
|
const t10 = variant === "vertical" && as === "link";
|
|
58
55
|
let t11;
|
|
59
|
-
if ($[
|
|
56
|
+
if ($[8] !== t10 || $[9] !== t7 || $[10] !== t8 || $[11] !== t9) {
|
|
60
57
|
t11 = clsx("flex w-full items-center", {
|
|
61
58
|
"flex-row gap-file-upload-content-gap-left-to-right-content": t7,
|
|
62
59
|
"flex-col": t8,
|
|
63
60
|
"gap-file-upload-content-gap-content-to-button": t9,
|
|
64
61
|
"gap-file-upload-content-gap-text-to-text": t10
|
|
65
62
|
});
|
|
66
|
-
$[
|
|
67
|
-
$[
|
|
68
|
-
$[
|
|
69
|
-
$[
|
|
70
|
-
$[
|
|
71
|
-
} else t11 = $[
|
|
63
|
+
$[8] = t10;
|
|
64
|
+
$[9] = t7;
|
|
65
|
+
$[10] = t8;
|
|
66
|
+
$[11] = t9;
|
|
67
|
+
$[12] = t11;
|
|
68
|
+
} else t11 = $[12];
|
|
72
69
|
const t12 = variant === "vertical";
|
|
73
70
|
const t13 = variant === "horizontal";
|
|
74
71
|
let t14;
|
|
75
|
-
if ($[
|
|
72
|
+
if ($[13] !== isDisabled || $[14] !== t12 || $[15] !== t13) {
|
|
76
73
|
t14 = clsx("flex min-w-0 max-w-full grow items-center gap-file-upload-content-gap-icon-to-content", {
|
|
77
74
|
"flex-col": t12,
|
|
78
75
|
"flex-row": t13,
|
|
79
76
|
"opacity-50": isDisabled
|
|
80
77
|
});
|
|
81
|
-
$[
|
|
82
|
-
$[
|
|
83
|
-
$[
|
|
84
|
-
$[
|
|
85
|
-
} else t14 = $[
|
|
78
|
+
$[13] = isDisabled;
|
|
79
|
+
$[14] = t12;
|
|
80
|
+
$[15] = t13;
|
|
81
|
+
$[16] = t14;
|
|
82
|
+
} else t14 = $[16];
|
|
86
83
|
let t15;
|
|
87
|
-
if ($[
|
|
84
|
+
if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
|
|
88
85
|
t15 = /* @__PURE__ */ jsx(CheckCircleIcon, { className: "h-6 w-6 text-text-default-1" });
|
|
89
|
-
$[
|
|
90
|
-
} else t15 = $[
|
|
86
|
+
$[17] = t15;
|
|
87
|
+
} else t15 = $[17];
|
|
91
88
|
const t16 = variant === "vertical";
|
|
92
89
|
const t17 = variant === "horizontal";
|
|
93
90
|
let t18;
|
|
94
|
-
if ($[
|
|
91
|
+
if ($[18] !== t16 || $[19] !== t17) {
|
|
95
92
|
t18 = clsx("flex flex-col gap-file-upload-content-gap-text-to-text", {
|
|
96
93
|
"max-w-full items-center": t16,
|
|
97
94
|
"max-w-[calc(100%-32px)]": t17
|
|
98
95
|
});
|
|
99
|
-
$[
|
|
100
|
-
$[
|
|
101
|
-
$[
|
|
102
|
-
} else t18 = $[
|
|
96
|
+
$[18] = t16;
|
|
97
|
+
$[19] = t17;
|
|
98
|
+
$[20] = t18;
|
|
99
|
+
} else t18 = $[20];
|
|
103
100
|
const t19 = state.file?.name ?? state.displayName ?? "";
|
|
104
101
|
let t20;
|
|
105
|
-
if ($[
|
|
102
|
+
if ($[21] !== t19) {
|
|
106
103
|
t20 = /* @__PURE__ */ jsx(Typography, {
|
|
107
104
|
variant: "prominent-1",
|
|
108
105
|
size: "label-1",
|
|
@@ -110,18 +107,18 @@ var FileUploadContentFilled = (t0) => {
|
|
|
110
107
|
className: "self-stretch truncate text-center text-text-default-1",
|
|
111
108
|
children: t19
|
|
112
109
|
});
|
|
113
|
-
$[
|
|
114
|
-
$[
|
|
115
|
-
} else t20 = $[
|
|
110
|
+
$[21] = t19;
|
|
111
|
+
$[22] = t20;
|
|
112
|
+
} else t20 = $[22];
|
|
116
113
|
const t21 = singleFile ? "label-2" : "label-3";
|
|
117
114
|
let t22;
|
|
118
|
-
if ($[
|
|
115
|
+
if ($[23] !== state) {
|
|
119
116
|
t22 = FileUtils.getFileDisplaySize(state);
|
|
120
|
-
$[
|
|
121
|
-
$[
|
|
122
|
-
} else t22 = $[
|
|
117
|
+
$[23] = state;
|
|
118
|
+
$[24] = t22;
|
|
119
|
+
} else t22 = $[24];
|
|
123
120
|
let t23;
|
|
124
|
-
if ($[
|
|
121
|
+
if ($[25] !== t21 || $[26] !== t22) {
|
|
125
122
|
t23 = /* @__PURE__ */ jsx(Typography, {
|
|
126
123
|
variant: "default",
|
|
127
124
|
size: t21,
|
|
@@ -129,51 +126,51 @@ var FileUploadContentFilled = (t0) => {
|
|
|
129
126
|
className: "text-text-default-2",
|
|
130
127
|
children: t22
|
|
131
128
|
});
|
|
132
|
-
$[
|
|
133
|
-
$[
|
|
134
|
-
$[
|
|
135
|
-
} else t23 = $[
|
|
129
|
+
$[25] = t21;
|
|
130
|
+
$[26] = t22;
|
|
131
|
+
$[27] = t23;
|
|
132
|
+
} else t23 = $[27];
|
|
136
133
|
let t24;
|
|
137
|
-
if ($[
|
|
134
|
+
if ($[28] !== t18 || $[29] !== t20 || $[30] !== t23) {
|
|
138
135
|
t24 = /* @__PURE__ */ jsxs("div", {
|
|
139
136
|
className: t18,
|
|
140
137
|
children: [t20, t23]
|
|
141
138
|
});
|
|
142
|
-
$[
|
|
143
|
-
$[
|
|
144
|
-
$[
|
|
145
|
-
$[
|
|
146
|
-
} else t24 = $[
|
|
139
|
+
$[28] = t18;
|
|
140
|
+
$[29] = t20;
|
|
141
|
+
$[30] = t23;
|
|
142
|
+
$[31] = t24;
|
|
143
|
+
} else t24 = $[31];
|
|
147
144
|
let t25;
|
|
148
|
-
if ($[
|
|
145
|
+
if ($[32] !== t14 || $[33] !== t24) {
|
|
149
146
|
t25 = /* @__PURE__ */ jsxs("div", {
|
|
150
147
|
className: t14,
|
|
151
148
|
children: [t15, t24]
|
|
152
149
|
});
|
|
153
|
-
$[
|
|
154
|
-
$[
|
|
155
|
-
$[
|
|
156
|
-
} else t25 = $[
|
|
150
|
+
$[32] = t14;
|
|
151
|
+
$[33] = t24;
|
|
152
|
+
$[34] = t25;
|
|
153
|
+
} else t25 = $[34];
|
|
157
154
|
const t26 = variant === "vertical" && as === "button";
|
|
158
155
|
const t27 = as === "link" && variant === "vertical";
|
|
159
156
|
const t28 = as === "button" && variant === "vertical";
|
|
160
157
|
const t29 = variant === "horizontal";
|
|
161
158
|
let t30;
|
|
162
|
-
if ($[
|
|
159
|
+
if ($[35] !== t26 || $[36] !== t27 || $[37] !== t28 || $[38] !== t29) {
|
|
163
160
|
t30 = clsx("flex flex-none items-center justify-end", {
|
|
164
161
|
"flex-col": t26,
|
|
165
162
|
"gap-file-upload-content-gap-text-to-text": t27,
|
|
166
163
|
"gap-file-upload-content-gap-content-to-button": t28,
|
|
167
164
|
"gap-file-upload-content-gap-button-to-button": t29
|
|
168
165
|
});
|
|
169
|
-
$[
|
|
170
|
-
$[
|
|
171
|
-
$[
|
|
172
|
-
$[
|
|
173
|
-
$[
|
|
174
|
-
} else t30 = $[
|
|
166
|
+
$[35] = t26;
|
|
167
|
+
$[36] = t27;
|
|
168
|
+
$[37] = t28;
|
|
169
|
+
$[38] = t29;
|
|
170
|
+
$[39] = t30;
|
|
171
|
+
} else t30 = $[39];
|
|
175
172
|
let t31;
|
|
176
|
-
if ($[
|
|
173
|
+
if ($[40] !== as || $[41] !== browseButtonRestProps || $[42] !== browseButtonSize || $[43] !== browseButtonVariant || $[44] !== browseButtonWidth || $[45] !== browseText || $[46] !== fileTriggerProps || $[47] !== isDisabled || $[48] !== onRemove || $[49] !== removeWithIcon || $[50] !== state.id || $[51] !== t || $[52] !== variant) {
|
|
177
174
|
t31 = as === "link" ? /* @__PURE__ */ jsxs(Fragment, { children: [fileTriggerProps && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FileTrigger, {
|
|
178
175
|
...fileTriggerProps,
|
|
179
176
|
children: /* @__PURE__ */ jsx(TextButton, {
|
|
@@ -205,12 +202,11 @@ var FileUploadContentFilled = (t0) => {
|
|
|
205
202
|
children: [fileTriggerProps && /* @__PURE__ */ jsx(FileTrigger, {
|
|
206
203
|
...fileTriggerProps,
|
|
207
204
|
children: /* @__PURE__ */ jsx(Button$1, {
|
|
208
|
-
...browseButtonRestProps,
|
|
209
205
|
variant: browseButtonVariant,
|
|
210
206
|
size: browseButtonSize,
|
|
211
207
|
width: browseButtonWidth,
|
|
208
|
+
...browseButtonRestProps,
|
|
212
209
|
isDisabled,
|
|
213
|
-
className: browseButtonClassName,
|
|
214
210
|
children: browseText ?? ""
|
|
215
211
|
})
|
|
216
212
|
}), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
|
|
@@ -230,34 +226,33 @@ var FileUploadContentFilled = (t0) => {
|
|
|
230
226
|
children: t(_temp3)
|
|
231
227
|
})]
|
|
232
228
|
});
|
|
233
|
-
$[
|
|
234
|
-
$[
|
|
235
|
-
$[
|
|
236
|
-
$[
|
|
237
|
-
$[
|
|
238
|
-
$[
|
|
239
|
-
$[
|
|
240
|
-
$[
|
|
241
|
-
$[
|
|
242
|
-
$[
|
|
243
|
-
$[
|
|
244
|
-
$[
|
|
245
|
-
$[
|
|
246
|
-
$[
|
|
247
|
-
|
|
248
|
-
} else t31 = $[55];
|
|
229
|
+
$[40] = as;
|
|
230
|
+
$[41] = browseButtonRestProps;
|
|
231
|
+
$[42] = browseButtonSize;
|
|
232
|
+
$[43] = browseButtonVariant;
|
|
233
|
+
$[44] = browseButtonWidth;
|
|
234
|
+
$[45] = browseText;
|
|
235
|
+
$[46] = fileTriggerProps;
|
|
236
|
+
$[47] = isDisabled;
|
|
237
|
+
$[48] = onRemove;
|
|
238
|
+
$[49] = removeWithIcon;
|
|
239
|
+
$[50] = state.id;
|
|
240
|
+
$[51] = t;
|
|
241
|
+
$[52] = variant;
|
|
242
|
+
$[53] = t31;
|
|
243
|
+
} else t31 = $[53];
|
|
249
244
|
let t32;
|
|
250
|
-
if ($[
|
|
245
|
+
if ($[54] !== t30 || $[55] !== t31) {
|
|
251
246
|
t32 = /* @__PURE__ */ jsx("div", {
|
|
252
247
|
className: t30,
|
|
253
248
|
children: t31
|
|
254
249
|
});
|
|
255
|
-
$[
|
|
256
|
-
$[
|
|
257
|
-
$[
|
|
258
|
-
} else t32 = $[
|
|
250
|
+
$[54] = t30;
|
|
251
|
+
$[55] = t31;
|
|
252
|
+
$[56] = t32;
|
|
253
|
+
} else t32 = $[56];
|
|
259
254
|
let t33;
|
|
260
|
-
if ($[
|
|
255
|
+
if ($[57] !== t11 || $[58] !== t25 || $[59] !== t32) {
|
|
261
256
|
t33 = /* @__PURE__ */ jsx("div", {
|
|
262
257
|
className: t6,
|
|
263
258
|
children: /* @__PURE__ */ jsxs("div", {
|
|
@@ -265,11 +260,11 @@ var FileUploadContentFilled = (t0) => {
|
|
|
265
260
|
children: [t25, t32]
|
|
266
261
|
})
|
|
267
262
|
});
|
|
268
|
-
$[
|
|
269
|
-
$[
|
|
270
|
-
$[
|
|
271
|
-
$[
|
|
272
|
-
} else t33 = $[
|
|
263
|
+
$[57] = t11;
|
|
264
|
+
$[58] = t25;
|
|
265
|
+
$[59] = t32;
|
|
266
|
+
$[60] = t33;
|
|
267
|
+
} else t33 = $[60];
|
|
273
268
|
return t33;
|
|
274
269
|
};
|
|
275
270
|
function _temp($) {
|
|
@@ -12,7 +12,7 @@ import { clsx } from "clsx";
|
|
|
12
12
|
import { useTranslation } from "react-i18next";
|
|
13
13
|
//#region src/components/inputs/File/shared/FileUploadContentLoading.tsx
|
|
14
14
|
var FileUploadContentLoading = (t0) => {
|
|
15
|
-
const $ = c(
|
|
15
|
+
const $ = c(70);
|
|
16
16
|
const { index, variant, as, state, isDisabled, singleFile, onCancel, cancelButtonProps } = t0;
|
|
17
17
|
const { t } = useTranslation("ui");
|
|
18
18
|
let t1;
|
|
@@ -21,28 +21,25 @@ var FileUploadContentLoading = (t0) => {
|
|
|
21
21
|
$[0] = cancelButtonProps;
|
|
22
22
|
$[1] = t1;
|
|
23
23
|
} else t1 = $[1];
|
|
24
|
-
let cancelButtonClassName;
|
|
25
24
|
let cancelButtonRestProps;
|
|
26
25
|
let t2;
|
|
27
26
|
let t3;
|
|
28
27
|
let t4;
|
|
29
28
|
let t5;
|
|
30
29
|
if ($[2] !== t1) {
|
|
31
|
-
({
|
|
30
|
+
({color: t2, size: t3, variant: t4, width: t5, ...cancelButtonRestProps} = t1);
|
|
32
31
|
$[2] = t1;
|
|
33
|
-
$[3] =
|
|
34
|
-
$[4] =
|
|
35
|
-
$[5] =
|
|
36
|
-
$[6] =
|
|
37
|
-
$[7] =
|
|
38
|
-
$[8] = t5;
|
|
32
|
+
$[3] = cancelButtonRestProps;
|
|
33
|
+
$[4] = t2;
|
|
34
|
+
$[5] = t3;
|
|
35
|
+
$[6] = t4;
|
|
36
|
+
$[7] = t5;
|
|
39
37
|
} else {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
t5 = $[8];
|
|
38
|
+
cancelButtonRestProps = $[3];
|
|
39
|
+
t2 = $[4];
|
|
40
|
+
t3 = $[5];
|
|
41
|
+
t4 = $[6];
|
|
42
|
+
t5 = $[7];
|
|
46
43
|
}
|
|
47
44
|
const cancelButtonColor = t2 === void 0 ? "secondary" : t2;
|
|
48
45
|
const cancelButtonSize = t3 === void 0 ? "xs" : t3;
|
|
@@ -52,63 +49,63 @@ var FileUploadContentLoading = (t0) => {
|
|
|
52
49
|
const t7 = variant === "horizontal";
|
|
53
50
|
const t8 = as === "button";
|
|
54
51
|
let t9;
|
|
55
|
-
if ($[
|
|
52
|
+
if ($[8] !== t6 || $[9] !== t7 || $[10] !== t8) {
|
|
56
53
|
t9 = clsx("flex w-full flex-col items-center", {
|
|
57
54
|
"flex-col": t6,
|
|
58
55
|
"flex-row": t7,
|
|
59
56
|
"gap-file-upload-content-gap-content-to-button": t8
|
|
60
57
|
});
|
|
61
|
-
$[
|
|
62
|
-
$[
|
|
63
|
-
$[
|
|
64
|
-
$[
|
|
65
|
-
} else t9 = $[
|
|
58
|
+
$[8] = t6;
|
|
59
|
+
$[9] = t7;
|
|
60
|
+
$[10] = t8;
|
|
61
|
+
$[11] = t9;
|
|
62
|
+
} else t9 = $[11];
|
|
66
63
|
const t10 = variant === "vertical";
|
|
67
64
|
const t11 = variant === "horizontal";
|
|
68
65
|
let t12;
|
|
69
|
-
if ($[
|
|
66
|
+
if ($[12] !== isDisabled || $[13] !== t10 || $[14] !== t11) {
|
|
70
67
|
t12 = clsx("flex w-full items-center justify-between", {
|
|
71
68
|
"flex-col gap-file-upload-content-gap-text-to-progress": t10,
|
|
72
69
|
"flex-row gap-file-upload-content-gap-left-to-right-content": t11,
|
|
73
70
|
"opacity-50": isDisabled
|
|
74
71
|
});
|
|
75
|
-
$[
|
|
76
|
-
$[
|
|
77
|
-
$[
|
|
78
|
-
$[
|
|
79
|
-
} else t12 = $[
|
|
72
|
+
$[12] = isDisabled;
|
|
73
|
+
$[13] = t10;
|
|
74
|
+
$[14] = t11;
|
|
75
|
+
$[15] = t12;
|
|
76
|
+
} else t12 = $[15];
|
|
80
77
|
const t13 = variant === "vertical";
|
|
81
78
|
const t14 = variant === "horizontal";
|
|
82
79
|
let t15;
|
|
83
|
-
if ($[
|
|
80
|
+
if ($[16] !== t13 || $[17] !== t14) {
|
|
84
81
|
t15 = clsx("flex items-center gap-file-upload-content-gap-icon-to-content", {
|
|
85
82
|
"w-full flex-col": t13,
|
|
86
83
|
"w-1/2": t14
|
|
87
84
|
});
|
|
88
|
-
$[
|
|
89
|
-
$[
|
|
90
|
-
$[
|
|
91
|
-
} else t15 = $[
|
|
85
|
+
$[16] = t13;
|
|
86
|
+
$[17] = t14;
|
|
87
|
+
$[18] = t15;
|
|
88
|
+
} else t15 = $[18];
|
|
92
89
|
let t16;
|
|
93
|
-
if ($[
|
|
90
|
+
if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
|
|
94
91
|
t16 = /* @__PURE__ */ jsx(FileIcon, { className: "h-6 w-6 text-text-default-1" });
|
|
95
|
-
$[
|
|
96
|
-
} else t16 = $[
|
|
92
|
+
$[19] = t16;
|
|
93
|
+
} else t16 = $[19];
|
|
97
94
|
const t17 = variant === "vertical";
|
|
98
95
|
const t18 = variant === "horizontal";
|
|
99
96
|
let t19;
|
|
100
|
-
if ($[
|
|
97
|
+
if ($[20] !== t17 || $[21] !== t18) {
|
|
101
98
|
t19 = clsx("flex flex-col", {
|
|
102
99
|
"max-w-full gap-file-upload-content-gap-icon-to-content text-center": t17,
|
|
103
100
|
"max-w-[calc(100%-32px)] gap-file-upload-content-gap-text-to-text": t18
|
|
104
101
|
});
|
|
105
|
-
$[
|
|
106
|
-
$[
|
|
107
|
-
$[
|
|
108
|
-
} else t19 = $[
|
|
102
|
+
$[20] = t17;
|
|
103
|
+
$[21] = t18;
|
|
104
|
+
$[22] = t19;
|
|
105
|
+
} else t19 = $[22];
|
|
109
106
|
const t20 = state.file?.name ?? state.displayName ?? "";
|
|
110
107
|
let t21;
|
|
111
|
-
if ($[
|
|
108
|
+
if ($[23] !== t20) {
|
|
112
109
|
t21 = /* @__PURE__ */ jsx(Typography, {
|
|
113
110
|
variant: "prominent-1",
|
|
114
111
|
size: "label-1",
|
|
@@ -116,18 +113,18 @@ var FileUploadContentLoading = (t0) => {
|
|
|
116
113
|
className: "self-stretch truncate text-center text-text-default-1",
|
|
117
114
|
children: t20
|
|
118
115
|
});
|
|
119
|
-
$[
|
|
120
|
-
$[
|
|
121
|
-
} else t21 = $[
|
|
116
|
+
$[23] = t20;
|
|
117
|
+
$[24] = t21;
|
|
118
|
+
} else t21 = $[24];
|
|
122
119
|
const t22 = singleFile ? "label-2" : "label-3";
|
|
123
120
|
let t23;
|
|
124
|
-
if ($[
|
|
121
|
+
if ($[25] !== state) {
|
|
125
122
|
t23 = FileUtils.getFileDisplaySize(state);
|
|
126
|
-
$[
|
|
127
|
-
$[
|
|
128
|
-
} else t23 = $[
|
|
123
|
+
$[25] = state;
|
|
124
|
+
$[26] = t23;
|
|
125
|
+
} else t23 = $[26];
|
|
129
126
|
let t24;
|
|
130
|
-
if ($[
|
|
127
|
+
if ($[27] !== t22 || $[28] !== t23) {
|
|
131
128
|
t24 = /* @__PURE__ */ jsx(Typography, {
|
|
132
129
|
variant: "default",
|
|
133
130
|
size: t22,
|
|
@@ -135,51 +132,51 @@ var FileUploadContentLoading = (t0) => {
|
|
|
135
132
|
className: "text-text-default-2",
|
|
136
133
|
children: t23
|
|
137
134
|
});
|
|
138
|
-
$[
|
|
139
|
-
$[
|
|
140
|
-
$[
|
|
141
|
-
} else t24 = $[
|
|
135
|
+
$[27] = t22;
|
|
136
|
+
$[28] = t23;
|
|
137
|
+
$[29] = t24;
|
|
138
|
+
} else t24 = $[29];
|
|
142
139
|
let t25;
|
|
143
|
-
if ($[
|
|
140
|
+
if ($[30] !== t19 || $[31] !== t21 || $[32] !== t24) {
|
|
144
141
|
t25 = /* @__PURE__ */ jsxs("div", {
|
|
145
142
|
className: t19,
|
|
146
143
|
children: [t21, t24]
|
|
147
144
|
});
|
|
148
|
-
$[
|
|
149
|
-
$[
|
|
150
|
-
$[
|
|
151
|
-
$[
|
|
152
|
-
} else t25 = $[
|
|
145
|
+
$[30] = t19;
|
|
146
|
+
$[31] = t21;
|
|
147
|
+
$[32] = t24;
|
|
148
|
+
$[33] = t25;
|
|
149
|
+
} else t25 = $[33];
|
|
153
150
|
let t26;
|
|
154
|
-
if ($[
|
|
151
|
+
if ($[34] !== t15 || $[35] !== t25) {
|
|
155
152
|
t26 = /* @__PURE__ */ jsxs("div", {
|
|
156
153
|
className: t15,
|
|
157
154
|
children: [t16, t25]
|
|
158
155
|
});
|
|
159
|
-
$[
|
|
160
|
-
$[
|
|
161
|
-
$[
|
|
162
|
-
} else t26 = $[
|
|
156
|
+
$[34] = t15;
|
|
157
|
+
$[35] = t25;
|
|
158
|
+
$[36] = t26;
|
|
159
|
+
} else t26 = $[36];
|
|
163
160
|
const t27 = variant === "horizontal";
|
|
164
161
|
const t28 = variant === "vertical";
|
|
165
162
|
let t29;
|
|
166
|
-
if ($[
|
|
163
|
+
if ($[37] !== t27 || $[38] !== t28) {
|
|
167
164
|
t29 = clsx("flex items-center gap-1", {
|
|
168
165
|
"w-1/2": t27,
|
|
169
166
|
"w-full": t28
|
|
170
167
|
});
|
|
171
|
-
$[
|
|
172
|
-
$[
|
|
173
|
-
$[
|
|
174
|
-
} else t29 = $[
|
|
168
|
+
$[37] = t27;
|
|
169
|
+
$[38] = t28;
|
|
170
|
+
$[39] = t29;
|
|
171
|
+
} else t29 = $[39];
|
|
175
172
|
let t30;
|
|
176
|
-
if ($[
|
|
173
|
+
if ($[40] !== state.progress) {
|
|
177
174
|
t30 = /* @__PURE__ */ jsx(ProgressBar, { progress: state.progress });
|
|
178
|
-
$[
|
|
179
|
-
$[
|
|
180
|
-
} else t30 = $[
|
|
175
|
+
$[40] = state.progress;
|
|
176
|
+
$[41] = t30;
|
|
177
|
+
} else t30 = $[41];
|
|
181
178
|
let t31;
|
|
182
|
-
if ($[
|
|
179
|
+
if ($[42] !== as || $[43] !== index || $[44] !== onCancel || $[45] !== variant) {
|
|
183
180
|
t31 = (as === "link" || variant === "horizontal") && /* @__PURE__ */ jsx(InlineIconButton, {
|
|
184
181
|
label: "Cancel",
|
|
185
182
|
color: "secondary",
|
|
@@ -188,72 +185,70 @@ var FileUploadContentLoading = (t0) => {
|
|
|
188
185
|
},
|
|
189
186
|
icon: CloseIcon
|
|
190
187
|
});
|
|
191
|
-
$[
|
|
192
|
-
$[
|
|
193
|
-
$[
|
|
194
|
-
$[
|
|
195
|
-
$[
|
|
196
|
-
} else t31 = $[
|
|
188
|
+
$[42] = as;
|
|
189
|
+
$[43] = index;
|
|
190
|
+
$[44] = onCancel;
|
|
191
|
+
$[45] = variant;
|
|
192
|
+
$[46] = t31;
|
|
193
|
+
} else t31 = $[46];
|
|
197
194
|
let t32;
|
|
198
|
-
if ($[
|
|
195
|
+
if ($[47] !== t29 || $[48] !== t30 || $[49] !== t31) {
|
|
199
196
|
t32 = /* @__PURE__ */ jsxs("div", {
|
|
200
197
|
className: t29,
|
|
201
198
|
children: [t30, t31]
|
|
202
199
|
});
|
|
203
|
-
$[
|
|
204
|
-
$[
|
|
205
|
-
$[
|
|
206
|
-
$[
|
|
207
|
-
} else t32 = $[
|
|
200
|
+
$[47] = t29;
|
|
201
|
+
$[48] = t30;
|
|
202
|
+
$[49] = t31;
|
|
203
|
+
$[50] = t32;
|
|
204
|
+
} else t32 = $[50];
|
|
208
205
|
let t33;
|
|
209
|
-
if ($[
|
|
206
|
+
if ($[51] !== t12 || $[52] !== t26 || $[53] !== t32) {
|
|
210
207
|
t33 = /* @__PURE__ */ jsxs("div", {
|
|
211
208
|
className: t12,
|
|
212
209
|
children: [t26, t32]
|
|
213
210
|
});
|
|
214
|
-
$[
|
|
215
|
-
$[
|
|
216
|
-
$[
|
|
217
|
-
$[
|
|
218
|
-
} else t33 = $[
|
|
211
|
+
$[51] = t12;
|
|
212
|
+
$[52] = t26;
|
|
213
|
+
$[53] = t32;
|
|
214
|
+
$[54] = t33;
|
|
215
|
+
} else t33 = $[54];
|
|
219
216
|
let t34;
|
|
220
|
-
if ($[
|
|
217
|
+
if ($[55] !== as || $[56] !== cancelButtonColor || $[57] !== cancelButtonRestProps || $[58] !== cancelButtonSize || $[59] !== cancelButtonVariant || $[60] !== cancelButtonWidth || $[61] !== index || $[62] !== onCancel || $[63] !== t || $[64] !== variant) {
|
|
221
218
|
t34 = as === "button" && variant === "vertical" && /* @__PURE__ */ jsx(Button, {
|
|
222
|
-
...cancelButtonRestProps,
|
|
223
219
|
variant: cancelButtonVariant,
|
|
224
220
|
size: cancelButtonSize,
|
|
225
221
|
color: cancelButtonColor,
|
|
226
222
|
width: cancelButtonWidth,
|
|
223
|
+
...cancelButtonRestProps,
|
|
227
224
|
onPress: () => {
|
|
228
225
|
onCancel(index);
|
|
229
226
|
},
|
|
230
|
-
className: cancelButtonClassName,
|
|
231
227
|
children: t(_temp)
|
|
232
228
|
});
|
|
233
|
-
$[
|
|
234
|
-
$[
|
|
235
|
-
$[
|
|
236
|
-
$[
|
|
237
|
-
$[
|
|
238
|
-
$[
|
|
239
|
-
$[
|
|
240
|
-
$[
|
|
241
|
-
$[
|
|
242
|
-
$[
|
|
243
|
-
$[
|
|
244
|
-
|
|
245
|
-
} else t34 = $[67];
|
|
229
|
+
$[55] = as;
|
|
230
|
+
$[56] = cancelButtonColor;
|
|
231
|
+
$[57] = cancelButtonRestProps;
|
|
232
|
+
$[58] = cancelButtonSize;
|
|
233
|
+
$[59] = cancelButtonVariant;
|
|
234
|
+
$[60] = cancelButtonWidth;
|
|
235
|
+
$[61] = index;
|
|
236
|
+
$[62] = onCancel;
|
|
237
|
+
$[63] = t;
|
|
238
|
+
$[64] = variant;
|
|
239
|
+
$[65] = t34;
|
|
240
|
+
} else t34 = $[65];
|
|
246
241
|
let t35;
|
|
247
|
-
if ($[
|
|
242
|
+
if ($[66] !== t33 || $[67] !== t34 || $[68] !== t9) {
|
|
248
243
|
t35 = /* @__PURE__ */ jsxs("div", {
|
|
249
244
|
className: t9,
|
|
250
245
|
children: [t33, t34]
|
|
251
246
|
});
|
|
252
|
-
$[
|
|
253
|
-
$[
|
|
254
|
-
$[
|
|
255
|
-
$[
|
|
256
|
-
} else t35 = $[
|
|
247
|
+
$[66] = t33;
|
|
248
|
+
$[67] = t34;
|
|
249
|
+
$[68] = t9;
|
|
250
|
+
$[69] = t35;
|
|
251
|
+
} else t35 = $[69];
|
|
257
252
|
return t35;
|
|
258
253
|
};
|
|
259
254
|
function _temp($) {
|