linear-react-components-ui 0.4.77-beta.9 → 1.0.0-rc.1

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _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, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+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) {
@@ -19,13 +19,17 @@ var AlertContainer = /*#__PURE__*/function () {
 
     _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] : {};
-
+      value: function value(message, options) {
         var messageConfig = _extends({}, options, {
           customClass: '-info',
           message: message,
@@ -40,9 +44,7 @@ var AlertContainer = /*#__PURE__*/function () {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value(message) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
+      value: function value(message, options) {
         var messageConfig = _extends({}, options, {
           customClass: '-danger',
           message: message,
@@ -57,9 +59,7 @@ var AlertContainer = /*#__PURE__*/function () {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value(message) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
+      value: function value(message, options) {
         var messageConfig = _extends({}, options, {
           customClass: '-warning',
           message: message,
@@ -74,9 +74,7 @@ var AlertContainer = /*#__PURE__*/function () {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value(message) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
+      value: function value(message, options) {
         var messageConfig = _extends({}, options, {
           customClass: '-success',
           message: message,
@@ -91,9 +89,7 @@ var AlertContainer = /*#__PURE__*/function () {
       configurable: true,
       enumerable: true,
       writable: true,
-      value: function value(message) {
-        var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
+      value: function value(message, options) {
         var messageConfig = _extends({}, options, {
           message: message
         });
@@ -106,8 +102,7 @@ var AlertContainer = /*#__PURE__*/function () {
 
   _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;
 
@@ -135,4 +130,4 @@ var AlertContainer = /*#__PURE__*/function () {
 }();
 
 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,18 +1,16 @@
 "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); }
+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 _lodash = _interopRequireDefault(require("lodash"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _BaseAlert = _interopRequireDefault(require("./BaseAlert"));
 
 var _AlertContainer = _interopRequireDefault(require("./AlertContainer"));
@@ -21,13 +19,13 @@ var _Message = _interopRequireDefault(require("./Message"));
 
 var _helpers = _interopRequireDefault(require("./helpers"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 || 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 _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(); }
 
@@ -79,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"], _extends({}, value, {
+      return /*#__PURE__*/_react.default.createElement(_Message.default, _extends({}, value, {
         handleClose: removeAlert,
         key: value.id
       }));
@@ -87,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));
@@ -106,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

@@ -3,17 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -44,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";
 
-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); }
+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 _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;

package/lib/alerts/helpers.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { WithAlertContextProps } from './types.js';
+import '../@types/PositionAlert.js';
+
+declare const AlertProviderContext: React.Context<WithAlertContextProps>;
+
+export { AlertProviderContext as default };

package/lib/alerts/helpers.js

@@ -3,13 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var AlertProviderContext = /*#__PURE__*/_react["default"].createContext();
+var _react = require("react");
 
+var AlertProviderContext = /*#__PURE__*/(0, _react.createContext)({});
 var _default = AlertProviderContext;
-exports["default"] = _default;
+exports.default = _default;

package/lib/alerts/index.d.ts

@@ -0,0 +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';

package/lib/alerts/index.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "AlertProvider", {
   enumerable: true,
   get: function get() {
-    return _AlertProvider["default"];
+    return _AlertProvider.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _withAlert = _interopRequireDefault(require("./withAlert"));
 
 var _AlertProvider = _interopRequireDefault(require("./AlertProvider"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = _withAlert["default"];
-exports["default"] = _default;
+var _default = _withAlert.default;
+exports.default = _default;

package/lib/alerts/types.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+import { PositionAlert } from '../@types/PositionAlert.js';
+
+declare type AlertContainerMethods = {
+    default: (messageConfig: DefaultMessageConfigType) => void;
+    info: (message: string, options: IMessageProps) => void;
+    custom: (message: string, options: IMessageProps) => void;
+    danger: (message: string, options: IMessageProps) => void;
+    warning: (message: string, options: IMessageProps) => void;
+    success: (message: string, options: IMessageProps) => void;
+};
+declare type DefaultMessageConfigType = {
+    message: string;
+    options: IMessageProps & {
+        type: 'info' | 'warning' | 'danger' | 'success';
+    };
+};
+interface IMessageProps {
+    id?: number;
+    position?: PositionAlert;
+    message?: string;
+    handleClose?: (id: number, position: string) => void;
+    className?: string;
+    closeButton?: boolean;
+    color?: string;
+    customClass?: string;
+    icon?: ReactNode | null;
+    iconName?: string;
+    timeout?: number;
+}
+interface IBaseAlertProps {
+    children: ReactNode;
+}
+interface IAlertProviderProps {
+    children: ReactNode;
+}
+interface WithAlertContextProps {
+    alert?: AlertContainerMethods;
+}
+declare type GetClassParams = {
+    customClass?: string;
+    className?: string;
+};
+declare type MessagesState = {
+    [key: string]: Array<IMessageProps>;
+};
+
+export { AlertContainerMethods, DefaultMessageConfigType, GetClassParams, IAlertProviderProps, IBaseAlertProps, IMessageProps, MessagesState, WithAlertContextProps };

package/lib/alerts/types.js

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

package/lib/alerts/withAlert.d.ts

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { WithAlertContextProps } from './types.js';
+import '../@types/PositionAlert.js';
+
+declare const withAlert: <ComponentProps extends WithAlertContextProps>(WrapperComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
+
+export { withAlert as default };

package/lib/alerts/withAlert.js

@@ -1,30 +1,30 @@
 "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); }
+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 _helpers = _interopRequireDefault(require("./helpers"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 || 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 _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 withAlert = function withAlert(WrapperComponent) {
   var GetAlert = function GetAlert(props) {
-    var _useContext = (0, _react.useContext)(_helpers["default"]),
+    var _useContext = (0, _react.useContext)(_helpers.default),
         alert = _useContext.alert;
 
-    return /*#__PURE__*/_react["default"].createElement(WrapperComponent, _extends({}, props, {
+    return /*#__PURE__*/_react.default.createElement(WrapperComponent, _extends({}, props, {
       alert: alert
     }));
   };
@@ -33,4 +33,4 @@ var withAlert = function withAlert(WrapperComponent) {
 };
 
 var _default = withAlert;
-exports["default"] = _default;
+exports.default = _default;

package/lib/assets/styles/commons.scss

@@ -116,16 +116,6 @@
   }
 }
 
-%skeleton-transparency {
-  content: '';
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background: rgb(255,255,255);
-  background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 30%,
-    rgba(255,255,255,0.6) 70%,rgba(255,255,255,0.8) 100%);
-}
-
 /* Efeito utilizado para o componente Skeleton */
 @keyframes shimmer {
   0% {

package/lib/assets/styles/dropdown.scss

@@ -1,7 +1,6 @@
 @import "commons.scss";
 @import "effects.scss";
 .dropdown-component {
-  min-width: 200px;
   position: absolute;
   animation: 0.3s ease-in 0s 1 slideDown, revealelement 0.3s forwards ease-in-out;
   box-shadow: -6px 6px 50px -12px rgba(51, 51, 51, 0.4);

package/lib/assets/styles/list.scss

@@ -20,14 +20,6 @@ $item-height: 48px;
       line-height: 40px!important;
     }
   }
-  > .skeleton-transparency {
-    position: relative;
-    &::after {
-      @extend %skeleton-transparency;
-      top: 0;
-      left: 0;
-    }
-  }
 }
 
 .item-container {