@elastic/eui 76.3.0 → 77.0.0

package/es/components/basic_table/basic_table.js

@@ -1,52 +1,30 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 var _excluded = ["className", "loading", "items", "itemId", "columns", "pagination", "sorting", "selection", "onChange", "error", "noItemsMessage", "compressed", "itemIdToExpandedRowMap", "responsive", "isSelectable", "isExpandable", "hasActions", "rowProps", "cellProps", "tableCaption", "rowHeader", "tableLayout"],
-    _excluded2 = ["align", "render", "dataType", "isExpander", "textOnly", "name", "field", "description", "sortable", "footer", "mobileOptions"];
-
+  _excluded2 = ["align", "render", "dataType", "isExpander", "textOnly", "name", "field", "description", "sortable", "footer", "mobileOptions"];
+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 _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 _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 _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 _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 _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 _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 _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 _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 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 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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
@@ -54,6 +32,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 React, { Component, Fragment } from 'react';
 import PropTypes from "prop-types";
 import classNames from 'classnames';
@@ -110,43 +89,34 @@ export function getItemId(item, itemId) {
   if (itemId) {
     if (isFunction(itemId)) {
       return itemId(item);
-    } // @ts-ignore never mind about the index signature
-
-
+    }
+    // @ts-ignore never mind about the index signature
     return item[itemId];
   }
 }
-
 function getRowProps(item, rowProps) {
   if (rowProps) {
     if (isFunction(rowProps)) {
       return rowProps(item);
     }
-
     return rowProps;
   }
-
   return {};
 }
-
 function getCellProps(item, column, cellProps) {
   if (cellProps) {
     if (isFunction(cellProps)) {
       return cellProps(item, column);
     }
-
     return cellProps;
   }
-
   return {};
 }
-
 function getColumnFooter(column, _ref) {
   var items = _ref.items,
-      pagination = _ref.pagination;
+    pagination = _ref.pagination;
   var _ref2 = column,
-      footer = _ref2.footer;
-
+    footer = _ref2.footer;
   if (footer) {
     if (isFunction(footer)) {
       return footer({
@@ -154,48 +124,34 @@ function getColumnFooter(column, _ref) {
         pagination: pagination
       });
     }
-
     return footer;
   }
-
   return undefined;
 }
-
 function hasPagination(x) {
   return x.hasOwnProperty('pagination') && !!x.pagination;
 }
-
 export var EuiBasicTable = /*#__PURE__*/function (_Component) {
   _inherits(EuiBasicTable, _Component);
-
   var _super = _createSuper(EuiBasicTable);
-
   function EuiBasicTable(props) {
     var _this;
-
     _classCallCheck(this, EuiBasicTable);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "tableId", htmlIdGenerator('__table')());
-
     _defineProperty(_assertThisInitialized(_this), "selectAllIdGenerator", htmlIdGenerator('_selection_column-checkbox'));
-
     _defineProperty(_assertThisInitialized(_this), "renderSelectAll", function (isMobile) {
       var _this$props = _this.props,
-          items = _this$props.items,
-          selection = _this$props.selection;
-
+        items = _this$props.items,
+        selection = _this$props.selection;
       if (!selection) {
         return;
       }
-
       var selectableItems = items.filter(function (item) {
         return !selection.selectable || selection.selectable(item);
       });
       var checked = _this.state.selection && selectableItems.length > 0 && _this.state.selection.length === selectableItems.length;
       var disabled = selectableItems.length === 0;
-
       var onChange = function onChange(event) {
         if (event.target.checked) {
           _this.changeSelection(selectableItems);
@@ -203,7 +159,6 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
           _this.changeSelection([]);
         }
       };
-
       return ___EmotionJSX(EuiI18n, {
         token: "euiBasicTable.selectAllRows",
         default: "Select all rows"
@@ -213,7 +168,8 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
           type: isMobile ? undefined : 'inList',
           checked: checked,
           disabled: disabled,
-          onChange: onChange // Only add data-test-subj to one of the checkboxes
+          onChange: onChange
+          // Only add data-test-subj to one of the checkboxes
           ,
           "data-test-subj": isMobile ? undefined : 'checkboxSelectAll',
           "aria-label": selectAllRows,
@@ -221,42 +177,34 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
         });
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "resolveColumnSortDirection", function (column) {
       var sorting = _this.props.sorting;
       var _ref3 = column,
-          sortable = _ref3.sortable,
-          field = _ref3.field,
-          name = _ref3.name;
-
+        sortable = _ref3.sortable,
+        field = _ref3.field,
+        name = _ref3.name;
       if (!sorting || !sorting.sort || !sortable) {
         return;
       }
-
       if (sorting.sort.field === field || sorting.sort.field === name) {
         return sorting.sort.direction;
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "resolveColumnOnSort", function (column) {
       var sorting = _this.props.sorting;
       var _ref4 = column,
-          sortable = _ref4.sortable,
-          name = _ref4.name;
-
+        sortable = _ref4.sortable,
+        name = _ref4.name;
       if (!sorting || !sortable) {
         return;
       }
-
       if (!_this.props.onChange) {
         throw new Error("BasicTable is configured to be sortable on column [".concat(name, "] but\n          [onChange] is not configured. This callback must be implemented to handle the sort requests"));
       }
-
       return function () {
         return _this.onColumnSortChange(column);
       };
     });
-
     _this.state = {
       // used for checking if  initial selection is rendered
       initialSelectionRendered: false,
@@ -264,7 +212,6 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-
   _createClass(EuiBasicTable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -296,18 +243,15 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     key: "buildCriteria",
     value: function buildCriteria(props) {
       var criteria = {};
-
       if (hasPagination(props)) {
         criteria.page = {
           index: props.pagination.pageIndex,
           size: props.pagination.pageSize
         };
       }
-
       if (props.sorting) {
         criteria.sort = props.sorting.sort;
       }
-
       return criteria;
     }
   }, {
@@ -316,11 +260,9 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
       if (!this.props.selection) {
         return;
       }
-
       this.setState({
         selection: selection
       });
-
       if (this.props.selection.onSelectionChange) {
         this.props.selection.onSelectionChange(selection);
       }
@@ -335,7 +277,6 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     value: function onPageSizeChange(size) {
       this.clearSelection();
       var currentCriteria = this.buildCriteria(this.props);
-
       var criteria = _objectSpread(_objectSpread({}, currentCriteria), {}, {
         page: {
           index: 0,
@@ -343,7 +284,6 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
           size: size
         }
       });
-
       if (this.props.onChange) {
         this.props.onChange(criteria);
       }
@@ -353,13 +293,11 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     value: function onPageChange(index) {
       this.clearSelection();
       var currentCriteria = this.buildCriteria(this.props);
-
       var criteria = _objectSpread(_objectSpread({}, currentCriteria), {}, {
         page: _objectSpread(_objectSpread({}, currentCriteria.page), {}, {
           index: index
         })
       });
-
       if (this.props.onChange) {
         this.props.onChange(criteria);
       }
@@ -370,11 +308,9 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
       this.clearSelection();
       var currentCriteria = this.buildCriteria(this.props);
       var direction = SortDirection.ASC;
-
       if (currentCriteria && currentCriteria.sort && (currentCriteria.sort.field === column.field || currentCriteria.sort.field === column.name)) {
         direction = SortDirection.reverse(currentCriteria.sort.direction);
       }
-
       var criteria = _objectSpread(_objectSpread({}, currentCriteria), {}, {
         // resetting the page if the criteria has one
         page: !currentCriteria.page ? undefined : {
@@ -386,7 +322,6 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
           direction: direction
         }
       });
-
       if (this.props.onChange) {
         // @ts-ignore complex relationship between pagination's existence and criteria, the code logic ensures this is correctly maintained
         this.props.onChange(criteria);
@@ -396,30 +331,29 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          className = _this$props2.className,
-          loading = _this$props2.loading,
-          items = _this$props2.items,
-          itemId = _this$props2.itemId,
-          columns = _this$props2.columns,
-          pagination = _this$props2.pagination,
-          sorting = _this$props2.sorting,
-          selection = _this$props2.selection,
-          onChange = _this$props2.onChange,
-          error = _this$props2.error,
-          noItemsMessage = _this$props2.noItemsMessage,
-          compressed = _this$props2.compressed,
-          itemIdToExpandedRowMap = _this$props2.itemIdToExpandedRowMap,
-          responsive = _this$props2.responsive,
-          isSelectable = _this$props2.isSelectable,
-          isExpandable = _this$props2.isExpandable,
-          hasActions = _this$props2.hasActions,
-          rowProps = _this$props2.rowProps,
-          cellProps = _this$props2.cellProps,
-          tableCaption = _this$props2.tableCaption,
-          rowHeader = _this$props2.rowHeader,
-          tableLayout = _this$props2.tableLayout,
-          rest = _objectWithoutProperties(_this$props2, _excluded);
-
+        className = _this$props2.className,
+        loading = _this$props2.loading,
+        items = _this$props2.items,
+        itemId = _this$props2.itemId,
+        columns = _this$props2.columns,
+        pagination = _this$props2.pagination,
+        sorting = _this$props2.sorting,
+        selection = _this$props2.selection,
+        onChange = _this$props2.onChange,
+        error = _this$props2.error,
+        noItemsMessage = _this$props2.noItemsMessage,
+        compressed = _this$props2.compressed,
+        itemIdToExpandedRowMap = _this$props2.itemIdToExpandedRowMap,
+        responsive = _this$props2.responsive,
+        isSelectable = _this$props2.isSelectable,
+        isExpandable = _this$props2.isExpandable,
+        hasActions = _this$props2.hasActions,
+        rowProps = _this$props2.rowProps,
+        cellProps = _this$props2.cellProps,
+        tableCaption = _this$props2.tableCaption,
+        rowHeader = _this$props2.rowHeader,
+        tableLayout = _this$props2.tableLayout,
+        rest = _objectWithoutProperties(_this$props2, _excluded);
       var classes = classNames('euiBasicTable', {
         'euiBasicTable-loading': loading
       }, className);
@@ -433,10 +367,10 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     key: "renderTable",
     value: function renderTable() {
       var _this$props3 = this.props,
-          compressed = _this$props3.compressed,
-          responsive = _this$props3.responsive,
-          tableLayout = _this$props3.tableLayout,
-          loading = _this$props3.loading;
+        compressed = _this$props3.compressed,
+        responsive = _this$props3.responsive,
+        tableLayout = _this$props3.tableLayout,
+        loading = _this$props3.loading;
       var mobileHeader = responsive ? ___EmotionJSX(EuiTableHeaderMobile, null, ___EmotionJSX(EuiFlexGroup, {
         responsive: false,
         justifyContent: "spaceBetween",
@@ -462,31 +396,24 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     key: "renderTableMobileSort",
     value: function renderTableMobileSort() {
       var _this2 = this;
-
       var _this$props4 = this.props,
-          columns = _this$props4.columns,
-          sorting = _this$props4.sorting;
+        columns = _this$props4.columns,
+        sorting = _this$props4.sorting;
       var items = [];
-
       if (!sorting) {
         return null;
       }
-
       columns.forEach(function (column, index) {
         var _column, _column$mobileOptions;
-
         if (column.field && sorting.sort && !!sorting.enableAllColumns && column.sortable == null) {
           column = _objectSpread(_objectSpread({}, column), {}, {
             sortable: true
           });
         }
-
         if (!column.sortable || ((_column = column) === null || _column === void 0 ? void 0 : (_column$mobileOptions = _column.mobileOptions) === null || _column$mobileOptions === void 0 ? void 0 : _column$mobileOptions.show) === false) {
           return;
         }
-
         var sortDirection = _this2.resolveColumnSortDirection(column);
-
         items.push({
           name: column.name,
           key: "_data_s_".concat(column.field, "_").concat(index),
@@ -503,15 +430,14 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     key: "renderTableCaption",
     value: function renderTableCaption() {
       var _this$props5 = this.props,
-          items = _this$props5.items,
-          pagination = _this$props5.pagination,
-          tableCaption = _this$props5.tableCaption;
+        items = _this$props5.items,
+        pagination = _this$props5.pagination,
+        tableCaption = _this$props5.tableCaption;
       var itemCount = items.length;
       var totalItemCount = pagination ? pagination.totalItemCount : itemCount;
       var page = pagination ? pagination.pageIndex + 1 : 1;
       var pageCount = pagination !== null && pagination !== void 0 && pagination.pageSize ? Math.ceil(pagination.totalItemCount / pagination.pageSize) : 1;
       var captionElement;
-
       if (tableCaption) {
         if (pagination) {
           captionElement = ___EmotionJSX(EuiI18n, {
@@ -560,7 +486,6 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
           });
         }
       }
-
       return ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("caption", {
         className: "euiTableCaption"
       }, ___EmotionJSX(EuiDelayRender, null, captionElement)));
@@ -569,33 +494,29 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     key: "renderTableHead",
     value: function renderTableHead() {
       var _this3 = this;
-
       var _this$props6 = this.props,
-          columns = _this$props6.columns,
-          selection = _this$props6.selection;
+        columns = _this$props6.columns,
+        selection = _this$props6.selection;
       var headers = [];
-
       if (selection) {
         headers.push(___EmotionJSX(EuiTableHeaderCellCheckbox, {
           key: "_selection_column_h"
         }, this.renderSelectAll(false)));
       }
-
       columns.forEach(function (column, index) {
         var _ref5 = column,
-            field = _ref5.field,
-            width = _ref5.width,
-            name = _ref5.name,
-            align = _ref5.align,
-            dataType = _ref5.dataType,
-            sortable = _ref5.sortable,
-            mobileOptions = _ref5.mobileOptions,
-            readOnly = _ref5.readOnly,
-            description = _ref5.description;
-
-        var columnAlign = align || _this3.getAlignForDataType(dataType); // actions column
-
-
+          field = _ref5.field,
+          width = _ref5.width,
+          name = _ref5.name,
+          align = _ref5.align,
+          dataType = _ref5.dataType,
+          sortable = _ref5.sortable,
+          mobileOptions = _ref5.mobileOptions,
+          readOnly = _ref5.readOnly,
+          description = _ref5.description;
+        var columnAlign = align || _this3.getAlignForDataType(dataType);
+
+        // actions column
         if (column.actions) {
           headers.push(___EmotionJSX(EuiTableHeaderCell, {
             key: "_actions_h_".concat(index),
@@ -605,21 +526,19 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
             mobileOptions: mobileOptions
           }, name));
           return;
-        } // computed column
-
+        }
 
+        // computed column
         if (!column.field) {
-          var _sorting = {}; // computed columns are only sortable if their `sortable` is a function
-
+          var _sorting = {};
+          // computed columns are only sortable if their `sortable` is a function
           if (_this3.props.sorting && typeof sortable === 'function') {
             var sortDirection = _this3.resolveColumnSortDirection(column);
-
             _sorting.isSorted = !!sortDirection;
             _sorting.isSortAscending = sortDirection ? SortDirection.isAsc(sortDirection) : undefined;
             _sorting.onSort = _this3.resolveColumnOnSort(column);
             _sorting.readOnly = _this3.props.sorting.readOnly || readOnly;
           }
-
           headers.push(___EmotionJSX(EuiTableHeaderCell, _extends({
             key: "_computed_column_h_".concat(index),
             align: columnAlign,
@@ -629,31 +548,26 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
             description: description
           }, _sorting), name));
           return;
-        } // field data column
-
+        }
 
+        // field data column
         var sorting = {};
-
         if (_this3.props.sorting) {
           if (_this3.props.sorting.sort && !!_this3.props.sorting.enableAllColumns && column.sortable == null) {
             column = _objectSpread(_objectSpread({}, column), {}, {
               sortable: true
             });
           }
-
           var _ref6 = column,
-              _sortable = _ref6.sortable;
-
+            _sortable = _ref6.sortable;
           if (_sortable) {
             var _sortDirection = _this3.resolveColumnSortDirection(column);
-
             sorting.isSorted = !!_sortDirection;
             sorting.isSortAscending = _sortDirection ? SortDirection.isAsc(_sortDirection) : undefined;
             sorting.onSort = _this3.resolveColumnOnSort(column);
             sorting.readOnly = _this3.props.sorting.readOnly || readOnly;
           }
         }
-
         headers.push(___EmotionJSX(EuiTableHeaderCell, _extends({
           key: "_data_h_".concat(field, "_").concat(index),
           align: columnAlign,
@@ -669,30 +583,27 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     key: "renderTableFooter",
     value: function renderTableFooter() {
       var _this$props7 = this.props,
-          items = _this$props7.items,
-          columns = _this$props7.columns,
-          pagination = _this$props7.pagination,
-          selection = _this$props7.selection;
+        items = _this$props7.items,
+        columns = _this$props7.columns,
+        pagination = _this$props7.pagination,
+        selection = _this$props7.selection;
       var footers = [];
       var hasDefinedFooter = false;
-
       if (selection) {
         // Create an empty cell to compensate for additional selection column
         footers.push(___EmotionJSX(EuiTableFooterCell, {
           key: "_selection_column_f"
         }, undefined));
       }
-
       columns.forEach(function (column) {
         var footer = getColumnFooter(column, {
           items: items,
           pagination: pagination
         });
         var _ref7 = column,
-            mobileOptions = _ref7.mobileOptions,
-            field = _ref7.field,
-            align = _ref7.align;
-
+          mobileOptions = _ref7.mobileOptions,
+          field = _ref7.field,
+          align = _ref7.align;
         if (mobileOptions !== null && mobileOptions !== void 0 && mobileOptions.only) {
           return; // exclude columns that only exist for mobile headers
         }
@@ -717,13 +628,11 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     key: "renderTableBody",
     value: function renderTableBody() {
       var _this4 = this;
-
       var _this$props8 = this.props,
-          error = _this$props8.error,
-          loading = _this$props8.loading,
-          items = _this$props8.items;
+        error = _this$props8.error,
+        loading = _this$props8.loading,
+        items = _this$props8.items;
       var content;
-
       if (error) {
         content = this.renderErrorMessage(error);
       } else if (items.length === 0) {
@@ -735,7 +644,6 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
           return _this4.renderItemRow(item, tableItemIndex);
         });
       }
-
       return ___EmotionJSX(RenderWithEuiTheme, null, function (theme) {
         return ___EmotionJSX(EuiTableBody, {
           css: loading && euiBasicTableBodyLoading(theme)
@@ -761,9 +669,9 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     key: "renderEmptyMessage",
     value: function renderEmptyMessage() {
       var _this$props9 = this.props,
-          columns = _this$props9.columns,
-          selection = _this$props9.selection,
-          noItemsMessage = _this$props9.noItemsMessage;
+        columns = _this$props9.columns,
+        selection = _this$props9.selection,
+        noItemsMessage = _this$props9.noItemsMessage;
       var colSpan = columns.length + (selection ? 1 : 0);
       return ___EmotionJSX(EuiTableRow, null, ___EmotionJSX(EuiTableRowCell, {
         align: "center",
@@ -777,16 +685,15 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     key: "renderItemRow",
     value: function renderItemRow(item, rowIndex) {
       var _this5 = this;
-
       var _this$props10 = this.props,
-          columns = _this$props10.columns,
-          selection = _this$props10.selection,
-          isSelectable = _this$props10.isSelectable,
-          hasActions = _this$props10.hasActions,
-          rowHeader = _this$props10.rowHeader,
-          _this$props10$itemIdT = _this$props10.itemIdToExpandedRowMap,
-          itemIdToExpandedRowMap = _this$props10$itemIdT === void 0 ? {} : _this$props10$itemIdT,
-          isExpandable = _this$props10.isExpandable;
+        columns = _this$props10.columns,
+        selection = _this$props10.selection,
+        isSelectable = _this$props10.isSelectable,
+        hasActions = _this$props10.hasActions,
+        rowHeader = _this$props10.rowHeader,
+        _this$props10$itemIdT = _this$props10.itemIdToExpandedRowMap,
+        itemIdToExpandedRowMap = _this$props10$itemIdT === void 0 ? {} : _this$props10$itemIdT,
+        isExpandable = _this$props10.isExpandable;
       var cells = [];
       var itemIdCallback = this.props.itemId;
       var itemId = getItemId(item, itemIdCallback) != null ? getItemId(item, itemIdCallback) : rowIndex;
@@ -794,12 +701,10 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
         return getItemId(selectedItem, itemIdCallback) === itemId;
       });
       var calculatedHasSelection;
-
       if (selection) {
         cells.push(this.renderItemSelectionCell(itemId, item, selected));
         calculatedHasSelection = true;
       }
-
       var calculatedHasActions;
       columns.forEach(function (column, columnIndex) {
         if (column.actions) {
@@ -811,16 +716,17 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
         } else {
           cells.push(_this5.renderItemComputedCell(itemId, item, column, columnIndex));
         }
-      }); // Occupy full width of table, taking checkbox & mobile only columns into account.
+      });
 
+      // Occupy full width of table, taking checkbox & mobile only columns into account.
       var expandedRowColSpan = selection ? columns.length + 1 : columns.length;
       var mobileOnlyCols = columns.reduce(function (num, column) {
         var _mobileOptions;
-
         return column !== null && column !== void 0 && (_mobileOptions = column.mobileOptions) !== null && _mobileOptions !== void 0 && _mobileOptions.only ? num + 1 : num + 0; // BWC only
       }, 0);
-      expandedRowColSpan = expandedRowColSpan - mobileOnlyCols; // We'll use the ID to associate the expanded row with the original.
+      expandedRowColSpan = expandedRowColSpan - mobileOnlyCols;
 
+      // We'll use the ID to associate the expanded row with the original.
       var hasExpandedRow = itemIdToExpandedRowMap.hasOwnProperty(itemId);
       var expandedRowId = hasExpandedRow ? "row_".concat(itemId, "_expansion") : undefined;
       var expandedRow = hasExpandedRow ? ___EmotionJSX(EuiTableRow, {
@@ -833,7 +739,6 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
       }, itemIdToExpandedRowMap[itemId])) : undefined;
       var rowPropsCallback = this.props.rowProps;
       var rowProps = getRowProps(item, rowPropsCallback);
-
       var row = ___EmotionJSX(EuiTableRow, _extends({
         "aria-owns": expandedRowId,
         isSelectable: isSelectable == null ? calculatedHasSelection : isSelectable,
@@ -841,7 +746,6 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
         hasActions: hasActions == null ? calculatedHasActions : hasActions,
         isExpandable: isExpandable
       }, rowProps), cells);
-
       return ___EmotionJSX(Fragment, {
         key: "row_".concat(itemId)
       }, row, expandedRow);
@@ -850,29 +754,24 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     key: "renderItemSelectionCell",
     value: function renderItemSelectionCell(itemId, item, selected) {
       var _this6 = this;
-
       var selection = this.props.selection;
       var key = "_selection_column_".concat(itemId);
       var checked = selected;
       var disabled = selection.selectable && !selection.selectable(item);
       var title = selection.selectableMessage && selection.selectableMessage(!disabled, item);
-
       var onChange = function onChange(event) {
         if (event.target.checked) {
           _this6.changeSelection([].concat(_toConsumableArray(_this6.state.selection), [item]));
         } else {
           var itemIdCallback = _this6.props.itemId;
-
           _this6.changeSelection(_this6.state.selection.reduce(function (selection, selectedItem) {
             if (getItemId(selectedItem, itemIdCallback) !== itemId) {
               selection.push(selectedItem);
             }
-
             return selection;
           }, []));
         }
       };
-
       return ___EmotionJSX(EuiTableRowCellCheckbox, {
         key: key
       }, ___EmotionJSX(EuiI18n, {
@@ -895,21 +794,20 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     key: "renderItemActionsCell",
     value: function renderItemActionsCell(itemId, item, column, columnIndex) {
       var _this7 = this;
-
       var actionEnabled = function actionEnabled(action) {
         return _this7.state.selection.length === 0 && (!action.enabled || action.enabled(item));
       };
-
       var actualActions = column.actions.filter(function (action) {
         return !action.available || action.available(item);
       });
-
       if (actualActions.length > 2) {
         // if any of the actions `isPrimary`, add them inline as well, but only the first 2
         var primaryActions = actualActions.filter(function (o) {
           return o.isPrimary;
         });
-        actualActions = primaryActions.slice(0, 2); // if we have more than 1 action, we don't show them all in the cell, instead we
+        actualActions = primaryActions.slice(0, 2);
+
+        // if we have more than 1 action, we don't show them all in the cell, instead we
         // put them all in a popover tool. This effectively means we can only have a maximum
         // of one tool per row (it's either and normal action, or it's a popover that shows multiple actions)
         //
@@ -927,14 +825,12 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
           }
         });
       }
-
       var tools = ___EmotionJSX(ExpandedItemActions, {
         actions: actualActions,
         itemId: itemId,
         item: item,
         actionEnabled: actionEnabled
       });
-
       var key = "record_actions_".concat(itemId, "_").concat(columnIndex);
       return ___EmotionJSX(EuiTableRowCell, {
         showOnHover: true,
@@ -949,8 +845,8 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     key: "renderItemFieldDataCell",
     value: function renderItemFieldDataCell(itemId, item, column, columnIndex, setScopeRow) {
       var field = column.field,
-          render = column.render,
-          dataType = column.dataType;
+        render = column.render,
+        dataType = column.dataType;
       var key = "_data_column_".concat(field, "_").concat(itemId, "_").concat(columnIndex);
       var contentRenderer = render || this.getRendererForDataType(dataType);
       var value = get(item, field);
@@ -970,19 +866,18 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     key: "renderItemCell",
     value: function renderItemCell(item, column, key, content, setScopeRow) {
       var _ref8 = column,
-          align = _ref8.align,
-          render = _ref8.render,
-          dataType = _ref8.dataType,
-          isExpander = _ref8.isExpander,
-          textOnly = _ref8.textOnly,
-          name = _ref8.name,
-          field = _ref8.field,
-          description = _ref8.description,
-          sortable = _ref8.sortable,
-          footer = _ref8.footer,
-          mobileOptions = _ref8.mobileOptions,
-          rest = _objectWithoutProperties(_ref8, _excluded2);
-
+        align = _ref8.align,
+        render = _ref8.render,
+        dataType = _ref8.dataType,
+        isExpander = _ref8.isExpander,
+        textOnly = _ref8.textOnly,
+        name = _ref8.name,
+        field = _ref8.field,
+        description = _ref8.description,
+        sortable = _ref8.sortable,
+        footer = _ref8.footer,
+        mobileOptions = _ref8.mobileOptions,
+        rest = _objectWithoutProperties(_ref8, _excluded2);
       var columnAlign = align || this.getAlignForDataType(dataType);
       var cellPropsCallback = this.props.cellProps;
       var cellProps = getCellProps(item, column, cellPropsCallback);
@@ -1003,11 +898,9 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     value: function getRendererForDataType() {
       var dataType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'auto';
       var profile = dataTypesProfiles[dataType];
-
       if (!profile) {
         throw new Error("Unknown dataType [".concat(dataType, "]. The supported data types are [").concat(DATA_TYPES.join(', '), "]"));
       }
-
       return profile.render;
     }
   }, {
@@ -1015,29 +908,24 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     value: function getAlignForDataType() {
       var dataType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'auto';
       var profile = dataTypesProfiles[dataType];
-
       if (!profile) {
         throw new Error("Unknown dataType [".concat(dataType, "]. The supported data types are [").concat(DATA_TYPES.join(', '), "]"));
       }
-
       return profile.align;
     }
   }, {
     key: "renderPaginationBar",
     value: function renderPaginationBar() {
       var _this8 = this;
-
       var _this$props11 = this.props,
-          error = _this$props11.error,
-          pagination = _this$props11.pagination,
-          tableCaption = _this$props11.tableCaption,
-          onChange = _this$props11.onChange;
-
+        error = _this$props11.error,
+        pagination = _this$props11.pagination,
+        tableCaption = _this$props11.tableCaption,
+        onChange = _this$props11.onChange;
       if (!error && pagination && pagination.totalItemCount > 0) {
         if (!onChange) {
           throw new Error("The Basic Table is configured with pagination but [onChange] is\n        not configured. This callback must be implemented to handle pagination changes");
         }
-
         return ___EmotionJSX(EuiI18n, {
           token: "euiBasicTable.tablePagination",
           default: "Pagination for table: {tableCaption}",
@@ -1064,31 +952,25 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
           selection: []
         };
       }
-
       var itemId = nextProps.itemId;
       var selection = prevState.selection.filter(function (selectedItem) {
         return nextProps.items.findIndex(function (item) {
           return getItemId(item, itemId) === getItemId(selectedItem, itemId);
         }) !== -1;
       });
-
       if (selection.length !== prevState.selection.length) {
         if (nextProps.selection.onSelectionChange) {
           nextProps.selection.onSelectionChange(selection);
         }
-
         return {
           selection: selection
         };
       }
-
       return null;
     }
   }]);
-
   return EuiBasicTable;
 }(Component);
-
 _defineProperty(EuiBasicTable, "defaultProps", {
   responsive: true,
   tableLayout: 'fixed',
@@ -1097,53 +979,42 @@ _defineProperty(EuiBasicTable, "defaultProps", {
     default: "No items found"
   })
 });
-
 EuiBasicTable.propTypes = {
   className: PropTypes.string,
   "aria-label": PropTypes.string,
   "data-test-subj": PropTypes.string,
   css: PropTypes.any,
-
   /**
      * Describes how to extract a unique ID from each item, used for selections & expanded rows
      */
-
   /**
      * Describes how to extract a unique ID from each item, used for selections & expanded rows
      */
   itemId: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.number.isRequired, PropTypes.func.isRequired]),
-
   /**
      * Row expansion uses the itemId prop to identify each row
      */
-
   /**
      * Row expansion uses the itemId prop to identify each row
      */
   itemIdToExpandedRowMap: PropTypes.shape({}),
-
   /**
      * A list of objects to appear in the table - an item per row
      */
-
   /**
      * A list of objects to appear in the table - an item per row
      */
   items: PropTypes.arrayOf(PropTypes.any.isRequired),
-
   /**
      * Applied to `EuiTableRowCell`
      */
-
   /**
      * Applied to `EuiTableRowCell`
      */
   cellProps: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.func.isRequired]),
-
   /**
      * An array of one of the objects: #EuiTableFieldDataColumnType, #EuiTableComputedColumnType or #EuiTableActionsColumnType.
      */
-
   /**
      * An array of one of the objects: #EuiTableFieldDataColumnType, #EuiTableComputedColumnType or #EuiTableActionsColumnType.
      */
@@ -1155,44 +1026,36 @@ EuiBasicTable.propTypes = {
     // https://github.com/microsoft/TypeScript/issues/29729
     field: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.any.isRequired]).isRequired,
     // supports outer.inner key paths
-
     /**
        * The display name of the column
        */
     name: PropTypes.node.isRequired,
-
     /**
        * A description of the column (will be presented as a title over the column header)
        */
     description: PropTypes.string,
-
     /**
        * Describes the data types of the displayed value (serves as a rendering hint for the table)
        */
     dataType: PropTypes.oneOf(["auto", "string", "number", "boolean", "date"]),
-
     /**
        * A CSS width property. Hints for the required width of the column (e.g. "30%", "100px", etc..)
        */
     width: PropTypes.string,
-
     /**
        * Defines whether the user can sort on this column. If a function is provided, this function returns the value to sort against
        */
     sortable: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.func.isRequired]),
     isExpander: PropTypes.bool,
-
     /**
        * Creates a text wrapper around cell content that helps word break or truncate
        * long text correctly.
        */
     textOnly: PropTypes.bool,
-
     /**
        * Defines the horizontal alignment of the column
        */
     align: PropTypes.any,
-
     /**
        * Indicates whether this column should truncate its content when it doesn't fit
        */
@@ -1200,17 +1063,14 @@ EuiBasicTable.propTypes = {
     mobileOptions: PropTypes.shape({
       render: PropTypes.func
     }),
-
     /**
        * Describe a custom renderer function for the content
        */
     render: PropTypes.func,
-
     /**
        * Content to display in the footer beneath this column
        */
     footer: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.element.isRequired, PropTypes.func.isRequired]),
-
     /**
        * Disables the user's ability to change the sort but still shows the current direction
        */
@@ -1224,34 +1084,28 @@ EuiBasicTable.propTypes = {
        * A function that computes the value for each item and renders it
        */
     render: PropTypes.func.isRequired,
-
     /**
        * The display name of the column
        */
     name: PropTypes.node,
-
     /**
        * A description of the column (will be presented as a title over the column header
        */
     description: PropTypes.string,
-
     /**
        * If provided, allows this column to be sorted on. Must return the value to sort against.
        */
     sortable: PropTypes.func,
-
     /**
        * A CSS width property. Hints for the required width of the column
        */
     width: PropTypes.string,
-
     /**
        * Indicates whether this column should truncate its content when it doesn't fit
        */
     truncateText: PropTypes.bool,
     isExpander: PropTypes.bool,
     align: PropTypes.any,
-
     /**
        * Disables the user's ability to change the sort but still shows the current direction
        */
@@ -1269,61 +1123,49 @@ EuiBasicTable.propTypes = {
          * The type of action
          */
       type: PropTypes.oneOfType([PropTypes.oneOf(["button"]), PropTypes.oneOf(["icon"]).isRequired]),
-
       /**
          * Defines the color of the button
          */
       color: PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.oneOf(["ghost"])]).isRequired, PropTypes.func.isRequired]),
-
       /**
          * The display name of the action (will be the button caption)
          */
-
       /**
          * The display name of the action (will be the button caption)
          */
       name: PropTypes.oneOfType([PropTypes.node.isRequired, PropTypes.func.isRequired]).isRequired,
-
       /**
          * Describes the action (will be the button title)
          */
-
       /**
          * Describes the action (will be the button title)
          */
       description: PropTypes.string.isRequired,
-
       /**
          * A handler function to execute the action
          */
-
       /**
          * A handler function to execute the action
          */
       onClick: PropTypes.func,
       href: PropTypes.string,
       target: PropTypes.string,
-
       /**
          * A callback function that determines whether the action is available
          */
-
       /**
          * A callback function that determines whether the action is available
          */
       available: PropTypes.func,
-
       /**
          * A callback function that determines whether the action is enabled
          */
-
       /**
          * A callback function that determines whether the action is enabled
          */
       enabled: PropTypes.func,
       isPrimary: PropTypes.bool,
       "data-test-subj": PropTypes.string,
-
       /**
          * Associates an icon with the button
          */
@@ -1333,57 +1175,46 @@ EuiBasicTable.propTypes = {
          * The function that renders the action. Note that the returned node is expected to have `onFocus` and `onBlur` functions
          */
       render: PropTypes.func.isRequired,
-
       /**
          * A callback that defines whether the action is available
          */
       available: PropTypes.func,
-
       /**
          * A callback that defines whether the action is enabled
          */
       enabled: PropTypes.func,
       isPrimary: PropTypes.bool
     }).isRequired]).isRequired).isRequired,
-
     /**
        * The display name of the column
        */
     name: PropTypes.node,
-
     /**
        * A description of the column (will be presented as a title over the column header
        */
     description: PropTypes.string,
-
     /**
        * A CSS width property. Hints for the required width of the column
        */
     width: PropTypes.string
   }).isRequired]).isRequired),
-
   /**
      * Error message to display
      */
-
   /**
      * Error message to display
      */
   error: PropTypes.string,
-
   /**
      * Describes the content of the table. If not specified, the caption will be "This table contains {itemCount} rows."
      */
-
   /**
      * Describes the content of the table. If not specified, the caption will be "This table contains {itemCount} rows."
      */
   tableCaption: PropTypes.string,
-
   /**
      * Indicates which column should be used as the identifying cell in each row. Should match a "field" prop in FieldDataColumn
      */
-
   /**
      * Indicates which column should be used as the identifying cell in each row. Should match a "field" prop in FieldDataColumn
      */
@@ -1391,30 +1222,24 @@ EuiBasicTable.propTypes = {
   hasActions: PropTypes.bool,
   isExpandable: PropTypes.bool,
   isSelectable: PropTypes.bool,
-
   /**
      * Provides an infinite loading indicator
      */
-
   /**
      * Provides an infinite loading indicator
      */
   loading: PropTypes.bool,
-
   /**
      * Message to display if table is empty
      */
-
   /**
      * Message to display if table is empty
      */
   noItemsMessage: PropTypes.node,
-
   /**
      * Called whenever pagination or sorting changes (this property is required when either pagination or sorting is configured). See #Criteria or #CriteriaWithPagination
      */
   onChange: PropTypes.func,
-
   /**
      * Configures #Pagination
      */
@@ -1423,52 +1248,42 @@ EuiBasicTable.propTypes = {
        * The current page (zero-based) index
        */
     pageIndex: PropTypes.number.isRequired,
-
     /**
        * The maximum number of items that can be shown in a single page.
        * Pass `0` to display the selected "Show all" option and hide the pagination.
        */
     pageSize: PropTypes.number.isRequired,
-
     /**
        * The total number of items the page is "sliced" of
        */
     totalItemCount: PropTypes.number.isRequired,
-
     /**
        * Configures the page size dropdown options.
        * Pass `0` as one of the options to create a "Show all" option.
        */
     pageSizeOptions: PropTypes.arrayOf(PropTypes.number.isRequired),
-
     /**
        * Hides the page size dropdown
        */
     showPerPageOptions: PropTypes.bool
   })]),
-
   /**
      * If true, will convert table to cards in mobile view
      */
-
   /**
      * If true, will convert table to cards in mobile view
      */
   responsive: PropTypes.bool,
-
   /**
      * Applied to `EuiTableRow`
      */
-
   /**
      * Applied to `EuiTableRow`
      */
   rowProps: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.func.isRequired]),
-
   /**
      * Configures #EuiTableSelectionType
      */
-
   /**
      * Configures #EuiTableSelectionType
      */
@@ -1477,23 +1292,19 @@ EuiBasicTable.propTypes = {
        * A callback that will be called whenever the item selection changes
        */
     onSelectionChange: PropTypes.func,
-
     /**
        * A callback that is called per item to indicate whether it is selectable
        */
     selectable: PropTypes.func,
-
     /**
        * A callback that is called per item to retrieve a message for its selectable state.We display these messages as a tooltip on an unselectable checkbox
        */
     selectableMessage: PropTypes.func,
     initialSelected: PropTypes.arrayOf(PropTypes.any.isRequired)
   }),
-
   /**
      * Configures #EuiTableSortingType
      */
-
   /**
      * Configures #EuiTableSortingType
      */
@@ -1505,39 +1316,32 @@ EuiBasicTable.propTypes = {
       field: PropTypes.any.isRequired,
       direction: PropTypes.oneOf(["asc", "desc"]).isRequired
     }),
-
     /**
        * Enables/disables unsorting of table columns. Supported by EuiInMemoryTable.
        */
     allowNeutralSort: PropTypes.bool,
-
     /**
        * Enables the default sorting ability for each column.
        */
     enableAllColumns: PropTypes.bool,
-
     /**
        * Disables the user's ability to change the sort but still shows the current direction
        */
     readOnly: PropTypes.bool
   }),
-
   /**
      * Sets the table-layout CSS property. Note that auto tableLayout prevents truncateText from working properly.
      */
-
   /**
      * Sets the table-layout CSS property. Note that auto tableLayout prevents truncateText from working properly.
      */
   tableLayout: PropTypes.oneOf(["fixed", "auto"]),
-
   /**
      * Applied to table cells. Any cell using a render function will set this to be false.
      *
      * Creates a text wrapper around cell content that helps word break or truncate
      * long text correctly.
      */
-
   /**
      * Applied to table cells. Any cell using a render function will set this to be false.
      *