bmi-next-brokers 2.6.2 → 2.6.4
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/AddAlert.js +36 -7
- package/dist/icons/components/Aetna.js +18 -1
- package/dist/icons/components/AnchorEmpty.js +36 -7
- package/dist/icons/components/AnchorFill.js +37 -8
- package/dist/icons/components/ArrowForward.js +37 -8
- package/dist/icons/components/ArrowTree.js +1 -1
- package/dist/icons/components/ArrowTreeDown.js +4 -4
- package/dist/icons/components/ArrowTreeRight.js +3 -3
- package/dist/icons/components/Assignment.js +37 -8
- package/dist/icons/components/CheckCircle.js +36 -7
- package/dist/icons/components/ChevronRight.js +37 -8
- package/dist/icons/components/Close.js +27 -10
- package/dist/icons/components/Comunicaciones.js +36 -7
- package/dist/icons/components/DirectorioMedico.js +9 -7
- package/dist/icons/components/DoubleArrowLeft.d.ts +3 -0
- package/dist/icons/components/DoubleArrowLeft.js +39 -0
- package/dist/icons/components/DoubleArrowRight.d.ts +3 -0
- package/dist/icons/components/DoubleArrowRight.js +39 -0
- package/dist/icons/components/Facturas.js +36 -7
- package/dist/icons/components/Female.js +18 -1
- package/dist/icons/components/Handshake.js +10 -8
- package/dist/icons/components/Headset.js +37 -8
- package/dist/icons/components/Home.js +37 -8
- package/dist/icons/components/Hospital.js +27 -4
- package/dist/icons/components/Male.js +19 -2
- package/dist/icons/components/PolizaIcon.js +10 -8
- package/dist/icons/components/Schedule.js +36 -7
- package/dist/icons/components/Stethoscope.js +35 -6
- package/dist/icons/components/Swich.js +37 -8
- package/dist/icons/components/TrendingDown.js +37 -8
- package/dist/icons/components/TrendingUp.js +10 -8
- package/dist/icons/components/WavingHand.js +36 -7
- package/dist/icons/components/index.d.ts +65 -36
- package/dist/icons/components/index.js +300 -242
- package/dist/icons/index.d.ts +3 -1
- package/dist/icons/index.js +242 -238
- package/dist/index-D4bU2RFf.js +410 -0
- package/package.json +1 -1
- package/dist/Select.module-D_7bjq9u.js +0 -59
- package/dist/index-B6ufE8jI.js +0 -406
- /package/dist/icons/components/{Rin/314/203ones.d.ts" → Ri/303/261ones.d.ts"} +0 -0
- /package/dist/icons/components/{Rin/314/203ones.js" → Ri/303/261ones.js"} +0 -0
|
@@ -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
|
@@ -1,10 +1,39 @@
|
|
|
1
1
|
import { jsxs as t, jsx as h } from "react/jsx-runtime";
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
const r = (e) => /* @__PURE__ */ t(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
fill: "none",
|
|
7
|
+
viewBox: "0 0 18 18",
|
|
8
|
+
width: "1em",
|
|
9
|
+
height: "1em",
|
|
10
|
+
...e,
|
|
11
|
+
children: [
|
|
12
|
+
/* @__PURE__ */ h(
|
|
13
|
+
"mask",
|
|
14
|
+
{
|
|
15
|
+
id: "add_alert_svg__a",
|
|
16
|
+
width: 18,
|
|
17
|
+
height: 18,
|
|
18
|
+
x: 0,
|
|
19
|
+
y: 0,
|
|
20
|
+
maskUnits: "userSpaceOnUse",
|
|
21
|
+
style: {
|
|
22
|
+
maskType: "alpha"
|
|
23
|
+
},
|
|
24
|
+
children: /* @__PURE__ */ h("path", { fill: "currentColor", d: "M0 0h18v18H0z" })
|
|
25
|
+
}
|
|
26
|
+
),
|
|
27
|
+
/* @__PURE__ */ h("g", { mask: "url(#add_alert_svg__a)", children: /* @__PURE__ */ h(
|
|
28
|
+
"path",
|
|
29
|
+
{
|
|
30
|
+
fill: "currentColor",
|
|
31
|
+
d: "M8.25 11.25h1.5v-1.5h1.5v-1.5h-1.5v-1.5h-1.5v1.5h-1.5v1.5h1.5zm-5.25 3v-1.5h1.5V7.5q0-1.556.938-2.766A4.33 4.33 0 0 1 7.874 3.15v-.525q0-.468.328-.797Q8.532 1.5 9 1.5t.797.328q.328.328.328.797v.525q1.5.375 2.438 1.584.937 1.21.937 2.766v5.25H15v1.5zm6 2.25q-.619 0-1.06-.44A1.45 1.45 0 0 1 7.5 15h3q0 .619-.44 1.06-.442.44-1.06.44m-3-3.75h6V7.5q0-1.237-.881-2.119A2.9 2.9 0 0 0 9 4.5q-1.237 0-2.119.881A2.9 2.9 0 0 0 6 7.5z"
|
|
32
|
+
}
|
|
33
|
+
) })
|
|
34
|
+
]
|
|
35
|
+
}
|
|
36
|
+
);
|
|
8
37
|
export {
|
|
9
|
-
|
|
38
|
+
r as default
|
|
10
39
|
};
|
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
-
const v = (h) => /* @__PURE__ */ c(
|
|
2
|
+
const v = (h) => /* @__PURE__ */ c(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
fill: "none",
|
|
7
|
+
viewBox: "0 0 77 15",
|
|
8
|
+
width: "1em",
|
|
9
|
+
height: "1em",
|
|
10
|
+
...h,
|
|
11
|
+
children: /* @__PURE__ */ c(
|
|
12
|
+
"path",
|
|
13
|
+
{
|
|
14
|
+
fill: "currentColor",
|
|
15
|
+
d: "M71.15 11.191c0-1.01.118-2.473.118-4.179 0-3.158-1.3-4.34-4.82-4.34-1.705 0-3.203.243-4.133.65l.118 2.508c.812-.442 1.985-.848 3.122-.848 1.625 0 2.067.65 2.067 2.229v.244h-.523c-3.972 0-5.84 1.218-5.84 3.447s1.138 3.646 4.423 3.646c1.741 0 3.402-.243 5.631-.243-.162-.849-.162-2.193-.162-3.123zm-4.62 1.21c-1.218 0-1.742-.407-1.742-1.418s.65-1.543 2.31-1.543h.488c0 .93-.036 2.067.036 2.834-.28.081-.686.117-1.092.117zm-30.64-.118c-1.985 0-3.041-1.01-3.041-2.635v-.082c.36 0 1.056.037 1.462.037 3.529 0 5.306-1.092 5.306-3.484 0-2.067-1.498-3.402-4.702-3.402-3.934 0-5.469 1.741-5.839 4.864-.568-.036-1.218-.036-2.067-.036V7.02c0-3.158-1.3-4.34-4.819-4.34-1.706 0-3.204.243-4.133.65l.117 2.508c.812-.442 1.986-.848 3.123-.848 1.624 0 2.112.65 2.112 2.229v.244h-.524c-3.97 0-5.84 1.218-5.84 3.447s1.138 3.646 4.423 3.646c1.742 0 3.403-.243 5.632-.243-.163-.93-.163-2.266-.163-3.16 0-.486.036-1.055.036-1.705.93 0 1.625.045 2.067.045.325 3.728 2.265 5.063 6.245 5.063 1.463 0 2.96-.243 3.773-.604l-.117-2.51c-.768.488-1.869.849-3.042.849zm-13.582.117c-1.219 0-1.742-.406-1.742-1.417 0-1.01.65-1.543 2.31-1.543h.487c0 .93-.036 2.067.037 2.834-.28.081-.731.117-1.092.117zm10.505-4.819c0-1.58.487-2.753 1.949-2.753.812 0 1.38.443 1.38 1.219 0 1.092-.73 1.624-2.274 1.624-.36 0-.767 0-1.055-.036zm26.993 1.498V6.85c0-2.879-1.254-4.133-4.819-4.133-1.986 0-3.402.36-5.632.36.118 2.031.118 4.504.118 6.038s-.036 4.377-.118 5.27h3.809c-.081-.893-.163-3.528-.163-5.27 0-1.01 0-2.229.037-3.853.36-.118.848-.244 1.38-.244 1.336 0 1.787.605 1.787 2.346V9.07c0 1.58-.036 4.377-.117 5.27h3.809c0-.893-.082-3.483-.082-5.27zm-12.003 2.753.163 2.509c-.28.08-1.219.243-2.428.243-2.51 0-3.854-1.056-3.854-3.646 0-2.03.036-4.26.036-5.469h-1.3c.046-.568 0-1.336 0-1.904C42.37 3.24 42.976 2.148 43.3 0h2.148c-.082.893-.118 2.148-.163 3.041h2.274V5.47h-2.31v4.422c0 1.706.361 2.194 1.498 2.194.406 0 .849-.082 1.056-.244zM4.438 1.66c.487 0 .93.162 1.3.523l2.111 2.112 2.112-2.112a1.78 1.78 0 0 1 1.3-.523c.442 0 .93.162 1.3.523l2.59 2.59a1.804 1.804 0 0 1 0 2.59l-7.292 7.257-7.31-7.284a1.804 1.804 0 0 1 0-2.59l2.59-2.59a1.9 1.9 0 0 1 1.299-.487m67.444 1.047h1.985v.406H73.1v2.03h-.487v-2.03h-.767zm2.427 0h.65l.325 1.055c.081.325.244.93.244.93s.162-.605.243-.93l.325-1.055h.65v2.427h-.442v-.893c0-.442.036-1.092.036-1.092s-.162.568-.28 1.056l-.28.93h-.442l-.28-.93a11 11 0 0 1-.28-1.056s.046.686.046 1.092v.893h-.442V2.717z"
|
|
16
|
+
}
|
|
17
|
+
)
|
|
18
|
+
}
|
|
19
|
+
);
|
|
3
20
|
export {
|
|
4
21
|
v as default
|
|
5
22
|
};
|
|
@@ -1,10 +1,39 @@
|
|
|
1
1
|
import { jsxs as h, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
const r = (e) => /* @__PURE__ */ h(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
fill: "none",
|
|
7
|
+
viewBox: "0 0 16 16",
|
|
8
|
+
width: "1em",
|
|
9
|
+
height: "1em",
|
|
10
|
+
...e,
|
|
11
|
+
children: [
|
|
12
|
+
/* @__PURE__ */ a(
|
|
13
|
+
"mask",
|
|
14
|
+
{
|
|
15
|
+
id: "anchor_empty_svg__a",
|
|
16
|
+
width: 16,
|
|
17
|
+
height: 16,
|
|
18
|
+
x: 0,
|
|
19
|
+
y: 0,
|
|
20
|
+
maskUnits: "userSpaceOnUse",
|
|
21
|
+
style: {
|
|
22
|
+
maskType: "alpha"
|
|
23
|
+
},
|
|
24
|
+
children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M0 0h16v16H0z" })
|
|
25
|
+
}
|
|
26
|
+
),
|
|
27
|
+
/* @__PURE__ */ a("g", { mask: "url(#anchor_empty_svg__a)", children: /* @__PURE__ */ a(
|
|
28
|
+
"path",
|
|
29
|
+
{
|
|
30
|
+
fill: "currentColor",
|
|
31
|
+
d: "M10.667 3.333V8L11.8 9.133a.67.67 0 0 1 .2.484V10a.65.65 0 0 1-.192.475.65.65 0 0 1-.475.192H8.667v3.9a.65.65 0 0 1-.192.475.65.65 0 0 1-.475.191.65.65 0 0 1-.475-.191.65.65 0 0 1-.192-.475v-3.9H4.667a.65.65 0 0 1-.475-.192A.65.65 0 0 1 4 10v-.383a.7.7 0 0 1 .2-.484L5.333 8V3.333a.65.65 0 0 1-.475-.191.65.65 0 0 1-.191-.475q0-.285.191-.475A.65.65 0 0 1 5.333 2h5.334q.283 0 .475.192a.65.65 0 0 1 .191.475.65.65 0 0 1-.191.475.65.65 0 0 1-.475.191m-4.767 6h4.2l-.767-.766V3.333H6.667v5.234z"
|
|
32
|
+
}
|
|
33
|
+
) })
|
|
34
|
+
]
|
|
35
|
+
}
|
|
36
|
+
);
|
|
8
37
|
export {
|
|
9
|
-
|
|
38
|
+
r as default
|
|
10
39
|
};
|
|
@@ -1,10 +1,39 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { jsxs as e, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
const r = (l) => /* @__PURE__ */ e(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
fill: "none",
|
|
7
|
+
viewBox: "0 0 16 16",
|
|
8
|
+
width: "1em",
|
|
9
|
+
height: "1em",
|
|
10
|
+
...l,
|
|
11
|
+
children: [
|
|
12
|
+
/* @__PURE__ */ a(
|
|
13
|
+
"mask",
|
|
14
|
+
{
|
|
15
|
+
id: "anchor_fill_svg__a",
|
|
16
|
+
width: 16,
|
|
17
|
+
height: 16,
|
|
18
|
+
x: 0,
|
|
19
|
+
y: 0,
|
|
20
|
+
maskUnits: "userSpaceOnUse",
|
|
21
|
+
style: {
|
|
22
|
+
maskType: "alpha"
|
|
23
|
+
},
|
|
24
|
+
children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M0 0h16v16H0z" })
|
|
25
|
+
}
|
|
26
|
+
),
|
|
27
|
+
/* @__PURE__ */ a("g", { mask: "url(#anchor_fill_svg__a)", children: /* @__PURE__ */ a(
|
|
28
|
+
"path",
|
|
29
|
+
{
|
|
30
|
+
fill: "currentColor",
|
|
31
|
+
d: "M10.667 3.333V8L11.8 9.133a.67.67 0 0 1 .2.484V10a.65.65 0 0 1-.192.475.65.65 0 0 1-.475.192H8.667v3.9a.65.65 0 0 1-.192.475.65.65 0 0 1-.475.191.65.65 0 0 1-.475-.191.65.65 0 0 1-.192-.475v-3.9H4.667a.65.65 0 0 1-.475-.192A.65.65 0 0 1 4 10v-.383a.7.7 0 0 1 .2-.484L5.333 8V3.333a.65.65 0 0 1-.475-.191.65.65 0 0 1-.191-.475q0-.285.191-.475A.65.65 0 0 1 5.333 2h5.334q.283 0 .475.192a.65.65 0 0 1 .191.475.65.65 0 0 1-.191.475.65.65 0 0 1-.475.191"
|
|
32
|
+
}
|
|
33
|
+
) })
|
|
34
|
+
]
|
|
35
|
+
}
|
|
36
|
+
);
|
|
8
37
|
export {
|
|
9
|
-
|
|
38
|
+
r as default
|
|
10
39
|
};
|