@elastic/eui 76.3.0 → 77.0.0

package/es/components/datagrid/controls/column_selector.js

@@ -1,25 +1,14 @@
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -27,6 +16,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+
 import React, { Fragment, useState, useMemo, useCallback } from 'react';
 import classNames from 'classnames';
 import { EuiPopover, EuiPopoverFooter, EuiPopoverTitle } from '../../popover';
@@ -42,28 +32,24 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 export var useDataGridColumnSelector = function useDataGridColumnSelector(availableColumns, columnVisibility, showColumnSelector, displayValues) {
   var allowColumnHiding = getNestedObjectOptions(showColumnSelector, 'allowHide');
   var allowColumnReorder = getNestedObjectOptions(showColumnSelector, 'allowReorder');
-
   var _useDependentState = useDependentState(function () {
-    return availableColumns.map(function (_ref) {
-      var id = _ref.id;
-      return id;
-    });
-  }, [availableColumns]),
-      _useDependentState2 = _slicedToArray(_useDependentState, 2),
-      sortedColumns = _useDependentState2[0],
-      setSortedColumns = _useDependentState2[1];
-
+      return availableColumns.map(function (_ref) {
+        var id = _ref.id;
+        return id;
+      });
+    }, [availableColumns]),
+    _useDependentState2 = _slicedToArray(_useDependentState, 2),
+    sortedColumns = _useDependentState2[0],
+    setSortedColumns = _useDependentState2[1];
   var visibleColumns = columnVisibility.visibleColumns,
-      setVisibleColumns = columnVisibility.setVisibleColumns;
+    setVisibleColumns = columnVisibility.setVisibleColumns;
   var visibleColumnIds = useMemo(function () {
     return new Set(visibleColumns);
   }, [visibleColumns]);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   var setColumns = useCallback(function (nextColumns) {
     setSortedColumns(nextColumns);
     var nextVisibleColumns = nextColumns.filter(function (id) {
@@ -73,8 +59,7 @@ export var useDataGridColumnSelector = function useDataGridColumnSelector(availa
   }, [setSortedColumns, setVisibleColumns, visibleColumnIds]);
   var onDragEnd = useCallback(function (_ref2) {
     var sourceIndex = _ref2.source.index,
-        destination = _ref2.destination;
-
+      destination = _ref2.destination;
     if (destination) {
       var destinationIndex = destination.index;
       var nextSortedColumns = euiDragDropReorder(sortedColumns, sourceIndex, destinationIndex);
@@ -82,12 +67,10 @@ export var useDataGridColumnSelector = function useDataGridColumnSelector(availa
     }
   }, [sortedColumns, setColumns]);
   var numberOfHiddenFields = availableColumns.length - visibleColumns.length;
-
   var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      columnSearchText = _useState4[0],
-      setColumnSearchText = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    columnSearchText = _useState4[0],
+    setColumnSearchText = _useState4[1];
   var controlBtnClasses = classNames('euiDataGrid__controlBtn', {
     'euiDataGrid__controlBtn--active': numberOfHiddenFields > 0
   });
@@ -97,14 +80,11 @@ export var useDataGridColumnSelector = function useDataGridColumnSelector(availa
     });
   }, [sortedColumns, columnSearchText, displayValues]);
   var isDragEnabled = allowColumnReorder && columnSearchText.length === 0; // only allow drag-and-drop when not filtering columns
-
   var dragHandleAriaLabel = useEuiI18n('euiColumnSelector.dragHandleAriaLabel', 'Drag handle');
-
   var buttonText = ___EmotionJSX(EuiI18n, {
     token: "euiColumnSelector.button",
     default: "Columns"
   });
-
   if (numberOfHiddenFields === 1) {
     buttonText = ___EmotionJSX(EuiI18n, {
       token: "euiColumnSelector.buttonActiveSingular",
@@ -122,7 +102,6 @@ export var useDataGridColumnSelector = function useDataGridColumnSelector(availa
       }
     });
   }
-
   var columnSelector = allowColumnHiding || allowColumnReorder ? ___EmotionJSX(EuiPopover, {
     "data-test-subj": "dataGridColumnSelectorPopover",
     isOpen: isOpen,
@@ -147,9 +126,8 @@ export var useDataGridColumnSelector = function useDataGridColumnSelector(availa
     defaults: ['Search', 'Search columns']
   }, function (_ref3) {
     var _ref4 = _slicedToArray(_ref3, 2),
-        search = _ref4[0],
-        searchcolumns = _ref4[1];
-
+      search = _ref4[0],
+      searchcolumns = _ref4[1];
     return ___EmotionJSX(EuiFieldText, {
       compressed: true,
       placeholder: search,
@@ -200,7 +178,8 @@ export var useDataGridColumnSelector = function useDataGridColumnSelector(availa
           setVisibleColumns(nextVisibleColumns);
         },
         "data-test-subj": "dataGridColumnSelectorToggleColumnVisibility-".concat(id)
-      })), ___EmotionJSX(EuiFlexItem // This extra column name flex item affords the column more grabbable real estate
+      })), ___EmotionJSX(EuiFlexItem
+      // This extra column name flex item affords the column more grabbable real estate
       // for mouse users, while hiding repetition for keyboard/screen reader users
       , _extends({}, provided.dragHandleProps, {
         "aria-hidden": true,
@@ -259,17 +238,13 @@ export var useDataGridColumnSelector = function useDataGridColumnSelector(availa
   /**
    * Used for moving columns left/right, available in the headers actions menu
    */
-
   var switchColumnPos = useCallback(function (fromColId, toColId) {
     var moveFromIdx = sortedColumns.indexOf(fromColId);
     var moveToIdx = sortedColumns.indexOf(toColId);
-
     if (moveFromIdx === -1 || moveToIdx === -1) {
       return;
     }
-
     var nextSortedColumns = _toConsumableArray(sortedColumns);
-
     nextSortedColumns.splice(moveFromIdx, 1);
     nextSortedColumns.splice(moveToIdx, 0, fromColId);
     setColumns(nextSortedColumns);

package/es/components/datagrid/controls/column_sorting.js

@@ -1,23 +1,13 @@
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -25,6 +15,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+
 import classNames from 'classnames';
 import React, { Fragment, useEffect, useState } from 'react';
 import { EuiButtonEmpty } from '../../button';
@@ -39,16 +30,14 @@ import { getDetailsForSchema } from '../utils/data_grid_schema';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var useDataGridColumnSorting = function useDataGridColumnSorting(columns, sorting, schema, schemaDetectors, displayValues) {
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      availableColumnsIsOpen = _useState4[0],
-      setAvailableColumnsIsOpen = _useState4[1]; // prune any non-existent/hidden columns from sorting
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    availableColumnsIsOpen = _useState4[0],
+    setAvailableColumnsIsOpen = _useState4[1];
+  // prune any non-existent/hidden columns from sorting
   useEffect(function () {
     if (sorting) {
       var nextSortingColumns = [];
@@ -56,16 +45,14 @@ export var useDataGridColumnSorting = function useDataGridColumnSorting(columns,
         var id = _ref.id;
         return id;
       }));
-
       for (var i = 0; i < sorting.columns.length; i++) {
         var column = sorting.columns[i];
-
         if (availableColumnIds.has(column.id)) {
           nextSortingColumns.push(column);
         }
-      } // if the column array lengths differ then the sorting columns have been pruned
-
+      }
 
+      // if the column array lengths differ then the sorting columns have been pruned
       if (nextSortingColumns.length !== sorting.columns.length) {
         sorting.onSort(nextSortingColumns);
       }
@@ -83,55 +70,45 @@ export var useDataGridColumnSorting = function useDataGridColumnSorting(columns,
     var id = _ref3.id;
     return id;
   }));
-
   var _columns$reduce = columns.reduce(function (acc, column) {
-    if (activeColumnIds.has(column.id)) {
-      acc.activeColumns.push(column);
-    } else {
-      acc.inactiveColumns.push(column);
-    }
-
-    return acc;
-  }, {
-    activeColumns: [],
-    inactiveColumns: []
-  }),
-      inactiveColumns = _columns$reduce.inactiveColumns;
-
+      if (activeColumnIds.has(column.id)) {
+        acc.activeColumns.push(column);
+      } else {
+        acc.inactiveColumns.push(column);
+      }
+      return acc;
+    }, {
+      activeColumns: [],
+      inactiveColumns: []
+    }),
+    inactiveColumns = _columns$reduce.inactiveColumns;
   var onDragEnd = function onDragEnd(_ref4) {
     var sourceIndex = _ref4.source.index,
-        destination = _ref4.destination;
-
+      destination = _ref4.destination;
     if (destination) {
       var destinationIndex = destination.index;
       var nextColumns = euiDragDropReorder(sorting.columns, sourceIndex, destinationIndex);
       sorting.onSort(nextColumns);
     }
   };
-
   var controlBtnClasses = classNames('euiDataGrid__controlBtn', {
     'euiDataGrid__controlBtn--active': sorting.columns.length > 0
   });
-
   var schemaDetails = function schemaDetails(id) {
     return schema.hasOwnProperty(id) && schema[id].columnType != null ? getDetailsForSchema(schemaDetectors, schema[id].columnType) : null;
   };
-
   var inactiveSortableColumns = inactiveColumns.filter(function (_ref5) {
     var id = _ref5.id,
-        isSortable = _ref5.isSortable;
+      isSortable = _ref5.isSortable;
     var schemaDetail = schemaDetails(id);
     var sortable = true;
-
     if (isSortable != null) {
       sortable = isSortable;
     } else if (schemaDetail != null) {
       sortable = schemaDetail.hasOwnProperty('isSortable') ? schemaDetail.isSortable : true;
     }
-
     return sortable;
   });
-
   var columnSorting = ___EmotionJSX(EuiPopover, {
     "data-test-subj": "dataGridColumnSortingPopover",
     isOpen: isOpen,
@@ -161,7 +138,7 @@ export var useDataGridColumnSorting = function useDataGridColumnSorting(columns,
     droppableId: "columnSorting"
   }, ___EmotionJSX(Fragment, null, sorting.columns.map(function (_ref6, index) {
     var id = _ref6.id,
-        direction = _ref6.direction;
+      direction = _ref6.direction;
     return ___EmotionJSX(EuiDataGridColumnSortingDraggable, {
       key: id,
       id: id,
@@ -216,7 +193,7 @@ export var useDataGridColumnSorting = function useDataGridColumnSorting(columns,
       role: "listbox"
     }, inactiveSortableColumns.map(function (_ref7) {
       var id = _ref7.id,
-          defaultSortDirection = _ref7.defaultSortDirection;
+        defaultSortDirection = _ref7.defaultSortDirection;
       return ___EmotionJSX("button", {
         key: id,
         className: "euiDataGridColumnSorting__field",
@@ -226,9 +203,7 @@ export var useDataGridColumnSorting = function useDataGridColumnSorting(columns,
         "data-test-subj": "dataGridColumnSortingPopoverColumnSelection-".concat(id),
         onClick: function onClick() {
           var _schemaDetails;
-
           var nextColumns = _toConsumableArray(sorting.columns);
-
           nextColumns.push({
             id: id,
             direction: defaultSortDirection || ((_schemaDetails = schemaDetails(id)) === null || _schemaDetails === void 0 ? void 0 : _schemaDetails.defaultSortDirection) || 'asc'
@@ -264,6 +239,5 @@ export var useDataGridColumnSorting = function useDataGridColumnSorting(columns,
     token: "euiColumnSorting.clearAll",
     default: "Clear sorting"
   }))) : null)));
-
   return columnSorting;
 };

package/es/components/datagrid/controls/column_sorting_draggable.js

@@ -1,23 +1,13 @@
 var _excluded = ["id", "display", "direction", "index", "sorting", "schema", "schemaDetectors"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _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; }
-
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -25,6 +15,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+
 import React from 'react';
 import PropTypes from "prop-types";
 import { EuiScreenReaderOnly } from '../../accessibility';
@@ -47,14 +38,13 @@ export var defaultSortDescLabel = ___EmotionJSX(EuiI18n, {
 });
 export var EuiDataGridColumnSortingDraggable = function EuiDataGridColumnSortingDraggable(_ref) {
   var id = _ref.id,
-      display = _ref.display,
-      direction = _ref.direction,
-      index = _ref.index,
-      sorting = _ref.sorting,
-      schema = _ref.schema,
-      schemaDetectors = _ref.schemaDetectors,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    display = _ref.display,
+    direction = _ref.direction,
+    index = _ref.index,
+    sorting = _ref.sorting,
+    schema = _ref.schema,
+    schemaDetectors = _ref.schemaDetectors,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var schemaDetails = schema.hasOwnProperty(id) && schema[id].columnType != null ? getDetailsForSchema(schemaDetectors, schema[id].columnType) : null;
   var textSortAsc = schemaDetails != null ? schemaDetails.sortTextAsc : defaultSortAscLabel;
   var textSortDesc = schemaDetails != null ? schemaDetails.sortTextDesc : defaultSortDescLabel;
@@ -107,7 +97,6 @@ export var EuiDataGridColumnSortingDraggable = function EuiDataGridColumnSorting
         iconType: "cross",
         onClick: function onClick() {
           var nextColumns = _toConsumableArray(sorting.columns);
-
           var columnIndex = nextColumns.map(function (_ref2) {
             var id = _ref2.id;
             return id;
@@ -117,9 +106,9 @@ export var EuiDataGridColumnSortingDraggable = function EuiDataGridColumnSorting
         }
       });
     })), ___EmotionJSX(EuiFlexItem, _extends({
-      className: "euiDataGridColumnSorting__name" // This extra column name flex item affords the column more grabbable real estate
+      className: "euiDataGridColumnSorting__name"
+      // This extra column name flex item affords the column more grabbable real estate
       // for mouse users, while hiding repetition for keyboard/screen reader users
-
     }, provided.dragHandleProps, {
       tabIndex: -1,
       "aria-hidden": true
@@ -151,7 +140,6 @@ export var EuiDataGridColumnSortingDraggable = function EuiDataGridColumnSorting
         idSelected: direction === 'asc' ? "".concat(id, "Asc") : "".concat(id, "Desc"),
         onChange: function onChange(_, direction) {
           var nextColumns = _toConsumableArray(sorting.columns);
-
           var columnIndex = nextColumns.map(function (_ref3) {
             var id = _ref3.id;
             return id;
@@ -182,7 +170,6 @@ EuiDataGridColumnSortingDraggable.propTypes = {
        * A function that receives updated column sort details in response to user interactions in the toolbar controls
        */
     onSort: PropTypes.func.isRequired,
-
     /**
        * An array of the column ids currently being sorted and their sort direction. The array order determines the sort order. `{ id: 'A'; direction: 'asc' }`
        */
@@ -197,53 +184,43 @@ EuiDataGridColumnSortingDraggable.propTypes = {
        * The name of this data type, matches #EuiDataGridColumn / `schema`
        */
     type: PropTypes.string.isRequired,
-
     /**
        * The function given the text value of a cell and returns a score of [0...1] of how well the value matches this data type
        */
     detector: PropTypes.func.isRequired,
-
     /**
        * A custom comparator function when performing in-memory sorting on this data type, takes `(a: string, b: string, direction: 'asc' | 'desc) => -1 | 0 | 1`
        */
     comparator: PropTypes.func,
-
     /**
        * The icon used to visually represent this data type. Accepts any `EuiIcon IconType`.
        */
     icon: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "check", "checkInCircleFilled", "cheer", "classificationJob", "clock", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "discoverApp", "discuss", "document", "documentEdit", "documentation", "documents", "dot", "dotInCircle", "doubleArrowLeft", "doubleArrowRight", "download", "editorAlignCenter", "editorAlignLeft", "editorAlignRight", "editorBold", "editorChecklist", "editorCodeBlock", "editorComment", "editorDistributeHorizontal", "editorDistributeVertical", "editorHeading", "editorItalic", "editorItemAlignBottom", "editorItemAlignCenter", "editorItemAlignLeft", "editorItemAlignMiddle", "editorItemAlignRight", "editorItemAlignTop", "editorLink", "editorOrderedList", "editorPositionBottomLeft", "editorPositionBottomRight", "editorPositionTopLeft", "editorPositionTopRight", "editorRedo", "editorStrike", "editorTable", "editorUnderline", "editorUndo", "editorUnorderedList", "email", "empty", "emsApp", "eql", "eraser", "error", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logoAWS", "logoAWSMono", "logoAerospike", "logoApache", "logoAppSearch", "logoAzure", "logoAzureMono", "logoBeats", "logoBusinessAnalytics", "logoCeph", "logoCloud", "logoCloudEnterprise", "logoCode", "logoCodesandbox", "logoCouchbase", "logoDocker", "logoDropwizard", "logoElastic", "logoElasticStack", "logoElasticsearch", "logoEnterpriseSearch", "logoEtcd", "logoGCP", "logoGCPMono", "logoGithub", "logoGmail", "logoGolang", "logoGoogleG", "logoHAproxy", "logoIBM", "logoIBMMono", "logoKafka", "logoKibana", "logoKubernetes", "logoLogging", "logoLogstash", "logoMaps", "logoMemcached", "logoMetrics", "logoMongodb", "logoMySQL", "logoNginx", "logoObservability", "logoOsquery", "logoPhp", "logoPostgres", "logoPrometheus", "logoRabbitmq", "logoRedis", "logoSecurity", "logoSiteSearch", "logoSketch", "logoSlack", "logoUptime", "logoWebhook", "logoWindows", "logoWorkplaceSearch", "logsApp", "logstashFilter", "logstashIf", "logstashInput", "logstashOutput", "logstashQueue", "machineLearningApp", "magnet", "magnifyWithExclamation", "magnifyWithMinus", "magnifyWithPlus", "managementApp", "mapMarker", "memory", "menu", "menuDown", "menuLeft", "menuRight", "menuUp", "merge", "metricbeatApp", "metricsApp", "minimize", "minus", "minusInCircle", "minusInCircleFilled", "mobile", "monitoringApp", "moon", "namespace", "nested", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipelineApp", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sqlApp", "starEmpty", "starEmptySpace", "starFilled", "starFilledSpace", "starMinusEmpty", "starMinusFilled", "starPlusEmpty", "starPlusFilled", "stats", "stop", "stopFilled", "stopSlash", "storage", "string", "submodule", "sun", "swatchInput", "symlink", "tableDensityCompact", "tableDensityExpanded", "tableDensityNormal", "tableOfContents", "tag", "tear", "temperature", "timeline", "timelionApp", "timeRefresh", "timeslider", "training", "trash", "unfold", "unlink", "upgradeAssistantApp", "uptimeApp", "user", "userAvatar", "users", "usersRolesApp", "vector", "videoPlayer", "visArea", "visAreaStacked", "visBarHorizontal", "visBarHorizontalStacked", "visBarVertical", "visBarVerticalStacked", "visGauge", "visGoal", "visLine", "visMapCoordinate", "visMapRegion", "visMetric", "visPie", "visTable", "visTagCloud", "visText", "visTimelion", "visVega", "visVisualBuilder", "visualizeApp", "warning", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDenseVector", "tokenElement", "tokenEnum", "tokenEnumMember", "tokenEvent", "tokenException", "tokenField", "tokenFile", "tokenFlattened", "tokenFunction", "tokenGeo", "tokenHistogram", "tokenInterface", "tokenIP", "tokenJoin", "tokenKey", "tokenKeyword", "tokenMethod", "tokenMetricCounter", "tokenMetricGauge", "tokenModule", "tokenNamespace", "tokenNested", "tokenNull", "tokenNumber", "tokenObject", "tokenOperator", "tokenPackage", "tokenParameter", "tokenPercolator", "tokenProperty", "tokenRange", "tokenRankFeature", "tokenRankFeatures", "tokenRepo", "tokenSearchType", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]).isRequired,
-
     /**
        * The color associated with this data type; it's used to color the icon token
        */
     color: PropTypes.oneOfType([PropTypes.oneOfType([PropTypes.any.isRequired, PropTypes.string.isRequired]).isRequired, PropTypes.string.isRequired]),
-
     /**
        * Text for how to represent an ascending sort of this data type, e.g. 'A -> Z'
        */
     sortTextAsc: PropTypes.node.isRequired,
-
     /**
        * Text for how to represent a descending sort of this data type, e.g. 'Z -> A'
        */
     sortTextDesc: PropTypes.node.isRequired,
-
     /**
        * Whether columns with this schema are sortable (defaults to true). Can be overridden at the individual #EuiDataGridColumn level
        */
     isSortable: PropTypes.bool,
-
     /**
        * This property controls the capitalization of text
        */
     textTransform: PropTypes.oneOf(["uppercase", "lowercase", "capitalize"]),
-
     /**
        * Default sort direction of columns with this schema. Can be overridden at the individual #EuiDataGridColumn level
        */
     defaultSortDirection: PropTypes.oneOf(["asc", "desc"])
   }).isRequired).isRequired,
-
   /**
      * Value to be shown in column sorting popover.
      */

package/es/components/datagrid/controls/data_grid_toolbar.js

@@ -5,23 +5,25 @@
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+
 import React from 'react';
 import { EuiScreenReaderOnly } from '../../accessibility';
-import { IS_JEST_ENVIRONMENT } from '../../../utils'; // When below this number the grid only shows the right control icon buttons
+import { IS_JEST_ENVIRONMENT } from '../../../utils';
 
+// When below this number the grid only shows the right control icon buttons
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var MINIMUM_WIDTH_FOR_GRID_CONTROLS = 479;
 export var EuiDataGridToolbar = function EuiDataGridToolbar(_ref) {
   var gridWidth = _ref.gridWidth,
-      _ref$minSizeForContro = _ref.minSizeForControls,
-      minSizeForControls = _ref$minSizeForContro === void 0 ? MINIMUM_WIDTH_FOR_GRID_CONTROLS : _ref$minSizeForContro,
-      toolbarVisibility = _ref.toolbarVisibility,
-      isFullScreen = _ref.isFullScreen,
-      fullScreenSelector = _ref.fullScreenSelector,
-      keyboardShortcuts = _ref.keyboardShortcuts,
-      displaySelector = _ref.displaySelector,
-      columnSelector = _ref.columnSelector,
-      columnSorting = _ref.columnSorting;
+    _ref$minSizeForContro = _ref.minSizeForControls,
+    minSizeForControls = _ref$minSizeForContro === void 0 ? MINIMUM_WIDTH_FOR_GRID_CONTROLS : _ref$minSizeForContro,
+    toolbarVisibility = _ref.toolbarVisibility,
+    isFullScreen = _ref.isFullScreen,
+    fullScreenSelector = _ref.fullScreenSelector,
+    keyboardShortcuts = _ref.keyboardShortcuts,
+    displaySelector = _ref.displaySelector,
+    columnSelector = _ref.columnSelector,
+    columnSorting = _ref.columnSorting;
   // Enables/disables grid controls based on available width
   var hasRoomForGridControls = IS_JEST_ENVIRONMENT ? true : gridWidth > minSizeForControls || isFullScreen;
   return ___EmotionJSX("div", {
@@ -35,16 +37,16 @@ export var EuiDataGridToolbar = function EuiDataGridToolbar(_ref) {
     showOnFocus: true
   }, ___EmotionJSX("span", null, keyboardShortcuts)), checkOrDefaultToolBarDisplayOptions(toolbarVisibility, 'showDisplaySelector') ? displaySelector : null, checkOrDefaultToolBarDisplayOptions(toolbarVisibility, 'showFullScreenSelector') ? fullScreenSelector : null));
 };
+
 /**
  * Toolbar utilities
  */
+
 // Typeguards to see if toolbarVisibility has a certain boolean property assigned
 // If not, just set it to true and assume it's OK to show
-
 function objectHasKey(object, key) {
   return object.hasOwnProperty(key);
 }
-
 export function checkOrDefaultToolBarDisplayOptions(arg, option) {
   if (arg === undefined) {
     return true;
@@ -58,18 +60,15 @@ export function checkOrDefaultToolBarDisplayOptions(arg, option) {
 }
 export function renderAdditionalControls(toolbarVisibility, position) {
   var _additionalControlsOb;
-
   if (typeof toolbarVisibility === 'boolean') return null;
-
   var _ref2 = toolbarVisibility || {},
-      additionalControls = _ref2.additionalControls;
-
-  if (!additionalControls) return null; // Typescript is having obj issues, so we need to force cast to EuiDataGridToolBarAdditionalControlsOptions here
-
-  var additionalControlsObj = (additionalControls === null || additionalControls === void 0 ? void 0 : additionalControls.constructor) === Object ? additionalControls : {}; // Typescript workarounds continued
+    additionalControls = _ref2.additionalControls;
+  if (!additionalControls) return null;
 
+  // Typescript is having obj issues, so we need to force cast to EuiDataGridToolBarAdditionalControlsOptions here
+  var additionalControlsObj = (additionalControls === null || additionalControls === void 0 ? void 0 : additionalControls.constructor) === Object ? additionalControls : {};
+  // Typescript workarounds continued
   var leftPositionObj = ((_additionalControlsOb = additionalControlsObj.left) === null || _additionalControlsOb === void 0 ? void 0 : _additionalControlsOb.constructor) === Object ? additionalControlsObj.left : {};
-
   if (position === 'right') {
     if (additionalControlsObj !== null && additionalControlsObj !== void 0 && additionalControlsObj.right) {
       return additionalControlsObj.right;
@@ -82,20 +81,18 @@ export function renderAdditionalControls(toolbarVisibility, position) {
     if (leftPositionObj !== null && leftPositionObj !== void 0 && leftPositionObj.append) {
       return leftPositionObj.append;
     }
-
     if ( /*#__PURE__*/React.isValidElement(additionalControlsObj === null || additionalControlsObj === void 0 ? void 0 : additionalControlsObj.left)) {
       // If the consumer passed a single ReactNode to `additionalControls.left`, default to the left append position
       return additionalControlsObj.left;
     }
-
     if ( /*#__PURE__*/React.isValidElement(additionalControls)) {
       // API backwards compatability: if the consumer passed a single ReactNode to `additionalControls`, default to the the left append position
       return additionalControls;
     }
   }
-
   return null;
 }
+
 /**
  * Utility helper for selectors/controls that allow nested options
  * (e.g. column selector, display selector)
@@ -103,11 +100,10 @@ export function renderAdditionalControls(toolbarVisibility, position) {
 
 export function getNestedObjectOptions(controlOption, objectKey) {
   var _controlOption$object;
-
   // If the config is a boolean, nested options follow that boolean
-  if (controlOption === false || controlOption === true) return controlOption; // If config is not defined, default to enabled
-
-  if (controlOption == null) return true; // Otherwise, type should be an object of boolean values - dive into it and return the value
-
+  if (controlOption === false || controlOption === true) return controlOption;
+  // If config is not defined, default to enabled
+  if (controlOption == null) return true;
+  // Otherwise, type should be an object of boolean values - dive into it and return the value
   return !!((_controlOption$object = controlOption[objectKey]) !== null && _controlOption$object !== void 0 ? _controlOption$object : true);
 }