linear-react-components-ui 0.4.77-beta.23 → 0.4.77-beta.26

package/lib/@types/Position.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

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

package/lib/@types/PositionAlert.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

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

package/lib/@types/Size.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

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

package/lib/@types/SizePixels.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,5 @@
+interface ISessionStorageMock {
+    [key: string]: string;
+}
+
+export { ISessionStorageMock };

package/lib/@types/StorageMock.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/alerts/AlertContainer.d.ts

@@ -0,0 +1,16 @@
+import { IMessageProps, DefaultMessageConfigType } from './types.js';
+import 'react';
+import '../@types/PositionAlert.js';
+
+declare class AlertContainer {
+    pushAlert: (params: IMessageProps) => void;
+    constructor(pushAlert: (params: IMessageProps) => void);
+    default(messageConfig: DefaultMessageConfigType): void;
+    info: (message: string, options: IMessageProps) => void;
+    danger: (message: string, options: IMessageProps) => void;
+    warning: (message: string, options: IMessageProps) => void;
+    success: (message: string, options: IMessageProps) => void;
+    custom: (message: string, options: IMessageProps) => void;
+}
+
+export { AlertContainer as default };

package/lib/alerts/AlertContainer.js

@@ -1,30 +1,36 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
+
+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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+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); } }
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 var AlertContainer = /*#__PURE__*/function () {
   function AlertContainer(pushAlert) {
     var _this = this;
 
-    (0, _classCallCheck2["default"])(this, AlertContainer);
+    _classCallCheck(this, AlertContainer);
+
+    Object.defineProperty(this, "pushAlert", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: void 0
+    });
     Object.defineProperty(this, "info", {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value(message) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        var messageConfig = (0, _extends2["default"])({}, options, {
+      value: function value(message, options) {
+        var messageConfig = _extends({}, options, {
           customClass: '-info',
           message: message,
           iconName: 'information',
@@ -38,9 +44,8 @@ var AlertContainer = /*#__PURE__*/function () {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value(message) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        var messageConfig = (0, _extends2["default"])({}, options, {
+      value: function value(message, options) {
+        var messageConfig = _extends({}, options, {
           customClass: '-danger',
           message: message,
           iconName: 'power',
@@ -54,9 +59,8 @@ var AlertContainer = /*#__PURE__*/function () {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value(message) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        var messageConfig = (0, _extends2["default"])({}, options, {
+      value: function value(message, options) {
+        var messageConfig = _extends({}, options, {
           customClass: '-warning',
           message: message,
           iconName: 'warning',
@@ -70,9 +74,8 @@ var AlertContainer = /*#__PURE__*/function () {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value(message) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        var messageConfig = (0, _extends2["default"])({}, options, {
+      value: function value(message, options) {
+        var messageConfig = _extends({}, options, {
           customClass: '-success',
           message: message,
           iconName: 'checkmark',
@@ -86,9 +89,8 @@ var AlertContainer = /*#__PURE__*/function () {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value(message) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        var messageConfig = (0, _extends2["default"])({}, options, {
+      value: function value(message, options) {
+        var messageConfig = _extends({}, options, {
           message: message
         });
 
@@ -98,10 +100,9 @@ var AlertContainer = /*#__PURE__*/function () {
     this.pushAlert = pushAlert;
   }
 
-  (0, _createClass2["default"])(AlertContainer, [{
+  _createClass(AlertContainer, [{
     key: "default",
-    value: function _default() {
-      var messageConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    value: function _default(messageConfig) {
       var message = messageConfig.message,
           options = messageConfig.options;
 
@@ -124,8 +125,9 @@ var AlertContainer = /*#__PURE__*/function () {
       }
     }
   }]);
+
   return AlertContainer;
 }();
 
 var _default2 = AlertContainer;
-exports["default"] = _default2;
+exports.default = _default2;

package/lib/alerts/AlertProvider.d.ts

@@ -0,0 +1,7 @@
+import { IAlertProviderProps } from './types.js';
+import 'react';
+import '../@types/PositionAlert.js';
+
+declare const AlertProvider: (props: IAlertProviderProps) => JSX.Element;
+
+export { AlertProvider as default };

package/lib/alerts/AlertProvider.js

@@ -1,24 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
+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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _lodash = _interopRequireDefault(require("lodash"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _BaseAlert = _interopRequireDefault(require("./BaseAlert"));
 
 var _AlertContainer = _interopRequireDefault(require("./AlertContainer"));
@@ -27,9 +19,25 @@ 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 _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 = 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)({
@@ -40,12 +48,12 @@ var AlertProvider = function AlertProvider(props) {
     centerTop: [],
     centerBottom: []
   }),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      _useState2 = _slicedToArray(_useState, 2),
       messages = _useState2[0],
       setMessages = _useState2[1];
 
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      _useState4 = _slicedToArray(_useState3, 2),
       toggleRefreshComponent = _useState4[0],
       setToggleRefreshComponent = _useState4[1];
 
@@ -55,7 +63,7 @@ var AlertProvider = function AlertProvider(props) {
     messages[position] = messages[position].filter(function (message) {
       return message.id !== messageId;
     });
-    setMessages((0, _extends2["default"])({}, messages));
+    setMessages(_extends({}, messages));
   };
 
   var pushAlert = function pushAlert(params) {
@@ -69,7 +77,7 @@ var AlertProvider = function AlertProvider(props) {
 
   var buildAlertMessage = function buildAlertMessage(values) {
     return values.map(function (value) {
-      return /*#__PURE__*/_react["default"].createElement(_Message["default"], (0, _extends2["default"])({}, value, {
+      return /*#__PURE__*/_react.default.createElement(_Message.default, _extends({}, value, {
         handleClose: removeAlert,
         key: value.id
       }));
@@ -77,15 +85,15 @@ var AlertProvider = function AlertProvider(props) {
   };
 
   var contextValues = {
-    alert: new _AlertContainer["default"](pushAlert)
+    alert: new _AlertContainer.default(pushAlert)
   };
 
   var renderBaseContainer = function renderBaseContainer() {
     var elements = [];
 
-    _lodash["default"].forEach(messages, function (values, key) {
+    _lodash.default.forEach(messages, function (values, key) {
       if (values.length > 0) {
-        var messageAlert = /*#__PURE__*/_react["default"].createElement("div", {
+        var messageAlert = /*#__PURE__*/_react.default.createElement("div", {
           className: key.toLowerCase(),
           key: key
         }, buildAlertMessage(values));
@@ -96,16 +104,13 @@ var AlertProvider = function AlertProvider(props) {
       }
     });
 
-    return /*#__PURE__*/_react["default"].createElement(_helpers["default"].Provider, {
-      value: contextValues
-    }, /*#__PURE__*/_react["default"].createElement(_BaseAlert["default"], null, elements), children);
+    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());
 };
 
-AlertProvider.propTypes = {
-  children: _propTypes["default"].object.isRequired
-};
 var _default = AlertProvider;
-exports["default"] = _default;
+exports.default = _default;

package/lib/alerts/BaseAlert.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { IBaseAlertProps } from './types.js';
+import '../@types/PositionAlert.js';
+
+declare const BaseAlert: ({ children }: IBaseAlertProps) => React.ReactPortal;
+
+export { BaseAlert as default };

package/lib/alerts/BaseAlert.js

@@ -1,22 +1,30 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = void 0;
 
 var _react = require("react");
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 = 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');
 
@@ -24,7 +32,7 @@ var BaseAlert = function BaseAlert(_ref) {
   var children = _ref.children;
 
   var _useState = (0, _react.useState)(document.createElement('div')),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 1),
+      _useState2 = _slicedToArray(_useState, 1),
       messageContainerEl = _useState2[0];
 
   messageContainerEl.className = 'messagecontainer';
@@ -34,17 +42,16 @@ var BaseAlert = function BaseAlert(_ref) {
       alertComponentEl.className = 'alert-component';
       body.appendChild(alertComponentEl);
       alertComponentEl.appendChild(messageContainerEl);
-    } else alert.appendChild(messageContainerEl);
+    } else {
+      alert.appendChild(messageContainerEl);
+    }
 
     return function () {
-      return alert.removeChild(messageContainerEl);
+      alert === null || alert === void 0 ? void 0 : alert.removeChild(messageContainerEl);
     };
   }, []);
-  return /*#__PURE__*/_reactDom["default"].createPortal(children, messageContainerEl);
+  return /*#__PURE__*/_reactDom.default.createPortal(children, messageContainerEl);
 };
 
-BaseAlert.propTypes = {
-  children: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired
-};
 var _default = BaseAlert;
-exports["default"] = _default;
+exports.default = _default;

package/lib/alerts/Message.d.ts

@@ -0,0 +1,7 @@
+import { IMessageProps } from './types.js';
+import 'react';
+import '../@types/PositionAlert.js';
+
+declare const Message: ({ handleClose, message, id, color, icon, iconName, timeout, customClass, closeButton, className, position, }: IMessageProps) => JSX.Element;
+
+export { Message as default };

package/lib/alerts/Message.js

@@ -1,23 +1,21 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
+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;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _icons = _interopRequireDefault(require("../icons"));
 
-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; }
+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,
@@ -29,7 +27,7 @@ var getIcon = function getIcon(icon, iconName, color) {
   if (icon !== null) {
     return icon;
   } else if (iconName !== null) {
-    return /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+    return /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: iconName,
       color: color !== '' ? color : '#fff',
       size: 32
@@ -39,63 +37,56 @@ var getIcon = function getIcon(icon, iconName, color) {
   return null;
 };
 
-var Message = function Message(props) {
-  var handleClose = props.handleClose,
-      icon = props.icon,
-      iconName = props.iconName,
-      color = props.color,
-      message = props.message,
-      closeButton = props.closeButton,
-      timeout = props.timeout,
-      id = props.id,
-      position = props.position;
+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;
   (0, _react.useEffect)(function () {
     if (timeout > 0) {
       setTimeout(function () {
-        return handleClose(id, position);
+        handleClose(id, position);
       }, timeout);
     }
   }, []);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: getClass(props)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: getClass({
+      className: className,
+      customClass: customClass
+    })
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "-icon"
-  }, (icon || iconName || color) && getIcon(icon, iconName, color)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, (icon || iconName || color) && getIcon(icon, iconName, color)), /*#__PURE__*/_react.default.createElement("div", {
     className: "-messagecontent"
-  }, message), /*#__PURE__*/_react["default"].createElement("div", {
+  }, message), /*#__PURE__*/_react.default.createElement("div", {
     className: "close"
-  }, closeButton || timeout === 0 ? /*#__PURE__*/_react["default"].createElement("span", {
+  }, closeButton || timeout === 0 ? /*#__PURE__*/_react.default.createElement("span", {
     className: "close-button",
     role: "button",
-    onKeyPress: null,
-    tabIndex: "-1",
+    onKeyPress: function onKeyPress() {},
+    tabIndex: -1,
     onClick: function onClick() {
       return handleClose !== undefined ? handleClose(id, position) : null;
     }
   }, "x") : null));
 };
 
-Message.defaultProps = {
-  className: 'message',
-  closeButton: false,
-  color: '',
-  customClass: '',
-  icon: null,
-  iconName: '',
-  timeout: 3000
-};
-Message.propTypes = {
-  className: _propTypes["default"].string,
-  closeButton: _propTypes["default"].bool,
-  color: _propTypes["default"].string,
-  customClass: _propTypes["default"].string,
-  icon: _propTypes["default"].instanceOf(Object),
-  iconName: _propTypes["default"].string,
-  id: _propTypes["default"].number.isRequired,
-  handleClose: _propTypes["default"].func.isRequired,
-  message: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object, _propTypes["default"].element]).isRequired,
-  position: _propTypes["default"].string.isRequired,
-  timeout: _propTypes["default"].number
-};
 var _default = Message;
-exports["default"] = _default;
+exports.default = _default;