bmi-next-brokers 1.3.1 → 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
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}
|
|
@@ -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>;
|
|
@@ -1,193 +1,233 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
1
|
+
import { jsxs as s, jsx as l, Fragment as C } from "react/jsx-runtime";
|
|
2
|
+
import { useState as M, useRef as N, useEffect as S } from "react";
|
|
3
|
+
import { r as H } from "../../index-CGDUIzcq.js";
|
|
4
|
+
import { Icon as v } from "../../icons/Icon.js";
|
|
5
|
+
import '../../assets/Select.css';const A = "_selectContainer_rm5cq_3", F = "_selectContainer_medium_rm5cq_9", G = "_selectContainer_large_rm5cq_13", J = "_selectContainer_extraLarge_rm5cq_14", K = "_label_rm5cq_18", Q = "_label_large_rm5cq_26", U = "_label_extraLarge_rm5cq_27", X = "_label_disabled_rm5cq_31", Y = "_selectWrapper_rm5cq_35", Z = "_select_rm5cq_3", z = "_medium_rm5cq_57", ee = "_small_rm5cq_58", re = "_btc_rm5cq_76", ne = "_open_rm5cq_87", te = "_disabled_rm5cq_91", le = "_placeholder_rm5cq_99", _e = "_selectValue_rm5cq_103", oe = "_chevron_rm5cq_112", ce = "_chevronOpen_rm5cq_117", ae = "_large_rm5cq_134", se = "_extraLarge_rm5cq_140", de = "_error_rm5cq_147", ie = "_errorShake_rm5cq_1", me = "_errorMessage_rm5cq_187", pe = "_errorMessageSlide_rm5cq_1", ue = "_errorMessage_medium_rm5cq_195", he = "_errorMessage_small_rm5cq_196", qe = "_errorMessage_large_rm5cq_200", ge = "_errorMessage_extraLarge_rm5cq_201", be = "_errorMessage_inverted_rm5cq_205", ve = "_helperText_rm5cq_209", xe = "_helperText_medium_rm5cq_215", $e = "_helperText_small_rm5cq_216", we = "_helperText_large_rm5cq_220", Te = "_helperText_extraLarge_rm5cq_221", fe = "_helperText_disabled_rm5cq_225", Le = "_iconLabel_rm5cq_229", Ce = "_icon_rm5cq_229", Me = "_icon_disabled_rm5cq_245", Ne = "_required_rm5cq_250", Se = "_required_inverted_rm5cq_255", Ee = "_required_disabled_rm5cq_259", Oe = "_required_inverted_disabled_rm5cq_263", Pe = "_dropdown_rm5cq_268", Ve = "_dropdownPortal_rm5cq_282", Ie = "_option_rm5cq_290", ke = "_optionSelected_rm5cq_334", Re = "_optionIcon_rm5cq_353", We = "_inverted_rm5cq_360", je = "_label_inverted_rm5cq_378", De = "_helperText_inverted_rm5cq_382", ye = "_icon_inverted_rm5cq_386", Be = "_dropdown_inverted_rm5cq_390", He = "_option_inverted_rm5cq_395", Ae = "_dropdownTable_rm5cq_438", Fe = "_optionTable_rm5cq_443", Ge = "_tableColumn_rm5cq_451", Je = "_columnHeader_rm5cq_459", Ke = "_columnValue_rm5cq_470", Qe = "_label_inverted_disabled_rm5cq_532", Ue = "_helperText_inverted_disabled_rm5cq_536", Xe = "_icon_inverted_disabled_rm5cq_540", e = {
|
|
6
|
+
selectContainer: A,
|
|
7
|
+
selectContainer_medium: F,
|
|
8
|
+
selectContainer_large: G,
|
|
9
|
+
selectContainer_extraLarge: J,
|
|
10
|
+
label: K,
|
|
11
|
+
label_large: Q,
|
|
12
|
+
label_extraLarge: U,
|
|
13
|
+
label_disabled: X,
|
|
14
|
+
selectWrapper: Y,
|
|
15
|
+
select: Z,
|
|
16
|
+
medium: z,
|
|
17
|
+
small: ee,
|
|
18
|
+
btc: re,
|
|
19
|
+
open: ne,
|
|
20
|
+
disabled: te,
|
|
21
|
+
placeholder: le,
|
|
22
|
+
selectValue: _e,
|
|
23
|
+
chevron: oe,
|
|
24
|
+
chevronOpen: ce,
|
|
25
|
+
large: ae,
|
|
26
|
+
extraLarge: se,
|
|
27
|
+
error: de,
|
|
28
|
+
errorShake: ie,
|
|
29
|
+
errorMessage: me,
|
|
30
|
+
errorMessageSlide: pe,
|
|
31
|
+
errorMessage_medium: ue,
|
|
32
|
+
errorMessage_small: he,
|
|
33
|
+
errorMessage_large: qe,
|
|
34
|
+
errorMessage_extraLarge: ge,
|
|
35
|
+
errorMessage_inverted: be,
|
|
36
|
+
helperText: ve,
|
|
37
|
+
helperText_medium: xe,
|
|
38
|
+
helperText_small: $e,
|
|
39
|
+
helperText_large: we,
|
|
40
|
+
helperText_extraLarge: Te,
|
|
41
|
+
helperText_disabled: fe,
|
|
42
|
+
iconLabel: Le,
|
|
43
|
+
icon: Ce,
|
|
44
|
+
icon_disabled: Me,
|
|
45
|
+
required: Ne,
|
|
46
|
+
required_inverted: Se,
|
|
47
|
+
required_disabled: Ee,
|
|
48
|
+
required_inverted_disabled: Oe,
|
|
49
|
+
dropdown: Pe,
|
|
50
|
+
dropdownPortal: Ve,
|
|
51
|
+
option: Ie,
|
|
52
|
+
optionSelected: ke,
|
|
53
|
+
optionIcon: Re,
|
|
54
|
+
inverted: We,
|
|
55
|
+
label_inverted: je,
|
|
56
|
+
helperText_inverted: De,
|
|
57
|
+
icon_inverted: ye,
|
|
58
|
+
dropdown_inverted: Be,
|
|
59
|
+
option_inverted: He,
|
|
60
|
+
dropdownTable: Ae,
|
|
61
|
+
optionTable: Fe,
|
|
62
|
+
tableColumn: Ge,
|
|
63
|
+
columnHeader: Je,
|
|
64
|
+
columnValue: Ke,
|
|
65
|
+
label_inverted_disabled: Qe,
|
|
66
|
+
helperText_inverted_disabled: Ue,
|
|
67
|
+
icon_inverted_disabled: Xe
|
|
68
|
+
}, rr = ({
|
|
69
|
+
size: _ = "medium",
|
|
70
|
+
label: x,
|
|
71
|
+
error: d,
|
|
72
|
+
helperText: $,
|
|
73
|
+
icon: p,
|
|
74
|
+
className: E,
|
|
75
|
+
required: O,
|
|
76
|
+
placeholder: P = "Seleccionar...",
|
|
77
|
+
options: w = [],
|
|
78
|
+
value: T,
|
|
79
|
+
onChange: f,
|
|
80
|
+
disabled: t = !1,
|
|
81
|
+
inverted: n = !1,
|
|
82
|
+
dynamicIcon: V = !1,
|
|
83
|
+
showPlaceholderIcon: I = !1,
|
|
84
|
+
btc: k = !1,
|
|
85
|
+
columnHeaders: u,
|
|
86
|
+
...R
|
|
79
87
|
}) => {
|
|
80
|
-
const [
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
88
|
+
const [o, h] = M(!1), [i, W] = M(null), q = N(null), g = N(null), c = w.find((r) => r.value === T), b = () => {
|
|
89
|
+
if (g.current) {
|
|
90
|
+
const r = g.current.getBoundingClientRect();
|
|
91
|
+
W({
|
|
92
|
+
top: r.bottom + 10,
|
|
93
|
+
left: r.left,
|
|
94
|
+
width: r.width
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
S(() => {
|
|
99
|
+
const r = (a) => {
|
|
100
|
+
q.current && !q.current.contains(a.target) && h(!1);
|
|
84
101
|
};
|
|
85
|
-
return document.addEventListener("mousedown",
|
|
86
|
-
document.removeEventListener("mousedown",
|
|
102
|
+
return document.addEventListener("mousedown", r), () => {
|
|
103
|
+
document.removeEventListener("mousedown", r);
|
|
87
104
|
};
|
|
88
|
-
}, [])
|
|
89
|
-
|
|
105
|
+
}, []), S(() => {
|
|
106
|
+
if (o) {
|
|
107
|
+
b();
|
|
108
|
+
const r = () => {
|
|
109
|
+
o && b();
|
|
110
|
+
}, a = () => {
|
|
111
|
+
o && b();
|
|
112
|
+
};
|
|
113
|
+
return window.addEventListener("scroll", r, !0), window.addEventListener("resize", a), () => {
|
|
114
|
+
window.removeEventListener("scroll", r, !0), window.removeEventListener("resize", a);
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
}, [o]);
|
|
118
|
+
const j = [
|
|
90
119
|
e.select,
|
|
91
|
-
|
|
92
|
-
e[
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
].filter(Boolean).join(" "),
|
|
99
|
-
|
|
100
|
-
},
|
|
101
|
-
|
|
120
|
+
k && e.btc,
|
|
121
|
+
e[_],
|
|
122
|
+
d ? e.error : "",
|
|
123
|
+
t ? e.disabled : "",
|
|
124
|
+
o ? e.open : "",
|
|
125
|
+
n ? e.inverted : "",
|
|
126
|
+
E
|
|
127
|
+
].filter(Boolean).join(" "), m = _ === "small" ? 16 : _ === "large" ? 20 : _ === "extraLarge" ? 24 : 18, L = V && (c != null && c.icon) ? c.icon : p, D = () => {
|
|
128
|
+
t || h(!o);
|
|
129
|
+
}, y = (r) => {
|
|
130
|
+
f && f(r), h(!1);
|
|
102
131
|
};
|
|
103
|
-
return /* @__PURE__ */
|
|
132
|
+
return /* @__PURE__ */ s(
|
|
104
133
|
"div",
|
|
105
134
|
{
|
|
106
|
-
className: `${e.selectContainer} ${
|
|
107
|
-
...
|
|
135
|
+
className: `${e.selectContainer} ${_ === "medium" ? e.selectContainer_medium : _ === "large" ? e.selectContainer_large : _ === "extraLarge" ? e.selectContainer_extraLarge : ""}`,
|
|
136
|
+
...R,
|
|
108
137
|
children: [
|
|
109
|
-
|
|
138
|
+
x && /* @__PURE__ */ s(
|
|
110
139
|
"label",
|
|
111
140
|
{
|
|
112
|
-
className: `${e.label} ${
|
|
141
|
+
className: `${e.label} ${_ === "large" ? e.label_large : ""} ${_ === "extraLarge" ? e.label_extraLarge : ""} ${t && !n ? e.label_disabled : ""} ${n && !t ? e.label_inverted : ""} ${n && t ? e.label_inverted_disabled : ""}`,
|
|
113
142
|
children: [
|
|
114
|
-
|
|
115
|
-
/* @__PURE__ */
|
|
143
|
+
x,
|
|
144
|
+
/* @__PURE__ */ l(
|
|
116
145
|
"span",
|
|
117
146
|
{
|
|
118
|
-
className: `${e.required} ${
|
|
119
|
-
children:
|
|
147
|
+
className: `${e.required} ${t && !n ? e.required_disabled : ""} ${n && !t ? e.required_inverted : ""} ${n && t ? e.required_inverted_disabled : ""}`,
|
|
148
|
+
children: O && "*"
|
|
120
149
|
}
|
|
121
150
|
)
|
|
122
151
|
]
|
|
123
152
|
}
|
|
124
153
|
),
|
|
125
|
-
/* @__PURE__ */
|
|
126
|
-
/* @__PURE__ */
|
|
127
|
-
/* @__PURE__ */
|
|
128
|
-
|
|
154
|
+
/* @__PURE__ */ s("div", { className: e.selectWrapper, ref: g, children: [
|
|
155
|
+
/* @__PURE__ */ s("div", { className: j, onClick: D, ref: q, children: [
|
|
156
|
+
/* @__PURE__ */ s("div", { className: e.iconLabel, children: [
|
|
157
|
+
L && I && /* @__PURE__ */ l(
|
|
129
158
|
"div",
|
|
130
159
|
{
|
|
131
|
-
className: `${e.icon} ${
|
|
132
|
-
children: /* @__PURE__ */
|
|
160
|
+
className: `${e.icon} ${t && !n ? e.icon_disabled : ""} ${n && !t ? e.icon_inverted : ""} ${n && t ? e.icon_inverted_disabled : ""}`,
|
|
161
|
+
children: /* @__PURE__ */ l(v, { name: L, width: m, height: m })
|
|
133
162
|
}
|
|
134
163
|
),
|
|
135
|
-
/* @__PURE__ */
|
|
164
|
+
/* @__PURE__ */ l(
|
|
136
165
|
"span",
|
|
137
166
|
{
|
|
138
167
|
className: `${e.selectValue} ${c ? "" : e.placeholder}`,
|
|
139
|
-
children: c ? c.label :
|
|
168
|
+
children: c ? c.label : P
|
|
140
169
|
}
|
|
141
170
|
)
|
|
142
171
|
] }),
|
|
143
|
-
/* @__PURE__ */
|
|
144
|
-
|
|
172
|
+
/* @__PURE__ */ l(
|
|
173
|
+
v,
|
|
145
174
|
{
|
|
146
175
|
name: "ArrowDown",
|
|
147
176
|
width: 16,
|
|
148
177
|
height: 16,
|
|
149
|
-
className: `${e.chevron} ${
|
|
178
|
+
className: `${e.chevron} ${o ? e.chevronOpen : ""}`
|
|
150
179
|
}
|
|
151
180
|
)
|
|
152
181
|
] }),
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
children: [
|
|
163
|
-
(o.icon || d) && /* @__PURE__ */ t("div", { className: e.optionIcon, children: /* @__PURE__ */ t(
|
|
164
|
-
g,
|
|
165
|
-
{
|
|
166
|
-
name: o.icon || d,
|
|
167
|
-
width: i,
|
|
168
|
-
height: i
|
|
169
|
-
}
|
|
170
|
-
) }),
|
|
171
|
-
o.label
|
|
172
|
-
]
|
|
182
|
+
o && !t && i && H.createPortal(
|
|
183
|
+
/* @__PURE__ */ l(
|
|
184
|
+
"div",
|
|
185
|
+
{
|
|
186
|
+
className: `${e.dropdown} ${e.dropdownPortal} ${n ? e.dropdown_inverted : ""} ${u ? e.dropdownTable : ""}`,
|
|
187
|
+
style: {
|
|
188
|
+
top: `${i.top}px`,
|
|
189
|
+
left: `${i.left}px`,
|
|
190
|
+
width: `${i.width}px`
|
|
173
191
|
},
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
192
|
+
children: w.map((r) => /* @__PURE__ */ l(
|
|
193
|
+
"div",
|
|
194
|
+
{
|
|
195
|
+
className: `${e.option} ${T === r.value ? e.optionSelected : ""} ${n ? e.option_inverted : ""} ${r.columns ? e.optionTable : ""}`,
|
|
196
|
+
onClick: () => y(r.value),
|
|
197
|
+
children: r.columns ? /* @__PURE__ */ l(C, { children: u && Object.entries(u).map(([a, B]) => /* @__PURE__ */ s("div", { className: e.tableColumn, children: [
|
|
198
|
+
/* @__PURE__ */ l("div", { className: e.columnHeader, children: B }),
|
|
199
|
+
/* @__PURE__ */ l("div", { className: e.columnValue, children: r.columns[a] || "" })
|
|
200
|
+
] }, a)) }) : /* @__PURE__ */ s(C, { children: [
|
|
201
|
+
(r.icon || p) && /* @__PURE__ */ l("div", { className: e.optionIcon, children: /* @__PURE__ */ l(
|
|
202
|
+
v,
|
|
203
|
+
{
|
|
204
|
+
name: r.icon || p,
|
|
205
|
+
width: m,
|
|
206
|
+
height: m
|
|
207
|
+
}
|
|
208
|
+
) }),
|
|
209
|
+
r.label
|
|
210
|
+
] })
|
|
211
|
+
},
|
|
212
|
+
r.value
|
|
213
|
+
))
|
|
214
|
+
}
|
|
215
|
+
),
|
|
216
|
+
document.body
|
|
177
217
|
)
|
|
178
218
|
] }),
|
|
179
|
-
|
|
219
|
+
d && /* @__PURE__ */ l(
|
|
180
220
|
"span",
|
|
181
221
|
{
|
|
182
|
-
className: `${e.errorMessage} ${e[`errorMessage_${
|
|
183
|
-
children:
|
|
222
|
+
className: `${e.errorMessage} ${e[`errorMessage_${_}`]} ${n ? e.errorMessage_inverted : ""}`,
|
|
223
|
+
children: d
|
|
184
224
|
}
|
|
185
225
|
),
|
|
186
|
-
|
|
226
|
+
$ && !d && /* @__PURE__ */ l(
|
|
187
227
|
"span",
|
|
188
228
|
{
|
|
189
|
-
className: `${e.helperText} ${e[`helperText_${
|
|
190
|
-
children:
|
|
229
|
+
className: `${e.helperText} ${e[`helperText_${_}`]} ${t && !n ? e.helperText_disabled : ""} ${n && !t ? e.helperText_inverted : ""} ${n && t ? e.helperText_inverted_disabled : ""}`,
|
|
230
|
+
children: $
|
|
191
231
|
}
|
|
192
232
|
)
|
|
193
233
|
]
|
|
@@ -195,5 +235,5 @@ import '../../assets/Select.css';const j = "_selectContainer_1o6wc_3", E = "_sel
|
|
|
195
235
|
);
|
|
196
236
|
};
|
|
197
237
|
export {
|
|
198
|
-
|
|
238
|
+
rr as Select
|
|
199
239
|
};
|
package/package.json
CHANGED