@symply.io/basic-components 1.1.3 → 1.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -31,7 +31,7 @@ function TableFooter(props) {
31
31
  return [[], footers, []];
32
32
  }
33
33
  }, [isUpMd, noData, footers]), fixedLeftFooters = _a[0], dynamicFooters = _a[1], fixedRightFooters = _a[2];
34
- return (_jsx(Footer, { children: _jsxs(TableRow, __assign({ sx: { backgroundColor: "#eaf0f6" } }, { children: [fixedLeftFooters.map(function (footer, index) {
34
+ return (_jsx(Footer, __assign({ sx: { position: "sticky", bottom: "-1px", zIndex: 20 } }, { children: _jsxs(TableRow, __assign({ sx: { backgroundColor: "#eaf0f6" } }, { children: [fixedLeftFooters.map(function (footer, index) {
35
35
  var accessor = footer.accessor, Cell = footer.Cell, _a = footer.align, align = _a === void 0 ? "center" : _a, width = footer.width;
36
36
  var left = fixedLeftFooters
37
37
  .slice(0, index)
@@ -90,6 +90,6 @@ function TableFooter(props) {
90
90
  }
91
91
  : undefined
92
92
  } }, { children: cloneElement(Cell) }), accessor));
93
- })] })) }));
93
+ })] })) })));
94
94
  }
95
95
  export default TableFooter;
@@ -31,7 +31,7 @@ function TableHeader(props) {
31
31
  return [[], headers, []];
32
32
  }
33
33
  }, [isUpMd, noData, headers]), fixedLeftHeaders = _a[0], dynamicHeaders = _a[1], fixedRightHeaders = _a[2];
34
- return (_jsx(TableHead, { children: _jsxs(TableRow, __assign({ sx: { backgroundColor: "#eaf0f6" } }, { children: [fixedLeftHeaders.map(function (header, index) {
34
+ return (_jsx(TableHead, __assign({ sx: { position: "sticky", top: 0, zIndex: 20 } }, { children: _jsxs(TableRow, __assign({ sx: { backgroundColor: "#eaf0f6" } }, { children: [fixedLeftHeaders.map(function (header, index) {
35
35
  var accessor = header.accessor, Cell = header.Cell, _a = header.align, align = _a === void 0 ? "center" : _a, width = header.width, title = header.title, _b = header.sortable, sortable = _b === void 0 ? false : _b, onSort = header.onSort;
36
36
  var left = fixedLeftHeaders
37
37
  .slice(0, index)
@@ -99,6 +99,6 @@ function TableHeader(props) {
99
99
  }, onClick: function () {
100
100
  onSort({ accessor: accessor });
101
101
  } }, { children: cloneElement(Cell) }), accessor));
102
- })] })) }));
102
+ })] })) })));
103
103
  }
104
104
  export default TableHeader;
@@ -47,6 +47,7 @@ function DataTable(props) {
47
47
  window.removeEventListener("scroll", onProcessShadowVisible);
48
48
  }; }, [onProcessShadowVisible]);
49
49
  return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsx(TableContainer, __assign({ ref: tableRef, onScroll: onProcessShadowVisible, sx: {
50
+ maxHeight: "inherit",
50
51
  borderWidth: "thin",
51
52
  borderColor: "#e5e5e5",
52
53
  borderStyle: "solid",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@symply.io/basic-components",
3
- "version": "1.1.3",
3
+ "version": "1.1.4",
4
4
  "description": "Basic and reusable components for all frontend of Symply apps",
5
5
  "keywords": [
6
6
  "react",