@elastic/eui 86.0.0 → 87.0.0

package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.js

@@ -1,21 +1,25 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiCollapsibleNavSubItem = exports.EuiCollapsibleNavItem = void 0;
-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
@@ -24,6 +28,8 @@ var _excluded = ["isSubItem", "title", "titleElement", "icon", "iconProps", "cla
  * Side Public License, v 1.
  */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -39,13 +45,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 = _objectWithoutProperties(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiCollapsibleNavItem', {
-    euiCollapsibleNavSubItem: isSubItem
-  }, className);
   var headerContent = (0, _react2.jsx)(EuiCollapsibleNavItemTitle, {
     title: title,
     titleElement: titleElement,
@@ -55,16 +57,13 @@ var EuiCollapsibleNavItemDisplay = function EuiCollapsibleNavItemDisplay(_ref) {
   var isAccordion = items && items.length > 0;
   if (isAccordion) {
     return (0, _react2.jsx)(_collapsible_nav_accordion.EuiCollapsibleNavAccordion, _extends({
-      className: classes,
       buttonContent: headerContent,
       items: items
     }, props, {
       isSubItem: isSubItem
     }));
   }
-  return (0, _react2.jsx)(_collapsible_nav_link.EuiCollapsibleNavLink, _extends({
-    className: classes
-  }, props, {
+  return (0, _react2.jsx)(_collapsible_nav_link.EuiCollapsibleNavLink, _extends({}, props, {
     // EuiLink ExclusiveUnion type shenanigans
     isSubItem: isSubItem,
     isNotAccordion: true,
@@ -164,6 +163,7 @@ var EuiCollapsibleNavSubItem = function EuiCollapsibleNavSubItem(_ref3) {
     props = _objectWithoutProperties(_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, {
@@ -172,7 +172,9 @@ var EuiCollapsibleNavSubItem = function EuiCollapsibleNavSubItem(_ref3) {
       className: "euiCollapsibleNavItem__groupTitle eui-textTruncate"
     }, (0, _react2.jsx)(TitleElement, null, props.title));
   }
-  return (0, _react2.jsx)(EuiCollapsibleNavItemDisplay, _extends({}, props, {
+  return (0, _react2.jsx)(EuiCollapsibleNavItemDisplay, _extends({
+    className: classes
+  }, props, {
     isSubItem: true
   }));
 };
@@ -238,8 +240,18 @@ EuiCollapsibleNavSubItem.propTypes = {
      */
   isGroupTitle: _propTypes.default.bool
 };
-var EuiCollapsibleNavItem = function EuiCollapsibleNavItem(props) {
-  return (0, _react2.jsx)(EuiCollapsibleNavItemDisplay, _extends({}, props, {
+var EuiCollapsibleNavItem = function EuiCollapsibleNavItem(_ref4) {
+  var className = _ref4.className,
+    props = _objectWithoutProperties(_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, _extends({
+    className: classes
+  }, props)) : (0, _react2.jsx)(EuiCollapsibleNavItemDisplay, _extends({
+    className: classes
+  }, props, {
     isSubItem: false
   }));
 };

package/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_link.js

@@ -52,16 +52,16 @@ var EuiCollapsibleNavLink = function EuiCollapsibleNavLink(_ref) {
     isSubItem = _ref.isSubItem,
     linkProps = _ref.linkProps,
     rest = _objectWithoutProperties(_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, _extends({
     href: href,
-    rel: rel,
-    className: classes
+    rel: rel
   }, _objectSpread(_objectSpread({}, rest), linkProps), {
     // EuiLink ExclusiveUnion shenanigans
+    className: classes,
     css: cssStyles
   }), children) : (0, _react2.jsx)("span", _extends({
     className: classes,

package/lib/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/lib/components/control_bar/control_bar.js

@@ -356,13 +356,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/lib/components/datagrid/body/data_grid_body.js

@@ -265,7 +265,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
@@ -309,7 +314,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
@@ -353,7 +359,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
@@ -397,7 +404,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
@@ -441,7 +449,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
@@ -485,7 +494,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]),
     /**
@@ -554,31 +564,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/lib/components/datagrid/body/data_grid_body_custom.js

@@ -413,7 +413,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
@@ -457,7 +462,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
@@ -501,7 +507,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
@@ -545,7 +552,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
@@ -589,7 +597,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
@@ -633,7 +642,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]),
     /**
@@ -702,31 +712,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/lib/components/datagrid/body/data_grid_body_virtualized.js

@@ -544,7 +544,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
@@ -588,7 +593,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
@@ -632,7 +638,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
@@ -676,7 +683,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
@@ -720,7 +728,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
@@ -764,7 +773,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]),
     /**
@@ -833,31 +843,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,

package/lib/components/datagrid/body/data_grid_cell.js

@@ -262,7 +262,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
@@ -306,7 +311,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
@@ -350,7 +356,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
@@ -394,7 +401,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
@@ -438,7 +446,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
@@ -482,7 +491,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]),
     /**
@@ -538,31 +548,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,
@@ -1222,7 +1208,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
@@ -1266,7 +1253,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
@@ -1310,7 +1298,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
@@ -1354,7 +1343,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
@@ -1398,7 +1388,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
@@ -1442,7 +1433,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]),
     /**
@@ -1516,29 +1508,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
 };