@elastic/eui 88.3.0 → 88.4.1

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 (114) hide show
  1. package/dist/eui_theme_dark.css +7 -142
  2. package/dist/eui_theme_dark.min.css +1 -1
  3. package/dist/eui_theme_light.css +7 -142
  4. package/dist/eui_theme_light.min.css +1 -1
  5. package/es/components/basic_table/in_memory_table.js +85 -34
  6. package/es/components/card/card.js +3 -3
  7. package/es/components/combo_box/combo_box.js +16 -4
  8. package/es/components/combo_box/combo_box_input/combo_box_input.js +4 -1
  9. package/es/components/combo_box/combo_box_input/combo_box_pill.js +5 -1
  10. package/es/components/combo_box/combo_box_options_list/combo_box_option.js +2 -0
  11. package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +62 -13
  12. package/es/components/datagrid/controls/column_selector.js +5 -3
  13. package/es/components/datagrid/controls/column_sorting_draggable.js +4 -1
  14. package/es/components/description_list/description_list_title.js +0 -1
  15. package/es/components/description_list/description_list_title.styles.js +1 -1
  16. package/es/components/drag_and_drop/draggable.js +18 -23
  17. package/es/components/drag_and_drop/draggable.styles.js +56 -0
  18. package/es/components/drag_and_drop/droppable.js +24 -21
  19. package/es/components/drag_and_drop/droppable.styles.js +51 -0
  20. package/es/components/search_bar/search_box.js +54 -88
  21. package/es/components/table/table_pagination/table_pagination.js +1 -0
  22. package/es/components/text_truncate/text_truncate.js +12 -6
  23. package/es/components/text_truncate/text_truncate.styles.js +10 -10
  24. package/es/test/rtl/custom_render.js +1 -1
  25. package/eui.d.ts +480 -420
  26. package/i18ntokens.json +142 -88
  27. package/lib/components/basic_table/in_memory_table.js +85 -34
  28. package/lib/components/card/card.js +3 -3
  29. package/lib/components/combo_box/combo_box.js +16 -4
  30. package/lib/components/combo_box/combo_box_input/combo_box_input.js +4 -1
  31. package/lib/components/combo_box/combo_box_input/combo_box_pill.js +5 -1
  32. package/lib/components/combo_box/combo_box_options_list/combo_box_option.js +2 -0
  33. package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +62 -13
  34. package/lib/components/datagrid/controls/column_selector.js +4 -2
  35. package/lib/components/datagrid/controls/column_sorting_draggable.js +4 -1
  36. package/lib/components/description_list/description_list_title.js +0 -1
  37. package/lib/components/description_list/description_list_title.styles.js +1 -1
  38. package/lib/components/drag_and_drop/draggable.js +17 -22
  39. package/lib/components/drag_and_drop/draggable.styles.js +62 -0
  40. package/lib/components/drag_and_drop/droppable.js +26 -22
  41. package/lib/components/drag_and_drop/droppable.styles.js +57 -0
  42. package/lib/components/search_bar/search_box.js +61 -93
  43. package/lib/components/table/table_pagination/table_pagination.js +1 -0
  44. package/lib/components/text_truncate/text_truncate.js +10 -4
  45. package/lib/components/text_truncate/text_truncate.styles.js +10 -10
  46. package/lib/test/rtl/custom_render.js +2 -2
  47. package/optimize/es/components/basic_table/in_memory_table.js +62 -34
  48. package/optimize/es/components/card/card.js +3 -3
  49. package/optimize/es/components/combo_box/combo_box.js +6 -4
  50. package/optimize/es/components/combo_box/combo_box_input/combo_box_input.js +2 -1
  51. package/optimize/es/components/combo_box/combo_box_input/combo_box_pill.js +3 -1
  52. package/optimize/es/components/combo_box/combo_box_options_list/combo_box_options_list.js +52 -10
  53. package/optimize/es/components/datagrid/controls/column_selector.js +5 -3
  54. package/optimize/es/components/datagrid/controls/column_sorting_draggable.js +4 -1
  55. package/optimize/es/components/description_list/description_list_title.js +0 -1
  56. package/optimize/es/components/description_list/description_list_title.styles.js +1 -1
  57. package/optimize/es/components/drag_and_drop/draggable.js +17 -22
  58. package/optimize/es/components/drag_and_drop/draggable.styles.js +56 -0
  59. package/optimize/es/components/drag_and_drop/droppable.js +23 -20
  60. package/optimize/es/components/drag_and_drop/droppable.styles.js +51 -0
  61. package/optimize/es/components/search_bar/search_box.js +50 -83
  62. package/optimize/es/components/table/table_pagination/table_pagination.js +1 -0
  63. package/optimize/es/components/text_truncate/text_truncate.js +12 -6
  64. package/optimize/es/components/text_truncate/text_truncate.styles.js +10 -10
  65. package/optimize/es/test/rtl/custom_render.js +1 -1
  66. package/optimize/lib/components/basic_table/in_memory_table.js +62 -34
  67. package/optimize/lib/components/card/card.js +3 -3
  68. package/optimize/lib/components/combo_box/combo_box.js +6 -4
  69. package/optimize/lib/components/combo_box/combo_box_input/combo_box_input.js +2 -1
  70. package/optimize/lib/components/combo_box/combo_box_input/combo_box_pill.js +3 -1
  71. package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js +52 -10
  72. package/optimize/lib/components/datagrid/controls/column_selector.js +4 -2
  73. package/optimize/lib/components/datagrid/controls/column_sorting_draggable.js +4 -1
  74. package/optimize/lib/components/description_list/description_list_title.js +0 -1
  75. package/optimize/lib/components/description_list/description_list_title.styles.js +1 -1
  76. package/optimize/lib/components/drag_and_drop/draggable.js +16 -21
  77. package/optimize/lib/components/drag_and_drop/draggable.styles.js +62 -0
  78. package/optimize/lib/components/drag_and_drop/droppable.js +25 -21
  79. package/optimize/lib/components/drag_and_drop/droppable.styles.js +57 -0
  80. package/optimize/lib/components/search_bar/search_box.js +57 -89
  81. package/optimize/lib/components/table/table_pagination/table_pagination.js +1 -0
  82. package/optimize/lib/components/text_truncate/text_truncate.js +10 -4
  83. package/optimize/lib/components/text_truncate/text_truncate.styles.js +10 -10
  84. package/optimize/lib/test/rtl/custom_render.js +2 -2
  85. package/package.json +4 -4
  86. package/src/components/combo_box/combo_box_input/_combo_box_pill.scss +0 -1
  87. package/src/components/combo_box/combo_box_options_list/_combo_box_options_list.scss +8 -0
  88. package/src/components/index.scss +0 -1
  89. package/src/themes/amsterdam/overrides/_index.scss +0 -1
  90. package/test-env/components/basic_table/in_memory_table.js +85 -34
  91. package/test-env/components/card/card.js +3 -3
  92. package/test-env/components/combo_box/combo_box.js +16 -4
  93. package/test-env/components/combo_box/combo_box_input/combo_box_input.js +4 -1
  94. package/test-env/components/combo_box/combo_box_input/combo_box_pill.js +5 -1
  95. package/test-env/components/combo_box/combo_box_options_list/combo_box_option.js +2 -0
  96. package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js +61 -12
  97. package/test-env/components/datagrid/controls/column_selector.js +4 -2
  98. package/test-env/components/datagrid/controls/column_sorting_draggable.js +4 -1
  99. package/test-env/components/description_list/description_list_title.js +0 -1
  100. package/test-env/components/description_list/description_list_title.styles.js +1 -1
  101. package/test-env/components/drag_and_drop/draggable.js +17 -22
  102. package/test-env/components/drag_and_drop/draggable.styles.js +62 -0
  103. package/test-env/components/drag_and_drop/droppable.js +26 -22
  104. package/test-env/components/drag_and_drop/droppable.styles.js +57 -0
  105. package/test-env/components/search_bar/search_box.js +60 -88
  106. package/test-env/components/table/table_pagination/table_pagination.js +1 -0
  107. package/test-env/components/text_truncate/text_truncate.js +10 -4
  108. package/test-env/components/text_truncate/text_truncate.styles.js +10 -10
  109. package/test-env/test/rtl/custom_render.js +2 -2
  110. package/src/components/drag_and_drop/_draggable.scss +0 -41
  111. package/src/components/drag_and_drop/_droppable.scss +0 -40
  112. package/src/components/drag_and_drop/_index.scss +0 -3
  113. package/src/components/drag_and_drop/_variables.scss +0 -5
  114. package/src/themes/amsterdam/overrides/_description_list.scss +0 -7
@@ -9,7 +9,7 @@ exports.within = exports.screen = exports.render = void 0;
9
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
11
  var _react = require("@testing-library/react");
12
- var _components = require("../../components");
12
+ var _provider = require("../../components/provider");
13
13
  var dataTestSubjQueries = _interopRequireWildcard(require("./data_test_subj_queries"));
14
14
  var _excluded = ["queries"];
15
15
  /*
@@ -36,7 +36,7 @@ var customRender = function customRender(ui) {
36
36
  options = (0, _objectWithoutProperties2.default)(_ref, _excluded);
37
37
  return (0, _react.render)(ui, _objectSpread({
38
38
  queries: _objectSpread(_objectSpread(_objectSpread({}, _react.queries), dataTestSubjQueries), renderQueries || {}),
39
- wrapper: _components.EuiProvider
39
+ wrapper: _provider.EuiProvider
40
40
  }, options));
41
41
  };
42
42
  exports.render = customRender;
@@ -1,41 +0,0 @@
1
- .euiDraggable {
2
- &.euiDraggable--isDragging {
3
- // Overriding inline styles on JS-inserted HTML elements
4
- z-index: $euiZLevel9 !important; // stylelint-disable-line declaration-no-important
5
- }
6
-
7
- &.euiDraggable--hasClone:not(.euiDraggable--isDragging) {
8
- // Overriding inline styles on JS-inserted HTML elements
9
- transform: none !important; // stylelint-disable-line declaration-no-important
10
- }
11
-
12
- &.euiDraggable--withoutDropAnimation {
13
- // Overriding inline styles on JS-inserted HTML elements
14
- transition-duration: .001s !important; // stylelint-disable-line declaration-no-important
15
- }
16
-
17
- &:focus > .euiDraggable__item,
18
- &.euiDraggable--hasCustomDragHandle > .euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus {
19
- @include euiFocusRing;
20
- }
21
-
22
- .euiDraggable__item {
23
- &.euiDraggable__item--isDisabled {
24
- cursor: not-allowed;
25
- }
26
-
27
- &.euiDraggable__item--isDragging {
28
- // TODO: Resolve below
29
- // Commenting this out for now,
30
- // I'm thinking about adding an optional prop to auto-add these styles versus always having them
31
- // @include euiBottomShadow;
32
- // @include euiFocusRing;
33
- }
34
- }
35
- }
36
-
37
- @each $size, $spacing in $euiDragAndDropSpacing {
38
- .euiDraggable--#{$size} {
39
- padding: $spacing;
40
- }
41
- }
@@ -1,40 +0,0 @@
1
- .euiDroppable {
2
- $euiDroppableColor: $euiColorSuccess;
3
- transition: background-color $euiAnimSpeedExtraSlow ease;
4
-
5
- &.euiDroppable--isDraggingType:not(.euiDroppable--isDisabled) {
6
- background-color: transparentize($euiDroppableColor, .9);
7
-
8
- &.euiDroppable--isDraggingOver {
9
- background-color: transparentize($euiDroppableColor, .75);
10
- }
11
- }
12
-
13
- .euiDroppable__placeholder {
14
- &.euiDroppable__placeholder--isHidden {
15
- // Overriding inline styles on JS-inserted HTML elements
16
- display: none !important; // stylelint-disable-line declaration-no-important
17
- }
18
- }
19
- }
20
-
21
- @include euiPanel($selector: '.euiDroppable--withPanel');
22
-
23
- .euiDroppable--withPanel {
24
- @include euiBottomShadowMedium;
25
- border-radius: $euiBorderRadius;
26
- }
27
-
28
- .euiDroppable--noGrow {
29
- flex-grow: 0;
30
- }
31
-
32
- .euiDroppable--grow {
33
- flex-grow: 1;
34
- }
35
-
36
- @each $size, $spacing in $euiDragAndDropSpacing {
37
- .euiDroppable--#{$size} {
38
- padding: $spacing;
39
- }
40
- }
@@ -1,3 +0,0 @@
1
- @import 'variables';
2
- @import 'draggable';
3
- @import 'droppable';
@@ -1,5 +0,0 @@
1
- $euiDragAndDropSpacing: (
2
- s: ($euiSizeXS / 2),
3
- m: ($euiSizeS / 2),
4
- l: ($euiSize / 2),
5
- );
@@ -1,7 +0,0 @@
1
- .euiDescriptionList {
2
- &.euiDescriptionList--inline.euiDescriptionList--compressed {
3
- .euiDescriptionList__title {
4
- line-height: $euiLineHeight;
5
- }
6
- }
7
- }