@dhis2-ui/switch 8.3.1 → 8.4.0

package/build/cjs/switch/__tests__/switch.test.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _switch = require("../switch.js");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('<Switch />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_switch.Switch, {
+      name: "foo",
+      value: "bar",
+      checked: false,
+      onKeyDown: onKeyDown
+    }));
+
+    _react.fireEvent.keyDown(_react.screen.getByRole('switch'), {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13
+    });
+
+    expect(onKeyDown).toHaveBeenCalledWith({
+      name: 'foo',
+      value: 'bar',
+      checked: true
+    }, expect.objectContaining({}));
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+  });
+});

package/build/cjs/switch/switch.js

@@ -48,6 +48,12 @@ class Switch extends _react.Component {
         this.props.onFocus(this.createHandlerPayload(), e);
       }
     });
+
+    _defineProperty(this, "handleKeyDown", e => {
+      if (this.props.onKeyDown) {
+        this.props.onKeyDown(this.createHandlerPayload(), e);
+      }
+    });
   }
 
   componentDidMount() {
@@ -107,6 +113,7 @@ class Switch extends _react.Component {
       tabIndex: tabIndex,
       onChange: this.handleChange,
       onFocus: this.handleFocus,
+      onKeyDown: this.handleKeyDown,
       onBlur: this.handleBlur,
       className: _style.default.dynamic([["3592976892", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.theme.focus]]])
     }), /*#__PURE__*/_react.default.createElement("div", {
@@ -174,5 +181,8 @@ Switch.propTypes = {
   onChange: _propTypes.default.func,
 
   /** Called with signature `({ name: string, value: string, checked: bool }, event)` */
-  onFocus: _propTypes.default.func
+  onFocus: _propTypes.default.func,
+
+  /** Called with signature `({ name: string, value: string, checked: bool }, event)` */
+  onKeyDown: _propTypes.default.func
 };

package/build/cjs/switch-field/__tests__/switch-field.test.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _switchField = require("../switch-field.js");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('<Switch />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_switchField.SwitchField, {
+      label: "label",
+      name: "foo",
+      value: "bar",
+      checked: false,
+      onKeyDown: onKeyDown
+    }));
+
+    _react.fireEvent.keyDown(_react.screen.getByRole('switch'), {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13
+    });
+
+    expect(onKeyDown).toHaveBeenCalledWith({
+      name: 'foo',
+      value: 'bar',
+      checked: true
+    }, expect.objectContaining({}));
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+  });
+});

package/build/cjs/switch-field/switch-field.js

@@ -45,6 +45,7 @@ const SwitchField = _ref2 => {
     tabIndex,
     onChange,
     onFocus,
+    onKeyDown,
     onBlur,
     checked,
     disabled,
@@ -80,6 +81,7 @@ const SwitchField = _ref2 => {
     tabIndex: tabIndex,
     onChange: onChange,
     onFocus: onFocus,
+    onKeyDown: onKeyDown,
     onBlur: onBlur,
     checked: checked,
     disabled: disabled,
@@ -142,5 +144,8 @@ SwitchField.propTypes = {
   onChange: _propTypes.default.func,
 
   /** Called with signature ({ name: string, value: string, checked: bool }, event) */
-  onFocus: _propTypes.default.func
+  onFocus: _propTypes.default.func,
+
+  /** Called with signature ({ name: string, value: string, checked: bool }, event) */
+  onKeyDown: _propTypes.default.func
 };

package/build/es/switch/__tests__/switch.test.js

@@ -0,0 +1,25 @@
+import { render, fireEvent, screen } from '@testing-library/react';
+import React from 'react';
+import { Switch } from '../switch.js';
+describe('<Switch />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    render( /*#__PURE__*/React.createElement(Switch, {
+      name: "foo",
+      value: "bar",
+      checked: false,
+      onKeyDown: onKeyDown
+    }));
+    fireEvent.keyDown(screen.getByRole('switch'), {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13
+    });
+    expect(onKeyDown).toHaveBeenCalledWith({
+      name: 'foo',
+      value: 'bar',
+      checked: true
+    }, expect.objectContaining({}));
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+  });
+});

package/build/es/switch/switch.js

@@ -31,6 +31,12 @@ class Switch extends Component {
         this.props.onFocus(this.createHandlerPayload(), e);
       }
     });
+
+    _defineProperty(this, "handleKeyDown", e => {
+      if (this.props.onKeyDown) {
+        this.props.onKeyDown(this.createHandlerPayload(), e);
+      }
+    });
   }
 
   componentDidMount() {
@@ -90,6 +96,7 @@ class Switch extends Component {
       tabIndex: tabIndex,
       onChange: this.handleChange,
       onFocus: this.handleFocus,
+      onKeyDown: this.handleKeyDown,
       onBlur: this.handleBlur,
       className: _JSXStyle.dynamic([["3592976892", [colors.grey900, theme.disabled, theme.focus]]])
     }), /*#__PURE__*/React.createElement("div", {
@@ -156,6 +163,9 @@ Switch.propTypes = {
   onChange: PropTypes.func,
 
   /** Called with signature `({ name: string, value: string, checked: bool }, event)` */
-  onFocus: PropTypes.func
+  onFocus: PropTypes.func,
+
+  /** Called with signature `({ name: string, value: string, checked: bool }, event)` */
+  onKeyDown: PropTypes.func
 };
 export { Switch };

package/build/es/switch-field/__tests__/switch-field.test.js

@@ -0,0 +1,26 @@
+import { render, fireEvent, screen } from '@testing-library/react';
+import React from 'react';
+import { SwitchField } from '../switch-field.js';
+describe('<Switch />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    render( /*#__PURE__*/React.createElement(SwitchField, {
+      label: "label",
+      name: "foo",
+      value: "bar",
+      checked: false,
+      onKeyDown: onKeyDown
+    }));
+    fireEvent.keyDown(screen.getByRole('switch'), {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13
+    });
+    expect(onKeyDown).toHaveBeenCalledWith({
+      name: 'foo',
+      value: 'bar',
+      checked: true
+    }, expect.objectContaining({}));
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+  });
+});

package/build/es/switch-field/switch-field.js

@@ -31,6 +31,7 @@ const SwitchField = _ref2 => {
     tabIndex,
     onChange,
     onFocus,
+    onKeyDown,
     onBlur,
     checked,
     disabled,
@@ -66,6 +67,7 @@ const SwitchField = _ref2 => {
     tabIndex: tabIndex,
     onChange: onChange,
     onFocus: onFocus,
+    onKeyDown: onKeyDown,
     onBlur: onBlur,
     checked: checked,
     disabled: disabled,
@@ -127,6 +129,9 @@ SwitchField.propTypes = {
   onChange: PropTypes.func,
 
   /** Called with signature ({ name: string, value: string, checked: bool }, event) */
-  onFocus: PropTypes.func
+  onFocus: PropTypes.func,
+
+  /** Called with signature ({ name: string, value: string, checked: bool }, event) */
+  onKeyDown: PropTypes.func
 };
 export { SwitchField };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/switch",
-    "version": "8.3.1",
+    "version": "8.4.0",
     "description": "UI Switch",
     "repository": {
         "type": "git",
@@ -32,9 +32,9 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/field": "8.3.1",
-        "@dhis2-ui/required": "8.3.1",
-        "@dhis2/ui-constants": "8.3.1",
+        "@dhis2-ui/field": "8.4.0",
+        "@dhis2-ui/required": "8.4.0",
+        "@dhis2/ui-constants": "8.4.0",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },