@pedidopago/ui 1.1.0 → 1.1.1

package/dist/components/Slider/components/SliderSelector.js

@@ -13,6 +13,8 @@ var _SliderRail = require("./SliderRail");
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -82,86 +84,92 @@ var Selector = function Selector(_ref) {
   var thumbPositions = Array.isArray(value) ? value.map(function (v) {
     return (v - min) / (max - min);
   }) : [];
-  return /*#__PURE__*/React.createElement(_styles.SliderContainer, null, /*#__PURE__*/React.createElement(_SliderRail.SliderRail, {
-    max: max,
-    step: step,
-    trackColor: trackColor,
-    direction: direction,
-    onChange: handleChangePercentage
-  }, /*#__PURE__*/React.createElement(_styles.SliderTrack, {
-    style: Array.isArray(value) ? direction === 'vertical' ? {
-      height: "".concat(Math.abs(thumbPositions[0] - thumbPositions[thumbPositions.length - 1]) * 100, "%"),
-      bottom: "".concat(thumbPositions[0] * 100, "%")
-    } : {
-      width: "".concat(Math.abs(thumbPositions[0] - thumbPositions[thumbPositions.length - 1]) * 100, "%"),
-      left: "".concat(thumbPositions[0] * 100, "%")
-    } : direction === 'vertical' ? {
-      height: "".concat((Number(value) - min) / (max - min) * 100, "%")
-    } : {
-      width: "".concat((Number(value) - min) / (max - min) * 100, "%")
-    },
-    direction: direction,
-    thumbColor: thumbColor || 'primary.default',
-    disabled: disabled
-  }), !Array.isArray(value) ? /*#__PURE__*/React.createElement(_styles.SliderThumb, {
-    direction: direction,
-    style: direction === 'vertical' ? {
-      bottom: "".concat((value - min) / (max - min) * 100, "%")
-    } : {
-      left: "".concat((value - min) / (max - min) * 100, "%")
-    },
-    disabled: disabled,
-    size: size,
-    thumbColor: thumbColor || 'primary.default',
-    thumbType: thumbType
-  }, thumbType === 'pointer' && /*#__PURE__*/React.createElement(_SliderPointer.SliderPointer, {
-    thumbColor: thumbColor || 'primary.default',
-    direction: direction
-  }), /*#__PURE__*/React.createElement(_styles.SliderInput, {
-    type: "range",
-    min: min,
-    max: max,
-    step: step,
-    value: value,
-    "aria-valuenow": value,
-    "aria-valuemax": max,
-    "aria-valuemin": min,
-    "aria-label": "slider",
-    readOnly: true
-  }), valueLabelDisplay !== 'off' && /*#__PURE__*/React.createElement(_styles.SliderLabel, {
-    direction: direction
-  }, valueLabelDisplay === 'auto' ? value : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(value)) : valueLabelDisplay : value)) : value.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(_styles.SliderThumb, {
-      key: index,
-      "data-index": index,
-      direction: direction,
-      style: direction === 'vertical' ? {
-        bottom: "".concat(thumbPositions[index] * 100, "%")
-      } : {
-        left: "".concat(thumbPositions[index] * 100, "%")
-      },
-      disabled: disabled,
-      size: size,
-      thumbColor: thumbColor || 'primary.default',
-      thumbType: thumbType
-    }, thumbType === 'pointer' && /*#__PURE__*/React.createElement(_SliderPointer.SliderPointer, {
-      thumbColor: thumbColor || 'primary.default',
-      direction: direction
-    }), /*#__PURE__*/React.createElement(_styles.SliderInput, {
-      type: "range",
-      min: min,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderContainer, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SliderRail.SliderRail, {
       max: max,
       step: step,
-      value: item,
-      "aria-valuenow": item,
-      "aria-valuemax": max,
-      "aria-valuemin": min,
-      "aria-label": "slider",
-      readOnly: true
-    }), valueLabelDisplay !== 'off' && /*#__PURE__*/React.createElement(_styles.SliderLabel, {
-      direction: direction
-    }, valueLabelDisplay === 'auto' ? item : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(item)) : valueLabelDisplay : item));
-  })));
+      trackColor: trackColor,
+      direction: direction,
+      onChange: handleChangePercentage,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderTrack, {
+        style: Array.isArray(value) ? direction === 'vertical' ? {
+          height: "".concat(Math.abs(thumbPositions[0] - thumbPositions[thumbPositions.length - 1]) * 100, "%"),
+          bottom: "".concat(thumbPositions[0] * 100, "%")
+        } : {
+          width: "".concat(Math.abs(thumbPositions[0] - thumbPositions[thumbPositions.length - 1]) * 100, "%"),
+          left: "".concat(thumbPositions[0] * 100, "%")
+        } : direction === 'vertical' ? {
+          height: "".concat((Number(value) - min) / (max - min) * 100, "%")
+        } : {
+          width: "".concat((Number(value) - min) / (max - min) * 100, "%")
+        },
+        direction: direction,
+        thumbColor: thumbColor || 'primary.default',
+        disabled: disabled
+      }), !Array.isArray(value) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderThumb, {
+        direction: direction,
+        style: direction === 'vertical' ? {
+          bottom: "".concat((value - min) / (max - min) * 100, "%")
+        } : {
+          left: "".concat((value - min) / (max - min) * 100, "%")
+        },
+        disabled: disabled,
+        size: size,
+        thumbColor: thumbColor || 'primary.default',
+        thumbType: thumbType,
+        children: [thumbType === 'pointer' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderPointer.SliderPointer, {
+          thumbColor: thumbColor || 'primary.default',
+          direction: direction
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, {
+          type: "range",
+          min: min,
+          max: max,
+          step: step,
+          value: value,
+          "aria-valuenow": value,
+          "aria-valuemax": max,
+          "aria-valuemin": min,
+          "aria-label": "slider",
+          readOnly: true
+        }), valueLabelDisplay !== 'off' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderLabel, {
+          direction: direction,
+          children: valueLabelDisplay === 'auto' ? value : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(value)) : valueLabelDisplay : value
+        })]
+      }) : value.map(function (item, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderThumb, {
+          "data-index": index,
+          direction: direction,
+          style: direction === 'vertical' ? {
+            bottom: "".concat(thumbPositions[index] * 100, "%")
+          } : {
+            left: "".concat(thumbPositions[index] * 100, "%")
+          },
+          disabled: disabled,
+          size: size,
+          thumbColor: thumbColor || 'primary.default',
+          thumbType: thumbType,
+          children: [thumbType === 'pointer' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderPointer.SliderPointer, {
+            thumbColor: thumbColor || 'primary.default',
+            direction: direction
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderInput, {
+            type: "range",
+            min: min,
+            max: max,
+            step: step,
+            value: item,
+            "aria-valuenow": item,
+            "aria-valuemax": max,
+            "aria-valuemin": min,
+            "aria-label": "slider",
+            readOnly: true
+          }), valueLabelDisplay !== 'off' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderLabel, {
+            direction: direction,
+            children: valueLabelDisplay === 'auto' ? item : valueLabelDisplay ? valueLabelDisplay.indexOf('%v') !== -1 ? valueLabelDisplay.replace(/%v/g, String(item)) : valueLabelDisplay : item
+          })]
+        }, index);
+      })]
+    })
+  });
 };
 
 var SliderSelector = /*#__PURE__*/(0, _react.memo)(Selector);

package/dist/components/Slider/index.js

@@ -13,11 +13,17 @@ var _useValues3 = require("./hooks/useValues");
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["value", "onChange", "step", "max", "min", "fullSize", "direction", "valueLabelDisplay"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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); }
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -77,24 +83,30 @@ var Slider = function Slider(_ref) {
     }
   }
 
-  return /*#__PURE__*/React.createElement(_styles.SliderContent, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SliderContent, {
     direction: direction,
     fullSize: fullSize,
     size: rest.size,
-    disabled: rest.disabled
-  }, /*#__PURE__*/React.createElement(_Flex.default, {
-    direction: direction === 'vertical' ? 'column-reverse' : 'row',
-    justifyContent: "space-between",
-    alignItems: "flex-end"
-  }, /*#__PURE__*/React.createElement(_styles.SliderExtremesText, null, min), /*#__PURE__*/React.createElement(_styles.SliderExtremesText, null, max)), /*#__PURE__*/React.createElement(_SliderSelector.SliderSelector, _extends({
-    value: values,
-    min: min,
-    max: max,
-    step: step,
-    onChange: handleChangeValue,
-    direction: direction,
-    valueLabelDisplay: valueLabelDisplay
-  }, rest)));
+    disabled: rest.disabled,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
+      direction: direction === 'vertical' ? 'column-reverse' : 'row',
+      justifyContent: "space-between",
+      alignItems: "flex-end",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderExtremesText, {
+        children: min
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SliderExtremesText, {
+        children: max
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SliderSelector.SliderSelector, _objectSpread({
+      value: values,
+      min: min,
+      max: max,
+      step: step,
+      onChange: handleChangeValue,
+      direction: direction,
+      valueLabelDisplay: valueLabelDisplay
+    }, rest))]
+  });
 };
 
 var _default = Slider;

package/dist/components/Slider/slider.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/Spinner/index.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var Spinner = function Spinner(_ref) {
   var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'md' : _ref$size,
@@ -15,7 +17,7 @@ var Spinner = function Spinner(_ref) {
       emptyColor = _ref.emptyColor,
       thickness = _ref.thickness,
       speed = _ref.speed;
-  return /*#__PURE__*/React.createElement(_styles.StyledSpinner, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledSpinner, {
     size: size,
     color: color,
     emptyColor: emptyColor,

package/dist/components/Spinner/spinner.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/Steps/index.js

@@ -9,6 +9,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 Steps = function Steps(_ref) {
@@ -17,23 +19,29 @@ var Steps = function Steps(_ref) {
       _ref$activeColor = _ref.activeColor,
       activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor,
       fullWidth = _ref.fullWidth;
-  return /*#__PURE__*/React.createElement(_styles.StepsContainer, {
-    fullWidth: fullWidth
-  }, steps && steps.map(function (step, index) {
-    return /*#__PURE__*/React.createElement(_styles.StepsItemContainer, {
-      key: index,
-      id: "simple-step-".concat(index + 1),
-      tabIndex: index + 1 === current ? 0 : -1,
-      isCurrent: current === index + 1,
-      isFinished: current > index + 1
-    }, /*#__PURE__*/React.createElement(_styles.StepsItemsDetailsContainer, null, /*#__PURE__*/React.createElement(_styles.StepsCircle, {
-      activeColor: activeColor,
-      isCurrent: current === index + 1,
-      isFinished: current > index + 1
-    }, current > index + 1 ? /*#__PURE__*/React.createElement(_Icon.default, {
-      name: "check"
-    }) : index + 1), current === index + 1 && /*#__PURE__*/React.createElement(_styles.StepsItemText, null, step)), current === index + 1 && /*#__PURE__*/React.createElement(_styles.StepsSeparator, null));
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsContainer, {
+    fullWidth: fullWidth,
+    children: steps && steps.map(function (step, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StepsItemContainer, {
+        id: "simple-step-".concat(index + 1),
+        tabIndex: index + 1 === current ? 0 : -1,
+        isCurrent: current === index + 1,
+        isFinished: current > index + 1,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StepsItemsDetailsContainer, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsCircle, {
+            activeColor: activeColor,
+            isCurrent: current === index + 1,
+            isFinished: current > index + 1,
+            children: current > index + 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+              name: "check"
+            }) : index + 1
+          }), current === index + 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsItemText, {
+            children: step
+          })]
+        }), current === index + 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StepsSeparator, {})]
+      }, index);
+    })
+  });
 };
 
 var _default = Steps;

package/dist/components/Steps/steps.test.js

@@ -6,6 +6,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; }
@@ -15,7 +17,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 setup = function setup(props) {
-  return _objectSpread({}, (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props)));
+  return _objectSpread({}, (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props))));
 };
 
 describe('Steps', function () {

package/dist/components/Switch/index.js

@@ -11,6 +11,8 @@ var _styles = require("./styles");
 
 var _Icon = _interopRequireDefault(require("../Icon"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["disabled", "helpText", "alert", "SwitchType", "onChangeValue", "onError"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -102,23 +104,27 @@ var SwitchInput = function SwitchInput(_ref) {
     }
   }
 
-  return /*#__PURE__*/React.createElement(_styles.SwitchWrapper, {
-    "data-testid": "switch-wrapper"
-  }, /*#__PURE__*/React.createElement(_styles.Switch, {
-    "data-testid": "switch",
-    onClick: handleOnClick,
-    onKeyDown: handleOnKeyDown,
-    disabled: disabled,
-    isActive: alert || disabled ? false : isActive,
-    tabIndex: 0,
-    SwitchType: SwitchType
-  }, /*#__PURE__*/React.createElement(_styles.SwitchToken, {
-    className: "switch-token"
-  }, isActive && /*#__PURE__*/React.createElement(_Icon.default, {
-    name: "check"
-  }))), helpText && /*#__PURE__*/React.createElement(_styles.HelpText, {
-    disabled: disabled
-  }, helpText));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SwitchWrapper, {
+    "data-testid": "switch-wrapper",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Switch, {
+      "data-testid": "switch",
+      onClick: handleOnClick,
+      onKeyDown: handleOnKeyDown,
+      disabled: disabled,
+      isActive: alert || disabled ? false : isActive,
+      tabIndex: 0,
+      SwitchType: SwitchType,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SwitchToken, {
+        className: "switch-token",
+        children: isActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "check"
+        })
+      })
+    }), helpText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HelpText, {
+      disabled: disabled,
+      children: helpText
+    })]
+  });
 };
 
 var _default = SwitchInput;

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

@@ -8,6 +8,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 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; }
@@ -17,7 +19,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 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 SwitchElement = utils.getByTestId('switch');
   var SwitchWrapper = utils.getByTestId('switch-wrapper');
   return _objectSpread({

package/dist/components/Table/components/MenuItem.js

@@ -13,6 +13,8 @@ var _useOnClickOutside = require("../../../shared/hooks/useOnClickOutside");
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function MenuItem(_ref) {
   var items = _ref.items,
       isOpen = _ref.isOpen,
@@ -26,20 +28,21 @@ function MenuItem(_ref) {
   (0, _useKeyPress.useKeyPress)('Escape', function () {
     return onClickOutside && onClickOutside();
   });
-  return /*#__PURE__*/React.createElement(_styles.MenuItemContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MenuItemContainer, {
     ref: menuRef,
     isOpen: isOpen,
     posTop: top,
-    posRight: right
-  }, items.map(function (_ref2, index) {
-    var label = _ref2.label,
-        handler = _ref2.handler;
-    return /*#__PURE__*/React.createElement(_styles.MenuItemContent, {
-      tabIndex: 0,
-      key: index,
-      onClick: function onClick() {
-        handler && handler();
-      }
-    }, label);
-  }));
+    posRight: right,
+    children: items.map(function (_ref2, index) {
+      var label = _ref2.label,
+          handler = _ref2.handler;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.MenuItemContent, {
+        tabIndex: 0,
+        onClick: function onClick() {
+          handler && handler();
+        },
+        children: label
+      }, index);
+    })
+  });
 }