linear-react-components-ui 0.4.76-beta.33 → 0.4.76-beta.34

package/lib/list/list.spec.js

@@ -242,17 +242,46 @@ describe('Components', function () {
 
       expect(mockOnSelectItem).toHaveBeenCalledWith(itemId);
     });
+    it('should render skeletonize when true', function () {
+      var _render12 = (0, _react2.render)(list({
+        skeletonize: true
+      })),
+          container = _render12.container;
+
+      var skeleton = container.querySelector('.item-container .item .skeleton-component');
+      expect(skeleton).toBeInTheDocument();
+    });
+    it('should render five skeletons when skeletonize', function () {
+      var _render13 = (0, _react2.render)(list({
+        skeletonize: true,
+        skeletonItens: 5
+      })),
+          container = _render13.container;
+
+      var skeletons = container.querySelectorAll('.item-container .item .skeleton-component');
+      expect(skeletons.length).toBe(5);
+    });
+    it('should define skeleton height', function () {
+      var _render14 = (0, _react2.render)(list({
+        skeletonize: true,
+        skeletonHeight: 36
+      })),
+          container = _render14.container;
+
+      var skeleton = container.querySelector('.item-container .item .skeleton-component');
+      expect(skeleton).toHaveStyle('height: 36px');
+    });
     describe('prop selectable', function () {
       it('should allow ListItem to be selected', function () {
         var listItemProps = {
           onClick: jest.fn()
         };
 
-        var _render12 = (0, _react2.render)(list({
+        var _render15 = (0, _react2.render)(list({
           selectable: true,
           selectedItemId: '1'
         }, {}, listItemProps)),
-            container = _render12.container;
+            container = _render15.container;
 
         var listItem = container.querySelector('.item-container');
 
@@ -263,11 +292,11 @@ describe('Components', function () {
       it('should call onSelectItem', function () {
         var mockOnSelectItem = jest.fn();
 
-        var _render13 = (0, _react2.render)(list({
+        var _render16 = (0, _react2.render)(list({
           selectable: true,
           onSelectItem: mockOnSelectItem
         })),
-            container = _render13.container;
+            container = _render16.container;
 
         var listItem = container.querySelector('.item-container');
 
@@ -279,18 +308,18 @@ describe('Components', function () {
   });
   describe('ListHeader', function () {
     it('should render correctly', function () {
-      var _render14 = (0, _react2.render)(list()),
-          container = _render14.container;
+      var _render17 = (0, _react2.render)(list()),
+          container = _render17.container;
 
       expect(container.querySelector('.list-header')).toBeTruthy();
     });
     it('should apply title', function () {
       var title = 'Teste Header';
 
-      var _render15 = (0, _react2.render)(list({}, {
+      var _render18 = (0, _react2.render)(list({}, {
         title: title
       })),
-          container = _render15.container;
+          container = _render18.container;
 
       var listHeaderTitle = container.querySelector('.list-header > .title');
       expect(listHeaderTitle).toBeTruthy();
@@ -302,10 +331,10 @@ describe('Components', function () {
         paddingBottom: '2px'
       };
 
-      var _render16 = (0, _react2.render)(list({}, {
+      var _render19 = (0, _react2.render)(list({}, {
         style: style
       })),
-          container = _render16.container;
+          container = _render19.container;
 
       var listHeader = container.querySelector('.list-header');
       expect(listHeader).toHaveStyle(style);
@@ -313,17 +342,17 @@ describe('Components', function () {
     it('should apply customClass', function () {
       var customClass = 'teste-listheader';
 
-      var _render17 = (0, _react2.render)(list({}, {
+      var _render20 = (0, _react2.render)(list({}, {
         customClass: customClass
       })),
-          container = _render17.container;
+          container = _render20.container;
 
       var listHeader = container.querySelector('.list-header');
       expect(listHeader).toHaveClass(customClass);
     });
     it('should render children', function () {
-      var _render18 = (0, _react2.render)(list()),
-          container = _render18.container;
+      var _render21 = (0, _react2.render)(list()),
+          container = _render21.container;
 
       var listHeaderChild = container.querySelector('.list-header > .listheader-child');
       expect(listHeaderChild).toBeTruthy();
@@ -331,8 +360,8 @@ describe('Components', function () {
   });
   describe('ListItem', function () {
     it('should render correctly', function () {
-      var _render19 = (0, _react2.render)(list()),
-          container = _render19.container;
+      var _render22 = (0, _react2.render)(list()),
+          container = _render22.container;
 
       var listItem = container.querySelector('.item-container');
       expect(listItem).toBeTruthy();
@@ -340,10 +369,10 @@ describe('Components', function () {
     it('should apply text', function () {
       var text = 'Teste Item 1';
 
-      var _render20 = (0, _react2.render)(list({}, {}, {
+      var _render23 = (0, _react2.render)(list({}, {}, {
         text: text
       })),
-          container = _render20.container;
+          container = _render23.container;
 
       var listItemText = container.querySelector('.item-container .text');
       expect(listItemText).toBeTruthy();
@@ -352,10 +381,10 @@ describe('Components', function () {
     it('should apply subtext', function () {
       var subText = 'Teste Item 1';
 
-      var _render21 = (0, _react2.render)(list({}, {}, {
+      var _render24 = (0, _react2.render)(list({}, {}, {
         subText: subText
       })),
-          container = _render21.container;
+          container = _render24.container;
 
       var listItemSubText = container.querySelector('.item-container .subtext');
       expect(listItemSubText).toBeTruthy();
@@ -367,10 +396,10 @@ describe('Components', function () {
         paddingBottom: '2px'
       };
 
-      var _render22 = (0, _react2.render)(list({}, {}, {
+      var _render25 = (0, _react2.render)(list({}, {}, {
         style: style
       })),
-          container = _render22.container;
+          container = _render25.container;
 
       var listItem = container.querySelector('.item-container');
       expect(listItem).toHaveStyle(style);
@@ -378,41 +407,41 @@ describe('Components', function () {
     describe('prop separator', function () {
       var separator = true;
       it('apply list-separator css class to text/subtext/children container', function () {
-        var _render23 = (0, _react2.render)(list({}, {}, {
+        var _render26 = (0, _react2.render)(list({}, {}, {
           text: 'Teste',
           separator: separator
         })),
-            container = _render23.container;
+            container = _render26.container;
 
         var listItemTextContainer = container.querySelector('.item-container .item');
         expect(listItemTextContainer).toHaveClass('list-separator');
       });
       it('apply list-separator css class to leftIcon/leftElement container', function () {
-        var _render24 = (0, _react2.render)(list({}, {}, {
+        var _render27 = (0, _react2.render)(list({}, {}, {
           leftIconName: 'pencil',
           separator: separator
         })),
-            container = _render24.container;
+            container = _render27.container;
 
         var listItemLeftElContainer = container.querySelector('.item-container .item.-icon-left');
         expect(listItemLeftElContainer).toHaveClass('list-separator');
       });
       it('apply list-separator css class to rightIcon/rightElement container', function () {
-        var _render25 = (0, _react2.render)(list({}, {}, {
+        var _render28 = (0, _react2.render)(list({}, {}, {
           rightIconName: 'pencil',
           separator: separator
         })),
-            container = _render25.container;
+            container = _render28.container;
 
         var listItemRightElContainer = container.querySelector('.item-container .item.-icon-right');
         expect(listItemRightElContainer).toHaveClass('list-separator');
       });
     });
     it('prop hovered should apply css class hovered ', function () {
-      var _render26 = (0, _react2.render)(list({}, {}, {
+      var _render29 = (0, _react2.render)(list({}, {}, {
         hovered: true
       })),
-          container = _render26.container;
+          container = _render29.container;
 
       var listItem = container.querySelector('.item-container');
       expect(listItem).toHaveClass('hovered');
@@ -422,11 +451,11 @@ describe('Components', function () {
       it('should disable onClick event', function () {
         var mockFunc = jest.fn();
 
-        var _render27 = (0, _react2.render)(list({}, {}, {
+        var _render30 = (0, _react2.render)(list({}, {}, {
           disabled: disabled,
           onClick: mockFunc
         })),
-            container = _render27.container;
+            container = _render30.container;
 
         var listItem = container.querySelector('.item-container');
 
@@ -435,51 +464,51 @@ describe('Components', function () {
         expect(mockFunc).not.toBeCalled();
       });
       it('apply disabled css class to text/subtext/children container', function () {
-        var _render28 = (0, _react2.render)(list({}, {}, {
+        var _render31 = (0, _react2.render)(list({}, {}, {
           text: 'Teste',
           disabled: disabled
         })),
-            container = _render28.container;
+            container = _render31.container;
 
         var listItemTextContainer = container.querySelector('.item-container .item');
         expect(listItemTextContainer).toHaveClass('disabled');
       });
       it('apply disabled css class to leftIcon/leftElement container', function () {
-        var _render29 = (0, _react2.render)(list({}, {}, {
+        var _render32 = (0, _react2.render)(list({}, {}, {
           leftIconName: 'pencil',
           disabled: disabled
         })),
-            container = _render29.container;
+            container = _render32.container;
 
         var listItemLeftElContainer = container.querySelector('.item-container .item.-icon-left');
         expect(listItemLeftElContainer).toHaveClass('disabled');
       });
       it('apply disabled css class to rightIcon/rightElement container', function () {
-        var _render30 = (0, _react2.render)(list({}, {}, {
+        var _render33 = (0, _react2.render)(list({}, {}, {
           rightIconName: 'pencil',
           disabled: disabled
         })),
-            container = _render30.container;
+            container = _render33.container;
 
         var listItemRightElContainer = container.querySelector('.item-container .item.-icon-right');
         expect(listItemRightElContainer).toHaveClass('disabled');
       });
       it('should hide url', function () {
-        var _render31 = (0, _react2.render)(list({}, {}, {
+        var _render34 = (0, _react2.render)(list({}, {}, {
           disabled: disabled,
           url: 'saas'
         })),
-            container = _render31.container;
+            container = _render34.container;
 
         var linkitem = container.querySelector('.linkitem');
         expect(linkitem).not.toBeInTheDocument();
       });
     });
     it('prop displayCheckbox should render Checkbox within subject', function () {
-      var _render32 = (0, _react2.render)(list({}, {}, {
+      var _render35 = (0, _react2.render)(list({}, {}, {
         displayCheckbox: true
       })),
-          container = _render32.container;
+          container = _render35.container;
 
       var checkboxComponent = container.querySelector('.item-container .item.-icon-left .checkbox-component input');
       expect(checkboxComponent).toBeTruthy();
@@ -490,10 +519,10 @@ describe('Components', function () {
         customClass: "leftElTeste"
       });
 
-      var _render33 = (0, _react2.render)(list({}, {}, {
+      var _render36 = (0, _react2.render)(list({}, {}, {
         leftElement: leftElement
       })),
-          container = _render33.container;
+          container = _render36.container;
 
       var leftElementHTML = container.querySelector('.item-container .item.-icon-left .leftElTeste');
       expect(leftElementHTML).toBeTruthy();
@@ -503,10 +532,10 @@ describe('Components', function () {
         customClass: "rightElTeste"
       });
 
-      var _render34 = (0, _react2.render)(list({}, {}, {
+      var _render37 = (0, _react2.render)(list({}, {}, {
         rightElement: rightElement
       })),
-          container = _render34.container;
+          container = _render37.container;
 
       var rightElementHTML = container.querySelector('.item-container .item.-icon-right .rightElTeste');
       expect(rightElementHTML).toBeTruthy();
@@ -519,10 +548,10 @@ describe('Components', function () {
         color: "#000"
       });
 
-      var _render35 = (0, _react2.render)(list({}, {}, {
+      var _render38 = (0, _react2.render)(list({}, {}, {
         leftIcon: leftIcon
       })),
-          container = _render35.container;
+          container = _render38.container;
 
       var leftIconHTML = container.querySelector('.item-container .item.-icon-left .icon-component.iconTeste');
       expect(leftIconHTML).toBeTruthy();
@@ -535,28 +564,28 @@ describe('Components', function () {
         color: "#000"
       });
 
-      var _render36 = (0, _react2.render)(list({}, {}, {
+      var _render39 = (0, _react2.render)(list({}, {}, {
         rightIcon: rightIcon
       })),
-          container = _render36.container;
+          container = _render39.container;
 
       var rightIconHTML = container.querySelector('.item-container .item.-icon-right .icon-component.iconTeste');
       expect(rightIconHTML).toBeTruthy();
     });
     it('prop leftIconName should render Icon', function () {
-      var _render37 = (0, _react2.render)(list({}, {}, {
+      var _render40 = (0, _react2.render)(list({}, {}, {
         leftIconName: 'code'
       })),
-          container = _render37.container;
+          container = _render40.container;
 
       var leftIcon = container.querySelector('.item-container .item.-icon-left .icon-component');
       expect(leftIcon).toBeTruthy();
     });
     it('prop rightIconName should render Icon', function () {
-      var _render38 = (0, _react2.render)(list({}, {}, {
+      var _render41 = (0, _react2.render)(list({}, {}, {
         rightIconName: 'code'
       })),
-          container = _render38.container;
+          container = _render41.container;
 
       var rightIcon = container.querySelector('.item-container .item.-icon-right .icon-component');
       expect(rightIcon).toBeTruthy();
@@ -573,8 +602,8 @@ describe('Components', function () {
         }
       }));
 
-      var _render39 = (0, _react2.render)(mockList),
-          container = _render39.container;
+      var _render42 = (0, _react2.render)(mockList),
+          container = _render42.container;
 
       var listItem = container.querySelector('.item-container');
 
@@ -585,68 +614,68 @@ describe('Components', function () {
     describe('prop customClass', function () {
       var customClass = 'customclassTeste';
       it('apply customClass css class to text/subtext/children container', function () {
-        var _render40 = (0, _react2.render)(list({}, {}, {
+        var _render43 = (0, _react2.render)(list({}, {}, {
           text: 'Teste',
           customClass: customClass
         })),
-            container = _render40.container;
+            container = _render43.container;
 
         var listItemTextContainer = container.querySelector('.item-container .item');
         expect(listItemTextContainer).toHaveClass(customClass);
       });
       it('apply customClass css class to leftIcon/leftElement container', function () {
-        var _render41 = (0, _react2.render)(list({}, {}, {
+        var _render44 = (0, _react2.render)(list({}, {}, {
           leftIconName: 'pencil',
           customClass: customClass
         })),
-            container = _render41.container;
+            container = _render44.container;
 
         var listItemLeftElContainer = container.querySelector('.item-container .item.-icon-left');
         expect(listItemLeftElContainer).toHaveClass(customClass);
       });
       it('apply customClass css class to rightIcon/rightElement container', function () {
-        var _render42 = (0, _react2.render)(list({}, {}, {
+        var _render45 = (0, _react2.render)(list({}, {}, {
           rightIconName: 'pencil',
           customClass: customClass
         })),
-            container = _render42.container;
+            container = _render45.container;
 
         var listItemRightElContainer = container.querySelector('.item-container .item.-icon-right');
         expect(listItemRightElContainer).toHaveClass(customClass);
       });
     });
     it('prop url should render Link', function () {
-      var _render43 = (0, _react2.render)(list({}, {}, {
+      var _render46 = (0, _react2.render)(list({}, {}, {
         url: 'saas'
       })),
-          container = _render43.container;
+          container = _render46.container;
 
       var linkComponent = container.querySelector('.item-container .linkitem');
       expect(linkComponent).toBeTruthy();
     });
     describe('prop visible', function () {
       it('when true(default) should allow subject to render', function () {
-        var _render44 = (0, _react2.render)(list({}, {}, {
+        var _render47 = (0, _react2.render)(list({}, {}, {
           visible: true
         })),
-            container = _render44.container;
+            container = _render47.container;
 
         var listItem = container.querySelector('.item-container');
         expect(listItem).toBeTruthy();
       });
       it('when false should not let subject render', function () {
-        var _render45 = (0, _react2.render)(list({}, {}, {
+        var _render48 = (0, _react2.render)(list({}, {}, {
           visible: false
         })),
-            container = _render45.container;
+            container = _render48.container;
 
         var listItem = container.querySelector('.item-container');
         expect(listItem).not.toBeInTheDocument();
       });
     });
     it('should render children', function () {
-      var _render46 = (0, _react2.render)(list()),
-          container = _render46.container;
+      var _render49 = (0, _react2.render)(list()),
+          container = _render49.container;
 
       var listItemButtonChild = container.querySelector('.item-container .childbuttontest');
       expect(listItemButtonChild).toBeTruthy();
@@ -657,10 +686,10 @@ describe('Components', function () {
         it('should render subject', function () {
           setSessionStorageMock();
 
-          var _render47 = (0, _react2.render)(list({}, {}, {
+          var _render50 = (0, _react2.render)(list({}, {}, {
             permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('disabled')
           })),
-              container = _render47.container;
+              container = _render50.container;
 
           var listItem = container.querySelector('.item-container');
           expect(listItem).toBeTruthy();
@@ -670,10 +699,10 @@ describe('Components', function () {
         it('onDenied.unvisible option should not render subject', function () {
           setSessionStorageMock();
 
-          var _render48 = (0, _react2.render)(list({}, {}, {
+          var _render51 = (0, _react2.render)(list({}, {}, {
             permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('unvisible')
           })),
-              container = _render48.container;
+              container = _render51.container;
 
           var listItem = container.querySelector('.item-container');
           expect(listItem).not.toBeInTheDocument();
@@ -685,10 +714,10 @@ describe('Components', function () {
           it('disable onClick event', function () {
             var mockFunc = jest.fn();
 
-            var _render49 = (0, _react2.render)(list({}, {}, _extends({}, permissionProp, {
+            var _render52 = (0, _react2.render)(list({}, {}, _extends({}, permissionProp, {
               onClick: mockFunc
             }))),
-                container = _render49.container;
+                container = _render52.container;
 
             var listItem = container.querySelector('.item-container');
 
@@ -697,37 +726,37 @@ describe('Components', function () {
             expect(mockFunc).not.toBeCalled();
           });
           it('apply disabled css class to text/subtext/children container', function () {
-            var _render50 = (0, _react2.render)(list({}, {}, _extends({
+            var _render53 = (0, _react2.render)(list({}, {}, _extends({
               text: 'Teste'
             }, permissionProp))),
-                container = _render50.container;
+                container = _render53.container;
 
             var listItemTextContainer = container.querySelector('.item-container .item');
             expect(listItemTextContainer).toHaveClass('disabled');
           });
           it('apply disabled css class to leftIcon/leftElement container', function () {
-            var _render51 = (0, _react2.render)(list({}, {}, _extends({
+            var _render54 = (0, _react2.render)(list({}, {}, _extends({
               leftIconName: 'pencil'
             }, permissionProp))),
-                container = _render51.container;
+                container = _render54.container;
 
             var listItemLeftElContainer = container.querySelector('.item-container .item.-icon-left');
             expect(listItemLeftElContainer).toHaveClass('disabled');
           });
           it('apply disabled css class to rightIcon/rightElement container', function () {
-            var _render52 = (0, _react2.render)(list({}, {}, _extends({
+            var _render55 = (0, _react2.render)(list({}, {}, _extends({
               rightIconName: 'pencil'
             }, permissionProp))),
-                container = _render52.container;
+                container = _render55.container;
 
             var listItemRightElContainer = container.querySelector('.item-container .item.-icon-right');
             expect(listItemRightElContainer).toHaveClass('disabled');
           });
           it('hide url', function () {
-            var _render53 = (0, _react2.render)(list({}, {}, _extends({}, permissionProp, {
+            var _render56 = (0, _react2.render)(list({}, {}, _extends({}, permissionProp, {
               url: 'saas'
             }))),
-                container = _render53.container;
+                container = _render56.container;
 
             var linkitem = container.querySelector('.linkitem');
             expect(linkitem).not.toBeInTheDocument();

package/lib/menus/sidenav/index.js

@@ -277,7 +277,7 @@ SideNav.defaultProps = {
   onExpandMenuClick: undefined,
   enableMenuSearch: false,
   menuSearchEmptyMessage: '',
-  menuSearchPlaceholder: 'Teste'
+  menuSearchPlaceholder: ''
 };
 var _default = SideNav;
 exports["default"] = _default;

package/lib/table/Body.js

@@ -23,8 +23,17 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 renderChildren = function renderChildren(children, columnsCount, skeletonize, skeletonInRows) {
-  if (skeletonize && columnsCount) {
+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 renderChildren = function renderChildren(_ref) {
+  var children = _ref.children,
+      columnsCount = _ref.columnsCount,
+      vertical = _ref.vertical,
+      skeletonize = _ref.skeletonize,
+      skeletonInRows = _ref.skeletonInRows,
+      skeletonHeight = _ref.skeletonHeight;
+
+  if (skeletonize && !vertical && columnsCount) {
     var rows = (0, _helpers.getArrayFromNumber)(skeletonInRows);
     var columns = (0, _helpers.getArrayFromNumber)(columnsCount);
     var skeletonChildrens = rows.map(function (index) {
@@ -34,11 +43,8 @@ var renderChildren = function renderChildren(children, columnsCount, skeletonize
         return /*#__PURE__*/_react["default"].createElement(_index.Td, {
           key: id
         }, /*#__PURE__*/_react["default"].createElement(_skeleton["default"], {
-          height: 16,
-          style: {
-            marginBottom: 0,
-            opacity: 1
-          }
+          height: skeletonHeight,
+          customClass: "rowskeleton"
         }));
       }));
     });
@@ -48,18 +54,16 @@ var renderChildren = function renderChildren(children, columnsCount, skeletonize
   return children;
 };
 
-var TableBody = function TableBody(_ref) {
-  var children = _ref.children,
-      customClass = _ref.customClass;
-
-  var _useContext = (0, _react.useContext)(_helpers["default"]),
-      bodyScrollable = _useContext.bodyScrollable,
-      bodyContainerRef = _useContext.bodyContainerRef,
-      columnsCount = _useContext.columnsCount,
-      skeletonize = _useContext.skeletonize,
-      skeletonInRows = _useContext.skeletonInRows,
-      strict = _useContext.strict;
-
+var TableBody = function TableBody(_ref2) {
+  var children = _ref2.children,
+      customClass = _ref2.customClass;
+  var context = (0, _react.useContext)(_helpers["default"]);
+  var bodyScrollable = context.bodyScrollable,
+      bodyContainerRef = context.bodyContainerRef,
+      skeletonize = context.skeletonize,
+      skeletonInRows = context.skeletonInRows,
+      strict = context.strict,
+      vertical = context.vertical;
   return bodyScrollable ? /*#__PURE__*/_react["default"].createElement("div", {
     className: "bodycontainer",
     ref: bodyContainerRef
@@ -70,10 +74,14 @@ var TableBody = function TableBody(_ref) {
       contain: strict ? 'strict' : 'size layout style'
     }
   }, /*#__PURE__*/_react["default"].createElement("tbody", {
-    className: "tbody ".concat(skeletonize && skeletonInRows ? 'skeleton-transparency' : '', " ").concat(customClass)
-  }, renderChildren(children, columnsCount, skeletonize, skeletonInRows)))) : /*#__PURE__*/_react["default"].createElement("tbody", {
-    className: "tbody ".concat(skeletonize && skeletonInRows ? 'skeleton-transparency' : '', " ").concat(customClass)
-  }, renderChildren(children, columnsCount, skeletonize, skeletonInRows));
+    className: "tbody ".concat(skeletonize && !vertical && skeletonInRows ? 'skeleton-transparency' : '', " ").concat(customClass)
+  }, renderChildren(_extends({}, context, {
+    children: children
+  }))))) : /*#__PURE__*/_react["default"].createElement("tbody", {
+    className: "tbody ".concat(skeletonize && !vertical && skeletonInRows ? 'skeleton-transparency' : '', " ").concat(customClass)
+  }, renderChildren(_extends({}, context, {
+    children: children
+  })));
 };
 
 TableBody.propTypes = {

package/lib/table/index.js

@@ -184,7 +184,8 @@ Table.propTypes = {
   skeletonize: _propTypes["default"].bool,
   strict: _propTypes["default"].bool,
   skeletonInRows: _propTypes["default"].number,
-  skeletonInHeader: _propTypes["default"].bool
+  skeletonInHeader: _propTypes["default"].bool,
+  skeletonHeight: _propTypes["default"].number
 };
 Table.defaultProps = {
   striped: false,
@@ -200,8 +201,9 @@ Table.defaultProps = {
   bodyScrollable: false,
   skeletonize: false,
   strict: false,
-  skeletonInRows: undefined,
-  skeletonInHeader: true
+  skeletonInRows: 10,
+  skeletonInHeader: false,
+  skeletonHeight: 16
 };
 var _default = Table;
 exports["default"] = _default;