@elastic/eui 85.1.0 → 86.0.0

package/es/components/combo_box/combo_box_options_list/combo_box_title.js

@@ -7,12 +7,10 @@
  */
 
 import React from 'react';
-import PropTypes from "prop-types";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var EuiComboBoxTitle = function EuiComboBoxTitle(_ref) {
   var children = _ref.children;
   return ___EmotionJSX("div", {
     className: "euiComboBoxTitle"
   }, children);
-};
-EuiComboBoxTitle.propTypes = {};
+};

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

@@ -48,11 +48,11 @@ EuiDataGridBody.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -78,11 +78,11 @@ EuiDataGridBody.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -484,7 +484,7 @@ EuiDataGridBody.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired),
+    cellActions: PropTypes.arrayOf(PropTypes.elementType.isRequired),
     /**
        * Configures the amount of cell action buttons immediately visible on a cell.
        * Any cell actions above this number will only display in the cell expansion popover.
@@ -542,9 +542,9 @@ EuiDataGridBody.propTypes = {
     endRow: PropTypes.number.isRequired,
     visibleRowCount: PropTypes.number.isRequired
   }).isRequired,
-  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
   renderCellPopover: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
-  renderFooterCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+  renderFooterCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
   renderCustomGridBody: PropTypes.func,
   interactiveCellId: PropTypes.string.isRequired,
   pagination: PropTypes.shape({

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

@@ -195,11 +195,11 @@ EuiDataGridBodyCustomRender.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -225,11 +225,11 @@ EuiDataGridBodyCustomRender.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -631,7 +631,7 @@ EuiDataGridBodyCustomRender.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired),
+    cellActions: PropTypes.arrayOf(PropTypes.elementType.isRequired),
     /**
        * Configures the amount of cell action buttons immediately visible on a cell.
        * Any cell actions above this number will only display in the cell expansion popover.
@@ -689,9 +689,9 @@ EuiDataGridBodyCustomRender.propTypes = {
     endRow: PropTypes.number.isRequired,
     visibleRowCount: PropTypes.number.isRequired
   }).isRequired,
-  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
   renderCellPopover: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
-  renderFooterCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+  renderFooterCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
   renderCustomGridBody: PropTypes.func,
   interactiveCellId: PropTypes.string.isRequired,
   pagination: PropTypes.shape({

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

@@ -324,11 +324,11 @@ EuiDataGridBodyVirtualized.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -354,11 +354,11 @@ EuiDataGridBodyVirtualized.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -760,7 +760,7 @@ EuiDataGridBodyVirtualized.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired),
+    cellActions: PropTypes.arrayOf(PropTypes.elementType.isRequired),
     /**
        * Configures the amount of cell action buttons immediately visible on a cell.
        * Any cell actions above this number will only display in the cell expansion popover.
@@ -818,9 +818,9 @@ EuiDataGridBodyVirtualized.propTypes = {
     endRow: PropTypes.number.isRequired,
     visibleRowCount: PropTypes.number.isRequired
   }).isRequired,
-  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
   renderCellPopover: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
-  renderFooterCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+  renderFooterCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
   renderCustomGridBody: PropTypes.func,
   interactiveCellId: PropTypes.string.isRequired,
   pagination: PropTypes.shape({

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

@@ -480,7 +480,7 @@ EuiDataGridCellContent.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired),
+    cellActions: PropTypes.arrayOf(PropTypes.elementType.isRequired),
     /**
        * Configures the amount of cell action buttons immediately visible on a cell.
        * Any cell actions above this number will only display in the cell expansion popover.
@@ -492,7 +492,7 @@ EuiDataGridCellContent.propTypes = {
   columnType: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.oneOf([null])]),
   isExpandable: PropTypes.bool.isRequired,
   className: PropTypes.string,
-  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
   renderCellPopover: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
   setRowHeight: PropTypes.func,
   getRowHeight: PropTypes.func,
@@ -803,15 +803,7 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
       }
     });
     return _this;
-  } // focus tracking is split between the entire grid & individual cells,
-  // the parent grid owns which cell is focused,
-  // but individual cells need to react to changes and also report that
-  // they are focused in response to user actions like clicking on the cell
-  // to avoid focus trap fighting, cells wait a tick after being clicked to allow
-  // any existing traps to disconnect before the cell reports the new focus state to the parent grid
-  // but because of this small delay, multiple cells could queue up focus and
-  // create an infinite loop as the cells activate->deactivate->...
-  // so we track the last timeout id and clear that request if superseded
+  }
   _createClass(EuiDataGridCell, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -1114,6 +1106,15 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
   }]);
   return EuiDataGridCell;
 }(Component);
+// focus tracking is split between the entire grid & individual cells,
+// the parent grid owns which cell is focused,
+// but individual cells need to react to changes and also report that
+// they are focused in response to user actions like clicking on the cell
+// to avoid focus trap fighting, cells wait a tick after being clicked to allow
+// any existing traps to disconnect before the cell reports the new focus state to the parent grid
+// but because of this small delay, multiple cells could queue up focus and
+// create an infinite loop as the cells activate->deactivate->...
+// so we track the last timeout id and clear that request if superseded
 _defineProperty(EuiDataGridCell, "activeFocusTimeoutId", undefined);
 _defineProperty(EuiDataGridCell, "contextType", DataGridFocusContext);
 EuiDataGridCell.propTypes = {
@@ -1438,7 +1439,7 @@ EuiDataGridCell.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired),
+    cellActions: PropTypes.arrayOf(PropTypes.elementType.isRequired),
     /**
        * Configures the amount of cell action buttons immediately visible on a cell.
        * Any cell actions above this number will only display in the cell expansion popover.
@@ -1465,7 +1466,7 @@ EuiDataGridCell.propTypes = {
     setPopoverContent: PropTypes.func.isRequired,
     setCellPopoverProps: PropTypes.func.isRequired
   }).isRequired,
-  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
   renderCellPopover: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
   setRowHeight: PropTypes.func,
   getRowHeight: PropTypes.func,

package/es/components/datagrid/body/header/data_grid_control_header_cell.js

@@ -52,11 +52,11 @@ EuiDataGridControlHeaderCell.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */

package/es/components/datagrid/body/header/data_grid_header_cell.js

@@ -550,7 +550,7 @@ EuiDataGridHeaderCell.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired),
+    cellActions: PropTypes.arrayOf(PropTypes.elementType.isRequired),
     /**
        * Configures the amount of cell action buttons immediately visible on a cell.
        * Any cell actions above this number will only display in the cell expansion popover.

package/es/components/datagrid/body/header/data_grid_header_row.js

@@ -97,11 +97,11 @@ EuiDataGridHeaderRow.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -127,11 +127,11 @@ EuiDataGridHeaderRow.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -533,7 +533,7 @@ EuiDataGridHeaderRow.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired),
+    cellActions: PropTypes.arrayOf(PropTypes.elementType.isRequired),
     /**
        * Configures the amount of cell action buttons immediately visible on a cell.
        * Any cell actions above this number will only display in the cell expansion popover.

package/es/components/datagrid/controls/data_grid_toolbar.js

@@ -1,3 +1,4 @@
+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); }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -6,7 +7,7 @@
  * Side Public License, v 1.
  */
 
-import React from 'react';
+import React, { isValidElement } from 'react';
 import { EuiScreenReaderOnly } from '../../accessibility';
 import { IS_JEST_ENVIRONMENT } from '../../../utils';
 
@@ -58,40 +59,44 @@ export function checkOrDefaultToolBarDisplayOptions(arg, option) {
     return true;
   }
 }
-export function renderAdditionalControls(toolbarVisibility, position) {
-  var _additionalControlsOb;
+export var renderAdditionalControls = function renderAdditionalControls(toolbarVisibility, position) {
   if (typeof toolbarVisibility === 'boolean') return null;
   var _ref2 = toolbarVisibility || {},
     additionalControls = _ref2.additionalControls;
   if (!additionalControls) return null;
 
-  // Typescript is having obj issues, so we need to force cast to EuiDataGridToolBarAdditionalControlsOptions here
-  var additionalControlsObj = (additionalControls === null || additionalControls === void 0 ? void 0 : additionalControls.constructor) === Object ? additionalControls : {};
-  // Typescript workarounds continued
-  var leftPositionObj = ((_additionalControlsOb = additionalControlsObj.left) === null || _additionalControlsOb === void 0 ? void 0 : _additionalControlsOb.constructor) === Object ? additionalControlsObj.left : {};
-  if (position === 'right') {
-    if (additionalControlsObj !== null && additionalControlsObj !== void 0 && additionalControlsObj.right) {
-      return additionalControlsObj.right;
+  // API backwards compatability: if the consumer passed a single ReactNode
+  // to `additionalControls`, default to the left append position.
+  if ( /*#__PURE__*/isValidElement(additionalControls) && position === 'left.append') {
+    return additionalControls;
+  }
+  if (_typeof(additionalControls) !== 'object') {
+    return null;
+  }
+  var handleLeftObjectConfig = function handleLeftObjectConfig(leftConfig) {
+    if (position === 'left.prepend') {
+      return leftConfig.prepend;
     }
-  } else if (position === 'left.prepend') {
-    if (leftPositionObj !== null && leftPositionObj !== void 0 && leftPositionObj.prepend) {
-      return leftPositionObj.prepend;
+    if (position === 'left.append') {
+      return leftConfig.append;
     }
-  } else if (position === 'left.append') {
-    if (leftPositionObj !== null && leftPositionObj !== void 0 && leftPositionObj.append) {
-      return leftPositionObj.append;
+  };
+  var handleObjectConfig = function handleObjectConfig(additionalControls) {
+    if (position === 'right') {
+      return additionalControls.right;
     }
-    if ( /*#__PURE__*/React.isValidElement(additionalControlsObj === null || additionalControlsObj === void 0 ? void 0 : additionalControlsObj.left)) {
-      // If the consumer passed a single ReactNode to `additionalControls.left`, default to the left append position
-      return additionalControlsObj.left;
+    // API backwards compatability: If the consumer passed a single ReactNode
+    // to `additionalControls.left`, default to the left append position
+    if ( /*#__PURE__*/isValidElement(additionalControls.left) && position === 'left.append') {
+      return additionalControls.left;
     }
-    if ( /*#__PURE__*/React.isValidElement(additionalControls)) {
-      // API backwards compatability: if the consumer passed a single ReactNode to `additionalControls`, default to the the left append position
-      return additionalControls;
+    if (additionalControls.left && _typeof(additionalControls.left) === 'object') {
+      return handleLeftObjectConfig(additionalControls.left);
     }
-  }
-  return null;
-}
+  };
+  var rendered = handleObjectConfig(additionalControls);
+  return rendered || null;
+};
 
 /**
  * Utility helper for selectors/controls that allow nested options
@@ -101,7 +106,7 @@ export function renderAdditionalControls(toolbarVisibility, position) {
 export function getNestedObjectOptions(controlOption, objectKey) {
   var _controlOption$object;
   // If the config is a boolean, nested options follow that boolean
-  if (controlOption === false || controlOption === true) return controlOption;
+  if (typeof controlOption === 'boolean') return controlOption;
   // If config is not defined, default to enabled
   if (controlOption == null) return true;
   // Otherwise, type should be an object of boolean values - dive into it and return the value

package/es/components/datagrid/controls/display_selector.js

@@ -132,7 +132,7 @@ export var useDataGridDisplaySelector = function useDataGridDisplaySelector(show
     setUserRowHeightsOptions(rowHeightsOptions);
   }, [lineCount]);
   var setLineCountHeight = useCallback(function (event) {
-    var newLineCount = Number(event.target.value);
+    var newLineCount = Number(event.currentTarget.value);
     if (newLineCount < 1) return; // Don't let users set a 0 or negative line count
 
     setLineCount(newLineCount);

package/es/components/datagrid/data_grid.js

@@ -791,7 +791,7 @@ EuiDataGrid.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired),
+    cellActions: PropTypes.arrayOf(PropTypes.elementType.isRequired),
     /**
        * Configures the amount of cell action buttons immediately visible on a cell.
        * Any cell actions above this number will only display in the cell expansion popover.
@@ -823,11 +823,11 @@ EuiDataGrid.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -857,11 +857,11 @@ EuiDataGrid.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -936,7 +936,7 @@ EuiDataGrid.propTypes = {
        * allowing hooks, context, and other React concepts to be used. The function receives #EuiDataGridCellValueElementProps
        * as its only argument.
        */
-  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
   /**
        * An optional function that can be used to completely customize the rendering of cell popovers.
        *
@@ -955,7 +955,7 @@ EuiDataGrid.propTypes = {
        * allowing hooks, context, and other React concepts to be used. The function receives #EuiDataGridCellValueElementProps
        * as its only argument.
        */
-  renderFooterCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+  renderFooterCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
   /**
        * An optional function called to completely customize and control the rendering of
        * EuiDataGrid's body and cell placement.  This can be used to, e.g. remove EuiDataGrid's

package/es/components/datagrid/utils/in_memory.js

@@ -153,9 +153,9 @@ export var EuiDataGridInMemoryRenderer = function EuiDataGridInMemoryRenderer(_r
     var cellDivs = documentFragment.childNodes[0].childNodes;
     for (var i = 0; i < cellDivs.length; i++) {
       var cellDiv = cellDivs[i];
-      var _rowIndex = parseInt(cellDiv.getAttribute('data-dg-row'), 10);
+      var rowIndex = parseInt(cellDiv.getAttribute('data-dg-row'), 10);
       var column = cellDiv.getAttribute('data-dg-column');
-      onCellRender(_rowIndex, column, getElementText(cellDiv));
+      onCellRender(rowIndex, column, getElementText(cellDiv));
     }
     // changes to documentFragment.children is reflected by `cells`
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -589,7 +589,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired),
+    cellActions: PropTypes.arrayOf(PropTypes.elementType.isRequired),
     /**
        * Configures the amount of cell action buttons immediately visible on a cell.
        * Any cell actions above this number will only display in the cell expansion popover.
@@ -598,7 +598,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
     visibleCellActions: PropTypes.number
   }).isRequired).isRequired,
   rowCount: PropTypes.number.isRequired,
-  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
+  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
   onCellRender: PropTypes.func.isRequired
 };
 function noop() {}

package/es/components/datagrid/utils/row_heights.js

@@ -208,15 +208,15 @@ export var RowHeightVirtualizationUtils = /*#__PURE__*/function (_RowHeightUtils
     var _this2;
     _classCallCheck(this, RowHeightVirtualizationUtils);
     _this2 = _super.call(this);
-    _this2.gridRef = gridRef;
-    _this2.outerGridElementRef = outerGridElementRef;
-    _this2.gridItemsRenderedRef = gridItemsRenderedRef;
-    _this2.rerenderGridBodyRef = rerenderGridBodyRef;
     /**
      * Virtualization workarounds for auto height rows
      */
     _defineProperty(_assertThisInitialized(_this2), "timerId", void 0);
     _defineProperty(_assertThisInitialized(_this2), "lastUpdatedRow", Infinity);
+    _this2.gridRef = gridRef;
+    _this2.outerGridElementRef = outerGridElementRef;
+    _this2.gridItemsRenderedRef = gridItemsRenderedRef;
+    _this2.rerenderGridBodyRef = rerenderGridBodyRef;
     return _this2;
   }
   _createClass(RowHeightVirtualizationUtils, [{

package/es/components/date_picker/date_picker.js

@@ -142,7 +142,7 @@ export var EuiDatePicker = function EuiDatePicker(_ref) {
     inputValidityRef = _useState2[0],
     _setInputValidityRef = _useState2[1];
   var setInputValidityRef = useCallback(function (ref) {
-    _setInputValidityRef(ref === null || ref === void 0 ? void 0 : ref.input);
+    _setInputValidityRef((ref === null || ref === void 0 ? void 0 : ref.input) || null);
   }, []);
   useEuiValidatableControl({
     isInvalid: isInvalid,

package/es/components/drag_and_drop/drag_drop_context.js

@@ -17,7 +17,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  */
 
 import React, { useState, createContext } from 'react';
-import { DragDropContext } from 'react-beautiful-dnd';
+import { DragDropContext } from '@hello-pangea/dnd';
 
 // export interface EuiDragDropContextProps extends DragDropContextProps {}
 import { jsx as ___EmotionJSX } from "@emotion/react";

package/es/components/drag_and_drop/draggable.js

@@ -18,7 +18,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React, { Fragment, cloneElement, useContext } from 'react';
 import PropTypes from "prop-types";
-import { Draggable } from 'react-beautiful-dnd';
+import { Draggable } from '@hello-pangea/dnd';
 import classNames from 'classnames';
 import { EuiDroppableContext } from './droppable';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -67,7 +67,7 @@ export var EuiDraggable = function EuiDraggable(_ref) {
       'euiDraggable__item--isDragging': snapshot.isDragging,
       'euiDraggable__item--isDropAnimating': snapshot.isDropAnimating
     });
-    var DraggableElement = typeof children === 'function' ? children(provided, snapshot, rubric) : children; // as specified by `DraggableProps`
+    var DraggableElement = typeof children === 'function' ? children(provided, snapshot, rubric) : children;
     return ___EmotionJSX(Fragment, null, ___EmotionJSX("div", _extends({}, provided.draggableProps, !customDragHandle ? provided.dragHandleProps : {}, {
       ref: provided.innerRef,
       "data-test-subj": dataTestSubj,

package/es/components/drag_and_drop/droppable.js

@@ -12,7 +12,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React, { useContext } from 'react';
 import PropTypes from "prop-types";
-import { Droppable } from 'react-beautiful-dnd';
+import { Droppable } from '@hello-pangea/dnd';
 import classNames from 'classnames';
 import { EuiDragDropContextContext } from './drag_drop_context';
 import { jsx as ___EmotionJSX } from "@emotion/react";

package/es/components/drag_and_drop/index.js

@@ -11,5 +11,6 @@ export { EuiDraggable } from './draggable';
 export { EuiDroppable } from './droppable';
 export { euiDragDropCopy, euiDragDropMove, euiDragDropReorder } from './services';
 
-// Interfaces in react-beautiful-dnd that EUI abstracts over
-// allows consumers to pull these from EUI instead of react-beautiful-dnd
+// Interfaces in @hello-pangea/dnd (a fork of react-beautiful-dnd) that EUI
+// abstracts over allows consumers to pull these from EUI
+// instead of @hello-pangea/dnd