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

package/lib/list/Header.js

@@ -3,32 +3,32 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Header = function Header(_ref) {
   var title = _ref.title,
       children = _ref.children,
       style = _ref.style,
       customClass = _ref.customClass;
-  return /*#__PURE__*/_react["default"].createElement("li", {
+  return /*#__PURE__*/_react.default.createElement("li", {
     className: "list-header ".concat(customClass),
     style: style
-  }, /*#__PURE__*/_react["default"].createElement("h1", {
+  }, /*#__PURE__*/_react.default.createElement("h1", {
     className: "title"
   }, title), children);
 };
 
 Header.propTypes = {
-  title: _propTypes["default"].string.isRequired,
-  style: _propTypes["default"].object,
-  children: _propTypes["default"].element,
-  customClass: _propTypes["default"].string
+  title: _propTypes.default.string.isRequired,
+  style: _propTypes.default.object,
+  children: _propTypes.default.element,
+  customClass: _propTypes.default.string
 };
 Header.defaultProps = {
   children: null,
@@ -36,4 +36,4 @@ Header.defaultProps = {
   customClass: ''
 };
 var _default = Header;
-exports["default"] = _default;
+exports.default = _default;

package/lib/list/Item.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"));
 
@@ -17,7 +17,7 @@ var _icons = _interopRequireDefault(require("../icons"));
 
 var _checkbox = _interopRequireDefault(require("../checkbox"));
 
-var _helpers = require("./helpers");
+var _helpers = _interopRequireDefault(require("./helpers"));
 
 var _withDropdown = require("../dropdown/withDropdown");
 
@@ -25,11 +25,11 @@ var constants = _interopRequireWildcard(require("../internals/constants"));
 
 var _permissionValidations = require("../permissionValidations");
 
-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); }
 
@@ -41,7 +41,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 && (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 _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; }
 
@@ -67,13 +67,11 @@ var Item = function Item(props) {
       visible = props.visible,
       permissionAttr = props.permissionAttr;
 
-  var _useContext = (0, _react.useContext)(_helpers.ListContext),
+  var _useContext = (0, _react.useContext)(_helpers.default),
       handleSelectItem = _useContext.handleSelectItem,
       selectable = _useContext.selectable,
       selectedItemId = _useContext.selectedItemId,
-      selectedItemRef = _useContext.selectedItemRef,
-      skeletonize = _useContext.skeletonize,
-      selectOnEnter = _useContext.selectOnEnter;
+      selectedItemRef = _useContext.selectedItemRef;
 
   var dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
   var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
@@ -96,7 +94,7 @@ var Item = function Item(props) {
     if (icon !== null) {
       return icon;
     } else if (iconName !== '') {
-      return /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+      return /*#__PURE__*/_react.default.createElement(_icons.default, {
         name: iconName
       });
     }
@@ -106,12 +104,16 @@ var Item = function Item(props) {
 
   var handleOnSelectItem = function handleOnSelectItem(e) {
     if (onClick !== undefined) onClick(e, itemId);
-    if (dropdownContext) dropdownContext.handleDropdownClose();
+
+    if (dropdownContext && dropdownContext.handleDropdownClose) {
+      dropdownContext.handleDropdownClose();
+    }
+
     if (selectable) handleSelectItem(itemId, onClick);
   };
 
   var onKeyDown = (0, _react.useCallback)(function (e) {
-    if ([constants.keyCodes.ENTER].includes(e.keyCode) && !skeletonize) {
+    if ([constants.keyCodes.ENTER].includes(e.keyCode)) {
       e.preventDefault();
       handleOnSelectItem(e);
       if (url) history.push(url);
@@ -126,63 +128,63 @@ var Item = function Item(props) {
         handleOnSelectItem(e);
       },
       role: 'button',
-      onKeyDown: selectOnEnter && onKeyDown,
+      onKeyDown: onKeyDown,
       tabIndex: '0'
     };
   };
 
   (0, _react.useEffect)(function () {
-    if (selectOnEnter) document.addEventListener('keydown', onKeyDown);
+    document.addEventListener('keydown', onKeyDown);
     return function () {
       document.removeEventListener('keydown', onKeyDown);
     };
   }, []);
   if (!visible || onDenied.unvisible) return null;
-  return /*#__PURE__*/_react["default"].createElement("li", _extends({
+  return /*#__PURE__*/_react.default.createElement("li", _extends({
     ref: itemId && selectedItemId === itemId ? selectedItemRef : null,
     style: style,
     className: "item-container ".concat(hovered && 'hovered', "\n        ").concat(itemId && selectedItemId === itemId ? '-activedlist' : '')
   }, getProps(), {
     key: itemId
-  }), url && !shouldDisable() && /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
+  }), url && !shouldDisable() && /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
     className: "linkitem",
     to: url
-  }), (displayCheckbox || leftElement || leftIconName || leftIcon) && /*#__PURE__*/_react["default"].createElement("div", {
+  }), (displayCheckbox || leftElement || leftIconName || leftIcon) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(getClass(), " -icon-left")
-  }, displayCheckbox && /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+  }, displayCheckbox && /*#__PURE__*/_react.default.createElement(_checkbox.default, {
     name: "checkbox"
-  }), leftElement, getIcon(leftIconName, leftIcon)), (text || subText || children) && /*#__PURE__*/_react["default"].createElement("div", {
+  }), leftElement, getIcon(leftIconName, leftIcon)), (text || subText || children) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(getClass())
-  }, /*#__PURE__*/_react["default"].createElement("p", {
+  }, /*#__PURE__*/_react.default.createElement("p", {
     className: "".concat(text && 'text')
-  }, text), /*#__PURE__*/_react["default"].createElement("p", {
+  }, text), /*#__PURE__*/_react.default.createElement("p", {
     className: "".concat(subText && 'subtext')
-  }, subText), children), (rightIconName || rightIcon || rightElement) && /*#__PURE__*/_react["default"].createElement("div", {
+  }, subText), children), (rightIconName || rightIcon || rightElement) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(getClass(), " -icon-right")
   }, getIcon(rightIconName, rightIcon), rightElement));
 };
 
 Item.propTypes = {
-  text: _propTypes["default"].string,
-  style: _propTypes["default"].object,
-  separator: _propTypes["default"].bool,
-  hovered: _propTypes["default"].bool,
-  disabled: _propTypes["default"].bool,
-  displayCheckbox: _propTypes["default"].bool,
-  subText: _propTypes["default"].string,
-  leftElement: _propTypes["default"].element,
-  rightElement: _propTypes["default"].element,
-  leftIcon: _propTypes["default"].instanceOf(Object),
-  rightIcon: _propTypes["default"].instanceOf(Object),
-  onClick: _propTypes["default"].func,
-  leftIconName: _propTypes["default"].string,
-  rightIconName: _propTypes["default"].string,
-  customClass: _propTypes["default"].string,
-  url: _propTypes["default"].string,
-  visible: _propTypes["default"].bool,
-  itemId: _propTypes["default"].string,
-  children: _propTypes["default"].object,
-  permissionAttr: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].arrayOf(_propTypes["default"].object)])
+  text: _propTypes.default.string,
+  style: _propTypes.default.object,
+  separator: _propTypes.default.bool,
+  hovered: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  displayCheckbox: _propTypes.default.bool,
+  subText: _propTypes.default.string,
+  leftElement: _propTypes.default.element,
+  rightElement: _propTypes.default.element,
+  leftIcon: _propTypes.default.instanceOf(Object),
+  rightIcon: _propTypes.default.instanceOf(Object),
+  onClick: _propTypes.default.func,
+  leftIconName: _propTypes.default.string,
+  rightIconName: _propTypes.default.string,
+  customClass: _propTypes.default.string,
+  url: _propTypes.default.string,
+  visible: _propTypes.default.bool,
+  itemId: _propTypes.default.string,
+  children: _propTypes.default.object,
+  permissionAttr: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.arrayOf(_propTypes.default.object)])
 };
 Item.defaultProps = {
   itemId: '',
@@ -207,4 +209,4 @@ Item.defaultProps = {
   permissionAttr: undefined
 };
 var _default = Item;
-exports["default"] = _default;
+exports.default = _default;

package/lib/list/Separator.js

@@ -3,17 +3,17 @@
 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 Separator = function Separator() {
-  return /*#__PURE__*/_react["default"].createElement("li", {
+  return /*#__PURE__*/_react.default.createElement("li", {
     className: "list-separator"
   });
 };
 
 var _default = Separator;
-exports["default"] = _default;
+exports.default = _default;

package/lib/list/helpers.js

@@ -3,18 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LIST_ITEMS_TYPES = exports.ListContext = 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 ListContext = /*#__PURE__*/_react["default"].createContext();
+var ListContext = /*#__PURE__*/_react.default.createContext();
 
-exports.ListContext = ListContext;
-var LIST_ITEMS_TYPES = {
-  listHeader: 'Header',
-  listItem: 'Item',
-  listSeparator: 'Separator'
-};
-exports.LIST_ITEMS_TYPES = LIST_ITEMS_TYPES;
+var _default = ListContext;
+exports.default = _default;

package/lib/list/index.js

@@ -8,22 +8,22 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "ListHeader", {
   enumerable: true,
   get: function get() {
-    return _Header["default"];
+    return _Header.default;
   }
 });
 Object.defineProperty(exports, "ListItem", {
   enumerable: true,
   get: function get() {
-    return _Item["default"];
+    return _Item.default;
   }
 });
 Object.defineProperty(exports, "ListSeparator", {
   enumerable: true,
   get: function get() {
-    return _Separator["default"];
+    return _Separator.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -35,19 +35,17 @@ var _Item = _interopRequireDefault(require("./Item"));
 
 var constants = _interopRequireWildcard(require("../internals/constants"));
 
-var _skeleton = _interopRequireDefault(require("../skeleton"));
-
 var _Separator = _interopRequireDefault(require("./Separator"));
 
 require("../assets/styles/list.scss");
 
-var _helpers = require("./helpers");
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -57,22 +55,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 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 && (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 _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 List = function List(props) {
-  var customClass = props.customClass,
-      condensed = props.condensed,
-      transparent = props.transparent,
-      style = props.style,
-      selectable = props.selectable,
-      onSelectItem = props.onSelectItem,
-      skeletonize = props.skeletonize,
-      skeletonItens = props.skeletonItens,
-      skeletonHeight = props.skeletonHeight,
-      children = props.children,
-      selectOnEnter = props.selectOnEnter;
   var selectedItemRef = (0, _react.useRef)(null);
   var listRef = (0, _react.useRef)(null);
 
@@ -86,18 +73,18 @@ var List = function List(props) {
       itensId = _useState4[0],
       setItensId = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(children),
-      _useState6 = _slicedToArray(_useState5, 2),
-      newChildren = _useState6[0],
-      setNewChildren = _useState6[1];
-
+  var children = props.children,
+      customClass = props.customClass,
+      condensed = props.condensed,
+      transparent = props.transparent,
+      style = props.style,
+      selectable = props.selectable,
+      onSelectItem = props.onSelectItem;
   var contextValues = {
     selectable: selectable,
     selectedItemId: selectedItemId,
     selectedItemRef: selectedItemRef,
-    selectOnEnter: selectOnEnter,
     children: children,
-    skeletonize: skeletonize,
     handleSelectItem: function handleSelectItem(itemId, onClick) {
       if (!onSelectItem && onClick) setSelectedItemId(itemId);
       if (onSelectItem) onSelectItem(itemId);
@@ -105,7 +92,7 @@ var List = function List(props) {
   };
 
   var onKeyDown = function onKeyDown(e) {
-    if ([constants.keyCodes.ARROW_DOWN, constants.keyCodes.ARROW_UP].includes(e.keyCode) && !skeletonize) {
+    if ([constants.keyCodes.ARROW_DOWN, constants.keyCodes.ARROW_UP].includes(e.keyCode)) {
       e.preventDefault();
 
       if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
@@ -131,37 +118,6 @@ var List = function List(props) {
     return null;
   };
 
-  var getSkeleton = function getSkeleton() {
-    var length = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-    var maxSkeletonsItensExceeded = 2;
-    var skeletonItensCount = length > skeletonItens ? maxSkeletonsItensExceeded : Math.floor(skeletonItens / length);
-    var skeletonItensList = Array.from(Array(skeletonItensCount).keys());
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "skeleton-transparency"
-    }, skeletonItensList.map(function (id) {
-      return /*#__PURE__*/_react["default"].createElement(_Item["default"], {
-        key: id,
-        hovered: false,
-        style: {
-          pointerEvents: 'none'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_skeleton["default"], {
-        height: skeletonHeight,
-        style: {
-          margin: '6px 0'
-        }
-      }));
-    }));
-  };
-
-  var getNewChildren = function getNewChildren(headersChildren) {
-    return headersChildren.length > 0 ? headersChildren.map(function (item) {
-      return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
-        key: item.props.title
-      }, item, getSkeleton(headersChildren.length));
-    }) : /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, headersChildren, getSkeleton());
-  };
-
   (0, _react.useEffect)(function () {
     if (selectedItemRef.current && listRef.current && listRef.current.scroll) {
       var selectedItemRect = selectedItemRef.current.getBoundingClientRect();
@@ -189,61 +145,39 @@ var List = function List(props) {
     }
   }, [selectedItemRef.current]);
   (0, _react.useEffect)(function () {
-    if (!skeletonize) document.addEventListener('keydown', onKeyDown);
+    document.addEventListener('keydown', onKeyDown);
     return function () {
       document.removeEventListener('keydown', onKeyDown);
     };
-  }, [skeletonize, selectedItemId, itensId]);
+  });
   (0, _react.useEffect)(function () {
-    if (onSelectItem && props.selectedItemId) {
-      setSelectedItemId(props.selectedItemId);
-      if (selectedItemRef.current) selectedItemRef.current.focus();
-    }
+    if (onSelectItem && props.selectedItemId) setSelectedItemId(props.selectedItemId);
   }, [props.selectedItemId]);
   (0, _react.useEffect)(function () {
-    var newItensIds = children.length > 0 ? children.map(function (item) {
-      return item.props && item.props.itemId;
-    }).filter(Boolean) : [children.props.itemId];
+    var newItensIds = children.length > 0 && children.map(function (item) {
+      return item.props.itemId;
+    }).filter(Boolean);
     setItensId(newItensIds);
-  }, [children]);
-  (0, _react.useEffect)(function () {
-    if (skeletonize) {
-      var headersChildren = children.type && children.type === _helpers.LIST_ITEMS_TYPES.listHeader && children;
-
-      if (children.length > 0) {
-        headersChildren = children.filter(function (item) {
-          return item.type && item.type.name === _helpers.LIST_ITEMS_TYPES.listHeader;
-        });
-      }
-
-      setNewChildren(getNewChildren(headersChildren));
-    } else {
-      setNewChildren(children);
-    }
-  }, [skeletonize, children]);
-  return /*#__PURE__*/_react["default"].createElement(_helpers.ListContext.Provider, {
+  }, [children.length]);
+  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
     value: contextValues
-  }, /*#__PURE__*/_react["default"].createElement("ul", {
+  }, /*#__PURE__*/_react.default.createElement("ul", {
     "data-testid": "list-component",
     style: style,
     ref: listRef,
     className: "list-component ".concat(condensed && '-condensed', "\n        ").concat(customClass, " ").concat(!transparent && '-listbackground')
-  }, newChildren));
+  }, children));
 };
 
 List.propTypes = {
-  children: _propTypes["default"].any.isRequired,
-  transparent: _propTypes["default"].bool,
-  customClass: _propTypes["default"].string,
-  condensed: _propTypes["default"].bool,
-  selectable: _propTypes["default"].bool,
-  style: _propTypes["default"].object,
-  onSelectItem: _propTypes["default"].func,
-  selectedItemId: _propTypes["default"].string,
-  skeletonize: _propTypes["default"].bool,
-  skeletonItens: _propTypes["default"].number,
-  skeletonHeight: _propTypes["default"].number,
-  selectOnEnter: _propTypes["default"].bool
+  children: _propTypes.default.any.isRequired,
+  transparent: _propTypes.default.bool,
+  customClass: _propTypes.default.string,
+  condensed: _propTypes.default.bool,
+  selectable: _propTypes.default.bool,
+  style: _propTypes.default.object,
+  onSelectItem: _propTypes.default.func,
+  selectedItemId: _propTypes.default.string
 };
 List.defaultProps = {
   customClass: '',
@@ -252,11 +186,7 @@ List.defaultProps = {
   selectable: false,
   style: {},
   onSelectItem: undefined,
-  selectedItemId: '',
-  skeletonize: false,
-  skeletonItens: 5,
-  skeletonHeight: 48,
-  selectOnEnter: false
+  selectedItemId: ''
 };
 var _default = List;
-exports["default"] = _default;
+exports.default = _default;