@elastic/eui 86.0.0 → 87.1.0

package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js

@@ -1,24 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiCollapsibleNavSubItem = exports.EuiCollapsibleNavItem = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _services = require("../../../services");
 var _icon = require("../../icon");
 var _title = require("../../title");
+var _context = require("../context");
+var _collapsed = require("./collapsed");
 var _collapsible_nav_accordion = require("./collapsible_nav_accordion");
 var _collapsible_nav_link = require("./collapsible_nav_link");
 var _collapsible_nav_item = require("./collapsible_nav_item.styles");
 var _react2 = require("@emotion/react");
-var _excluded = ["isSubItem", "title", "titleElement", "icon", "iconProps", "className", "items", "children"],
-  _excluded2 = ["isGroupTitle", "className"];
+var _excluded = ["isSubItem", "title", "titleElement", "icon", "iconProps", "items", "children"],
+  _excluded2 = ["isGroupTitle", "className"],
+  _excluded3 = ["className"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -26,6 +30,8 @@ var _excluded = ["isSubItem", "title", "titleElement", "icon", "iconProps", "cla
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
  * Internal DRY subcomponent shared between top level items and sub items
  * that handles title display/rendering, and can be used to recursively
@@ -38,13 +44,9 @@ var EuiCollapsibleNavItemDisplay = function EuiCollapsibleNavItemDisplay(_ref) {
     titleElement = _ref.titleElement,
     icon = _ref.icon,
     iconProps = _ref.iconProps,
-    className = _ref.className,
     items = _ref.items,
     children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiCollapsibleNavItem', {
-    euiCollapsibleNavSubItem: isSubItem
-  }, className);
   var headerContent = (0, _react2.jsx)(EuiCollapsibleNavItemTitle, {
     title: title,
     titleElement: titleElement,
@@ -54,16 +56,13 @@ var EuiCollapsibleNavItemDisplay = function EuiCollapsibleNavItemDisplay(_ref) {
   var isAccordion = items && items.length > 0;
   if (isAccordion) {
     return (0, _react2.jsx)(_collapsible_nav_accordion.EuiCollapsibleNavAccordion, (0, _extends2.default)({
-      className: classes,
       buttonContent: headerContent,
       items: items
     }, props, {
       isSubItem: isSubItem
     }));
   }
-  return (0, _react2.jsx)(_collapsible_nav_link.EuiCollapsibleNavLink, (0, _extends2.default)({
-    className: classes
-  }, props, {
+  return (0, _react2.jsx)(_collapsible_nav_link.EuiCollapsibleNavLink, (0, _extends2.default)({}, props, {
     // EuiLink ExclusiveUnion type shenanigans
     isSubItem: isSubItem,
     isNotAccordion: true,
@@ -76,11 +75,11 @@ var EuiCollapsibleNavItemDisplay = function EuiCollapsibleNavItemDisplay(_ref) {
  */
 EuiCollapsibleNavItemDisplay.propTypes = {
   /**
-     * ReactNode to render as this component's title
+     * Required text to render as the nav item title
      */
-  title: _propTypes.default.node.isRequired,
+  title: _propTypes.default.string.isRequired,
   /**
-     * Allows customizing title's element.
+     * Allows customizing the title element.
      * Consider using a heading element for better accessibility.
      * Defaults to an unsemantic `span` or `div`, depending on context.
      */
@@ -163,6 +162,7 @@ var EuiCollapsibleNavSubItem = function EuiCollapsibleNavSubItem(_ref3) {
     props = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
   var euiTheme = (0, _services.useEuiTheme)();
   var styles = (0, _collapsible_nav_item.euiCollapsibleNavSubItemGroupTitleStyles)(euiTheme);
+  var classes = (0, _classnames.default)('euiCollapsibleNavSubItem', className);
   if (isGroupTitle) {
     var TitleElement = props.titleElement || 'div';
     return (0, _react2.jsx)(_title.EuiTitle, {
@@ -171,7 +171,9 @@ var EuiCollapsibleNavSubItem = function EuiCollapsibleNavSubItem(_ref3) {
       className: "euiCollapsibleNavItem__groupTitle eui-textTruncate"
     }, (0, _react2.jsx)(TitleElement, null, props.title));
   }
-  return (0, _react2.jsx)(EuiCollapsibleNavItemDisplay, (0, _extends2.default)({}, props, {
+  return (0, _react2.jsx)(EuiCollapsibleNavItemDisplay, (0, _extends2.default)({
+    className: classes
+  }, props, {
     isSubItem: true
   }));
 };
@@ -182,11 +184,11 @@ var EuiCollapsibleNavSubItem = function EuiCollapsibleNavSubItem(_ref3) {
 exports.EuiCollapsibleNavSubItem = EuiCollapsibleNavSubItem;
 EuiCollapsibleNavSubItem.propTypes = {
   /**
-     * ReactNode to render as this component's title
+     * Required text to render as the nav item title
      */
-  title: _propTypes.default.node,
+  title: _propTypes.default.string,
   /**
-     * Allows customizing title's element.
+     * Allows customizing the title element.
      * Consider using a heading element for better accessibility.
      * Defaults to an unsemantic `span` or `div`, depending on context.
      */
@@ -237,19 +239,29 @@ EuiCollapsibleNavSubItem.propTypes = {
      */
   isGroupTitle: _propTypes.default.bool
 };
-var EuiCollapsibleNavItem = function EuiCollapsibleNavItem(props) {
-  return (0, _react2.jsx)(EuiCollapsibleNavItemDisplay, (0, _extends2.default)({}, props, {
+var EuiCollapsibleNavItem = function EuiCollapsibleNavItem(_ref4) {
+  var className = _ref4.className,
+    props = (0, _objectWithoutProperties2.default)(_ref4, _excluded3);
+  var classes = (0, _classnames.default)('euiCollapsibleNavItem', className);
+  var _useContext = (0, _react.useContext)(_context.EuiCollapsibleNavContext),
+    isCollapsed = _useContext.isCollapsed,
+    isPush = _useContext.isPush;
+  return isCollapsed && isPush ? (0, _react2.jsx)(_collapsed.EuiCollapsedNavItem, (0, _extends2.default)({
+    className: classes
+  }, props)) : (0, _react2.jsx)(EuiCollapsibleNavItemDisplay, (0, _extends2.default)({
+    className: classes
+  }, props, {
     isSubItem: false
   }));
 };
 exports.EuiCollapsibleNavItem = EuiCollapsibleNavItem;
 EuiCollapsibleNavItem.propTypes = {
   /**
-     * ReactNode to render as this component's title
+     * Required text to render as the nav item title
      */
-  title: _propTypes.default.node.isRequired,
+  title: _propTypes.default.string.isRequired,
   /**
-     * Allows customizing title's element.
+     * Allows customizing the title element.
      * Consider using a heading element for better accessibility.
      * Defaults to an unsemantic `span` or `div`, depending on context.
      */

package/test-env/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link.js

@@ -48,16 +48,16 @@ var EuiCollapsibleNavLink = function EuiCollapsibleNavLink(_ref) {
     isSubItem = _ref.isSubItem,
     linkProps = _ref.linkProps,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiCollapsibleNavLink', className);
+  var classes = (0, _classnames.default)('euiCollapsibleNavLink', className, isInteractive && (linkProps === null || linkProps === void 0 ? void 0 : linkProps.className));
   var euiTheme = (0, _services.useEuiTheme)();
   var styles = (0, _collapsible_nav_link.euiCollapsibleNavLinkStyles)(euiTheme);
-  var cssStyles = [styles.euiCollapsibleNavLink, isSelected && styles.isSelected, isSubItem ? styles.isSubItem : styles.isTopItem.isTopItem, isNotAccordion && !isSubItem && styles.isTopItem.isNotAccordion, isInteractive && !isSelected && !isSubItem && styles.isTopItem.isInteractive, linkProps === null || linkProps === void 0 ? void 0 : linkProps.css];
+  var cssStyles = [styles.euiCollapsibleNavLink, isSelected && styles.isSelected, isSubItem ? styles.isSubItem : styles.isTopItem.isTopItem, isNotAccordion && !isSubItem && styles.isTopItem.isNotAccordion, isInteractive && !isSelected && !isSubItem && styles.isTopItem.isInteractive, isInteractive && (linkProps === null || linkProps === void 0 ? void 0 : linkProps.css)];
   return isInteractive ? (0, _react2.jsx)(_link.EuiLink, (0, _extends2.default)({
     href: href,
-    rel: rel,
-    className: classes
+    rel: rel
   }, _objectSpread(_objectSpread({}, rest), linkProps), {
     // EuiLink ExclusiveUnion shenanigans
+    className: classes,
     css: cssStyles
   }), children) : (0, _react2.jsx)("span", (0, _extends2.default)({
     className: classes,

package/test-env/components/collapsible_nav_beta/context.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiCollapsibleNavContext = void 0;
+var _react = require("react");
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+var EuiCollapsibleNavContext = /*#__PURE__*/(0, _react.createContext)({
+  isCollapsed: false,
+  isPush: true,
+  side: 'left'
+});
+exports.EuiCollapsibleNavContext = EuiCollapsibleNavContext;

package/test-env/components/color_picker/color_palette_picker/color_palette_picker.js

@@ -146,7 +146,7 @@ EuiColorPalettePicker.propTypes = {
        */
   isOpen: _propTypes.default.bool,
   /**
-       * Optional props to pass to the underlying [EuiPopover](/#/layout/popover).
+       * Optional props to pass to the underlying [EuiInputPopover](/#/layout/popover#popover-attached-to-input-element).
        * Allows fine-grained control of the popover dropdown menu, including
        * `repositionOnScroll` for EuiSuperSelects used within scrollable containers,
        * and customizing popover panel styling.

package/test-env/components/control_bar/control_bar.js

@@ -351,13 +351,25 @@ EuiControlBar.propTypes = {
            */
       truncate: _propTypes.default.bool,
       /**
-           * Accepts any EuiLink `color` when rendered as one (has `href` or `onClick`)
+           * Accepts any EuiLink `color` when rendered as one (has `href`, `onClick`, or `popoverContent`)
            */
       color: _propTypes.default.any,
       /**
            * Override the existing `aria-current` which defaults to `page` for the last breadcrumb
            */
-      "aria-current": _propTypes.default.any
+      "aria-current": _propTypes.default.any,
+      /**
+           * Creates a breadcrumb that toggles a popover dialog
+           *
+           * If passed, both `href` and `onClick` will be ignored - the breadcrumb's
+           * click behavior should only trigger a popover.
+           */
+      popoverContent: _propTypes.default.node,
+      /**
+           * Allows customizing the popover if necessary. Accepts any props that
+           * [EuiPopover](/#/layout/popover) accepts, except for props that control state.
+           */
+      popoverProps: _propTypes.default.any
     }).isRequired),
     /**
        * Determines breadcrumbs appearance, with `page` being the default styling.

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

@@ -264,7 +264,12 @@ EuiDataGridBody.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
@@ -308,7 +313,8 @@ EuiDataGridBody.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
@@ -352,7 +358,8 @@ EuiDataGridBody.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
@@ -396,7 +403,8 @@ EuiDataGridBody.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
@@ -440,7 +448,8 @@ EuiDataGridBody.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
@@ -484,7 +493,8 @@ EuiDataGridBody.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]),
     /**
@@ -553,31 +563,7 @@ EuiDataGridBody.propTypes = {
   renderFooterCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]),
   renderCustomGridBody: _propTypes.default.func,
   interactiveCellId: _propTypes.default.string.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,
   headerIsInteractive: _propTypes.default.bool.isRequired,
   handleHeaderMutation: _propTypes.default.any.isRequired,
   setVisibleColumns: _propTypes.default.func.isRequired,

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

@@ -403,7 +403,12 @@ EuiDataGridBodyCustomRender.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
@@ -447,7 +452,8 @@ EuiDataGridBodyCustomRender.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
@@ -491,7 +497,8 @@ EuiDataGridBodyCustomRender.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
@@ -535,7 +542,8 @@ EuiDataGridBodyCustomRender.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
@@ -579,7 +587,8 @@ EuiDataGridBodyCustomRender.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
@@ -623,7 +632,8 @@ EuiDataGridBodyCustomRender.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]),
     /**
@@ -692,31 +702,7 @@ EuiDataGridBodyCustomRender.propTypes = {
   renderFooterCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]),
   renderCustomGridBody: _propTypes.default.func,
   interactiveCellId: _propTypes.default.string.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,
   headerIsInteractive: _propTypes.default.bool.isRequired,
   handleHeaderMutation: _propTypes.default.any.isRequired,
   setVisibleColumns: _propTypes.default.func.isRequired,

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

@@ -541,7 +541,12 @@ EuiDataGridBodyVirtualized.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
@@ -585,7 +590,8 @@ EuiDataGridBodyVirtualized.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
@@ -629,7 +635,8 @@ EuiDataGridBodyVirtualized.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
@@ -673,7 +680,8 @@ EuiDataGridBodyVirtualized.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
@@ -717,7 +725,8 @@ EuiDataGridBodyVirtualized.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
@@ -761,7 +770,8 @@ EuiDataGridBodyVirtualized.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]),
     /**
@@ -830,31 +840,7 @@ EuiDataGridBodyVirtualized.propTypes = {
   renderFooterCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]),
   renderCustomGridBody: _propTypes.default.func,
   interactiveCellId: _propTypes.default.string.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,
   headerIsInteractive: _propTypes.default.bool.isRequired,
   handleHeaderMutation: _propTypes.default.any.isRequired,
   setVisibleColumns: _propTypes.default.func.isRequired,