@elastic/eui 86.0.0 → 87.0.0

package/lib/components/datagrid/body/header/data_grid_header_cell.js

@@ -332,7 +332,12 @@ EuiDataGridHeaderCell.propTypes = {
              * Text to be displayed in the tooltip when `showToolTip` is true.
              * By default the text will be same as the label text.
              */
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        /**
+             * Allows customizing the tooltip shown when `showToolTip` is true.
+             * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+             */
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -376,7 +381,8 @@ EuiDataGridHeaderCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -420,7 +426,8 @@ EuiDataGridHeaderCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -464,7 +471,8 @@ EuiDataGridHeaderCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -508,7 +516,8 @@ EuiDataGridHeaderCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -552,7 +561,8 @@ EuiDataGridHeaderCell.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired)
     }).isRequired]),
     /**

package/lib/components/datagrid/body/header/data_grid_header_row.js

@@ -317,7 +317,12 @@ EuiDataGridHeaderRow.propTypes = {
              * Text to be displayed in the tooltip when `showToolTip` is true.
              * By default the text will be same as the label text.
              */
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        /**
+             * Allows customizing the tooltip shown when `showToolTip` is true.
+             * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+             */
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -361,7 +366,8 @@ EuiDataGridHeaderRow.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -405,7 +411,8 @@ EuiDataGridHeaderRow.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -449,7 +456,8 @@ EuiDataGridHeaderRow.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -493,7 +501,8 @@ EuiDataGridHeaderRow.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -537,7 +546,8 @@ EuiDataGridHeaderRow.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired)
     }).isRequired]),
     /**

package/lib/components/datagrid/data_grid.js

@@ -9,6 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _services = require("../../services");
+var _table_pagination = require("../table/table_pagination");
 var _focus_trap = require("../focus_trap");
 var _i18n = require("../i18n");
 var _mutation_observer = require("../observer/mutation_observer");
@@ -102,7 +103,7 @@ var EuiDataGrid = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     gridStyle = props.gridStyle,
     _props$toolbarVisibil = props.toolbarVisibility,
     toolbarVisibility = _props$toolbarVisibil === void 0 ? true : _props$toolbarVisibil,
-    pagination = props.pagination,
+    _pagination = props.pagination,
     sorting = props.sorting,
     inMemory = props.inMemory,
     onColumnResize = props.onColumnResize,
@@ -117,6 +118,13 @@ var EuiDataGrid = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   /**
    * Merge consumer settings with defaults
    */
+  var paginationDefaults = (0, _table_pagination.useEuiTablePaginationDefaults)();
+  var pagination = (0, _react.useMemo)(function () {
+    return _pagination ? _objectSpread({
+      pageSize: paginationDefaults.itemsPerPage,
+      pageSizeOptions: paginationDefaults.itemsPerPageOptions
+    }, _pagination) : _pagination;
+  }, [_pagination, paginationDefaults]);
   var gridStyleWithDefaults = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({}, _controls.startingStyles), gridStyle);
   }, [gridStyle]);
@@ -573,7 +581,12 @@ EuiDataGrid.propTypes = {
              * Text to be displayed in the tooltip when `showToolTip` is true.
              * By default the text will be same as the label text.
              */
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        /**
+             * Allows customizing the tooltip shown when `showToolTip` is true.
+             * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+             */
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -617,7 +630,8 @@ EuiDataGrid.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -661,7 +675,8 @@ EuiDataGrid.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -705,7 +720,8 @@ EuiDataGrid.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -749,7 +765,8 @@ EuiDataGrid.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -793,7 +810,8 @@ EuiDataGrid.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired)
     }).isRequired]),
     /**
@@ -1122,7 +1140,7 @@ EuiDataGrid.propTypes = {
     skipColumns: _propTypes.default.arrayOf(_propTypes.default.string.isRequired)
   }),
   /**
-       * A #EuiDataGridPagination object. Omit to disable pagination completely.
+       * A #EuiDataGridPaginationProps object. Omit to disable pagination completely.
        */
   pagination: _propTypes.default.shape({
     /**
@@ -1132,12 +1150,16 @@ EuiDataGrid.propTypes = {
     /**
        * 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.default.number.isRequired,
+    pageSize: _propTypes.default.number,
     /**
        * An array of page sizes the user can select from.
        * Pass `0` as one of the options to create a "Show all" option.
-       * Leave this prop undefined or use an empty array to hide "Rows per page" select button.
+       * Pass an empty array to hide "Rows per page" select button.
+       *
+       * @default [10, 25, 50]
        */
     pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.number.isRequired),
     /**

package/lib/components/datagrid/utils/data_grid_pagination.js

@@ -26,13 +26,16 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
                                                                                                                                                                                      */ // Note: this file must be named data_grid_pagination to match i18n tokens
 var EuiDataGridPaginationRenderer = function EuiDataGridPaginationRenderer(_ref) {
   var pageIndex = _ref.pageIndex,
-    pageSize = _ref.pageSize,
-    pageSizeOptions = _ref.pageSizeOptions,
+    _pageSize = _ref.pageSize,
+    _pageSizeOptions = _ref.pageSizeOptions,
     _onChangePage = _ref.onChangePage,
     onChangeItemsPerPage = _ref.onChangeItemsPerPage,
     rowCount = _ref.rowCount,
     controls = _ref.controls,
     ariaLabel = _ref['aria-label'];
+  var defaults = (0, _table_pagination.useEuiTablePaginationDefaults)();
+  var pageSize = _pageSize !== null && _pageSize !== void 0 ? _pageSize : defaults.itemsPerPage;
+  var pageSizeOptions = _pageSizeOptions !== null && _pageSizeOptions !== void 0 ? _pageSizeOptions : defaults.itemsPerPageOptions;
   var detailedPaginationLabel = (0, _i18n.useEuiI18n)('euiDataGridPagination.detailedPaginationLabel', 'Pagination for preceding grid: {label}', {
     label: ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : ''
   });
@@ -46,7 +49,7 @@ var EuiDataGridPaginationRenderer = function EuiDataGridPaginationRenderer(_ref)
     setFocusedCell([0, 0]);
   }, [setFocusedCell, _onChangePage]);
   var pageCount = pageSize ? Math.ceil(rowCount / pageSize) : 1;
-  var minSizeOption = pageSizeOptions && _toConsumableArray(pageSizeOptions).sort(function (a, b) {
+  var minSizeOption = _toConsumableArray(pageSizeOptions).sort(function (a, b) {
     return a - b;
   })[0];
   if (rowCount < (minSizeOption || pageSize)) {
@@ -58,8 +61,8 @@ var EuiDataGridPaginationRenderer = function EuiDataGridPaginationRenderer(_ref)
     return null;
   }
 
-  // hide select rows per page if pageSizeOptions is undefined or an empty array
-  var hidePerPageOptions = !pageSizeOptions || pageSizeOptions.length === 0;
+  // Hide select rows per page if pageSizeOptions is an empty array
+  var hidePerPageOptions = pageSizeOptions.length === 0;
   return (0, _react2.jsx)("div", {
     className: "euiDataGrid__pagination"
   }, (0, _react2.jsx)(_table_pagination.EuiTablePagination, {

package/lib/components/datagrid/utils/in_memory.js

@@ -372,7 +372,12 @@ EuiDataGridInMemoryRenderer.propTypes = {
              * Text to be displayed in the tooltip when `showToolTip` is true.
              * By default the text will be same as the label text.
              */
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        /**
+             * Allows customizing the tooltip shown when `showToolTip` is true.
+             * Accepts any props that [EuiToolTip](/#/display/tooltip) accepts.
+             */
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the left side, provided EuiListGroupItemProps are merged
@@ -416,7 +421,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action that switches the actual column with the column to the right side, provided EuiListGroupItemProps are merged
@@ -460,7 +466,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort ascending by the actual column, provided EuiListGroupItemProps are merged
@@ -504,7 +511,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Show/hide/configure the action to sort descending by the actual column, provided EuiListGroupItemProps are merged
@@ -548,7 +556,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired]),
       /**
          * Append additional actions
@@ -592,7 +601,8 @@ EuiDataGridInMemoryRenderer.propTypes = {
         onClick: _propTypes.default.func,
         wrapText: _propTypes.default.bool,
         buttonRef: _propTypes.default.any,
-        toolTipText: _propTypes.default.string
+        toolTipText: _propTypes.default.string,
+        toolTipProps: _propTypes.default.any
       }).isRequired)
     }).isRequired]),
     /**

package/lib/components/date_picker/super_date_picker/date_popover/date_popover_button.js

@@ -106,7 +106,7 @@ EuiDatePopoverButton.propTypes = {
   needsUpdating: _propTypes.default.bool,
   locale: _propTypes.default.any,
   onChange: _propTypes.default.any.isRequired,
-  onPopoverClose: _propTypes.default.func.isRequired,
+  onPopoverClose: _propTypes.default.any.isRequired,
   onPopoverToggle: _propTypes.default.func.isRequired,
   position: _propTypes.default.oneOf(["start", "end"]).isRequired,
   roundUp: _propTypes.default.bool,

package/lib/components/date_picker/super_date_picker/super_date_picker.a11y.js

@@ -69,7 +69,7 @@ var SuperDatePicker = function SuperDatePicker() {
 };
 beforeEach(function () {
   cy.mount((0, _react2.jsx)(SuperDatePicker, null));
-  cy.get('div.euiSuperDatePicker__flexWrapper').should('exist');
+  cy.get('div.euiSuperDatePicker').should('exist');
 });
 describe('EuiSuperDatePicker', function () {
   describe('Automated accessibility check', function () {

package/lib/components/date_picker/super_date_picker/super_date_picker.js

@@ -643,7 +643,10 @@ EuiSuperDatePickerInternal.propTypes = {
          * If supplied, called when mouse movement causes the tool tip to be
          * hidden.
          */
-      onMouseOut: _propTypes.default.func
+      onMouseOut: _propTypes.default.func,
+      "aria-label": _propTypes.default.string,
+      "data-test-subj": _propTypes.default.string,
+      css: _propTypes.default.any
     }),
     /**
        * Returns an IconButton instead
@@ -800,7 +803,10 @@ EuiSuperDatePicker.propTypes = {
       id: _propTypes.default.string,
       position: _propTypes.default.oneOf(["top", "right", "bottom", "left"]).isRequired,
       repositionOnScroll: _propTypes.default.bool,
-      onMouseOut: _propTypes.default.func
+      onMouseOut: _propTypes.default.func,
+      "aria-label": _propTypes.default.string,
+      "data-test-subj": _propTypes.default.string,
+      css: _propTypes.default.any
     }),
     iconOnly: _propTypes.default.bool,
     responsive: _propTypes.default.oneOfType([_propTypes.default.oneOf([false]), _propTypes.default.arrayOf(_propTypes.default.any.isRequired).isRequired])

package/lib/components/date_picker/super_date_picker/super_update_button.js

@@ -248,7 +248,10 @@ EuiSuperUpdateButton.propTypes = {
        * If supplied, called when mouse movement causes the tool tip to be
        * hidden.
        */
-    onMouseOut: _propTypes.default.func
+    onMouseOut: _propTypes.default.func,
+    "aria-label": _propTypes.default.string,
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
   }),
   /**
      * Returns an IconButton instead

package/lib/components/empty_prompt/empty_prompt.js

@@ -131,10 +131,10 @@ var EuiEmptyPrompt = function EuiEmptyPrompt(_ref) {
 };
 exports.EuiEmptyPrompt = EuiEmptyPrompt;
 EuiEmptyPrompt.propTypes = {
-  className: _propTypes.default.string,
-  "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string,
-  css: _propTypes.default.any,
+  className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
+  "aria-label": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
+  "data-test-subj": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]),
+  css: _propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.any]),
   element: _propTypes.default.oneOf(["div"]),
   /**
      * Adds a medium shadow to the panel;

package/lib/components/filter_group/filter_group.a11y.js

@@ -239,10 +239,10 @@ describe('EuiFilterGroup multiselect example', function () {
       cy.realPress('Tab');
       cy.repeatRealPress('ArrowDown', 3);
       cy.realPress('Enter');
-      cy.get('li[aria-selected="true"]').find('span.euiSelectableListItem__text').should('have.text', 'Dmitri Shostakovich - Checked option. To exclude this option, press Enter.');
+      cy.get('li[aria-selected="true"]').find('span.euiSelectableListItem__text').should('have.text', 'Dmitri Shostakovich. Checked option. To exclude this option, press Enter.');
       cy.realPress('ArrowDown');
       cy.repeatRealPress('Enter');
-      cy.get('li[aria-selected="true"]').find('span.euiSelectableListItem__text').should('have.text', 'Felix Mendelssohn-Bartholdy - Excluded option. To uncheck this option, press Enter.');
+      cy.get('li[aria-selected="true"]').find('span.euiSelectableListItem__text').should('have.text', 'Felix Mendelssohn-Bartholdy. Excluded option. To uncheck this option, press Enter.');
       cy.checkAxe();
     });
     it('has zero violations when filtering by searchbox', function () {

package/lib/components/focus_trap/focus_trap.js

@@ -9,6 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactFocusOn = require("react-focus-on");
 var _reactRemoveScrollBar = require("react-remove-scroll-bar");
 var _services = require("../../services");
+var _component_defaults = require("../provider/component_defaults");
 var _react2 = require("@emotion/react");
 var _excluded = ["children", "clickOutsideDisables", "disabled", "returnFocus", "noIsolation", "scrollLock", "gapMode"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -38,12 +39,67 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
                                                                                                                                                                                                                                                                                                                                                                                                * in compliance with, at your election, the Elastic License 2.0 or the Server
                                                                                                                                                                                                                                                                                                                                                                                                * Side Public License, v 1.
                                                                                                                                                                                                                                                                                                                                                                                                */
-var EuiFocusTrap = /*#__PURE__*/function (_Component) {
-  _inherits(EuiFocusTrap, _Component);
-  var _super = _createSuper(EuiFocusTrap);
-  function EuiFocusTrap() {
+var EuiFocusTrap = function EuiFocusTrap(props) {
+  var propsWithDefaults = (0, _component_defaults.usePropsWithComponentDefaults)('EuiFocusTrap', props);
+  return (0, _react2.jsx)(EuiFocusTrapClass, propsWithDefaults);
+};
+exports.EuiFocusTrap = EuiFocusTrap;
+EuiFocusTrap.propTypes = {
+  // For some reason, Storybook doesn't register these props if they're Pick<>'d
+  className: _propTypes.default.string,
+  css: _propTypes.default.any,
+  style: _propTypes.default.any,
+  /**
+     * @default false
+     */
+  disabled: _propTypes.default.bool,
+  /**
+     * Whether `onClickOutside` should be called on mouseup instead of mousedown.
+     * This flag can be used to prevent conflicts with outside toggle buttons by delaying the closing click callback.
+     */
+  closeOnMouseup: _propTypes.default.bool,
+  /**
+     * Clicking outside the trap area will disable the trap
+     * @default false
+     */
+  clickOutsideDisables: _propTypes.default.bool,
+  /**
+     * Reference to element that will get focus when the trap is initiated
+     */
+  initialFocus: _propTypes.default.any,
+  /**
+     * if `scrollLock` is set to true, the body's scrollbar width will be preserved on lock
+     * via the `gapMode` CSS property. Depending on your custom CSS, you may prefer to use
+     * `margin` instead of `padding`.
+     * @default padding
+     */
+  gapMode: _propTypes.default.oneOf(["padding", "margin"]),
+  /**
+     * Configures focus trapping between iframes.
+     * By default, EuiFocusTrap allows focus to leave iframes and move to elements outside of it.
+     * Set to `true` if you want focus to remain trapped within the iframe.
+     * @default false
+     */
+  crossFrame: _propTypes.default.any,
+  /**
+     * @default false
+     */
+  scrollLock: _propTypes.default.any,
+  /**
+     * @default true
+     */
+  noIsolation: _propTypes.default.any,
+  /**
+     * @default true
+     */
+  returnFocus: _propTypes.default.any
+};
+var EuiFocusTrapClass = /*#__PURE__*/function (_Component) {
+  _inherits(EuiFocusTrapClass, _Component);
+  var _super = _createSuper(EuiFocusTrapClass);
+  function EuiFocusTrapClass() {
     var _this;
-    _classCallCheck(this, EuiFocusTrap);
+    _classCallCheck(this, EuiFocusTrapClass);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -94,7 +150,7 @@ var EuiFocusTrap = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(EuiFocusTrap, [{
+  _createClass(EuiFocusTrapClass, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.setInitialFocus(this.props.initialFocus);
@@ -144,10 +200,9 @@ var EuiFocusTrap = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
-  return EuiFocusTrap;
+  return EuiFocusTrapClass;
 }(_react.Component);
-exports.EuiFocusTrap = EuiFocusTrap;
-_defineProperty(EuiFocusTrap, "defaultProps", {
+_defineProperty(EuiFocusTrapClass, "defaultProps", {
   clickOutsideDisables: false,
   disabled: false,
   returnFocus: true,
@@ -156,11 +211,15 @@ _defineProperty(EuiFocusTrap, "defaultProps", {
   crossFrame: false,
   gapMode: 'padding' // EUI defaults to padding because Kibana's body/layout CSS ignores `margin`
 });
-EuiFocusTrap.propTypes = {
+EuiFocusTrapClass.propTypes = {
+  // For some reason, Storybook doesn't register these props if they're Pick<>'d
   className: _propTypes.default.string,
-  "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string,
   css: _propTypes.default.any,
+  style: _propTypes.default.any,
+  /**
+     * @default false
+     */
+  disabled: _propTypes.default.bool,
   /**
      * Whether `onClickOutside` should be called on mouseup instead of mousedown.
      * This flag can be used to prevent conflicts with outside toggle buttons by delaying the closing click callback.
@@ -168,18 +227,37 @@ EuiFocusTrap.propTypes = {
   closeOnMouseup: _propTypes.default.bool,
   /**
      * Clicking outside the trap area will disable the trap
+     * @default false
      */
   clickOutsideDisables: _propTypes.default.bool,
   /**
      * Reference to element that will get focus when the trap is initiated
      */
   initialFocus: _propTypes.default.any,
-  style: _propTypes.default.any,
   /**
      * if `scrollLock` is set to true, the body's scrollbar width will be preserved on lock
      * via the `gapMode` CSS property. Depending on your custom CSS, you may prefer to use
      * `margin` instead of `padding`.
+     * @default padding
      */
   gapMode: _propTypes.default.oneOf(["padding", "margin"]),
-  disabled: _propTypes.default.bool
+  /**
+     * Configures focus trapping between iframes.
+     * By default, EuiFocusTrap allows focus to leave iframes and move to elements outside of it.
+     * Set to `true` if you want focus to remain trapped within the iframe.
+     * @default false
+     */
+  crossFrame: _propTypes.default.any,
+  /**
+     * @default false
+     */
+  scrollLock: _propTypes.default.any,
+  /**
+     * @default true
+     */
+  noIsolation: _propTypes.default.any,
+  /**
+     * @default true
+     */
+  returnFocus: _propTypes.default.any
 };

package/lib/components/header/header.a11y.js

@@ -100,11 +100,7 @@ var Header = function Header() {
   });
   return (0, _react2.jsx)(_header.EuiHeader, null, (0, _react2.jsx)(_header_section.EuiHeaderSection, {
     grow: false
-  }, (0, _react2.jsx)(_header_section.EuiHeaderSectionItem, {
-    border: "right"
-  }, renderLogo()), (0, _react2.jsx)(_header_section.EuiHeaderSectionItem, {
-    border: "right"
-  }, (0, _react2.jsx)(HeaderSpacesMenu, null))), renderBreadcrumbs(), (0, _react2.jsx)(_header_section.EuiHeaderSection, {
+  }, (0, _react2.jsx)(_header_section.EuiHeaderSectionItem, null, renderLogo()), (0, _react2.jsx)(_header_section.EuiHeaderSectionItem, null, (0, _react2.jsx)(HeaderSpacesMenu, null))), renderBreadcrumbs(), (0, _react2.jsx)(_header_section.EuiHeaderSection, {
     side: "right"
   }, (0, _react2.jsx)(_header_section.EuiHeaderSectionItem, null, search), (0, _react2.jsx)(_header_section.EuiHeaderSectionItem, null, (0, _react2.jsx)(HeaderUserMenu, null)), (0, _react2.jsx)(_header_section.EuiHeaderSectionItem, null, (0, _react2.jsx)(HeaderAppMenu, null))));
 };

package/lib/components/header/header.js

@@ -27,14 +27,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function createHeaderSection(sections, border) {
+var createHeaderSection = function createHeaderSection(sections) {
   return sections.map(function (section, index) {
     return (0, _react2.jsx)(_header_section.EuiHeaderSectionItem, {
-      key: index,
-      border: border
+      key: index
     }, section);
   });
-}
+};
 // Start a counter to manage the total number of fixed headers that need the body class
 var euiHeaderFixedCounter = 0;
 var EuiHeader = function EuiHeader(_ref) {
@@ -78,7 +77,7 @@ var EuiHeader = function EuiHeader(_ref) {
         // Items get wrapped in EuiHeaderSection and each item in a EuiHeaderSectionItem
         content.push((0, _react2.jsx)(_header_section.EuiHeaderSection, {
           key: "items-".concat(index)
-        }, createHeaderSection(section.items, section.borders)));
+        }, createHeaderSection(section.items)));
       }
       if (section.breadcrumbs) {
         content.push(
@@ -117,10 +116,6 @@ EuiHeader.propTypes = {
        * An arry of items that will be wrapped in a #EuiHeaderSectionItem
        */
     items: _propTypes.default.arrayOf(_propTypes.default.node.isRequired),
-    /**
-       * Apply the passed border side to each #EuiHeaderSectionItem
-       */
-    borders: _propTypes.default.oneOf(["left", "right", "none"]),
     /**
        * Breadcrumbs in the header cannot be wrapped in a #EuiHeaderSection in order for truncation to work.
        * Simply pass the array of EuiBreadcrumb objects