@elastic/eui 77.1.3 → 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 (7) hide show
  1. package/es/components/datagrid/body/data_grid_cell.js +7 -2
  2. package/i18ntokens.json +4 -4
  3. package/lib/components/datagrid/body/data_grid_cell.js +7 -2
  4. package/optimize/es/components/datagrid/body/data_grid_cell.js +6 -2
  5. package/optimize/lib/components/datagrid/body/data_grid_cell.js +6 -2
  6. package/package.json +1 -1
  7. 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/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/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/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/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.3",
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,