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

package/build/cjs/button/__tests__/Button.test.js

@@ -15,22 +15,22 @@ describe('<Button>', () => {
   });
   describe('warning for missing aria-label and title', () => {
     it('No warning  if children exist but aria-label and title is missing', () => {
-      (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_button.Button, null, "Children content"));
+      (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_button.Button, null, "Children content"));
       expect(consoleSpy).not.toHaveBeenCalled();
     });
     it('does not warn if aria-label and title is present', () => {
-      (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_button.Button, {
+      (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_button.Button, {
         "aria-label": "Test",
         title: "Test"
       }, "Children content"));
       expect(consoleSpy).not.toHaveBeenCalled();
     });
     it('warns if no children are present with no arial-label and title', () => {
-      (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_button.Button, null));
+      (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_button.Button, null));
       expect(consoleSpy).toHaveBeenCalledWith('Button component has no children but is missing title and ariaLabel attribute.');
     });
     it('No warning if there are no children but arial label and title', () => {
-      (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_button.Button, {
+      (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_button.Button, {
         "aria-label": "Test",
         title: "Test"
       }));
@@ -39,7 +39,7 @@ describe('<Button>', () => {
   });
   it('renders a default data-test attribute', () => {
     const dataTest = 'dhis2-uicore-button';
-    const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react2.default.createElement(_button.Button, {
+    const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react2.default.createElement(_button.Button, {
       dataTest: dataTest
     }));
     const actual = wrapper.find({
@@ -49,7 +49,7 @@ describe('<Button>', () => {
   });
   it('renders a custom data-test attribute', () => {
     const dataTest = 'button-data-test';
-    const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react2.default.createElement(_button.Button, {
+    const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react2.default.createElement(_button.Button, {
       dataTest: dataTest
     }));
     const actual = wrapper.find({
@@ -59,7 +59,7 @@ describe('<Button>', () => {
   });
   it('has the accessibility attributes', () => {
     const dataTest = 'button-data-test';
-    const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react2.default.createElement(_button.Button, {
+    const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react2.default.createElement(_button.Button, {
       dataTest: dataTest,
       ariaLabel: "test aria label",
       title: "title for button"
@@ -70,21 +70,21 @@ describe('<Button>', () => {
   });
   describe('toggle', () => {
     it('should have class "toggled" if toggled-prop is true', () => {
-      const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react2.default.createElement(_button.Button, {
+      const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react2.default.createElement(_button.Button, {
         toggled: true
       }));
       const actual = wrapper.find('button');
       expect(actual.hasClass('toggled')).toBe(true);
     });
     it('should not have class "toggled" if toggled-prop is not passed', () => {
-      const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react2.default.createElement(_button.Button, null));
+      const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react2.default.createElement(_button.Button, null));
       const actual = wrapper.find('button');
       expect(actual.hasClass('toggled')).toBe(false);
     });
   });
   it('should call the onKeyDown callback when provided', () => {
     const onKeyDown = jest.fn();
-    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_button.Button, {
+    (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_button.Button, {
       name: "button-name",
       value: "button-value",
       onKeyDown: onKeyDown

package/build/cjs/button/button.js

@@ -19,7 +19,7 @@ const Button = _ref => {
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-button',
     destructive,
     disabled,
     icon,
@@ -31,7 +31,7 @@ const Button = _ref => {
     small,
     tabIndex,
     toggled,
-    type,
+    type = 'button',
     value,
     onBlur,
     onClick,
@@ -107,10 +107,6 @@ const Button = _ref => {
   }, _buttonStyles.default));
 };
 exports.Button = Button;
-Button.defaultProps = {
-  type: 'button',
-  dataTest: 'dhis2-uicore-button'
-};
 Button.propTypes = {
   /** Component to render inside the button */
   children: _propTypes.default.node,

package/build/cjs/button-strip/button-strip.js

@@ -19,7 +19,7 @@ const ButtonStrip = _ref => {
     children,
     middle,
     end,
-    dataTest
+    dataTest = 'dhis2-uicore-buttonstrip'
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": dataTest,
@@ -37,9 +37,6 @@ const ButtonStrip = _ref => {
 };
 exports.ButtonStrip = ButtonStrip;
 const alignmentPropType = (0, _propTypes.mutuallyExclusive)(['middle', 'end'], _propTypes2.default.bool);
-ButtonStrip.defaultProps = {
-  dataTest: 'dhis2-uicore-buttonstrip'
-};
 ButtonStrip.propTypes = {
   children: _propTypes2.default.node,
   className: _propTypes2.default.string,

package/build/cjs/dropdown-button/__tests__/dropdown-button.test.js

@@ -44,7 +44,7 @@ describe('<DropdownButton>', () => {
         const {
           getByTestId,
           queryByText
-        } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_dropdownButton.DropdownButton, {
+        } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_dropdownButton.DropdownButton, {
           component: componentText
         }));
         const toggleButton = getByTestId('dhis2-uicore-dropdownbutton-toggle');
@@ -68,7 +68,7 @@ describe('<DropdownButton>', () => {
         const {
           getByTestId,
           queryByText
-        } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_modal.Modal, {
+        } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_modal.Modal, {
           hide: false,
           onClose: () => {}
         }, modalContent));
@@ -88,7 +88,7 @@ describe('<DropdownButton>', () => {
     });
     describe('closed state', () => {
       const onClick = jest.fn();
-      const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react2.default.createElement(_dropdownButton.DropdownButton, {
+      const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react2.default.createElement(_dropdownButton.DropdownButton, {
         onClick: onClick,
         open: false,
         component: /*#__PURE__*/_react2.default.createElement("span", null, "test")

package/build/cjs/dropdown-button/dropdown-button.js

@@ -125,7 +125,7 @@ class DropdownButton extends _react.Component {
       tabIndex,
       type,
       initialFocus,
-      dataTest
+      dataTest = 'dhis2-uicore-dropdownbutton'
     } = this.props;
     const open = typeof this.props.open === 'boolean' ? this.props.open : this.state.open;
     const ArrowIconComponent = open ? ArrowUp : ArrowDown;
@@ -164,9 +164,9 @@ class DropdownButton extends _react.Component {
   }
 }
 exports.DropdownButton = DropdownButton;
-DropdownButton.defaultProps = {
+_defineProperty(DropdownButton, "defaultProps", {
   dataTest: 'dhis2-uicore-dropdownbutton'
-};
+});
 DropdownButton.propTypes = {
   /** Children to render inside the buton */
   children: _propTypes2.default.node,

package/build/cjs/split-button/split-button.js

@@ -83,7 +83,7 @@ class SplitButton extends _react.Component {
       disabled,
       type,
       tabIndex,
-      dataTest,
+      dataTest = 'dhis2-uicore-splitbutton',
       initialFocus
     } = this.props;
     const arrow = open ? /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronUp16, null) : /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronDown16, null);
@@ -136,9 +136,9 @@ class SplitButton extends _react.Component {
   }
 }
 exports.SplitButton = SplitButton;
-SplitButton.defaultProps = {
+_defineProperty(SplitButton, "defaultProps", {
   dataTest: 'dhis2-uicore-splitbutton'
-};
+});
 SplitButton.propTypes = {
   children: _propTypes.default.string,
   className: _propTypes.default.string,

package/build/cjs/split-button/split-button.test.js

@@ -2,7 +2,6 @@
 
 var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
-require("@testing-library/jest-dom/extend-expect");
 var _splitButton = require("./split-button.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('SplitButton', () => {
@@ -10,14 +9,14 @@ describe('SplitButton', () => {
   it('renders button with children', () => {
     const {
       getByText
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, null, "Click me"));
+    } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, null, "Click me"));
     expect(getByText('Click me')).toBeInTheDocument();
   });
   it('toggles dropdown when left button is clicked', () => {
     const {
       getByTestId,
       queryByTestId
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, null));
+    } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, null));
     const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
     _react.fireEvent.click(toggleButton);
     expect(queryByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
@@ -27,7 +26,7 @@ describe('SplitButton', () => {
   it('renders dropdown content when open is true', () => {
     const {
       getByTestId
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, {
+    } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, {
       component: /*#__PURE__*/_react2.default.createElement("div", null, "Dropdown Content")
     }));
     const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
@@ -37,7 +36,7 @@ describe('SplitButton', () => {
   it("does not close dropdown 'Enter' key is pressed", async () => {
     const {
       getByTestId
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, {
+    } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, {
       component: /*#__PURE__*/_react2.default.createElement("div", null, "Dropdown Content")
     }));
     const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
@@ -56,7 +55,7 @@ describe('SplitButton', () => {
     const {
       getByTestId,
       queryByTestId
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, {
+    } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, {
       component: /*#__PURE__*/_react2.default.createElement("div", null, "Dropdown Content")
     }));
     const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
@@ -74,7 +73,7 @@ describe('SplitButton', () => {
   it('adds title and aria-label attributes to the right button', () => {
     const {
       getByTestId
-    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, null));
+    } = (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_splitButton.SplitButton, null));
     const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
     expect(toggleButton).toHaveAttribute('title', 'Toggle dropdown');
     expect(toggleButton).toHaveAttribute('aria-label', 'Toggle dropdown');

package/build/es/button/__tests__/Button.test.js

@@ -12,22 +12,22 @@ describe('<Button>', () => {
   });
   describe('warning for missing aria-label and title', () => {
     it('No warning  if children exist but aria-label and title is missing', () => {
-      render( /*#__PURE__*/React.createElement(Button, null, "Children content"));
+      render(/*#__PURE__*/React.createElement(Button, null, "Children content"));
       expect(consoleSpy).not.toHaveBeenCalled();
     });
     it('does not warn if aria-label and title is present', () => {
-      render( /*#__PURE__*/React.createElement(Button, {
+      render(/*#__PURE__*/React.createElement(Button, {
         "aria-label": "Test",
         title: "Test"
       }, "Children content"));
       expect(consoleSpy).not.toHaveBeenCalled();
     });
     it('warns if no children are present with no arial-label and title', () => {
-      render( /*#__PURE__*/React.createElement(Button, null));
+      render(/*#__PURE__*/React.createElement(Button, null));
       expect(consoleSpy).toHaveBeenCalledWith('Button component has no children but is missing title and ariaLabel attribute.');
     });
     it('No warning if there are no children but arial label and title', () => {
-      render( /*#__PURE__*/React.createElement(Button, {
+      render(/*#__PURE__*/React.createElement(Button, {
         "aria-label": "Test",
         title: "Test"
       }));
@@ -36,7 +36,7 @@ describe('<Button>', () => {
   });
   it('renders a default data-test attribute', () => {
     const dataTest = 'dhis2-uicore-button';
-    const wrapper = mount( /*#__PURE__*/React.createElement(Button, {
+    const wrapper = mount(/*#__PURE__*/React.createElement(Button, {
       dataTest: dataTest
     }));
     const actual = wrapper.find({
@@ -46,7 +46,7 @@ describe('<Button>', () => {
   });
   it('renders a custom data-test attribute', () => {
     const dataTest = 'button-data-test';
-    const wrapper = mount( /*#__PURE__*/React.createElement(Button, {
+    const wrapper = mount(/*#__PURE__*/React.createElement(Button, {
       dataTest: dataTest
     }));
     const actual = wrapper.find({
@@ -56,7 +56,7 @@ describe('<Button>', () => {
   });
   it('has the accessibility attributes', () => {
     const dataTest = 'button-data-test';
-    const wrapper = mount( /*#__PURE__*/React.createElement(Button, {
+    const wrapper = mount(/*#__PURE__*/React.createElement(Button, {
       dataTest: dataTest,
       ariaLabel: "test aria label",
       title: "title for button"
@@ -67,21 +67,21 @@ describe('<Button>', () => {
   });
   describe('toggle', () => {
     it('should have class "toggled" if toggled-prop is true', () => {
-      const wrapper = mount( /*#__PURE__*/React.createElement(Button, {
+      const wrapper = mount(/*#__PURE__*/React.createElement(Button, {
         toggled: true
       }));
       const actual = wrapper.find('button');
       expect(actual.hasClass('toggled')).toBe(true);
     });
     it('should not have class "toggled" if toggled-prop is not passed', () => {
-      const wrapper = mount( /*#__PURE__*/React.createElement(Button, null));
+      const wrapper = mount(/*#__PURE__*/React.createElement(Button, null));
       const actual = wrapper.find('button');
       expect(actual.hasClass('toggled')).toBe(false);
     });
   });
   it('should call the onKeyDown callback when provided', () => {
     const onKeyDown = jest.fn();
-    render( /*#__PURE__*/React.createElement(Button, {
+    render(/*#__PURE__*/React.createElement(Button, {
       name: "button-name",
       value: "button-value",
       onKeyDown: onKeyDown

package/build/es/button/button.js

@@ -10,7 +10,7 @@ export const Button = _ref => {
   let {
     children,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-button',
     destructive,
     disabled,
     icon,
@@ -22,7 +22,7 @@ export const Button = _ref => {
     small,
     tabIndex,
     toggled,
-    type,
+    type = 'button',
     value,
     onBlur,
     onClick,
@@ -97,10 +97,6 @@ export const Button = _ref => {
     id: styles.__hash
   }, styles));
 };
-Button.defaultProps = {
-  type: 'button',
-  dataTest: 'dhis2-uicore-button'
-};
 Button.propTypes = {
   /** Component to render inside the button */
   children: PropTypes.node,

package/build/es/button-strip/button-strip.js

@@ -10,7 +10,7 @@ const ButtonStrip = _ref => {
     children,
     middle,
     end,
-    dataTest
+    dataTest = 'dhis2-uicore-buttonstrip'
   } = _ref;
   return /*#__PURE__*/React.createElement("div", {
     "data-test": dataTest,
@@ -27,9 +27,6 @@ const ButtonStrip = _ref => {
   }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", "div.middle.__jsx-style-dynamic-selector{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}", "div.end.__jsx-style-dynamic-selector{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}", `.box.__jsx-style-dynamic-selector{margin-inline-start:${spacers.dp8};}`, ".box.__jsx-style-dynamic-selector:first-child{margin-inline-start:0;}"]));
 };
 const alignmentPropType = mutuallyExclusive(['middle', 'end'], PropTypes.bool);
-ButtonStrip.defaultProps = {
-  dataTest: 'dhis2-uicore-buttonstrip'
-};
 ButtonStrip.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

package/build/es/dropdown-button/__tests__/dropdown-button.test.js

@@ -41,7 +41,7 @@ describe('<DropdownButton>', () => {
         const {
           getByTestId,
           queryByText
-        } = render( /*#__PURE__*/React.createElement(DropdownButton, {
+        } = render(/*#__PURE__*/React.createElement(DropdownButton, {
           component: componentText
         }));
         const toggleButton = getByTestId('dhis2-uicore-dropdownbutton-toggle');
@@ -65,7 +65,7 @@ describe('<DropdownButton>', () => {
         const {
           getByTestId,
           queryByText
-        } = render( /*#__PURE__*/React.createElement(Modal, {
+        } = render(/*#__PURE__*/React.createElement(Modal, {
           hide: false,
           onClose: () => {}
         }, modalContent));
@@ -85,7 +85,7 @@ describe('<DropdownButton>', () => {
     });
     describe('closed state', () => {
       const onClick = jest.fn();
-      const wrapper = mount( /*#__PURE__*/React.createElement(DropdownButton, {
+      const wrapper = mount(/*#__PURE__*/React.createElement(DropdownButton, {
         onClick: onClick,
         open: false,
         component: /*#__PURE__*/React.createElement("span", null, "test")

package/build/es/dropdown-button/dropdown-button.js

@@ -116,7 +116,7 @@ class DropdownButton extends Component {
       tabIndex,
       type,
       initialFocus,
-      dataTest
+      dataTest = 'dhis2-uicore-dropdownbutton'
     } = this.props;
     const open = typeof this.props.open === 'boolean' ? this.props.open : this.state.open;
     const ArrowIconComponent = open ? ArrowUp : ArrowDown;
@@ -154,9 +154,9 @@ class DropdownButton extends Component {
     }, ["div.jsx-3163060161{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;color:inherit;white-space:nowrap;}"]));
   }
 }
-DropdownButton.defaultProps = {
+_defineProperty(DropdownButton, "defaultProps", {
   dataTest: 'dhis2-uicore-dropdownbutton'
-};
+});
 DropdownButton.propTypes = {
   /** Children to render inside the buton */
   children: PropTypes.node,

package/build/es/split-button/split-button.js

@@ -74,7 +74,7 @@ class SplitButton extends Component {
       disabled,
       type,
       tabIndex,
-      dataTest,
+      dataTest = 'dhis2-uicore-splitbutton',
       initialFocus
     } = this.props;
     const arrow = open ? /*#__PURE__*/React.createElement(IconChevronUp16, null) : /*#__PURE__*/React.createElement(IconChevronDown16, null);
@@ -126,9 +126,9 @@ class SplitButton extends Component {
     }, ["div.jsx-2116647326{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:inherit;white-space:nowrap;position:relative;z-index:0;}", "div.jsx-2116647326>button:first-child{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:0;}", "div.jsx-2116647326>button:last-child{border-start-start-radius:0;border-end-start-radius:0;}"]));
   }
 }
-SplitButton.defaultProps = {
+_defineProperty(SplitButton, "defaultProps", {
   dataTest: 'dhis2-uicore-splitbutton'
-};
+});
 SplitButton.propTypes = {
   children: PropTypes.string,
   className: PropTypes.string,

package/build/es/split-button/split-button.test.js

@@ -1,20 +1,19 @@
 import { render, fireEvent, cleanup, waitFor } from '@testing-library/react';
 import React from 'react';
-import '@testing-library/jest-dom/extend-expect';
 import { SplitButton } from './split-button.js';
 describe('SplitButton', () => {
   afterEach(cleanup);
   it('renders button with children', () => {
     const {
       getByText
-    } = render( /*#__PURE__*/React.createElement(SplitButton, null, "Click me"));
+    } = render(/*#__PURE__*/React.createElement(SplitButton, null, "Click me"));
     expect(getByText('Click me')).toBeInTheDocument();
   });
   it('toggles dropdown when left button is clicked', () => {
     const {
       getByTestId,
       queryByTestId
-    } = render( /*#__PURE__*/React.createElement(SplitButton, null));
+    } = render(/*#__PURE__*/React.createElement(SplitButton, null));
     const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
     fireEvent.click(toggleButton);
     expect(queryByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
@@ -24,7 +23,7 @@ describe('SplitButton', () => {
   it('renders dropdown content when open is true', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(SplitButton, {
+    } = render(/*#__PURE__*/React.createElement(SplitButton, {
       component: /*#__PURE__*/React.createElement("div", null, "Dropdown Content")
     }));
     const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
@@ -34,7 +33,7 @@ describe('SplitButton', () => {
   it("does not close dropdown 'Enter' key is pressed", async () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(SplitButton, {
+    } = render(/*#__PURE__*/React.createElement(SplitButton, {
       component: /*#__PURE__*/React.createElement("div", null, "Dropdown Content")
     }));
     const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
@@ -53,7 +52,7 @@ describe('SplitButton', () => {
     const {
       getByTestId,
       queryByTestId
-    } = render( /*#__PURE__*/React.createElement(SplitButton, {
+    } = render(/*#__PURE__*/React.createElement(SplitButton, {
       component: /*#__PURE__*/React.createElement("div", null, "Dropdown Content")
     }));
     const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
@@ -71,7 +70,7 @@ describe('SplitButton', () => {
   it('adds title and aria-label attributes to the right button', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(SplitButton, null));
+    } = render(/*#__PURE__*/React.createElement(SplitButton, null));
     const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
     expect(toggleButton).toHaveAttribute('title', 'Toggle dropdown');
     expect(toggleButton).toHaveAttribute('aria-label', 'Toggle dropdown');

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/button",
-    "version": "10.0.0-alpha.6",
+    "version": "10.0.0-alpha.8",
     "description": "UI Button",
     "repository": {
         "type": "git",
@@ -27,17 +27,17 @@
         "test": "d2-app-scripts test --jestConfig ../../jest.config.shared.js"
     },
     "peerDependencies": {
-        "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/layer": "10.0.0-alpha.6",
-        "@dhis2-ui/loader": "10.0.0-alpha.6",
-        "@dhis2-ui/popper": "10.0.0-alpha.6",
-        "@dhis2/ui-constants": "10.0.0-alpha.6",
-        "@dhis2/ui-icons": "10.0.0-alpha.6",
+        "@dhis2-ui/layer": "10.0.0-alpha.8",
+        "@dhis2-ui/loader": "10.0.0-alpha.8",
+        "@dhis2-ui/popper": "10.0.0-alpha.8",
+        "@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"
     },
@@ -46,8 +46,8 @@
         "types"
     ],
     "devDependencies": {
-        "react": "16.13",
-        "react-dom": "16.13",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
         "styled-jsx": "^4.0.1"
     },
     "types": "types"