@dhis2-ui/button 9.5.0-alpha.1 → 9.5.0

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

@@ -11,37 +11,6 @@ var _button = require("../button.js");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 describe('<Button>', () => {
-  let consoleSpy;
-  beforeEach(() => {
-    consoleSpy = jest.spyOn(console, 'debug').mockImplementation();
-  });
-  afterEach(() => {
-    consoleSpy.mockRestore();
-  });
-  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"));
-      expect(consoleSpy).not.toHaveBeenCalled();
-    });
-    it('does not warn if aria-label and title is present', () => {
-      (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));
-      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, {
-        "aria-label": "Test",
-        title: "Test"
-      }));
-      expect(consoleSpy).not.toHaveBeenCalled();
-    });
-  });
   it('renders a default data-test attribute', () => {
     const dataTest = 'dhis2-uicore-button';
     const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react2.default.createElement(_button.Button, {

package/build/cjs/button/button.js

@@ -58,14 +58,6 @@ const Button = _ref => {
       ref.current.focus();
     }
   }, [initialFocus, ref.current]);
-  const {
-    'aria-label': ariaLabel,
-    title
-  } = otherProps;
-
-  if (!children && !title && !ariaLabel) {
-    console.debug('Button component has no children but is missing title and ariaLabel attribute.');
-  }
 
   const handleClick = event => onClick && onClick({
     value,

package/build/cjs/button/features/can_be_blurred/index.js

@@ -1,15 +1,15 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('an Button with initialFocus and onBlur handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('an Button with initialFocus and onBlur handler is rendered', () => {
   cy.visitStory('Button', 'With initialFocus and onBlur');
   cy.focused().should('exist');
 });
-(0, _steps.When)('the Button is blurred', () => {
+(0, _cypressCucumberPreprocessor.When)('the Button is blurred', () => {
   cy.get('[data-test="dhis2-uicore-button"]').blur();
 });
-(0, _steps.Then)('the onBlur handler is called', () => {
+(0, _cypressCucumberPreprocessor.Then)('the onBlur handler is called', () => {
   cy.window().should(win => {
     expect(win.onBlur).to.be.calledWith({
       value: 'default',

package/build/cjs/button/features/can_be_clicked/index.js

@@ -1,14 +1,14 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a Button with onClick handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a Button with onClick handler is rendered', () => {
   cy.visitStory('Button', 'With onClick');
 });
-(0, _steps.When)('the Button is clicked', () => {
+(0, _cypressCucumberPreprocessor.When)('the Button is clicked', () => {
   cy.get('[data-test="dhis2-uicore-button"]').click();
 });
-(0, _steps.Then)('the onClick handler is called', () => {
+(0, _cypressCucumberPreprocessor.Then)('the onClick handler is called', () => {
   cy.window().should(win => {
     expect(win.onClick).to.be.calledWith({
       name: 'Button',

package/build/cjs/button/features/can_be_focused/index.js

@@ -1,14 +1,14 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a Button with onFocus handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a Button with onFocus handler is rendered', () => {
   cy.visitStory('Button', 'With onFocus');
 });
-(0, _steps.When)('the Button is focused', () => {
+(0, _cypressCucumberPreprocessor.When)('the Button is focused', () => {
   cy.get('[data-test="dhis2-uicore-button"]').focus();
 });
-(0, _steps.Then)('the onFocus handler is called', () => {
+(0, _cypressCucumberPreprocessor.Then)('the onFocus handler is called', () => {
   cy.window().should(win => {
     expect(win.onFocus).to.be.calledWith({
       value: 'default',

package/build/cjs/button-strip/features/accepts_children/index.js

@@ -1,11 +1,11 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a ButtonStrip with children is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a ButtonStrip with children is rendered', () => {
   cy.visitStory('ButtonStrip', 'With children');
   cy.get('[data-test="dhis2-uicore-buttonstrip"]').should('be.visible');
 });
-(0, _steps.Then)('the children are visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the children are visible', () => {
   cy.contains('I am a child').should('be.visible');
 });

package/build/cjs/dropdown-button/features/accepts_children/index.js

@@ -1,11 +1,11 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a DropdownButton with children is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a DropdownButton with children is rendered', () => {
   cy.visitStory('DropdownButton', 'With children');
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').should('be.visible');
 });
-(0, _steps.Then)('the children are visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the children are visible', () => {
   cy.contains('I am a child').should('be.visible');
 });

package/build/cjs/dropdown-button/features/accepts_component/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a DropdownButton with a component prop and opened dropdown is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a DropdownButton with a component prop and opened dropdown is rendered', () => {
   cy.visitStory('DropdownButton', 'With component');
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').should('be.visible');
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').click();
   cy.get('[data-test="dhis2-uicore-dropdownbutton-popper"]').should('exist');
 });
-(0, _steps.Then)('the component is visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the component is visible', () => {
   cy.contains('I am a component').should('be.visible');
 });

package/build/cjs/dropdown-button/features/accepts_icon/index.js

@@ -1,11 +1,11 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a DropdownButton with an icon prop is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a DropdownButton with an icon prop is rendered', () => {
   cy.visitStory('DropdownButton', 'With icon');
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').should('be.visible');
 });
-(0, _steps.Then)('the icon is visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the icon is visible', () => {
   cy.contains('Icon').should('be.visible');
 });

package/build/cjs/dropdown-button/features/accepts_initial_focus/index.js

@@ -1,10 +1,10 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a DropdownButton with initialFocus is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a DropdownButton with initialFocus is rendered', () => {
   cy.visitStory('DropdownButton', 'With initialFocus');
 });
-(0, _steps.Then)('the DropdownButton is focused', () => {
+(0, _cypressCucumberPreprocessor.Then)('the DropdownButton is focused', () => {
   cy.focused().parent('[data-test="dhis2-uicore-dropdownbutton"]').should('exist');
 });

package/build/cjs/dropdown-button/features/button_is_clickable/index.js

@@ -1,13 +1,11 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a DropdownButton with onClick handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a DropdownButton with onClick handler is rendered', () => {
   cy.visitStory('DropdownButton', 'With onClick');
 });
-(0, _steps.Then)('the onClick handler is called', () => {
+(0, _cypressCucumberPreprocessor.Then)('the onClick handler is called', () => {
   cy.window().should(win => {
     expect(win.onClick).to.be.calledWith({
       name: 'Button',

package/build/cjs/dropdown-button/features/can_be_disabled/index.js

@@ -1,16 +1,11 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a disabled DropdownButton with onClick handler is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a disabled DropdownButton with onClick handler is rendered', () => {
   cy.visitStory('DropdownButton', 'Disabled with onClick');
 });
-(0, _steps.When)('the DropdownButton is clicked', () => {
-  cy.get('[data-test="dhis2-uicore-dropdownbutton"] button').click({
-    force: true
-  });
-});
-(0, _steps.Then)('the onClick handler is not called', () => {
+(0, _cypressCucumberPreprocessor.Then)('the onClick handler is not called', () => {
   cy.window().should(win => {
     expect(win.onClick).not.to.be.called;
   });

package/build/cjs/dropdown-button/features/common/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.When)('the DropdownButton is clicked', () => {
+(0, _cypressCucumberPreprocessor.When)('the DropdownButton is clicked', () => {
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').click();
 });

package/build/cjs/dropdown-button/features/opens_a_dropdown/index.js

@@ -1,23 +1,21 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a default DropdownButton is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a default DropdownButton is rendered', () => {
   cy.visitStory('DropdownButton', 'Default');
 });
-(0, _steps.Given)('a DropdownButton with opened dropdown is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a DropdownButton with opened dropdown is rendered', () => {
   cy.visitStory('DropdownButton', 'Default');
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').click();
   cy.get('[data-test="dhis2-uicore-dropdownbutton-popper"]').should('exist');
 });
-(0, _steps.When)('the user clicks the backdrop Layer', () => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks the backdrop Layer', () => {
   cy.get('[data-test="dhis2-uicore-layer"]').click();
 });
-(0, _steps.Then)('the dropdown is not rendered', () => {
+(0, _cypressCucumberPreprocessor.Then)('the dropdown is not rendered', () => {
   cy.get('[data-test="dhis2-uicore-dropdownbutton-popper"]').should('not.exist');
 });
-(0, _steps.Then)('the dropdown is rendered', () => {
+(0, _cypressCucumberPreprocessor.Then)('the dropdown is rendered', () => {
   cy.get('[data-test="dhis2-uicore-dropdownbutton-popper"]').should('exist');
 });

package/build/cjs/split-button/features/accepts_children/index.js

@@ -1,11 +1,11 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a SplitButton with children is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SplitButton with children is rendered', () => {
   cy.visitStory('SplitButton', 'With children');
   cy.get('[data-test="dhis2-uicore-splitbutton"]').should('be.visible');
 });
-(0, _steps.Then)('the children are visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the children are visible', () => {
   cy.get('[data-test="dhis2-uicore-splitbutton-button"]').contains('I am a child').should('be.visible');
 });

package/build/cjs/split-button/features/accepts_icon/index.js

@@ -1,12 +1,12 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a SplitButton with an icon is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SplitButton with an icon is rendered', () => {
   cy.visitStory('SplitButton', 'With icon');
   cy.get('[data-test="dhis2-uicore-splitbutton"]').should('be.visible');
 });
-(0, _steps.Then)('the icon is visible on the left button only', () => {
-  cy.get('[data-test="dhis2-uicore-splitbutton-button"]').contains('Icon').should('be.visible');
-  cy.get('[data-test="dhis2-uicore-splitbutton-toggle"]').contains('Icon').should('not.exist');
+(0, _cypressCucumberPreprocessor.Then)('the icon is visible on the left button only', () => {
+  cy.get('[data-test="dhis2-uicore-splitbutton-button"] :contains("Icon")').should('be.visible');
+  cy.get('[data-test="dhis2-uicore-splitbutton-toggle"] :contains("Icon")').should('not.exist');
 });

package/build/cjs/split-button/features/accepts_initial_focus/index.js

@@ -1,10 +1,10 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a SplitButton with initialFocus is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SplitButton with initialFocus is rendered', () => {
   cy.visitStory('SplitButton', 'With initialFocus');
 });
-(0, _steps.Then)('the SplitButton button is focused', () => {
+(0, _cypressCucumberPreprocessor.Then)('the SplitButton button is focused', () => {
   cy.focused().should('have.attr', 'data-test', 'dhis2-uicore-splitbutton-button');
 });

package/build/cjs/split-button/features/arrow_opens_menu/index.js

@@ -1,31 +1,29 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a SplitButton is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SplitButton is rendered', () => {
   cy.visitStory('SplitButton', 'Default');
 });
-(0, _steps.Given)('the SplitButton menu is open', () => {
+(0, _cypressCucumberPreprocessor.Given)('the SplitButton menu is open', () => {
   cy.get('[data-test="dhis2-uicore-splitbutton-toggle"]').click();
   cy.get('[data-test="dhis2-uicore-splitbutton-menu"]').should('be.visible');
 });
-(0, _steps.Given)('the SplitButton menu is closed', () => {
+(0, _cypressCucumberPreprocessor.Given)('the SplitButton menu is closed', () => {
   cy.get('[data-test="dhis2-uicore-splitbutton-menu"]').should('not.exist');
 });
-(0, _steps.When)('the user clicks the backdrop Layer', () => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks the backdrop Layer', () => {
   cy.get('[data-test="dhis2-uicore-layer"]').click();
 });
-(0, _steps.Then)('the menu is not visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the menu is not visible', () => {
   cy.get('[data-test="dhis2-uicore-splitbutton-menu"]').should('not.exist');
 });
-(0, _steps.Then)('the component is not visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the component is not visible', () => {
   cy.contains('Component').should('not.exist');
 });
-(0, _steps.Then)('the menu is visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the menu is visible', () => {
   cy.get('[data-test="dhis2-uicore-splitbutton-menu"]').should('be.visible');
 });
-(0, _steps.Then)('the component is visible', () => {
+(0, _cypressCucumberPreprocessor.Then)('the component is visible', () => {
   cy.contains('Component').should('be.visible');
 });

package/build/cjs/split-button/features/button_is_clickable/index.js

@@ -1,13 +1,11 @@
 "use strict";
 
-require("../common/index.js");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
-
-(0, _steps.Given)('a SplitButton with onClick hander is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a SplitButton with onClick hander is rendered', () => {
   cy.visitStory('SplitButton', 'With onClick');
 });
-(0, _steps.Then)('the onClick handler is called', () => {
+(0, _cypressCucumberPreprocessor.Then)('the onClick handler is called', () => {
   cy.window().its('onClick').should('be.calledWith', {
     name: 'Button',
     value: 'default',

package/build/cjs/split-button/features/can_be_disabled/index.js

@@ -1,23 +1,23 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.Given)('a disabled SplitButton is rendered', () => {
+(0, _cypressCucumberPreprocessor.Given)('a disabled SplitButton is rendered', () => {
   cy.visitStory('SplitButton', 'With disabled');
 });
-(0, _steps.When)('the user clicks the SplitButton Button', () => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks the SplitButton Button', () => {
   cy.get('[data-test="dhis2-uicore-splitbutton-button"]').click({
     force: true
   });
 });
-(0, _steps.Then)('the SplitButton Button is not focused', () => {
+(0, _cypressCucumberPreprocessor.Then)('the SplitButton Button is not focused', () => {
   cy.focused().should('not.exist');
 });
-(0, _steps.When)('the user clicks the SplitButton Toggle', () => {
+(0, _cypressCucumberPreprocessor.When)('the user clicks the SplitButton Toggle', () => {
   cy.get('[data-test="dhis2-uicore-splitbutton-toggle"]').click({
     force: true
   });
 });
-(0, _steps.Then)('the SplitButton Toggle is not focused', () => {
+(0, _cypressCucumberPreprocessor.Then)('the SplitButton Toggle is not focused', () => {
   cy.focused().should('not.exist');
 });

package/build/cjs/split-button/features/common/index.js

@@ -1,10 +1,10 @@
 "use strict";
 
-var _steps = require("cypress-cucumber-preprocessor/steps");
+var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
 
-(0, _steps.When)('the SplitButton is clicked', () => {
+(0, _cypressCucumberPreprocessor.When)('the SplitButton is clicked', () => {
   cy.get('[data-test="dhis2-uicore-splitbutton-button"]').click();
 });
-(0, _steps.When)('the SplitButton toggle is clicked', () => {
+(0, _cypressCucumberPreprocessor.When)('the SplitButton toggle is clicked', () => {
   cy.get('[data-test="dhis2-uicore-splitbutton-toggle"]').click();
 });

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

@@ -23,8 +23,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _index = require("../index.js");
 
-var _index2 = _interopRequireDefault(require("../locales/index.js"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -50,18 +48,6 @@ class SplitButton extends _react.Component {
 
     _defineProperty(this, "anchorRef", /*#__PURE__*/_react.default.createRef());
 
-    _defineProperty(this, "handleKeyDown", event => {
-      event.preventDefault();
-
-      if (event.key === 'Escape' && this.state.open) {
-        event.stopPropagation();
-        this.setState({
-          open: false
-        });
-        this.anchorRef.current && this.anchorRef.current.focus();
-      }
-    });
-
     _defineProperty(this, "onClick", (payload, event) => {
       if (this.props.onClick) {
         this.props.onClick({
@@ -72,19 +58,9 @@ class SplitButton extends _react.Component {
       }
     });
 
-    _defineProperty(this, "onToggle", () => {
-      this.setState(prevState => ({
-        open: !prevState.open
-      }));
-    });
-  }
-
-  componentDidMount() {
-    document.addEventListener('keydown', this.handleKeyDown);
-  }
-
-  componentWillUnmount() {
-    document.removeEventListener('keydown', this.handleKeyDown);
+    _defineProperty(this, "onToggle", () => this.setState({
+      open: !this.state.open
+    }));
   }
 
   render() {
@@ -143,9 +119,7 @@ class SplitButton extends _react.Component {
       type: type,
       tabIndex: tabIndex,
       className: (0, _classnames.default)(className, rightButton.className),
-      dataTest: "".concat(dataTest, "-toggle"),
-      title: _index2.default.t('Toggle dropdown'),
-      "aria-label": _index2.default.t('Toggle dropdown')
+      dataTest: "".concat(dataTest, "-toggle")
     }, arrow), open && /*#__PURE__*/_react.default.createElement(_layer.Layer, {
       onBackdropClick: this.onToggle,
       transparent: true

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

@@ -3,37 +3,6 @@ import { mount } from 'enzyme';
 import React from 'react';
 import { Button } from '../button.js';
 describe('<Button>', () => {
-  let consoleSpy;
-  beforeEach(() => {
-    consoleSpy = jest.spyOn(console, 'debug').mockImplementation();
-  });
-  afterEach(() => {
-    consoleSpy.mockRestore();
-  });
-  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"));
-      expect(consoleSpy).not.toHaveBeenCalled();
-    });
-    it('does not warn if aria-label and title is present', () => {
-      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));
-      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, {
-        "aria-label": "Test",
-        title: "Test"
-      }));
-      expect(consoleSpy).not.toHaveBeenCalled();
-    });
-  });
   it('renders a default data-test attribute', () => {
     const dataTest = 'dhis2-uicore-button';
     const wrapper = mount( /*#__PURE__*/React.createElement(Button, {

package/build/es/button/button.js

@@ -39,14 +39,6 @@ export const Button = _ref => {
       ref.current.focus();
     }
   }, [initialFocus, ref.current]);
-  const {
-    'aria-label': ariaLabel,
-    title
-  } = otherProps;
-
-  if (!children && !title && !ariaLabel) {
-    console.debug('Button component has no children but is missing title and ariaLabel attribute.');
-  }
 
   const handleClick = event => onClick && onClick({
     value,

package/build/es/button/features/can_be_blurred/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('an Button with initialFocus and onBlur handler is rendered', () => {
   cy.visitStory('Button', 'With initialFocus and onBlur');
   cy.focused().should('exist');

package/build/es/button/features/can_be_clicked/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a Button with onClick handler is rendered', () => {
   cy.visitStory('Button', 'With onClick');
 });

package/build/es/button/features/can_be_focused/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a Button with onFocus handler is rendered', () => {
   cy.visitStory('Button', 'With onFocus');
 });

package/build/es/button-strip/features/accepts_children/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a ButtonStrip with children is rendered', () => {
   cy.visitStory('ButtonStrip', 'With children');
   cy.get('[data-test="dhis2-uicore-buttonstrip"]').should('be.visible');

package/build/es/dropdown-button/features/accepts_children/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a DropdownButton with children is rendered', () => {
   cy.visitStory('DropdownButton', 'With children');
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').should('be.visible');

package/build/es/dropdown-button/features/accepts_component/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a DropdownButton with a component prop and opened dropdown is rendered', () => {
   cy.visitStory('DropdownButton', 'With component');
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').should('be.visible');

package/build/es/dropdown-button/features/accepts_icon/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a DropdownButton with an icon prop is rendered', () => {
   cy.visitStory('DropdownButton', 'With icon');
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').should('be.visible');

package/build/es/dropdown-button/features/accepts_initial_focus/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a DropdownButton with initialFocus is rendered', () => {
   cy.visitStory('DropdownButton', 'With initialFocus');
 });

package/build/es/dropdown-button/features/button_is_clickable/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a DropdownButton with onClick handler is rendered', () => {
   cy.visitStory('DropdownButton', 'With onClick');
 });

package/build/es/dropdown-button/features/can_be_disabled/index.js

@@ -1,12 +1,7 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a disabled DropdownButton with onClick handler is rendered', () => {
   cy.visitStory('DropdownButton', 'Disabled with onClick');
 });
-When('the DropdownButton is clicked', () => {
-  cy.get('[data-test="dhis2-uicore-dropdownbutton"] button').click({
-    force: true
-  });
-});
 Then('the onClick handler is not called', () => {
   cy.window().should(win => {
     expect(win.onClick).not.to.be.called;

package/build/es/dropdown-button/features/common/index.js

@@ -1,4 +1,4 @@
-import { When } from 'cypress-cucumber-preprocessor/steps';
+import { When } from '@badeball/cypress-cucumber-preprocessor';
 When('the DropdownButton is clicked', () => {
   cy.get('[data-test="dhis2-uicore-dropdownbutton"]').click();
 });

package/build/es/dropdown-button/features/opens_a_dropdown/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a default DropdownButton is rendered', () => {
   cy.visitStory('DropdownButton', 'Default');
 });

package/build/es/split-button/features/accepts_children/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a SplitButton with children is rendered', () => {
   cy.visitStory('SplitButton', 'With children');
   cy.get('[data-test="dhis2-uicore-splitbutton"]').should('be.visible');

package/build/es/split-button/features/accepts_icon/index.js

@@ -1,9 +1,9 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a SplitButton with an icon is rendered', () => {
   cy.visitStory('SplitButton', 'With icon');
   cy.get('[data-test="dhis2-uicore-splitbutton"]').should('be.visible');
 });
 Then('the icon is visible on the left button only', () => {
-  cy.get('[data-test="dhis2-uicore-splitbutton-button"]').contains('Icon').should('be.visible');
-  cy.get('[data-test="dhis2-uicore-splitbutton-toggle"]').contains('Icon').should('not.exist');
+  cy.get('[data-test="dhis2-uicore-splitbutton-button"] :contains("Icon")').should('be.visible');
+  cy.get('[data-test="dhis2-uicore-splitbutton-toggle"] :contains("Icon")').should('not.exist');
 });

package/build/es/split-button/features/accepts_initial_focus/index.js

@@ -1,4 +1,4 @@
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a SplitButton with initialFocus is rendered', () => {
   cy.visitStory('SplitButton', 'With initialFocus');
 });

package/build/es/split-button/features/arrow_opens_menu/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a SplitButton is rendered', () => {
   cy.visitStory('SplitButton', 'Default');
 });

package/build/es/split-button/features/button_is_clickable/index.js

@@ -1,5 +1,4 @@
-import '../common/index.js';
-import { Given, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a SplitButton with onClick hander is rendered', () => {
   cy.visitStory('SplitButton', 'With onClick');
 });

package/build/es/split-button/features/can_be_disabled/index.js

@@ -1,4 +1,4 @@
-import { Given, When, Then } from 'cypress-cucumber-preprocessor/steps';
+import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 Given('a disabled SplitButton is rendered', () => {
   cy.visitStory('SplitButton', 'With disabled');
 });

package/build/es/split-button/features/common/index.js

@@ -1,4 +1,4 @@
-import { When } from 'cypress-cucumber-preprocessor/steps';
+import { When } from '@badeball/cypress-cucumber-preprocessor';
 When('the SplitButton is clicked', () => {
   cy.get('[data-test="dhis2-uicore-splitbutton-button"]').click();
 });

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

@@ -10,7 +10,6 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import { Button } from '../index.js';
-import i18n from '../locales/index.js';
 const rightButton = {
   styles: /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2502148942"
@@ -28,18 +27,6 @@ class SplitButton extends Component {
 
     _defineProperty(this, "anchorRef", /*#__PURE__*/React.createRef());
 
-    _defineProperty(this, "handleKeyDown", event => {
-      event.preventDefault();
-
-      if (event.key === 'Escape' && this.state.open) {
-        event.stopPropagation();
-        this.setState({
-          open: false
-        });
-        this.anchorRef.current && this.anchorRef.current.focus();
-      }
-    });
-
     _defineProperty(this, "onClick", (payload, event) => {
       if (this.props.onClick) {
         this.props.onClick({
@@ -50,19 +37,9 @@ class SplitButton extends Component {
       }
     });
 
-    _defineProperty(this, "onToggle", () => {
-      this.setState(prevState => ({
-        open: !prevState.open
-      }));
-    });
-  }
-
-  componentDidMount() {
-    document.addEventListener('keydown', this.handleKeyDown);
-  }
-
-  componentWillUnmount() {
-    document.removeEventListener('keydown', this.handleKeyDown);
+    _defineProperty(this, "onToggle", () => this.setState({
+      open: !this.state.open
+    }));
   }
 
   render() {
@@ -121,9 +98,7 @@ class SplitButton extends Component {
       type: type,
       tabIndex: tabIndex,
       className: cx(className, rightButton.className),
-      dataTest: "".concat(dataTest, "-toggle"),
-      title: i18n.t('Toggle dropdown'),
-      "aria-label": i18n.t('Toggle dropdown')
+      dataTest: "".concat(dataTest, "-toggle")
     }, arrow), open && /*#__PURE__*/React.createElement(Layer, {
       onBackdropClick: this.onToggle,
       transparent: true

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/button",
-    "version": "9.5.0-alpha.1",
+    "version": "9.5.0",
     "description": "UI Button",
     "repository": {
         "type": "git",
@@ -33,11 +33,11 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/layer": "9.5.0-alpha.1",
-        "@dhis2-ui/loader": "9.5.0-alpha.1",
-        "@dhis2-ui/popper": "9.5.0-alpha.1",
-        "@dhis2/ui-constants": "9.5.0-alpha.1",
-        "@dhis2/ui-icons": "9.5.0-alpha.1",
+        "@dhis2-ui/layer": "9.5.0",
+        "@dhis2-ui/loader": "9.5.0",
+        "@dhis2-ui/popper": "9.5.0",
+        "@dhis2/ui-constants": "9.5.0",
+        "@dhis2/ui-icons": "9.5.0",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },

package/types/index.d.ts

@@ -16,7 +16,7 @@ type ButtonOpenEventHandler<
     Event extends React.SyntheticEvent = React.MouseEvent<HTMLButtonElement>
 > = (arg0: ButtonEventPayload & { open: boolean }, event: Event) => void
 
-export interface ButtonProps extends HTMLButtonElement {
+export interface BaseButtonProps {
     /**
      * Component to render inside the button
      */
@@ -102,6 +102,9 @@ export interface ButtonProps extends HTMLButtonElement {
     onKeyDown?: ButtonEventHandler<React.KeyboardEvent<HTMLButtonElement>>
 }
 
+export type ButtonProps = BaseButtonProps &
+    Omit<React.ComponentPropsWithoutRef<'button'>, keyof BaseButtonProps>
+
 export const Button: React.FC<ButtonProps>
 
 export interface ButtonStripProps {

package/build/cjs/locales/en/translations.json

@@ -1,3 +0,0 @@
-{
-    "Toggle dropdown": "Toggle dropdown"
-}

package/build/cjs/locales/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
-
-var _translations = _interopRequireDefault(require("./en/translations.json"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-//------------------------------------------------------------------------------
-// <auto-generated>
-// This code was generated by d2-i18n-generate.
-//
-// Changes to this file may cause incorrect behavior and will be lost if
-// the code is regenerated.
-// </auto-generated>
-//------------------------------------------------------------------------------
-const namespace = 'default';
-
-_d2I18n.default.addResources('en', namespace, _translations.default);
-
-var _default = _d2I18n.default;
-exports.default = _default;

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

@@ -1,99 +0,0 @@
-"use strict";
-
-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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-describe('SplitButton', () => {
-  afterEach(_react.cleanup);
-  it('renders button with children', () => {
-    const {
-      getByText
-    } = (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));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-
-    _react.fireEvent.click(toggleButton);
-
-    expect(queryByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-
-    _react.fireEvent.click(toggleButton);
-
-    expect(queryByTestId('dhis2-uicore-splitbutton-menu')).not.toBeInTheDocument();
-  });
-  it('renders dropdown content when open is true', () => {
-    const {
-      getByTestId
-    } = (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');
-
-    _react.fireEvent.click(toggleButton);
-
-    expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-  });
-  it("does not close dropdown 'Enter' key is pressed", async () => {
-    const {
-      getByTestId
-    } = (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');
-
-    _react.fireEvent.click(toggleButton);
-
-    expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-
-    _react.fireEvent.keyDown(document, {
-      key: 'Enter'
-    }); // Use waitFor to wait for the DOM to update
-
-
-    await (0, _react.waitFor)(() => {
-      expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-    });
-  });
-  it('closes dropdown when escape key is pressed', async () => {
-    const {
-      getByTestId,
-      queryByTestId
-    } = (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');
-
-    _react.fireEvent.click(toggleButton);
-
-    expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-
-    _react.fireEvent.keyDown(document, {
-      key: 'Escape'
-    }); // Use waitFor to wait for the DOM to update
-
-
-    await (0, _react.waitFor)(() => {
-      expect(queryByTestId('dhis2-uicore-splitbutton-menu')).not.toBeInTheDocument();
-    });
-  });
-  it('adds title and aria-label attributes to the right button', () => {
-    const {
-      getByTestId
-    } = (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/locales/en/translations.json

@@ -1,3 +0,0 @@
-{
-    "Toggle dropdown": "Toggle dropdown"
-}

package/build/es/locales/index.js

@@ -1,13 +0,0 @@
-//------------------------------------------------------------------------------
-// <auto-generated>
-// This code was generated by d2-i18n-generate.
-//
-// Changes to this file may cause incorrect behavior and will be lost if
-// the code is regenerated.
-// </auto-generated>
-//------------------------------------------------------------------------------
-import i18n from '@dhis2/d2-i18n';
-import enTranslations from './en/translations.json';
-const namespace = 'default';
-i18n.addResources('en', namespace, enTranslations);
-export default i18n;

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

@@ -1,77 +0,0 @@
-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"));
-    expect(getByText('Click me')).toBeInTheDocument();
-  });
-  it('toggles dropdown when left button is clicked', () => {
-    const {
-      getByTestId,
-      queryByTestId
-    } = render( /*#__PURE__*/React.createElement(SplitButton, null));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-    fireEvent.click(toggleButton);
-    expect(queryByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-    fireEvent.click(toggleButton);
-    expect(queryByTestId('dhis2-uicore-splitbutton-menu')).not.toBeInTheDocument();
-  });
-  it('renders dropdown content when open is true', () => {
-    const {
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(SplitButton, {
-      component: /*#__PURE__*/React.createElement("div", null, "Dropdown Content")
-    }));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-    fireEvent.click(toggleButton);
-    expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-  });
-  it("does not close dropdown 'Enter' key is pressed", async () => {
-    const {
-      getByTestId
-    } = render( /*#__PURE__*/React.createElement(SplitButton, {
-      component: /*#__PURE__*/React.createElement("div", null, "Dropdown Content")
-    }));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-    fireEvent.click(toggleButton);
-    expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-    fireEvent.keyDown(document, {
-      key: 'Enter'
-    }); // Use waitFor to wait for the DOM to update
-
-    await waitFor(() => {
-      expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-    });
-  });
-  it('closes dropdown when escape key is pressed', async () => {
-    const {
-      getByTestId,
-      queryByTestId
-    } = render( /*#__PURE__*/React.createElement(SplitButton, {
-      component: /*#__PURE__*/React.createElement("div", null, "Dropdown Content")
-    }));
-    const toggleButton = getByTestId('dhis2-uicore-splitbutton-toggle');
-    fireEvent.click(toggleButton);
-    expect(getByTestId('dhis2-uicore-splitbutton-menu')).toBeInTheDocument();
-    fireEvent.keyDown(document, {
-      key: 'Escape'
-    }); // Use waitFor to wait for the DOM to update
-
-    await waitFor(() => {
-      expect(queryByTestId('dhis2-uicore-splitbutton-menu')).not.toBeInTheDocument();
-    });
-  });
-  it('adds title and aria-label attributes to the right button', () => {
-    const {
-      getByTestId
-    } = 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');
-  });
-});