@purpur/library 9.0.10 → 9.1.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.
- package/CHANGELOG.json +33 -0
- package/CHANGELOG.md +15 -1
- package/dist/LICENSE.txt +45 -24
- package/dist/{autocomplete-Dy8YL7Mo.js → autocomplete-B421J7CS.js} +2 -2
- package/dist/{autocomplete-Dy8YL7Mo.js.map → autocomplete-B421J7CS.js.map} +1 -1
- package/dist/{autocomplete-Dn503hFM.mjs → autocomplete-B8L-dTmF.mjs} +3 -3
- package/dist/{autocomplete-Dn503hFM.mjs.map → autocomplete-B8L-dTmF.mjs.map} +1 -1
- package/dist/autocomplete.cjs.js +1 -1
- package/dist/autocomplete.es.js +1 -1
- package/dist/chat-field-CxOqk0-9.js +2 -0
- package/dist/chat-field-CxOqk0-9.js.map +1 -0
- package/dist/chat-field-yK-TwW0D.mjs +149 -0
- package/dist/chat-field-yK-TwW0D.mjs.map +1 -0
- package/dist/chat-field.cjs.js +2 -0
- package/dist/chat-field.cjs.js.map +1 -0
- package/dist/chat-field.es.js +5 -0
- package/dist/chat-field.es.js.map +1 -0
- package/dist/components/autocomplete/src/autocomplete.d.ts.map +1 -1
- package/dist/components/chat-field/src/chat-field.d.ts +71 -0
- package/dist/components/chat-field/src/chat-field.d.ts.map +1 -0
- package/dist/components/dismissable-chip-group/src/dismissable-chip-group-item.d.ts.map +1 -1
- package/dist/components/dismissable-chip-group/src/dismissable-chip-group.d.ts +6 -1
- package/dist/components/dismissable-chip-group/src/dismissable-chip-group.d.ts.map +1 -1
- package/dist/components/dropdown/src/dropdown-combobox.d.ts +34 -0
- package/dist/components/dropdown/src/dropdown-combobox.d.ts.map +1 -0
- package/dist/components/dropdown/src/dropdown-select.d.ts +34 -0
- package/dist/components/dropdown/src/dropdown-select.d.ts.map +1 -0
- package/dist/components/dropdown/src/dropdown-shared.d.ts +51 -0
- package/dist/components/dropdown/src/dropdown-shared.d.ts.map +1 -0
- package/dist/components/dropdown/src/dropdown.d.ts +6 -0
- package/dist/components/dropdown/src/dropdown.d.ts.map +1 -0
- package/dist/components/dropdown/src/dropdown.types.d.ts +94 -0
- package/dist/components/dropdown/src/dropdown.types.d.ts.map +1 -0
- package/dist/components/dropdown/src/useDropdown.d.ts +38 -0
- package/dist/components/dropdown/src/useDropdown.d.ts.map +1 -0
- package/dist/components/dropdown/src/useDropdownFilter.d.ts +9 -0
- package/dist/components/dropdown/src/useDropdownFilter.d.ts.map +1 -0
- package/dist/components/dropdown/src/useDropdownHighlight.d.ts +19 -0
- package/dist/components/dropdown/src/useDropdownHighlight.d.ts.map +1 -0
- package/dist/components/dropdown/src/useDropdownInput.d.ts +12 -0
- package/dist/components/dropdown/src/useDropdownInput.d.ts.map +1 -0
- package/dist/components/dropdown/src/useOnClickOutside.d.ts +2 -0
- package/dist/components/dropdown/src/useOnClickOutside.d.ts.map +1 -0
- package/dist/components/listbox/src/listbox-item.d.ts +2 -0
- package/dist/components/listbox/src/listbox-item.d.ts.map +1 -1
- package/dist/components/search-field/src/search-field-autocomplete.d.ts +73 -0
- package/dist/components/search-field/src/search-field-autocomplete.d.ts.map +1 -0
- package/dist/components/search-field/src/search-field-base.d.ts +97 -0
- package/dist/components/search-field/src/search-field-base.d.ts.map +1 -0
- package/dist/components/search-field/src/search-field.d.ts +123 -41
- package/dist/components/search-field/src/search-field.d.ts.map +1 -1
- package/dist/components/text-field/src/text-field-ai.d.ts +669 -0
- package/dist/components/text-field/src/text-field-ai.d.ts.map +1 -0
- package/dist/components/text-field/src/text-field-base.d.ts +671 -0
- package/dist/components/text-field/src/text-field-base.d.ts.map +1 -0
- package/dist/components/text-field/src/text-field.d.ts +42 -4
- package/dist/components/text-field/src/text-field.d.ts.map +1 -1
- package/dist/components-metadata.js +29 -1
- package/dist/{date-field-DACXrowI.mjs → date-field-4tYMPw89.mjs} +2 -2
- package/dist/{date-field-DACXrowI.mjs.map → date-field-4tYMPw89.mjs.map} +1 -1
- package/dist/{date-field-Z3LKO4b7.js → date-field-B7ipm5sH.js} +2 -2
- package/dist/{date-field-Z3LKO4b7.js.map → date-field-B7ipm5sH.js.map} +1 -1
- package/dist/date-field.cjs.js +1 -1
- package/dist/date-field.es.js +1 -1
- package/dist/{date-picker-5Gr_cEqA.js → date-picker-B8L1Hm8r.js} +2 -2
- package/dist/{date-picker-5Gr_cEqA.js.map → date-picker-B8L1Hm8r.js.map} +1 -1
- package/dist/{date-picker-CdVUA8NC.mjs → date-picker-Bp_XpoOF.mjs} +2 -2
- package/dist/{date-picker-CdVUA8NC.mjs.map → date-picker-Bp_XpoOF.mjs.map} +1 -1
- package/dist/date-picker.cjs.js +1 -1
- package/dist/date-picker.es.js +1 -1
- package/dist/dismissable-chip-group-Cd23yjBa.js +2 -0
- package/dist/dismissable-chip-group-Cd23yjBa.js.map +1 -0
- package/dist/dismissable-chip-group-D-gD93ON.mjs +89 -0
- package/dist/dismissable-chip-group-D-gD93ON.mjs.map +1 -0
- package/dist/dismissable-chip-group.cjs.js +1 -1
- package/dist/dismissable-chip-group.es.js +5 -2
- package/dist/dropdown-BC6evqyq.js +2 -0
- package/dist/dropdown-BC6evqyq.js.map +1 -0
- package/dist/dropdown-C-Ze4gvG.mjs +771 -0
- package/dist/dropdown-C-Ze4gvG.mjs.map +1 -0
- package/dist/dropdown.cjs.js +2 -0
- package/dist/dropdown.cjs.js.map +1 -0
- package/dist/dropdown.es.js +6 -0
- package/dist/dropdown.es.js.map +1 -0
- package/dist/libraries/library/src/chat-field.d.ts +6 -0
- package/dist/libraries/library/src/chat-field.d.ts.map +1 -0
- package/dist/libraries/library/src/dropdown.d.ts +6 -0
- package/dist/libraries/library/src/dropdown.d.ts.map +1 -0
- package/dist/libraries/library/src/library.d.ts +2 -0
- package/dist/libraries/library/src/library.d.ts.map +1 -1
- package/dist/library.cjs.js +1 -1
- package/dist/library.es.js +601 -591
- package/dist/library.es.js.map +1 -1
- package/dist/listbox-COBHLRtB.js +2 -0
- package/dist/listbox-COBHLRtB.js.map +1 -0
- package/dist/listbox-DG4KmQP_.mjs +66 -0
- package/dist/listbox-DG4KmQP_.mjs.map +1 -0
- package/dist/listbox.cjs.js +1 -1
- package/dist/listbox.es.js +1 -1
- package/dist/purpur.css +1 -1
- package/dist/{quantity-selector-w10wKMmT.mjs → quantity-selector-CsR6KTG3.mjs} +2 -2
- package/dist/{quantity-selector-w10wKMmT.mjs.map → quantity-selector-CsR6KTG3.mjs.map} +1 -1
- package/dist/{quantity-selector-D28He6R8.js → quantity-selector-DWDg4aFO.js} +2 -2
- package/dist/{quantity-selector-D28He6R8.js.map → quantity-selector-DWDg4aFO.js.map} +1 -1
- package/dist/quantity-selector.cjs.js +1 -1
- package/dist/quantity-selector.es.js +1 -1
- package/dist/search-field-Caj2dKLn.mjs +151 -0
- package/dist/search-field-Caj2dKLn.mjs.map +1 -0
- package/dist/search-field-DAktzYb0.js +2 -0
- package/dist/search-field-DAktzYb0.js.map +1 -0
- package/dist/search-field.cjs.js +1 -1
- package/dist/search-field.es.js +3 -2
- package/dist/{table-YR-bpfU0.mjs → table-DXYHrKI7.mjs} +2 -2
- package/dist/{table-YR-bpfU0.mjs.map → table-DXYHrKI7.mjs.map} +1 -1
- package/dist/{table-CJijBJsy.js → table-x3SDCR-z.js} +2 -2
- package/dist/{table-CJijBJsy.js.map → table-x3SDCR-z.js.map} +1 -1
- package/dist/table.cjs.js +1 -1
- package/dist/table.es.js +1 -1
- package/dist/text-field-BQYzwIrG.mjs +322 -0
- package/dist/text-field-BQYzwIrG.mjs.map +1 -0
- package/dist/text-field-BwxGMWds.js +2 -0
- package/dist/text-field-BwxGMWds.js.map +1 -0
- package/dist/text-field.cjs.js +1 -1
- package/dist/text-field.es.js +4 -3
- package/dist/use-autocomplete.es-BHDgQLae.js +2 -0
- package/dist/use-autocomplete.es-BHDgQLae.js.map +1 -0
- package/dist/use-autocomplete.es-CVv3z8t6.mjs +142 -0
- package/dist/use-autocomplete.es-CVv3z8t6.mjs.map +1 -0
- package/package.json +25 -23
- package/src/aliases.ts +8 -0
- package/src/chat-field.ts +6 -0
- package/src/dropdown.ts +6 -0
- package/src/entries.js +2 -0
- package/src/library.ts +4 -0
- package/dist/dismissable-chip-group-CnziecOt.js +0 -2
- package/dist/dismissable-chip-group-CnziecOt.js.map +0 -1
- package/dist/dismissable-chip-group-ZCYOt1sB.mjs +0 -79
- package/dist/dismissable-chip-group-ZCYOt1sB.mjs.map +0 -1
- package/dist/listbox-BmjBtIv8.js +0 -2
- package/dist/listbox-BmjBtIv8.js.map +0 -1
- package/dist/listbox-oDeP8FvH.mjs +0 -65
- package/dist/listbox-oDeP8FvH.mjs.map +0 -1
- package/dist/search-field-CNpJp3Tg.js +0 -2
- package/dist/search-field-CNpJp3Tg.js.map +0 -1
- package/dist/search-field-CWqLnqdo.mjs +0 -91
- package/dist/search-field-CWqLnqdo.mjs.map +0 -1
- package/dist/text-field-BMDf8j-K.mjs +0 -185
- package/dist/text-field-BMDf8j-K.mjs.map +0 -1
- package/dist/text-field-CiLEj0Fq.js +0 -2
- package/dist/text-field-CiLEj0Fq.js.map +0 -1
package/dist/table.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./table-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./table-x3SDCR-z.js");exports.Table=e.Table;exports.createColumnHelper=e.createColumnHelper;
|
|
2
2
|
//# sourceMappingURL=table.cjs.js.map
|
package/dist/table.es.js
CHANGED
|
@@ -0,0 +1,322 @@
|
|
|
1
|
+
import { jsx as r, jsxs as A } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as U, forwardRef as q, useId as te, useState as C, useCallback as ie, useEffect as L, isValidElement as ae } from "react";
|
|
3
|
+
import { b as re } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
|
|
4
|
+
import { c as Q } from "./bind-CU-R61T-.mjs";
|
|
5
|
+
import { b as ne } from "./button-Cv7NlYbv.mjs";
|
|
6
|
+
import { F as ue } from "./field-error-text-CBSX8dGx.mjs";
|
|
7
|
+
import { F as de } from "./field-helper-text-C5ee4SFV.mjs";
|
|
8
|
+
import { r as le } from "./check-circle-filled.es-umBwOv5_.mjs";
|
|
9
|
+
import { r as _e } from "./close.es-BPmk2wkU.mjs";
|
|
10
|
+
import { L as pe } from "./label-7sJe5-pX.mjs";
|
|
11
|
+
import { a as se } from "./spinner-DRQN6YdK.mjs";
|
|
12
|
+
const oe = {
|
|
13
|
+
name: "edit-ai",
|
|
14
|
+
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M18.175 22.5c.464-.002.856-.304.978-.755.41-1.533 1.255-2.463 2.655-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.664-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.865.305-.986.747-.422 1.518-1.267 2.447-2.661 2.923a1.02 1.02 0 0 0-.686.969c0 .436.278.824.686.961 1.4.479 2.243 1.414 2.657 2.946.12.442.523.75.978.75h.002Zm-1.788-4.66a5.334 5.334 0 0 0 1.78-1.867 5.323 5.323 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.785-1.883Zm4.668-12.884L18.19 2.091a1.9 1.9 0 0 0-2.687 0l-11.37 11.37a.9.9 0 0 0-.212.335L1.556 20.44a.9.9 0 0 0 1.15 1.15l6.644-2.365a.9.9 0 0 0 .335-.212l11.37-11.37a1.9 1.9 0 0 0 0-2.687ZM3.888 19.26l1.253-3.518 2.264 2.264-3.517 1.254ZM19.781 6.37 9.048 17.104 6.04 14.098l8.16-8.16 1.504 1.503a.9.9 0 1 0 1.273-1.273l-1.504-1.503 1.302-1.3a.1.1 0 0 1 .14 0l2.865 2.864a.1.1 0 0 1 0 .141Z"/></svg>',
|
|
15
|
+
keywords: ["edit-ai"],
|
|
16
|
+
category: "ai"
|
|
17
|
+
}, W = (t) => /* @__PURE__ */ r(re, { ...t, svg: oe });
|
|
18
|
+
W.displayName = "IconEditAi";
|
|
19
|
+
const X = {
|
|
20
|
+
"purpur-text-field-ai": "_purpur-text-field-ai_xb5id_1",
|
|
21
|
+
"purpur-text-field-ai__label": "_purpur-text-field-ai__label_xb5id_7",
|
|
22
|
+
"purpur-text-field-ai__label-text": "_purpur-text-field-ai__label-text_xb5id_12",
|
|
23
|
+
"purpur-text-field-ai__field-row": "_purpur-text-field-ai__field-row_xb5id_15",
|
|
24
|
+
"purpur-text-field-ai__frame": "_purpur-text-field-ai__frame_xb5id_19",
|
|
25
|
+
"purpur-text-field-ai__frame--negative": "_purpur-text-field-ai__frame--negative_xb5id_26",
|
|
26
|
+
"purpur-text-field-ai__input-container": "_purpur-text-field-ai__input-container_xb5id_29",
|
|
27
|
+
"purpur-text-field-ai__input-container--disabled": "_purpur-text-field-ai__input-container--disabled_xb5id_40",
|
|
28
|
+
"purpur-text-field-ai__input-container--readonly": "_purpur-text-field-ai__input-container--readonly_xb5id_43",
|
|
29
|
+
"purpur-text-field-ai__input-container--has-clear-button": "_purpur-text-field-ai__input-container--has-clear-button_xb5id_46",
|
|
30
|
+
"purpur-text-field-ai__input-container--end-adornment": "_purpur-text-field-ai__input-container--end-adornment_xb5id_49",
|
|
31
|
+
"purpur-text-field-ai__input": "_purpur-text-field-ai__input_xb5id_29",
|
|
32
|
+
"purpur-text-field-ai__input-container--start-adornment": "_purpur-text-field-ai__input-container--start-adornment_xb5id_55",
|
|
33
|
+
"purpur-text-field-ai__input-container--negative": "_purpur-text-field-ai__input-container--negative_xb5id_61",
|
|
34
|
+
"purpur-text-field-ai__valid-icon": "_purpur-text-field-ai__valid-icon_xb5id_86",
|
|
35
|
+
"purpur-text-field-ai__valid-icon--negative": "_purpur-text-field-ai__valid-icon--negative_xb5id_89",
|
|
36
|
+
"purpur-text-field-ai__frame--ai": "_purpur-text-field-ai__frame--ai_xb5id_95",
|
|
37
|
+
"purpur-text-field-ai__ai-icon": "_purpur-text-field-ai__ai-icon_xb5id_112",
|
|
38
|
+
"purpur-text-field-ai__input--ai": "_purpur-text-field-ai__input--ai_xb5id_167",
|
|
39
|
+
"purpur-text-field-ai__input--valid": "_purpur-text-field-ai__input--valid_xb5id_179",
|
|
40
|
+
"purpur-text-field-ai__input--error": "_purpur-text-field-ai__input--error_xb5id_179",
|
|
41
|
+
"purpur-text-field-ai__input--negative": "_purpur-text-field-ai__input--negative_xb5id_227",
|
|
42
|
+
"purpur-text-field-ai__adornment-container": "_purpur-text-field-ai__adornment-container_xb5id_246",
|
|
43
|
+
"purpur-text-field-ai__ai-icon--negative": "_purpur-text-field-ai__ai-icon--negative_xb5id_256"
|
|
44
|
+
}, fe = {
|
|
45
|
+
"purpur-text-field-default": "_purpur-text-field-default_111s2_1",
|
|
46
|
+
"purpur-text-field-default__label": "_purpur-text-field-default__label_111s2_7",
|
|
47
|
+
"purpur-text-field-default__label-text": "_purpur-text-field-default__label-text_111s2_12",
|
|
48
|
+
"purpur-text-field-default__field-row": "_purpur-text-field-default__field-row_111s2_15",
|
|
49
|
+
"purpur-text-field-default__frame": "_purpur-text-field-default__frame_111s2_19",
|
|
50
|
+
"purpur-text-field-default__frame--negative": "_purpur-text-field-default__frame--negative_111s2_26",
|
|
51
|
+
"purpur-text-field-default__input-container": "_purpur-text-field-default__input-container_111s2_29",
|
|
52
|
+
"purpur-text-field-default__input-container--disabled": "_purpur-text-field-default__input-container--disabled_111s2_40",
|
|
53
|
+
"purpur-text-field-default__input-container--readonly": "_purpur-text-field-default__input-container--readonly_111s2_43",
|
|
54
|
+
"purpur-text-field-default__input-container--has-clear-button": "_purpur-text-field-default__input-container--has-clear-button_111s2_46",
|
|
55
|
+
"purpur-text-field-default__input-container--end-adornment": "_purpur-text-field-default__input-container--end-adornment_111s2_49",
|
|
56
|
+
"purpur-text-field-default__input": "_purpur-text-field-default__input_111s2_29",
|
|
57
|
+
"purpur-text-field-default__input-container--start-adornment": "_purpur-text-field-default__input-container--start-adornment_111s2_55",
|
|
58
|
+
"purpur-text-field-default__input-container--negative": "_purpur-text-field-default__input-container--negative_111s2_61",
|
|
59
|
+
"purpur-text-field-default__valid-icon": "_purpur-text-field-default__valid-icon_111s2_86",
|
|
60
|
+
"purpur-text-field-default__valid-icon--negative": "_purpur-text-field-default__valid-icon--negative_111s2_89",
|
|
61
|
+
"purpur-text-field-default__input--valid": "_purpur-text-field-default__input--valid_111s2_118",
|
|
62
|
+
"purpur-text-field-default__input--error": "_purpur-text-field-default__input--error_111s2_118",
|
|
63
|
+
"purpur-text-field-default__input--negative": "_purpur-text-field-default__input--negative_111s2_136",
|
|
64
|
+
"purpur-text-field-default__adornment-container": "_purpur-text-field-default__adornment-container_111s2_152"
|
|
65
|
+
}, ce = (t) => U(t), xe = "purpur-text-field-default", D = q(
|
|
66
|
+
({
|
|
67
|
+
["data-testid"]: t,
|
|
68
|
+
className: c,
|
|
69
|
+
clearButtonAriaLabel: _,
|
|
70
|
+
beforeField: v,
|
|
71
|
+
afterField: h,
|
|
72
|
+
endAdornment: g,
|
|
73
|
+
errorText: f,
|
|
74
|
+
helperText: y,
|
|
75
|
+
hideRequiredAsterisk: R = !1,
|
|
76
|
+
label: T,
|
|
77
|
+
loading: $ = !1,
|
|
78
|
+
onClear: F,
|
|
79
|
+
startAdornment: S,
|
|
80
|
+
valid: Z = !1,
|
|
81
|
+
negative: u = !1,
|
|
82
|
+
_styles: j,
|
|
83
|
+
_rootClassName: k,
|
|
84
|
+
_prependEndAdornments: N,
|
|
85
|
+
_inputModifiers: z,
|
|
86
|
+
_frameModifiers: E,
|
|
87
|
+
_inputContainerRef: V,
|
|
88
|
+
...i
|
|
89
|
+
}, x) => {
|
|
90
|
+
const d = Q.bind(j ?? fe), e = k ?? xe, m = te(), b = i.id ?? m, a = (n) => t ? `${t}-${n}` : void 0, B = Z && !f, o = y ? `${b}-helper-text` : void 0, M = [S].filter((n) => !!n), w = (typeof i.value == "number" ? i.value !== void 0 : i.value?.length) && !i.disabled && !i.readOnly && !$ && F && _, p = ce(null), H = (n) => {
|
|
91
|
+
p.current = n, typeof x == "function" ? x(n) : x && (x.current = n);
|
|
92
|
+
}, O = () => {
|
|
93
|
+
F?.(), p.current?.focus();
|
|
94
|
+
}, l = [
|
|
95
|
+
...N ?? [],
|
|
96
|
+
$ && /* @__PURE__ */ r(
|
|
97
|
+
se,
|
|
98
|
+
{
|
|
99
|
+
disabled: i.disabled,
|
|
100
|
+
size: "xs",
|
|
101
|
+
"data-testid": a("spinner"),
|
|
102
|
+
negative: u
|
|
103
|
+
},
|
|
104
|
+
"spinner"
|
|
105
|
+
),
|
|
106
|
+
w && /* @__PURE__ */ r(
|
|
107
|
+
ne,
|
|
108
|
+
{
|
|
109
|
+
negative: u,
|
|
110
|
+
variant: "tertiary-purple",
|
|
111
|
+
onClick: O,
|
|
112
|
+
iconOnly: !0,
|
|
113
|
+
"aria-label": _ ?? "",
|
|
114
|
+
"data-testid": a("clear-button"),
|
|
115
|
+
tabIndex: -1,
|
|
116
|
+
children: /* @__PURE__ */ r(_e, { size: "xs" })
|
|
117
|
+
},
|
|
118
|
+
"clear-button"
|
|
119
|
+
),
|
|
120
|
+
B && /* @__PURE__ */ r(
|
|
121
|
+
le,
|
|
122
|
+
{
|
|
123
|
+
"data-testid": a("valid-icon"),
|
|
124
|
+
className: d(`${e}__valid-icon`, {
|
|
125
|
+
[`${e}__valid-icon--negative`]: u
|
|
126
|
+
})
|
|
127
|
+
},
|
|
128
|
+
"valid-icon"
|
|
129
|
+
)
|
|
130
|
+
].filter((n) => !!n), s = d(`${e}__input-container`, {
|
|
131
|
+
[`${e}__input-container--start-adornment`]: M.length,
|
|
132
|
+
[`${e}__input-container--end-adornment`]: l.length || g,
|
|
133
|
+
[`${e}__input-container--disabled`]: i.disabled,
|
|
134
|
+
[`${e}__input-container--has-clear-button`]: w,
|
|
135
|
+
[`${e}__input-container--readonly`]: i.readOnly && !i.disabled,
|
|
136
|
+
[`${e}__input-container--negative`]: u
|
|
137
|
+
});
|
|
138
|
+
return /* @__PURE__ */ A("div", { className: d(c, e), children: [
|
|
139
|
+
T && /* @__PURE__ */ A(
|
|
140
|
+
pe,
|
|
141
|
+
{
|
|
142
|
+
htmlFor: b,
|
|
143
|
+
className: d(`${e}__label`),
|
|
144
|
+
"data-testid": a("label"),
|
|
145
|
+
disabled: i.disabled,
|
|
146
|
+
negative: u,
|
|
147
|
+
children: [
|
|
148
|
+
i.required && !R && /* @__PURE__ */ r("span", { "aria-hidden": !0, children: "*" }),
|
|
149
|
+
T
|
|
150
|
+
]
|
|
151
|
+
}
|
|
152
|
+
),
|
|
153
|
+
/* @__PURE__ */ A("div", { className: d(`${e}__field-row`), children: [
|
|
154
|
+
!!v && v,
|
|
155
|
+
/* @__PURE__ */ A("div", { ref: V, className: s, children: [
|
|
156
|
+
!!M.length && /* @__PURE__ */ r(
|
|
157
|
+
"div",
|
|
158
|
+
{
|
|
159
|
+
"data-testid": a("start-adornments"),
|
|
160
|
+
className: d(`${e}__adornment-container`),
|
|
161
|
+
children: M
|
|
162
|
+
}
|
|
163
|
+
),
|
|
164
|
+
/* @__PURE__ */ r(
|
|
165
|
+
"input",
|
|
166
|
+
{
|
|
167
|
+
...i,
|
|
168
|
+
id: b,
|
|
169
|
+
ref: H,
|
|
170
|
+
"data-testid": a("input"),
|
|
171
|
+
"aria-describedby": i["aria-describedby"] || o,
|
|
172
|
+
"aria-invalid": i["aria-invalid"] || !!f,
|
|
173
|
+
className: d([
|
|
174
|
+
`${e}__input`,
|
|
175
|
+
{
|
|
176
|
+
[`${e}__input--valid`]: B,
|
|
177
|
+
[`${e}__input--error`]: !!f,
|
|
178
|
+
[`${e}__input--negative`]: u,
|
|
179
|
+
...z ?? {}
|
|
180
|
+
}
|
|
181
|
+
])
|
|
182
|
+
}
|
|
183
|
+
),
|
|
184
|
+
/* @__PURE__ */ r(
|
|
185
|
+
"div",
|
|
186
|
+
{
|
|
187
|
+
className: d(`${e}__frame`, {
|
|
188
|
+
[`${e}__frame--negative`]: u,
|
|
189
|
+
...E ?? {}
|
|
190
|
+
})
|
|
191
|
+
}
|
|
192
|
+
),
|
|
193
|
+
(!!l.length || g) && /* @__PURE__ */ A(
|
|
194
|
+
"div",
|
|
195
|
+
{
|
|
196
|
+
"data-testid": a("end-adornments"),
|
|
197
|
+
className: d(`${e}__adornment-container`),
|
|
198
|
+
children: [
|
|
199
|
+
l,
|
|
200
|
+
g
|
|
201
|
+
]
|
|
202
|
+
}
|
|
203
|
+
)
|
|
204
|
+
] }),
|
|
205
|
+
!!h && h
|
|
206
|
+
] }),
|
|
207
|
+
o && /* @__PURE__ */ r(
|
|
208
|
+
de,
|
|
209
|
+
{
|
|
210
|
+
"data-testid": a("helper-text"),
|
|
211
|
+
id: o,
|
|
212
|
+
negative: u,
|
|
213
|
+
disabled: i.disabled,
|
|
214
|
+
children: y
|
|
215
|
+
}
|
|
216
|
+
),
|
|
217
|
+
f && /* @__PURE__ */ r(ue, { "data-testid": a("error-text"), negative: u, children: f })
|
|
218
|
+
] });
|
|
219
|
+
}
|
|
220
|
+
);
|
|
221
|
+
D.displayName = "TextField";
|
|
222
|
+
const me = Q.bind(X), I = "purpur-text-field-ai", K = 1400, be = (t) => typeof t == "number" ? !Number.isNaN(t) : typeof t == "string" || Array.isArray(t) ? t.length > 0 : t != null, Y = q(
|
|
223
|
+
({
|
|
224
|
+
["data-testid"]: t,
|
|
225
|
+
animatePrepopulatedValue: c = !1,
|
|
226
|
+
typingAnimationDurationMs: _ = K,
|
|
227
|
+
endAdornment: v,
|
|
228
|
+
value: h,
|
|
229
|
+
defaultValue: g,
|
|
230
|
+
onChange: f,
|
|
231
|
+
disabled: y,
|
|
232
|
+
readOnly: R,
|
|
233
|
+
valid: T = !1,
|
|
234
|
+
negative: $ = !1,
|
|
235
|
+
...F
|
|
236
|
+
}, S) => {
|
|
237
|
+
const Z = (l) => t ? `${t}-${l}` : void 0, u = h !== void 0, [j, k] = C(g), [N, z] = C(!1), [E, V] = C(!1), [i, x] = C(!1), [d, e] = C(null), m = U(null), b = U(null), a = u ? h : j, o = be(a) && !N, G = d !== null ? d : a ?? "", w = o && c && !i && !y && !R, p = ie(() => {
|
|
238
|
+
m.current !== null && (window.clearInterval(m.current), m.current = null);
|
|
239
|
+
}, []), H = (l) => {
|
|
240
|
+
p(), e(null), u || k(l.currentTarget.value), z(!0), f?.(l);
|
|
241
|
+
};
|
|
242
|
+
L(() => {
|
|
243
|
+
if (!w || typeof IntersectionObserver > "u")
|
|
244
|
+
return;
|
|
245
|
+
const l = b.current;
|
|
246
|
+
if (!l)
|
|
247
|
+
return;
|
|
248
|
+
const s = new IntersectionObserver(
|
|
249
|
+
(n) => {
|
|
250
|
+
n.some((ee) => ee.isIntersecting) && (V(!0), x(!0), s.disconnect());
|
|
251
|
+
},
|
|
252
|
+
{ threshold: 0.35 }
|
|
253
|
+
);
|
|
254
|
+
return s.observe(l), () => s.disconnect();
|
|
255
|
+
}, [w]), L(() => {
|
|
256
|
+
if (!E || N || typeof a != "string")
|
|
257
|
+
return;
|
|
258
|
+
if (window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches || a.length === 0) {
|
|
259
|
+
V(!1);
|
|
260
|
+
return;
|
|
261
|
+
}
|
|
262
|
+
p(), e("");
|
|
263
|
+
let s = 0;
|
|
264
|
+
const n = Number.isFinite(_) && _ > 0 ? _ : K, J = Math.max(20, Math.floor(n / a.length));
|
|
265
|
+
return m.current = window.setInterval(() => {
|
|
266
|
+
s += 1, e(a.slice(0, s)), s >= a.length && (p(), e(null), V(!1));
|
|
267
|
+
}, J), p;
|
|
268
|
+
}, [
|
|
269
|
+
p,
|
|
270
|
+
N,
|
|
271
|
+
E,
|
|
272
|
+
_,
|
|
273
|
+
a
|
|
274
|
+
]), L(() => p, [p]);
|
|
275
|
+
const O = [];
|
|
276
|
+
return v === void 0 && o && O.push(
|
|
277
|
+
/* @__PURE__ */ r(
|
|
278
|
+
W,
|
|
279
|
+
{
|
|
280
|
+
size: "xs",
|
|
281
|
+
"data-testid": Z("edit-ai-icon"),
|
|
282
|
+
className: me(`${I}__ai-icon`, {
|
|
283
|
+
[`${I}__ai-icon--negative`]: $
|
|
284
|
+
})
|
|
285
|
+
},
|
|
286
|
+
"ai-icon"
|
|
287
|
+
)
|
|
288
|
+
), /* @__PURE__ */ r(
|
|
289
|
+
D,
|
|
290
|
+
{
|
|
291
|
+
ref: S,
|
|
292
|
+
"data-testid": t,
|
|
293
|
+
...F,
|
|
294
|
+
endAdornment: v,
|
|
295
|
+
value: G,
|
|
296
|
+
onChange: H,
|
|
297
|
+
disabled: y,
|
|
298
|
+
readOnly: R,
|
|
299
|
+
valid: T,
|
|
300
|
+
negative: $,
|
|
301
|
+
_styles: X,
|
|
302
|
+
_rootClassName: I,
|
|
303
|
+
_prependEndAdornments: O,
|
|
304
|
+
_inputModifiers: { [`${I}__input--ai`]: o },
|
|
305
|
+
_frameModifiers: { [`${I}__frame--ai`]: o },
|
|
306
|
+
_inputContainerRef: b
|
|
307
|
+
}
|
|
308
|
+
);
|
|
309
|
+
}
|
|
310
|
+
);
|
|
311
|
+
Y.displayName = "TextField";
|
|
312
|
+
const Re = ["default", "ai"], P = q(
|
|
313
|
+
({ variant: t = "default", ...c }, _) => t === "ai" ? /* @__PURE__ */ r(Y, { ref: _, ...c }) : /* @__PURE__ */ r(D, { ref: _, ...c })
|
|
314
|
+
);
|
|
315
|
+
P.displayName = "TextField";
|
|
316
|
+
const Te = (t) => ae(t) && t.type.displayName === P.displayName;
|
|
317
|
+
export {
|
|
318
|
+
P as T,
|
|
319
|
+
Te as i,
|
|
320
|
+
Re as t
|
|
321
|
+
};
|
|
322
|
+
//# sourceMappingURL=text-field-BQYzwIrG.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-field-BQYzwIrG.mjs","sources":["../../../components/icon/dist/components/edit-ai.es.js","../../../components/text-field/src/utils.ts","../../../components/text-field/src/text-field-base.tsx","../../../components/text-field/src/text-field-ai.tsx","../../../components/text-field/src/text-field.tsx"],"sourcesContent":["import { jsx as i } from \"react/jsx-runtime\";\nimport { I as o } from \"../icon-DNHpBTHs.mjs\";\nconst t = {\n name: \"edit-ai\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.175 22.5c.464-.002.856-.304.978-.755.41-1.533 1.255-2.463 2.655-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.664-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.865.305-.986.747-.422 1.518-1.267 2.447-2.661 2.923a1.02 1.02 0 0 0-.686.969c0 .436.278.824.686.961 1.4.479 2.243 1.414 2.657 2.946.12.442.523.75.978.75h.002Zm-1.788-4.66a5.334 5.334 0 0 0 1.78-1.867 5.323 5.323 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.785-1.883Zm4.668-12.884L18.19 2.091a1.9 1.9 0 0 0-2.687 0l-11.37 11.37a.9.9 0 0 0-.212.335L1.556 20.44a.9.9 0 0 0 1.15 1.15l6.644-2.365a.9.9 0 0 0 .335-.212l11.37-11.37a1.9 1.9 0 0 0 0-2.687ZM3.888 19.26l1.253-3.518 2.264 2.264-3.517 1.254ZM19.781 6.37 9.048 17.104 6.04 14.098l8.16-8.16 1.504 1.503a.9.9 0 1 0 1.273-1.273l-1.504-1.503 1.302-1.3a.1.1 0 0 1 .14 0l2.865 2.864a.1.1 0 0 1 0 .141Z\"/></svg>',\n keywords: [\"edit-ai\"],\n category: \"ai\"\n}, l = (a) => /* @__PURE__ */ i(o, { ...a, svg: t });\nl.displayName = \"IconEditAi\";\nexport {\n l as IconEditAi\n};\n//# sourceMappingURL=edit-ai.es.js.map\n","import { type MutableRefObject, useRef } from \"react\";\n\nexport const useMutableRefObject = <T>(value: T): MutableRefObject<T> => {\n return useRef<T>(value) as MutableRefObject<T>;\n};\n","import React, { forwardRef, type ReactNode, useId } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldBaseProps } from \"./text-field\";\nimport defaultStyles from \"./text-field.module.scss\";\nimport { useMutableRefObject } from \"./utils\";\n\nconst defaultRootClassName = \"purpur-text-field-default\";\n\n// Internal overrides for variant composition (not part of the public API)\nexport type TextFieldBaseInternalOverrides = {\n _styles?: Record<string, string>;\n _rootClassName?: string;\n _prependEndAdornments?: ReactNode[];\n _inputModifiers?: Record<string, boolean>;\n _frameModifiers?: Record<string, boolean>;\n _inputContainerRef?: React.Ref<HTMLDivElement>;\n};\n\nexport const TextFieldBase = forwardRef<\n HTMLInputElement,\n TextFieldBaseProps & TextFieldBaseInternalOverrides\n>(\n (\n {\n [\"data-testid\"]: dataTestId,\n className,\n clearButtonAriaLabel,\n beforeField,\n afterField,\n endAdornment,\n errorText,\n helperText,\n hideRequiredAsterisk = false,\n label,\n loading = false,\n onClear,\n startAdornment,\n valid = false,\n negative = false,\n _styles,\n _rootClassName,\n _prependEndAdornments,\n _inputModifiers,\n _frameModifiers,\n _inputContainerRef,\n ...inputProps\n },\n ref\n ) => {\n const cx = c.bind(_styles ?? defaultStyles);\n const rootClassName = _rootClassName ?? defaultRootClassName;\n const randomId = useId();\n const inputId = inputProps.id ?? randomId;\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const isValid = valid && !errorText;\n const helperTextId = helperText ? `${inputId}-helper-text` : undefined;\n const startAdornments: ReactNode[] = [startAdornment].filter((adornment) => !!adornment);\n const hasValue =\n typeof inputProps.value === \"number\"\n ? inputProps.value !== undefined\n : inputProps.value?.length;\n const hasClearButton =\n hasValue &&\n !inputProps.disabled &&\n !inputProps.readOnly &&\n !loading &&\n onClear &&\n clearButtonAriaLabel;\n\n const internalRef = useMutableRefObject<HTMLInputElement | null>(null);\n const setRef = (node: HTMLInputElement | null) => {\n internalRef.current = node;\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n };\n const handleClear = () => {\n onClear?.();\n internalRef.current?.focus();\n };\n\n const localEndAdornments: ReactNode[] = [\n ...(_prependEndAdornments ?? []),\n loading && (\n <Spinner\n key=\"spinner\"\n disabled={inputProps.disabled}\n size=\"xs\"\n data-testid={getTestId(\"spinner\")}\n negative={negative}\n />\n ),\n hasClearButton && (\n <Button\n negative={negative}\n key=\"clear-button\"\n variant=\"tertiary-purple\"\n onClick={handleClear}\n iconOnly\n aria-label={clearButtonAriaLabel ?? \"\"}\n data-testid={getTestId(\"clear-button\")}\n tabIndex={-1}\n >\n <IconClose size=\"xs\" />\n </Button>\n ),\n isValid && (\n <IconCheckCircleFilled\n key=\"valid-icon\"\n data-testid={getTestId(\"valid-icon\")}\n className={cx(`${rootClassName}__valid-icon`, {\n [`${rootClassName}__valid-icon--negative`]: negative,\n })}\n />\n ),\n ].filter((adornment) => !!adornment);\n\n const inputContainerClassnames = cx(`${rootClassName}__input-container`, {\n [`${rootClassName}__input-container--start-adornment`]: startAdornments.length,\n [`${rootClassName}__input-container--end-adornment`]:\n localEndAdornments.length || endAdornment,\n [`${rootClassName}__input-container--disabled`]: inputProps.disabled,\n [`${rootClassName}__input-container--has-clear-button`]: hasClearButton,\n [`${rootClassName}__input-container--readonly`]: inputProps.readOnly && !inputProps.disabled,\n [`${rootClassName}__input-container--negative`]: negative,\n });\n\n return (\n <div className={cx(className, rootClassName)}>\n {label && (\n <Label\n htmlFor={inputId}\n className={cx(`${rootClassName}__label`)}\n data-testid={getTestId(\"label\")}\n disabled={inputProps.disabled}\n negative={negative}\n >\n {inputProps.required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n {label}\n </Label>\n )}\n <div className={cx(`${rootClassName}__field-row`)}>\n {!!beforeField && beforeField}\n <div ref={_inputContainerRef} className={inputContainerClassnames}>\n {!!startAdornments.length && (\n <div\n data-testid={getTestId(\"start-adornments\")}\n className={cx(`${rootClassName}__adornment-container`)}\n >\n {startAdornments}\n </div>\n )}\n <input\n {...inputProps}\n id={inputId}\n ref={setRef}\n data-testid={getTestId(\"input\")}\n aria-describedby={inputProps[\"aria-describedby\"] || helperTextId}\n aria-invalid={inputProps[\"aria-invalid\"] || !!errorText}\n className={cx([\n `${rootClassName}__input`,\n {\n [`${rootClassName}__input--valid`]: isValid,\n [`${rootClassName}__input--error`]: !!errorText,\n [`${rootClassName}__input--negative`]: negative,\n ...(_inputModifiers ?? {}),\n },\n ])}\n />\n <div\n className={cx(`${rootClassName}__frame`, {\n [`${rootClassName}__frame--negative`]: negative,\n ...(_frameModifiers ?? {}),\n })}\n />\n {(!!localEndAdornments.length || endAdornment) && (\n <div\n data-testid={getTestId(\"end-adornments\")}\n className={cx(`${rootClassName}__adornment-container`)}\n >\n {localEndAdornments}\n {endAdornment}\n </div>\n )}\n </div>\n {!!afterField && afterField}\n </div>\n {helperTextId && (\n <FieldHelperText\n data-testid={getTestId(\"helper-text\")}\n id={helperTextId}\n negative={negative}\n disabled={inputProps.disabled}\n >\n {helperText}\n </FieldHelperText>\n )}\n {errorText && (\n <FieldErrorText data-testid={getTestId(\"error-text\")} negative={negative}>\n {errorText}\n </FieldErrorText>\n )}\n </div>\n );\n }\n);\n\nTextFieldBase.displayName = \"TextField\";\n","import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { IconEditAi } from \"@purpur/icon/edit-ai\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldAiInternalProps } from \"./text-field\";\nimport aiStyles from \"./text-field-ai.module.scss\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nconst cx = c.bind(aiStyles);\nconst rootClassName = \"purpur-text-field-ai\";\nconst defaultTypingAnimationDurationMs = 1400;\n\nconst hasInputValue = (value: unknown) => {\n if (typeof value === \"number\") {\n return !Number.isNaN(value);\n }\n\n if (typeof value === \"string\") {\n return value.length > 0;\n }\n\n if (Array.isArray(value)) {\n return value.length > 0;\n }\n\n return value !== undefined && value !== null;\n};\n\nexport const TextFieldAiInternal = forwardRef<HTMLInputElement, TextFieldAiInternalProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n animatePrepopulatedValue = false,\n typingAnimationDurationMs = defaultTypingAnimationDurationMs,\n endAdornment,\n value: controlledValue,\n defaultValue,\n onChange,\n disabled,\n readOnly,\n valid = false,\n negative = false,\n ...baseProps\n },\n ref\n ) => {\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const isControlled = controlledValue !== undefined;\n const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n const [hasUserEditedValue, setHasUserEditedValue] = useState(false);\n const [shouldAnimatePrepopulatedValue, setShouldAnimatePrepopulatedValue] = useState(false);\n const [hasAnimatedPrepopulatedValue, setHasAnimatedPrepopulatedValue] = useState(false);\n const [animatedTypingValue, setAnimatedTypingValue] = useState<string | null>(null);\n const typingAnimationTimerRef = useRef<number | null>(null);\n const inputContainerRef = useRef<HTMLDivElement | null>(null);\n\n const value = isControlled ? controlledValue : uncontrolledValue;\n const hasValue = hasInputValue(value);\n const isAiPresentationActive = hasValue && !hasUserEditedValue;\n const isTypingAnimationRunning = animatedTypingValue !== null;\n const displayValue = isTypingAnimationRunning ? animatedTypingValue : value ?? \"\";\n const shouldAnimatePrepopulated =\n isAiPresentationActive &&\n animatePrepopulatedValue &&\n !hasAnimatedPrepopulatedValue &&\n !disabled &&\n !readOnly;\n\n const clearTypingAnimation = useCallback(() => {\n if (typingAnimationTimerRef.current !== null) {\n window.clearInterval(typingAnimationTimerRef.current);\n typingAnimationTimerRef.current = null;\n }\n }, []);\n\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n clearTypingAnimation();\n setAnimatedTypingValue(null);\n\n if (!isControlled) {\n setUncontrolledValue(event.currentTarget.value);\n }\n\n setHasUserEditedValue(true);\n onChange?.(event);\n };\n\n useEffect(() => {\n if (!shouldAnimatePrepopulated || typeof IntersectionObserver === \"undefined\") {\n return;\n }\n\n const node = inputContainerRef.current;\n\n if (!node) {\n return;\n }\n\n const observer = new IntersectionObserver(\n (entries) => {\n const isVisible = entries.some((entry) => entry.isIntersecting);\n\n if (isVisible) {\n setShouldAnimatePrepopulatedValue(true);\n setHasAnimatedPrepopulatedValue(true);\n observer.disconnect();\n }\n },\n { threshold: 0.35 }\n );\n\n observer.observe(node);\n\n return () => observer.disconnect();\n }, [shouldAnimatePrepopulated]);\n\n useEffect(() => {\n if (!shouldAnimatePrepopulatedValue || hasUserEditedValue || typeof value !== \"string\") {\n return;\n }\n\n const shouldReduceMotion = window.matchMedia?.(\"(prefers-reduced-motion: reduce)\")?.matches;\n\n if (shouldReduceMotion || value.length === 0) {\n setShouldAnimatePrepopulatedValue(false);\n return;\n }\n\n clearTypingAnimation();\n setAnimatedTypingValue(\"\");\n\n let index = 0;\n const safeAnimationDuration =\n Number.isFinite(typingAnimationDurationMs) && typingAnimationDurationMs > 0\n ? typingAnimationDurationMs\n : defaultTypingAnimationDurationMs;\n const intervalDuration = Math.max(20, Math.floor(safeAnimationDuration / value.length));\n\n typingAnimationTimerRef.current = window.setInterval(() => {\n index += 1;\n setAnimatedTypingValue(value.slice(0, index));\n\n if (index >= value.length) {\n clearTypingAnimation();\n setAnimatedTypingValue(null);\n setShouldAnimatePrepopulatedValue(false);\n }\n }, intervalDuration);\n\n return clearTypingAnimation;\n }, [\n clearTypingAnimation,\n hasUserEditedValue,\n shouldAnimatePrepopulatedValue,\n typingAnimationDurationMs,\n value,\n ]);\n\n useEffect(() => clearTypingAnimation, [clearTypingAnimation]);\n\n const aiEndAdornments: ReactNode[] = [];\n\n if (endAdornment === undefined && isAiPresentationActive) {\n aiEndAdornments.push(\n <IconEditAi\n key=\"ai-icon\"\n size=\"xs\"\n data-testid={getTestId(\"edit-ai-icon\")}\n className={cx(`${rootClassName}__ai-icon`, {\n [`${rootClassName}__ai-icon--negative`]: negative,\n })}\n />\n );\n }\n\n return (\n <TextFieldBase\n ref={ref}\n data-testid={dataTestId}\n {...baseProps}\n endAdornment={endAdornment}\n value={displayValue}\n onChange={handleInputChange}\n disabled={disabled}\n readOnly={readOnly}\n valid={valid}\n negative={negative}\n _styles={aiStyles}\n _rootClassName={rootClassName}\n _prependEndAdornments={aiEndAdornments}\n _inputModifiers={{ [`${rootClassName}__input--ai`]: isAiPresentationActive }}\n _frameModifiers={{ [`${rootClassName}__frame--ai`]: isAiPresentationActive }}\n _inputContainerRef={inputContainerRef}\n />\n );\n }\n);\n\nTextFieldAiInternal.displayName = \"TextField\";\n","import React, {\n forwardRef,\n type HTMLInputTypeAttribute,\n isValidElement,\n type ReactElement,\n type ReactNode,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\n\nimport { TextFieldAiInternal } from \"./text-field-ai\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nexport const textFieldVariants = [\"default\", \"ai\"] as const;\nexport type TextFieldVariant = (typeof textFieldVariants)[number];\n\ntype TextFieldCommonProps = {\n /**\n * Use to display e.g. a button before the text field.\n *\n * _NOTE: Should ideally only be used by other purpur components!_\n */\n beforeField?: ReactNode;\n /**\n * Use to display e.g. a button after the text field.\n *\n * _NOTE: Should ideally only be used by other purpur components!_\n */\n afterField?: ReactNode;\n /**\n * Use to display e.g. an icon at the end inside of the text field.\n *\n * _NOTE: Should ideally only be used by other purpur components!_\n */\n endAdornment?: ReactNode;\n /**\n * Use to render error message below the text field. The text field renders with error appearance.\n * */\n errorText?: string;\n /**\n * Use to give context about the field's input. Renders below the field.\n * */\n helperText?: string;\n /**\n * The label of the text field.\n * */\n label?: string;\n /**\n * Use to render a spinner at the end inside of the text field.\n */\n loading?: boolean;\n /**\n * Hide the asterisk for required fields.\n * This is useful when the field is required but the context already indicates that.\n */\n hideRequiredAsterisk?: boolean;\n /**\n * Use to display e.g. an icon at the start inside of the text field.\n *\n * _NOTE: Should ideally only be used by other purpur components!_\n */\n startAdornment?: ReactNode;\n /**\n * Use to set the type of the field.\n */\n type?: Extract<\n HTMLInputTypeAttribute,\n \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"\n >;\n /**\n * Use to render text field with valid appearance. A check\n * icon will render at the start inside of the input.\n */\n valid?: boolean;\n negative?: boolean;\n};\n\ntype TextFieldClearProps =\n | {\n /**\n * An accessible label for the clear button.\n * */\n clearButtonAriaLabel: string;\n /**\n * Event handler called when the clear button is clicked.\n * */\n onClear: () => void;\n }\n | {\n /**\n * An accessible label for the clear button.\n * */\n clearButtonAriaLabel?: never;\n /**\n * Event handler called when the clear button is clicked.\n * */\n onClear?: never;\n };\n\ntype TextFieldAiProps = {\n /**\n * Animate prepopulated value once when the field scrolls into view.\n */\n animatePrepopulatedValue?: boolean;\n /**\n * Duration in milliseconds for the prepopulated typing animation.\n */\n typingAnimationDurationMs?: number;\n};\n\nexport type TextFieldBaseProps = Omit<BaseProps<\"input\">, \"type\"> &\n TextFieldCommonProps &\n TextFieldClearProps;\n\nexport type TextFieldAiInternalProps = Omit<BaseProps<\"input\">, \"type\"> &\n TextFieldCommonProps &\n TextFieldClearProps &\n TextFieldAiProps;\n\nexport type TextFieldProps = Omit<BaseProps<\"input\">, \"type\"> &\n TextFieldCommonProps &\n TextFieldClearProps &\n TextFieldAiProps & {\n /**\n * Use to select the text field variant.\n * - `\"default\"` renders a standard text field.\n * - `\"ai\"` renders a text field with AI presentation (gradient border, AI icon, typing animation).\n * @default \"default\"\n */\n variant?: TextFieldVariant;\n };\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n ({ variant = \"default\", ...props }, ref) => {\n if (variant === \"ai\") {\n return <TextFieldAiInternal ref={ref} {...props} />;\n }\n\n return <TextFieldBase ref={ref} {...props} />;\n }\n);\n\nTextField.displayName = \"TextField\";\n\nexport const isTextField = (child?: ReactNode): child is ReactElement<TextFieldProps> =>\n isValidElement<TextFieldProps>(child) &&\n (child.type as any).displayName === TextField.displayName; // eslint-disable-line @typescript-eslint/no-explicit-any\n"],"names":["t","l","a","i","o","useMutableRefObject","value","useRef","defaultRootClassName","TextFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","beforeField","afterField","endAdornment","errorText","helperText","hideRequiredAsterisk","label","loading","onClear","startAdornment","valid","negative","_styles","_rootClassName","_prependEndAdornments","_inputModifiers","_frameModifiers","_inputContainerRef","inputProps","ref","cx","c","defaultStyles","rootClassName","randomId","useId","inputId","getTestId","name","isValid","helperTextId","startAdornments","adornment","hasClearButton","internalRef","setRef","node","handleClear","localEndAdornments","jsx","Spinner","Button","IconClose","IconCheckCircleFilled","inputContainerClassnames","jsxs","Label","FieldHelperText","FieldErrorText","aiStyles","defaultTypingAnimationDurationMs","hasInputValue","TextFieldAiInternal","animatePrepopulatedValue","typingAnimationDurationMs","controlledValue","defaultValue","onChange","disabled","readOnly","baseProps","isControlled","uncontrolledValue","setUncontrolledValue","useState","hasUserEditedValue","setHasUserEditedValue","shouldAnimatePrepopulatedValue","setShouldAnimatePrepopulatedValue","hasAnimatedPrepopulatedValue","setHasAnimatedPrepopulatedValue","animatedTypingValue","setAnimatedTypingValue","typingAnimationTimerRef","inputContainerRef","isAiPresentationActive","displayValue","shouldAnimatePrepopulated","clearTypingAnimation","useCallback","handleInputChange","event","useEffect","observer","entries","entry","index","safeAnimationDuration","intervalDuration","aiEndAdornments","IconEditAi","textFieldVariants","TextField","variant","props","isTextField","child","isValidElement"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),n=require("react"),X=require("./icon-DNHpBTHs-faYHqTXU.js"),G=require("./bind-DeUYJ6m9.js"),Y=require("./button-Dqxdc3nC.js"),P=require("./field-error-text-FhQulSV5.js"),ee=require("./field-helper-text-DSKO-Tce.js"),te=require("./check-circle-filled.es-5-GXE9l4.js"),ie=require("./close.es-VL3lKi1O.js"),ae=require("./label-yHK80hhV.js"),re=require("./spinner-tKunS_o-.js"),ne={name:"edit-ai",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M18.175 22.5c.464-.002.856-.304.978-.755.41-1.533 1.255-2.463 2.655-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.664-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.865.305-.986.747-.422 1.518-1.267 2.447-2.661 2.923a1.02 1.02 0 0 0-.686.969c0 .436.278.824.686.961 1.4.479 2.243 1.414 2.657 2.946.12.442.523.75.978.75h.002Zm-1.788-4.66a5.334 5.334 0 0 0 1.78-1.867 5.323 5.323 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.785-1.883Zm4.668-12.884L18.19 2.091a1.9 1.9 0 0 0-2.687 0l-11.37 11.37a.9.9 0 0 0-.212.335L1.556 20.44a.9.9 0 0 0 1.15 1.15l6.644-2.365a.9.9 0 0 0 .335-.212l11.37-11.37a1.9 1.9 0 0 0 0-2.687ZM3.888 19.26l1.253-3.518 2.264 2.264-3.517 1.254ZM19.781 6.37 9.048 17.104 6.04 14.098l8.16-8.16 1.504 1.503a.9.9 0 1 0 1.273-1.273l-1.504-1.503 1.302-1.3a.1.1 0 0 1 .14 0l2.865 2.864a.1.1 0 0 1 0 .141Z"/></svg>',keywords:["edit-ai"],category:"ai"},J=t=>i.jsx(X.b,{...t,svg:ne});J.displayName="IconEditAi";const K={"purpur-text-field-ai":"_purpur-text-field-ai_xb5id_1","purpur-text-field-ai__label":"_purpur-text-field-ai__label_xb5id_7","purpur-text-field-ai__label-text":"_purpur-text-field-ai__label-text_xb5id_12","purpur-text-field-ai__field-row":"_purpur-text-field-ai__field-row_xb5id_15","purpur-text-field-ai__frame":"_purpur-text-field-ai__frame_xb5id_19","purpur-text-field-ai__frame--negative":"_purpur-text-field-ai__frame--negative_xb5id_26","purpur-text-field-ai__input-container":"_purpur-text-field-ai__input-container_xb5id_29","purpur-text-field-ai__input-container--disabled":"_purpur-text-field-ai__input-container--disabled_xb5id_40","purpur-text-field-ai__input-container--readonly":"_purpur-text-field-ai__input-container--readonly_xb5id_43","purpur-text-field-ai__input-container--has-clear-button":"_purpur-text-field-ai__input-container--has-clear-button_xb5id_46","purpur-text-field-ai__input-container--end-adornment":"_purpur-text-field-ai__input-container--end-adornment_xb5id_49","purpur-text-field-ai__input":"_purpur-text-field-ai__input_xb5id_29","purpur-text-field-ai__input-container--start-adornment":"_purpur-text-field-ai__input-container--start-adornment_xb5id_55","purpur-text-field-ai__input-container--negative":"_purpur-text-field-ai__input-container--negative_xb5id_61","purpur-text-field-ai__valid-icon":"_purpur-text-field-ai__valid-icon_xb5id_86","purpur-text-field-ai__valid-icon--negative":"_purpur-text-field-ai__valid-icon--negative_xb5id_89","purpur-text-field-ai__frame--ai":"_purpur-text-field-ai__frame--ai_xb5id_95","purpur-text-field-ai__ai-icon":"_purpur-text-field-ai__ai-icon_xb5id_112","purpur-text-field-ai__input--ai":"_purpur-text-field-ai__input--ai_xb5id_167","purpur-text-field-ai__input--valid":"_purpur-text-field-ai__input--valid_xb5id_179","purpur-text-field-ai__input--error":"_purpur-text-field-ai__input--error_xb5id_179","purpur-text-field-ai__input--negative":"_purpur-text-field-ai__input--negative_xb5id_227","purpur-text-field-ai__adornment-container":"_purpur-text-field-ai__adornment-container_xb5id_246","purpur-text-field-ai__ai-icon--negative":"_purpur-text-field-ai__ai-icon--negative_xb5id_256"},ue={"purpur-text-field-default":"_purpur-text-field-default_111s2_1","purpur-text-field-default__label":"_purpur-text-field-default__label_111s2_7","purpur-text-field-default__label-text":"_purpur-text-field-default__label-text_111s2_12","purpur-text-field-default__field-row":"_purpur-text-field-default__field-row_111s2_15","purpur-text-field-default__frame":"_purpur-text-field-default__frame_111s2_19","purpur-text-field-default__frame--negative":"_purpur-text-field-default__frame--negative_111s2_26","purpur-text-field-default__input-container":"_purpur-text-field-default__input-container_111s2_29","purpur-text-field-default__input-container--disabled":"_purpur-text-field-default__input-container--disabled_111s2_40","purpur-text-field-default__input-container--readonly":"_purpur-text-field-default__input-container--readonly_111s2_43","purpur-text-field-default__input-container--has-clear-button":"_purpur-text-field-default__input-container--has-clear-button_111s2_46","purpur-text-field-default__input-container--end-adornment":"_purpur-text-field-default__input-container--end-adornment_111s2_49","purpur-text-field-default__input":"_purpur-text-field-default__input_111s2_29","purpur-text-field-default__input-container--start-adornment":"_purpur-text-field-default__input-container--start-adornment_111s2_55","purpur-text-field-default__input-container--negative":"_purpur-text-field-default__input-container--negative_111s2_61","purpur-text-field-default__valid-icon":"_purpur-text-field-default__valid-icon_111s2_86","purpur-text-field-default__valid-icon--negative":"_purpur-text-field-default__valid-icon--negative_111s2_89","purpur-text-field-default__input--valid":"_purpur-text-field-default__input--valid_111s2_118","purpur-text-field-default__input--error":"_purpur-text-field-default__input--error_111s2_118","purpur-text-field-default__input--negative":"_purpur-text-field-default__input--negative_111s2_136","purpur-text-field-default__adornment-container":"_purpur-text-field-default__adornment-container_111s2_152"},le=t=>n.useRef(t),de="purpur-text-field-default",B=n.forwardRef(({["data-testid"]:t,className:x,clearButtonAriaLabel:s,beforeField:h,afterField:g,endAdornment:y,errorText:c,helperText:$,hideRequiredAsterisk:T=!1,label:C,loading:N=!1,onClear:A,startAdornment:E,valid:M=!1,negative:l=!1,_styles:S,_rootClassName:H,_prependEndAdornments:j,_inputModifiers:O,_frameModifiers:F,_inputContainerRef:w,...a},m)=>{const d=G.c.bind(S??ue),e=H??de,b=n.useId(),v=a.id??b,r=u=>t?`${t}-${u}`:void 0,Z=M&&!c,f=$?`${v}-helper-text`:void 0,I=[E].filter(u=>!!u),V=(typeof a.value=="number"?a.value!==void 0:a.value?.length)&&!a.disabled&&!a.readOnly&&!N&&A&&s,p=le(null),k=u=>{p.current=u,typeof m=="function"?m(u):m&&(m.current=u)},q=()=>{A?.(),p.current?.focus()},_=[...j??[],N&&i.jsx(re.Spinner,{disabled:a.disabled,size:"xs","data-testid":r("spinner"),negative:l},"spinner"),V&&i.jsx(Y.Button,{negative:l,variant:"tertiary-purple",onClick:q,iconOnly:!0,"aria-label":s??"","data-testid":r("clear-button"),tabIndex:-1,children:i.jsx(ie.r,{size:"xs"})},"clear-button"),Z&&i.jsx(te.r,{"data-testid":r("valid-icon"),className:d(`${e}__valid-icon`,{[`${e}__valid-icon--negative`]:l})},"valid-icon")].filter(u=>!!u),o=d(`${e}__input-container`,{[`${e}__input-container--start-adornment`]:I.length,[`${e}__input-container--end-adornment`]:_.length||y,[`${e}__input-container--disabled`]:a.disabled,[`${e}__input-container--has-clear-button`]:V,[`${e}__input-container--readonly`]:a.readOnly&&!a.disabled,[`${e}__input-container--negative`]:l});return i.jsxs("div",{className:d(x,e),children:[C&&i.jsxs(ae.Label,{htmlFor:v,className:d(`${e}__label`),"data-testid":r("label"),disabled:a.disabled,negative:l,children:[a.required&&!T&&i.jsx("span",{"aria-hidden":!0,children:"*"}),C]}),i.jsxs("div",{className:d(`${e}__field-row`),children:[!!h&&h,i.jsxs("div",{ref:w,className:o,children:[!!I.length&&i.jsx("div",{"data-testid":r("start-adornments"),className:d(`${e}__adornment-container`),children:I}),i.jsx("input",{...a,id:v,ref:k,"data-testid":r("input"),"aria-describedby":a["aria-describedby"]||f,"aria-invalid":a["aria-invalid"]||!!c,className:d([`${e}__input`,{[`${e}__input--valid`]:Z,[`${e}__input--error`]:!!c,[`${e}__input--negative`]:l,...O??{}}])}),i.jsx("div",{className:d(`${e}__frame`,{[`${e}__frame--negative`]:l,...F??{}})}),(!!_.length||y)&&i.jsxs("div",{"data-testid":r("end-adornments"),className:d(`${e}__adornment-container`),children:[_,y]})]}),!!g&&g]}),f&&i.jsx(ee.FieldHelperText,{"data-testid":r("helper-text"),id:f,negative:l,disabled:a.disabled,children:$}),c&&i.jsx(P.FieldErrorText,{"data-testid":r("error-text"),negative:l,children:c})]})});B.displayName="TextField";const _e=G.c.bind(K),R="purpur-text-field-ai",D=1400,se=t=>typeof t=="number"?!Number.isNaN(t):typeof t=="string"||Array.isArray(t)?t.length>0:t!=null,Q=n.forwardRef(({["data-testid"]:t,animatePrepopulatedValue:x=!1,typingAnimationDurationMs:s=D,endAdornment:h,value:g,defaultValue:y,onChange:c,disabled:$,readOnly:T,valid:C=!1,negative:N=!1,...A},E)=>{const M=_=>t?`${t}-${_}`:void 0,l=g!==void 0,[S,H]=n.useState(y),[j,O]=n.useState(!1),[F,w]=n.useState(!1),[a,m]=n.useState(!1),[d,e]=n.useState(null),b=n.useRef(null),v=n.useRef(null),r=l?g:S,f=se(r)&&!j,U=d!==null?d:r??"",V=f&&x&&!a&&!$&&!T,p=n.useCallback(()=>{b.current!==null&&(window.clearInterval(b.current),b.current=null)},[]),k=_=>{p(),e(null),l||H(_.currentTarget.value),O(!0),c?.(_)};n.useEffect(()=>{if(!V||typeof IntersectionObserver>"u")return;const _=v.current;if(!_)return;const o=new IntersectionObserver(u=>{u.some(W=>W.isIntersecting)&&(w(!0),m(!0),o.disconnect())},{threshold:.35});return o.observe(_),()=>o.disconnect()},[V]),n.useEffect(()=>{if(!F||j||typeof r!="string")return;if(window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches||r.length===0){w(!1);return}p(),e("");let o=0;const u=Number.isFinite(s)&&s>0?s:D,L=Math.max(20,Math.floor(u/r.length));return b.current=window.setInterval(()=>{o+=1,e(r.slice(0,o)),o>=r.length&&(p(),e(null),w(!1))},L),p},[p,j,F,s,r]),n.useEffect(()=>p,[p]);const q=[];return h===void 0&&f&&q.push(i.jsx(J,{size:"xs","data-testid":M("edit-ai-icon"),className:_e(`${R}__ai-icon`,{[`${R}__ai-icon--negative`]:N})},"ai-icon")),i.jsx(B,{ref:E,"data-testid":t,...A,endAdornment:h,value:U,onChange:k,disabled:$,readOnly:T,valid:C,negative:N,_styles:K,_rootClassName:R,_prependEndAdornments:q,_inputModifiers:{[`${R}__input--ai`]:f},_frameModifiers:{[`${R}__frame--ai`]:f},_inputContainerRef:v})});Q.displayName="TextField";const pe=["default","ai"],z=n.forwardRef(({variant:t="default",...x},s)=>t==="ai"?i.jsx(Q,{ref:s,...x}):i.jsx(B,{ref:s,...x}));z.displayName="TextField";const oe=t=>n.isValidElement(t)&&t.type.displayName===z.displayName;exports.TextField=z;exports.isTextField=oe;exports.textFieldVariants=pe;
|
|
2
|
+
//# sourceMappingURL=text-field-BwxGMWds.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-field-BwxGMWds.js","sources":["../../../components/icon/dist/components/edit-ai.es.js","../../../components/text-field/src/utils.ts","../../../components/text-field/src/text-field-base.tsx","../../../components/text-field/src/text-field-ai.tsx","../../../components/text-field/src/text-field.tsx"],"sourcesContent":["import { jsx as i } from \"react/jsx-runtime\";\nimport { I as o } from \"../icon-DNHpBTHs.mjs\";\nconst t = {\n name: \"edit-ai\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.175 22.5c.464-.002.856-.304.978-.755.41-1.533 1.255-2.463 2.655-2.926a1.02 1.02 0 0 0 .015-1.93c-1.437-.508-2.283-1.434-2.664-2.919a1.017 1.017 0 0 0-.974-.766c-.445.02-.865.305-.986.747-.422 1.518-1.267 2.447-2.661 2.923a1.02 1.02 0 0 0-.686.969c0 .436.278.824.686.961 1.4.479 2.243 1.414 2.657 2.946.12.442.523.75.978.75h.002Zm-1.788-4.66a5.334 5.334 0 0 0 1.78-1.867 5.323 5.323 0 0 0 1.792 1.87 5.256 5.256 0 0 0-1.787 1.88 5.326 5.326 0 0 0-1.785-1.883Zm4.668-12.884L18.19 2.091a1.9 1.9 0 0 0-2.687 0l-11.37 11.37a.9.9 0 0 0-.212.335L1.556 20.44a.9.9 0 0 0 1.15 1.15l6.644-2.365a.9.9 0 0 0 .335-.212l11.37-11.37a1.9 1.9 0 0 0 0-2.687ZM3.888 19.26l1.253-3.518 2.264 2.264-3.517 1.254ZM19.781 6.37 9.048 17.104 6.04 14.098l8.16-8.16 1.504 1.503a.9.9 0 1 0 1.273-1.273l-1.504-1.503 1.302-1.3a.1.1 0 0 1 .14 0l2.865 2.864a.1.1 0 0 1 0 .141Z\"/></svg>',\n keywords: [\"edit-ai\"],\n category: \"ai\"\n}, l = (a) => /* @__PURE__ */ i(o, { ...a, svg: t });\nl.displayName = \"IconEditAi\";\nexport {\n l as IconEditAi\n};\n//# sourceMappingURL=edit-ai.es.js.map\n","import { type MutableRefObject, useRef } from \"react\";\n\nexport const useMutableRefObject = <T>(value: T): MutableRefObject<T> => {\n return useRef<T>(value) as MutableRefObject<T>;\n};\n","import React, { forwardRef, type ReactNode, useId } from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { FieldErrorText } from \"@purpur/field-error-text\";\nimport { FieldHelperText } from \"@purpur/field-helper-text\";\nimport { IconCheckCircleFilled } from \"@purpur/icon/check-circle-filled\";\nimport { IconClose } from \"@purpur/icon/close\";\nimport { Label } from \"@purpur/label\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldBaseProps } from \"./text-field\";\nimport defaultStyles from \"./text-field.module.scss\";\nimport { useMutableRefObject } from \"./utils\";\n\nconst defaultRootClassName = \"purpur-text-field-default\";\n\n// Internal overrides for variant composition (not part of the public API)\nexport type TextFieldBaseInternalOverrides = {\n _styles?: Record<string, string>;\n _rootClassName?: string;\n _prependEndAdornments?: ReactNode[];\n _inputModifiers?: Record<string, boolean>;\n _frameModifiers?: Record<string, boolean>;\n _inputContainerRef?: React.Ref<HTMLDivElement>;\n};\n\nexport const TextFieldBase = forwardRef<\n HTMLInputElement,\n TextFieldBaseProps & TextFieldBaseInternalOverrides\n>(\n (\n {\n [\"data-testid\"]: dataTestId,\n className,\n clearButtonAriaLabel,\n beforeField,\n afterField,\n endAdornment,\n errorText,\n helperText,\n hideRequiredAsterisk = false,\n label,\n loading = false,\n onClear,\n startAdornment,\n valid = false,\n negative = false,\n _styles,\n _rootClassName,\n _prependEndAdornments,\n _inputModifiers,\n _frameModifiers,\n _inputContainerRef,\n ...inputProps\n },\n ref\n ) => {\n const cx = c.bind(_styles ?? defaultStyles);\n const rootClassName = _rootClassName ?? defaultRootClassName;\n const randomId = useId();\n const inputId = inputProps.id ?? randomId;\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const isValid = valid && !errorText;\n const helperTextId = helperText ? `${inputId}-helper-text` : undefined;\n const startAdornments: ReactNode[] = [startAdornment].filter((adornment) => !!adornment);\n const hasValue =\n typeof inputProps.value === \"number\"\n ? inputProps.value !== undefined\n : inputProps.value?.length;\n const hasClearButton =\n hasValue &&\n !inputProps.disabled &&\n !inputProps.readOnly &&\n !loading &&\n onClear &&\n clearButtonAriaLabel;\n\n const internalRef = useMutableRefObject<HTMLInputElement | null>(null);\n const setRef = (node: HTMLInputElement | null) => {\n internalRef.current = node;\n if (typeof ref === \"function\") {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n };\n const handleClear = () => {\n onClear?.();\n internalRef.current?.focus();\n };\n\n const localEndAdornments: ReactNode[] = [\n ...(_prependEndAdornments ?? []),\n loading && (\n <Spinner\n key=\"spinner\"\n disabled={inputProps.disabled}\n size=\"xs\"\n data-testid={getTestId(\"spinner\")}\n negative={negative}\n />\n ),\n hasClearButton && (\n <Button\n negative={negative}\n key=\"clear-button\"\n variant=\"tertiary-purple\"\n onClick={handleClear}\n iconOnly\n aria-label={clearButtonAriaLabel ?? \"\"}\n data-testid={getTestId(\"clear-button\")}\n tabIndex={-1}\n >\n <IconClose size=\"xs\" />\n </Button>\n ),\n isValid && (\n <IconCheckCircleFilled\n key=\"valid-icon\"\n data-testid={getTestId(\"valid-icon\")}\n className={cx(`${rootClassName}__valid-icon`, {\n [`${rootClassName}__valid-icon--negative`]: negative,\n })}\n />\n ),\n ].filter((adornment) => !!adornment);\n\n const inputContainerClassnames = cx(`${rootClassName}__input-container`, {\n [`${rootClassName}__input-container--start-adornment`]: startAdornments.length,\n [`${rootClassName}__input-container--end-adornment`]:\n localEndAdornments.length || endAdornment,\n [`${rootClassName}__input-container--disabled`]: inputProps.disabled,\n [`${rootClassName}__input-container--has-clear-button`]: hasClearButton,\n [`${rootClassName}__input-container--readonly`]: inputProps.readOnly && !inputProps.disabled,\n [`${rootClassName}__input-container--negative`]: negative,\n });\n\n return (\n <div className={cx(className, rootClassName)}>\n {label && (\n <Label\n htmlFor={inputId}\n className={cx(`${rootClassName}__label`)}\n data-testid={getTestId(\"label\")}\n disabled={inputProps.disabled}\n negative={negative}\n >\n {inputProps.required && !hideRequiredAsterisk && <span aria-hidden>*</span>}\n {label}\n </Label>\n )}\n <div className={cx(`${rootClassName}__field-row`)}>\n {!!beforeField && beforeField}\n <div ref={_inputContainerRef} className={inputContainerClassnames}>\n {!!startAdornments.length && (\n <div\n data-testid={getTestId(\"start-adornments\")}\n className={cx(`${rootClassName}__adornment-container`)}\n >\n {startAdornments}\n </div>\n )}\n <input\n {...inputProps}\n id={inputId}\n ref={setRef}\n data-testid={getTestId(\"input\")}\n aria-describedby={inputProps[\"aria-describedby\"] || helperTextId}\n aria-invalid={inputProps[\"aria-invalid\"] || !!errorText}\n className={cx([\n `${rootClassName}__input`,\n {\n [`${rootClassName}__input--valid`]: isValid,\n [`${rootClassName}__input--error`]: !!errorText,\n [`${rootClassName}__input--negative`]: negative,\n ...(_inputModifiers ?? {}),\n },\n ])}\n />\n <div\n className={cx(`${rootClassName}__frame`, {\n [`${rootClassName}__frame--negative`]: negative,\n ...(_frameModifiers ?? {}),\n })}\n />\n {(!!localEndAdornments.length || endAdornment) && (\n <div\n data-testid={getTestId(\"end-adornments\")}\n className={cx(`${rootClassName}__adornment-container`)}\n >\n {localEndAdornments}\n {endAdornment}\n </div>\n )}\n </div>\n {!!afterField && afterField}\n </div>\n {helperTextId && (\n <FieldHelperText\n data-testid={getTestId(\"helper-text\")}\n id={helperTextId}\n negative={negative}\n disabled={inputProps.disabled}\n >\n {helperText}\n </FieldHelperText>\n )}\n {errorText && (\n <FieldErrorText data-testid={getTestId(\"error-text\")} negative={negative}>\n {errorText}\n </FieldErrorText>\n )}\n </div>\n );\n }\n);\n\nTextFieldBase.displayName = \"TextField\";\n","import React, { forwardRef, type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { IconEditAi } from \"@purpur/icon/edit-ai\";\nimport c from \"classnames/bind\";\n\nimport type { TextFieldAiInternalProps } from \"./text-field\";\nimport aiStyles from \"./text-field-ai.module.scss\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nconst cx = c.bind(aiStyles);\nconst rootClassName = \"purpur-text-field-ai\";\nconst defaultTypingAnimationDurationMs = 1400;\n\nconst hasInputValue = (value: unknown) => {\n if (typeof value === \"number\") {\n return !Number.isNaN(value);\n }\n\n if (typeof value === \"string\") {\n return value.length > 0;\n }\n\n if (Array.isArray(value)) {\n return value.length > 0;\n }\n\n return value !== undefined && value !== null;\n};\n\nexport const TextFieldAiInternal = forwardRef<HTMLInputElement, TextFieldAiInternalProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n animatePrepopulatedValue = false,\n typingAnimationDurationMs = defaultTypingAnimationDurationMs,\n endAdornment,\n value: controlledValue,\n defaultValue,\n onChange,\n disabled,\n readOnly,\n valid = false,\n negative = false,\n ...baseProps\n },\n ref\n ) => {\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const isControlled = controlledValue !== undefined;\n const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n const [hasUserEditedValue, setHasUserEditedValue] = useState(false);\n const [shouldAnimatePrepopulatedValue, setShouldAnimatePrepopulatedValue] = useState(false);\n const [hasAnimatedPrepopulatedValue, setHasAnimatedPrepopulatedValue] = useState(false);\n const [animatedTypingValue, setAnimatedTypingValue] = useState<string | null>(null);\n const typingAnimationTimerRef = useRef<number | null>(null);\n const inputContainerRef = useRef<HTMLDivElement | null>(null);\n\n const value = isControlled ? controlledValue : uncontrolledValue;\n const hasValue = hasInputValue(value);\n const isAiPresentationActive = hasValue && !hasUserEditedValue;\n const isTypingAnimationRunning = animatedTypingValue !== null;\n const displayValue = isTypingAnimationRunning ? animatedTypingValue : value ?? \"\";\n const shouldAnimatePrepopulated =\n isAiPresentationActive &&\n animatePrepopulatedValue &&\n !hasAnimatedPrepopulatedValue &&\n !disabled &&\n !readOnly;\n\n const clearTypingAnimation = useCallback(() => {\n if (typingAnimationTimerRef.current !== null) {\n window.clearInterval(typingAnimationTimerRef.current);\n typingAnimationTimerRef.current = null;\n }\n }, []);\n\n const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n clearTypingAnimation();\n setAnimatedTypingValue(null);\n\n if (!isControlled) {\n setUncontrolledValue(event.currentTarget.value);\n }\n\n setHasUserEditedValue(true);\n onChange?.(event);\n };\n\n useEffect(() => {\n if (!shouldAnimatePrepopulated || typeof IntersectionObserver === \"undefined\") {\n return;\n }\n\n const node = inputContainerRef.current;\n\n if (!node) {\n return;\n }\n\n const observer = new IntersectionObserver(\n (entries) => {\n const isVisible = entries.some((entry) => entry.isIntersecting);\n\n if (isVisible) {\n setShouldAnimatePrepopulatedValue(true);\n setHasAnimatedPrepopulatedValue(true);\n observer.disconnect();\n }\n },\n { threshold: 0.35 }\n );\n\n observer.observe(node);\n\n return () => observer.disconnect();\n }, [shouldAnimatePrepopulated]);\n\n useEffect(() => {\n if (!shouldAnimatePrepopulatedValue || hasUserEditedValue || typeof value !== \"string\") {\n return;\n }\n\n const shouldReduceMotion = window.matchMedia?.(\"(prefers-reduced-motion: reduce)\")?.matches;\n\n if (shouldReduceMotion || value.length === 0) {\n setShouldAnimatePrepopulatedValue(false);\n return;\n }\n\n clearTypingAnimation();\n setAnimatedTypingValue(\"\");\n\n let index = 0;\n const safeAnimationDuration =\n Number.isFinite(typingAnimationDurationMs) && typingAnimationDurationMs > 0\n ? typingAnimationDurationMs\n : defaultTypingAnimationDurationMs;\n const intervalDuration = Math.max(20, Math.floor(safeAnimationDuration / value.length));\n\n typingAnimationTimerRef.current = window.setInterval(() => {\n index += 1;\n setAnimatedTypingValue(value.slice(0, index));\n\n if (index >= value.length) {\n clearTypingAnimation();\n setAnimatedTypingValue(null);\n setShouldAnimatePrepopulatedValue(false);\n }\n }, intervalDuration);\n\n return clearTypingAnimation;\n }, [\n clearTypingAnimation,\n hasUserEditedValue,\n shouldAnimatePrepopulatedValue,\n typingAnimationDurationMs,\n value,\n ]);\n\n useEffect(() => clearTypingAnimation, [clearTypingAnimation]);\n\n const aiEndAdornments: ReactNode[] = [];\n\n if (endAdornment === undefined && isAiPresentationActive) {\n aiEndAdornments.push(\n <IconEditAi\n key=\"ai-icon\"\n size=\"xs\"\n data-testid={getTestId(\"edit-ai-icon\")}\n className={cx(`${rootClassName}__ai-icon`, {\n [`${rootClassName}__ai-icon--negative`]: negative,\n })}\n />\n );\n }\n\n return (\n <TextFieldBase\n ref={ref}\n data-testid={dataTestId}\n {...baseProps}\n endAdornment={endAdornment}\n value={displayValue}\n onChange={handleInputChange}\n disabled={disabled}\n readOnly={readOnly}\n valid={valid}\n negative={negative}\n _styles={aiStyles}\n _rootClassName={rootClassName}\n _prependEndAdornments={aiEndAdornments}\n _inputModifiers={{ [`${rootClassName}__input--ai`]: isAiPresentationActive }}\n _frameModifiers={{ [`${rootClassName}__frame--ai`]: isAiPresentationActive }}\n _inputContainerRef={inputContainerRef}\n />\n );\n }\n);\n\nTextFieldAiInternal.displayName = \"TextField\";\n","import React, {\n forwardRef,\n type HTMLInputTypeAttribute,\n isValidElement,\n type ReactElement,\n type ReactNode,\n} from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\n\nimport { TextFieldAiInternal } from \"./text-field-ai\";\nimport { TextFieldBase } from \"./text-field-base\";\n\nexport const textFieldVariants = [\"default\", \"ai\"] as const;\nexport type TextFieldVariant = (typeof textFieldVariants)[number];\n\ntype TextFieldCommonProps = {\n /**\n * Use to display e.g. a button before the text field.\n *\n * _NOTE: Should ideally only be used by other purpur components!_\n */\n beforeField?: ReactNode;\n /**\n * Use to display e.g. a button after the text field.\n *\n * _NOTE: Should ideally only be used by other purpur components!_\n */\n afterField?: ReactNode;\n /**\n * Use to display e.g. an icon at the end inside of the text field.\n *\n * _NOTE: Should ideally only be used by other purpur components!_\n */\n endAdornment?: ReactNode;\n /**\n * Use to render error message below the text field. The text field renders with error appearance.\n * */\n errorText?: string;\n /**\n * Use to give context about the field's input. Renders below the field.\n * */\n helperText?: string;\n /**\n * The label of the text field.\n * */\n label?: string;\n /**\n * Use to render a spinner at the end inside of the text field.\n */\n loading?: boolean;\n /**\n * Hide the asterisk for required fields.\n * This is useful when the field is required but the context already indicates that.\n */\n hideRequiredAsterisk?: boolean;\n /**\n * Use to display e.g. an icon at the start inside of the text field.\n *\n * _NOTE: Should ideally only be used by other purpur components!_\n */\n startAdornment?: ReactNode;\n /**\n * Use to set the type of the field.\n */\n type?: Extract<\n HTMLInputTypeAttribute,\n \"email\" | \"number\" | \"password\" | \"search\" | \"tel\" | \"text\"\n >;\n /**\n * Use to render text field with valid appearance. A check\n * icon will render at the start inside of the input.\n */\n valid?: boolean;\n negative?: boolean;\n};\n\ntype TextFieldClearProps =\n | {\n /**\n * An accessible label for the clear button.\n * */\n clearButtonAriaLabel: string;\n /**\n * Event handler called when the clear button is clicked.\n * */\n onClear: () => void;\n }\n | {\n /**\n * An accessible label for the clear button.\n * */\n clearButtonAriaLabel?: never;\n /**\n * Event handler called when the clear button is clicked.\n * */\n onClear?: never;\n };\n\ntype TextFieldAiProps = {\n /**\n * Animate prepopulated value once when the field scrolls into view.\n */\n animatePrepopulatedValue?: boolean;\n /**\n * Duration in milliseconds for the prepopulated typing animation.\n */\n typingAnimationDurationMs?: number;\n};\n\nexport type TextFieldBaseProps = Omit<BaseProps<\"input\">, \"type\"> &\n TextFieldCommonProps &\n TextFieldClearProps;\n\nexport type TextFieldAiInternalProps = Omit<BaseProps<\"input\">, \"type\"> &\n TextFieldCommonProps &\n TextFieldClearProps &\n TextFieldAiProps;\n\nexport type TextFieldProps = Omit<BaseProps<\"input\">, \"type\"> &\n TextFieldCommonProps &\n TextFieldClearProps &\n TextFieldAiProps & {\n /**\n * Use to select the text field variant.\n * - `\"default\"` renders a standard text field.\n * - `\"ai\"` renders a text field with AI presentation (gradient border, AI icon, typing animation).\n * @default \"default\"\n */\n variant?: TextFieldVariant;\n };\n\nexport const TextField = forwardRef<HTMLInputElement, TextFieldProps>(\n ({ variant = \"default\", ...props }, ref) => {\n if (variant === \"ai\") {\n return <TextFieldAiInternal ref={ref} {...props} />;\n }\n\n return <TextFieldBase ref={ref} {...props} />;\n }\n);\n\nTextField.displayName = \"TextField\";\n\nexport const isTextField = (child?: ReactNode): child is ReactElement<TextFieldProps> =>\n isValidElement<TextFieldProps>(child) &&\n (child.type as any).displayName === TextField.displayName; // eslint-disable-line @typescript-eslint/no-explicit-any\n"],"names":["t","l","a","i","o","useMutableRefObject","value","useRef","defaultRootClassName","TextFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","beforeField","afterField","endAdornment","errorText","helperText","hideRequiredAsterisk","label","loading","onClear","startAdornment","valid","negative","_styles","_rootClassName","_prependEndAdornments","_inputModifiers","_frameModifiers","_inputContainerRef","inputProps","ref","cx","c","defaultStyles","rootClassName","randomId","useId","inputId","getTestId","name","isValid","helperTextId","startAdornments","adornment","hasClearButton","internalRef","setRef","node","handleClear","localEndAdornments","jsx","Spinner","Button","IconClose","IconCheckCircleFilled","inputContainerClassnames","jsxs","Label","FieldHelperText","FieldErrorText","aiStyles","defaultTypingAnimationDurationMs","hasInputValue","TextFieldAiInternal","animatePrepopulatedValue","typingAnimationDurationMs","controlledValue","defaultValue","onChange","disabled","readOnly","baseProps","isControlled","uncontrolledValue","setUncontrolledValue","useState","hasUserEditedValue","setHasUserEditedValue","shouldAnimatePrepopulatedValue","setShouldAnimatePrepopulatedValue","hasAnimatedPrepopulatedValue","setHasAnimatedPrepopulatedValue","animatedTypingValue","setAnimatedTypingValue","typingAnimationTimerRef","inputContainerRef","isAiPresentationActive","displayValue","shouldAnimatePrepopulated","clearTypingAnimation","useCallback","handleInputChange","event","useEffect","observer","entries","entry","index","safeAnimationDuration","intervalDuration","aiEndAdornments","IconEditAi","textFieldVariants","TextField","variant","props","isTextField","child","isValidElement"],"mappings":"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"}
|
package/dist/text-field.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-field-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./text-field-BwxGMWds.js");exports.TextField=e.TextField;exports.isTextField=e.isTextField;exports.textFieldVariants=e.textFieldVariants;
|
|
2
2
|
//# sourceMappingURL=text-field.cjs.js.map
|
package/dist/text-field.es.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { T as
|
|
1
|
+
import { T as i, i as a, t as s } from "./text-field-BQYzwIrG.mjs";
|
|
2
2
|
export {
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
i as TextField,
|
|
4
|
+
a as isTextField,
|
|
5
|
+
s as textFieldVariants
|
|
5
6
|
};
|
|
6
7
|
//# sourceMappingURL=text-field.es.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const o=require("react"),Q=({id:f,options:v,listboxLabel:L,selectedOption:c,disabled:m=!1,readOnly:g=!1,openOnFocus:S=!1,listboxMaxHeight:l,highlightFirstOption:y=!1,onSelect:$,closeOnSelect:A=!0,noOptionsText:T,["data-testid"]:k})=>{const M=o.useId(),u=o.useRef(null),h=o.useRef(null),p=o.useRef(null),x=o.useRef({}),[C,E]=o.useState(!1),[n,d]=o.useState(y?v[0]:void 0),R=`${f}-listbox`,K=`${f}-input`,w=e=>`${f}-listbox-item-${e.id}`,B=`--purpur-autocomplete-${M.replace(/:/g,"")}`,F={anchorName:B},D=e=>k?`${k}-${e}`:void 0,i=o.useCallback(()=>{E(!1),d(void 0)},[]);o.useEffect(()=>{const e=t=>{u.current&&!u.current.contains(t.target)&&!p.current?.contains(t.target)&&i()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[i]);const b=({eventType:e})=>{E(!0),c&&requestAnimationFrame(()=>{d({...c,isSetByClickEvent:e==="CLICK"}),O(x.current[c.id])})},O=e=>{if(!e)return;const t=e.getBoundingClientRect(),s=p.current?.getBoundingClientRect()??{top:0,bottom:0};(t.top<s.top||t.bottom>s.bottom)&&e.scrollIntoView({block:"nearest"})},r=C&&(v.length>0||!!T),P=e=>{const t=v.filter(a=>!a.disabled);if(!t.length)return;const s=n?t.findIndex(a=>a.id===n.id):-1;return e==="ArrowDown"?t[(s+1)%t.length]:t[(s-1+t.length)%t.length]},Y=e=>{r||b({eventType:"KEYBOARD"});const t=P(e);d(t?{...t}:void 0),t&&O(x.current[t.id])},I=e=>{e.disabled||($?.(e),h.current?.focus(),A&&i())},q=()=>{b({eventType:"KEYBOARD"})},U=e=>{if(!(m||g))switch(e.key){case"ArrowUp":case"ArrowDown":e.preventDefault(),Y(e.key);break;case"Enter":r&&n&&(e.preventDefault(),I(n));break;case"Escape":e.preventDefault(),i();break;case"Tab":i();break}},H=()=>{!C&&S&&!m&&!g&&b({eventType:"KEYBOARD"})},N=()=>{setTimeout(()=>{const e=document.activeElement;e!==document.body&&!h.current?.contains(e)&&!p.current?.contains(e)&&!u.current?.contains(e)&&i()})},V=()=>{m||g||(r?i():b({eventType:"CLICK"}))},j=o.useCallback(e=>{if(p.current=e,e&&typeof e.showPopover=="function")try{e.showPopover()}catch{}},[]),z={"aria-label":L,"aria-expanded":r,"data-testid":D("listbox"),id:R,ref:j,onMouseLeave:()=>d(void 0),popover:"manual",style:{...l?{maxHeight:typeof l=="number"?`${l}px`:l}:{},positionAnchor:B}},G=(e,t)=>{const s=(e.id===n?.id||y&&!n&&t===0)&&!n?.isSetByClickEvent;return{"data-testid":D(`listbox-item-${e.id}`),id:w(e),key:e.id,onMouseMove:()=>{e.id!==n?.id&&d({...e,isSetByClickEvent:!0})},onMouseUp:()=>I(e),ref:a=>{a&&(x.current[e.id]=a)},tabIndex:-1,selected:e.id===c?.id,disabled:e.disabled,highlighted:s,hovered:e.id===n?.id&&!!n?.isSetByClickEvent,"aria-selected":e.id===c?.id}},J={role:"combobox","aria-autocomplete":"list","aria-expanded":r,"aria-controls":R,"aria-activedescendant":n?w(n):void 0,autoComplete:"off",onKeyDown:U,onFocus:H,onBlur:N,onMouseDown:V};return{rootRef:u,inputRef:h,inputId:K,inputProps:J,listboxProps:z,getListboxItemProps:G,isOpen:r,openListbox:q,anchorStyle:F}};exports.ee=Q;
|
|
2
|
+
//# sourceMappingURL=use-autocomplete.es-BHDgQLae.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-autocomplete.es-BHDgQLae.js","sources":["../../../hooks/autocomplete/dist/use-autocomplete.es.js"],"sourcesContent":["import { useId as Z, useRef as b, useState as A, useCallback as $, useEffect as _ } from \"react\";\nconst ee = ({\n id: p,\n options: m,\n listboxLabel: O,\n selectedOption: r,\n disabled: v = !1,\n readOnly: h = !1,\n openOnFocus: K = !1,\n listboxMaxHeight: u,\n highlightFirstOption: y = !1,\n onSelect: S,\n closeOnSelect: T = !0,\n noOptionsText: P,\n [\"data-testid\"]: w\n}) => {\n const M = Z(), l = b(null), x = b(null), d = b(null), g = b({}), [k, I] = A(!1), [n, a] = A(\n y ? m[0] : void 0\n ), C = `${p}-listbox`, N = `${p}-input`, E = (e) => `${p}-listbox-item-${e.id}`, R = `--purpur-autocomplete-${M.replace(/:/g, \"\")}`, Y = { anchorName: R }, B = (e) => w ? `${w}-${e}` : void 0, o = $(() => {\n I(!1), a(void 0);\n }, []);\n _(() => {\n const e = (t) => {\n l.current && !l.current.contains(t.target) && !d.current?.contains(t.target) && o();\n };\n return document.addEventListener(\"mousedown\", e), () => document.removeEventListener(\"mousedown\", e);\n }, [o]);\n const f = ({ eventType: e }) => {\n I(!0), r && requestAnimationFrame(() => {\n a({ ...r, isSetByClickEvent: e === \"CLICK\" }), D(g.current[r.id]);\n });\n }, D = (e) => {\n if (!e) return;\n const t = e.getBoundingClientRect(), s = d.current?.getBoundingClientRect() ?? { top: 0, bottom: 0 };\n (t.top < s.top || t.bottom > s.bottom) && e.scrollIntoView({ block: \"nearest\" });\n }, c = k && (m.length > 0 || !!P), q = (e) => {\n const t = m.filter((i) => !i.disabled);\n if (!t.length) return;\n const s = n ? t.findIndex((i) => i.id === n.id) : -1;\n return e === \"ArrowDown\" ? t[(s + 1) % t.length] : t[(s - 1 + t.length) % t.length];\n }, F = (e) => {\n c || f({ eventType: \"KEYBOARD\" });\n const t = q(e);\n a(t ? { ...t } : void 0), t && D(g.current[t.id]);\n }, L = (e) => {\n e.disabled || (S?.(e), x.current?.focus(), T && o());\n }, U = () => {\n f({ eventType: \"KEYBOARD\" });\n }, V = (e) => {\n if (!(v || h))\n switch (e.key) {\n case \"ArrowUp\":\n case \"ArrowDown\":\n e.preventDefault(), F(e.key);\n break;\n case \"Enter\":\n c && n && (e.preventDefault(), L(n));\n break;\n case \"Escape\":\n e.preventDefault(), o();\n break;\n case \"Tab\":\n o();\n break;\n }\n }, j = () => {\n !k && K && !v && !h && f({ eventType: \"KEYBOARD\" });\n }, z = () => {\n setTimeout(() => {\n const e = document.activeElement;\n e !== document.body && !x.current?.contains(e) && !d.current?.contains(e) && !l.current?.contains(e) && o();\n });\n }, G = () => {\n v || h || (c ? o() : f({ eventType: \"CLICK\" }));\n }, J = $((e) => {\n if (d.current = e, e && typeof e.showPopover == \"function\")\n try {\n e.showPopover();\n } catch {\n }\n }, []), Q = {\n \"aria-label\": O,\n \"aria-expanded\": c,\n \"data-testid\": B(\"listbox\"),\n id: C,\n ref: J,\n onMouseLeave: () => a(void 0),\n popover: \"manual\",\n style: {\n ...u ? {\n maxHeight: typeof u == \"number\" ? `${u}px` : u\n } : {},\n positionAnchor: R\n }\n }, W = (e, t) => {\n const s = (e.id === n?.id || y && !n && t === 0) && !n?.isSetByClickEvent;\n return {\n \"data-testid\": B(`listbox-item-${e.id}`),\n id: E(e),\n key: e.id,\n onMouseMove: () => {\n e.id !== n?.id && a({ ...e, isSetByClickEvent: !0 });\n },\n onMouseUp: () => L(e),\n ref: (i) => {\n i && (g.current[e.id] = i);\n },\n tabIndex: -1,\n selected: e.id === r?.id,\n disabled: e.disabled,\n highlighted: s,\n hovered: e.id === n?.id && !!n?.isSetByClickEvent,\n \"aria-selected\": e.id === r?.id\n };\n }, X = {\n role: \"combobox\",\n \"aria-autocomplete\": \"list\",\n \"aria-expanded\": c,\n \"aria-controls\": C,\n \"aria-activedescendant\": n ? E(n) : void 0,\n autoComplete: \"off\",\n onKeyDown: V,\n onFocus: j,\n onBlur: z,\n onMouseDown: G\n };\n return {\n rootRef: l,\n inputRef: x,\n inputId: N,\n inputProps: X,\n listboxProps: Q,\n getListboxItemProps: W,\n isOpen: c,\n openListbox: U,\n anchorStyle: Y\n };\n};\nexport {\n ee as useAutocomplete\n};\n//# sourceMappingURL=use-autocomplete.es.js.map\n"],"names":["ee","p","m","O","r","v","h","K","u","S","T","P","w","Z","l","b","x","d","g","k","I","A","a","C","N","E","R","Y","B","o","$","_","f","D","c","q","i","F","L","U","V","j","z","G","J","Q","W","X"],"mappings":"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"}
|