@elastic/eui 95.10.0 → 95.11.0

package/es/components/datagrid/data_grid.stories.utils.js

@@ -0,0 +1,1386 @@
+var _excluded = ["pagination", "sorting", "columnVisibility"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import PropTypes from "prop-types";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+/* eslint-disable storybook/default-exports, storybook/prefer-pascal-case */
+
+import React, { useCallback, useEffect, useState } from 'react';
+import { faker } from '@faker-js/faker';
+import { EuiLink } from '../link';
+import { EuiScreenReaderOnly } from '../accessibility';
+import { EuiButtonIcon } from '../button';
+import { MINIMUM_WIDTH_FOR_GRID_CONTROLS } from './controls/data_grid_toolbar';
+import { EuiDataGrid } from './data_grid';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+faker.seed(42);
+
+// NOTE: using faker.date.past() is not fully stable for VRT as the date is
+// based on a years time distance (default 1 year) which updates with progressing time
+// faker.seed() ensures the same date is output in the same time frame
+// but after some time the time distance will generate a newer, closer date
+// which then invalidates the VRT
+var staticDates = [new Date('Tue Mar 19 2024 18:54:51 GMT+0100'), new Date('Mon Mar 25 2024 19:27:35 GMT+0100'), new Date('Sat Sep 09 2023 00:32:42 GMT+0200'), new Date('Wed Jun 14 2023 06:48:29 GMT+0200'), new Date('Mon Mar 04 2024 04:40:36 GMT+0100'), new Date('Mon Feb 05 2024 10:51:48 GMT+0100'), new Date('Mon Jun 19 2023 12:08:38 GMT+0200'), new Date('Wed Jul 26 2023 01:15:02 GMT+0200'), new Date('Wed Nov 08 2023 08:49:13 GMT+0100'), new Date('Sun Nov 19 2023 01:49:12 GMT+0100')];
+var dataKeys = ['name', 'email', 'account', 'location', 'date', 'version'];
+export var raw_data = Array.from({
+  length: 10
+}).map(function (_, i) {
+  var email = faker.internet.email();
+  var name = "".concat(faker.person.lastName(), ", ").concat(faker.person.firstName());
+  var date = staticDates[i].toDateString();
+  var suffix = faker.person.suffix();
+  return {
+    name: {
+      formatted: "".concat(name, " ").concat(suffix),
+      raw: name
+    },
+    email: {
+      formatted: ___EmotionJSX(EuiLink, {
+        href: ""
+      }, faker.internet.email()),
+      raw: email
+    },
+    location: ___EmotionJSX(React.Fragment, null, "".concat(faker.location.city(), ", "), ___EmotionJSX(EuiLink, {
+      href: "https://google.com"
+    }, faker.location.country())),
+    date: "".concat(date),
+    account: faker.finance.accountNumber(),
+    version: faker.system.semver()
+  };
+});
+var columns = [{
+  id: 'name',
+  displayAsText: 'Name',
+  defaultSortDirection: 'asc',
+  cellActions: [function (_ref) {
+    var rowIndex = _ref.rowIndex,
+      Component = _ref.Component;
+    var data = raw_data;
+    var value = data[rowIndex].name.raw;
+    return ___EmotionJSX(Component, {
+      onClick: function onClick() {
+        return alert("Hi ".concat(value));
+      },
+      iconType: "heart",
+      "aria-label": "Say hi to ".concat(value, "!")
+    }, "Say hi");
+  }]
+}, {
+  id: 'email',
+  displayAsText: 'Email address',
+  initialWidth: 130,
+  cellActions: [function (_ref2) {
+    var rowIndex = _ref2.rowIndex,
+      Component = _ref2.Component;
+    var data = raw_data;
+    var value = data[rowIndex].email.raw;
+    return ___EmotionJSX(Component, {
+      onClick: function onClick() {
+        return alert(value);
+      },
+      iconType: "email",
+      "aria-label": "Send email to ".concat(value)
+    }, "Send email");
+  }]
+}, {
+  id: 'location',
+  displayAsText: 'Location'
+}, {
+  id: 'account',
+  displayAsText: 'Account',
+  actions: {
+    showHide: {
+      label: 'Custom hide label'
+    },
+    showMoveLeft: false,
+    showMoveRight: false,
+    additional: [{
+      label: 'Custom action',
+      onClick: function onClick() {},
+      iconType: 'cheer',
+      size: 'xs',
+      color: 'text'
+    }]
+  },
+  cellActions: [function (_ref3) {
+    var rowIndex = _ref3.rowIndex,
+      Component = _ref3.Component,
+      isExpanded = _ref3.isExpanded;
+    var data = raw_data;
+    var value = data[rowIndex].account;
+    var onClick = isExpanded ? function () {
+      return alert("Sent money to ".concat(value, " when expanded"));
+    } : function () {
+      return alert("Sent money to ".concat(value, " when not expanded"));
+    };
+    return ___EmotionJSX(Component, {
+      onClick: onClick,
+      iconType: "faceHappy",
+      "aria-label": "Send money to ".concat(value)
+    }, "Send money");
+  }]
+}, {
+  id: 'date',
+  displayAsText: 'Date',
+  defaultSortDirection: 'desc'
+}, {
+  id: 'version',
+  displayAsText: 'Version',
+  defaultSortDirection: 'desc',
+  initialWidth: 70,
+  isResizable: false,
+  actions: false
+}];
+var RenderCellValue = function RenderCellValue(_ref4) {
+  var rowIndex = _ref4.rowIndex,
+    columnId = _ref4.columnId;
+  var data = raw_data;
+  var row = data[rowIndex];
+  var columnName = columnId;
+  var column = row[columnName];
+  var getFormatted = function getFormatted() {
+    if (_typeof(column) === 'object') {
+      var hasFormatted = ('formatted' in column);
+      return hasFormatted ? column.formatted : column;
+    }
+    return typeof column === 'string' ? column : null;
+  };
+  return data.hasOwnProperty(rowIndex) ? getFormatted() : null;
+};
+export var defaultStorybookArgs = {
+  'aria-label': 'EuiDataGrid',
+  columns: columns,
+  rowCount: 10,
+  renderCellValue: RenderCellValue,
+  trailingControlColumns: [{
+    id: 'trailing-actions',
+    width: 40,
+    headerCellRender: function headerCellRender() {
+      return ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("span", null, "Trailing actions"));
+    },
+    rowCellRender: function rowCellRender() {
+      return ___EmotionJSX(EuiButtonIcon, {
+        iconType: "boxesHorizontal"
+      });
+    }
+  }],
+  leadingControlColumns: [{
+    id: 'leading-actions',
+    width: 40,
+    headerCellRender: function headerCellRender() {
+      return ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("span", null, "Leading actions"));
+    },
+    rowCellRender: function rowCellRender() {
+      return ___EmotionJSX(EuiButtonIcon, {
+        iconType: "boxesHorizontal"
+      });
+    }
+  }],
+  // setup for easier testing/QA
+  columnVisibility: {
+    visibleColumns: ['name', 'email', 'account', 'location', 'date', 'amount', 'phone', 'version'],
+    setVisibleColumns: function setVisibleColumns() {}
+  },
+  inMemory: {
+    level: 'sorting'
+  },
+  pagination: {
+    pageIndex: 0,
+    pageSize: 10,
+    pageSizeOptions: [10, 20, 50],
+    onChangeItemsPerPage: function onChangeItemsPerPage() {},
+    onChangePage: function onChangePage() {}
+  },
+  gridStyle: {
+    fontSize: 'm',
+    cellPadding: 'm',
+    border: 'all',
+    stripes: false,
+    header: 'shade',
+    footer: 'overline',
+    stickyFooter: true,
+    rowHover: 'highlight',
+    rowClasses: {}
+  },
+  width: '',
+  height: '',
+  toolbarVisibility: {
+    showColumnSelector: true,
+    showDisplaySelector: true,
+    showSortSelector: true,
+    showKeyboardShortcuts: true,
+    showFullScreenSelector: true,
+    additionalControls: null
+  },
+  minSizeForControls: MINIMUM_WIDTH_FOR_GRID_CONTROLS,
+  rowHeightsOptions: {
+    defaultHeight: undefined,
+    rowHeights: {},
+    lineHeight: undefined,
+    scrollAnchorRow: undefined
+  }
+};
+export var StatefulDataGrid = function StatefulDataGrid(props) {
+  var _pagination$pageIndex, _sorting$columns, _columnVisibility$vis;
+  var pagination = props.pagination,
+    sorting = props.sorting,
+    columnVisibility = props.columnVisibility,
+    rest = _objectWithoutProperties(props, _excluded);
+
+  // Pagination
+  var _useState = useState(_objectSpread({
+      pageIndex: (_pagination$pageIndex = pagination === null || pagination === void 0 ? void 0 : pagination.pageIndex) !== null && _pagination$pageIndex !== void 0 ? _pagination$pageIndex : 0
+    }, pagination)),
+    _useState2 = _slicedToArray(_useState, 2),
+    _pagination = _useState2[0],
+    setPagination = _useState2[1];
+  var onChangeItemsPerPage = useCallback(function (pageSize) {
+    return setPagination(function (pagination) {
+      return _objectSpread(_objectSpread({}, pagination), {}, {
+        pageSize: pageSize,
+        pageIndex: 0
+      });
+    });
+  }, [setPagination]);
+  var onChangePage = useCallback(function (pageIndex) {
+    return setPagination(function (pagination) {
+      return _objectSpread(_objectSpread({}, pagination), {}, {
+        pageIndex: pageIndex
+      });
+    });
+  }, [setPagination]);
+  useEffect(function () {
+    if (pagination) {
+      setPagination(function (curentPagination) {
+        return _objectSpread(_objectSpread({}, curentPagination), pagination);
+      });
+    }
+  }, [pagination]);
+
+  // Sorting
+  var _useState3 = useState((_sorting$columns = sorting === null || sorting === void 0 ? void 0 : sorting.columns) !== null && _sorting$columns !== void 0 ? _sorting$columns : []),
+    _useState4 = _slicedToArray(_useState3, 2),
+    sortingColumns = _useState4[0],
+    setSortingColumns = _useState4[1];
+  var onSort = useCallback(function (sortingColumns) {
+    var _sorting$onSort;
+    setSortingColumns(sortingColumns);
+    sorting === null || sorting === void 0 || (_sorting$onSort = sorting.onSort) === null || _sorting$onSort === void 0 || _sorting$onSort.call(sorting, sortingColumns);
+  }, [setSortingColumns, sorting]);
+  useEffect(function () {
+    if (sorting && Array.isArray(sorting.columns)) {
+      setSortingColumns(sorting.columns);
+    }
+  }, [sorting]);
+
+  // Column visibility
+  var _useState5 = useState((_columnVisibility$vis = columnVisibility === null || columnVisibility === void 0 ? void 0 : columnVisibility.visibleColumns) !== null && _columnVisibility$vis !== void 0 ? _columnVisibility$vis : columns.map(function (_ref5) {
+      var id = _ref5.id;
+      return id;
+    }) // initialize to the full set of columns
+    ),
+    _useState6 = _slicedToArray(_useState5, 2),
+    visibleColumns = _useState6[0],
+    setVisibleColumns = _useState6[1];
+  useEffect(function () {
+    if ((columnVisibility === null || columnVisibility === void 0 ? void 0 : columnVisibility.visibleColumns) != null) {
+      setVisibleColumns(columnVisibility === null || columnVisibility === void 0 ? void 0 : columnVisibility.visibleColumns);
+    }
+  }, [columnVisibility]);
+  return ___EmotionJSX(EuiDataGrid, _extends({}, rest, {
+    columnVisibility: {
+      visibleColumns: visibleColumns,
+      setVisibleColumns: setVisibleColumns
+    },
+    sorting: {
+      columns: sortingColumns,
+      onSort: onSort
+    },
+    pagination: _objectSpread(_objectSpread({}, _pagination), {}, {
+      onChangeItemsPerPage: onChangeItemsPerPage,
+      onChangePage: onChangePage
+    })
+  }));
+};
+
+/*
+ * Components that exist purely for allowing Storybook to parse certain nested
+ * interfaces/types into specific example control tables.
+ *
+ * For whatever reason, they needs to be in a separate file for Storybook's
+ * react-typescript-docgen to parse the jsdoc comments into the controls table
+ */
+
+export var EuiDataGridToolbarPropsComponent = function EuiDataGridToolbarPropsComponent() {
+  return ___EmotionJSX(React.Fragment, null);
+};
+EuiDataGridToolbarPropsComponent.propTypes = {
+  className: PropTypes.string,
+  "aria-label": PropTypes.string,
+  "data-test-subj": PropTypes.string,
+  css: PropTypes.any,
+  /**
+       * An array of #EuiDataGridColumn objects. Lists the columns available and the schema and settings tied to it.
+       */
+  columns: PropTypes.arrayOf(PropTypes.shape({
+    /**
+       * The unique identifier for this column
+       */
+    id: PropTypes.string.isRequired,
+    /**
+       * A `ReactNode` used when rendering the column header. When providing complicated content, please make sure to utilize CSS to respect truncation as space allows. Check the docs example.
+       */
+    display: PropTypes.node,
+    /**
+       * Display name as text for the column.
+       * This can be used to display a readable column name in column hiding/sorting, where `display` won't be used.
+       * This will also be used as a `title` attribute that will display on mouseover (useful if the display text is being truncated by the column width).
+       * If not passed, `id` will be shown as the column name.
+       * Passing this together with `display` is useful to ensure an accessible label is added to the column.
+       */
+    displayAsText: PropTypes.string,
+    /**
+       * Optional props to pass to the column header cell
+       */
+    displayHeaderCellProps: PropTypes.any,
+    /**
+       * Initial width (in pixels) of the column
+       */
+    initialWidth: PropTypes.number,
+    /**
+       * Defaults to true, always true if cellActions are defined. Defines whether or not the column's cells can be expanded with a popup onClick / keydown.
+       */
+    isExpandable: PropTypes.bool,
+    /**
+       * Whether this column's width can be changed by the user, defaults to true
+       */
+    isResizable: PropTypes.bool,
+    /**
+       * Whether this column is sortable
+       */
+    isSortable: PropTypes.bool,
+    /**
+       * Default sort direction of the column
+       */
+    defaultSortDirection: PropTypes.oneOf(["asc", "desc"]),
+    /**
+       * A Schema to use for the column.
+       * Built-in values are [`boolean`, `currency`, `datetime`, `numeric`, `json`] but can be expanded by defining your own #EuiDataGrid `schemaDetectors` (for in-memory detection).
+       * In general, it is advised to pass in a value here when you are sure of the schema ahead of time, so that you don't need to rely on the automatic detection.
+       */
+    schema: PropTypes.string,
+    /**
+       * Configuration of column actions. Set to false to disable or use #EuiDataGridColumnActions to configure the actions displayed in the header cell of the column.
+       */
+    actions: PropTypes.oneOfType([PropTypes.oneOf([false]), PropTypes.shape({
+      /**
+         * Show/hide/configure the action to hide a column, provided EuiListGroupItemProps are merged
+         */
+      showHide: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
+        className: PropTypes.string,
+        "aria-label": PropTypes.string,
+        "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
+        /**
+             * Size of the label text
+             */
+        size: PropTypes.any,
+        /**
+             * By default the item will get the color `text`.
+             * You can customize the color of the item by passing a color name.
+             */
+        color: PropTypes.any,
+        /**
+             * Apply styles indicating an item is active
+             */
+        isActive: PropTypes.bool,
+        /**
+             * Apply styles indicating an item is disabled
+             */
+        isDisabled: PropTypes.bool,
+        /**
+             * Make the list item label a link.
+             * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
+             */
+        href: PropTypes.string,
+        rel: PropTypes.string,
+        target: PropTypes.string,
+        /**
+             * Set to true to show an icon indicating that it is an external link;
+             * Defaults to true if `target="_blank"`
+             */
+        external: PropTypes.bool,
+        /**
+             * Further extend the props applied to EuiIcon
+             */
+        iconProps: PropTypes.any,
+        /**
+             * Display tooltip on list item
+             */
+        showToolTip: PropTypes.bool,
+        /**
+             * An object of #EuiListGroupItemExtraAction props.
+             * Adds an `EuiButtonIcon` to the right side of the item; `iconType` is required;
+             * pass `alwaysShow` if you don't want the default behavior of only showing on hover
+             */
+        extraAction: PropTypes.shape({
+          alwaysShow: PropTypes.bool,
+          type: PropTypes.any,
+          onClick: PropTypes.func,
+          iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "anomalyChart", "anomalySwimLane", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "at", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "changePointDetection", "check", "checkInCircleFilled", "cheer", "classificationJob", "clickLeft", "clickRight", "clock", "clockCounter", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInCircle", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "diff", "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", "endpoint", "eql", "eraser", "error", "errorFilled", "esqlVis", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "fieldStatistics", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logPatternAnalysis", "logRateAnalysis", "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", "logoVulnerabilityManagement", "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", "minusInSquare", "mobile", "monitoringApp", "moon", "move", "namespace", "nested", "newChat", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "plusInSquare", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "singleMetricViewer", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "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", "timelineWithArrow", "timelionApp", "timeRefresh", "timeslider", "training", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "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", "vulnerabilityManagementApp", "warning", "warningFilled", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDimension", "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", "tokenSemanticText", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable", "tokenVectorDense", "tokenDenseVector", "tokenVectorSparse"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]).isRequired,
+          /**
+             * Any of the named color palette options.
+             */
+          color: PropTypes.any,
+          "aria-label": PropTypes.string,
+          "aria-labelledby": PropTypes.string,
+          isDisabled: PropTypes.bool,
+          /**
+             * Overall size of button.
+             * Matches the sizes of other EuiButtons
+             */
+          size: PropTypes.any,
+          /**
+             * Size of the icon only.
+             * This will not affect the overall size of the button
+             */
+          iconSize: PropTypes.any,
+          /**
+             * Applies the boolean state as the `aria-pressed` property to create a toggle button.
+             * *Only use when the readable text does not change between states.*
+             */
+          isSelected: PropTypes.bool,
+          /**
+             * Sets the display style for matching other EuiButton types.
+             * `base` is equivalent to a typical EuiButton
+             * `fill` is equivalent to a filled EuiButton
+             * `empty` (default) is equivalent to an EuiButtonEmpty
+             */
+          display: PropTypes.any,
+          /**
+             * Disables the button and changes the icon to a loading spinner
+             */
+          isLoading: PropTypes.bool,
+          className: PropTypes.string,
+          "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
+          buttonRef: PropTypes.any
+        }),
+        /**
+             * Make the list item label a button.
+             * While permitted, `href` and `onClick` should not be used together in most cases and may create problems.
+             */
+        onClick: PropTypes.func,
+        /**
+             * Allow link text to wrap
+             */
+        wrapText: PropTypes.bool,
+        /**
+             * Pass-through ref reference specifically for targeting
+             * instances where the item content is rendered as a `button`
+             */
+        buttonRef: PropTypes.any,
+        /**
+             * Text to be displayed in the tooltip when `showToolTip` is true.
+             * By default the text will be same as the label text.
+             */
+        toolTipText: PropTypes.string,
+        /**
+             * Allows customizing the tooltip shown when `showToolTip` is true.
+             * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+             */
+        toolTipProps: PropTypes.any
+      }).isRequired]),
+      /**
+         * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
+         */
+      showMoveLeft: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
+        className: PropTypes.string,
+        "aria-label": PropTypes.string,
+        "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
+        size: PropTypes.any,
+        color: PropTypes.any,
+        isActive: PropTypes.bool,
+        isDisabled: PropTypes.bool,
+        href: PropTypes.string,
+        rel: PropTypes.string,
+        target: PropTypes.string,
+        external: PropTypes.bool,
+        iconProps: PropTypes.any,
+        showToolTip: PropTypes.bool,
+        extraAction: PropTypes.shape({
+          alwaysShow: PropTypes.bool,
+          type: PropTypes.any,
+          onClick: PropTypes.func,
+          iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "anomalyChart", "anomalySwimLane", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "at", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "changePointDetection", "check", "checkInCircleFilled", "cheer", "classificationJob", "clickLeft", "clickRight", "clock", "clockCounter", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInCircle", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "diff", "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", "endpoint", "eql", "eraser", "error", "errorFilled", "esqlVis", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "fieldStatistics", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logPatternAnalysis", "logRateAnalysis", "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", "logoVulnerabilityManagement", "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", "minusInSquare", "mobile", "monitoringApp", "moon", "move", "namespace", "nested", "newChat", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "plusInSquare", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "singleMetricViewer", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "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", "timelineWithArrow", "timelionApp", "timeRefresh", "timeslider", "training", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "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", "vulnerabilityManagementApp", "warning", "warningFilled", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDimension", "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", "tokenSemanticText", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable", "tokenVectorDense", "tokenDenseVector", "tokenVectorSparse"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]).isRequired,
+          color: PropTypes.any,
+          "aria-label": PropTypes.string,
+          "aria-labelledby": PropTypes.string,
+          isDisabled: PropTypes.bool,
+          size: PropTypes.any,
+          iconSize: PropTypes.any,
+          isSelected: PropTypes.bool,
+          display: PropTypes.any,
+          isLoading: PropTypes.bool,
+          className: PropTypes.string,
+          "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
+          buttonRef: PropTypes.any
+        }),
+        onClick: PropTypes.func,
+        wrapText: PropTypes.bool,
+        buttonRef: PropTypes.any,
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
+      }).isRequired]),
+      /**
+         * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
+         */
+      showMoveRight: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
+        className: PropTypes.string,
+        "aria-label": PropTypes.string,
+        "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
+        size: PropTypes.any,
+        color: PropTypes.any,
+        isActive: PropTypes.bool,
+        isDisabled: PropTypes.bool,
+        href: PropTypes.string,
+        rel: PropTypes.string,
+        target: PropTypes.string,
+        external: PropTypes.bool,
+        iconProps: PropTypes.any,
+        showToolTip: PropTypes.bool,
+        extraAction: PropTypes.shape({
+          alwaysShow: PropTypes.bool,
+          type: PropTypes.any,
+          onClick: PropTypes.func,
+          iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "anomalyChart", "anomalySwimLane", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "at", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "changePointDetection", "check", "checkInCircleFilled", "cheer", "classificationJob", "clickLeft", "clickRight", "clock", "clockCounter", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInCircle", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "diff", "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", "endpoint", "eql", "eraser", "error", "errorFilled", "esqlVis", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "fieldStatistics", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logPatternAnalysis", "logRateAnalysis", "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", "logoVulnerabilityManagement", "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", "minusInSquare", "mobile", "monitoringApp", "moon", "move", "namespace", "nested", "newChat", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "plusInSquare", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "singleMetricViewer", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "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", "timelineWithArrow", "timelionApp", "timeRefresh", "timeslider", "training", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "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", "vulnerabilityManagementApp", "warning", "warningFilled", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDimension", "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", "tokenSemanticText", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable", "tokenVectorDense", "tokenDenseVector", "tokenVectorSparse"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]).isRequired,
+          color: PropTypes.any,
+          "aria-label": PropTypes.string,
+          "aria-labelledby": PropTypes.string,
+          isDisabled: PropTypes.bool,
+          size: PropTypes.any,
+          iconSize: PropTypes.any,
+          isSelected: PropTypes.bool,
+          display: PropTypes.any,
+          isLoading: PropTypes.bool,
+          className: PropTypes.string,
+          "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
+          buttonRef: PropTypes.any
+        }),
+        onClick: PropTypes.func,
+        wrapText: PropTypes.bool,
+        buttonRef: PropTypes.any,
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
+      }).isRequired]),
+      /**
+         * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
+         */
+      showSortAsc: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
+        className: PropTypes.string,
+        "aria-label": PropTypes.string,
+        "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
+        size: PropTypes.any,
+        color: PropTypes.any,
+        isActive: PropTypes.bool,
+        isDisabled: PropTypes.bool,
+        href: PropTypes.string,
+        rel: PropTypes.string,
+        target: PropTypes.string,
+        external: PropTypes.bool,
+        iconProps: PropTypes.any,
+        showToolTip: PropTypes.bool,
+        extraAction: PropTypes.shape({
+          alwaysShow: PropTypes.bool,
+          type: PropTypes.any,
+          onClick: PropTypes.func,
+          iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "anomalyChart", "anomalySwimLane", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "at", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "changePointDetection", "check", "checkInCircleFilled", "cheer", "classificationJob", "clickLeft", "clickRight", "clock", "clockCounter", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInCircle", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "diff", "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", "endpoint", "eql", "eraser", "error", "errorFilled", "esqlVis", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "fieldStatistics", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logPatternAnalysis", "logRateAnalysis", "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", "logoVulnerabilityManagement", "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", "minusInSquare", "mobile", "monitoringApp", "moon", "move", "namespace", "nested", "newChat", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "plusInSquare", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "singleMetricViewer", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "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", "timelineWithArrow", "timelionApp", "timeRefresh", "timeslider", "training", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "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", "vulnerabilityManagementApp", "warning", "warningFilled", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDimension", "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", "tokenSemanticText", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable", "tokenVectorDense", "tokenDenseVector", "tokenVectorSparse"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]).isRequired,
+          color: PropTypes.any,
+          "aria-label": PropTypes.string,
+          "aria-labelledby": PropTypes.string,
+          isDisabled: PropTypes.bool,
+          size: PropTypes.any,
+          iconSize: PropTypes.any,
+          isSelected: PropTypes.bool,
+          display: PropTypes.any,
+          isLoading: PropTypes.bool,
+          className: PropTypes.string,
+          "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
+          buttonRef: PropTypes.any
+        }),
+        onClick: PropTypes.func,
+        wrapText: PropTypes.bool,
+        buttonRef: PropTypes.any,
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
+      }).isRequired]),
+      /**
+         * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
+         */
+      showSortDesc: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
+        className: PropTypes.string,
+        "aria-label": PropTypes.string,
+        "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
+        size: PropTypes.any,
+        color: PropTypes.any,
+        isActive: PropTypes.bool,
+        isDisabled: PropTypes.bool,
+        href: PropTypes.string,
+        rel: PropTypes.string,
+        target: PropTypes.string,
+        external: PropTypes.bool,
+        iconProps: PropTypes.any,
+        showToolTip: PropTypes.bool,
+        extraAction: PropTypes.shape({
+          alwaysShow: PropTypes.bool,
+          type: PropTypes.any,
+          onClick: PropTypes.func,
+          iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "anomalyChart", "anomalySwimLane", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "at", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "changePointDetection", "check", "checkInCircleFilled", "cheer", "classificationJob", "clickLeft", "clickRight", "clock", "clockCounter", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInCircle", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "diff", "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", "endpoint", "eql", "eraser", "error", "errorFilled", "esqlVis", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "fieldStatistics", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logPatternAnalysis", "logRateAnalysis", "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", "logoVulnerabilityManagement", "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", "minusInSquare", "mobile", "monitoringApp", "moon", "move", "namespace", "nested", "newChat", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "plusInSquare", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "singleMetricViewer", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "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", "timelineWithArrow", "timelionApp", "timeRefresh", "timeslider", "training", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "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", "vulnerabilityManagementApp", "warning", "warningFilled", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDimension", "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", "tokenSemanticText", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable", "tokenVectorDense", "tokenDenseVector", "tokenVectorSparse"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]).isRequired,
+          color: PropTypes.any,
+          "aria-label": PropTypes.string,
+          "aria-labelledby": PropTypes.string,
+          isDisabled: PropTypes.bool,
+          size: PropTypes.any,
+          iconSize: PropTypes.any,
+          isSelected: PropTypes.bool,
+          display: PropTypes.any,
+          isLoading: PropTypes.bool,
+          className: PropTypes.string,
+          "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
+          buttonRef: PropTypes.any
+        }),
+        onClick: PropTypes.func,
+        wrapText: PropTypes.bool,
+        buttonRef: PropTypes.any,
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
+      }).isRequired]),
+      /**
+         * Append additional actions
+         */
+      additional: PropTypes.arrayOf(PropTypes.shape({
+        className: PropTypes.string,
+        "aria-label": PropTypes.string,
+        "data-test-subj": PropTypes.string,
+        css: PropTypes.any,
+        size: PropTypes.any,
+        color: PropTypes.any,
+        isActive: PropTypes.bool,
+        isDisabled: PropTypes.bool,
+        href: PropTypes.string,
+        rel: PropTypes.string,
+        target: PropTypes.string,
+        external: PropTypes.bool,
+        iconProps: PropTypes.any,
+        showToolTip: PropTypes.bool,
+        extraAction: PropTypes.shape({
+          alwaysShow: PropTypes.bool,
+          type: PropTypes.any,
+          onClick: PropTypes.func,
+          iconType: PropTypes.oneOfType([PropTypes.oneOf(["accessibility", "addDataApp", "advancedSettingsApp", "agentApp", "aggregate", "analyzeEvent", "annotation", "anomalyChart", "anomalySwimLane", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "at", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "changePointDetection", "check", "checkInCircleFilled", "cheer", "classificationJob", "clickLeft", "clickRight", "clock", "clockCounter", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInCircle", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "diff", "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", "endpoint", "eql", "eraser", "error", "errorFilled", "esqlVis", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "fieldStatistics", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logPatternAnalysis", "logRateAnalysis", "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", "logoVulnerabilityManagement", "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", "minusInSquare", "mobile", "monitoringApp", "moon", "move", "namespace", "nested", "newChat", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "plusInSquare", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "singleMetricViewer", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "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", "timelineWithArrow", "timelionApp", "timeRefresh", "timeslider", "training", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "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", "vulnerabilityManagementApp", "warning", "warningFilled", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDimension", "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", "tokenSemanticText", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable", "tokenVectorDense", "tokenDenseVector", "tokenVectorSparse"]).isRequired, PropTypes.string.isRequired, PropTypes.elementType.isRequired]).isRequired,
+          color: PropTypes.any,
+          "aria-label": PropTypes.string,
+          "aria-labelledby": PropTypes.string,
+          isDisabled: PropTypes.bool,
+          size: PropTypes.any,
+          iconSize: PropTypes.any,
+          isSelected: PropTypes.bool,
+          display: PropTypes.any,
+          isLoading: PropTypes.bool,
+          className: PropTypes.string,
+          "data-test-subj": PropTypes.string,
+          css: PropTypes.any,
+          buttonRef: PropTypes.any
+        }),
+        onClick: PropTypes.func,
+        wrapText: PropTypes.bool,
+        buttonRef: PropTypes.any,
+        toolTipText: PropTypes.string,
+        toolTipProps: PropTypes.any
+      }).isRequired)
+    }).isRequired]),
+    /**
+       * Additional actions displayed as icon on hover / focus, and in the expanded view of the cell containing the value
+       */
+    cellActions: PropTypes.arrayOf(PropTypes.elementType.isRequired),
+    /**
+       * Configures the amount of cell action buttons immediately visible on a cell.
+       * Any cell actions above this number will only display in the cell expansion popover.
+       * Defaults to 2.
+       */
+    visibleCellActions: PropTypes.number
+  }).isRequired).isRequired,
+  /**
+       * An array of #EuiDataGridControlColumn objects. Used to define ancillary columns on the left side of the data grid.
+       * Useful for adding items like checkboxes and buttons.
+       */
+  leadingControlColumns: PropTypes.arrayOf(PropTypes.shape({
+    /**
+       * Used as the React `key` when rendering content
+       */
+    id: PropTypes.string.isRequired,
+    /**
+       * Width of the column, users are unable to change this
+       */
+    width: PropTypes.number.isRequired,
+    /**
+       * Component to render in the column header
+       */
+    headerCellRender: PropTypes.elementType.isRequired,
+    /**
+       * Optional props to pass to the column header cell
+       */
+    headerCellProps: PropTypes.any,
+    /**
+       * Component to render for each row in the column
+       */
+    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
+    /**
+       * Component to render in the optional column footer
+       */
+    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
+    /**
+       * Optional props to pass to the column footer cell
+       */
+    footerCellProps: PropTypes.any
+  }).isRequired),
+  /**
+       * An array of #EuiDataGridControlColumn objects. Used to define ancillary columns on the right side of the data grid.
+       * Useful for adding items like checkboxes and buttons.
+       */
+  trailingControlColumns: PropTypes.arrayOf(PropTypes.shape({
+    /**
+       * Used as the React `key` when rendering content
+       */
+    id: PropTypes.string.isRequired,
+    /**
+       * Width of the column, users are unable to change this
+       */
+    width: PropTypes.number.isRequired,
+    /**
+       * Component to render in the column header
+       */
+    headerCellRender: PropTypes.elementType.isRequired,
+    /**
+       * Optional props to pass to the column header cell
+       */
+    headerCellProps: PropTypes.any,
+    /**
+       * Component to render for each row in the column
+       */
+    rowCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
+    /**
+       * Component to render in the optional column footer
+       */
+    footerCellRender: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
+    /**
+       * Optional props to pass to the column footer cell
+       */
+    footerCellProps: PropTypes.any
+  }).isRequired),
+  /**
+       * An array of #EuiDataGridColumnVisibility objects.
+       * Defines which columns are **intitially** visible in the grid and the order they are displayed.
+       * Users can still turn their visibility on/off when `toolbarVisibility.showColumnSelector = true` (which is the default).
+       */
+  columnVisibility: PropTypes.shape({
+    /**
+       * An array of #EuiDataGridColumn `id`s dictating the order and visibility of columns.
+       */
+    visibleColumns: PropTypes.arrayOf(PropTypes.string.isRequired).isRequired,
+    /**
+       * A callback for when a column's visibility or order is modified by the user.
+       */
+    setVisibleColumns: PropTypes.func.isRequired
+  }).isRequired,
+  /**
+       * An array of custom #EuiDataGridSchemaDetector objects. You can inject custom schemas to the grid to define the classnames applied.
+       */
+  schemaDetectors: PropTypes.arrayOf(PropTypes.shape({
+    /**
+       * 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', indexes: {aIndex: number, bIndex: number}) => -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", "anomalyChart", "anomalySwimLane", "apmApp", "apmTrace", "appSearchApp", "apps", "arrowDown", "arrowLeft", "arrowRight", "arrowUp", "arrowStart", "arrowEnd", "article", "asterisk", "at", "auditbeatApp", "beaker", "bell", "bellSlash", "beta", "bolt", "boxesHorizontal", "boxesVertical", "branch", "branchUser", "broom", "brush", "bug", "bullseye", "calendar", "canvasApp", "casesApp", "changePointDetection", "check", "checkInCircleFilled", "cheer", "classificationJob", "clickLeft", "clickRight", "clock", "clockCounter", "cloudDrizzle", "cloudStormy", "cloudSunny", "cluster", "codeApp", "color", "compute", "console", "consoleApp", "container", "continuityAbove", "continuityAboveBelow", "continuityBelow", "continuityWithin", "controlsHorizontal", "controlsVertical", "copy", "copyClipboard", "createAdvancedJob", "createMultiMetricJob", "createPopulationJob", "createSingleMetricJob", "cross", "crossClusterReplicationApp", "crossInCircle", "crosshairs", "currency", "cut", "dashboardApp", "dataVisualizer", "database", "desktop", "devToolsApp", "diff", "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", "endpoint", "eql", "eraser", "error", "errorFilled", "esqlVis", "exit", "expand", "expandMini", "exportAction", "eye", "eyeClosed", "faceHappy", "faceNeutral", "faceSad", "fieldStatistics", "filebeatApp", "filter", "filterExclude", "filterIgnore", "filterInclude", "filterInCircle", "flag", "fleetApp", "fold", "folderCheck", "folderClosed", "folderExclamation", "folderOpen", "frameNext", "framePrevious", "fullScreen", "fullScreenExit", "function", "gear", "gisApp", "glasses", "globe", "grab", "grabHorizontal", "grabOmnidirectional", "gradient", "graphApp", "grid", "grokApp", "heart", "heartbeatApp", "heatmap", "help", "home", "iInCircle", "image", "importAction", "index", "indexClose", "indexEdit", "indexFlush", "indexManagementApp", "indexMapping", "indexOpen", "indexPatternApp", "indexRollupApp", "indexRuntime", "indexSettings", "indexTemporary", "infinity", "inputOutput", "inspect", "invert", "ip", "key", "keyboard", "kqlField", "kqlFunction", "kqlOperand", "kqlSelector", "kqlValue", "kubernetesNode", "kubernetesPod", "launch", "layers", "lensApp", "lettering", "lineDashed", "lineDotted", "lineSolid", "link", "list", "listAdd", "lock", "lockOpen", "logPatternAnalysis", "logRateAnalysis", "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", "logoVulnerabilityManagement", "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", "minusInSquare", "mobile", "monitoringApp", "moon", "move", "namespace", "nested", "newChat", "node", "notebookApp", "number", "offline", "online", "outlierDetectionJob", "package", "packetbeatApp", "pageSelect", "pagesSelect", "palette", "paperClip", "partial", "pause", "payment", "pencil", "percent", "pin", "pinFilled", "pipeBreaks", "pipelineApp", "pipeNoBreaks", "pivot", "play", "playFilled", "plus", "plusInCircle", "plusInCircleFilled", "plusInSquare", "popout", "push", "questionInCircle", "quote", "recentlyViewedApp", "refresh", "regressionJob", "reporter", "reportingApp", "returnKey", "save", "savedObjectsApp", "scale", "search", "searchProfilerApp", "securityAnalyticsApp", "securityApp", "securitySignal", "securitySignalDetected", "securitySignalResolved", "sessionViewer", "shard", "share", "singleMetricViewer", "snowflake", "sortAscending", "sortDescending", "sortDown", "sortLeft", "sortRight", "sortUp", "sortable", "spaces", "spacesApp", "sparkles", "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", "timelineWithArrow", "timelionApp", "timeRefresh", "timeslider", "training", "transitionLeftIn", "transitionLeftOut", "transitionTopIn", "transitionTopOut", "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", "vulnerabilityManagementApp", "warning", "warningFilled", "alert", "watchesApp", "wordWrap", "wordWrapDisabled", "workplaceSearchApp", "wrench", "tokenAlias", "tokenAnnotation", "tokenArray", "tokenBinary", "tokenBoolean", "tokenClass", "tokenCompletionSuggester", "tokenConstant", "tokenDate", "tokenDimension", "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", "tokenSemanticText", "tokenShape", "tokenString", "tokenStruct", "tokenSymbol", "tokenTag", "tokenText", "tokenTokenCount", "tokenVariable", "tokenVectorDense", "tokenDenseVector", "tokenVectorSparse"]).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),
+  /**
+       * The total number of rows in the dataset (used by e.g. pagination to know how many pages to list).
+       */
+  rowCount: PropTypes.number.isRequired,
+  /**
+       * A function called to render a cell's value. Behind the scenes it is treated as a React component
+       * allowing hooks, context, and other React concepts to be used. The function receives #EuiDataGridCellValueElementProps
+       * as its only argument.
+       */
+  renderCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
+  /**
+       * An optional object of props passed to the `renderCellValue` component.
+       * This API exists to make it easier to define your `renderCellValue` function
+       * component statically, and not rerender due to other dependent state.
+       */
+  cellContext: PropTypes.any,
+  /**
+       * An optional function that can be used to completely customize the rendering of cell popovers.
+       *
+       * If not specified, defaults to an `<EuiText>` wrapper around the rendered cell value and an
+       * `<EuiPopoverFooter>` around the cell actions.
+       *
+       * Behind the scenes it is treated as a React component allowing hooks, context, and other React concepts to be used.
+       * The function receives #EuiDataGridCellPopoverElementProps as its only argument.
+       *
+       */
+  renderCellPopover: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.func.isRequired]),
+  /**
+       * An optional function called to render a footer cell. If not specified, no footer row is rendered.
+       *
+       * Behind the scenes it is treated as a React component
+       * allowing hooks, context, and other React concepts to be used. The function receives #EuiDataGridCellValueElementProps
+       * as its only argument.
+       */
+  renderFooterCellValue: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]),
+  /**
+       * An optional function called to completely customize and control the rendering of
+       * EuiDataGrid's body and cell placement.  This can be used to, e.g. remove EuiDataGrid's
+       * virtualization library, or roll your own.
+       *
+       * This component is **only** meant as an escape hatch for extremely custom use cases.
+       *
+       * Behind the scenes, this function is treated as a React component,
+       * allowing hooks, context, and other React concepts to be used.
+       * It receives #EuiDataGridCustomBodyProps as its only argument.
+       */
+  renderCustomGridBody: PropTypes.func,
+  /**
+       * An optional function called to customize placement of controls in EuiDataGrid's toolbar.
+       * This can be used to add custom buttons or reorder existing ones.
+       *
+       * Behind the scenes, this function is treated as a React component,
+       * allowing hooks, context, and other React concepts to be used.
+       * It receives #EuiDataGridCustomToolbarProps as its only argument.
+       */
+  renderCustomToolbar: PropTypes.func,
+  /**
+       * Defines the initial style of the grid. Accepts a partial #EuiDataGridStyle object.
+       * Settings provided may be overwritten or merged with user defined preferences if `toolbarVisibility.showDisplaySelector.allowDensity = true` (which is the default).
+       */
+  gridStyle: PropTypes.shape({
+    /**
+       * Size of fonts used within the row and column cells
+       * @default m
+       */
+    fontSize: PropTypes.oneOf(["s", "m", "l"]),
+    /**
+       * Defines the padding with the row and column cells
+       * @default m
+       */
+    cellPadding: PropTypes.oneOf(["s", "m", "l"]),
+    /**
+       * Border used for the row and column cells
+       * @default all
+       */
+    border: PropTypes.oneOf(["all", "horizontal", "none"]),
+    /**
+       * If set to true, rows will alternate zebra striping for clarity
+       * @default false
+       */
+    stripes: PropTypes.bool,
+    /**
+       * Visual style for the column headers. Recommendation is to use the `underline` style in times when #EuiDataGrid `toolbarVisibility` is set to `false`.
+       * @default shade
+       */
+    header: PropTypes.oneOf(["shade", "underline"]),
+    /**
+       * Visual style for the column footers.
+       * @default overline
+       */
+    footer: PropTypes.oneOf(["shade", "overline", "striped"]),
+    /**
+       * If set to true, the footer row will be sticky
+       * @default true
+       */
+    stickyFooter: PropTypes.bool,
+    /**
+       * Will define what visual style to show on row hover
+       * @default hover
+       */
+    rowHover: PropTypes.oneOf(["highlight", "none"]),
+    /**
+       * Optionally pass custom classes to highlight or customize certain rows
+       */
+    rowClasses: PropTypes.shape({}),
+    /**
+       * Optional callback returning the current `gridStyle` config when changes occur from user input (e.g. toolbar display controls).
+       * Can be used for, e.g. storing user `gridStyle` in a local storage object.
+       */
+    onChange: PropTypes.func
+  }),
+  /**
+       * Allows you to configure what features the toolbar shows.
+       *
+       * Accepts either a boolean or #EuiDataGridToolBarVisibilityOptions object.
+       * When used as a boolean, defines the display of the entire toolbar.
+       * When passed an object allows you to turn off individual controls within the toolbar as well as add additional buttons.
+       */
+  toolbarVisibility: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
+    /**
+       * Allows the ability for the user to hide fields and sort columns, boolean or a #EuiDataGridToolBarVisibilityColumnSelectorOptions
+       * @default true
+       */
+    showColumnSelector: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
+      /**
+         * When `false`, removes the ability to show & hide columns through the UI
+         */
+      allowHide: PropTypes.bool,
+      /**
+         * When `false`, removes the ability to re-order columns through the UI
+         */
+      allowReorder: PropTypes.bool
+    }).isRequired]),
+    /**
+       * Allows the ability for the user to customize display settings such as grid density and row heights.
+       * User changes will override what is provided in #EuiDataGridStyle and #EuiDataGridRowHeightsOptions
+       * @default true
+       */
+    showDisplaySelector: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
+      /**
+         * When `false`, removes the ability to change density display through the UI
+         */
+      allowDensity: PropTypes.bool,
+      /**
+         * When `false`, removes the ability to change row height display through the UI
+         */
+      allowRowHeight: PropTypes.bool,
+      /**
+         * When `false`, removes the ability to reset styles to default through the UI
+         */
+      allowResetButton: PropTypes.bool,
+      /**
+         * Allows appending additional content to the bottom of the display settings popover
+         */
+      additionalDisplaySettings: PropTypes.node
+    }).isRequired]),
+    /**
+       * Allows the ability for the user to sort rows based upon column values
+       * @default true
+       */
+    showSortSelector: PropTypes.bool,
+    /**
+       * Displays a popover listing all keyboard controls and shortcuts for the data grid.
+       * If set to `false`, the toggle will be visually hidden, but still focusable by keyboard and screen reader users.
+       * @default true
+       */
+    showKeyboardShortcuts: PropTypes.bool,
+    /**
+       * Allows user to be able to fullscreen the data grid. If set to `false` make sure your grid fits within a large enough panel to still show the other controls.
+       * @default true
+       */
+    showFullScreenSelector: PropTypes.bool,
+    /**
+       * If passed a `ReactNode`, appends the passed custom control into the left side of the toolbar, after the column & sort controls.
+       * Or use #EuiDataGridToolBarAdditionalControlsOptions to customize the location of your control.
+       */
+    additionalControls: PropTypes.oneOfType([PropTypes.node.isRequired, PropTypes.shape({
+      /**
+         * If passed a `ReactNode`, appends the passed node into the left side of the toolbar, **after** the column & sort controls.
+         * Or use #EuiDataGridToolBarAdditionalControlsLeftOptions to customize the location of your control.
+         * We recommend using `<EuiButtonEmpty size="xs" />` to match the existing controls on the left.
+         */
+      left: PropTypes.oneOfType([PropTypes.node.isRequired, PropTypes.shape({
+        /**
+           * Will prepend the passed node into the left side of the toolbar, **before** the column & sort controls.
+           */
+        prepend: PropTypes.node,
+        /**
+           * Will append the passed node into the left side of the toolbar, **after** the column & sort controls.
+           */
+        append: PropTypes.node
+      }).isRequired]),
+      /**
+         * Will prepend the passed node into the right side of the toolbar, **before** the density & fullscreen controls.
+         * We recommend using `<EuiButtonIcon size="xs" />` to match the existing controls on the right.
+         */
+      right: PropTypes.node
+    }).isRequired])
+  }).isRequired]),
+  /**
+       * A #EuiDataGridInMemory object to define the level of high order schema-detection and sorting logic to use on your data.
+       * **Try to set when possible**.
+       * If omitted, disables all enhancements and assumes content is flat strings.
+       */
+  inMemory: PropTypes.shape({
+    /**
+        Given the data flow Sorting->Pagination:
+        Each step can be performed by service calls or in-memory by the grid.
+        However, we cannot allow any service calls after an in-memory operation.
+        E.g. if Pagination requires a service call the grid cannot perform
+        in-memory Sorting. This means a single value representing the
+        service / in-memory boundary can be used. Thus there are four states for in-memory's level:
+        * "enhancements" - no in-memory operations, but use the available data to enhance the grid
+        * "pagination" - only pagination is performed in-memory
+        * "sorting" - sorting & pagination is performed in-memory
+     */
+    level: PropTypes.oneOf(["enhancements", "pagination", "sorting"]).isRequired,
+    /**
+       * An array of column ids for the in-memory processing to skip
+       */
+    skipColumns: PropTypes.arrayOf(PropTypes.string.isRequired)
+  }),
+  /**
+       * A #EuiDataGridPaginationProps object. Omit to disable pagination completely.
+       */
+  pagination: PropTypes.shape({
+    /**
+       * The index of the current page, starts at 0 for the first page
+       */
+    pageIndex: PropTypes.number.isRequired,
+    /**
+       * How many rows should initially be shown per page.
+       * Pass `0` to display the selected "Show all" option and hide the pagination.
+       *
+       * @default 10
+       */
+    pageSize: PropTypes.number,
+    /**
+       * An array of page sizes the user can select from.
+       * Pass `0` as one of the options to create a "Show all" option.
+       * Pass an empty array to hide "Rows per page" select button.
+       *
+       * @default [10, 25, 50]
+       */
+    pageSizeOptions: PropTypes.arrayOf(PropTypes.number.isRequired),
+    /**
+       * A callback for when the user changes the page size selection
+       */
+    onChangeItemsPerPage: PropTypes.func.isRequired,
+    /**
+       * A callback for when the current page index changes
+       */
+    onChangePage: PropTypes.func.isRequired
+  }),
+  /**
+       * A #EuiDataGridSorting object that provides the sorted columns along with their direction. Provides a callback for when it changes.
+       * Optional, but required when inMemory is set.
+       * Omit to disable, but you'll likely want to also turn off the user sorting controls through the `toolbarVisibility` prop.
+       */
+  sorting: PropTypes.shape({
+    /**
+       * 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' }`
+       */
+    columns: PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.string.isRequired,
+      direction: PropTypes.oneOf(["asc", "desc"]).isRequired
+    }).isRequired).isRequired
+  }),
+  /**
+       * A callback for when a column's size changes. Callback receives `{ columnId: string, width: number }`.
+       */
+  onColumnResize: PropTypes.func,
+  /**
+       * Defines a minimum width for the grid to show all controls in its toolbar.
+       */
+  minSizeForControls: PropTypes.number,
+  /**
+       * Sets the grid's height, forcing it to overflow in a scrollable container with cell virtualization.
+       */
+  height: PropTypes.any,
+  /**
+       * Sets the grid's width, forcing it to overflow in a scrollable container with cell virtualization.
+       */
+  width: PropTypes.any,
+  /**
+       * Allows customizing the underlying [react-window grid](https://react-window.vercel.app/#/api/VariableSizeGrid) props.
+       */
+  virtualizationOptions: PropTypes.any,
+  /**
+       * A #EuiDataGridRowHeightsOptions object that provides row heights options.
+       * Allows configuring both default and specific heights of grid rows.
+       * Settings provided may be overwritten or merged with user defined preferences if `toolbarVisibility.showDisplaySelector.allowRowHeight = true` (which is the default).
+       */
+  rowHeightsOptions: PropTypes.shape({
+    /**
+       * Defines the default size for all rows. It can be line count or just height.
+       */
+    defaultHeight: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.oneOf(["auto"]), PropTypes.shape({
+      lineCount: PropTypes.number,
+      height: PropTypes.number
+    }).isRequired]),
+    /**
+       * Defines the height for a specific row. It can be line count or just height.
+       *
+       * When using row height overrides, we strongly setting the `showDisplaySelector: allowRowHeight`
+       * toolbar control to `false` in #EuiDataGridToolBarVisibilityOptions
+       */
+    rowHeights: PropTypes.any,
+    /**
+       * Defines a global lineHeight style to apply to all cells
+       */
+    lineHeight: PropTypes.string,
+    /**
+       * Optional callback returning the current `rowHeightsOptions` when changes occur from user input (e.g. toolbar display controls).
+       * Can be used for, e.g. storing user `rowHeightsOptions` in a local storage object.
+       */
+    onChange: PropTypes.func,
+    /**
+       * Optional indicator of the row that should be used as an anchor for vertical layout shift compensation.
+       * When set to 'start' or 'center', the topmost or middle visible row will try
+       * to compensate for changes in their top offsets by adjusting the grid's scroll
+       * position.
+       */
+    scrollAnchorRow: PropTypes.oneOf(["start", "center", undefined])
+  }),
+  /**
+     * Allows the ability for the user to hide fields and sort columns, boolean or a #EuiDataGridToolBarVisibilityColumnSelectorOptions
+     * @default true
+     */
+  showColumnSelector: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
+    /**
+       * When `false`, removes the ability to show & hide columns through the UI
+       */
+    allowHide: PropTypes.bool,
+    /**
+       * When `false`, removes the ability to re-order columns through the UI
+       */
+    allowReorder: PropTypes.bool
+  }).isRequired]),
+  /**
+     * Allows the ability for the user to customize display settings such as grid density and row heights.
+     * User changes will override what is provided in #EuiDataGridStyle and #EuiDataGridRowHeightsOptions
+     * @default true
+     */
+  showDisplaySelector: PropTypes.oneOfType([PropTypes.bool.isRequired, PropTypes.shape({
+    /**
+       * When `false`, removes the ability to change density display through the UI
+       */
+    allowDensity: PropTypes.bool,
+    /**
+       * When `false`, removes the ability to change row height display through the UI
+       */
+    allowRowHeight: PropTypes.bool,
+    /**
+       * When `false`, removes the ability to reset styles to default through the UI
+       */
+    allowResetButton: PropTypes.bool,
+    /**
+       * Allows appending additional content to the bottom of the display settings popover
+       */
+    additionalDisplaySettings: PropTypes.node
+  }).isRequired]),
+  /**
+     * Allows the ability for the user to sort rows based upon column values
+     * @default true
+     */
+  showSortSelector: PropTypes.bool,
+  /**
+     * Displays a popover listing all keyboard controls and shortcuts for the data grid.
+     * If set to `false`, the toggle will be visually hidden, but still focusable by keyboard and screen reader users.
+     * @default true
+     */
+  showKeyboardShortcuts: PropTypes.bool,
+  /**
+     * Allows user to be able to fullscreen the data grid. If set to `false` make sure your grid fits within a large enough panel to still show the other controls.
+     * @default true
+     */
+  showFullScreenSelector: PropTypes.bool,
+  /**
+     * If passed a `ReactNode`, appends the passed custom control into the left side of the toolbar, after the column & sort controls.
+     * Or use #EuiDataGridToolBarAdditionalControlsOptions to customize the location of your control.
+     */
+  additionalControls: PropTypes.oneOfType([PropTypes.node.isRequired, PropTypes.shape({
+    /**
+       * If passed a `ReactNode`, appends the passed node into the left side of the toolbar, **after** the column & sort controls.
+       * Or use #EuiDataGridToolBarAdditionalControlsLeftOptions to customize the location of your control.
+       * We recommend using `<EuiButtonEmpty size="xs" />` to match the existing controls on the left.
+       */
+    left: PropTypes.oneOfType([PropTypes.node.isRequired, PropTypes.shape({
+      /**
+         * Will prepend the passed node into the left side of the toolbar, **before** the column & sort controls.
+         */
+      prepend: PropTypes.node,
+      /**
+         * Will append the passed node into the left side of the toolbar, **after** the column & sort controls.
+         */
+      append: PropTypes.node
+    }).isRequired]),
+    /**
+       * Will prepend the passed node into the right side of the toolbar, **before** the density & fullscreen controls.
+       * We recommend using `<EuiButtonIcon size="xs" />` to match the existing controls on the right.
+       */
+    right: PropTypes.node
+  }).isRequired]),
+  /**
+     * If passed a `ReactNode`, appends the passed node into the left side of the toolbar, **after** the column & sort controls.
+     * Or use #EuiDataGridToolBarAdditionalControlsLeftOptions to customize the location of your control.
+     * We recommend using `<EuiButtonEmpty size="xs" />` to match the existing controls on the left.
+     */
+  left: PropTypes.oneOfType([PropTypes.node.isRequired, PropTypes.shape({
+    /**
+       * Will prepend the passed node into the left side of the toolbar, **before** the column & sort controls.
+       */
+    prepend: PropTypes.node,
+    /**
+       * Will append the passed node into the left side of the toolbar, **after** the column & sort controls.
+       */
+    append: PropTypes.node
+  }).isRequired]),
+  /**
+     * Will prepend the passed node into the right side of the toolbar, **before** the density & fullscreen controls.
+     * We recommend using `<EuiButtonIcon size="xs" />` to match the existing controls on the right.
+     */
+  right: PropTypes.node
+};
+export var EuiDataGridStylePropsComponent = function EuiDataGridStylePropsComponent() {
+  return ___EmotionJSX(React.Fragment, null);
+};
+EuiDataGridStylePropsComponent.propTypes = {
+  /**
+     * Size of fonts used within the row and column cells
+     * @default m
+     */
+  fontSize: PropTypes.oneOf(["s", "m", "l"]),
+  /**
+     * Defines the padding with the row and column cells
+     * @default m
+     */
+  cellPadding: PropTypes.oneOf(["s", "m", "l"]),
+  /**
+     * Border used for the row and column cells
+     * @default all
+     */
+  border: PropTypes.oneOf(["all", "horizontal", "none"]),
+  /**
+     * If set to true, rows will alternate zebra striping for clarity
+     * @default false
+     */
+  stripes: PropTypes.bool,
+  /**
+     * Visual style for the column headers. Recommendation is to use the `underline` style in times when #EuiDataGrid `toolbarVisibility` is set to `false`.
+     * @default shade
+     */
+  header: PropTypes.oneOf(["shade", "underline"]),
+  /**
+     * Visual style for the column footers.
+     * @default overline
+     */
+  footer: PropTypes.oneOf(["shade", "overline", "striped"]),
+  /**
+     * If set to true, the footer row will be sticky
+     * @default true
+     */
+  stickyFooter: PropTypes.bool,
+  /**
+     * Will define what visual style to show on row hover
+     * @default hover
+     */
+  rowHover: PropTypes.oneOf(["highlight", "none"]),
+  /**
+     * Optionally pass custom classes to highlight or customize certain rows
+     */
+  rowClasses: PropTypes.shape({}),
+  /**
+     * Optional callback returning the current `gridStyle` config when changes occur from user input (e.g. toolbar display controls).
+     * Can be used for, e.g. storing user `gridStyle` in a local storage object.
+     */
+  onChange: PropTypes.func
+};
+export var EuiDataGridRowHeightsPropsComponent = function EuiDataGridRowHeightsPropsComponent() {
+  return ___EmotionJSX(React.Fragment, null);
+};
+EuiDataGridRowHeightsPropsComponent.propTypes = {
+  /**
+     * Defines the default size for all rows. It can be line count or just height.
+     */
+  defaultHeight: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.oneOf(["auto"]), PropTypes.shape({
+    lineCount: PropTypes.number,
+    height: PropTypes.number
+  }).isRequired]),
+  /**
+     * Defines the height for a specific row. It can be line count or just height.
+     *
+     * When using row height overrides, we strongly setting the `showDisplaySelector: allowRowHeight`
+     * toolbar control to `false` in #EuiDataGridToolBarVisibilityOptions
+     */
+  rowHeights: PropTypes.any,
+  /**
+     * Defines a global lineHeight style to apply to all cells
+     */
+  lineHeight: PropTypes.string,
+  /**
+     * Optional callback returning the current `rowHeightsOptions` when changes occur from user input (e.g. toolbar display controls).
+     * Can be used for, e.g. storing user `rowHeightsOptions` in a local storage object.
+     */
+  onChange: PropTypes.func,
+  /**
+     * Optional indicator of the row that should be used as an anchor for vertical layout shift compensation.
+     * When set to 'start' or 'center', the topmost or middle visible row will try
+     * to compensate for changes in their top offsets by adjusting the grid's scroll
+     * position.
+     */
+  scrollAnchorRow: PropTypes.oneOf(["start", "center", undefined])
+};