@pedidopago/ui 1.0.8 → 1.1.2

package/dist/components/Card/index.js

@@ -15,8 +15,16 @@ var _Tooltip = _interopRequireDefault(require("../Tooltip"));
 
 var _ButtonCard = require("./ButtonCard");
 
+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; }
+
 function Card(_ref) {
   var title = _ref.title,
       subtitle = _ref.subtitle,
@@ -35,25 +43,41 @@ function Card(_ref) {
       btPrimary = _ref.btPrimary,
       btSecondary = _ref.btSecondary,
       btColumn = _ref.btColumn;
-  return /*#__PURE__*/React.createElement(_styles.CardBody, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.CardBody, {
     outlined: outlined,
     hover: hover,
-    active: active
-  }, media && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.Media, {
-    src: media
-  })), /*#__PURE__*/React.createElement(_styles.CardContent, {
-    padding: padding
-  }, /*#__PURE__*/React.createElement(_styles.HeaderCard, null, title && /*#__PURE__*/React.createElement(_styles.Title, {
-    color: titleColor
-  }, title), icon && (tooltip ? /*#__PURE__*/React.createElement(_Tooltip.default, tooltip, icon && /*#__PURE__*/React.createElement(_Icon.default, {
-    name: icon
-  })) : icon && /*#__PURE__*/React.createElement(_Icon.default, {
-    name: icon
-  }))), subtitle && /*#__PURE__*/React.createElement(_styles.SubtitleText, null, subtitle), supporingText && /*#__PURE__*/React.createElement(_styles.SupporingText, null, supporingText), expand ? /*#__PURE__*/React.createElement(_Expansion.Expansion, {
-    expandedHeight: expandedHeight
-  }, children) : /*#__PURE__*/React.createElement(_styles.Content, null, children), /*#__PURE__*/React.createElement(_ButtonCard.ButtonCardArea, {
-    btPrimary: btPrimary,
-    btSecondary: btSecondary,
-    btColumn: btColumn
-  })));
+    active: active,
+    children: [media && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Media, {
+        src: media
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.CardContent, {
+      padding: padding,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.HeaderCard, {
+        children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Title, {
+          color: titleColor,
+          children: title
+        }), icon && (tooltip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, _objectSpread(_objectSpread({}, tooltip), {}, {
+          children: icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: icon
+          })
+        })) : icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: icon
+        }))]
+      }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SubtitleText, {
+        children: subtitle
+      }), supporingText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SupporingText, {
+        children: supporingText
+      }), expand ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Expansion.Expansion, {
+        expandedHeight: expandedHeight,
+        children: children
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Content, {
+        children: children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonCard.ButtonCardArea, {
+        btPrimary: btPrimary,
+        btSecondary: btSecondary,
+        btColumn: btColumn
+      })]
+    })]
+  });
 }

package/dist/components/CheckboxInput/checkbox-input.test.js

@@ -8,8 +8,16 @@ var _react = require("@testing-library/react");
 
 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 mockPropCheckboxChildren = [{
   label: 'Children-1',
   value: 'children-1',
@@ -25,7 +33,7 @@ var mockPropCheckboxChildren = [{
 }];
 
 var makeSut = function makeSut(props) {
-  var sut = (0, _testUtils.render)( /*#__PURE__*/React.createElement(_.default, props));
+  var sut = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
   var checkbox = sut.container.querySelector('input');
   var label = sut.container.querySelector('label');
   return {

package/dist/components/CheckboxInput/components/MultipleCheckbox.js

@@ -11,12 +11,12 @@ var _Icon = _interopRequireDefault(require("../../Icon"));
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["id", "label", "color", "checkboxChildren", "isDisabled", "onChangeValue"];
 
 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; }
@@ -161,13 +161,13 @@ var MultipleCheckbox = function MultipleCheckbox(_ref) {
     if (!parentChecked) {
       return null;
     } else if (hasDeselectedChildren) {
-      return /*#__PURE__*/React.createElement(_Icon.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         name: "minus",
         color: "neutral.white",
         size: 20
       });
     } else {
-      return /*#__PURE__*/React.createElement(_Icon.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         name: "check",
         color: "neutral.white",
         size: 20
@@ -175,45 +175,60 @@ var MultipleCheckbox = function MultipleCheckbox(_ref) {
     }
   }
 
-  return /*#__PURE__*/React.createElement(_styles.MultipleWrapper, null, /*#__PURE__*/React.createElement(_styles.Wrapper, null, /*#__PURE__*/React.createElement(_styles.CheckBoxWrapper, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.Checkbox, _extends({
-    id: id,
-    type: "checkbox",
-    color: color,
-    checked: parentChecked,
-    onChange: handleParentChange,
-    disabled: isDisabled
-  }, rest)), handleRenderParentIcon())), label && /*#__PURE__*/React.createElement(_styles.Label, {
-    htmlFor: id,
-    isDisabled: isDisabled
-  }, label)), /*#__PURE__*/React.createElement(_styles.ChildrensWrapper, {
-    role: "list"
-  }, childrenData.map(function (_ref2) {
-    var label = _ref2.label,
-        id = _ref2.id,
-        value = _ref2.value,
-        hasSelected = _ref2.hasSelected;
-    return /*#__PURE__*/React.createElement(_styles.Wrapper, {
-      key: value,
-      role: "listitem"
-    }, /*#__PURE__*/React.createElement(_styles.CheckBoxWrapper, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_styles.Checkbox, {
-      type: "checkbox",
-      disabled: isDisabled,
-      id: id,
-      color: color,
-      checked: hasSelected,
-      onChange: function onChange(event) {
-        return handleChildrenChange(event, id);
-      }
-    }), hasSelected ? /*#__PURE__*/React.createElement(_Icon.default, {
-      size: 20,
-      name: "check",
-      color: "neutral.white"
-    }) : '')), label && /*#__PURE__*/React.createElement(_styles.Label, {
-      htmlFor: id,
-      isDisabled: isDisabled,
-      color: color
-    }, label));
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.MultipleWrapper, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CheckBoxWrapper, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Checkbox, _objectSpread({
+            id: id,
+            type: "checkbox",
+            color: color,
+            checked: parentChecked,
+            onChange: handleParentChange,
+            disabled: isDisabled
+          }, rest)), handleRenderParentIcon()]
+        })
+      }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Label, {
+        htmlFor: id,
+        isDisabled: isDisabled,
+        children: label
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ChildrensWrapper, {
+      role: "list",
+      children: childrenData.map(function (_ref2) {
+        var label = _ref2.label,
+            id = _ref2.id,
+            value = _ref2.value,
+            hasSelected = _ref2.hasSelected;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
+          role: "listitem",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CheckBoxWrapper, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Checkbox, {
+                type: "checkbox",
+                disabled: isDisabled,
+                id: id,
+                color: color,
+                checked: hasSelected,
+                onChange: function onChange(event) {
+                  return handleChildrenChange(event, id);
+                }
+              }), hasSelected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+                size: 20,
+                name: "check",
+                color: "neutral.white"
+              }) : '']
+            })
+          }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Label, {
+            htmlFor: id,
+            isDisabled: isDisabled,
+            color: color,
+            children: label
+          })]
+        }, value);
+      })
+    })]
+  });
 };
 
 var _default = MultipleCheckbox;

package/dist/components/CheckboxInput/index.js

@@ -13,11 +13,17 @@ var _MultipleCheckbox = _interopRequireDefault(require("./components/MultipleChe
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["label", "id", "isDisabled", "isInderteminate", "defaultIsChecked", "isMultiple", "color", "checkboxChildren", "onChangeValue"];
 
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -60,7 +66,7 @@ var CheckboxInput = function CheckboxInput(_ref) {
   }
 
   if (isMultiple && checkboxChildren) {
-    return /*#__PURE__*/React.createElement(_MultipleCheckbox.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultipleCheckbox.default, {
       checkboxChildren: checkboxChildren,
       id: id,
       color: color,
@@ -73,22 +79,27 @@ var CheckboxInput = function CheckboxInput(_ref) {
   (0, _react.useEffect)(function () {
     setChecked(defaultIsChecked || false);
   }, [defaultIsChecked]);
-  return /*#__PURE__*/React.createElement(_styles.Wrapper, null, /*#__PURE__*/React.createElement(_styles.CheckboxWrapper, null, /*#__PURE__*/React.createElement(_styles.Checkbox, _extends({
-    type: "checkbox",
-    id: id,
-    color: color,
-    checked: checked,
-    onChange: handleChange,
-    disabled: isDisabled
-  }, rest)), checked && /*#__PURE__*/React.createElement(_Icon.default, {
-    name: isInderteminate ? 'minus' : 'check',
-    size: 16,
-    color: "#fff"
-  })), label && /*#__PURE__*/React.createElement(_styles.Label, {
-    isDisabled: isDisabled,
-    htmlFor: id,
-    color: color
-  }, label));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.CheckboxWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Checkbox, _objectSpread({
+        type: "checkbox",
+        id: id,
+        color: color,
+        checked: checked,
+        onChange: handleChange,
+        disabled: isDisabled
+      }, rest)), checked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        name: isInderteminate ? 'minus' : 'check',
+        size: 16,
+        color: "#fff"
+      })]
+    }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Label, {
+      isDisabled: isDisabled,
+      htmlFor: id,
+      color: color,
+      children: label
+    })]
+  });
 };
 
 var _default = CheckboxInput;

package/dist/components/ColorPicker/colorpicker.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/ColorPicker/components/ColorHue.js

@@ -15,6 +15,8 @@ var _conversors = require("../utils/conversors");
 
 var _ColorPointer = _interopRequireDefault(require("./ColorPointer"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Hue = function Hue(_ref) {
@@ -31,16 +33,21 @@ var Hue = function Hue(_ref) {
     v: 100,
     a: 1
   };
-  return /*#__PURE__*/React.createElement(_styles.ColorHueWrapper, null, /*#__PURE__*/React.createElement(_styles.ColorHueCircle, {
-    style: {
-      backgroundColor: (0, _conversors.hsvaToHslaString)(hsva)
-    }
-  }), /*#__PURE__*/React.createElement(_styles.ColorHueSliderContainer, null, /*#__PURE__*/React.createElement(_ColorSelector.default, {
-    onMove: handleMovePointer
-  }, /*#__PURE__*/React.createElement(_ColorPointer.default, {
-    hsva: handleHueHsva,
-    left: hsva.h / 360
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ColorHueWrapper, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorHueCircle, {
+      style: {
+        backgroundColor: (0, _conversors.hsvaToHslaString)(hsva)
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorHueSliderContainer, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorSelector.default, {
+        onMove: handleMovePointer,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPointer.default, {
+          hsva: handleHueHsva,
+          left: hsva.h / 360
+        })
+      })
+    })]
+  });
 };
 
 var ColorHue = /*#__PURE__*/(0, _react.memo)(Hue);

package/dist/components/ColorPicker/components/ColorInput.js

@@ -17,6 +17,8 @@ var _parsers = require("../utils/parsers");
 
 var _useTheme2 = require("../../../shared/theme/hooks/useTheme");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -65,7 +67,7 @@ var ColorInput = function ColorInput(_ref) {
   (0, _react.useEffect)(function () {
     setValue((0, _parsers.colorToOutputMode)((0, _conversors.hsvaToRgbaString)(hsva), colorMode));
   }, [hsva, colorMode]);
-  return /*#__PURE__*/React.createElement(_Input.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.default, {
     labelBackground: {
       dark: theme.colors.neutral.neutral6,
       light: theme.colors.neutral.white

package/dist/components/ColorPicker/components/ColorPickerBox.js

@@ -15,6 +15,8 @@ var _conversors = require("../utils/conversors");
 
 var _styles = require("../styles");
 
+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; }
@@ -44,15 +46,17 @@ var PickerBox = function PickerBox(_ref) {
       a: 1
     })
   };
-  return /*#__PURE__*/React.createElement(_styles.ColorSaturationWrapper, {
-    style: style
-  }, /*#__PURE__*/React.createElement(_ColorSelector.default, {
-    onMove: handleMoveColor
-  }, /*#__PURE__*/React.createElement(_ColorPointer.default, {
-    hsva: hsva,
-    top: 1 - hsva.v / 100,
-    left: hsva.s / 100
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorSaturationWrapper, {
+    style: style,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorSelector.default, {
+      onMove: handleMoveColor,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPointer.default, {
+        hsva: hsva,
+        top: 1 - hsva.v / 100,
+        left: hsva.s / 100
+      })
+    })
+  });
 };
 
 var ColorPickerBox = /*#__PURE__*/(0, _react.memo)(PickerBox);

package/dist/components/ColorPicker/components/ColorPointer.js

@@ -9,6 +9,8 @@ var _styles = require("../styles");
 
 var _conversors = require("../utils/conversors");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ColorPointer = function ColorPointer(_ref) {
   var _ref$top = _ref.top,
       top = _ref$top === void 0 ? 0.5 : _ref$top,
@@ -19,7 +21,7 @@ var ColorPointer = function ColorPointer(_ref) {
     left: "".concat(left * 100, "%"),
     backgroundColor: (0, _conversors.hsvaToHslaString)(hsva)
   };
-  return /*#__PURE__*/React.createElement(_styles.ColorPointerWrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorPointerWrapper, {
     style: styles
   });
 };

package/dist/components/ColorPicker/components/ColorSelector.js

@@ -11,9 +11,15 @@ var _useCachedCallback = require("../hooks/useCachedCallback");
 
 var _styles = require("../styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["onMove"];
 
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -119,7 +125,7 @@ var Selector = function Selector(_ref) {
   (0, _react.useEffect)(function () {
     return toggleMoveEvent;
   }, [toggleMoveEvent]);
-  return /*#__PURE__*/React.createElement(_styles.ColorSelectorWrapper, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorSelectorWrapper, _objectSpread({
     ref: container,
     onMouseDown: handleMoveStart,
     onTouchStart: handleMoveStart,

package/dist/components/ColorPicker/index.js

@@ -21,6 +21,8 @@ var _useHsva3 = require("./hooks/useHsva");
 
 var _styles = require("./styles");
 
+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; }
@@ -64,40 +66,48 @@ var ColorPicker = function ColorPicker(_ref) {
     onSave && onSave((0, _parsers.colorToOutputMode)((0, _conversors.hsvaToRgbaString)(hsva), (0, _parsers.colorMode)(initialColor)));
   }
 
-  return /*#__PURE__*/React.createElement(_styles.ColorPickerContainer, null, /*#__PURE__*/React.createElement(_ColorPickerBox.default, {
-    hsva: hsva,
-    onChange: function onChange(hsva) {
-      handleChange(hsva);
-      setInputAlert({
-        alert: undefined
-      });
-    }
-  }), /*#__PURE__*/React.createElement(_styles.ColorPickerContainerWrapper, null, /*#__PURE__*/React.createElement(_ColorHue.default, {
-    onChange: function onChange(hue) {
-      var modifedHsva = _objectSpread(_objectSpread({}, hsva), {}, {
-        h: hue
-      });
-
-      handleChange(modifedHsva);
-      setInputAlert({
-        alert: undefined
-      });
-    },
-    hsva: hsva
-  }), /*#__PURE__*/React.createElement(_ColorInput.default, {
-    hsva: hsva,
-    onChange: handleChange,
-    colorMode: (0, _parsers.colorMode)(initialColor),
-    inputAlert: inputAlert,
-    setInputAlert: setInputAlert
-  }), /*#__PURE__*/React.createElement(_styles.ColorPickerButtonsWrapper, null, /*#__PURE__*/React.createElement(_styles.ColorPickerButton, {
-    bgTransparent: true,
-    onClick: function onClick() {
-      onCancel && onCancel();
-    }
-  }, "Cancelar"), /*#__PURE__*/React.createElement(_styles.ColorPickerButton, {
-    onClick: handleSave
-  }, "Salvar cor"))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ColorPickerContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPickerBox.default, {
+      hsva: hsva,
+      onChange: function onChange(hsva) {
+        handleChange(hsva);
+        setInputAlert({
+          alert: undefined
+        });
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ColorPickerContainerWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorHue.default, {
+        onChange: function onChange(hue) {
+          var modifedHsva = _objectSpread(_objectSpread({}, hsva), {}, {
+            h: hue
+          });
+
+          handleChange(modifedHsva);
+          setInputAlert({
+            alert: undefined
+          });
+        },
+        hsva: hsva
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorInput.default, {
+        hsva: hsva,
+        onChange: handleChange,
+        colorMode: (0, _parsers.colorMode)(initialColor),
+        inputAlert: inputAlert,
+        setInputAlert: setInputAlert
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ColorPickerButtonsWrapper, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorPickerButton, {
+          bgTransparent: true,
+          onClick: function onClick() {
+            onCancel && onCancel();
+          },
+          children: "Cancelar"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorPickerButton, {
+          onClick: handleSave,
+          children: "Salvar cor"
+        })]
+      })]
+    })]
+  });
 };
 
 var _default = ColorPicker;