linear-react-components-ui 0.4.77-beta.5 → 0.4.77-beta.9

package/.eslintrc.js

@@ -0,0 +1,26 @@
+module.exports = {
+  "extends": "airbnb",
+  "env": {
+    "browser": true,
+    "jest": true
+  },
+  "parser": "babel-eslint",
+  "rules": {
+    "prefer-destructuring": ["error", {"object": true, "array": false}],
+    'react/forbid-prop-types': ['error', { forbid: ['array'] }],
+    'react/jsx-first-prop-new-line': ['error', 'multiline-multiprop'],
+    'react/jsx-closing-bracket-location': ['error', 'after-props'],
+    'react/no-unused-prop-types': ['0'],
+    "jsx-a11y/anchor-is-valid": [ "error", {
+      "components": [ "Link" ],
+      "specialLink": [ "hrefLeft", "hrefRight" ],
+      "aspects": ["preferButton" ]
+    }],
+    'jsx-a11y/no-autofocus': ['0'],
+    "object-curly-newline": [0],
+    "jsx-a11y/label-has-for": [0],
+  },
+  "plugins": [
+    "class-property"
+  ]
+};

package/.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+# . "$(dirname "$0")/_/husky.sh"
+
+# npm run check:js

package/.vscode/settings.json

@@ -7,8 +7,5 @@
     "yarn.lock": true,
     ".eslintrc.js": true,
     ".gitignore": true,
-  },
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true 
   }
 }

package/jest.config.js

@@ -1,12 +1,12 @@
 module.exports = {
   roots: ['<rootDir>'],
   transform: {
-    '\\.(js|jsx|tsx|ts)?$': 'babel-jest',
+    '\\.(js|jsx)?$': 'babel-jest',
   },
   testMatch: [
-    '<rootDir>/src/**/?(*.)(spec|test).{js,jsx,ts,tsx,mjs}',
+    '<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}',
   ],
-  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'json', 'node'],
+  moduleFileExtensions: ['js', 'jsx', 'json', 'node'],
   testPathIgnorePatterns: ['/node_modules/', '/public/'],
   setupFilesAfterEnv: [
     '@testing-library/jest-dom/extend-expect',

package/lib/alerts/AlertContainer.js

@@ -3,7 +3,7 @@
 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); }
 
@@ -135,4 +135,4 @@ var AlertContainer = /*#__PURE__*/function () {
 }();
 
 var _default2 = AlertContainer;
-exports.default = _default2;
+exports["default"] = _default2;

package/lib/alerts/AlertProvider.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -21,11 +21,11 @@ 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); }
 
@@ -79,7 +79,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 +87,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 +106,16 @@ var AlertProvider = function AlertProvider(props) {
       }
     });
 
-    return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
+    return /*#__PURE__*/_react["default"].createElement(_helpers["default"].Provider, {
       value: contextValues
-    }, /*#__PURE__*/_react.default.createElement(_BaseAlert.default, null, elements), children);
+    }, /*#__PURE__*/_react["default"].createElement(_BaseAlert["default"], null, elements), children);
   };
 
   return _react.Children.only(renderBaseContainer());
 };
 
 AlertProvider.propTypes = {
-  children: _propTypes.default.object.isRequired
+  children: _propTypes["default"].object.isRequired
 };
 var _default = AlertProvider;
-exports.default = _default;
+exports["default"] = _default;

package/lib/alerts/BaseAlert.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var _react = require("react");
 
@@ -13,7 +13,7 @@ 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(); }
 
@@ -50,11 +50,11 @@ var BaseAlert = function BaseAlert(_ref) {
       return 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
+  children: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired
 };
 var _default = BaseAlert;
-exports.default = _default;
+exports["default"] = _default;

package/lib/alerts/Message.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -13,11 +13,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 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 +29,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
@@ -56,15 +56,15 @@ var Message = function Message(props) {
       }, timeout);
     }
   }, []);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: getClass(props)
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__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,
@@ -85,17 +85,17 @@ Message.defaultProps = {
   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
+  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/alert.spec.js

@@ -12,7 +12,7 @@ var _Message = _interopRequireDefault(require("./Message"));
 
 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 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); } }
 
@@ -21,7 +21,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 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({
+  return /*#__PURE__*/_react["default"].createElement(_Message["default"], _extends({
     id: 3,
     message: "Alerta",
     position: "rightTop",
@@ -81,7 +81,7 @@ describe('Alert', function () {
 
       var _render3 = (0, _react2.render)(mockAlert({
         handleClose: mockHandleClose,
-        icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+        icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
           name: "user"
         })
       })),

package/lib/alerts/helpers.js

@@ -3,13 +3,13 @@
 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 }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var AlertProviderContext = /*#__PURE__*/_react.default.createContext();
+var AlertProviderContext = /*#__PURE__*/_react["default"].createContext();
 
 var _default = AlertProviderContext;
-exports.default = _default;
+exports["default"] = _default;

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/withAlert.js

@@ -5,26 +5,26 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 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); }
 
 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,6 +116,16 @@
   }
 }
 
+%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/list.scss

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