@vkzstudio/muza-ui 1.0.21 → 1.0.22
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/Dialog/Dialog.js +8 -8
- package/dist/components/FileUpload/FileItem.js +1 -1
- package/dist/components/FileUpload/FileUpload.d.ts +5 -1
- package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
- package/dist/components/FileUpload/FileUpload.js +152 -121
- package/dist/components/FileUpload/FileUpload.stories.d.ts +2 -0
- package/dist/components/FileUpload/FileUpload.stories.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +85 -65
- package/dist/muza-ui.css +1 -1
- package/dist/translations/locales/cs.d.ts.map +1 -1
- package/dist/translations/locales/cs.js +1 -0
- package/dist/translations/locales/en.d.ts.map +1 -1
- package/dist/translations/locales/en.js +1 -0
- package/dist/translations/locales/sk.d.ts.map +1 -1
- package/dist/translations/locales/sk.js +1 -0
- package/dist/translations/types.d.ts +2 -0
- package/dist/translations/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -25,19 +25,19 @@ const Q = o.Root, U = o.Title, Z = o.Description, A = ({
|
|
|
25
25
|
children: s,
|
|
26
26
|
title: c,
|
|
27
27
|
hideCloseButton: n = !1,
|
|
28
|
-
closeAriaLabel:
|
|
29
|
-
...
|
|
28
|
+
closeAriaLabel: f,
|
|
29
|
+
...u
|
|
30
30
|
}, h) => {
|
|
31
|
-
const y = T(), x =
|
|
31
|
+
const y = T(), x = f ?? y.dialog.closeAriaLabel;
|
|
32
32
|
return /* @__PURE__ */ a(
|
|
33
33
|
"div",
|
|
34
34
|
{
|
|
35
35
|
ref: h,
|
|
36
36
|
className: i(
|
|
37
|
-
"
|
|
37
|
+
"-mx-comp-dialog-p -mt-comp-dialog-p border-b border-stroke-base-primary px-comp-dialog-p py-comp-dialog-p-hor-def",
|
|
38
38
|
l
|
|
39
39
|
),
|
|
40
|
-
...
|
|
40
|
+
...u,
|
|
41
41
|
children: /* @__PURE__ */ g("div", { className: "flex items-center gap-4xl", children: [
|
|
42
42
|
/* @__PURE__ */ g("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
|
|
43
43
|
t && /* @__PURE__ */ a("span", { className: "text-surface-brand-primary [&>svg]:size-icon-medium", children: t }),
|
|
@@ -105,8 +105,8 @@ const X = b(
|
|
|
105
105
|
size: s = "medium",
|
|
106
106
|
closeAriaLabel: c,
|
|
107
107
|
...n
|
|
108
|
-
},
|
|
109
|
-
const
|
|
108
|
+
}, f) => {
|
|
109
|
+
const u = T(), h = c ?? u.dialog.closeAriaLabel, [y, x] = O(!1), d = E(null), v = S.toArray(t), w = v.find(
|
|
110
110
|
(e) => {
|
|
111
111
|
var r;
|
|
112
112
|
return C(e) && ((r = e.type) == null ? void 0 : r.displayName) === "DialogHeader";
|
|
@@ -131,7 +131,7 @@ const X = b(
|
|
|
131
131
|
return /* @__PURE__ */ a(W, { children: /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(
|
|
132
132
|
o.Content,
|
|
133
133
|
{
|
|
134
|
-
ref:
|
|
134
|
+
ref: f,
|
|
135
135
|
className: i(
|
|
136
136
|
"relative flex w-full flex-col rounded-2xl bg-surface-base-secondary p-comp-dialog-p duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
|
|
137
137
|
{
|
|
@@ -34,7 +34,7 @@ const E = (e, a, t) => {
|
|
|
34
34
|
"border-comp-file-upload-stroke-def-def",
|
|
35
35
|
"bg-comp-input-fill-def leading-[140%]",
|
|
36
36
|
"text-comp-file-upload-text-dark-secondary",
|
|
37
|
-
"font-
|
|
37
|
+
"font-medium"
|
|
38
38
|
],
|
|
39
39
|
error: [
|
|
40
40
|
"border-comp-file-upload-stroke-error-def",
|
|
@@ -42,6 +42,10 @@ export interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElemen
|
|
|
42
42
|
maxSize?: number;
|
|
43
43
|
/** Custom error message when a file exceeds `maxSize`. Defaults to a translated message with the size in MB. */
|
|
44
44
|
maxSizeErrorMessage?: string;
|
|
45
|
+
/** Maximum number of files allowed. When reached, the dropzone is hidden. */
|
|
46
|
+
maxFiles?: number;
|
|
47
|
+
/** Custom error message when file count exceeds `maxFiles`. Defaults to a translated message. */
|
|
48
|
+
maxFilesErrorMessage?: string;
|
|
45
49
|
/** Controls the visual size of file items in the list. @default 'base' */
|
|
46
50
|
size?: 'sm' | 'base' | 'lg';
|
|
47
51
|
/** Prevents interaction and applies disabled styling. @default false */
|
|
@@ -65,7 +69,7 @@ export interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElemen
|
|
|
65
69
|
* Props managed by the component (`onDrop`, `accept`, `multiple`, `maxSize`, `disabled`) are excluded.
|
|
66
70
|
* @see DropzoneOptions
|
|
67
71
|
*/
|
|
68
|
-
dropzoneOptions?: Omit<DropzoneOptions, 'onDrop' | 'accept' | 'multiple' | 'maxSize' | 'disabled'>;
|
|
72
|
+
dropzoneOptions?: Omit<DropzoneOptions, 'onDrop' | 'accept' | 'multiple' | 'maxSize' | 'maxFiles' | 'disabled'>;
|
|
69
73
|
/** Files displayed in the list on mount. @default [] */
|
|
70
74
|
preselectedFiles?: File[];
|
|
71
75
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,KAAK,eAAe,EAAe,MAAM,gBAAgB,CAAA;AASlE,QAAA,MAAM,kBAAkB;;;;8EAoCvB,CAAA;AAgBD;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,8BAA8B;IAC9B,GAAG,EAAE,MAAM,CAAA;IACX,iCAAiC;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,0GAA0G;IAC1G,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;;;GAIG;AACH,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,QAAQ,GAAG,SAAS,GAAG,UAAU,CAClC,EACD,IAAI,CAAC,YAAY,CAAC,OAAO,kBAAkB,CAAC,EAAE,cAAc,CAAC;IAC/D,kFAAkF;IAClF,MAAM,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACxC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gHAAgH;IAChH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,0EAA0E;IAC1E,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gGAAgG;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC;;;;OAIG;IACH,eAAe,CAAC,EAAE,IAAI,CACpB,eAAe,EACf,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import * as
|
|
3
|
-
import { cva as
|
|
4
|
-
import { useDropzone as
|
|
5
|
-
import { FileItem as
|
|
6
|
-
import { useMuzaTranslations as
|
|
7
|
-
import { Flex as
|
|
8
|
-
import { FormField as
|
|
9
|
-
import { cn as
|
|
10
|
-
import { CloudUploadOutline as
|
|
11
|
-
import { Typography as
|
|
12
|
-
const
|
|
1
|
+
import { jsxs as n, jsx as a, Fragment as pe } from "react/jsx-runtime";
|
|
2
|
+
import * as v from "react";
|
|
3
|
+
import { cva as Y } from "class-variance-authority";
|
|
4
|
+
import { useDropzone as ue } from "react-dropzone";
|
|
5
|
+
import { FileItem as Q } from "./FileItem.js";
|
|
6
|
+
import { useMuzaTranslations as fe } from "../../translations/TranslationContext.js";
|
|
7
|
+
import { Flex as W } from "../Flex/Flex.js";
|
|
8
|
+
import { FormField as ne } from "../FormField/FormField.js";
|
|
9
|
+
import { cn as X } from "../../utils/cn.js";
|
|
10
|
+
import { CloudUploadOutline as me } from "@solar-icons/react-perf";
|
|
11
|
+
import { Typography as M } from "../Typography/Typography.js";
|
|
12
|
+
const ge = Y(
|
|
13
13
|
[
|
|
14
14
|
"group relative cursor-pointer rounded-xl border-1 border-dashed transition-colors",
|
|
15
15
|
"p-4xl pt-3xl pr-4xl pb-3xl",
|
|
@@ -45,7 +45,7 @@ const de = G(
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
|
-
),
|
|
48
|
+
), xe = Y(
|
|
49
49
|
[
|
|
50
50
|
"text-center transition-colors",
|
|
51
51
|
"text-comp-file-upload-text-dark-secondary"
|
|
@@ -57,119 +57,139 @@ const de = G(
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
|
-
),
|
|
60
|
+
), he = v.forwardRef(
|
|
61
61
|
({
|
|
62
|
-
className:
|
|
63
|
-
onDrop:
|
|
64
|
-
accept:
|
|
65
|
-
multiple:
|
|
66
|
-
maxSize:
|
|
67
|
-
maxSizeErrorMessage:
|
|
68
|
-
|
|
62
|
+
className: U,
|
|
63
|
+
onDrop: z,
|
|
64
|
+
accept: m,
|
|
65
|
+
multiple: A = !0,
|
|
66
|
+
maxSize: y,
|
|
67
|
+
maxSizeErrorMessage: Z,
|
|
68
|
+
maxFiles: i,
|
|
69
|
+
maxFilesErrorMessage: q,
|
|
70
|
+
size: P = "base",
|
|
69
71
|
disabled: p = !1,
|
|
70
|
-
readOnly:
|
|
71
|
-
dropzoneOptions:
|
|
72
|
-
label:
|
|
73
|
-
title:
|
|
74
|
-
subtitle:
|
|
75
|
-
preselectedFiles:
|
|
76
|
-
fileStatus:
|
|
77
|
-
itemErrors:
|
|
78
|
-
itemHints:
|
|
79
|
-
error:
|
|
80
|
-
required:
|
|
81
|
-
disableRequiredAsterisk:
|
|
72
|
+
readOnly: g = !1,
|
|
73
|
+
dropzoneOptions: O,
|
|
74
|
+
label: V,
|
|
75
|
+
title: H,
|
|
76
|
+
subtitle: K,
|
|
77
|
+
preselectedFiles: D = [],
|
|
78
|
+
fileStatus: C = [],
|
|
79
|
+
itemErrors: S,
|
|
80
|
+
itemHints: F,
|
|
81
|
+
error: E,
|
|
82
|
+
required: k,
|
|
83
|
+
disableRequiredAsterisk: ee,
|
|
82
84
|
onError: t,
|
|
83
|
-
onDelete:
|
|
84
|
-
onChange:
|
|
85
|
-
preselectedUrls:
|
|
86
|
-
onDeleteUrl:
|
|
87
|
-
labelExtra:
|
|
88
|
-
infoTooltip:
|
|
89
|
-
...
|
|
90
|
-
},
|
|
91
|
-
const
|
|
85
|
+
onDelete: w,
|
|
86
|
+
onChange: u,
|
|
87
|
+
preselectedUrls: x = [],
|
|
88
|
+
onDeleteUrl: $,
|
|
89
|
+
labelExtra: te,
|
|
90
|
+
infoTooltip: oe,
|
|
91
|
+
...le
|
|
92
|
+
}, se) => {
|
|
93
|
+
const f = fe(), [h, _] = v.useState(D), [j, N] = v.useState(!1), [B, b] = v.useState(!1), T = h.length + x.length, re = H ?? f.fileUpload.title, I = i != null ? f.fileUpload.maxFilesError.replace("{count}", String(i)) : "", R = q ?? I, G = y ? f.fileUpload.maxSizeError.replace(
|
|
92
94
|
"{size}",
|
|
93
|
-
(
|
|
94
|
-
) : "",
|
|
95
|
-
onDrop: (e,
|
|
95
|
+
(y / (1024 * 1024)).toFixed(0)
|
|
96
|
+
) : "", J = Z ?? G, { getRootProps: ae, getInputProps: ie, isDragActive: de } = ue({
|
|
97
|
+
onDrop: (e, s) => {
|
|
96
98
|
try {
|
|
97
|
-
if (
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
99
|
+
if (N(!1), b(!1), s.length > 0) {
|
|
100
|
+
const o = s.some(
|
|
101
|
+
(l) => l.errors.some((r) => r.code === "file-too-large")
|
|
102
|
+
);
|
|
103
|
+
if (s.some(
|
|
104
|
+
(l) => l.errors.some((r) => r.code === "too-many-files")
|
|
105
|
+
)) {
|
|
106
|
+
b(!0);
|
|
107
|
+
const l = R || I;
|
|
108
|
+
t == null || t(l, s[0].file);
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
111
|
+
if (o) {
|
|
112
|
+
N(!0);
|
|
113
|
+
const l = J || G;
|
|
114
|
+
t == null || t(l, s[0].file);
|
|
115
|
+
return;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
if (i != null && T + e.length > i) {
|
|
119
|
+
b(!0);
|
|
120
|
+
const o = R || I;
|
|
121
|
+
t == null || t(o);
|
|
103
122
|
return;
|
|
104
123
|
}
|
|
105
|
-
|
|
106
|
-
const
|
|
107
|
-
o.map((
|
|
108
|
-
),
|
|
109
|
-
(
|
|
110
|
-
),
|
|
111
|
-
return
|
|
112
|
-
}),
|
|
124
|
+
_((o) => {
|
|
125
|
+
const c = new Set(
|
|
126
|
+
o.map((d) => `${d.name}-${d.size}-${d.lastModified}`)
|
|
127
|
+
), l = e.filter(
|
|
128
|
+
(d) => !c.has(`${d.name}-${d.size}-${d.lastModified}`)
|
|
129
|
+
), r = [...o, ...l];
|
|
130
|
+
return u == null || u(r), r;
|
|
131
|
+
}), z == null || z(e);
|
|
113
132
|
} catch (o) {
|
|
114
|
-
const
|
|
115
|
-
t == null || t(
|
|
133
|
+
const c = o instanceof Error ? o.message : f.fileUpload.processingError;
|
|
134
|
+
t == null || t(c);
|
|
116
135
|
}
|
|
117
136
|
},
|
|
118
|
-
accept: typeof
|
|
119
|
-
multiple:
|
|
120
|
-
maxSize:
|
|
137
|
+
accept: typeof m == "string" ? { [m]: [] } : m ? Object.fromEntries(m.map((e) => [e, []])) : void 0,
|
|
138
|
+
multiple: A,
|
|
139
|
+
maxSize: y,
|
|
140
|
+
maxFiles: i != null ? i - T : void 0,
|
|
121
141
|
disabled: p,
|
|
122
|
-
...
|
|
123
|
-
}),
|
|
124
|
-
return /* @__PURE__ */
|
|
125
|
-
(!
|
|
126
|
-
|
|
142
|
+
...O
|
|
143
|
+
}), L = g || !A && (h.length > 0 || x.length > 0) || i != null && T >= i;
|
|
144
|
+
return /* @__PURE__ */ n(W, { direction: "column", gap: "lg", children: [
|
|
145
|
+
(!L || V) && /* @__PURE__ */ a(
|
|
146
|
+
ne,
|
|
127
147
|
{
|
|
128
|
-
label:
|
|
129
|
-
required:
|
|
130
|
-
disableRequiredAsterisk:
|
|
131
|
-
labelExtra:
|
|
132
|
-
infoTooltip:
|
|
133
|
-
children: !
|
|
134
|
-
/* @__PURE__ */
|
|
148
|
+
label: V,
|
|
149
|
+
required: k,
|
|
150
|
+
disableRequiredAsterisk: ee,
|
|
151
|
+
labelExtra: te,
|
|
152
|
+
infoTooltip: oe,
|
|
153
|
+
children: !L && /* @__PURE__ */ n(pe, { children: [
|
|
154
|
+
/* @__PURE__ */ n(
|
|
135
155
|
"div",
|
|
136
156
|
{
|
|
137
|
-
ref:
|
|
157
|
+
ref: se,
|
|
138
158
|
tabIndex: p ? void 0 : 0,
|
|
139
|
-
className:
|
|
140
|
-
|
|
141
|
-
error:
|
|
159
|
+
className: X(
|
|
160
|
+
ge({
|
|
161
|
+
error: E || j || B,
|
|
142
162
|
disabled: p,
|
|
143
|
-
className:
|
|
144
|
-
isDragActive:
|
|
163
|
+
className: U,
|
|
164
|
+
isDragActive: de
|
|
145
165
|
})
|
|
146
166
|
),
|
|
147
|
-
...
|
|
148
|
-
...
|
|
167
|
+
...ae(),
|
|
168
|
+
...le,
|
|
149
169
|
children: [
|
|
150
170
|
/* @__PURE__ */ a(
|
|
151
171
|
"input",
|
|
152
172
|
{
|
|
153
|
-
...
|
|
154
|
-
"aria-required":
|
|
173
|
+
...ie({ required: k }),
|
|
174
|
+
"aria-required": k
|
|
155
175
|
}
|
|
156
176
|
),
|
|
157
|
-
/* @__PURE__ */ a(
|
|
158
|
-
/* @__PURE__ */
|
|
159
|
-
/* @__PURE__ */ a(
|
|
160
|
-
|
|
161
|
-
|
|
177
|
+
/* @__PURE__ */ a(me, { className: "inline size-comp-file-upload-ico-size" }),
|
|
178
|
+
/* @__PURE__ */ n("div", { children: [
|
|
179
|
+
/* @__PURE__ */ a(M, { size: "base", component: "p", weight: "medium", children: re }),
|
|
180
|
+
K && /* @__PURE__ */ a(
|
|
181
|
+
M,
|
|
162
182
|
{
|
|
163
183
|
size: "sm",
|
|
164
184
|
component: "p",
|
|
165
185
|
weight: "regular",
|
|
166
|
-
className:
|
|
167
|
-
|
|
186
|
+
className: X(
|
|
187
|
+
xe({
|
|
168
188
|
disabled: p,
|
|
169
|
-
className:
|
|
189
|
+
className: U
|
|
170
190
|
})
|
|
171
191
|
),
|
|
172
|
-
children:
|
|
192
|
+
children: K
|
|
173
193
|
}
|
|
174
194
|
)
|
|
175
195
|
] })
|
|
@@ -177,22 +197,33 @@ const de = G(
|
|
|
177
197
|
}
|
|
178
198
|
),
|
|
179
199
|
j && /* @__PURE__ */ a(
|
|
180
|
-
|
|
200
|
+
M,
|
|
201
|
+
{
|
|
202
|
+
size: "sm",
|
|
203
|
+
variant: "body",
|
|
204
|
+
component: "p",
|
|
205
|
+
weight: "regular",
|
|
206
|
+
className: "text-comp-file-upload-text-error-def",
|
|
207
|
+
children: J
|
|
208
|
+
}
|
|
209
|
+
),
|
|
210
|
+
B && /* @__PURE__ */ a(
|
|
211
|
+
M,
|
|
181
212
|
{
|
|
182
213
|
size: "sm",
|
|
183
214
|
variant: "body",
|
|
184
215
|
component: "p",
|
|
185
216
|
weight: "regular",
|
|
186
217
|
className: "text-comp-file-upload-text-error-def",
|
|
187
|
-
children:
|
|
218
|
+
children: R
|
|
188
219
|
}
|
|
189
220
|
)
|
|
190
221
|
] })
|
|
191
222
|
}
|
|
192
223
|
),
|
|
193
|
-
(
|
|
194
|
-
|
|
195
|
-
|
|
224
|
+
(x.length > 0 || h.length > 0) && /* @__PURE__ */ n(W, { component: "ul", direction: "column", gap: "md", children: [
|
|
225
|
+
x.map((e, s) => /* @__PURE__ */ a(
|
|
226
|
+
Q,
|
|
196
227
|
{
|
|
197
228
|
source: "url",
|
|
198
229
|
url: e.url,
|
|
@@ -200,36 +231,36 @@ const de = G(
|
|
|
200
231
|
type: e.type,
|
|
201
232
|
uploaded: !0,
|
|
202
233
|
disabled: p,
|
|
203
|
-
readOnly:
|
|
204
|
-
size:
|
|
205
|
-
onDelete: () =>
|
|
234
|
+
readOnly: g,
|
|
235
|
+
size: P,
|
|
236
|
+
onDelete: () => $ == null ? void 0 : $(e, s)
|
|
206
237
|
},
|
|
207
238
|
`url-${e.url}`
|
|
208
239
|
)),
|
|
209
|
-
|
|
210
|
-
const o =
|
|
211
|
-
return
|
|
212
|
-
|
|
240
|
+
h.map((e, s) => {
|
|
241
|
+
const o = C[s], c = o == null ? void 0 : o.uploaded;
|
|
242
|
+
return g && !c ? null : /* @__PURE__ */ a(
|
|
243
|
+
Q,
|
|
213
244
|
{
|
|
214
245
|
source: "file",
|
|
215
246
|
file: e,
|
|
216
|
-
uploaded:
|
|
247
|
+
uploaded: c,
|
|
217
248
|
progress: o == null ? void 0 : o.progress,
|
|
218
249
|
disabled: p,
|
|
219
|
-
readOnly:
|
|
220
|
-
error:
|
|
221
|
-
note:
|
|
250
|
+
readOnly: g,
|
|
251
|
+
error: S == null ? void 0 : S.get(e),
|
|
252
|
+
note: F == null ? void 0 : F.get(e),
|
|
222
253
|
onError: t,
|
|
223
|
-
size:
|
|
254
|
+
size: P,
|
|
224
255
|
onDelete: () => {
|
|
225
256
|
try {
|
|
226
|
-
|
|
227
|
-
const
|
|
228
|
-
return
|
|
229
|
-
}),
|
|
230
|
-
} catch (
|
|
231
|
-
const
|
|
232
|
-
t == null || t(
|
|
257
|
+
b(!1), N(!1), _((l) => {
|
|
258
|
+
const r = l.filter((d, ce) => ce !== s);
|
|
259
|
+
return u == null || u(r), r;
|
|
260
|
+
}), w == null || w(e, s);
|
|
261
|
+
} catch (l) {
|
|
262
|
+
const r = l instanceof Error ? l.message : f.fileUpload.deleteError;
|
|
263
|
+
t == null || t(r, e);
|
|
233
264
|
}
|
|
234
265
|
}
|
|
235
266
|
},
|
|
@@ -240,7 +271,7 @@ const de = G(
|
|
|
240
271
|
] });
|
|
241
272
|
}
|
|
242
273
|
);
|
|
243
|
-
|
|
274
|
+
he.displayName = "FileUpload";
|
|
244
275
|
export {
|
|
245
|
-
|
|
276
|
+
he as FileUpload
|
|
246
277
|
};
|
|
@@ -17,6 +17,8 @@ export declare const Disabled: Story;
|
|
|
17
17
|
export declare const WithErrorsAndHints: Story;
|
|
18
18
|
export declare const ReadOnly: Story;
|
|
19
19
|
export declare const UploadSimulation: Story;
|
|
20
|
+
export declare const WithMaxFiles: Story;
|
|
21
|
+
export declare const WithMaxFilesAndPreselected: Story;
|
|
20
22
|
export declare const PreselectedUrls: Story;
|
|
21
23
|
export declare const MixedFilesAndUrls: Story;
|
|
22
24
|
export declare const SingleFileWithUrl: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAuB,MAAM,cAAc,CAAA;AAE9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,
|
|
1
|
+
{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAuB,MAAM,cAAc,CAAA;AAE9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAgMjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAmBnB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAoBpC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA0ChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0F9B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAmBD,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAsB/B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AA+Dd,wCAAwC;AACxC,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,UAAU,CAAC;IAC/D,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAA;IACpD,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6FAA6F;IAC7F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gGAAgG;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6HAA6H;IAC7H,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,eAAO,MAAM,QAAQ,4HA0GpB,CAAA"}
|