@commercetools-uikit/data-table 12.2.7 → 13.0.1
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.
- package/README.md +2 -4
- package/dist/commercetools-uikit-data-table.cjs.dev.js +12 -13
- package/dist/commercetools-uikit-data-table.cjs.prod.js +11 -11
- package/dist/commercetools-uikit-data-table.esm.js +12 -12
- package/dist/declarations/src/cell.d.ts +1 -5
- package/dist/declarations/src/data-table.d.ts +1 -1
- package/package.json +10 -10
package/README.md
CHANGED
|
@@ -61,8 +61,8 @@ export default Example;
|
|
|
61
61
|
|
|
62
62
|
| Props | Type | Required | Default | Description |
|
|
63
63
|
| ------------------------- | -------------------------------------------------------------- | :------: | ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
64
|
-
| `rows` | `Array: Row[]
|
|
65
|
-
| `columns` | `Array: TColumn[]`<br/>[See signature.](#signature-columns) |
|
|
64
|
+
| `rows` | `Array: Row[]` | ✅ | | The list of data that needs to be rendered in the table. Each object in the list can
have any shape as long as it has a unique identifier.
The data is rendered by using the callback render function `itemRenderer`. |
|
|
65
|
+
| `columns` | `Array: TColumn[]`<br/>[See signature.](#signature-columns) | | `[]` | Each object requires a unique `key` which should correspond to property key of
the items of `rows` that you want to render under this column, and a `label`
which defines the name shown on the header.
The list of columns to be rendered.
Each column can be customized (see properties below). |
|
|
66
66
|
| `footer` | `ReactNode` | | | Element to render within the `tfoot` (footer) element of the table. |
|
|
67
67
|
| `maxWidth` | `union`<br/>Possible values:<br/>`number , string` | | | The max width (a number of pixels or a css value string with units) for which the table
is allowed to grow. If unset, the table will grow horizontally to fill its parent. |
|
|
68
68
|
| `maxHeight` | `union`<br/>Possible values:<br/>`number , string` | | | The max height (a number of pixels or a css value string with units) for which the table
is allowed to grow. If unset, the table will grow vertically to fill its parent. |
|
|
@@ -81,8 +81,6 @@ export default Example;
|
|
|
81
81
|
|
|
82
82
|
## Signatures
|
|
83
83
|
|
|
84
|
-
### Signature `rows`
|
|
85
|
-
|
|
86
84
|
### Signature `columns`
|
|
87
85
|
|
|
88
86
|
```ts
|
|
@@ -7,7 +7,6 @@ var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArr
|
|
|
7
7
|
var _pt = require('prop-types');
|
|
8
8
|
var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
|
|
9
9
|
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
10
|
-
var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
|
|
11
10
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
12
11
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
13
12
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
@@ -37,7 +36,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
|
|
|
37
36
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
38
37
|
var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
|
|
39
38
|
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
40
|
-
var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
|
|
41
39
|
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
42
40
|
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
43
41
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
@@ -474,9 +472,9 @@ var isFixedWidthValue = function isFixedWidthValue(value) {
|
|
|
474
472
|
|
|
475
473
|
var isFixedWidthValue$1 = isFixedWidthValue;
|
|
476
474
|
|
|
477
|
-
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
475
|
+
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
478
476
|
|
|
479
|
-
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
477
|
+
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
480
478
|
|
|
481
479
|
var HeaderCellWrapper = function HeaderCellWrapper(props) {
|
|
482
480
|
var _headerRef$current2;
|
|
@@ -606,9 +604,9 @@ HeaderCell.displayName = 'HeaderCell';
|
|
|
606
604
|
HeaderCell.defaultProps = defaultProps$3;
|
|
607
605
|
var HeaderCell$1 = HeaderCell;
|
|
608
606
|
|
|
609
|
-
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
607
|
+
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
610
608
|
|
|
611
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
609
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
612
610
|
var defaultProps$2 = {
|
|
613
611
|
isTruncated: false,
|
|
614
612
|
shouldRenderBottomBorder: true
|
|
@@ -750,9 +748,9 @@ DataRow.defaultProps = defaultProps$1;
|
|
|
750
748
|
DataRow.displayName = 'DataRow';
|
|
751
749
|
var DataRow$1 = DataRow;
|
|
752
750
|
|
|
753
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
751
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
754
752
|
|
|
755
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
753
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$1(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
756
754
|
var MINIMUM_COLUMN_SIZE = 32; // calculates size on mouse-drag and enforces a minimum size
|
|
757
755
|
|
|
758
756
|
var calculateNewSize = function calculateNewSize() {
|
|
@@ -952,9 +950,9 @@ var useManualColumnResizing = function useManualColumnResizing(tableRef) {
|
|
|
952
950
|
|
|
953
951
|
var useManualColumnResizing$1 = useManualColumnResizing;
|
|
954
952
|
|
|
955
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
953
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
956
954
|
|
|
957
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
955
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
958
956
|
|
|
959
957
|
var getColumnsLayoutInfo = function getColumnsLayoutInfo(columns) {
|
|
960
958
|
return _reduceInstanceProperty__default["default"](columns).call(columns, function (acc, currentValue) {
|
|
@@ -974,6 +972,7 @@ var shouldRenderRowBottomBorder = function shouldRenderRowBottomBorder(rowIndex,
|
|
|
974
972
|
};
|
|
975
973
|
|
|
976
974
|
var defaultProps = {
|
|
975
|
+
columns: [],
|
|
977
976
|
isCondensed: false,
|
|
978
977
|
wrapHeaderLabels: true,
|
|
979
978
|
verticalCellAlignment: 'top',
|
|
@@ -988,7 +987,7 @@ var defaultProps = {
|
|
|
988
987
|
var DataTable = function DataTable(props) {
|
|
989
988
|
var _context2, _context3;
|
|
990
989
|
|
|
991
|
-
process.env.NODE_ENV !== "production" ? utils.warning(
|
|
990
|
+
process.env.NODE_ENV !== "production" ? utils.warning(props.columns.length > 0, "ui-kit/DataTable: empty table \"columns\", expected at least one column. If you are using DataTableManager you need to pass the \"columns\" there and they will be injected into DataTable.") : void 0;
|
|
992
991
|
var tableRef = react$1.useRef();
|
|
993
992
|
var columnResizingReducer = useManualColumnResizing$1(tableRef); // if the table columns have been measured
|
|
994
993
|
// and if the list of columns, their width field, or the isCondensed prop has changed
|
|
@@ -1027,7 +1026,7 @@ var DataTable = function DataTable(props) {
|
|
|
1027
1026
|
value: columnResizingReducer,
|
|
1028
1027
|
children: [jsxRuntime.jsx(Header, {
|
|
1029
1028
|
children: jsxRuntime.jsx(Row, {
|
|
1030
|
-
children:
|
|
1029
|
+
children: _mapInstanceProperty__default["default"](_context2 = props.columns).call(_context2, function (column) {
|
|
1031
1030
|
return jsxRuntime.jsx(HeaderCell$1, {
|
|
1032
1031
|
shouldWrap: props.wrapHeaderLabels,
|
|
1033
1032
|
isCondensed: props.isCondensed,
|
|
@@ -1106,7 +1105,7 @@ DataTable.displayName = 'DataTable';
|
|
|
1106
1105
|
var DataTable$1 = DataTable;
|
|
1107
1106
|
|
|
1108
1107
|
// NOTE: This string will be replaced on build time with the package version.
|
|
1109
|
-
var version = "
|
|
1108
|
+
var version = "13.0.1";
|
|
1110
1109
|
|
|
1111
1110
|
Object.defineProperty(exports, 'useRowSelection', {
|
|
1112
1111
|
enumerable: true,
|
|
@@ -7,7 +7,6 @@ var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArr
|
|
|
7
7
|
require('prop-types');
|
|
8
8
|
var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
|
|
9
9
|
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
10
|
-
require('@babel/runtime-corejs3/core-js-stable/array/is-array');
|
|
11
10
|
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
12
11
|
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
13
12
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
@@ -347,9 +346,9 @@ var isFixedWidthValue = function isFixedWidthValue(value) {
|
|
|
347
346
|
|
|
348
347
|
var isFixedWidthValue$1 = isFixedWidthValue;
|
|
349
348
|
|
|
350
|
-
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
349
|
+
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
351
350
|
|
|
352
|
-
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
351
|
+
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
353
352
|
|
|
354
353
|
var HeaderCellWrapper = function HeaderCellWrapper(props) {
|
|
355
354
|
var _headerRef$current2;
|
|
@@ -463,9 +462,9 @@ HeaderCell.displayName = 'HeaderCell';
|
|
|
463
462
|
HeaderCell.defaultProps = defaultProps$3;
|
|
464
463
|
var HeaderCell$1 = HeaderCell;
|
|
465
464
|
|
|
466
|
-
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
465
|
+
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
467
466
|
|
|
468
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
467
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
469
468
|
var defaultProps$2 = {
|
|
470
469
|
isTruncated: false,
|
|
471
470
|
shouldRenderBottomBorder: true
|
|
@@ -585,9 +584,9 @@ DataRow.defaultProps = defaultProps$1;
|
|
|
585
584
|
DataRow.displayName = 'DataRow';
|
|
586
585
|
var DataRow$1 = DataRow;
|
|
587
586
|
|
|
588
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
587
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
589
588
|
|
|
590
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
589
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$1(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
591
590
|
var MINIMUM_COLUMN_SIZE = 32; // calculates size on mouse-drag and enforces a minimum size
|
|
592
591
|
|
|
593
592
|
var calculateNewSize = function calculateNewSize() {
|
|
@@ -787,9 +786,9 @@ var useManualColumnResizing = function useManualColumnResizing(tableRef) {
|
|
|
787
786
|
|
|
788
787
|
var useManualColumnResizing$1 = useManualColumnResizing;
|
|
789
788
|
|
|
790
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
789
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
791
790
|
|
|
792
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
791
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
793
792
|
|
|
794
793
|
var getColumnsLayoutInfo = function getColumnsLayoutInfo(columns) {
|
|
795
794
|
return _reduceInstanceProperty__default["default"](columns).call(columns, function (acc, currentValue) {
|
|
@@ -809,6 +808,7 @@ var shouldRenderRowBottomBorder = function shouldRenderRowBottomBorder(rowIndex,
|
|
|
809
808
|
};
|
|
810
809
|
|
|
811
810
|
var defaultProps = {
|
|
811
|
+
columns: [],
|
|
812
812
|
isCondensed: false,
|
|
813
813
|
wrapHeaderLabels: true,
|
|
814
814
|
verticalCellAlignment: 'top',
|
|
@@ -860,7 +860,7 @@ var DataTable = function DataTable(props) {
|
|
|
860
860
|
value: columnResizingReducer,
|
|
861
861
|
children: [jsxRuntime.jsx(Header, {
|
|
862
862
|
children: jsxRuntime.jsx(Row, {
|
|
863
|
-
children:
|
|
863
|
+
children: _mapInstanceProperty__default["default"](_context2 = props.columns).call(_context2, function (column) {
|
|
864
864
|
return jsxRuntime.jsx(HeaderCell$1, {
|
|
865
865
|
shouldWrap: props.wrapHeaderLabels,
|
|
866
866
|
isCondensed: props.isCondensed,
|
|
@@ -909,7 +909,7 @@ DataTable.displayName = 'DataTable';
|
|
|
909
909
|
var DataTable$1 = DataTable;
|
|
910
910
|
|
|
911
911
|
// NOTE: This string will be replaced on build time with the package version.
|
|
912
|
-
var version = "
|
|
912
|
+
var version = "13.0.1";
|
|
913
913
|
|
|
914
914
|
Object.defineProperty(exports, 'useRowSelection', {
|
|
915
915
|
enumerable: true,
|
|
@@ -3,7 +3,6 @@ import _toConsumableArray from '@babel/runtime-corejs3/helpers/esm/toConsumableA
|
|
|
3
3
|
import _pt from 'prop-types';
|
|
4
4
|
import _reduceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/reduce';
|
|
5
5
|
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
6
|
-
import _Array$isArray from '@babel/runtime-corejs3/core-js-stable/array/is-array';
|
|
7
6
|
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
8
7
|
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
9
8
|
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
@@ -449,9 +448,9 @@ var isFixedWidthValue = function isFixedWidthValue(value) {
|
|
|
449
448
|
|
|
450
449
|
var isFixedWidthValue$1 = isFixedWidthValue;
|
|
451
450
|
|
|
452
|
-
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
451
|
+
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
453
452
|
|
|
454
|
-
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
453
|
+
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
455
454
|
|
|
456
455
|
var HeaderCellWrapper = function HeaderCellWrapper(props) {
|
|
457
456
|
var _headerRef$current2;
|
|
@@ -581,9 +580,9 @@ HeaderCell.displayName = 'HeaderCell';
|
|
|
581
580
|
HeaderCell.defaultProps = defaultProps$3;
|
|
582
581
|
var HeaderCell$1 = HeaderCell;
|
|
583
582
|
|
|
584
|
-
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
583
|
+
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
585
584
|
|
|
586
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
585
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
587
586
|
var defaultProps$2 = {
|
|
588
587
|
isTruncated: false,
|
|
589
588
|
shouldRenderBottomBorder: true
|
|
@@ -725,9 +724,9 @@ DataRow.defaultProps = defaultProps$1;
|
|
|
725
724
|
DataRow.displayName = 'DataRow';
|
|
726
725
|
var DataRow$1 = DataRow;
|
|
727
726
|
|
|
728
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
727
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
729
728
|
|
|
730
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
729
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys$1(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys$1(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
731
730
|
var MINIMUM_COLUMN_SIZE = 32; // calculates size on mouse-drag and enforces a minimum size
|
|
732
731
|
|
|
733
732
|
var calculateNewSize = function calculateNewSize() {
|
|
@@ -927,9 +926,9 @@ var useManualColumnResizing = function useManualColumnResizing(tableRef) {
|
|
|
927
926
|
|
|
928
927
|
var useManualColumnResizing$1 = useManualColumnResizing;
|
|
929
928
|
|
|
930
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
929
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
931
930
|
|
|
932
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
931
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
933
932
|
|
|
934
933
|
var getColumnsLayoutInfo = function getColumnsLayoutInfo(columns) {
|
|
935
934
|
return _reduceInstanceProperty(columns).call(columns, function (acc, currentValue) {
|
|
@@ -949,6 +948,7 @@ var shouldRenderRowBottomBorder = function shouldRenderRowBottomBorder(rowIndex,
|
|
|
949
948
|
};
|
|
950
949
|
|
|
951
950
|
var defaultProps = {
|
|
951
|
+
columns: [],
|
|
952
952
|
isCondensed: false,
|
|
953
953
|
wrapHeaderLabels: true,
|
|
954
954
|
verticalCellAlignment: 'top',
|
|
@@ -963,7 +963,7 @@ var defaultProps = {
|
|
|
963
963
|
var DataTable = function DataTable(props) {
|
|
964
964
|
var _context2, _context3;
|
|
965
965
|
|
|
966
|
-
process.env.NODE_ENV !== "production" ? warning(
|
|
966
|
+
process.env.NODE_ENV !== "production" ? warning(props.columns.length > 0, "ui-kit/DataTable: empty table \"columns\", expected at least one column. If you are using DataTableManager you need to pass the \"columns\" there and they will be injected into DataTable.") : void 0;
|
|
967
967
|
var tableRef = useRef();
|
|
968
968
|
var columnResizingReducer = useManualColumnResizing$1(tableRef); // if the table columns have been measured
|
|
969
969
|
// and if the list of columns, their width field, or the isCondensed prop has changed
|
|
@@ -1002,7 +1002,7 @@ var DataTable = function DataTable(props) {
|
|
|
1002
1002
|
value: columnResizingReducer,
|
|
1003
1003
|
children: [jsx(Header, {
|
|
1004
1004
|
children: jsx(Row, {
|
|
1005
|
-
children:
|
|
1005
|
+
children: _mapInstanceProperty(_context2 = props.columns).call(_context2, function (column) {
|
|
1006
1006
|
return jsx(HeaderCell$1, {
|
|
1007
1007
|
shouldWrap: props.wrapHeaderLabels,
|
|
1008
1008
|
isCondensed: props.isCondensed,
|
|
@@ -1081,6 +1081,6 @@ DataTable.displayName = 'DataTable';
|
|
|
1081
1081
|
var DataTable$1 = DataTable;
|
|
1082
1082
|
|
|
1083
1083
|
// NOTE: This string will be replaced on build time with the package version.
|
|
1084
|
-
var version = "
|
|
1084
|
+
var version = "13.0.1";
|
|
1085
1085
|
|
|
1086
1086
|
export { DataTable$1 as default, version };
|
|
@@ -13,13 +13,9 @@ export declare type TDataCell = {
|
|
|
13
13
|
handleRowCollapseClick?: () => void;
|
|
14
14
|
isRowCollapsed?: boolean;
|
|
15
15
|
};
|
|
16
|
-
declare type TDefaultProps = {
|
|
17
|
-
isTruncated: boolean;
|
|
18
|
-
shouldRenderBottomBorder: boolean;
|
|
19
|
-
};
|
|
20
16
|
declare const DataCell: {
|
|
21
17
|
(props: TDataCell): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
22
18
|
displayName: string;
|
|
23
|
-
defaultProps:
|
|
19
|
+
defaultProps: Pick<TDataCell, "isTruncated" | "shouldRenderBottomBorder">;
|
|
24
20
|
};
|
|
25
21
|
export default DataCell;
|
|
@@ -36,7 +36,7 @@ export declare type TDataTableProps<Row extends TRow = TRow> = {
|
|
|
36
36
|
};
|
|
37
37
|
declare const DataTable: {
|
|
38
38
|
<Row extends TRow = TRow>(props: TDataTableProps<Row>): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
39
|
-
defaultProps: Pick<TDataTableProps<TRow>, "isCondensed" | "wrapHeaderLabels" | "horizontalCellAlignment" | "verticalCellAlignment" | "disableSelfContainment" | "itemRenderer">;
|
|
39
|
+
defaultProps: Pick<TDataTableProps<TRow>, "columns" | "isCondensed" | "wrapHeaderLabels" | "horizontalCellAlignment" | "verticalCellAlignment" | "disableSelfContainment" | "itemRenderer">;
|
|
40
40
|
displayName: string;
|
|
41
41
|
};
|
|
42
42
|
export default DataTable;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/data-table",
|
|
3
3
|
"description": "A component for rendering tabular data.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "13.0.1",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -19,18 +19,18 @@
|
|
|
19
19
|
"module": "dist/commercetools-uikit-data-table.esm.js",
|
|
20
20
|
"files": ["dist"],
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@babel/runtime": "7.
|
|
23
|
-
"@babel/runtime-corejs3": "7.
|
|
24
|
-
"@commercetools-uikit/accessible-button": "
|
|
25
|
-
"@commercetools-uikit/design-system": "
|
|
26
|
-
"@commercetools-uikit/hooks": "12.2.
|
|
27
|
-
"@commercetools-uikit/icons": "
|
|
28
|
-
"@commercetools-uikit/secondary-icon-button": "
|
|
29
|
-
"@commercetools-uikit/utils": "12.2.
|
|
22
|
+
"@babel/runtime": "7.17.2",
|
|
23
|
+
"@babel/runtime-corejs3": "7.17.2",
|
|
24
|
+
"@commercetools-uikit/accessible-button": "13.0.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "13.0.0",
|
|
26
|
+
"@commercetools-uikit/hooks": "12.2.9",
|
|
27
|
+
"@commercetools-uikit/icons": "13.0.0",
|
|
28
|
+
"@commercetools-uikit/secondary-icon-button": "13.0.1",
|
|
29
|
+
"@commercetools-uikit/utils": "12.2.9",
|
|
30
30
|
"@emotion/react": "^11.4.0",
|
|
31
31
|
"@emotion/styled": "^11.3.0",
|
|
32
32
|
"lodash": "4.17.21",
|
|
33
|
-
"prop-types": "15.
|
|
33
|
+
"prop-types": "15.8.1",
|
|
34
34
|
"react-required-if": "1.0.3"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|