@stokr/components-library 2.3.36 → 2.3.37
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.
|
@@ -53,9 +53,11 @@ var ReactTableWrapper = function ReactTableWrapper(props) {
|
|
|
53
53
|
return {
|
|
54
54
|
Header: column.label,
|
|
55
55
|
accessor: column.key
|
|
56
|
+
//totalWidth: 50, // column.width,
|
|
56
57
|
};
|
|
57
58
|
});
|
|
58
59
|
};
|
|
60
|
+
|
|
59
61
|
var memoizedColumns = _react.default.useMemo(function () {
|
|
60
62
|
return makeNewColumns(props.columns);
|
|
61
63
|
}, []);
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.ReactTableWrapper = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _ReactTable = _interopRequireDefault(require("./ReactTable"));
|
|
9
|
+
var _Table = require("./Table.styles");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
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); }
|
|
12
|
+
var ReactTableWrapper = function ReactTableWrapper(props) {
|
|
13
|
+
var makeNewColumns = function makeNewColumns(data) {
|
|
14
|
+
return data === null || data === void 0 ? void 0 : data.map(function (column) {
|
|
15
|
+
if (column.key === 'dropdown' || column.accessor === 'dropdown') {
|
|
16
|
+
return {
|
|
17
|
+
Header: function Header() {
|
|
18
|
+
return null;
|
|
19
|
+
},
|
|
20
|
+
id: column.key,
|
|
21
|
+
Cell: function Cell(_ref) {
|
|
22
|
+
var row = _ref.row;
|
|
23
|
+
return (
|
|
24
|
+
/*#__PURE__*/
|
|
25
|
+
// Use Cell to render an expander for dropdown cell.
|
|
26
|
+
// We can use the getToggleRowExpandedProps prop-getter
|
|
27
|
+
// to build the expander. (moved to the whole row to make it easier to click)
|
|
28
|
+
_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Table.TableDropdownIcon, {
|
|
29
|
+
isActive: row.isExpanded
|
|
30
|
+
}))
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
return {
|
|
36
|
+
Header: column.label,
|
|
37
|
+
accessor: column.key
|
|
38
|
+
};
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
var memoizedColumns = _react.default.useMemo(function () {
|
|
42
|
+
return makeNewColumns(props.columns);
|
|
43
|
+
}, []);
|
|
44
|
+
var memoizedData = _react.default.useMemo(function () {
|
|
45
|
+
return props.data;
|
|
46
|
+
}, []);
|
|
47
|
+
var memoizedSubColumns = _react.default.useMemo(function () {
|
|
48
|
+
return makeNewColumns(props.subColumns);
|
|
49
|
+
}, []);
|
|
50
|
+
return /*#__PURE__*/_react.default.createElement(_ReactTable.default, _extends({
|
|
51
|
+
columns: memoizedColumns,
|
|
52
|
+
data: memoizedData,
|
|
53
|
+
subColumns: memoizedSubColumns,
|
|
54
|
+
blue: props.blue,
|
|
55
|
+
withSubTable: props.withSubTable,
|
|
56
|
+
calculateSubData: props.calculateSubData,
|
|
57
|
+
noPagination: props.noPagination
|
|
58
|
+
}, props));
|
|
59
|
+
};
|
|
60
|
+
exports.ReactTableWrapper = ReactTableWrapper;
|
|
61
|
+
var _default = ReactTableWrapper;
|
|
62
|
+
exports.default = _default;
|