@elastic/eui 86.0.0 → 87.1.0

package/test-env/components/datagrid/body/data_grid_cell.js

@@ -257,7 +257,12 @@ EuiDataGridCellContent.propTypes = {
              * Text to be displayed in the tooltip when `showToolTip` is true.
              * By default the text will be same as the label text.
              */
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        /**
+             * Allows customizing the tooltip shown when `showToolTip` is true.
+             * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+             */
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -301,7 +306,8 @@ EuiDataGridCellContent.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -345,7 +351,8 @@ EuiDataGridCellContent.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -389,7 +396,8 @@ EuiDataGridCellContent.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -433,7 +441,8 @@ EuiDataGridCellContent.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -477,7 +486,8 @@ EuiDataGridCellContent.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired)
     }).isRequired]),
     /**
@@ -533,31 +543,7 @@ EuiDataGridCellContent.propTypes = {
     scrollAnchorRow: _propTypes.default.oneOf(["start", "center", undefined])
   }),
   rowHeightUtils: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.any.isRequired]),
-  pagination: _propTypes.default.shape({
-    /**
-       * The index of the current page, starts at 0 for the first page
-       */
-    pageIndex: _propTypes.default.number.isRequired,
-    /**
-       * How many rows should initially be shown per page.
-       * Pass `0` to display the selected "Show all" option and hide the pagination.
-       */
-    pageSize: _propTypes.default.number.isRequired,
-    /**
-       * An array of page sizes the user can select from.
-       * Pass `0` as one of the options to create a "Show all" option.
-       * Leave this prop undefined or use an empty array to hide "Rows per page" select button.
-       */
-    pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.number.isRequired),
-    /**
-       * A callback for when the user changes the page size selection
-       */
-    onChangeItemsPerPage: _propTypes.default.func.isRequired,
-    /**
-       * A callback for when the current page index changes
-       */
-    onChangePage: _propTypes.default.func.isRequired
-  }),
+  pagination: _propTypes.default.any,
   setCellProps: _propTypes.default.func.isRequired,
   setCellContentsRef: _propTypes.default.any.isRequired,
   isExpanded: _propTypes.default.bool.isRequired,
@@ -1217,7 +1203,8 @@ EuiDataGridCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -1261,7 +1248,8 @@ EuiDataGridCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -1305,7 +1293,8 @@ EuiDataGridCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -1349,7 +1338,8 @@ EuiDataGridCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -1393,7 +1383,8 @@ EuiDataGridCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -1437,7 +1428,8 @@ EuiDataGridCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired)
     }).isRequired]),
     /**
@@ -1511,29 +1503,5 @@ EuiDataGridCell.propTypes = {
   rowManager: _propTypes.default.shape({
     getRow: _propTypes.default.func.isRequired
   }),
-  pagination: _propTypes.default.shape({
-    /**
-       * The index of the current page, starts at 0 for the first page
-       */
-    pageIndex: _propTypes.default.number.isRequired,
-    /**
-       * How many rows should initially be shown per page.
-       * Pass `0` to display the selected "Show all" option and hide the pagination.
-       */
-    pageSize: _propTypes.default.number.isRequired,
-    /**
-       * An array of page sizes the user can select from.
-       * Pass `0` as one of the options to create a "Show all" option.
-       * Leave this prop undefined or use an empty array to hide "Rows per page" select button.
-       */
-    pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.number.isRequired),
-    /**
-       * A callback for when the user changes the page size selection
-       */
-    onChangeItemsPerPage: _propTypes.default.func.isRequired,
-    /**
-       * A callback for when the current page index changes
-       */
-    onChangePage: _propTypes.default.func.isRequired
-  })
+  pagination: _propTypes.default.any
 };

package/test-env/components/datagrid/body/header/data_grid_header_cell.js

@@ -327,7 +327,12 @@ EuiDataGridHeaderCell.propTypes = {
              * Text to be displayed in the tooltip when `showToolTip` is true.
              * By default the text will be same as the label text.
              */
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        /**
+             * Allows customizing the tooltip shown when `showToolTip` is true.
+             * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+             */
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -371,7 +376,8 @@ EuiDataGridHeaderCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -415,7 +421,8 @@ EuiDataGridHeaderCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -459,7 +466,8 @@ EuiDataGridHeaderCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -503,7 +511,8 @@ EuiDataGridHeaderCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -547,7 +556,8 @@ EuiDataGridHeaderCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired)
     }).isRequired]),
     /**

package/test-env/components/datagrid/body/header/data_grid_header_row.js

@@ -316,7 +316,12 @@ EuiDataGridHeaderRow.propTypes = {
              * Text to be displayed in the tooltip when `showToolTip` is true.
              * By default the text will be same as the label text.
              */
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        /**
+             * Allows customizing the tooltip shown when `showToolTip` is true.
+             * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+             */
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -360,7 +365,8 @@ EuiDataGridHeaderRow.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -404,7 +410,8 @@ EuiDataGridHeaderRow.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -448,7 +455,8 @@ EuiDataGridHeaderRow.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -492,7 +500,8 @@ EuiDataGridHeaderRow.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -536,7 +545,8 @@ EuiDataGridHeaderRow.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired)
     }).isRequired]),
     /**

package/test-env/components/datagrid/data_grid.js

@@ -15,6 +15,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _services = require("../../services");
+var _table_pagination = require("../table/table_pagination");
 var _focus_trap = require("../focus_trap");
 var _i18n = require("../i18n");
 var _mutation_observer = require("../observer/mutation_observer");
@@ -91,7 +92,7 @@ var EuiDataGrid = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     gridStyle = props.gridStyle,
     _props$toolbarVisibil = props.toolbarVisibility,
     toolbarVisibility = _props$toolbarVisibil === void 0 ? true : _props$toolbarVisibil,
-    pagination = props.pagination,
+    _pagination = props.pagination,
     sorting = props.sorting,
     inMemory = props.inMemory,
     onColumnResize = props.onColumnResize,
@@ -106,6 +107,13 @@ var EuiDataGrid = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   /**
    * Merge consumer settings with defaults
    */
+  var paginationDefaults = (0, _table_pagination.useEuiTablePaginationDefaults)();
+  var pagination = (0, _react.useMemo)(function () {
+    return _pagination ? _objectSpread({
+      pageSize: paginationDefaults.itemsPerPage,
+      pageSizeOptions: paginationDefaults.itemsPerPageOptions
+    }, _pagination) : _pagination;
+  }, [_pagination, paginationDefaults]);
   var gridStyleWithDefaults = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({}, _controls.startingStyles), gridStyle);
   }, [gridStyle]);
@@ -562,7 +570,12 @@ EuiDataGrid.propTypes = {
              * Text to be displayed in the tooltip when `showToolTip` is true.
              * By default the text will be same as the label text.
              */
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        /**
+             * Allows customizing the tooltip shown when `showToolTip` is true.
+             * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+             */
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -606,7 +619,8 @@ EuiDataGrid.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -650,7 +664,8 @@ EuiDataGrid.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -694,7 +709,8 @@ EuiDataGrid.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -738,7 +754,8 @@ EuiDataGrid.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -782,7 +799,8 @@ EuiDataGrid.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired)
     }).isRequired]),
     /**
@@ -1111,7 +1129,7 @@ EuiDataGrid.propTypes = {
     skipColumns: _propTypes.default.arrayOf(_propTypes.default.string.isRequired)
   }),
   /**
-       * A #EuiDataGridPagination object. Omit to disable pagination completely.
+       * A #EuiDataGridPaginationProps object. Omit to disable pagination completely.
        */
   pagination: _propTypes.default.shape({
     /**
@@ -1121,12 +1139,16 @@ EuiDataGrid.propTypes = {
     /**
        * How many rows should initially be shown per page.
        * Pass `0` to display the selected "Show all" option and hide the pagination.
+       *
+       * @default 10
        */
-    pageSize: _propTypes.default.number.isRequired,
+    pageSize: _propTypes.default.number,
     /**
        * An array of page sizes the user can select from.
        * Pass `0` as one of the options to create a "Show all" option.
-       * Leave this prop undefined or use an empty array to hide "Rows per page" select button.
+       * Pass an empty array to hide "Rows per page" select button.
+       *
+       * @default [10, 25, 50]
        */
     pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.number.isRequired),
     /**

package/test-env/components/datagrid/utils/data_grid_pagination.js

@@ -26,13 +26,16 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var EuiDataGridPaginationRenderer = function EuiDataGridPaginationRenderer(_ref) {
   var pageIndex = _ref.pageIndex,
-    pageSize = _ref.pageSize,
-    pageSizeOptions = _ref.pageSizeOptions,
+    _pageSize = _ref.pageSize,
+    _pageSizeOptions = _ref.pageSizeOptions,
     _onChangePage = _ref.onChangePage,
     onChangeItemsPerPage = _ref.onChangeItemsPerPage,
     rowCount = _ref.rowCount,
     controls = _ref.controls,
     ariaLabel = _ref['aria-label'];
+  var defaults = (0, _table_pagination.useEuiTablePaginationDefaults)();
+  var pageSize = _pageSize !== null && _pageSize !== void 0 ? _pageSize : defaults.itemsPerPage;
+  var pageSizeOptions = _pageSizeOptions !== null && _pageSizeOptions !== void 0 ? _pageSizeOptions : defaults.itemsPerPageOptions;
   var detailedPaginationLabel = (0, _i18n.useEuiI18n)('euiDataGridPagination.detailedPaginationLabel', 'Pagination for preceding grid: {label}', {
     label: ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : ''
   });
@@ -46,7 +49,7 @@ var EuiDataGridPaginationRenderer = function EuiDataGridPaginationRenderer(_ref)
     setFocusedCell([0, 0]);
   }, [setFocusedCell, _onChangePage]);
   var pageCount = pageSize ? Math.ceil(rowCount / pageSize) : 1;
-  var minSizeOption = pageSizeOptions && (0, _toConsumableArray2.default)(pageSizeOptions).sort(function (a, b) {
+  var minSizeOption = (0, _toConsumableArray2.default)(pageSizeOptions).sort(function (a, b) {
     return a - b;
   })[0];
   if (rowCount < (minSizeOption || pageSize)) {
@@ -58,8 +61,8 @@ var EuiDataGridPaginationRenderer = function EuiDataGridPaginationRenderer(_ref)
     return null;
   }
 
-  // hide select rows per page if pageSizeOptions is undefined or an empty array
-  var hidePerPageOptions = !pageSizeOptions || pageSizeOptions.length === 0;
+  // Hide select rows per page if pageSizeOptions is an empty array
+  var hidePerPageOptions = pageSizeOptions.length === 0;
   return (0, _react2.jsx)("div", {
     className: "euiDataGrid__pagination"
   }, (0, _react2.jsx)(_table_pagination.EuiTablePagination, {

package/test-env/components/datagrid/utils/in_memory.js

@@ -365,7 +365,12 @@ EuiDataGridInMemoryRenderer.propTypes = {
              * Text to be displayed in the tooltip when `showToolTip` is true.
              * By default the text will be same as the label text.
              */
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        /**
+             * Allows customizing the tooltip shown when `showToolTip` is true.
+             * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+             */
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -409,7 +414,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -453,7 +459,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -497,7 +504,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -541,7 +549,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -585,7 +594,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired)
     }).isRequired]),
     /**

package/test-env/components/date_picker/date_picker_range.js

@@ -15,7 +15,7 @@ var _form = require("../form");
 var _services = require("../../services");
 var _date_picker_range = require("./date_picker_range.styles");
 var _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "startDateControl", "endDateControl", "iconType", "inline", "shadow", "fullWidth", "isCustom", "readOnly", "isLoading", "isInvalid", "disabled", "onFocus", "onBlur", "append", "prepend"];
+var _excluded = ["children", "className", "startDateControl", "endDateControl", "iconType", "inline", "shadow", "fullWidth", "compressed", "isCustom", "readOnly", "isLoading", "isInvalid", "disabled", "onFocus", "onBlur", "append", "prepend"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -36,6 +36,7 @@ var EuiDatePickerRange = function EuiDatePickerRange(_ref) {
     _ref$shadow = _ref.shadow,
     shadow = _ref$shadow === void 0 ? true : _ref$shadow,
     _fullWidth = _ref.fullWidth,
+    _compressed = _ref.compressed,
     isCustom = _ref.isCustom,
     readOnly = _ref.readOnly,
     isLoading = _ref.isLoading,
@@ -46,8 +47,9 @@ var EuiDatePickerRange = function EuiDatePickerRange(_ref) {
     append = _ref.append,
     prepend = _ref.prepend,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  // `fullWidth` should not affect inline datepickers (matches non-range behavior)
+  // `fullWidth` and `compressed` should not affect inline datepickers (matches non-range behavior)
   var fullWidth = _fullWidth && !inline;
+  var compressed = _compressed && !inline;
   var classes = (0, _classnames.default)('euiDatePickerRange', className);
   var euiTheme = (0, _services.useEuiTheme)();
   var styles = (0, _date_picker_range.euiDatePickerRangeStyles)(euiTheme);
@@ -119,6 +121,7 @@ var EuiDatePickerRange = function EuiDatePickerRange(_ref) {
     startControl: startControl,
     endControl: endControl,
     fullWidth: fullWidth,
+    compressed: compressed,
     readOnly: readOnly,
     isDisabled: disabled,
     isInvalid: isInvalid,

package/test-env/components/date_picker/super_date_picker/date_popover/date_popover_button.js

@@ -105,7 +105,7 @@ EuiDatePopoverButton.propTypes = {
   needsUpdating: _propTypes.default.bool,
   locale: _propTypes.default.any,
   onChange: _propTypes.default.any.isRequired,
-  onPopoverClose: _propTypes.default.func.isRequired,
+  onPopoverClose: _propTypes.default.any.isRequired,
   onPopoverToggle: _propTypes.default.func.isRequired,
   position: _propTypes.default.oneOf(["start", "end"]).isRequired,
   roundUp: _propTypes.default.bool,

package/test-env/components/date_picker/super_date_picker/super_date_picker.a11y.js

@@ -69,7 +69,7 @@ var SuperDatePicker = function SuperDatePicker() {
 };
 beforeEach(function () {
   cy.mount((0, _react2.jsx)(SuperDatePicker, null));
-  cy.get('div.euiSuperDatePicker__flexWrapper').should('exist');
+  cy.get('div.euiSuperDatePicker').should('exist');
 });
 describe('EuiSuperDatePicker', function () {
   describe('Automated accessibility check', function () {

package/test-env/components/date_picker/super_date_picker/super_date_picker.js

@@ -611,7 +611,7 @@ EuiSuperDatePickerInternal.propTypes = {
       /**
          * Common display alternatives for the anchor wrapper
          */
-      display: _propTypes.default.oneOf(["inlineBlock", "block"]),
+      display: _propTypes.default.any,
       /**
          * Delay before showing tooltip. Good for repeatable items.
          */
@@ -639,7 +639,10 @@ EuiSuperDatePickerInternal.propTypes = {
          * If supplied, called when mouse movement causes the tool tip to be
          * hidden.
          */
-      onMouseOut: _propTypes.default.func
+      onMouseOut: _propTypes.default.func,
+      "aria-label": _propTypes.default.string,
+      "data-test-subj": _propTypes.default.string,
+      css: _propTypes.default.any
     }),
     /**
        * Returns an IconButton instead
@@ -790,13 +793,16 @@ EuiSuperDatePicker.propTypes = {
       children: _propTypes.default.element.isRequired,
       className: _propTypes.default.string,
       content: _propTypes.default.node,
-      display: _propTypes.default.oneOf(["inlineBlock", "block"]),
+      display: _propTypes.default.any,
       delay: _propTypes.default.oneOf(["regular", "long"]).isRequired,
       title: _propTypes.default.node,
       id: _propTypes.default.string,
       position: _propTypes.default.oneOf(["top", "right", "bottom", "left"]).isRequired,
       repositionOnScroll: _propTypes.default.bool,
-      onMouseOut: _propTypes.default.func
+      onMouseOut: _propTypes.default.func,
+      "aria-label": _propTypes.default.string,
+      "data-test-subj": _propTypes.default.string,
+      css: _propTypes.default.any
     }),
     iconOnly: _propTypes.default.bool,
     responsive: _propTypes.default.oneOfType([_propTypes.default.oneOf([false]), _propTypes.default.arrayOf(_propTypes.default.any.isRequired).isRequired])

package/test-env/components/date_picker/super_date_picker/super_update_button.js

@@ -215,7 +215,7 @@ EuiSuperUpdateButton.propTypes = {
     /**
        * Common display alternatives for the anchor wrapper
        */
-    display: _propTypes.default.oneOf(["inlineBlock", "block"]),
+    display: _propTypes.default.any,
     /**
        * Delay before showing tooltip. Good for repeatable items.
        */
@@ -243,7 +243,10 @@ EuiSuperUpdateButton.propTypes = {
        * If supplied, called when mouse movement causes the tool tip to be
        * hidden.
        */
-    onMouseOut: _propTypes.default.func
+    onMouseOut: _propTypes.default.func,
+    "aria-label": _propTypes.default.string,
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
   }),
   /**
      * Returns an IconButton instead