@box/combobox-with-api 1.17.0 → 1.19.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.
|
@@ -46,12 +46,12 @@ const de = () => /* @__PURE__ */ o(re, {
|
|
|
46
46
|
prop: X,
|
|
47
47
|
defaultProp: B,
|
|
48
48
|
onChange: E
|
|
49
|
-
}), [g,
|
|
49
|
+
}), [g, v] = w(""), x = L(null), c = H({
|
|
50
50
|
includesBaseElement: !0,
|
|
51
51
|
virtualFocus: !1,
|
|
52
52
|
value: g,
|
|
53
53
|
setValue: (e) => {
|
|
54
|
-
|
|
54
|
+
v(e);
|
|
55
55
|
},
|
|
56
56
|
open: f,
|
|
57
57
|
setOpen: (e) => {
|
|
@@ -68,47 +68,49 @@ const de = () => /* @__PURE__ */ o(re, {
|
|
|
68
68
|
[l.hiddenLabel]: d
|
|
69
69
|
}),
|
|
70
70
|
hideLabel: d
|
|
71
|
-
}), /* @__PURE__ */
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
children:
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
tooltip: e.displayValue
|
|
84
|
-
}, e.value))
|
|
85
|
-
}), /* @__PURE__ */ s("div", {
|
|
86
|
-
className: l.textInputWrapper,
|
|
87
|
-
children: [/* @__PURE__ */ o(Y, {
|
|
88
|
-
ref: v,
|
|
89
|
-
"aria-haspopup": "tree",
|
|
90
|
-
className: l.textInput,
|
|
91
|
-
"data-target-id": R,
|
|
92
|
-
disabled: z,
|
|
93
|
-
id: n,
|
|
94
|
-
placeholder: j,
|
|
95
|
-
store: c
|
|
96
|
-
}), /* @__PURE__ */ o("div", {
|
|
97
|
-
className: l.comboboxButtons,
|
|
98
|
-
children: I ? /* @__PURE__ */ o(Z, {
|
|
99
|
-
onClick: () => {
|
|
100
|
-
i([]);
|
|
71
|
+
}), /* @__PURE__ */ o("div", {
|
|
72
|
+
children: /* @__PURE__ */ s("div", {
|
|
73
|
+
className: p(l.comboboxContainer, {
|
|
74
|
+
[l.withChips]: V,
|
|
75
|
+
[l.withComboboxButtons]: I
|
|
76
|
+
}),
|
|
77
|
+
children: [V && /* @__PURE__ */ o(oe, {
|
|
78
|
+
children: a.map((e) => /* @__PURE__ */ o(te, {
|
|
79
|
+
label: e.displayValue,
|
|
80
|
+
onDelete: () => {
|
|
81
|
+
const t = a.filter((r) => r.value !== e.value);
|
|
82
|
+
i(t);
|
|
101
83
|
},
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
84
|
+
tooltip: e.displayValue
|
|
85
|
+
}, e.value))
|
|
86
|
+
}), /* @__PURE__ */ s("div", {
|
|
87
|
+
className: l.textInputWrapper,
|
|
88
|
+
children: [/* @__PURE__ */ o(Y, {
|
|
89
|
+
ref: x,
|
|
90
|
+
"aria-haspopup": "tree",
|
|
91
|
+
className: l.textInput,
|
|
92
|
+
"data-target-id": R,
|
|
93
|
+
disabled: z,
|
|
94
|
+
id: n,
|
|
95
|
+
placeholder: j,
|
|
108
96
|
store: c
|
|
109
|
-
})
|
|
97
|
+
}), /* @__PURE__ */ o("div", {
|
|
98
|
+
className: l.comboboxButtons,
|
|
99
|
+
children: I ? /* @__PURE__ */ o(Z, {
|
|
100
|
+
onClick: () => {
|
|
101
|
+
i([]);
|
|
102
|
+
},
|
|
103
|
+
render: (e) => /* @__PURE__ */ o(le, {
|
|
104
|
+
...e,
|
|
105
|
+
"aria-label": "Clear selection",
|
|
106
|
+
icon: ae,
|
|
107
|
+
size: "x-small"
|
|
108
|
+
}),
|
|
109
|
+
store: c
|
|
110
|
+
}) : /* @__PURE__ */ o(de, {})
|
|
111
|
+
})]
|
|
110
112
|
})]
|
|
111
|
-
})
|
|
113
|
+
})
|
|
112
114
|
})]
|
|
113
115
|
})
|
|
114
116
|
}), /* @__PURE__ */ o(_, {
|
|
@@ -126,7 +128,7 @@ const de = () => /* @__PURE__ */ o(re, {
|
|
|
126
128
|
onKeyDown: (e) => {
|
|
127
129
|
if (e.key === "ArrowUp") {
|
|
128
130
|
const t = u.current?.firstChild;
|
|
129
|
-
document.activeElement === t && (t.blur(),
|
|
131
|
+
document.activeElement === t && (t.blur(), x.current?.focus());
|
|
130
132
|
}
|
|
131
133
|
},
|
|
132
134
|
children: /* @__PURE__ */ o(pe, {
|
|
@@ -148,7 +150,7 @@ const de = () => /* @__PURE__ */ o(re, {
|
|
|
148
150
|
level: t.level,
|
|
149
151
|
selectable: t.selectable,
|
|
150
152
|
ancestors: t.ancestors
|
|
151
|
-
}), O && r.length > a.length && C(!1)) : r = a.filter((m) => m.value !== e.element.id), i(r),
|
|
153
|
+
}), O && r.length > a.length && C(!1)) : r = a.filter((m) => m.value !== e.element.id), i(r), v("");
|
|
152
154
|
},
|
|
153
155
|
open: f,
|
|
154
156
|
searchInput: g.trimStart(),
|
package/dist/i18n/en-x-pseudo.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export default {
|
|
2
|
-
"comboboxWithApi.apiError": "⟦萬萬萬萬萬萬萬萬萬萬萬萬
|
|
3
|
-
"comboboxWithApiPagination.clearButtonAriaLabel": "⟦萬萬萬萬萬萬萬
|
|
4
|
-
"comboboxWithApiPagination.errorAction": "⟦萬
|
|
5
|
-
"comboboxWithApiPagination.errorIconLabel": "⟦萬
|
|
6
|
-
"comboboxWithApiPagination.errorMessage": "⟦萬萬萬萬萬萬
|
|
7
|
-
"comboboxWithApiPagination.loadingAriaLabel": "⟦萬萬
|
|
8
|
-
"comboboxWithApiPagination.loadingMoreAriaLabel": "⟦萬萬萬萬
|
|
9
|
-
"comboboxWithApiPagination.noResults": "⟦萬萬萬萬
|
|
2
|
+
"comboboxWithApi.apiError": "⟦萬萬萬萬萬萬萬萬萬萬萬萬 Čòűĺďņ'ŧ ľôãď ŕёśùĺťş. Çļîċĸ ţσ τŗỳ ãğäίπ. 國國國國國國國國國國國國⟧",
|
|
3
|
+
"comboboxWithApiPagination.clearButtonAriaLabel": "⟦萬萬萬萬萬萬萬 Ċļęǻґ íňΡũŧ αйď ѕêļėčŧìøʼn 國國國國國國國⟧",
|
|
4
|
+
"comboboxWithApiPagination.errorAction": "⟦萬 Ѓèĺöáď 國⟧",
|
|
5
|
+
"comboboxWithApiPagination.errorIconLabel": "⟦萬 Еґгŏř 國⟧",
|
|
6
|
+
"comboboxWithApiPagination.errorMessage": "⟦萬萬萬萬萬萬 ₣äιļéď ţō ĺőąď øΡŧіόņѕ 國國國國國國⟧",
|
|
7
|
+
"comboboxWithApiPagination.loadingAriaLabel": "⟦萬萬 Ĺöąďіńġ... 國國⟧",
|
|
8
|
+
"comboboxWithApiPagination.loadingMoreAriaLabel": "⟦萬萬萬萬 Ļøάďїńĝ mσѓë... 國國國國⟧",
|
|
9
|
+
"comboboxWithApiPagination.noResults": "⟦萬萬萬萬 Ňσ ŗєѕцļťś ƒøũηď 國國國國⟧"
|
|
10
10
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
# Error message displayed as combobox item when an API failed and the suggestions could not load
|
|
2
|
-
comboboxWithApi.apiError = ⟦萬萬萬萬萬萬萬萬萬萬萬萬
|
|
2
|
+
comboboxWithApi.apiError = ⟦萬萬萬萬萬萬萬萬萬萬萬萬 Čòűĺďņ'ŧ ľôãď ŕёśùĺťş. Çļîċĸ ţσ τŗỳ ãğäίπ. 國國國國國國國國國國國國⟧
|
|
3
3
|
# Aria label for the clear button visible at the end of the combobox. When clicked, it will clear all text in the input, as well as the current selection.
|
|
4
|
-
comboboxWithApiPagination.clearButtonAriaLabel = ⟦萬萬萬萬萬萬萬
|
|
4
|
+
comboboxWithApiPagination.clearButtonAriaLabel = ⟦萬萬萬萬萬萬萬 Ċļęǻґ íňΡũŧ αйď ѕêļėčŧìøʼn 國國國國國國國⟧
|
|
5
5
|
# Error message displayed resembling button that calls to action to reload the results
|
|
6
|
-
comboboxWithApiPagination.errorAction = ⟦萬
|
|
6
|
+
comboboxWithApiPagination.errorAction = ⟦萬 Ѓèĺöáď 國⟧
|
|
7
7
|
# Aria-label text for the error icon in the loading results error message
|
|
8
|
-
comboboxWithApiPagination.errorIconLabel = ⟦萬
|
|
8
|
+
comboboxWithApiPagination.errorIconLabel = ⟦萬 Еґгŏř 國⟧
|
|
9
9
|
# Error message displayed as inline notice that informs the user that the options failed to load
|
|
10
|
-
comboboxWithApiPagination.errorMessage = ⟦萬萬萬萬萬萬
|
|
10
|
+
comboboxWithApiPagination.errorMessage = ⟦萬萬萬萬萬萬 ₣äιļéď ţō ĺőąď øΡŧіόņѕ 國國國國國國⟧
|
|
11
11
|
# Visually hidden aria-label text for the loading spinner
|
|
12
|
-
comboboxWithApiPagination.loadingAriaLabel = ⟦萬萬
|
|
12
|
+
comboboxWithApiPagination.loadingAriaLabel = ⟦萬萬 Ĺöąďіńġ... 國國⟧
|
|
13
13
|
# Visually hidden aria-label text for the loading spinner show when loading more results from infinite scrolling list
|
|
14
|
-
comboboxWithApiPagination.loadingMoreAriaLabel = ⟦萬萬萬萬
|
|
14
|
+
comboboxWithApiPagination.loadingMoreAriaLabel = ⟦萬萬萬萬 Ļøάďїńĝ mσѓë... 國國國國⟧
|
|
15
15
|
# Message displayed when no results are found in the combobox
|
|
16
|
-
comboboxWithApiPagination.noResults = ⟦萬萬萬萬
|
|
16
|
+
comboboxWithApiPagination.noResults = ⟦萬萬萬萬 Ňσ ŗєѕцļťś ƒøũηď 國國國國⟧
|
package/package.json
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/combobox-with-api",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.19.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@ariakit/react": "0.4.15",
|
|
6
|
-
"@box/blueprint-web": "^12.
|
|
7
|
-
"@box/blueprint-web-assets": "^4.
|
|
6
|
+
"@box/blueprint-web": "^12.105.0",
|
|
7
|
+
"@box/blueprint-web-assets": "^4.88.0",
|
|
8
8
|
"lodash": "^4.17.15",
|
|
9
9
|
"react": "^17.0.0 || ^18.0.0",
|
|
10
10
|
"react-dom": "^17.0.0 || ^18.0.0",
|
|
11
11
|
"react-intl": "^6.4.2"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@box/tree": "^1.
|
|
14
|
+
"@box/tree": "^1.17.0",
|
|
15
15
|
"react-accessible-treeview": "2.9.0"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@box/blueprint-web": "^12.
|
|
19
|
-
"@box/blueprint-web-assets": "^4.
|
|
20
|
-
"@box/storybook-utils": "^0.14.
|
|
18
|
+
"@box/blueprint-web": "^12.105.0",
|
|
19
|
+
"@box/blueprint-web-assets": "^4.88.0",
|
|
20
|
+
"@box/storybook-utils": "^0.14.28",
|
|
21
21
|
"react": "^18.3.0",
|
|
22
22
|
"react-dom": "^18.3.0"
|
|
23
23
|
},
|