@elastic/eui 86.0.0 → 87.0.0

package/i18ntokens.json

@@ -23,14 +23,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 319,
+        "line": 330,
         "column": 6,
-        "index": 8069
+        "index": 8364
       },
       "end": {
-        "line": 319,
+        "line": 330,
         "column": 79,
-        "index": 8142
+        "index": 8437
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -41,14 +41,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 621,
+        "line": 640,
         "column": 10,
-        "index": 15877
+        "index": 16330
       },
       "end": {
-        "line": 625,
+        "line": 644,
         "column": 12,
-        "index": 16080
+        "index": 16533
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -59,14 +59,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 634,
+        "line": 653,
         "column": 12,
-        "index": 16277
+        "index": 16730
       },
       "end": {
-        "line": 638,
+        "line": 657,
         "column": 14,
-        "index": 16556
+        "index": 17009
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -77,14 +77,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 642,
+        "line": 661,
         "column": 12,
-        "index": 16628
+        "index": 17081
       },
       "end": {
-        "line": 646,
+        "line": 665,
         "column": 14,
-        "index": 16868
+        "index": 17321
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -95,14 +95,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 651,
+        "line": 670,
         "column": 10,
-        "index": 16944
+        "index": 17397
       },
       "end": {
-        "line": 655,
+        "line": 674,
         "column": 12,
-        "index": 17128
+        "index": 17581
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -113,14 +113,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 697,
+        "line": 716,
         "column": 6,
-        "index": 18126
+        "index": 18579
       },
       "end": {
-        "line": 697,
+        "line": 716,
         "column": 77,
-        "index": 18197
+        "index": 18650
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -131,14 +131,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 1094,
+        "line": 1112,
         "column": 8,
-        "index": 30032
+        "index": 30437
       },
       "end": {
-        "line": 1094,
+        "line": 1112,
         "column": 79,
-        "index": 30103
+        "index": 30508
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -149,14 +149,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 1315,
+        "line": 1333,
         "column": 8,
-        "index": 36531
+        "index": 36936
       },
       "end": {
-        "line": 1319,
+        "line": 1337,
         "column": 9,
-        "index": 36690
+        "index": 37095
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -251,20 +251,38 @@
     },
     "filepath": "src/components/bottom_bar/bottom_bar.tsx"
   },
+  {
+    "token": "euiBreadcrumb.popoverAriaLabel",
+    "defString": "Clicking this button will toggle a popover dialog.",
+    "highlighting": "string",
+    "loc": {
+      "start": {
+        "line": 155,
+        "column": 27,
+        "index": 4628
+      },
+      "end": {
+        "line": 158,
+        "column": 3,
+        "index": 4738
+      }
+    },
+    "filepath": "src/components/breadcrumbs/breadcrumb.tsx"
+  },
   {
     "token": "euiBreadcrumb.collapsedBadge.ariaLabel",
     "defString": "See collapsed breadcrumbs",
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 189,
+        "line": 235,
         "column": 20,
-        "index": 5037
+        "index": 6773
       },
       "end": {
-        "line": 192,
+        "line": 238,
         "column": 3,
-        "index": 5130
+        "index": 6866
       }
     },
     "filepath": "src/components/breadcrumbs/breadcrumb.tsx"
@@ -413,6 +431,42 @@
     },
     "filepath": "src/components/code/code_block_full_screen.tsx"
   },
+  {
+    "token": "euiCollapsibleNavButton.ariaLabelOpen",
+    "defString": "Toggle navigation open",
+    "highlighting": "string",
+    "loc": {
+      "start": {
+        "line": 47,
+        "column": 26,
+        "index": 1716
+      },
+      "end": {
+        "line": 50,
+        "column": 3,
+        "index": 1805
+      }
+    },
+    "filepath": "src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.tsx"
+  },
+  {
+    "token": "euiCollapsibleNavButton.ariaLabelClose",
+    "defString": "Toggle navigation closed",
+    "highlighting": "string",
+    "loc": {
+      "start": {
+        "line": 51,
+        "column": 28,
+        "index": 1835
+      },
+      "end": {
+        "line": 54,
+        "column": 3,
+        "index": 1927
+      }
+    },
+    "filepath": "src/components/collapsible_nav_beta/collapsible_nav_button/collapsible_nav_button.tsx"
+  },
   {
     "token": "euiColorPickerSwatch.ariaLabel",
     "defString": "Select {color} as the color",
@@ -2309,14 +2363,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 338,
+        "line": 350,
         "column": 22,
-        "index": 9337
+        "index": 9796
       },
       "end": {
-        "line": 342,
+        "line": 354,
         "column": 5,
-        "index": 9509
+        "index": 9968
       }
     },
     "filepath": "src/components/datagrid/data_grid.tsx"
@@ -2327,14 +2381,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 343,
+        "line": 355,
         "column": 27,
-        "index": 9538
+        "index": 9997
       },
       "end": {
-        "line": 347,
+        "line": 359,
         "column": 5,
-        "index": 9679
+        "index": 10138
       }
     },
     "filepath": "src/components/datagrid/data_grid.tsx"
@@ -2345,14 +2399,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 474,
+        "line": 486,
         "column": 18,
-        "index": 15239
+        "index": 15698
       },
       "end": {
-        "line": 477,
+        "line": 489,
         "column": 20,
-        "index": 15392
+        "index": 15851
       }
     },
     "filepath": "src/components/datagrid/data_grid.tsx"
@@ -2363,14 +2417,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 28,
+        "line": 36,
         "column": 34,
-        "index": 1025
+        "index": 1275
       },
       "end": {
-        "line": 32,
+        "line": 40,
         "column": 3,
-        "index": 1170
+        "index": 1420
       }
     },
     "filepath": "src/components/datagrid/utils/data_grid_pagination.tsx"
@@ -2381,14 +2435,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 33,
+        "line": 41,
         "column": 26,
-        "index": 1198
+        "index": 1448
       },
       "end": {
-        "line": 36,
+        "line": 44,
         "column": 3,
-        "index": 1294
+        "index": 1544
       }
     },
     "filepath": "src/components/datagrid/utils/data_grid_pagination.tsx"
@@ -4615,12 +4669,12 @@
       "start": {
         "line": 294,
         "column": 8,
-        "index": 9452
+        "index": 9459
       },
       "end": {
         "line": 294,
         "column": 78,
-        "index": 9522
+        "index": 9529
       }
     },
     "filepath": "src/components/flyout/flyout.tsx"
@@ -4633,12 +4687,12 @@
       "start": {
         "line": 357,
         "column": 12,
-        "index": 11732
+        "index": 11739
       },
       "end": {
         "line": 360,
         "column": 14,
-        "index": 11941
+        "index": 11948
       }
     },
     "filepath": "src/components/flyout/flyout.tsx"
@@ -4651,12 +4705,12 @@
       "start": {
         "line": 362,
         "column": 12,
-        "index": 11970
+        "index": 11977
       },
       "end": {
         "line": 365,
         "column": 14,
-        "index": 12142
+        "index": 12149
       }
     },
     "filepath": "src/components/flyout/flyout.tsx"
@@ -4669,12 +4723,12 @@
       "start": {
         "line": 368,
         "column": 12,
-        "index": 12213
+        "index": 12220
       },
       "end": {
         "line": 371,
         "column": 14,
-        "index": 12400
+        "index": 12407
       }
     },
     "filepath": "src/components/flyout/flyout.tsx"
@@ -4919,14 +4973,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 108,
+        "line": 106,
         "column": 4,
-        "index": 3033
+        "index": 3070
       },
       "end": {
-        "line": 108,
+        "line": 106,
         "column": 75,
-        "index": 3104
+        "index": 3141
       }
     },
     "filepath": "src/components/header/header_links/header_links.tsx"
@@ -4937,14 +4991,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 122,
+        "line": 120,
         "column": 4,
-        "index": 3435
+        "index": 3472
       },
       "end": {
-        "line": 122,
+        "line": 120,
         "column": 69,
-        "index": 3500
+        "index": 3537
       }
     },
     "filepath": "src/components/header/header_links/header_links.tsx"
@@ -6899,14 +6953,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 84,
+        "line": 97,
         "column": 8,
-        "index": 2487
+        "index": 2918
       },
       "end": {
-        "line": 87,
+        "line": 100,
         "column": 10,
-        "index": 2588
+        "index": 3019
       }
     },
     "filepath": "src/components/table/table_pagination/table_pagination.tsx"
@@ -6917,14 +6971,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 90,
+        "line": 103,
         "column": 10,
-        "index": 2622
+        "index": 3053
       },
       "end": {
-        "line": 93,
+        "line": 106,
         "column": 12,
-        "index": 2730
+        "index": 3161
       }
     },
     "filepath": "src/components/table/table_pagination/table_pagination.tsx"
@@ -6935,14 +6989,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 113,
+        "line": 126,
         "column": 12,
-        "index": 3290
+        "index": 3723
       },
       "end": {
-        "line": 116,
+        "line": 129,
         "column": 14,
-        "index": 3421
+        "index": 3854
       }
     },
     "filepath": "src/components/table/table_pagination/table_pagination.tsx"
@@ -6953,14 +7007,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 118,
+        "line": 131,
         "column": 12,
-        "index": 3450
+        "index": 3883
       },
       "end": {
-        "line": 122,
+        "line": 135,
         "column": 14,
-        "index": 3634
+        "index": 4067
       }
     },
     "filepath": "src/components/table/table_pagination/table_pagination.tsx"

package/lib/components/basic_table/basic_table.js

@@ -13,6 +13,8 @@ var _predicate = require("../../services/predicate");
 var _objects = require("../../services/objects");
 var _flex = require("../flex");
 var _form = require("../form");
+var _component_defaults = require("../provider/component_defaults");
+var _table_pagination = require("../table/table_pagination");
 var _table = require("../table");
 var _collapsed_item_actions = require("./collapsed_item_actions");
 var _expanded_item_actions = require("./expanded_item_actions");
@@ -230,6 +232,12 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
     value: function componentDidUpdate() {
       this.getInitialSelection();
     }
+  }, {
+    key: "pageSize",
+    get: function get() {
+      var _ref5, _this$props$paginatio, _this$props$paginatio2, _this$context$EuiTabl;
+      return (_ref5 = (_this$props$paginatio = (_this$props$paginatio2 = this.props.pagination) === null || _this$props$paginatio2 === void 0 ? void 0 : _this$props$paginatio2.pageSize) !== null && _this$props$paginatio !== void 0 ? _this$props$paginatio : (_this$context$EuiTabl = this.context.EuiTablePagination) === null || _this$context$EuiTabl === void 0 ? void 0 : _this$context$EuiTabl.itemsPerPage) !== null && _ref5 !== void 0 ? _ref5 : _table_pagination.euiTablePaginationDefaults.itemsPerPage;
+    }
   }, {
     key: "getInitialSelection",
     value: function getInitialSelection() {
@@ -254,7 +262,7 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
       if (hasPagination(props)) {
         criteria.page = {
           index: props.pagination.pageIndex,
-          size: props.pagination.pageSize
+          size: this.pageSize
         };
       }
       if (props.sorting) {
@@ -444,7 +452,7 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
       var itemCount = items.length;
       var totalItemCount = pagination ? pagination.totalItemCount : itemCount;
       var page = pagination ? pagination.pageIndex + 1 : 1;
-      var pageCount = pagination !== null && pagination !== void 0 && pagination.pageSize ? Math.ceil(pagination.totalItemCount / pagination.pageSize) : 1;
+      var pageCount = pagination ? Math.ceil(pagination.totalItemCount / this.pageSize) : 1;
       var captionElement;
       if (tableCaption) {
         if (pagination) {
@@ -512,16 +520,16 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
         }, this.renderSelectAll(false)));
       }
       columns.forEach(function (column, index) {
-        var _ref5 = column,
-          field = _ref5.field,
-          width = _ref5.width,
-          name = _ref5.name,
-          align = _ref5.align,
-          dataType = _ref5.dataType,
-          sortable = _ref5.sortable,
-          mobileOptions = _ref5.mobileOptions,
-          readOnly = _ref5.readOnly,
-          description = _ref5.description;
+        var _ref6 = column,
+          field = _ref6.field,
+          width = _ref6.width,
+          name = _ref6.name,
+          align = _ref6.align,
+          dataType = _ref6.dataType,
+          sortable = _ref6.sortable,
+          mobileOptions = _ref6.mobileOptions,
+          readOnly = _ref6.readOnly,
+          description = _ref6.description;
         var columnAlign = align || _this3.getAlignForDataType(dataType);
 
         // actions column
@@ -566,8 +574,8 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
               sortable: true
             });
           }
-          var _ref6 = column,
-            _sortable = _ref6.sortable;
+          var _ref7 = column,
+            _sortable = _ref7.sortable;
           if (_sortable) {
             var _sortDirection = _this3.resolveColumnSortDirection(column);
             sorting.isSorted = !!_sortDirection;
@@ -608,10 +616,10 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
           items: items,
           pagination: pagination
         });
-        var _ref7 = column,
-          mobileOptions = _ref7.mobileOptions,
-          field = _ref7.field,
-          align = _ref7.align;
+        var _ref8 = column,
+          mobileOptions = _ref8.mobileOptions,
+          field = _ref8.field,
+          align = _ref8.align;
         if (mobileOptions !== null && mobileOptions !== void 0 && mobileOptions.only) {
           return; // exclude columns that only exist for mobile headers
         }
@@ -648,7 +656,7 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
       } else {
         content = items.map(function (item, index) {
           // if there's pagination the item's index must be adjusted to the where it is in the whole dataset
-          var tableItemIndex = hasPagination(_this4.props) && _this4.props.pagination.pageSize > 0 ? _this4.props.pagination.pageIndex * _this4.props.pagination.pageSize + index : index;
+          var tableItemIndex = hasPagination(_this4.props) && _this4.pageSize > 0 ? _this4.props.pagination.pageIndex * _this4.pageSize + index : index;
           return _this4.renderItemRow(item, tableItemIndex);
         });
       }
@@ -873,19 +881,19 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderItemCell",
     value: function renderItemCell(item, column, key, content, setScopeRow) {
-      var _ref8 = column,
-        align = _ref8.align,
-        render = _ref8.render,
-        dataType = _ref8.dataType,
-        isExpander = _ref8.isExpander,
-        textOnly = _ref8.textOnly,
-        name = _ref8.name,
-        field = _ref8.field,
-        description = _ref8.description,
-        sortable = _ref8.sortable,
-        footer = _ref8.footer,
-        mobileOptions = _ref8.mobileOptions,
-        rest = _objectWithoutProperties(_ref8, _excluded2);
+      var _ref9 = column,
+        align = _ref9.align,
+        render = _ref9.render,
+        dataType = _ref9.dataType,
+        isExpander = _ref9.isExpander,
+        textOnly = _ref9.textOnly,
+        name = _ref9.name,
+        field = _ref9.field,
+        description = _ref9.description,
+        sortable = _ref9.sortable,
+        footer = _ref9.footer,
+        mobileOptions = _ref9.mobileOptions,
+        rest = _objectWithoutProperties(_ref9, _excluded2);
       var columnAlign = align || this.getAlignForDataType(dataType);
       var cellPropsCallback = this.props.cellProps;
       var cellProps = getCellProps(item, column, cellPropsCallback);
@@ -980,6 +988,7 @@ var EuiBasicTable = /*#__PURE__*/function (_Component) {
   return EuiBasicTable;
 }(_react.Component);
 exports.EuiBasicTable = EuiBasicTable;
+_defineProperty(EuiBasicTable, "contextType", _component_defaults.EuiComponentDefaultsContext);
 _defineProperty(EuiBasicTable, "defaultProps", {
   responsive: true,
   tableLayout: 'fixed',
@@ -1260,8 +1269,10 @@ EuiBasicTable.propTypes = {
     /**
        * The maximum number of items that can be shown in a single page.
        * Pass `0` to display the selected "Show all" option and hide the pagination.
+       *
+       * @default 10
        */
-    pageSize: _propTypes.default.number.isRequired,
+    pageSize: _propTypes.default.number,
     /**
        * The total number of items the page is "sliced" of
        */
@@ -1269,10 +1280,14 @@ EuiBasicTable.propTypes = {
     /**
        * Configures the page size dropdown options.
        * Pass `0` as one of the options to create a "Show all" option.
+       *
+       * @default [10, 25, 50]
        */
     pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.number.isRequired),
     /**
-       * Hides the page size dropdown
+       * Set to false to hide the page size dropdown
+       *
+       * @default true
        */
     showPerPageOptions: _propTypes.default.bool
   })]),