linear-react-components-ui 1.1.14-beta.0 → 1.1.14

package/lib/table/Header.js

@@ -1,6 +1,5 @@
 "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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,18 +7,18 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _helpers = _interopRequireDefault(require("./helpers"));
-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; }
-var getColumnsWidth = function getColumnsWidth(children) {
-  var columnsWidth = [];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const getColumnsWidth = children => {
+  const columnsWidth = [];
   if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props) {
-    var columns = children.props.children;
+    let columns = children.props.children;
     if (!_lodash.default.isArray(columns)) columns = [columns];
-    columns.forEach(function (element) {
-      var colWidth = 0;
+    columns.forEach(element => {
+      let colWidth = 0;
       if (_lodash.default.isArray(element)) {
-        element.forEach(function (elementArray) {
+        element.forEach(elementArray => {
           if (elementArray && elementArray.props) {
             var _elementArray$props, _elementArray$props$s;
             colWidth = (_elementArray$props = elementArray.props) === null || _elementArray$props === void 0 ? void 0 : (_elementArray$props$s = _elementArray$props.style) === null || _elementArray$props$s === void 0 ? void 0 : _elementArray$props$s.width;
@@ -35,25 +34,21 @@ var getColumnsWidth = function getColumnsWidth(children) {
   }
   return columnsWidth;
 };
-var countColumnsFromChildren = function countColumnsFromChildren(element, columnsCount) {
-  var count = columnsCount;
+const countColumnsFromChildren = (element, columnsCount) => {
+  const count = columnsCount;
   if ( /*#__PURE__*/(0, _react.isValidElement)(element)) {
     var _element$props2;
     if (_lodash.default.isArray(element === null || element === void 0 ? void 0 : (_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.children)) {
-      var currentElement = element.props;
-      currentElement.children.forEach(function (child) {
-        return countColumnsFromChildren(child, count);
-      });
+      const currentElement = element.props;
+      currentElement.children.forEach(child => countColumnsFromChildren(child, count));
     } else if (element) {
       count.current += 1;
     }
   } else if (_lodash.default.isArray(element) && element.length > 0) {
-    element.forEach(function (child) {
-      return countColumnsFromChildren(child, count);
-    });
+    element.forEach(child => countColumnsFromChildren(child, count));
   }
 };
-var getColumnsCount = function getColumnsCount(children, columnsCount) {
+const getColumnsCount = (children, columnsCount) => {
   if (_lodash.default.isArray(children) && children.length > 0 && children[0].props) {
     countColumnsFromChildren(children[0].props.children, columnsCount);
   } else if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props && children.props.children) {
@@ -61,16 +56,19 @@ var getColumnsCount = function getColumnsCount(children, columnsCount) {
   }
   return columnsCount.current;
 };
-var Header = function Header(_ref) {
-  var customClass = _ref.customClass,
-    children = _ref.children;
-  var _useContext = (0, _react.useContext)(_helpers.default),
-    bodyScrollWidth = _useContext.bodyScrollWidth,
-    bodyScrollable = _useContext.bodyScrollable,
-    handlerSetColumnsWidth = _useContext.handlerSetColumnsWidth,
-    handlerSetColumnsCount = _useContext.handlerSetColumnsCount;
-  var columnsCount = (0, _react.useRef)(0);
-  (0, _react.useEffect)(function () {
+const Header = _ref => {
+  let {
+    customClass,
+    children
+  } = _ref;
+  const {
+    bodyScrollWidth,
+    bodyScrollable,
+    handlerSetColumnsWidth,
+    handlerSetColumnsCount
+  } = (0, _react.useContext)(_helpers.default);
+  const columnsCount = (0, _react.useRef)(0);
+  (0, _react.useEffect)(() => {
     if (children && handlerSetColumnsWidth && handlerSetColumnsCount) {
       handlerSetColumnsWidth(getColumnsWidth(children));
       handlerSetColumnsCount(getColumnsCount(children, columnsCount));
@@ -92,5 +90,4 @@ var Header = function Header(_ref) {
     className: "theader ".concat(customClass)
   }, children);
 };
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;

package/lib/table/HeaderColumn.d.ts

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

package/lib/table/HeaderColumn.js

@@ -1,41 +1,54 @@
 "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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _icons = _interopRequireDefault(require("../icons"));
 var _skeleton = _interopRequireDefault(require("../skeleton"));
 var _helpers = _interopRequireDefault(require("./helpers"));
-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; }
-var HeaderColumn = function HeaderColumn(_ref) {
-  var customClass = _ref.customClass,
-    style = _ref.style,
-    children = _ref.children,
-    textAlign = _ref.textAlign,
-    _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? true : _ref$visible,
-    id = _ref.id;
-  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;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const HeaderColumn = _ref => {
+  let {
+    customClass,
+    style,
+    children,
+    textAlign,
+    visible = true,
+    id,
+    rowSpan,
+    colSpan,
+    isMenuColumn = false
+  } = _ref;
+  const {
+    skeletonize,
+    vertical,
+    skeletonInHeader,
+    skeletonInRows = 10
+  } = (0, _react.useContext)(_helpers.default);
+  const getChildren = function () {
+    let childrenIsMenuColum = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    if (!childrenIsMenuColum) return children;
+    return /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "menu4",
+      size: 22
+    });
+  };
   if (!visible) return null;
   return /*#__PURE__*/_react.default.createElement("th", {
     id: id,
-    className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign),
+    rowSpan: rowSpan,
+    colSpan: colSpan,
+    className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(isMenuColumn && 'menu-column'),
     style: style
   }, skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {
     height: style && style.height ? undefined : 16,
     style: {
       marginBottom: 0
     }
-  }) : children);
+  }) : getChildren(isMenuColumn));
 };
-var _default = HeaderColumn;
-exports.default = _default;
+var _default = exports.default = HeaderColumn;

package/lib/table/Row.js

@@ -6,49 +6,47 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _helpers = _interopRequireWildcard(require("./helpers"));
-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 _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var Row = function Row(props) {
-  var customClass = props.customClass,
-    children = props.children,
-    rowId = props.rowId,
-    dataId = props.dataId,
-    _onClick = props.onClick,
-    height = props.height,
-    style = props.style,
-    onMouseEnter = props.onMouseEnter,
-    onMouseLeave = props.onMouseLeave,
-    _props$rowBorder = props.rowBorder,
-    rowBorder = _props$rowBorder === void 0 ? true : _props$rowBorder,
-    divider = props.divider,
-    dividerTitle = props.dividerTitle,
-    dividerStyle = props.dividerStyle,
-    _props$dividerColor = props.dividerColor,
-    dividerColor = _props$dividerColor === void 0 ? 'info' : _props$dividerColor,
-    _props$dividerColSpan = props.dividerColSpan,
-    dividerColSpan = _props$dividerColSpan === void 0 ? 2 : _props$dividerColSpan;
-  var _useContext = (0, _react.useContext)(_helpers.default),
-    selectedRowId = _useContext.selectedRowId,
-    handleSelectRow = _useContext.handleSelectRow,
-    handleTableRowClick = _useContext.handleTableRowClick,
-    handleTableColClick = _useContext.handleTableColClick,
-    vertical = _useContext.vertical,
-    skeletonize = _useContext.skeletonize,
-    _useContext$skeletonI = _useContext.skeletonInRows,
-    skeletonInRows = _useContext$skeletonI === void 0 ? 10 : _useContext$skeletonI;
-  var contextValues = {
-    dataId: dataId,
-    rowBorder: rowBorder,
-    handleTableColClick: handleTableColClick,
-    vertical: vertical,
-    skeletonize: skeletonize,
-    skeletonInRows: skeletonInRows
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const Row = props => {
+  const {
+    customClass,
+    children,
+    rowId,
+    dataId,
+    onClick,
+    height,
+    style,
+    onMouseEnter,
+    onMouseLeave,
+    rowBorder = true,
+    divider,
+    dividerTitle,
+    dividerStyle,
+    dividerColor = 'info',
+    dividerColSpan = 2
+  } = props;
+  const {
+    selectedRowId,
+    handleSelectRow,
+    handleTableRowClick,
+    handleTableColClick,
+    vertical,
+    skeletonize,
+    skeletonInRows = 10
+  } = (0, _react.useContext)(_helpers.default);
+  const contextValues = {
+    dataId,
+    rowBorder,
+    handleTableColClick,
+    vertical,
+    skeletonize,
+    skeletonInRows
   };
   return /*#__PURE__*/_react.default.createElement(_helpers.RowContext.Provider, {
     value: contextValues
@@ -56,14 +54,14 @@ var Row = function Row(props) {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     className: "trow ".concat(customClass, " ").concat(rowId && selectedRowId === rowId ? '-selected' : ''),
-    onClick: function onClick(e) {
+    onClick: e => {
       if (handleSelectRow && (rowId !== undefined || rowId !== null)) handleSelectRow(rowId);
       if (handleTableRowClick) handleTableRowClick(e, dataId);
-      if (_onClick) _onClick(e, dataId);
+      if (onClick) onClick(e, dataId);
     },
     id: rowId,
     style: _objectSpread(_objectSpread({}, style), {}, {
-      height: height
+      height
     })
   }, children) : /*#__PURE__*/_react.default.createElement("tr", {
     className: "trow trow-divider"
@@ -77,5 +75,4 @@ var Row = function Row(props) {
     style: dividerStyle
   }, dividerTitle || '')));
 };
-var _default = Row;
-exports.default = _default;
+var _default = exports.default = Row;

package/lib/table/RowColumn.js

@@ -7,20 +7,21 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("./helpers");
 var _skeleton = _interopRequireDefault(require("../skeleton"));
-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 _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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function getColClickEvent(event, _ref) {
-  var ignoreTableColClick = _ref.ignoreTableColClick,
-    handleTableColClick = _ref.handleTableColClick,
-    onClick = _ref.onClick,
-    dataId = _ref.dataId;
+  let {
+    ignoreTableColClick,
+    handleTableColClick,
+    onClick,
+    dataId
+  } = _ref;
   if (ignoreTableColClick) return undefined;
   if (onClick) {
     return onClick(event, dataId);
@@ -29,28 +30,29 @@ function getColClickEvent(event, _ref) {
   }
   return undefined;
 }
-var displayClass = {
+const displayClass = {
   never: 'hidden',
   onRowHover: 'rowhover'
 };
-var RowColumn = function RowColumn(props) {
-  var customClass = props.customClass,
-    style = props.style,
-    _props$displayContent = props.displayContent,
-    displayContent = _props$displayContent === void 0 ? 'always' : _props$displayContent,
-    textAlign = props.textAlign,
-    _props$visible = props.visible,
-    visible = _props$visible === void 0 ? true : _props$visible,
-    rowSpan = props.rowSpan,
-    colSpan = props.colSpan;
-  var context = (0, _react.useContext)(_helpers.RowContext);
-  var skeletonize = context.skeletonize,
-    vertical = context.vertical,
-    _context$skeletonInRo = context.skeletonInRows,
-    skeletonInRows = _context$skeletonInRo === void 0 ? 10 : _context$skeletonInRo;
-  var hiddenContent = displayContent !== 'always';
-  var childrenProps = props.children;
-  var renderContent = function renderContent() {
+const RowColumn = props => {
+  const {
+    customClass,
+    style,
+    displayContent = 'always',
+    textAlign,
+    visible = true,
+    rowSpan,
+    colSpan,
+    children
+  } = props;
+  const context = (0, _react.useContext)(_helpers.RowContext);
+  const {
+    skeletonize,
+    vertical,
+    skeletonInRows = 10
+  } = context;
+  const hiddenContent = displayContent !== 'always';
+  const renderContent = (0, _react.useCallback)(() => {
     if (skeletonize && vertical) {
       return /*#__PURE__*/_react.default.createElement(_skeleton.default, {
         height: 16,
@@ -61,8 +63,8 @@ var RowColumn = function RowColumn(props) {
     }
     return hiddenContent && displayContent ? /*#__PURE__*/_react.default.createElement("span", {
       className: displayClass[displayContent]
-    }, childrenProps) : childrenProps;
-  };
+    }, children) : children;
+  }, [skeletonize, vertical, children, displayContent, hiddenContent, displayClass]);
   if (!visible) return null;
   if (skeletonize && !skeletonInRows && !vertical) return null;
   return /*#__PURE__*/_react.default.createElement("td", {
@@ -70,12 +72,9 @@ var RowColumn = function RowColumn(props) {
     colSpan: colSpan,
     className: "rowcolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(!context.rowBorder && ' -noborder', " ").concat(!rowSpan ? ' -norowspan' : ''),
     style: style,
-    onClick: function onClick(e) {
-      getColClickEvent(e, _objectSpread(_objectSpread({}, context), props));
-    },
+    onClick: e => getColClickEvent(e, _objectSpread(_objectSpread({}, context), props)),
     role: "presentation",
     tabIndex: -1
   }, renderContent());
 };
-var _default = RowColumn;
-exports.default = _default;
+var _default = exports.default = RowColumn;

package/lib/table/helpers.js

@@ -5,17 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getArrayFromNumber = exports.default = exports.RowContext = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var TableContext = /*#__PURE__*/_react.default.createContext({});
-var RowContext = /*#__PURE__*/_react.default.createContext({});
-exports.RowContext = RowContext;
-var getArrayFromNumber = function getArrayFromNumber(number) {
-  return Array.from({
-    length: number
-  }, function (_, i) {
-    return i + 1;
-  });
-};
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TableContext = /*#__PURE__*/_react.default.createContext({});
+const RowContext = exports.RowContext = /*#__PURE__*/_react.default.createContext({});
+const getArrayFromNumber = number => Array.from({
+  length: number
+}, (_, i) => i + 1);
 exports.getArrayFromNumber = getArrayFromNumber;
-var _default = TableContext;
-exports.default = _default;
+var _default = exports.default = TableContext;