@elastic/eui 76.3.0 → 77.0.0

package/test-env/components/basic_table/basic_table.js

@@ -1,88 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiBasicTable = void 0;
 exports.getItemId = getItemId;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _services = require("../../services");
-
 var _predicate = require("../../services/predicate");
-
 var _objects = require("../../services/objects");
-
 var _flex = require("../flex");
-
 var _form = require("../form");
-
 var _table = require("../table");
-
 var _collapsed_item_actions = require("./collapsed_item_actions");
-
 var _expanded_item_actions = require("./expanded_item_actions");
-
 var _pagination_bar = require("./pagination_bar");
-
 var _icon = require("../icon");
-
 var _accessibility = require("../accessibility");
-
 var _i18n = require("../i18n");
-
 var _delay_render = require("../delay_render");
-
 var _accessibility2 = require("../../services/accessibility");
-
 var _basic_table = require("./basic_table.styles");
-
 var _react2 = require("@emotion/react");
-
 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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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) { (0, _defineProperty2.default)(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) { (0, _defineProperty2.default)(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 = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 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; } }
-
 var dataTypesProfiles = {
   auto: {
     align: _services.LEFT_ALIGNMENT,
@@ -116,48 +77,38 @@ var dataTypesProfiles = {
   }
 };
 var DATA_TYPES = Object.keys(dataTypesProfiles);
-
 function getItemId(item, itemId) {
   if (itemId) {
     if ((0, _predicate.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 ((0, _predicate.isFunction)(rowProps)) {
       return rowProps(item);
     }
-
     return rowProps;
   }
-
   return {};
 }
-
 function getCellProps(item, column, cellProps) {
   if (cellProps) {
     if ((0, _predicate.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 ((0, _predicate.isFunction)(footer)) {
       return footer({
@@ -165,44 +116,34 @@ function getColumnFooter(column, _ref) {
         pagination: pagination
       });
     }
-
     return footer;
   }
-
   return undefined;
 }
-
 function hasPagination(x) {
   return x.hasOwnProperty('pagination') && !!x.pagination;
 }
-
 var EuiBasicTable = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(EuiBasicTable, _Component);
-
   var _super = _createSuper(EuiBasicTable);
-
   function EuiBasicTable(props) {
     var _this;
-
     (0, _classCallCheck2.default)(this, EuiBasicTable);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "tableId", (0, _accessibility2.htmlIdGenerator)('__table')());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectAllIdGenerator", (0, _accessibility2.htmlIdGenerator)('_selection_column-checkbox'));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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);
@@ -210,7 +151,6 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
           _this.changeSelection([]);
         }
       };
-
       return (0, _react2.jsx)(_i18n.EuiI18n, {
         token: "euiBasicTable.selectAllRows",
         default: "Select all rows"
@@ -220,7 +160,8 @@ 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,
@@ -231,14 +172,12 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
       }
@@ -246,17 +185,14 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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);
       };
@@ -268,7 +204,6 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-
   (0, _createClass2.default)(EuiBasicTable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -300,18 +235,15 @@ 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;
     }
   }, {
@@ -320,11 +252,9 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
       if (!this.props.selection) {
         return;
       }
-
       this.setState({
         selection: selection
       });
-
       if (this.props.selection.onSelectionChange) {
         this.props.selection.onSelectionChange(selection);
       }
@@ -339,7 +269,6 @@ 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,
@@ -347,7 +276,6 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
           size: size
         }
       });
-
       if (this.props.onChange) {
         this.props.onChange(criteria);
       }
@@ -357,13 +285,11 @@ 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);
       }
@@ -374,11 +300,9 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
       this.clearSelection();
       var currentCriteria = this.buildCriteria(this.props);
       var direction = _services.SortDirection.ASC;
-
       if (currentCriteria && currentCriteria.sort && (currentCriteria.sort.field === column.field || currentCriteria.sort.field === column.name)) {
         direction = _services.SortDirection.reverse(currentCriteria.sort.direction);
       }
-
       var criteria = _objectSpread(_objectSpread({}, currentCriteria), {}, {
         // resetting the page if the criteria has one
         page: !currentCriteria.page ? undefined : {
@@ -390,7 +314,6 @@ 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);
@@ -400,29 +323,29 @@ 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 = (0, _objectWithoutProperties2.default)(_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 = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
       var classes = (0, _classnames.default)('euiBasicTable', {
         'euiBasicTable-loading': loading
       }, className);
@@ -436,10 +359,10 @@ 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 ? (0, _react2.jsx)(_table.EuiTableHeaderMobile, null, (0, _react2.jsx)(_flex.EuiFlexGroup, {
         responsive: false,
         justifyContent: "spaceBetween",
@@ -465,31 +388,24 @@ 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),
@@ -506,15 +422,14 @@ 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 = (0, _react2.jsx)(_i18n.EuiI18n, {
@@ -563,7 +478,6 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
           });
         }
       }
-
       return (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("caption", {
         className: "euiTableCaption"
       }, (0, _react2.jsx)(_delay_render.EuiDelayRender, null, captionElement)));
@@ -572,33 +486,29 @@ 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((0, _react2.jsx)(_table.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((0, _react2.jsx)(_table.EuiTableHeaderCell, {
             key: "_actions_h_".concat(index),
@@ -608,21 +518,19 @@ 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 ? _services.SortDirection.isAsc(sortDirection) : undefined;
             _sorting.onSort = _this3.resolveColumnOnSort(column);
             _sorting.readOnly = _this3.props.sorting.readOnly || readOnly;
           }
-
           headers.push((0, _react2.jsx)(_table.EuiTableHeaderCell, (0, _extends2.default)({
             key: "_computed_column_h_".concat(index),
             align: columnAlign,
@@ -632,31 +540,26 @@ 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 ? _services.SortDirection.isAsc(_sortDirection) : undefined;
             sorting.onSort = _this3.resolveColumnOnSort(column);
             sorting.readOnly = _this3.props.sorting.readOnly || readOnly;
           }
         }
-
         headers.push((0, _react2.jsx)(_table.EuiTableHeaderCell, (0, _extends2.default)({
           key: "_data_h_".concat(field, "_").concat(index),
           align: columnAlign,
@@ -672,30 +575,27 @@ 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((0, _react2.jsx)(_table.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
         }
@@ -720,13 +620,11 @@ 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) {
@@ -738,7 +636,6 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
           return _this4.renderItemRow(item, tableItemIndex);
         });
       }
-
       return (0, _react2.jsx)(_services.RenderWithEuiTheme, null, function (theme) {
         return (0, _react2.jsx)(_table.EuiTableBody, {
           css: loading && (0, _basic_table.euiBasicTableBodyLoading)(theme)
@@ -764,9 +661,9 @@ 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 (0, _react2.jsx)(_table.EuiTableRow, null, (0, _react2.jsx)(_table.EuiTableRowCell, {
         align: "center",
@@ -780,16 +677,15 @@ 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;
@@ -797,12 +693,10 @@ 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) {
@@ -814,16 +708,17 @@ 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 ? (0, _react2.jsx)(_table.EuiTableRow, {
@@ -851,29 +746,24 @@ 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((0, _toConsumableArray2.default)(_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 (0, _react2.jsx)(_table.EuiTableRowCellCheckbox, {
         key: key
       }, (0, _react2.jsx)(_i18n.EuiI18n, {
@@ -896,21 +786,20 @@ 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)
         //
@@ -928,7 +817,6 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
           }
         });
       }
-
       var tools = (0, _react2.jsx)(_expanded_item_actions.ExpandedItemActions, {
         actions: actualActions,
         itemId: itemId,
@@ -949,8 +837,8 @@ 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 = (0, _objects.get)(item, field);
@@ -970,18 +858,18 @@ 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 = (0, _objectWithoutProperties2.default)(_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 = (0, _objectWithoutProperties2.default)(_ref8, _excluded2);
       var columnAlign = align || this.getAlignForDataType(dataType);
       var cellPropsCallback = this.props.cellProps;
       var cellProps = getCellProps(item, column, cellPropsCallback);
@@ -1002,11 +890,9 @@ 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;
     }
   }, {
@@ -1014,29 +900,24 @@ 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 (0, _react2.jsx)(_i18n.EuiI18n, {
           token: "euiBasicTable.tablePagination",
           default: "Pagination for table: {tableCaption}",
@@ -1063,30 +944,25 @@ 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;
 }(_react.Component);
-
 exports.EuiBasicTable = EuiBasicTable;
 (0, _defineProperty2.default)(EuiBasicTable, "defaultProps", {
   responsive: true,
@@ -1101,47 +977,37 @@ EuiBasicTable.propTypes = {
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
   css: _propTypes.default.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.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.number.isRequired, _propTypes.default.func.isRequired]),
-
   /**
      * Row expansion uses the itemId prop to identify each row
      */
-
   /**
      * Row expansion uses the itemId prop to identify each row
      */
   itemIdToExpandedRowMap: _propTypes.default.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.default.arrayOf(_propTypes.default.any.isRequired),
-
   /**
      * Applied to `EuiTableRowCell`
      */
-
   /**
      * Applied to `EuiTableRowCell`
      */
   cellProps: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.func.isRequired]),
-
   /**
      * An array of one of the objects: #EuiTableFieldDataColumnType, #EuiTableComputedColumnType or #EuiTableActionsColumnType.
      */
-
   /**
      * An array of one of the objects: #EuiTableFieldDataColumnType, #EuiTableComputedColumnType or #EuiTableActionsColumnType.
      */
@@ -1153,44 +1019,36 @@ EuiBasicTable.propTypes = {
     // https://github.com/microsoft/TypeScript/issues/29729
     field: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.any.isRequired]).isRequired,
     // supports outer.inner key paths
-
     /**
        * The display name of the column
        */
     name: _propTypes.default.node.isRequired,
-
     /**
        * A description of the column (will be presented as a title over the column header)
        */
     description: _propTypes.default.string,
-
     /**
        * Describes the data types of the displayed value (serves as a rendering hint for the table)
        */
     dataType: _propTypes.default.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.default.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.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.func.isRequired]),
     isExpander: _propTypes.default.bool,
-
     /**
        * Creates a text wrapper around cell content that helps word break or truncate
        * long text correctly.
        */
     textOnly: _propTypes.default.bool,
-
     /**
        * Defines the horizontal alignment of the column
        */
     align: _propTypes.default.any,
-
     /**
        * Indicates whether this column should truncate its content when it doesn't fit
        */
@@ -1198,17 +1056,14 @@ EuiBasicTable.propTypes = {
     mobileOptions: _propTypes.default.shape({
       render: _propTypes.default.func
     }),
-
     /**
        * Describe a custom renderer function for the content
        */
     render: _propTypes.default.func,
-
     /**
        * Content to display in the footer beneath this column
        */
     footer: _propTypes.default.oneOfType([_propTypes.default.string.isRequired, _propTypes.default.element.isRequired, _propTypes.default.func.isRequired]),
-
     /**
        * Disables the user's ability to change the sort but still shows the current direction
        */
@@ -1222,34 +1077,28 @@ EuiBasicTable.propTypes = {
        * A function that computes the value for each item and renders it
        */
     render: _propTypes.default.func.isRequired,
-
     /**
        * The display name of the column
        */
     name: _propTypes.default.node,
-
     /**
        * A description of the column (will be presented as a title over the column header
        */
     description: _propTypes.default.string,
-
     /**
        * If provided, allows this column to be sorted on. Must return the value to sort against.
        */
     sortable: _propTypes.default.func,
-
     /**
        * A CSS width property. Hints for the required width of the column
        */
     width: _propTypes.default.string,
-
     /**
        * Indicates whether this column should truncate its content when it doesn't fit
        */
     truncateText: _propTypes.default.bool,
     isExpander: _propTypes.default.bool,
     align: _propTypes.default.any,
-
     /**
        * Disables the user's ability to change the sort but still shows the current direction
        */
@@ -1267,61 +1116,49 @@ EuiBasicTable.propTypes = {
          * The type of action
          */
       type: _propTypes.default.oneOfType([_propTypes.default.oneOf(["button"]), _propTypes.default.oneOf(["icon"]).isRequired]),
-
       /**
          * Defines the color of the button
          */
       color: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.oneOf(["ghost"])]).isRequired, _propTypes.default.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.default.oneOfType([_propTypes.default.node.isRequired, _propTypes.default.func.isRequired]).isRequired,
-
       /**
          * Describes the action (will be the button title)
          */
-
       /**
          * Describes the action (will be the button title)
          */
       description: _propTypes.default.string.isRequired,
-
       /**
          * A handler function to execute the action
          */
-
       /**
          * A handler function to execute the action
          */
       onClick: _propTypes.default.func,
       href: _propTypes.default.string,
       target: _propTypes.default.string,
-
       /**
          * A callback function that determines whether the action is available
          */
-
       /**
          * A callback function that determines whether the action is available
          */
       available: _propTypes.default.func,
-
       /**
          * A callback function that determines whether the action is enabled
          */
-
       /**
          * A callback function that determines whether the action is enabled
          */
       enabled: _propTypes.default.func,
       isPrimary: _propTypes.default.bool,
       "data-test-subj": _propTypes.default.string,
-
       /**
          * Associates an icon with the button
          */
@@ -1331,57 +1168,46 @@ EuiBasicTable.propTypes = {
          * The function that renders the action. Note that the returned node is expected to have `onFocus` and `onBlur` functions
          */
       render: _propTypes.default.func.isRequired,
-
       /**
          * A callback that defines whether the action is available
          */
       available: _propTypes.default.func,
-
       /**
          * A callback that defines whether the action is enabled
          */
       enabled: _propTypes.default.func,
       isPrimary: _propTypes.default.bool
     }).isRequired]).isRequired).isRequired,
-
     /**
        * The display name of the column
        */
     name: _propTypes.default.node,
-
     /**
        * A description of the column (will be presented as a title over the column header
        */
     description: _propTypes.default.string,
-
     /**
        * A CSS width property. Hints for the required width of the column
        */
     width: _propTypes.default.string
   }).isRequired]).isRequired),
-
   /**
      * Error message to display
      */
-
   /**
      * Error message to display
      */
   error: _propTypes.default.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.default.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
      */
@@ -1389,30 +1215,24 @@ EuiBasicTable.propTypes = {
   hasActions: _propTypes.default.bool,
   isExpandable: _propTypes.default.bool,
   isSelectable: _propTypes.default.bool,
-
   /**
      * Provides an infinite loading indicator
      */
-
   /**
      * Provides an infinite loading indicator
      */
   loading: _propTypes.default.bool,
-
   /**
      * Message to display if table is empty
      */
-
   /**
      * Message to display if table is empty
      */
   noItemsMessage: _propTypes.default.node,
-
   /**
      * Called whenever pagination or sorting changes (this property is required when either pagination or sorting is configured). See #Criteria or #CriteriaWithPagination
      */
   onChange: _propTypes.default.func,
-
   /**
      * Configures #Pagination
      */
@@ -1421,52 +1241,42 @@ EuiBasicTable.propTypes = {
        * The current page (zero-based) index
        */
     pageIndex: _propTypes.default.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.default.number.isRequired,
-
     /**
        * The total number of items the page is "sliced" of
        */
     totalItemCount: _propTypes.default.number.isRequired,
-
     /**
        * Configures the page size dropdown options.
        * Pass `0` as one of the options to create a "Show all" option.
        */
     pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.number.isRequired),
-
     /**
        * Hides the page size dropdown
        */
     showPerPageOptions: _propTypes.default.bool
   })]),
-
   /**
      * If true, will convert table to cards in mobile view
      */
-
   /**
      * If true, will convert table to cards in mobile view
      */
   responsive: _propTypes.default.bool,
-
   /**
      * Applied to `EuiTableRow`
      */
-
   /**
      * Applied to `EuiTableRow`
      */
   rowProps: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.func.isRequired]),
-
   /**
      * Configures #EuiTableSelectionType
      */
-
   /**
      * Configures #EuiTableSelectionType
      */
@@ -1475,23 +1285,19 @@ EuiBasicTable.propTypes = {
        * A callback that will be called whenever the item selection changes
        */
     onSelectionChange: _propTypes.default.func,
-
     /**
        * A callback that is called per item to indicate whether it is selectable
        */
     selectable: _propTypes.default.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.default.func,
     initialSelected: _propTypes.default.arrayOf(_propTypes.default.any.isRequired)
   }),
-
   /**
      * Configures #EuiTableSortingType
      */
-
   /**
      * Configures #EuiTableSortingType
      */
@@ -1503,39 +1309,32 @@ EuiBasicTable.propTypes = {
       field: _propTypes.default.any.isRequired,
       direction: _propTypes.default.oneOf(["asc", "desc"]).isRequired
     }),
-
     /**
        * Enables/disables unsorting of table columns. Supported by EuiInMemoryTable.
        */
     allowNeutralSort: _propTypes.default.bool,
-
     /**
        * Enables the default sorting ability for each column.
        */
     enableAllColumns: _propTypes.default.bool,
-
     /**
        * Disables the user's ability to change the sort but still shows the current direction
        */
     readOnly: _propTypes.default.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.default.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.
      *