@elastic/eui 64.0.2 → 64.0.3

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/header/header_section/header_section_item.js +4 -3
  2. package/lib/components/header/header_section/header_section_item.js +4 -3
  3. package/optimize/es/components/header/header_section/header_section_item.js +4 -3
  4. package/optimize/lib/components/header/header_section/header_section_item.js +4 -3
  5. package/package.json +1 -1
  6. package/src/components/header/header_section/_header_section_item.scss +1 -1
  7. package/test-env/components/header/header_section/header_section_item.js +4 -3
package/es/components/header/header_section/header_section_item.js CHANGED
@@ -29,10 +29,11 @@ export var EuiHeaderSectionItem = function EuiHeaderSectionItem(_ref) {
29
29
  className = _ref.className,
30
30
  rest = _objectWithoutProperties(_ref, _excluded);
31
31
 
32
- var classes = classNames('euiHeaderSectionItem', borderToClassNameMap[border], className);
33
- return ___EmotionJSX("div", _extends({
32
+ var classes = classNames('euiHeaderSectionItem', borderToClassNameMap[border], className); // we check if there is any children and if not, we don't render anything
33
+
34
+ return children ? ___EmotionJSX("div", _extends({
34
35
  className: classes
35
- }, rest), children);
36
+ }, rest), children) : null;
36
37
  };
37
38
  EuiHeaderSectionItem.propTypes = {
38
39
  className: PropTypes.string,
package/lib/components/header/header_section/header_section_item.js CHANGED
@@ -36,10 +36,11 @@ var EuiHeaderSectionItem = function EuiHeaderSectionItem(_ref) {
36
36
  className = _ref.className,
37
37
  rest = _objectWithoutProperties(_ref, _excluded);
38
38
 
39
- var classes = (0, _classnames.default)('euiHeaderSectionItem', borderToClassNameMap[border], className);
40
- return (0, _react2.jsx)("div", _extends({
39
+ var classes = (0, _classnames.default)('euiHeaderSectionItem', borderToClassNameMap[border], className); // we check if there is any children and if not, we don't render anything
40
+
41
+ return children ? (0, _react2.jsx)("div", _extends({
41
42
  className: classes
42
- }, rest), children);
43
+ }, rest), children) : null;
43
44
  };
44
45
 
45
46
  exports.EuiHeaderSectionItem = EuiHeaderSectionItem;
package/optimize/es/components/header/header_section/header_section_item.js CHANGED
@@ -24,8 +24,9 @@ export var EuiHeaderSectionItem = function EuiHeaderSectionItem(_ref) {
24
24
  className = _ref.className,
25
25
  rest = _objectWithoutProperties(_ref, _excluded);
26
26
 
27
- var classes = classNames('euiHeaderSectionItem', borderToClassNameMap[border], className);
28
- return ___EmotionJSX("div", _extends({
27
+ var classes = classNames('euiHeaderSectionItem', borderToClassNameMap[border], className); // we check if there is any children and if not, we don't render anything
28
+
29
+ return children ? ___EmotionJSX("div", _extends({
29
30
  className: classes
30
- }, rest), children);
31
+ }, rest), children) : null;
31
32
  };
package/optimize/lib/components/header/header_section/header_section_item.js CHANGED
@@ -30,10 +30,11 @@ var EuiHeaderSectionItem = function EuiHeaderSectionItem(_ref) {
30
30
  children = _ref.children,
31
31
  className = _ref.className,
32
32
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
33
- var classes = (0, _classnames.default)('euiHeaderSectionItem', borderToClassNameMap[border], className);
34
- return (0, _react2.jsx)("div", (0, _extends2.default)({
33
+ var classes = (0, _classnames.default)('euiHeaderSectionItem', borderToClassNameMap[border], className); // we check if there is any children and if not, we don't render anything
34
+
35
+ return children ? (0, _react2.jsx)("div", (0, _extends2.default)({
35
36
  className: classes
36
- }, rest), children);
37
+ }, rest), children) : null;
37
38
  };
38
39
 
39
40
  exports.EuiHeaderSectionItem = EuiHeaderSectionItem;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@elastic/eui",
3
3
  "description": "Elastic UI Component Library",
4
- "version": "64.0.2",
4
+ "version": "64.0.3",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "lib",
7
7
  "module": "es",
package/src/components/header/header_section/_header_section_item.scss CHANGED
@@ -41,4 +41,4 @@
41
41
  display: none;
42
42
  }
43
43
  }
44
- }
44
+ }
package/test-env/components/header/header_section/header_section_item.js CHANGED
@@ -32,10 +32,11 @@ var EuiHeaderSectionItem = function EuiHeaderSectionItem(_ref) {
32
32
  children = _ref.children,
33
33
  className = _ref.className,
34
34
  rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
35
- var classes = (0, _classnames.default)('euiHeaderSectionItem', borderToClassNameMap[border], className);
36
- return (0, _react2.jsx)("div", (0, _extends2.default)({
35
+ var classes = (0, _classnames.default)('euiHeaderSectionItem', borderToClassNameMap[border], className); // we check if there is any children and if not, we don't render anything
36
+
37
+ return children ? (0, _react2.jsx)("div", (0, _extends2.default)({
37
38
  className: classes
38
- }, rest), children);
39
+ }, rest), children) : null;
39
40
  };
40
41
 
41
42
  exports.EuiHeaderSectionItem = EuiHeaderSectionItem;