bmi-next-brokers 1.1.5 → 1.1.8
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/assets/CompactFileUpload.css +1 -1
- package/dist/assets/index7.css +1 -1
- package/dist/components/FileUpload/CompactFileUpload.d.ts +3 -0
- package/dist/components/FileUpload/CompactFileUpload.js +210 -147
- package/dist/components/FileUpload/FileUpload.d.ts +1 -0
- package/dist/components/FileUpload/FileUpload.js +129 -128
- package/dist/components/modal/index.js +115 -93
- package/dist/icons/Icon.js +1 -1
- package/dist/icons/components/ArrowForward.d.ts +3 -0
- package/dist/icons/components/ArrowForward.js +10 -0
- package/dist/icons/components/index.d.ts +1 -0
- package/dist/icons/components/index.js +162 -160
- package/dist/icons/index.d.ts +1 -0
- package/dist/icons/index.js +190 -188
- package/dist/index-CYre5lRF.js +214 -0
- package/package.json +1 -1
- package/dist/index-CFSpGUXZ.js +0 -212
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._inputContainer_10r2r_1{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0}._compactFileUploadContainer_10r2r_9{background:var(--Fill-Brand-Default-Hover, #eef3fc);border-radius:12px;transition:background-color .3s ease,border-color .3s ease;position:relative;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;width:100%;max-width:415px;height:62px}._compactFileUploadContainer_10r2r_9._fullWidth_10r2r_26{max-width:100%}._compactFileUploadContainer_10r2r_9:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._compactFileUploadContainer_10r2r_9._dragOver_10r2r_34{border-color:var(--Fill-Brand-Default-Active, #2054a5);background:var(--Fill-Brand-Default-Hover, #eef3fc)}._variant_document_10r2r_40 ._icon_10r2r_40{color:var(--Content-Neutral-Primary, #475569)}._variant_add_10r2r_44 ._icon_10r2r_40{color:var(--Fill-Brand-Default-Active, #2054a5)}._compactFileUploadContainer_10r2r_9._disabled_10r2r_49{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);cursor:not-allowed}._compactFileUploadContainer_10r2r_9._disabled_10r2r_49:hover{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc)}._compactFileUploadContainer_10r2r_9._error_10r2r_60{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._compactFileUploadContainer_10r2r_9._error_10r2r_60:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._compactFileUploadContainer_10r2r_9._success_10r2r_68{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._compactFileUploadContainer_10r2r_9._success_10r2r_68:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._compactFileUploadContainer_10r2r_9._loading_10r2r_76{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._compactFileUploadContainer_10r2r_9._loading_10r2r_76:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._compactFileUploadContainer_10r2r_9._inverted_10r2r_85{border-color:var(--Stroke-Neutral-Secondary, #c9e1f6);background:transparent}._compactFileUploadContainer_10r2r_9._inverted_10r2r_85:hover{border-color:var(--Stroke-Neutral-Primary, #e0e9f8);background:#ffffff1a}._compactFileUploadContainer_10r2r_9._inverted_10r2r_85._dragOver_10r2r_34{border-color:var(--Fill-Brand-Inverted-Active, #fff);background:#fff3}._compactFileUploadContainer_10r2r_9._inverted_10r2r_85._disabled_10r2r_49{border-color:var(--Stroke-Disabled-Default, #1b468a);background:transparent}._compactFileUploadContainer_10r2r_9._inverted_10r2r_85._error_10r2r_60{background:transparent}._uploadContent_10r2r_110{display:flex;padding:12px;gap:8px;z-index:100;height:100%;position:relative;transition:all .3s ease}._textContent_10r2r_120{text-align:center;display:flex;flex-direction:row;gap:8px;align-items:center;height:100%;min-width:0}._dragText_10r2r_130{font-family:Poppins Bold;font-size:12px;color:var(--Content-Brand-Default-Active, #2054a5)}._disabled_10r2r_49 ._dragText_10r2r_130{color:var(--content-disabled-default, #cbd5e1)}._inverted_10r2r_85 ._dragText_10r2r_130{color:#fffc}._inverted_10r2r_85._disabled_10r2r_49 ._dragText_10r2r_130{color:var(--content-disabled-default, #4f88d9)}._inverted_10r2r_85 ._variant_document_10r2r_40 ._icon_10r2r_40,._inverted_10r2r_85 ._variant_add_10r2r_44 ._icon_10r2r_40{color:#fff}._inverted_10r2r_85._disabled_10r2r_49 ._icon_10r2r_40{color:var(--content-disabled-default, #4f88d9)}._hiddenInput_10r2r_160{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._compactFileContent_10r2r_173{display:flex;align-items:center;gap:12px;width:100%;height:100%}._compactFileIcon_10r2r_181{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:0}._compactIconBackground_10r2r_189{display:flex;align-items:center;justify-content:center;padding:6px}._compactFileContent_10r2r_173:not(:has(._compactErrorText_10r2r_196)):not(:has(._compactSuccessText_10r2r_197)):not(:has(._compactLabel_10r2r_198)) ._compactFileText_10r2r_199{justify-content:center}._compactFileText_10r2r_199{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._compactFileName_10r2r_211{color:var(--Content-Neutral-Default-Hover, #525252);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._compactErrorText_10r2r_196{font-family:Poppins Regular;font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._compactSuccessText_10r2r_197{font-family:Poppins Regular;font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._compactLabel_10r2r_198{color:var(--Content-Neutral-Default-Active, #000);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._addIconWrapper_10r2r_243{border-radius:1000px;height:34px;width:34px}._browseText_10r2r_249{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._compactVisibilityIcon_10r2r_255{flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}._compactActions_10r2r_264{display:flex;align-items:center;gap:8px;flex-shrink:0}._compactDeleteAction_10r2r_271{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}._deleteText_10r2r_281{font-family:Poppins Regular;font-size:12px;color:var(--Content-Brand-Default-Active, #2054a5);white-space:nowrap}
|
package/dist/assets/index7.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._modalOverlay_t7516_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;animation:_overlayFadeIn_t7516_1 .25s ease-in-out forwards;overflow:hidden}._modalOverlay_t7516_1._closing_t7516_15{animation:_overlayFadeOut_t7516_1 .25s ease-in-out forwards}@keyframes _overlayFadeIn_t7516_1{0%{opacity:0}to{opacity:1}}@keyframes _overlayFadeOut_t7516_1{0%{opacity:1}to{opacity:0}}._modal_t7516_1{display:flex;flex-direction:column;border-radius:24px;background-color:#fff;box-shadow:0 4px 6px #0000001a;max-height:calc(100dvh - 15px)}._modalHeader_t7516_47{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:8px}._modalHeader_t7516_47._withBorder_t7516_55{border-bottom:1px solid var(--Blacks-Transparencias-Black-20, rgba(0, 0, 0, .2))}._modalTitle_t7516_60{color:var(--Blacks-Black, #000);font-size:20px;font-style:normal;font-weight:600;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._closeIcon_t7516_71{display:flex;flex-direction:column;border-radius:50%;background-color:#d9d9d9;align-items:center;justify-content:center;aspect-ratio:1/1;padding:6.2px;cursor:pointer;margin-left:auto}._modalBody_t7516_84{flex:1;overflow-y:auto;padding:0 16px 16px}._modalBody_t7516_84::-webkit-scrollbar{display:none}._modalFooter_t7516_94._withBorder_t7516_55{border-top:1px solid var(--Blacks-Transparencias-Black-20, rgba(0, 0, 0, .2))}._buttonsDiv_t7516_99{display:grid;grid-template-columns:1fr 1fr;margin-left:auto;width:fit-content;gap:19px;padding-inline:16px;margin-block:16px}._buttonsDiv_t7516_99 :only-child{grid-column:2}
|
|
@@ -7,6 +7,7 @@ export interface CompactFileUploadProps {
|
|
|
7
7
|
required?: boolean;
|
|
8
8
|
error?: string;
|
|
9
9
|
success?: string;
|
|
10
|
+
defaultFile?: File;
|
|
10
11
|
loading?: boolean;
|
|
11
12
|
disabled?: boolean;
|
|
12
13
|
inverted?: boolean;
|
|
@@ -16,5 +17,7 @@ export interface CompactFileUploadProps {
|
|
|
16
17
|
inspectFileFunction?: () => void;
|
|
17
18
|
maxFileSize?: number;
|
|
18
19
|
onFileSelect?: (files: FileList | null) => void;
|
|
20
|
+
statusIconBorderRadius?: string;
|
|
21
|
+
fullWidth?: boolean;
|
|
19
22
|
}
|
|
20
23
|
export declare const CompactFileUpload: React.FC<CompactFileUploadProps>;
|
|
@@ -1,122 +1,134 @@
|
|
|
1
1
|
import { jsx as e, jsxs as _, Fragment as F } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
2
|
+
import { useState as D, useRef as R, useEffect as z } from "react";
|
|
3
3
|
import { Icon as u } from "../../icons/Icon.js";
|
|
4
|
-
import { Spinner as
|
|
5
|
-
import '../../assets/CompactFileUpload.css';const
|
|
6
|
-
inputContainer:
|
|
7
|
-
compactFileUploadContainer:
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
4
|
+
import { Spinner as M } from "../Spinner/Spinner.js";
|
|
5
|
+
import '../../assets/CompactFileUpload.css';const q = "_inputContainer_10r2r_1", H = "_compactFileUploadContainer_10r2r_9", S = "_fullWidth_10r2r_26", Y = "_dragOver_10r2r_34", G = "_variant_document_10r2r_40", J = "_icon_10r2r_40", K = "_variant_add_10r2r_44", P = "_disabled_10r2r_49", Q = "_error_10r2r_60", X = "_success_10r2r_68", Z = "_loading_10r2r_76", tt = "_inverted_10r2r_85", et = "_uploadContent_10r2r_110", nt = "_textContent_10r2r_120", ct = "_dragText_10r2r_130", at = "_hiddenInput_10r2r_160", ot = "_compactFileContent_10r2r_173", rt = "_compactFileIcon_10r2r_181", it = "_compactIconBackground_10r2r_189", lt = "_compactErrorText_10r2r_196", st = "_compactSuccessText_10r2r_197", dt = "_compactLabel_10r2r_198", mt = "_compactFileText_10r2r_199", pt = "_compactFileName_10r2r_211", _t = "_addIconWrapper_10r2r_243", ht = "_browseText_10r2r_249", ut = "_compactVisibilityIcon_10r2r_255", ft = "_compactActions_10r2r_264", vt = "_compactDeleteAction_10r2r_271", Ct = "_deleteText_10r2r_281", t = {
|
|
6
|
+
inputContainer: q,
|
|
7
|
+
compactFileUploadContainer: H,
|
|
8
|
+
fullWidth: S,
|
|
9
|
+
dragOver: Y,
|
|
10
|
+
variant_document: G,
|
|
11
|
+
icon: J,
|
|
12
|
+
variant_add: K,
|
|
13
|
+
disabled: P,
|
|
14
|
+
error: Q,
|
|
15
|
+
success: X,
|
|
16
|
+
loading: Z,
|
|
17
|
+
inverted: tt,
|
|
18
|
+
uploadContent: et,
|
|
19
|
+
textContent: nt,
|
|
20
|
+
dragText: ct,
|
|
21
|
+
hiddenInput: at,
|
|
22
|
+
compactFileContent: ot,
|
|
23
|
+
compactFileIcon: rt,
|
|
24
|
+
compactIconBackground: it,
|
|
25
|
+
compactErrorText: lt,
|
|
26
|
+
compactSuccessText: st,
|
|
27
|
+
compactLabel: dt,
|
|
28
|
+
compactFileText: mt,
|
|
29
|
+
compactFileName: pt,
|
|
30
|
+
addIconWrapper: _t,
|
|
31
|
+
browseText: ht,
|
|
32
|
+
compactVisibilityIcon: ut,
|
|
33
|
+
compactActions: ft,
|
|
34
|
+
compactDeleteAction: vt,
|
|
35
|
+
deleteText: Ct
|
|
36
|
+
}, Dt = ({
|
|
37
|
+
variant: T = "document",
|
|
36
38
|
label: C,
|
|
37
|
-
error:
|
|
38
|
-
success:
|
|
39
|
+
error: c,
|
|
40
|
+
success: a,
|
|
39
41
|
loading: o = !1,
|
|
42
|
+
defaultFile: g = null,
|
|
40
43
|
disabled: s = !1,
|
|
41
|
-
inverted:
|
|
42
|
-
browseText:
|
|
44
|
+
inverted: A = !1,
|
|
45
|
+
browseText: b = "Seleccionar archivo",
|
|
43
46
|
allowedTypes: d,
|
|
44
|
-
inspectFileFunction:
|
|
45
|
-
console.warn(
|
|
47
|
+
inspectFileFunction: y = () => {
|
|
48
|
+
console.warn(
|
|
49
|
+
"No hay función asignada para ver el archivo. Hay que pasarla al componente como prop inspectFileFunction."
|
|
50
|
+
);
|
|
46
51
|
},
|
|
47
|
-
maxFileSize:
|
|
48
|
-
onFileSelect:
|
|
52
|
+
maxFileSize: x,
|
|
53
|
+
onFileSelect: m,
|
|
54
|
+
statusIconBorderRadius: k = "50%",
|
|
55
|
+
fullWidth: w = !1
|
|
49
56
|
}) => {
|
|
50
|
-
const [
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
57
|
+
const [E, f] = D(!1), [i, I] = D(
|
|
58
|
+
g || null
|
|
59
|
+
), h = R(null);
|
|
60
|
+
z(() => {
|
|
61
|
+
if (!i) return;
|
|
62
|
+
const n = [];
|
|
63
|
+
c && n.push("error"), a && n.push("success"), o && n.push("loading"), n.length > 1 && console.warn(
|
|
64
|
+
`⚠️ CompactFileUpload: Múltiples estados detectados (${n.join(", ")}). Solo un estado debe estar activo a la vez.`
|
|
56
65
|
);
|
|
57
|
-
}, [
|
|
58
|
-
const
|
|
59
|
-
|
|
60
|
-
},
|
|
61
|
-
|
|
62
|
-
},
|
|
63
|
-
|
|
64
|
-
},
|
|
65
|
-
if (
|
|
66
|
-
const l =
|
|
67
|
-
|
|
68
|
-
},
|
|
69
|
-
const l =
|
|
70
|
-
|
|
71
|
-
},
|
|
72
|
-
if (!
|
|
66
|
+
}, [c, a, o, i]);
|
|
67
|
+
const W = (n) => {
|
|
68
|
+
n.preventDefault(), s || f(!0);
|
|
69
|
+
}, L = (n) => {
|
|
70
|
+
n.preventDefault(), f(!1);
|
|
71
|
+
}, O = (n) => {
|
|
72
|
+
n.preventDefault();
|
|
73
|
+
}, j = (n) => {
|
|
74
|
+
if (n.preventDefault(), f(!1), s) return;
|
|
75
|
+
const l = n.dataTransfer.files;
|
|
76
|
+
N(l);
|
|
77
|
+
}, B = (n) => {
|
|
78
|
+
const l = n.target.files;
|
|
79
|
+
N(l);
|
|
80
|
+
}, N = (n) => {
|
|
81
|
+
if (!n) return;
|
|
73
82
|
if (d && d.length > 0)
|
|
74
|
-
for (let
|
|
75
|
-
const
|
|
83
|
+
for (let r = 0; r < n.length; r++) {
|
|
84
|
+
const p = n[r];
|
|
76
85
|
if (!d.some(
|
|
77
|
-
(v) => v.startsWith(".") ?
|
|
86
|
+
(v) => v.startsWith(".") ? p.name.toLowerCase().endsWith(v.toLowerCase()) : p.type === v
|
|
78
87
|
)) {
|
|
79
|
-
console.warn(`File ${
|
|
88
|
+
console.warn(`File ${p.name} is not an allowed type`);
|
|
80
89
|
return;
|
|
81
90
|
}
|
|
82
91
|
}
|
|
83
|
-
if (
|
|
84
|
-
for (let
|
|
85
|
-
const
|
|
86
|
-
if (
|
|
87
|
-
console.warn(`File ${
|
|
92
|
+
if (x)
|
|
93
|
+
for (let r = 0; r < n.length; r++) {
|
|
94
|
+
const p = n[r];
|
|
95
|
+
if (p.size > x) {
|
|
96
|
+
console.warn(`File ${p.name} exceeds maximum size`);
|
|
88
97
|
return;
|
|
89
98
|
}
|
|
90
99
|
}
|
|
91
|
-
const l =
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
100
|
+
const l = n ? n[0] : null;
|
|
101
|
+
I(l), m == null || m(
|
|
102
|
+
l ? (() => {
|
|
103
|
+
const r = new DataTransfer();
|
|
104
|
+
return r.items.add(l), r.files;
|
|
105
|
+
})() : null
|
|
106
|
+
);
|
|
98
107
|
}, V = () => {
|
|
99
|
-
|
|
100
|
-
}, U =
|
|
108
|
+
!s && h.current && h.current.click();
|
|
109
|
+
}, U = () => {
|
|
110
|
+
I(null), h.current && (h.current.value = ""), m == null || m(null);
|
|
111
|
+
}, $ = [
|
|
101
112
|
t.compactFileUploadContainer,
|
|
102
|
-
t
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
113
|
+
w && t.fullWidth,
|
|
114
|
+
t[`variant_${T}`],
|
|
115
|
+
i && c ? t.error : "",
|
|
116
|
+
i && !c && o ? t.loading : "",
|
|
117
|
+
i && !c && !o && a ? t.success : "",
|
|
106
118
|
s ? t.disabled : "",
|
|
107
|
-
|
|
108
|
-
|
|
119
|
+
A ? t.inverted : "",
|
|
120
|
+
E ? t.dragOver : ""
|
|
109
121
|
].filter(Boolean).join(" ");
|
|
110
122
|
return /* @__PURE__ */ e("div", { className: t.inputContainer, children: /* @__PURE__ */ _(
|
|
111
123
|
"div",
|
|
112
124
|
{
|
|
113
|
-
className:
|
|
114
|
-
onDragEnter:
|
|
115
|
-
onDragLeave:
|
|
116
|
-
onDragOver:
|
|
117
|
-
onDrop:
|
|
118
|
-
onClick:
|
|
119
|
-
} :
|
|
125
|
+
className: $,
|
|
126
|
+
onDragEnter: W,
|
|
127
|
+
onDragLeave: L,
|
|
128
|
+
onDragOver: O,
|
|
129
|
+
onDrop: j,
|
|
130
|
+
onClick: i ? () => {
|
|
131
|
+
} : V,
|
|
120
132
|
style: { cursor: s ? "not-allowed" : "pointer" },
|
|
121
133
|
children: [
|
|
122
134
|
/* @__PURE__ */ e(
|
|
@@ -125,63 +137,122 @@ import '../../assets/CompactFileUpload.css';const z = "_inputContainer_ta4er_1",
|
|
|
125
137
|
ref: h,
|
|
126
138
|
type: "file",
|
|
127
139
|
className: t.hiddenInput,
|
|
128
|
-
onChange:
|
|
140
|
+
onChange: B,
|
|
129
141
|
disabled: s,
|
|
130
142
|
accept: d == null ? void 0 : d.join(",")
|
|
131
143
|
}
|
|
132
144
|
),
|
|
133
|
-
/* @__PURE__ */ e("div", { className: t.uploadContent, children:
|
|
145
|
+
/* @__PURE__ */ e("div", { className: t.uploadContent, children: i ? (
|
|
134
146
|
// Compact layout - simple text with left icon
|
|
135
147
|
/* @__PURE__ */ _("div", { className: t.compactFileContent, children: [
|
|
136
|
-
/* @__PURE__ */ e("div", { className: t.compactFileIcon, children: /* @__PURE__ */ e(
|
|
137
|
-
|
|
138
|
-
}, children: o ? /* @__PURE__ */ e("div", { style: { marginTop: "5px" }, children: /* @__PURE__ */ e($, { size: 10, color: "primary", backgroundColor: "#A2BFEC", highlightColor: "#EEF3FC", thickness: 3 }) }) : /* @__PURE__ */ e("div", { style: { marginTop: "6px" }, children: /* @__PURE__ */ e(
|
|
139
|
-
u,
|
|
148
|
+
/* @__PURE__ */ e("div", { className: t.compactFileIcon, children: /* @__PURE__ */ e(
|
|
149
|
+
"div",
|
|
140
150
|
{
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
151
|
+
className: t.compactIconBackground,
|
|
152
|
+
style: {
|
|
153
|
+
background: c ? "#DC2626" : o ? "#2054A5" : a ? "#65A30D" : "#2054A5",
|
|
154
|
+
borderRadius: k
|
|
155
|
+
},
|
|
156
|
+
children: o ? /* @__PURE__ */ e(
|
|
157
|
+
"div",
|
|
158
|
+
{
|
|
159
|
+
style: {
|
|
160
|
+
display: "flex",
|
|
161
|
+
justifyContent: "center",
|
|
162
|
+
alignItems: "center",
|
|
163
|
+
margin: "4px"
|
|
164
|
+
},
|
|
165
|
+
children: /* @__PURE__ */ e(
|
|
166
|
+
M,
|
|
167
|
+
{
|
|
168
|
+
size: 10,
|
|
169
|
+
color: "primary",
|
|
170
|
+
backgroundColor: "#A2BFEC",
|
|
171
|
+
highlightColor: "#EEF3FC",
|
|
172
|
+
thickness: 3
|
|
173
|
+
}
|
|
174
|
+
)
|
|
175
|
+
}
|
|
176
|
+
) : /* @__PURE__ */ e(
|
|
177
|
+
"div",
|
|
178
|
+
{
|
|
179
|
+
style: {
|
|
180
|
+
display: "flex",
|
|
181
|
+
justifyContent: "center",
|
|
182
|
+
alignItems: "center"
|
|
183
|
+
},
|
|
184
|
+
children: /* @__PURE__ */ e(
|
|
185
|
+
u,
|
|
186
|
+
{
|
|
187
|
+
name: c ? "CancelIcon" : a ? "CheckIcon" : "Documentos",
|
|
188
|
+
fill: "white",
|
|
189
|
+
height: 24,
|
|
190
|
+
width: 24
|
|
191
|
+
}
|
|
192
|
+
)
|
|
193
|
+
}
|
|
194
|
+
)
|
|
145
195
|
}
|
|
146
|
-
) })
|
|
196
|
+
) }),
|
|
147
197
|
/* @__PURE__ */ _("div", { className: t.compactFileText, children: [
|
|
148
|
-
!
|
|
149
|
-
/* @__PURE__ */ e("span", { className: t.compactFileName
|
|
150
|
-
|
|
151
|
-
!o &&
|
|
198
|
+
!c && !o && !a && C && /* @__PURE__ */ e("span", { className: `small1Medium ${t.compactLabel}`, children: C }),
|
|
199
|
+
/* @__PURE__ */ e("span", { className: `small3Regular ${t.compactFileName}`, children: i.name }),
|
|
200
|
+
c && /* @__PURE__ */ e("span", { className: t.compactErrorText, children: c }),
|
|
201
|
+
!o && a && /* @__PURE__ */ e("span", { className: t.compactSuccessText, children: a })
|
|
152
202
|
] }),
|
|
153
203
|
/* @__PURE__ */ _("div", { className: t.compactActions, children: [
|
|
154
|
-
!
|
|
155
|
-
|
|
204
|
+
!c && !o && !a && /* @__PURE__ */ e(
|
|
205
|
+
"div",
|
|
156
206
|
{
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
207
|
+
className: t.compactVisibilityIcon,
|
|
208
|
+
onClick: y,
|
|
209
|
+
children: /* @__PURE__ */ e(
|
|
210
|
+
u,
|
|
211
|
+
{
|
|
212
|
+
name: "Visibility",
|
|
213
|
+
fill: "#2054A5",
|
|
214
|
+
height: 24,
|
|
215
|
+
width: 24
|
|
216
|
+
}
|
|
217
|
+
)
|
|
161
218
|
}
|
|
162
|
-
)
|
|
163
|
-
(
|
|
164
|
-
|
|
219
|
+
),
|
|
220
|
+
(c || a || o) && /* @__PURE__ */ e(
|
|
221
|
+
"div",
|
|
165
222
|
{
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
223
|
+
className: t.compactDeleteAction,
|
|
224
|
+
onClick: U,
|
|
225
|
+
children: c ? /* @__PURE__ */ e("span", { className: t.deleteText, children: "Eliminar" }) : a ? /* @__PURE__ */ e(
|
|
226
|
+
u,
|
|
227
|
+
{
|
|
228
|
+
name: "CancelIcon",
|
|
229
|
+
fill: "#2054A5",
|
|
230
|
+
height: 16,
|
|
231
|
+
width: 16
|
|
232
|
+
}
|
|
233
|
+
) : o ? /* @__PURE__ */ _(F, { children: [
|
|
234
|
+
/* @__PURE__ */ e(
|
|
235
|
+
u,
|
|
236
|
+
{
|
|
237
|
+
name: "CancelIcon",
|
|
238
|
+
fill: "#2054A5",
|
|
239
|
+
height: 16,
|
|
240
|
+
width: 16
|
|
241
|
+
}
|
|
242
|
+
),
|
|
243
|
+
/* @__PURE__ */ e(
|
|
244
|
+
"span",
|
|
245
|
+
{
|
|
246
|
+
style: {
|
|
247
|
+
transform: "translateY(1px)"
|
|
248
|
+
},
|
|
249
|
+
className: t.deleteText,
|
|
250
|
+
children: "Cancelar"
|
|
251
|
+
}
|
|
252
|
+
)
|
|
253
|
+
] }) : null
|
|
170
254
|
}
|
|
171
|
-
)
|
|
172
|
-
/* @__PURE__ */ e(
|
|
173
|
-
u,
|
|
174
|
-
{
|
|
175
|
-
name: "CancelIcon",
|
|
176
|
-
fill: "#2054A5",
|
|
177
|
-
height: 16,
|
|
178
|
-
width: 16
|
|
179
|
-
}
|
|
180
|
-
),
|
|
181
|
-
/* @__PURE__ */ e("span", { style: {
|
|
182
|
-
transform: "translateY(1px)"
|
|
183
|
-
}, className: t.deleteText, children: "Cancelar" })
|
|
184
|
-
] }) : null })
|
|
255
|
+
)
|
|
185
256
|
] })
|
|
186
257
|
] })
|
|
187
258
|
) : /* @__PURE__ */ e(F, { children: /* @__PURE__ */ _("div", { className: t.textContent, children: [
|
|
@@ -192,23 +263,15 @@ import '../../assets/CompactFileUpload.css';const z = "_inputContainer_ta4er_1",
|
|
|
192
263
|
style: {
|
|
193
264
|
background: "#2054A5"
|
|
194
265
|
},
|
|
195
|
-
children: /* @__PURE__ */ e("div", { style: { marginTop: "3px" }, children: /* @__PURE__ */ e(
|
|
196
|
-
u,
|
|
197
|
-
{
|
|
198
|
-
name: "Add",
|
|
199
|
-
fill: "white",
|
|
200
|
-
height: 27,
|
|
201
|
-
width: 27
|
|
202
|
-
}
|
|
203
|
-
) })
|
|
266
|
+
children: /* @__PURE__ */ e("div", { style: { marginTop: "3px" }, children: /* @__PURE__ */ e(u, { name: "Add", fill: "white", height: 27, width: 27 }) })
|
|
204
267
|
}
|
|
205
268
|
),
|
|
206
|
-
/* @__PURE__ */ e("span", { children:
|
|
269
|
+
/* @__PURE__ */ e("span", { className: t.browseText, children: b })
|
|
207
270
|
] }) }) })
|
|
208
271
|
]
|
|
209
272
|
}
|
|
210
273
|
) });
|
|
211
274
|
};
|
|
212
275
|
export {
|
|
213
|
-
|
|
276
|
+
Dt as CompactFileUpload
|
|
214
277
|
};
|