@kdcloudjs/table 1.2.1-canary.6 → 1.2.1-canary.7

package/es/table/base/header.js

@@ -8,48 +8,34 @@ import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instan
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
 import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { var _context6; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context6 = Object.prototype.toString.call(o)).call(_context6, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { var _context6; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty(_context6 = {}.toString.call(r)).call(_context6, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import cx from 'classnames';
 import React from 'react';
 import { getTreeDepth, isLeafNode } from '../utils';
 import { Classes } from './styles';
-
 function range(n) {
   var array = [];
-
   for (var i = 0; i < n; i++) {
     array.push(i);
   }
-
   return array;
 }
 /** 根据当前横向虚拟滚动 对 nested.center 进行过滤，结果只保留当前视野内可见的那些列配置 */
-
-
 function filterNestedCenter(centerNested, hoz, leftFlatCount) {
   return dfs(centerNested, leftFlatCount).filtered;
-
   function dfs(cols, startColIndex) {
     var leafCount = 0;
     var filtered = [];
-
     var _iterator = _createForOfIteratorHelper(cols),
-        _step;
-
+      _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var col = _step.value;
         var colIndex = startColIndex + leafCount;
-
         if (isLeafNode(col)) {
           leafCount += 1;
-
           if (leftFlatCount + hoz.leftIndex <= colIndex && colIndex < leftFlatCount + hoz.rightIndex) {
             filtered.push({
               colIndex: colIndex,
@@ -59,7 +45,6 @@ function filterNestedCenter(centerNested, hoz, leftFlatCount) {
         } else {
           var dfsRes = dfs(col.children, colIndex);
           leafCount += dfsRes.leafCount;
-
           if (dfsRes.filtered.length > 0) {
             filtered.push({
               colIndex: colIndex,
@@ -74,7 +59,6 @@ function filterNestedCenter(centerNested, hoz, leftFlatCount) {
     } finally {
       _iterator.f();
     }
-
     return {
       filtered: filtered,
       leafCount: leafCount
@@ -82,28 +66,21 @@ function filterNestedCenter(centerNested, hoz, leftFlatCount) {
   }
 }
 /** 根据输入的 nested 列配置，算出相应的 leveled & flat 配置方便渲染 */
-
-
 function calculateLeveledAndFlat(inputNested, rowCount) {
   var leveled = [];
-
   for (var depth = 0; depth < rowCount; depth++) {
     leveled.push([]);
   }
-
   var flat = [];
   dfs(inputNested, 0);
   return {
     flat: flat,
     leveled: leveled
   };
-
   function dfs(input, depth) {
     var leafCount = 0;
-
     for (var i = 0; i < input.length; i++) {
       var indexedCol = input[i];
-
       if (isLeafNode(indexedCol)) {
         leafCount += 1;
         var wrapped = {
@@ -119,7 +96,6 @@ function calculateLeveledAndFlat(inputNested, rowCount) {
       } else {
         var dfsRes = dfs(indexedCol.children, depth + 1);
         leafCount += dfsRes.leafCount;
-
         if (dfsRes.leafCount > 0) {
           leveled[depth].push({
             type: 'normal',
@@ -132,26 +108,20 @@ function calculateLeveledAndFlat(inputNested, rowCount) {
         }
       }
     }
-
     return {
       leafCount: leafCount
     };
   }
 }
 /** 包装列配置，附加上 colIndex 属性 */
-
-
 function attachColIndex(inputNested, colIndexOffset) {
   return dfs(inputNested, colIndexOffset).result;
-
   function dfs(input, startColIndex) {
     var result = [];
     var leafCount = 0;
-
     for (var i = 0; i < input.length; i++) {
       var col = input[i];
       var colIndex = startColIndex + leafCount;
-
       if (isLeafNode(col)) {
         leafCount += 1;
         result.push({
@@ -161,7 +131,6 @@ function attachColIndex(inputNested, colIndexOffset) {
       } else {
         var sub = dfs(col.children, colIndex);
         leafCount += sub.leafCount;
-
         if (sub.leafCount > 0) {
           result.push({
             col: col,
@@ -171,7 +140,6 @@ function attachColIndex(inputNested, colIndexOffset) {
         }
       }
     }
-
     return {
       result: result,
       leafCount: leafCount
@@ -179,17 +147,13 @@ function attachColIndex(inputNested, colIndexOffset) {
   }
 }
 /** 计算用于渲染表头的数据结构 */
-
-
 function calculateHeaderRenderInfo(_ref, rowCount) {
   var flat = _flatInstanceProperty(_ref),
-      nested = _ref.nested,
-      hoz = _ref.horizontalRenderRange,
-      useVirtual = _ref.useVirtual;
-
+    nested = _ref.nested,
+    hoz = _ref.horizontalRenderRange,
+    useVirtual = _ref.useVirtual;
   if (useVirtual.header) {
     var _context, _context2;
-
     var leftPart = calculateLeveledAndFlat(attachColIndex(nested.left, 0), rowCount);
     var filtered = filterNestedCenter(nested.center, hoz, flat.left.length);
     var centerPart = calculateLeveledAndFlat(filtered, rowCount);
@@ -206,7 +170,6 @@ function calculateHeaderRenderInfo(_ref, rowCount) {
       }], _toConsumableArray(_flatInstanceProperty(rightPart))),
       leveled: _mapInstanceProperty(_context2 = range(rowCount)).call(_context2, function (depth) {
         var _context3;
-
         return _concatInstanceProperty(_context3 = []).call(_context3, _toConsumableArray(leftPart.leveled[depth]), [{
           type: 'blank',
           width: hoz.leftBlank,
@@ -219,36 +182,27 @@ function calculateHeaderRenderInfo(_ref, rowCount) {
       })
     };
   }
-
   return calculateLeveledAndFlat(attachColIndex(nested.full, 0), rowCount);
 }
-
 export default function TableHeader(_ref2) {
   var _context4, _context5;
-
   var info = _ref2.info,
-      theaderPosition = _ref2.theaderPosition,
-      _rowCount = _ref2.rowCount,
-      stickyRightOffset = _ref2.stickyRightOffset;
-
+    theaderPosition = _ref2.theaderPosition,
+    _rowCount = _ref2.rowCount,
+    stickyRightOffset = _ref2.stickyRightOffset;
   var nested = info.nested,
-      flat = _flatInstanceProperty(info),
-      stickyLeftMap = info.stickyLeftMap,
-      stickyRightMap = info.stickyRightMap;
-
+    flat = _flatInstanceProperty(info),
+    stickyLeftMap = info.stickyLeftMap,
+    stickyRightMap = info.stickyRightMap;
   var rowCount = _rowCount !== null && _rowCount !== void 0 ? _rowCount : getTreeDepth(nested.full) + 1;
   var headerRenderInfo = calculateHeaderRenderInfo(info, rowCount);
   var fullFlatCount = flat.full.length;
   var leftFlatCount = flat.left.length;
   var rightFlatCount = flat.right.length;
-
   var thead = _mapInstanceProperty(_context4 = headerRenderInfo.leveled).call(_context4, function (wrappedCols, level) {
-    var _cx2;
-
-    var _wrappedCols = _concatInstanceProperty(wrappedCols).call(wrappedCols); // 左中右区域渲染，分组列可能单独位于一个区域，此时其他区域也需要适配分组的高度
+    var _wrappedCols = _concatInstanceProperty(wrappedCols).call(wrappedCols);
+    // 左中右区域渲染，分组列可能单独位于一个区域，此时其他区域也需要适配分组的高度
     // rowspan 需要空白的列头去占位, 需要补充额外的空白列头
-
-
     if (rowCount > 1 && ['left', 'right'].indexOf(theaderPosition) > -1) {
       _wrappedCols.push({
         type: 'blank',
@@ -257,34 +211,28 @@ export default function TableHeader(_ref2) {
         isPlacehoder: true
       });
     }
-
     var headerCells = _mapInstanceProperty(_wrappedCols).call(_wrappedCols, function (wrapped, index) {
       var _a, _b, _c;
-
       if (wrapped.type === 'normal') {
-        var _cx;
-
         var colIndex = wrapped.colIndex,
-            colSpan = wrapped.colSpan,
-            isLeaf = wrapped.isLeaf,
-            col = wrapped.col;
+          colSpan = wrapped.colSpan,
+          isLeaf = wrapped.isLeaf,
+          col = wrapped.col;
         var headerCellProps = (_a = col.headerCellProps) !== null && _a !== void 0 ? _a : {};
         var positionStyle = {};
-
         if (colIndex < leftFlatCount) {
           positionStyle.position = 'sticky';
           positionStyle.left = stickyLeftMap.get(colIndex);
         } else if (colIndex >= fullFlatCount - rightFlatCount) {
           positionStyle.position = 'sticky';
           var stickyRightIndex = colSpan > 1 ? colIndex + colSpan - 1 : colIndex;
-          positionStyle.right = stickyRightMap.get(stickyRightIndex) + stickyRightOffset;
+          positionStyle.right = stickyRightMap.get(stickyRightIndex) + (typeof stickyRightOffset === 'number' ? stickyRightOffset : 0);
         }
-
         var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
         var cell = /*#__PURE__*/React.createElement("th", _extends({
           key: colIndex
         }, headerCellProps, {
-          className: cx(Classes.tableHeaderCell, headerCellProps.className, (_cx = {}, _defineProperty(_cx, Classes.first, colIndex === 0), _defineProperty(_cx, Classes.last, colIndex + colSpan === fullFlatCount), _defineProperty(_cx, Classes.lockLeft, colIndex < leftFlatCount || theaderPosition === 'left'), _defineProperty(_cx, Classes.lockRight, colIndex >= fullFlatCount - rightFlatCount || theaderPosition === 'right'), _defineProperty(_cx, Classes.leaf, wrapped.isLeaf), _cx)),
+          className: cx(Classes.tableHeaderCell, headerCellProps.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, Classes.first, colIndex === 0), Classes.last, colIndex + colSpan === fullFlatCount), Classes.lockLeft, colIndex < leftFlatCount || theaderPosition === 'left'), Classes.lockRight, colIndex >= fullFlatCount - rightFlatCount || theaderPosition === 'right'), Classes.leaf, wrapped.isLeaf)),
           colSpan: colSpan,
           rowSpan: isLeaf ? rowCount - level : undefined,
           style: _extends(_extends({
@@ -312,13 +260,11 @@ export default function TableHeader(_ref2) {
         }
       }
     });
-
     return /*#__PURE__*/React.createElement("tr", {
       key: level,
-      className: cx(Classes.tableHeaderRow, (_cx2 = {}, _defineProperty(_cx2, Classes.first, level === 0), _defineProperty(_cx2, Classes.last, level === rowCount - 1), _cx2))
+      className: cx(Classes.tableHeaderRow, _defineProperty(_defineProperty({}, Classes.first, level === 0), Classes.last, level === rowCount - 1))
     }, headerCells);
   });
-
   var colgroup = _mapInstanceProperty(_context5 = _flatInstanceProperty(headerRenderInfo)).call(_context5, function (wrapped) {
     if (wrapped.type === 'blank') {
       if (wrapped.width > 0) {
@@ -340,6 +286,5 @@ export default function TableHeader(_ref2) {
       });
     }
   });
-
   return /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("colgroup", null, colgroup), /*#__PURE__*/React.createElement("thead", null, thead));
 }

package/es/table/base/helpers/SpanManager.js

@@ -1,25 +1,22 @@
 import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
 import _createClass from "@babel/runtime-corejs3/helpers/createClass";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-
 /** 在表格的单元格的渲染过程中，先渲染的单元格的 colSpan/rowSpan 会影响到后续单元格是否被渲染
  * `SpanManager` 会在内部维护一份状态来记录最近渲染单元格的 colSpan/rowSpan，
  * 方便后续的单元格快速判断 "是否需要跳过渲染" */
 var SpanManager = /*#__PURE__*/function () {
   function SpanManager() {
     _classCallCheck(this, SpanManager);
-
     this.rects = [];
   }
-
-  _createClass(SpanManager, [{
+  return _createClass(SpanManager, [{
     key: "testSkip",
     value: function testSkip(rowIndex, colIndex) {
       return this.rects.some(function (_ref) {
         var left = _ref.left,
-            right = _ref.right,
-            top = _ref.top,
-            bottom = _ref.bottom;
+          right = _ref.right,
+          top = _ref.top,
+          bottom = _ref.bottom;
         return left <= colIndex && colIndex < right && top <= rowIndex && rowIndex < bottom;
       });
     }
@@ -27,7 +24,6 @@ var SpanManager = /*#__PURE__*/function () {
     key: "stripUpwards",
     value: function stripUpwards(rowIndex) {
       var _context;
-
       this.rects = _filterInstanceProperty(_context = this.rects).call(_context, function (rect) {
         return rect.bottom > rowIndex;
       });
@@ -43,8 +39,5 @@ var SpanManager = /*#__PURE__*/function () {
       });
     }
   }]);
-
-  return SpanManager;
 }();
-
 export { SpanManager as default };

package/es/table/base/helpers/TableDOMUtils.js

@@ -3,7 +3,8 @@ import _createClass from "@babel/runtime-corejs3/helpers/createClass";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-import { Classes } from '../styles'; // 表格 DOM 结构
+import { Classes } from '../styles';
+// 表格 DOM 结构
 // div.art-table-wrapper
 // └── div.art-loading-wrapper
 //     ├── div.art-loading-indicator-wrapper
@@ -40,48 +41,37 @@ import { Classes } from '../styles'; // 表格 DOM 结构
 // 在「可能存在嵌套表格」的情况下，我们可以采用以下的方式来避免「querySelector 不小心获取到了的嵌套表格上的元素」：
 //  artTable.querySelector('.art-lock-shadow-mask .art-left-lock-shadow')
 // 表格 DOM 结构辅助工具
-
 export var TableDOMHelper = /*#__PURE__*/function () {
   function TableDOMHelper(artTableWrapper) {
     var _this = this,
-        _context2,
-        _context3;
-
+      _context2,
+      _context3;
     _classCallCheck(this, TableDOMHelper);
-
     this.getRowNodeListByEvent = function (e) {
       var nodeList = null;
       var rowIndex = e.currentTarget.dataset.rowindex;
-
       if (rowIndex !== undefined) {
         var targetParent = _this.tableBody.contains(e.currentTarget) ? _this.tableBody : _this.tableFooter;
         nodeList = targetParent.querySelectorAll("tr[data-rowindex=\"".concat(rowIndex, "\"]"));
       }
-
       return nodeList;
     };
-
     this.getInRangeRowByCellEvent = function (e) {
       var _context;
-
       var _a;
-
-      var getParentNode = function getParentNode(ele, target) {
+      var _getParentNode = function getParentNode(ele, target) {
         if (ele.parentNode.nodeName === target) {
           return ele.parentNode;
         }
-
-        return getParentNode(ele.parentNode, target);
+        return _getParentNode(ele.parentNode, target);
       };
-
       e = e instanceof Array ? e[0] : e;
       var curCell = e === null || e === void 0 ? void 0 : e.currentTarget;
-      var curRow = getParentNode(curCell, 'TR');
+      var curRow = _getParentNode(curCell, 'TR');
       var curRowSpan = parseInt(e.currentTarget.getAttribute('rowspan')) || 1;
-      var rows = (_a = getParentNode(curCell, 'TABLE')) === null || _a === void 0 ? void 0 : _a.rows;
+      var rows = (_a = _getParentNode(curCell, 'TABLE')) === null || _a === void 0 ? void 0 : _a.rows;
       return _sliceInstanceProperty(_context = _Array$from(rows)).call(_context, curRow.rowIndex, curRow.rowIndex + curRowSpan);
     };
-
     this.artTableWrapper = artTableWrapper;
     this.artTable = artTableWrapper.querySelector(".".concat(Classes.artTable));
     this.tableHeader = this.artTable.querySelector(".".concat(Classes.tableHeader));
@@ -91,16 +81,12 @@ export var TableDOMHelper = /*#__PURE__*/function () {
     this.tableElement = this.artTable.querySelector(".".concat(Classes.tableBody, " table"));
     this.tableFooter = this.artTable.querySelector(".".concat(Classes.tableFooter));
     this.tableFooterMain = this.artTable.querySelector(".".concat(Classes.tableFooterMain));
-
     var stickyScrollSelector = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = ".".concat(Classes.artTable, " + .")).call(_context3, Classes.horizontalStickyScrollContainer, " .")).call(_context2, Classes.stickyScroll);
-
     var stickyScrolls = artTableWrapper.querySelectorAll(stickyScrollSelector);
     this.stickyScroll = stickyScrolls[stickyScrolls.length - 1]; // 当嵌套多层表格时，需要查找最后一个，否则会查找到父表格内嵌套的子表格的
-
     this.stickyScrollItem = this.stickyScroll.querySelector(".".concat(Classes.stickyScrollItem));
   }
-
-  _createClass(TableDOMHelper, [{
+  return _createClass(TableDOMHelper, [{
     key: "getVirtualTop",
     value: function getVirtualTop() {
       return this.tableBody.querySelector(".".concat(Classes.virtualBlank, ".top"));
@@ -109,7 +95,6 @@ export var TableDOMHelper = /*#__PURE__*/function () {
     key: "getTableRows",
     value: function getTableRows() {
       var _context4;
-
       var tbody = this.artTable.querySelector(_concatInstanceProperty(_context4 = ".".concat(Classes.tableBody, " .")).call(_context4, Classes.virtual, " table tbody"));
       return tbody.childNodes;
     }
@@ -117,16 +102,13 @@ export var TableDOMHelper = /*#__PURE__*/function () {
     key: "getTableBodyHtmlTable",
     value: function getTableBodyHtmlTable() {
       var _context5;
-
       return this.artTable.querySelector(_concatInstanceProperty(_context5 = ".".concat(Classes.tableBody, " .")).call(_context5, Classes.virtual, " table"));
     }
   }, {
     key: "getLeftLockShadow",
     value: function getLeftLockShadow() {
       var _context6;
-
       var selector = _concatInstanceProperty(_context6 = ".".concat(Classes.lockShadowMask, " .")).call(_context6, Classes.leftLockShadow);
-
       var allLeftLockShadow = this.artTable.querySelectorAll(selector);
       return allLeftLockShadow[allLeftLockShadow.length - 1]; // 当table-body、table-footer嵌套多层表格时，需要查找最后一个，否则会查找到嵌套表格的
     }
@@ -134,9 +116,7 @@ export var TableDOMHelper = /*#__PURE__*/function () {
     key: "getRightLockShadow",
     value: function getRightLockShadow() {
       var _context7;
-
       var selector = _concatInstanceProperty(_context7 = ".".concat(Classes.lockShadowMask, " .")).call(_context7, Classes.rightLockShadow);
-
       var allRightLockShadow = this.artTable.querySelectorAll(selector);
       return allRightLockShadow[allRightLockShadow.length - 1]; // 当table-body、table-footer嵌套多层表格时，需要查找最后一个，否则会查找到嵌套表格的
     }
@@ -149,17 +129,12 @@ export var TableDOMHelper = /*#__PURE__*/function () {
     key: "getRowTop",
     value: function getRowTop(rowIndex) {
       var _context8, _context9;
-
       if (rowIndex === 0) return 0;
-
       var selector = _concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = ".".concat(Classes.tableBody, " .")).call(_context9, Classes.tableRow, "[data-rowindex=\"")).call(_context8, rowIndex, "\"]");
-
       var row = this.artTable.querySelector(selector);
       var rowOffsetTop = row && row.offsetTop || 0;
       var tableOffsetTop = this.tableElement.offsetTop || 0;
       return rowOffsetTop + tableOffsetTop;
     }
   }]);
-
-  return TableDOMHelper;
 }();

package/es/table/base/helpers/__test__/SpanManager.test.js

@@ -8,8 +8,8 @@ describe("".concat(NAME), function () {
   });
   it('test skip', function () {
     // 第二行，第一列跳过渲染
-    expect(spanManager.testSkip(1, 0)).toBe(true); // 第四行，第一列不跳过渲染
-
+    expect(spanManager.testSkip(1, 0)).toBe(true);
+    // 第四行，第一列不跳过渲染
     expect(spanManager.testSkip(3, 0)).toBe(false);
   });
   it('strip upwards span info', function () {

package/es/table/base/helpers/__test__/TableDOMUtils.test.js

@@ -7,7 +7,6 @@ describe("".concat(NAME), function () {
   var container;
   beforeAll(function () {
     var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17;
-
     container = document.createElement('div');
     container.innerHTML = _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = _concatInstanceProperty(_context6 = _concatInstanceProperty(_context7 = _concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = _concatInstanceProperty(_context10 = _concatInstanceProperty(_context11 = _concatInstanceProperty(_context12 = _concatInstanceProperty(_context13 = _concatInstanceProperty(_context14 = _concatInstanceProperty(_context15 = _concatInstanceProperty(_context16 = _concatInstanceProperty(_context17 = "<div class='".concat(Classes.artTableWrapper, "'>\n          <div class='")).call(_context17, Classes.loadingWrapper, "'>\n              <div class='")).call(_context16, Classes.loadingIndicatorWrapper, "'>\n                <div class='")).call(_context15, Classes.loadingIndicator, "'></div>\n              </div>     \n              <div class='")).call(_context14, Classes.loadingContentWrapper, "'>\n                <div class='")).call(_context13, Classes.artTable, "'>\n                  <div class='")).call(_context12, Classes.tableHeader, "'>\n                    \n                  </div>\n                  <div class='")).call(_context11, Classes.tableBody, "'>\n                    <div class='")).call(_context10, Classes.virtual, "'>\n                      <div class='")).call(_context9, Classes.virtualBlank, " top'></div>\n                      <table></table>\n                      <div class='")).call(_context8, Classes.virtualBlank, " bottom'></div>\n                    </div>                   \n                  </div>\n                  <div class='")).call(_context7, Classes.tableFooter, "'>\n                  </div>\n                  <div class='")).call(_context6, Classes.lockShadowMask, "'>\n                    <div class='")).call(_context5, Classes.leftLockShadow, "'></div>\n                  </div>\n                  <div class='")).call(_context4, Classes.lockShadowMask, "'>\n                    <div class='")).call(_context3, Classes.rightLockShadow, "'></div>\n                  </div>\n                </div>\n                <div class='")).call(_context2, Classes.stickyScroll, "'>\n                  <div class='")).call(_context, Classes.stickyScrollItem, "'></div>\n                </div>\n              </div>    \n          </div>        \n      </div>");
     tableDOMHelper = new TableDOMHelper(container.querySelector(".".concat(Classes.artTableWrapper)));