@box/combobox-with-api 1.42.33 → 1.42.34

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 (28) hide show
  1. package/dist/chunks/combobox-with-api-error.js +18 -0
  2. package/dist/chunks/combobox-with-api-pagination.js +168 -0
  3. package/dist/chunks/combobox-with-api-pagination2.js +229 -0
  4. package/dist/chunks/combobox-with-api-tree-view.js +423 -0
  5. package/dist/chunks/dynamic-loading-tree.js +299 -326
  6. package/dist/chunks/treeReducer.js +60 -78
  7. package/dist/esm/index.js +6 -16
  8. package/dist/esm/lib/components/combobox-with-api/combobox-with-api-container.js +47 -52
  9. package/dist/esm/lib/components/combobox-with-api/combobox-with-api-error.js +2 -26
  10. package/dist/esm/lib/components/combobox-with-api/combobox-with-api.js +16 -36
  11. package/dist/esm/lib/components/combobox-with-api/messages.js +6 -10
  12. package/dist/esm/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.js +2 -214
  13. package/dist/esm/lib/components/combobox-with-api-pagination/index.js +3 -205
  14. package/dist/esm/lib/components/combobox-with-api-pagination/messages.js +31 -33
  15. package/dist/esm/lib/components/combobox-with-api-pagination/request.js +4 -6
  16. package/dist/esm/lib/components/combobox-with-api-pagination/use-async-list.js +113 -128
  17. package/dist/esm/lib/components/combobox-with-api-pagination/utils/is-abort-error.js +8 -10
  18. package/dist/esm/lib/components/combobox-with-api-pagination/utils/use-controllable-state.js +32 -34
  19. package/dist/esm/lib/components/combobox-with-api-pagination/utils/use-intersection-observer.js +72 -82
  20. package/dist/esm/lib/components/combobox-with-api-tree-view/combobox-with-api-tree-view.js +133 -174
  21. package/dist/esm/lib/components/combobox-with-api-tree-view/dynamic-loading-tree.js +2 -10
  22. package/dist/esm/lib/components/combobox-with-api-tree-view/index.js +3 -464
  23. package/dist/esm/lib/components/combobox-with-api-tree-view/tree-utils.js +17 -26
  24. package/dist/esm/lib/components/combobox-with-api-tree-view/treeReducer.js +2 -6
  25. package/dist/styles/combobox-with-api-error.css +1 -1
  26. package/dist/styles/combobox-with-api-pagination.css +1 -1
  27. package/dist/styles/dynamic-loading-tree.css +1 -1
  28. package/package.json +7 -7
@@ -1,464 +1,3 @@
1
- import { ComboboxWithApiTreeView as I } from "./combobox-with-api-tree-view.js";
2
- const p = [
3
- // Level 1
4
- {
5
- id: "japan-l1-id",
6
- ancestors: [],
7
- displayName: "Japan",
8
- level: 1,
9
- selectable: !0
10
- },
11
- {
12
- id: "uk-l1-id",
13
- ancestors: [],
14
- displayName: "United Kingdom",
15
- level: 1,
16
- selectable: !0
17
- },
18
- {
19
- id: "usa-l1-id",
20
- ancestors: [],
21
- displayName: "United States",
22
- level: 1,
23
- selectable: !0
24
- },
25
- {
26
- id: "poland-l1-id",
27
- ancestors: [],
28
- displayName: "Poland",
29
- level: 1,
30
- selectable: !0
31
- },
32
- {
33
- id: "australia-l1-id",
34
- ancestors: [],
35
- displayName: "Australia",
36
- level: 1,
37
- selectable: !0
38
- },
39
- {
40
- id: "spain-l1-id",
41
- ancestors: [],
42
- displayName: "Spain",
43
- level: 1,
44
- selectable: !0
45
- },
46
- {
47
- id: "austin-l3-id",
48
- ancestors: [{
49
- id: "usa-l1-id",
50
- displayName: "United States",
51
- level: 1
52
- }, {
53
- id: "texas-l2-id",
54
- displayName: "Texas",
55
- level: 2
56
- }],
57
- displayName: "Austin",
58
- level: 3,
59
- selectable: !0
60
- },
61
- {
62
- id: "california-l2-id",
63
- ancestors: [{
64
- id: "usa-l1-id",
65
- displayName: "United States",
66
- level: 1
67
- }],
68
- displayName: "California",
69
- level: 2,
70
- selectable: !0
71
- },
72
- {
73
- id: "chicago-l3-id",
74
- ancestors: [{
75
- id: "usa-l1-id",
76
- displayName: "United States",
77
- level: 1
78
- }, {
79
- id: "illinois-l2-id",
80
- displayName: "Illinois",
81
- level: 2
82
- }],
83
- displayName: "Chicago",
84
- level: 3,
85
- selectable: !0
86
- },
87
- {
88
- id: "illinois-l2-id",
89
- ancestors: [{
90
- id: "usa-l1-id",
91
- displayName: "United States",
92
- level: 1
93
- }],
94
- displayName: "Illinois",
95
- level: 2,
96
- selectable: !0
97
- },
98
- {
99
- id: "london-l3-id",
100
- ancestors: [{
101
- id: "uk-l1-id",
102
- displayName: "United Kingdom",
103
- level: 1
104
- }, {
105
- id: "england-l2-id",
106
- displayName: "England",
107
- level: 2
108
- }],
109
- displayName: "London",
110
- level: 3,
111
- selectable: !0
112
- },
113
- {
114
- id: "ny-l2-id",
115
- ancestors: [{
116
- id: "usa-l1-id",
117
- displayName: "United States",
118
- level: 1
119
- }],
120
- displayName: "New York",
121
- level: 2,
122
- selectable: !0
123
- },
124
- {
125
- id: "ny-l3-id",
126
- ancestors: [{
127
- id: "usa-l1-id",
128
- displayName: "United States",
129
- level: 1
130
- }, {
131
- id: "ny-l2-id",
132
- displayName: "New York",
133
- level: 2
134
- }],
135
- displayName: "New York",
136
- level: 3,
137
- selectable: !0
138
- },
139
- {
140
- id: "redwood-l3-id",
141
- ancestors: [{
142
- id: "usa-l1-id",
143
- displayName: "United States",
144
- level: 1
145
- }, {
146
- id: "california-l2-id",
147
- displayName: "California",
148
- level: 2
149
- }],
150
- displayName: "Redwood City",
151
- level: 3,
152
- selectable: !0
153
- },
154
- {
155
- id: "sf-l3-id",
156
- ancestors: [{
157
- id: "usa-l1-id",
158
- displayName: "United States",
159
- level: 1
160
- }, {
161
- id: "california-l2-id",
162
- displayName: "California",
163
- level: 2
164
- }],
165
- displayName: "San Francisco",
166
- level: 3,
167
- selectable: !0
168
- },
169
- {
170
- id: "texas-l2-id",
171
- ancestors: [{
172
- id: "usa-l1-id",
173
- displayName: "United States",
174
- level: 1
175
- }],
176
- displayName: "Texas",
177
- level: 2,
178
- selectable: !0
179
- },
180
- {
181
- id: "tokyo-l2-id",
182
- ancestors: [{
183
- id: "japan-l1-id",
184
- displayName: "Japan",
185
- level: 1
186
- }],
187
- displayName: "Tokyo",
188
- level: 2,
189
- selectable: !0
190
- },
191
- {
192
- id: "tokyo-l3-id",
193
- ancestors: [{
194
- id: "japan-l1-id",
195
- displayName: "Japan",
196
- level: 1
197
- }, {
198
- id: "tokyo-l2-id",
199
- displayName: "Tokyo",
200
- level: 2
201
- }],
202
- displayName: "Tokyo",
203
- level: 3,
204
- selectable: !0
205
- },
206
- {
207
- id: "long-option-l3-id",
208
- ancestors: [{
209
- id: "long-option-l1-id",
210
- displayName: "Long child node",
211
- level: 1
212
- }],
213
- displayName: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
214
- level: 2,
215
- selectable: !0
216
- },
217
- // Japan L2
218
- {
219
- id: "hokkaido-l2-id",
220
- ancestors: [{
221
- id: "japan-l1-id",
222
- displayName: "Japan",
223
- level: 1
224
- }],
225
- displayName: "Hokkaido",
226
- level: 2,
227
- selectable: !0
228
- },
229
- {
230
- id: "iwate-l2-id",
231
- ancestors: [{
232
- id: "japan-l1-id",
233
- displayName: "Japan",
234
- level: 1
235
- }],
236
- displayName: "Iwate",
237
- level: 2,
238
- selectable: !0
239
- },
240
- {
241
- id: "fukushima-l2-id",
242
- ancestors: [{
243
- id: "japan-l1-id",
244
- displayName: "Japan",
245
- level: 1
246
- }],
247
- displayName: "Fukushima",
248
- level: 2,
249
- selectable: !0
250
- },
251
- {
252
- id: "nagano-l2-id",
253
- ancestors: [{
254
- id: "japan-l1-id",
255
- displayName: "Japan",
256
- level: 1
257
- }],
258
- displayName: "Nagano",
259
- level: 2,
260
- selectable: !0
261
- },
262
- {
263
- id: "niigata-l2-id",
264
- ancestors: [{
265
- id: "japan-l1-id",
266
- displayName: "Japan",
267
- level: 1
268
- }],
269
- displayName: "Niigata",
270
- level: 2,
271
- selectable: !0
272
- },
273
- {
274
- id: "akita-l2-id",
275
- ancestors: [{
276
- id: "japan-l1-id",
277
- displayName: "Japan",
278
- level: 1
279
- }],
280
- displayName: "Akita",
281
- level: 2,
282
- selectable: !0
283
- },
284
- {
285
- id: "hiroshima-l2-id",
286
- ancestors: [{
287
- id: "japan-l1-id",
288
- displayName: "Japan",
289
- level: 1
290
- }],
291
- displayName: "Hiroshima",
292
- level: 2,
293
- selectable: !0
294
- },
295
- {
296
- id: "kagoshima-l2-id",
297
- ancestors: [{
298
- id: "japan-l1-id",
299
- displayName: "Japan",
300
- level: 1
301
- }],
302
- displayName: "Kagoshima",
303
- level: 2,
304
- selectable: !0
305
- },
306
- {
307
- id: "aomori-l2-id",
308
- ancestors: [{
309
- id: "japan-l1-id",
310
- displayName: "Japan",
311
- level: 1
312
- }],
313
- displayName: "Aomori",
314
- level: 2,
315
- selectable: !0
316
- },
317
- {
318
- id: "hyogo-l2-id",
319
- ancestors: [{
320
- id: "japan-l1-id",
321
- displayName: "Japan",
322
- level: 1
323
- }],
324
- displayName: "Hyogo",
325
- level: 2,
326
- selectable: !0
327
- },
328
- // UK L2
329
- {
330
- id: "england-l2-id",
331
- ancestors: [{
332
- id: "uk-l1-id",
333
- displayName: "United Kingdom",
334
- level: 1
335
- }],
336
- displayName: "England",
337
- level: 2,
338
- selectable: !0
339
- },
340
- {
341
- id: "scotland-l2-id",
342
- ancestors: [{
343
- id: "uk-l1-id",
344
- displayName: "United Kingdom",
345
- level: 1
346
- }],
347
- displayName: "Scotland",
348
- level: 2,
349
- selectable: !0
350
- },
351
- {
352
- id: "wales-l2-id",
353
- ancestors: [{
354
- id: "uk-l1-id",
355
- displayName: "United Kingdom",
356
- level: 1
357
- }],
358
- displayName: "Wales",
359
- level: 2,
360
- selectable: !0
361
- },
362
- {
363
- id: "northern-ireland-l2-id",
364
- ancestors: [{
365
- id: "uk-l1-id",
366
- displayName: "United Kingdom",
367
- level: 1
368
- }],
369
- displayName: "Northern Ireland",
370
- level: 2,
371
- selectable: !0
372
- }
373
- ], u = 5, j = (l, e) => {
374
- const a = parseInt(l, 10) || 0, i = a + u;
375
- return e.slice(a, i).map(({
376
- displayName: s,
377
- id: t,
378
- ...n
379
- }) => ({
380
- displayValue: s,
381
- value: t,
382
- ...n
383
- }));
384
- }, U = (l, e) => {
385
- const i = (parseInt(l, 10) || 0) + u;
386
- return i < e.length ? i.toString() : void 0;
387
- }, x = /* @__PURE__ */ (() => {
388
- let l = 0, e = 0;
389
- return async ({
390
- delay: a,
391
- signal: i,
392
- level: s,
393
- searchInput: t,
394
- ancestorId: n,
395
- marker: o,
396
- failOnLoadMore: y,
397
- options: N = p,
398
- failOnLoadMoreTimes: v = Number.MAX_SAFE_INTEGER,
399
- failOnLoadLevel: b,
400
- failOnLoadLevelTimes: g = Number.MAX_SAFE_INTEGER
401
- }) => {
402
- if (i.aborted)
403
- return Promise.reject(new DOMException("Aborted", "AbortError"));
404
- if (y && o != null && l < v)
405
- return l += 1, Promise.reject();
406
- if (s === b && e < g)
407
- return e += 1, Promise.reject();
408
- a && await new Promise((r) => setTimeout(r, a));
409
- const c = N.filter((r) => {
410
- const {
411
- displayName: f,
412
- level: m,
413
- ancestors: h
414
- } = {
415
- ...r
416
- };
417
- let d = !0;
418
- return s && m && m !== s && (d = !1), t && (d = d && f.toLowerCase().includes(t.toLowerCase())), n && (d = d && h?.some(({
419
- id: S
420
- }) => S === n)), d;
421
- }), k = Promise.resolve({
422
- marker: U(o, c),
423
- options: j(o, c)
424
- });
425
- return w(await k);
426
- };
427
- })();
428
- function w(l) {
429
- return {
430
- marker: l.marker,
431
- options: l.options.map(({
432
- value: e,
433
- displayValue: a,
434
- ...i
435
- }) => a ? {
436
- displayValue: a,
437
- value: e,
438
- ...i
439
- } : {
440
- value: e,
441
- ...i
442
- })
443
- };
444
- }
445
- const J = (l) => {
446
- const e = p.find((a) => a.displayName === l);
447
- return e ? {
448
- value: e.id,
449
- displayValue: e.displayName,
450
- level: e.level,
451
- selectable: e.selectable,
452
- ancestors: e.ancestors
453
- } : null;
454
- };
455
- p.map((l) => ({
456
- ...l,
457
- selectable: l.level === 2
458
- }));
459
- export {
460
- I as ComboboxWithApiTreeView,
461
- p as apiResponse,
462
- J as findNode,
463
- x as mockTreeFetcher
464
- };
1
+ import { ComboboxWithApiTreeView as e } from "./combobox-with-api-tree-view.js";
2
+ import { n as t, r as n, t as r } from "../../../../chunks/combobox-with-api-tree-view.js";
3
+ export { e as ComboboxWithApiTreeView, n as apiResponse, r as findNode, t as mockTreeFetcher };
@@ -1,27 +1,18 @@
1
- const r = (e, n, o) => {
2
- const t = {
3
- name: n,
4
- id: `${e}_${o}`,
5
- parent: e,
6
- children: [],
7
- metadata: {
8
- variant: o
9
- }
10
- };
11
- return t;
12
- }, l = (e) => e && typeof e.level == "number", d = {
13
- name: "Root",
14
- id: "root",
15
- parent: null,
16
- children: [],
17
- metadata: {
18
- variant: "content",
19
- level: 0,
20
- displayValue: "Root"
21
- }
22
- };
23
- export {
24
- d as RootTreeNode,
25
- r as getServiceNode,
26
- l as hasValidLevel
1
+ var e = (e, t, n) => ({
2
+ name: t,
3
+ id: `${e}_${n}`,
4
+ parent: e,
5
+ children: [],
6
+ metadata: { variant: n }
7
+ }), t = (e) => e && typeof e.level == "number", n = {
8
+ name: "Root",
9
+ id: "root",
10
+ parent: null,
11
+ children: [],
12
+ metadata: {
13
+ variant: "content",
14
+ level: 0,
15
+ displayValue: "Root"
16
+ }
27
17
  };
18
+ export { n as RootTreeNode, e as getServiceNode, t as hasValidLevel };
@@ -1,6 +1,2 @@
1
- import { i, t as a } from "../../../../chunks/treeReducer.js";
2
- import "./tree-utils.js";
3
- export {
4
- i as initialTreeState,
5
- a as treeReducer
6
- };
1
+ import { n as e, t } from "../../../../chunks/treeReducer.js";
2
+ export { t as initialTreeState, e as treeReducer };
@@ -1 +1 @@
1
- ._container_1ozsi_1{display:flex;gap:var(--space-1);justify-content:center}
1
+ ._container_1ozsi_1{gap:var(--space-1);justify-content:center;display:flex}
@@ -1 +1 @@
1
- ._container_19k3s_2{display:flex;gap:var(--space-1);justify-content:center}._disabled_19k3s_8._disabled_19k3s_8{opacity:unset}._highlightOptionText_19k3s_12 [data-user-value]{font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);text-decoration:var(--body-default-bold-text-decoration)}._highlightOptionText_19k3s_12 [data-autocomplete-value]{color:var(--text-text-on-light-secondary)}._highlightOptionText_19k3s_12._selected_19k3s_24,._highlightOptionText_19k3s_12._selected_19k3s_24 span{color:var(--text-text-on-light);font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);text-decoration:var(--body-default-bold-text-decoration)}._option_19k3s_35:nth-last-child(1 of._option_19k3s_35){scroll-margin-block-end:var(--space-12)}._errorComboboxOption_19k3s_39[role=option]{display:flex;align-items:center;justify-content:center}._errorComboboxOption_19k3s_39[role=option] ._errorComboboxOptionText_19k3s_44{display:flex;gap:var(--space-1);align-items:center}
1
+ ._container_19k3s_2{gap:var(--space-1);justify-content:center;display:flex}._disabled_19k3s_8._disabled_19k3s_8{opacity:unset}._highlightOptionText_19k3s_12 [data-user-value]{font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);-webkit-text-decoration:var(--body-default-bold-text-decoration);text-decoration:var(--body-default-bold-text-decoration)}._highlightOptionText_19k3s_12 [data-autocomplete-value]{color:var(--text-text-on-light-secondary)}._highlightOptionText_19k3s_12._selected_19k3s_24,._highlightOptionText_19k3s_12._selected_19k3s_24 span{color:var(--text-text-on-light);font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);-webkit-text-decoration:var(--body-default-bold-text-decoration);text-decoration:var(--body-default-bold-text-decoration)}._option_19k3s_35:nth-last-child(1 of ._option_19k3s_35){scroll-margin-block-end:var(--space-12)}._errorComboboxOption_19k3s_39[role=option]{justify-content:center;align-items:center;display:flex}._errorComboboxOption_19k3s_39[role=option] ._errorComboboxOptionText_19k3s_44{gap:var(--space-1);align-items:center;display:flex}
@@ -1 +1 @@
1
- ._container_rhp7y_2{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);text-decoration:var(--body-default-text-decoration);display:flex;flex-direction:column}._container_rhp7y_2._disabled_rhp7y_13{opacity:.6}._container_rhp7y_2 ._label_rhp7y_16{font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);text-decoration:var(--body-default-bold-text-decoration);flex:0 0 fit-content;color:var(--text-text-on-light);overflow-wrap:break-word}._container_rhp7y_2 ._label_rhp7y_16:not(._hiddenLabel_rhp7y_28){margin-block-end:var(--space-2)}._container_rhp7y_2 ._comboboxContainer_rhp7y_31{position:relative;display:flex;flex-wrap:wrap;gap:var(--space-2);overflow-y:auto;background-color:var(--surface-dropdown-surface);border-top:var(--blueprint-combobox-border-top-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));border-right:var(--blueprint-combobox-border-right-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));border-bottom:var(--blueprint-combobox-border-bottom-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));border-left:var(--blueprint-combobox-border-left-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));border-radius:var(--blueprint-combobox-input-radius, var(--radius-2));box-shadow:var(--innershadow-1);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-1));padding-inline:var(--space-3)}._container_rhp7y_2 ._comboboxContainer_rhp7y_31._withComboboxButtons_rhp7y_47{padding-inline-end:var(--space-10)}._container_rhp7y_2 ._comboboxContainer_rhp7y_31:not(:disabled):has(input:focus){background-color:var(--surface-dropdown-surface-focus);border:var(--border-2) solid var(--outline-focus-on-light);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-2))}._container_rhp7y_2 ._comboboxContainer_rhp7y_31:not(:disabled)._error_rhp7y_58,._container_rhp7y_2 ._comboboxContainer_rhp7y_31:not(:disabled):has([aria-invalid=true]){background-color:var(--surface-dropdown-surface-error);border-top:var(--blueprint-combobox-border-error-top-width, var(--border-2)) solid var(--border-input-border-error);border-right:var(--blueprint-combobox-border-error-right-width, var(--border-2)) solid var(--border-input-border-error);border-bottom:var(--blueprint-combobox-border-error-bottom-width, var(--border-2)) solid var(--border-input-border-error);border-left:var(--blueprint-combobox-border-error-left-width, var(--border-2)) solid var(--border-input-border-error);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-2))}._container_rhp7y_2 ._comboboxContainer_rhp7y_31 ._textInputWrapper_rhp7y_69{display:flex;flex:content;gap:var(--space-2);align-items:center}._container_rhp7y_2 ._comboboxContainer_rhp7y_31 ._textInputWrapper_rhp7y_69 ._textInput_rhp7y_69{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);text-decoration:var(--body-default-text-decoration);width:100%;height:var(--space-5);padding:0;color:var(--text-text-on-light);background-color:transparent;border:none;outline:none}._container_rhp7y_2 ._comboboxContainer_rhp7y_31 ._textInputWrapper_rhp7y_69 ._errorIcon_rhp7y_91 path{fill:var(--icon-icon-error-on-light)}._container_rhp7y_2 ._comboboxContainer_rhp7y_31 ._textInputWrapper_rhp7y_69 ._comboboxButtons_rhp7y_94{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center}._container_rhp7y_2 ._comboboxContainer_rhp7y_31._withChips_rhp7y_101{max-height:calc(2 * var(--space-2) + 3 * var(--space-6));padding-block:calc((40px - var(--space-7)) / 2 - var(--border-1))}._container_rhp7y_2 ._comboboxContainer_rhp7y_31._withChips_rhp7y_101:not(:disabled)._error_rhp7y_58{padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_rhp7y_2 ._comboboxContainer_rhp7y_31._withChips_rhp7y_101:not(:disabled):has(input:focus){padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_rhp7y_2 ._inlineError_rhp7y_111{margin-block-start:var(--space-2)}._popover_rhp7y_115{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);text-decoration:var(--body-default-text-decoration);z-index:380;max-height:300px;overflow:auto;background-color:var(--surface-menu-surface);border:var(--border-1) solid var(--border-card-border);border-radius:var(--radius-3);padding-block:var(--space-3);padding-inline:var(--space-3);box-shadow:var(--dropshadow-3)}._popover_rhp7y_115 ul{padding-inline-start:0}._popover_rhp7y_115 ._option_rhp7y_141{position:relative;box-sizing:border-box;width:100%;overflow-wrap:break-word;border:var(--border-2) solid transparent;border-radius:var(--radius-3);outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;padding-block:var(--space-2);padding-inline:var(--space-2)}._popover_rhp7y_115 ._option_rhp7y_141[aria-disabled]{opacity:.6}._popover_rhp7y_115 ._option_rhp7y_141[data-active-item]:not([aria-disabled]){background-color:var(--surface-menu-surface-focus);border:var(--border-2) solid var(--outline-focus-on-light)}._popover_rhp7y_115 ._option_rhp7y_141:hover{background-color:var(--surface-menu-surface-hover)}._popover_rhp7y_115 ._option_rhp7y_141 ._indicator_rhp7y_164{position:absolute;top:0;left:var(--space-2);display:flex;align-items:center;justify-content:center;height:var(--size-9)}._popover_rhp7y_115 ._option_rhp7y_141 ._indicator_rhp7y_164 ._indicatorIcon_rhp7y_173 path{fill:var(--icon-icon-on-light)}._popover_rhp7y_115 ._optionWithIndicator_rhp7y_176{padding-inline:var(--space-10) var(--space-2)}._popover_rhp7y_115 ._loadingIndicator_rhp7y_179{position:unset}._popover_rhp7y_115 ._noResultOption_rhp7y_182{color:var(--text-text-on-light);text-align:center;-webkit-user-select:none;user-select:none}
1
+ ._container_rhp7y_2{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);-webkit-text-decoration:var(--body-default-text-decoration);text-decoration:var(--body-default-text-decoration);flex-direction:column;display:flex}._container_rhp7y_2._disabled_rhp7y_13{opacity:.6}._container_rhp7y_2 ._label_rhp7y_16{font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);-webkit-text-decoration:var(--body-default-bold-text-decoration);text-decoration:var(--body-default-bold-text-decoration);flex:0 0 fit-content;color:var(--text-text-on-light);overflow-wrap:break-word}._container_rhp7y_2 ._label_rhp7y_16:not(._hiddenLabel_rhp7y_28){margin-block-end:var(--space-2)}._container_rhp7y_2 ._comboboxContainer_rhp7y_31{gap:var(--space-2);background-color:var(--surface-dropdown-surface);border-top:var(--blueprint-combobox-border-top-width,var(--border-1)) solid var(--blueprint-combobox-border-color,var(--border-input-border));border-right:var(--blueprint-combobox-border-right-width,var(--border-1)) solid var(--blueprint-combobox-border-color,var(--border-input-border));border-bottom:var(--blueprint-combobox-border-bottom-width,var(--border-1)) solid var(--blueprint-combobox-border-color,var(--border-input-border));border-left:var(--blueprint-combobox-border-left-width,var(--border-1)) solid var(--blueprint-combobox-border-color,var(--border-input-border));border-radius:var(--blueprint-combobox-input-radius,var(--radius-2));box-shadow:var(--innershadow-1);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-1));padding-inline:var(--space-3);flex-wrap:wrap;display:flex;position:relative;overflow-y:auto}._container_rhp7y_2 ._comboboxContainer_rhp7y_31._withComboboxButtons_rhp7y_47{padding-inline-end:var(--space-10)}._container_rhp7y_2 ._comboboxContainer_rhp7y_31:not(:disabled):has(input:focus){background-color:var(--surface-dropdown-surface-focus);border:var(--border-2) solid var(--outline-focus-on-light);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-2))}._container_rhp7y_2 ._comboboxContainer_rhp7y_31:not(:disabled)._error_rhp7y_58{background-color:var(--surface-dropdown-surface-error);border-top:var(--blueprint-combobox-border-error-top-width,var(--border-2)) solid var(--border-input-border-error);border-right:var(--blueprint-combobox-border-error-right-width,var(--border-2)) solid var(--border-input-border-error);border-bottom:var(--blueprint-combobox-border-error-bottom-width,var(--border-2)) solid var(--border-input-border-error);border-left:var(--blueprint-combobox-border-error-left-width,var(--border-2)) solid var(--border-input-border-error);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-2))}._container_rhp7y_2 ._comboboxContainer_rhp7y_31:not(:disabled):has([aria-invalid=true]){background-color:var(--surface-dropdown-surface-error);border-top:var(--blueprint-combobox-border-error-top-width,var(--border-2)) solid var(--border-input-border-error);border-right:var(--blueprint-combobox-border-error-right-width,var(--border-2)) solid var(--border-input-border-error);border-bottom:var(--blueprint-combobox-border-error-bottom-width,var(--border-2)) solid var(--border-input-border-error);border-left:var(--blueprint-combobox-border-error-left-width,var(--border-2)) solid var(--border-input-border-error);padding-block:calc((40px - var(--space-5)) / 2 - var(--border-2))}._container_rhp7y_2 ._comboboxContainer_rhp7y_31 ._textInputWrapper_rhp7y_69{flex:content;gap:var(--space-2);align-items:center;display:flex}._container_rhp7y_2 ._comboboxContainer_rhp7y_31 ._textInputWrapper_rhp7y_69 ._textInput_rhp7y_69{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);-webkit-text-decoration:var(--body-default-text-decoration);text-decoration:var(--body-default-text-decoration);width:100%;height:var(--space-5);color:var(--text-text-on-light);background-color:#0000;border:none;outline:none;padding:0}._container_rhp7y_2 ._comboboxContainer_rhp7y_31 ._textInputWrapper_rhp7y_69 ._errorIcon_rhp7y_91 path{fill:var(--icon-icon-error-on-light)}._container_rhp7y_2 ._comboboxContainer_rhp7y_31 ._textInputWrapper_rhp7y_69 ._comboboxButtons_rhp7y_94{top:var(--space-2);right:var(--space-2);align-items:center;display:flex;position:absolute}._container_rhp7y_2 ._comboboxContainer_rhp7y_31._withChips_rhp7y_101{max-height:calc(2 * var(--space-2) + 3 * var(--space-6));padding-block:calc((40px - var(--space-7)) / 2 - var(--border-1))}._container_rhp7y_2 ._comboboxContainer_rhp7y_31._withChips_rhp7y_101:not(:disabled)._error_rhp7y_58{padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_rhp7y_2 ._comboboxContainer_rhp7y_31._withChips_rhp7y_101:not(:disabled):has(input:focus){padding-block:calc((40px - var(--space-7)) / 2 - var(--border-2))}._container_rhp7y_2 ._inlineError_rhp7y_111{margin-block-start:var(--space-2)}._popover_rhp7y_115{font-weight:var(--body-default-font-weight);font-size:var(--body-default-font-size);font-family:var(--body-default-font-family);line-height:var(--body-default-line-height);letter-spacing:var(--body-default-letter-spacing);text-transform:var(--body-default-text-case);-webkit-text-decoration:var(--body-default-text-decoration);text-decoration:var(--body-default-text-decoration);z-index:380;background-color:var(--surface-menu-surface);border:var(--border-1) solid var(--border-card-border);border-radius:var(--radius-3);max-height:300px;padding-block:var(--space-3);padding-inline:var(--space-3);box-shadow:var(--dropshadow-3);overflow:auto}._popover_rhp7y_115 ul{padding-inline-start:0}._popover_rhp7y_115 ._option_rhp7y_141{box-sizing:border-box;overflow-wrap:break-word;border:var(--border-2) solid transparent;border-radius:var(--radius-3);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;padding-block:var(--space-2);padding-inline:var(--space-2);outline:none;position:relative}._popover_rhp7y_115 ._option_rhp7y_141[aria-disabled]{opacity:.6}._popover_rhp7y_115 ._option_rhp7y_141[data-active-item]:not([aria-disabled]){background-color:var(--surface-menu-surface-focus);border:var(--border-2) solid var(--outline-focus-on-light)}._popover_rhp7y_115 ._option_rhp7y_141:hover{background-color:var(--surface-menu-surface-hover)}._popover_rhp7y_115 ._option_rhp7y_141 ._indicator_rhp7y_164{top:0;left:var(--space-2);height:var(--size-9);justify-content:center;align-items:center;display:flex;position:absolute}._popover_rhp7y_115 ._option_rhp7y_141 ._indicator_rhp7y_164 ._indicatorIcon_rhp7y_173 path{fill:var(--icon-icon-on-light)}._popover_rhp7y_115 ._optionWithIndicator_rhp7y_176{padding-inline:var(--space-10) var(--space-2)}._popover_rhp7y_115 ._loadingIndicator_rhp7y_179{position:unset}._popover_rhp7y_115 ._noResultOption_rhp7y_182{color:var(--text-text-on-light);text-align:center;-webkit-user-select:none;user-select:none}
package/package.json CHANGED
@@ -1,23 +1,23 @@
1
1
  {
2
2
  "name": "@box/combobox-with-api",
3
- "version": "1.42.33",
3
+ "version": "1.42.34",
4
4
  "peerDependencies": {
5
5
  "@ariakit/react": "0.4.21",
6
- "@box/blueprint-web": "^14.5.0",
7
- "@box/blueprint-web-assets": "^4.112.1",
6
+ "@box/blueprint-web": "^14.6.0",
7
+ "@box/blueprint-web-assets": "^4.112.2",
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.38.33",
14
+ "@box/tree": "^1.38.34",
15
15
  "react-accessible-treeview": "2.9.0"
16
16
  },
17
17
  "devDependencies": {
18
- "@box/blueprint-web": "^14.5.0",
19
- "@box/blueprint-web-assets": "^4.112.1",
20
- "@box/storybook-utils": "^0.17.28",
18
+ "@box/blueprint-web": "^14.6.0",
19
+ "@box/blueprint-web-assets": "^4.112.2",
20
+ "@box/storybook-utils": "^0.17.29",
21
21
  "react": "^18.3.0",
22
22
  "react-dom": "^18.3.0"
23
23
  },