@incodetech/web 0.0.0-dev-20260309-3ae0dc2 → 0.0.0-dev-20260309-970aa39
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/{Trans-BeVjp1Ze.js → Trans-CrErI8VP.js} +1 -1
- package/dist/authentication/authentication.es.js +3 -3
- package/dist/base.css +180 -90
- package/dist/baseTutorial-i0kcCybX.js +717 -0
- package/dist/{captureFooter-I1T3jXYf.js → captureFooter-BVLebxk_.js} +1 -1
- package/dist/{chevronDown-BGm_-EW6.js → chevronDown-DL5WsjxS.js} +1 -1
- package/dist/closeIcon-DmhdnnpJ.js +30 -0
- package/dist/curp-validation/curp-validation.es.js +6 -6
- package/dist/{dateInputComposed-o3bTFLSv.js → dateInputComposed-BvBQiMdN.js} +2 -2
- package/dist/{documentCapture-Cjt0kG-l.js → documentCapture-C3vAq9ev.js} +6 -6
- package/dist/{documentUpload-BXzwDFu-.js → documentUpload-BBr5ijea.js} +3 -3
- package/dist/{dropdownComposed-CdNahtel.js → dropdownComposed-BjDHcYMb.js} +118 -141
- package/dist/{ekybModule-Cfg6vEdC.js → ekybModule-rXpGlGJI.js} +4 -4
- package/dist/ekycModule-BjudjNd1.js +440 -0
- package/dist/email/email.es.js +3 -3
- package/dist/{errorContent-x9_n-x3d.js → errorContent-CiicsyRN.js} +4 -4
- package/dist/{faceMatch-CTNgRqLs.js → faceMatch-CiZ8QEzy.js} +2 -2
- package/dist/flow/flow.es.js +7 -7
- package/dist/flow/styles.css +0 -1
- package/dist/geolocation/geolocation.es.js +3 -3
- package/dist/governmentValidation/governmentValidation.es.js +6 -6
- package/dist/id/id.es.js +41 -44
- package/dist/id/styles.css +0 -1
- package/dist/{incodeModule-Cep-QgBA.js → incodeModule-DAveRAyZ.js} +77 -77
- package/dist/{otpInput-BT_mz2QV.js → otpInput-CoMOmDGR.js} +1 -1
- package/dist/{page-ws5_se-Y.js → page-CcgnVEBJ.js} +1 -1
- package/dist/phone/phone.es.js +4 -4
- package/dist/processing-C-wThMBe.js +19 -0
- package/dist/selfie/selfie.es.js +4 -4
- package/dist/spinner-IY4lPK0V.js +48 -0
- package/dist/{errorIcon-CfmANzND.js → successIcon-BXW0lXvd.js} +17 -17
- package/dist/themes/dark.css +1 -1
- package/dist/{tutorial-Dk_04cpU.js → tutorial-D492CTsM.js} +6 -6
- package/dist/useMediaQuery-Rn91JcLv.js +18 -0
- package/dist/{verificationResult-DB38rVq8.js → verificationResult-BLkF37Z6.js} +5 -5
- package/dist/{warningIcon-ByabB-Ag.js → warningIcon-CsSoiruR.js} +1 -1
- package/package.json +2 -2
- package/dist/baseTutorial-Bn4o165G.js +0 -348
- package/dist/ekycModule-DBQJnCtI.js +0 -450
- package/dist/processing-BivHhXrQ.js +0 -17
- package/dist/spinner-BNswWIfS.js +0 -46
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { u as e, c as d, S as s, b as C, B as u } from "./incodeModule-
|
|
1
|
+
import { u as e, c as d, S as s, b as C, B as u } from "./incodeModule-DAveRAyZ.js";
|
|
2
2
|
import { A as h, y as p, k as v, D as m } from "./vendor-preact-DP-hbKuj.js";
|
|
3
3
|
import "./uiConfig-B8PUPgHY.js";
|
|
4
4
|
const I = ({
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { u as e } from "./incodeModule-DAveRAyZ.js";
|
|
2
|
+
const C = ({
|
|
3
|
+
width: l = 14,
|
|
4
|
+
height: o = 14,
|
|
5
|
+
class: n,
|
|
6
|
+
fillColor: r = "var(--icon-neutral-800)"
|
|
7
|
+
}) => /* @__PURE__ */ e(
|
|
8
|
+
"svg",
|
|
9
|
+
{
|
|
10
|
+
width: l,
|
|
11
|
+
height: o,
|
|
12
|
+
viewBox: "0 0 14 14",
|
|
13
|
+
fill: "none",
|
|
14
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
15
|
+
class: `IncodeCloseIcon ${n || ""}`,
|
|
16
|
+
"aria-hidden": "true",
|
|
17
|
+
children: /* @__PURE__ */ e(
|
|
18
|
+
"path",
|
|
19
|
+
{
|
|
20
|
+
fillRule: "evenodd",
|
|
21
|
+
clipRule: "evenodd",
|
|
22
|
+
d: "M1.61595 0.355755C1.26799 0.00779831 0.70414 0.00779831 0.356183 0.355755C0.00822556 0.703713 0.00822556 1.26756 0.356183 1.61552L5.74046 6.9998L0.356183 12.3841C0.00825542 12.732 0.00831515 13.2959 0.356183 13.6438C0.70414 13.9918 1.26799 13.9918 1.61595 13.6438L7.00023 8.25956L12.3845 13.6438C12.7325 13.9918 13.2963 13.9918 13.6443 13.6438C13.9922 13.2959 13.9922 12.732 13.6443 12.3841L8.25999 6.9998L13.6443 1.61552C13.9922 1.26756 13.9922 0.703713 13.6443 0.355755C13.2963 0.0078879 12.7324 0.00782818 12.3845 0.355755L7.00023 5.74003L1.61595 0.355755Z",
|
|
23
|
+
fill: r
|
|
24
|
+
}
|
|
25
|
+
)
|
|
26
|
+
}
|
|
27
|
+
);
|
|
28
|
+
export {
|
|
29
|
+
C
|
|
30
|
+
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { b as I, u as e, S as u, B as h, r as S, I as N, a as G } from "../incodeModule-
|
|
1
|
+
import { b as I, u as e, S as u, B as h, r as S, I as N, a as G } from "../incodeModule-DAveRAyZ.js";
|
|
2
2
|
import { mexicanStates as R, createCurpValidationManager as U } from "@incodetech/core/curp-validation";
|
|
3
3
|
import { k as y } from "../vendor-preact-DP-hbKuj.js";
|
|
4
4
|
import "@incodetech/core";
|
|
5
5
|
import "../uiConfig-B8PUPgHY.js";
|
|
6
|
-
import { S as D, E as k } from "../
|
|
7
|
-
import { P as p } from "../page-
|
|
8
|
-
import { S as E } from "../spinner-
|
|
9
|
-
import { I as m, D as P } from "../dropdownComposed-
|
|
10
|
-
import { D as F } from "../dateInputComposed-
|
|
6
|
+
import { S as D, E as k } from "../successIcon-BXW0lXvd.js";
|
|
7
|
+
import { P as p } from "../page-CcgnVEBJ.js";
|
|
8
|
+
import { S as E } from "../spinner-IY4lPK0V.js";
|
|
9
|
+
import { I as m, D as P } from "../dropdownComposed-BjDHcYMb.js";
|
|
10
|
+
import { D as F } from "../dateInputComposed-BvBQiMdN.js";
|
|
11
11
|
const T = ({
|
|
12
12
|
curp: s,
|
|
13
13
|
isValid: d,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { u as e, c as E } from "./incodeModule-
|
|
1
|
+
import { u as e, c as E } from "./incodeModule-DAveRAyZ.js";
|
|
2
2
|
import { g as W, D as Z, A as $ } from "./vendor-preact-DP-hbKuj.js";
|
|
3
|
-
import { E as g, S as x } from "./
|
|
3
|
+
import { E as g, S as x } from "./successIcon-BXW0lXvd.js";
|
|
4
4
|
const B = ({ class: t }) => {
|
|
5
5
|
const n = W();
|
|
6
6
|
return /* @__PURE__ */ e(
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { u as e, b as C, S as u, B as h, c as y, I as E, a as T, r as N } from "./incodeModule-
|
|
1
|
+
import { u as e, b as C, S as u, B as h, c as y, I as E, a as T, r as N } from "./incodeModule-DAveRAyZ.js";
|
|
2
2
|
import { createDocumentCaptureManager as U } from "@incodetech/core/document-capture";
|
|
3
3
|
import { A as b, q as Z, k as f, _ as r, d as _, y as k } from "./vendor-preact-DP-hbKuj.js";
|
|
4
4
|
import "@incodetech/core";
|
|
5
|
-
import { P as H } from "./page-
|
|
6
|
-
import { S as M } from "./spinner-
|
|
7
|
-
import { C as A, a as z, b as K, c as j, d as G, P as W, L as $ } from "./captureFooter-
|
|
5
|
+
import { P as H } from "./page-CcgnVEBJ.js";
|
|
6
|
+
import { S as M } from "./spinner-IY4lPK0V.js";
|
|
7
|
+
import { C as A, a as z, b as K, c as j, d as G, P as W, L as $ } from "./captureFooter-BVLebxk_.js";
|
|
8
8
|
import "./uiConfig-B8PUPgHY.js";
|
|
9
|
-
import { E as q } from "./errorContent-
|
|
10
|
-
import { S as J } from "./
|
|
9
|
+
import { E as q } from "./errorContent-CiicsyRN.js";
|
|
10
|
+
import { S as J } from "./successIcon-BXW0lXvd.js";
|
|
11
11
|
const Q = ({ size: t = 24 }) => /* @__PURE__ */ e(
|
|
12
12
|
"svg",
|
|
13
13
|
{
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { u as e, B as u, I as s, a as p, r as m } from "./incodeModule-
|
|
1
|
+
import { u as e, B as u, I as s, a as p, r as m } from "./incodeModule-DAveRAyZ.js";
|
|
2
2
|
import { createDocumentUploadManager as h } from "@incodetech/core/document-upload";
|
|
3
3
|
import { A as g, y as I, q as f } from "./vendor-preact-DP-hbKuj.js";
|
|
4
4
|
import "@incodetech/core";
|
|
5
|
-
import { S as l } from "./spinner-
|
|
6
|
-
import { P as c } from "./page-
|
|
5
|
+
import { S as l } from "./spinner-IY4lPK0V.js";
|
|
6
|
+
import { P as c } from "./page-CcgnVEBJ.js";
|
|
7
7
|
function U(a) {
|
|
8
8
|
if (a.readyState < 2 || a.videoWidth === 0 || a.videoHeight === 0)
|
|
9
9
|
return null;
|
|
@@ -1,37 +1,14 @@
|
|
|
1
|
-
import { u as e, c as
|
|
2
|
-
import { D as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
height: c = 14,
|
|
8
|
-
class: h
|
|
9
|
-
}) => /* @__PURE__ */ e(
|
|
10
|
-
"svg",
|
|
11
|
-
{
|
|
12
|
-
width: n,
|
|
13
|
-
height: c,
|
|
14
|
-
viewBox: "0 0 14 14",
|
|
15
|
-
fill: "none",
|
|
16
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
-
class: `IncodeCloseIcon ${h || ""}`,
|
|
18
|
-
"aria-hidden": "true",
|
|
19
|
-
children: /* @__PURE__ */ e(
|
|
20
|
-
"path",
|
|
21
|
-
{
|
|
22
|
-
fillRule: "evenodd",
|
|
23
|
-
clipRule: "evenodd",
|
|
24
|
-
d: "M1.61595 0.355755C1.26799 0.00779831 0.70414 0.00779831 0.356183 0.355755C0.00822556 0.703713 0.00822556 1.26756 0.356183 1.61552L5.74046 6.9998L0.356183 12.3841C0.00825542 12.732 0.00831515 13.2959 0.356183 13.6438C0.70414 13.9918 1.26799 13.9918 1.61595 13.6438L7.00023 8.25956L12.3845 13.6438C12.7325 13.9918 13.2963 13.9918 13.6443 13.6438C13.9922 13.2959 13.9922 12.732 13.6443 12.3841L8.25999 6.9998L13.6443 1.61552C13.9922 1.26756 13.9922 0.703713 13.6443 0.355755C13.2963 0.0078879 12.7324 0.00782818 12.3845 0.355755L7.00023 5.74003L1.61595 0.355755Z",
|
|
25
|
-
fill: "var(--icon-neutral-800)"
|
|
26
|
-
}
|
|
27
|
-
)
|
|
28
|
-
}
|
|
29
|
-
), ue = ({ size: n = 20 }) => /* @__PURE__ */ e(
|
|
1
|
+
import { u as e, c as A } from "./incodeModule-DAveRAyZ.js";
|
|
2
|
+
import { D as G, d as E, A as w, y as R } from "./vendor-preact-DP-hbKuj.js";
|
|
3
|
+
import { C as ie } from "./closeIcon-DmhdnnpJ.js";
|
|
4
|
+
import { E as J, S as M } from "./successIcon-BXW0lXvd.js";
|
|
5
|
+
import { C as pe } from "./chevronDown-DL5WsjxS.js";
|
|
6
|
+
const ue = ({ size: r = 20 }) => /* @__PURE__ */ e(
|
|
30
7
|
"svg",
|
|
31
8
|
{
|
|
32
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
-
width:
|
|
34
|
-
height:
|
|
10
|
+
width: r,
|
|
11
|
+
height: r,
|
|
35
12
|
viewBox: "0 0 20 20",
|
|
36
13
|
fill: "none",
|
|
37
14
|
class: "IncodeSearchIcon",
|
|
@@ -60,60 +37,60 @@ const pe = ({
|
|
|
60
37
|
)
|
|
61
38
|
]
|
|
62
39
|
}
|
|
63
|
-
), he =
|
|
64
|
-
const { class: h, type: I = "text", ...i } =
|
|
40
|
+
), he = G((r, d) => {
|
|
41
|
+
const { class: h, type: I = "text", ...i } = r;
|
|
65
42
|
return /* @__PURE__ */ e(
|
|
66
43
|
"input",
|
|
67
44
|
{
|
|
68
45
|
...i,
|
|
69
|
-
ref:
|
|
46
|
+
ref: d,
|
|
70
47
|
type: I,
|
|
71
|
-
class:
|
|
48
|
+
class: A("IncodeInput", h)
|
|
72
49
|
}
|
|
73
50
|
);
|
|
74
|
-
}),
|
|
51
|
+
}), De = G(
|
|
75
52
|
({
|
|
76
|
-
id:
|
|
77
|
-
label:
|
|
53
|
+
id: r,
|
|
54
|
+
label: d,
|
|
78
55
|
"aria-label": h,
|
|
79
56
|
type: I,
|
|
80
57
|
error: i,
|
|
81
|
-
showErrorIcon:
|
|
58
|
+
showErrorIcon: F,
|
|
82
59
|
helper: p,
|
|
83
60
|
showHelperIcon: D,
|
|
84
61
|
closeButton: k,
|
|
85
62
|
required: y,
|
|
86
|
-
suppressMessages:
|
|
63
|
+
suppressMessages: m = !1,
|
|
87
64
|
class: f,
|
|
88
|
-
value:
|
|
65
|
+
value: v,
|
|
89
66
|
...C
|
|
90
67
|
}, $) => {
|
|
91
|
-
const S = `${
|
|
92
|
-
return /* @__PURE__ */ e("div", { class:
|
|
93
|
-
|
|
68
|
+
const S = `${r}-helper`, b = `${r}-error`, H = m ? "" : [p ? S : null, i ? b : null].filter(Boolean).join(" ");
|
|
69
|
+
return /* @__PURE__ */ e("div", { class: A("IncodeInputComposed", f), children: [
|
|
70
|
+
d && /* @__PURE__ */ e(
|
|
94
71
|
"label",
|
|
95
72
|
{
|
|
96
73
|
class: "IncodeInputComposedLabel",
|
|
97
|
-
htmlFor:
|
|
98
|
-
"data-testid": `${
|
|
99
|
-
children:
|
|
74
|
+
htmlFor: r,
|
|
75
|
+
"data-testid": `${r}-label`,
|
|
76
|
+
children: d
|
|
100
77
|
}
|
|
101
78
|
),
|
|
102
79
|
/* @__PURE__ */ e("div", { class: "IncodeInputComposedWrapper", children: [
|
|
103
80
|
/* @__PURE__ */ e(
|
|
104
81
|
he,
|
|
105
82
|
{
|
|
106
|
-
id:
|
|
83
|
+
id: r,
|
|
107
84
|
type: I,
|
|
108
85
|
...C,
|
|
109
86
|
ref: $,
|
|
110
87
|
required: y,
|
|
111
|
-
"data-has-value": !!(
|
|
112
|
-
...!
|
|
113
|
-
"aria-describedby":
|
|
88
|
+
"data-has-value": !!(v && String(v).length > 0),
|
|
89
|
+
...!d && h ? { "aria-label": h } : {},
|
|
90
|
+
"aria-describedby": H || void 0,
|
|
114
91
|
"aria-required": y ? "true" : void 0,
|
|
115
92
|
"aria-invalid": i ? "true" : void 0,
|
|
116
|
-
value:
|
|
93
|
+
value: v
|
|
117
94
|
}
|
|
118
95
|
),
|
|
119
96
|
k?.show && /* @__PURE__ */ e(
|
|
@@ -123,70 +100,70 @@ const pe = ({
|
|
|
123
100
|
"aria-label": "Clear",
|
|
124
101
|
class: "IncodeInputComposedClearButton",
|
|
125
102
|
onClick: k.onClose,
|
|
126
|
-
"data-testid": `${
|
|
127
|
-
children: /* @__PURE__ */ e(
|
|
103
|
+
"data-testid": `${r}-clear`,
|
|
104
|
+
children: /* @__PURE__ */ e(ie, {})
|
|
128
105
|
}
|
|
129
106
|
)
|
|
130
107
|
] }),
|
|
131
|
-
!
|
|
108
|
+
!m && i && /* @__PURE__ */ e(
|
|
132
109
|
"div",
|
|
133
110
|
{
|
|
134
111
|
class: "IncodeInputComposedErrorWrapper",
|
|
135
|
-
"data-testid": `${
|
|
112
|
+
"data-testid": `${r}-error-wrapper`,
|
|
136
113
|
children: [
|
|
137
|
-
|
|
114
|
+
F && /* @__PURE__ */ e("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ e(J, { size: 17 }) }),
|
|
138
115
|
/* @__PURE__ */ e("p", { id: b, class: "IncodeInputComposedError", children: i })
|
|
139
116
|
]
|
|
140
117
|
}
|
|
141
118
|
),
|
|
142
|
-
!
|
|
119
|
+
!m && p && !i && /* @__PURE__ */ e(
|
|
143
120
|
"div",
|
|
144
121
|
{
|
|
145
122
|
class: "IncodeInputComposedHelperWrapper",
|
|
146
|
-
"data-testid": `${
|
|
123
|
+
"data-testid": `${r}-helper-wrapper`,
|
|
147
124
|
children: [
|
|
148
|
-
D && /* @__PURE__ */ e("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ e(
|
|
125
|
+
D && /* @__PURE__ */ e("div", { class: "IncodeInputComposedIconWrapper", children: /* @__PURE__ */ e(M, { size: 17 }) }),
|
|
149
126
|
/* @__PURE__ */ e("p", { id: S, class: "IncodeInputComposedHelper", children: p })
|
|
150
127
|
]
|
|
151
128
|
}
|
|
152
129
|
)
|
|
153
130
|
] });
|
|
154
131
|
}
|
|
155
|
-
),
|
|
156
|
-
id:
|
|
157
|
-
label:
|
|
132
|
+
), be = ({
|
|
133
|
+
id: r,
|
|
134
|
+
label: d,
|
|
158
135
|
placeholder: h = "Choose an option",
|
|
159
136
|
value: I,
|
|
160
137
|
options: i,
|
|
161
|
-
onChange:
|
|
138
|
+
onChange: F,
|
|
162
139
|
error: p,
|
|
163
140
|
helper: D,
|
|
164
141
|
showErrorIcon: k,
|
|
165
142
|
showHelperIcon: y,
|
|
166
|
-
suppressMessages:
|
|
143
|
+
suppressMessages: m = !1,
|
|
167
144
|
disabled: f = !1,
|
|
168
|
-
required:
|
|
145
|
+
required: v,
|
|
169
146
|
searchable: C = !1,
|
|
170
147
|
searchPlaceholder: $ = "Search...",
|
|
171
148
|
noResultsText: S = "No results found",
|
|
172
149
|
name: b,
|
|
173
|
-
tabIndex:
|
|
150
|
+
tabIndex: H,
|
|
174
151
|
onKeyDown: X,
|
|
175
152
|
onBlur: Y,
|
|
176
153
|
renderSelectedLabel: N,
|
|
177
|
-
siblingElement:
|
|
154
|
+
siblingElement: B,
|
|
178
155
|
enterKeyHint: fe,
|
|
179
156
|
class: ee,
|
|
180
157
|
"data-testid": oe
|
|
181
158
|
}) => {
|
|
182
|
-
const [t, l] =
|
|
183
|
-
(o) => o.label.toLowerCase().includes(
|
|
184
|
-
) : i, j = `${
|
|
185
|
-
|
|
159
|
+
const [t, l] = E(!1), [re, q] = E(!1), [s, a] = E(-1), [K, Q] = E(""), U = w(null), T = w(null), V = w(null), L = w([]), O = w(null), z = w(""), g = w(), x = i.find((o) => o.value === I), c = C && K ? i.filter(
|
|
160
|
+
(o) => o.label.toLowerCase().includes(K.toLowerCase())
|
|
161
|
+
) : i, j = `${r}-label`, Z = `${r}-listbox`, P = `${r}-helper`, _ = `${r}-error`, ne = m ? "" : [D ? P : null, p ? _ : null].filter(Boolean).join(" ");
|
|
162
|
+
R(() => {
|
|
186
163
|
if (!t) return;
|
|
187
164
|
const o = requestAnimationFrame(() => {
|
|
188
165
|
C && O.current && O.current.focus(), requestAnimationFrame(() => {
|
|
189
|
-
|
|
166
|
+
V.current?.scrollIntoView({
|
|
190
167
|
behavior: "smooth",
|
|
191
168
|
block: "nearest",
|
|
192
169
|
inline: "nearest"
|
|
@@ -194,34 +171,34 @@ const pe = ({
|
|
|
194
171
|
});
|
|
195
172
|
});
|
|
196
173
|
return () => cancelAnimationFrame(o);
|
|
197
|
-
}, [t, C]),
|
|
198
|
-
t || (a(-1),
|
|
199
|
-
}, [t]),
|
|
200
|
-
s >= 0 &&
|
|
174
|
+
}, [t, C]), R(() => {
|
|
175
|
+
t || (a(-1), Q(""));
|
|
176
|
+
}, [t]), R(() => {
|
|
177
|
+
s >= 0 && L.current[s] && L.current[s]?.scrollIntoView({
|
|
201
178
|
block: "nearest",
|
|
202
179
|
inline: "nearest"
|
|
203
180
|
});
|
|
204
|
-
}, [s]),
|
|
181
|
+
}, [s]), R(() => () => {
|
|
205
182
|
g.current && clearTimeout(g.current);
|
|
206
183
|
}, []);
|
|
207
184
|
const te = () => {
|
|
208
185
|
f || l((o) => !o);
|
|
209
|
-
},
|
|
210
|
-
|
|
186
|
+
}, W = (o) => {
|
|
187
|
+
F(o), l(!1), a(-1), T.current?.focus();
|
|
211
188
|
}, ae = () => {
|
|
212
|
-
|
|
189
|
+
q(!0);
|
|
213
190
|
}, se = (o) => {
|
|
214
|
-
|
|
191
|
+
q(!1), U.current?.contains(o.relatedTarget) || (l(!1), Y?.());
|
|
215
192
|
}, ce = (o) => {
|
|
216
193
|
if (f) return;
|
|
217
194
|
X?.(o);
|
|
218
195
|
const { key: u } = o;
|
|
219
196
|
if (u.length === 1 && /^[a-zA-Z0-9]$/.test(u)) {
|
|
220
197
|
o.preventDefault(), g.current && clearTimeout(g.current), z.current += u.toLowerCase();
|
|
221
|
-
const
|
|
198
|
+
const n = c.findIndex(
|
|
222
199
|
(le) => le.label.toLowerCase().startsWith(z.current)
|
|
223
200
|
);
|
|
224
|
-
|
|
201
|
+
n !== -1 && (t || l(!0), a(n)), g.current = setTimeout(() => {
|
|
225
202
|
z.current = "";
|
|
226
203
|
}, 500);
|
|
227
204
|
return;
|
|
@@ -229,26 +206,26 @@ const pe = ({
|
|
|
229
206
|
switch (u) {
|
|
230
207
|
case "ArrowDown":
|
|
231
208
|
o.preventDefault(), t ? a(
|
|
232
|
-
(
|
|
209
|
+
(n) => n < c.length - 1 ? n + 1 : n
|
|
233
210
|
) : (l(!0), a(0));
|
|
234
211
|
break;
|
|
235
212
|
case "ArrowUp":
|
|
236
|
-
o.preventDefault(), t ? a((
|
|
213
|
+
o.preventDefault(), t ? a((n) => n > 0 ? n - 1 : n) : (l(!0), a(c.length - 1));
|
|
237
214
|
break;
|
|
238
215
|
case "Home":
|
|
239
216
|
o.preventDefault(), t && a(0);
|
|
240
217
|
break;
|
|
241
218
|
case "End":
|
|
242
|
-
o.preventDefault(), t && a(
|
|
219
|
+
o.preventDefault(), t && a(c.length - 1);
|
|
243
220
|
break;
|
|
244
221
|
case "Enter":
|
|
245
|
-
o.preventDefault(), t && s >= 0 &&
|
|
222
|
+
o.preventDefault(), t && s >= 0 && c[s] ? W(c[s].value) : t || l(!0);
|
|
246
223
|
break;
|
|
247
224
|
case " ":
|
|
248
|
-
o.preventDefault(), t && s >= 0 &&
|
|
225
|
+
o.preventDefault(), t && s >= 0 && c[s] ? W(c[s].value) : t || (l(!0), a(0));
|
|
249
226
|
break;
|
|
250
227
|
case "Escape":
|
|
251
|
-
o.preventDefault(), t && (l(!1), a(-1),
|
|
228
|
+
o.preventDefault(), t && (l(!1), a(-1), T.current?.focus());
|
|
252
229
|
break;
|
|
253
230
|
case "Tab":
|
|
254
231
|
t && (l(!1), a(-1));
|
|
@@ -259,23 +236,23 @@ const pe = ({
|
|
|
259
236
|
switch (u) {
|
|
260
237
|
case "ArrowDown":
|
|
261
238
|
o.preventDefault(), a(
|
|
262
|
-
(
|
|
239
|
+
(n) => n < c.length - 1 ? n + 1 : n
|
|
263
240
|
);
|
|
264
241
|
break;
|
|
265
242
|
case "ArrowUp":
|
|
266
|
-
o.preventDefault(), a((
|
|
243
|
+
o.preventDefault(), a((n) => n > 0 ? n - 1 : n);
|
|
267
244
|
break;
|
|
268
245
|
case "Home":
|
|
269
246
|
o.preventDefault(), a(0);
|
|
270
247
|
break;
|
|
271
248
|
case "End":
|
|
272
|
-
o.preventDefault(), a(
|
|
249
|
+
o.preventDefault(), a(c.length - 1);
|
|
273
250
|
break;
|
|
274
251
|
case "Enter":
|
|
275
|
-
o.preventDefault(), s >= 0 &&
|
|
252
|
+
o.preventDefault(), s >= 0 && c[s] && W(c[s].value);
|
|
276
253
|
break;
|
|
277
254
|
case "Escape":
|
|
278
|
-
o.preventDefault(), l(!1), a(-1),
|
|
255
|
+
o.preventDefault(), l(!1), a(-1), T.current?.focus();
|
|
279
256
|
break;
|
|
280
257
|
case "Tab":
|
|
281
258
|
l(!1), a(-1);
|
|
@@ -285,8 +262,8 @@ const pe = ({
|
|
|
285
262
|
return /* @__PURE__ */ e(
|
|
286
263
|
"div",
|
|
287
264
|
{
|
|
288
|
-
class:
|
|
289
|
-
ref:
|
|
265
|
+
class: A("IncodeDropdownComposed", ee),
|
|
266
|
+
ref: U,
|
|
290
267
|
onBlur: se,
|
|
291
268
|
children: [
|
|
292
269
|
b && /* @__PURE__ */ e(
|
|
@@ -296,19 +273,19 @@ const pe = ({
|
|
|
296
273
|
name: b,
|
|
297
274
|
value: I || "",
|
|
298
275
|
disabled: f,
|
|
299
|
-
required:
|
|
276
|
+
required: v
|
|
300
277
|
}
|
|
301
278
|
),
|
|
302
|
-
|
|
279
|
+
d && /* @__PURE__ */ e(
|
|
303
280
|
"label",
|
|
304
281
|
{
|
|
305
282
|
class: "IncodeDropdownComposedLabel",
|
|
306
283
|
id: j,
|
|
307
|
-
htmlFor:
|
|
308
|
-
"data-testid": `${
|
|
284
|
+
htmlFor: r,
|
|
285
|
+
"data-testid": `${r}-label`,
|
|
309
286
|
children: [
|
|
310
|
-
|
|
311
|
-
|
|
287
|
+
d,
|
|
288
|
+
v && /* @__PURE__ */ e("span", { class: "IncodeDropdownComposedRequired", children: " *" })
|
|
312
289
|
]
|
|
313
290
|
}
|
|
314
291
|
),
|
|
@@ -316,41 +293,41 @@ const pe = ({
|
|
|
316
293
|
/* @__PURE__ */ e(
|
|
317
294
|
"div",
|
|
318
295
|
{
|
|
319
|
-
class:
|
|
320
|
-
IncodeDropdownComposedTriggerRowWithSibling: !!
|
|
296
|
+
class: A("IncodeDropdownComposedTriggerRow", {
|
|
297
|
+
IncodeDropdownComposedTriggerRowWithSibling: !!B
|
|
321
298
|
}),
|
|
322
299
|
children: [
|
|
323
300
|
/* @__PURE__ */ e(
|
|
324
301
|
"button",
|
|
325
302
|
{
|
|
326
|
-
ref:
|
|
303
|
+
ref: T,
|
|
327
304
|
type: "button",
|
|
328
|
-
id:
|
|
305
|
+
id: r,
|
|
329
306
|
class: "IncodeDropdownComposedTrigger",
|
|
330
307
|
onClick: te,
|
|
331
308
|
onFocus: ae,
|
|
332
309
|
onKeyDown: ce,
|
|
333
|
-
tabIndex: f ? -1 :
|
|
310
|
+
tabIndex: f ? -1 : H ?? 0,
|
|
334
311
|
disabled: f,
|
|
335
312
|
"aria-haspopup": "listbox",
|
|
336
313
|
"aria-expanded": t ? "true" : "false",
|
|
337
314
|
"aria-disabled": f ? "true" : void 0,
|
|
338
|
-
"aria-labelledby":
|
|
339
|
-
"aria-label":
|
|
340
|
-
"aria-controls": t ?
|
|
341
|
-
"aria-activedescendant": t && s >= 0 ? `${
|
|
315
|
+
"aria-labelledby": d ? j : void 0,
|
|
316
|
+
"aria-label": d ? void 0 : h,
|
|
317
|
+
"aria-controls": t ? Z : void 0,
|
|
318
|
+
"aria-activedescendant": t && s >= 0 ? `${r}-option-${s}` : void 0,
|
|
342
319
|
"aria-invalid": p ? "true" : void 0,
|
|
343
|
-
"aria-required":
|
|
344
|
-
"aria-describedby":
|
|
320
|
+
"aria-required": v ? "true" : void 0,
|
|
321
|
+
"aria-describedby": ne || void 0,
|
|
345
322
|
"data-error": p ? "true" : void 0,
|
|
346
|
-
"data-focused":
|
|
323
|
+
"data-focused": re || t ? "true" : void 0,
|
|
347
324
|
"data-testid": oe,
|
|
348
325
|
children: [
|
|
349
326
|
/* @__PURE__ */ e(
|
|
350
327
|
"span",
|
|
351
328
|
{
|
|
352
|
-
class:
|
|
353
|
-
children:
|
|
329
|
+
class: x ? "IncodeDropdownComposedTriggerText" : "IncodeDropdownComposedTriggerPlaceholder",
|
|
330
|
+
children: x ? N ? N(x) : x.label : h
|
|
354
331
|
}
|
|
355
332
|
),
|
|
356
333
|
/* @__PURE__ */ e(
|
|
@@ -359,25 +336,25 @@ const pe = ({
|
|
|
359
336
|
class: "IncodeDropdownComposedTriggerIcon",
|
|
360
337
|
"aria-hidden": "true",
|
|
361
338
|
"data-open": t,
|
|
362
|
-
children: /* @__PURE__ */ e(
|
|
339
|
+
children: /* @__PURE__ */ e(pe, {})
|
|
363
340
|
}
|
|
364
341
|
)
|
|
365
342
|
]
|
|
366
343
|
}
|
|
367
344
|
),
|
|
368
|
-
|
|
345
|
+
B && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedSibling", children: B })
|
|
369
346
|
]
|
|
370
347
|
}
|
|
371
348
|
),
|
|
372
349
|
t && /* @__PURE__ */ e(
|
|
373
350
|
"div",
|
|
374
351
|
{
|
|
375
|
-
ref:
|
|
376
|
-
id:
|
|
352
|
+
ref: V,
|
|
353
|
+
id: Z,
|
|
377
354
|
class: "IncodeDropdownComposedList",
|
|
378
355
|
role: "listbox",
|
|
379
|
-
"aria-labelledby":
|
|
380
|
-
"aria-label":
|
|
356
|
+
"aria-labelledby": d ? j : void 0,
|
|
357
|
+
"aria-label": d ? void 0 : h,
|
|
381
358
|
"data-error": p ? "true" : void 0,
|
|
382
359
|
children: [
|
|
383
360
|
C && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedSearchWrapper", children: /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedSearchInner", children: [
|
|
@@ -387,9 +364,9 @@ const pe = ({
|
|
|
387
364
|
ref: O,
|
|
388
365
|
type: "text",
|
|
389
366
|
class: "IncodeDropdownComposedSearchInput",
|
|
390
|
-
value:
|
|
367
|
+
value: K,
|
|
391
368
|
onInput: (o) => {
|
|
392
|
-
|
|
369
|
+
Q(o.target.value), a(0);
|
|
393
370
|
},
|
|
394
371
|
onKeyDown: de,
|
|
395
372
|
placeholder: $,
|
|
@@ -406,19 +383,19 @@ const pe = ({
|
|
|
406
383
|
}
|
|
407
384
|
)
|
|
408
385
|
] }) }),
|
|
409
|
-
/* @__PURE__ */ e("div", { class: "IncodeDropdownComposedOptionsScroll", children:
|
|
386
|
+
/* @__PURE__ */ e("div", { class: "IncodeDropdownComposedOptionsScroll", children: c.length === 0 ? /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedNoResults", children: S }) : c.map((o, u) => /* @__PURE__ */ e(
|
|
410
387
|
"div",
|
|
411
388
|
{
|
|
412
|
-
id: `${
|
|
389
|
+
id: `${r}-option-${u}`,
|
|
413
390
|
role: "option",
|
|
414
391
|
"aria-selected": I === o.value ? "true" : "false",
|
|
415
392
|
class: "IncodeDropdownComposedOption",
|
|
416
393
|
"data-highlighted": s === u,
|
|
417
|
-
ref: (
|
|
418
|
-
|
|
394
|
+
ref: (n) => {
|
|
395
|
+
L.current[u] = n;
|
|
419
396
|
},
|
|
420
|
-
onClick: () =>
|
|
421
|
-
onMouseDown: (
|
|
397
|
+
onClick: () => W(o.value),
|
|
398
|
+
onMouseDown: (n) => n.preventDefault(),
|
|
422
399
|
onMouseEnter: () => a(u),
|
|
423
400
|
children: o.label
|
|
424
401
|
},
|
|
@@ -428,25 +405,25 @@ const pe = ({
|
|
|
428
405
|
}
|
|
429
406
|
)
|
|
430
407
|
] }),
|
|
431
|
-
!
|
|
408
|
+
!m && p && /* @__PURE__ */ e(
|
|
432
409
|
"div",
|
|
433
410
|
{
|
|
434
411
|
class: "IncodeDropdownComposedErrorWrapper",
|
|
435
|
-
"data-testid": `${
|
|
412
|
+
"data-testid": `${r}-error-wrapper`,
|
|
436
413
|
children: [
|
|
437
|
-
k && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ e(
|
|
438
|
-
/* @__PURE__ */ e("p", { id:
|
|
414
|
+
k && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ e(J, { size: 17 }) }),
|
|
415
|
+
/* @__PURE__ */ e("p", { id: _, class: "IncodeDropdownComposedError", children: p })
|
|
439
416
|
]
|
|
440
417
|
}
|
|
441
418
|
),
|
|
442
|
-
!
|
|
419
|
+
!m && D && !p && /* @__PURE__ */ e(
|
|
443
420
|
"div",
|
|
444
421
|
{
|
|
445
422
|
class: "IncodeDropdownComposedHelperWrapper",
|
|
446
|
-
"data-testid": `${
|
|
423
|
+
"data-testid": `${r}-helper-wrapper`,
|
|
447
424
|
children: [
|
|
448
|
-
y && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ e(
|
|
449
|
-
/* @__PURE__ */ e("p", { id:
|
|
425
|
+
y && /* @__PURE__ */ e("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ e(M, { size: 17 }) }),
|
|
426
|
+
/* @__PURE__ */ e("p", { id: P, class: "IncodeDropdownComposedHelper", children: D })
|
|
450
427
|
]
|
|
451
428
|
}
|
|
452
429
|
)
|
|
@@ -455,6 +432,6 @@ const pe = ({
|
|
|
455
432
|
);
|
|
456
433
|
};
|
|
457
434
|
export {
|
|
458
|
-
|
|
459
|
-
|
|
435
|
+
be as D,
|
|
436
|
+
De as I
|
|
460
437
|
};
|