@elastic/eui 76.3.0 → 77.0.0

package/es/components/basic_table/in_memory_table.js

@@ -1,40 +1,24 @@
-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 = ["onChange"],
-    _excluded2 = ["columns", "loading", "message", "error", "selection", "isSelectable", "hasActions", "compressed", "pagination", "sorting", "itemIdToExpandedRowMap", "itemId", "rowProps", "cellProps", "tableLayout", "items", "search", "onTableChange", "executeQueryOptions", "allowNeutralSort", "childrenBetween"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+  _excluded2 = ["columns", "loading", "message", "error", "selection", "isSelectable", "hasActions", "compressed", "pagination", "sorting", "itemIdToExpandedRowMap", "itemId", "rowProps", "cellProps", "tableLayout", "items", "search", "onTableChange", "executeQueryOptions", "allowNeutralSort", "childrenBetween"];
+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 _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
@@ -42,6 +26,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 } from 'react';
 import PropTypes from "prop-types";
 import { EuiBasicTable } from './basic_table';
@@ -51,45 +36,36 @@ import { Comparators } from '../../services/sort';
 import { EuiSearchBar } from '../search_bar';
 import { EuiSpacer } from '../spacer';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 function isEuiSearchBarProps(x) {
   return typeof x !== 'boolean';
 }
-
 var getQueryFromSearch = function getQueryFromSearch(search, defaultQuery) {
   var query;
-
   if (!search) {
     query = '';
   } else {
     query = (defaultQuery ? search.defaultQuery || search.query || '' : search.query) || '';
   }
-
   return isString(query) ? EuiSearchBar.Query.parse(query) : query;
 };
-
 var getInitialPagination = function getInitialPagination(pagination) {
   var _ref2, _pagination$pageIndex, _ref3, _pagination$pageSize;
-
   if (!pagination) {
     return {
       pageIndex: undefined,
       pageSize: undefined
     };
   }
-
   var _ref = pagination,
-      _ref$pageSizeOptions = _ref.pageSizeOptions,
-      pageSizeOptions = _ref$pageSizeOptions === void 0 ? paginationBarDefaults.pageSizeOptions : _ref$pageSizeOptions,
-      showPerPageOptions = _ref.showPerPageOptions;
+    _ref$pageSizeOptions = _ref.pageSizeOptions,
+    pageSizeOptions = _ref$pageSizeOptions === void 0 ? paginationBarDefaults.pageSizeOptions : _ref$pageSizeOptions,
+    showPerPageOptions = _ref.showPerPageOptions;
   var defaultPageSize = pageSizeOptions ? pageSizeOptions[0] : paginationBarDefaults.pageSizeOptions[0];
   var initialPageIndex = pagination === true ? 0 : (_ref2 = (_pagination$pageIndex = pagination.pageIndex) !== null && _pagination$pageIndex !== void 0 ? _pagination$pageIndex : pagination.initialPageIndex) !== null && _ref2 !== void 0 ? _ref2 : 0;
   var initialPageSize = pagination === true ? defaultPageSize : (_ref3 = (_pagination$pageSize = pagination.pageSize) !== null && _pagination$pageSize !== void 0 ? _pagination$pageSize : pagination.initialPageSize) !== null && _ref3 !== void 0 ? _ref3 : defaultPageSize;
-
   if (showPerPageOptions && initialPageSize != null && (!pageSizeOptions || !pageSizeOptions.includes(initialPageSize))) {
     throw new Error("EuiInMemoryTable received initialPageSize ".concat(initialPageSize, ", which wasn't provided within pageSizeOptions."));
   }
-
   return {
     pageIndex: initialPageIndex,
     pageSize: initialPageSize,
@@ -97,29 +73,23 @@ var getInitialPagination = function getInitialPagination(pagination) {
     showPerPageOptions: showPerPageOptions
   };
 };
-
 function findColumnByProp(columns, prop, value) {
   for (var i = 0; i < columns.length; i++) {
     var column = columns[i];
-
     if (column[prop] === value) {
       return column;
     }
   }
 }
-
 function findColumnByFieldOrName(columns, value) {
   // The passed value can be a column's `field` or its `name`
   // for backwards compatibility `field` must be checked first
   var column = findColumnByProp(columns, 'field', value);
-
   if (column == null) {
     column = findColumnByProp(columns, 'name', value);
   }
-
   return column;
 }
-
 function getInitialSorting(columns, sorting) {
   if (!sorting || !sorting.sort) {
     return {
@@ -127,79 +97,67 @@ function getInitialSorting(columns, sorting) {
       sortDirection: undefined
     };
   }
-
   var _sort = sorting.sort,
-      sortable = _sort.field,
-      sortDirection = _sort.direction;
+    sortable = _sort.field,
+    sortDirection = _sort.direction;
   var sortColumn = findColumnByFieldOrName(columns, sortable);
-
   if (sortColumn == null) {
     return {
       sortName: undefined,
       sortDirection: undefined
     };
   }
-
   var sortName = sortColumn.name;
   return {
     sortName: sortName,
     sortDirection: sortDirection
   };
 }
-
 export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
   _inherits(EuiInMemoryTable, _Component);
-
   var _super = _createSuper(EuiInMemoryTable);
-
   function EuiInMemoryTable(props) {
     var _this;
-
     _classCallCheck(this, EuiInMemoryTable);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "tableRef", void 0);
-
     _defineProperty(_assertThisInitialized(_this), "onTableChange", function (_ref4) {
       var page = _ref4.page,
-          sort = _ref4.sort;
-
+        sort = _ref4.sort;
       var _ref5 = page || {},
-          pageIndex = _ref5.index,
-          pageSize = _ref5.size; // don't apply pagination changes that are otherwise controlled
-      // `page` is left unchanged as it goes to the consumer's `onTableChange` callback, allowing the app to respond
-
+        pageIndex = _ref5.index,
+        pageSize = _ref5.size;
 
+      // don't apply pagination changes that are otherwise controlled
+      // `page` is left unchanged as it goes to the consumer's `onTableChange` callback, allowing the app to respond
       var pagination = _this.props.pagination;
-
       if (pagination != null && typeof pagination !== 'boolean') {
         if (pagination.pageSize != null) pageSize = pagination.pageSize;
         if (pagination.pageIndex != null) pageIndex = pagination.pageIndex;
       }
-
       var _ref6 = sort || {},
-          sortName = _ref6.field,
-          sortDirection = _ref6.direction; // To keep backwards compatibility reportedSortName needs to be tracked separately
-      // from sortName; sortName gets stored internally while reportedSortName is sent to the callback
+        sortName = _ref6.field,
+        sortDirection = _ref6.direction;
 
+      // To keep backwards compatibility reportedSortName needs to be tracked separately
+      // from sortName; sortName gets stored internally while reportedSortName is sent to the callback
+      var reportedSortName = sortName;
 
-      var reportedSortName = sortName; // EuiBasicTable returns the column's `field` instead of `name` on sort
+      // EuiBasicTable returns the column's `field` instead of `name` on sort
       // and the column's `name` instead of `field` on pagination
-
       if (sortName) {
         var sortColumn = findColumnByFieldOrName(_this.props.columns, sortName);
-
         if (sortColumn) {
           // Ensure sortName uses `name`
-          sortName = sortColumn.name; // Ensure reportedSortName uses `field` if it exists
+          sortName = sortColumn.name;
 
+          // Ensure reportedSortName uses `field` if it exists
           var sortField = sortColumn.field;
           if (sortField) reportedSortName = sortField;
         }
-      } // Allow going back to 'neutral' sorting
-
+      }
 
+      // Allow going back to 'neutral' sorting
       if (_this.state.allowNeutralSort && _this.state.sortName === sortName && _this.state.sortDirection === 'desc' && sortDirection === 'asc') {
         sortName = '';
         reportedSortName = '';
@@ -216,7 +174,6 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
           }
         });
       }
-
       _this.setState({
         pageIndex: pageIndex,
         pageSize: pageSize,
@@ -224,13 +181,11 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
         sortDirection: sortDirection
       });
     });
-
     _defineProperty(_assertThisInitialized(_this), "onQueryChange", function (_ref7) {
       var query = _ref7.query,
-          queryText = _ref7.queryText,
-          error = _ref7.error;
+        queryText = _ref7.queryText,
+        error = _ref7.error;
       var search = _this.props.search;
-
       if (isEuiSearchBarProps(search)) {
         if (search.onChange) {
           var shouldQueryInMemory = error == null ? search.onChange({
@@ -242,14 +197,13 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
             queryText: queryText,
             error: error
           });
-
           if (!shouldQueryInMemory) {
             return;
           }
         }
-      } // Reset pagination state.
-
+      }
 
+      // Reset pagination state.
       _this.setState(function (state) {
         return {
           prevProps: _objectSpread(_objectSpread({}, state.prevProps), {}, {
@@ -260,23 +214,19 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
         };
       });
     });
-
     var columns = props.columns,
-        _search = props.search,
-        _pagination = props.pagination,
-        sorting = props.sorting,
-        allowNeutralSort = props.allowNeutralSort;
-
+      _search = props.search,
+      _pagination = props.pagination,
+      sorting = props.sorting,
+      allowNeutralSort = props.allowNeutralSort;
     var _getInitialPagination = getInitialPagination(_pagination),
-        _pageIndex = _getInitialPagination.pageIndex,
-        _pageSize = _getInitialPagination.pageSize,
-        pageSizeOptions = _getInitialPagination.pageSizeOptions,
-        showPerPageOptions = _getInitialPagination.showPerPageOptions;
-
+      _pageIndex = _getInitialPagination.pageIndex,
+      _pageSize = _getInitialPagination.pageSize,
+      pageSizeOptions = _getInitialPagination.pageSizeOptions,
+      showPerPageOptions = _getInitialPagination.showPerPageOptions;
     var _getInitialSorting = getInitialSorting(columns, sorting),
-        _sortName = _getInitialSorting.sortName,
-        _sortDirection = _getInitialSorting.sortDirection;
-
+      _sortName = _getInitialSorting.sortName,
+      _sortDirection = _getInitialSorting.sortDirection;
     _this.state = {
       prevProps: {
         items: props.items,
@@ -297,7 +247,6 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
     _this.tableRef = /*#__PURE__*/React.createRef();
     return _this;
   }
-
   _createClass(EuiInMemoryTable, [{
     key: "setSelection",
     value: function setSelection(newSelection) {
@@ -309,23 +258,18 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
     key: "renderSearchBar",
     value: function renderSearchBar() {
       var search = this.props.search;
-
       if (search) {
         var searchBarProps = {};
-
         if (isEuiSearchBarProps(search)) {
           var onChange = search.onChange,
-              _searchBarProps = _objectWithoutProperties(search, _excluded);
-
+            _searchBarProps = _objectWithoutProperties(search, _excluded);
           searchBarProps = _searchBarProps;
-
           if (searchBarProps.box && searchBarProps.box.schema === true) {
             searchBarProps.box = _objectSpread(_objectSpread({}, searchBarProps.box), {}, {
               schema: this.resolveSearchSchema()
             });
           }
         }
-
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(EuiSearchBar, _extends({
           onChange: this.onQueryChange
         }, searchBarProps)), ___EmotionJSX(EuiSpacer, {
@@ -339,16 +283,14 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
       var columns = this.props.columns;
       return columns.reduce(function (schema, column) {
         var _ref8 = column,
-            field = _ref8.field,
-            dataType = _ref8.dataType;
-
+          field = _ref8.field,
+          dataType = _ref8.dataType;
         if (field) {
           var type = dataType || 'string';
           schema.fields[field] = {
             type: type
           };
         }
-
         return schema;
       }, {
         strict: true,
@@ -359,27 +301,23 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
     key: "getItemSorter",
     value: function getItemSorter() {
       var _this$state = this.state,
-          sortName = _this$state.sortName,
-          sortDirection = _this$state.sortDirection;
+        sortName = _this$state.sortName,
+        sortDirection = _this$state.sortDirection;
       var columns = this.props.columns;
       var sortColumn = columns.find(function (_ref9) {
         var name = _ref9.name;
         return name === sortName;
       });
-
       if (sortColumn == null) {
         // can't return a non-function so return a function that says everything is the same
         return function () {
           return 0;
         };
       }
-
       var sortable = sortColumn.sortable;
-
       if (typeof sortable === 'function') {
         return Comparators.value(sortable, Comparators.default(sortDirection));
       }
-
       return Comparators.property(sortColumn.field, Comparators.default(sortDirection));
     }
   }, {
@@ -387,19 +325,17 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
     value: function getItems() {
       var executeQueryOptions = this.props.executeQueryOptions;
       var items = this.state.prevProps.items;
-
       if (!items.length) {
         return {
           items: [],
           totalItemCount: 0
         };
       }
-
       var _this$state2 = this.state,
-          query = _this$state2.query,
-          sortName = _this$state2.sortName,
-          pageIndex = _this$state2.pageIndex,
-          pageSize = _this$state2.pageSize;
+        query = _this$state2.query,
+        sortName = _this$state2.sortName,
+        pageIndex = _this$state2.pageIndex,
+        pageSize = _this$state2.pageSize;
       var matchingItems = query !== null && (executeQueryOptions === null || executeQueryOptions === void 0 ? void 0 : executeQueryOptions.enabled) !== false ? EuiSearchBar.Query.execute(query, items, executeQueryOptions) : items;
       var sortedItems = sortName ? matchingItems.slice(0) // avoid mutating the source array
       .sort(this.getItemSorter()) // sort, causes mutation
@@ -417,51 +353,49 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          columns = _this$props.columns,
-          loading = _this$props.loading,
-          message = _this$props.message,
-          error = _this$props.error,
-          selection = _this$props.selection,
-          isSelectable = _this$props.isSelectable,
-          hasActions = _this$props.hasActions,
-          compressed = _this$props.compressed,
-          hasPagination = _this$props.pagination,
-          hasSorting = _this$props.sorting,
-          itemIdToExpandedRowMap = _this$props.itemIdToExpandedRowMap,
-          itemId = _this$props.itemId,
-          rowProps = _this$props.rowProps,
-          cellProps = _this$props.cellProps,
-          tableLayout = _this$props.tableLayout,
-          _unuseditems = _this$props.items,
-          search = _this$props.search,
-          onTableChange = _this$props.onTableChange,
-          executeQueryOptions = _this$props.executeQueryOptions,
-          allowNeutralSort = _this$props.allowNeutralSort,
-          childrenBetween = _this$props.childrenBetween,
-          rest = _objectWithoutProperties(_this$props, _excluded2);
-
+        columns = _this$props.columns,
+        loading = _this$props.loading,
+        message = _this$props.message,
+        error = _this$props.error,
+        selection = _this$props.selection,
+        isSelectable = _this$props.isSelectable,
+        hasActions = _this$props.hasActions,
+        compressed = _this$props.compressed,
+        hasPagination = _this$props.pagination,
+        hasSorting = _this$props.sorting,
+        itemIdToExpandedRowMap = _this$props.itemIdToExpandedRowMap,
+        itemId = _this$props.itemId,
+        rowProps = _this$props.rowProps,
+        cellProps = _this$props.cellProps,
+        tableLayout = _this$props.tableLayout,
+        _unuseditems = _this$props.items,
+        search = _this$props.search,
+        onTableChange = _this$props.onTableChange,
+        executeQueryOptions = _this$props.executeQueryOptions,
+        allowNeutralSort = _this$props.allowNeutralSort,
+        childrenBetween = _this$props.childrenBetween,
+        rest = _objectWithoutProperties(_this$props, _excluded2);
       var _this$state3 = this.state,
-          pageIndex = _this$state3.pageIndex,
-          pageSize = _this$state3.pageSize,
-          pageSizeOptions = _this$state3.pageSizeOptions,
-          sortName = _this$state3.sortName,
-          sortDirection = _this$state3.sortDirection,
-          showPerPageOptions = _this$state3.showPerPageOptions;
-
+        pageIndex = _this$state3.pageIndex,
+        pageSize = _this$state3.pageSize,
+        pageSizeOptions = _this$state3.pageSizeOptions,
+        sortName = _this$state3.sortName,
+        sortDirection = _this$state3.sortDirection,
+        showPerPageOptions = _this$state3.showPerPageOptions;
       var _this$getItems = this.getItems(),
-          items = _this$getItems.items,
-          totalItemCount = _this$getItems.totalItemCount;
-
+        items = _this$getItems.items,
+        totalItemCount = _this$getItems.totalItemCount;
       var pagination = !hasPagination ? undefined : {
         pageIndex: pageIndex,
         pageSize: pageSize !== null && pageSize !== void 0 ? pageSize : 1,
         pageSizeOptions: pageSizeOptions,
         totalItemCount: totalItemCount,
         showPerPageOptions: showPerPageOptions
-      }; // Data loaded from a server can have a default sort order which is meaningful to the
+      };
+
+      // Data loaded from a server can have a default sort order which is meaningful to the
       // user, but can't be reproduced with client-side sort logic. So we allow the table to display
       // rows in the order in which they're initially loaded by providing an undefined sorting prop.
-
       var sorting = !hasSorting ? undefined : {
         sort: !sortName && !sortDirection ? undefined : {
           field: sortName,
@@ -470,8 +404,8 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
         allowNeutralSort: this.state.allowNeutralSort
       };
       var searchBar = this.renderSearchBar();
-
-      var table = // @ts-ignore complex relationship between pagination's existence and criteria, the code logic ensures this is correctly maintained
+      var table =
+      // @ts-ignore complex relationship between pagination's existence and criteria, the code logic ensures this is correctly maintained
       ___EmotionJSX(EuiBasicTable, _extends({
         ref: this.tableRef,
         items: items,
@@ -492,53 +426,46 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
         compressed: compressed,
         itemIdToExpandedRowMap: itemIdToExpandedRowMap
       }, rest));
-
       if (!searchBar) {
         return table;
       }
-
       return ___EmotionJSX("div", null, searchBar, childrenBetween, table);
     }
   }], [{
     key: "getDerivedStateFromProps",
     value: function getDerivedStateFromProps(nextProps, prevState) {
       var updatedPrevState = prevState;
-
       if (nextProps.items !== prevState.prevProps.items) {
         // We have new items because an external search has completed, so reset pagination state.
-        var nextPageIndex = 0;
 
+        var nextPageIndex = 0;
         if (nextProps.pagination != null && typeof nextProps.pagination !== 'boolean') {
           nextPageIndex = nextProps.pagination.pageIndex || 0;
         }
-
         updatedPrevState = _objectSpread(_objectSpread({}, updatedPrevState), {}, {
           prevProps: _objectSpread(_objectSpread({}, updatedPrevState.prevProps), {}, {
             items: nextProps.items
           }),
           pageIndex: nextPageIndex
         });
-      } // apply changes to controlled pagination
-
+      }
 
+      // apply changes to controlled pagination
       if (nextProps.pagination != null && typeof nextProps.pagination !== 'boolean') {
         if (nextProps.pagination.pageSize != null && nextProps.pagination.pageSize !== updatedPrevState.pageIndex) {
           updatedPrevState = _objectSpread(_objectSpread({}, updatedPrevState), {}, {
             pageSize: nextProps.pagination.pageSize
           });
         }
-
         if (nextProps.pagination.pageIndex != null && nextProps.pagination.pageIndex !== updatedPrevState.pageIndex) {
           updatedPrevState = _objectSpread(_objectSpread({}, updatedPrevState), {}, {
             pageIndex: nextProps.pagination.pageIndex
           });
         }
       }
-
       var _getInitialSorting2 = getInitialSorting(nextProps.columns, nextProps.sorting),
-          sortName = _getInitialSorting2.sortName,
-          sortDirection = _getInitialSorting2.sortDirection;
-
+        sortName = _getInitialSorting2.sortName,
+        sortDirection = _getInitialSorting2.sortDirection;
       if (sortName !== prevState.prevProps.sortName || sortDirection !== prevState.prevProps.sortDirection) {
         updatedPrevState = _objectSpread(_objectSpread({}, updatedPrevState), {}, {
           prevProps: _objectSpread(_objectSpread({}, updatedPrevState.prevProps), {}, {
@@ -549,10 +476,8 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
           sortDirection: sortDirection
         });
       }
-
       var nextQuery = nextProps.search ? nextProps.search.query : '';
       var prevQuery = prevState.prevProps.search ? prevState.prevProps.search.query : '';
-
       if (nextQuery !== prevQuery) {
         updatedPrevState = _objectSpread(_objectSpread({}, updatedPrevState), {}, {
           prevProps: _objectSpread(_objectSpread({}, updatedPrevState.prevProps), {}, {
@@ -561,69 +486,54 @@ export var EuiInMemoryTable = /*#__PURE__*/function (_Component) {
           query: getQueryFromSearch(nextProps.search, false)
         });
       }
-
       if (updatedPrevState !== prevState) {
         return updatedPrevState;
       }
-
       return null;
     }
   }]);
-
   return EuiInMemoryTable;
 }(Component);
-
 _defineProperty(EuiInMemoryTable, "defaultProps", {
   responsive: true,
   tableLayout: 'fixed'
 });
-
 EuiInMemoryTable.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.
      */
@@ -635,44 +545,36 @@ EuiInMemoryTable.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
        */
@@ -680,17 +582,14 @@ EuiInMemoryTable.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
        */
@@ -704,34 +603,28 @@ EuiInMemoryTable.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
        */
@@ -749,61 +642,49 @@ EuiInMemoryTable.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
          */
@@ -813,57 +694,46 @@ EuiInMemoryTable.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
      */
@@ -871,38 +741,30 @@ EuiInMemoryTable.propTypes = {
   hasActions: PropTypes.bool,
   isExpandable: PropTypes.bool,
   isSelectable: PropTypes.bool,
-
   /**
      * Provides an infinite loading indicator
      */
-
   /**
      * Provides an infinite loading indicator
      */
   loading: 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
      */
@@ -911,35 +773,29 @@ EuiInMemoryTable.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)
   }),
-
   /**
      * 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.
      *
@@ -948,27 +804,22 @@ EuiInMemoryTable.propTypes = {
      */
   textOnly: PropTypes.bool,
   message: PropTypes.node,
-
   /**
      * Configures #Search.
      */
-
   /**
      * Configures #Search.
      */
   search: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
     onChange: PropTypes.func,
-
     /**
        The initial query the bar will hold when first mounted
        */
     defaultQuery: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.string.isRequired]),
-
     /**
        If you wish to use the search bar as a controlled component, continuously pass the query via this prop.
        */
     query: PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.string.isRequired]),
-
     /**
        Configures the search box. Set `placeholder` to change the placeholder text in the box and `incremental` to support incremental (as you type) search.
        */
@@ -978,7 +829,6 @@ EuiInMemoryTable.propTypes = {
       placeholder: PropTypes.string,
       value: PropTypes.string,
       isInvalid: PropTypes.bool,
-
       /**
          * Expand to fill 100% of the parent.
          * Defaults to `fullWidth` prop of `<EuiForm>`.
@@ -986,36 +836,30 @@ EuiInMemoryTable.propTypes = {
          */
       fullWidth: PropTypes.bool,
       isLoading: PropTypes.bool,
-
       /**
          * Called when the user presses [Enter] OR on change if the incremental prop is `true`.
          * If you don't need the on[Enter] functionality, prefer using onChange
          */
       onSearch: PropTypes.func,
-
       /**
          * When `true` the search will be executed (that is, the `onSearch` will be called) as the
          * user types.
          */
       incremental: PropTypes.bool,
-
       /**
          * when `true` creates a shorter height input
          */
       compressed: PropTypes.bool,
       inputRef: PropTypes.func,
-
       /**
          * Shows a button that quickly clears any input
          */
       isClearable: PropTypes.bool,
-
       /**
          * Creates an input group with element(s) coming before input
          * `string` | `ReactElement` or an array of these
          */
       prepend: PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.element.isRequired]).isRequired, PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.element.isRequired]).isRequired).isRequired]),
-
       /**
          * Creates an input group with element(s) coming after input.
          * `string` | `ReactElement` or an array of these
@@ -1034,7 +878,6 @@ EuiInMemoryTable.propTypes = {
         flags: PropTypes.arrayOf(PropTypes.string.isRequired)
       }).isRequired, PropTypes.bool.isRequired])
     }),
-
     /**
        An array of search filters. See #SearchFilterConfig.
        */
@@ -1048,7 +891,6 @@ EuiInMemoryTable.propTypes = {
       type: PropTypes.oneOf(["field_value_selection"]).isRequired,
       field: PropTypes.string,
       name: PropTypes.string.isRequired,
-
       /**
          * See #FieldValueOptionType
          */
@@ -1104,7 +946,6 @@ EuiInMemoryTable.propTypes = {
     }).isRequired, PropTypes.shape({
       type: PropTypes.oneOf(["field_value_toggle_group"]).isRequired,
       field: PropTypes.string.isRequired,
-
       /**
          * See #FieldValueToggleGroupFilterItemType
          */
@@ -1120,22 +961,18 @@ EuiInMemoryTable.propTypes = {
       component: PropTypes.elementType.isRequired,
       available: PropTypes.func
     }).isRequired]).isRequired),
-
     /**
        * Tools which go to the left of the search bar.
        */
     toolsLeft: PropTypes.oneOfType([PropTypes.element.isRequired, PropTypes.arrayOf(PropTypes.element.isRequired).isRequired]),
-
     /**
        * Tools which go to the right of the search bar.
        */
     toolsRight: PropTypes.oneOfType([PropTypes.element.isRequired, PropTypes.arrayOf(PropTypes.element.isRequired).isRequired]),
-
     /**
        * Date formatter to use when parsing date values
        */
     dateFormat: PropTypes.any,
-
     /**
        * Hint to render below the search bar
        */
@@ -1154,30 +991,25 @@ EuiInMemoryTable.propTypes = {
     initialPageSize: PropTypes.number,
     pageIndex: PropTypes.number,
     pageSize: PropTypes.number,
-
     /**
        * Option to completely hide the "Rows per page" selector.
        */
     showPerPageOptions: PropTypes.bool,
-
     /**
        * Current selection for "Rows per page".
        * Pass `0` to display the selected "Show all" option and hide the pagination.
        */
     itemsPerPage: PropTypes.number,
-
     /**
        * Custom array of options for "Rows per page".
        * Pass `0` as one of the options to create a "Show all" option.
        */
     itemsPerPageOptions: PropTypes.arrayOf(PropTypes.number.isRequired),
-
     /**
        * Click handler that passes back selected `pageSize` number
        */
     onChangeItemsPerPage: PropTypes.func,
     onChangePage: PropTypes.func,
-
     /**
        * Requires the `id` of the table being controlled
        */
@@ -1187,29 +1019,24 @@ EuiInMemoryTable.propTypes = {
   sorting: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
     sort: PropTypes.any.isRequired
   }).isRequired]),
-
   /**
      * Set `allowNeutralSort` to false to force column sorting. Defaults to true.
      */
-
   /**
      * Set `allowNeutralSort` to false to force column sorting. Defaults to true.
      */
   allowNeutralSort: PropTypes.bool,
-
   /**
      * `onChange` is not required when `pagination` and/or `sorting` are configured,
      * but if `onChange` is present it is responsible for handling state for each/both.
      * See #Criteria or #CriteriaWithPagination
      */
-
   /**
      * `onChange` is not required when `pagination` and/or `sorting` are configured,
      * but if `onChange` is present it is responsible for handling state for each/both.
      * See #Criteria or #CriteriaWithPagination
      */
   onChange: PropTypes.any,
-
   /**
      * Callback for when table pagination or sorting is changed. This is meant to be informational only, and not used to set any state as the in-memory table already manages this state. See #Criteria or #CriteriaWithPagination.
      */
@@ -1218,18 +1045,15 @@ EuiInMemoryTable.propTypes = {
     defaultFields: PropTypes.arrayOf(PropTypes.string.isRequired),
     isClauseMatcher: PropTypes.func,
     explain: PropTypes.bool,
-
     /**
          * When the search bar Query is controlled and passed to the `search` prop it is by default executed against the items passed to the table to filter them out.
          * If the filtering is already done before passing the `items` to the table we can disable the execution by setting `enabled` to `false`.
          */
     enabled: PropTypes.bool
   }),
-
   /**
      * Insert content between the search bar and table components.
      */
-
   /**
      * Insert content between the search bar and table components.
      */