@stokr/components-library 2.3.36-beta.2 → 2.3.36-beta.3
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.
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.ReactTable = ReactTable;
|
|
8
|
-
exports.default =
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _reactTable = require("react-table");
|
|
11
11
|
var _Table = require("./Table.styles");
|
|
@@ -14,6 +14,7 @@ var _PaginationControls = _interopRequireDefault(require("../../Pagination/Pagin
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
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); }
|
|
16
16
|
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; }
|
|
17
|
+
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); }
|
|
17
18
|
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; }
|
|
18
19
|
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; }
|
|
19
20
|
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; }
|
|
@@ -25,59 +26,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
25
26
|
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; }
|
|
26
27
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
27
28
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
28
|
-
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); }
|
|
29
29
|
//This components is used only to memoize the values before we sent them to the react-table
|
|
30
|
-
var ReactTableWrapper = function ReactTableWrapper(props) {
|
|
31
|
-
var makeNewColumns = function makeNewColumns(data) {
|
|
32
|
-
return data === null || data === void 0 ? void 0 : data.map(function (column) {
|
|
33
|
-
if (column.key === 'dropdown') {
|
|
34
|
-
return {
|
|
35
|
-
Header: function Header() {
|
|
36
|
-
return null;
|
|
37
|
-
},
|
|
38
|
-
id: column.key,
|
|
39
|
-
Cell: function Cell(_ref) {
|
|
40
|
-
var row = _ref.row;
|
|
41
|
-
return (
|
|
42
|
-
/*#__PURE__*/
|
|
43
|
-
// Use Cell to render an expander for dropdown cell.
|
|
44
|
-
// We can use the getToggleRowExpandedProps prop-getter
|
|
45
|
-
// to build the expander. (moved to the whole row to make it easier to click)
|
|
46
|
-
_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Table.TableDropdownIcon, {
|
|
47
|
-
isActive: row.isExpanded
|
|
48
|
-
}))
|
|
49
|
-
);
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
}
|
|
53
|
-
return {
|
|
54
|
-
Header: column.label,
|
|
55
|
-
accessor: column.key
|
|
56
|
-
//totalWidth: 50, // column.width,
|
|
57
|
-
};
|
|
58
|
-
});
|
|
59
|
-
};
|
|
60
30
|
|
|
61
|
-
var memoizedColumns = _react.default.useMemo(function () {
|
|
62
|
-
return makeNewColumns(props.columns);
|
|
63
|
-
}, []);
|
|
64
|
-
var memoizedData = _react.default.useMemo(function () {
|
|
65
|
-
return props.data;
|
|
66
|
-
}, []);
|
|
67
|
-
var memoizedSubColumns = _react.default.useMemo(function () {
|
|
68
|
-
return makeNewColumns(props.subColumns);
|
|
69
|
-
}, []);
|
|
70
|
-
return /*#__PURE__*/_react.default.createElement(ReactTable, _extends({
|
|
71
|
-
columns: memoizedColumns,
|
|
72
|
-
data: memoizedData,
|
|
73
|
-
subColumns: memoizedSubColumns,
|
|
74
|
-
blue: props.blue,
|
|
75
|
-
withSubTable: props.withSubTable,
|
|
76
|
-
calculateSubData: props.calculateSubData,
|
|
77
|
-
noPagination: props.noPagination
|
|
78
|
-
}, props));
|
|
79
|
-
};
|
|
80
|
-
exports.ReactTableWrapper = ReactTableWrapper;
|
|
81
31
|
function ReactTable(props) {
|
|
82
32
|
var columns = props.columns,
|
|
83
33
|
data = props.data,
|
|
@@ -178,5 +128,5 @@ ReactTable.defaultProps = {
|
|
|
178
128
|
withSubTable: false,
|
|
179
129
|
isSubTable: false
|
|
180
130
|
};
|
|
181
|
-
var _default =
|
|
131
|
+
var _default = ReactTable;
|
|
182
132
|
exports.default = _default;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.ReactTableWrapper = void 0;
|
|
7
|
+
var _ReactTable = _interopRequireDefault(require("./ReactTable"));
|
|
8
|
+
var _Table = require("./Table.styles");
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
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); }
|
|
11
|
+
var ReactTableWrapper = function ReactTableWrapper(props) {
|
|
12
|
+
var makeNewColumns = function makeNewColumns(data) {
|
|
13
|
+
return data === null || data === void 0 ? void 0 : data.map(function (column) {
|
|
14
|
+
if (column.key === 'dropdown' || column.accessor === 'dropdown') {
|
|
15
|
+
return {
|
|
16
|
+
Header: function Header() {
|
|
17
|
+
return null;
|
|
18
|
+
},
|
|
19
|
+
id: column.key,
|
|
20
|
+
Cell: function Cell(_ref) {
|
|
21
|
+
var row = _ref.row;
|
|
22
|
+
return (
|
|
23
|
+
/*#__PURE__*/
|
|
24
|
+
// Use Cell to render an expander for dropdown cell.
|
|
25
|
+
// We can use the getToggleRowExpandedProps prop-getter
|
|
26
|
+
// to build the expander. (moved to the whole row to make it easier to click)
|
|
27
|
+
React.createElement("span", null, /*#__PURE__*/React.createElement(_Table.TableDropdownIcon, {
|
|
28
|
+
isActive: row.isExpanded
|
|
29
|
+
}))
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
return {
|
|
35
|
+
Header: column.label,
|
|
36
|
+
accessor: column.key
|
|
37
|
+
};
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
var memoizedColumns = React.useMemo(function () {
|
|
41
|
+
return makeNewColumns(props.columns);
|
|
42
|
+
}, []);
|
|
43
|
+
var memoizedData = React.useMemo(function () {
|
|
44
|
+
return props.data;
|
|
45
|
+
}, []);
|
|
46
|
+
var memoizedSubColumns = React.useMemo(function () {
|
|
47
|
+
return makeNewColumns(props.subColumns);
|
|
48
|
+
}, []);
|
|
49
|
+
return /*#__PURE__*/React.createElement(_ReactTable.default, _extends({
|
|
50
|
+
columns: memoizedColumns,
|
|
51
|
+
data: memoizedData,
|
|
52
|
+
subColumns: memoizedSubColumns,
|
|
53
|
+
blue: props.blue,
|
|
54
|
+
withSubTable: props.withSubTable,
|
|
55
|
+
calculateSubData: props.calculateSubData,
|
|
56
|
+
noPagination: props.noPagination
|
|
57
|
+
}, props));
|
|
58
|
+
};
|
|
59
|
+
exports.ReactTableWrapper = ReactTableWrapper;
|
|
60
|
+
var _default = ReactTableWrapper;
|
|
61
|
+
exports.default = _default;
|