@elastic/eui 95.11.0 → 95.12.0

package/i18ntokens.json

@@ -23,14 +23,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 318,
+        "line": 320,
         "column": 6,
-        "index": 8077
+        "index": 8131
       },
       "end": {
-        "line": 318,
+        "line": 320,
         "column": 79,
-        "index": 8150
+        "index": 8204
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -41,14 +41,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 626,
+        "line": 630,
         "column": 10,
-        "index": 16143
+        "index": 16300
       },
       "end": {
-        "line": 630,
+        "line": 634,
         "column": 12,
-        "index": 16346
+        "index": 16503
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -59,14 +59,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 639,
+        "line": 643,
         "column": 12,
-        "index": 16543
+        "index": 16700
       },
       "end": {
-        "line": 643,
+        "line": 647,
         "column": 14,
-        "index": 16822
+        "index": 16979
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -77,14 +77,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 647,
+        "line": 651,
         "column": 12,
-        "index": 16894
+        "index": 17051
       },
       "end": {
-        "line": 651,
+        "line": 655,
         "column": 14,
-        "index": 17134
+        "index": 17291
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -95,14 +95,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 656,
+        "line": 660,
         "column": 10,
-        "index": 17210
+        "index": 17367
       },
       "end": {
-        "line": 660,
+        "line": 664,
         "column": 12,
-        "index": 17394
+        "index": 17551
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -113,14 +113,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 708,
+        "line": 714,
         "column": 6,
-        "index": 18588
+        "index": 18849
       },
       "end": {
-        "line": 711,
+        "line": 717,
         "column": 7,
-        "index": 18739
+        "index": 19000
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -131,14 +131,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 708,
+        "line": 714,
         "column": 6,
-        "index": 18588
+        "index": 18849
       },
       "end": {
-        "line": 711,
+        "line": 717,
         "column": 7,
-        "index": 18739
+        "index": 19000
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -149,14 +149,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 1119,
+        "line": 1132,
         "column": 8,
-        "index": 31058
+        "index": 31375
       },
       "end": {
-        "line": 1123,
+        "line": 1136,
         "column": 9,
-        "index": 31213
+        "index": 31530
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -167,14 +167,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 1350,
+        "line": 1379,
         "column": 8,
-        "index": 37993
+        "index": 38636
       },
       "end": {
-        "line": 1354,
+        "line": 1383,
         "column": 9,
-        "index": 38152
+        "index": 38795
       }
     },
     "filepath": "src/components/basic_table/basic_table.tsx"
@@ -1031,14 +1031,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 722,
+        "line": 738,
         "column": 23,
-        "index": 22753
+        "index": 23328
       },
       "end": {
-        "line": 726,
+        "line": 742,
         "column": 3,
-        "index": 22900
+        "index": 23475
       }
     },
     "filepath": "src/components/datagrid/body/cell/data_grid_cell.tsx"
@@ -1049,14 +1049,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 727,
+        "line": 743,
         "column": 25,
-        "index": 22927
+        "index": 23502
       },
       "end": {
-        "line": 730,
+        "line": 746,
         "column": 3,
-        "index": 23033
+        "index": 23608
       }
     },
     "filepath": "src/components/datagrid/body/cell/data_grid_cell.tsx"
@@ -1229,14 +1229,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 112,
+        "line": 113,
         "column": 37,
-        "index": 3493
+        "index": 3516
       },
       "end": {
-        "line": 116,
+        "line": 117,
         "column": 7,
-        "index": 3643
+        "index": 3666
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1247,14 +1247,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 117,
+        "line": 118,
         "column": 42,
-        "index": 3687
+        "index": 3710
       },
       "end": {
-        "line": 120,
+        "line": 121,
         "column": 7,
-        "index": 3827
+        "index": 3850
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1267,12 +1267,12 @@
       "start": {
         "line": 304,
         "column": 16,
-        "index": 9927
+        "index": 9963
       },
       "end": {
         "line": 308,
         "column": 18,
-        "index": 10101
+        "index": 10137
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1285,12 +1285,12 @@
       "start": {
         "line": 312,
         "column": 16,
-        "index": 10179
+        "index": 10215
       },
       "end": {
         "line": 316,
         "column": 18,
-        "index": 10355
+        "index": 10391
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1303,12 +1303,12 @@
       "start": {
         "line": 322,
         "column": 16,
-        "index": 10501
+        "index": 10537
       },
       "end": {
         "line": 327,
         "column": 18,
-        "index": 10729
+        "index": 10765
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1321,12 +1321,12 @@
       "start": {
         "line": 331,
         "column": 16,
-        "index": 10807
+        "index": 10843
       },
       "end": {
         "line": 336,
         "column": 18,
-        "index": 11037
+        "index": 11073
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1339,12 +1339,12 @@
       "start": {
         "line": 342,
         "column": 16,
-        "index": 11166
+        "index": 11202
       },
       "end": {
         "line": 347,
         "column": 18,
-        "index": 11404
+        "index": 11440
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1357,12 +1357,12 @@
       "start": {
         "line": 351,
         "column": 16,
-        "index": 11482
+        "index": 11518
       },
       "end": {
         "line": 356,
         "column": 18,
-        "index": 11722
+        "index": 11758
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -1375,12 +1375,12 @@
       "start": {
         "line": 421,
         "column": 6,
-        "index": 13568
+        "index": 13604
       },
       "end": {
         "line": 424,
         "column": 8,
-        "index": 13761
+        "index": 13797
       }
     },
     "filepath": "src/components/datagrid/body/header/data_grid_header_cell.tsx"
@@ -2435,14 +2435,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 380,
+        "line": 384,
         "column": 22,
-        "index": 10405
+        "index": 10442
       },
       "end": {
-        "line": 384,
+        "line": 388,
         "column": 5,
-        "index": 10577
+        "index": 10614
       }
     },
     "filepath": "src/components/datagrid/data_grid.tsx"
@@ -2453,14 +2453,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 385,
+        "line": 389,
         "column": 27,
-        "index": 10606
+        "index": 10643
       },
       "end": {
-        "line": 389,
+        "line": 393,
         "column": 5,
-        "index": 10747
+        "index": 10784
       }
     },
     "filepath": "src/components/datagrid/data_grid.tsx"
@@ -2471,14 +2471,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 543,
+        "line": 549,
         "column": 18,
-        "index": 16933
+        "index": 17131
       },
       "end": {
-        "line": 546,
+        "line": 552,
         "column": 20,
-        "index": 17086
+        "index": 17284
       }
     },
     "filepath": "src/components/datagrid/data_grid.tsx"
@@ -5963,14 +5963,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 88,
+        "line": 98,
         "column": 6,
-        "index": 2709
+        "index": 3160
       },
       "end": {
-        "line": 97,
+        "line": 107,
         "column": 7,
-        "index": 3038
+        "index": 3489
       }
     },
     "filepath": "src/components/resizable_container/resizable_button.tsx"
@@ -5981,14 +5981,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 88,
+        "line": 98,
         "column": 6,
-        "index": 2709
+        "index": 3160
       },
       "end": {
-        "line": 97,
+        "line": 107,
         "column": 7,
-        "index": 3038
+        "index": 3489
       }
     },
     "filepath": "src/components/resizable_container/resizable_button.tsx"
@@ -6809,14 +6809,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 78,
+        "line": 85,
         "column": 10,
-        "index": 2418
+        "index": 2640
       },
       "end": {
-        "line": 82,
+        "line": 89,
         "column": 11,
-        "index": 2592
+        "index": 2814
       }
     },
     "filepath": "src/components/table/table_header_cell.tsx"

package/lib/components/basic_table/basic_table.js

@@ -192,6 +192,10 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
         });
       });
     });
+    _defineProperty(_this, "renderCopyChar", function (columnIndex) {
+      var isLastColumn = columnIndex === _this.props.columns.length - 1;
+      return isLastColumn ? _services.tabularCopyMarkers.hiddenNewline : _services.tabularCopyMarkers.hiddenTab;
+    });
     _defineProperty(_this, "resolveColumnSortDirection", function (column) {
       var sorting = _this.props.sorting;
       var _ref5 = column,
@@ -392,13 +396,13 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
         loading = _this$props3.loading;
       return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_table.EuiTableHeaderMobile, {
         responsiveBreakpoint: responsiveBreakpoint
-      }, this.renderSelectAll(true), this.renderTableMobileSort()), (0, _react2.jsx)(_table.EuiTable, {
+      }, this.renderSelectAll(true), this.renderTableMobileSort()), (0, _react2.jsx)(_services.OverrideCopiedTabularContent, null, (0, _react2.jsx)(_table.EuiTable, {
         id: this.tableId,
         tableLayout: tableLayout,
         responsiveBreakpoint: responsiveBreakpoint,
         compressed: compressed,
         css: loading && _basic_table.safariLoadingWorkaround
-      }, this.renderTableCaption(), this.renderTableHead(), this.renderTableBody(), this.renderTableFooter()));
+      }, this.renderTableCaption(), this.renderTableHead(), this.renderTableBody(), this.renderTableFooter())));
     }
   }, {
     key: "renderTableMobileSort",
@@ -497,7 +501,7 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
       return (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("caption", {
         css: _table2.euiTableCaptionStyles,
         className: "euiTableCaption"
-      }, (0, _react2.jsx)(_delay_render.EuiDelayRender, null, captionElement)));
+      }, _services.tabularCopyMarkers.hiddenNoCopyBoundary, (0, _react2.jsx)(_delay_render.EuiDelayRender, null, captionElement), _services.tabularCopyMarkers.hiddenNoCopyBoundary));
     }
   }, {
     key: "renderTableHead",
@@ -509,7 +513,8 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
       var headers = [];
       if (selection) {
         headers.push((0, _react2.jsx)(_table.EuiTableHeaderCellCheckbox, {
-          key: "_selection_column_h"
+          key: "_selection_column_h",
+          append: this.renderCopyChar(-1)
         }, this.renderSelectAll(false)));
       }
       columns.forEach(function (column, index) {
@@ -524,16 +529,20 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
           readOnly = _ref8.readOnly,
           description = _ref8.description;
         var columnAlign = align || _this3.getAlignForDataType(dataType);
+        var sharedProps = {
+          width: width,
+          description: description,
+          mobileOptions: mobileOptions,
+          align: columnAlign,
+          append: _this3.renderCopyChar(index)
+        };
 
         // actions column
         if (column.actions) {
-          headers.push((0, _react2.jsx)(_table.EuiTableHeaderCell, {
+          headers.push((0, _react2.jsx)(_table.EuiTableHeaderCell, _extends({}, sharedProps, {
             key: "_actions_h_".concat(index),
-            align: "right",
-            width: width,
-            description: description,
-            mobileOptions: mobileOptions
-          }, name));
+            align: "right"
+          }), name));
           return;
         }
 
@@ -548,13 +557,9 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
             _sorting.onSort = _this3.resolveColumnOnSort(column);
             _sorting.readOnly = _this3.props.sorting.readOnly || readOnly;
           }
-          headers.push((0, _react2.jsx)(_table.EuiTableHeaderCell, _extends({
+          headers.push((0, _react2.jsx)(_table.EuiTableHeaderCell, _extends({}, sharedProps, {
             key: "_computed_column_h_".concat(index),
-            align: columnAlign,
-            width: width,
-            mobileOptions: mobileOptions,
-            "data-test-subj": "tableHeaderCell_".concat(typeof name === 'string' ? name : '', "_").concat(index),
-            description: description
+            "data-test-subj": "tableHeaderCell_".concat(typeof name === 'string' ? name : '', "_").concat(index)
           }, _sorting), name));
           return;
         }
@@ -577,13 +582,9 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
             sorting.readOnly = _this3.props.sorting.readOnly || readOnly;
           }
         }
-        headers.push((0, _react2.jsx)(_table.EuiTableHeaderCell, _extends({
+        headers.push((0, _react2.jsx)(_table.EuiTableHeaderCell, _extends({}, sharedProps, {
           key: "_data_h_".concat(String(field), "_").concat(index),
-          align: columnAlign,
-          width: width,
-          mobileOptions: mobileOptions,
-          "data-test-subj": "tableHeaderCell_".concat(String(field), "_").concat(index),
-          description: description
+          "data-test-subj": "tableHeaderCell_".concat(String(field), "_").concat(index)
         }, sorting), name));
       });
       return (0, _react2.jsx)(_table.EuiTableHeader, null, headers);
@@ -749,7 +750,8 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
         hasSelection: !!selection
       }, (0, _react2.jsx)(_table.EuiTableRowCell, {
         colSpan: expandedRowColSpan,
-        textOnly: false
+        textOnly: false,
+        append: _services.tabularCopyMarkers.hiddenNewline
       }, itemIdToExpandedRowMap[itemId])) : undefined;
       var rowPropsCallback = this.props.rowProps;
       var rowProps = getRowProps(item, rowPropsCallback);
@@ -788,7 +790,8 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
         }
       };
       return [(0, _react2.jsx)(_table.EuiTableRowCellCheckbox, {
-        key: key
+        key: key,
+        append: this.renderCopyChar(-1)
       }, (0, _react2.jsx)(_i18n.EuiI18n, {
         token: "euiBasicTable.selectThisRow",
         default: "Select row {index}",
@@ -857,7 +860,8 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
         key: key,
         align: "right",
         textOnly: false,
-        hasActions: hasCustomActions ? 'custom' : true
+        hasActions: hasCustomActions ? 'custom' : true,
+        append: this.renderCopyChar(columnIndex)
       }, (0, _react2.jsx)(_expanded_item_actions.ExpandedItemActions, {
         actions: actualActions,
         actionsDisabled: allDisabled,
@@ -875,7 +879,7 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
       var contentRenderer = render || this.getRendererForDataType(dataType);
       var value = (0, _objects.get)(item, field);
       var content = contentRenderer(value, item);
-      return this.renderItemCell(item, column, key, content, setScopeRow);
+      return this.renderItemCell(item, column, columnIndex, key, content, setScopeRow);
     }
   }, {
     key: "renderItemComputedCell",
@@ -884,11 +888,12 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
       var key = "_computed_column_".concat(itemId, "_").concat(columnIndex);
       var contentRenderer = render || this.getRendererForDataType();
       var content = contentRenderer(item);
-      return this.renderItemCell(item, column, key, content, false);
+      return this.renderItemCell(item, column, columnIndex, key, content, false);
     }
   }, {
     key: "renderItemCell",
-    value: function renderItemCell(item, column, key, content, setScopeRow) {
+    value: function renderItemCell(item, column, columnIndex, key, content, setScopeRow) {
+      var _mobileOptions$render, _mobileOptions$header;
       var _ref11 = column,
         align = _ref11.align,
         render = _ref11.render,
@@ -912,10 +917,12 @@ var EuiBasicTable = exports.EuiBasicTable = /*#__PURE__*/function (_Component) {
         textOnly: textOnly || !render,
         setScopeRow: setScopeRow,
         mobileOptions: _objectSpread(_objectSpread({}, mobileOptions), {}, {
-          render: mobileOptions && mobileOptions.render && mobileOptions.render(item),
-          header: mobileOptions && mobileOptions.header === false ? false : name
+          render: mobileOptions === null || mobileOptions === void 0 || (_mobileOptions$render = mobileOptions.render) === null || _mobileOptions$render === void 0 ? void 0 : _mobileOptions$render.call(mobileOptions, item),
+          header: (_mobileOptions$header = mobileOptions === null || mobileOptions === void 0 ? void 0 : mobileOptions.header) !== null && _mobileOptions$header !== void 0 ? _mobileOptions$header : name
         })
-      }, cellProps, rest), content);
+      }, cellProps, rest, {
+        append: this.renderCopyChar(columnIndex)
+      }), content);
     }
   }, {
     key: "getRendererForDataType",