@elastic/eui 76.0.2 → 76.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/dist/eui_theme_dark.css +37 -6
  2. package/dist/eui_theme_dark.min.css +1 -1
  3. package/dist/eui_theme_light.css +37 -6
  4. package/dist/eui_theme_light.min.css +1 -1
  5. package/es/components/color_picker/color_palette_picker/color_palette_picker.js +5 -6
  6. package/es/components/datagrid/body/data_grid_body.js +19 -395
  7. package/es/components/datagrid/body/data_grid_body_custom.js +908 -0
  8. package/es/components/datagrid/body/data_grid_body_virtualized.js +1031 -0
  9. package/es/components/datagrid/body/data_grid_cell.js +16 -12
  10. package/es/components/datagrid/body/data_grid_cell_popover.js +32 -12
  11. package/es/components/datagrid/body/data_grid_cell_wrapper.js +132 -0
  12. package/es/components/datagrid/body/header/data_grid_header_row.js +3 -2
  13. package/es/components/datagrid/data_grid.js +21 -5
  14. package/es/components/datagrid/data_grid_types.js +18 -1
  15. package/es/components/datagrid/utils/row_heights.js +111 -31
  16. package/es/components/date_picker/auto_refresh/auto_refresh.js +2 -1
  17. package/es/components/form/range/dual_range.js +14 -7
  18. package/es/components/form/range/range.js +10 -3
  19. package/es/components/form/super_select/super_select.js +21 -18
  20. package/es/components/form/super_select/super_select_control.js +7 -14
  21. package/es/components/selectable/selectable.js +59 -36
  22. package/es/components/selectable/selectable_list/selectable_list.js +1 -1
  23. package/es/components/suggest/suggest.js +3 -10
  24. package/eui.d.ts +253 -146
  25. package/i18ntokens.json +89 -57
  26. package/lib/components/color_picker/color_palette_picker/color_palette_picker.js +5 -6
  27. package/lib/components/datagrid/body/data_grid_body.js +19 -416
  28. package/lib/components/datagrid/body/data_grid_body_custom.js +927 -0
  29. package/lib/components/datagrid/body/data_grid_body_virtualized.js +1059 -0
  30. package/lib/components/datagrid/body/data_grid_cell.js +16 -12
  31. package/lib/components/datagrid/body/data_grid_cell_popover.js +35 -12
  32. package/lib/components/datagrid/body/data_grid_cell_wrapper.js +147 -0
  33. package/lib/components/datagrid/body/header/data_grid_header_row.js +4 -2
  34. package/lib/components/datagrid/data_grid.js +21 -4
  35. package/lib/components/datagrid/data_grid_types.js +22 -1
  36. package/lib/components/datagrid/utils/row_heights.js +116 -33
  37. package/lib/components/date_picker/auto_refresh/auto_refresh.js +2 -1
  38. package/lib/components/form/range/dual_range.js +14 -7
  39. package/lib/components/form/range/range.js +10 -3
  40. package/lib/components/form/super_select/super_select.js +21 -18
  41. package/lib/components/form/super_select/super_select_control.js +7 -16
  42. package/lib/components/selectable/selectable.js +59 -36
  43. package/lib/components/selectable/selectable_list/selectable_list.js +1 -1
  44. package/lib/components/suggest/suggest.js +3 -12
  45. package/optimize/es/components/datagrid/body/data_grid_body.js +17 -387
  46. package/optimize/es/components/datagrid/body/data_grid_body_custom.js +176 -0
  47. package/optimize/es/components/datagrid/body/data_grid_body_virtualized.js +311 -0
  48. package/optimize/es/components/datagrid/body/data_grid_cell.js +12 -9
  49. package/optimize/es/components/datagrid/body/data_grid_cell_popover.js +30 -12
  50. package/optimize/es/components/datagrid/body/data_grid_cell_wrapper.js +127 -0
  51. package/optimize/es/components/datagrid/body/header/data_grid_header_row.js +3 -2
  52. package/optimize/es/components/datagrid/data_grid.js +8 -5
  53. package/optimize/es/components/datagrid/data_grid_types.js +18 -1
  54. package/optimize/es/components/datagrid/utils/row_heights.js +100 -31
  55. package/optimize/es/components/date_picker/auto_refresh/auto_refresh.js +2 -1
  56. package/optimize/es/components/form/range/dual_range.js +14 -7
  57. package/optimize/es/components/form/range/range.js +10 -3
  58. package/optimize/es/components/form/super_select/super_select.js +16 -12
  59. package/optimize/es/components/form/super_select/super_select_control.js +7 -14
  60. package/optimize/es/components/selectable/selectable.js +50 -34
  61. package/optimize/es/components/selectable/selectable_list/selectable_list.js +1 -1
  62. package/optimize/es/components/suggest/suggest.js +3 -10
  63. package/optimize/lib/components/datagrid/body/data_grid_body.js +16 -409
  64. package/optimize/lib/components/datagrid/body/data_grid_body_custom.js +198 -0
  65. package/optimize/lib/components/datagrid/body/data_grid_body_virtualized.js +342 -0
  66. package/optimize/lib/components/datagrid/body/data_grid_cell.js +12 -9
  67. package/optimize/lib/components/datagrid/body/data_grid_cell_popover.js +33 -19
  68. package/optimize/lib/components/datagrid/body/data_grid_cell_wrapper.js +144 -0
  69. package/optimize/lib/components/datagrid/body/header/data_grid_header_row.js +4 -2
  70. package/optimize/lib/components/datagrid/data_grid.js +8 -4
  71. package/optimize/lib/components/datagrid/data_grid_types.js +22 -1
  72. package/optimize/lib/components/datagrid/utils/row_heights.js +103 -37
  73. package/optimize/lib/components/date_picker/auto_refresh/auto_refresh.js +2 -1
  74. package/optimize/lib/components/form/range/dual_range.js +14 -7
  75. package/optimize/lib/components/form/range/range.js +10 -3
  76. package/optimize/lib/components/form/super_select/super_select.js +16 -11
  77. package/optimize/lib/components/form/super_select/super_select_control.js +7 -16
  78. package/optimize/lib/components/selectable/selectable.js +50 -35
  79. package/optimize/lib/components/selectable/selectable_list/selectable_list.js +1 -1
  80. package/optimize/lib/components/suggest/suggest.js +3 -12
  81. package/package.json +1 -1
  82. package/src/components/datagrid/_data_grid.scss +7 -0
  83. package/src/components/datagrid/_data_grid_data_row.scss +1 -0
  84. package/src/components/datagrid/body/footer/_data_grid_footer_row.scss +1 -0
  85. package/src/components/datagrid/body/header/_data_grid_header_row.scss +1 -0
  86. package/src/components/form/super_select/_super_select_control.scss +4 -0
  87. package/src/components/selectable/selectable_list/_selectable_list.scss +10 -3
  88. package/src/themes/amsterdam/global_styling/mixins/_states.scss +17 -8
  89. package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js +5 -6
  90. package/test-env/components/datagrid/body/data_grid_body.js +18 -415
  91. package/test-env/components/datagrid/body/data_grid_body_custom.js +908 -0
  92. package/test-env/components/datagrid/body/data_grid_body_virtualized.js +1057 -0
  93. package/test-env/components/datagrid/body/data_grid_cell.js +16 -12
  94. package/test-env/components/datagrid/body/data_grid_cell_popover.js +33 -19
  95. package/test-env/components/datagrid/body/data_grid_cell_wrapper.js +144 -0
  96. package/test-env/components/datagrid/body/header/data_grid_header_row.js +4 -2
  97. package/test-env/components/datagrid/data_grid.js +21 -4
  98. package/test-env/components/datagrid/data_grid_types.js +22 -1
  99. package/test-env/components/datagrid/utils/row_heights.js +103 -37
  100. package/test-env/components/date_picker/auto_refresh/auto_refresh.js +2 -1
  101. package/test-env/components/form/range/dual_range.js +14 -7
  102. package/test-env/components/form/range/range.js +10 -3
  103. package/test-env/components/form/super_select/super_select.js +21 -17
  104. package/test-env/components/form/super_select/super_select_control.js +7 -16
  105. package/test-env/components/selectable/selectable.js +58 -36
  106. package/test-env/components/selectable/selectable_list/selectable_list.js +1 -1
  107. package/test-env/components/suggest/suggest.js +3 -12
package/i18ntokens.json CHANGED
@@ -869,11 +869,11 @@
869
869
  "highlighting": "string",
870
870
  "loc": {
871
871
  "start": {
872
- "line": 97,
872
+ "line": 98,
873
873
  "column": 12
874
874
  },
875
875
  "end": {
876
- "line": 105,
876
+ "line": 106,
877
877
  "column": 14
878
878
  }
879
879
  },
@@ -2053,11 +2053,11 @@
2053
2053
  "highlighting": "string",
2054
2054
  "loc": {
2055
2055
  "start": {
2056
- "line": 341,
2056
+ "line": 343,
2057
2057
  "column": 22
2058
2058
  },
2059
2059
  "end": {
2060
- "line": 345,
2060
+ "line": 347,
2061
2061
  "column": 5
2062
2062
  }
2063
2063
  },
@@ -2069,11 +2069,11 @@
2069
2069
  "highlighting": "string",
2070
2070
  "loc": {
2071
2071
  "start": {
2072
- "line": 346,
2072
+ "line": 348,
2073
2073
  "column": 27
2074
2074
  },
2075
2075
  "end": {
2076
- "line": 350,
2076
+ "line": 352,
2077
2077
  "column": 5
2078
2078
  }
2079
2079
  },
@@ -2085,11 +2085,11 @@
2085
2085
  "highlighting": "string",
2086
2086
  "loc": {
2087
2087
  "start": {
2088
- "line": 476,
2088
+ "line": 479,
2089
2089
  "column": 18
2090
2090
  },
2091
2091
  "end": {
2092
- "line": 479,
2092
+ "line": 482,
2093
2093
  "column": 20
2094
2094
  }
2095
2095
  },
@@ -4288,20 +4288,36 @@
4288
4288
  "filepath": "src/components/form/form.tsx"
4289
4289
  },
4290
4290
  {
4291
- "token": "euiSuperSelectControl.selectAnOption",
4292
- "defString": "Select an option: {selectedValue}, is selected",
4291
+ "token": "euiDualRange.sliderScreenReaderInstructions",
4292
+ "defString": "You are in a custom range slider. Use the Up and Down arrow keys to change the minimum value. Press Tab to interact with the maximum value.",
4293
4293
  "highlighting": "string",
4294
4294
  "loc": {
4295
4295
  "start": {
4296
- "line": 166,
4297
- "column": 12
4296
+ "line": 571,
4297
+ "column": 6
4298
4298
  },
4299
4299
  "end": {
4300
- "line": 170,
4301
- "column": 14
4300
+ "line": 574,
4301
+ "column": 8
4302
4302
  }
4303
4303
  },
4304
- "filepath": "src/components/form/super_select/super_select_control.tsx"
4304
+ "filepath": "src/components/form/range/dual_range.tsx"
4305
+ },
4306
+ {
4307
+ "token": "euiRange.sliderScreenReaderInstructions",
4308
+ "defString": "You are in a custom range slider. Use the Up and Down arrow keys to change the value.",
4309
+ "highlighting": "string",
4310
+ "loc": {
4311
+ "start": {
4312
+ "line": 184,
4313
+ "column": 6
4314
+ },
4315
+ "end": {
4316
+ "line": 187,
4317
+ "column": 8
4318
+ }
4319
+ },
4320
+ "filepath": "src/components/form/range/range.tsx"
4305
4321
  },
4306
4322
  {
4307
4323
  "token": "euiSuperSelect.screenReaderAnnouncement",
@@ -4309,16 +4325,32 @@
4309
4325
  "highlighting": "string",
4310
4326
  "loc": {
4311
4327
  "start": {
4312
- "line": 339,
4328
+ "line": 344,
4313
4329
  "column": 12
4314
4330
  },
4315
4331
  "end": {
4316
- "line": 343,
4332
+ "line": 348,
4317
4333
  "column": 14
4318
4334
  }
4319
4335
  },
4320
4336
  "filepath": "src/components/form/super_select/super_select.tsx"
4321
4337
  },
4338
+ {
4339
+ "token": "euiSuperSelect.ariaLabel",
4340
+ "defString": "Select listbox",
4341
+ "highlighting": "string",
4342
+ "loc": {
4343
+ "start": {
4344
+ "line": 351,
4345
+ "column": 8
4346
+ },
4347
+ "end": {
4348
+ "line": 351,
4349
+ "column": 75
4350
+ }
4351
+ },
4352
+ "filepath": "src/components/form/super_select/super_select.tsx"
4353
+ },
4322
4354
  {
4323
4355
  "token": "euiHeaderLinks.openNavigationMenu",
4324
4356
  "defString": "Open menu",
@@ -5189,11 +5221,11 @@
5189
5221
  "highlighting": "string",
5190
5222
  "loc": {
5191
5223
  "start": {
5192
- "line": 688,
5224
+ "line": 689,
5193
5225
  "column": 16
5194
5226
  },
5195
5227
  "end": {
5196
- "line": 691,
5228
+ "line": 692,
5197
5229
  "column": 18
5198
5230
  }
5199
5231
  },
@@ -5445,11 +5477,11 @@
5445
5477
  "highlighting": "string",
5446
5478
  "loc": {
5447
5479
  "start": {
5448
- "line": 570,
5480
+ "line": 587,
5449
5481
  "column": 16
5450
5482
  },
5451
5483
  "end": {
5452
- "line": 573,
5484
+ "line": 590,
5453
5485
  "column": 18
5454
5486
  }
5455
5487
  },
@@ -5461,11 +5493,11 @@
5461
5493
  "highlighting": "string",
5462
5494
  "loc": {
5463
5495
  "start": {
5464
- "line": 592,
5496
+ "line": 609,
5465
5497
  "column": 14
5466
5498
  },
5467
5499
  "end": {
5468
- "line": 596,
5500
+ "line": 613,
5469
5501
  "column": 16
5470
5502
  }
5471
5503
  },
@@ -5477,60 +5509,60 @@
5477
5509
  "highlighting": "string",
5478
5510
  "loc": {
5479
5511
  "start": {
5480
- "line": 611,
5512
+ "line": 628,
5481
5513
  "column": 14
5482
5514
  },
5483
5515
  "end": {
5484
- "line": 614,
5516
+ "line": 631,
5485
5517
  "column": 16
5486
5518
  }
5487
5519
  },
5488
5520
  "filepath": "src/components/selectable/selectable.tsx"
5489
5521
  },
5490
5522
  {
5491
- "token": "euiSelectable.placeholderName",
5492
- "defString": "Filter options",
5523
+ "token": "euiSelectable.screenReaderInstructions",
5524
+ "defString": "Use the Up and Down arrow keys to move focus over options. Press Enter to select. Press Escape to collapse options.",
5493
5525
  "highlighting": "string",
5494
5526
  "loc": {
5495
5527
  "start": {
5496
- "line": 676,
5528
+ "line": 693,
5497
5529
  "column": 6
5498
5530
  },
5499
5531
  "end": {
5500
- "line": 676,
5501
- "column": 78
5532
+ "line": 702,
5533
+ "column": 7
5502
5534
  }
5503
5535
  },
5504
5536
  "filepath": "src/components/selectable/selectable.tsx"
5505
5537
  },
5506
5538
  {
5507
- "token": "euiSelectable.searchResults",
5508
- "defString": "({\n resultsLength\n}) => `${resultsLength} result${resultsLength === 1 ? '' : 's'} available`;",
5509
- "highlighting": "code",
5539
+ "token": "euiSelectable.placeholderName",
5540
+ "defString": "Filter options",
5541
+ "highlighting": "string",
5510
5542
  "loc": {
5511
5543
  "start": {
5512
- "line": 703,
5544
+ "line": 693,
5513
5545
  "column": 6
5514
5546
  },
5515
5547
  "end": {
5516
- "line": 709,
5517
- "column": 8
5548
+ "line": 702,
5549
+ "column": 7
5518
5550
  }
5519
5551
  },
5520
5552
  "filepath": "src/components/selectable/selectable.tsx"
5521
5553
  },
5522
5554
  {
5523
- "token": "euiSelectable.screenReaderInstructions",
5524
- "defString": "Use up and down arrows to move focus over options. Enter to select. Escape to collapse options.",
5525
- "highlighting": "string",
5555
+ "token": "euiSelectable.searchResults",
5556
+ "defString": "({\n resultsLength\n}) => `${resultsLength} result${resultsLength === 1 ? '' : 's'} available`;",
5557
+ "highlighting": "code",
5526
5558
  "loc": {
5527
5559
  "start": {
5528
- "line": 721,
5560
+ "line": 738,
5529
5561
  "column": 6
5530
5562
  },
5531
5563
  "end": {
5532
- "line": 730,
5533
- "column": 7
5564
+ "line": 744,
5565
+ "column": 8
5534
5566
  }
5535
5567
  },
5536
5568
  "filepath": "src/components/selectable/selectable.tsx"
@@ -5541,12 +5573,12 @@
5541
5573
  "highlighting": "string",
5542
5574
  "loc": {
5543
5575
  "start": {
5544
- "line": 721,
5576
+ "line": 756,
5545
5577
  "column": 6
5546
5578
  },
5547
5579
  "end": {
5548
- "line": 730,
5549
- "column": 7
5580
+ "line": 756,
5581
+ "column": 78
5550
5582
  }
5551
5583
  },
5552
5584
  "filepath": "src/components/selectable/selectable.tsx"
@@ -5861,11 +5893,11 @@
5861
5893
  "highlighting": "string",
5862
5894
  "loc": {
5863
5895
  "start": {
5864
- "line": 201,
5896
+ "line": 197,
5865
5897
  "column": 39
5866
5898
  },
5867
5899
  "end": {
5868
- "line": 204,
5900
+ "line": 200,
5869
5901
  "column": 3
5870
5902
  }
5871
5903
  },
@@ -5877,11 +5909,11 @@
5877
5909
  "highlighting": "string",
5878
5910
  "loc": {
5879
5911
  "start": {
5880
- "line": 201,
5912
+ "line": 197,
5881
5913
  "column": 39
5882
5914
  },
5883
5915
  "end": {
5884
- "line": 204,
5916
+ "line": 200,
5885
5917
  "column": 3
5886
5918
  }
5887
5919
  },
@@ -5893,11 +5925,11 @@
5893
5925
  "highlighting": "string",
5894
5926
  "loc": {
5895
5927
  "start": {
5896
- "line": 227,
5928
+ "line": 223,
5897
5929
  "column": 67
5898
5930
  },
5899
5931
  "end": {
5900
- "line": 235,
5932
+ "line": 231,
5901
5933
  "column": 3
5902
5934
  }
5903
5935
  },
@@ -5909,11 +5941,11 @@
5909
5941
  "highlighting": "string",
5910
5942
  "loc": {
5911
5943
  "start": {
5912
- "line": 227,
5944
+ "line": 223,
5913
5945
  "column": 67
5914
5946
  },
5915
5947
  "end": {
5916
- "line": 235,
5948
+ "line": 231,
5917
5949
  "column": 3
5918
5950
  }
5919
5951
  },
@@ -5925,11 +5957,11 @@
5925
5957
  "highlighting": "string",
5926
5958
  "loc": {
5927
5959
  "start": {
5928
- "line": 227,
5960
+ "line": 223,
5929
5961
  "column": 67
5930
5962
  },
5931
5963
  "end": {
5932
- "line": 235,
5964
+ "line": 231,
5933
5965
  "column": 3
5934
5966
  }
5935
5967
  },
@@ -5941,11 +5973,11 @@
5941
5973
  "highlighting": "string",
5942
5974
  "loc": {
5943
5975
  "start": {
5944
- "line": 227,
5976
+ "line": 223,
5945
5977
  "column": 67
5946
5978
  },
5947
5979
  "end": {
5948
- "line": 235,
5980
+ "line": 231,
5949
5981
  "column": 3
5950
5982
  }
5951
5983
  },
@@ -132,6 +132,11 @@ EuiColorPalettePicker.propTypes = {
132
132
  readOnly: _propTypes.default.bool,
133
133
  name: _propTypes.default.string,
134
134
 
135
+ /**
136
+ * Placeholder to display when the current selected value is empty.
137
+ */
138
+ placeholder: _propTypes.default.node,
139
+
135
140
  /**
136
141
  * Creates an input group with element(s) coming before input.
137
142
  * `string` | `ReactElement` or an array of these
@@ -143,12 +148,6 @@ EuiColorPalettePicker.propTypes = {
143
148
  * `string` | `ReactElement` or an array of these
144
149
  */
145
150
  append: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.element.isRequired]).isRequired, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.element.isRequired]).isRequired).isRequired]),
146
-
147
- /**
148
- * Creates a semantic label ID for the `div[role="listbox"]` that's opened on click or keypress.
149
- * __Generated and passed down by `EuiSuperSelect`.__
150
- */
151
- screenReaderId: _propTypes.default.string,
152
151
  valueOfSelected: _propTypes.default.any,
153
152
 
154
153
  /**