linear-react-components-ui 0.4.77-beta.27 → 0.4.77-beta.28

package/lib/split/Split.js

@@ -1,6 +1,6 @@
 "use strict";
 
-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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _helpers = _interopRequireDefault(require("./helpers"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -17,7 +19,7 @@ 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; }
 
-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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -27,31 +29,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 == 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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var Split = function Split(_ref) {
-  var hotKey = _ref.hotKey,
-      _ref$secondaryInitial = _ref.secondaryInitialSize,
-      secondaryInitialSize = _ref$secondaryInitial === void 0 ? 0 : _ref$secondaryInitial,
-      onSecondaryPaneSizeChange = _ref.onSecondaryPaneSizeChange,
-      vertical = _ref.vertical,
-      _ref$primaryIndex = _ref.primaryIndex,
-      primaryIndex = _ref$primaryIndex === void 0 ? 0 : _ref$primaryIndex,
-      percentage = _ref.percentage,
-      _ref$primaryMinSize = _ref.primaryMinSize,
-      primaryMinSize = _ref$primaryMinSize === void 0 ? 0 : _ref$primaryMinSize,
-      _ref$secondaryMinSize = _ref.secondaryMinSize,
-      secondaryMinSize = _ref$secondaryMinSize === void 0 ? 0 : _ref$secondaryMinSize,
-      customClass = _ref.customClass,
-      _ref$children = _ref.children,
-      children = _ref$children === void 0 ? [] : _ref$children,
-      _ref$hideSplitSideOnT = _ref.hideSplitSideOnToggleClick,
-      hideSplitSideOnToggleClick = _ref$hideSplitSideOnT === void 0 ? 'primary' : _ref$hideSplitSideOnT,
-      style = _ref.style,
-      nodeParameter = _ref.nodeParameter;
-
+var Split = function Split(props) {
   var _useState = (0, _react.useState)({
     secondaryPaneSize: 0,
     resizing: false,
@@ -64,6 +46,18 @@ var Split = function Split(_ref) {
 
   var container = (0, _react.useRef)();
   var splitter = (0, _react.useRef)();
+  var hotKey = props.hotKey,
+      secondaryInitialSize = props.secondaryInitialSize,
+      onSecondaryPaneSizeChange = props.onSecondaryPaneSizeChange,
+      vertical = props.vertical,
+      primaryIndex = props.primaryIndex,
+      percentage = props.percentage,
+      primaryMinSize = props.primaryMinSize,
+      secondaryMinSize = props.secondaryMinSize,
+      customClass = props.customClass,
+      children = props.children,
+      hideSplitSideOnToggleClick = props.hideSplitSideOnToggleClick,
+      style = props.style;
 
   var getSecondaryPaneSize = function getSecondaryPaneSize(containerRect, splitterRect, clientPosition, offsetMouse) {
     var totalSize = vertical ? containerRect.height : containerRect.width;
@@ -101,27 +95,23 @@ var Split = function Split(_ref) {
   };
 
   var clearSelection = function clearSelection() {
-    var docuemntSelection = Selection;
-
-    if (document.createRange() && nodeParameter) {
-      var range = document.createRange();
+    if (document.body.createTextRange) {
+      var range = document.body.createTextRange();
       range.collapse();
-      range.selectNode(nodeParameter);
+      range.select();
     } else if (window.getSelection) {
-      var selection = window.getSelection();
-
-      if (selection && selection.empty) {
-        selection.empty();
-      } else if (selection && selection.removeAllRanges) {
-        selection.removeAllRanges();
+      if (window.getSelection().empty) {
+        window.getSelection().empty();
+      } else if (window.getSelection().removeAllRanges) {
+        window.getSelection().removeAllRanges();
       }
-    } else if (docuemntSelection) {
-      docuemntSelection.empty();
+    } else if (document.selection) {
+      document.selection.empty();
     }
   };
 
   var handleResize = function handleResize() {
-    if (container.current && splitter.current && !percentage) {
+    if (splitter.current && !percentage) {
       var containerRect = container.current.getBoundingClientRect();
       var splitterRect = splitter.current.getBoundingClientRect();
       var secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
@@ -135,7 +125,7 @@ var Split = function Split(_ref) {
   };
 
   var handleMouseMove = function handleMouseMove(e) {
-    if (container.current && splitter.current && state.resizing) {
+    if (state.resizing) {
       var containerRect = container.current.getBoundingClientRect();
       var splitterRect = splitter.current.getBoundingClientRect();
       var secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
@@ -181,7 +171,7 @@ var Split = function Split(_ref) {
               secondaryPaneSize: 100,
               isHidePane: false
             }));
-          } else if (state.secondaryPaneSize) {
+          } else {
             setState(_extends({}, state, {
               visibleSplitSide: !visibleSplitSide,
               secondaryPaneSize: secondaryPaneValue,
@@ -255,16 +245,15 @@ var Split = function Split(_ref) {
 
     if (secondaryInitialSize) {
       secondaryPaneSize = secondaryInitialSize;
-    } else if (container.current && splitter.current) {
+    } else {
       var containerRect = container.current.getBoundingClientRect();
       var splitterRect = splitter.current.getBoundingClientRect();
       secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
         left: containerRect.left + (containerRect.width - splitterRect.width) / 2,
         top: containerRect.top + (containerRect.height - splitterRect.height) / 2
       }, false);
-    }
+    } // TODO: Ao revisar este componente, encontrar solução melhor
 
-    secondaryPaneSize = secondaryPaneSize; // TODO: Ao revisar este componente, encontrar solução melhor
 
     setState(_extends({}, state, {
       secondaryPaneSize: secondaryPaneSize
@@ -322,7 +311,7 @@ var Split = function Split(_ref) {
     }
   }, hideSplitSideOnToggleClick === 'primary' ? visibleSplitSide && children[0] : children[0], /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
-    onKeyPress: undefined,
+    onKeyPress: null,
     tabIndex: -1,
     className: "layout-splitter",
     ref: function ref(r) {
@@ -338,7 +327,7 @@ var Split = function Split(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
-    tabIndex: -1,
+    tabIndex: "-1",
     onDoubleClick: function onDoubleClick() {
       return state.secondaryPaneSize === 100 ? setState(_extends({}, state, {
         secondaryPaneSize: 50,
@@ -352,5 +341,33 @@ var Split = function Split(_ref) {
   })), hideSplitSideOnToggleClick === 'secondary' ? visibleSplitSide && children[1] : children[1]));
 };
 
+Split.propTypes = {
+  style: _propTypes.default.object,
+  customClass: _propTypes.default.string,
+  vertical: _propTypes.default.bool,
+  percentage: _propTypes.default.bool,
+  primaryIndex: _propTypes.default.number,
+  primaryMinSize: _propTypes.default.number,
+  hotKey: _propTypes.default.bool,
+  secondaryInitialSize: _propTypes.default.number,
+  secondaryMinSize: _propTypes.default.number,
+  hideSplitSideOnToggleClick: _propTypes.default.string,
+  onSecondaryPaneSizeChange: _propTypes.default.func,
+  children: _propTypes.default.arrayOf(_propTypes.default.node)
+};
+Split.defaultProps = {
+  style: {},
+  customClass: '',
+  vertical: false,
+  percentage: false,
+  primaryIndex: 0,
+  primaryMinSize: 0,
+  secondaryInitialSize: undefined,
+  secondaryMinSize: 0,
+  hideSplitSideOnToggleClick: 'primary',
+  onSecondaryPaneSizeChange: null,
+  children: [],
+  hotKey: false
+};
 var _default = Split;
 exports.default = _default;

package/lib/split/SplitSide.js

@@ -1,6 +1,6 @@
 "use strict";
 
-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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _helpers = _interopRequireDefault(require("./helpers"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -49,5 +51,23 @@ var SplitSide = function SplitSide(_ref) {
   }, children);
 };
 
+SplitSide.propTypes = {
+  style: _propTypes.default.object,
+  customClass: _propTypes.default.string,
+  vertical: _propTypes.default.bool,
+  primary: _propTypes.default.bool,
+  size: _propTypes.default.number,
+  percentage: _propTypes.default.bool,
+  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node])
+};
+SplitSide.defaultProps = {
+  style: {},
+  customClass: '',
+  vertical: false,
+  primary: false,
+  size: 0,
+  percentage: false,
+  children: []
+};
 var _default = SplitSide;
 exports.default = _default;

package/lib/split/helpers.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var SplitContext = /*#__PURE__*/_react.default.createContext({});
+var SplitContext = /*#__PURE__*/_react.default.createContext();
 
 var _default = SplitContext;
 exports.default = _default;

package/lib/split/split.spec.js

@@ -0,0 +1,163 @@
+"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); }
+
+var _react = require("@testing-library/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+require("babel-polyfill");
+
+require("@testing-library/jest-dom");
+
+var _ = _interopRequireWildcard(require("."));
+
+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 _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); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+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 splitMockRender = function splitMockRender(props, propsSplitSide) {
+  return /*#__PURE__*/_react2.default.createElement("div", {
+    style: {
+      height: '600px',
+      width: '500px',
+      marginTop: '2px',
+      border: '1px solid #a8a8a8'
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_.default, _extends({
+    percentage: true,
+    secondaryInitialSize: 50
+  }, props), /*#__PURE__*/_react2.default.createElement(_.SplitSide, _extends({
+    style: {
+      backgroundColor: '#5bcc65',
+      color: '#fff',
+      fontSize: '13px'
+    },
+    primary: true
+  }, propsSplitSide), /*#__PURE__*/_react2.default.createElement("p", null, "Aliquam at mauris porta libero mattis convallis et posuere leo. Vivamus vehicula libero lacus, ac molestie mi varius eu. Nam vel libero odio. Nulla sollicitudin dignissim pellentesque. Praesent eleifend tortor ac dapibus efficitur. Nunc eleifend augue vel laoreet rutrum.")), /*#__PURE__*/_react2.default.createElement(_.SplitSide, {
+    style: {
+      backgroundColor: '#8a2c75',
+      color: '#fff',
+      fontSize: '13px'
+    }
+  }, /*#__PURE__*/_react2.default.createElement("p", null, "Painel 01 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a orci ac diam pharetra viverra sit amet eget arcu. Ut sit amet efficitur elit. Suspendisse pulvinar pulvinar lectus ac malesuada. Curabitur ac dictum elit. Nam lectus ex, suscipit nec aliquet vel, molestie. Nullam commodo dui viverra sem hendrerit, eget iaculis nisi commodo."))));
+};
+
+describe('Split', function () {
+  describe('Default', function () {
+    it('should apply secondaryInitialSize with 50%', function () {
+      var _render = (0, _react.render)(splitMockRender()),
+          container = _render.container;
+
+      var secondSplit = container.querySelectorAll('.layout-pane')[1];
+      expect(secondSplit).toHaveStyle('width: 50%');
+    });
+    it('should apply SplitSide style from props', function () {
+      var _render2 = (0, _react.render)(splitMockRender()),
+          container = _render2.container;
+
+      var secondSplit = container.querySelectorAll('.layout-pane')[1];
+      expect(secondSplit).toHaveStyle('backgroundColor: #8a2c75');
+      expect(secondSplit).toHaveStyle('color: #fff');
+      expect(secondSplit).toHaveStyle('fontSize: 13px');
+    });
+    it('should apply customClass', function () {
+      var _render3 = (0, _react.render)(splitMockRender({
+        customClass: 'customClass'
+      })),
+          container = _render3.container;
+
+      var split = container.querySelector('.split-component');
+      expect(split).toHaveClass('customClass');
+    });
+    it('should apply style', function () {
+      var _render4 = (0, _react.render)(splitMockRender({
+        style: {
+          color: '#8a2c75'
+        }
+      })),
+          container = _render4.container;
+
+      var split = container.querySelector('.split-component');
+      expect(split).toHaveStyle('color: #8a2c75');
+    });
+    it('should use pixels for width', function () {
+      var _render5 = (0, _react.render)(splitMockRender({
+        percentage: false
+      })),
+          container = _render5.container;
+
+      var secondSplit = container.querySelectorAll('.layout-pane')[1];
+      expect(secondSplit).toHaveStyle('width: 50px');
+    });
+    it('should apply class for vertical', function () {
+      var _render6 = (0, _react.render)(splitMockRender({
+        vertical: true
+      })),
+          container = _render6.container;
+
+      expect(container.firstChild.firstChild).toHaveClass('splitter-layout-vertical');
+    });
+    it('should show first panel', function () {
+      var _render7 = (0, _react.render)(splitMockRender()),
+          container = _render7.container;
+
+      var layoutSpliter = container.querySelector('.toggler-horizontal');
+
+      _react.fireEvent.doubleClick(layoutSpliter);
+
+      _react.fireEvent.doubleClick(layoutSpliter);
+
+      expect(container.querySelectorAll('.layout-pane')[1].style.width).toBe('50%');
+    });
+    it('should hide first panel', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var _render8, container, layoutSpliter;
+
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _render8 = (0, _react.render)(splitMockRender()), container = _render8.container;
+              layoutSpliter = container.querySelector('.toggler-horizontal');
+
+              _react.fireEvent.doubleClick(layoutSpliter);
+
+              expect(container.querySelectorAll('.layout-pane')[1].style.width).toBe('100%');
+
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    it('should apply splitSide customClass', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var _render9, container, secondSplit;
+
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _render9 = (0, _react.render)(splitMockRender({}, {
+                customClass: 'customClass'
+              })), container = _render9.container;
+              secondSplit = container.querySelectorAll('.layout-pane')[0];
+              expect(secondSplit).toHaveClass('customClass');
+
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    })));
+  });
+});

package/lib/table/Body.js

@@ -1,6 +1,6 @@
 "use strict";
 
-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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _helpers = _interopRequireWildcard(require("./helpers"));
 
 var _skeleton = _interopRequireDefault(require("../skeleton"));
@@ -21,19 +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; }
 
-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 _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,
-      _ref$skeletonInRows = _ref.skeletonInRows,
-      skeletonInRows = _ref$skeletonInRows === void 0 ? 10 : _ref$skeletonInRows,
-      _ref$skeletonHeight = _ref.skeletonHeight,
-      skeletonHeight = _ref$skeletonHeight === void 0 ? 16 : _ref$skeletonHeight;
+      skeletonInRows = _ref.skeletonInRows,
+      skeletonHeight = _ref.skeletonHeight;
 
-  if (skeletonize && !vertical && columnsCount && skeletonInRows) {
+  if (skeletonize && !vertical && columnsCount) {
     var rows = (0, _helpers.getArrayFromNumber)(skeletonInRows);
     var columns = (0, _helpers.getArrayFromNumber)(columnsCount);
     var skeletonChildrens = rows.map(function (index) {
@@ -61,8 +61,7 @@ var TableBody = function TableBody(_ref2) {
   var bodyScrollable = context.bodyScrollable,
       bodyContainerRef = context.bodyContainerRef,
       skeletonize = context.skeletonize,
-      _context$skeletonInRo = context.skeletonInRows,
-      skeletonInRows = _context$skeletonInRo === void 0 ? 10 : _context$skeletonInRo,
+      skeletonInRows = context.skeletonInRows,
       strict = context.strict,
       vertical = context.vertical,
       columnsCount = context.columnsCount;
@@ -87,5 +86,13 @@ var TableBody = function TableBody(_ref2) {
   })));
 };
 
+TableBody.propTypes = {
+  children: _propTypes.default.any,
+  customClass: _propTypes.default.string
+};
+TableBody.defaultProps = {
+  children: undefined,
+  customClass: ''
+};
 var _default = TableBody;
 exports.default = _default;

package/lib/table/Header.js

@@ -1,6 +1,6 @@
 "use strict";
 
-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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _lodash = _interopRequireDefault(require("lodash"));
 
 var _helpers = _interopRequireDefault(require("./helpers"));
@@ -22,59 +24,31 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var getColumnsWidth = function getColumnsWidth(children) {
   var columnsWidth = [];
 
-  if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props) {
+  if (children && children.props) {
     var columns = children.props.children;
     if (!_lodash.default.isArray(columns)) columns = [columns];
     columns.forEach(function (element) {
-      var colWidth = 0;
-
-      if (_lodash.default.isArray(element)) {
-        element.forEach(function (elementArray) {
-          if (elementArray && elementArray.props.style && elementArray.props.style.width) {
-            colWidth = elementArray.props.style.width;
-          }
+      var colWidth;
 
-          columnsWidth.push(colWidth);
-        });
-      } else if (element && element.props.style && element.props.style.width) {
+      if (element.props.style && element.props.style.width) {
         colWidth = element.props.style.width;
-        columnsWidth.push(colWidth);
       }
-    });
-  }
-
-  return columnsWidth;
-};
 
-var countColumnsFromChildren = function countColumnsFromChildren(children) {
-  var count = 0;
-
-  if ( /*#__PURE__*/(0, _react.isValidElement)(children)) {
-    children.props.children.forEach(function (child) {
-      if (_lodash.default.isArray(child)) {
-        child.forEach(function (arrayChild) {
-          count = arrayChild ? count + 1 : count;
-        });
-      } else {
-        count = child ? count + 1 : count;
-      }
+      columnsWidth.push(colWidth);
     });
   }
 
-  return count;
+  return columnsWidth;
 };
 
 var getColumnsCount = function getColumnsCount(children) {
   var columnsCount = 0;
 
   if (_lodash.default.isArray(children) && children.length > 0 && children[0].props) {
-    columnsCount = countColumnsFromChildren(children[0].props.children);
-  }
-
-  if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props && children.props.children) {
-    columnsCount = countColumnsFromChildren(children.props.children);
+    columnsCount = children[0].props.children.length;
   }
 
+  if (children && children.props) columnsCount = children.props.children.length;
   return columnsCount;
 };
 
@@ -89,10 +63,8 @@ var Header = function Header(_ref) {
       handlerSetColumnsCount = _useContext.handlerSetColumnsCount;
 
   (0, _react.useEffect)(function () {
-    if (children && handlerSetColumnsWidth && handlerSetColumnsCount) {
-      handlerSetColumnsWidth(getColumnsWidth(children));
-      handlerSetColumnsCount(getColumnsCount(children));
-    }
+    handlerSetColumnsWidth(getColumnsWidth(children));
+    handlerSetColumnsCount(getColumnsCount(children));
   }, []);
   return bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
     className: "headercontainer",
@@ -111,5 +83,12 @@ var Header = function Header(_ref) {
   }, children);
 };
 
+Header.defaultProps = {
+  customClass: ''
+};
+Header.propTypes = {
+  children: _propTypes.default.any.isRequired,
+  customClass: _propTypes.default.string
+};
 var _default = Header;
 exports.default = _default;

package/lib/table/HeaderColumn.js

@@ -1,6 +1,6 @@
 "use strict";
 
-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); }
+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); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _skeleton = _interopRequireDefault(require("../skeleton"));
 
 var _helpers = _interopRequireDefault(require("./helpers"));
@@ -24,27 +26,39 @@ var HeaderColumn = function HeaderColumn(_ref) {
       style = _ref.style,
       children = _ref.children,
       textAlign = _ref.textAlign,
-      _ref$visible = _ref.visible,
-      visible = _ref$visible === void 0 ? true : _ref$visible;
+      visible = _ref.visible;
 
   var _useContext = (0, _react.useContext)(_helpers.default),
       skeletonize = _useContext.skeletonize,
       vertical = _useContext.vertical,
       skeletonInHeader = _useContext.skeletonInHeader,
-      _useContext$skeletonI = _useContext.skeletonInRows,
-      skeletonInRows = _useContext$skeletonI === void 0 ? 10 : _useContext$skeletonI;
+      skeletonInRows = _useContext.skeletonInRows;
 
   if (!visible) return null;
   return /*#__PURE__*/_react.default.createElement("th", {
     className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign),
     style: style
   }, skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {
-    height: style && style.height ? undefined : 16,
+    height: style.height ? null : 16,
     style: {
       marginBottom: 0
     }
   }) : children);
 };
 
+HeaderColumn.propTypes = {
+  children: _propTypes.default.any,
+  customClass: _propTypes.default.string,
+  textAlign: _propTypes.default.string,
+  style: _propTypes.default.object,
+  visible: _propTypes.default.bool
+};
+HeaderColumn.defaultProps = {
+  children: undefined,
+  customClass: '',
+  textAlign: '',
+  style: {},
+  visible: true
+};
 var _default = HeaderColumn;
 exports.default = _default;