@elastic/eui 85.0.1 → 86.0.0-rc1.0

package/test-env/components/combo_box/combo_box_input/combo_box_input.js

@@ -26,7 +26,7 @@ var _form_control_layout = require("../../form/form_control_layout");
 var _num_icons = require("../../form/form_control_layout/_num_icons");
 var _combo_box_pill = require("./combo_box_pill");
 var _react2 = require("@emotion/react");
-var _excluded = ["key", "label", "color", "onClick"];
+var _excluded = ["key", "label", "color", "onClick", "append", "prepend"];
 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 || _typeof3(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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
@@ -155,6 +155,8 @@ var EuiComboBoxInput = /*#__PURE__*/function (_Component) {
           label = option.label,
           color = option.color,
           onClick = option.onClick,
+          append = option.append,
+          prepend = option.prepend,
           rest = (0, _objectWithoutProperties2.default)(option, _excluded);
         var pillOnClose = isDisabled || singleSelection || onClick ? undefined : onRemoveOption;
         return (0, _react2.jsx)(_combo_box_pill.EuiComboBoxPill, (0, _extends2.default)({
@@ -298,12 +300,16 @@ EuiComboBoxInput.propTypes = {
       key: _propTypes.default.string,
       options: _propTypes.default.arrayOf(_propTypes.default.any.isRequired),
       value: _propTypes.default.any,
+      prepend: _propTypes.default.node,
+      append: _propTypes.default.node,
       className: _propTypes.default.string,
       "aria-label": _propTypes.default.string,
       "data-test-subj": _propTypes.default.string,
       css: _propTypes.default.any
     }).isRequired),
     value: _propTypes.default.any,
+    prepend: _propTypes.default.node,
+    append: _propTypes.default.node,
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,

package/test-env/components/combo_box/combo_box_input/combo_box_pill.js

@@ -73,6 +73,11 @@ var EuiComboBoxPill = /*#__PURE__*/function (_Component) {
         onClick: onClick,
         onClickAriaLabel: onClickAriaLabel
       } : {};
+      var content = (0, _react2.jsx)(_react.default.Fragment, null, option.prepend && (0, _react2.jsx)("span", {
+        className: "euiComboBoxPill__prepend"
+      }, option.prepend), children, option.append && (0, _react2.jsx)("span", {
+        className: "euiComboBoxPill__append"
+      }, option.append));
       if (onClose) {
         return (0, _react2.jsx)(_i18n.EuiI18n, {
           token: "euiComboBoxPill.removeSelection",
@@ -84,24 +89,27 @@ var EuiComboBoxPill = /*#__PURE__*/function (_Component) {
           return (0, _react2.jsx)(_badge.EuiBadge, (0, _extends2.default)({
             className: classes,
             color: color,
+            "data-test-subj": "euiComboBoxPill",
             iconOnClick: _this2.onCloseButtonClick,
             iconOnClickAriaLabel: removeSelection,
             iconSide: "right",
             iconType: "cross",
             title: children
-          }, onClickProps, rest), children);
+          }, onClickProps, rest), content);
         });
       }
       if (asPlainText) {
         return (0, _react2.jsx)("span", (0, _extends2.default)({
-          className: classes
-        }, rest), children);
+          className: classes,
+          "data-test-subj": "euiComboBoxPill"
+        }, rest), content);
       }
       return (0, _react2.jsx)(_badge.EuiBadge, (0, _extends2.default)({
         className: classes,
         color: color,
+        "data-test-subj": "euiComboBoxPill",
         title: children
-      }, rest, onClickProps), children);
+      }, rest, onClickProps), content);
     }
   }]);
   return EuiComboBoxPill;
@@ -128,12 +136,16 @@ EuiComboBoxPill.propTypes = {
       key: _propTypes.default.string,
       options: _propTypes.default.arrayOf(_propTypes.default.any.isRequired),
       value: _propTypes.default.any,
+      prepend: _propTypes.default.node,
+      append: _propTypes.default.node,
       className: _propTypes.default.string,
       "aria-label": _propTypes.default.string,
       "data-test-subj": _propTypes.default.string,
       css: _propTypes.default.any
     }).isRequired),
     value: _propTypes.default.any,
+    prepend: _propTypes.default.node,
+    append: _propTypes.default.node,
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,

package/test-env/components/combo_box/combo_box_options_list/combo_box_option.js

@@ -118,12 +118,16 @@ EuiComboBoxOption.propTypes = {
       key: _propTypes.default.string,
       options: _propTypes.default.arrayOf(_propTypes.default.any.isRequired),
       value: _propTypes.default.any,
+      prepend: _propTypes.default.node,
+      append: _propTypes.default.node,
       className: _propTypes.default.string,
       "aria-label": _propTypes.default.string,
       "data-test-subj": _propTypes.default.string,
       css: _propTypes.default.any
     }).isRequired),
     value: _propTypes.default.any,
+    prepend: _propTypes.default.node,
+    append: _propTypes.default.node,
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,

package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js

@@ -29,7 +29,7 @@ var _filter_select_item = require("../../filter_group/filter_select_item");
 var _badge = require("../../badge");
 var _popover_panel = require("../../popover/popover_panel");
 var _react2 = require("@emotion/react");
-var _excluded = ["key", "isGroupLabelOption", "label", "value"],
+var _excluded = ["key", "isGroupLabelOption", "label", "value", "prepend", "append"],
   _excluded2 = ["data-test-subj", "activeOptionIndex", "areAllOptionsSelected", "customOptionText", "fullWidth", "getSelectedOptionForSearchValue", "isCaseSensitive", "isLoading", "listRef", "matchingOptions", "onCloseList", "onCreateOption", "onOptionClick", "onOptionEnterKey", "onScroll", "optionRef", "options", "position", "renderOption", "rootId", "rowHeight", "scrollToIndex", "searchValue", "selectedOptions", "singleSelection", "updatePosition", "width", "delimiter", "zIndex", "style", "listboxAriaLabel"];
 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; }
@@ -102,6 +102,8 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
         isGroupLabelOption = option.isGroupLabelOption,
         label = option.label,
         value = option.value,
+        prepend = option.prepend,
+        append = option.append,
         rest = (0, _objectWithoutProperties2.default)(option, _excluded);
       var _this$props = _this.props,
         singleSelection = _this$props.singleSelection,
@@ -140,13 +142,17 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
         title: label
       }, rest), (0, _react2.jsx)("span", {
         className: "euiComboBoxOption__contentWrapper"
-      }, renderOption ? (0, _react2.jsx)("span", {
+      }, prepend && (0, _react2.jsx)("span", {
+        className: "euiComboBoxOption__prepend"
+      }, prepend), renderOption ? (0, _react2.jsx)("span", {
         className: OPTION_CONTENT_CLASSNAME
       }, renderOption(option, searchValue, 'euiComboBoxOption__renderOption')) : (0, _react2.jsx)(_highlight.EuiHighlight, {
         search: searchValue,
         strict: _this.props.isCaseSensitive,
         className: OPTION_CONTENT_CLASSNAME
-      }, label), optionIsFocused && !optionIsDisabled ? hitEnterBadge : null));
+      }, label), append && (0, _react2.jsx)("span", {
+        className: "euiComboBoxOption__append"
+      }, append), optionIsFocused && !optionIsDisabled ? hitEnterBadge : null));
     });
     return _this;
   }
@@ -401,12 +407,16 @@ EuiComboBoxOptionsList.propTypes = {
       key: _propTypes.default.string,
       options: _propTypes.default.arrayOf(_propTypes.default.any.isRequired),
       value: _propTypes.default.any,
+      prepend: _propTypes.default.node,
+      append: _propTypes.default.node,
       className: _propTypes.default.string,
       "aria-label": _propTypes.default.string,
       "data-test-subj": _propTypes.default.string,
       css: _propTypes.default.any
     }).isRequired),
     value: _propTypes.default.any,
+    prepend: _propTypes.default.node,
+    append: _propTypes.default.node,
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
@@ -431,12 +441,16 @@ EuiComboBoxOptionsList.propTypes = {
       key: _propTypes.default.string,
       options: _propTypes.default.arrayOf(_propTypes.default.any.isRequired),
       value: _propTypes.default.any,
+      prepend: _propTypes.default.node,
+      append: _propTypes.default.node,
       className: _propTypes.default.string,
       "aria-label": _propTypes.default.string,
       "data-test-subj": _propTypes.default.string,
       css: _propTypes.default.any
     }).isRequired),
     value: _propTypes.default.any,
+    prepend: _propTypes.default.node,
+    append: _propTypes.default.node,
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
@@ -458,12 +472,16 @@ EuiComboBoxOptionsList.propTypes = {
       key: _propTypes.default.string,
       options: _propTypes.default.arrayOf(_propTypes.default.any.isRequired),
       value: _propTypes.default.any,
+      prepend: _propTypes.default.node,
+      append: _propTypes.default.node,
       className: _propTypes.default.string,
       "aria-label": _propTypes.default.string,
       "data-test-subj": _propTypes.default.string,
       css: _propTypes.default.any
     }).isRequired),
     value: _propTypes.default.any,
+    prepend: _propTypes.default.node,
+    append: _propTypes.default.node,
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,

package/test-env/components/combo_box/combo_box_options_list/combo_box_title.js

@@ -6,7 +6,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");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -22,5 +21,4 @@ var EuiComboBoxTitle = function EuiComboBoxTitle(_ref) {
     className: "euiComboBoxTitle"
   }, children);
 };
-exports.EuiComboBoxTitle = EuiComboBoxTitle;
-EuiComboBoxTitle.propTypes = {};
+exports.EuiComboBoxTitle = EuiComboBoxTitle;

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

@@ -54,11 +54,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
        */
@@ -84,11 +84,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
        */
@@ -490,7 +490,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.
@@ -548,9 +548,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/test-env/components/datagrid/body/data_grid_body_custom.js

@@ -193,11 +193,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
        */
@@ -223,11 +223,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
        */
@@ -629,7 +629,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.
@@ -687,9 +687,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/test-env/components/datagrid/body/data_grid_body_virtualized.js

@@ -331,11 +331,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
        */
@@ -361,11 +361,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
        */
@@ -767,7 +767,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.
@@ -825,9 +825,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/test-env/components/datagrid/body/data_grid_cell.js

@@ -483,7 +483,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.
@@ -495,7 +495,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,
@@ -806,15 +806,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
+  }
   (0, _createClass2.default)(EuiDataGridCell, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -1118,6 +1110,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
 (0, _defineProperty2.default)(EuiDataGridCell, "activeFocusTimeoutId", undefined);
 (0, _defineProperty2.default)(EuiDataGridCell, "contextType", _focus.DataGridFocusContext);
 EuiDataGridCell.propTypes = {
@@ -1442,7 +1443,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.
@@ -1469,7 +1470,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/test-env/components/datagrid/body/header/data_grid_control_header_cell.js

@@ -60,11 +60,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/test-env/components/datagrid/body/header/data_grid_header_cell.js

@@ -553,7 +553,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/test-env/components/datagrid/body/header/data_grid_header_row.js

@@ -106,11 +106,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
        */
@@ -136,11 +136,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
        */
@@ -542,7 +542,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/test-env/components/datagrid/controls/data_grid_toolbar.js

@@ -1,17 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiDataGridToolbar = void 0;
 exports.checkOrDefaultToolBarDisplayOptions = checkOrDefaultToolBarDisplayOptions;
 exports.getNestedObjectOptions = getNestedObjectOptions;
-exports.renderAdditionalControls = renderAdditionalControls;
-var _react = _interopRequireDefault(require("react"));
+exports.renderAdditionalControls = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _react = _interopRequireWildcard(require("react"));
 var _accessibility = require("../../accessibility");
 var _utils = require("../../../utils");
 var _react2 = require("@emotion/react");
+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 || _typeof3(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; }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -68,50 +72,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 ((0, _typeof2.default)(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 && (0, _typeof2.default)(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/test-env/components/datagrid/controls/display_selector.js

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