@elastic/eui 76.4.0 → 77.0.0

package/optimize/es/components/basic_table/basic_table.js

@@ -9,16 +9,11 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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"];
-
-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; }
-
+  _excluded2 = ["align", "render", "dataType", "isExpander", "textOnly", "name", "field", "description", "sortable", "footer", "mobileOptions"];
+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 _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 _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; } }
-
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -26,6 +21,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  * 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 classNames from 'classnames';
 import { formatAuto, formatBoolean, formatDate, formatNumber, formatText, LEFT_ALIGNMENT, RIGHT_ALIGNMENT, SortDirection, RenderWithEuiTheme } from '../../services';
@@ -81,43 +77,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({
@@ -125,48 +112,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);
@@ -174,7 +147,6 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
           _this.changeSelection([]);
         }
       };
-
       return ___EmotionJSX(EuiI18n, {
         token: "euiBasicTable.selectAllRows",
         default: "Select all rows"
@@ -184,7 +156,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,
@@ -192,42 +165,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,
@@ -235,7 +200,6 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-
   _createClass(EuiBasicTable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -267,18 +231,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;
     }
   }, {
@@ -287,11 +248,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);
       }
@@ -306,7 +265,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,
@@ -314,7 +272,6 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
           size: size
         }
       });
-
       if (this.props.onChange) {
         this.props.onChange(criteria);
       }
@@ -324,13 +281,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);
       }
@@ -341,11 +296,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 : {
@@ -357,7 +310,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);
@@ -367,30 +319,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);
@@ -404,10 +355,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",
@@ -433,31 +384,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),
@@ -474,15 +418,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, {
@@ -531,7 +474,6 @@ export var EuiBasicTable = /*#__PURE__*/function (_Component) {
           });
         }
       }
-
       return ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("caption", {
         className: "euiTableCaption"
       }, ___EmotionJSX(EuiDelayRender, null, captionElement)));
@@ -540,33 +482,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),
@@ -576,21 +514,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,
@@ -600,31 +536,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,
@@ -640,30 +571,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
         }
@@ -688,13 +616,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) {
@@ -706,7 +632,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)
@@ -732,9 +657,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",
@@ -748,16 +673,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;
@@ -765,12 +689,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) {
@@ -782,16 +704,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, {
@@ -804,7 +727,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,
@@ -812,7 +734,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);
@@ -821,29 +742,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, {
@@ -866,21 +782,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)
         //
@@ -898,14 +813,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,
@@ -920,8 +833,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);
@@ -941,19 +854,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);
@@ -974,11 +886,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;
     }
   }, {
@@ -986,29 +896,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}",
@@ -1035,31 +940,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',