@elastic/eui 77.1.2 → 77.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/es/components/datagrid/body/data_grid_cell.js +7 -2
  2. package/es/components/flyout/flyout.js +1 -1
  3. package/es/components/focus_trap/focus_trap.js +1 -1
  4. package/i18ntokens.json +4 -4
  5. package/lib/components/datagrid/body/data_grid_cell.js +7 -2
  6. package/lib/components/flyout/flyout.js +1 -1
  7. package/lib/components/focus_trap/focus_trap.js +1 -1
  8. package/optimize/es/components/datagrid/body/data_grid_cell.js +6 -2
  9. package/optimize/es/components/flyout/flyout.js +1 -1
  10. package/optimize/es/components/focus_trap/focus_trap.js +1 -1
  11. package/optimize/lib/components/datagrid/body/data_grid_cell.js +6 -2
  12. package/optimize/lib/components/flyout/flyout.js +1 -1
  13. package/optimize/lib/components/focus_trap/focus_trap.js +1 -1
  14. package/package.json +1 -1
  15. package/test-env/components/datagrid/body/data_grid_cell.js +7 -2
package/es/components/datagrid/body/data_grid_cell.js CHANGED
@@ -1,5 +1,5 @@
1
1
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
- var _excluded = ["renderCellValue", "column", "setCellContentsRef", "rowHeightsOptions", "rowIndex", "colIndex", "ariaRowIndex", "rowHeightUtils", "isDefinedHeight"],
2
+ var _excluded = ["renderCellValue", "column", "setCellContentsRef", "rowHeightsOptions", "rowIndex", "colIndex", "ariaRowIndex", "rowHeightUtils", "isDefinedHeight", "isFocused"],
3
3
  _excluded2 = ["width", "popoverContext", "interactiveCellId", "columnType", "className", "column", "style", "rowHeightUtils", "rowHeightsOptions", "rowManager", "pagination"],
4
4
  _excluded3 = ["isExpandable", "style", "className", "data-test-subj"];
5
5
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -53,6 +53,7 @@ var EuiDataGridCellContent = /*#__PURE__*/memo(function (_ref) {
53
53
  ariaRowIndex = _ref.ariaRowIndex,
54
54
  rowHeightUtils = _ref.rowHeightUtils,
55
55
  isDefinedHeight = _ref.isDefinedHeight,
56
+ isFocused = _ref.isFocused,
56
57
  rest = _objectWithoutProperties(_ref, _excluded);
57
58
  // React is more permissible than the TS types indicate
58
59
  var CellElement = renderCellValue;
@@ -67,7 +68,9 @@ var EuiDataGridCellContent = /*#__PURE__*/memo(function (_ref) {
67
68
  rowIndex: rowIndex,
68
69
  colIndex: colIndex,
69
70
  schema: (column === null || column === void 0 ? void 0 : column.schema) || rest.columnType
70
- }, rest))), ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("p", null, '- ', ___EmotionJSX(EuiI18n, {
71
+ }, rest))), ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("p", {
72
+ hidden: !isFocused
73
+ }, '- ', ___EmotionJSX(EuiI18n, {
71
74
  token: "euiDataGridCell.position",
72
75
  default: "{columnId}, column {col}, row {row}",
73
76
  values: {
@@ -556,6 +559,7 @@ EuiDataGridCellContent.propTypes = {
556
559
  setCellContentsRef: PropTypes.any.isRequired,
557
560
  isExpanded: PropTypes.bool.isRequired,
558
561
  isDefinedHeight: PropTypes.bool.isRequired,
562
+ isFocused: PropTypes.bool.isRequired,
559
563
  ariaRowIndex: PropTypes.number.isRequired
560
564
  };
561
565
  export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
@@ -1014,6 +1018,7 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
1014
1018
  isExpandable: isExpandable,
1015
1019
  isExpanded: popoverIsOpen,
1016
1020
  isDetails: false,
1021
+ isFocused: this.state.isFocused,
1017
1022
  setCellContentsRef: this.setCellContentsRef,
1018
1023
  rowHeightsOptions: rowHeightsOptions,
1019
1024
  rowHeightUtils: rowHeightUtils,
package/es/components/flyout/flyout.js CHANGED
@@ -255,7 +255,7 @@ export var EuiFlyout = /*#__PURE__*/forwardRef(function (_ref, ref) {
255
255
  };
256
256
  var flyout = ___EmotionJSX(EuiFocusTrap, _extends({
257
257
  disabled: isPushed,
258
- scrollLock: ownFocus,
258
+ scrollLock: hasOverlayMask,
259
259
  clickOutsideDisables: !ownFocus,
260
260
  onClickOutside: onClickOutside
261
261
  }, focusTrapProps), ___EmotionJSX(Element, _extends({
package/es/components/focus_trap/focus_trap.js CHANGED
@@ -133,7 +133,7 @@ export var EuiFocusTrap = /*#__PURE__*/function (_Component) {
133
133
  */
134
134
  scrollLock: false
135
135
  });
136
- return ___EmotionJSX(FocusOn, focusOnProps, children, scrollLock && ___EmotionJSX(RemoveScrollBar, {
136
+ return ___EmotionJSX(FocusOn, focusOnProps, children, !isDisabled && scrollLock && ___EmotionJSX(RemoveScrollBar, {
137
137
  gapMode: gapMode
138
138
  }));
139
139
  }
package/i18ntokens.json CHANGED
@@ -977,14 +977,14 @@
977
977
  "highlighting": "string",
978
978
  "loc": {
979
979
  "start": {
980
- "line": 98,
980
+ "line": 100,
981
981
  "column": 12,
982
- "index": 2913
982
+ "index": 2972
983
983
  },
984
984
  "end": {
985
- "line": 106,
985
+ "line": 108,
986
986
  "column": 14,
987
- "index": 3220
987
+ "index": 3279
988
988
  }
989
989
  },
990
990
  "filepath": "src/components/datagrid/body/data_grid_cell.tsx"
package/lib/components/datagrid/body/data_grid_cell.js CHANGED
@@ -20,7 +20,7 @@ var _data_grid_cell_actions = require("./data_grid_cell_actions");
20
20
  var _data_grid_cell_popover = require("./data_grid_cell_popover");
21
21
  var _utils = require("../../../utils");
22
22
  var _react2 = require("@emotion/react");
23
- var _excluded = ["renderCellValue", "column", "setCellContentsRef", "rowHeightsOptions", "rowIndex", "colIndex", "ariaRowIndex", "rowHeightUtils", "isDefinedHeight"],
23
+ var _excluded = ["renderCellValue", "column", "setCellContentsRef", "rowHeightsOptions", "rowIndex", "colIndex", "ariaRowIndex", "rowHeightUtils", "isDefinedHeight", "isFocused"],
24
24
  _excluded2 = ["width", "popoverContext", "interactiveCellId", "columnType", "className", "column", "style", "rowHeightUtils", "rowHeightsOptions", "rowManager", "pagination"],
25
25
  _excluded3 = ["isExpandable", "style", "className", "data-test-subj"];
26
26
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -54,6 +54,7 @@ var EuiDataGridCellContent = /*#__PURE__*/(0, _react.memo)(function (_ref) {
54
54
  ariaRowIndex = _ref.ariaRowIndex,
55
55
  rowHeightUtils = _ref.rowHeightUtils,
56
56
  isDefinedHeight = _ref.isDefinedHeight,
57
+ isFocused = _ref.isFocused,
57
58
  rest = _objectWithoutProperties(_ref, _excluded);
58
59
  // React is more permissible than the TS types indicate
59
60
  var CellElement = renderCellValue;
@@ -68,7 +69,9 @@ var EuiDataGridCellContent = /*#__PURE__*/(0, _react.memo)(function (_ref) {
68
69
  rowIndex: rowIndex,
69
70
  colIndex: colIndex,
70
71
  schema: (column === null || column === void 0 ? void 0 : column.schema) || rest.columnType
71
- }, rest))), (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("p", null, '- ', (0, _react2.jsx)(_i18n.EuiI18n, {
72
+ }, rest))), (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("p", {
73
+ hidden: !isFocused
74
+ }, '- ', (0, _react2.jsx)(_i18n.EuiI18n, {
72
75
  token: "euiDataGridCell.position",
73
76
  default: "{columnId}, column {col}, row {row}",
74
77
  values: {
@@ -557,6 +560,7 @@ EuiDataGridCellContent.propTypes = {
557
560
  setCellContentsRef: _propTypes.default.any.isRequired,
558
561
  isExpanded: _propTypes.default.bool.isRequired,
559
562
  isDefinedHeight: _propTypes.default.bool.isRequired,
563
+ isFocused: _propTypes.default.bool.isRequired,
560
564
  ariaRowIndex: _propTypes.default.number.isRequired
561
565
  };
562
566
  var EuiDataGridCell = /*#__PURE__*/function (_Component) {
@@ -1015,6 +1019,7 @@ var EuiDataGridCell = /*#__PURE__*/function (_Component) {
1015
1019
  isExpandable: isExpandable,
1016
1020
  isExpanded: popoverIsOpen,
1017
1021
  isDetails: false,
1022
+ isFocused: this.state.isFocused,
1018
1023
  setCellContentsRef: this.setCellContentsRef,
1019
1024
  rowHeightsOptions: rowHeightsOptions,
1020
1025
  rowHeightUtils: rowHeightUtils,
package/lib/components/flyout/flyout.js CHANGED
@@ -260,7 +260,7 @@ var EuiFlyout = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
260
260
  };
261
261
  var flyout = (0, _react2.jsx)(_focus_trap.EuiFocusTrap, _extends({
262
262
  disabled: isPushed,
263
- scrollLock: ownFocus,
263
+ scrollLock: hasOverlayMask,
264
264
  clickOutsideDisables: !ownFocus,
265
265
  onClickOutside: onClickOutside
266
266
  }, focusTrapProps), (0, _react2.jsx)(Element, _extends({
package/lib/components/focus_trap/focus_trap.js CHANGED
@@ -134,7 +134,7 @@ var EuiFocusTrap = /*#__PURE__*/function (_Component) {
134
134
  */
135
135
  scrollLock: false
136
136
  });
137
- return (0, _react2.jsx)(_reactFocusOn.FocusOn, focusOnProps, children, scrollLock && (0, _react2.jsx)(_reactRemoveScrollBar.RemoveScrollBar, {
137
+ return (0, _react2.jsx)(_reactFocusOn.FocusOn, focusOnProps, children, !isDisabled && scrollLock && (0, _react2.jsx)(_reactRemoveScrollBar.RemoveScrollBar, {
138
138
  gapMode: gapMode
139
139
  }));
140
140
  }
package/optimize/es/components/datagrid/body/data_grid_cell.js CHANGED
@@ -7,7 +7,7 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
8
  import _extends from "@babel/runtime/helpers/extends";
9
9
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
10
- var _excluded = ["renderCellValue", "column", "setCellContentsRef", "rowHeightsOptions", "rowIndex", "colIndex", "ariaRowIndex", "rowHeightUtils", "isDefinedHeight"],
10
+ var _excluded = ["renderCellValue", "column", "setCellContentsRef", "rowHeightsOptions", "rowIndex", "colIndex", "ariaRowIndex", "rowHeightUtils", "isDefinedHeight", "isFocused"],
11
11
  _excluded2 = ["width", "popoverContext", "interactiveCellId", "columnType", "className", "column", "style", "rowHeightUtils", "rowHeightsOptions", "rowManager", "pagination"],
12
12
  _excluded3 = ["isExpandable", "style", "className", "data-test-subj"];
13
13
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -46,6 +46,7 @@ var EuiDataGridCellContent = /*#__PURE__*/memo(function (_ref) {
46
46
  ariaRowIndex = _ref.ariaRowIndex,
47
47
  rowHeightUtils = _ref.rowHeightUtils,
48
48
  isDefinedHeight = _ref.isDefinedHeight,
49
+ isFocused = _ref.isFocused,
49
50
  rest = _objectWithoutProperties(_ref, _excluded);
50
51
  // React is more permissible than the TS types indicate
51
52
  var CellElement = renderCellValue;
@@ -60,7 +61,9 @@ var EuiDataGridCellContent = /*#__PURE__*/memo(function (_ref) {
60
61
  rowIndex: rowIndex,
61
62
  colIndex: colIndex,
62
63
  schema: (column === null || column === void 0 ? void 0 : column.schema) || rest.columnType
63
- }, rest))), ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("p", null, '- ', ___EmotionJSX(EuiI18n, {
64
+ }, rest))), ___EmotionJSX(EuiScreenReaderOnly, null, ___EmotionJSX("p", {
65
+ hidden: !isFocused
66
+ }, '- ', ___EmotionJSX(EuiI18n, {
64
67
  token: "euiDataGridCell.position",
65
68
  default: "{columnId}, column {col}, row {row}",
66
69
  values: {
@@ -526,6 +529,7 @@ export var EuiDataGridCell = /*#__PURE__*/function (_Component) {
526
529
  isExpandable: isExpandable,
527
530
  isExpanded: popoverIsOpen,
528
531
  isDetails: false,
532
+ isFocused: this.state.isFocused,
529
533
  setCellContentsRef: this.setCellContentsRef,
530
534
  rowHeightsOptions: rowHeightsOptions,
531
535
  rowHeightUtils: rowHeightUtils,
package/optimize/es/components/flyout/flyout.js CHANGED
@@ -243,7 +243,7 @@ export var EuiFlyout = /*#__PURE__*/forwardRef(function (_ref, ref) {
243
243
  };
244
244
  var flyout = ___EmotionJSX(EuiFocusTrap, _extends({
245
245
  disabled: isPushed,
246
- scrollLock: ownFocus,
246
+ scrollLock: hasOverlayMask,
247
247
  clickOutsideDisables: !ownFocus,
248
248
  onClickOutside: onClickOutside
249
249
  }, focusTrapProps), ___EmotionJSX(Element, _extends({
package/optimize/es/components/focus_trap/focus_trap.js CHANGED
@@ -126,7 +126,7 @@ export var EuiFocusTrap = /*#__PURE__*/function (_Component) {
126
126
  */
127
127
  scrollLock: false
128
128
  });
129
- return ___EmotionJSX(FocusOn, focusOnProps, children, scrollLock && ___EmotionJSX(RemoveScrollBar, {
129
+ return ___EmotionJSX(FocusOn, focusOnProps, children, !isDisabled && scrollLock && ___EmotionJSX(RemoveScrollBar, {
130
130
  gapMode: gapMode
131
131
  }));
132
132
  }
package/optimize/lib/components/datagrid/body/data_grid_cell.js CHANGED
@@ -29,7 +29,7 @@ var _data_grid_cell_actions = require("./data_grid_cell_actions");
29
29
  var _data_grid_cell_popover = require("./data_grid_cell_popover");
30
30
  var _utils = require("../../../utils");
31
31
  var _react2 = require("@emotion/react");
32
- var _excluded = ["renderCellValue", "column", "setCellContentsRef", "rowHeightsOptions", "rowIndex", "colIndex", "ariaRowIndex", "rowHeightUtils", "isDefinedHeight"],
32
+ var _excluded = ["renderCellValue", "column", "setCellContentsRef", "rowHeightsOptions", "rowIndex", "colIndex", "ariaRowIndex", "rowHeightUtils", "isDefinedHeight", "isFocused"],
33
33
  _excluded2 = ["width", "popoverContext", "interactiveCellId", "columnType", "className", "column", "style", "rowHeightUtils", "rowHeightsOptions", "rowManager", "pagination"],
34
34
  _excluded3 = ["isExpandable", "style", "className", "data-test-subj"];
35
35
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -48,6 +48,7 @@ var EuiDataGridCellContent = /*#__PURE__*/(0, _react.memo)(function (_ref) {
48
48
  ariaRowIndex = _ref.ariaRowIndex,
49
49
  rowHeightUtils = _ref.rowHeightUtils,
50
50
  isDefinedHeight = _ref.isDefinedHeight,
51
+ isFocused = _ref.isFocused,
51
52
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
52
53
  // React is more permissible than the TS types indicate
53
54
  var CellElement = renderCellValue;
@@ -62,7 +63,9 @@ var EuiDataGridCellContent = /*#__PURE__*/(0, _react.memo)(function (_ref) {
62
63
  rowIndex: rowIndex,
63
64
  colIndex: colIndex,
64
65
  schema: (column === null || column === void 0 ? void 0 : column.schema) || rest.columnType
65
- }, rest))), (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("p", null, '- ', (0, _react2.jsx)(_i18n.EuiI18n, {
66
+ }, rest))), (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("p", {
67
+ hidden: !isFocused
68
+ }, '- ', (0, _react2.jsx)(_i18n.EuiI18n, {
66
69
  token: "euiDataGridCell.position",
67
70
  default: "{columnId}, column {col}, row {row}",
68
71
  values: {
@@ -528,6 +531,7 @@ var EuiDataGridCell = /*#__PURE__*/function (_Component) {
528
531
  isExpandable: isExpandable,
529
532
  isExpanded: popoverIsOpen,
530
533
  isDetails: false,
534
+ isFocused: this.state.isFocused,
531
535
  setCellContentsRef: this.setCellContentsRef,
532
536
  rowHeightsOptions: rowHeightsOptions,
533
537
  rowHeightUtils: rowHeightUtils,
package/optimize/lib/components/flyout/flyout.js CHANGED
@@ -249,7 +249,7 @@ var EuiFlyout = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
249
249
  };
250
250
  var flyout = (0, _react2.jsx)(_focus_trap.EuiFocusTrap, (0, _extends2.default)({
251
251
  disabled: isPushed,
252
- scrollLock: ownFocus,
252
+ scrollLock: hasOverlayMask,
253
253
  clickOutsideDisables: !ownFocus,
254
254
  onClickOutside: onClickOutside
255
255
  }, focusTrapProps), (0, _react2.jsx)(Element, (0, _extends2.default)({
package/optimize/lib/components/focus_trap/focus_trap.js CHANGED
@@ -128,7 +128,7 @@ var EuiFocusTrap = /*#__PURE__*/function (_Component) {
128
128
  */
129
129
  scrollLock: false
130
130
  });
131
- return (0, _react2.jsx)(_reactFocusOn.FocusOn, focusOnProps, children, scrollLock && (0, _react2.jsx)(_reactRemoveScrollBar.RemoveScrollBar, {
131
+ return (0, _react2.jsx)(_reactFocusOn.FocusOn, focusOnProps, children, !isDisabled && scrollLock && (0, _react2.jsx)(_reactRemoveScrollBar.RemoveScrollBar, {
132
132
  gapMode: gapMode
133
133
  }));
134
134
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@elastic/eui",
3
3
  "description": "Elastic UI Component Library",
4
- "version": "77.1.2",
4
+ "version": "77.1.4",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "lib",
7
7
  "module": "es",
package/test-env/components/datagrid/body/data_grid_cell.js CHANGED
@@ -30,7 +30,7 @@ var _data_grid_cell_actions = require("./data_grid_cell_actions");
30
30
  var _data_grid_cell_popover = require("./data_grid_cell_popover");
31
31
  var _utils = require("../../../utils");
32
32
  var _react2 = require("@emotion/react");
33
- var _excluded = ["renderCellValue", "column", "setCellContentsRef", "rowHeightsOptions", "rowIndex", "colIndex", "ariaRowIndex", "rowHeightUtils", "isDefinedHeight"],
33
+ var _excluded = ["renderCellValue", "column", "setCellContentsRef", "rowHeightsOptions", "rowIndex", "colIndex", "ariaRowIndex", "rowHeightUtils", "isDefinedHeight", "isFocused"],
34
34
  _excluded2 = ["width", "popoverContext", "interactiveCellId", "columnType", "className", "column", "style", "rowHeightUtils", "rowHeightsOptions", "rowManager", "pagination"],
35
35
  _excluded3 = ["isExpandable", "style", "className", "data-test-subj"];
36
36
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -49,6 +49,7 @@ var EuiDataGridCellContent = /*#__PURE__*/(0, _react.memo)(function (_ref) {
49
49
  ariaRowIndex = _ref.ariaRowIndex,
50
50
  rowHeightUtils = _ref.rowHeightUtils,
51
51
  isDefinedHeight = _ref.isDefinedHeight,
52
+ isFocused = _ref.isFocused,
52
53
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
53
54
  // React is more permissible than the TS types indicate
54
55
  var CellElement = renderCellValue;
@@ -63,7 +64,9 @@ var EuiDataGridCellContent = /*#__PURE__*/(0, _react.memo)(function (_ref) {
63
64
  rowIndex: rowIndex,
64
65
  colIndex: colIndex,
65
66
  schema: (column === null || column === void 0 ? void 0 : column.schema) || rest.columnType
66
- }, rest))), (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("p", null, '- ', (0, _react2.jsx)(_i18n.EuiI18n, {
67
+ }, rest))), (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("p", {
68
+ hidden: !isFocused
69
+ }, '- ', (0, _react2.jsx)(_i18n.EuiI18n, {
67
70
  token: "euiDataGridCell.position",
68
71
  default: "{columnId}, column {col}, row {row}",
69
72
  values: {
@@ -552,6 +555,7 @@ EuiDataGridCellContent.propTypes = {
552
555
  setCellContentsRef: _propTypes.default.any.isRequired,
553
556
  isExpanded: _propTypes.default.bool.isRequired,
554
557
  isDefinedHeight: _propTypes.default.bool.isRequired,
558
+ isFocused: _propTypes.default.bool.isRequired,
555
559
  ariaRowIndex: _propTypes.default.number.isRequired
556
560
  };
557
561
  var EuiDataGridCell = /*#__PURE__*/function (_Component) {
@@ -1010,6 +1014,7 @@ var EuiDataGridCell = /*#__PURE__*/function (_Component) {
1010
1014
  isExpandable: isExpandable,
1011
1015
  isExpanded: popoverIsOpen,
1012
1016
  isDetails: false,
1017
+ isFocused: this.state.isFocused,
1013
1018
  setCellContentsRef: this.setCellContentsRef,
1014
1019
  rowHeightsOptions: rowHeightsOptions,
1015
1020
  rowHeightUtils: rowHeightUtils,