@pedidopago/ui 1.0.8 → 1.1.2

package/dist/components/Grid/grid.test.js

@@ -8,68 +8,72 @@ require("@testing-library/jest-dom");
 
 var _ = _interopRequireDefault(require("."));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 describe('Grid', function () {
   it('should render the grid container', function () {
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       container: true,
       "data-testid": "grid-container"
     }));
     expect(_react.screen.getByTestId('grid-container')).toBeInTheDocument();
   });
   it('should render grid container with item element', function () {
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       container: true,
-      "data-testid": "grid-container"
-    }, /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      "data-testid": "grid-item"
-    })));
+      "data-testid": "grid-container",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item"
+      })
+    }));
     expect(_react.screen.getByTestId('grid-item')).toBeInTheDocument();
   });
   it('should render grid container with multiple items', function () {
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
       container: true,
       templateColumns: "repeat(12, 1fr)",
-      "data-testid": "grid-container"
-    }, /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      "data-testid": "grid-item-1"
-    }), /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      "data-testid": "grid-item-2"
-    }), /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      "data-testid": "grid-item-3"
-    }), /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      "data-testid": "grid-item-4"
-    }), /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      "data-testid": "grid-item-5"
-    }), /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      "data-testid": "grid-item-6"
-    }), /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      "data-testid": "grid-item-7"
-    }), /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      "data-testid": "grid-item-8"
-    }), /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      "data-testid": "grid-item-9"
-    }), /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      "data-testid": "grid-item-10"
-    }), /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      "data-testid": "grid-item-11"
-    }), /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      "data-testid": "grid-item-12"
-    })));
+      "data-testid": "grid-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-3"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-4"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-5"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-6"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-7"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-8"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-9"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-10"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-11"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        "data-testid": "grid-item-12"
+      })]
+    }));
     expect(_react.screen.getByTestId('grid-item-1')).toBeInTheDocument();
     expect(_react.screen.getByTestId('grid-item-2')).toBeInTheDocument();
     expect(_react.screen.getByTestId('grid-item-3')).toBeInTheDocument();
@@ -84,7 +88,7 @@ describe('Grid', function () {
     expect(_react.screen.getByTestId('grid-item-12')).toBeInTheDocument();
   });
   it('should render grid container with multiply elements of different sizes', function () {
-    (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
       container: true,
       gridGap: 6,
       "data-testid": "grid-container",
@@ -92,40 +96,41 @@ describe('Grid', function () {
       templateRows: "repeat(2, 1fr)",
       style: {
         height: '200px'
-      }
-    }, /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      rowSpan: 2,
-      colSpan: 2,
-      "data-testid": "grid-item-xs-2",
-      style: {
-        background: '#000'
-      }
-    }), /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      rowSpan: 2,
-      colSpan: 4,
-      "data-testid": "grid-item-xs-4",
-      style: {
-        background: '#000'
-      }
-    }), /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      rowSpan: 2,
-      colSpan: 6,
-      "data-testid": "grid-item-xs-6",
-      style: {
-        background: '#000'
-      }
-    }), /*#__PURE__*/React.createElement(_.default, {
-      item: true,
-      rowSpan: 2,
-      colSpan: 10,
-      "data-testid": "grid-item-xs-10",
-      style: {
-        background: '#000'
-      }
-    })));
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        rowSpan: 2,
+        colSpan: 2,
+        "data-testid": "grid-item-xs-2",
+        style: {
+          background: '#000'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        rowSpan: 2,
+        colSpan: 4,
+        "data-testid": "grid-item-xs-4",
+        style: {
+          background: '#000'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        rowSpan: 2,
+        colSpan: 6,
+        "data-testid": "grid-item-xs-6",
+        style: {
+          background: '#000'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        rowSpan: 2,
+        colSpan: 10,
+        "data-testid": "grid-item-xs-10",
+        style: {
+          background: '#000'
+        }
+      })]
+    }));
     expect(_react.screen.getByTestId('grid-container')).toBeInTheDocument();
     expect(_react.screen.getByTestId('grid-item-xs-2')).toBeInTheDocument();
     expect(_react.screen.getByTestId('grid-item-xs-4')).toBeInTheDocument();

package/dist/components/Grid/index.js

@@ -7,9 +7,15 @@ exports.default = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["container", "item", "gridGap", "templateAreas", "templateColumns", "templateRows", "colSpan", "colEnd", "colStart", "rowEnd", "rowStart", "rowSpan", "children"];
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -31,7 +37,7 @@ var Grid = function Grid(_ref) {
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(_styles.GridComponent, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.GridComponent, _objectSpread(_objectSpread({
     container: container,
     item: item,
     gridGap: gridGap,
@@ -44,7 +50,9 @@ var Grid = function Grid(_ref) {
     rowEnd: rowEnd,
     rowStart: rowStart,
     rowSpan: rowSpan
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 
 var _default = Grid;

package/dist/components/Icon/icon.test.js

@@ -8,6 +8,8 @@ require("@testing-library/jest-dom");
 
 var _ = _interopRequireDefault(require("."));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
@@ -16,10 +18,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, _extends({
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({
     "data-testid": "icon"
   }, props)));
 

package/dist/components/Icon/index.js

@@ -15,9 +15,15 @@ var _styles = require("./styles");
 
 var _allIcons = require("./utils/allIcons");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["name", "color", "secondColor", "size"];
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -43,7 +49,7 @@ var Icon = function Icon(_ref) {
   var havePrimaryColor = html.match(/fill="#22E0A1"/g);
   var haveErrorColor = html.match(/fill="#F64F77"/g);
   var parsedHtml = havePrimaryColor ? html.replace(/fill="#22E0A1"/g, "fill=\"".concat((0, _getColorValue.getColorValue)(secondColor || 'primary.default', theme), "\"")).replace(/fill="#34423D"/g, "fill=\"".concat((0, _getColorValue.getColorValue)(color || '', theme), "\"")) : haveErrorColor ? html.replace(/fill="#22E0A1"/g, "fill=\"".concat((0, _getColorValue.getColorValue)(secondColor || 'errors.default', theme), "\"")).replace(/fill="#34423D"/g, "fill=\"".concat((0, _getColorValue.getColorValue)(color || '', theme), "\"")) : html;
-  return /*#__PURE__*/React.createElement(_styles.IconComponent, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconComponent, _objectSpread({
     colorText: color,
     havePrimaryColor: havePrimaryColor || haveErrorColor,
     xmlns: xmlns,

package/dist/components/IconItem/IconItem.test.js

@@ -6,10 +6,18 @@ require("@testing-library/jest-dom");
 
 var _ = _interopRequireDefault(require("."));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
   return utils;
 };
 

package/dist/components/IconItem/index.js

@@ -11,6 +11,8 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var IconItem = function IconItem(_ref) {
@@ -20,24 +22,37 @@ var IconItem = function IconItem(_ref) {
       description = _ref.description,
       size = _ref.size,
       isLoading = _ref.isLoading;
-  return /*#__PURE__*/React.createElement(_styles.IconItemContainer, null, isLoading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.IconItemSkeleton, {
-    circle: true,
-    haveText: Boolean(title || description)
-  }), /*#__PURE__*/React.createElement(_styles.IconItemTexts, null, /*#__PURE__*/React.createElement(_styles.IconItemSkeleton, null), /*#__PURE__*/React.createElement(_styles.IconItemSkeleton, {
-    description: true
-  }))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.IconItemIcon, {
-    haveText: Boolean(title || description),
-    colorText: color,
-    boxSize: size
-  }, /*#__PURE__*/React.createElement(_Icon.default, {
-    name: icon,
-    size: 18
-  })), Boolean(title || description) && /*#__PURE__*/React.createElement(_styles.IconItemTexts, null, /*#__PURE__*/React.createElement(_Typography.default, {
-    fontWeight: "600",
-    fontSize: "xxs"
-  }, title), /*#__PURE__*/React.createElement(_Typography.default, {
-    fontSize: "xxs"
-  }, description))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconItemContainer, {
+    children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconItemSkeleton, {
+        circle: true,
+        haveText: Boolean(title || description)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.IconItemTexts, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconItemSkeleton, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconItemSkeleton, {
+          description: true
+        })]
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconItemIcon, {
+        haveText: Boolean(title || description),
+        colorText: color,
+        boxSize: size,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: icon,
+          size: 18
+        })
+      }), Boolean(title || description) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.IconItemTexts, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          fontWeight: "600",
+          fontSize: "xxs",
+          children: title
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          fontSize: "xxs",
+          children: description
+        })]
+      })]
+    })
+  });
 };
 
 var _default = IconItem;

package/dist/components/ImageItem/imageFake.js

@@ -4,20 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageFake = void 0;
-var ImageFake = /*#__PURE__*/React.createElement("div", {
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var ImageFake = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
   style: {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
     position: 'absolute',
     inset: 0
-  }
-}, /*#__PURE__*/React.createElement("img", {
-  style: {
-    width: '100%',
-    height: '100%'
   },
-  src: "/img.png",
-  alt: "sdsadas"
-}));
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+    style: {
+      width: '100%',
+      height: '100%'
+    },
+    src: "/img.png",
+    alt: "sdsadas"
+  })
+});
 exports.ImageFake = ImageFake;

package/dist/components/ImageItem/index.js

@@ -9,9 +9,15 @@ var _imageFake = require("./imageFake");
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["title", "subtitle", "size", "styles", "color", "disabled", "children", "imageSide"];
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -31,32 +37,38 @@ var ImageItem = function ImageItem(_ref) {
       imageSide = _ref$imageSide === void 0 ? 'left' : _ref$imageSide,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(_styles.ImageItemWrapper, _extends({}, rest, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ImageItemWrapper, _objectSpread(_objectSpread({}, rest), {}, {
     color: color,
     tabIndex: 0,
     disabled: disabled,
-    style: styles && styles.imageItemStyle
-  }), imageSide === 'left' && /*#__PURE__*/React.createElement(_styles.ImageWrapper, {
-    size: size,
-    "data-testid": "ImageItem-ImageWrapper",
-    id: "ImageItem-ImageWrapper",
-    style: styles && styles.imageStyle
-  }, children || _imageFake.ImageFake), /*#__PURE__*/React.createElement(_styles.DescriptionWrapper, {
-    size: size,
-    imageSide: imageSide,
-    "data-testid": "ImageItem-DescriptionWrapper"
-  }, /*#__PURE__*/React.createElement(_styles.Title, {
-    style: styles && styles.titleStyle,
-    id: "ImageItem-Title"
-  }, title || 'Default Title'), /*#__PURE__*/React.createElement(_styles.Subtitle, {
-    style: styles && styles.subtitleStyle,
-    id: "ImageItem-Subtitle"
-  }, subtitle || 'Default Subtitle')), imageSide === 'right' && /*#__PURE__*/React.createElement(_styles.ImageWrapper, {
-    size: size,
-    "data-testid": "ImageItem-ImageWrapper",
-    id: "ImageItem-ImageWrapper",
-    style: styles && styles.imageStyle
-  }, children || _imageFake.ImageFake));
+    style: styles && styles.imageItemStyle,
+    children: [imageSide === 'left' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ImageWrapper, {
+      size: size,
+      "data-testid": "ImageItem-ImageWrapper",
+      id: "ImageItem-ImageWrapper",
+      style: styles && styles.imageStyle,
+      children: children || _imageFake.ImageFake
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DescriptionWrapper, {
+      size: size,
+      imageSide: imageSide,
+      "data-testid": "ImageItem-DescriptionWrapper",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Title, {
+        style: styles && styles.titleStyle,
+        id: "ImageItem-Title",
+        children: title || 'Default Title'
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Subtitle, {
+        style: styles && styles.subtitleStyle,
+        id: "ImageItem-Subtitle",
+        children: subtitle || 'Default Subtitle'
+      })]
+    }), imageSide === 'right' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ImageWrapper, {
+      size: size,
+      "data-testid": "ImageItem-ImageWrapper",
+      id: "ImageItem-ImageWrapper",
+      style: styles && styles.imageStyle,
+      children: children || _imageFake.ImageFake
+    })]
+  }));
 };
 
 var _default = ImageItem;

package/dist/components/ImageItem/input.test.js

@@ -6,6 +6,8 @@ require("@testing-library/jest-dom/extend-expect");
 
 var _ = _interopRequireDefault(require("."));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
@@ -18,7 +20,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var imageMock = /*#__PURE__*/React.createElement("div", {
+var imageMock = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
   style: {
     display: 'flex',
     alignItems: 'center',
@@ -28,14 +30,15 @@ var imageMock = /*#__PURE__*/React.createElement("div", {
     left: 0,
     right: 0,
     bottom: 0
-  }
-}, /*#__PURE__*/React.createElement("img", {
-  src: "/img.png",
-  alt: "sdsadas"
-}));
+  },
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+    src: "/img.png",
+    alt: "sdsadas"
+  })
+});
 
 var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
   var ImageWrapper = utils.getByTestId('ImageItem-ImageWrapper');
   var DescriptionWrapper = utils.getByTestId('ImageItem-DescriptionWrapper');
   return _objectSpread({