@dhis2-ui/table 9.12.0 → 9.13.0

package/build/es/data-table/table-elements/__tests__/table-toolbar.test.js

@@ -4,36 +4,36 @@ import { TableToolbar } from '../table-toolbar.js';
 describe('<TableToolbar>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableToolbar, null, children));
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableToolbar, null, children));
     expect(wrapper.containsMatchingElement(children)).toBe(true);
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/React.createRef();
-    const wrapper = mount( /*#__PURE__*/React.createElement(TableToolbar, {
+    const wrapper = mount(/*#__PURE__*/React.createElement(TableToolbar, {
       ref: ref
     }));
     expect(wrapper.find('div').getDOMNode()).toBe(ref.current);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableToolbar, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableToolbar, {
       className: className
     }));
     expect(wrapper.find('div').hasClass(className)).toBe(true);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableToolbar, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableToolbar, {
       dataTest: dataTest
     }));
     expect(wrapper.find('div').prop('data-test')).toBe(dataTest);
   });
   it('accepts a position prop', () => {
-    const wrapperDefault = shallow( /*#__PURE__*/React.createElement(TableToolbar, null));
-    const wrapperTop = shallow( /*#__PURE__*/React.createElement(TableToolbar, {
+    const wrapperDefault = shallow(/*#__PURE__*/React.createElement(TableToolbar, null));
+    const wrapperTop = shallow(/*#__PURE__*/React.createElement(TableToolbar, {
       position: "top"
     }));
-    const wrapperBottom = shallow( /*#__PURE__*/React.createElement(TableToolbar, {
+    const wrapperBottom = shallow(/*#__PURE__*/React.createElement(TableToolbar, {
       position: "bottom"
     }));
     expect(wrapperDefault.find('div').hasClass('top')).toBe(true);

package/build/es/data-table/table-elements/__tests__/table.test.js

@@ -4,53 +4,53 @@ import { Table } from '../table.js';
 describe('<Table>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(Table, null, children));
+    const wrapper = shallow(/*#__PURE__*/React.createElement(Table, null, children));
     expect(wrapper.containsMatchingElement(children)).toBe(true);
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/React.createRef();
-    const wrapper = mount( /*#__PURE__*/React.createElement(Table, {
+    const wrapper = mount(/*#__PURE__*/React.createElement(Table, {
       ref: ref
     }));
     expect(wrapper.find('table').getDOMNode()).toBe(ref.current);
   });
   it('accepts a borderless prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(Table, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(Table, {
       borderless: true
     }));
     expect(wrapper.find('table').hasClass('borderless')).toBe(true);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(Table, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(Table, {
       className: className
     }));
     expect(wrapper.find('table').hasClass(className)).toBe(true);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(Table, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(Table, {
       dataTest: dataTest
     }));
     expect(wrapper.find('table').prop('data-test')).toBe(dataTest);
   });
   it('accepts a layout prop', () => {
     const layout = 'fixed';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(Table, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(Table, {
       layout: layout
     }));
     expect(wrapper.html()).toContain(`table-layout: ${layout};`);
   });
   it('accepts a role prop', () => {
     const role = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(Table, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(Table, {
       role: role
     }));
     expect(wrapper.find('table').prop('role')).toBe(role);
   });
   it('accepts a width prop', () => {
     const width = '200px';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(Table, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(Table, {
       width: width
     }));
     expect(wrapper.html()).toContain(`width: ${width};`);

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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/table",
-    "version": "9.12.0",
+    "version": "9.13.0",
     "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": "9.12.0",
-        "@dhis2/ui-icons": "9.12.0",
+        "@dhis2/ui-constants": "9.13.0",
+        "@dhis2/ui-icons": "9.13.0",
         "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"