linear-react-components-ui 1.0.12-beta.1 → 1.0.12-beta.3

package/lib/@types/PointerEvents.d.ts

@@ -1,3 +1,3 @@
-type PointerEvents = 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | 'inherit' | 'initial' | 'unset';
+type PointerEvents = 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | 'inherit' | 'initial' | 'unset' | 'auto';
 
 export { PointerEvents };

package/lib/assets/styles/multiSelect.scss

@@ -97,7 +97,7 @@
       > .label {
         flex-grow: 1;
       }
-      > .menuicon {
+      > .icon-component-container > .menuicon {
         margin-right: 5px;
       }
     }

package/lib/assets/styles/select.scss

@@ -112,7 +112,7 @@
       > .label {
         flex-grow: 1;
       }
-      > .menuicon {
+      > .icon-component-container > .menuicon {
         margin-right: 5px
       }
     }

package/lib/assets/styles/sidenav.scss

@@ -48,9 +48,9 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
     > .item:hover {
       background-color: #eee;
     }
-    > .item:hover > .menuicon,
+    > .item:hover > .icon-component-container > .menuicon,
     > .item:hover .searchmenuicon,
-    > .item:hover > .menulink > .menuicon,
+    > .item:hover > .menulink > .icon-component-container > .menuicon,
     > .item:hover > .menulink .searchmenuicon {
       fill: rgb(114, 114, 114);
     }
@@ -132,7 +132,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
       align-items: center;
       text-decoration: none;
     }
-    > .menuicon {
+    > .icon-component-container > .menuicon {
       justify-self: center;
     }
     > .title,
@@ -164,7 +164,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
       align-items: center;
     }
     > .menuicon,
-    > .menulink > .menuicon {
+    > .menulink > .icon-component-container > .menuicon {
       justify-self: center;
     }
   }

package/lib/buttons/button_container/index.js

@@ -25,6 +25,7 @@ var ButtonContainer = function ButtonContainer(_ref) {
     position = _ref$position === void 0 ? 'left' : _ref$position,
     children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": "button-container",
     className: "btn-container ".concat(customClass),
     style: getStyles(style, position)
   }, children);

package/lib/dialog/Custom.js

@@ -44,7 +44,7 @@ var Custom = function Custom(props) {
     className: "title"
   }, props.title), /*#__PURE__*/_react.default.createElement("div", {
     className: "text"
-  }, props.text)), /*#__PURE__*/_react.default.createElement(_Footer.default, props, /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
+  }, props.text)), props.buttons && props.buttons.length > 0 && /*#__PURE__*/_react.default.createElement(_Footer.default, props, /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
     position: "right"
   }, props.buttons.map(function (button) {
     return /*#__PURE__*/_react.default.cloneElement(button, {

package/lib/dialog/form/index.js

@@ -68,7 +68,7 @@ var ModalForm = function ModalForm(props) {
     handlerClose: props.handlerClose
   }, props))), /*#__PURE__*/_react.default.createElement(_Content.default, {
     styleForContent: _objectSpread(_objectSpread({}, props.styleForContent), overlayStyle)
-  }, content || children), getSpinner(), showFooter && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_index.ButtonContainer, _extends({}, props, {
+  }, content || children), getSpinner(), showFooter && props.buttons && props.buttons.length > 0 && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_index.ButtonContainer, _extends({}, props, {
     style: _objectSpread({}, overlayStyle)
   }), props.buttons.map(function (button) {
     if (context && context.securityBeforeUnload && button && button.type && button.type.name === 'CancelButton') {

package/lib/dialog/types.d.ts

@@ -31,7 +31,7 @@ interface IBaseProps {
 }
 interface IFormProps {
     children: ReactNode | ReactNode[];
-    buttons: JSX.Element[];
+    buttons?: JSX.Element[];
     styleForContent?: CSSProperties;
     title?: string;
     width?: string;
@@ -61,7 +61,7 @@ interface IQuestionProps {
 }
 interface ICustomProps {
     icon: ReactElement;
-    buttons: JSX.Element[];
+    buttons?: JSX.Element[];
     title?: string;
     text?: string;
     height?: string;

package/lib/form/FieldNumber.js

@@ -32,18 +32,14 @@ var getEventProps = function getEventProps(_ref) {
     _onKeyDown = _ref.onKeyDown,
     handlerFieldValidade = _ref.handlerFieldValidade,
     handlerFieldChange = _ref.handlerFieldChange,
-    handleShowValidateMessages = _ref.handleShowValidateMessages,
-    _onChange = _ref.onChange;
+    handleShowValidateMessages = _ref.handleShowValidateMessages;
   return {
     onBlur: function onBlur(e) {
+      if (handlerFieldChange) handlerFieldChange(e);
       if (validators && handlerFieldValidade) handlerFieldValidade(name, e.target.value, validators);
       if (_onBlur) _onBlur(e);
       handleShowValidateMessages(true);
     },
-    onChange: function onChange(e) {
-      if (handlerFieldChange) handlerFieldChange(e);
-      if (_onChange) _onChange(e);
-    },
     onKeyDown: function onKeyDown(e) {
       if ([constants.keyCodes.ENTER].includes(e.keyCode)) {
         handlerFieldChange === null || handlerFieldChange === void 0 ? void 0 : handlerFieldChange(e);

package/lib/icons/index.d.ts

@@ -4,7 +4,11 @@ import '../@types/PointerEvents.js';
 import '../@types/SizePixels.js';
 import '../@types/Icon.js';
 import './helper.js';
+import '../@types/Position.js';
 
-declare const Icon: ({ name, onClick, svgStruct, size, style, visible, disabled, customClass, color, pointerEvents, }: IIconProps) => JSX.Element | null;
+declare const _default: {
+    (props: IIconProps): JSX.Element;
+    displayName: string;
+};
 
-export { Icon as default };
+export { _default as default };

package/lib/icons/index.js

@@ -1,13 +1,17 @@
 "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 = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _helper = _interopRequireDefault(require("./helper"));
 require("../assets/styles/icon.scss");
+var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var listIcon = _helper.default;
 var disabledIconColor = 'rgb(193, 193, 193)';
 var Icon = function Icon(_ref) {
@@ -25,20 +29,36 @@ var Icon = function Icon(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$customClass = _ref.customClass,
     customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
+    _ref$customClassForCo = _ref.customClassForContainer,
+    customClassForContainer = _ref$customClassForCo === void 0 ? '' : _ref$customClassForCo,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? '#676464' : _ref$color,
     _ref$pointerEvents = _ref.pointerEvents,
-    pointerEvents = _ref$pointerEvents === void 0 ? 'none' : _ref$pointerEvents;
+    pointerEvents = _ref$pointerEvents === void 0 ? 'none' : _ref$pointerEvents,
+    targetRef = _ref.targetRef;
+  var refSvg = (0, _react.useRef)(null);
   var getPaths = function getPaths() {
     return name ? listIcon[name].paths : svgStruct === null || svgStruct === void 0 ? void 0 : svgStruct.paths;
   };
   if (!name && !svgStruct) throw new Error('One of the "name" and "svgStruct" props must be filled');
   if (!visible) return null;
-  return /*#__PURE__*/_react.default.createElement("svg", {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "icon-component-container ".concat(customClassForContainer),
+    style: {
+      display: 'inline-flex',
+      placeSelf: 'center'
+    },
+    ref: function ref(r) {
+      if (targetRef && r) targetRef(r);
+    }
+  }, /*#__PURE__*/_react.default.createElement("svg", {
     "data-testid": "icon",
     onClick: function onClick() {
       if (_onClick && !disabled) _onClick();
     },
+    ref: function ref(r) {
+      refSvg.current = r;
+    },
     width: "".concat(size, "px"),
     height: "".concat(size, "px"),
     fill: disabled ? disabledIconColor : color,
@@ -52,7 +72,7 @@ var Icon = function Icon(_ref) {
       d: value,
       key: value
     });
-  }));
+  })));
 };
-var _default = Icon;
+var _default = (0, _withTooltip.default)(Icon);
 exports.default = _default;

package/lib/icons/types.d.ts

@@ -2,6 +2,7 @@ import { CSSProperties } from 'react';
 import { PointerEvents } from '../@types/PointerEvents.js';
 import { SizePixels } from '../@types/SizePixels.js';
 import { IconNames } from '../@types/Icon.js';
+import { Position } from '../@types/Position.js';
 import './helper.js';
 
 type ListIconType = {
@@ -14,6 +15,7 @@ interface IIconProps {
     size?: SizePixels;
     color?: string;
     customClass?: string;
+    customClassForContainer?: string;
     style?: CSSProperties;
     visible?: boolean;
     disabled?: boolean;
@@ -25,6 +27,10 @@ interface IIconProps {
         paths: Array<string>;
     };
     onClick?: () => void;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    tooltipWidth?: string | number;
+    tooltip?: string;
+    targetRef?: (ref: HTMLDivElement) => void;
 }
 
 export { IIconProps, ListIconType };

package/lib/inputs/mask/helpers.js

@@ -12,7 +12,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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) { 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); } /* eslint-disable @typescript-eslint/no-explicit-any */
+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); }
 /* eslint-disable no-plusplus */
 function extractNonMaskProps(props, maskProps) {
   var nonMask = _objectSpread({}, props);

package/lib/inputs/textarea/index.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); } // eslint-disable-next-line import/no-named-as-default
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var TextArea = function TextArea(props) {
   var rows = props.rows,
     cols = props.cols,

package/lib/menus/sidenav/NavMenuItem.js

@@ -84,6 +84,7 @@ var NavMenuItem = function NavMenuItem(props) {
   }), /*#__PURE__*/_react.default.createElement(_react.Fragment, null, iconName && /*#__PURE__*/_react.default.createElement(_icons.default, {
     name: iconName,
     size: menuSize === 'small' && 16 || menuSize === 'medium' && 24 || menuSize === 'large' && 32 || 16,
+    customClassForContainer: "menuicon-container",
     customClass: "menuicon"
   }), isExpanded && /*#__PURE__*/_react.default.createElement("span", {
     className: "title"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.0.12-beta.1",
+  "version": "1.0.12-beta.3",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",

package/lib/alerts/alert.spec.js

@@ -1,133 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-require("babel-polyfill");
-
-require("@testing-library/jest-dom");
-
-var _react2 = require("@testing-library/react");
-
-var _Message = _interopRequireDefault(require("./Message"));
-
-var _icons = _interopRequireDefault(require("../icons"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var mockAlert = function mockAlert(props) {
-  return /*#__PURE__*/_react.default.createElement(_Message.default, _extends({
-    id: 3,
-    message: "Alerta",
-    position: "rightTop",
-    closeButton: true,
-    customClass: "mock-alert",
-    timeout: 500
-  }, props));
-};
-
-describe('Alert', function () {
-  describe('Message', function () {
-    it('should render correctly', function () {
-      var mockHandleClose = jest.fn();
-
-      var _render = (0, _react2.render)(mockAlert({
-        handleClose: mockHandleClose
-      })),
-          container = _render.container;
-
-      expect(container.firstChild).toBeTruthy();
-      expect(container.firstChild).toHaveTextContent('Alerta');
-    });
-    it('should close with timeout 500ms', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var mockHandleClose;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              mockHandleClose = jest.fn();
-              (0, _react2.render)(mockAlert({
-                handleClose: mockHandleClose
-              }));
-              _context.next = 4;
-              return (0, _react2.waitFor)(function () {
-                return expect(mockHandleClose).toBeCalledTimes(1);
-              });
-
-            case 4:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-    it('should apply custom class', function () {
-      var mockHandleClose = jest.fn();
-
-      var _render2 = (0, _react2.render)(mockAlert({
-        handleClose: mockHandleClose
-      })),
-          container = _render2.container;
-
-      expect(container.firstChild).toHaveClass('mock-alert');
-    });
-    it('should render icon', function () {
-      var mockHandleClose = jest.fn();
-
-      var _render3 = (0, _react2.render)(mockAlert({
-        handleClose: mockHandleClose,
-        icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
-          name: "user"
-        })
-      })),
-          container = _render3.container,
-          getByTestId = _render3.getByTestId;
-
-      expect(container.querySelector('.-icon')).toContainElement(getByTestId('icon'));
-    });
-    it('should render icon by iconName', function () {
-      var mockHandleClose = jest.fn();
-
-      var _render4 = (0, _react2.render)(mockAlert({
-        handleClose: mockHandleClose,
-        iconName: 'user'
-      })),
-          container = _render4.container,
-          getByTestId = _render4.getByTestId;
-
-      expect(container.querySelector('.-icon')).toContainElement(getByTestId('icon'));
-    });
-    it('should change icon color', function () {
-      var mockHandleClose = jest.fn();
-
-      var _render5 = (0, _react2.render)(mockAlert({
-        handleClose: mockHandleClose,
-        iconName: 'user',
-        color: 'red'
-      })),
-          getByTestId = _render5.getByTestId;
-
-      expect(getByTestId('icon')).toHaveAttribute('fill', 'red');
-    });
-    it('should fire event on click', function () {
-      var mockHandleClose = jest.fn();
-
-      var _render6 = (0, _react2.render)(mockAlert({
-        handleClose: mockHandleClose
-      })),
-          container = _render6.container,
-          getByRole = _render6.getByRole;
-
-      _react2.fireEvent.click(getByRole('button'));
-
-      expect(container.querySelector('.close')).toBeInTheDocument();
-      expect(container.querySelector('.close-button')).toBeInTheDocument();
-      expect(mockHandleClose).toBeCalledTimes(1);
-    });
-  });
-});

package/lib/avatar/avatar.spec.js

@@ -1,190 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-var _react = _interopRequireDefault(require("react"));
-
-require("babel-polyfill");
-
-require("@testing-library/jest-dom/extend-expect");
-
-var _react2 = require("@testing-library/react");
-
-var _ = _interopRequireDefault(require("."));
-
-var _icons = _interopRequireDefault(require("../icons"));
-
-var _list = _interopRequireWildcard(require("../list"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-describe('Avatar', function () {
-  it('should render correctly', function () {
-    var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-      label: "B"
-    })),
-        container = _render.container;
-
-    expect(container.firstChild).toHaveClass('avatar-component -default');
-    expect(container.firstChild).toHaveTextContent('B');
-    expect(_react2.screen.getByRole('button')).toBeInTheDocument();
-  });
-  it('should apply customClass', function () {
-    var _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-      label: "B",
-      customClass: "avatarteste"
-    })),
-        container = _render2.container;
-
-    expect(container.firstChild).toHaveClass('avatarteste');
-  });
-  it('should change color', function () {
-    var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-      label: "B",
-      color: "#333"
-    })),
-        container = _render3.container;
-
-    expect(container.firstChild).toHaveStyle('background-color: #333');
-  });
-  it('should change to square', function () {
-    var _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-      label: "B",
-      square: true
-    })),
-        container = _render4.container;
-
-    expect(container.firstChild).toHaveClass('-square');
-  });
-  it('should change to mini', function () {
-    var _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-      label: "B",
-      size: "mini"
-    })),
-        container = _render5.container;
-
-    expect(container.firstChild).toHaveClass('-mini');
-  });
-  it('should render icon with iconName', function () {
-    var _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-      iconName: "calc"
-    })),
-        container = _render6.container;
-
-    expect(container.firstChild).toContainElement(_react2.screen.getByTestId('icon'));
-  });
-  it('should render Icon with icon', function () {
-    var _render7 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-      icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
-        name: "user"
-      })
-    })),
-        container = _render7.container;
-
-    expect(container.firstChild).toContainElement(_react2.screen.getByTestId('icon'));
-  });
-  it('should render with image', function () {
-    var mockAvatar = /*#__PURE__*/_react.default.createElement(_.default, {
-      src: "https://yt3.ggpht.com/a-/AAuE7mDGQh9L3n_EULfeZEO9rs_JR4BY376CSrlxdw=s900-mo-c-c0xffffffff-rj-k-no",
-      srcAlt: "Avatar Teste"
-    });
-
-    var _render8 = (0, _react2.render)(mockAvatar),
-        container = _render8.container;
-
-    expect(container.firstChild).toContainElement(_react2.screen.getByAltText('Avatar Teste'));
-    expect(_react2.screen.getByAltText('Avatar Teste')).toHaveClass('imgavatar');
-  });
-  it('should not render icon if has image', function () {
-    var mockAvatar = /*#__PURE__*/_react.default.createElement(_.default, {
-      src: "https://yt3.ggpht.com/a-/AAuE7mDGQh9L3n_EULfeZEO9rs_JR4BY376CSrlxdw=s900-mo-c-c0xffffffff-rj-k-no",
-      srcAlt: "Avatar Teste"
-    });
-
-    var _render9 = (0, _react2.render)(mockAvatar),
-        container = _render9.container;
-
-    expect(container.firstChild).not.toContainElement(document.querySelector('.icon-component'));
-  });
-  it('should change size', function () {
-    var _render10 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-      label: "B",
-      width: "56px",
-      height: "56px"
-    })),
-        container = _render10.container;
-
-    expect(container.firstChild).toHaveStyle('width: 56px; height:56px');
-  });
-  it('should open dropdown and render chilren', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var mockAvatar, _render11, container;
-
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            mockAvatar = /*#__PURE__*/_react.default.createElement(_.default, {
-              label: "B",
-              dropdown: true
-            }, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-              rightIconName: "exclamation",
-              text: "Icone na direita"
-            }), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-              rightIconName: "user",
-              text: "Icone na direita"
-            }), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-              text: "Itemlist sem \xEDcone"
-            }), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-              text: "Itemlist sem \xEDcone Disabled",
-              disabled: true
-            })));
-            _render11 = (0, _react2.render)(mockAvatar), container = _render11.container;
-
-            _react2.fireEvent.click(container.firstChild);
-
-            _context.next = 5;
-            return (0, _react2.waitFor)(function () {
-              return _react2.screen.getByTestId('dropdown-component');
-            });
-
-          case 5:
-            expect(container.firstChild).toHaveTextContent('B');
-            expect(_react2.screen.getByTestId('dropdown-component')).toBeInTheDocument();
-
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-  it('should callback function onClick', function () {
-    var mockOnClick = jest.fn();
-
-    var _render12 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-      label: "B",
-      onClick: mockOnClick
-    })),
-        container = _render12.container;
-
-    _react2.fireEvent.click(container.firstChild);
-
-    expect(mockOnClick).toBeCalledTimes(1);
-  });
-  it('should use targetRef', function () {
-    var mockTargetRef = jest.fn();
-    (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
-      label: "B",
-      targetRef: mockTargetRef
-    }));
-    expect(mockTargetRef).toBeCalledTimes(1);
-  });
-});