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

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

@@ -4,132 +4,132 @@ import { TableHeaderCell } from '../table-header-cell/table-header-cell.js';
 describe('<TableHeaderCell>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, null, children));
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, null, children));
     expect(wrapper.containsMatchingElement(children)).toBe(true);
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/React.createRef();
-    const wrapper = mount( /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = mount(/*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement(TableHeaderCell, {
       ref: ref
     })))));
     expect(wrapper.find('th').getDOMNode()).toBe(ref.current);
   });
   it('accepts an active prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       active: true
     }));
     expect(wrapper.find('th').hasClass('active')).toBe(true);
   });
   it('accepts an align prop', () => {
     const align = 'right';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       align: align
     }));
     expect(wrapper.html()).toContain(`text-align: ${align};`);
   });
   it('accepts a bordered prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       bordered: true
     }));
     expect(wrapper.find('th').hasClass('bordered')).toBe(true);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       className: className
     }));
     expect(wrapper.find('th').hasClass(className)).toBe(true);
   });
   it('accepts a colSpan prop', () => {
     const colSpan = '3';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       colSpan: colSpan
     }));
     expect(wrapper.find('th').prop('colSpan')).toBe(colSpan);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       dataTest: dataTest
     }));
     expect(wrapper.find('th').prop('data-test')).toBe(dataTest);
   });
   it('accepts an error prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       error: true
     }));
     expect(wrapper.find('th').hasClass('error')).toBe(true);
   });
   it('accepts a fixed prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       fixed: true
     }));
     expect(wrapper.type()).toBe('th');
     expect(wrapper.find('th').hasClass('fixed')).toBe(true);
   });
   it('accepts a large prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       large: true
     }));
     expect(wrapper.find('th').hasClass('large')).toBe(true);
   });
   it('accepts a left prop', () => {
     const left = '200px';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       left: left
     }));
     expect(wrapper.html()).toContain(`inset-inline-start: ${left};`);
   });
   it('accepts an muted prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       muted: true
     }));
     expect(wrapper.find('th').hasClass('muted')).toBe(true);
   });
   it('accepts a role prop', () => {
     const role = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       role: role
     }));
     expect(wrapper.find('th').prop('role')).toBe(role);
   });
   it('accepts a rowSpan prop', () => {
     const rowSpan = '3';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       rowSpan: rowSpan
     }));
     expect(wrapper.find('th').prop('rowSpan')).toBe(rowSpan);
   });
   it('accepts a scope prop', () => {
     const scope = 'row';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       scope: scope
     }));
     expect(wrapper.find('th').prop('scope')).toBe(scope);
   });
   it('accepts a top prop', () => {
     const top = '200px';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       top: top
     }));
     expect(wrapper.html()).toContain(`top: ${top};`);
   });
   it('accepts a valid prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       valid: true
     }));
     expect(wrapper.find('th').hasClass('valid')).toBe(true);
   });
   it('accepts a width prop', () => {
     const width = '200px';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       width: width
     }));
     expect(wrapper.html()).toContain(`width: ${width};`);
   });
   it('accepts an onClick prop', () => {
     const onClick = jest.fn();
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableHeaderCell, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableHeaderCell, {
       onClick: onClick
     }));
     wrapper.simulate('click');

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

@@ -4,45 +4,45 @@ import { TableRow } from '../table-row.js';
 describe('<TableRow>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableRow, null, children));
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableRow, null, children));
     expect(wrapper.containsMatchingElement(children)).toBe(true);
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/React.createRef();
-    const wrapper = mount( /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement(TableRow, {
+    const wrapper = mount(/*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement(TableRow, {
       ref: ref
     }))));
     expect(wrapper.find('tr').getDOMNode()).toBe(ref.current);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableRow, {
       className: className
     }));
     expect(wrapper.find('tr').hasClass(className)).toBe(true);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableRow, {
       dataTest: dataTest
     }));
     expect(wrapper.find('tr').prop('data-test')).toBe(dataTest);
   });
   it('accepts a draggable prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableRow, {
       draggable: true
     }));
     expect(wrapper.find('tr').hasClass('draggable')).toBe(true);
   });
   it('accepts a role prop', () => {
     const role = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableRow, {
       role: role
     }));
     expect(wrapper.find('tr').prop('role')).toBe(role);
   });
   it('accepts a selected prop', () => {
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableRow, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableRow, {
       selected: true
     }));
     expect(wrapper.find('tr').hasClass('selected')).toBe(true);

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

@@ -4,40 +4,40 @@ import { TableScrollBox } from '../table-scroll-box.js';
 describe('<TableScrollBox>', () => {
   it('renders children', () => {
     const children = 'children';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableScrollBox, null, children));
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableScrollBox, null, children));
     expect(wrapper.containsMatchingElement(children)).toBe(true);
   });
   it('accepts a ref', () => {
     const ref = /*#__PURE__*/React.createRef();
-    const wrapper = mount( /*#__PURE__*/React.createElement(TableScrollBox, {
+    const wrapper = mount(/*#__PURE__*/React.createElement(TableScrollBox, {
       ref: ref
     }));
     expect(wrapper.find('div').getDOMNode()).toBe(ref.current);
   });
   it('accepts a className prop', () => {
     const className = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableScrollBox, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableScrollBox, {
       className: className
     }));
     expect(wrapper.find('div').hasClass(className)).toBe(true);
   });
   it('accepts a dataTest prop', () => {
     const dataTest = 'test';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableScrollBox, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableScrollBox, {
       dataTest: dataTest
     }));
     expect(wrapper.find('div').prop('data-test')).toBe(dataTest);
   });
   it('accepts a maxHeight prop', () => {
     const maxHeight = '200px';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableScrollBox, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableScrollBox, {
       maxHeight: maxHeight
     }));
     expect(wrapper.html()).toContain('max-height: 200px;');
   });
   it('accepts a maxWidth prop', () => {
     const maxWidth = '200px';
-    const wrapper = shallow( /*#__PURE__*/React.createElement(TableScrollBox, {
+    const wrapper = shallow(/*#__PURE__*/React.createElement(TableScrollBox, {
       maxWidth: maxWidth
     }));
     expect(wrapper.html()).toContain('max-width: 200px;');

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/data-table/table-elements/table-body.js

@@ -8,7 +8,7 @@ export const TableBody = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablebody',
     role,
     loading,
     ...props
@@ -26,9 +26,6 @@ export const TableBody = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, ["tbody.__jsx-style-dynamic-selector{position:relative;}", ".loading.__jsx-style-dynamic-selector:before{content:'';position:absolute;top:0;bottom:0;inset-inline-start:0;inset-inline-end:0;background-color:rgba(255,255,255,0.8);}", `.loading.__jsx-style-dynamic-selector:after{content:'';position:absolute;top:calc(50% - 24px);inset-inline-start:calc(50% - 24px);width:48px;height:48px;border:6px solid rgba(110,122,138,0.15);border-bottom-color:${colors.blue600};border-radius:50%;-webkit-animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;animation:rotation-__jsx-style-dynamic-selector 1s linear infinite;}`, "@-webkit-keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}", "@keyframes rotation-__jsx-style-dynamic-selector{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}"]));
 });
 TableBody.displayName = 'TableBody';
-TableBody.defaultProps = {
-  dataTest: 'dhis2-uicore-tablebody'
-};
 TableBody.propTypes = {
   /** Should be `<TableRow>` components */
   children: PropTypes.node,

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

@@ -15,23 +15,23 @@ export const TableDataCell = /*#__PURE__*/forwardRef((_ref, ref) => {
   var _rtlCorrespondingAlig;
   let {
     active,
-    align,
+    align = 'left',
     backgroundColor,
     bordered,
     children,
     className,
     colSpan,
-    dataTest,
+    dataTest = 'dhis2-uicore-tabledatacel',
     error,
     large,
-    left,
+    left = 'auto',
     muted,
     role,
     rowSpan,
     scope,
     staticStyle,
     valid,
-    width,
+    width = 'auto',
     onClick,
     ...props
   } = _ref;
@@ -61,12 +61,6 @@ export const TableDataCell = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, [`td.__jsx-style-dynamic-selector{inset-inline-start:${left};text-align:${align};width:${width};background-color:${backgroundColor || colors.white};}`, `.__jsx-style-dynamic-selector:dir(rtl){text-align:${rtlAlign};}`, `tr.selected>td.__jsx-style-dynamic-selector{background-color:${backgroundColor || colors.teal100};}`, `tr:hover>td.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || colors.grey100};}`, `tr:active>td.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || colors.grey200};}`, `tr.selected:hover>td.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || '#cdeae8'};}`]));
 });
 TableDataCell.displayName = 'TableDataCell';
-TableDataCell.defaultProps = {
-  align: 'left',
-  dataTest: 'dhis2-uicore-tabledatacel',
-  left: 'auto',
-  width: 'auto'
-};
 const stylePropType = mutuallyExclusive(['valid', 'error', 'muted'], PropTypes.bool);
 TableDataCell.propTypes = {
   /** To toggle border color, for example for editing */

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

@@ -5,7 +5,7 @@ export const TableFoot = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablefoot',
     role,
     ...props
   } = _ref;
@@ -17,9 +17,6 @@ export const TableFoot = /*#__PURE__*/forwardRef((_ref, ref) => {
   }), children);
 });
 TableFoot.displayName = 'TableFoot';
-TableFoot.defaultProps = {
-  dataTest: 'dhis2-uicore-tablefoot'
-};
 TableFoot.propTypes = {
   /** Should be `<TableRow>` components */
   children: PropTypes.node,

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

@@ -17,9 +17,6 @@ export const TableHead = /*#__PURE__*/forwardRef((_ref, ref) => {
   }), children);
 });
 TableHead.displayName = 'TableHead';
-TableHead.defaultProps = {
-  dataTest: 'dhis2-uicore-tablehead'
-};
 TableHead.propTypes = {
   /** Should be `<TableRowHead>` components */
   children: PropTypes.node,

package/build/es/data-table/table-elements/table-header-cell/table-header-cell.js

@@ -10,25 +10,25 @@ const AUTO = 'auto';
 export const TableHeaderCell = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     active,
-    align,
+    align = 'left',
     backgroundColor,
     bordered,
     children,
     className,
     colSpan,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablecell',
     error,
     fixed,
     large,
-    left,
+    left = AUTO,
     muted,
     rowSpan,
     role,
     scope,
     staticStyle,
-    top,
+    top = AUTO,
     valid,
-    width,
+    width = AUTO,
     onClick,
     ...props
   } = _ref;
@@ -59,13 +59,6 @@ export const TableHeaderCell = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, [`th.__jsx-style-dynamic-selector{inset-inline-start:${left};top:${top};text-align:${align};width:${width};background-color:${backgroundColor || colors.grey200};}`, `thead th.fixedHorizontally.__jsx-style-dynamic-selector{background-color:${backgroundColor || colors.grey300};}`, `tbody>tr:hover>th.__jsx-style-dynamic-selector:not(.staticStyle),tfoot>tr:hover>th.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || colors.grey300};}`, `tbody>tr:active>th.__jsx-style-dynamic-selector:not(.staticStyle){background-color:${backgroundColor || colors.grey200};}`]));
 });
 TableHeaderCell.displayName = 'TableHeaderCell';
-TableHeaderCell.defaultProps = {
-  align: 'left',
-  dataTest: 'dhis2-uicore-tablecell',
-  left: AUTO,
-  width: AUTO,
-  top: AUTO
-};
 const stylePropType = mutuallyExclusive(['valid', 'error', 'muted'], PropTypes.bool);
 TableHeaderCell.propTypes = {
   /** To toggle border color, for example for editing */

package/build/es/data-table/table-elements/table-header-cell-action.js

@@ -8,7 +8,7 @@ export const TableHeaderCellAction = /*#__PURE__*/forwardRef((_ref, ref) => {
     onClick,
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tableheadercellaction',
     title,
     ...props
   } = _ref;
@@ -24,9 +24,6 @@ export const TableHeaderCellAction = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, ["button.__jsx-style-dynamic-selector{border:none;padding:0;background:transparent;width:24px;height:24px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;border-radius:4px;margin-inline-start:2px;}", `button.__jsx-style-dynamic-selector:hover,button.__jsx-style-dynamic-selector:focus-visible{background:${colors.grey400};}`, "button.__jsx-style-dynamic-selector:active,button.__jsx-style-dynamic-selector:focus{outline:none;}"]));
 });
 TableHeaderCellAction.displayName = 'TableHeaderCellAction';
-TableHeaderCellAction.defaultProps = {
-  dataTest: 'dhis2-uicore-tableheadercellaction'
-};
 TableHeaderCellAction.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

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

@@ -7,7 +7,7 @@ export const TableRow = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-tablerow',
     draggable,
     role,
     selected,
@@ -26,9 +26,6 @@ export const TableRow = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, ["tbody>tr.draggable.jsx-1820444258,tfoot>tr.draggable.jsx-1820444258{cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"]));
 });
 TableRow.displayName = 'TableRow';
-TableRow.defaultProps = {
-  dataTest: 'dhis2-uicore-tablerow'
-};
 TableRow.propTypes = {
   /** Should be `<TableDataCell>` or `<TableDataCellHead>` components */
   children: PropTypes.node,

package/build/es/data-table/table-elements/table-scroll-box.js

@@ -7,9 +7,9 @@ export const TableScrollBox = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     className,
-    dataTest,
-    maxHeight,
-    maxWidth,
+    dataTest = 'dhis2-uicore-tablescrollbox',
+    maxHeight = 'auto',
+    maxWidth = 'auto',
     ...props
   } = _ref;
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
@@ -22,11 +22,6 @@ export const TableScrollBox = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, [`div.__jsx-style-dynamic-selector{border:1px solid ${colors.grey300};border-top:none;box-sizing:border-box;max-height:${maxHeight};max-width:${maxWidth};overflow:auto;}`]));
 });
 TableScrollBox.displayName = 'TableScrollBox';
-TableScrollBox.defaultProps = {
-  dataTest: 'dhis2-uicore-tablescrollbox',
-  maxHeight: 'auto',
-  maxWidth: 'auto'
-};
 TableScrollBox.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

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

@@ -8,8 +8,8 @@ export const TableToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     className,
-    dataTest,
-    position,
+    dataTest = 'dhis2-uicore-tabletoolbar',
+    position = 'top',
     ...props
   } = _ref;
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
@@ -22,10 +22,6 @@ export const TableToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, [`div.__jsx-style-dynamic-selector{width:100%;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border:1px solid ${colors.grey300};padding:${spacers.dp12};}`, "div.top.__jsx-style-dynamic-selector{border-bottom:none;}", "div.bottom.__jsx-style-dynamic-selector{border-top:none;}"]));
 });
 TableToolbar.displayName = 'TableToolbar';
-TableToolbar.defaultProps = {
-  dataTest: 'dhis2-uicore-tabletoolbar',
-  position: 'top'
-};
 TableToolbar.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

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

@@ -8,11 +8,11 @@ export const Table = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     className,
-    dataTest,
-    layout,
+    dataTest = 'dhis2-uicore-table',
+    layout = 'auto',
     role,
     borderless,
-    width,
+    width = '100%',
     ...props
   } = _ref;
   return /*#__PURE__*/React.createElement("table", _extends({}, props, {
@@ -28,11 +28,6 @@ export const Table = /*#__PURE__*/forwardRef((_ref, ref) => {
   }, [`table.__jsx-style-dynamic-selector{table-layout:${layout};border-collapse:separate;border-spacing:0;width:${width};box-sizing:border-box;border:1px solid ${colors.grey300};}`, "table.borderless.__jsx-style-dynamic-selector{border:none;}"]));
 });
 Table.displayName = 'Table';
-Table.defaultProps = {
-  dataTest: 'dhis2-uicore-table',
-  width: '100%',
-  layout: 'auto'
-};
 Table.propTypes = {
   /**
    * Removes border from the table

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

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

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

@@ -4,10 +4,10 @@ import PropTypes from 'prop-types';
 import React from 'react';
 export const StackedTableCellHead = _ref => {
   let {
-    children,
+    children = '',
     className,
     colSpan,
-    dataTest,
+    dataTest = 'dhis2-uicore-stackedtablecellhead',
     rowSpan
   } = _ref;
   return /*#__PURE__*/React.createElement("th", {
@@ -28,8 +28,4 @@ StackedTableCellHead.propTypes = {
   colSpan: PropTypes.string,
   dataTest: PropTypes.string,
   rowSpan: PropTypes.string
-};
-StackedTableCellHead.defaultProps = {
-  children: '',
-  dataTest: 'dhis2-uicore-stackedtablecellhead'
 };