@elastic/eui 85.1.0 → 86.0.0

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EuiComboBoxTitle = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react2 = require("@emotion/react");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /*
@@ -22,5 +21,4 @@ var EuiComboBoxTitle = function EuiComboBoxTitle(_ref) {
     className: "euiComboBoxTitle"
   }, children);
 };
-exports.EuiComboBoxTitle = EuiComboBoxTitle;
-EuiComboBoxTitle.propTypes = {};
+exports.EuiComboBoxTitle = EuiComboBoxTitle;

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

@@ -55,11 +55,11 @@ EuiDataGridBody.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
+    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -85,11 +85,11 @@ EuiDataGridBody.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
+    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -491,7 +491,7 @@ EuiDataGridBody.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired),
+    cellActions: _propTypes.default.arrayOf(_propTypes.default.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.
@@ -549,9 +549,9 @@ EuiDataGridBody.propTypes = {
     endRow: _propTypes.default.number.isRequired,
     visibleRowCount: _propTypes.default.number.isRequired
   }).isRequired,
-  renderCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+  renderCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
   renderCellPopover: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
-  renderFooterCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
+  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({

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

@@ -203,11 +203,11 @@ EuiDataGridBodyCustomRender.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
+    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -233,11 +233,11 @@ EuiDataGridBodyCustomRender.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
+    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -639,7 +639,7 @@ EuiDataGridBodyCustomRender.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired),
+    cellActions: _propTypes.default.arrayOf(_propTypes.default.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.
@@ -697,9 +697,9 @@ EuiDataGridBodyCustomRender.propTypes = {
     endRow: _propTypes.default.number.isRequired,
     visibleRowCount: _propTypes.default.number.isRequired
   }).isRequired,
-  renderCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+  renderCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
   renderCellPopover: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
-  renderFooterCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
+  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({

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

@@ -334,11 +334,11 @@ EuiDataGridBodyVirtualized.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
+    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -364,11 +364,11 @@ EuiDataGridBodyVirtualized.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
+    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -770,7 +770,7 @@ EuiDataGridBodyVirtualized.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired),
+    cellActions: _propTypes.default.arrayOf(_propTypes.default.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.
@@ -828,9 +828,9 @@ EuiDataGridBodyVirtualized.propTypes = {
     endRow: _propTypes.default.number.isRequired,
     visibleRowCount: _propTypes.default.number.isRequired
   }).isRequired,
-  renderCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+  renderCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
   renderCellPopover: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
-  renderFooterCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
+  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({

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

@@ -488,7 +488,7 @@ EuiDataGridCellContent.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired),
+    cellActions: _propTypes.default.arrayOf(_propTypes.default.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.
@@ -500,7 +500,7 @@ EuiDataGridCellContent.propTypes = {
   columnType: _propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.oneOf([null])]),
   isExpandable: _propTypes.default.bool.isRequired,
   className: _propTypes.default.string,
-  renderCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+  renderCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
   renderCellPopover: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
   setRowHeight: _propTypes.default.func,
   getRowHeight: _propTypes.default.func,
@@ -811,15 +811,7 @@ 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() {
@@ -1123,6 +1115,15 @@ var EuiDataGridCell = /*#__PURE__*/function (_Component) {
   return EuiDataGridCell;
 }(_react.Component);
 exports.EuiDataGridCell = EuiDataGridCell;
+// 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", _focus.DataGridFocusContext);
 EuiDataGridCell.propTypes = {
@@ -1447,7 +1448,7 @@ EuiDataGridCell.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired),
+    cellActions: _propTypes.default.arrayOf(_propTypes.default.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.
@@ -1474,7 +1475,7 @@ EuiDataGridCell.propTypes = {
     setPopoverContent: _propTypes.default.func.isRequired,
     setCellPopoverProps: _propTypes.default.func.isRequired
   }).isRequired,
-  renderCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+  renderCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
   renderCellPopover: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
   setRowHeight: _propTypes.default.func,
   getRowHeight: _propTypes.default.func,

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

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

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

@@ -558,7 +558,7 @@ EuiDataGridHeaderCell.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired),
+    cellActions: _propTypes.default.arrayOf(_propTypes.default.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/lib/components/datagrid/body/header/data_grid_header_row.js

@@ -107,11 +107,11 @@ EuiDataGridHeaderRow.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
+    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -137,11 +137,11 @@ EuiDataGridHeaderRow.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
+    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -543,7 +543,7 @@ EuiDataGridHeaderRow.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired),
+    cellActions: _propTypes.default.arrayOf(_propTypes.default.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/lib/components/datagrid/controls/data_grid_toolbar.js

@@ -6,21 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.EuiDataGridToolbar = void 0;
 exports.checkOrDefaultToolBarDisplayOptions = checkOrDefaultToolBarDisplayOptions;
 exports.getNestedObjectOptions = getNestedObjectOptions;
-exports.renderAdditionalControls = renderAdditionalControls;
-var _react = _interopRequireDefault(require("react"));
+exports.renderAdditionalControls = void 0;
+var _react = _interopRequireWildcard(require("react"));
 var _accessibility = require("../../accessibility");
 var _utils = require("../../../utils");
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/*
- * 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.
- */
-
-// When below this number the grid only shows the right control icon buttons
+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 _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
+                                                                                                                                                                                                                                                                                                                                                  * 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.
+                                                                                                                                                                                                                                                                                                                                                  */ // When below this number the grid only shows the right control icon buttons
 var MINIMUM_WIDTH_FOR_GRID_CONTROLS = 479;
 var EuiDataGridToolbar = function EuiDataGridToolbar(_ref) {
   var gridWidth = _ref.gridWidth,
@@ -68,50 +67,54 @@ function checkOrDefaultToolBarDisplayOptions(arg, option) {
     return true;
   }
 }
-function renderAdditionalControls(toolbarVisibility, position) {
-  var _additionalControlsOb;
+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__*/(0, _react.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.default.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__*/(0, _react.isValidElement)(additionalControls.left) && position === 'left.append') {
+      return additionalControls.left;
     }
-    if ( /*#__PURE__*/_react.default.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
  * (e.g. column selector, display selector)
  */
-
+exports.renderAdditionalControls = renderAdditionalControls;
 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/lib/components/datagrid/controls/display_selector.js

@@ -139,7 +139,7 @@ var useDataGridDisplaySelector = function useDataGridDisplaySelector(showDisplay
     setUserRowHeightsOptions(rowHeightsOptions);
   }, [lineCount]);
   var setLineCountHeight = (0, _react.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/lib/components/datagrid/data_grid.js

@@ -799,7 +799,7 @@ EuiDataGrid.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired),
+    cellActions: _propTypes.default.arrayOf(_propTypes.default.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.
@@ -831,11 +831,11 @@ EuiDataGrid.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
+    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -865,11 +865,11 @@ EuiDataGrid.propTypes = {
     /**
        * Component to render for each row in the column
        */
-    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+    rowCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
     /**
        * Component to render in the optional column footer
        */
-    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
+    footerCellRender: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]),
     /**
        * Optional props to pass to the column footer cell
        */
@@ -944,7 +944,7 @@ EuiDataGrid.propTypes = {
        * allowing hooks, context, and other React concepts to be used. The function receives #EuiDataGridCellValueElementProps
        * as its only argument.
        */
-  renderCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+  renderCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
   /**
        * An optional function that can be used to completely customize the rendering of cell popovers.
        *
@@ -963,7 +963,7 @@ EuiDataGrid.propTypes = {
        * allowing hooks, context, and other React concepts to be used. The function receives #EuiDataGridCellValueElementProps
        * as its only argument.
        */
-  renderFooterCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]),
+  renderFooterCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.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/lib/components/datagrid/utils/in_memory.js

@@ -161,9 +161,9 @@ var EuiDataGridInMemoryRenderer = function EuiDataGridInMemoryRenderer(_ref) {
     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
@@ -598,7 +598,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
     /**
        * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
        */
-    cellActions: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired),
+    cellActions: _propTypes.default.arrayOf(_propTypes.default.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.
@@ -607,7 +607,7 @@ EuiDataGridInMemoryRenderer.propTypes = {
     visibleCellActions: _propTypes.default.number
   }).isRequired).isRequired,
   rowCount: _propTypes.default.number.isRequired,
-  renderCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.func.isRequired]).isRequired,
+  renderCellValue: _propTypes.default.oneOfType([_propTypes.default.func.isRequired, _propTypes.default.element.isRequired]).isRequired,
   onCellRender: _propTypes.default.func.isRequired
 };
 function noop() {}

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

@@ -214,15 +214,15 @@ 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/lib/components/date_picker/date_picker.js

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

package/lib/components/drag_and_drop/drag_drop_context.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EuiDragDropContextContext = exports.EuiDragDropContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactBeautifulDnd = require("react-beautiful-dnd");
+var _dnd = require("@hello-pangea/dnd");
 var _react2 = require("@emotion/react");
 var _excluded = ["onBeforeDragStart", "onDragStart", "onDragUpdate", "onDragEnd", "children"];
 /*
@@ -55,7 +55,7 @@ var EuiDragDropContext = function EuiDragDropContext(_ref) {
       onDragEnd(result, provided);
     }
   };
-  return (0, _react2.jsx)(_reactBeautifulDnd.DragDropContext, _extends({
+  return (0, _react2.jsx)(_dnd.DragDropContext, _extends({
     onBeforeDragStart: onBeforeDragStart,
     onDragStart: euiOnDragStart,
     onDragUpdate: onDragUpdate,

package/lib/components/drag_and_drop/draggable.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.EuiDraggable = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactBeautifulDnd = require("react-beautiful-dnd");
+var _dnd = require("@hello-pangea/dnd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _droppable = require("./droppable");
 var _react2 = require("@emotion/react");
@@ -57,7 +57,7 @@ var EuiDraggable = function EuiDraggable(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useContext = (0, _react.useContext)(_droppable.EuiDroppableContext),
     cloneItems = _useContext.cloneItems;
-  return (0, _react2.jsx)(_reactBeautifulDnd.Draggable, _extends({
+  return (0, _react2.jsx)(_dnd.Draggable, _extends({
     draggableId: draggableId,
     index: index,
     isDragDisabled: isDragDisabled
@@ -75,7 +75,7 @@ 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 (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", _extends({}, provided.draggableProps, !customDragHandle ? provided.dragHandleProps : {}, {
       ref: provided.innerRef,
       "data-test-subj": dataTestSubj,

package/lib/components/drag_and_drop/droppable.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.EuiDroppableContext = exports.EuiDroppable = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactBeautifulDnd = require("react-beautiful-dnd");
+var _dnd = require("@hello-pangea/dnd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _drag_drop_context = require("./drag_drop_context");
 var _react2 = require("@emotion/react");
@@ -59,7 +59,7 @@ var EuiDroppable = function EuiDroppable(_ref) {
   var _useContext = (0, _react.useContext)(_drag_drop_context.EuiDragDropContextContext),
     isDraggingType = _useContext.isDraggingType;
   var dropIsDisabled = cloneDraggables ? true : isDropDisabled;
-  return (0, _react2.jsx)(_reactBeautifulDnd.Droppable, _extends({
+  return (0, _react2.jsx)(_dnd.Droppable, _extends({
     isDropDisabled: dropIsDisabled,
     droppableId: droppableId,
     direction: direction,