bmi-next-brokers 1.2.2 → 1.2.4
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/Select.css +1 -1
- package/dist/components/FileUpload/CompactFileUpload.d.ts +0 -1
- package/dist/components/FileUpload/CompactFileUpload.js +129 -130
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/Select.js +140 -104
- package/dist/icons/Icon.js +1 -1
- package/dist/icons/components/AmericanExpress.d.ts +3 -0
- package/dist/icons/components/AmericanExpress.js +11 -0
- package/dist/icons/components/Checkbook.d.ts +3 -0
- package/dist/icons/components/Checkbook.js +22 -0
- package/dist/icons/components/Diners.d.ts +3 -0
- package/dist/icons/components/Diners.js +11 -0
- package/dist/icons/components/Discover.d.ts +3 -0
- package/dist/icons/components/Discover.js +11 -0
- package/dist/icons/components/Mastercard.d.ts +3 -0
- package/dist/icons/components/Mastercard.js +9 -0
- package/dist/icons/components/Visa.d.ts +3 -0
- package/dist/icons/components/Visa.js +5 -0
- package/dist/icons/components/index.d.ts +6 -0
- package/dist/icons/components/index.js +182 -170
- package/dist/icons/index.d.ts +6 -0
- package/dist/icons/index.js +218 -206
- package/dist/index-DzpFRTwz.js +234 -0
- package/package.json +1 -1
- package/dist/index-9HOVLbts.js +0 -222
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._inputContainer_84wrd_1{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0}._compactFileUploadContainer_84wrd_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_84wrd_9._fullWidth_84wrd_26{max-width:100%}._compactFileUploadContainer_84wrd_9:hover{font-weight:600;background-color:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._compactFileUploadContainer_84wrd_9._dragOver_84wrd_35{border-color:var(--Fill-Brand-Default-Active, #2054a5);background:var(--Fill-Brand-Default-Hover, #eef3fc)}._variant_document_84wrd_41 ._icon_84wrd_41{color:var(--Content-Neutral-Primary, #475569)}._variant_add_84wrd_45 ._icon_84wrd_41{color:var(--Fill-Brand-Default-Active, #2054a5)}._compactFileUploadContainer_84wrd_9._disabled_84wrd_50{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);cursor:not-allowed}._compactFileUploadContainer_84wrd_9._disabled_84wrd_50:hover{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc)}._compactFileUploadContainer_84wrd_9._error_84wrd_61{background-color:#fef2f2}._compactFileUploadContainer_84wrd_9._error_84wrd_61:hover{background-color:var(--Fill-Negative-Default-Hover, #fecaca)}._compactFileUploadContainer_84wrd_9._warning_84wrd_69{background-color:#ffedd5}._compactFileUploadContainer_84wrd_9._warning_84wrd_69:hover{background-color:var(--Fill-Warning-Default-Hover, #fecaca)}._compactFileUploadContainer_84wrd_9._inverted_84wrd_78{border-color:var(--Stroke-Neutral-Secondary, #c9e1f6);background:transparent}._compactFileUploadContainer_84wrd_9._inverted_84wrd_78:hover{border-color:var(--Stroke-Neutral-Primary, #e0e9f8);background:#ffffff1a}._compactFileUploadContainer_84wrd_9._inverted_84wrd_78._dragOver_84wrd_35{border-color:var(--Fill-Brand-Inverted-Active, #fff);background:#fff3}._compactFileUploadContainer_84wrd_9._inverted_84wrd_78._disabled_84wrd_50{border-color:var(--Stroke-Disabled-Default, #1b468a);background:transparent}._compactFileUploadContainer_84wrd_9._inverted_84wrd_78._error_84wrd_61{background:transparent}._uploadContent_84wrd_103{display:flex;padding:12px;gap:8px;z-index:100;height:100%;position:relative;transition:background-color .3s ease-in-out}._textContent_84wrd_113{text-align:center;display:flex;flex-direction:row;gap:8px;align-items:center;height:100%;min-width:0}._dragText_84wrd_123{font-family:Poppins Bold;font-size:12px;color:var(--Content-Brand-Default-Active, #2054a5)}._disabled_84wrd_50 ._dragText_84wrd_123{color:var(--content-disabled-default, #cbd5e1)}._inverted_84wrd_78 ._dragText_84wrd_123{color:#fffc}._inverted_84wrd_78._disabled_84wrd_50 ._dragText_84wrd_123{color:var(--content-disabled-default, #4f88d9)}._inverted_84wrd_78 ._variant_document_84wrd_41 ._icon_84wrd_41,._inverted_84wrd_78 ._variant_add_84wrd_45 ._icon_84wrd_41{color:#fff}._inverted_84wrd_78._disabled_84wrd_50 ._icon_84wrd_41{color:var(--content-disabled-default, #4f88d9)}._hiddenInput_84wrd_153{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._compactFileContent_84wrd_166{display:flex;align-items:center;gap:12px;width:100%;height:100%}._compactFileIcon_84wrd_174{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:0}._compactIconBackground_84wrd_182{display:flex;align-items:center;justify-content:center;padding:6px}._compactFileContent_84wrd_166,._compactFileText_84wrd_190{justify-content:center}._compactFileText_84wrd_190{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._compactLabel_84wrd_202{color:#2054a5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._compactFileName_84wrd_209,._compactStatusText_84wrd_210{color:#525252;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._compactFileName_84wrd_209._error_84wrd_61{color:#dc2626}._compactFileName_84wrd_209._success_84wrd_221{color:#65a30d}._compactFileName_84wrd_209._warning_84wrd_69{color:#ea580c}._compactFileName_84wrd_209._loading_84wrd_229{color:#2054a5}._addIconWrapper_84wrd_233{border-radius:1000px;height:34px;width:34px}._browseText_84wrd_239{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2054a5}._compactVisibilityIcon_84wrd_246{flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}._compactActions_84wrd_255{display:flex;align-items:center;gap:8px;flex-shrink:0}._deleteText_84wrd_262{font-family:Poppins Regular;font-size:12px;color:var(--Content-Brand-Default-Active, #2054a5);white-space:nowrap}
|
package/dist/assets/Select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._selectContainer_o3e7b_1{display:flex;flex-direction:column;gap:4px}._label_o3e7b_7{font-family:Poppins Regular;font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_o3e7b_15{font-size:15px;margin-bottom:6px}._label_disabled_o3e7b_20{color:var(--content-disabled-default, #cbd5e1)}._selectWrapper_o3e7b_24{position:relative;display:flex;align-items:center}._select_o3e7b_1{border:1px solid #ddd;border-radius:16px;font-family:Poppins Regular;font-weight:100;outline:none;transition:all .2s ease;width:100%;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding-right:12px}._select_o3e7b_1:hover{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._select_o3e7b_1:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._select_o3e7b_1:active{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8);box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._select_o3e7b_1._open_o3e7b_59{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._select_o3e7b_1._disabled_o3e7b_63{border-radius:16px;border:1px solid var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed}._select_o3e7b_1._disabled_o3e7b_63 ._placeholder_o3e7b_71{color:var(--content-disabled-default, #cbd5e1)}._selectValue_o3e7b_75{flex:1;text-align:left}._placeholder_o3e7b_71{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._chevron_o3e7b_84{transition:transform .2s ease;color:var(--Content-Neutral-Default, #475569)}._chevronOpen_o3e7b_89{transform:rotate(180deg)}._small_o3e7b_94{padding:8px 11px;font-size:12px}._medium_o3e7b_99{padding:8px 10px;font-size:14px}._large_o3e7b_104{padding:11px 12px;font-size:15px}._error_o3e7b_110{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Neutral-Primary, #fff);color:var(--Content-Negative-Default-Active, #dc2626);animation:_errorShake_o3e7b_1 .4s ease-in-out}._error_o3e7b_110 ._placeholder_o3e7b_71{color:var(--Content-Negative-Default-Active, #dc2626)}._error_o3e7b_110:hover{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_o3e7b_110:active{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_o3e7b_110:focus{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_o3e7b_110._open_o3e7b_59{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._errorMessage_o3e7b_140{font-family:Poppins Medium;color:#e74c3c;margin-top:2px;margin-left:4px;animation:_errorMessageSlide_o3e7b_1 .3s ease-out;transform-origin:top}._errorMessage_small_o3e7b_149{font-size:10px}._errorMessage_medium_o3e7b_153{font-size:12px}._errorMessage_large_o3e7b_157{font-size:14px}._errorMessage_inverted_o3e7b_161{color:var(--Content-Negative-Default-Active, #f87171)!important}._helperText_o3e7b_165{font-family:Poppins Regular;color:#acacac;margin-top:2px;margin-left:4px}._helperText_small_o3e7b_172,._helperText_medium_o3e7b_176{font-size:11px}._helperText_large_o3e7b_180{font-size:13px;margin-top:7px}._helperText_disabled_o3e7b_185{color:var(--content-disabled-default, #cbd5e1)}._iconLabel_o3e7b_189{display:flex;justify-content:center;align-items:center;gap:6px}._icon_o3e7b_189{color:var(--Content-Neutral-Default, #475569);pointer-events:none;display:flex;align-items:center;justify-content:center}._icon_disabled_o3e7b_205{color:var(--Content-Neutral-Disabled, #94a3b8)}._required_o3e7b_210{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_inverted_o3e7b_215{color:var(--Content-Negative-Default-Active, #f87171)}._required_disabled_o3e7b_219{color:var(--content-disabled-default, #cbd5e1)}._required_inverted_disabled_o3e7b_223{color:var(--content-disabled-default, #4f88d9)}._dropdown_o3e7b_228{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid var(--Stroke-Neutral-Primary, #94a3b8);border-radius:16px;margin-top:10px;max-height:200px;overflow-y:auto}._option_o3e7b_242{padding:8px 12px;border-bottom:1px solid var(--Stroke-Neutral-Primary, #94a3b8);cursor:pointer;font-family:Poppins Regular;font-size:inherit;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}._option_o3e7b_242:last-child{border-bottom:none}._dropdown_o3e7b_228 ._option_o3e7b_242{font-size:14px;padding:8px 12px}._small_o3e7b_94+._dropdown_o3e7b_228 ._option_o3e7b_242{font-size:12px;padding:8px 11px 8px 14px}._medium_o3e7b_99+._dropdown_o3e7b_228 ._option_o3e7b_242{font-size:14px;padding:8px 12px}._large_o3e7b_104+._dropdown_o3e7b_228 ._option_o3e7b_242{font-size:15px;padding:11px 12px}._option_o3e7b_242:hover{background-color:#f8f9fa}._option_o3e7b_242:first-child{border-top-left-radius:16px;border-top-right-radius:16px}._option_o3e7b_242:last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px}._optionSelected_o3e7b_295{background-color:var(--Fill-Brand-Inverted-Hover, #eef3fc);color:var(--Content-Brand-Inverted-Active, #2054a5)}._optionIcon_o3e7b_300{display:flex;align-items:center;justify-content:center}._inverted_o3e7b_307{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_o3e7b_307:hover{border:1px solid white!important}._inverted_o3e7b_307._open_o3e7b_59{box-shadow:0 0 0 3px #ffffff4d!important}._inverted_o3e7b_307 ._placeholder_o3e7b_71{color:#ffffffb3!important}._inverted_o3e7b_307 ._chevron_o3e7b_84,._label_inverted_o3e7b_329{color:#fff!important}._helperText_inverted_o3e7b_333{color:var(--Content-Neutral-Default-Default, #fafafa)}._icon_inverted_o3e7b_337{color:#fff!important}._dropdown_inverted_o3e7b_341{background:var(--Fill-Brand-Default-Active, #2054a5);border:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._option_inverted_o3e7b_346{color:#fff!important;border-bottom-color:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._option_inverted_o3e7b_346:hover{background-color:#ffffff1a!important}._option_inverted_o3e7b_346._optionSelected_o3e7b_295{background-color:#ffffff26!important;color:#fff!important}._inverted_o3e7b_307._error_o3e7b_110{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_o3e7b_307._error_o3e7b_110 ._placeholder_o3e7b_71{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_o3e7b_307._error_o3e7b_110:hover{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important}._inverted_o3e7b_307._error_o3e7b_110:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_o3e7b_307._error_o3e7b_110:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_o3e7b_307._error_o3e7b_110._open_o3e7b_59{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}@keyframes _errorShake_o3e7b_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes _errorMessageSlide_o3e7b_1{0%{opacity:0;transform:translateY(-5px) scaleY(0)}50%{opacity:.8;transform:translateY(-2px) scaleY(.7)}to{opacity:1;transform:translateY(0) scaleY(1)}}._inverted_o3e7b_307._disabled_o3e7b_63{border:1px solid var(--Stroke-Disabled-Default, #1b468a)!important;background-color:transparent!important;color:var(--content-disabled-default, #4f88d9)!important;cursor:not-allowed}._inverted_o3e7b_307._disabled_o3e7b_63 ._placeholder_o3e7b_71{color:var(--content-disabled-default, #4f88d9)!important}._label_inverted_disabled_o3e7b_437{color:var(--Content-Neutral-Default-Active, #fff)}._helperText_inverted_disabled_o3e7b_441{color:var(--Content-Neutral-Default-Default, #fafafa)}._icon_inverted_disabled_o3e7b_445,._inverted_o3e7b_307._disabled_o3e7b_63 ._chevron_o3e7b_84{color:var(--content-disabled-default, #4f88d9)!important}._inverted_o3e7b_307._disabled_o3e7b_63:focus,._inverted_o3e7b_307._disabled_o3e7b_63:active,._inverted_o3e7b_307._disabled_o3e7b_63._open_o3e7b_59{box-shadow:none!important}._inverted_o3e7b_307._disabled_o3e7b_63._error_o3e7b_110{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_o3e7b_307._disabled_o3e7b_63._error_o3e7b_110:focus,._inverted_o3e7b_307._disabled_o3e7b_63._error_o3e7b_110:active,._inverted_o3e7b_307._disabled_o3e7b_63._error_o3e7b_110._open_o3e7b_59{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_o3e7b_307._disabled_o3e7b_63._error_o3e7b_110 ._placeholder_o3e7b_71{color:var(--Content-Negative-Default-Active, #f87171)!important}
|
|
@@ -18,7 +18,6 @@ export interface CompactFileUploadProps {
|
|
|
18
18
|
inspectFileFunction?: () => void;
|
|
19
19
|
maxFileSize?: number;
|
|
20
20
|
onFileSelect?: (files: FileList | null) => void | Promise<void>;
|
|
21
|
-
onDelete?: (files: FileList | null) => void | Promise<void>;
|
|
22
21
|
statusIconBorderRadius?: string;
|
|
23
22
|
fullWidth?: boolean;
|
|
24
23
|
}
|
|
@@ -1,131 +1,130 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { Icon as
|
|
4
|
-
import { Spinner as
|
|
5
|
-
import { Button as
|
|
6
|
-
import '../../assets/CompactFileUpload.css';const J = "
|
|
7
|
-
inputContainer:
|
|
8
|
-
compactFileUploadContainer:
|
|
9
|
-
fullWidth:
|
|
10
|
-
dragOver:
|
|
11
|
-
variant_document:
|
|
12
|
-
icon:
|
|
13
|
-
variant_add:
|
|
14
|
-
disabled:
|
|
15
|
-
error:
|
|
1
|
+
import { jsx as e, jsxs as u, Fragment as b } from "react/jsx-runtime";
|
|
2
|
+
import { useState as y, useRef as z, useEffect as q } from "react";
|
|
3
|
+
import { Icon as g } from "../../icons/Icon.js";
|
|
4
|
+
import { Spinner as H } from "../Spinner/Spinner.js";
|
|
5
|
+
import { Button as D } from "../Button/Button.js";
|
|
6
|
+
import '../../assets/CompactFileUpload.css';const G = "_inputContainer_84wrd_1", J = "_compactFileUploadContainer_84wrd_9", K = "_fullWidth_84wrd_26", P = "_dragOver_84wrd_35", Q = "_variant_document_84wrd_41", X = "_icon_84wrd_41", Y = "_variant_add_84wrd_45", Z = "_disabled_84wrd_50", tt = "_error_84wrd_61", nt = "_warning_84wrd_69", et = "_inverted_84wrd_78", at = "_uploadContent_84wrd_103", ct = "_textContent_84wrd_113", ot = "_dragText_84wrd_123", it = "_hiddenInput_84wrd_153", rt = "_compactFileContent_84wrd_166", lt = "_compactFileIcon_84wrd_174", st = "_compactIconBackground_84wrd_182", dt = "_compactFileText_84wrd_190", mt = "_compactLabel_84wrd_202", pt = "_compactFileName_84wrd_209", _t = "_compactStatusText_84wrd_210", ut = "_success_84wrd_221", ht = "_loading_84wrd_229", ft = "_addIconWrapper_84wrd_233", vt = "_browseText_84wrd_239", wt = "_compactVisibilityIcon_84wrd_246", Ct = "_compactActions_84wrd_255", gt = "_deleteText_84wrd_262", t = {
|
|
7
|
+
inputContainer: G,
|
|
8
|
+
compactFileUploadContainer: J,
|
|
9
|
+
fullWidth: K,
|
|
10
|
+
dragOver: P,
|
|
11
|
+
variant_document: Q,
|
|
12
|
+
icon: X,
|
|
13
|
+
variant_add: Y,
|
|
14
|
+
disabled: Z,
|
|
15
|
+
error: tt,
|
|
16
16
|
warning: nt,
|
|
17
17
|
inverted: et,
|
|
18
|
-
uploadContent:
|
|
19
|
-
textContent:
|
|
20
|
-
dragText:
|
|
21
|
-
hiddenInput:
|
|
22
|
-
compactFileContent:
|
|
23
|
-
compactFileIcon:
|
|
24
|
-
compactIconBackground:
|
|
25
|
-
compactFileText:
|
|
26
|
-
compactLabel:
|
|
27
|
-
compactFileName:
|
|
18
|
+
uploadContent: at,
|
|
19
|
+
textContent: ct,
|
|
20
|
+
dragText: ot,
|
|
21
|
+
hiddenInput: it,
|
|
22
|
+
compactFileContent: rt,
|
|
23
|
+
compactFileIcon: lt,
|
|
24
|
+
compactIconBackground: st,
|
|
25
|
+
compactFileText: dt,
|
|
26
|
+
compactLabel: mt,
|
|
27
|
+
compactFileName: pt,
|
|
28
28
|
compactStatusText: _t,
|
|
29
|
-
success:
|
|
30
|
-
loading:
|
|
31
|
-
addIconWrapper:
|
|
32
|
-
browseText:
|
|
33
|
-
compactVisibilityIcon:
|
|
34
|
-
compactActions:
|
|
35
|
-
deleteText:
|
|
36
|
-
},
|
|
37
|
-
variant:
|
|
38
|
-
label:
|
|
39
|
-
error:
|
|
29
|
+
success: ut,
|
|
30
|
+
loading: ht,
|
|
31
|
+
addIconWrapper: ft,
|
|
32
|
+
browseText: vt,
|
|
33
|
+
compactVisibilityIcon: wt,
|
|
34
|
+
compactActions: Ct,
|
|
35
|
+
deleteText: gt
|
|
36
|
+
}, Dt = ({
|
|
37
|
+
variant: T = "document",
|
|
38
|
+
label: v,
|
|
39
|
+
error: a,
|
|
40
40
|
success: c,
|
|
41
|
-
warning:
|
|
41
|
+
warning: f,
|
|
42
42
|
loading: o = !1,
|
|
43
|
-
defaultFile:
|
|
43
|
+
defaultFile: x = null,
|
|
44
44
|
disabled: d = !1,
|
|
45
|
-
inverted:
|
|
46
|
-
browseText:
|
|
45
|
+
inverted: $ = !1,
|
|
46
|
+
browseText: k = "Seleccionar archivo",
|
|
47
47
|
allowedTypes: m,
|
|
48
|
-
inspectFileFunction:
|
|
48
|
+
inspectFileFunction: A = () => {
|
|
49
49
|
console.warn(
|
|
50
50
|
"No hay función asignada para ver el archivo. Hay que pasarla al componente como prop inspectFileFunction."
|
|
51
51
|
);
|
|
52
52
|
},
|
|
53
|
-
maxFileSize:
|
|
54
|
-
onFileSelect:
|
|
55
|
-
|
|
56
|
-
statusIconBorderRadius: S = "50%",
|
|
53
|
+
maxFileSize: I,
|
|
54
|
+
onFileSelect: p,
|
|
55
|
+
statusIconBorderRadius: W = "50%",
|
|
57
56
|
fullWidth: B = !1
|
|
58
57
|
}) => {
|
|
59
|
-
const [E,
|
|
60
|
-
|
|
61
|
-
),
|
|
62
|
-
|
|
58
|
+
const [E, w] = y(!1), [i, N] = y(
|
|
59
|
+
x || null
|
|
60
|
+
), h = z(null);
|
|
61
|
+
q(() => {
|
|
63
62
|
if (!i) return;
|
|
64
|
-
const
|
|
65
|
-
|
|
66
|
-
`⚠️ CompactFileUpload: Múltiples estados detectados (${
|
|
63
|
+
const n = [];
|
|
64
|
+
a && n.push("error"), c && n.push("success"), o && n.push("loading"), n.length > 1 && console.warn(
|
|
65
|
+
`⚠️ CompactFileUpload: Múltiples estados detectados (${n.join(", ")}). Solo un estado debe estar activo a la vez.`
|
|
67
66
|
);
|
|
68
|
-
}, [
|
|
69
|
-
const L = (
|
|
70
|
-
|
|
71
|
-
}, O = (
|
|
72
|
-
|
|
73
|
-
}, j = (
|
|
74
|
-
|
|
75
|
-
}, R = (
|
|
76
|
-
if (
|
|
77
|
-
const
|
|
78
|
-
|
|
79
|
-
}, U = async (
|
|
80
|
-
const
|
|
81
|
-
|
|
82
|
-
},
|
|
83
|
-
if (!
|
|
67
|
+
}, [a, c, o, i]);
|
|
68
|
+
const L = (n) => {
|
|
69
|
+
n.preventDefault(), d || w(!0);
|
|
70
|
+
}, O = (n) => {
|
|
71
|
+
n.preventDefault(), w(!1);
|
|
72
|
+
}, j = (n) => {
|
|
73
|
+
n.preventDefault();
|
|
74
|
+
}, R = (n) => {
|
|
75
|
+
if (n.preventDefault(), w(!1), d) return;
|
|
76
|
+
const s = n.dataTransfer.files;
|
|
77
|
+
F(s);
|
|
78
|
+
}, U = async (n) => {
|
|
79
|
+
const s = n.target.files;
|
|
80
|
+
F(s);
|
|
81
|
+
}, F = async (n) => {
|
|
82
|
+
if (!n) return;
|
|
84
83
|
if (m && m.length > 0)
|
|
85
|
-
for (let
|
|
86
|
-
const
|
|
84
|
+
for (let r = 0; r < n.length; r++) {
|
|
85
|
+
const _ = n[r];
|
|
87
86
|
if (!m.some(
|
|
88
|
-
(
|
|
87
|
+
(C) => C.startsWith(".") ? _.name.toLowerCase().endsWith(C.toLowerCase()) : _.type === C
|
|
89
88
|
)) {
|
|
90
|
-
console.warn(`File ${
|
|
89
|
+
console.warn(`File ${_.name} is not an allowed type`);
|
|
91
90
|
return;
|
|
92
91
|
}
|
|
93
92
|
}
|
|
94
|
-
if (
|
|
95
|
-
for (let
|
|
96
|
-
const
|
|
97
|
-
if (
|
|
98
|
-
console.warn(`File ${
|
|
93
|
+
if (I)
|
|
94
|
+
for (let r = 0; r < n.length; r++) {
|
|
95
|
+
const _ = n[r];
|
|
96
|
+
if (_.size > I) {
|
|
97
|
+
console.warn(`File ${_.name} exceeds maximum size`);
|
|
99
98
|
return;
|
|
100
99
|
}
|
|
101
100
|
}
|
|
102
|
-
const
|
|
103
|
-
N(
|
|
104
|
-
|
|
105
|
-
const
|
|
106
|
-
return
|
|
101
|
+
const s = n ? n[0] : null;
|
|
102
|
+
N(s), await (p == null ? void 0 : p(
|
|
103
|
+
s ? (() => {
|
|
104
|
+
const r = new DataTransfer();
|
|
105
|
+
return r.items.add(s), r.files;
|
|
107
106
|
})() : null
|
|
108
107
|
));
|
|
109
108
|
}, V = () => {
|
|
110
|
-
!d &&
|
|
109
|
+
!d && h.current && h.current.click();
|
|
111
110
|
}, M = async () => {
|
|
112
|
-
await (
|
|
113
|
-
},
|
|
111
|
+
await (p == null ? void 0 : p(null)), N(null), h.current && (h.current.value = "");
|
|
112
|
+
}, l = !i && f && !o && !c && !a, S = [
|
|
114
113
|
t.compactFileUploadContainer,
|
|
115
114
|
B && t.fullWidth,
|
|
116
|
-
t[`variant_${
|
|
117
|
-
|
|
118
|
-
i &&
|
|
119
|
-
i && !
|
|
120
|
-
i && !
|
|
115
|
+
t[`variant_${T}`],
|
|
116
|
+
l ? t.warning : "",
|
|
117
|
+
i && a ? t.error : "",
|
|
118
|
+
i && !a && o ? t.loading : "",
|
|
119
|
+
i && !a && !o && c ? t.success : "",
|
|
121
120
|
d ? t.disabled : "",
|
|
122
|
-
|
|
121
|
+
$ ? t.inverted : "",
|
|
123
122
|
E ? t.dragOver : ""
|
|
124
123
|
].filter(Boolean).join(" ");
|
|
125
|
-
return /* @__PURE__ */
|
|
124
|
+
return /* @__PURE__ */ e("div", { className: t.inputContainer, children: /* @__PURE__ */ u(
|
|
126
125
|
"div",
|
|
127
126
|
{
|
|
128
|
-
className:
|
|
127
|
+
className: S,
|
|
129
128
|
onDragEnter: L,
|
|
130
129
|
onDragLeave: O,
|
|
131
130
|
onDragOver: j,
|
|
@@ -134,10 +133,10 @@ import '../../assets/CompactFileUpload.css';const J = "_inputContainer_1dauy_1",
|
|
|
134
133
|
} : V,
|
|
135
134
|
style: { cursor: d ? "not-allowed" : "pointer" },
|
|
136
135
|
children: [
|
|
137
|
-
/* @__PURE__ */
|
|
136
|
+
/* @__PURE__ */ e(
|
|
138
137
|
"input",
|
|
139
138
|
{
|
|
140
|
-
ref:
|
|
139
|
+
ref: h,
|
|
141
140
|
type: "file",
|
|
142
141
|
className: t.hiddenInput,
|
|
143
142
|
onChange: U,
|
|
@@ -145,18 +144,18 @@ import '../../assets/CompactFileUpload.css';const J = "_inputContainer_1dauy_1",
|
|
|
145
144
|
accept: m == null ? void 0 : m.join(",")
|
|
146
145
|
}
|
|
147
146
|
),
|
|
148
|
-
/* @__PURE__ */
|
|
147
|
+
/* @__PURE__ */ e("div", { className: t.uploadContent, children: i || l ? (
|
|
149
148
|
// Compact layout - simple text with left icon
|
|
150
149
|
/* @__PURE__ */ u("div", { className: t.compactFileContent, children: [
|
|
151
|
-
/* @__PURE__ */
|
|
150
|
+
/* @__PURE__ */ e("div", { className: t.compactFileIcon, children: /* @__PURE__ */ e(
|
|
152
151
|
"div",
|
|
153
152
|
{
|
|
154
153
|
className: t.compactIconBackground,
|
|
155
154
|
style: {
|
|
156
|
-
background:
|
|
157
|
-
borderRadius:
|
|
155
|
+
background: a ? "#DC2626" : o ? "#2054A5" : c ? "#65A30D" : f ? "#EA580C" : "#2054A5",
|
|
156
|
+
borderRadius: W
|
|
158
157
|
},
|
|
159
|
-
children: o ? /* @__PURE__ */
|
|
158
|
+
children: o ? /* @__PURE__ */ e(
|
|
160
159
|
"div",
|
|
161
160
|
{
|
|
162
161
|
style: {
|
|
@@ -165,8 +164,8 @@ import '../../assets/CompactFileUpload.css';const J = "_inputContainer_1dauy_1",
|
|
|
165
164
|
alignItems: "center",
|
|
166
165
|
margin: "4px"
|
|
167
166
|
},
|
|
168
|
-
children: /* @__PURE__ */
|
|
169
|
-
|
|
167
|
+
children: /* @__PURE__ */ e(
|
|
168
|
+
H,
|
|
170
169
|
{
|
|
171
170
|
size: 10,
|
|
172
171
|
color: "primary",
|
|
@@ -176,7 +175,7 @@ import '../../assets/CompactFileUpload.css';const J = "_inputContainer_1dauy_1",
|
|
|
176
175
|
}
|
|
177
176
|
)
|
|
178
177
|
}
|
|
179
|
-
) : /* @__PURE__ */
|
|
178
|
+
) : /* @__PURE__ */ e(
|
|
180
179
|
"div",
|
|
181
180
|
{
|
|
182
181
|
style: {
|
|
@@ -184,10 +183,10 @@ import '../../assets/CompactFileUpload.css';const J = "_inputContainer_1dauy_1",
|
|
|
184
183
|
justifyContent: "center",
|
|
185
184
|
alignItems: "center"
|
|
186
185
|
},
|
|
187
|
-
children: /* @__PURE__ */
|
|
188
|
-
|
|
186
|
+
children: /* @__PURE__ */ e(
|
|
187
|
+
g,
|
|
189
188
|
{
|
|
190
|
-
name:
|
|
189
|
+
name: a ? "CancelIcon" : c ? "CheckIcon" : f ? "AlertIcon" : "Documentos",
|
|
191
190
|
fill: "white",
|
|
192
191
|
height: 20,
|
|
193
192
|
width: 20
|
|
@@ -198,36 +197,36 @@ import '../../assets/CompactFileUpload.css';const J = "_inputContainer_1dauy_1",
|
|
|
198
197
|
}
|
|
199
198
|
) }),
|
|
200
199
|
/* @__PURE__ */ u("div", { className: t.compactFileText, children: [
|
|
201
|
-
!
|
|
202
|
-
|
|
203
|
-
/* @__PURE__ */
|
|
200
|
+
!a && !o && !c && !l && /* @__PURE__ */ u(b, { children: [
|
|
201
|
+
v && /* @__PURE__ */ e("span", { className: `small1Medium ${t.compactLabel}`, children: v }),
|
|
202
|
+
/* @__PURE__ */ e("span", { className: `small3Regular ${t.compactFileName}`, children: i == null ? void 0 : i.name })
|
|
204
203
|
] }),
|
|
205
|
-
(
|
|
204
|
+
(a || l || o || c) && /* @__PURE__ */ e(
|
|
206
205
|
"span",
|
|
207
206
|
{
|
|
208
207
|
className: `
|
|
209
208
|
small1Medium
|
|
210
209
|
${t.compactFileName}
|
|
211
|
-
${
|
|
210
|
+
${a && t.error}
|
|
212
211
|
${c && t.success}
|
|
213
|
-
${
|
|
212
|
+
${l && t.warning}
|
|
214
213
|
${o && t.loading}
|
|
215
214
|
`,
|
|
216
|
-
children:
|
|
215
|
+
children: l ? v : i == null ? void 0 : i.name
|
|
217
216
|
}
|
|
218
217
|
),
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
c && !o && /* @__PURE__ */
|
|
218
|
+
a && /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactStatusText}`, children: a }),
|
|
219
|
+
l && /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactStatusText}`, children: f }),
|
|
220
|
+
c && !o && /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactStatusText}`, children: c })
|
|
222
221
|
] }),
|
|
223
222
|
/* @__PURE__ */ u("div", { className: t.compactActions, children: [
|
|
224
|
-
!
|
|
223
|
+
!a && !o && !c && !l && /* @__PURE__ */ e(
|
|
225
224
|
"div",
|
|
226
225
|
{
|
|
227
226
|
className: t.compactVisibilityIcon,
|
|
228
|
-
onClick:
|
|
229
|
-
children: /* @__PURE__ */
|
|
230
|
-
|
|
227
|
+
onClick: A,
|
|
228
|
+
children: /* @__PURE__ */ e(
|
|
229
|
+
g,
|
|
231
230
|
{
|
|
232
231
|
name: "Visibility",
|
|
233
232
|
fill: "#2054A5",
|
|
@@ -237,8 +236,8 @@ import '../../assets/CompactFileUpload.css';const J = "_inputContainer_1dauy_1",
|
|
|
237
236
|
)
|
|
238
237
|
}
|
|
239
238
|
),
|
|
240
|
-
(
|
|
241
|
-
|
|
239
|
+
(a || c || o) && /* @__PURE__ */ e(
|
|
240
|
+
D,
|
|
242
241
|
{
|
|
243
242
|
variant: c ? "ghost" : "outline",
|
|
244
243
|
icon: {
|
|
@@ -246,11 +245,11 @@ import '../../assets/CompactFileUpload.css';const J = "_inputContainer_1dauy_1",
|
|
|
246
245
|
position: "before"
|
|
247
246
|
},
|
|
248
247
|
onClick: M,
|
|
249
|
-
children:
|
|
248
|
+
children: a ? "Eliminar" : o ? "Cancelar" : ""
|
|
250
249
|
}
|
|
251
250
|
),
|
|
252
|
-
|
|
253
|
-
|
|
251
|
+
l && /* @__PURE__ */ e(
|
|
252
|
+
D,
|
|
254
253
|
{
|
|
255
254
|
variant: "outline",
|
|
256
255
|
icon: {
|
|
@@ -262,23 +261,23 @@ import '../../assets/CompactFileUpload.css';const J = "_inputContainer_1dauy_1",
|
|
|
262
261
|
)
|
|
263
262
|
] })
|
|
264
263
|
] })
|
|
265
|
-
) : /* @__PURE__ */
|
|
266
|
-
/* @__PURE__ */
|
|
264
|
+
) : /* @__PURE__ */ e(b, { children: /* @__PURE__ */ u("div", { className: t.textContent, children: [
|
|
265
|
+
/* @__PURE__ */ e(
|
|
267
266
|
"div",
|
|
268
267
|
{
|
|
269
268
|
className: t.addIconWrapper,
|
|
270
269
|
style: {
|
|
271
270
|
background: "#2054A5"
|
|
272
271
|
},
|
|
273
|
-
children: /* @__PURE__ */
|
|
272
|
+
children: /* @__PURE__ */ e("div", { style: { marginTop: "3px" }, children: /* @__PURE__ */ e(g, { name: "Add", fill: "white", height: 27, width: 27 }) })
|
|
274
273
|
}
|
|
275
274
|
),
|
|
276
|
-
/* @__PURE__ */
|
|
275
|
+
/* @__PURE__ */ e("span", { className: `small1Medium ${t.browseText}`, children: k })
|
|
277
276
|
] }) }) })
|
|
278
277
|
]
|
|
279
278
|
}
|
|
280
279
|
) });
|
|
281
280
|
};
|
|
282
281
|
export {
|
|
283
|
-
|
|
282
|
+
Dt as CompactFileUpload
|
|
284
283
|
};
|
|
@@ -7,7 +7,7 @@ export interface SelectOption {
|
|
|
7
7
|
label: string;
|
|
8
8
|
icon?: IconName;
|
|
9
9
|
}
|
|
10
|
-
export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
|
|
10
|
+
export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "value"> {
|
|
11
11
|
size?: SelectSize;
|
|
12
12
|
label?: string;
|
|
13
13
|
error?: string;
|