@elastic/eui 76.3.0 → 77.0.0

package/es/components/datagrid/data_grid.js

@@ -1,38 +1,24 @@
+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); }
 var _excluded = ["leadingControlColumns", "trailingControlColumns", "columns", "columnVisibility", "schemaDetectors", "rowCount", "renderCellValue", "renderCellPopover", "renderFooterCellValue", "className", "gridStyle", "toolbarVisibility", "pagination", "sorting", "inMemory", "onColumnResize", "minSizeForControls", "height", "width", "rowHeightsOptions", "virtualizationOptions", "renderCustomGridBody"],
-    _excluded2 = ["focusProps"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+  _excluded2 = ["focusProps"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -40,6 +26,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+
 import classNames from 'classnames';
 import PropTypes from "prop-types";
 import React, { forwardRef, useMemo, useRef, useState } from 'react';
@@ -59,8 +46,9 @@ import { computeVisibleRows } from './utils/row_count';
 import { EuiDataGridPaginationRenderer } from './utils/data_grid_pagination';
 import { schemaDetectors as providedSchemaDetectors, useMergedSchema } from './utils/data_grid_schema';
 import { useImperativeGridRef } from './utils/ref';
-import { emptyControlColumns } from './data_grid_types'; // Each gridStyle object above sets a specific CSS select to .euiGrid
+import { emptyControlColumns } from './data_grid_types';
 
+// Each gridStyle object above sets a specific CSS select to .euiGrid
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var fontSizesToClassMap = {
   s: 'euiDataGrid--fontSizeSmall',
@@ -92,47 +80,43 @@ var cellPaddingsToClassMap = {
 };
 export var EuiDataGrid = /*#__PURE__*/forwardRef(function (props, ref) {
   var _gridItemsRendered$cu;
-
   var _props$leadingControl = props.leadingControlColumns,
-      leadingControlColumns = _props$leadingControl === void 0 ? emptyControlColumns : _props$leadingControl,
-      _props$trailingContro = props.trailingControlColumns,
-      trailingControlColumns = _props$trailingContro === void 0 ? emptyControlColumns : _props$trailingContro,
-      columns = props.columns,
-      columnVisibility = props.columnVisibility,
-      schemaDetectors = props.schemaDetectors,
-      rowCount = props.rowCount,
-      renderCellValue = props.renderCellValue,
-      renderCellPopover = props.renderCellPopover,
-      renderFooterCellValue = props.renderFooterCellValue,
-      className = props.className,
-      gridStyle = props.gridStyle,
-      _props$toolbarVisibil = props.toolbarVisibility,
-      toolbarVisibility = _props$toolbarVisibil === void 0 ? true : _props$toolbarVisibil,
-      pagination = props.pagination,
-      sorting = props.sorting,
-      inMemory = props.inMemory,
-      onColumnResize = props.onColumnResize,
-      minSizeForControls = props.minSizeForControls,
-      height = props.height,
-      width = props.width,
-      _rowHeightsOptions = props.rowHeightsOptions,
-      virtualizationOptions = props.virtualizationOptions,
-      renderCustomGridBody = props.renderCustomGridBody,
-      rest = _objectWithoutProperties(props, _excluded);
+    leadingControlColumns = _props$leadingControl === void 0 ? emptyControlColumns : _props$leadingControl,
+    _props$trailingContro = props.trailingControlColumns,
+    trailingControlColumns = _props$trailingContro === void 0 ? emptyControlColumns : _props$trailingContro,
+    columns = props.columns,
+    columnVisibility = props.columnVisibility,
+    schemaDetectors = props.schemaDetectors,
+    rowCount = props.rowCount,
+    renderCellValue = props.renderCellValue,
+    renderCellPopover = props.renderCellPopover,
+    renderFooterCellValue = props.renderFooterCellValue,
+    className = props.className,
+    gridStyle = props.gridStyle,
+    _props$toolbarVisibil = props.toolbarVisibility,
+    toolbarVisibility = _props$toolbarVisibil === void 0 ? true : _props$toolbarVisibil,
+    pagination = props.pagination,
+    sorting = props.sorting,
+    inMemory = props.inMemory,
+    onColumnResize = props.onColumnResize,
+    minSizeForControls = props.minSizeForControls,
+    height = props.height,
+    width = props.width,
+    _rowHeightsOptions = props.rowHeightsOptions,
+    virtualizationOptions = props.virtualizationOptions,
+    renderCustomGridBody = props.renderCustomGridBody,
+    rest = _objectWithoutProperties(props, _excluded);
+
   /**
    * Merge consumer settings with defaults
    */
-
-
   var gridStyleWithDefaults = useMemo(function () {
     return _objectSpread(_objectSpread({}, startingStyles), gridStyle);
   }, [gridStyle]);
-
   var _useInMemoryValues = useInMemoryValues(inMemory, rowCount),
-      _useInMemoryValues2 = _slicedToArray(_useInMemoryValues, 2),
-      inMemoryValues = _useInMemoryValues2[0],
-      onCellRender = _useInMemoryValues2[1];
-
+    _useInMemoryValues2 = _slicedToArray(_useInMemoryValues, 2),
+    inMemoryValues = _useInMemoryValues2[0],
+    onCellRender = _useInMemoryValues2[1];
   var allSchemaDetectors = useMemo(function () {
     return [].concat(_toConsumableArray(providedSchemaDetectors), _toConsumableArray(schemaDetectors || []));
   }, [schemaDetectors]);
@@ -143,58 +127,55 @@ export var EuiDataGrid = /*#__PURE__*/forwardRef(function (props, ref) {
     schemaDetectors: allSchemaDetectors,
     autoDetectSchema: inMemory != null
   });
+
   /**
    * Grid refs & observers
    */
   // Outermost wrapper div
   // this ref needs to be managed by a state, to cause a re-render after mount
   // and passing the mounted element to the resize observer
-
   var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      resizeRef = _useState2[0],
-      setResizeRef = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    resizeRef = _useState2[0],
+    setResizeRef = _useState2[1];
   var _useResizeObserver = useResizeObserver(resizeRef, 'width'),
-      gridWidth = _useResizeObserver.width; // Wrapper div around EuiDataGridBody
-
+    gridWidth = _useResizeObserver.width;
 
+  // Wrapper div around EuiDataGridBody
   var contentRef = useRef(null);
   useMutationObserver(contentRef.current, preventTabbing, {
     subtree: true,
     childList: true
-  }); // Imperative handler passed back by react-window - we're setting this at
-  // the top datagrid level to make passing it to other children & utils easier
+  });
 
+  // Imperative handler passed back by react-window - we're setting this at
+  // the top datagrid level to make passing it to other children & utils easier
   var gridRef = useRef(null);
   var gridItemsRendered = useRef(null);
+
   /**
    * Display
    */
-
   var displayValues = useMemo(function () {
     return columns.reduce(function (acc, column) {
       return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, column.id, column.displayAsText || column.id));
     }, {});
   }, [columns]);
-
   var _useDataGridDisplaySe = useDataGridDisplaySelector(checkOrDefaultToolBarDisplayOptions(toolbarVisibility, 'showDisplaySelector'), gridStyleWithDefaults, _rowHeightsOptions),
-      _useDataGridDisplaySe2 = _slicedToArray(_useDataGridDisplaySe, 3),
-      displaySelector = _useDataGridDisplaySe2[0],
-      gridStyles = _useDataGridDisplaySe2[1],
-      rowHeightsOptions = _useDataGridDisplaySe2[2];
+    _useDataGridDisplaySe2 = _slicedToArray(_useDataGridDisplaySe, 3),
+    displaySelector = _useDataGridDisplaySe2[0],
+    gridStyles = _useDataGridDisplaySe2[1],
+    rowHeightsOptions = _useDataGridDisplaySe2[2];
+
   /**
    * Column order & visibility
    */
-
-
   var _useDataGridColumnSel = useDataGridColumnSelector(columns, columnVisibility, checkOrDefaultToolBarDisplayOptions(toolbarVisibility, 'showColumnSelector'), displayValues),
-      _useDataGridColumnSel2 = _slicedToArray(_useDataGridColumnSel, 4),
-      columnSelector = _useDataGridColumnSel2[0],
-      orderedVisibleColumns = _useDataGridColumnSel2[1],
-      setVisibleColumns = _useDataGridColumnSel2[2],
-      switchColumnPos = _useDataGridColumnSel2[3];
-
+    _useDataGridColumnSel2 = _slicedToArray(_useDataGridColumnSel, 4),
+    columnSelector = _useDataGridColumnSel2[0],
+    orderedVisibleColumns = _useDataGridColumnSel2[1],
+    setVisibleColumns = _useDataGridColumnSel2[2],
+    switchColumnPos = _useDataGridColumnSel2[3];
   var visibleColCount = useMemo(function () {
     return orderedVisibleColumns.length + leadingControlColumns.length + trailingControlColumns.length;
   }, [orderedVisibleColumns, leadingControlColumns, trailingControlColumns]);
@@ -205,10 +186,10 @@ export var EuiDataGrid = /*#__PURE__*/forwardRef(function (props, ref) {
     });
   }, [pagination, rowCount]);
   var visibleRowCount = visibleRows.visibleRowCount;
+
   /**
    * Sorting
    */
-
   var columnSorting = useDataGridColumnSorting(orderedVisibleColumns, sorting, mergedSchema, allSchemaDetectors, displayValues);
   var sortingContext = useSorting({
     sorting: sorting,
@@ -218,48 +199,42 @@ export var EuiDataGrid = /*#__PURE__*/forwardRef(function (props, ref) {
     schemaDetectors: allSchemaDetectors,
     startRow: visibleRows.startRow
   });
+
   /**
    * Focus
    */
-
   var _useHeaderIsInteracti = useHeaderIsInteractive(contentRef.current),
-      headerIsInteractive = _useHeaderIsInteracti.headerIsInteractive,
-      handleHeaderMutation = _useHeaderIsInteracti.handleHeaderMutation;
-
+    headerIsInteractive = _useHeaderIsInteracti.headerIsInteractive,
+    handleHeaderMutation = _useHeaderIsInteracti.handleHeaderMutation;
   var _useFocus = useFocus({
-    headerIsInteractive: headerIsInteractive,
-    gridItemsRendered: gridItemsRendered
-  }),
-      wrappingDivFocusProps = _useFocus.focusProps,
-      focusContext = _objectWithoutProperties(_useFocus, _excluded2);
+      headerIsInteractive: headerIsInteractive,
+      gridItemsRendered: gridItemsRendered
+    }),
+    wrappingDivFocusProps = _useFocus.focusProps,
+    focusContext = _objectWithoutProperties(_useFocus, _excluded2);
+
   /**
    * Cell popover
    */
-
-
   var _useCellPopover = useCellPopover(),
-      cellPopoverContext = _useCellPopover.cellPopoverContext,
-      cellPopover = _useCellPopover.cellPopover;
+    cellPopoverContext = _useCellPopover.cellPopoverContext,
+    cellPopover = _useCellPopover.cellPopover;
+
   /**
    * Toolbar, keyboard shortcuts, & fullscreen
    */
-
-
   var showToolbar = !!toolbarVisibility;
-
   var _useDataGridKeyboardS = useDataGridKeyboardShortcuts(),
-      keyboardShortcuts = _useDataGridKeyboardS.keyboardShortcuts;
-
+    keyboardShortcuts = _useDataGridKeyboardS.keyboardShortcuts;
   var _useDataGridFullScree = useDataGridFullScreenSelector(),
-      isFullScreen = _useDataGridFullScree.isFullScreen,
-      setIsFullScreen = _useDataGridFullScree.setIsFullScreen,
-      fullScreenSelector = _useDataGridFullScree.fullScreenSelector,
-      handleGridKeyDown = _useDataGridFullScree.handleGridKeyDown;
+    isFullScreen = _useDataGridFullScree.isFullScreen,
+    setIsFullScreen = _useDataGridFullScree.setIsFullScreen,
+    fullScreenSelector = _useDataGridFullScree.fullScreenSelector,
+    handleGridKeyDown = _useDataGridFullScree.handleGridKeyDown;
+
   /**
    * Expose certain internal APIs as ref to consumer
    */
-
-
   useImperativeGridRef({
     ref: ref,
     gridRef: gridRef,
@@ -271,10 +246,10 @@ export var EuiDataGrid = /*#__PURE__*/forwardRef(function (props, ref) {
     rowCount: rowCount,
     visibleColCount: visibleColCount
   });
+
   /**
    * Classes
    */
-
   var classes = classNames('euiDataGrid', fontSizesToClassMap[gridStyles.fontSize], bordersToClassMap[gridStyles.border], headerToClassMap[gridStyles.header], footerToClassMap[gridStyles.footer], rowHoverToClassMap[gridStyles.rowHover], cellPaddingsToClassMap[gridStyles.cellPadding], {
     'euiDataGrid--stripes': gridStyles.stripes
   }, {
@@ -284,10 +259,10 @@ export var EuiDataGrid = /*#__PURE__*/forwardRef(function (props, ref) {
   }, {
     'euiDataGrid--noControls': !toolbarVisibility
   }, className);
+
   /**
    * Accessibility
    */
-
   var gridId = useGeneratedHtmlId();
   var interactiveCellId = useGeneratedHtmlId();
   var ariaLabelledById = useGeneratedHtmlId();
@@ -301,20 +276,18 @@ export var EuiDataGrid = /*#__PURE__*/forwardRef(function (props, ref) {
   var ariaLabelledBy = useEuiI18n('euiDataGrid.ariaLabelledBy', 'Page {page} of {pageCount}.', {
     page: ariaPage,
     pageCount: ariaPageCount
-  }); // extract aria-label and/or aria-labelledby from `rest`
+  });
 
+  // extract aria-label and/or aria-labelledby from `rest`
   var gridAriaProps = {};
-
   if ('aria-label' in rest) {
     gridAriaProps['aria-label'] = pagination ? ariaLabel : rest['aria-label'];
     delete rest['aria-label'];
   }
-
   if ('aria-labelledby' in rest) {
     gridAriaProps['aria-labelledby'] = "".concat(rest['aria-labelledby'], " ").concat(pagination ? ariaLabelledById : '');
     delete rest['aria-labelledby'];
   }
-
   return ___EmotionJSX(DataGridFocusContext.Provider, {
     value: focusContext
   }, ___EmotionJSX(DataGridCellPopoverContext.Provider, {
@@ -346,8 +319,10 @@ export var EuiDataGrid = /*#__PURE__*/forwardRef(function (props, ref) {
     inMemory: inMemory,
     renderCellValue: renderCellValue,
     columns: columns,
-    rowCount: inMemory.level === 'enhancements' ? // if `inMemory.level === enhancements` then we can only be sure the pagination's pageSize is available in memory
-    (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) || rowCount : // otherwise, all of the data is present and usable
+    rowCount: inMemory.level === 'enhancements' ?
+    // if `inMemory.level === enhancements` then we can only be sure the pagination's pageSize is available in memory
+    (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) || rowCount :
+    // otherwise, all of the data is present and usable
     rowCount,
     onCellRender: onCellRender
   }) : null, ___EmotionJSX("div", _extends({
@@ -417,7 +392,6 @@ EuiDataGrid.propTypes = {
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
   css: PropTypes.any,
-
   /**
        * An array of #EuiDataGridColumn objects. Lists the columns available and the schema and settings tied to it.
        */
@@ -426,12 +400,10 @@ EuiDataGrid.propTypes = {
        * The unique identifier for this column
        */
     id: PropTypes.string.isRequired,
-
     /**
        * A `ReactNode` used when rendering the column header. When providing complicated content, please make sure to utilize CSS to respect truncation as space allows. Check the docs example.
        */
     display: PropTypes.node,
-
     /**
        * Display name as text for the column.
        * This can be used to display a readable column name in column hiding/sorting, where `display` won't be used.
@@ -439,44 +411,36 @@ EuiDataGrid.propTypes = {
        * If not passed, `id` will be shown as the column name.
        */
     displayAsText: PropTypes.string,
-
     /**
        * Optional props to pass to the column header cell
        */
     displayHeaderCellProps: PropTypes.any,
-
     /**
        * Initial width (in pixels) of the column
        */
     initialWidth: PropTypes.number,
-
     /**
        * Defaults to true, always true if cellActions are defined. Defines whether or not the column's cells can be expanded with a popup onClick / keydown.
        */
     isExpandable: PropTypes.bool,
-
     /**
        * Whether this column's width can be changed by the user, defaults to true
        */
     isResizable: PropTypes.bool,
-
     /**
        * Whether this column is sortable
        */
     isSortable: PropTypes.bool,
-
     /**
        * Default sort direction of the column
        */
     defaultSortDirection: PropTypes.oneOf(["asc", "desc"]),
-
     /**
        * A Schema to use for the column.
        * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
        * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
        */
     schema: PropTypes.string,
-
     /**
        * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
        */
@@ -489,33 +453,27 @@ EuiDataGrid.propTypes = {
         "aria-label": PropTypes.string,
         "data-test-subj": PropTypes.string,
         css: PropTypes.any,
-
         /**
              * Size of the label text
              */
         size: PropTypes.any,
-
         /**
              * By default the item will get the color `text`.
              * You can customize the color of the item by passing a color name.
              */
         color: PropTypes.any,
-
         /**
              * Content to be displayed in the list item
              */
         label: PropTypes.node.isRequired,
-
         /**
              * Apply styles indicating an item is active
              */
         isActive: PropTypes.bool,
-
         /**
              * Apply styles indicating an item is disabled
              */
         isDisabled: PropTypes.bool,
-
         /**
              * Make the list item label a link.
              * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
@@ -523,28 +481,23 @@ EuiDataGrid.propTypes = {
         href: PropTypes.string,
         target: PropTypes.string,
         rel: PropTypes.string,
-
         /**
              * Adds `EuiIcon` of `EuiIcon.type`
              */
         iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "discuss", "document", "documentEdit", "documentation", "documents", "dot", "dotInCircle", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "error", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "warning", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]),
-
         /**
              * Further extend the props applied to EuiIcon
              */
         iconProps: PropTypes.any,
-
         /**
              * Custom node to pass as the icon. Cannot be used in conjunction
              * with `iconType` and `iconProps`.
              */
         icon: PropTypes.element,
-
         /**
              * Display tooltip on list item
              */
         showToolTip: PropTypes.bool,
-
         /**
              * An object of #EuiListGroupItemExtraAction props.
              * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
@@ -555,7 +508,6 @@ EuiDataGrid.propTypes = {
           type: PropTypes.oneOf(["submit", "reset", "button"]),
           onClick: PropTypes.func,
           iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "discuss", "document", "documentEdit", "documentation", "documents", "dot", "dotInCircle", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "error", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "warning", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]).isRequired,
-
           /**
              * Any of the named color palette options.
              * **`'ghost'` is set for deprecation. Use EuiThemeProvide.colorMode = 'dark' instead.**
@@ -564,25 +516,21 @@ EuiDataGrid.propTypes = {
           "aria-label": PropTypes.string,
           "aria-labelledby": PropTypes.string,
           isDisabled: PropTypes.bool,
-
           /**
              * Overall size of button.
              * Matches the sizes of other EuiButtons
              */
           size: PropTypes.oneOf(["xs", "s", "m"]),
-
           /**
              * Size of the icon only.
              * This will not affect the overall size of the button
              */
           iconSize: PropTypes.any,
-
           /**
              * Applies the boolean state as the `aria-pressed` property to create a toggle button.
              * *Only use when the readable text does not change between states.*
              */
           isSelected: PropTypes.bool,
-
           /**
              * Sets the display style for matching other EuiButton types.
              * `base` is equivalent to a typical EuiButton
@@ -590,7 +538,6 @@ EuiDataGrid.propTypes = {
              * `empty` (default) is equivalent to an EuiButtonEmpty
              */
           display: PropTypes.oneOf(["base", "empty", "fill"]),
-
           /**
              * Disables the button and changes the icon to a loading spinner
              */
@@ -600,31 +547,26 @@ EuiDataGrid.propTypes = {
           css: PropTypes.any,
           buttonRef: PropTypes.any
         }),
-
         /**
              * Make the list item label a button.
              * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
              */
         onClick: PropTypes.func,
-
         /**
              * Allow link text to wrap
              */
         wrapText: PropTypes.bool,
-
         /**
              * Pass-through ref reference specifically for targeting
              * instances where the item content is rendered as a `button`
              */
         buttonRef: PropTypes.any,
-
         /**
              * Text to be displayed in the tooltip when `showToolTip` is true.
              * By default the text will be same as the label text.
              */
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
          */
@@ -669,7 +611,6 @@ EuiDataGrid.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
          */
@@ -714,7 +655,6 @@ EuiDataGrid.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
          */
@@ -759,7 +699,6 @@ EuiDataGrid.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
          */
@@ -804,7 +743,6 @@ EuiDataGrid.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Append additional actions
          */
@@ -850,12 +788,10 @@ EuiDataGrid.propTypes = {
         toolTipText: PropTypes.string
       }).isRequired)
     }).isRequired]),
-
     /**
        * 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),
-
     /**
        * 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.
@@ -863,7 +799,6 @@ EuiDataGrid.propTypes = {
        */
     visibleCellActions: PropTypes.number
   }).isRequired).isRequired,
-
   /**
        * An array of #EuiDataGridControlColumn objects. Used to define ancillary columns on the left side of the data grid.
        * Useful for adding items like checkboxes and buttons.
@@ -873,38 +808,31 @@ EuiDataGrid.propTypes = {
        * Used as the React `key` when rendering content
        */
     id: PropTypes.string.isRequired,
-
     /**
        * Width of the column, users are unable to change this
        */
     width: PropTypes.number.isRequired,
-
     /**
        * Component to render in the column header
        */
     headerCellRender: PropTypes.elementType.isRequired,
-
     /**
        * Optional props to pass to the column header cell
        */
     headerCellProps: PropTypes.any,
-
     /**
        * Component to render for each row in the column
        */
     rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
-
     /**
        * Component to render in the optional column footer
        */
     footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
-
     /**
        * Optional props to pass to the column footer cell
        */
     footerCellProps: PropTypes.any
   }).isRequired),
-
   /**
        * An array of #EuiDataGridControlColumn objects. Used to define ancillary columns on the right side of the data grid.
        * Useful for adding items like checkboxes and buttons.
@@ -914,38 +842,31 @@ EuiDataGrid.propTypes = {
        * Used as the React `key` when rendering content
        */
     id: PropTypes.string.isRequired,
-
     /**
        * Width of the column, users are unable to change this
        */
     width: PropTypes.number.isRequired,
-
     /**
        * Component to render in the column header
        */
     headerCellRender: PropTypes.elementType.isRequired,
-
     /**
        * Optional props to pass to the column header cell
        */
     headerCellProps: PropTypes.any,
-
     /**
        * Component to render for each row in the column
        */
     rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]).isRequired,
-
     /**
        * Component to render in the optional column footer
        */
     footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
-
     /**
        * Optional props to pass to the column footer cell
        */
     footerCellProps: PropTypes.any
   }).isRequired),
-
   /**
        * An array of #EuiDataGridColumnVisibility objects.
        * Defines which columns are **intitially** visible in the grid and the order they are displayed.
@@ -956,13 +877,11 @@ EuiDataGrid.propTypes = {
        * An array of #EuiDataGridColumn `id`s dictating the order and visibility of columns.
        */
     visibleColumns: PropTypes.arrayOf(PropTypes.string.isRequired).isRequired,
-
     /**
        * A callback for when a column's visibility or order is modified by the user.
        */
     setVisibleColumns: PropTypes.func.isRequired
   }).isRequired,
-
   /**
        * An array of custom #EuiDataGridSchemaDetector objects. You can inject custom schemas to the grid to define the classnames applied.
        */
@@ -971,65 +890,53 @@ EuiDataGrid.propTypes = {
        * The name of this data type, matches #EuiDataGridColumn / `schema`
        */
     type: PropTypes.string.isRequired,
-
     /**
        * The function given the text value of a cell and returns a score of [0...1] of how well the value matches this data type
        */
     detector: PropTypes.func.isRequired,
-
     /**
        * A custom comparator function when performing in-memory sorting on this data type, takes `(a: string, b: string, direction: 'asc' | 'desc) => -1 | 0 | 1`
        */
     comparator: PropTypes.func,
-
     /**
        * The icon used to visually represent this data type. Accepts any `EuiIcon IconType`.
        */
     icon: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "discuss", "document", "documentEdit", "documentation", "documents", "dot", "dotInCircle", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "error", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "warning", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]).isRequired,
-
     /**
        * The color associated with this data type; it's used to color the icon token
        */
     color: PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.string.isRequired]).isRequired, PropTypes.string.isRequired]),
-
     /**
        * Text for how to represent an ascending sort of this data type, e.g. 'A -> Z'
        */
     sortTextAsc: PropTypes.node.isRequired,
-
     /**
        * Text for how to represent a descending sort of this data type, e.g. 'Z -> A'
        */
     sortTextDesc: PropTypes.node.isRequired,
-
     /**
        * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual #EuiDataGridColumn level
        */
     isSortable: PropTypes.bool,
-
     /**
        * This property controls the capitalization of text
        */
     textTransform: PropTypes.oneOf(["uppercase", "lowercase", "capitalize"]),
-
     /**
        * Default sort direction of columns with this schema. Can be overridden at the individual #EuiDataGridColumn level
        */
     defaultSortDirection: PropTypes.oneOf(["asc", "desc"])
   }).isRequired),
-
   /**
        * The total number of rows in the dataset (used by e.g. pagination to know how many pages to list).
        */
   rowCount: PropTypes.number.isRequired,
-
   /**
        * A function called to render a cell's value. Behind the scenes it is treated as a React component
        * 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,
-
   /**
        * An optional function that can be used to completely customize the rendering of cell popovers.
        *
@@ -1041,7 +948,6 @@ EuiDataGrid.propTypes = {
        *
        */
   renderCellPopover: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
-
   /**
        * An optional function called to render a footer cell. If not specified, no footer row is rendered.
        *
@@ -1050,7 +956,6 @@ EuiDataGrid.propTypes = {
        * as its only argument.
        */
   renderFooterCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.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
@@ -1063,7 +968,6 @@ EuiDataGrid.propTypes = {
        * It receives #EuiDataGridCustomBodyProps as its only argument.
        */
   renderCustomGridBody: PropTypes.func,
-
   /**
        * Defines the initial style of the grid. Accepts a partial #EuiDataGridStyle object.
        * Settings provided may be overwritten or merged with user defined preferences if `toolbarVisibility.showDisplaySelector.allowDensity = true` (which is the default).
@@ -1073,54 +977,44 @@ EuiDataGrid.propTypes = {
        * Size of fonts used within the row and column cells
        */
     fontSize: PropTypes.oneOf(["s", "m", "l"]),
-
     /**
        * Defines the padding with the row and column cells
        */
     cellPadding: PropTypes.oneOf(["s", "m", "l"]),
-
     /**
        * Border uses for the row and column cells
        */
     border: PropTypes.oneOf(["all", "horizontal", "none"]),
-
     /**
        * If set to true, rows will alternate zebra striping for clarity
        */
     stripes: PropTypes.bool,
-
     /**
        * Visual style for the column headers. Recommendation is to use the `underline` style in times when #EuiDataGrid `toolbarVisibility` is set to `false`.
        */
     header: PropTypes.oneOf(["shade", "underline"]),
-
     /**
        * Visual style for the column footers.
        */
     footer: PropTypes.oneOf(["shade", "overline", "striped"]),
-
     /**
        * If set to true, the footer row will be sticky
        */
     stickyFooter: PropTypes.bool,
-
     /**
        * Will define what visual style to show on row hover
        */
     rowHover: PropTypes.oneOf(["highlight", "none"]),
-
     /**
        * Optionally pass custom classes to highlight or customize certain rows
        */
     rowClasses: PropTypes.shape({}),
-
     /**
        * Optional callback returning the current `gridStyle` config when changes occur from user input (e.g. toolbar display controls).
        * Can be used for, e.g. storing user `gridStyle` in a local storage object.
        */
     onChange: PropTypes.func
   }),
-
   /**
        * Allows you to configure what features the toolbar shows.
        *
@@ -1137,13 +1031,11 @@ EuiDataGrid.propTypes = {
          * When `false`, removes the ability to show & hide columns through the UI
          */
       allowHide: PropTypes.bool,
-
       /**
          * When `false`, removes the ability to re-order columns through the UI
          */
       allowReorder: PropTypes.bool
     }).isRequired]),
-
     /**
        * Allows the ability for the user to customize display settings such as grid density and row heights.
        * User changes will override what is provided in #EuiDataGridStyle and #EuiDataGridRowHeightsOptions
@@ -1153,29 +1045,24 @@ EuiDataGrid.propTypes = {
          * When `false`, removes the ability to change density display through the UI
          */
       allowDensity: PropTypes.bool,
-
       /**
          * When `false`, removes the ability to change row height display through the UI
          */
       allowRowHeight: PropTypes.bool
     }).isRequired]),
-
     /**
        * Allows the ability for the user to sort rows based upon column values
        */
     showSortSelector: PropTypes.bool,
-
     /**
        * Displays a popover listing all keyboard controls and shortcuts for the data grid.
        * If set to `false`, the toggle will be visually hidden, but still focusable by keyboard and screen reader users.
        */
     showKeyboardShortcuts: PropTypes.bool,
-
     /**
        * Allows user to be able to fullscreen the data grid. If set to `false` make sure your grid fits within a large enough panel to still show the other controls.
        */
     showFullScreenSelector: PropTypes.bool,
-
     /**
        * If passed a `ReactNode`, appends the passed custom control into the left side of the toolbar, after the column & sort controls.
        * Or use #EuiDataGridToolBarAdditionalControlsOptions to customize the location of your control.
@@ -1191,13 +1078,11 @@ EuiDataGrid.propTypes = {
            * Will prepend the passed node into the left side of the toolbar, **before** the column & sort controls.
            */
         prepend: PropTypes.node,
-
         /**
            * Will append the passed node into the left side of the toolbar, **after** the column & sort controls.
            */
         append: PropTypes.node
       }).isRequired]),
-
       /**
          * Will prepend the passed node into the right side of the toolbar, **before** the density & fullscreen controls.
          * We recommend using `<EuiButtonIcon size="xs" />` to match the existing controls on the right.
@@ -1205,7 +1090,6 @@ EuiDataGrid.propTypes = {
       right: PropTypes.node
     }).isRequired])
   }).isRequired]),
-
   /**
        * A #EuiDataGridInMemory object to define the level of high order schema-detection and sorting logic to use on your data.
        * **Try to set when possible**.
@@ -1224,13 +1108,11 @@ EuiDataGrid.propTypes = {
         * "sorting" - sorting & pagination is performed in-memory
      */
     level: PropTypes.oneOf(["enhancements", "pagination", "sorting"]).isRequired,
-
     /**
        * An array of column ids for the in-memory processing to skip
        */
     skipColumns: PropTypes.arrayOf(PropTypes.string.isRequired)
   }),
-
   /**
        * A #EuiDataGridPagination object. Omit to disable pagination completely.
        */
@@ -1239,31 +1121,26 @@ EuiDataGrid.propTypes = {
        * The index of the current page, starts at 0 for the first page
        */
     pageIndex: PropTypes.number.isRequired,
-
     /**
        * How many rows should initially be shown per page.
        * Pass `0` to display the selected "Show all" option and hide the pagination.
        */
     pageSize: PropTypes.number.isRequired,
-
     /**
        * An array of page sizes the user can select from.
        * Pass `0` as one of the options to create a "Show all" option.
        * Leave this prop undefined or use an empty array to hide "Rows per page" select button.
        */
     pageSizeOptions: PropTypes.arrayOf(PropTypes.number.isRequired),
-
     /**
        * A callback for when the user changes the page size selection
        */
     onChangeItemsPerPage: PropTypes.func.isRequired,
-
     /**
        * A callback for when the current page index changes
        */
     onChangePage: PropTypes.func.isRequired
   }),
-
   /**
        * A #EuiDataGridSorting object that provides the sorted columns along with their direction. Provides a callback for when it changes.
        * Optional, but required when inMemory is set.
@@ -1274,7 +1151,6 @@ EuiDataGrid.propTypes = {
        * A function that receives updated column sort details in response to user interactions in the toolbar controls
        */
     onSort: PropTypes.func.isRequired,
-
     /**
        * An array of the column ids currently being sorted and their sort direction. The array order determines the sort order. `{ id: 'A'; direction: 'asc' }`
        */
@@ -1283,32 +1159,26 @@ EuiDataGrid.propTypes = {
       direction: PropTypes.oneOf(["asc", "desc"]).isRequired
     }).isRequired).isRequired
   }),
-
   /**
        * A callback for when a column's size changes. Callback receives `{ columnId: string, width: number }`.
        */
   onColumnResize: PropTypes.func,
-
   /**
        * Defines a minimum width for the grid to show all controls in its toolbar.
        */
   minSizeForControls: PropTypes.number,
-
   /**
        * Sets the grid's height, forcing it to overflow in a scrollable container with cell virtualization.
        */
   height: PropTypes.any,
-
   /**
        * Sets the grid's width, forcing it to overflow in a scrollable container with cell virtualization.
        */
   width: PropTypes.any,
-
   /**
        * Allows customizing the underlying [react-window grid](https://react-window.vercel.app/#/api/VariableSizeGrid) props.
        */
   virtualizationOptions: PropTypes.any,
-
   /**
        * A #EuiDataGridRowHeightsOptions object that provides row heights options.
        * Allows configuring both default and specific heights of grid rows.
@@ -1322,7 +1192,6 @@ EuiDataGrid.propTypes = {
       lineCount: PropTypes.number,
       height: PropTypes.number
     }).isRequired]),
-
     /**
        * Defines the height for a specific row. It can be line count or just height.
        *
@@ -1330,18 +1199,15 @@ EuiDataGrid.propTypes = {
        * toolbar control to `false` in #EuiDataGridToolBarVisibilityOptions
        */
     rowHeights: PropTypes.any,
-
     /**
        * Defines a global lineHeight style to apply to all cells
        */
     lineHeight: PropTypes.string,
-
     /**
        * Optional callback returning the current `rowHeightsOptions` when changes occur from user input (e.g. toolbar display controls).
        * Can be used for, e.g. storing user `rowHeightsOptions` in a local storage object.
        */
     onChange: PropTypes.func,
-
     /**
        * Optional indicator of the row that should be used as an anchor for vertical layout shift compensation.
        * When set to 'start' or 'center', the topmost or middle visible row will try