@elastic/eui 86.0.0 → 87.0.0

package/es/components/control_bar/control_bar.js

@@ -362,13 +362,174 @@ EuiControlBar.propTypes = {
            */
       truncate: PropTypes.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.any,
       /**
            * Override the existing `aria-current` which defaults to `page` for the last breadcrumb
            */
-      "aria-current": PropTypes.any
+      "aria-current": PropTypes.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.node,
+      /**
+           * Allows customizing the popover if necessary. Accepts any props that
+           * [EuiPopover](/#/layout/popover) accepts, except for props that control state.
+           */
+      popoverProps: PropTypes.shape({
+        /**
+           * Class name passed to the direct parent of the button
+           */
+        anchorClassName: PropTypes.string,
+        /**
+           * Alignment of the popover and arrow relative to the button
+           */
+        anchorPosition: PropTypes.any,
+        /**
+           * Style and position alteration for arrow-less, left-aligned
+           * attachment. Intended for use with inputs as anchors, e.g.
+           * EuiInputPopover
+           */
+        attachToAnchor: PropTypes.bool,
+        buttonRef: PropTypes.any,
+        /**
+           * Restrict the popover's position within this element
+           */
+        container: PropTypes.any,
+        /**
+           * CSS display type for both the popover and anchor
+           */
+        display: PropTypes.any,
+        /**
+           * Object of props passed to EuiFocusTrap
+           */
+        focusTrapProps: PropTypes.any,
+        /**
+           * Show arrow indicating to originating button
+           */
+        hasArrow: PropTypes.bool,
+        /**
+           * Specifies what element should initially have focus; Can be a DOM
+           * node, or a selector string (which will be passed to
+           * document.querySelector() to find the DOM node), or a function that
+           * returns a DOM node.
+           *
+           * If not passed, initial focus defaults to the popover panel.
+           */
+        initialFocus: PropTypes.any,
+        /**
+           * Passed directly to EuiPortal for DOM positioning. Both properties are
+           * required if prop is specified
+           */
+        insert: PropTypes.shape({
+          sibling: PropTypes.any.isRequired,
+          position: PropTypes.oneOf(["before", "after"]).isRequired
+        }),
+        /**
+           * Traps tab focus within the popover contents
+           */
+        ownFocus: PropTypes.bool,
+        /**
+           * Custom class added to the EuiPanel containing the popover contents
+           */
+        panelClassName: PropTypes.string,
+        /**
+           * EuiPanel padding on all sides
+           */
+        panelPaddingSize: PropTypes.any,
+        /**
+           * Standard DOM `style` attribute. Passed to the EuiPanel
+           */
+        panelStyle: PropTypes.any,
+        /**
+           * Object of props passed to EuiPanel. See #EuiPopoverPanelProps
+           */
+        panelProps: PropTypes.shape({
+          element: PropTypes.oneOf(["div"]),
+          /**
+             * Padding for all four sides
+             */
+          paddingSize: PropTypes.any,
+          /**
+             * Corner border radius
+             */
+          borderRadius: PropTypes.any,
+          /**
+             * When true the panel will grow in height to match `EuiFlexItem`
+             */
+          grow: PropTypes.bool,
+          panelRef: PropTypes.any,
+          /**
+             * Background color of the panel;
+             * Usually a lightened form of the brand colors
+             */
+          color: PropTypes.any,
+          className: PropTypes.string,
+          "aria-label": PropTypes.string,
+          "data-test-subj": PropTypes.string,
+          css: PropTypes.any
+        }),
+        panelRef: PropTypes.any,
+        /**
+           * Optional screen reader instructions to announce upon popover open,
+           * in addition to EUI's default popover instructions for Escape on close.
+           * Useful for popovers that may have additional keyboard capabilities such as
+           * arrow navigation.
+           */
+        popoverScreenReaderText: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.node.isRequired]),
+        popoverRef: PropTypes.any,
+        /**
+           * When `true`, the popover's position is re-calculated when the user
+           * scrolls, this supports having fixed-position popover anchors. When nesting
+           * an `EuiPopover` in a scrollable container, `repositionOnScroll` should be `true`
+           */
+        repositionOnScroll: PropTypes.bool,
+        /**
+           * Must be set to true if using `EuiDragDropContext` within a popover,
+           * otherwise your nested drag & drop will have incorrect positioning
+           */
+        hasDragDrop: PropTypes.bool,
+        /**
+           * By default, popover content inherits the z-index of the anchor
+           * component; pass `zIndex` to override
+           */
+        zIndex: PropTypes.number,
+        /**
+           * Distance away from the anchor that the popover will render
+           */
+        offset: PropTypes.number,
+        /**
+           * Minimum distance between the popover and the bounding container;
+           * Pass an array of 4 values to adjust each side differently: `[top, right, bottom, left]`
+           * Default is 16
+           */
+        buffer: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.any.isRequired]),
+        /**
+           * Element to pass as the child element of the arrow;
+           * Use case is typically limited to an accompanying `EuiBeacon`
+           */
+        arrowChildren: PropTypes.node,
+        /**
+           * Provide a name to the popover panel
+           */
+        "aria-label": PropTypes.string,
+        /**
+           * Alternative option to `aria-label` that takes an `id`.
+           * Usually takes the `id` of the popover title
+           */
+        "aria-labelledby": PropTypes.string,
+        /**
+           * Function callback for when the popover positon changes
+           */
+        onPositionChange: PropTypes.func,
+        className: PropTypes.string,
+        "data-test-subj": PropTypes.string,
+        css: PropTypes.any
+      })
     }).isRequired),
     /**
        * Determines breadcrumbs appearance, with `page` being the default styling.

package/es/components/datagrid/body/data_grid_body.js

@@ -258,7 +258,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.string
+        toolTipText: PropTypes.string,
+        /**
+             * Allows customizing the tooltip shown when `showToolTip` is true.
+             * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+             */
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -302,7 +307,8 @@ EuiDataGridBody.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -346,7 +352,8 @@ EuiDataGridBody.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -390,7 +397,8 @@ EuiDataGridBody.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -434,7 +442,8 @@ EuiDataGridBody.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -478,7 +487,8 @@ EuiDataGridBody.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired)
     }).isRequired]),
     /**
@@ -547,31 +557,7 @@ EuiDataGridBody.propTypes = {
   renderFooterCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
   renderCustomGridBody: PropTypes.func,
   interactiveCellId: PropTypes.string.isRequired,
-  pagination: PropTypes.shape({
-    /**
-       * The index of the current page, starts at 0 for the first page
-       */
-    pageIndex: PropTypes.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.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.arrayOf(PropTypes.number.isRequired),
-    /**
-       * A callback for when the user changes the page size selection
-       */
-    onChangeItemsPerPage: PropTypes.func.isRequired,
-    /**
-       * A callback for when the current page index changes
-       */
-    onChangePage: PropTypes.func.isRequired
-  }),
+  pagination: PropTypes.any,
   headerIsInteractive: PropTypes.bool.isRequired,
   handleHeaderMutation: PropTypes.any.isRequired,
   setVisibleColumns: PropTypes.func.isRequired,

package/es/components/datagrid/body/data_grid_body_custom.js

@@ -405,7 +405,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.string
+        toolTipText: PropTypes.string,
+        /**
+             * Allows customizing the tooltip shown when `showToolTip` is true.
+             * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+             */
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -449,7 +454,8 @@ EuiDataGridBodyCustomRender.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -493,7 +499,8 @@ EuiDataGridBodyCustomRender.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -537,7 +544,8 @@ EuiDataGridBodyCustomRender.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -581,7 +589,8 @@ EuiDataGridBodyCustomRender.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -625,7 +634,8 @@ EuiDataGridBodyCustomRender.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired)
     }).isRequired]),
     /**
@@ -694,31 +704,7 @@ EuiDataGridBodyCustomRender.propTypes = {
   renderFooterCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
   renderCustomGridBody: PropTypes.func,
   interactiveCellId: PropTypes.string.isRequired,
-  pagination: PropTypes.shape({
-    /**
-       * The index of the current page, starts at 0 for the first page
-       */
-    pageIndex: PropTypes.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.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.arrayOf(PropTypes.number.isRequired),
-    /**
-       * A callback for when the user changes the page size selection
-       */
-    onChangeItemsPerPage: PropTypes.func.isRequired,
-    /**
-       * A callback for when the current page index changes
-       */
-    onChangePage: PropTypes.func.isRequired
-  }),
+  pagination: PropTypes.any,
   headerIsInteractive: PropTypes.bool.isRequired,
   handleHeaderMutation: PropTypes.any.isRequired,
   setVisibleColumns: PropTypes.func.isRequired,

package/es/components/datagrid/body/data_grid_body_virtualized.js

@@ -534,7 +534,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.string
+        toolTipText: PropTypes.string,
+        /**
+             * Allows customizing the tooltip shown when `showToolTip` is true.
+             * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+             */
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -578,7 +583,8 @@ EuiDataGridBodyVirtualized.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -622,7 +628,8 @@ EuiDataGridBodyVirtualized.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -666,7 +673,8 @@ EuiDataGridBodyVirtualized.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -710,7 +718,8 @@ EuiDataGridBodyVirtualized.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -754,7 +763,8 @@ EuiDataGridBodyVirtualized.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired)
     }).isRequired]),
     /**
@@ -823,31 +833,7 @@ EuiDataGridBodyVirtualized.propTypes = {
   renderFooterCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
   renderCustomGridBody: PropTypes.func,
   interactiveCellId: PropTypes.string.isRequired,
-  pagination: PropTypes.shape({
-    /**
-       * The index of the current page, starts at 0 for the first page
-       */
-    pageIndex: PropTypes.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.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.arrayOf(PropTypes.number.isRequired),
-    /**
-       * A callback for when the user changes the page size selection
-       */
-    onChangeItemsPerPage: PropTypes.func.isRequired,
-    /**
-       * A callback for when the current page index changes
-       */
-    onChangePage: PropTypes.func.isRequired
-  }),
+  pagination: PropTypes.any,
   headerIsInteractive: PropTypes.bool.isRequired,
   handleHeaderMutation: PropTypes.any.isRequired,
   setVisibleColumns: PropTypes.func.isRequired,

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

@@ -254,7 +254,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.string
+        toolTipText: PropTypes.string,
+        /**
+             * Allows customizing the tooltip shown when `showToolTip` is true.
+             * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+             */
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -298,7 +303,8 @@ EuiDataGridCellContent.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -342,7 +348,8 @@ EuiDataGridCellContent.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -386,7 +393,8 @@ EuiDataGridCellContent.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -430,7 +438,8 @@ EuiDataGridCellContent.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -474,7 +483,8 @@ EuiDataGridCellContent.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired)
     }).isRequired]),
     /**
@@ -530,31 +540,7 @@ EuiDataGridCellContent.propTypes = {
     scrollAnchorRow: PropTypes.oneOf(["start", "center", undefined])
   }),
   rowHeightUtils: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.any.isRequired]),
-  pagination: PropTypes.shape({
-    /**
-       * The index of the current page, starts at 0 for the first page
-       */
-    pageIndex: PropTypes.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.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.arrayOf(PropTypes.number.isRequired),
-    /**
-       * A callback for when the user changes the page size selection
-       */
-    onChangeItemsPerPage: PropTypes.func.isRequired,
-    /**
-       * A callback for when the current page index changes
-       */
-    onChangePage: PropTypes.func.isRequired
-  }),
+  pagination: PropTypes.any,
   setCellProps: PropTypes.func.isRequired,
   setCellContentsRef: PropTypes.any.isRequired,
   isExpanded: PropTypes.bool.isRequired,
@@ -1213,7 +1199,8 @@ EuiDataGridCell.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -1257,7 +1244,8 @@ EuiDataGridCell.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -1301,7 +1289,8 @@ EuiDataGridCell.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -1345,7 +1334,8 @@ EuiDataGridCell.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -1389,7 +1379,8 @@ EuiDataGridCell.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -1433,7 +1424,8 @@ EuiDataGridCell.propTypes = {
         onClick: PropTypes.func,
         wrapText: PropTypes.bool,
         buttonRef: PropTypes.any,
-        toolTipText: PropTypes.string
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
       }).isRequired)
     }).isRequired]),
     /**
@@ -1507,29 +1499,5 @@ EuiDataGridCell.propTypes = {
   rowManager: PropTypes.shape({
     getRow: PropTypes.func.isRequired
   }),
-  pagination: PropTypes.shape({
-    /**
-       * The index of the current page, starts at 0 for the first page
-       */
-    pageIndex: PropTypes.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.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.arrayOf(PropTypes.number.isRequired),
-    /**
-       * A callback for when the user changes the page size selection
-       */
-    onChangeItemsPerPage: PropTypes.func.isRequired,
-    /**
-       * A callback for when the current page index changes
-       */
-    onChangePage: PropTypes.func.isRequired
-  })
+  pagination: PropTypes.any
 };