@commercetools-uikit/data-table 16.2.0 → 16.3.0
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
CHANGED
|
@@ -67,7 +67,7 @@ export default Example;
|
|
|
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. |
|
|
69
69
|
| `onRowClick` | `Function`<br/>[See signature.](#signature-onRowClick) | | | A callback function, called when a user clicks on a row. |
|
|
70
|
-
| `isCondensed` | `boolean` | | `
|
|
70
|
+
| `isCondensed` | `boolean` | | `true` | Set this to `true` to reduce the paddings of all cells, allowing the table to display
more data in less space. |
|
|
71
71
|
| `onColumnResized` | `Function`<br/>[See signature.](#signature-onColumnResized) | | | A callback function, called when a column has been resized.
Use this callback to get the resized column widths and save them, to be able to restore the
value once the user comes back to the page. |
|
|
72
72
|
| `disableSelfContainment` | `boolean` | | `false` | Set this to `true` to take control of the containment of the table and doing it on a parent element.
This means that the table will grow in size without adding scrollbars on itself,
both vertically and horizontally and, as a consequence, the `maxHeight` and `maxWidth` props are ignored.
If you need to enforce these constraints, you must also apply them on the parent element.
Additionally, the sticky behaviour of the header will get fixed relatively to the closest
parent element with `position: relative`. |
|
|
73
73
|
| `disableHeaderStickiness` | `boolean` | | | Set this to `true` to prevent the header from being sticky. |
|
|
@@ -551,7 +551,7 @@ const defaultItemRenderer = (row, column) => {
|
|
|
551
551
|
return row[column.key];
|
|
552
552
|
};
|
|
553
553
|
const defaultProps$1 = {
|
|
554
|
-
isCondensed:
|
|
554
|
+
isCondensed: true,
|
|
555
555
|
shouldClipContent: false,
|
|
556
556
|
verticalCellAlignment: 'top',
|
|
557
557
|
horizontalCellAlignment: 'left',
|
|
@@ -784,7 +784,7 @@ const shouldRenderRowBottomBorder = (rowIndex, rowCount, footer) => {
|
|
|
784
784
|
};
|
|
785
785
|
const defaultProps = {
|
|
786
786
|
columns: [],
|
|
787
|
-
isCondensed:
|
|
787
|
+
isCondensed: true,
|
|
788
788
|
wrapHeaderLabels: true,
|
|
789
789
|
verticalCellAlignment: 'top',
|
|
790
790
|
horizontalCellAlignment: 'left',
|
|
@@ -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 = "16.
|
|
912
|
+
var version = "16.3.0";
|
|
913
913
|
|
|
914
914
|
Object.defineProperty(exports, 'useRowSelection', {
|
|
915
915
|
enumerable: true,
|
|
@@ -395,7 +395,7 @@ const defaultItemRenderer = (row, column) => {
|
|
|
395
395
|
return row[column.key];
|
|
396
396
|
};
|
|
397
397
|
const defaultProps$1 = {
|
|
398
|
-
isCondensed:
|
|
398
|
+
isCondensed: true,
|
|
399
399
|
shouldClipContent: false,
|
|
400
400
|
verticalCellAlignment: 'top',
|
|
401
401
|
horizontalCellAlignment: 'left',
|
|
@@ -622,7 +622,7 @@ const shouldRenderRowBottomBorder = (rowIndex, rowCount, footer) => {
|
|
|
622
622
|
};
|
|
623
623
|
const defaultProps = {
|
|
624
624
|
columns: [],
|
|
625
|
-
isCondensed:
|
|
625
|
+
isCondensed: true,
|
|
626
626
|
wrapHeaderLabels: true,
|
|
627
627
|
verticalCellAlignment: 'top',
|
|
628
628
|
horizontalCellAlignment: 'left',
|
|
@@ -716,7 +716,7 @@ DataTable.displayName = 'DataTable';
|
|
|
716
716
|
var DataTable$1 = DataTable;
|
|
717
717
|
|
|
718
718
|
// NOTE: This string will be replaced on build time with the package version.
|
|
719
|
-
var version = "16.
|
|
719
|
+
var version = "16.3.0";
|
|
720
720
|
|
|
721
721
|
Object.defineProperty(exports, 'useRowSelection', {
|
|
722
722
|
enumerable: true,
|
|
@@ -527,7 +527,7 @@ const defaultItemRenderer = (row, column) => {
|
|
|
527
527
|
return row[column.key];
|
|
528
528
|
};
|
|
529
529
|
const defaultProps$1 = {
|
|
530
|
-
isCondensed:
|
|
530
|
+
isCondensed: true,
|
|
531
531
|
shouldClipContent: false,
|
|
532
532
|
verticalCellAlignment: 'top',
|
|
533
533
|
horizontalCellAlignment: 'left',
|
|
@@ -760,7 +760,7 @@ const shouldRenderRowBottomBorder = (rowIndex, rowCount, footer) => {
|
|
|
760
760
|
};
|
|
761
761
|
const defaultProps = {
|
|
762
762
|
columns: [],
|
|
763
|
-
isCondensed:
|
|
763
|
+
isCondensed: true,
|
|
764
764
|
wrapHeaderLabels: true,
|
|
765
765
|
verticalCellAlignment: 'top',
|
|
766
766
|
horizontalCellAlignment: 'left',
|
|
@@ -885,6 +885,6 @@ DataTable.displayName = 'DataTable';
|
|
|
885
885
|
var DataTable$1 = DataTable;
|
|
886
886
|
|
|
887
887
|
// NOTE: This string will be replaced on build time with the package version.
|
|
888
|
-
var version = "16.
|
|
888
|
+
var version = "16.3.0";
|
|
889
889
|
|
|
890
890
|
export { DataTable$1 as default, version };
|
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": "16.
|
|
4
|
+
"version": "16.3.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,12 +21,12 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "16.
|
|
25
|
-
"@commercetools-uikit/design-system": "16.
|
|
26
|
-
"@commercetools-uikit/hooks": "16.
|
|
27
|
-
"@commercetools-uikit/icons": "16.
|
|
28
|
-
"@commercetools-uikit/secondary-icon-button": "16.
|
|
29
|
-
"@commercetools-uikit/utils": "16.
|
|
24
|
+
"@commercetools-uikit/accessible-button": "16.3.0",
|
|
25
|
+
"@commercetools-uikit/design-system": "16.3.0",
|
|
26
|
+
"@commercetools-uikit/hooks": "16.3.0",
|
|
27
|
+
"@commercetools-uikit/icons": "16.3.0",
|
|
28
|
+
"@commercetools-uikit/secondary-icon-button": "16.3.0",
|
|
29
|
+
"@commercetools-uikit/utils": "16.3.0",
|
|
30
30
|
"@emotion/react": "^11.10.5",
|
|
31
31
|
"@emotion/styled": "^11.10.5",
|
|
32
32
|
"lodash": "4.17.21",
|