@dhis2-ui/table 10.0.0-alpha.6 → 10.0.0-alpha.8

package/build/es/stacked-table/stacked-table-cell.js

@@ -3,14 +3,15 @@ import { colors } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { ContentWithTitle } from './content-with-title.js';
+const defaultHeaderLabels = [];
 export const StackedTableCell = _ref => {
   let {
     children,
     className,
     colSpan,
     column,
-    dataTest,
-    headerLabels,
+    dataTest = 'dhis2-uicore-stackedtablecell',
+    headerLabels = defaultHeaderLabels,
     hideTitle,
     rowSpan,
     title
@@ -39,8 +40,4 @@ StackedTableCell.propTypes = {
   hideTitle: PropTypes.bool,
   rowSpan: PropTypes.string,
   title: PropTypes.string
-};
-StackedTableCell.defaultProps = {
-  dataTest: 'dhis2-uicore-stackedtablecell',
-  headerLabels: []
 };

package/build/es/stacked-table/stacked-table-foot.js

@@ -5,7 +5,7 @@ export const StackedTableFoot = _ref => {
   let {
     children,
     className,
-    dataTest
+    dataTest = 'dhis2-uicore-stackedtablefoot'
   } = _ref;
   return /*#__PURE__*/React.createElement("tfoot", {
     "data-test": dataTest,
@@ -18,7 +18,4 @@ StackedTableFoot.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
   dataTest: PropTypes.string
-};
-StackedTableFoot.defaultProps = {
-  dataTest: 'dhis2-uicore-stackedtablefoot'
 };

package/build/es/stacked-table/stacked-table-head.js

@@ -5,7 +5,7 @@ export const StackedTableHead = _ref => {
   let {
     children,
     className,
-    dataTest
+    dataTest = 'dhis2-uicore-stackedtablehead'
   } = _ref;
   return /*#__PURE__*/React.createElement("thead", {
     "data-test": dataTest,
@@ -18,7 +18,4 @@ StackedTableHead.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
   dataTest: PropTypes.string
-};
-StackedTableHead.defaultProps = {
-  dataTest: 'dhis2-uicore-stackedtablehead'
 };

package/build/es/stacked-table/stacked-table-row-head.js

@@ -5,7 +5,7 @@ export const StackedTableRowHead = _ref => {
   let {
     children,
     className,
-    dataTest
+    dataTest = 'dhis2-uicore-stackedtablerowhead'
   } = _ref;
   return /*#__PURE__*/React.createElement(StackedTableRow, {
     className: className,
@@ -16,7 +16,4 @@ StackedTableRowHead.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
   dataTest: PropTypes.string
-};
-StackedTableRowHead.defaultProps = {
-  dataTest: 'dhis2-uicore-stackedtablerowhead'
 };

package/build/es/stacked-table/stacked-table-row.js

@@ -9,7 +9,7 @@ export const StackedTableRow = _ref => {
   let {
     children,
     className,
-    dataTest
+    dataTest = 'dhis2-uicore-stackedtablerow'
   } = _ref;
   return /*#__PURE__*/React.createElement("tr", {
     "data-test": dataTest,
@@ -28,7 +28,4 @@ StackedTableRow.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
   dataTest: PropTypes.string
-};
-StackedTableRow.defaultProps = {
-  dataTest: 'dhis2-uicore-stackedtablerow'
 };

package/build/es/stacked-table/stacked-table.js

@@ -7,7 +7,7 @@ export const StackedTable = _ref => {
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-stackedtable',
     headerLabels
   } = _ref;
   const contextHeaderLabels = extractHeaderLabels(children);
@@ -27,7 +27,4 @@ StackedTable.propTypes = {
   dataTest: PropTypes.string,
   /** Labels for columns. Use an empty string for a column without a header. */
   headerLabels: PropTypes.arrayOf(PropTypes.string)
-};
-StackedTable.defaultProps = {
-  dataTest: 'dhis2-uicore-stackedtable'
 };

package/build/es/stacked-table/stacked-table.test.js

@@ -76,7 +76,7 @@ describe('StackedTable', () => {
     label: 'Incomplete'
   }];
   it('should add the headerLabels to each cell', () => {
-    const table = mount( /*#__PURE__*/React.createElement(Table, {
+    const table = mount(/*#__PURE__*/React.createElement(Table, {
       headerLabels: headerLabels,
       bodyLabels: bodyLabels
     }));
@@ -90,7 +90,7 @@ describe('StackedTable', () => {
   it('should not add empty header labels to the body cells', () => {
     const emptyLabelIndex = 2;
     const headerLabelsWithEmpty = [...headerLabels.slice(0, emptyLabelIndex), '', ...headerLabels.slice(emptyLabelIndex + 1)];
-    const table = mount( /*#__PURE__*/React.createElement(Table, {
+    const table = mount(/*#__PURE__*/React.createElement(Table, {
       headerLabels: headerLabelsWithEmpty,
       bodyLabels: bodyLabels
     }));
@@ -107,7 +107,7 @@ describe('StackedTable', () => {
       ...originalHeaderLabel,
       colSpan: `${colSpan}`
     }, ...headerLabels.slice(indexWithColspan + colSpan)];
-    const table = mount( /*#__PURE__*/React.createElement(Table, {
+    const table = mount(/*#__PURE__*/React.createElement(Table, {
       headerLabels: headerLabelsWithColspan,
       bodyLabels: bodyLabels
     }));

package/build/es/table/table-body.js

@@ -4,7 +4,7 @@ export const TableBody = _ref => {
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablebody',
     role
   } = _ref;
   return /*#__PURE__*/React.createElement("tbody", {
@@ -13,9 +13,6 @@ export const TableBody = _ref => {
     role: role
   }, children);
 };
-TableBody.defaultProps = {
-  dataTest: 'dhis2-uicore-tablebody'
-};
 TableBody.propTypes = {
   /** Should be `<TableRow>` components */
   children: PropTypes.node,

package/build/es/table/table-cell-head.js

@@ -12,7 +12,7 @@ export const TableCellHead = _ref => {
     dense,
     children,
     className,
-    dataTest
+    dataTest = 'dhis2-uicore-tablecellhead'
   } = _ref;
   return /*#__PURE__*/React.createElement("th", {
     colSpan: colSpan,
@@ -26,9 +26,6 @@ export const TableCellHead = _ref => {
     id: tableCellHeadStyles.__hash
   }, tableCellHeadStyles));
 };
-TableCellHead.defaultProps = {
-  dataTest: 'dhis2-uicore-tablecellhead'
-};
 TableCellHead.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

package/build/es/table/table-cell.js

@@ -12,7 +12,7 @@ export const TableCell = _ref => {
     colSpan,
     rowSpan,
     dense,
-    dataTest
+    dataTest = 'dhis2-uicore-tablecell'
   } = _ref;
   return /*#__PURE__*/React.createElement("td", {
     colSpan: colSpan,
@@ -26,9 +26,6 @@ export const TableCell = _ref => {
     id: tableCellStyles.__hash
   }, tableCellStyles));
 };
-TableCell.defaultProps = {
-  dataTest: 'dhis2-uicore-tablecell'
-};
 TableCell.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

package/build/es/table/table-foot.js

@@ -4,7 +4,7 @@ export const TableFoot = _ref => {
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablefoot',
     role
   } = _ref;
   return /*#__PURE__*/React.createElement("tfoot", {
@@ -13,9 +13,6 @@ export const TableFoot = _ref => {
     role: role
   }, children);
 };
-TableFoot.defaultProps = {
-  dataTest: 'dhis2-uicore-tablefoot'
-};
 TableFoot.propTypes = {
   /** Should be `<TableRow>` components */
   children: PropTypes.node,

package/build/es/table/table-head.js

@@ -4,7 +4,7 @@ export const TableHead = _ref => {
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablehead',
     role
   } = _ref;
   return /*#__PURE__*/React.createElement("thead", {
@@ -13,9 +13,6 @@ export const TableHead = _ref => {
     role: role
   }, children);
 };
-TableHead.defaultProps = {
-  dataTest: 'dhis2-uicore-tablehead'
-};
 TableHead.propTypes = {
   /** Should be `<TableRowHead>` components */
   children: PropTypes.node,

package/build/es/table/table-row-head.js

@@ -6,7 +6,7 @@ export const TableRowHead = _ref => {
     role,
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablerowhead',
     suppressZebraStriping
   } = _ref;
   return /*#__PURE__*/React.createElement(TableRow, {
@@ -16,9 +16,6 @@ export const TableRowHead = _ref => {
     role: role
   }, children);
 };
-TableRowHead.defaultProps = {
-  dataTest: 'dhis2-uicore-tablerowhead'
-};
 TableRowHead.propTypes = {
   /** Should be `<TableCellHead>` components */
   children: PropTypes.node,

package/build/es/table/table-row.js

@@ -11,7 +11,7 @@ export const TableRow = _ref => {
     role,
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablerow',
     suppressZebraStriping,
     ...rest
   } = _ref;
@@ -30,9 +30,6 @@ export const TableRow = _ref => {
     id: tableRowStyles.__hash
   }, tableRowStyles));
 };
-TableRow.defaultProps = {
-  dataTest: 'dhis2-uicore-tablerow'
-};
 TableRow.propTypes = {
   /** Should be `<TableCell>` or `<TableCellHead>` components */
   children: PropTypes.node,

package/build/es/table/table.js

@@ -9,7 +9,7 @@ export const Table = _ref => {
     role,
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-table',
     suppressZebraStriping
   } = _ref;
   return /*#__PURE__*/React.createElement(Provider, {
@@ -24,9 +24,6 @@ export const Table = _ref => {
     id: tableStyles.__hash
   }, tableStyles)));
 };
-Table.defaultProps = {
-  dataTest: 'dhis2-uicore-table'
-};
 Table.propTypes = {
   /** Should be `<TableHead>`, `<TableBody>`, and `<TableFoot>` components */
   children: PropTypes.node,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/table",
-    "version": "10.0.0-alpha.6",
+    "version": "10.0.0-alpha.8",
     "description": "UI Table",
     "repository": {
         "type": "git",
@@ -28,14 +28,14 @@
     },
     "peerDependencies": {
         "@dhis2/d2-i18n": "^1",
-        "react": "^16.13",
-        "react-dom": "^16.13",
+        "react": "^16.13 || ^18",
+        "react-dom": "^16.13 || ^18",
         "styled-jsx": "^4"
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2/ui-constants": "10.0.0-alpha.6",
-        "@dhis2/ui-icons": "10.0.0-alpha.6",
+        "@dhis2/ui-constants": "10.0.0-alpha.8",
+        "@dhis2/ui-icons": "10.0.0-alpha.8",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },
@@ -45,8 +45,8 @@
     ],
     "devDependencies": {
         "@dhis2/d2-i18n": "^1.1.0",
-        "react": "16.13",
-        "react-dom": "16.13",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
         "styled-jsx": "^4.0.1"
     },
     "types": "types"