bmi-next-brokers 1.1.0 → 1.1.2
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/FileUpload.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/assets/index7.css +1 -1
- package/dist/assets/index8.css +1 -0
- package/dist/components/FileUpload/FileUpload.d.ts +2 -1
- package/dist/components/FileUpload/FileUpload.js +235 -206
- package/dist/components/badge/index.js +21 -20
- package/dist/components/modal/index.d.ts +68 -0
- package/dist/components/modal/index.js +93 -0
- package/dist/components/navbar/menuItem/index.js +1 -1
- package/dist/hooks/lockUnlockScroll.d.ts +16 -0
- package/dist/hooks/lockUnlockScroll.js +11 -0
- package/dist/hooks/useScrollLock.d.ts +13 -0
- package/dist/hooks/useScrollLock.js +11 -0
- package/dist/icons/Icon.js +1 -1
- package/dist/icons/components/Close.d.ts +3 -0
- package/dist/icons/components/Close.js +22 -0
- package/dist/icons/components/index.d.ts +1 -0
- package/dist/icons/components/index.js +136 -134
- package/dist/icons/index.d.ts +1 -0
- package/dist/icons/index.js +154 -152
- package/dist/index-CFSpGUXZ.js +212 -0
- package/dist/main.d.ts +6 -3
- package/dist/main.js +30 -26
- package/package.json +1 -1
- package/dist/index-CRKO7ib4.js +0 -210
|
@@ -1 +1 @@
|
|
|
1
|
-
._inputContainer_1ji52_1{display:flex;flex-direction:column;gap:4px;width:fit-content}._label_1ji52_8{font-family:Poppins Regular;font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_1ji52_16{font-size:15px;margin-bottom:6px}._label_disabled_1ji52_21{color:var(--content-disabled-default, #cbd5e1)}._label_inverted_1ji52_25{color:#fff!important}._label_inverted_disabled_1ji52_29{color:var(--Content-Neutral-Default-Active, #FFF)}._required_1ji52_33{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_disabled_1ji52_38{color:var(--content-disabled-default, #CBD5E1)}._required_inverted_1ji52_42{color:var(--Content-Negative-Default-Active, #f87171)}._required_inverted_disabled_1ji52_46{color:var(--content-disabled-default, #4F88D9)}._fileUploadContainer_1ji52_50{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}._iconContainerLeft_1ji52_62{position:absolute;top:-60px;left:-12px;transform:rotate(15deg);transition:opacity .3s ease}._iconContainerRight_1ji52_70{position:absolute;top:20px;left:300px;transform:rotate(-25deg);transition:opacity .3s ease}._fileUploadContainer_1ji52_50:hover{background:var(--Fill-Info-Inverted-Hover, #E0E9F8)}._fileUploadContainer_1ji52_50._dragOver_1ji52_82{border-color:var(--Fill-Brand-Default-Active, #2054A5);background:var(--Fill-Brand-Default-Hover, #EEF3FC)}._fileUploadContainer_1ji52_50{width:415px;height:120px}._variant_document_1ji52_94 ._icon_1ji52_62{color:var(--Content-Neutral-Primary, #475569)}._variant_add_1ji52_98 ._icon_1ji52_62{color:var(--Fill-Brand-Default-Active, #2054A5)}._fileUploadContainer_1ji52_50._disabled_1ji52_103{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);cursor:not-allowed}._fileUploadContainer_1ji52_50._disabled_1ji52_103:hover{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc)}._fileUploadContainer_1ji52_50._error_1ji52_114{border-color:var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2)}._fileUploadContainer_1ji52_50._error_1ji52_114:hover{border-color:var(--Stroke-Negative-Active, #dc2626)}._fileUploadContainer_1ji52_50._success_1ji52_123{background:var(--Fill-Brand-Default-Hover, #EEF3FC)}._fileUploadContainer_1ji52_50._success_1ji52_123:hover{background:var(--Fill-Info-Inverted-Hover, #E0E9F8)}._fileUploadContainer_1ji52_50._loading_1ji52_131{background:var(--Fill-Brand-Default-Hover, #EEF3FC)}._fileUploadContainer_1ji52_50._loading_1ji52_131:hover{background:var(--Fill-Info-Inverted-Hover, #E0E9F8)}._fileUploadContainer_1ji52_50._inverted_1ji52_140{border-color:var(--Stroke-Neutral-Secondary, #c9e1f6);background:transparent}._fileUploadContainer_1ji52_50._inverted_1ji52_140:hover{border-color:var(--Stroke-Neutral-Primary, #E0E9F8);background:#ffffff1a}._fileUploadContainer_1ji52_50._inverted_1ji52_140._dragOver_1ji52_82{border-color:var(--Fill-Brand-Inverted-Active, #FFF);background:#fff3}._fileUploadContainer_1ji52_50._inverted_1ji52_140._disabled_1ji52_103{border-color:var(--Stroke-Disabled-Default, #1b468a);background:transparent}._fileUploadContainer_1ji52_50._inverted_1ji52_140._error_1ji52_114{border-color:var(--Stroke-Negative-Active, #ef4444);background:#ef44441a}._uploadContent_1ji52_166{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:100;height:100%;position:relative;transition:all .3s ease}._selectedFileContent_1ji52_179{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;justify-content:flex-start}._selectedFileContent_1ji52_179._withoutError_1ji52_189{justify-content:center}._selectedFileName_1ji52_194{font-family:Poppins Bold;font-size:16px;color:var(--Content-Neutral-Default-Active, #475569);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._selectedFileSize_1ji52_204{font-family:Poppins Regular;font-size:12px;color:var(--Content-Neutral-Secondary, #64748b);margin-top:2px}._removeButton_1ji52_212{font-family:Poppins Medium;font-size:20px;color:var(--Content-Neutral-Secondary, #64748b);background:transparent;border:none;cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:all .2s ease;flex-shrink:0}._removeButton_1ji52_212:hover{color:var(--Content-Negative-Default-Active, #dc2626);background:var(--Fill-Negative-Default-Hover, #fee2e2)}._removeButton_1ji52_212:disabled{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed;background:transparent}._inverted_1ji52_140 ._selectedFileName_1ji52_194{color:#fff}._inverted_1ji52_140 ._selectedFileSize_1ji52_204,._inverted_1ji52_140 ._removeButton_1ji52_212{color:#ffffffb3}._inverted_1ji52_140 ._removeButton_1ji52_212:hover{color:var(--Content-Negative-Default-Active, #f87171);background:#ef44441a}._inverted_1ji52_140._disabled_1ji52_103 ._selectedFileName_1ji52_194,._inverted_1ji52_140._disabled_1ji52_103 ._selectedFileSize_1ji52_204,._inverted_1ji52_140._disabled_1ji52_103 ._removeButton_1ji52_212{color:var(--content-disabled-default, #4f88d9)}._icon_1ji52_62{display:flex;align-items:center;justify-content:center}._icon_1ji52_62 svg{width:32px;height:32px}._textContent_1ji52_272{text-align:center;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;height:100%}._dragText_1ji52_282{font-family:Poppins Bold;font-size:16px;color:var(--Content-Brand-Default-Active, #2054A5)}._browseText_1ji52_289{font-family:Poppins Medium;font-size:14px;color:var(--Fill-Brand-Default-Active, #2054A5);text-decoration:underline}._disabled_1ji52_103 ._dragText_1ji52_282,._disabled_1ji52_103 ._browseText_1ji52_289{color:var(--content-disabled-default, #cbd5e1)}._inverted_1ji52_140 ._dragText_1ji52_282{color:#fffc}._inverted_1ji52_140 ._browseText_1ji52_289{color:#fff}._inverted_1ji52_140._disabled_1ji52_103 ._dragText_1ji52_282,._inverted_1ji52_140._disabled_1ji52_103 ._browseText_1ji52_289{color:var(--content-disabled-default, #4f88d9)}._inverted_1ji52_140 ._variant_document_1ji52_94 ._icon_1ji52_62,._inverted_1ji52_140 ._variant_add_1ji52_98 ._icon_1ji52_62{color:#fff}._inverted_1ji52_140._disabled_1ji52_103 ._icon_1ji52_62{color:var(--content-disabled-default, #4f88d9)}._hiddenInput_1ji52_327{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._helperText_1ji52_340{font-family:Poppins Regular;color:#acacac;margin-top:2px;margin-left:4px}._helperText_default_1ji52_347{font-size:11px}._helperText_compact_1ji52_351{font-size:10px}._helperText_disabled_1ji52_355{color:var(--content-disabled-default, #cbd5e1)}._helperText_inverted_1ji52_359{color:var(--Content-Neutral-Default-Default, #fafafa)}._helperText_inverted_disabled_1ji52_363{color:var(--Content-Neutral-Default-Default, #FAFAFA)}._errorMessage_1ji52_368{font-family:Poppins Medium;color:#e74c3c;margin-top:2px;margin-left:4px}._errorMessage_default_1ji52_375{font-size:12px}._errorMessage_compact_1ji52_379{font-size:10px}._errorMessage_inverted_1ji52_383{color:var(--Content-Negative-Default-Active, #f87171)!important}._selectedFilesContainer_1ji52_388{margin-top:12px;padding:12px;border-radius:8px;background:var(--Fill-Neutral-Default-Default, #f8fafc);border:1px solid var(--Stroke-Neutral-Primary, #e2e8f0)}._selectedFilesHeader_1ji52_396{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}._selectedFilesText_1ji52_403{font-family:Poppins Medium;font-size:13px;color:var(--Content-Neutral-Default-Active, #475569)}._clearButton_1ji52_409{font-family:Poppins Medium;font-size:12px;color:var(--Fill-Brand-Default-Active, #2054A5);background:transparent;border:none;cursor:pointer;text-decoration:underline;padding:0}._clearButton_1ji52_409:hover{color:var(--Fill-Brand-Default-Hover, #1e40af)}._clearButton_1ji52_409:disabled{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed;text-decoration:none}._filesList_1ji52_430{display:flex;flex-direction:column;gap:4px}._fileItem_1ji52_436{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--Stroke-Neutral-Secondary, #e2e8f0)}._fileItem_1ji52_436:last-child{border-bottom:none}._fileName_1ji52_448{font-family:Poppins Regular;font-size:12px;color:var(--Content-Neutral-Default-Active, #475569);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}._fileSize_1ji52_459{font-family:Poppins Regular;font-size:11px;color:var(--Content-Neutral-Secondary, #64748b);flex-shrink:0}._inverted_1ji52_140 ._selectedFilesContainer_1ji52_388{background:#ffffff1a;border-color:var(--Stroke-Neutral-Secondary, #c9e1f6)}._inverted_1ji52_140 ._selectedFilesText_1ji52_403,._inverted_1ji52_140 ._clearButton_1ji52_409{color:#fff}._inverted_1ji52_140 ._clearButton_1ji52_409:hover{color:#fffc}._inverted_1ji52_140 ._clearButton_1ji52_409:disabled{color:var(--content-disabled-default, #4f88d9)}._inverted_1ji52_140 ._fileItem_1ji52_436{border-color:#fff3}._inverted_1ji52_140 ._fileName_1ji52_448{color:#ffffffe6}._inverted_1ji52_140 ._fileSize_1ji52_459{color:#ffffffb3}._bigZIndex_1ji52_500{z-index:1000}._cancelIconWrapper_1ji52_504{background:var(--Content-Negative-Default-Active, #DC2626);height:35px;width:35px;border-radius:1000px;position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;justify-content:center;animation:_fadeInSlideDown_1ji52_1 .4s ease}._selectedFileInfo_1ji52_520{display:flex;flex-direction:column;text-align:center;position:absolute;top:65px;left:50%;transform:translate(-50%);z-index:200;width:90%;opacity:0;animation:_fadeInSlideUp_1ji52_1 .3s ease forwards}._successIconWrapper_1ji52_536{background:var(--Content-Positive-Active, #65A30D);height:35px;width:35px;border-radius:1000px;position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;justify-content:center;animation:_fadeInSlideDown_1ji52_1 .4s ease}._loadingIconWrapper_1ji52_553{background:var(--Content-Brand-Default-Active, #2054A5);height:35px;width:35px;border-radius:1000px;position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;justify-content:center;animation:_fadeInSlideDown_1ji52_1 .4s ease}._withoutError_1ji52_189 ._selectedFileInfo_1ji52_520{position:static;transform:none;opacity:0;animation:_fadeIn_1ji52_1 .3s ease forwards}._withSuccess_1ji52_579 ._selectedFileInfo_1ji52_520,._withLoading_1ji52_594 ._selectedFileInfo_1ji52_520{display:flex;flex-direction:column;text-align:center;position:absolute;top:65px;left:50%;transform:translate(-50%);z-index:200;width:90%;opacity:0;animation:_fadeInSlideUp_1ji52_1 .3s ease forwards}._errorText_1ji52_610{position:absolute;top:89px;left:50%;transform:translate(-50%);z-index:200;width:90%;text-align:center;font-family:Poppins Medium;font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626);margin:0;padding:0;animation:_fadeInSlideUp_1ji52_1 .4s ease}._successText_1ji52_627{position:absolute;top:89px;left:50%;transform:translate(-50%);z-index:200;width:90%;text-align:center;font-family:Poppins Medium;font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a);margin:0;padding:0;animation:_fadeInSlideUp_1ji52_1 .4s ease}@keyframes _fadeInSlideDown_1ji52_1{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fadeInSlideUp_1ji52_1{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fadeInSlideUpCentered_1ji52_1{0%{opacity:0;transform:translate(-50%) translateY(10px);left:50%}to{opacity:1;transform:translate(-50%) translateY(0);left:50%}}@keyframes _fadeIn_1ji52_1{0%{opacity:0}to{opacity:1}}._inlineFileContainer_1ji52_690{display:flex;align-items:center;gap:12px;width:100%;padding:0;animation:_fadeIn_1ji52_1 .3s ease forwards}._inlineFileIcon_1ji52_699{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--Fill-Brand-Default-Active, #2054A5)}._inlineFileIcon_1ji52_699._error_1ji52_114{background:var(--Content-Negative-Default-Active, #DC2626)}._inlineFileIcon_1ji52_699._success_1ji52_123{background:var(--Content-Positive-Active, #65A30D)}._inlineFileIcon_1ji52_699._loading_1ji52_131{background:var(--Content-Brand-Default-Active, #2054A5)}._inlineFileIcon_1ji52_699._default_1ji52_722{background:var(--Fill-Brand-Default-Active, #2054A5)}._inlineFileInfo_1ji52_726{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._inlineFileName_1ji52_734{font-family:Poppins Medium;font-size:14px;color:var(--Content-Neutral-Default-Active, #475569);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._inlineErrorText_1ji52_743{font-family:Poppins Regular;font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626)}._inlineSuccessText_1ji52_749{font-family:Poppins Regular;font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a)}._inlineFileActions_1ji52_755{display:flex;align-items:center;gap:8px;flex-shrink:0}._inlineActionIcon_1ji52_762{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:background-color .2s ease}._inlineActionIcon_1ji52_762:hover{background:var(--Fill-Neutral-Secondary, #f1f5f9)}
|
|
1
|
+
._inputContainer_1ejg3_1{display:flex;flex-direction:column;gap:4px;width:fit-content}._inputContainer_1ejg3_1._fullWidth_1ejg3_8{width:100%}._label_1ejg3_12{font-family:Poppins Regular;font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_1ejg3_20{font-size:15px;margin-bottom:6px}._label_disabled_1ejg3_25{color:var(--content-disabled-default, #cbd5e1)}._label_inverted_1ejg3_29{color:#fff!important}._label_inverted_disabled_1ejg3_33{color:var(--Content-Neutral-Default-Active, #fff)}._required_1ejg3_37{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_disabled_1ejg3_42{color:var(--content-disabled-default, #cbd5e1)}._required_inverted_1ejg3_46{color:var(--Content-Negative-Default-Active, #f87171)}._required_inverted_disabled_1ejg3_50{color:var(--content-disabled-default, #4f88d9)}._fileUploadContainer_1ejg3_54{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}._iconContainerLeft_1ejg3_68{position:absolute;top:-60px;left:-12px;transform:rotate(15deg);transition:opacity .3s ease}._iconContainerRight_1ejg3_76{position:absolute;top:20px;left:300px;transform:rotate(-25deg);transition:opacity .3s ease}._fileUploadContainer_1ejg3_54:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_1ejg3_54._dragOver_1ejg3_88{border-color:var(--Fill-Brand-Default-Active, #2054a5);background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_1ejg3_54{width:415px;height:120px}._fileUploadContainer_1ejg3_54._fullWidth_1ejg3_8{width:100%}._variant_document_1ejg3_104 ._icon_1ejg3_68{color:var(--Content-Neutral-Primary, #475569)}._variant_add_1ejg3_108 ._icon_1ejg3_68{color:var(--Fill-Brand-Default-Active, #2054a5)}._fileUploadContainer_1ejg3_54._disabled_1ejg3_113{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);cursor:not-allowed}._fileUploadContainer_1ejg3_54._disabled_1ejg3_113:hover{border-color:var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc)}._fileUploadContainer_1ejg3_54._error_1ejg3_124{border-color:var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2)}._fileUploadContainer_1ejg3_54._error_1ejg3_124:hover{border-color:var(--Stroke-Negative-Active, #dc2626)}._fileUploadContainer_1ejg3_54._success_1ejg3_133{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_1ejg3_54._success_1ejg3_133:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_1ejg3_54._loading_1ejg3_141{background:var(--Fill-Brand-Default-Hover, #eef3fc)}._fileUploadContainer_1ejg3_54._loading_1ejg3_141:hover{background:var(--Fill-Info-Inverted-Hover, #e0e9f8)}._fileUploadContainer_1ejg3_54._inverted_1ejg3_150{border-color:var(--Stroke-Neutral-Secondary, #c9e1f6);background:transparent}._fileUploadContainer_1ejg3_54._inverted_1ejg3_150:hover{border-color:var(--Stroke-Neutral-Primary, #e0e9f8);background:#ffffff1a}._fileUploadContainer_1ejg3_54._inverted_1ejg3_150._dragOver_1ejg3_88{border-color:var(--Fill-Brand-Inverted-Active, #fff);background:#fff3}._fileUploadContainer_1ejg3_54._inverted_1ejg3_150._disabled_1ejg3_113{border-color:var(--Stroke-Disabled-Default, #1b468a);background:transparent}._fileUploadContainer_1ejg3_54._inverted_1ejg3_150._error_1ejg3_124{border-color:var(--Stroke-Negative-Active, #ef4444);background:#ef44441a}._uploadContent_1ejg3_176{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:100;height:100%;position:relative;transition:all .3s ease}._selectedFileContent_1ejg3_188{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;justify-content:flex-start}._selectedFileContent_1ejg3_188._withoutError_1ejg3_198{justify-content:center}._selectedFileName_1ejg3_202{font-family:Poppins Bold;font-size:16px;color:var(--Content-Neutral-Default-Active, #475569);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._selectedFileSize_1ejg3_211{font-family:Poppins Regular;font-size:12px;color:var(--Content-Neutral-Secondary, #64748b);margin-top:2px}._removeButton_1ejg3_218{font-family:Poppins Medium;font-size:20px;color:var(--Content-Neutral-Secondary, #64748b);background:transparent;border:none;cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:all .2s ease;flex-shrink:0}._removeButton_1ejg3_218:hover{color:var(--Content-Negative-Default-Active, #dc2626);background:var(--Fill-Negative-Default-Hover, #fee2e2)}._removeButton_1ejg3_218:disabled{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed;background:transparent}._inverted_1ejg3_150 ._selectedFileName_1ejg3_202{color:#fff}._inverted_1ejg3_150 ._selectedFileSize_1ejg3_211,._inverted_1ejg3_150 ._removeButton_1ejg3_218{color:#ffffffb3}._inverted_1ejg3_150 ._removeButton_1ejg3_218:hover{color:var(--Content-Negative-Default-Active, #f87171);background:#ef44441a}._inverted_1ejg3_150._disabled_1ejg3_113 ._selectedFileName_1ejg3_202,._inverted_1ejg3_150._disabled_1ejg3_113 ._selectedFileSize_1ejg3_211,._inverted_1ejg3_150._disabled_1ejg3_113 ._removeButton_1ejg3_218{color:var(--content-disabled-default, #4f88d9)}._icon_1ejg3_68{display:flex;align-items:center;justify-content:center}._icon_1ejg3_68 svg{width:32px;height:32px}._textContent_1ejg3_278{text-align:center;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;height:100%}._dragText_1ejg3_288{font-family:Poppins Bold;font-size:16px;color:var(--Content-Brand-Default-Active, #2054a5)}._browseText_1ejg3_294{font-family:Poppins Medium;font-size:14px;color:var(--Fill-Brand-Default-Active, #2054a5);text-decoration:underline}._disabled_1ejg3_113 ._dragText_1ejg3_288,._disabled_1ejg3_113 ._browseText_1ejg3_294{color:var(--content-disabled-default, #cbd5e1)}._inverted_1ejg3_150 ._dragText_1ejg3_288{color:#fffc}._inverted_1ejg3_150 ._browseText_1ejg3_294{color:#fff}._inverted_1ejg3_150._disabled_1ejg3_113 ._dragText_1ejg3_288,._inverted_1ejg3_150._disabled_1ejg3_113 ._browseText_1ejg3_294{color:var(--content-disabled-default, #4f88d9)}._inverted_1ejg3_150 ._variant_document_1ejg3_104 ._icon_1ejg3_68,._inverted_1ejg3_150 ._variant_add_1ejg3_108 ._icon_1ejg3_68{color:#fff}._inverted_1ejg3_150._disabled_1ejg3_113 ._icon_1ejg3_68{color:var(--content-disabled-default, #4f88d9)}._hiddenInput_1ejg3_331{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._helperText_1ejg3_344{font-family:Poppins Regular;color:#acacac;margin-top:2px;margin-left:4px}._helperText_default_1ejg3_351{font-size:11px}._helperText_compact_1ejg3_355{font-size:10px}._helperText_disabled_1ejg3_359{color:var(--content-disabled-default, #cbd5e1)}._helperText_inverted_1ejg3_363,._helperText_inverted_disabled_1ejg3_367{color:var(--Content-Neutral-Default-Default, #fafafa)}._errorMessage_1ejg3_372{font-family:Poppins Medium;color:#e74c3c;margin-top:2px;margin-left:4px}._errorMessage_default_1ejg3_379{font-size:12px}._errorMessage_compact_1ejg3_383{font-size:10px}._errorMessage_inverted_1ejg3_387{color:var(--Content-Negative-Default-Active, #f87171)!important}._selectedFilesContainer_1ejg3_392{margin-top:12px;padding:12px;border-radius:8px;background:var(--Fill-Neutral-Default-Default, #f8fafc);border:1px solid var(--Stroke-Neutral-Primary, #e2e8f0)}._selectedFilesHeader_1ejg3_400{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}._selectedFilesText_1ejg3_407{font-family:Poppins Medium;font-size:13px;color:var(--Content-Neutral-Default-Active, #475569)}._clearButton_1ejg3_413{font-family:Poppins Medium;font-size:12px;color:var(--Fill-Brand-Default-Active, #2054a5);background:transparent;border:none;cursor:pointer;text-decoration:underline;padding:0}._clearButton_1ejg3_413:hover{color:var(--Fill-Brand-Default-Hover, #1e40af)}._clearButton_1ejg3_413:disabled{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed;text-decoration:none}._filesList_1ejg3_434{display:flex;flex-direction:column;gap:4px}._fileItem_1ejg3_440{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--Stroke-Neutral-Secondary, #e2e8f0)}._fileItem_1ejg3_440:last-child{border-bottom:none}._fileName_1ejg3_452{font-family:Poppins Regular;font-size:12px;color:var(--Content-Neutral-Default-Active, #475569);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}._fileSize_1ejg3_463{font-family:Poppins Regular;font-size:11px;color:var(--Content-Neutral-Secondary, #64748b);flex-shrink:0}._inverted_1ejg3_150 ._selectedFilesContainer_1ejg3_392{background:#ffffff1a;border-color:var(--Stroke-Neutral-Secondary, #c9e1f6)}._inverted_1ejg3_150 ._selectedFilesText_1ejg3_407,._inverted_1ejg3_150 ._clearButton_1ejg3_413{color:#fff}._inverted_1ejg3_150 ._clearButton_1ejg3_413:hover{color:#fffc}._inverted_1ejg3_150 ._clearButton_1ejg3_413:disabled{color:var(--content-disabled-default, #4f88d9)}._inverted_1ejg3_150 ._fileItem_1ejg3_440{border-color:#fff3}._inverted_1ejg3_150 ._fileName_1ejg3_452{color:#ffffffe6}._inverted_1ejg3_150 ._fileSize_1ejg3_463{color:#ffffffb3}._bigZIndex_1ejg3_504{z-index:1000}._cancelIconWrapper_1ejg3_508{background:var(--Content-Negative-Default-Active, #dc2626);height:35px;width:35px;border-radius:1000px;position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;justify-content:center;animation:_fadeInSlideDown_1ejg3_1 .4s ease}._selectedFileInfo_1ejg3_524{display:flex;flex-direction:column;text-align:center;position:absolute;top:65px;left:50%;transform:translate(-50%);z-index:200;width:90%;opacity:0;animation:_fadeInSlideUp_1ejg3_1 .3s ease forwards}._successIconWrapper_1ejg3_538{background:var(--Content-Positive-Active, #65a30d);height:35px;width:35px;border-radius:1000px;position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;justify-content:center;animation:_fadeInSlideDown_1ejg3_1 .4s ease}._loadingIconWrapper_1ejg3_554{background:var(--Content-Brand-Default-Active, #2054a5);height:35px;width:35px;border-radius:1000px;position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;justify-content:center;animation:_fadeInSlideDown_1ejg3_1 .4s ease}._withoutError_1ejg3_198 ._selectedFileInfo_1ejg3_524{position:static;transform:none;opacity:0;animation:_fadeIn_1ejg3_1 .3s ease forwards}._withSuccess_1ejg3_578 ._selectedFileInfo_1ejg3_524,._withLoading_1ejg3_592 ._selectedFileInfo_1ejg3_524{display:flex;flex-direction:column;text-align:center;position:absolute;top:65px;left:50%;transform:translate(-50%);z-index:200;width:90%;opacity:0;animation:_fadeInSlideUp_1ejg3_1 .3s ease forwards}._errorText_1ejg3_606{position:absolute;top:89px;left:50%;transform:translate(-50%);z-index:200;width:90%;text-align:center;font-family:Poppins Medium;font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626);margin:0;padding:0;animation:_fadeInSlideUp_1ejg3_1 .4s ease}._successText_1ejg3_622{position:absolute;top:89px;left:50%;transform:translate(-50%);z-index:200;width:90%;text-align:center;font-family:Poppins Medium;font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a);margin:0;padding:0;animation:_fadeInSlideUp_1ejg3_1 .4s ease}@keyframes _fadeInSlideDown_1ejg3_1{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fadeInSlideUp_1ejg3_1{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fadeInSlideUpCentered_1ejg3_1{0%{opacity:0;transform:translate(-50%) translateY(10px);left:50%}to{opacity:1;transform:translate(-50%) translateY(0);left:50%}}@keyframes _fadeIn_1ejg3_1{0%{opacity:0}to{opacity:1}}._inlineFileContainer_1ejg3_684{display:flex;align-items:center;gap:12px;width:100%;padding:0;animation:_fadeIn_1ejg3_1 .3s ease forwards}._inlineFileIcon_1ejg3_693{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--Fill-Brand-Default-Active, #2054a5)}._inlineFileIcon_1ejg3_693._error_1ejg3_124{background:var(--Content-Negative-Default-Active, #dc2626)}._inlineFileIcon_1ejg3_693._success_1ejg3_133{background:var(--Content-Positive-Active, #65a30d)}._inlineFileIcon_1ejg3_693._loading_1ejg3_141{background:var(--Content-Brand-Default-Active, #2054a5)}._inlineFileIcon_1ejg3_693._default_1ejg3_716{background:var(--Fill-Brand-Default-Active, #2054a5)}._inlineFileInfo_1ejg3_720{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._inlineFileName_1ejg3_728{font-family:Poppins Medium;font-size:14px;color:var(--Content-Neutral-Default-Active, #475569);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._inlineErrorText_1ejg3_737{font-family:Poppins Regular;font-size:12px;color:var(--Content-Negative-Default-Active, #dc2626)}._inlineSuccessText_1ejg3_743{font-family:Poppins Regular;font-size:12px;color:var(--Content-Positive-Default-Active, #16a34a)}._inlineFileActions_1ejg3_749{display:flex;align-items:center;gap:8px;flex-shrink:0}._inlineActionIcon_1ejg3_756{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:background-color .2s ease}._inlineActionIcon_1ejg3_756:hover{background:var(--Fill-Neutral-Secondary, #f1f5f9)}
|
package/dist/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._badge_c0j5t_1{display:flex;justify-content:center;align-items:center;width:fit-content;gap:4px;border-radius:28px;box-sizing:border-box;padding:4px 12px;transition:128ms cubic-bezier(.6,0,.4,1);position:relative}._fullWidth_c0j5t_14{width:100%}._medium_c0j5t_18{padding:3px 8px}._small_c0j5t_22{padding:2px 4px}
|
package/dist/assets/index7.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._modalOverlay_tgv6x_2{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;animation:_overlayFadeIn_tgv6x_1 .25s ease-in-out forwards;overflow:hidden;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}._modalOverlay_tgv6x_2._closing_tgv6x_17{animation:_overlayFadeOut_tgv6x_1 .25s ease-in-out forwards}@keyframes _overlayFadeIn_tgv6x_1{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes _overlayFadeOut_tgv6x_1{0%{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}._modal_tgv6x_2{display:flex;flex-direction:column;border-radius:24px;background-color:#fff;box-shadow:0 4px 6px #0000001a;max-height:calc(100dvh - 15px)}._modalHeader_tgv6x_53{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:8px}._modalTitle_tgv6x_61{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_tgv6x_72{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}._modalBody_tgv6x_84{flex:1;overflow-y:auto;padding:0 16px 16px}._modalBody_tgv6x_84::-webkit-scrollbar{display:none}._modalFooter_tgv6x_94{display:grid;grid-template-columns:1fr 1fr;margin-left:auto;width:fit-content;gap:19px;padding-inline:16px;margin-block:16px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._menuItem_ygu6l_1{display:flex;justify-content:space-between;align-items:center;gap:9px;cursor:pointer;color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5);border:1px solid transparent;background-color:transparent;border-radius:16px;padding:8px}._menuItem_ygu6l_1>._contentWrapper_ygu6l_15{display:flex;align-items:center;gap:9px;min-width:0;width:100%}._menuItem_ygu6l_1>._contentWrapper_ygu6l_15>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._menuItem_ygu6l_1:not(._activeItem_ygu6l_29):active{color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );border-color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) )}._menuItem_ygu6l_1:not(:active):not(._activeItem_ygu6l_29):hover{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-10, rgba(69, 194, 214, .1) );color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 )}._activeItem_ygu6l_29{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) );color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5)}._iconBefore_ygu6l_63{display:flex;justify-content:center;align-items:center;margin-left:auto;flex-shrink:0}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export type FileUploadVariant = "document" | "add";
|
|
3
|
-
export interface FileUploadProps {
|
|
3
|
+
export interface FileUploadProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
4
4
|
variant?: FileUploadVariant;
|
|
5
5
|
label?: string;
|
|
6
6
|
helperText?: string;
|
|
@@ -15,5 +15,6 @@ export interface FileUploadProps {
|
|
|
15
15
|
inspectFileFunction?: () => void;
|
|
16
16
|
maxFileSize?: number;
|
|
17
17
|
onFileSelect?: (files: FileList | null) => void;
|
|
18
|
+
fullWidth?: boolean;
|
|
18
19
|
}
|
|
19
20
|
export declare const FileUpload: React.FC<FileUploadProps>;
|
|
@@ -1,250 +1,279 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { Button as
|
|
1
|
+
import { jsx as i, jsxs as g, Fragment as b } from "react/jsx-runtime";
|
|
2
|
+
import { useState as m, useRef as R, useEffect as V } from "react";
|
|
3
|
+
import { Button as T } from "../Button/Button.js";
|
|
4
4
|
import { Icon as u } from "../../icons/Icon.js";
|
|
5
|
-
import { Spinner as
|
|
6
|
-
import '../../assets/FileUpload.css';const
|
|
7
|
-
inputContainer:
|
|
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
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
5
|
+
import { Spinner as Z } from "../Spinner/Spinner.js";
|
|
6
|
+
import '../../assets/FileUpload.css';const y = "_inputContainer_1ejg3_1", G = "_fullWidth_1ejg3_8", J = "_label_1ejg3_12", K = "_label_large_1ejg3_20", P = "_label_disabled_1ejg3_25", Q = "_label_inverted_1ejg3_29", X = "_label_inverted_disabled_1ejg3_33", Y = "_required_1ejg3_37", ee = "_required_disabled_1ejg3_42", ne = "_required_inverted_1ejg3_46", te = "_required_inverted_disabled_1ejg3_50", ie = "_fileUploadContainer_1ejg3_54", le = "_iconContainerLeft_1ejg3_68", se = "_iconContainerRight_1ejg3_76", oe = "_dragOver_1ejg3_88", re = "_variant_document_1ejg3_104", ae = "_icon_1ejg3_68", ce = "_variant_add_1ejg3_108", _e = "_disabled_1ejg3_113", de = "_error_1ejg3_124", ge = "_success_1ejg3_133", ue = "_loading_1ejg3_141", fe = "_inverted_1ejg3_150", he = "_uploadContent_1ejg3_176", pe = "_selectedFileContent_1ejg3_188", je = "_withoutError_1ejg3_198", me = "_selectedFileName_1ejg3_202", ve = "_selectedFileSize_1ejg3_211", Fe = "_removeButton_1ejg3_218", xe = "_textContent_1ejg3_278", Ie = "_dragText_1ejg3_288", Ce = "_browseText_1ejg3_294", be = "_hiddenInput_1ejg3_331", Te = "_helperText_1ejg3_344", we = "_helperText_default_1ejg3_351", Ne = "_helperText_compact_1ejg3_355", Se = "_helperText_disabled_1ejg3_359", De = "_helperText_inverted_1ejg3_363", Ee = "_helperText_inverted_disabled_1ejg3_367", We = "_errorMessage_1ejg3_372", Le = "_errorMessage_default_1ejg3_379", Me = "_errorMessage_compact_1ejg3_383", qe = "_errorMessage_inverted_1ejg3_387", Ue = "_selectedFilesContainer_1ejg3_392", ze = "_selectedFilesHeader_1ejg3_400", Be = "_selectedFilesText_1ejg3_407", Ae = "_clearButton_1ejg3_413", Oe = "_filesList_1ejg3_434", $e = "_fileItem_1ejg3_440", ke = "_fileName_1ejg3_452", He = "_fileSize_1ejg3_463", Re = "_bigZIndex_1ejg3_504", Ve = "_cancelIconWrapper_1ejg3_508", Ze = "_fadeInSlideDown_1ejg3_1", ye = "_selectedFileInfo_1ejg3_524", Ge = "_fadeInSlideUp_1ejg3_1", Je = "_successIconWrapper_1ejg3_538", Ke = "_loadingIconWrapper_1ejg3_554", Pe = "_fadeIn_1ejg3_1", Qe = "_withSuccess_1ejg3_578", Xe = "_withLoading_1ejg3_592", Ye = "_errorText_1ejg3_606", en = "_successText_1ejg3_622", nn = "_inlineFileContainer_1ejg3_684", tn = "_inlineFileIcon_1ejg3_693", ln = "_inlineFileInfo_1ejg3_720", sn = "_inlineFileName_1ejg3_728", on = "_inlineErrorText_1ejg3_737", rn = "_inlineSuccessText_1ejg3_743", an = "_inlineFileActions_1ejg3_749", cn = "_inlineActionIcon_1ejg3_756", _n = "_fadeInSlideUpCentered_1ejg3_1", e = {
|
|
7
|
+
inputContainer: y,
|
|
8
|
+
fullWidth: G,
|
|
9
|
+
label: J,
|
|
10
|
+
label_large: K,
|
|
11
|
+
label_disabled: P,
|
|
12
|
+
label_inverted: Q,
|
|
13
|
+
label_inverted_disabled: X,
|
|
14
|
+
required: Y,
|
|
15
|
+
required_disabled: ee,
|
|
16
|
+
required_inverted: ne,
|
|
17
|
+
required_inverted_disabled: te,
|
|
18
|
+
fileUploadContainer: ie,
|
|
19
|
+
iconContainerLeft: le,
|
|
20
|
+
iconContainerRight: se,
|
|
21
|
+
dragOver: oe,
|
|
22
|
+
variant_document: re,
|
|
23
|
+
icon: ae,
|
|
24
|
+
variant_add: ce,
|
|
25
|
+
disabled: _e,
|
|
26
|
+
error: de,
|
|
27
|
+
success: ge,
|
|
28
|
+
loading: ue,
|
|
29
|
+
inverted: fe,
|
|
30
|
+
uploadContent: he,
|
|
31
|
+
selectedFileContent: pe,
|
|
32
|
+
withoutError: je,
|
|
33
|
+
selectedFileName: me,
|
|
34
|
+
selectedFileSize: ve,
|
|
35
|
+
removeButton: Fe,
|
|
36
|
+
textContent: xe,
|
|
37
|
+
dragText: Ie,
|
|
38
|
+
browseText: Ce,
|
|
39
|
+
hiddenInput: be,
|
|
40
|
+
helperText: Te,
|
|
41
|
+
helperText_default: we,
|
|
42
|
+
helperText_compact: Ne,
|
|
43
|
+
helperText_disabled: Se,
|
|
44
|
+
helperText_inverted: De,
|
|
45
|
+
helperText_inverted_disabled: Ee,
|
|
46
|
+
errorMessage: We,
|
|
47
|
+
errorMessage_default: Le,
|
|
48
|
+
errorMessage_compact: Me,
|
|
49
|
+
errorMessage_inverted: qe,
|
|
50
|
+
selectedFilesContainer: Ue,
|
|
51
|
+
selectedFilesHeader: ze,
|
|
52
|
+
selectedFilesText: Be,
|
|
53
|
+
clearButton: Ae,
|
|
54
|
+
filesList: Oe,
|
|
55
|
+
fileItem: $e,
|
|
56
|
+
fileName: ke,
|
|
57
|
+
fileSize: He,
|
|
58
|
+
bigZIndex: Re,
|
|
59
|
+
cancelIconWrapper: Ve,
|
|
60
|
+
fadeInSlideDown: Ze,
|
|
61
|
+
selectedFileInfo: ye,
|
|
62
|
+
fadeInSlideUp: Ge,
|
|
63
|
+
successIconWrapper: Je,
|
|
64
|
+
loadingIconWrapper: Ke,
|
|
65
|
+
fadeIn: Pe,
|
|
66
|
+
withSuccess: Qe,
|
|
67
|
+
withLoading: Xe,
|
|
68
|
+
errorText: Ye,
|
|
69
|
+
successText: en,
|
|
70
|
+
inlineFileContainer: nn,
|
|
71
|
+
inlineFileIcon: tn,
|
|
72
|
+
default: "_default_1ejg3_716",
|
|
73
|
+
inlineFileInfo: ln,
|
|
74
|
+
inlineFileName: sn,
|
|
75
|
+
inlineErrorText: on,
|
|
76
|
+
inlineSuccessText: rn,
|
|
77
|
+
inlineFileActions: an,
|
|
78
|
+
inlineActionIcon: cn,
|
|
79
|
+
fadeInSlideUpCentered: _n
|
|
80
|
+
}, jn = ({
|
|
81
|
+
variant: w = "document",
|
|
82
|
+
helperText: N,
|
|
83
|
+
error: l,
|
|
83
84
|
success: r,
|
|
84
|
-
loading:
|
|
85
|
+
loading: s = !1,
|
|
85
86
|
disabled: c = !1,
|
|
86
|
-
inverted:
|
|
87
|
-
dragText:
|
|
88
|
-
browseText:
|
|
87
|
+
inverted: S = !1,
|
|
88
|
+
dragText: D,
|
|
89
|
+
browseText: E = "Seleccionar archivo",
|
|
89
90
|
allowedTypes: _,
|
|
90
|
-
inspectFileFunction:
|
|
91
|
-
console.warn(
|
|
91
|
+
inspectFileFunction: W = () => {
|
|
92
|
+
console.warn(
|
|
93
|
+
"No hay función asignada para ver el archivo. Hay que pasarla al componente como prop inspectFileFunction."
|
|
94
|
+
);
|
|
92
95
|
},
|
|
93
|
-
maxFileSize:
|
|
94
|
-
onFileSelect: f
|
|
96
|
+
maxFileSize: v,
|
|
97
|
+
onFileSelect: f,
|
|
98
|
+
fullWidth: F = !1,
|
|
99
|
+
style: L
|
|
95
100
|
}) => {
|
|
96
|
-
const [
|
|
97
|
-
|
|
98
|
-
if (!
|
|
101
|
+
const [M, h] = m(!1), [t, q] = m(null), [x, I] = m(!1), p = R(null);
|
|
102
|
+
V(() => {
|
|
103
|
+
if (!t) return;
|
|
99
104
|
const n = [];
|
|
100
|
-
|
|
105
|
+
l && n.push("error"), r && n.push("success"), s && n.push("loading"), n.length > 1 && console.warn(
|
|
101
106
|
`⚠️ FileUpload: Múltiples estados detectados (${n.join(", ")}). Solo un estado debe estar activo a la vez.`
|
|
102
107
|
);
|
|
103
|
-
}, [
|
|
104
|
-
const
|
|
108
|
+
}, [l, r, s, t]);
|
|
109
|
+
const U = N, z = (n) => {
|
|
105
110
|
n.preventDefault(), c || h(!0);
|
|
106
|
-
},
|
|
111
|
+
}, B = (n) => {
|
|
107
112
|
n.preventDefault(), h(!1);
|
|
108
|
-
},
|
|
113
|
+
}, A = (n) => {
|
|
109
114
|
n.preventDefault();
|
|
110
|
-
},
|
|
115
|
+
}, O = (n) => {
|
|
111
116
|
if (n.preventDefault(), h(!1), c) return;
|
|
112
117
|
const a = n.dataTransfer.files;
|
|
113
|
-
|
|
114
|
-
},
|
|
118
|
+
C(a);
|
|
119
|
+
}, $ = (n) => {
|
|
115
120
|
const a = n.target.files;
|
|
116
|
-
|
|
117
|
-
},
|
|
121
|
+
C(a);
|
|
122
|
+
}, C = (n) => {
|
|
118
123
|
if (!n) return;
|
|
119
124
|
if (_ && _.length > 0)
|
|
120
125
|
for (let o = 0; o < n.length; o++) {
|
|
121
126
|
const d = n[o];
|
|
122
127
|
if (!_.some(
|
|
123
|
-
(
|
|
128
|
+
(j) => j.startsWith(".") ? d.name.toLowerCase().endsWith(j.toLowerCase()) : d.type === j
|
|
124
129
|
)) {
|
|
125
130
|
console.warn(`File ${d.name} is not an allowed type`);
|
|
126
131
|
return;
|
|
127
132
|
}
|
|
128
133
|
}
|
|
129
|
-
if (
|
|
134
|
+
if (v)
|
|
130
135
|
for (let o = 0; o < n.length; o++) {
|
|
131
136
|
const d = n[o];
|
|
132
|
-
if (d.size >
|
|
137
|
+
if (d.size > v) {
|
|
133
138
|
console.warn(`File ${d.name} exceeds maximum size`);
|
|
134
139
|
return;
|
|
135
140
|
}
|
|
136
141
|
}
|
|
137
142
|
const a = n ? n[0] : null;
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
}, k =
|
|
143
|
+
q(a), f == null || f(
|
|
144
|
+
a ? (() => {
|
|
145
|
+
const o = new DataTransfer();
|
|
146
|
+
return o.items.add(a), o.files;
|
|
147
|
+
})() : null
|
|
148
|
+
);
|
|
149
|
+
}, k = () => {
|
|
150
|
+
!c && p.current && p.current.click();
|
|
151
|
+
}, H = [
|
|
145
152
|
e.fileUploadContainer,
|
|
146
|
-
e
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
153
|
+
F && e.fullWidth,
|
|
154
|
+
e[`variant_${w}`],
|
|
155
|
+
t && l ? e.error : "",
|
|
156
|
+
t && !l && s ? e.loading : "",
|
|
157
|
+
t && !l && !s && r ? e.success : "",
|
|
150
158
|
c ? e.disabled : "",
|
|
151
|
-
|
|
152
|
-
|
|
159
|
+
S ? e.inverted : "",
|
|
160
|
+
M ? e.dragOver : ""
|
|
153
161
|
].filter(Boolean).join(" ");
|
|
154
|
-
return /* @__PURE__ */
|
|
162
|
+
return /* @__PURE__ */ i(
|
|
155
163
|
"div",
|
|
156
164
|
{
|
|
157
|
-
className:
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
fill: "white",
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
}
|
|
192
|
-
) }),
|
|
193
|
-
i && !s && l && /* @__PURE__ */ t("div", { className: e.loadingIconWrapper, children: /* @__PURE__ */ t($, { size: 10, color: "primary", backgroundColor: "#A2BFEC", highlightColor: "#EEF3FC", thickness: 3 }) }),
|
|
194
|
-
i && !s && !l && r && /* @__PURE__ */ t("div", { className: e.successIconWrapper, children: /* @__PURE__ */ t(
|
|
195
|
-
u,
|
|
196
|
-
{
|
|
197
|
-
name: "CheckIcon",
|
|
198
|
-
fill: "white",
|
|
199
|
-
height: 30,
|
|
200
|
-
width: 30
|
|
201
|
-
}
|
|
202
|
-
) }),
|
|
203
|
-
i ? (
|
|
204
|
-
// Default layout - full vertical layout
|
|
205
|
-
/* @__PURE__ */ p("div", { className: `${e.selectedFileContent} ${i && s ? e.withError : i && l ? e.withLoading : i && r ? e.withSuccess : e.withoutError}`, children: [
|
|
206
|
-
/* @__PURE__ */ t("div", { className: e.selectedFileInfo, children: /* @__PURE__ */ p("span", { className: e.selectedFileName, children: [
|
|
207
|
-
l && "Subiendo ",
|
|
208
|
-
i.name
|
|
209
|
-
] }) }),
|
|
210
|
-
i && s ? /* @__PURE__ */ t("p", { className: e.errorText, children: s }) : i && !l && r ? /* @__PURE__ */ t("p", { className: e.successText, children: r }) : null,
|
|
211
|
-
i && !s && !l && !r && /* @__PURE__ */ t(
|
|
212
|
-
b,
|
|
165
|
+
className: `${e.inputContainer} ${F ? e.fullWidth : ""}`,
|
|
166
|
+
children: /* @__PURE__ */ g(
|
|
167
|
+
"div",
|
|
168
|
+
{
|
|
169
|
+
className: H,
|
|
170
|
+
onDragEnter: z,
|
|
171
|
+
onDragLeave: B,
|
|
172
|
+
onDragOver: A,
|
|
173
|
+
onDrop: O,
|
|
174
|
+
onClick: t ? () => {
|
|
175
|
+
} : k,
|
|
176
|
+
style: { cursor: c ? "not-allowed" : "pointer", ...L },
|
|
177
|
+
onMouseEnter: () => {
|
|
178
|
+
I(!0);
|
|
179
|
+
},
|
|
180
|
+
onMouseLeave: () => {
|
|
181
|
+
I(!1);
|
|
182
|
+
},
|
|
183
|
+
children: [
|
|
184
|
+
/* @__PURE__ */ i(
|
|
185
|
+
"input",
|
|
186
|
+
{
|
|
187
|
+
ref: p,
|
|
188
|
+
type: "file",
|
|
189
|
+
className: e.hiddenInput,
|
|
190
|
+
onChange: $,
|
|
191
|
+
disabled: c,
|
|
192
|
+
accept: _ == null ? void 0 : _.join(",")
|
|
193
|
+
}
|
|
194
|
+
),
|
|
195
|
+
/* @__PURE__ */ g("div", { className: e.uploadContent, children: [
|
|
196
|
+
t && l && /* @__PURE__ */ i("div", { className: e.cancelIconWrapper, children: /* @__PURE__ */ i(u, { name: "CancelIcon", fill: "white", height: 30, width: 30 }) }),
|
|
197
|
+
t && !l && s && /* @__PURE__ */ i("div", { className: e.loadingIconWrapper, children: /* @__PURE__ */ i(
|
|
198
|
+
Z,
|
|
213
199
|
{
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
onClick: E,
|
|
220
|
-
size: "small",
|
|
221
|
-
children: "Ver archivo"
|
|
200
|
+
size: 10,
|
|
201
|
+
color: "primary",
|
|
202
|
+
backgroundColor: "#A2BFEC",
|
|
203
|
+
highlightColor: "#EEF3FC",
|
|
204
|
+
thickness: 3
|
|
222
205
|
}
|
|
223
|
-
)
|
|
206
|
+
) }),
|
|
207
|
+
t && !l && !s && r && /* @__PURE__ */ i("div", { className: e.successIconWrapper, children: /* @__PURE__ */ i(u, { name: "CheckIcon", fill: "white", height: 30, width: 30 }) }),
|
|
208
|
+
t ? (
|
|
209
|
+
// Default layout - full vertical layout
|
|
210
|
+
/* @__PURE__ */ g(
|
|
211
|
+
"div",
|
|
212
|
+
{
|
|
213
|
+
className: `${e.selectedFileContent} ${t && l ? e.withError : t && s ? e.withLoading : t && r ? e.withSuccess : e.withoutError}`,
|
|
214
|
+
children: [
|
|
215
|
+
/* @__PURE__ */ i("div", { className: e.selectedFileInfo, children: /* @__PURE__ */ g("span", { className: e.selectedFileName, children: [
|
|
216
|
+
s && "Subiendo ",
|
|
217
|
+
t.name
|
|
218
|
+
] }) }),
|
|
219
|
+
t && l ? /* @__PURE__ */ i("p", { className: e.errorText, children: l }) : t && !s && r ? /* @__PURE__ */ i("p", { className: e.successText, children: r }) : null,
|
|
220
|
+
t && !l && !s && !r && /* @__PURE__ */ i(
|
|
221
|
+
T,
|
|
222
|
+
{
|
|
223
|
+
className: e.bigZIndex,
|
|
224
|
+
icon: {
|
|
225
|
+
name: "Visibility",
|
|
226
|
+
position: "before"
|
|
227
|
+
},
|
|
228
|
+
onClick: W,
|
|
229
|
+
size: "small",
|
|
230
|
+
children: "Ver archivo"
|
|
231
|
+
}
|
|
232
|
+
)
|
|
233
|
+
]
|
|
234
|
+
}
|
|
235
|
+
)
|
|
236
|
+
) : /* @__PURE__ */ i(b, { children: /* @__PURE__ */ g("div", { className: e.textContent, children: [
|
|
237
|
+
/* @__PURE__ */ i("span", { className: e.dragText, children: D || U }),
|
|
238
|
+
/* @__PURE__ */ i(
|
|
239
|
+
T,
|
|
240
|
+
{
|
|
241
|
+
size: "small",
|
|
242
|
+
icon: {
|
|
243
|
+
name: "DownloadIcon",
|
|
244
|
+
position: "before"
|
|
245
|
+
},
|
|
246
|
+
children: E
|
|
247
|
+
}
|
|
248
|
+
)
|
|
249
|
+
] }) })
|
|
250
|
+
] }),
|
|
251
|
+
/* @__PURE__ */ g(b, { children: [
|
|
252
|
+
/* @__PURE__ */ i("div", { className: e.iconContainerLeft, children: /* @__PURE__ */ i(
|
|
253
|
+
u,
|
|
254
|
+
{
|
|
255
|
+
name: "Documentos",
|
|
256
|
+
height: 140,
|
|
257
|
+
width: 140,
|
|
258
|
+
fill: t && l ? "#FEF2F2" : x ? "#C4D5F1" : "#E0E9F8"
|
|
259
|
+
}
|
|
260
|
+
) }),
|
|
261
|
+
/* @__PURE__ */ i("div", { className: e.iconContainerRight, children: /* @__PURE__ */ i(
|
|
262
|
+
u,
|
|
263
|
+
{
|
|
264
|
+
name: "Documentos",
|
|
265
|
+
height: 140,
|
|
266
|
+
width: 140,
|
|
267
|
+
fill: t && l ? "#FEF2F2" : x ? "#C4D5F1" : "#E0E9F8"
|
|
268
|
+
}
|
|
269
|
+
) })
|
|
224
270
|
] })
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
b,
|
|
229
|
-
{
|
|
230
|
-
size: "small",
|
|
231
|
-
icon: {
|
|
232
|
-
name: "DownloadIcon",
|
|
233
|
-
position: "before"
|
|
234
|
-
},
|
|
235
|
-
children: D
|
|
236
|
-
}
|
|
237
|
-
)
|
|
238
|
-
] }) })
|
|
239
|
-
] }),
|
|
240
|
-
/* @__PURE__ */ p(C, { children: [
|
|
241
|
-
/* @__PURE__ */ t("div", { className: e.iconContainerLeft, children: /* @__PURE__ */ t(u, { name: "Documentos", height: 140, width: 140, fill: i && s ? "#FEF2F2" : F ? "#C4D5F1" : "#E0E9F8" }) }),
|
|
242
|
-
/* @__PURE__ */ t("div", { className: e.iconContainerRight, children: /* @__PURE__ */ t(u, { name: "Documentos", height: 140, width: 140, fill: i && s ? "#FEF2F2" : F ? "#C4D5F1" : "#E0E9F8" }) })
|
|
243
|
-
] })
|
|
244
|
-
]
|
|
271
|
+
]
|
|
272
|
+
}
|
|
273
|
+
)
|
|
245
274
|
}
|
|
246
|
-
)
|
|
275
|
+
);
|
|
247
276
|
};
|
|
248
277
|
export {
|
|
249
|
-
|
|
278
|
+
jn as FileUpload
|
|
250
279
|
};
|