@heathmont/moon-table - npm Package Compare versions

Comparing version 2.57.2 to 2.58.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# [2.58.0](https://github.com/coingaming/sportsbet-design/compare/v2.57.2...v2.58.0) (2021-01-05)
+
+
+### Bug Fixes
+
+* add header row with position relative to fix scroll in safari and firefox ([663f926](https://github.com/coingaming/sportsbet-design/commit/663f9269eb87e8d543a30f0a0ce702794ae417c3))
+
+
+
+
+
 ## [2.57.2](https://github.com/coingaming/sportsbet-design/compare/v2.57.1...v2.57.2) (2020-12-18)
@@ -8,0 +19,0 @@

lib/es/Table.js

@@ -221,2 +221,8 @@ 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 HiddenTH = styled.div.withConfig({
+  displayName: "Table__HiddenTH",
+  componentId: "dtfnxs-7"
+})({
+  height: '1px'
+});
 
@@ -243,2 +249,4 @@ var Table = function Table(_ref7) {
 
+  var lastHeaderGroup = headerGroups[headerGroups.length - 1];
+
   var _useState = useState(false),
@@ -279,3 +287,9 @@ _useState2 = _slicedToArray(_useState, 2),
     }));
-  })), /*#__PURE__*/React.createElement(Body, getTableBodyProps(), rows.map(function (row) {
+  }), /*#__PURE__*/React.createElement("div", lastHeaderGroup.getHeaderGroupProps(), lastHeaderGroup.headers.map(function (column) {
+    return /*#__PURE__*/React.createElement(HiddenTH, _extends({}, column.getHeaderProps(), {
+      style: _objectSpread(_objectSpread({}, column.getHeaderProps().style), {}, {
+        position: 'relative'
+      })
+    }));
+  }))), /*#__PURE__*/React.createElement(Body, getTableBodyProps(), rows.map(function (row) {
     prepareRow(row);
@@ -282,0 +296,0 @@ return /*#__PURE__*/React.createElement(BodyTR, row.getRowProps(), row.cells.map(function (cell) {

lib/Table.js

@@ -249,2 +249,9 @@ "use strict";
 
+var HiddenTH = _styledComponents["default"].div.withConfig({
+  displayName: "Table__HiddenTH",
+  componentId: "dtfnxs-7"
+})({
+  height: '1px'
+});
+
 var Table = function Table(_ref7) {
@@ -270,2 +277,4 @@ var columns = _ref7.columns,
 
+  var lastHeaderGroup = headerGroups[headerGroups.length - 1];
+
   var _useState = (0, _react.useState)(false),
@@ -306,3 +315,9 @@ _useState2 = _slicedToArray(_useState, 2),
     }));
-  })), /*#__PURE__*/_react["default"].createElement(Body, getTableBodyProps(), rows.map(function (row) {
+  }), /*#__PURE__*/_react["default"].createElement("div", lastHeaderGroup.getHeaderGroupProps(), lastHeaderGroup.headers.map(function (column) {
+    return /*#__PURE__*/_react["default"].createElement(HiddenTH, _extends({}, column.getHeaderProps(), {
+      style: _objectSpread(_objectSpread({}, column.getHeaderProps().style), {}, {
+        position: 'relative'
+      })
+    }));
+  }))), /*#__PURE__*/_react["default"].createElement(Body, getTableBodyProps(), rows.map(function (row) {
     prepareRow(row);
@@ -309,0 +324,0 @@ return /*#__PURE__*/_react["default"].createElement(BodyTR, row.getRowProps(), row.cells.map(function (cell) {

package.json

 {
   "name": "@heathmont/moon-table",
   "sideEffects": false,
-  "version": "2.57.2",
+  "version": "2.58.0",
   "files": [
@@ -18,3 +18,3 @@ "lib"
   "dependencies": {
-    "@heathmont/moon-components": "^2.57.2",
+    "@heathmont/moon-components": "^2.58.0",
     "@heathmont/moon-themes": "^2.57.2",
@@ -36,3 +36,3 @@ "@heathmont/moon-utils": "^2.57.2",
   },
-  "gitHead": "99aeffc1daf7c310c973b6f9545b436f6417955b"
+  "gitHead": "1cb37831d3e09a75c34a6417d707505ac76a78dc"
 }

No alert changes

Improved metrics

Total package byte prevSize

64682

increased by5.29%

Lines of code

627

increased by4.33%

Dependency changes

• Updated@heathmont/moon-components@^2.58.0