@pedidopago/ui 1.6.9 → 1.6.11

package/dist/components/Tag/tag.test.js

@@ -1,17 +1,11 @@
 "use strict";
 
 var _react = require("@testing-library/react");
-
 var _testUtils = require("../../shared/tests/test-utils");
-
 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('Tag', function () {
   it('Should render tag with correct text values', function () {
     (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
@@ -21,15 +15,13 @@ describe('Tag', function () {
   });
   it('Should not render tag component if label not provided', function () {
     var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      label: ""
-    })),
-        container = _render.container;
-
+        label: ""
+      })),
+      container = _render.container;
     expect(container.querySelector('svg')).not.toBeInTheDocument();
   });
   it('Should render button inside tag', function () {
     var _screen$getByText$nex;
-
     (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       label: "any_label"
     }));
@@ -37,7 +29,6 @@ describe('Tag', function () {
   });
   it('Should Must always render icons at the ends of the tag', function () {
     var _screen$getByRole$fir;
-
     (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       label: "any_label"
     }));
@@ -45,7 +36,6 @@ describe('Tag', function () {
   });
   it('Should render left icon if leftIcon is provided', function () {
     var _screen$getByRole$fir2, _screen$getByText$pre;
-
     (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
       label: "any_label",
       leftIcon: "plus"
@@ -59,9 +49,7 @@ describe('Tag', function () {
       label: "any_label",
       onClick: fn
     }));
-
     _react.fireEvent.click(_react.screen.getByRole('button'));
-
     expect(fn).toBeCalled();
   });
   it('Should render with custom colors', function () {
@@ -69,9 +57,7 @@ describe('Tag', function () {
       label: "any_label",
       fillColor: "#4C2DC8"
     }));
-
     var wrapper = _react.screen.getByText('any_label').parentElement;
-
     var style = window.getComputedStyle(wrapper).getPropertyValue('background-color');
     expect(style).toBe('rgb(76, 45, 200)');
   });

package/dist/components/TextAreaInput/index.js

@@ -1,69 +1,51 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _styles = require("./styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["label", "isInvalid", "alert", "isDisabled", "helperText", "maxWidth", "height"];
-
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 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; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var TextAreaInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var label = _ref.label,
-      isInvalid = _ref.isInvalid,
-      alert = _ref.alert,
-      isDisabled = _ref.isDisabled,
-      helperText = _ref.helperText,
-      maxWidth = _ref.maxWidth,
-      height = _ref.height,
-      args = _objectWithoutProperties(_ref, _excluded);
-
+    isInvalid = _ref.isInvalid,
+    alert = _ref.alert,
+    isDisabled = _ref.isDisabled,
+    helperText = _ref.helperText,
+    maxWidth = _ref.maxWidth,
+    height = _ref.height,
+    args = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hasValueOnInput = _useState2[0],
-      setHasValueOnInput = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    hasValueOnInput = _useState2[0],
+    setHasValueOnInput = _useState2[1];
   var textAreaRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {
     return textAreaRef.current;
   });
   (0, _react.useEffect)(function () {
     var _textAreaRef$current;
-
     setHasValueOnInput(!!((_textAreaRef$current = textAreaRef.current) !== null && _textAreaRef$current !== void 0 && _textAreaRef$current.value));
   });
-
   function handleOnChange(value) {
     setHasValueOnInput(value.length > 0);
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
     maxWidth: maxWidth,
     height: height,
@@ -76,7 +58,6 @@ var TextAreaInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     }, args), {}, {
       onChange: function onChange(e) {
         var _args$onChange;
-
         handleOnChange(e.currentTarget.value);
         (_args$onChange = args.onChange) === null || _args$onChange === void 0 ? void 0 : _args$onChange.call(args, e);
       }

package/dist/components/TextAreaInput/styles.js

@@ -4,66 +4,53 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Wrapper = exports.TextArea = exports.Label = exports.HelperText = void 0;
-
 var _react = require("@emotion/react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var Wrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var maxWidth = _ref.maxWidth,
-      height = _ref.height;
+    height = _ref.height;
   return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    max-width: ", ";\n    height: ", ";\n    position: relative;\n  "])), typeof maxWidth === 'number' ? maxWidth + 'px' : maxWidth, !height ? '70px' : typeof height === 'number' ? height + 'px' : height);
 });
-
 exports.Wrapper = Wrapper;
-
 var Label = _styled.default.label(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    font-weight: ", ";\n    transition: 0.2s ease;\n    background-color: transparent;\n    line-height: 1;\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    pointer-events: none;\n\n    white-space: nowrap;\n    max-width: 80%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  "])), theme.fontSizes.xxs, theme.fontWeight['500']);
 });
-
 exports.Label = Label;
-
 var TextArea = _styled.default.textarea(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n\n  ", ";\n\n  ", ";\n"])), function (_ref3) {
   var theme = _ref3.theme,
-      alert = _ref3.alert,
-      isInvalid = _ref3.isInvalid;
+    alert = _ref3.alert,
+    isInvalid = _ref3.isInvalid;
   return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 20px;\n    border-radius: ", ";\n    border-width: 2px;\n    border-style: solid;\n    border-color: ", ";\n    color: ", ";\n    line-height: 1.4;\n    background-color: transparent;\n    font-family: inherit;\n    font-size: ", ";\n    font-weight: ", ";\n    outline: none;\n    resize: none;\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n      border-color: ", ";\n    }\n\n    &:focus {\n      color: ", ";\n      border-color: ", ";\n      background-color: ", ";\n      ", "\n    }\n\n    &:hover + label {\n      color: ", ";\n    }\n\n    &:focus + label {\n      color: ", ";\n    }\n\n    & + label {\n      color: ", ";\n    }\n\n    &[disabled] {\n      background-color: ", ";\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      & + label {\n        color: ", ";\n      }\n\n      &:hover {\n        border-color: ", ";\n      }\n    }\n  "])), theme.borderRadius.default, theme.colorMode === 'light' ? theme.colors.tertiary.default : theme.colors.tertiary.focus, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.white, theme.fontSizes.xs, theme.fontWeight['500'], theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.neutral.black : theme.colors.neutral.neutral1, theme.colors.primary.hover, theme.colorMode === 'light' ? theme.colors.neutral.black : theme.colors.neutral.neutral1, theme.colors.primary.hover, theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, !isInvalid && "\n        box-shadow: 0 0 0 2px ".concat(theme.colors.primary.disabled, ";\n      "), theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.tertiary.disabled : theme.colors.neutral.neutral6, theme.colorMode === 'light' ? theme.colors.tertiary.hover : theme.colors.tertiary.focus, theme.colorMode === 'light' ? theme.colors.tertiary.hover : theme.colors.tertiary.focus, theme.colorMode === 'light' ? theme.colors.tertiary.default : theme.colors.tertiary.focus);
 }, function (_ref4) {
   var isInvalid = _ref4.isInvalid,
-      _ref4$alert = _ref4.alert,
-      alert = _ref4$alert === void 0 ? 'informative' : _ref4$alert,
-      theme = _ref4.theme;
+    _ref4$alert = _ref4.alert,
+    alert = _ref4$alert === void 0 ? 'informative' : _ref4$alert,
+    theme = _ref4.theme;
   return isInvalid && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      border-color: ", ";\n      box-shadow: 0 0 0 3px ", ";\n\n      &:hover,\n      &:focus {\n        border-color: ", ";\n        background-color: ", ";\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n    "])), theme.colors[alert].default, theme.colors[alert].blurred, theme.colors[alert].default, theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, theme.colors.neutral.black);
 }, function (_ref5) {
   var placeholder = _ref5.placeholder,
-      hasValueOnInput = _ref5.hasValueOnInput,
-      theme = _ref5.theme;
+    hasValueOnInput = _ref5.hasValueOnInput,
+    theme = _ref5.theme;
   return !placeholder && !hasValueOnInput ? (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          &:focus + label {\n            padding: 0px 8px;\n            background-color: ", ";\n            top: -6px;\n            left: 16px;\n            color: ", ";\n          }\n        "])), theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3) : (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n          & + label {\n            padding: 0px 8px;\n            background-color: ", ";\n             top: -6px;\n            left: 16px;\n            bottom: auto;\n            color: ", ";\n        "])), theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, {
     dark: theme.colors.neutral.neutral1,
     light: theme.colors.neutral.neutral4
   }[theme.colorMode]);
 });
-
 exports.TextArea = TextArea;
-
 var HelperText = _styled.default.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n  font-weight: ", ";\n  padding-left: 20px;\n"])), function (_ref6) {
   var theme = _ref6.theme;
   return theme.fontSizes.xxs;
 }, function (_ref7) {
   var theme = _ref7.theme,
-      _ref7$alert = _ref7.alert,
-      alert = _ref7$alert === void 0 ? 'informative' : _ref7$alert;
+    _ref7$alert = _ref7.alert,
+    alert = _ref7$alert === void 0 ? 'informative' : _ref7$alert;
   return theme.colors[alert].default;
 }, function (_ref8) {
   var theme = _ref8.theme;
   return theme.fontWeight['500'];
 });
-
 exports.HelperText = HelperText;

package/dist/components/TextAreaInput/text-area-input.test.js

@@ -1,23 +1,17 @@
 "use strict";
 
 var _react = require("@testing-library/react");
-
 var _testUtils = require("../../shared/tests/test-utils");
-
 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 _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); }
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var makeSut = function makeSut(props) {
   var sut = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({
     label: "Any Label",
@@ -31,66 +25,57 @@ var makeSut = function makeSut(props) {
     helperText: helperText
   };
 };
-
 describe('TextAreaInput', function () {
   it('should render with correct placeholder', function () {
     var _makeSut = makeSut(),
-        sut = _makeSut.sut;
-
+      sut = _makeSut.sut;
     expect(sut.getByPlaceholderText('any placeholder')).toHaveAttribute('placeholder', 'any placeholder');
   });
   it('should render with correct label text', function () {
     var _makeSut2 = makeSut(),
-        sut = _makeSut2.sut;
-
+      sut = _makeSut2.sut;
     expect(sut.getByText('Any Label', {
       selector: 'label'
     }).innerHTML).toBe('Any Label');
   });
   it('should disabled textarea when prop isDisabled is provided', function () {
     var _makeSut3 = makeSut({
-      isDisabled: true
-    }),
-        sut = _makeSut3.sut;
-
+        isDisabled: true
+      }),
+      sut = _makeSut3.sut;
     expect(sut.container.querySelector('textarea')).toBeDisabled();
   });
   it('should textarea change value on typing', function () {
     var _makeSut4 = makeSut(),
-        textarea = _makeSut4.textarea;
-
+      textarea = _makeSut4.textarea;
     _react.fireEvent.change(textarea, {
       target: {
         value: 'any_text'
       }
     });
-
     expect(textarea.value).toBe('any_text');
   });
   it('should show helperText with isInvalid is provided', function () {
     var _makeSut5 = makeSut({
-      isInvalid: true,
-      helperText: 'any help text'
-    }),
-        helperText = _makeSut5.helperText;
-
+        isInvalid: true,
+        helperText: 'any help text'
+      }),
+      helperText = _makeSut5.helperText;
     expect(helperText).toBeInTheDocument();
   });
   it('should not show helperText with isInvalid not provided', function () {
     var _makeSut6 = makeSut({
-      isInvalid: false,
-      helperText: 'any help text'
-    }),
-        helperText = _makeSut6.helperText;
-
+        isInvalid: false,
+        helperText: 'any help text'
+      }),
+      helperText = _makeSut6.helperText;
     expect(helperText).not.toBeInTheDocument();
   });
   it('should not render helperText with helperText not provided', function () {
     var _makeSut7 = makeSut({
-      isInvalid: true
-    }),
-        helperText = _makeSut7.helperText;
-
+        isInvalid: true
+      }),
+      helperText = _makeSut7.helperText;
     expect(helperText).not.toBeInTheDocument();
   });
 });

package/dist/components/TextAreaInput/types.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEventHandler, Ref, TextareaHTMLAttributes } from 'react';
-export declare type AlertOptions = 'informative' | 'success' | 'warning' | 'error';
-export declare type formRegister = {
+export type AlertOptions = 'informative' | 'success' | 'warning' | 'error';
+export type formRegister = {
     onChange: ChangeEventHandler<HTMLTextAreaElement>;
     onBlur: ChangeEventHandler;
     ref: Ref<any>;
@@ -16,7 +16,7 @@ export interface ITextAreaInputProps extends TextareaHTMLAttributes<any> {
     height?: number | string;
     formRegister?: formRegister;
 }
-export declare type IStyledTextAreaInput = {
+export type IStyledTextAreaInput = {
     hasValueOnInput?: boolean;
     height?: number | string;
     maxWidth?: number | string;

package/dist/components/TextAreaInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TextAreaInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AACxE,oBAAY,YAAY,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3E,oBAAY,YAAY,GAAG;IACzB,QAAQ,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IAClD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AACF,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,CAAC,GAAG,CAAC;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,oBAAY,oBAAoB,GAAG;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TextAreaInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AACxE,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3E,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IAClD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AACF,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,CAAC,GAAG,CAAC;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CAAC"}

package/dist/components/Thumbnail/index.js

@@ -4,75 +4,53 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Thumbnail = Thumbnail;
-
 var _react = require("react");
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _Spinner = _interopRequireDefault(require("../Spinner"));
-
 var _theme = require("../../shared/theme");
-
 var _colorToGray = require("../../utils/colorToGray");
-
 var _utils = require("./utils");
-
 var _styles = require("./styles");
-
 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(); }
-
 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."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function Thumbnail(_ref) {
   var src = _ref.src,
-      alt = _ref.alt,
-      _ref$maxAllowedSize = _ref.maxAllowedSize,
-      maxAllowedSize = _ref$maxAllowedSize === void 0 ? 4 : _ref$maxAllowedSize,
-      color = _ref.color,
-      isUploading = _ref.isUploading,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'md' : _ref$size,
-      onSelect = _ref.onSelect,
-      getThumbImage = _ref.getThumbImage;
-
+    alt = _ref.alt,
+    _ref$maxAllowedSize = _ref.maxAllowedSize,
+    maxAllowedSize = _ref$maxAllowedSize === void 0 ? 4 : _ref$maxAllowedSize,
+    color = _ref.color,
+    isUploading = _ref.isUploading,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    onSelect = _ref.onSelect,
+    getThumbImage = _ref.getThumbImage;
   var _useTheme = (0, _theme.useTheme)(),
-      theme = _useTheme.theme;
-
+    theme = _useTheme.theme;
   var _useState = (0, _react.useState)({
-    preview: src || '',
-    alt: alt || ''
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      thumbImage = _useState2[0],
-      setThumbImage = _useState2[1];
-
+      preview: src || '',
+      alt: alt || ''
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    thumbImage = _useState2[0],
+    setThumbImage = _useState2[1];
   var _useState3 = (0, _react.useState)(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      helpText = _useState4[0],
-      setHelpText = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    helpText = _useState4[0],
+    setHelpText = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      checked = _useState6[0],
-      setChecked = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    checked = _useState6[0],
+    setChecked = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      hover = _useState8[0],
-      setHover = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    hover = _useState8[0],
+    setHover = _useState8[1];
   var wrapperSize = {
     sm: '64px',
     md: '72px',
@@ -86,13 +64,11 @@ function Thumbnail(_ref) {
   var colors = (0, _react.useMemo)(function () {
     var primaryColor = theme.colors.primary.default;
     var selectedColor = color || theme.colors.secondary.default;
-
     var _convertColor = (0, _colorToGray.convertColor)(color || primaryColor),
-        neutral1 = _convertColor.neutral1,
-        neutral2 = _convertColor.neutral2,
-        neutral4 = _convertColor.neutral4,
-        neutral5 = _convertColor.neutral5;
-
+      neutral1 = _convertColor.neutral1,
+      neutral2 = _convertColor.neutral2,
+      neutral4 = _convertColor.neutral4,
+      neutral5 = _convertColor.neutral5;
     var grayColor = "hsl(".concat(neutral1[0], ", ", 13, "%, ", 95, "%)");
     var darkGray = "hsl(".concat(neutral2[0], ", ").concat(neutral2[1], "%, ").concat(neutral2[2], "%)");
     var darkerGray = "hsl(".concat(neutral4[0], ", ").concat(neutral4[1], "%, ").concat(neutral4[2], "%)");
@@ -107,18 +83,14 @@ function Thumbnail(_ref) {
       selectedColor: selectedColor
     };
   }, [color]);
-
   function handleChange(event) {
     var target = event.target;
-
     if (target.files) {
       var file = target.files[0];
-
       if (file && (0, _utils.isValidFileType)(file.type)) {
         if (!(0, _utils.isValidFileSize)(file.size, maxAllowedSize)) {
           return setHelpText("Tamanho da imagem excedida, porfavor adicione uma imagem de ate ".concat(maxAllowedSize, "MB."));
         }
-
         setHelpText('');
         setThumbImage({
           preview: URL.createObjectURL(file),
@@ -130,7 +102,6 @@ function Thumbnail(_ref) {
       }
     }
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: !thumbImage.preview ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.FileWrapper, {

package/dist/components/Thumbnail/styles.js

@@ -4,71 +4,54 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Wrapper = exports.ThumbWrapper = exports.SelectRadio = exports.PreviewImage = exports.InputRadio = exports.HelpText = exports.FileWrapper = exports.FileInput = void 0;
-
 var _react = require("@emotion/react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var Wrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
   var size = _ref.size,
-      grayColor = _ref.grayColor,
-      darkGray = _ref.darkGray,
-      theme = _ref.theme;
+    grayColor = _ref.grayColor,
+    darkGray = _ref.darkGray,
+    theme = _ref.theme;
   return (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: ", ";\n    height: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: ", ";\n    box-sizing: border-box;\n    transition: 0.2s ease;\n    position: relative;\n    border-radius: 8px;\n    overflow: hidden;\n    & div + div {\n      position: absolute;\n    }\n  "])), size, size, theme.colorMode === 'light' ? grayColor : darkGray);
 });
-
 exports.Wrapper = Wrapper;
 var FileWrapper = (0, _styled.default)(Wrapper)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
   var borderGray = _ref2.borderGray,
-      theme = _ref2.theme,
-      darkerGray = _ref2.darkerGray;
+    theme = _ref2.theme,
+    darkerGray = _ref2.darkerGray;
   return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    border: 2px dashed ", ";\n  "])), theme.colorMode === 'light' ? borderGray : darkerGray);
 });
 exports.FileWrapper = FileWrapper;
 var ThumbWrapper = (0, _styled.default)(Wrapper)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
   var toBeSelected = _ref3.toBeSelected,
-      selectedColor = _ref3.selectedColor;
+    selectedColor = _ref3.selectedColor;
   return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    border: 2px solid transparent;\n    ", "\n  "])), toBeSelected && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      border-color: ", ";\n      &::after {\n        content: '';\n        display: block;\n        background: ", ";\n        opacity: 0.1;\n        width: 100%;\n        height: 100%;\n        position: absolute;\n      }\n    "])), selectedColor, selectedColor));
 });
 exports.ThumbWrapper = ThumbWrapper;
-
 var PreviewImage = _styled.default.img(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref4) {
   var sizeImage = _ref4.sizeImage;
   return (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    display: block;\n    width: ", ";\n    height: ", ";\n  "])), sizeImage, sizeImage);
 });
-
 exports.PreviewImage = PreviewImage;
-
 var SelectRadio = _styled.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref5) {
   var showRadio = _ref5.showRadio;
   return (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    display: ", ";\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    > svg {\n      position: absolute;\n    }\n  "])), !showRadio ? 'none' : 'flex');
 });
-
 exports.SelectRadio = SelectRadio;
-
 var FileInput = _styled.default.label(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  justify-content: center;\n  input {\n    display: none;\n  }\n"])));
-
 exports.FileInput = FileInput;
-
 var InputRadio = _styled.default.input(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref6) {
   var theme = _ref6.theme,
-      selectedColor = _ref6.selectedColor,
-      borderGray = _ref6.borderGray;
+    selectedColor = _ref6.selectedColor,
+    borderGray = _ref6.borderGray;
   return (0, _react.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    margin: 0;\n    width: 20px;\n    height: 20px;\n    appearance: none;\n    box-sizing: border-box;\n    background-color: ", ";\n    border: 2px solid ", ";\n    border-radius: 50%;\n    :checked {\n      background-color: ", ";\n      border-color: ", ";\n    }\n  "])), theme.colors.neutral.white, borderGray, selectedColor, selectedColor);
 });
-
 exports.InputRadio = InputRadio;
-
 var HelpText = _styled.default.span(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref7) {
   var theme = _ref7.theme,
-      textColor = _ref7.textColor;
+    textColor = _ref7.textColor;
   return (0, _react.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    color: ", ";\n    font-weight: ", ";\n  "])), theme.fontSizes.xs, theme.colorMode === 'light' ? textColor : theme.colors.neutral.white, theme.fontWeight[500]);
 });
-
 exports.HelpText = HelpText;