linear-react-components-ui 1.0.2 → 1.0.3-beta.1

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

@@ -1,3 +1,3 @@
-type Align = 'left' | 'right' | 'center' | 'top' | 'bottom' | 'none';
+declare type Align = 'left' | 'right' | 'center' | 'top' | 'bottom' | 'none';
 
 export { Align };

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

@@ -1,3 +1,3 @@
-type ButtonTypes = 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning' | 'add' | 'cancel' | 'destroy' | 'edit' | 'save' | 'activate' | 'inactivate' | 'restore';
+declare type ButtonTypes = 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning' | 'add' | 'cancel' | 'destroy' | 'edit' | 'save' | 'activate' | 'inactivate' | 'restore';
 
 export { ButtonTypes };

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

@@ -1,3 +1,3 @@
-type ColorStyles = 'primary' | 'success' | 'danger' | 'info' | 'warning';
+declare type ColorStyles = 'primary' | 'success' | 'danger' | 'info' | 'warning';
 
 export { ColorStyles };

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

@@ -1,3 +1,3 @@
-type DataCombo = any;
+declare type DataCombo = any;
 
 export { DataCombo };

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

@@ -1,5 +1,5 @@
 import _default from '../icons/helper.js';
 
-type IconNames = keyof typeof _default;
+declare type IconNames = keyof typeof _default;
 
 export { IconNames };

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

@@ -1,3 +1,3 @@
-type LabelStyles = 'info' | 'warning' | 'success' | 'default' | 'danger';
+declare type LabelStyles = 'info' | 'warning' | 'success' | 'default' | 'danger';
 
 export { LabelStyles };

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

@@ -1,4 +1,4 @@
-type Period = {
+declare type Period = {
     initial?: string;
     final?: string;
 };

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

@@ -1,10 +1,10 @@
-type PermissionAttr = {
+declare type PermissionAttr = {
     module?: string;
     feature?: string;
     operation?: string;
     onDenied?: string;
 };
-type OnDenied = {
+declare type OnDenied = {
     disabled?: boolean;
     unvisible?: boolean;
     readOnly?: boolean;

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

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

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

@@ -1,3 +1,3 @@
-type Position = 'left' | 'right' | 'center' | 'top' | 'bottom';
+declare type Position = 'left' | 'right' | 'center' | 'top' | 'bottom';
 
 export { Position };

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

@@ -1,3 +1,3 @@
-type PositionAlert = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'centerTop' | 'centerBottom';
+declare type PositionAlert = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'centerTop' | 'centerBottom';
 
 export { PositionAlert };

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

@@ -1,3 +1,3 @@
-type Size = 'mini' | 'small' | 'medium' | 'large' | 'default';
+declare type Size = 'mini' | 'small' | 'medium' | 'large' | 'default';
 
 export { Size };

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

@@ -1,3 +1,3 @@
-type SizePixels = 10 | 16 | 18 | 22 | 24 | 32 | 40 | 64 | 128 | 200;
+declare type SizePixels = 10 | 16 | 18 | 22 | 24 | 32 | 40 | 64 | 128 | 200;
 
 export { SizePixels };

package/lib/alerts/AlertContainer.js

@@ -4,17 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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 _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); }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-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 AlertContainer = /*#__PURE__*/function () {
   function AlertContainer(pushAlert) {
     var _this = this;
+
     _classCallCheck(this, AlertContainer);
+
     Object.defineProperty(this, "pushAlert", {
       configurable: true,
       enumerable: true,
@@ -32,6 +36,7 @@ var AlertContainer = /*#__PURE__*/function () {
           iconName: 'information',
           color: '#fff'
         });
+
         _this.pushAlert(messageConfig);
       }
     });
@@ -46,6 +51,7 @@ var AlertContainer = /*#__PURE__*/function () {
           iconName: 'power',
           color: '#fff'
         });
+
         _this.pushAlert(messageConfig);
       }
     });
@@ -60,6 +66,7 @@ var AlertContainer = /*#__PURE__*/function () {
           iconName: 'warning',
           color: '#fff'
         });
+
         _this.pushAlert(messageConfig);
       }
     });
@@ -74,6 +81,7 @@ var AlertContainer = /*#__PURE__*/function () {
           iconName: 'checkmark',
           color: '#fff'
         });
+
         _this.pushAlert(messageConfig);
       }
     });
@@ -85,33 +93,41 @@ var AlertContainer = /*#__PURE__*/function () {
         var messageConfig = _extends({}, options, {
           message: message
         });
+
         _this.pushAlert(messageConfig);
       }
     });
     this.pushAlert = pushAlert;
   }
+
   _createClass(AlertContainer, [{
     key: "default",
     value: function _default(messageConfig) {
       var message = messageConfig.message,
-        options = messageConfig.options;
+          options = messageConfig.options;
+
       switch (options.type) {
         case 'info':
           this.info(message, options);
           break;
+
         case 'warning':
           this.warning(message, options);
           break;
+
         case 'danger':
           this.danger(message, options);
           break;
+
         default:
           this.success(message, options);
           break;
       }
     }
   }]);
+
   return AlertContainer;
 }();
+
 var _default2 = AlertContainer;
 exports.default = _default2;

package/lib/alerts/AlertProvider.js

@@ -1,49 +1,71 @@
 "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 = _interopRequireWildcard(require("react"));
+
 var _lodash = _interopRequireDefault(require("lodash"));
+
 var _BaseAlert = _interopRequireDefault(require("./BaseAlert"));
+
 var _AlertContainer = _interopRequireDefault(require("./AlertContainer"));
+
 var _Message = _interopRequireDefault(require("./Message"));
+
 var _helpers = _interopRequireDefault(require("./helpers"));
+
 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; }
+
 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); }
+
 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 = 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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var AlertProvider = function AlertProvider(props) {
   var _useState = (0, _react.useState)({
-      leftTop: [],
-      leftBottom: [],
-      rightBottom: [],
-      rightTop: [],
-      centerTop: [],
-      centerBottom: []
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    messages = _useState2[0],
-    setMessages = _useState2[1];
+    leftTop: [],
+    leftBottom: [],
+    rightBottom: [],
+    rightTop: [],
+    centerTop: [],
+    centerBottom: []
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      messages = _useState2[0],
+      setMessages = _useState2[1];
+
   var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    toggleRefreshComponent = _useState4[0],
-    setToggleRefreshComponent = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      toggleRefreshComponent = _useState4[0],
+      setToggleRefreshComponent = _useState4[1];
+
   var children = props.children;
+
   var removeAlert = function removeAlert(messageId, position) {
     messages[position] = messages[position].filter(function (message) {
       return message.id !== messageId;
     });
     setMessages(_extends({}, messages));
   };
+
   var pushAlert = function pushAlert(params) {
     var properties = params;
     if (properties.position === undefined) properties.position = 'rightBottom';
@@ -52,6 +74,7 @@ var AlertProvider = function AlertProvider(props) {
     setMessages(messages);
     setToggleRefreshComponent(!toggleRefreshComponent);
   };
+
   var buildAlertMessage = function buildAlertMessage(values) {
     return values.map(function (value) {
       return /*#__PURE__*/_react.default.createElement(_Message.default, _extends({}, value, {
@@ -60,27 +83,34 @@ var AlertProvider = function AlertProvider(props) {
       }));
     });
   };
+
   var contextValues = {
     alert: new _AlertContainer.default(pushAlert)
   };
+
   var renderBaseContainer = function renderBaseContainer() {
     var elements = [];
+
     _lodash.default.forEach(messages, function (values, key) {
       if (values.length > 0) {
         var messageAlert = /*#__PURE__*/_react.default.createElement("div", {
           className: key.toLowerCase(),
           key: key
         }, buildAlertMessage(values));
+
         elements.push(messageAlert);
       } else {
         elements.push(null);
       }
     });
+
     return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
       value: _extends({}, contextValues)
     }, /*#__PURE__*/_react.default.createElement(_BaseAlert.default, null, elements), children);
   };
+
   return _react.Children.only(renderBaseContainer());
 };
+
 var _default = AlertProvider;
 exports.default = _default;

package/lib/alerts/BaseAlert.js

@@ -4,23 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = require("react");
+
 var _reactDom = _interopRequireDefault(require("react-dom"));
+
 require("../assets/styles/alerts.scss");
+
 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 = 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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var body = document.getElementsByTagName('body')[0];
 var alert = document.getElementById('alert');
+
 var BaseAlert = function BaseAlert(_ref) {
   var children = _ref.children;
+
   var _useState = (0, _react.useState)(document.createElement('div')),
-    _useState2 = _slicedToArray(_useState, 1),
-    messageContainerEl = _useState2[0];
+      _useState2 = _slicedToArray(_useState, 1),
+      messageContainerEl = _useState2[0];
+
   messageContainerEl.className = 'messagecontainer';
   (0, _react.useEffect)(function () {
     if (alert === null) {
@@ -31,11 +45,13 @@ var BaseAlert = function BaseAlert(_ref) {
     } else {
       alert.appendChild(messageContainerEl);
     }
+
     return function () {
       alert === null || alert === void 0 ? void 0 : alert.removeChild(messageContainerEl);
     };
   }, []);
   return /*#__PURE__*/_reactDom.default.createPortal(children, messageContainerEl);
 };
+
 var _default = BaseAlert;
 exports.default = _default;

package/lib/alerts/Message.js

@@ -1,20 +1,28 @@
 "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 = _interopRequireWildcard(require("react"));
+
 var _icons = _interopRequireDefault(require("../icons"));
+
 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 getClass = function getClass(_ref) {
   var customClass = _ref.customClass,
-    className = _ref.className;
+      className = _ref.className;
   return "".concat(className, " ").concat(customClass);
 };
+
 var getIcon = function getIcon(icon, iconName, color) {
   if (icon !== null) {
     return icon;
@@ -25,30 +33,32 @@ var getIcon = function getIcon(icon, iconName, color) {
       size: 32
     });
   }
+
   return null;
 };
+
 var Message = function Message(_ref2) {
   var _ref2$handleClose = _ref2.handleClose,
-    handleClose = _ref2$handleClose === void 0 ? function () {} : _ref2$handleClose,
-    message = _ref2.message,
-    _ref2$id = _ref2.id,
-    id = _ref2$id === void 0 ? 0 : _ref2$id,
-    _ref2$color = _ref2.color,
-    color = _ref2$color === void 0 ? '' : _ref2$color,
-    _ref2$icon = _ref2.icon,
-    icon = _ref2$icon === void 0 ? null : _ref2$icon,
-    _ref2$iconName = _ref2.iconName,
-    iconName = _ref2$iconName === void 0 ? '' : _ref2$iconName,
-    _ref2$timeout = _ref2.timeout,
-    timeout = _ref2$timeout === void 0 ? 3000 : _ref2$timeout,
-    _ref2$customClass = _ref2.customClass,
-    customClass = _ref2$customClass === void 0 ? '' : _ref2$customClass,
-    _ref2$closeButton = _ref2.closeButton,
-    closeButton = _ref2$closeButton === void 0 ? false : _ref2$closeButton,
-    _ref2$className = _ref2.className,
-    className = _ref2$className === void 0 ? 'message' : _ref2$className,
-    _ref2$position = _ref2.position,
-    position = _ref2$position === void 0 ? 'centerTop' : _ref2$position;
+      handleClose = _ref2$handleClose === void 0 ? function () {} : _ref2$handleClose,
+      message = _ref2.message,
+      _ref2$id = _ref2.id,
+      id = _ref2$id === void 0 ? 0 : _ref2$id,
+      _ref2$color = _ref2.color,
+      color = _ref2$color === void 0 ? '' : _ref2$color,
+      _ref2$icon = _ref2.icon,
+      icon = _ref2$icon === void 0 ? null : _ref2$icon,
+      _ref2$iconName = _ref2.iconName,
+      iconName = _ref2$iconName === void 0 ? '' : _ref2$iconName,
+      _ref2$timeout = _ref2.timeout,
+      timeout = _ref2$timeout === void 0 ? 3000 : _ref2$timeout,
+      _ref2$customClass = _ref2.customClass,
+      customClass = _ref2$customClass === void 0 ? '' : _ref2$customClass,
+      _ref2$closeButton = _ref2.closeButton,
+      closeButton = _ref2$closeButton === void 0 ? false : _ref2$closeButton,
+      _ref2$className = _ref2.className,
+      className = _ref2$className === void 0 ? 'message' : _ref2$className,
+      _ref2$position = _ref2.position,
+      position = _ref2$position === void 0 ? 'centerTop' : _ref2$position;
   (0, _react.useEffect)(function () {
     if (timeout > 0) {
       setTimeout(function () {
@@ -77,5 +87,6 @@ var Message = function Message(_ref2) {
     }
   }, "x") : null));
 };
+
 var _default = Message;
 exports.default = _default;

package/lib/alerts/alert.spec.js

@@ -0,0 +1,133 @@
+"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/alerts/helpers.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = require("react");
+
 var AlertProviderContext = /*#__PURE__*/(0, _react.createContext)({});
 var _default = AlertProviderContext;
 exports.default = _default;

package/lib/alerts/index.d.ts

@@ -1,9 +1,6 @@
 import withAlert from './withAlert.js';
+export { default } from './withAlert.js';
 export { default as AlertProvider } from './AlertProvider.js';
 import 'react';
 import './types.js';
 import '../@types/PositionAlert.js';
-
-
-
-export { withAlert as default };

package/lib/alerts/index.js

@@ -10,8 +10,12 @@ Object.defineProperty(exports, "AlertProvider", {
   }
 });
 exports.default = void 0;
+
 var _withAlert = _interopRequireDefault(require("./withAlert"));
+
 var _AlertProvider = _interopRequireDefault(require("./AlertProvider"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var _default = _withAlert.default;
 exports.default = _default;