bmi-next-brokers 1.3.0 → 1.3.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/Select.css +1 -1
- package/dist/components/FileUpload/CompactFileUpload.d.ts +1 -1
- package/dist/components/FileUpload/CompactFileUpload.js +58 -56
- package/dist/components/Select/Select.d.ts +2 -0
- package/dist/components/Select/Select.js +187 -147
- package/dist/icons/Icon.js +1 -1
- package/dist/icons/components/CompareArrows.d.ts +3 -0
- package/dist/icons/components/CompareArrows.js +22 -0
- package/dist/icons/components/index.d.ts +3 -2
- package/dist/icons/components/index.js +116 -114
- package/dist/icons/index.d.ts +1 -0
- package/dist/icons/index.js +178 -176
- package/dist/index-DM9KWo94.js +250 -0
- package/package.json +1 -1
- package/dist/index-D2qcqwKe.js +0 -248
package/dist/assets/Select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._selectContainer_1o6wc_3{display:flex;flex-direction:column}._selectContainer_medium_1o6wc_9{gap:2px}._selectContainer_large_1o6wc_13,._selectContainer_extraLarge_1o6wc_14{gap:4px}._label_1o6wc_18{font-family:Poppins Regular;font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_1o6wc_26,._label_extraLarge_1o6wc_27{font-size:15px}._label_disabled_1o6wc_31{color:var(--content-disabled-default, #cbd5e1)}._selectWrapper_1o6wc_35{position:relative;display:flex;align-items:center}._select_1o6wc_3{border:1px solid #ddd;font-family:Poppins Regular;font-weight:100;outline:none;border-radius:16px;transition:all .2s ease;width:100%;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding-right:12px}._select_1o6wc_3._medium_1o6wc_57,._select_1o6wc_3._small_1o6wc_58{border-radius:14px}._select_1o6wc_3:hover{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._select_1o6wc_3:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._select_1o6wc_3:active{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8);box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._select_1o6wc_3._btc_1o6wc_76:active,._select_1o6wc_3._btc_1o6wc_76:focus{border:1px solid #45c2d6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._select_1o6wc_3._open_1o6wc_87{border:1px solid #94a3b8}._select_1o6wc_3._disabled_1o6wc_91{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_1o6wc_3._disabled_1o6wc_91 ._placeholder_1o6wc_99{color:var(--content-disabled-default, #cbd5e1)}._selectValue_1o6wc_103{flex:1;text-align:left}._placeholder_1o6wc_99{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._chevron_1o6wc_112{transition:transform .2s ease;color:var(--Content-Neutral-Default, #475569)}._chevronOpen_1o6wc_117{transform:rotate(180deg)}._small_1o6wc_58{height:30px;padding-inline:8px;font-size:12px}._medium_1o6wc_57{height:36px;padding-inline:10px;font-size:14px}._large_1o6wc_134{padding-inline:12px;height:42px;font-size:15px}._extraLarge_1o6wc_140{padding-inline:14px;height:48px;font-size:16px}._error_1o6wc_147{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Neutral-Primary, #fff);color:var(--Content-Negative-Default-Active, #dc2626);animation:_errorShake_1o6wc_1 .4s ease-in-out}._error_1o6wc_147 ._placeholder_1o6wc_99{color:var(--Content-Negative-Default-Active, #dc2626)}._error_1o6wc_147:hover{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_1o6wc_147:active{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_1o6wc_147:focus{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_1o6wc_147._btc_1o6wc_76::placeholder{color:#dc2626}._error_1o6wc_147._btc_1o6wc_76:active,._error_1o6wc_147._btc_1o6wc_76:focus{border:1px solid #dc2626;box-shadow:3px 3px #dc2626}._error_1o6wc_147._open_1o6wc_87{border:1px solid #dc2626}._errorMessage_1o6wc_187{font-family:Poppins Medium;color:#e74c3c;margin-left:4px;animation:_errorMessageSlide_1o6wc_1 .3s ease-out;transform-origin:top}._errorMessage_medium_1o6wc_195,._errorMessage_small_1o6wc_196{font-size:11px}._errorMessage_large_1o6wc_200,._errorMessage_extraLarge_1o6wc_201{font-size:13px}._errorMessage_inverted_1o6wc_205{color:var(--Content-Negative-Default-Active, #f87171)!important}._helperText_1o6wc_209{font-family:Poppins Regular;color:#acacac;margin-left:4px}._helperText_medium_1o6wc_215,._helperText_small_1o6wc_216{font-size:11px}._helperText_large_1o6wc_220,._helperText_extraLarge_1o6wc_221{font-size:13px}._helperText_disabled_1o6wc_225{color:var(--content-disabled-default, #cbd5e1)}._iconLabel_1o6wc_229{display:flex;justify-content:center;align-items:center;gap:6px}._icon_1o6wc_229{color:var(--Content-Neutral-Default, #475569);pointer-events:none;display:flex;align-items:center;justify-content:center}._icon_disabled_1o6wc_245{color:var(--Content-Neutral-Disabled, #94a3b8)}._required_1o6wc_250{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_inverted_1o6wc_255{color:var(--Content-Negative-Default-Active, #f87171)}._required_disabled_1o6wc_259{color:var(--content-disabled-default, #cbd5e1)}._required_inverted_disabled_1o6wc_263{color:var(--content-disabled-default, #4f88d9)}._dropdown_1o6wc_268{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_1o6wc_282{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_1o6wc_282:last-child{border-bottom:none}._dropdown_1o6wc_268 ._option_1o6wc_282{font-size:14px;padding:8px 12px}._small_1o6wc_58+._dropdown_1o6wc_268 ._option_1o6wc_282{font-size:12px;padding:8px 11px 8px 14px}._medium_1o6wc_57+._dropdown_1o6wc_268 ._option_1o6wc_282{font-size:14px;padding:8px 12px}._large_1o6wc_134+._dropdown_1o6wc_268 ._option_1o6wc_282{font-size:15px;padding:11px 12px}._extraLarge_1o6wc_140+._dropdown_1o6wc_268 ._option_1o6wc_282{font-size:16px;padding:11px 12px}._option_1o6wc_282:not(._optionSelected_1o6wc_326):hover{background-color:#f8f9fa}._option_1o6wc_282:first-child{border-top-left-radius:16px;border-top-right-radius:16px}._option_1o6wc_282:last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px}._optionSelected_1o6wc_326{background-color:var(--Fill-Brand-Inverted-Hover, #eef3fc);color:var(--Content-Brand-Inverted-Active, #2054a5)}._optionIcon_1o6wc_345{display:flex;align-items:center;justify-content:center}._inverted_1o6wc_352{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_1o6wc_352:hover{border:1px solid white!important}._inverted_1o6wc_352 ._placeholder_1o6wc_99{color:#ffffffb3!important}._inverted_1o6wc_352 ._chevron_1o6wc_112,._label_inverted_1o6wc_370{color:#fff!important}._helperText_inverted_1o6wc_374{color:var(--Content-Neutral-Default-Default, #fafafa)}._icon_inverted_1o6wc_378{color:#fff!important}._dropdown_inverted_1o6wc_382{background:var(--Fill-Brand-Default-Active, #2054a5);border:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._option_inverted_1o6wc_387{color:#fff!important;border-bottom-color:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._option_inverted_1o6wc_387:hover{background-color:#ffffff1a!important}._option_inverted_1o6wc_387._optionSelected_1o6wc_326{background-color:#ffffff26!important;color:#fff!important}._inverted_1o6wc_352._error_1o6wc_147{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_1o6wc_352._error_1o6wc_147 ._placeholder_1o6wc_99{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_1o6wc_352._error_1o6wc_147:hover{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important}._inverted_1o6wc_352._error_1o6wc_147:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_1o6wc_352._error_1o6wc_147:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_1o6wc_352._error_1o6wc_147._open_1o6wc_87{border:1px solid transparent!important}@keyframes _errorShake_1o6wc_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes _errorMessageSlide_1o6wc_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_1o6wc_352._disabled_1o6wc_91{border:1px solid var(--Stroke-Disabled-Default, #1b468a)!important;background-color:transparent!important;color:var(--content-disabled-default, #4f88d9)!important;cursor:not-allowed}._inverted_1o6wc_352._disabled_1o6wc_91 ._placeholder_1o6wc_99{color:var(--content-disabled-default, #4f88d9)!important}._label_inverted_disabled_1o6wc_477{color:var(--Content-Neutral-Default-Active, #fff)}._helperText_inverted_disabled_1o6wc_481{color:var(--Content-Neutral-Default-Default, #fafafa)}._icon_inverted_disabled_1o6wc_485,._inverted_1o6wc_352._disabled_1o6wc_91 ._chevron_1o6wc_112{color:var(--content-disabled-default, #4f88d9)!important}._inverted_1o6wc_352._disabled_1o6wc_91:focus,._inverted_1o6wc_352._disabled_1o6wc_91:active,._inverted_1o6wc_352._disabled_1o6wc_91._open_1o6wc_87{box-shadow:none!important}._inverted_1o6wc_352._disabled_1o6wc_91._error_1o6wc_147{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_1o6wc_352._disabled_1o6wc_91._error_1o6wc_147:focus,._inverted_1o6wc_352._disabled_1o6wc_91._error_1o6wc_147:active,._inverted_1o6wc_352._disabled_1o6wc_91._error_1o6wc_147._open_1o6wc_87{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_1o6wc_352._disabled_1o6wc_91._error_1o6wc_147 ._placeholder_1o6wc_99{color:var(--Content-Negative-Default-Active, #f87171)!important}
|
|
1
|
+
._selectContainer_rm5cq_3{display:flex;flex-direction:column}._selectContainer_medium_rm5cq_9{gap:2px}._selectContainer_large_rm5cq_13,._selectContainer_extraLarge_rm5cq_14{gap:4px}._label_rm5cq_18{font-family:Poppins Regular;font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_rm5cq_26,._label_extraLarge_rm5cq_27{font-size:15px}._label_disabled_rm5cq_31{color:var(--content-disabled-default, #cbd5e1)}._selectWrapper_rm5cq_35{position:relative;display:flex;align-items:center}._select_rm5cq_3{border:1px solid #ddd;font-family:Poppins Regular;font-weight:100;outline:none;border-radius:16px;transition:all .2s ease;width:100%;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding-right:12px}._select_rm5cq_3._medium_rm5cq_57,._select_rm5cq_3._small_rm5cq_58{border-radius:14px}._select_rm5cq_3:hover{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._select_rm5cq_3:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._select_rm5cq_3:active{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8);box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._select_rm5cq_3._btc_rm5cq_76:active,._select_rm5cq_3._btc_rm5cq_76:focus{border:1px solid #45c2d6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._select_rm5cq_3._open_rm5cq_87{border:1px solid #94a3b8}._select_rm5cq_3._disabled_rm5cq_91{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_rm5cq_3._disabled_rm5cq_91 ._placeholder_rm5cq_99{color:var(--content-disabled-default, #cbd5e1)}._selectValue_rm5cq_103{flex:1;text-align:left}._placeholder_rm5cq_99{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._chevron_rm5cq_112{transition:transform .2s ease;color:var(--Content-Neutral-Default, #475569)}._chevronOpen_rm5cq_117{transform:rotate(180deg)}._small_rm5cq_58{height:30px;padding-inline:8px;font-size:12px}._medium_rm5cq_57{height:36px;padding-inline:10px;font-size:14px}._large_rm5cq_134{padding-inline:12px;height:42px;font-size:15px}._extraLarge_rm5cq_140{padding-inline:14px;height:48px;font-size:16px}._error_rm5cq_147{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Neutral-Primary, #fff);color:var(--Content-Negative-Default-Active, #dc2626);animation:_errorShake_rm5cq_1 .4s ease-in-out}._error_rm5cq_147 ._placeholder_rm5cq_99{color:var(--Content-Negative-Default-Active, #dc2626)}._error_rm5cq_147:hover{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_rm5cq_147:active{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_rm5cq_147:focus{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_rm5cq_147._btc_rm5cq_76::placeholder{color:#dc2626}._error_rm5cq_147._btc_rm5cq_76:active,._error_rm5cq_147._btc_rm5cq_76:focus{border:1px solid #dc2626;box-shadow:3px 3px #dc2626}._error_rm5cq_147._open_rm5cq_87{border:1px solid #dc2626}._errorMessage_rm5cq_187{font-family:Poppins Medium;color:#e74c3c;margin-left:4px;animation:_errorMessageSlide_rm5cq_1 .3s ease-out;transform-origin:top}._errorMessage_medium_rm5cq_195,._errorMessage_small_rm5cq_196{font-size:11px}._errorMessage_large_rm5cq_200,._errorMessage_extraLarge_rm5cq_201{font-size:13px}._errorMessage_inverted_rm5cq_205{color:var(--Content-Negative-Default-Active, #f87171)!important}._helperText_rm5cq_209{font-family:Poppins Regular;color:#acacac;margin-left:4px}._helperText_medium_rm5cq_215,._helperText_small_rm5cq_216{font-size:11px}._helperText_large_rm5cq_220,._helperText_extraLarge_rm5cq_221{font-size:13px}._helperText_disabled_rm5cq_225{color:var(--content-disabled-default, #cbd5e1)}._iconLabel_rm5cq_229{display:flex;justify-content:center;align-items:center;gap:6px}._icon_rm5cq_229{color:var(--Content-Neutral-Default, #475569);pointer-events:none;display:flex;align-items:center;justify-content:center}._icon_disabled_rm5cq_245{color:var(--Content-Neutral-Disabled, #94a3b8)}._required_rm5cq_250{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_inverted_rm5cq_255{color:var(--Content-Negative-Default-Active, #f87171)}._required_disabled_rm5cq_259{color:var(--content-disabled-default, #cbd5e1)}._required_inverted_disabled_rm5cq_263{color:var(--content-disabled-default, #4f88d9)}._dropdown_rm5cq_268{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}._dropdownPortal_rm5cq_282{position:fixed;top:0;left:0;right:auto;z-index:9999}._option_rm5cq_290{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_rm5cq_290:last-child{border-bottom:none}._dropdown_rm5cq_268 ._option_rm5cq_290{font-size:14px;padding:8px 12px}._small_rm5cq_58+._dropdown_rm5cq_268 ._option_rm5cq_290{font-size:12px;padding:8px 11px 8px 14px}._medium_rm5cq_57+._dropdown_rm5cq_268 ._option_rm5cq_290{font-size:14px;padding:8px 12px}._large_rm5cq_134+._dropdown_rm5cq_268 ._option_rm5cq_290{font-size:15px;padding:11px 12px}._extraLarge_rm5cq_140+._dropdown_rm5cq_268 ._option_rm5cq_290{font-size:16px;padding:11px 12px}._option_rm5cq_290:not(._optionSelected_rm5cq_334):hover{background-color:#f8f9fa}._option_rm5cq_290:first-child{border-top-left-radius:16px;border-top-right-radius:16px}._option_rm5cq_290:last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px}._optionSelected_rm5cq_334{background-color:#f0f0f0;color:#000}._optionIcon_rm5cq_353{display:flex;align-items:center;justify-content:center}._inverted_rm5cq_360{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_rm5cq_360:hover{border:1px solid white!important}._inverted_rm5cq_360 ._placeholder_rm5cq_99{color:#ffffffb3!important}._inverted_rm5cq_360 ._chevron_rm5cq_112,._label_inverted_rm5cq_378{color:#fff!important}._helperText_inverted_rm5cq_382{color:var(--Content-Neutral-Default-Default, #fafafa)}._icon_inverted_rm5cq_386{color:#fff!important}._dropdown_inverted_rm5cq_390{background:var(--Fill-Brand-Default-Active, #2054a5);border:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._option_inverted_rm5cq_395{color:#fff!important;border-bottom-color:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._option_inverted_rm5cq_395:hover{background-color:#ffffff1a!important}._option_inverted_rm5cq_395._optionSelected_rm5cq_334{background-color:#ffffff26!important;color:#fff!important}._inverted_rm5cq_360._error_rm5cq_147{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_rm5cq_360._error_rm5cq_147 ._placeholder_rm5cq_99{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_rm5cq_360._error_rm5cq_147:hover{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important}._inverted_rm5cq_360._error_rm5cq_147:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_rm5cq_360._error_rm5cq_147:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_rm5cq_360._error_rm5cq_147._open_rm5cq_87{border:1px solid transparent!important}._dropdownTable_rm5cq_438{max-height:400px;min-width:600px}._optionTable_rm5cq_443{display:flex;gap:16px;padding:12px 16px;align-items:flex-start;flex-direction:row}._tableColumn_rm5cq_451{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._columnHeader_rm5cq_459{font-family:Poppins Regular;font-size:13px;opacity:.6;font-weight:400;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._columnValue_rm5cq_470{font-family:Poppins Regular;font-size:15px;color:var(--Content-Neutral-Default-Active, #000);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._optionTable_rm5cq_443._optionSelected_rm5cq_334 ._columnValue_rm5cq_470{color:#000}@keyframes _errorShake_rm5cq_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes _errorMessageSlide_rm5cq_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_rm5cq_360._disabled_rm5cq_91{border:1px solid var(--Stroke-Disabled-Default, #1b468a)!important;background-color:transparent!important;color:var(--content-disabled-default, #4f88d9)!important;cursor:not-allowed}._inverted_rm5cq_360._disabled_rm5cq_91 ._placeholder_rm5cq_99{color:var(--content-disabled-default, #4f88d9)!important}._label_inverted_disabled_rm5cq_532{color:var(--Content-Neutral-Default-Active, #fff)}._helperText_inverted_disabled_rm5cq_536{color:var(--Content-Neutral-Default-Default, #fafafa)}._icon_inverted_disabled_rm5cq_540,._inverted_rm5cq_360._disabled_rm5cq_91 ._chevron_rm5cq_112{color:var(--content-disabled-default, #4f88d9)!important}._inverted_rm5cq_360._disabled_rm5cq_91:focus,._inverted_rm5cq_360._disabled_rm5cq_91:active,._inverted_rm5cq_360._disabled_rm5cq_91._open_rm5cq_87{box-shadow:none!important}._inverted_rm5cq_360._disabled_rm5cq_91._error_rm5cq_147{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_rm5cq_360._disabled_rm5cq_91._error_rm5cq_147:focus,._inverted_rm5cq_360._disabled_rm5cq_91._error_rm5cq_147:active,._inverted_rm5cq_360._disabled_rm5cq_91._error_rm5cq_147._open_rm5cq_87{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_rm5cq_360._disabled_rm5cq_91._error_rm5cq_147 ._placeholder_rm5cq_99{color:var(--Content-Negative-Default-Active, #f87171)!important}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export type CompactFileUploadVariant = "document" | "add";
|
|
3
|
-
export interface CompactFileUploadProps {
|
|
3
|
+
export interface CompactFileUploadProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
4
4
|
variant?: CompactFileUploadVariant;
|
|
5
5
|
label?: string;
|
|
6
6
|
helperText?: string;
|
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
import { jsx as n, jsxs as l, Fragment as y } from "react/jsx-runtime";
|
|
2
|
-
import { useState as b, useRef as
|
|
2
|
+
import { useState as b, useRef as z, useEffect as q } from "react";
|
|
3
3
|
import { Icon as u } from "../../icons/Icon.js";
|
|
4
|
-
import { Spinner as
|
|
4
|
+
import { Spinner as H } from "../Spinner/Spinner.js";
|
|
5
5
|
import { Button as T } from "../Button/Button.js";
|
|
6
|
-
import '../../assets/CompactFileUpload.css';const
|
|
7
|
-
inputContainer:
|
|
8
|
-
compactFileUploadContainer:
|
|
9
|
-
fullWidth:
|
|
10
|
-
dragOver:
|
|
11
|
-
variant_document:
|
|
12
|
-
icon:
|
|
13
|
-
variant_add:
|
|
14
|
-
disabled:
|
|
15
|
-
error:
|
|
16
|
-
warning:
|
|
17
|
-
inverted:
|
|
18
|
-
uploadContent:
|
|
19
|
-
textContent:
|
|
20
|
-
dragText:
|
|
21
|
-
hiddenInput:
|
|
22
|
-
compactFileContent:
|
|
23
|
-
compactFileIcon:
|
|
24
|
-
compactIconBackground:
|
|
25
|
-
compactFileText:
|
|
26
|
-
compactLabel:
|
|
27
|
-
compactFileName:
|
|
28
|
-
compactStatusText:
|
|
29
|
-
success:
|
|
30
|
-
loading:
|
|
31
|
-
addIconWrapper:
|
|
32
|
-
browseText:
|
|
33
|
-
compactVisibilityIcon:
|
|
34
|
-
compactActions:
|
|
35
|
-
deleteText:
|
|
36
|
-
},
|
|
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", ht = "_success_84wrd_221", ut = "_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
|
+
warning: nt,
|
|
17
|
+
inverted: et,
|
|
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
|
+
compactStatusText: _t,
|
|
29
|
+
success: ht,
|
|
30
|
+
loading: ut,
|
|
31
|
+
addIconWrapper: ft,
|
|
32
|
+
browseText: vt,
|
|
33
|
+
compactVisibilityIcon: wt,
|
|
34
|
+
compactActions: Ct,
|
|
35
|
+
deleteText: gt
|
|
36
|
+
}, Tt = ({
|
|
37
37
|
variant: D = "document",
|
|
38
38
|
label: f,
|
|
39
39
|
error: a,
|
|
@@ -53,29 +53,30 @@ import '../../assets/CompactFileUpload.css';const H = "_inputContainer_84wrd_1",
|
|
|
53
53
|
maxFileSize: x,
|
|
54
54
|
onFileSelect: p,
|
|
55
55
|
statusIconBorderRadius: N = "50%",
|
|
56
|
-
fullWidth: W = !1
|
|
56
|
+
fullWidth: W = !1,
|
|
57
|
+
...j
|
|
57
58
|
}) => {
|
|
58
|
-
const [
|
|
59
|
+
const [B, w] = b(!1), [i, I] = b(
|
|
59
60
|
g || null
|
|
60
|
-
), h =
|
|
61
|
-
|
|
61
|
+
), h = z(null);
|
|
62
|
+
q(() => {
|
|
62
63
|
if (!i) return;
|
|
63
64
|
const e = [];
|
|
64
65
|
a && e.push("error"), c && e.push("success"), o && e.push("loading"), e.length > 1 && console.warn(
|
|
65
66
|
`⚠️ CompactFileUpload: Múltiples estados detectados (${e.join(", ")}). Solo un estado debe estar activo a la vez.`
|
|
66
67
|
);
|
|
67
68
|
}, [a, c, o, i]);
|
|
68
|
-
const
|
|
69
|
+
const E = (e) => {
|
|
69
70
|
e.preventDefault(), d || w(!0);
|
|
70
|
-
}, E = (e) => {
|
|
71
|
-
e.preventDefault(), w(!1);
|
|
72
71
|
}, L = (e) => {
|
|
73
|
-
e.preventDefault();
|
|
72
|
+
e.preventDefault(), w(!1);
|
|
74
73
|
}, O = (e) => {
|
|
74
|
+
e.preventDefault();
|
|
75
|
+
}, R = (e) => {
|
|
75
76
|
if (e.preventDefault(), w(!1), d) return;
|
|
76
77
|
const s = e.dataTransfer.files;
|
|
77
78
|
F(s);
|
|
78
|
-
},
|
|
79
|
+
}, U = async (e) => {
|
|
79
80
|
const s = e.target.files;
|
|
80
81
|
F(s);
|
|
81
82
|
}, F = async (e) => {
|
|
@@ -105,11 +106,11 @@ import '../../assets/CompactFileUpload.css';const H = "_inputContainer_84wrd_1",
|
|
|
105
106
|
return r.items.add(s), r.files;
|
|
106
107
|
})() : null
|
|
107
108
|
));
|
|
108
|
-
},
|
|
109
|
+
}, V = () => {
|
|
109
110
|
!d && h.current && h.current.click();
|
|
110
|
-
},
|
|
111
|
+
}, M = async () => {
|
|
111
112
|
await (p == null ? void 0 : p(null)), I(null), h.current && (h.current.value = "");
|
|
112
|
-
},
|
|
113
|
+
}, S = [
|
|
113
114
|
t.compactFileUploadContainer,
|
|
114
115
|
W && t.fullWidth,
|
|
115
116
|
t[`variant_${D}`],
|
|
@@ -119,19 +120,20 @@ import '../../assets/CompactFileUpload.css';const H = "_inputContainer_84wrd_1",
|
|
|
119
120
|
i && !a && !o && c ? t.success : "",
|
|
120
121
|
d ? t.disabled : "",
|
|
121
122
|
k ? t.inverted : "",
|
|
122
|
-
|
|
123
|
+
B ? t.dragOver : ""
|
|
123
124
|
].filter(Boolean).join(" ");
|
|
124
125
|
return /* @__PURE__ */ n("div", { className: t.inputContainer, children: /* @__PURE__ */ l(
|
|
125
126
|
"div",
|
|
126
127
|
{
|
|
127
|
-
className:
|
|
128
|
-
onDragEnter:
|
|
129
|
-
onDragLeave:
|
|
130
|
-
onDragOver:
|
|
131
|
-
onDrop:
|
|
128
|
+
className: S,
|
|
129
|
+
onDragEnter: E,
|
|
130
|
+
onDragLeave: L,
|
|
131
|
+
onDragOver: O,
|
|
132
|
+
onDrop: R,
|
|
132
133
|
onClick: i ? () => {
|
|
133
|
-
} :
|
|
134
|
+
} : V,
|
|
134
135
|
style: { cursor: d ? "not-allowed" : "pointer" },
|
|
136
|
+
...j,
|
|
135
137
|
children: [
|
|
136
138
|
/* @__PURE__ */ n(
|
|
137
139
|
"input",
|
|
@@ -139,7 +141,7 @@ import '../../assets/CompactFileUpload.css';const H = "_inputContainer_84wrd_1",
|
|
|
139
141
|
ref: h,
|
|
140
142
|
type: "file",
|
|
141
143
|
className: t.hiddenInput,
|
|
142
|
-
onChange:
|
|
144
|
+
onChange: U,
|
|
143
145
|
disabled: d,
|
|
144
146
|
accept: m == null ? void 0 : m.join(",")
|
|
145
147
|
}
|
|
@@ -165,7 +167,7 @@ import '../../assets/CompactFileUpload.css';const H = "_inputContainer_84wrd_1",
|
|
|
165
167
|
margin: "4px"
|
|
166
168
|
},
|
|
167
169
|
children: /* @__PURE__ */ n(
|
|
168
|
-
|
|
170
|
+
H,
|
|
169
171
|
{
|
|
170
172
|
size: 10,
|
|
171
173
|
color: "primary",
|
|
@@ -242,7 +244,7 @@ import '../../assets/CompactFileUpload.css';const H = "_inputContainer_84wrd_1",
|
|
|
242
244
|
name: "CancelIcon",
|
|
243
245
|
position: "before"
|
|
244
246
|
},
|
|
245
|
-
onClick:
|
|
247
|
+
onClick: M,
|
|
246
248
|
children: a ? "Eliminar" : o ? "Cancelar" : ""
|
|
247
249
|
}
|
|
248
250
|
)
|
|
@@ -317,5 +319,5 @@ import '../../assets/CompactFileUpload.css';const H = "_inputContainer_84wrd_1",
|
|
|
317
319
|
) });
|
|
318
320
|
};
|
|
319
321
|
export {
|
|
320
|
-
|
|
322
|
+
Tt as CompactFileUpload
|
|
321
323
|
};
|
|
@@ -6,6 +6,7 @@ export interface SelectOption {
|
|
|
6
6
|
value: string;
|
|
7
7
|
label: string;
|
|
8
8
|
icon?: IconName;
|
|
9
|
+
columns?: Record<string, string | number>;
|
|
9
10
|
}
|
|
10
11
|
export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "value"> {
|
|
11
12
|
size?: SelectSize;
|
|
@@ -23,5 +24,6 @@ export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
|
|
|
23
24
|
showPlaceholderIcon?: boolean;
|
|
24
25
|
required?: boolean;
|
|
25
26
|
btc?: boolean;
|
|
27
|
+
columnHeaders?: Record<string, string>;
|
|
26
28
|
}
|
|
27
29
|
export declare const Select: React.FC<SelectProps>;
|