bmi-next-brokers 2.5.6 → 2.5.7
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-D_7bjq9u.js +59 -0
- package/dist/assets/index10.css +1 -1
- package/dist/assets/index11.css +1 -1
- package/dist/assets/index12.css +1 -1
- package/dist/assets/index13.css +1 -1
- package/dist/assets/index14.css +1 -1
- package/dist/assets/index15.css +1 -0
- package/dist/assets/index4.css +1 -1
- package/dist/assets/index5.css +1 -1
- package/dist/assets/index6.css +1 -1
- package/dist/assets/index7.css +1 -1
- package/dist/assets/index8.css +1 -1
- package/dist/assets/index9.css +1 -1
- package/dist/components/SearchableInputGroup/index.d.ts +29 -0
- package/dist/components/SearchableInputGroup/index.js +103 -0
- package/dist/components/Select/Select.js +235 -332
- package/dist/components/drawer/index.js +1 -1
- package/dist/components/fieldError/index.js +1 -1
- package/dist/components/helperText/index.js +1 -1
- package/dist/components/modal/index.js +1 -1
- package/dist/components/navbar/menuItem/index.js +1 -1
- package/dist/components/scrollContainer/index.js +1 -1
- package/dist/components/sheet/index.js +1 -1
- package/dist/components/stepper/index.js +1 -1
- package/dist/components/tab/index.js +1 -1
- package/dist/components/tab/tabGroup/index.js +1 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/hooks/useDropdownPosition.d.ts +16 -0
- package/dist/hooks/useDropdownPosition.js +72 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.js +50 -48
- package/package.json +1 -1
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import './assets/Select.css';const e = "_selectContainer_ystc6_23", t = "_disabled_ystc6_39", o = "_selectContainer_medium_ystc6_57", n = "_selectContainer_large_ystc6_65", c = "_selectContainer_extraLarge_ystc6_67", _ = "_label_ystc6_85", r = "_label_large_ystc6_107", s = "_label_extraLarge_ystc6_109", i = "_label_inverted_ystc6_117", l = "_selectWrapper_ystc6_135", a = "_select_ystc6_23", p = "_open_ystc6_225", d = "_small_ystc6_247", y = "_medium_ystc6_269", h = "_large_ystc6_291", b = "_extraLarge_ystc6_313", u = "_selectValue_ystc6_341", g = "_selectInput_ystc6_361", m = "_placeholder_ystc6_411", v = "_error_ystc6_439", w = "_btc_ystc6_467", C = "_errorShake_ystc6_1", W = "_inverted_ystc6_597", x = "_chevron_ystc6_641", S = "_icon_inverted_ystc6_649", D = "_chevronOpen_ystc6_741", L = "_icon_ystc6_649", k = "_iconLabel_ystc6_785", I = "_optionIcon_ystc6_807", V = "_required_ystc6_829", q = "_required_inverted_ystc6_839", H = "_dropdown_ystc6_857", T = "_highlight_ystc6_891", O = "_isDrawer_ystc6_907", P = "_dropdownPortal_ystc6_953", R = "_drawerSelect_ystc6_979", f = "_drawerSelectHeader_ystc6_987", j = "_drawerSearchInput_ystc6_995", z = "_option_ystc6_807", A = "_optionSelected_ystc6_1027", B = "_optionWithCheckbox_ystc6_1119", E = "_optionCheckbox_ystc6_1131", F = "_optionWithDescriptionWrapper_ystc6_1219", G = "_optionWithDescription_ystc6_1219", J = "_optionWithDescriptionLabel_ystc6_1251", K = "_optionWithDescriptionValue_ystc6_1263", M = "_dropdownTable_ystc6_1283", N = "_optionTable_ystc6_1293", Q = "_tableColumn_ystc6_1309", U = "_columnHeader_ystc6_1325", X = "_columnValue_ystc6_1341", Y = "_noResults_ystc6_1375", Z = "_dropdown_inverted_ystc6_1403", $ = "_option_inverted_ystc6_1449", ee = {
|
|
2
|
+
selectContainer: e,
|
|
3
|
+
disabled: t,
|
|
4
|
+
selectContainer_medium: o,
|
|
5
|
+
selectContainer_large: n,
|
|
6
|
+
selectContainer_extraLarge: c,
|
|
7
|
+
label: _,
|
|
8
|
+
label_large: r,
|
|
9
|
+
label_extraLarge: s,
|
|
10
|
+
label_inverted: i,
|
|
11
|
+
selectWrapper: l,
|
|
12
|
+
select: a,
|
|
13
|
+
open: p,
|
|
14
|
+
small: d,
|
|
15
|
+
medium: y,
|
|
16
|
+
large: h,
|
|
17
|
+
extraLarge: b,
|
|
18
|
+
selectValue: u,
|
|
19
|
+
selectInput: g,
|
|
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: k,
|
|
30
|
+
optionIcon: I,
|
|
31
|
+
required: V,
|
|
32
|
+
required_inverted: q,
|
|
33
|
+
dropdown: H,
|
|
34
|
+
highlight: T,
|
|
35
|
+
isDrawer: O,
|
|
36
|
+
dropdownPortal: P,
|
|
37
|
+
drawerSelect: R,
|
|
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/index10.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrapper_1vsiq_1{width:100%}._wrapper_1vsiq_1::-webkit-scrollbar{height:5px;width:5px}._wrapper_1vsiq_1::-webkit-scrollbar-track{background:transparent;border-radius:6px}._wrapper_1vsiq_1::-webkit-scrollbar-thumb{background:#94a3b8;box-shadow:0 2px 3px #0000001f;border-radius:6px}._wrapper_1vsiq_1::-webkit-scrollbar-corner{background:transparent}
|
package/dist/assets/index11.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._message_1i3kg_1{font-family:var(--font-medium);color:#e74c3c;margin-left:4px;animation:_slideIn_1i3kg_1 .3s ease-out;transform-origin:top}._small_1i3kg_9{font-size:10px}._medium_1i3kg_13{font-size:12px}._large_1i3kg_17,._extraLarge_1i3kg_18{font-size:14px}._inverted_1i3kg_22{color:var(--Content-Negative-Default-Active, #f87171)!important}@keyframes _slideIn_1i3kg_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)}}
|
package/dist/assets/index12.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._message_1g6oj_1{color:#acacac;margin-left:4px}._small_1g6oj_6,._medium_1g6oj_10{font-size:11px}._large_1g6oj_14,._extraLarge_1g6oj_15{font-size:13px}._inverted_1g6oj_19,._disabled_1g6oj_23._inverted_1g6oj_19{color:var(--Content-Neutral-Default-Default, #fafafa)}
|
package/dist/assets/index13.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._overlay_1fhs2_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;animation:_fadeIn_1fhs2_1 .25s ease-in-out;overflow:hidden}._overlay_1fhs2_1._closing_1fhs2_12{animation:_fadeOut_1fhs2_1 .25s ease-in-out forwards}@keyframes _fadeIn_1fhs2_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1fhs2_1{0%{opacity:1}to{opacity:0}}._bottomDrawer_1fhs2_36{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-radius:16px 16px 0 0;animation:_slideUp_1fhs2_1 .35s cubic-bezier(.4,0,.2,1);padding-top:7px;padding-bottom:calc(env(safe-area-inset-bottom) + 10px);touch-action:none}@keyframes _slideUp_1fhs2_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._header_1fhs2_60{display:flex;flex-direction:column;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}._header_1fhs2_60:active{cursor:grabbing}._indicator_1fhs2_73{width:31px;height:4px;background-color:#0000001a;border-radius:20px;position:absolute;left:50%;transform:translate(-50%)}._drawer_1fhs2_83{display:flex;flex-direction:column;padding-inline:15px;gap:19px}._closeDiv_1fhs2_90{cursor:pointer;display:flex;align-items:center;justify-content:end;padding-inline:7px}._closeIcon_1fhs2_98{display:flex;flex-direction:column;justify-content:center;align-items:center}._drawerHeader_1fhs2_105{display:flex}._drawerContent_1fhs2_109{display:flex;flex-direction:column;align-items:start;width:100%;gap:19px;overflow-y:auto}._drawerContent_1fhs2_109::-webkit-scrollbar{display:none}._drawerFooter_1fhs2_122{display:flex;align-items:center;gap:19px}._button_1fhs2_128{display:flex}
|
package/dist/assets/index14.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._overlay_80w8b_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:2000;animation:_fadeIn_80w8b_1 .25s ease-in-out;overflow:hidden}._overlay_80w8b_1._closing_80w8b_16{animation:_fadeOut_80w8b_1 .25s ease-in-out forwards}._nav_80w8b_20{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;gap:10px;margin-block:16px;color:#2054a5;padding-inline:16px}._arrowBack_80w8b_32{cursor:pointer}._title_80w8b_36{font-family:var(--font-medium);font-size:16px;font-weight:600;line-height:normal}._content_80w8b_43{width:100%;display:flex;flex-direction:column;padding-bottom:calc(env(safe-area-inset-bottom) + 16px);background-color:#fff}._mainContent_80w8b_51{display:flex;height:100%;width:100%;animation:_slideIn_80w8b_1 .45s cubic-bezier(.4,0,.2,1) forwards;transform:translate(0)}._closing_80w8b_16{animation:_slideOut_80w8b_1 .45s cubic-bezier(.4,0,.2,1) forwards}._contentInner_80w8b_63{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow-y:auto;overscroll-behavior:none;flex:1;padding-inline:16px}._contentInner_80w8b_63::-webkit-scrollbar{display:none}@keyframes _fadeIn_80w8b_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_80w8b_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_80w8b_1{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes _slideOut_80w8b_1{0%{transform:translate(0)}to{transform:translate(-100%)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._menuItem_1560u_1{display:flex;justify-content:space-between;align-items:center;gap:9px;cursor:pointer;color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5);border:1px solid transparent;background-color:transparent;border-radius:16px;padding:8px}._menuItem_1560u_1>._contentWrapper_1560u_15{display:flex;align-items:center;gap:9px;min-width:0;width:100%}._menuItem_1560u_1>._contentWrapper_1560u_15>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._menuItem_1560u_1:not(._activeItem_1560u_29):not(._ahorro_1560u_29):active{color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );border-color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 );background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) )}._menuItem_1560u_1:not(:active):not(._activeItem_1560u_29):not(._ahorro_1560u_29):hover{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-10, rgba(69, 194, 214, .1) );color:var( --Complementarios-Azul-BMI-Oscuro-Compl-1-Azul-BMI-Oscuro, #003a70 )}._menuItem_1560u_1._ahorro_1560u_29:not(._activeItem_1560u_29):active{border-color:#2054a5;background-color:#fffce7}._menuItem_1560u_1._ahorro_1560u_29:not(:active):not(._activeItem_1560u_29):hover{background-color:#fffce7}._activeItem_1560u_29{background-color:var( --Complementarios-Turquesa-Compl-2-Transparencias-Turquesa-20, rgba(69, 194, 214, .2) );color:var(--Azul-BMI-Digital-ColorAzul-BMI-Digital, #2054a5)}._activeItem_1560u_29._ahorro_1560u_29{background-color:#fff7cb}._iconBefore_1560u_76{display:flex;justify-content:center;align-items:center;margin-left:auto;flex-shrink:0}
|
package/dist/assets/index4.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1kajw_1{display:flex;flex-direction:column;width:100%}._inputs_1kajw_7{display:flex;gap:12px;width:100%}._inputWrapper_1kajw_13{flex:1;min-width:0}
|
package/dist/assets/index5.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._stepsContainer_176gx_1{display:flex;flex-direction:column;align-items:center;width:100%}._stepWrapper_176gx_8{display:flex;justify-content:center;align-items:center;width:100%}._step_176gx_1{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}._iconLine_176gx_25{display:flex;justify-content:center;align-items:center;width:100%;gap:4px}._stepSeparator_176gx_33{flex:1;height:4px;background:#2054a5}._stepSeparatorPending_176gx_38{opacity:.3;background:#2054a5}._textWrapper_176gx_43{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-right:4px;width:100%;box-sizing:border-box;transition:all .3s ease}._stepTitle_176gx_54,._stepState_176gx_55{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--font-regular)}._start_176gx_63{text-align:start}._middle_176gx_67{text-align:center}._end_176gx_71{text-align:end}._stepTitle_176gx_54{color:#000;font-size:16px;line-height:19.2px}._stepTitle_176gx_54._stepInProgress_176gx_81{font-family:var(--font-medium)}._stepState_176gx_55{color:#000;font-size:13px;line-height:15.6px}._stepTitle_176gx_54._stepPending_176gx_91{color:#cbd5e1}._stepState_176gx_55._stepPending_176gx_91{color:#e2e8f0}._stepState_176gx_55._stepCompleted_176gx_99{color:#65a30d}._stepState_176gx_55._stepInProgress_176gx_81,._stepState_176gx_55._stepBlocked_176gx_104{color:#2054a5}._iconDiv_176gx_108{display:flex;justify-content:center;align-items:center;flex-shrink:0;aspect-ratio:1/1}._iconDiv_176gx_108 svg{width:30px;height:30px}@media (max-width: 697px){._responsive_176gx_122 ._textWrapper_176gx_43{display:none}}@media (max-width: 1280px){._responsive_176gx_122 ._iconDiv_176gx_108 svg{width:22px;height:22px}}@media (max-width: 1280px){._responsive_176gx_122 ._stepSeparator_176gx_33{height:2px}._responsive_176gx_122 ._stepTitle_176gx_54{font-size:12px;line-height:14.4px}._responsive_176gx_122 ._stepState_176gx_55{font-size:11px;line-height:13.2px}}
|
package/dist/assets/index6.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tab_d0ak3_1{position:relative;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0 16px;gap:4px;flex-shrink:0;font-family:var(--font-regular);font-weight:400;color:var(--Content-Neutral-Default-Default, #a3a3a3);box-sizing:border-box;transition:color .25s ease,box-shadow .25s ease,font-size .25s ease,height .25s ease}._tab_d0ak3_1 svg{opacity:0;transform:scale(.8);transition:opacity .25s ease,transform .25s ease}._tab_d0ak3_1._active_d0ak3_32 svg{opacity:1;transform:scale(1)}._tab_d0ak3_1._withBottomBar_d0ak3_38:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--Stroke-Brand-Active, #2054a5);transform:scaleX(0);transition:transform .3s ease-out}._tab_d0ak3_1._withShadow_d0ak3_50._withBottomBar_d0ak3_38:after{bottom:-3px}._tab_d0ak3_1._from-right_d0ak3_55._withBottomBar_d0ak3_38:after{transform-origin:left}._tab_d0ak3_1._from-left_d0ak3_59._withBottomBar_d0ak3_38:after{transform-origin:right}._tab_d0ak3_1._active_d0ak3_32{color:var(--Content-Brand-Default-Active, #2054a5);font-weight:600}._tab_d0ak3_1._active_d0ak3_32._withBottomBar_d0ak3_38:after{transform:scaleX(1)}._tab_d0ak3_1._large_d0ak3_74{height:56px;font-size:16px}._tab_d0ak3_1._active_d0ak3_32._large_d0ak3_74{font-size:20px}._tab_d0ak3_1._medium_d0ak3_83{height:52px;font-size:14px}._tab_d0ak3_1._medium_d0ak3_83._active_d0ak3_32{font-size:18px}._tab_d0ak3_1._small_d0ak3_92{height:46px;font-size:14px}._tab_d0ak3_1._small_d0ak3_92._active_d0ak3_32{font-size:16px}._tab_d0ak3_1:hover:not(._active_d0ak3_32){font-weight:600}._tab_d0ak3_1._active_d0ak3_32:hover,._tab_d0ak3_1._active_d0ak3_32:active{font-weight:700}._tab_d0ak3_1._withShadow_d0ak3_50:active,._tab_d0ak3_1._active_d0ak3_32._withShadow_d0ak3_50:active{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._hintWrapper_d0ak3_118{display:inline-flex;align-items:center;cursor:default}._hintWrapper_d0ak3_118 svg{opacity:1;transform:scale(1)}._tooltip_d0ak3_129{position:fixed;background:#fff;color:var(--Stroke-Brand-Active, #2054a5);border:1px solid var(--Stroke-Brand-Active, #2054a5);font-size:12px;font-weight:400;padding:6px 10px;border-radius:126px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0000001a;z-index:9999;animation:_tooltipIn_d0ak3_1 .25s ease forwards}@keyframes _tooltipIn_d0ak3_1{0%{opacity:0;filter:blur(4px);transform:translate(-50%,-100%) scale(.95) translateY(4px)}to{opacity:1;filter:blur(0px);transform:translate(-50%,-100%) scale(1) translateY(0)}}
|
package/dist/assets/index7.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_is0tb_1{display:flex;align-items:center;gap:4px;width:100%}._chevron_is0tb_8{display:flex;justify-content:center;align-items:center;padding:0 4px;cursor:pointer;border:none;background:transparent;height:100%}._wrapper_is0tb_19{display:flex;align-items:center;overflow-x:auto;scroll-behavior:smooth;gap:24px;flex:1}._wrapper_is0tb_19._withShadow_is0tb_28{padding:3px}._wrapper_is0tb_19::-webkit-scrollbar{display:none}
|
package/dist/assets/index8.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._modalOverlay_1hyzx_1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;animation:_overlayFadeIn_1hyzx_1 .25s ease-in-out forwards;overflow:hidden}._modalOverlay_1hyzx_1._closing_1hyzx_15{animation:_overlayFadeOut_1hyzx_1 .25s ease-in-out forwards}@keyframes _overlayFadeIn_1hyzx_1{0%{opacity:0}to{opacity:1}}@keyframes _overlayFadeOut_1hyzx_1{0%{opacity:1}to{opacity:0}}._modalLayout_1hyzx_37{display:flex;gap:20px;justify-content:center;align-items:flex-start;width:100%}._modal_1hyzx_1{display:flex;flex-direction:column;border-radius:24px;background-color:#fff;box-shadow:0 4px 6px #0000001a;max-height:calc(100dvh - 15px);margin-inline:15px;width:100%}._modalHeader_1hyzx_57{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:8px}._modalHeader_1hyzx_57._withBorder_1hyzx_65{border-bottom:1px solid var(--Blacks-Transparencias-Black-20, rgba(0, 0, 0, .2))}._modalTitle_1hyzx_70{color:var(--Blacks-Black, #000);font-size:20px;font-style:normal;font-weight:600;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}._closeIcon_1hyzx_82{display:flex;flex-direction:column;border-radius:50%;background-color:#d9d9d9;align-items:center;justify-content:center;aspect-ratio:1/1;padding:6.2px;cursor:pointer;margin-left:auto}._modalBody_1hyzx_95{display:flex;flex-direction:column;flex:1;padding:0 16px 16px}._modalBody_1hyzx_95::-webkit-scrollbar{display:none}._modalFooter_1hyzx_106._withBorder_1hyzx_65{border-top:1px solid var(--Blacks-Transparencias-Black-20, rgba(0, 0, 0, .2))}._buttonsDiv_1hyzx_111{display:grid;grid-template-columns:1fr 1fr;margin-left:auto;width:fit-content;gap:19px;padding-inline:16px;margin-block:16px}._buttonsDiv_1hyzx_111._fullWidthFooter_1hyzx_121{width:100%}._buttonsDiv_1hyzx_111 :only-child{grid-column:2}
|
package/dist/assets/index9.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tooltip_mbgpt_1{position:fixed;background-color:#eef3fc;border:1px solid #2054a5;border-radius:6px;z-index:9000;font-size:12px;font-family:var(--font-regular);line-height:normal;color:#2054a5}._scrollableContent_mbgpt_13{display:flex;padding:8px;overflow-y:auto;word-wrap:break-word}._scrollableContent_mbgpt_13::-webkit-scrollbar{display:none}._tooltip_mbgpt_1:before,._tooltip_mbgpt_1:after{content:"";position:absolute;width:0;height:0}._right_mbgpt_34{transform:translateY(-50%)}._right_mbgpt_34:before{top:calc(50% + var(--arrow-offset, 0px));left:-8px;transform:translateY(-50%);border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:8px solid #2054a5}._right_mbgpt_34:after{top:calc(50% + var(--arrow-offset, 0px));left:-6px;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:7px solid #eef3fc}._left_mbgpt_59{transform:translateY(-50%)}._left_mbgpt_59:before{top:calc(50% + var(--arrow-offset, 0px));right:-8px;transform:translateY(-50%);border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:8px solid #2054a5}._left_mbgpt_59:after{top:calc(50% + var(--arrow-offset, 0px));right:-6px;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:7px solid #eef3fc}._top_mbgpt_82{transform:translate(-50%)}._top_mbgpt_82:before{bottom:-8px;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #2054a5}._top_mbgpt_82:after{bottom:-6px;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #eef3fc}._bottom_mbgpt_105{transform:translate(-50%)}._bottom_mbgpt_105:before{top:-8px;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:8px solid #2054a5}._bottom_mbgpt_105:after{top:-6px;left:calc(50% + var(--arrow-offset, 0px));transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:7px solid #eef3fc}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { SelectSize } from '../Select';
|
|
2
|
+
export interface SearchableInputGroupField {
|
|
3
|
+
key: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
/** Clave del objeto opción a mostrar en esta columna del dropdown. Por defecto usa `key`. */
|
|
7
|
+
columnKey?: string;
|
|
8
|
+
/** Cabecera de la columna en el dropdown. */
|
|
9
|
+
columnHeader?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface SearchableInputGroupProps {
|
|
12
|
+
fields: SearchableInputGroupField[];
|
|
13
|
+
/** Valores controlados que se muestran en los inputs. */
|
|
14
|
+
values?: Record<string, string>;
|
|
15
|
+
/** Resultados de búsqueda actuales, provistos por el padre. */
|
|
16
|
+
options?: Record<string, unknown>[];
|
|
17
|
+
/** Se llama al cambiar cualquier input, con la clave del campo y el nuevo valor. */
|
|
18
|
+
onSearch: (key: string, value: string) => void;
|
|
19
|
+
/** Se llama al seleccionar una fila del dropdown. */
|
|
20
|
+
onSelect?: (item: Record<string, unknown>) => void;
|
|
21
|
+
/** Mensaje cuando no hay resultados (solo visible si loading es false). */
|
|
22
|
+
noResultMessage?: string;
|
|
23
|
+
/** Mientras loading=true no se muestra el mensaje de sin resultados. */
|
|
24
|
+
loading?: boolean;
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
size?: SelectSize;
|
|
27
|
+
btc?: boolean;
|
|
28
|
+
}
|
|
29
|
+
export declare const SearchableInputGroup: ({ fields, values, options, onSearch, onSelect, noResultMessage, loading, disabled, btc, size, }: SearchableInputGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { jsxs as g, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useState as S, useRef as v, useEffect as T } from "react";
|
|
3
|
+
import { createPortal as W } from "react-dom";
|
|
4
|
+
import { Input as y } from "../Input/Input.js";
|
|
5
|
+
import { s as n } from "../../Select.module-D_7bjq9u.js";
|
|
6
|
+
import { useBTC as B } from "../../hooks/btcContext/useBtcContext.js";
|
|
7
|
+
import { useDropdownPosition as L } from "../../hooks/useDropdownPosition.js";
|
|
8
|
+
import '../../assets/index4.css';const O = "_container_1kajw_1", k = "_inputs_1kajw_7", F = "_inputWrapper_1kajw_13", p = {
|
|
9
|
+
container: O,
|
|
10
|
+
inputs: k,
|
|
11
|
+
inputWrapper: F
|
|
12
|
+
}, K = ({
|
|
13
|
+
fields: m,
|
|
14
|
+
values: N = {},
|
|
15
|
+
options: a = [],
|
|
16
|
+
onSearch: _,
|
|
17
|
+
onSelect: u,
|
|
18
|
+
noResultMessage: b = "No se encontraron resultados",
|
|
19
|
+
loading: C = !1,
|
|
20
|
+
disabled: f = !1,
|
|
21
|
+
btc: j = !1,
|
|
22
|
+
size: s = "medium"
|
|
23
|
+
}) => {
|
|
24
|
+
const { btc: I } = B(), $ = j ?? I, [h, c] = S(!1), l = v(null), i = v(null), R = h && !f, x = L({
|
|
25
|
+
isOpen: h,
|
|
26
|
+
containerRef: l,
|
|
27
|
+
dropdownRef: i,
|
|
28
|
+
size: s,
|
|
29
|
+
optionsLength: a.length,
|
|
30
|
+
isSearchable: !0
|
|
31
|
+
});
|
|
32
|
+
T(() => {
|
|
33
|
+
const e = (t) => {
|
|
34
|
+
l.current && !l.current.contains(t.target) && i.current && !i.current.contains(t.target) && c(!1);
|
|
35
|
+
};
|
|
36
|
+
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
37
|
+
}, []);
|
|
38
|
+
const D = (e, t) => {
|
|
39
|
+
_(e, t), t.trim() ? c(!0) : c(!1);
|
|
40
|
+
}, E = (e) => {
|
|
41
|
+
u == null || u(e), c(!1);
|
|
42
|
+
}, P = !C && a.length === 0;
|
|
43
|
+
return /* @__PURE__ */ g("div", { ref: l, className: p.container, children: [
|
|
44
|
+
/* @__PURE__ */ o("div", { className: p.inputs, children: m.map(({ key: e, label: t, placeholder: r }) => /* @__PURE__ */ o("div", { className: p.inputWrapper, children: /* @__PURE__ */ o(
|
|
45
|
+
y,
|
|
46
|
+
{
|
|
47
|
+
label: t,
|
|
48
|
+
placeholder: r,
|
|
49
|
+
value: N[e] ?? "",
|
|
50
|
+
onChange: (d) => D(e, d.target.value),
|
|
51
|
+
icon: "SearchIcon",
|
|
52
|
+
size: s,
|
|
53
|
+
disabled: f,
|
|
54
|
+
btc: $
|
|
55
|
+
}
|
|
56
|
+
) }, e)) }),
|
|
57
|
+
R && W(
|
|
58
|
+
/* @__PURE__ */ o(
|
|
59
|
+
"div",
|
|
60
|
+
{
|
|
61
|
+
ref: i,
|
|
62
|
+
className: [
|
|
63
|
+
n.dropdown,
|
|
64
|
+
n[s],
|
|
65
|
+
n.dropdownPortal,
|
|
66
|
+
n.dropdownTable
|
|
67
|
+
].join(" "),
|
|
68
|
+
style: x,
|
|
69
|
+
children: a.length > 0 ? a.map((e, t) => /* @__PURE__ */ o(
|
|
70
|
+
"div",
|
|
71
|
+
{
|
|
72
|
+
className: `${n.option} ${n.optionTable}`,
|
|
73
|
+
onMouseDown: (r) => {
|
|
74
|
+
r.preventDefault(), r.stopPropagation(), E(e);
|
|
75
|
+
},
|
|
76
|
+
children: m.map(({ key: r, columnKey: d, columnHeader: w }) => /* @__PURE__ */ g("div", { className: n.tableColumn, children: [
|
|
77
|
+
w && /* @__PURE__ */ o(
|
|
78
|
+
"div",
|
|
79
|
+
{
|
|
80
|
+
className: `${n.columnHeader} ${n[s]}`,
|
|
81
|
+
children: w
|
|
82
|
+
}
|
|
83
|
+
),
|
|
84
|
+
/* @__PURE__ */ o(
|
|
85
|
+
"div",
|
|
86
|
+
{
|
|
87
|
+
className: `${n.columnValue} ${n[s]}`,
|
|
88
|
+
children: String(e[d ?? r] ?? "")
|
|
89
|
+
}
|
|
90
|
+
)
|
|
91
|
+
] }, r))
|
|
92
|
+
},
|
|
93
|
+
t
|
|
94
|
+
)) : P && /* @__PURE__ */ o("span", { className: n.noResults, children: b })
|
|
95
|
+
}
|
|
96
|
+
),
|
|
97
|
+
document.getElementById("root") || document.body
|
|
98
|
+
)
|
|
99
|
+
] });
|
|
100
|
+
};
|
|
101
|
+
export {
|
|
102
|
+
K as SearchableInputGroup
|
|
103
|
+
};
|