@spectrum-web-components/picker 0.31.1-react.3 → 0.32.1-overlay.33

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/custom-elements.json +143 -266
  2. package/package.json +14 -14
  3. package/src/Picker.d.ts +19 -31
  4. package/src/Picker.dev.js +127 -172
  5. package/src/Picker.dev.js.map +3 -3
  6. package/src/Picker.js +32 -17
  7. package/src/Picker.js.map +3 -3
  8. package/src/picker.css.dev.js +67 -35
  9. package/src/picker.css.dev.js.map +2 -2
  10. package/src/picker.css.js +67 -35
  11. package/src/picker.css.js.map +2 -2
  12. package/src/spectrum-picker.css.dev.js +66 -34
  13. package/src/spectrum-picker.css.dev.js.map +2 -2
  14. package/src/spectrum-picker.css.js +66 -34
  15. package/src/spectrum-picker.css.js.map +2 -2
  16. package/sync/index.d.ts +4 -1
  17. package/sync/index.dev.js +1 -6
  18. package/sync/index.dev.js.map +2 -2
  19. package/sync/index.js +1 -1
  20. package/sync/index.js.map +3 -3
  21. package/test/index.js +195 -142
  22. package/test/index.js.map +2 -2
  23. package/test/picker-reparenting.test.js +10 -17
  24. package/test/picker-reparenting.test.js.map +2 -2
  25. package/test/picker-responsive.test.js +3 -2
  26. package/test/picker-responsive.test.js.map +2 -2
  27. package/test/picker.test.js +1 -1
  28. package/test/picker.test.js.map +2 -2
package/custom-elements.json CHANGED
@@ -6,7 +6,16 @@
6
6
  "kind": "javascript-module",
7
7
  "path": "sp-picker.ts",
8
8
  "declarations": [],
9
- "exports": []
9
+ "exports": [
10
+ {
11
+ "kind": "custom-element-definition",
12
+ "name": "sp-picker",
13
+ "declaration": {
14
+ "name": "Picker",
15
+ "module": "/src/Picker.js"
16
+ }
17
+ }
18
+ ]
10
19
  },
11
20
  {
12
21
  "kind": "javascript-module",
@@ -23,12 +32,6 @@
23
32
  "description": "",
24
33
  "name": "PickerBase",
25
34
  "members": [
26
- {
27
- "kind": "field",
28
- "name": "openOverlay",
29
- "privacy": "private",
30
- "static": true
31
- },
32
35
  {
33
36
  "kind": "field",
34
37
  "name": "isMobile",
@@ -49,7 +52,8 @@
49
52
  "type": {
50
53
  "text": "HTMLButtonElement | this"
51
54
  },
52
- "privacy": "public"
55
+ "privacy": "public",
56
+ "readonly": true
53
57
  },
54
58
  {
55
59
  "kind": "field",
@@ -141,15 +145,7 @@
141
145
  "text": "MenuItem[]"
142
146
  },
143
147
  "privacy": "public",
144
- "default": "[]"
145
- },
146
- {
147
- "kind": "field",
148
- "name": "restoreChildren",
149
- "type": {
150
- "text": "() => void | undefined"
151
- },
152
- "privacy": "private"
148
+ "readonly": true
153
149
  },
154
150
  {
155
151
  "kind": "field",
@@ -200,19 +196,10 @@
200
196
  },
201
197
  {
202
198
  "kind": "field",
203
- "name": "closeOverlay",
199
+ "name": "_selectedItem",
204
200
  "type": {
205
- "text": "Promise<() => void> | undefined"
206
- },
207
- "privacy": "private"
208
- },
209
- {
210
- "kind": "field",
211
- "name": "popoverEl",
212
- "type": {
213
- "text": "Popover"
214
- },
215
- "privacy": "private"
201
+ "text": "MenuItem | undefined"
202
+ }
216
203
  },
217
204
  {
218
205
  "kind": "field",
@@ -238,7 +225,8 @@
238
225
  "type": {
239
226
  "text": "HTMLElement"
240
227
  },
241
- "privacy": "public"
228
+ "privacy": "public",
229
+ "readonly": true
242
230
  },
243
231
  {
244
232
  "kind": "method",
@@ -260,6 +248,25 @@
260
248
  }
261
249
  }
262
250
  },
251
+ {
252
+ "kind": "field",
253
+ "name": "preventNextToggle",
254
+ "type": {
255
+ "text": "boolean"
256
+ },
257
+ "privacy": "private",
258
+ "default": "false"
259
+ },
260
+ {
261
+ "kind": "method",
262
+ "name": "handlePointerdown",
263
+ "privacy": "protected",
264
+ "return": {
265
+ "type": {
266
+ "text": "void"
267
+ }
268
+ }
269
+ },
263
270
  {
264
271
  "kind": "method",
265
272
  "name": "onButtonClick",
@@ -412,69 +419,12 @@
412
419
  },
413
420
  {
414
421
  "kind": "field",
415
- "name": "overlayOpenCallback",
416
- "privacy": "public"
417
- },
418
- {
419
- "kind": "field",
420
- "name": "overlayCloseCallback",
421
- "privacy": "public"
422
- },
423
- {
424
- "kind": "field",
425
- "name": "popoverFragment",
422
+ "name": "containerStyles",
426
423
  "type": {
427
- "text": "DocumentFragment"
424
+ "text": "StyleInfo"
428
425
  },
429
- "privacy": "private"
430
- },
431
- {
432
- "kind": "method",
433
- "name": "generatePopover",
434
- "privacy": "private",
435
- "return": {
436
- "type": {
437
- "text": "Promise<void>"
438
- }
439
- }
440
- },
441
- {
442
- "kind": "method",
443
- "name": "openMenu",
444
- "privacy": "private",
445
- "return": {
446
- "type": {
447
- "text": "Promise<void>"
448
- }
449
- }
450
- },
451
- {
452
- "kind": "method",
453
- "name": "sizePopover",
454
426
  "privacy": "protected",
455
- "return": {
456
- "type": {
457
- "text": "void"
458
- }
459
- },
460
- "parameters": [
461
- {
462
- "name": "popover",
463
- "type": {
464
- "text": "HTMLElement"
465
- }
466
- }
467
- ]
468
- },
469
- {
470
- "kind": "method",
471
- "name": "closeMenu",
472
- "privacy": "private",
473
- "return": {
474
- "type": {
475
- "text": "Promise<void>"
476
- }
477
- }
427
+ "readonly": true
478
428
  },
479
429
  {
480
430
  "kind": "field",
@@ -484,6 +434,13 @@
484
434
  },
485
435
  "privacy": "protected"
486
436
  },
437
+ {
438
+ "kind": "field",
439
+ "name": "_selectedItemContent",
440
+ "type": {
441
+ "text": "MenuItemChildren | undefined"
442
+ }
443
+ },
487
444
  {
488
445
  "kind": "method",
489
446
  "name": "renderLabelContent",
@@ -508,44 +465,48 @@
508
465
  "type": {
509
466
  "text": "TemplateResult[]"
510
467
  },
511
- "privacy": "protected"
468
+ "privacy": "protected",
469
+ "readonly": true
512
470
  },
513
471
  {
514
472
  "kind": "field",
515
- "name": "dismissHelper",
473
+ "name": "renderOverlay",
516
474
  "type": {
517
475
  "text": "TemplateResult"
518
476
  },
519
- "privacy": "protected"
477
+ "privacy": "protected",
478
+ "readonly": true
520
479
  },
521
480
  {
522
481
  "kind": "field",
523
- "name": "renderPopover",
482
+ "name": "dismissHelper",
524
483
  "type": {
525
484
  "text": "TemplateResult"
526
485
  },
527
- "privacy": "protected"
486
+ "privacy": "protected",
487
+ "readonly": true
528
488
  },
529
489
  {
530
490
  "kind": "field",
531
- "name": "_willUpdateItems",
491
+ "name": "renderContainer",
532
492
  "type": {
533
- "text": "boolean"
493
+ "text": "TemplateResult"
534
494
  },
535
- "privacy": "private",
536
- "default": "false"
495
+ "privacy": "protected",
496
+ "readonly": true
537
497
  },
538
498
  {
539
499
  "kind": "field",
540
- "name": "itemsUpdated",
500
+ "name": "willManageSelection",
541
501
  "type": {
542
- "text": "Promise<void>"
502
+ "text": "boolean"
543
503
  },
544
- "privacy": "protected"
504
+ "privacy": "private",
505
+ "default": "false"
545
506
  },
546
507
  {
547
508
  "kind": "method",
548
- "name": "updateMenuItems",
509
+ "name": "shouldScheduleManageSelection",
549
510
  "privacy": "protected",
550
511
  "return": {
551
512
  "type": {
@@ -557,34 +518,30 @@
557
518
  "name": "event",
558
519
  "optional": true,
559
520
  "type": {
560
- "text": "MenuItemAddedOrUpdatedEvent | MenuItemRemovedEvent"
521
+ "text": "Event"
561
522
  }
562
523
  }
563
- ],
564
- "description": "Acquire the available MenuItems in the Picker by\ndirect element query or by assuming the list managed\nby the Menu within the open options overlay."
524
+ ]
565
525
  },
566
526
  {
567
527
  "kind": "method",
568
- "name": "manageSelection",
528
+ "name": "shouldManageSelection",
569
529
  "privacy": "protected",
570
530
  "return": {
571
531
  "type": {
572
- "text": "Promise<void>"
532
+ "text": "void"
573
533
  }
574
534
  }
575
535
  },
576
536
  {
577
- "kind": "field",
578
- "name": "menuStatePromise",
579
- "privacy": "private"
580
- },
581
- {
582
- "kind": "field",
583
- "name": "menuStateResolver",
584
- "type": {
585
- "text": "() => void"
586
- },
587
- "privacy": "private"
537
+ "kind": "method",
538
+ "name": "manageSelection",
539
+ "privacy": "protected",
540
+ "return": {
541
+ "type": {
542
+ "text": "Promise<void>"
543
+ }
544
+ }
588
545
  },
589
546
  {
590
547
  "kind": "field",
@@ -726,22 +683,13 @@
726
683
  ],
727
684
  "members": [
728
685
  {
729
- "kind": "method",
730
- "name": "sizePopover",
731
- "privacy": "protected",
732
- "return": {
733
- "type": {
734
- "text": "void"
735
- }
686
+ "kind": "field",
687
+ "name": "containerStyles",
688
+ "type": {
689
+ "text": "StyleInfo"
736
690
  },
737
- "parameters": [
738
- {
739
- "name": "popover",
740
- "type": {
741
- "text": "HTMLElement"
742
- }
743
- }
744
- ],
691
+ "privacy": "protected",
692
+ "readonly": true,
745
693
  "inheritedFrom": {
746
694
  "name": "PickerBase",
747
695
  "module": "src/Picker.ts"
@@ -756,16 +704,6 @@
756
704
  "module": "src/Picker.ts"
757
705
  }
758
706
  },
759
- {
760
- "kind": "field",
761
- "name": "openOverlay",
762
- "privacy": "private",
763
- "static": true,
764
- "inheritedFrom": {
765
- "name": "PickerBase",
766
- "module": "src/Picker.ts"
767
- }
768
- },
769
707
  {
770
708
  "kind": "field",
771
709
  "name": "isMobile",
@@ -795,6 +733,7 @@
795
733
  "text": "HTMLButtonElement | this"
796
734
  },
797
735
  "privacy": "public",
736
+ "readonly": true,
798
737
  "inheritedFrom": {
799
738
  "name": "PickerBase",
800
739
  "module": "src/Picker.ts"
@@ -922,19 +861,7 @@
922
861
  "text": "MenuItem[]"
923
862
  },
924
863
  "privacy": "public",
925
- "default": "[]",
926
- "inheritedFrom": {
927
- "name": "PickerBase",
928
- "module": "src/Picker.ts"
929
- }
930
- },
931
- {
932
- "kind": "field",
933
- "name": "restoreChildren",
934
- "type": {
935
- "text": "() => void | undefined"
936
- },
937
- "privacy": "private",
864
+ "readonly": true,
938
865
  "inheritedFrom": {
939
866
  "name": "PickerBase",
940
867
  "module": "src/Picker.ts"
@@ -1009,23 +936,10 @@
1009
936
  },
1010
937
  {
1011
938
  "kind": "field",
1012
- "name": "closeOverlay",
939
+ "name": "_selectedItem",
1013
940
  "type": {
1014
- "text": "Promise<() => void> | undefined"
1015
- },
1016
- "privacy": "private",
1017
- "inheritedFrom": {
1018
- "name": "PickerBase",
1019
- "module": "src/Picker.ts"
1020
- }
1021
- },
1022
- {
1023
- "kind": "field",
1024
- "name": "popoverEl",
1025
- "type": {
1026
- "text": "Popover"
941
+ "text": "MenuItem | undefined"
1027
942
  },
1028
- "privacy": "private",
1029
943
  "inheritedFrom": {
1030
944
  "name": "PickerBase",
1031
945
  "module": "src/Picker.ts"
@@ -1064,6 +978,7 @@
1064
978
  "text": "HTMLElement"
1065
979
  },
1066
980
  "privacy": "public",
981
+ "readonly": true,
1067
982
  "inheritedFrom": {
1068
983
  "name": "PickerBase",
1069
984
  "module": "src/Picker.ts"
@@ -1097,6 +1012,33 @@
1097
1012
  "module": "src/Picker.ts"
1098
1013
  }
1099
1014
  },
1015
+ {
1016
+ "kind": "field",
1017
+ "name": "preventNextToggle",
1018
+ "type": {
1019
+ "text": "boolean"
1020
+ },
1021
+ "privacy": "private",
1022
+ "default": "false",
1023
+ "inheritedFrom": {
1024
+ "name": "PickerBase",
1025
+ "module": "src/Picker.ts"
1026
+ }
1027
+ },
1028
+ {
1029
+ "kind": "method",
1030
+ "name": "handlePointerdown",
1031
+ "privacy": "protected",
1032
+ "return": {
1033
+ "type": {
1034
+ "text": "void"
1035
+ }
1036
+ },
1037
+ "inheritedFrom": {
1038
+ "name": "PickerBase",
1039
+ "module": "src/Picker.ts"
1040
+ }
1041
+ },
1100
1042
  {
1101
1043
  "kind": "method",
1102
1044
  "name": "onButtonClick",
@@ -1280,71 +1222,11 @@
1280
1222
  },
1281
1223
  {
1282
1224
  "kind": "field",
1283
- "name": "overlayOpenCallback",
1284
- "privacy": "public",
1285
- "inheritedFrom": {
1286
- "name": "PickerBase",
1287
- "module": "src/Picker.ts"
1288
- }
1289
- },
1290
- {
1291
- "kind": "field",
1292
- "name": "overlayCloseCallback",
1293
- "privacy": "public",
1294
- "inheritedFrom": {
1295
- "name": "PickerBase",
1296
- "module": "src/Picker.ts"
1297
- }
1298
- },
1299
- {
1300
- "kind": "field",
1301
- "name": "popoverFragment",
1225
+ "name": "selectedItemContent",
1302
1226
  "type": {
1303
- "text": "DocumentFragment"
1304
- },
1305
- "privacy": "private",
1306
- "inheritedFrom": {
1307
- "name": "PickerBase",
1308
- "module": "src/Picker.ts"
1309
- }
1310
- },
1311
- {
1312
- "kind": "method",
1313
- "name": "generatePopover",
1314
- "privacy": "private",
1315
- "return": {
1316
- "type": {
1317
- "text": "Promise<void>"
1318
- }
1319
- },
1320
- "inheritedFrom": {
1321
- "name": "PickerBase",
1322
- "module": "src/Picker.ts"
1323
- }
1324
- },
1325
- {
1326
- "kind": "method",
1327
- "name": "openMenu",
1328
- "privacy": "private",
1329
- "return": {
1330
- "type": {
1331
- "text": "Promise<void>"
1332
- }
1333
- },
1334
- "inheritedFrom": {
1335
- "name": "PickerBase",
1336
- "module": "src/Picker.ts"
1337
- }
1338
- },
1339
- {
1340
- "kind": "method",
1341
- "name": "closeMenu",
1342
- "privacy": "private",
1343
- "return": {
1344
- "type": {
1345
- "text": "Promise<void>"
1346
- }
1227
+ "text": "MenuItemChildren"
1347
1228
  },
1229
+ "privacy": "protected",
1348
1230
  "inheritedFrom": {
1349
1231
  "name": "PickerBase",
1350
1232
  "module": "src/Picker.ts"
@@ -1352,11 +1234,10 @@
1352
1234
  },
1353
1235
  {
1354
1236
  "kind": "field",
1355
- "name": "selectedItemContent",
1237
+ "name": "_selectedItemContent",
1356
1238
  "type": {
1357
- "text": "MenuItemChildren"
1239
+ "text": "MenuItemChildren | undefined"
1358
1240
  },
1359
- "privacy": "protected",
1360
1241
  "inheritedFrom": {
1361
1242
  "name": "PickerBase",
1362
1243
  "module": "src/Picker.ts"
@@ -1391,6 +1272,7 @@
1391
1272
  "text": "TemplateResult[]"
1392
1273
  },
1393
1274
  "privacy": "protected",
1275
+ "readonly": true,
1394
1276
  "inheritedFrom": {
1395
1277
  "name": "PickerBase",
1396
1278
  "module": "src/Picker.ts"
@@ -1398,11 +1280,12 @@
1398
1280
  },
1399
1281
  {
1400
1282
  "kind": "field",
1401
- "name": "dismissHelper",
1283
+ "name": "renderOverlay",
1402
1284
  "type": {
1403
1285
  "text": "TemplateResult"
1404
1286
  },
1405
1287
  "privacy": "protected",
1288
+ "readonly": true,
1406
1289
  "inheritedFrom": {
1407
1290
  "name": "PickerBase",
1408
1291
  "module": "src/Picker.ts"
@@ -1410,11 +1293,12 @@
1410
1293
  },
1411
1294
  {
1412
1295
  "kind": "field",
1413
- "name": "renderPopover",
1296
+ "name": "dismissHelper",
1414
1297
  "type": {
1415
1298
  "text": "TemplateResult"
1416
1299
  },
1417
1300
  "privacy": "protected",
1301
+ "readonly": true,
1418
1302
  "inheritedFrom": {
1419
1303
  "name": "PickerBase",
1420
1304
  "module": "src/Picker.ts"
@@ -1422,12 +1306,12 @@
1422
1306
  },
1423
1307
  {
1424
1308
  "kind": "field",
1425
- "name": "_willUpdateItems",
1309
+ "name": "renderContainer",
1426
1310
  "type": {
1427
- "text": "boolean"
1311
+ "text": "TemplateResult"
1428
1312
  },
1429
- "privacy": "private",
1430
- "default": "false",
1313
+ "privacy": "protected",
1314
+ "readonly": true,
1431
1315
  "inheritedFrom": {
1432
1316
  "name": "PickerBase",
1433
1317
  "module": "src/Picker.ts"
@@ -1435,11 +1319,12 @@
1435
1319
  },
1436
1320
  {
1437
1321
  "kind": "field",
1438
- "name": "itemsUpdated",
1322
+ "name": "willManageSelection",
1439
1323
  "type": {
1440
- "text": "Promise<void>"
1324
+ "text": "boolean"
1441
1325
  },
1442
- "privacy": "protected",
1326
+ "privacy": "private",
1327
+ "default": "false",
1443
1328
  "inheritedFrom": {
1444
1329
  "name": "PickerBase",
1445
1330
  "module": "src/Picker.ts"
@@ -1447,7 +1332,7 @@
1447
1332
  },
1448
1333
  {
1449
1334
  "kind": "method",
1450
- "name": "updateMenuItems",
1335
+ "name": "shouldScheduleManageSelection",
1451
1336
  "privacy": "protected",
1452
1337
  "return": {
1453
1338
  "type": {
@@ -1459,11 +1344,10 @@
1459
1344
  "name": "event",
1460
1345
  "optional": true,
1461
1346
  "type": {
1462
- "text": "MenuItemAddedOrUpdatedEvent | MenuItemRemovedEvent"
1347
+ "text": "Event"
1463
1348
  }
1464
1349
  }
1465
1350
  ],
1466
- "description": "Acquire the available MenuItems in the Picker by\ndirect element query or by assuming the list managed\nby the Menu within the open options overlay.",
1467
1351
  "inheritedFrom": {
1468
1352
  "name": "PickerBase",
1469
1353
  "module": "src/Picker.ts"
@@ -1471,11 +1355,11 @@
1471
1355
  },
1472
1356
  {
1473
1357
  "kind": "method",
1474
- "name": "manageSelection",
1358
+ "name": "shouldManageSelection",
1475
1359
  "privacy": "protected",
1476
1360
  "return": {
1477
1361
  "type": {
1478
- "text": "Promise<void>"
1362
+ "text": "void"
1479
1363
  }
1480
1364
  },
1481
1365
  "inheritedFrom": {
@@ -1484,21 +1368,14 @@
1484
1368
  }
1485
1369
  },
1486
1370
  {
1487
- "kind": "field",
1488
- "name": "menuStatePromise",
1489
- "privacy": "private",
1490
- "inheritedFrom": {
1491
- "name": "PickerBase",
1492
- "module": "src/Picker.ts"
1493
- }
1494
- },
1495
- {
1496
- "kind": "field",
1497
- "name": "menuStateResolver",
1498
- "type": {
1499
- "text": "() => void"
1371
+ "kind": "method",
1372
+ "name": "manageSelection",
1373
+ "privacy": "protected",
1374
+ "return": {
1375
+ "type": {
1376
+ "text": "Promise<void>"
1377
+ }
1500
1378
  },
1501
- "privacy": "private",
1502
1379
  "inheritedFrom": {
1503
1380
  "name": "PickerBase",
1504
1381
  "module": "src/Picker.ts"