@dhis2-ui/select 8.3.0 → 8.4.1

package/build/cjs/multi-select/__tests__/multi-select.test.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _multiSelect = require("../multi-select.js");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('<MultiSelect />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_multiSelect.MultiSelect, {
+      placeholder: "placeholder",
+      onKeyDown: onKeyDown
+    }));
+
+    _react.fireEvent.keyDown(_react.screen.getByTestId('dhis2-uicore-multiselect-placeholder'), {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13
+    });
+
+    expect(onKeyDown).toHaveBeenCalledWith({
+      selected: []
+    }, expect.objectContaining({}));
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+  });
+});

package/build/cjs/multi-select/multi-select.js

@@ -36,6 +36,7 @@ const MultiSelect = _ref => {
     inputMaxHeight,
     onChange,
     onFocus,
+    onKeyDown,
     onBlur,
     loading,
     error,
@@ -87,6 +88,7 @@ const MultiSelect = _ref => {
     maxHeight: maxHeight,
     onChange: onChange,
     onFocus: onFocus,
+    onKeyDown: onKeyDown,
     onBlur: onBlur,
     error: error,
     warning: warning,
@@ -146,5 +148,6 @@ MultiSelect.propTypes = {
   warning: _uiConstants.sharedPropTypes.statusPropType,
   onBlur: _propTypes2.default.func,
   onChange: _propTypes2.default.func,
-  onFocus: _propTypes2.default.func
+  onFocus: _propTypes2.default.func,
+  onKeyDown: _propTypes2.default.func
 };

package/build/cjs/multi-select-field/__tests__/multi-select-field.test.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _multiSelectField = require("../multi-select-field.js");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('<MultiSelect />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_multiSelectField.MultiSelectField, {
+      label: "label",
+      placeholder: "placeholder",
+      onKeyDown: onKeyDown
+    }));
+
+    _react.fireEvent.keyDown(_react.screen.getByTestId('dhis2-uicore-multiselect-placeholder'), {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13
+    });
+
+    expect(onKeyDown).toHaveBeenCalledWith({
+      selected: []
+    }, expect.objectContaining({}));
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+  });
+});

package/build/cjs/multi-select-field/multi-select-field.js

@@ -36,6 +36,7 @@ class MultiSelectField extends _react.default.Component {
       className,
       onChange,
       onFocus,
+      onKeyDown,
       onBlur,
       required,
       label,
@@ -86,6 +87,7 @@ class MultiSelectField extends _react.default.Component {
       inputMaxHeight: inputMaxHeight,
       onChange: onChange,
       onFocus: onFocus,
+      onKeyDown: onKeyDown,
       onBlur: onBlur,
       loading: loading,
       error: error,
@@ -204,5 +206,8 @@ MultiSelectField.propTypes = {
   onChange: _propTypes.default.func,
 
   /** Called with signature `({ selected: [String] }, event)` */
-  onFocus: _propTypes.default.func
+  onFocus: _propTypes.default.func,
+
+  /** Called with signature `({ selected: [String] }, event)` */
+  onKeyDown: _propTypes.default.func
 };

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

@@ -0,0 +1,34 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _select = require("../select.js");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('<Select />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_select.Select, {
+      input: /*#__PURE__*/_react2.default.createElement("input", {
+        type: "text"
+      }),
+      menu: /*#__PURE__*/_react2.default.createElement("div", null),
+      selected: "",
+      onKeyDown: onKeyDown
+    }));
+
+    _react.fireEvent.keyDown(_react.screen.getByRole('textbox'), {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13
+    });
+
+    expect(onKeyDown).toHaveBeenCalledWith({
+      selected: ''
+    }, expect.objectContaining({}));
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+  });
+});

package/build/cjs/select/select.js

@@ -117,7 +117,23 @@ class Select extends _react.Component {
     });
 
     _defineProperty(this, "onKeyDown", e => {
-      if (this.props.disabled) {
+      const {
+        onKeyDown,
+        disabled,
+        selected
+      } = this.props;
+
+      if (disabled) {
+        return;
+      }
+
+      if (onKeyDown) {
+        onKeyDown({
+          selected
+        }, e);
+      }
+
+      if (e.defaultPrevented) {
         return;
       }
 
@@ -269,5 +285,6 @@ Select.propTypes = {
   warning: _uiConstants.sharedPropTypes.statusPropType,
   onBlur: _propTypes.default.func,
   onChange: _propTypes.default.func,
-  onFocus: _propTypes.default.func
+  onFocus: _propTypes.default.func,
+  onKeyDown: _propTypes.default.func
 };

package/build/cjs/single-select/__tests__/single-select.test.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _singleSelect = require("../single-select.js");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('<SingleSelect />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_singleSelect.SingleSelect, {
+      placeholder: "placeholder",
+      onKeyDown: onKeyDown
+    }));
+
+    _react.fireEvent.keyDown(_react.screen.getByTestId('dhis2-uicore-singleselect-placeholder'), {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13
+    });
+
+    expect(onKeyDown).toHaveBeenCalledWith({
+      selected: ''
+    }, expect.objectContaining({}));
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+  });
+});

package/build/cjs/single-select/single-select.js

@@ -36,6 +36,7 @@ const SingleSelect = _ref => {
     inputMaxHeight,
     onChange,
     onFocus,
+    onKeyDown,
     onBlur,
     loading,
     error,
@@ -87,6 +88,7 @@ const SingleSelect = _ref => {
     maxHeight: maxHeight,
     onChange: onChange,
     onFocus: onFocus,
+    onKeyDown: onKeyDown,
     onBlur: onBlur,
     error: error,
     warning: warning,
@@ -154,5 +156,6 @@ SingleSelect.propTypes = {
   warning: _uiConstants.sharedPropTypes.statusPropType,
   onBlur: _propTypes2.default.func,
   onChange: _propTypes2.default.func,
-  onFocus: _propTypes2.default.func
+  onFocus: _propTypes2.default.func,
+  onKeyDown: _propTypes2.default.func
 };

package/build/cjs/single-select-field/__tests__/single-select-field.test.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _singleSelectField = require("../single-select-field.js");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('<SingleSelect />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_singleSelectField.SingleSelectField, {
+      label: "label",
+      placeholder: "placeholder",
+      onKeyDown: onKeyDown
+    }));
+
+    _react.fireEvent.keyDown(_react.screen.getByTestId('dhis2-uicore-singleselect-placeholder'), {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13
+    });
+
+    expect(onKeyDown).toHaveBeenCalledWith({
+      selected: ''
+    }, expect.objectContaining({}));
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+  });
+});

package/build/cjs/single-select-field/single-select-field.js

@@ -36,6 +36,7 @@ class SingleSelectField extends _react.default.Component {
       className,
       onChange,
       onFocus,
+      onKeyDown,
       onBlur,
       required,
       label,
@@ -86,6 +87,7 @@ class SingleSelectField extends _react.default.Component {
       inputMaxHeight: inputMaxHeight,
       onChange: onChange,
       onFocus: onFocus,
+      onKeyDown: onKeyDown,
       onBlur: onBlur,
       loading: loading,
       error: error,
@@ -204,5 +206,8 @@ SingleSelectField.propTypes = {
   onChange: _propTypes.default.func,
 
   /** Called with signature `({ selected: string }, event)` */
-  onFocus: _propTypes.default.func
+  onFocus: _propTypes.default.func,
+
+  /** Called with signature `({ selected: string }, event)` */
+  onKeyDown: _propTypes.default.func
 };

package/build/es/multi-select/__tests__/multi-select.test.js

@@ -0,0 +1,21 @@
+import { render, fireEvent, screen } from '@testing-library/react';
+import React from 'react';
+import { MultiSelect } from '../multi-select.js';
+describe('<MultiSelect />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    render( /*#__PURE__*/React.createElement(MultiSelect, {
+      placeholder: "placeholder",
+      onKeyDown: onKeyDown
+    }));
+    fireEvent.keyDown(screen.getByTestId('dhis2-uicore-multiselect-placeholder'), {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13
+    });
+    expect(onKeyDown).toHaveBeenCalledWith({
+      selected: []
+    }, expect.objectContaining({}));
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+  });
+});

package/build/es/multi-select/multi-select.js

@@ -18,6 +18,7 @@ const MultiSelect = _ref => {
     inputMaxHeight,
     onChange,
     onFocus,
+    onKeyDown,
     onBlur,
     loading,
     error,
@@ -69,6 +70,7 @@ const MultiSelect = _ref => {
     maxHeight: maxHeight,
     onChange: onChange,
     onFocus: onFocus,
+    onKeyDown: onKeyDown,
     onBlur: onBlur,
     error: error,
     warning: warning,
@@ -127,6 +129,7 @@ MultiSelect.propTypes = {
   warning: sharedPropTypes.statusPropType,
   onBlur: PropTypes.func,
   onChange: PropTypes.func,
-  onFocus: PropTypes.func
+  onFocus: PropTypes.func,
+  onKeyDown: PropTypes.func
 };
 export { MultiSelect };

package/build/es/multi-select-field/__tests__/multi-select-field.test.js

@@ -0,0 +1,22 @@
+import { render, fireEvent, screen } from '@testing-library/react';
+import React from 'react';
+import { MultiSelectField } from '../multi-select-field.js';
+describe('<MultiSelect />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    render( /*#__PURE__*/React.createElement(MultiSelectField, {
+      label: "label",
+      placeholder: "placeholder",
+      onKeyDown: onKeyDown
+    }));
+    fireEvent.keyDown(screen.getByTestId('dhis2-uicore-multiselect-placeholder'), {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13
+    });
+    expect(onKeyDown).toHaveBeenCalledWith({
+      selected: []
+    }, expect.objectContaining({}));
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+  });
+});

package/build/es/multi-select-field/multi-select-field.js

@@ -20,6 +20,7 @@ class MultiSelectField extends React.Component {
       className,
       onChange,
       onFocus,
+      onKeyDown,
       onBlur,
       required,
       label,
@@ -70,6 +71,7 @@ class MultiSelectField extends React.Component {
       inputMaxHeight: inputMaxHeight,
       onChange: onChange,
       onFocus: onFocus,
+      onKeyDown: onKeyDown,
       onBlur: onBlur,
       loading: loading,
       error: error,
@@ -187,6 +189,9 @@ MultiSelectField.propTypes = {
   onChange: PropTypes.func,
 
   /** Called with signature `({ selected: [String] }, event)` */
-  onFocus: PropTypes.func
+  onFocus: PropTypes.func,
+
+  /** Called with signature `({ selected: [String] }, event)` */
+  onKeyDown: PropTypes.func
 };
 export { MultiSelectField };

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

@@ -0,0 +1,25 @@
+import { render, fireEvent, screen } from '@testing-library/react';
+import React from 'react';
+import { Select } from '../select.js';
+describe('<Select />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    render( /*#__PURE__*/React.createElement(Select, {
+      input: /*#__PURE__*/React.createElement("input", {
+        type: "text"
+      }),
+      menu: /*#__PURE__*/React.createElement("div", null),
+      selected: "",
+      onKeyDown: onKeyDown
+    }));
+    fireEvent.keyDown(screen.getByRole('textbox'), {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13
+    });
+    expect(onKeyDown).toHaveBeenCalledWith({
+      selected: ''
+    }, expect.objectContaining({}));
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+  });
+});

package/build/es/select/select.js

@@ -97,7 +97,23 @@ export class Select extends Component {
     });
 
     _defineProperty(this, "onKeyDown", e => {
-      if (this.props.disabled) {
+      const {
+        onKeyDown,
+        disabled,
+        selected
+      } = this.props;
+
+      if (disabled) {
+        return;
+      }
+
+      if (onKeyDown) {
+        onKeyDown({
+          selected
+        }, e);
+      }
+
+      if (e.defaultPrevented) {
         return;
       }
 
@@ -243,5 +259,6 @@ Select.propTypes = {
   warning: sharedPropTypes.statusPropType,
   onBlur: PropTypes.func,
   onChange: PropTypes.func,
-  onFocus: PropTypes.func
+  onFocus: PropTypes.func,
+  onKeyDown: PropTypes.func
 };

package/build/es/single-select/__tests__/single-select.test.js

@@ -0,0 +1,21 @@
+import { render, fireEvent, screen } from '@testing-library/react';
+import React from 'react';
+import { SingleSelect } from '../single-select.js';
+describe('<SingleSelect />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    render( /*#__PURE__*/React.createElement(SingleSelect, {
+      placeholder: "placeholder",
+      onKeyDown: onKeyDown
+    }));
+    fireEvent.keyDown(screen.getByTestId('dhis2-uicore-singleselect-placeholder'), {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13
+    });
+    expect(onKeyDown).toHaveBeenCalledWith({
+      selected: ''
+    }, expect.objectContaining({}));
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+  });
+});

package/build/es/single-select/single-select.js

@@ -18,6 +18,7 @@ const SingleSelect = _ref => {
     inputMaxHeight,
     onChange,
     onFocus,
+    onKeyDown,
     onBlur,
     loading,
     error,
@@ -69,6 +70,7 @@ const SingleSelect = _ref => {
     maxHeight: maxHeight,
     onChange: onChange,
     onFocus: onFocus,
+    onKeyDown: onKeyDown,
     onBlur: onBlur,
     error: error,
     warning: warning,
@@ -135,6 +137,7 @@ SingleSelect.propTypes = {
   warning: sharedPropTypes.statusPropType,
   onBlur: PropTypes.func,
   onChange: PropTypes.func,
-  onFocus: PropTypes.func
+  onFocus: PropTypes.func,
+  onKeyDown: PropTypes.func
 };
 export { SingleSelect };

package/build/es/single-select-field/__tests__/single-select-field.test.js

@@ -0,0 +1,22 @@
+import { render, fireEvent, screen } from '@testing-library/react';
+import React from 'react';
+import { SingleSelectField } from '../single-select-field.js';
+describe('<SingleSelect />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    render( /*#__PURE__*/React.createElement(SingleSelectField, {
+      label: "label",
+      placeholder: "placeholder",
+      onKeyDown: onKeyDown
+    }));
+    fireEvent.keyDown(screen.getByTestId('dhis2-uicore-singleselect-placeholder'), {
+      key: 'Enter',
+      code: 'Enter',
+      charCode: 13
+    });
+    expect(onKeyDown).toHaveBeenCalledWith({
+      selected: ''
+    }, expect.objectContaining({}));
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+  });
+});

package/build/es/single-select-field/single-select-field.js

@@ -20,6 +20,7 @@ class SingleSelectField extends React.Component {
       className,
       onChange,
       onFocus,
+      onKeyDown,
       onBlur,
       required,
       label,
@@ -70,6 +71,7 @@ class SingleSelectField extends React.Component {
       inputMaxHeight: inputMaxHeight,
       onChange: onChange,
       onFocus: onFocus,
+      onKeyDown: onKeyDown,
       onBlur: onBlur,
       loading: loading,
       error: error,
@@ -187,6 +189,9 @@ SingleSelectField.propTypes = {
   onChange: PropTypes.func,
 
   /** Called with signature `({ selected: string }, event)` */
-  onFocus: PropTypes.func
+  onFocus: PropTypes.func,
+
+  /** Called with signature `({ selected: string }, event)` */
+  onKeyDown: PropTypes.func
 };
 export { SingleSelectField };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/select",
-    "version": "8.3.0",
+    "version": "8.4.1",
     "description": "UI Select",
     "repository": {
         "type": "git",
@@ -33,19 +33,19 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/box": "8.3.0",
-        "@dhis2-ui/button": "8.3.0",
-        "@dhis2-ui/card": "8.3.0",
-        "@dhis2-ui/checkbox": "8.3.0",
-        "@dhis2-ui/chip": "8.3.0",
-        "@dhis2-ui/field": "8.3.0",
-        "@dhis2-ui/input": "8.3.0",
-        "@dhis2-ui/layer": "8.3.0",
-        "@dhis2-ui/loader": "8.3.0",
-        "@dhis2-ui/popper": "8.3.0",
-        "@dhis2-ui/status-icon": "8.3.0",
-        "@dhis2/ui-constants": "8.3.0",
-        "@dhis2/ui-icons": "8.3.0",
+        "@dhis2-ui/box": "8.4.1",
+        "@dhis2-ui/button": "8.4.1",
+        "@dhis2-ui/card": "8.4.1",
+        "@dhis2-ui/checkbox": "8.4.1",
+        "@dhis2-ui/chip": "8.4.1",
+        "@dhis2-ui/field": "8.4.1",
+        "@dhis2-ui/input": "8.4.1",
+        "@dhis2-ui/layer": "8.4.1",
+        "@dhis2-ui/loader": "8.4.1",
+        "@dhis2-ui/popper": "8.4.1",
+        "@dhis2-ui/status-icon": "8.4.1",
+        "@dhis2/ui-constants": "8.4.1",
+        "@dhis2/ui-icons": "8.4.1",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },