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

package/lib/split/SplitSide.js

@@ -1,23 +1,21 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _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; }
 
 var SplitSide = function SplitSide(_ref) {
   var primary = _ref.primary,
@@ -25,7 +23,7 @@ var SplitSide = function SplitSide(_ref) {
       customClass = _ref.customClass,
       style = _ref.style;
 
-  var _useContext = (0, _react.useContext)(_helpers["default"]),
+  var _useContext = (0, _react.useContext)(_helpers.default),
       size = _useContext.size,
       percentage = _useContext.percentage,
       vertical = _useContext.vertical;
@@ -45,29 +43,11 @@ var SplitSide = function SplitSide(_ref) {
     classes += ' layout-pane-primary';
   }
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(classes, " ").concat(customClass),
     style: Object.assign({}, splitSideStyle, style)
   }, 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;
+exports.default = _default;

package/lib/split/helpers.d.ts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+declare type ISplitContext = {
+    size?: number;
+    percentage?: number | string;
+    vertical?: boolean;
+};
+declare const SplitContext: React__default.Context<ISplitContext>;
+
+export { ISplitContext, SplitContext as default };

package/lib/split/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 SplitContext = /*#__PURE__*/_react["default"].createContext();
+var SplitContext = /*#__PURE__*/_react.default.createContext({});
 
 var _default = SplitContext;
-exports["default"] = _default;
+exports.default = _default;

package/lib/split/index.d.ts

@@ -0,0 +1,5 @@
+import Split from './Split.js';
+export { default } from './Split.js';
+export { default as SplitSide } from './SplitSide.js';
+import './types.js';
+import 'react';

package/lib/split/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "SplitSide", {
   enumerable: true,
   get: function get() {
-    return _SplitSide["default"];
+    return _SplitSide.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("../assets/styles/split.scss");
 
@@ -17,7 +17,7 @@ var _Split = _interopRequireDefault(require("./Split"));
 
 var _SplitSide = _interopRequireDefault(require("./SplitSide"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = _Split["default"];
-exports["default"] = _default;
+var _default = _Split.default;
+exports.default = _default;

package/lib/split/types.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+
+interface ISplitProps {
+    style?: object;
+    customClass?: string;
+    vertical?: boolean;
+    percentage?: boolean;
+    primaryIndex?: number;
+    primaryMinSize?: number;
+    hotKey?: boolean;
+    secondaryInitialSize?: number;
+    secondaryMinSize?: number;
+    hideSplitSideOnToggleClick?: string;
+    onSecondaryPaneSizeChange?: (parameter: number) => void;
+    children?: ReactNode[];
+    nodeParameter?: Node;
+}
+interface ISplitSideProps {
+    style?: object;
+    customClass?: string;
+    vertical?: boolean;
+    primary?: boolean;
+    size?: number;
+    percentage?: boolean;
+    children?: ReactNode;
+}
+interface DocumentSelection {
+    new (): Selection;
+    prototype: Selection;
+    toString(): string;
+    empty(): void;
+}
+
+export { DocumentSelection, ISplitProps, ISplitSideProps };

package/lib/split/types.js

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

package/lib/table/Body.d.ts

@@ -0,0 +1,6 @@
+import { ITableBodyProps } from './types.js';
+import 'react';
+
+declare const TableBody: ({ children, customClass }: ITableBodyProps) => JSX.Element;
+
+export { TableBody as default };

package/lib/table/Body.js

@@ -1,48 +1,48 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _helpers = _interopRequireWildcard(require("./helpers"));
 
 var _skeleton = _interopRequireDefault(require("../skeleton"));
 
 var _index = require("./index");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var renderChildren = function renderChildren(_ref) {
   var children = _ref.children,
       columnsCount = _ref.columnsCount,
       vertical = _ref.vertical,
       skeletonize = _ref.skeletonize,
-      skeletonInRows = _ref.skeletonInRows,
-      skeletonHeight = _ref.skeletonHeight;
+      _ref$skeletonInRows = _ref.skeletonInRows,
+      skeletonInRows = _ref$skeletonInRows === void 0 ? 10 : _ref$skeletonInRows,
+      _ref$skeletonHeight = _ref.skeletonHeight,
+      skeletonHeight = _ref$skeletonHeight === void 0 ? 16 : _ref$skeletonHeight;
 
-  if (skeletonize && !vertical && columnsCount) {
+  if (skeletonize && !vertical && columnsCount && skeletonInRows) {
     var rows = (0, _helpers.getArrayFromNumber)(skeletonInRows);
     var columns = (0, _helpers.getArrayFromNumber)(columnsCount);
     var skeletonChildrens = rows.map(function (index) {
-      return /*#__PURE__*/_react["default"].createElement(_index.TRow, {
+      return /*#__PURE__*/_react.default.createElement(_index.TRow, {
         key: index
       }, columns.map(function (id) {
-        return /*#__PURE__*/_react["default"].createElement(_index.Td, {
+        return /*#__PURE__*/_react.default.createElement(_index.Td, {
           key: id
-        }, /*#__PURE__*/_react["default"].createElement(_skeleton["default"], {
+        }, /*#__PURE__*/_react.default.createElement(_skeleton.default, {
           height: skeletonHeight,
           customClass: "rowskeleton"
         }));
@@ -57,42 +57,35 @@ var renderChildren = function renderChildren(_ref) {
 var TableBody = function TableBody(_ref2) {
   var children = _ref2.children,
       customClass = _ref2.customClass;
-  var context = (0, _react.useContext)(_helpers["default"]);
+  var context = (0, _react.useContext)(_helpers.default);
   var bodyScrollable = context.bodyScrollable,
       bodyContainerRef = context.bodyContainerRef,
       skeletonize = context.skeletonize,
-      skeletonInRows = context.skeletonInRows,
+      _context$skeletonInRo = context.skeletonInRows,
+      skeletonInRows = _context$skeletonInRo === void 0 ? 10 : _context$skeletonInRo,
       strict = context.strict,
       vertical = context.vertical,
       columnsCount = context.columnsCount;
   var isSkeletonized = skeletonize && !vertical && skeletonInRows && columnsCount;
-  return bodyScrollable ? /*#__PURE__*/_react["default"].createElement("div", {
+  return bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
     className: "bodycontainer",
     ref: bodyContainerRef
-  }, /*#__PURE__*/_react["default"].createElement("table", {
+  }, /*#__PURE__*/_react.default.createElement("table", {
     className: "innertable",
     style: {
       tableLayout: 'fixed',
       contain: strict ? 'strict' : 'size layout style'
     }
-  }, /*#__PURE__*/_react["default"].createElement("tbody", {
+  }, /*#__PURE__*/_react.default.createElement("tbody", {
     className: "tbody ".concat(isSkeletonized ? 'skeleton-transparency' : '', " ").concat(customClass)
   }, renderChildren(_extends({}, context, {
     children: children
-  }))))) : /*#__PURE__*/_react["default"].createElement("tbody", {
+  }))))) : /*#__PURE__*/_react.default.createElement("tbody", {
     className: "tbody ".concat(isSkeletonized ? 'skeleton-transparency' : '', " ").concat(customClass)
   }, renderChildren(_extends({}, context, {
     children: children
   })));
 };
 
-TableBody.propTypes = {
-  children: _propTypes["default"].any,
-  customClass: _propTypes["default"].string
-};
-TableBody.defaultProps = {
-  children: undefined,
-  customClass: ''
-};
 var _default = TableBody;
-exports["default"] = _default;
+exports.default = _default;

package/lib/table/Header.d.ts

@@ -0,0 +1,6 @@
+import { ITableHeaderProps } from './types.js';
+import 'react';
+
+declare const Header: ({ customClass, children }: ITableHeaderProps) => JSX.Element;
+
+export { Header as default };

package/lib/table/Header.js

@@ -1,54 +1,80 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _lodash = _interopRequireDefault(require("lodash"));
 
 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; }
 
 var getColumnsWidth = function getColumnsWidth(children) {
   var columnsWidth = [];
 
-  if (children && children.props) {
+  if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props) {
     var columns = children.props.children;
-    if (!_lodash["default"].isArray(columns)) columns = [columns];
+    if (!_lodash.default.isArray(columns)) columns = [columns];
     columns.forEach(function (element) {
-      var colWidth;
+      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;
+          }
 
-      if (element.props.style && element.props.style.width) {
+          columnsWidth.push(colWidth);
+        });
+      } else if (element && element.props.style && element.props.style.width) {
         colWidth = element.props.style.width;
+        columnsWidth.push(colWidth);
       }
-
-      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;
+      }
+    });
+  }
+
+  return count;
+};
+
 var getColumnsCount = function getColumnsCount(children) {
   var columnsCount = 0;
 
-  if (_lodash["default"].isArray(children) && children.length > 0 && children[0].props) {
-    columnsCount = children[0].props.children.length;
+  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);
   }
 
-  if (children && children.props) columnsCount = children.props.children.length;
   return columnsCount;
 };
 
@@ -56,39 +82,34 @@ var Header = function Header(_ref) {
   var customClass = _ref.customClass,
       children = _ref.children;
 
-  var _useContext = (0, _react.useContext)(_helpers["default"]),
+  var _useContext = (0, _react.useContext)(_helpers.default),
       bodyScrollWidth = _useContext.bodyScrollWidth,
       bodyScrollable = _useContext.bodyScrollable,
       handlerSetColumnsWidth = _useContext.handlerSetColumnsWidth,
       handlerSetColumnsCount = _useContext.handlerSetColumnsCount;
 
   (0, _react.useEffect)(function () {
-    handlerSetColumnsWidth(getColumnsWidth(children));
-    handlerSetColumnsCount(getColumnsCount(children));
+    if (children && handlerSetColumnsWidth && handlerSetColumnsCount) {
+      handlerSetColumnsWidth(getColumnsWidth(children));
+      handlerSetColumnsCount(getColumnsCount(children));
+    }
   }, []);
-  return bodyScrollable ? /*#__PURE__*/_react["default"].createElement("div", {
+  return bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
     className: "headercontainer",
     style: {
       paddingRight: bodyScrollWidth
     }
-  }, /*#__PURE__*/_react["default"].createElement("table", {
+  }, /*#__PURE__*/_react.default.createElement("table", {
     className: "innertable",
     style: {
       tableLayout: 'fixed'
     }
-  }, /*#__PURE__*/_react["default"].createElement("thead", {
+  }, /*#__PURE__*/_react.default.createElement("thead", {
     className: "theader ".concat(customClass)
-  }, children))) : /*#__PURE__*/_react["default"].createElement("thead", {
+  }, children))) : /*#__PURE__*/_react.default.createElement("thead", {
     className: "theader ".concat(customClass)
   }, children);
 };
 
-Header.defaultProps = {
-  customClass: ''
-};
-Header.propTypes = {
-  children: _propTypes["default"].any.isRequired,
-  customClass: _propTypes["default"].string
-};
 var _default = Header;
-exports["default"] = _default;
+exports.default = _default;

package/lib/table/HeaderColumn.d.ts

@@ -0,0 +1,6 @@
+import { ITableHeaderProps } from './types.js';
+import 'react';
+
+declare const HeaderColumn: ({ customClass, style, children, textAlign, visible, }: ITableHeaderProps) => JSX.Element | null;
+
+export { HeaderColumn as default };

package/lib/table/HeaderColumn.js

@@ -1,64 +1,50 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _skeleton = _interopRequireDefault(require("../skeleton"));
 
 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; }
 
 var HeaderColumn = function HeaderColumn(_ref) {
   var customClass = _ref.customClass,
       style = _ref.style,
       children = _ref.children,
       textAlign = _ref.textAlign,
-      visible = _ref.visible;
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? true : _ref$visible;
 
-  var _useContext = (0, _react.useContext)(_helpers["default"]),
+  var _useContext = (0, _react.useContext)(_helpers.default),
       skeletonize = _useContext.skeletonize,
       vertical = _useContext.vertical,
       skeletonInHeader = _useContext.skeletonInHeader,
-      skeletonInRows = _useContext.skeletonInRows;
+      _useContext$skeletonI = _useContext.skeletonInRows,
+      skeletonInRows = _useContext$skeletonI === void 0 ? 10 : _useContext$skeletonI;
 
   if (!visible) return null;
-  return /*#__PURE__*/_react["default"].createElement("th", {
+  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.height ? null : 16,
+  }, skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {
+    height: style && style.height ? undefined : 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;
+exports.default = _default;

package/lib/table/Row.d.ts

@@ -0,0 +1,6 @@
+import { ITableRowProps } from './types.js';
+import 'react';
+
+declare const Row: (props: ITableRowProps) => JSX.Element;
+
+export { Row as default };