bmi-next-brokers 2.6.3 → 2.6.5
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/Select.module-C2pwN-re.js +59 -0
- package/dist/assets/Select.css +1 -1
- package/dist/components/SearchableInputGroup/index.js +22 -23
- package/dist/components/Select/Select.js +1 -2
- package/dist/components/badge/index.js +20 -20
- package/dist/hooks/useDropdownPosition.d.ts +1 -3
- package/dist/hooks/useDropdownPosition.js +35 -37
- package/dist/icons/Icon.js +1 -1
- package/dist/icons/components/BmiCompaniesLogo.d.ts +3 -0
- package/dist/icons/components/BmiCompaniesLogo.js +5 -0
- package/dist/icons/components/Close.js +27 -10
- package/dist/icons/components/index.d.ts +1 -0
- package/dist/icons/components/index.js +256 -254
- package/dist/icons/index.d.ts +1 -0
- package/dist/icons/index.js +338 -336
- package/dist/index-BMw__ct1.js +412 -0
- package/package.json +1 -1
- package/dist/Select.module-D_7bjq9u.js +0 -59
- package/dist/index-D4bU2RFf.js +0 -410
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import './assets/Select.css';const e = "_selectContainer_6gnk2_23", n = "_disabled_6gnk2_39", o = "_selectContainer_medium_6gnk2_57", t = "_selectContainer_large_6gnk2_65", _ = "_selectContainer_extraLarge_6gnk2_67", r = "_label_6gnk2_85", c = "_label_large_6gnk2_107", i = "_label_extraLarge_6gnk2_109", l = "_label_inverted_6gnk2_117", a = "_selectWrapper_6gnk2_135", s = "_select_6gnk2_23", p = "_open_6gnk2_217", d = "_small_6gnk2_241", g = "_medium_6gnk2_263", k = "_large_6gnk2_285", h = "_extraLarge_6gnk2_307", b = "_selectValue_6gnk2_335", u = "_selectInput_6gnk2_355", m = "_placeholder_6gnk2_405", v = "_error_6gnk2_433", w = "_btc_6gnk2_461", C = "_errorShake_6gnk2_1", W = "_inverted_6gnk2_589", x = "_chevron_6gnk2_633", S = "_icon_inverted_6gnk2_641", D = "_chevronOpen_6gnk2_733", L = "_icon_6gnk2_641", I = "_iconLabel_6gnk2_777", V = "_optionIcon_6gnk2_799", q = "_required_6gnk2_821", H = "_required_inverted_6gnk2_831", T = "_dropdown_6gnk2_849", O = "_highlight_6gnk2_883", P = "_isDrawer_6gnk2_899", R = "_dropdownPortal_6gnk2_945", y = "_drawerSelect_6gnk2_971", f = "_drawerSelectHeader_6gnk2_979", j = "_drawerSearchInput_6gnk2_987", z = "_option_6gnk2_799", A = "_optionSelected_6gnk2_1019", B = "_optionWithCheckbox_6gnk2_1111", E = "_optionCheckbox_6gnk2_1123", F = "_optionWithDescriptionWrapper_6gnk2_1211", G = "_optionWithDescription_6gnk2_1211", J = "_optionWithDescriptionLabel_6gnk2_1243", K = "_optionWithDescriptionValue_6gnk2_1255", M = "_dropdownTable_6gnk2_1275", N = "_optionTable_6gnk2_1285", Q = "_tableColumn_6gnk2_1301", U = "_columnHeader_6gnk2_1317", X = "_columnValue_6gnk2_1333", Y = "_noResults_6gnk2_1367", Z = "_dropdown_inverted_6gnk2_1395", $ = "_option_inverted_6gnk2_1441", ee = {
|
|
2
|
+
selectContainer: e,
|
|
3
|
+
disabled: n,
|
|
4
|
+
selectContainer_medium: o,
|
|
5
|
+
selectContainer_large: t,
|
|
6
|
+
selectContainer_extraLarge: _,
|
|
7
|
+
label: r,
|
|
8
|
+
label_large: c,
|
|
9
|
+
label_extraLarge: i,
|
|
10
|
+
label_inverted: l,
|
|
11
|
+
selectWrapper: a,
|
|
12
|
+
select: s,
|
|
13
|
+
open: p,
|
|
14
|
+
small: d,
|
|
15
|
+
medium: g,
|
|
16
|
+
large: k,
|
|
17
|
+
extraLarge: h,
|
|
18
|
+
selectValue: b,
|
|
19
|
+
selectInput: u,
|
|
20
|
+
placeholder: m,
|
|
21
|
+
error: v,
|
|
22
|
+
btc: w,
|
|
23
|
+
errorShake: C,
|
|
24
|
+
inverted: W,
|
|
25
|
+
chevron: x,
|
|
26
|
+
icon_inverted: S,
|
|
27
|
+
chevronOpen: D,
|
|
28
|
+
icon: L,
|
|
29
|
+
iconLabel: I,
|
|
30
|
+
optionIcon: V,
|
|
31
|
+
required: q,
|
|
32
|
+
required_inverted: H,
|
|
33
|
+
dropdown: T,
|
|
34
|
+
highlight: O,
|
|
35
|
+
isDrawer: P,
|
|
36
|
+
dropdownPortal: R,
|
|
37
|
+
drawerSelect: y,
|
|
38
|
+
drawerSelectHeader: f,
|
|
39
|
+
drawerSearchInput: j,
|
|
40
|
+
option: z,
|
|
41
|
+
optionSelected: A,
|
|
42
|
+
optionWithCheckbox: B,
|
|
43
|
+
optionCheckbox: E,
|
|
44
|
+
optionWithDescriptionWrapper: F,
|
|
45
|
+
optionWithDescription: G,
|
|
46
|
+
optionWithDescriptionLabel: J,
|
|
47
|
+
optionWithDescriptionValue: K,
|
|
48
|
+
dropdownTable: M,
|
|
49
|
+
optionTable: N,
|
|
50
|
+
tableColumn: Q,
|
|
51
|
+
columnHeader: U,
|
|
52
|
+
columnValue: X,
|
|
53
|
+
noResults: Y,
|
|
54
|
+
dropdown_inverted: Z,
|
|
55
|
+
option_inverted: $
|
|
56
|
+
};
|
|
57
|
+
export {
|
|
58
|
+
ee as s
|
|
59
|
+
};
|
package/dist/assets/Select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._selectContainer_ystc6_23{display:flex;flex-direction:column;width:100%;min-width:0}._selectContainer_ystc6_23._disabled_ystc6_39{cursor:not-allowed;opacity:.3}._selectContainer_ystc6_23 *{font-family:var(--font-regular)}._selectContainer_medium_ystc6_57{gap:2px}._selectContainer_large_ystc6_65,._selectContainer_extraLarge_ystc6_67{gap:4px}._label_ystc6_85{font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_ystc6_85._disabled_ystc6_39{cursor:not-allowed}._label_large_ystc6_107,._label_extraLarge_ystc6_109{font-size:15px}._label_inverted_ystc6_117{color:#fff!important}._selectWrapper_ystc6_135{position:relative;display:flex;align-items:center;width:100%;min-width:0}._select_ystc6_23{border:1px solid #ddd;outline:none;border-radius:16px;transition:all .2s ease;width:100%;min-width:0;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding-right:12px;box-sizing:border-box}._select_ystc6_23._disabled_ystc6_39{cursor:not-allowed;pointer-events:none}._select_ystc6_23:hover{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._select_ystc6_23:active,._select_ystc6_23:focus,._select_ystc6_23:has(input:focus){border:1px solid var(--Stroke-Neutral-Primary, #94a3b8);box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._select_ystc6_23._open_ystc6_225{border:1px solid #94a3b8}._small_ystc6_247 *{font-size:12px}._select_ystc6_23._small_ystc6_247{height:30px;padding-inline:8px;border-radius:10px}._medium_ystc6_269 *{font-size:14px}._select_ystc6_23._medium_ystc6_269{height:36px;padding-inline:10px;border-radius:12px}._large_ystc6_291 *{font-size:15px}._select_ystc6_23._large_ystc6_291{padding-inline:12px;height:42px;border-radius:14px}._extraLarge_ystc6_313 *{font-size:16px}._select_ystc6_23._extraLarge_ystc6_313{padding-inline:14px;height:48px}._selectValue_ystc6_341{flex:1 1 0%;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}._selectInput_ystc6_361{flex:1 1 0%;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;outline:none;background:transparent;width:100%;max-width:100%;padding:0;cursor:text;box-sizing:border-box}._selectInput_ystc6_361::placeholder{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._selectInput_ystc6_361:read-only{cursor:pointer}._selectInput_ystc6_361._placeholder_ystc6_411,._placeholder_ystc6_411{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._error_ystc6_439 ._selectInput_ystc6_361{color:var(--Content-Negative-Default-Active, #dc2626)}._error_ystc6_439 ._selectInput_ystc6_361::placeholder{color:var(--Content-Negative-Default-Active, #dc2626)}._select_ystc6_23._btc_ystc6_467:active,._select_ystc6_23._btc_ystc6_467:focus,._select_ystc6_23._btc_ystc6_467:has(input:focus){border:1px solid #45c2d6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._error_ystc6_439{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Neutral-Primary, #fff);color:var(--Content-Negative-Default-Active, #dc2626);animation:_errorShake_ystc6_1 .4s ease-in-out}._error_ystc6_439 ._placeholder_ystc6_411{color:var(--Content-Negative-Default-Active, #dc2626)}._error_ystc6_439:hover{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_ystc6_439:active{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_ystc6_439:focus,._error_ystc6_439:has(input:focus){border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_ystc6_439._open_ystc6_225{border:1px solid #dc2626}._error_ystc6_439._btc_ystc6_467::placeholder{color:#dc2626}._error_ystc6_439._btc_ystc6_467:active,._error_ystc6_439._btc_ystc6_467:focus,._error_ystc6_439._btc_ystc6_467:has(input:focus){border:1px solid #dc2626;box-shadow:3px 3px #dc2626}._inverted_ystc6_597{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_ystc6_597:hover{border:1px solid white!important}._inverted_ystc6_597 ._placeholder_ystc6_411{color:#ffffffb3!important}._inverted_ystc6_597 ._selectInput_ystc6_361{color:#fff!important}._inverted_ystc6_597 ._selectInput_ystc6_361::placeholder{color:#ffffffb3!important}._inverted_ystc6_597 ._chevron_ystc6_641,._icon_inverted_ystc6_649{color:#fff!important}._inverted_ystc6_597._error_ystc6_439{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_ystc6_597._error_ystc6_439 ._placeholder_ystc6_411{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_ystc6_597._error_ystc6_439:hover{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important}._inverted_ystc6_597._error_ystc6_439:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_ystc6_597._error_ystc6_439:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_ystc6_597._error_ystc6_439._open_ystc6_225{border:1px solid transparent!important}._chevron_ystc6_641{transition:transform .2s ease;color:var(--Content-Neutral-Default, #475569)}._chevronOpen_ystc6_741{transform:rotate(180deg)}._icon_ystc6_649{color:var(--Content-Neutral-Default, #475569);pointer-events:none;display:flex;align-items:center;justify-content:center}._iconLabel_ystc6_785{display:flex;justify-content:center;align-items:center;gap:6px;min-width:0;flex:1 1 auto;overflow:hidden;width:100%}._optionIcon_ystc6_807{display:flex;align-items:center;justify-content:center}._required_ystc6_829{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_inverted_ystc6_839{color:var(--Content-Negative-Default-Active, #f87171)}._dropdown_ystc6_857{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid var(--Stroke-Neutral-Primary, #94a3b8);border-radius:16px;max-height:200px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;scrollbar-color:rgba(0,0,0,.3) transparent}._highlight_ystc6_891{background:transparent;color:#2054a5;font-family:var(--font-medium)!important;font-weight:600!important;font-size:inherit!important}._dropdown_ystc6_857._isDrawer_ystc6_907{position:relative;width:100%;max-height:100%;border-radius:0;border-right:0;border-left:0}._dropdown_ystc6_857 *{font-family:var(--font-regular)}._dropdown_ystc6_857::-webkit-scrollbar{width:8px}._dropdown_ystc6_857::-webkit-scrollbar-track{background:transparent;margin:4px 0}._dropdownPortal_ystc6_953{position:fixed;top:0;left:0;right:auto;z-index:9000}._drawerSelect_ystc6_979{padding:0!important}._drawerSelectHeader_ystc6_987{padding-inline:15px}._drawerSearchInput_ystc6_995{padding-inline:15px;width:100%}._option_ystc6_807{width:100%;padding:8px 12px;border-bottom:1px solid var(--Stroke-Neutral-Primary, #94a3b8);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}._option_ystc6_807:not(._optionSelected_ystc6_1027):hover{background-color:#f8f9fa}._option_ystc6_807:last-child{border-bottom:none}._optionSelected_ystc6_1027{background-color:#f0f0f0;color:#000}._option_ystc6_807:not(._isDrawer_ystc6_907):first-child{border-top-left-radius:16px;border-top-right-radius:16px}._option_ystc6_807:not(._isDrawer_ystc6_907):last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px}._small_ystc6_247+._dropdown_ystc6_857 ._option_ystc6_807{padding:8px 11px 8px 14px}._medium_ystc6_269+._dropdown_ystc6_857 ._option_ystc6_807{padding:8px 12px}._large_ystc6_291+._dropdown_ystc6_857 ._option_ystc6_807{padding:11px 12px}._extraLarge_ystc6_313+._dropdown_ystc6_857 ._option_ystc6_807{padding:11px 12px}._optionWithCheckbox_ystc6_1119{display:flex;align-items:center;gap:12px}._optionCheckbox_ystc6_1131{width:14px;height:14px;cursor:pointer;flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1.5px solid var(--Stroke-Neutral-Primary, #94a3b8);border-radius:2px;background-color:#fff;position:relative}._optionCheckbox_ystc6_1131:checked{background-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important;border-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important}._optionCheckbox_ystc6_1131:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:3px;height:6px;border:solid white;border-width:0 1.5px 1.5px 0;border-color:#fff!important}._optionWithCheckbox_ystc6_1119:not(._optionSelected_ystc6_1027):hover{background-color:transparent}._optionWithCheckbox_ystc6_1119._optionSelected_ystc6_1027{background-color:transparent}._optionWithDescriptionWrapper_ystc6_1219{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}._optionWithDescription_ystc6_1219{display:flex;flex-direction:column;gap:12px;text-align:start;line-height:1}._optionWithDescriptionLabel_ystc6_1251{color:#030c24;font-size:14px;font-family:var(--font-medium)}._optionWithDescriptionValue_ystc6_1263{font-size:12px;color:#030c2499}._dropdownTable_ystc6_1283{max-height:400px;min-width:0}._optionTable_ystc6_1293{display:flex;gap:16px;padding:12px 16px;align-items:flex-start;flex-direction:row}._tableColumn_ystc6_1309{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._columnHeader_ystc6_1325{opacity:.6;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._columnValue_ystc6_1341{font-weight:600;color:var(--Content-Neutral-Default-Active, #000);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._optionTable_ystc6_1293._optionSelected_ystc6_1027 ._columnValue_ystc6_1341{color:#000}._noResults_ystc6_1375{display:flex;justify-content:center;align-items:center;padding:12px;text-align:center;color:var(--Content-Neutral-Default-Default, #a3a3a3)}._dropdown_inverted_ystc6_1403{background:var(--Fill-Brand-Default-Active, #2054a5);border:1px solid var(--Stroke-Neutral-Primary, #e0e9f8);scrollbar-color:rgba(255,255,255,.3) transparent}._dropdown_inverted_ystc6_1403::-webkit-scrollbar-thumb{background:#ffffff4d}._dropdown_inverted_ystc6_1403::-webkit-scrollbar-thumb:hover{background:#ffffff80}._dropdown_inverted_ystc6_1403 ._noResults_ystc6_1375{color:#ffffffb3}._option_inverted_ystc6_1449{color:#fff!important;border-bottom-color:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._option_inverted_ystc6_1449:hover{background-color:#ffffff1a!important}._option_inverted_ystc6_1449._optionSelected_ystc6_1027{background-color:#ffffff26!important;color:#fff!important}._option_inverted_ystc6_1449._optionWithCheckbox_ystc6_1119:hover,._option_inverted_ystc6_1449._optionWithCheckbox_ystc6_1119._optionSelected_ystc6_1027{background-color:transparent!important}._dropdown_inverted_ystc6_1403 ._optionCheckbox_ystc6_1131{border-color:var(--Stroke-Neutral-Primary, #e0e9f8);background-color:var(--Stroke-Neutral-Primary, #e0e9f8)}._dropdown_inverted_ystc6_1403 ._optionCheckbox_ystc6_1131:checked{background-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important;border-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important}._dropdown_inverted_ystc6_1403 ._optionCheckbox_ystc6_1131:checked:after{border-color:#fff!important}@keyframes _errorShake_ystc6_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}
|
|
1
|
+
._selectContainer_6gnk2_23{display:flex;flex-direction:column;width:100%;min-width:0}._selectContainer_6gnk2_23._disabled_6gnk2_39{cursor:not-allowed;opacity:.3}._selectContainer_6gnk2_23 *{font-family:var(--font-regular)}._selectContainer_medium_6gnk2_57{gap:2px}._selectContainer_large_6gnk2_65,._selectContainer_extraLarge_6gnk2_67{gap:4px}._label_6gnk2_85{font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_6gnk2_85._disabled_6gnk2_39{cursor:not-allowed}._label_large_6gnk2_107,._label_extraLarge_6gnk2_109{font-size:15px}._label_inverted_6gnk2_117{color:#fff!important}._selectWrapper_6gnk2_135{position:relative;display:flex;align-items:center;width:100%;min-width:0}._select_6gnk2_23{border:1px solid #ddd;outline:none;border-radius:16px;transition:all .2s ease;width:100%;min-width:0;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding-right:12px;box-sizing:border-box}._select_6gnk2_23._disabled_6gnk2_39{cursor:not-allowed;pointer-events:none}._select_6gnk2_23:hover{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._select_6gnk2_23:active,._select_6gnk2_23:focus,._select_6gnk2_23:has(input:focus),._select_6gnk2_23._open_6gnk2_217{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8);box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._small_6gnk2_241 *{font-size:12px}._select_6gnk2_23._small_6gnk2_241{height:30px;padding-inline:8px;border-radius:10px}._medium_6gnk2_263 *{font-size:14px}._select_6gnk2_23._medium_6gnk2_263{height:36px;padding-inline:10px;border-radius:12px}._large_6gnk2_285 *{font-size:15px}._select_6gnk2_23._large_6gnk2_285{padding-inline:12px;height:42px;border-radius:14px}._extraLarge_6gnk2_307 *{font-size:16px}._select_6gnk2_23._extraLarge_6gnk2_307{padding-inline:14px;height:48px}._selectValue_6gnk2_335{flex:1 1 0%;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}._selectInput_6gnk2_355{flex:1 1 0%;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;outline:none;background:transparent;width:100%;max-width:100%;padding:0;cursor:text;box-sizing:border-box}._selectInput_6gnk2_355::placeholder{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._selectInput_6gnk2_355:read-only{cursor:pointer}._selectInput_6gnk2_355._placeholder_6gnk2_405,._placeholder_6gnk2_405{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._error_6gnk2_433 ._selectInput_6gnk2_355{color:var(--Content-Negative-Default-Active, #dc2626)}._error_6gnk2_433 ._selectInput_6gnk2_355::placeholder{color:var(--Content-Negative-Default-Active, #dc2626)}._select_6gnk2_23._btc_6gnk2_461:active,._select_6gnk2_23._btc_6gnk2_461:focus,._select_6gnk2_23._btc_6gnk2_461:has(input:focus),._select_6gnk2_23._btc_6gnk2_461._open_6gnk2_217{border:1px solid #45c2d6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._error_6gnk2_433{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Neutral-Primary, #fff);color:var(--Content-Negative-Default-Active, #dc2626);animation:_errorShake_6gnk2_1 .4s ease-in-out}._error_6gnk2_433 ._placeholder_6gnk2_405{color:var(--Content-Negative-Default-Active, #dc2626)}._error_6gnk2_433:hover{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_6gnk2_433:active{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_6gnk2_433:focus,._error_6gnk2_433:has(input:focus),._error_6gnk2_433._open_6gnk2_217{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_6gnk2_433._btc_6gnk2_461::placeholder{color:#dc2626}._error_6gnk2_433._btc_6gnk2_461:active,._error_6gnk2_433._btc_6gnk2_461:focus,._error_6gnk2_433._btc_6gnk2_461:has(input:focus),._error_6gnk2_433._btc_6gnk2_461._open_6gnk2_217{border:1px solid #dc2626;box-shadow:3px 3px #dc2626}._inverted_6gnk2_589{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_6gnk2_589:hover{border:1px solid white!important}._inverted_6gnk2_589 ._placeholder_6gnk2_405{color:#ffffffb3!important}._inverted_6gnk2_589 ._selectInput_6gnk2_355{color:#fff!important}._inverted_6gnk2_589 ._selectInput_6gnk2_355::placeholder{color:#ffffffb3!important}._inverted_6gnk2_589 ._chevron_6gnk2_633,._icon_inverted_6gnk2_641{color:#fff!important}._inverted_6gnk2_589._error_6gnk2_433{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_6gnk2_589._error_6gnk2_433 ._placeholder_6gnk2_405{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_6gnk2_589._error_6gnk2_433:hover{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important}._inverted_6gnk2_589._error_6gnk2_433:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_6gnk2_589._error_6gnk2_433:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_6gnk2_589._error_6gnk2_433._open_6gnk2_217{border:1px solid transparent!important}._chevron_6gnk2_633{transition:transform .2s ease;color:var(--Content-Neutral-Default, #475569)}._chevronOpen_6gnk2_733{transform:rotate(180deg)}._icon_6gnk2_641{color:var(--Content-Neutral-Default, #475569);pointer-events:none;display:flex;align-items:center;justify-content:center}._iconLabel_6gnk2_777{display:flex;justify-content:center;align-items:center;gap:6px;min-width:0;flex:1 1 auto;overflow:hidden;width:100%}._optionIcon_6gnk2_799{display:flex;align-items:center;justify-content:center}._required_6gnk2_821{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_inverted_6gnk2_831{color:var(--Content-Negative-Default-Active, #f87171)}._dropdown_6gnk2_849{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid var(--Stroke-Neutral-Primary, #94a3b8);border-radius:16px;max-height:200px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;scrollbar-color:rgba(0,0,0,.3) transparent}._highlight_6gnk2_883{background:transparent;color:#2054a5;font-family:var(--font-medium)!important;font-weight:600!important;font-size:inherit!important}._dropdown_6gnk2_849._isDrawer_6gnk2_899{position:relative;width:100%;max-height:100%;border-radius:0;border-right:0;border-left:0}._dropdown_6gnk2_849 *{font-family:var(--font-regular)}._dropdown_6gnk2_849::-webkit-scrollbar{width:8px}._dropdown_6gnk2_849::-webkit-scrollbar-track{background:transparent;margin:4px 0}._dropdownPortal_6gnk2_945{position:fixed;top:0;left:0;right:auto;z-index:9000}._drawerSelect_6gnk2_971{padding:0!important}._drawerSelectHeader_6gnk2_979{padding-inline:15px}._drawerSearchInput_6gnk2_987{padding-inline:15px;width:100%}._option_6gnk2_799{width:100%;padding:8px 12px;border-bottom:1px solid var(--Stroke-Neutral-Primary, #94a3b8);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}._option_6gnk2_799:not(._optionSelected_6gnk2_1019):hover{background-color:#f8f9fa}._option_6gnk2_799:last-child{border-bottom:none}._optionSelected_6gnk2_1019{background-color:#f0f0f0;color:#000}._option_6gnk2_799:not(._isDrawer_6gnk2_899):first-child{border-top-left-radius:16px;border-top-right-radius:16px}._option_6gnk2_799:not(._isDrawer_6gnk2_899):last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px}._small_6gnk2_241+._dropdown_6gnk2_849 ._option_6gnk2_799{padding:8px 11px 8px 14px}._medium_6gnk2_263+._dropdown_6gnk2_849 ._option_6gnk2_799{padding:8px 12px}._large_6gnk2_285+._dropdown_6gnk2_849 ._option_6gnk2_799{padding:11px 12px}._extraLarge_6gnk2_307+._dropdown_6gnk2_849 ._option_6gnk2_799{padding:11px 12px}._optionWithCheckbox_6gnk2_1111{display:flex;align-items:center;gap:12px}._optionCheckbox_6gnk2_1123{width:14px;height:14px;cursor:pointer;flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1.5px solid var(--Stroke-Neutral-Primary, #94a3b8);border-radius:2px;background-color:#fff;position:relative}._optionCheckbox_6gnk2_1123:checked{background-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important;border-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important}._optionCheckbox_6gnk2_1123:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:3px;height:6px;border:solid white;border-width:0 1.5px 1.5px 0;border-color:#fff!important}._optionWithCheckbox_6gnk2_1111:not(._optionSelected_6gnk2_1019):hover{background-color:transparent}._optionWithCheckbox_6gnk2_1111._optionSelected_6gnk2_1019{background-color:transparent}._optionWithDescriptionWrapper_6gnk2_1211{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}._optionWithDescription_6gnk2_1211{display:flex;flex-direction:column;gap:12px;text-align:start;line-height:1}._optionWithDescriptionLabel_6gnk2_1243{color:#030c24;font-size:14px;font-family:var(--font-medium)}._optionWithDescriptionValue_6gnk2_1255{font-size:12px;color:#030c2499}._dropdownTable_6gnk2_1275{max-height:400px;min-width:0}._optionTable_6gnk2_1285{display:flex;gap:16px;padding:12px 16px;align-items:flex-start;flex-direction:row}._tableColumn_6gnk2_1301{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}._columnHeader_6gnk2_1317{opacity:.6;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._columnValue_6gnk2_1333{font-weight:600;color:var(--Content-Neutral-Default-Active, #000);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._optionTable_6gnk2_1285._optionSelected_6gnk2_1019 ._columnValue_6gnk2_1333{color:#000}._noResults_6gnk2_1367{display:flex;justify-content:center;align-items:center;padding:12px;text-align:center;color:var(--Content-Neutral-Default-Default, #a3a3a3)}._dropdown_inverted_6gnk2_1395{background:var(--Fill-Brand-Default-Active, #2054a5);border:1px solid var(--Stroke-Neutral-Primary, #e0e9f8);scrollbar-color:rgba(255,255,255,.3) transparent}._dropdown_inverted_6gnk2_1395::-webkit-scrollbar-thumb{background:#ffffff4d}._dropdown_inverted_6gnk2_1395::-webkit-scrollbar-thumb:hover{background:#ffffff80}._dropdown_inverted_6gnk2_1395 ._noResults_6gnk2_1367{color:#ffffffb3}._option_inverted_6gnk2_1441{color:#fff!important;border-bottom-color:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._option_inverted_6gnk2_1441:hover{background-color:#ffffff1a!important}._option_inverted_6gnk2_1441._optionSelected_6gnk2_1019{background-color:#ffffff26!important;color:#fff!important}._option_inverted_6gnk2_1441._optionWithCheckbox_6gnk2_1111:hover,._option_inverted_6gnk2_1441._optionWithCheckbox_6gnk2_1111._optionSelected_6gnk2_1019{background-color:transparent!important}._dropdown_inverted_6gnk2_1395 ._optionCheckbox_6gnk2_1123{border-color:var(--Stroke-Neutral-Primary, #e0e9f8);background-color:var(--Stroke-Neutral-Primary, #e0e9f8)}._dropdown_inverted_6gnk2_1395 ._optionCheckbox_6gnk2_1123:checked{background-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important;border-color:var(--Fill-Brand-Inverted-Active, #2054a5)!important}._dropdown_inverted_6gnk2_1395 ._optionCheckbox_6gnk2_1123:checked:after{border-color:#fff!important}@keyframes _errorShake_6gnk2_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}
|
|
@@ -2,7 +2,7 @@ import { jsxs as O, jsx as i } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as N, useRef as w, useMemo as Y, useEffect as _ } from "react";
|
|
3
3
|
import { createPortal as Z } from "react-dom";
|
|
4
4
|
import { Input as z } from "../Input/Input.js";
|
|
5
|
-
import { s as e } from "../../Select.module-
|
|
5
|
+
import { s as e } from "../../Select.module-C2pwN-re.js";
|
|
6
6
|
import { useBTC as I } from "../../hooks/btcContext/useBtcContext.js";
|
|
7
7
|
import { useDropdownPosition as R } from "../../hooks/useDropdownPosition.js";
|
|
8
8
|
import '../../assets/index4.css';const rr = "_container_1kajw_1", nr = "_inputs_1kajw_7", tr = "_inputWrapper_1kajw_13", $ = {
|
|
@@ -10,11 +10,11 @@ import '../../assets/index4.css';const rr = "_container_1kajw_1", nr = "_inputs_
|
|
|
10
10
|
inputs: nr,
|
|
11
11
|
inputWrapper: tr
|
|
12
12
|
}, lr = ({
|
|
13
|
-
fields:
|
|
13
|
+
fields: a,
|
|
14
14
|
selectedItem: c = null,
|
|
15
|
-
options:
|
|
15
|
+
options: u = [],
|
|
16
16
|
onSearch: d,
|
|
17
|
-
onSelect:
|
|
17
|
+
onSelect: x,
|
|
18
18
|
onReset: s,
|
|
19
19
|
noResultMessage: W = "No se encontraron resultados",
|
|
20
20
|
disabled: C = !1,
|
|
@@ -24,24 +24,23 @@ import '../../assets/index4.css';const rr = "_container_1kajw_1", nr = "_inputs_
|
|
|
24
24
|
containerClassName: L,
|
|
25
25
|
...P
|
|
26
26
|
}) => {
|
|
27
|
-
const { btc: T } = I(), M = F ?? T, K = !!d, [
|
|
27
|
+
const { btc: T } = I(), M = F ?? T, K = !!d, [S, g] = N(!1), [j, V] = N(
|
|
28
28
|
{}
|
|
29
|
-
), [o, f] = N(null), h = w(null), v = w(null), b = w({}), D = w({}), q =
|
|
30
|
-
isOpen:
|
|
29
|
+
), [o, f] = N(null), h = w(null), v = w(null), b = w({}), D = w({}), q = S && !C, l = o ? j[o] ?? "" : "", A = R({
|
|
30
|
+
isOpen: S,
|
|
31
31
|
containerRef: h,
|
|
32
32
|
dropdownRef: v,
|
|
33
33
|
size: m,
|
|
34
|
-
optionsLength:
|
|
35
|
-
isSearchable: !0
|
|
34
|
+
optionsLength: u.length
|
|
36
35
|
}), Q = (r) => typeof r == "string" ? r.normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/\s+/g, "").toLowerCase() : "", k = Y(() => {
|
|
37
|
-
if (!o || !l || K) return
|
|
38
|
-
const r =
|
|
39
|
-
if (!r) return
|
|
36
|
+
if (!o || !l || K) return u;
|
|
37
|
+
const r = a.find((t) => t.key === o);
|
|
38
|
+
if (!r) return u;
|
|
40
39
|
const n = r.columnKey ?? r.key;
|
|
41
|
-
return
|
|
40
|
+
return u.filter(
|
|
42
41
|
(t) => Q(String(t[n] ?? "")).includes(Q(l))
|
|
43
42
|
);
|
|
44
|
-
}, [
|
|
43
|
+
}, [u, l, o, K]);
|
|
45
44
|
_(() => {
|
|
46
45
|
const r = (n) => {
|
|
47
46
|
h.current && !h.current.contains(n.target) && v.current && !v.current.contains(n.target) && (g(!1), f(null));
|
|
@@ -51,7 +50,7 @@ import '../../assets/index4.css';const rr = "_container_1kajw_1", nr = "_inputs_
|
|
|
51
50
|
if (!o) return;
|
|
52
51
|
const r = l.trim(), n = (b.current[o] ?? "").trim();
|
|
53
52
|
c && r.length > 0 && (k.some(
|
|
54
|
-
(p) =>
|
|
53
|
+
(p) => a.every((y) => {
|
|
55
54
|
const B = y.columnKey ?? y.key;
|
|
56
55
|
return String(p[B] ?? "") === String(c[B] ?? "");
|
|
57
56
|
})
|
|
@@ -61,21 +60,21 @@ import '../../assets/index4.css';const rr = "_container_1kajw_1", nr = "_inputs_
|
|
|
61
60
|
};
|
|
62
61
|
}, [l, o, c, k]), _(() => {
|
|
63
62
|
if (!c) return;
|
|
64
|
-
|
|
65
|
-
(n) =>
|
|
63
|
+
u.some(
|
|
64
|
+
(n) => a.every((t) => {
|
|
66
65
|
const p = t.columnKey ?? t.key;
|
|
67
66
|
return String(n[p] ?? "") === String(c[p] ?? "");
|
|
68
67
|
})
|
|
69
68
|
) || s == null || s();
|
|
70
|
-
}, [
|
|
69
|
+
}, [u]);
|
|
71
70
|
const G = (r, n) => {
|
|
72
71
|
V((t) => ({ ...t, [r]: n })), f(r), g(!0), d == null || d(r, n);
|
|
73
72
|
}, H = (r) => {
|
|
74
|
-
f(r),
|
|
73
|
+
f(r), S || g(!0);
|
|
75
74
|
}, J = (r) => {
|
|
76
75
|
var n, t;
|
|
77
|
-
|
|
78
|
-
}, U = (r) => c ?
|
|
76
|
+
x == null || x(r), g(!1), f(null), o && ((t = (n = D.current[o]) == null ? void 0 : n.querySelector("input")) == null || t.blur());
|
|
77
|
+
}, U = (r) => c ? a.every((n) => {
|
|
79
78
|
const t = n.columnKey ?? n.key;
|
|
80
79
|
return String(r[t] ?? "") === String(c[t] ?? "");
|
|
81
80
|
}) : !1, X = (r) => {
|
|
@@ -98,7 +97,7 @@ import '../../assets/index4.css';const rr = "_container_1kajw_1", nr = "_inputs_
|
|
|
98
97
|
{
|
|
99
98
|
className: `${$.inputs} ${E || ""}`,
|
|
100
99
|
...P,
|
|
101
|
-
children:
|
|
100
|
+
children: a.map((r) => /* @__PURE__ */ i(
|
|
102
101
|
"div",
|
|
103
102
|
{
|
|
104
103
|
className: $.inputWrapper,
|
|
@@ -144,7 +143,7 @@ import '../../assets/index4.css';const rr = "_container_1kajw_1", nr = "_inputs_
|
|
|
144
143
|
t.preventDefault(), t.stopPropagation(), J(r);
|
|
145
144
|
},
|
|
146
145
|
style: { padding: 0, gap: 0 },
|
|
147
|
-
children:
|
|
146
|
+
children: a.map(({ key: t, columnKey: p, columnHeader: y }) => /* @__PURE__ */ O(
|
|
148
147
|
"div",
|
|
149
148
|
{
|
|
150
149
|
className: e.tableColumn,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as p, jsx as l, Fragment as G } from "react/jsx-runtime";
|
|
2
2
|
import { useState as J, useRef as C, useEffect as K, useMemo as de } from "react";
|
|
3
3
|
import { createPortal as Re } from "react-dom";
|
|
4
|
-
import { s as e } from "../../Select.module-
|
|
4
|
+
import { s as e } from "../../Select.module-C2pwN-re.js";
|
|
5
5
|
import { Icon as W } from "../../icons/Icon.js";
|
|
6
6
|
import { HelperText as We } from "../helperText/index.js";
|
|
7
7
|
import { FieldError as xe } from "../fieldError/index.js";
|
|
@@ -153,7 +153,6 @@ const nr = ({
|
|
|
153
153
|
dropdownRef: T,
|
|
154
154
|
size: c,
|
|
155
155
|
optionsLength: Q.length,
|
|
156
|
-
isSearchable: s,
|
|
157
156
|
label: x,
|
|
158
157
|
helperText: P,
|
|
159
158
|
displayError: _
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as D, Fragment as w, jsx as u } from "react/jsx-runtime";
|
|
2
|
-
import { Icon as
|
|
3
|
-
import '../../assets/index.css';const $ = "_badge_1pm65_1", k = "_disabled_1pm65_14", v = "_fullWidth_1pm65_18", x = "_medium_1pm65_22", W = "_small_1pm65_26",
|
|
2
|
+
import { Icon as m } from "../../icons/Icon.js";
|
|
3
|
+
import '../../assets/index.css';const $ = "_badge_1pm65_1", k = "_disabled_1pm65_14", v = "_fullWidth_1pm65_18", x = "_medium_1pm65_22", W = "_small_1pm65_26", a = {
|
|
4
4
|
badge: $,
|
|
5
5
|
disabled: k,
|
|
6
6
|
fullWidth: v,
|
|
@@ -8,21 +8,21 @@ import '../../assets/index.css';const $ = "_badge_1pm65_1", k = "_disabled_1pm65
|
|
|
8
8
|
small: W
|
|
9
9
|
}, j = ({
|
|
10
10
|
variant: l,
|
|
11
|
-
style:
|
|
11
|
+
style: f,
|
|
12
12
|
size: t = "large",
|
|
13
13
|
iconAfter: e,
|
|
14
14
|
iconBefore: n,
|
|
15
|
-
outline:
|
|
15
|
+
outline: d = !1,
|
|
16
16
|
className: s,
|
|
17
17
|
children: r,
|
|
18
18
|
fullWidth: c = !1,
|
|
19
19
|
...C
|
|
20
20
|
}) => {
|
|
21
21
|
const E = {
|
|
22
|
-
small: "
|
|
23
|
-
medium: "
|
|
24
|
-
large: "
|
|
25
|
-
},
|
|
22
|
+
small: "small4Regular",
|
|
23
|
+
medium: "small3Regular",
|
|
24
|
+
large: "small3Regular"
|
|
25
|
+
}, o = {
|
|
26
26
|
small: 16,
|
|
27
27
|
medium: 18,
|
|
28
28
|
large: 20
|
|
@@ -63,7 +63,7 @@ import '../../assets/index.css';const $ = "_badge_1pm65_1", k = "_disabled_1pm65
|
|
|
63
63
|
default: "#64748B",
|
|
64
64
|
outline: "#F1F5F9"
|
|
65
65
|
}
|
|
66
|
-
},
|
|
66
|
+
}, g = {
|
|
67
67
|
brand: {
|
|
68
68
|
default: "#FFF",
|
|
69
69
|
outline: "#2054A5"
|
|
@@ -110,24 +110,24 @@ import '../../assets/index.css';const $ = "_badge_1pm65_1", k = "_disabled_1pm65
|
|
|
110
110
|
negative: "#DC2626",
|
|
111
111
|
disabled: "#2054A5",
|
|
112
112
|
inactive: "#475569"
|
|
113
|
-
}, b =
|
|
113
|
+
}, b = d ? F[l].outline : F[l].default, i = d ? g[l].outline : g[l].default, p = d ? h[l] : "transparent", A = `${E[t]} ${a.badge} ${a[l]} ${a[t]} ${d ? a.outline : ""} ${c ? a.fullWidth : ""} ${s || ""}`, _ = /* @__PURE__ */ D(w, { children: [
|
|
114
114
|
n && /* @__PURE__ */ u(
|
|
115
|
-
|
|
115
|
+
m,
|
|
116
116
|
{
|
|
117
117
|
...n,
|
|
118
|
-
width: n.width ??
|
|
119
|
-
height: n.height ??
|
|
120
|
-
fill: n.fill ??
|
|
118
|
+
width: n.width ?? o[t],
|
|
119
|
+
height: n.height ?? o[t],
|
|
120
|
+
fill: n.fill ?? i
|
|
121
121
|
}
|
|
122
122
|
),
|
|
123
123
|
r,
|
|
124
124
|
e && /* @__PURE__ */ u(
|
|
125
|
-
|
|
125
|
+
m,
|
|
126
126
|
{
|
|
127
127
|
...e,
|
|
128
|
-
width: e.width ??
|
|
129
|
-
height: e.height ??
|
|
130
|
-
fill: e.fill ??
|
|
128
|
+
width: e.width ?? o[t],
|
|
129
|
+
height: e.height ?? o[t],
|
|
130
|
+
fill: e.fill ?? i
|
|
131
131
|
}
|
|
132
132
|
)
|
|
133
133
|
] });
|
|
@@ -136,10 +136,10 @@ import '../../assets/index.css';const $ = "_badge_1pm65_1", k = "_disabled_1pm65
|
|
|
136
136
|
{
|
|
137
137
|
className: A,
|
|
138
138
|
style: {
|
|
139
|
-
color:
|
|
139
|
+
color: i,
|
|
140
140
|
backgroundColor: b,
|
|
141
141
|
border: `1px solid ${p}`,
|
|
142
|
-
...
|
|
142
|
+
...f
|
|
143
143
|
},
|
|
144
144
|
...C,
|
|
145
145
|
children: _
|
|
@@ -6,11 +6,9 @@ interface UseDropdownPositionOptions {
|
|
|
6
6
|
dropdownRef: RefObject<HTMLElement | null>;
|
|
7
7
|
size: SelectSize;
|
|
8
8
|
optionsLength: number;
|
|
9
|
-
/** Activa el offset por boxShadow del focus ring (true en Select searchable). */
|
|
10
|
-
isSearchable?: boolean;
|
|
11
9
|
label?: string;
|
|
12
10
|
helperText?: string;
|
|
13
11
|
displayError?: string;
|
|
14
12
|
}
|
|
15
|
-
export declare const useDropdownPosition: ({ isOpen, containerRef, dropdownRef, size, optionsLength,
|
|
13
|
+
export declare const useDropdownPosition: ({ isOpen, containerRef, dropdownRef, size, optionsLength, label, helperText, displayError, }: UseDropdownPositionOptions) => import('react').CSSProperties | undefined;
|
|
16
14
|
export {};
|
|
@@ -1,46 +1,45 @@
|
|
|
1
|
-
import { useState as
|
|
2
|
-
const
|
|
3
|
-
isOpen:
|
|
1
|
+
import { useState as D, useLayoutEffect as F } from "react";
|
|
2
|
+
const k = ({
|
|
3
|
+
isOpen: l,
|
|
4
4
|
containerRef: r,
|
|
5
5
|
dropdownRef: s,
|
|
6
6
|
size: a,
|
|
7
|
-
optionsLength:
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
displayError: p
|
|
7
|
+
optionsLength: g,
|
|
8
|
+
label: d,
|
|
9
|
+
helperText: w,
|
|
10
|
+
displayError: m
|
|
12
11
|
}) => {
|
|
13
|
-
const [
|
|
14
|
-
return
|
|
15
|
-
const
|
|
16
|
-
if (
|
|
17
|
-
const o = r.current.getBoundingClientRect(), e = s.current.offsetHeight,
|
|
18
|
-
const { label:
|
|
19
|
-
return { top:
|
|
20
|
-
}, { top:
|
|
21
|
-
label:
|
|
22
|
-
helperText:
|
|
23
|
-
displayError:
|
|
12
|
+
const [h, b] = D();
|
|
13
|
+
return F(() => {
|
|
14
|
+
const f = document.body.style.overflow === "hidden", t = () => {
|
|
15
|
+
if (l && r.current && s.current) {
|
|
16
|
+
const o = r.current.getBoundingClientRect(), e = s.current.offsetHeight, x = window.innerHeight, S = (E) => {
|
|
17
|
+
const { label: H, helperText: z, displayError: A } = E;
|
|
18
|
+
return { top: H ? 0 : 3, bottom: !z && !A ? 3 : 0 };
|
|
19
|
+
}, { top: p, bottom: u } = S({
|
|
20
|
+
label: d,
|
|
21
|
+
helperText: w,
|
|
22
|
+
displayError: m
|
|
24
23
|
}), n = {
|
|
25
24
|
small: 1,
|
|
26
25
|
//Meter gap en small
|
|
27
26
|
medium: 2,
|
|
28
27
|
large: 4,
|
|
29
28
|
extraLarge: 4
|
|
30
|
-
}[a],
|
|
29
|
+
}[a], y = o.bottom + n + u, i = x - y, c = o.top - n - p, B = (
|
|
31
30
|
//si no hay espacio abajo pero sí arriba, se muestra arriba con separación dependiendo del size y tamaño del label
|
|
32
|
-
|
|
33
|
-
),
|
|
31
|
+
i < e && c >= e ? o.top + window.scrollY - e - n - p : o.bottom + window.scrollY + n + u
|
|
32
|
+
), L = i < e && c >= e ? (
|
|
34
33
|
//si no cabe abajo, pero si arriba, se coloca con el tamaño mas pequeño entre 300 px y el espacio que hay arriba -15 px de margen (para que cuadre con el margen de los overlays de los modales etc)
|
|
35
|
-
Math.min(
|
|
34
|
+
Math.min(c - 15, 300)
|
|
36
35
|
) : (
|
|
37
36
|
//si tiene espacio abajo, se calcula la altura igual que arriba pero teniendo en cuenta el espacio que tiene abajo
|
|
38
|
-
Math.min(
|
|
37
|
+
Math.min(i - 15, 300)
|
|
39
38
|
);
|
|
40
|
-
|
|
39
|
+
b({
|
|
41
40
|
position: "absolute",
|
|
42
|
-
top:
|
|
43
|
-
maxHeight:
|
|
41
|
+
top: B,
|
|
42
|
+
maxHeight: f ? L : 300,
|
|
44
43
|
//si document tiene scroll bloqueado (está abierto este componente en un overlay de Modal, por ejemplo), se utiliza la altura máxima calculada, sino, 300px (de este modo, en overlays se ve siempre completo el listado, independientemente de la altura de la ventana, y en flujo normal tiene su altura máxima natural de 300px)
|
|
45
44
|
left: o.left + window.scrollX,
|
|
46
45
|
width: o.width,
|
|
@@ -49,24 +48,23 @@ const q = ({
|
|
|
49
48
|
}
|
|
50
49
|
};
|
|
51
50
|
t();
|
|
52
|
-
const
|
|
51
|
+
const v = requestAnimationFrame(() => {
|
|
53
52
|
t();
|
|
54
53
|
});
|
|
55
54
|
return window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
|
|
56
|
-
cancelAnimationFrame(
|
|
55
|
+
cancelAnimationFrame(v), window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
|
|
57
56
|
};
|
|
58
57
|
}, [
|
|
59
|
-
|
|
58
|
+
l,
|
|
60
59
|
a,
|
|
61
60
|
r,
|
|
62
61
|
s,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
]), f;
|
|
62
|
+
g,
|
|
63
|
+
d,
|
|
64
|
+
m,
|
|
65
|
+
w
|
|
66
|
+
]), h;
|
|
69
67
|
};
|
|
70
68
|
export {
|
|
71
|
-
|
|
69
|
+
k as useDropdownPosition
|
|
72
70
|
};
|
package/dist/icons/Icon.js
CHANGED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as q } from "react/jsx-runtime";
|
|
2
|
+
const V = (a) => /* @__PURE__ */ q("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 74 29", width: "1em", height: "1em", ...a, children: /* @__PURE__ */ q("path", { fill: "#2054A5", d: "M10.247 27.236q4.575 0 6.75-.799 2.171-.798 3.456-2.643 1.282-1.845 1.283-3.899 0-2.92-2.712-5.369 1.946-2.67 1.945-4.989 0-3.165-2.751-5.278Q15.96 2.54 12.215 2.54H1.905v26.455H0V.722h11.965q4.844 0 7.741 2.402 3.023 2.526 3.022 6.252 0 2.608-1.47 4.782 2.277 2.753 2.278 5.755 0 2.671-1.74 5.092a8.4 8.4 0 0 1-4.18 3.104q-2.589.89-7.369.891zm0-1.509v-1.738q3.126 0 4.39-.352 1.614-.434 2.482-1.469a4.13 4.13 0 0 0 1.036-2.774q.001-1.427-.746-2.484-.745-1.056-2.65-2.38 2.587-2.09 2.587-4.41 0-1.137-.579-2.1a3.88 3.88 0 0 0-1.593-1.48 5.6 5.6 0 0 0-1.698-.56q-.828-.123-3.229-.124H5.383v23.142H3.52V4.118h7.017q2.236 0 3.311.135 1.074.134 2.008.59 1.347.577 2.297 2.059.951 1.48.952 3.178-.001 2.319-1.76 4.45 2.524 2.05 2.524 4.99 0 2.276-1.479 3.85-1.481 1.57-4.047 2.07-.807.144-1.832.217-1.025.072-2.268.072zM8.84 28.998H6.976V7.347h3.666q2.338 0 3.29.414.683.29 1.14 1.046a3.2 3.2 0 0 1 .454 1.686q0 2.483-2.69 2.981a11 11 0 0 1-1.024.103q-.63.042-1.563.042V11.88q1.884 0 2.692-.31.806-.311.807-1.096c0-.523-.212-.873-.632-1.087q-.631-.32-2.225-.321h-2.05V29zm1.408-13.724.974.02q1.303.001 2.205.208.9.206 1.438.6 1.448 1.076 1.448 2.878 0 1.448-.93 2.34-.933.889-2.773 1.178-.416.042-.89.063-.476.02-1.47.02v-1.698q1.201 0 1.988-.135a5.3 5.3 0 0 0 1.324-.382q.869-.414.869-1.428a1.6 1.6 0 0 0-.477-1.18q-.434-.496-1.221-.683-.435-.063-1.211-.115a20 20 0 0 0-1.274-.052v-1.636zM61.603 28.998H59.74V15.045q0-5.183-.704-7.151-1.116-3.172-4.14-4.81-2.152-1.161-4.47-1.16a8.8 8.8 0 0 0-3.446.677q-1.603.679-3.426 2.241a20 20 0 0 0-1.82-1.364 11 11 0 0 0-1.656-.9q-1.532-.655-3.416-.655-3.084 0-5.568 1.682-2.03 1.39-2.816 3.488-.787 2.097-.787 6V29H25.65V12.925q0-4.06.6-5.862Q27.365 3.5 30.904 1.51C32.725.503 34.57 0 36.431 0c2.155 0 4.526.744 7.121 2.235q1.635-1.107 3.334-1.672A10.9 10.9 0 0 1 50.342 0q3.415 0 6.375 1.927 3.416 2.218 4.387 6.156.498 1.99.497 6.862V29zm-3.478 0h-1.82v-14.01q0-3.153-.228-4.576-.228-1.421-.827-2.46-.682-1.099-2.008-1.774a6.2 6.2 0 0 0-2.856-.676 6.45 6.45 0 0 0-2.515.509q-1.21.509-1.873 1.36-.724.934-1.096 2.386a13 13 0 0 0-.247 1.619 23 23 0 0 0-.083 2.136v15.484H42.69v-14.4q.001-3.006-.31-4.505-.31-1.503-1.16-2.56-.745-.932-1.998-1.502a6.34 6.34 0 0 0-2.66-.57q-2.338 0-3.932 1.451-.994.934-1.416 2.527-.425 1.594-.425 4.62v14.939h-1.82V14.142q-.001-3.232.227-4.556.228-1.327.972-2.55.993-1.699 2.981-2.693a7.7 7.7 0 0 1 3.478-.829q2.132.001 3.736.89t3.198 3.023q1.41-1.863 2.61-2.657 1.862-1.256 4.16-1.256 2.629 0 4.801 1.598 1.782 1.287 2.392 3.184t.61 6.216v14.484zm-17.097 0h-1.885V14.462q0-3.082-.29-4.011a1.87 1.87 0 0 0-.776-1.065 2.24 2.24 0 0 0-1.294-.404q-.889 0-1.5.537-.611.538-.757 1.447-.062.35-.105 1.22-.04.869-.042 2.296v14.516h-1.883V14.369q.001-3.667.455-4.95.371-1.035 1.428-1.72a4.2 4.2 0 0 1 2.34-.684q1.8 0 3.043 1.263.745.788 1.004 2.052.26 1.265.26 3.957v14.711zm13.66 0h-1.862V14.597q0-3.399-.414-4.434-.206-.478-.765-.849a2.3 2.3 0 0 0-1.2-.332q-1.782 0-2.196 1.74-.081.438-.144 1.45a45 45 0 0 0-.063 2.674V29H46.12V14.766q0-2.529.125-3.605a6.9 6.9 0 0 1 .497-1.948q.435-.911 1.458-1.512a4.36 4.36 0 0 1 2.247-.602c.815 0 1.581.203 2.255.612q1.014.612 1.449 1.647.35.83.454 1.678 0 .084.043 1.263.04 1.183.042 2.3V29zM66.322.722v28.276H64.44V.722zm3.519 0v28.276h-1.885V.722zm3.518 0v28.276h-1.885V.722z" }) });
|
|
3
|
+
export {
|
|
4
|
+
V as default
|
|
5
|
+
};
|
|
@@ -1,20 +1,37 @@
|
|
|
1
|
-
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
-
const t = (e) => /* @__PURE__ */
|
|
1
|
+
import { jsxs as s, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
const t = (e) => /* @__PURE__ */ s(
|
|
3
3
|
"svg",
|
|
4
4
|
{
|
|
5
5
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6
6
|
fill: "none",
|
|
7
|
-
viewBox: "0 0
|
|
7
|
+
viewBox: "0 0 40 40",
|
|
8
8
|
width: "1em",
|
|
9
9
|
height: "1em",
|
|
10
10
|
...e,
|
|
11
|
-
children:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
children: [
|
|
12
|
+
/* @__PURE__ */ l(
|
|
13
|
+
"mask",
|
|
14
|
+
{
|
|
15
|
+
id: "close_svg__a",
|
|
16
|
+
width: 40,
|
|
17
|
+
height: 40,
|
|
18
|
+
x: 0,
|
|
19
|
+
y: 0,
|
|
20
|
+
maskUnits: "userSpaceOnUse",
|
|
21
|
+
style: {
|
|
22
|
+
maskType: "alpha"
|
|
23
|
+
},
|
|
24
|
+
children: /* @__PURE__ */ l("path", { fill: "currentColor", d: "M0 0h40v40H0z" })
|
|
25
|
+
}
|
|
26
|
+
),
|
|
27
|
+
/* @__PURE__ */ l("g", { mask: "url(#close_svg__a)", children: /* @__PURE__ */ l(
|
|
28
|
+
"path",
|
|
29
|
+
{
|
|
30
|
+
fill: "currentColor",
|
|
31
|
+
d: "m20 23.056-8 8q-.639.639-1.528.639a2.08 2.08 0 0 1-1.527-.64 2.08 2.08 0 0 1-.64-1.527q0-.89.64-1.528l8-8-8-8a2.08 2.08 0 0 1-.64-1.528q0-.888.64-1.527.639-.64 1.527-.64.89 0 1.528.64l8 8 8-8q.639-.64 1.528-.64.89 0 1.528.64.639.639.639 1.527 0 .89-.64 1.528l-8 8 8 8q.64.639.64 1.528 0 .89-.64 1.528-.638.639-1.527.639a2.08 2.08 0 0 1-1.528-.64z"
|
|
32
|
+
}
|
|
33
|
+
) })
|
|
34
|
+
]
|
|
18
35
|
}
|
|
19
36
|
);
|
|
20
37
|
export {
|
|
@@ -26,6 +26,7 @@ export { default as Article } from './Article';
|
|
|
26
26
|
export { default as AttachFile } from './AttachFile';
|
|
27
27
|
export { default as BmiAhorro } from './BmiAhorro';
|
|
28
28
|
export { default as BmiAhorroBackoffice } from './BmiAhorroBackoffice';
|
|
29
|
+
export { default as BmiCompaniesLogo } from './BmiCompaniesLogo';
|
|
29
30
|
export { default as BmiLogoWhite } from './BmiLogoWhite';
|
|
30
31
|
export { default as BrokenImage } from './BrokenImage';
|
|
31
32
|
export { default as BusinessCenter } from './BusinessCenter';
|