@elastic/eui 76.3.0 → 77.0.0

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

@@ -1,19 +1,14 @@
 var _excluded = ["children", "style"];
-
+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); }
 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; }
-
-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); }
-
+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); }
 import PropTypes from "prop-types";
-
-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); }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -21,6 +16,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+
 import classNames from 'classnames';
 import React, { forwardRef, createContext, useContext, useEffect, useRef } from 'react';
 import { VariableSizeGrid as Grid } from 'react-window';
@@ -37,13 +33,11 @@ import { IS_JEST_ENVIRONMENT } from '../../../utils';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var _Cell = function _Cell(_ref) {
   var columnIndex = _ref.columnIndex,
-      rowIndex = _ref.rowIndex,
-      style = _ref.style,
-      data = _ref.data;
-
+    rowIndex = _ref.rowIndex,
+    style = _ref.style,
+    data = _ref.data;
   var _useContext = useContext(DataGridWrapperRowsContext),
-      headerRowHeight = _useContext.headerRowHeight;
-
+    headerRowHeight = _useContext.headerRowHeight;
   return ___EmotionJSX(Cell, _extends({
     colIndex: columnIndex,
     visibleRowIndex: rowIndex,
@@ -51,9 +45,10 @@ export var _Cell = function _Cell(_ref) {
       top: "".concat(parseFloat(style.top) + headerRowHeight, "px")
     })
   }, data));
-}; // Context is required to pass props to react-window's innerElementType
-// @see https://github.com/bvaughn/react-window/issues/404
+};
 
+// Context is required to pass props to react-window's innerElementType
+// @see https://github.com/bvaughn/react-window/issues/404
 export var DataGridWrapperRowsContext = /*#__PURE__*/createContext({
   headerRow: ___EmotionJSX("div", null),
   headerRowHeight: 0,
@@ -61,14 +56,12 @@ export var DataGridWrapperRowsContext = /*#__PURE__*/createContext({
 });
 var InnerElement = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
-      style = _ref2.style,
-      rest = _objectWithoutProperties(_ref2, _excluded);
-
+    style = _ref2.style,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var _useContext2 = useContext(DataGridWrapperRowsContext),
-      headerRowHeight = _useContext2.headerRowHeight,
-      headerRow = _useContext2.headerRow,
-      footerRow = _useContext2.footerRow;
-
+    headerRowHeight = _useContext2.headerRowHeight,
+    headerRow = _useContext2.headerRow,
+    footerRow = _useContext2.footerRow;
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX("div", _extends({
     ref: ref,
     style: _objectSpread(_objectSpread({}, style), {}, {
@@ -84,113 +77,106 @@ InnerElement.propTypes = {
 InnerElement.displayName = 'EuiDataGridInnerElement';
 export var EuiDataGridBodyVirtualized = function EuiDataGridBodyVirtualized(_ref3) {
   var leadingControlColumns = _ref3.leadingControlColumns,
-      trailingControlColumns = _ref3.trailingControlColumns,
-      columns = _ref3.columns,
-      visibleColCount = _ref3.visibleColCount,
-      schema = _ref3.schema,
-      schemaDetectors = _ref3.schemaDetectors,
-      rowCount = _ref3.rowCount,
-      _ref3$visibleRows = _ref3.visibleRows,
-      startRow = _ref3$visibleRows.startRow,
-      endRow = _ref3$visibleRows.endRow,
-      visibleRowCount = _ref3$visibleRows.visibleRowCount,
-      renderCellValue = _ref3.renderCellValue,
-      renderCellPopover = _ref3.renderCellPopover,
-      renderFooterCellValue = _ref3.renderFooterCellValue,
-      interactiveCellId = _ref3.interactiveCellId,
-      pagination = _ref3.pagination,
-      headerIsInteractive = _ref3.headerIsInteractive,
-      handleHeaderMutation = _ref3.handleHeaderMutation,
-      setVisibleColumns = _ref3.setVisibleColumns,
-      switchColumnPos = _ref3.switchColumnPos,
-      onColumnResize = _ref3.onColumnResize,
-      rowHeightsOptions = _ref3.rowHeightsOptions,
-      virtualizationOptions = _ref3.virtualizationOptions,
-      isFullScreen = _ref3.isFullScreen,
-      gridStyles = _ref3.gridStyles,
-      gridWidth = _ref3.gridWidth,
-      gridRef = _ref3.gridRef,
-      gridItemsRendered = _ref3.gridItemsRendered,
-      wrapperRef = _ref3.wrapperRef;
-
+    trailingControlColumns = _ref3.trailingControlColumns,
+    columns = _ref3.columns,
+    visibleColCount = _ref3.visibleColCount,
+    schema = _ref3.schema,
+    schemaDetectors = _ref3.schemaDetectors,
+    rowCount = _ref3.rowCount,
+    _ref3$visibleRows = _ref3.visibleRows,
+    startRow = _ref3$visibleRows.startRow,
+    endRow = _ref3$visibleRows.endRow,
+    visibleRowCount = _ref3$visibleRows.visibleRowCount,
+    renderCellValue = _ref3.renderCellValue,
+    renderCellPopover = _ref3.renderCellPopover,
+    renderFooterCellValue = _ref3.renderFooterCellValue,
+    interactiveCellId = _ref3.interactiveCellId,
+    pagination = _ref3.pagination,
+    headerIsInteractive = _ref3.headerIsInteractive,
+    handleHeaderMutation = _ref3.handleHeaderMutation,
+    setVisibleColumns = _ref3.setVisibleColumns,
+    switchColumnPos = _ref3.switchColumnPos,
+    onColumnResize = _ref3.onColumnResize,
+    rowHeightsOptions = _ref3.rowHeightsOptions,
+    virtualizationOptions = _ref3.virtualizationOptions,
+    isFullScreen = _ref3.isFullScreen,
+    gridStyles = _ref3.gridStyles,
+    gridWidth = _ref3.gridWidth,
+    gridRef = _ref3.gridRef,
+    gridItemsRendered = _ref3.gridItemsRendered,
+    wrapperRef = _ref3.wrapperRef;
   /**
    * Grid refs & observers
    */
   var wrapperDimensions = useResizeObserver(wrapperRef.current);
   var outerGridRef = useRef(null); // container that becomes scrollable
-
   var innerGridRef = useRef(null); // container sized to fit all content
 
   /**
    * Scroll bars
    */
-
   var _useScrollBars = useScrollBars(outerGridRef, gridStyles.border),
-      scrollBarHeight = _useScrollBars.scrollBarHeight,
-      hasVerticalScroll = _useScrollBars.hasVerticalScroll,
-      hasHorizontalScroll = _useScrollBars.hasHorizontalScroll,
-      scrollBorderOverlay = _useScrollBars.scrollBorderOverlay;
+    scrollBarHeight = _useScrollBars.scrollBarHeight,
+    hasVerticalScroll = _useScrollBars.hasVerticalScroll,
+    hasHorizontalScroll = _useScrollBars.hasHorizontalScroll,
+    scrollBorderOverlay = _useScrollBars.scrollBorderOverlay;
+
   /**
    * Widths
    */
+  var virtualizeContainerWidth = useVirtualizeContainerWidth(outerGridRef.current, gridWidth, pagination === null || pagination === void 0 ? void 0 : pagination.pageSize);
 
-
-  var virtualizeContainerWidth = useVirtualizeContainerWidth(outerGridRef.current, gridWidth, pagination === null || pagination === void 0 ? void 0 : pagination.pageSize); // compute the default column width from the container's width and count of visible columns
-
+  // compute the default column width from the container's width and count of visible columns
   var defaultColumnWidth = useDefaultColumnWidth(virtualizeContainerWidth, leadingControlColumns, trailingControlColumns, columns);
-
   var _useColumnWidths = useColumnWidths({
-    columns: columns,
-    leadingControlColumns: leadingControlColumns,
-    trailingControlColumns: trailingControlColumns,
-    defaultColumnWidth: defaultColumnWidth,
-    onColumnResize: onColumnResize
-  }),
-      columnWidths = _useColumnWidths.columnWidths,
-      setColumnWidth = _useColumnWidths.setColumnWidth,
-      getColumnWidth = _useColumnWidths.getColumnWidth;
+      columns: columns,
+      leadingControlColumns: leadingControlColumns,
+      trailingControlColumns: trailingControlColumns,
+      defaultColumnWidth: defaultColumnWidth,
+      onColumnResize: onColumnResize
+    }),
+    columnWidths = _useColumnWidths.columnWidths,
+    setColumnWidth = _useColumnWidths.setColumnWidth,
+    getColumnWidth = _useColumnWidths.getColumnWidth;
+
   /**
    * Header & footer
    */
-
-
   var _useDataGridHeader = useDataGridHeader({
-    headerIsInteractive: headerIsInteractive,
-    handleHeaderMutation: handleHeaderMutation,
-    switchColumnPos: switchColumnPos,
-    setVisibleColumns: setVisibleColumns,
-    leadingControlColumns: leadingControlColumns,
-    trailingControlColumns: trailingControlColumns,
-    columns: columns,
-    columnWidths: columnWidths,
-    defaultColumnWidth: defaultColumnWidth,
-    setColumnWidth: setColumnWidth,
-    schema: schema,
-    schemaDetectors: schemaDetectors
-  }),
-      headerRow = _useDataGridHeader.headerRow,
-      headerRowHeight = _useDataGridHeader.headerRowHeight;
-
+      headerIsInteractive: headerIsInteractive,
+      handleHeaderMutation: handleHeaderMutation,
+      switchColumnPos: switchColumnPos,
+      setVisibleColumns: setVisibleColumns,
+      leadingControlColumns: leadingControlColumns,
+      trailingControlColumns: trailingControlColumns,
+      columns: columns,
+      columnWidths: columnWidths,
+      defaultColumnWidth: defaultColumnWidth,
+      setColumnWidth: setColumnWidth,
+      schema: schema,
+      schemaDetectors: schemaDetectors
+    }),
+    headerRow = _useDataGridHeader.headerRow,
+    headerRowHeight = _useDataGridHeader.headerRowHeight;
   var _useDataGridFooter = useDataGridFooter({
-    renderFooterCellValue: renderFooterCellValue,
-    renderCellPopover: renderCellPopover,
-    rowIndex: visibleRowCount,
-    visibleRowIndex: visibleRowCount,
-    interactiveCellId: interactiveCellId,
-    leadingControlColumns: leadingControlColumns,
-    trailingControlColumns: trailingControlColumns,
-    columns: columns,
-    columnWidths: columnWidths,
-    defaultColumnWidth: defaultColumnWidth,
-    schema: schema
-  }),
-      footerRow = _useDataGridFooter.footerRow,
-      footerRowHeight = _useDataGridFooter.footerRowHeight;
+      renderFooterCellValue: renderFooterCellValue,
+      renderCellPopover: renderCellPopover,
+      rowIndex: visibleRowCount,
+      visibleRowIndex: visibleRowCount,
+      interactiveCellId: interactiveCellId,
+      leadingControlColumns: leadingControlColumns,
+      trailingControlColumns: trailingControlColumns,
+      columns: columns,
+      columnWidths: columnWidths,
+      defaultColumnWidth: defaultColumnWidth,
+      schema: schema
+    }),
+    footerRow = _useDataGridFooter.footerRow,
+    footerRowHeight = _useDataGridFooter.footerRowHeight;
+
   /**
    * Handle scrolling cells fully into view
    */
-
-
   useScroll({
     gridRef: gridRef,
     outerGridRef: outerGridRef,
@@ -200,18 +186,18 @@ export var EuiDataGridBodyVirtualized = function EuiDataGridBodyVirtualized(_ref
     visibleRowCount: visibleRowCount,
     hasStickyFooter: !!(renderFooterCellValue && gridStyles.stickyFooter)
   });
+
   /**
    * Row manager
    */
-
   var rowManager = useRowManager({
     innerGridRef: innerGridRef,
     rowClasses: gridStyles.rowClasses
   });
+
   /**
    * Heights
    */
-
   var rowHeightUtils = useRowHeightUtils({
     virtualization: {
       gridRef: gridRef,
@@ -222,15 +208,13 @@ export var EuiDataGridBodyVirtualized = function EuiDataGridBodyVirtualized(_ref
     gridStyles: gridStyles,
     columns: columns
   });
-
   var _useDefaultRowHeight = useDefaultRowHeight({
-    rowHeightsOptions: rowHeightsOptions,
-    rowHeightUtils: rowHeightUtils
-  }),
-      defaultRowHeight = _useDefaultRowHeight.defaultRowHeight,
-      setRowHeight = _useDefaultRowHeight.setRowHeight,
-      getRowHeight = _useDefaultRowHeight.getRowHeight;
-
+      rowHeightsOptions: rowHeightsOptions,
+      rowHeightUtils: rowHeightUtils
+    }),
+    defaultRowHeight = _useDefaultRowHeight.defaultRowHeight,
+    setRowHeight = _useDefaultRowHeight.setRowHeight,
+    getRowHeight = _useDefaultRowHeight.getRowHeight;
   var unconstrainedHeight = useUnconstrainedHeight({
     rowHeightUtils: rowHeightUtils,
     startRow: startRow,
@@ -242,26 +226,25 @@ export var EuiDataGridBodyVirtualized = function EuiDataGridBodyVirtualized(_ref
     scrollBarHeight: scrollBarHeight,
     innerGridRef: innerGridRef
   });
+
   /**
    * Final grid height & width
    */
-
   var _useFinalGridDimensio = useFinalGridDimensions({
-    unconstrainedHeight: unconstrainedHeight,
-    unconstrainedWidth: 0,
-    // unable to determine this until the container's size is known
-    wrapperDimensions: wrapperDimensions,
-    wrapperRef: wrapperRef,
-    isFullScreen: isFullScreen,
-    rowCount: rowCount
-  }),
-      finalWidth = _useFinalGridDimensio.finalWidth,
-      finalHeight = _useFinalGridDimensio.finalHeight;
+      unconstrainedHeight: unconstrainedHeight,
+      unconstrainedWidth: 0,
+      // unable to determine this until the container's size is known
+      wrapperDimensions: wrapperDimensions,
+      wrapperRef: wrapperRef,
+      isFullScreen: isFullScreen,
+      rowCount: rowCount
+    }),
+    finalWidth = _useFinalGridDimensio.finalWidth,
+    finalHeight = _useFinalGridDimensio.finalHeight;
+
   /**
    * Grid resets
    */
-
-
   useEffect(function () {
     if (gridRef.current) {
       gridRef.current.resetAfterColumnIndex(0);
@@ -288,7 +271,6 @@ export var EuiDataGridBodyVirtualized = function EuiDataGridBodyVirtualized(_ref
     className: classNames('euiDataGrid__virtualized', virtualizationOptions === null || virtualizationOptions === void 0 ? void 0 : virtualizationOptions.className),
     onItemsRendered: function onItemsRendered(itemsRendered) {
       var _virtualizationOption;
-
       gridItemsRendered.current = itemsRendered;
       virtualizationOptions === null || virtualizationOptions === void 0 ? void 0 : (_virtualizationOption = virtualizationOptions.onItemsRendered) === null || _virtualizationOption === void 0 ? void 0 : _virtualizationOption.call(virtualizationOptions, itemsRendered);
     },
@@ -327,32 +309,26 @@ EuiDataGridBodyVirtualized.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
        */
@@ -363,32 +339,26 @@ EuiDataGridBodyVirtualized.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
        */
@@ -399,12 +369,10 @@ EuiDataGridBodyVirtualized.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.
@@ -412,44 +380,36 @@ EuiDataGridBodyVirtualized.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.
        */
@@ -462,33 +422,27 @@ EuiDataGridBodyVirtualized.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.
@@ -496,28 +450,23 @@ EuiDataGridBodyVirtualized.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;
@@ -528,7 +477,6 @@ EuiDataGridBodyVirtualized.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.**
@@ -537,25 +485,21 @@ EuiDataGridBodyVirtualized.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
@@ -563,7 +507,6 @@ EuiDataGridBodyVirtualized.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
              */
@@ -573,31 +516,26 @@ EuiDataGridBodyVirtualized.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
          */
@@ -642,7 +580,6 @@ EuiDataGridBodyVirtualized.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
          */
@@ -687,7 +624,6 @@ EuiDataGridBodyVirtualized.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
          */
@@ -732,7 +668,6 @@ EuiDataGridBodyVirtualized.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
          */
@@ -777,7 +712,6 @@ EuiDataGridBodyVirtualized.propTypes = {
         buttonRef: PropTypes.any,
         toolTipText: PropTypes.string
       }).isRequired]),
-
       /**
          * Append additional actions
          */
@@ -823,12 +757,10 @@ EuiDataGridBodyVirtualized.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.
@@ -843,47 +775,38 @@ EuiDataGridBodyVirtualized.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
        */
@@ -905,25 +828,21 @@ EuiDataGridBodyVirtualized.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
        */
@@ -943,7 +862,6 @@ EuiDataGridBodyVirtualized.propTypes = {
       lineCount: PropTypes.number,
       height: PropTypes.number
     }).isRequired]),
-
     /**
        * Defines the height for a specific row. It can be line count or just height.
        *
@@ -951,18 +869,15 @@ EuiDataGridBodyVirtualized.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
@@ -977,47 +892,38 @@ EuiDataGridBodyVirtualized.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.