@rpcbase/ui 0.278.0 → 0.280.0

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.
Files changed (4) hide show
  1. package/dist/components/AddressAutocompleteInput/index.d.ts.map +1 -1
  2. package/dist/index14.js +100 -83
  3. package/dist/index14.js.map +1 -1
  4. package/package.json +1 -1
package/dist/components/AddressAutocompleteInput/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AddressAutocompleteInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAoE,MAAM,OAAO,CAAA;AAqJnG,eAAO,MAAM,wBAAwB,0KAclC;IACD,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAA;IAChF,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC/B,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B,4CAsVA,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AddressAutocompleteInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAoE,MAAM,OAAO,CAAA;AA0JnG,eAAO,MAAM,wBAAwB,0KAclC;IACD,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAA;IAChF,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC/B,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B,4CAyXA,CAAA"}
package/dist/index14.js CHANGED
@@ -4,18 +4,18 @@ import { cn as n } from "./index12.js";
4
4
  import { Input as r } from "./index13.js";
5
5
  import { c as i } from "react/compiler-runtime";
6
6
  import { useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
7
- import { Loader2 as l } from "lucide-react";
8
- import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
7
+ import { Loader2 as ee } from "lucide-react";
8
+ import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
9
9
  //#region src/components/AddressAutocompleteInput/index.tsx
10
- var p = /* @__PURE__ */ new Set(/* @__PURE__ */ "street_address.route.premise.subpremise.intersection.sublocality.sublocality_level_1.sublocality_level_2.sublocality_level_3.sublocality_level_4.sublocality_level_5.administrative_area_level_1.administrative_area_level_2.administrative_area_level_3.administrative_area_level_4.administrative_area_level_5.administrative_area_level_6.administrative_area_level_7.postal_code.locality.country.geocode.plus_code.political.neighborhood.colloquial_area.lodging.train_station.transit_station".split(".")), m = (e) => (e.text?.text ?? "").replace(/, France$/, "").trim(), h = (e) => {
10
+ var f = /* @__PURE__ */ new Set(/* @__PURE__ */ "street_address.route.premise.subpremise.intersection.sublocality.sublocality_level_1.sublocality_level_2.sublocality_level_3.sublocality_level_4.sublocality_level_5.administrative_area_level_1.administrative_area_level_2.administrative_area_level_3.administrative_area_level_4.administrative_area_level_5.administrative_area_level_6.administrative_area_level_7.postal_code.locality.country.geocode.plus_code.political.neighborhood.colloquial_area.lodging.train_station.transit_station".split(".")), p = /* @__PURE__ */ new WeakMap(), m = (e) => (p.get(e) ?? e.text?.text ?? "").replace(/, France$/, "").trim(), h = (e) => {
11
11
  let t = i(8), { prediction: n } = e, r, a, o;
12
12
  if (t[0] !== n) {
13
13
  o = Symbol.for("react.early_return_sentinel");
14
14
  bb0: {
15
15
  r = m(n);
16
- let e = n.text?.text ?? "", t = n.text?.matches ?? [], i = r.length < e.length;
16
+ let e = p.get(n) ?? n.text?.text ?? "", t = n.text?.matches ?? [], i = r.length < e.length;
17
17
  if (t.length === 0) {
18
- o = /* @__PURE__ */ d(u, { children: r });
18
+ o = /* @__PURE__ */ u(l, { children: r });
19
19
  break bb0;
20
20
  }
21
21
  a = [];
@@ -25,7 +25,7 @@ var p = /* @__PURE__ */ new Set(/* @__PURE__ */ "street_address.route.premise.su
25
25
  let n = e.startOffset, o = Math.min(e.endOffset, r.length);
26
26
  if (n > s && a.push(r.substring(s, n)), o > n) {
27
27
  let e = r.substring(n, o);
28
- a.push(/* @__PURE__ */ d("strong", { children: e }, t));
28
+ a.push(/* @__PURE__ */ u("strong", { children: e }, t));
29
29
  }
30
30
  s = Math.max(s, o);
31
31
  }), s < r.length && a.push(r.substring(s));
@@ -35,116 +35,133 @@ var p = /* @__PURE__ */ new Set(/* @__PURE__ */ "street_address.route.premise.su
35
35
  if (o !== Symbol.for("react.early_return_sentinel")) return o;
36
36
  if (a.length === 0) {
37
37
  let e;
38
- return t[4] === r ? e = t[5] : (e = /* @__PURE__ */ d(u, { children: r }), t[4] = r, t[5] = e), e;
38
+ return t[4] === r ? e = t[5] : (e = /* @__PURE__ */ u(l, { children: r }), t[4] = r, t[5] = e), e;
39
39
  }
40
40
  let s;
41
- return t[6] === a ? s = t[7] : (s = /* @__PURE__ */ d(u, { children: a }), t[6] = a, t[7] = s), s;
42
- }, g = (e, t) => !e.types || e.types.length === 0 || !t || t.size === 0 || e.types.some((e) => t.has(e)), _ = (e, t) => e.placeId || `${e.text?.text ?? "prediction"}-${t}`, v = (e) => {
41
+ return t[6] === a ? s = t[7] : (s = /* @__PURE__ */ u(l, { children: a }), t[6] = a, t[7] = s), s;
42
+ }, g = (e, t) => !e.types || e.types.length === 0 || !t || t.size === 0 || e.types.some((e) => t.has(e)), _ = (e) => e.types?.some((e) => e === "establishment" || e === "point_of_interest") ?? !1, v = (e, t) => e.placeId || `${e.text?.text ?? "prediction"}-${t}`, y = (e) => {
43
43
  let t = /* @__PURE__ */ new Map();
44
44
  return e.forEach((e) => {
45
45
  let n = e.placeId;
46
46
  n && (t.has(n) || t.set(n, e));
47
47
  }), Array.from(t.values());
48
- }, y = (e, t) => e.filter((e) => g(e, t)), b = (e) => e.sort((e, t) => (e.distanceMeters ?? Infinity) - (t.distanceMeters ?? Infinity)), x = (e, t) => b(y(v(e), t)), S = (e, t) => m(e).toLowerCase() === t.trim().toLowerCase(), C = ({ id: i, label: u, placeholder: g, value: v, onValueChange: y, disabled: b, name: C, className: w, autofillShimName: T, googleMapsApiKey: E, locationRestriction: D, allowedTypes: O, loadingIndicator: k }) => {
49
- let [A, j] = c(v ?? ""), [M, N] = c([]), [P, F] = c(!1), [I, L] = c(-1), [R, z] = c(!1), B = s(null), V = s(null), H = s(!1), U = s(!1), W = s(null), G = s([]), K = s("smooth"), q = e("places", E), J = o(() => {
50
- if (!O) return p;
48
+ }, b = (e, t) => e.filter((e) => g(e, t)), x = (e) => e.sort((e, t) => (e.distanceMeters ?? Infinity) - (t.distanceMeters ?? Infinity)), S = (e, t) => x(b(y(e), t)), C = (e, t) => m(e).toLowerCase() === t.trim().toLowerCase(), w = ({ id: i, label: l, placeholder: g, value: y, onValueChange: b, disabled: x, name: w, className: T, autofillShimName: E, googleMapsApiKey: D, locationRestriction: O, allowedTypes: k, loadingIndicator: A }) => {
49
+ let [j, M] = c(y ?? ""), [N, P] = c([]), [F, I] = c(!1), [L, R] = c(-1), [z, B] = c(!1), V = s(null), H = s(null), U = s(!1), W = s(!1), G = s(null), K = s(/* @__PURE__ */ new Map()), q = s([]), J = s("smooth"), Y = e("places", D), X = o(() => {
50
+ if (!k) return f;
51
51
  let e = /* @__PURE__ */ new Set();
52
- for (let t of O) e.add(t);
52
+ for (let t of k) e.add(t);
53
53
  return e;
54
- }, [O]);
54
+ }, [k]);
55
55
  a(() => {
56
- j(v ?? ""), U.current = !1;
57
- }, [v]), a(() => {
58
- if (H.current) {
59
- H.current = !1;
56
+ M(y ?? ""), W.current = !1;
57
+ }, [y]), a(() => {
58
+ if (U.current) {
59
+ U.current = !1;
60
60
  return;
61
61
  }
62
- let e = A.trim();
63
- z(e !== "");
62
+ let e = j.trim();
63
+ B(e !== "");
64
64
  let t = !0, n = setTimeout(() => {
65
65
  if (!t) return;
66
66
  if (e === "") {
67
- N([]), F(!1), W.current = null, v !== "" && y("");
67
+ P([]), I(!1), G.current = null, y !== "" && b("");
68
68
  return;
69
69
  }
70
- if (!q) return;
71
- let { AutocompleteSuggestion: n, AutocompleteSessionToken: r } = q;
70
+ if (!Y) return;
71
+ let { AutocompleteSuggestion: n, AutocompleteSessionToken: r } = Y;
72
72
  if (!n || !r) {
73
- console.error("AddressAutocompleteInput: missing AutocompleteSuggestion or AutocompleteSessionToken exports"), N([]), F(!1), z(!1);
73
+ console.error("AddressAutocompleteInput: missing AutocompleteSuggestion or AutocompleteSessionToken exports"), P([]), I(!1), B(!1);
74
74
  return;
75
75
  }
76
- W.current ||= new r();
76
+ G.current ||= new r();
77
77
  let i = {
78
- input: A,
79
- sessionToken: W.current ?? void 0,
78
+ input: j,
79
+ sessionToken: G.current ?? void 0,
80
80
  includedRegionCodes: ["fr"]
81
81
  };
82
- D && (i.locationRestriction = D), n.fetchAutocompleteSuggestions(i).then((e) => {
82
+ O && (i.locationRestriction = O), n.fetchAutocompleteSuggestions(i).then(async (e) => {
83
83
  if (!t) return;
84
- let n = x(e.suggestions.map((e) => e.placePrediction).filter((e) => !!e), J), r = n[0], i = r && n.length === 1 && S(r, A);
85
- if (!U.current && i) {
86
- N(n), F(!1), z(!1);
84
+ let n = S(e.suggestions.map((e) => e.placePrediction).filter((e) => !!e), X);
85
+ if (await Promise.all(n.map(async (e) => {
86
+ let t = e.placeId;
87
+ if (!t || !_(e)) return;
88
+ let n = K.current.get(t);
89
+ n || (n = (async () => {
90
+ try {
91
+ let t = (await e.toPlace().fetchFields({ fields: ["formattedAddress"] })).place.formattedAddress?.trim(), n = e.mainText?.text?.trim();
92
+ return !t || !n ? void 0 : `${n}, ${t}`;
93
+ } catch (e) {
94
+ K.current.delete(t), console.error("AddressAutocompleteInput: place details fetch failed", e);
95
+ return;
96
+ }
97
+ })(), K.current.set(t, n));
98
+ let r = await n;
99
+ r && p.set(e, r);
100
+ })), !t) return;
101
+ let r = n[0], i = r && n.length === 1 && C(r, j);
102
+ if (!W.current && i) {
103
+ P(n), I(!1), B(!1);
87
104
  return;
88
105
  }
89
- n.length > 0 ? (N(n), U.current && F(!0), L(-1)) : (N([]), F(!1)), z(!1);
106
+ n.length > 0 ? (P(n), W.current && I(!0), R(-1)) : (P([]), I(!1)), B(!1);
90
107
  }).catch((e) => {
91
- t && (console.error("AddressAutocompleteInput: suggestion fetch failed", e), N([]), F(!1), z(!1));
108
+ t && (console.error("AddressAutocompleteInput: suggestion fetch failed", e), P([]), I(!1), B(!1));
92
109
  });
93
110
  }, 300);
94
111
  return () => {
95
112
  t = !1, clearTimeout(n);
96
113
  };
97
114
  }, [
98
- A,
99
- q,
115
+ j,
116
+ Y,
117
+ b,
100
118
  y,
101
- v,
102
- D,
103
- J
119
+ O,
120
+ X
104
121
  ]), a(() => {
105
122
  let e = (e) => {
106
- B.current && !B.current.contains(e.target) && V.current && !V.current.contains(e.target) && F(!1);
123
+ V.current && !V.current.contains(e.target) && H.current && !H.current.contains(e.target) && I(!1);
107
124
  };
108
125
  return document.addEventListener("mousedown", e), () => {
109
126
  document.removeEventListener("mousedown", e);
110
127
  };
111
128
  }, []);
112
- let Y = (e) => {
113
- H.current = !0;
129
+ let Z = (e) => {
130
+ U.current = !0;
114
131
  let t = m(e);
115
- j(t), y(t), N([]), F(!1), z(!1), W.current = null;
116
- }, X = (e) => {
117
- U.current = !0, j(e.target.value);
118
- }, Z = (e) => {
119
- if (!P || M.length === 0) {
120
- e.key === "Enter" && (e.preventDefault(), y(A), F(!1), W.current = null);
132
+ M(t), b(t), P([]), I(!1), B(!1), G.current = null;
133
+ }, Q = (e) => {
134
+ W.current = !0, M(e.target.value);
135
+ }, te = (e) => {
136
+ if (!F || N.length === 0) {
137
+ e.key === "Enter" && (e.preventDefault(), b(j), I(!1), G.current = null);
121
138
  return;
122
139
  }
123
- e.key === "ArrowDown" ? (K.current = e.repeat ? "auto" : "smooth", e.preventDefault(), L((e) => M.length === 0 ? -1 : e < 0 ? 0 : (e + 1) % M.length)) : e.key === "ArrowUp" ? (K.current = e.repeat ? "auto" : "smooth", e.preventDefault(), L((e) => M.length === 0 ? -1 : e <= 0 ? M.length - 1 : (e - 1) % M.length)) : e.key === "Enter" ? (e.preventDefault(), I > -1 && M[I] ? Y(M[I]) : (y(A), F(!1), W.current = null)) : e.key === "Escape" && F(!1);
124
- }, Q = () => {
125
- F(!1), v !== A && y(A), W.current = null;
126
- }, $ = T ?? (C ? `${C}_shim` : void 0);
140
+ e.key === "ArrowDown" ? (J.current = e.repeat ? "auto" : "smooth", e.preventDefault(), R((e) => N.length === 0 ? -1 : e < 0 ? 0 : (e + 1) % N.length)) : e.key === "ArrowUp" ? (J.current = e.repeat ? "auto" : "smooth", e.preventDefault(), R((e) => N.length === 0 ? -1 : e <= 0 ? N.length - 1 : (e - 1) % N.length)) : e.key === "Enter" ? (e.preventDefault(), L > -1 && N[L] ? Z(N[L]) : (b(j), I(!1), G.current = null)) : e.key === "Escape" && I(!1);
141
+ }, ne = () => {
142
+ I(!1), y !== j && b(j), G.current = null;
143
+ }, $ = E ?? (w ? `${w}_shim` : void 0);
127
144
  return a(() => {
128
- if (!P || I < 0) {
129
- K.current = "smooth";
145
+ if (!F || L < 0) {
146
+ J.current = "smooth";
130
147
  return;
131
148
  }
132
- let e = G.current[I], t = V.current;
149
+ let e = q.current[L], t = H.current;
133
150
  if (!e || !t) {
134
- K.current = "smooth";
151
+ J.current = "smooth";
135
152
  return;
136
153
  }
137
- let n = K.current;
138
- K.current = "smooth";
154
+ let n = J.current;
155
+ J.current = "smooth";
139
156
  let r = e.offsetTop, i = r + e.offsetHeight, a = t.scrollTop, o = a + t.clientHeight;
140
157
  r >= a && i <= o || e.scrollIntoView({
141
158
  block: "nearest",
142
159
  behavior: n
143
160
  });
144
- }, [I, P]), G.current.length = M.length, /* @__PURE__ */ f("div", {
161
+ }, [L, F]), q.current.length = N.length, /* @__PURE__ */ d("div", {
145
162
  className: "relative",
146
163
  children: [
147
- $ && /* @__PURE__ */ d("input", {
164
+ $ && /* @__PURE__ */ u("input", {
148
165
  tabIndex: -1,
149
166
  autoComplete: "street-address",
150
167
  name: $,
@@ -157,56 +174,56 @@ var p = /* @__PURE__ */ new Set(/* @__PURE__ */ "street_address.route.premise.su
157
174
  width: "1px"
158
175
  }
159
176
  }),
160
- /* @__PURE__ */ d("label", {
177
+ /* @__PURE__ */ u("label", {
161
178
  htmlFor: i,
162
179
  className: "text-left block text-sm font-medium text-gray-700 mb-1 cursor-pointer",
163
- children: u
180
+ children: l
164
181
  }),
165
- /* @__PURE__ */ f("div", {
182
+ /* @__PURE__ */ d("div", {
166
183
  className: "relative",
167
- children: [/* @__PURE__ */ d(r, {
168
- ref: B,
184
+ children: [/* @__PURE__ */ u(r, {
185
+ ref: V,
169
186
  id: i,
170
187
  type: "text",
171
188
  placeholder: g,
172
- name: C ?? `${i}_input`,
173
- value: A,
174
- onChange: X,
175
- onKeyDown: Z,
189
+ name: w ?? `${i}_input`,
190
+ value: j,
191
+ onChange: Q,
192
+ onKeyDown: te,
176
193
  onFocus: () => {
177
- M.length > 0 && A && F(!0);
194
+ N.length > 0 && j && I(!0);
178
195
  },
179
- onBlur: Q,
180
- disabled: b,
196
+ onBlur: ne,
197
+ disabled: x,
181
198
  autoComplete: "new-password",
182
- className: n("w-full", R && "pr-9", w)
183
- }), R && /* @__PURE__ */ d("span", {
199
+ className: n("w-full", z && "pr-9", T)
200
+ }), z && /* @__PURE__ */ u("span", {
184
201
  "aria-hidden": "true",
185
202
  className: "pointer-events-none absolute right-3 top-1/2 flex size-4 -translate-y-1/2 items-center justify-center text-gray-400",
186
203
  "data-slot": "address-autocomplete-loading-indicator",
187
- children: k === void 0 ? /* @__PURE__ */ d(l, { className: "size-full animate-spin" }) : k
204
+ children: A === void 0 ? /* @__PURE__ */ u(ee, { className: "size-full animate-spin" }) : A
188
205
  })]
189
206
  }),
190
- P && M.length > 0 && /* @__PURE__ */ d("ul", {
191
- ref: V,
207
+ F && N.length > 0 && /* @__PURE__ */ u("ul", {
208
+ ref: H,
192
209
  className: "absolute z-10 mt-1 w-full max-h-60 overflow-y-auto rounded-md border border-gray-200 bg-white text-left shadow-lg",
193
210
  role: "listbox",
194
- children: M.map((e, n) => /* @__PURE__ */ d("li", {
211
+ children: N.map((e, n) => /* @__PURE__ */ u("li", {
195
212
  ref: (e) => {
196
- G.current[n] = e;
213
+ q.current[n] = e;
197
214
  },
198
- className: t("cursor-pointer px-3 py-2 text-sm text-gray-700 hover:bg-gray-100", { "bg-gray-100": I === n }),
215
+ className: t("cursor-pointer px-3 py-2 text-sm text-gray-700 hover:bg-gray-100", { "bg-gray-100": L === n }),
199
216
  role: "option",
200
217
  onMouseDown: (t) => {
201
- t.preventDefault(), Y(e);
218
+ t.preventDefault(), Z(e);
202
219
  },
203
- children: /* @__PURE__ */ d(h, { prediction: e })
204
- }, _(e, n)))
220
+ children: /* @__PURE__ */ u(h, { prediction: e })
221
+ }, v(e, n)))
205
222
  })
206
223
  ]
207
224
  });
208
225
  };
209
226
  //#endregion
210
- export { C as AddressAutocompleteInput };
227
+ export { w as AddressAutocompleteInput };
211
228
 
212
229
  //# sourceMappingURL=index14.js.map
package/dist/index14.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index14.js","names":["ReactNode","ChangeEvent","KeyboardEvent","useState","useEffect","useRef","useMemo","clsx","Loader2","useMapsLibrary","Input","cn","DEFAULT_ALLOWED_TYPES","Set","getDisplayText","prediction","google","maps","places","PlacePrediction","fullText","text","replace","trim","PredictionItem","t0","$","_c","displayText","parts","t1","Symbol","for","bb0","matches","wasCountryRemoved","length","lastIndex","forEach","substring","index","startOffset","endOffset","Math","min","push","matched","max","t2","isAllowedPrediction","allowedTypes","ReadonlySet","types","size","some","type","has","getPredictionId","placeId","getUniquePredictions","predictions","map","Map","key","set","Array","from","values","getFilteredPredictions","filter","sortPredictions","sort","a","b","aDistance","distanceMeters","Number","POSITIVE_INFINITY","bDistance","buildDisplayPredictions","isExactMatch","value","display","toLowerCase","AddressAutocompleteInput","id","label","placeholder","onValueChange","disabled","name","className","autofillShimName","googleMapsApiKey","locationRestriction","loadingIndicator","LatLngBoundsLiteral","LatLngBounds","Iterable","inputValue","setInputValue","setPredictions","isDropdownOpen","setIsDropdownOpen","highlightedIndex","setHighlightedIndex","isLoading","setIsLoading","inputRef","HTMLInputElement","dropdownRef","HTMLUListElement","isSelecting","hasUserTyped","sessionTokenRef","AutocompleteSessionToken","optionRefs","HTMLLIElement","scrollBehaviorRef","ScrollBehavior","placesLibrary","allowedTypesSet","newSet","add","current","trimmed","isActive","handler","setTimeout","AutocompleteSuggestion","console","error","request","AutocompleteRequest","input","sessionToken","undefined","includedRegionCodes","fetchAutocompleteSuggestions","then","response","suggestions","placePredictions","suggestion","placePrediction","Boolean","combinedPredictions","singlePrediction","hasExactMatch","catch","clearTimeout","handleClickOutside","event","MouseEvent","contains","target","Node","document","addEventListener","removeEventListener","handleSelectPrediction","newAddress","handleInputChange","e","handleKeyDown","preventDefault","repeat","prev","handleBlur","shimName","item","list","behavior","top","offsetTop","bottom","offsetHeight","viewTop","scrollTop","viewBottom","clientHeight","scrollIntoView","block","position","left","height","width","node"],"sources":["../src/components/AddressAutocompleteInput/index.tsx"],"sourcesContent":["/// <reference types=\"google.maps\" />\n\nimport { ReactNode, ChangeEvent, KeyboardEvent, useState, useEffect, useRef, useMemo } from \"react\"\nimport clsx from \"clsx\"\nimport { Loader2 } from \"lucide-react\"\n\nimport { useMapsLibrary } from \"@/helpers/useMapsLibrary\"\nimport { Input } from \"@/components/Input\"\nimport { cn } from \"@/lib/utils\"\n\n\nconst DEFAULT_ALLOWED_TYPES = new Set([\n \"street_address\",\n \"route\",\n \"premise\",\n \"subpremise\",\n \"intersection\",\n \"sublocality\",\n \"sublocality_level_1\",\n \"sublocality_level_2\",\n \"sublocality_level_3\",\n \"sublocality_level_4\",\n \"sublocality_level_5\",\n \"administrative_area_level_1\",\n \"administrative_area_level_2\",\n \"administrative_area_level_3\",\n \"administrative_area_level_4\",\n \"administrative_area_level_5\",\n \"administrative_area_level_6\",\n \"administrative_area_level_7\",\n \"postal_code\",\n \"locality\",\n \"country\",\n \"geocode\",\n \"plus_code\",\n \"political\",\n \"neighborhood\",\n \"colloquial_area\",\n \"lodging\",\n \"train_station\",\n \"transit_station\",\n])\n\nconst getDisplayText = (prediction: google.maps.places.PlacePrediction) => {\n const fullText = prediction.text?.text ?? \"\"\n return fullText.replace(/, France$/, \"\").trim()\n}\n\nconst PredictionItem = ({ prediction }: { prediction: google.maps.places.PlacePrediction }) => {\n const displayText = getDisplayText(prediction)\n const fullText = prediction.text?.text ?? \"\"\n const matches = prediction.text?.matches ?? []\n const wasCountryRemoved = displayText.length < fullText.length\n\n if (matches.length === 0) {\n return <>{displayText}</>\n }\n\n const parts: ReactNode[] = []\n let lastIndex = 0\n\n matches.forEach((substring, index) => {\n if (wasCountryRemoved && substring.startOffset >= displayText.length) {\n return\n }\n\n const startOffset = substring.startOffset\n const endOffset = Math.min(substring.endOffset, displayText.length)\n\n if (startOffset > lastIndex) {\n parts.push(displayText.substring(lastIndex, startOffset))\n }\n\n if (endOffset > startOffset) {\n const matched = displayText.substring(startOffset, endOffset)\n parts.push(<strong key={index}>{matched}</strong>)\n }\n\n lastIndex = Math.max(lastIndex, endOffset)\n })\n\n if (lastIndex < displayText.length) {\n parts.push(displayText.substring(lastIndex))\n }\n\n if (parts.length === 0) {\n return <>{displayText}</>\n }\n\n return <>{parts}</>\n}\n\nconst isAllowedPrediction = (\n prediction: google.maps.places.PlacePrediction,\n allowedTypes: ReadonlySet<string> | null,\n) => {\n if (!prediction.types || prediction.types.length === 0) {\n return true\n }\n\n if (!allowedTypes || allowedTypes.size === 0) {\n return true\n }\n\n return prediction.types.some(type => allowedTypes.has(type))\n}\n\nconst getPredictionId = (prediction: google.maps.places.PlacePrediction, index: number) =>\n prediction.placeId || `${prediction.text?.text ?? \"prediction\"}-${index}`\n\nconst getUniquePredictions = (predictions: google.maps.places.PlacePrediction[]) => {\n const map = new Map<string, google.maps.places.PlacePrediction>()\n\n predictions.forEach(prediction => {\n const key = prediction.placeId\n\n if (!key) {\n return\n }\n\n if (!map.has(key)) {\n map.set(key, prediction)\n }\n })\n\n return Array.from(map.values())\n}\n\nconst getFilteredPredictions = (\n predictions: google.maps.places.PlacePrediction[],\n allowedTypes: ReadonlySet<string> | null,\n) => predictions.filter(prediction => isAllowedPrediction(prediction, allowedTypes))\n\nconst sortPredictions = (predictions: google.maps.places.PlacePrediction[]) =>\n predictions.sort((a, b) => {\n const aDistance = a.distanceMeters ?? Number.POSITIVE_INFINITY\n const bDistance = b.distanceMeters ?? Number.POSITIVE_INFINITY\n\n return aDistance - bDistance\n })\n\nconst buildDisplayPredictions = (\n predictions: google.maps.places.PlacePrediction[],\n allowedTypes: ReadonlySet<string> | null,\n) => sortPredictions(getFilteredPredictions(getUniquePredictions(predictions), allowedTypes))\n\nconst isExactMatch = (prediction: google.maps.places.PlacePrediction, value: string) => {\n const display = getDisplayText(prediction)\n return display.toLowerCase() === value.trim().toLowerCase()\n}\n\nexport const AddressAutocompleteInput = ({\n id,\n label,\n placeholder,\n value,\n onValueChange,\n disabled,\n name,\n className,\n autofillShimName,\n googleMapsApiKey,\n locationRestriction,\n allowedTypes,\n loadingIndicator,\n}: {\n id: string\n label: string\n placeholder: string\n value: string | undefined\n onValueChange: (value: string) => void\n disabled?: boolean\n name?: string\n className?: string\n autofillShimName?: string\n googleMapsApiKey?: string\n locationRestriction?: google.maps.LatLngBoundsLiteral | google.maps.LatLngBounds\n allowedTypes?: Iterable<string>\n loadingIndicator?: ReactNode\n}) => {\n const [inputValue, setInputValue] = useState(value ?? \"\")\n const [predictions, setPredictions] = useState<google.maps.places.PlacePrediction[]>([])\n const [isDropdownOpen, setIsDropdownOpen] = useState(false)\n const [highlightedIndex, setHighlightedIndex] = useState(-1)\n const [isLoading, setIsLoading] = useState(false)\n\n const inputRef = useRef<HTMLInputElement>(null)\n const dropdownRef = useRef<HTMLUListElement>(null)\n const isSelecting = useRef(false)\n const hasUserTyped = useRef(false)\n const sessionTokenRef = useRef<google.maps.places.AutocompleteSessionToken | null>(null)\n const optionRefs = useRef<(HTMLLIElement | null)[]>([])\n const scrollBehaviorRef = useRef<ScrollBehavior>(\"smooth\")\n const placesLibrary = useMapsLibrary(\"places\", googleMapsApiKey)\n const allowedTypesSet = useMemo(() => {\n if (!allowedTypes) {\n return DEFAULT_ALLOWED_TYPES\n }\n\n const newSet = new Set<string>()\n for (const type of allowedTypes) {\n newSet.add(type)\n }\n return newSet\n }, [allowedTypes])\n\n useEffect(() => {\n setInputValue(value ?? \"\")\n hasUserTyped.current = false\n }, [value])\n\n useEffect(() => {\n if (isSelecting.current) {\n isSelecting.current = false\n return\n }\n\n const trimmed = inputValue.trim()\n\n if (trimmed === \"\") {\n setIsLoading(false)\n } else {\n setIsLoading(true)\n }\n\n let isActive = true\n\n const handler = setTimeout(() => {\n if (!isActive) {\n return\n }\n\n if (trimmed === \"\") {\n setPredictions([])\n setIsDropdownOpen(false)\n sessionTokenRef.current = null\n if (value !== \"\") {\n onValueChange(\"\")\n }\n return\n }\n\n if (!placesLibrary) return\n\n const { AutocompleteSuggestion, AutocompleteSessionToken } = placesLibrary\n\n if (!AutocompleteSuggestion || !AutocompleteSessionToken) {\n console.error(\"AddressAutocompleteInput: missing AutocompleteSuggestion or AutocompleteSessionToken exports\")\n setPredictions([])\n setIsDropdownOpen(false)\n setIsLoading(false)\n return\n }\n\n if (!sessionTokenRef.current) {\n sessionTokenRef.current = new AutocompleteSessionToken()\n }\n\n const request: google.maps.places.AutocompleteRequest = {\n input: inputValue,\n sessionToken: sessionTokenRef.current ?? undefined,\n includedRegionCodes: [\"fr\"],\n }\n if (locationRestriction) {\n request.locationRestriction = locationRestriction\n }\n\n AutocompleteSuggestion.fetchAutocompleteSuggestions(request)\n .then((response: { suggestions: google.maps.places.AutocompleteSuggestion[] }) => {\n if (!isActive) {\n return\n }\n\n const placePredictions = response.suggestions\n .map((suggestion: google.maps.places.AutocompleteSuggestion) => suggestion.placePrediction)\n .filter((prediction): prediction is google.maps.places.PlacePrediction => Boolean(prediction))\n\n const combinedPredictions = buildDisplayPredictions(placePredictions, allowedTypesSet)\n\n const singlePrediction = combinedPredictions[0]\n const hasExactMatch =\n singlePrediction && combinedPredictions.length === 1 && isExactMatch(singlePrediction, inputValue)\n\n if (!hasUserTyped.current && hasExactMatch) {\n setPredictions(combinedPredictions)\n setIsDropdownOpen(false)\n setIsLoading(false)\n return\n }\n\n if (combinedPredictions.length > 0) {\n setPredictions(combinedPredictions)\n if (hasUserTyped.current) {\n setIsDropdownOpen(true)\n }\n setHighlightedIndex(-1)\n } else {\n setPredictions([])\n setIsDropdownOpen(false)\n }\n setIsLoading(false)\n })\n .catch((error: unknown) => {\n if (!isActive) {\n return\n }\n console.error(\"AddressAutocompleteInput: suggestion fetch failed\", error)\n setPredictions([])\n setIsDropdownOpen(false)\n setIsLoading(false)\n })\n }, 300)\n\n return () => {\n isActive = false\n clearTimeout(handler)\n }\n }, [inputValue, placesLibrary, onValueChange, value, locationRestriction, allowedTypesSet])\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (\n inputRef.current &&\n !inputRef.current.contains(event.target as Node) &&\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target as Node)\n ) {\n setIsDropdownOpen(false)\n }\n }\n document.addEventListener(\"mousedown\", handleClickOutside)\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside)\n }\n }, [])\n\n const handleSelectPrediction = (prediction: google.maps.places.PlacePrediction) => {\n isSelecting.current = true\n const newAddress = getDisplayText(prediction)\n setInputValue(newAddress)\n onValueChange(newAddress)\n setPredictions([])\n setIsDropdownOpen(false)\n setIsLoading(false)\n sessionTokenRef.current = null\n }\n\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n hasUserTyped.current = true\n setInputValue(e.target.value)\n }\n\n const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n if (!isDropdownOpen || predictions.length === 0) {\n if (e.key === \"Enter\") {\n e.preventDefault()\n onValueChange(inputValue)\n setIsDropdownOpen(false)\n sessionTokenRef.current = null\n }\n return\n }\n\n if (e.key === \"ArrowDown\") {\n scrollBehaviorRef.current = e.repeat ? \"auto\" : \"smooth\"\n e.preventDefault()\n setHighlightedIndex(prev => {\n if (predictions.length === 0) {\n return -1\n }\n return prev < 0 ? 0 : (prev + 1) % predictions.length\n })\n } else if (e.key === \"ArrowUp\") {\n scrollBehaviorRef.current = e.repeat ? \"auto\" : \"smooth\"\n e.preventDefault()\n setHighlightedIndex(prev => {\n if (predictions.length === 0) {\n return -1\n }\n if (prev <= 0) {\n return predictions.length - 1\n }\n return (prev - 1) % predictions.length\n })\n } else if (e.key === \"Enter\") {\n e.preventDefault()\n if (highlightedIndex > -1 && predictions[highlightedIndex]) {\n handleSelectPrediction(predictions[highlightedIndex])\n } else {\n onValueChange(inputValue)\n setIsDropdownOpen(false)\n sessionTokenRef.current = null\n }\n } else if (e.key === \"Escape\") {\n setIsDropdownOpen(false)\n }\n }\n\n const handleBlur = () => {\n setIsDropdownOpen(false)\n if (value !== inputValue) {\n onValueChange(inputValue)\n }\n sessionTokenRef.current = null\n }\n\n const shimName = autofillShimName ?? (name ? `${name}_shim` : undefined)\n\n useEffect(() => {\n if (!isDropdownOpen || highlightedIndex < 0) {\n scrollBehaviorRef.current = \"smooth\"\n return\n }\n\n const item = optionRefs.current[highlightedIndex]\n const list = dropdownRef.current\n\n if (!item || !list) {\n scrollBehaviorRef.current = \"smooth\"\n return\n }\n\n const behavior = scrollBehaviorRef.current\n scrollBehaviorRef.current = \"smooth\"\n\n const top = item.offsetTop\n const bottom = top + item.offsetHeight\n const viewTop = list.scrollTop\n const viewBottom = viewTop + list.clientHeight\n\n if (top >= viewTop && bottom <= viewBottom) {\n return\n }\n\n item.scrollIntoView({\n block: \"nearest\",\n behavior,\n })\n }, [highlightedIndex, isDropdownOpen])\n\n optionRefs.current.length = predictions.length\n\n return (\n <div className=\"relative\">\n {shimName && (\n <input\n tabIndex={-1}\n autoComplete=\"street-address\"\n name={shimName}\n aria-hidden=\"true\"\n style={{\n position: \"absolute\",\n left: \"-9999px\",\n top: \"-9999px\",\n height: \"1px\",\n width: \"1px\",\n }}\n />\n )}\n <label htmlFor={id} className=\"text-left block text-sm font-medium text-gray-700 mb-1 cursor-pointer\">\n {label}\n </label>\n <div className=\"relative\">\n <Input\n ref={inputRef}\n id={id}\n type=\"text\"\n placeholder={placeholder}\n name={name ?? `${id}_input`}\n value={inputValue}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n onFocus={() => {\n if (predictions.length > 0 && inputValue) {\n setIsDropdownOpen(true)\n }\n }}\n onBlur={handleBlur}\n disabled={disabled}\n autoComplete=\"new-password\"\n className={cn(\"w-full\", isLoading && \"pr-9\", className)}\n />\n {isLoading && (\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute right-3 top-1/2 flex size-4 -translate-y-1/2 items-center justify-center text-gray-400\"\n data-slot=\"address-autocomplete-loading-indicator\"\n >\n {loadingIndicator === undefined ? <Loader2 className=\"size-full animate-spin\" /> : loadingIndicator}\n </span>\n )}\n </div>\n {isDropdownOpen && predictions.length > 0 && (\n <ul\n ref={dropdownRef}\n className=\"absolute z-10 mt-1 w-full max-h-60 overflow-y-auto rounded-md border border-gray-200 bg-white text-left shadow-lg\"\n role=\"listbox\"\n >\n {predictions.map((prediction, index) => (\n <li\n key={getPredictionId(prediction, index)}\n ref={node => {\n optionRefs.current[index] = node\n }}\n className={clsx(\n \"cursor-pointer px-3 py-2 text-sm text-gray-700 hover:bg-gray-100\",\n { \"bg-gray-100\": highlightedIndex === index },\n )}\n role=\"option\"\n onMouseDown={e => {\n e.preventDefault()\n handleSelectPrediction(prediction)\n }}\n >\n <PredictionItem prediction={prediction} />\n </li>\n ))}\n </ul>\n )}\n </div>\n )\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"index14.js","names":["ReactNode","ChangeEvent","KeyboardEvent","useState","useEffect","useRef","useMemo","clsx","Loader2","useMapsLibrary","Input","cn","DEFAULT_ALLOWED_TYPES","Set","detailedTextByPrediction","WeakMap","google","maps","places","PlacePrediction","getDisplayText","prediction","fullText","get","text","replace","trim","PredictionItem","t0","$","_c","displayText","parts","t1","Symbol","for","bb0","matches","wasCountryRemoved","length","lastIndex","forEach","substring","index","startOffset","endOffset","Math","min","push","matched","max","t2","isAllowedPrediction","allowedTypes","ReadonlySet","types","size","some","type","has","isNamedPlacePrediction","getPredictionId","placeId","getUniquePredictions","predictions","map","Map","key","set","Array","from","values","getFilteredPredictions","filter","sortPredictions","sort","a","b","aDistance","distanceMeters","Number","POSITIVE_INFINITY","bDistance","buildDisplayPredictions","isExactMatch","value","display","toLowerCase","AddressAutocompleteInput","id","label","placeholder","onValueChange","disabled","name","className","autofillShimName","googleMapsApiKey","locationRestriction","loadingIndicator","LatLngBoundsLiteral","LatLngBounds","Iterable","inputValue","setInputValue","setPredictions","isDropdownOpen","setIsDropdownOpen","highlightedIndex","setHighlightedIndex","isLoading","setIsLoading","inputRef","HTMLInputElement","dropdownRef","HTMLUListElement","isSelecting","hasUserTyped","sessionTokenRef","AutocompleteSessionToken","detailedTextRequestsRef","Promise","optionRefs","HTMLLIElement","scrollBehaviorRef","ScrollBehavior","placesLibrary","allowedTypesSet","newSet","add","current","trimmed","isActive","handler","setTimeout","AutocompleteSuggestion","console","error","request","AutocompleteRequest","input","sessionToken","undefined","includedRegionCodes","fetchAutocompleteSuggestions","then","response","suggestions","placePredictions","suggestion","placePrediction","Boolean","combinedPredictions","all","detailedTextRequest","place","toPlace","result","fetchFields","fields","formattedAddress","placeName","mainText","delete","detailedText","singlePrediction","hasExactMatch","catch","clearTimeout","handleClickOutside","event","MouseEvent","contains","target","Node","document","addEventListener","removeEventListener","handleSelectPrediction","newAddress","handleInputChange","e","handleKeyDown","preventDefault","repeat","prev","handleBlur","shimName","item","list","behavior","top","offsetTop","bottom","offsetHeight","viewTop","scrollTop","viewBottom","clientHeight","scrollIntoView","block","position","left","height","width","node"],"sources":["../src/components/AddressAutocompleteInput/index.tsx"],"sourcesContent":["/// <reference types=\"google.maps\" />\n\nimport { ReactNode, ChangeEvent, KeyboardEvent, useState, useEffect, useRef, useMemo } from \"react\"\nimport clsx from \"clsx\"\nimport { Loader2 } from \"lucide-react\"\n\nimport { useMapsLibrary } from \"@/helpers/useMapsLibrary\"\nimport { Input } from \"@/components/Input\"\nimport { cn } from \"@/lib/utils\"\n\n\nconst DEFAULT_ALLOWED_TYPES = new Set([\n \"street_address\",\n \"route\",\n \"premise\",\n \"subpremise\",\n \"intersection\",\n \"sublocality\",\n \"sublocality_level_1\",\n \"sublocality_level_2\",\n \"sublocality_level_3\",\n \"sublocality_level_4\",\n \"sublocality_level_5\",\n \"administrative_area_level_1\",\n \"administrative_area_level_2\",\n \"administrative_area_level_3\",\n \"administrative_area_level_4\",\n \"administrative_area_level_5\",\n \"administrative_area_level_6\",\n \"administrative_area_level_7\",\n \"postal_code\",\n \"locality\",\n \"country\",\n \"geocode\",\n \"plus_code\",\n \"political\",\n \"neighborhood\",\n \"colloquial_area\",\n \"lodging\",\n \"train_station\",\n \"transit_station\",\n])\n\nconst detailedTextByPrediction = new WeakMap<google.maps.places.PlacePrediction, string>()\n\nconst getDisplayText = (prediction: google.maps.places.PlacePrediction) => {\n const fullText = detailedTextByPrediction.get(prediction) ?? prediction.text?.text ?? \"\"\n return fullText.replace(/, France$/, \"\").trim()\n}\n\nconst PredictionItem = ({ prediction }: { prediction: google.maps.places.PlacePrediction }) => {\n const displayText = getDisplayText(prediction)\n const fullText = detailedTextByPrediction.get(prediction) ?? prediction.text?.text ?? \"\"\n const matches = prediction.text?.matches ?? []\n const wasCountryRemoved = displayText.length < fullText.length\n\n if (matches.length === 0) {\n return <>{displayText}</>\n }\n\n const parts: ReactNode[] = []\n let lastIndex = 0\n\n matches.forEach((substring, index) => {\n if (wasCountryRemoved && substring.startOffset >= displayText.length) {\n return\n }\n\n const startOffset = substring.startOffset\n const endOffset = Math.min(substring.endOffset, displayText.length)\n\n if (startOffset > lastIndex) {\n parts.push(displayText.substring(lastIndex, startOffset))\n }\n\n if (endOffset > startOffset) {\n const matched = displayText.substring(startOffset, endOffset)\n parts.push(<strong key={index}>{matched}</strong>)\n }\n\n lastIndex = Math.max(lastIndex, endOffset)\n })\n\n if (lastIndex < displayText.length) {\n parts.push(displayText.substring(lastIndex))\n }\n\n if (parts.length === 0) {\n return <>{displayText}</>\n }\n\n return <>{parts}</>\n}\n\nconst isAllowedPrediction = (\n prediction: google.maps.places.PlacePrediction,\n allowedTypes: ReadonlySet<string> | null,\n) => {\n if (!prediction.types || prediction.types.length === 0) {\n return true\n }\n\n if (!allowedTypes || allowedTypes.size === 0) {\n return true\n }\n\n return prediction.types.some(type => allowedTypes.has(type))\n}\n\nconst isNamedPlacePrediction = (prediction: google.maps.places.PlacePrediction) =>\n prediction.types?.some(type => type === \"establishment\" || type === \"point_of_interest\") ?? false\n\nconst getPredictionId = (prediction: google.maps.places.PlacePrediction, index: number) =>\n prediction.placeId || `${prediction.text?.text ?? \"prediction\"}-${index}`\n\nconst getUniquePredictions = (predictions: google.maps.places.PlacePrediction[]) => {\n const map = new Map<string, google.maps.places.PlacePrediction>()\n\n predictions.forEach(prediction => {\n const key = prediction.placeId\n\n if (!key) {\n return\n }\n\n if (!map.has(key)) {\n map.set(key, prediction)\n }\n })\n\n return Array.from(map.values())\n}\n\nconst getFilteredPredictions = (\n predictions: google.maps.places.PlacePrediction[],\n allowedTypes: ReadonlySet<string> | null,\n) => predictions.filter(prediction => isAllowedPrediction(prediction, allowedTypes))\n\nconst sortPredictions = (predictions: google.maps.places.PlacePrediction[]) =>\n predictions.sort((a, b) => {\n const aDistance = a.distanceMeters ?? Number.POSITIVE_INFINITY\n const bDistance = b.distanceMeters ?? Number.POSITIVE_INFINITY\n\n return aDistance - bDistance\n })\n\nconst buildDisplayPredictions = (\n predictions: google.maps.places.PlacePrediction[],\n allowedTypes: ReadonlySet<string> | null,\n) => sortPredictions(getFilteredPredictions(getUniquePredictions(predictions), allowedTypes))\n\nconst isExactMatch = (prediction: google.maps.places.PlacePrediction, value: string) => {\n const display = getDisplayText(prediction)\n return display.toLowerCase() === value.trim().toLowerCase()\n}\n\nexport const AddressAutocompleteInput = ({\n id,\n label,\n placeholder,\n value,\n onValueChange,\n disabled,\n name,\n className,\n autofillShimName,\n googleMapsApiKey,\n locationRestriction,\n allowedTypes,\n loadingIndicator,\n}: {\n id: string\n label: string\n placeholder: string\n value: string | undefined\n onValueChange: (value: string) => void\n disabled?: boolean\n name?: string\n className?: string\n autofillShimName?: string\n googleMapsApiKey?: string\n locationRestriction?: google.maps.LatLngBoundsLiteral | google.maps.LatLngBounds\n allowedTypes?: Iterable<string>\n loadingIndicator?: ReactNode\n}) => {\n const [inputValue, setInputValue] = useState(value ?? \"\")\n const [predictions, setPredictions] = useState<google.maps.places.PlacePrediction[]>([])\n const [isDropdownOpen, setIsDropdownOpen] = useState(false)\n const [highlightedIndex, setHighlightedIndex] = useState(-1)\n const [isLoading, setIsLoading] = useState(false)\n\n const inputRef = useRef<HTMLInputElement>(null)\n const dropdownRef = useRef<HTMLUListElement>(null)\n const isSelecting = useRef(false)\n const hasUserTyped = useRef(false)\n const sessionTokenRef = useRef<google.maps.places.AutocompleteSessionToken | null>(null)\n const detailedTextRequestsRef = useRef(new Map<string, Promise<string | undefined>>())\n const optionRefs = useRef<(HTMLLIElement | null)[]>([])\n const scrollBehaviorRef = useRef<ScrollBehavior>(\"smooth\")\n const placesLibrary = useMapsLibrary(\"places\", googleMapsApiKey)\n const allowedTypesSet = useMemo(() => {\n if (!allowedTypes) {\n return DEFAULT_ALLOWED_TYPES\n }\n\n const newSet = new Set<string>()\n for (const type of allowedTypes) {\n newSet.add(type)\n }\n return newSet\n }, [allowedTypes])\n\n useEffect(() => {\n setInputValue(value ?? \"\")\n hasUserTyped.current = false\n }, [value])\n\n useEffect(() => {\n if (isSelecting.current) {\n isSelecting.current = false\n return\n }\n\n const trimmed = inputValue.trim()\n\n if (trimmed === \"\") {\n setIsLoading(false)\n } else {\n setIsLoading(true)\n }\n\n let isActive = true\n\n const handler = setTimeout(() => {\n if (!isActive) {\n return\n }\n\n if (trimmed === \"\") {\n setPredictions([])\n setIsDropdownOpen(false)\n sessionTokenRef.current = null\n if (value !== \"\") {\n onValueChange(\"\")\n }\n return\n }\n\n if (!placesLibrary) return\n\n const { AutocompleteSuggestion, AutocompleteSessionToken } = placesLibrary\n\n if (!AutocompleteSuggestion || !AutocompleteSessionToken) {\n console.error(\"AddressAutocompleteInput: missing AutocompleteSuggestion or AutocompleteSessionToken exports\")\n setPredictions([])\n setIsDropdownOpen(false)\n setIsLoading(false)\n return\n }\n\n if (!sessionTokenRef.current) {\n sessionTokenRef.current = new AutocompleteSessionToken()\n }\n\n const request: google.maps.places.AutocompleteRequest = {\n input: inputValue,\n sessionToken: sessionTokenRef.current ?? undefined,\n includedRegionCodes: [\"fr\"],\n }\n if (locationRestriction) {\n request.locationRestriction = locationRestriction\n }\n\n AutocompleteSuggestion.fetchAutocompleteSuggestions(request)\n .then(async (response: { suggestions: google.maps.places.AutocompleteSuggestion[] }) => {\n if (!isActive) {\n return\n }\n\n const placePredictions = response.suggestions\n .map((suggestion: google.maps.places.AutocompleteSuggestion) => suggestion.placePrediction)\n .filter((prediction): prediction is google.maps.places.PlacePrediction => Boolean(prediction))\n\n const combinedPredictions = buildDisplayPredictions(placePredictions, allowedTypesSet)\n await Promise.all(combinedPredictions.map(async prediction => {\n const placeId = prediction.placeId\n if (!placeId || !isNamedPlacePrediction(prediction)) {\n return\n }\n\n let detailedTextRequest = detailedTextRequestsRef.current.get(placeId)\n if (!detailedTextRequest) {\n detailedTextRequest = (async () => {\n try {\n const place = prediction.toPlace()\n const result = await place.fetchFields({ fields: [\"formattedAddress\"] })\n const formattedAddress = result.place.formattedAddress?.trim()\n const placeName = prediction.mainText?.text?.trim()\n if (!formattedAddress || !placeName) return undefined\n return `${placeName}, ${formattedAddress}`\n } catch (error) {\n detailedTextRequestsRef.current.delete(placeId)\n console.error(\"AddressAutocompleteInput: place details fetch failed\", error)\n return undefined\n }\n })()\n detailedTextRequestsRef.current.set(placeId, detailedTextRequest)\n }\n\n const detailedText = await detailedTextRequest\n if (detailedText) {\n detailedTextByPrediction.set(prediction, detailedText)\n }\n }))\n\n if (!isActive) {\n return\n }\n\n const singlePrediction = combinedPredictions[0]\n const hasExactMatch =\n singlePrediction && combinedPredictions.length === 1 && isExactMatch(singlePrediction, inputValue)\n\n if (!hasUserTyped.current && hasExactMatch) {\n setPredictions(combinedPredictions)\n setIsDropdownOpen(false)\n setIsLoading(false)\n return\n }\n\n if (combinedPredictions.length > 0) {\n setPredictions(combinedPredictions)\n if (hasUserTyped.current) {\n setIsDropdownOpen(true)\n }\n setHighlightedIndex(-1)\n } else {\n setPredictions([])\n setIsDropdownOpen(false)\n }\n setIsLoading(false)\n })\n .catch((error: unknown) => {\n if (!isActive) {\n return\n }\n console.error(\"AddressAutocompleteInput: suggestion fetch failed\", error)\n setPredictions([])\n setIsDropdownOpen(false)\n setIsLoading(false)\n })\n }, 300)\n\n return () => {\n isActive = false\n clearTimeout(handler)\n }\n }, [inputValue, placesLibrary, onValueChange, value, locationRestriction, allowedTypesSet])\n\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (\n inputRef.current &&\n !inputRef.current.contains(event.target as Node) &&\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target as Node)\n ) {\n setIsDropdownOpen(false)\n }\n }\n document.addEventListener(\"mousedown\", handleClickOutside)\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside)\n }\n }, [])\n\n const handleSelectPrediction = (prediction: google.maps.places.PlacePrediction) => {\n isSelecting.current = true\n const newAddress = getDisplayText(prediction)\n setInputValue(newAddress)\n onValueChange(newAddress)\n setPredictions([])\n setIsDropdownOpen(false)\n setIsLoading(false)\n sessionTokenRef.current = null\n }\n\n const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n hasUserTyped.current = true\n setInputValue(e.target.value)\n }\n\n const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n if (!isDropdownOpen || predictions.length === 0) {\n if (e.key === \"Enter\") {\n e.preventDefault()\n onValueChange(inputValue)\n setIsDropdownOpen(false)\n sessionTokenRef.current = null\n }\n return\n }\n\n if (e.key === \"ArrowDown\") {\n scrollBehaviorRef.current = e.repeat ? \"auto\" : \"smooth\"\n e.preventDefault()\n setHighlightedIndex(prev => {\n if (predictions.length === 0) {\n return -1\n }\n return prev < 0 ? 0 : (prev + 1) % predictions.length\n })\n } else if (e.key === \"ArrowUp\") {\n scrollBehaviorRef.current = e.repeat ? \"auto\" : \"smooth\"\n e.preventDefault()\n setHighlightedIndex(prev => {\n if (predictions.length === 0) {\n return -1\n }\n if (prev <= 0) {\n return predictions.length - 1\n }\n return (prev - 1) % predictions.length\n })\n } else if (e.key === \"Enter\") {\n e.preventDefault()\n if (highlightedIndex > -1 && predictions[highlightedIndex]) {\n handleSelectPrediction(predictions[highlightedIndex])\n } else {\n onValueChange(inputValue)\n setIsDropdownOpen(false)\n sessionTokenRef.current = null\n }\n } else if (e.key === \"Escape\") {\n setIsDropdownOpen(false)\n }\n }\n\n const handleBlur = () => {\n setIsDropdownOpen(false)\n if (value !== inputValue) {\n onValueChange(inputValue)\n }\n sessionTokenRef.current = null\n }\n\n const shimName = autofillShimName ?? (name ? `${name}_shim` : undefined)\n\n useEffect(() => {\n if (!isDropdownOpen || highlightedIndex < 0) {\n scrollBehaviorRef.current = \"smooth\"\n return\n }\n\n const item = optionRefs.current[highlightedIndex]\n const list = dropdownRef.current\n\n if (!item || !list) {\n scrollBehaviorRef.current = \"smooth\"\n return\n }\n\n const behavior = scrollBehaviorRef.current\n scrollBehaviorRef.current = \"smooth\"\n\n const top = item.offsetTop\n const bottom = top + item.offsetHeight\n const viewTop = list.scrollTop\n const viewBottom = viewTop + list.clientHeight\n\n if (top >= viewTop && bottom <= viewBottom) {\n return\n }\n\n item.scrollIntoView({\n block: \"nearest\",\n behavior,\n })\n }, [highlightedIndex, isDropdownOpen])\n\n optionRefs.current.length = predictions.length\n\n return (\n <div className=\"relative\">\n {shimName && (\n <input\n tabIndex={-1}\n autoComplete=\"street-address\"\n name={shimName}\n aria-hidden=\"true\"\n style={{\n position: \"absolute\",\n left: \"-9999px\",\n top: \"-9999px\",\n height: \"1px\",\n width: \"1px\",\n }}\n />\n )}\n <label htmlFor={id} className=\"text-left block text-sm font-medium text-gray-700 mb-1 cursor-pointer\">\n {label}\n </label>\n <div className=\"relative\">\n <Input\n ref={inputRef}\n id={id}\n type=\"text\"\n placeholder={placeholder}\n name={name ?? `${id}_input`}\n value={inputValue}\n onChange={handleInputChange}\n onKeyDown={handleKeyDown}\n onFocus={() => {\n if (predictions.length > 0 && inputValue) {\n setIsDropdownOpen(true)\n }\n }}\n onBlur={handleBlur}\n disabled={disabled}\n autoComplete=\"new-password\"\n className={cn(\"w-full\", isLoading && \"pr-9\", className)}\n />\n {isLoading && (\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute right-3 top-1/2 flex size-4 -translate-y-1/2 items-center justify-center text-gray-400\"\n data-slot=\"address-autocomplete-loading-indicator\"\n >\n {loadingIndicator === undefined ? <Loader2 className=\"size-full animate-spin\" /> : loadingIndicator}\n </span>\n )}\n </div>\n {isDropdownOpen && predictions.length > 0 && (\n <ul\n ref={dropdownRef}\n className=\"absolute z-10 mt-1 w-full max-h-60 overflow-y-auto rounded-md border border-gray-200 bg-white text-left shadow-lg\"\n role=\"listbox\"\n >\n {predictions.map((prediction, index) => (\n <li\n key={getPredictionId(prediction, index)}\n ref={node => {\n optionRefs.current[index] = node\n }}\n className={clsx(\n \"cursor-pointer px-3 py-2 text-sm text-gray-700 hover:bg-gray-100\",\n { \"bg-gray-100\": highlightedIndex === index },\n )}\n role=\"option\"\n onMouseDown={e => {\n e.preventDefault()\n handleSelectPrediction(prediction)\n }}\n >\n <PredictionItem prediction={prediction} />\n </li>\n ))}\n </ul>\n )}\n </div>\n )\n}\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rpcbase/ui",
3
- "version": "0.278.0",
3
+ "version": "0.280.0",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "type": "module",
6
6
  "sideEffects": [