@dhis2-ui/file-input 8.3.1 → 8.4.0

package/build/cjs/file-input/__tests__/file-input.test.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _fileInput = require("../file-input.js");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('<FileInput />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_fileInput.FileInput, {
+      name: "foo",
+      value: "bar",
+      checked: false,
+      onKeyDown: onKeyDown
+    }));
+
+    _react.fireEvent.keyDown(_react.screen.getByRole('button'), {});
+
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+
+    const input = _react.screen.getByTestId('dhis2-uicore-fileinput-input');
+
+    expect(onKeyDown).toHaveBeenCalledWith({
+      name: 'foo',
+      files: input.files
+    }, expect.objectContaining({}));
+  });
+});

package/build/cjs/file-input/file-input.js

@@ -60,6 +60,12 @@ class FileInput extends _react.Component {
         this.props.onFocus(this.createHandlerPayload(), e);
       }
     });
+
+    _defineProperty(this, "handleKeyDown", e => {
+      if (this.props.onKeyDown) {
+        this.props.onKeyDown(this.createHandlerPayload(), e);
+      }
+    });
   }
 
   createHandlerPayload() {
@@ -100,6 +106,7 @@ class FileInput extends _react.Component {
       accept: accept,
       multiple: multiple,
       disabled: disabled,
+      "data-test": "".concat(dataTest, "-input"),
       className: _style.default.dynamic([["1746996489", [_uiConstants.spacers.dp8, _uiConstants.spacers.dp4]]])
     }), /*#__PURE__*/_react.default.createElement(_button.Button, {
       disabled: disabled,
@@ -111,6 +118,7 @@ class FileInput extends _react.Component {
       onBlur: this.handleBlur,
       onClick: this.handleClick,
       onFocus: this.handleFocus,
+      onKeyDown: this.handleKeyDown,
       small: small,
       tabIndex: tabIndex,
       type: "button"
@@ -171,5 +179,8 @@ FileInput.propTypes = {
   onChange: _propTypes.default.func,
 
   /** Called with signature `(object, event)` */
-  onFocus: _propTypes.default.func
+  onFocus: _propTypes.default.func,
+
+  /** Called with signature `(object, event)` */
+  onKeyDown: _propTypes.default.func
 };

package/build/cjs/file-input-field/__tests__/file-input-field.test.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _fileInputField = require("../file-input-field.js");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('<FileInputField />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_fileInputField.FileInputField, {
+      label: "Label",
+      name: "foo",
+      value: "bar",
+      checked: false,
+      onKeyDown: onKeyDown
+    }));
+
+    _react.fireEvent.keyDown(_react.screen.getByRole('button'), {});
+
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+
+    const input = _react.screen.getByTestId('dhis2-uicore-fileinput-input');
+
+    expect(onKeyDown).toHaveBeenCalledWith({
+      name: 'foo',
+      files: input.files
+    }, expect.objectContaining({}));
+  });
+});

package/build/cjs/file-input-field/file-input-field.js

@@ -48,6 +48,7 @@ const FileInputField = _ref => {
     onBlur,
     onChange,
     onFocus,
+    onKeyDown,
     placeholder,
     required,
     small,
@@ -81,6 +82,7 @@ const FileInputField = _ref => {
     onBlur: onBlur,
     onChange: onChange,
     onFocus: onFocus,
+    onKeyDown: onKeyDown,
     small: small,
     tabIndex: tabIndex,
     valid: valid,
@@ -149,5 +151,10 @@ FileInputField.propTypes = {
 
   /** Called with signature `({ name: string, files: [] }, event)` */
   onChange: _propTypes.default.func,
-  onFocus: _propTypes.default.func
+
+  /** Called with signature `({ name: string, files: [] }, event)` */
+  onFocus: _propTypes.default.func,
+
+  /** Called with signature `({ name: string, files: [] }, event)` */
+  onKeyDown: _propTypes.default.func
 };

package/build/cjs/file-input-field-with-list/__tests__/file-input-field-with-list.test.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _fileInputFieldWithList = require("../file-input-field-with-list.js");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('<FileInputFieldWithList />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_fileInputFieldWithList.FileInputFieldWithList, {
+      label: "Label",
+      name: "foo",
+      value: "bar",
+      checked: false,
+      onKeyDown: onKeyDown,
+      onChange: jest.fn()
+    }));
+
+    _react.fireEvent.keyDown(_react.screen.getByRole('button'), {});
+
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+
+    const input = _react.screen.getByTestId('dhis2-uicore-fileinput-input');
+
+    expect(onKeyDown).toHaveBeenCalledWith({
+      name: 'foo',
+      files: input.files
+    }, expect.objectContaining({}));
+  });
+});

package/build/cjs/file-input-field-with-list/file-input-field-with-list.js

@@ -104,6 +104,7 @@ class FileInputFieldWithList extends _react.Component {
       name,
       onBlur,
       onFocus,
+      onKeyDown,
       placeholder,
       removeText,
       required,
@@ -129,6 +130,7 @@ class FileInputFieldWithList extends _react.Component {
       onBlur: onBlur,
       onChange: this.handleChange,
       onFocus: onFocus,
+      onKeyDown: onKeyDown,
       placeholder: translate(placeholder),
       required: required,
       small: small,
@@ -211,6 +213,13 @@ FileInputFieldWithList.propTypes = {
 
   /** Applies 'warning' styling to the button and validation text. Mutually exclusive with `valid` and `error` props */
   warning: _uiConstants.sharedPropTypes.statusPropType,
+
+  /** Called with signature `({ name: string, files: [] }, event)` */
   onBlur: _propTypes.default.func,
-  onFocus: _propTypes.default.func
+
+  /** Called with signature `({ name: string, files: [] }, event)` */
+  onFocus: _propTypes.default.func,
+
+  /** Called with signature `({ name: string, files: [] }, event)` */
+  onKeyDown: _propTypes.default.func
 };

package/build/es/file-input/__tests__/file-input.test.js

@@ -0,0 +1,21 @@
+import { render, fireEvent, screen } from '@testing-library/react';
+import React from 'react';
+import { FileInput } from '../file-input.js';
+describe('<FileInput />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    render( /*#__PURE__*/React.createElement(FileInput, {
+      name: "foo",
+      value: "bar",
+      checked: false,
+      onKeyDown: onKeyDown
+    }));
+    fireEvent.keyDown(screen.getByRole('button'), {});
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+    const input = screen.getByTestId('dhis2-uicore-fileinput-input');
+    expect(onKeyDown).toHaveBeenCalledWith({
+      name: 'foo',
+      files: input.files
+    }, expect.objectContaining({}));
+  });
+});

package/build/es/file-input/file-input.js

@@ -41,6 +41,12 @@ class FileInput extends Component {
         this.props.onFocus(this.createHandlerPayload(), e);
       }
     });
+
+    _defineProperty(this, "handleKeyDown", e => {
+      if (this.props.onKeyDown) {
+        this.props.onKeyDown(this.createHandlerPayload(), e);
+      }
+    });
   }
 
   createHandlerPayload() {
@@ -81,6 +87,7 @@ class FileInput extends Component {
       accept: accept,
       multiple: multiple,
       disabled: disabled,
+      "data-test": "".concat(dataTest, "-input"),
       className: _JSXStyle.dynamic([["1746996489", [spacers.dp8, spacers.dp4]]])
     }), /*#__PURE__*/React.createElement(Button, {
       disabled: disabled,
@@ -92,6 +99,7 @@ class FileInput extends Component {
       onBlur: this.handleBlur,
       onClick: this.handleClick,
       onFocus: this.handleFocus,
+      onKeyDown: this.handleKeyDown,
       small: small,
       tabIndex: tabIndex,
       type: "button"
@@ -151,6 +159,9 @@ FileInput.propTypes = {
   onChange: PropTypes.func,
 
   /** Called with signature `(object, event)` */
-  onFocus: PropTypes.func
+  onFocus: PropTypes.func,
+
+  /** Called with signature `(object, event)` */
+  onKeyDown: PropTypes.func
 };
 export { FileInput };

package/build/es/file-input-field/__tests__/file-input-field.test.js

@@ -0,0 +1,22 @@
+import { render, fireEvent, screen } from '@testing-library/react';
+import React from 'react';
+import { FileInputField } from '../file-input-field.js';
+describe('<FileInputField />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    render( /*#__PURE__*/React.createElement(FileInputField, {
+      label: "Label",
+      name: "foo",
+      value: "bar",
+      checked: false,
+      onKeyDown: onKeyDown
+    }));
+    fireEvent.keyDown(screen.getByRole('button'), {});
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+    const input = screen.getByTestId('dhis2-uicore-fileinput-input');
+    expect(onKeyDown).toHaveBeenCalledWith({
+      name: 'foo',
+      files: input.files
+    }, expect.objectContaining({}));
+  });
+});

package/build/es/file-input-field/file-input-field.js

@@ -32,6 +32,7 @@ const FileInputField = _ref => {
     onBlur,
     onChange,
     onFocus,
+    onKeyDown,
     placeholder,
     required,
     small,
@@ -65,6 +66,7 @@ const FileInputField = _ref => {
     onBlur: onBlur,
     onChange: onChange,
     onFocus: onFocus,
+    onKeyDown: onKeyDown,
     small: small,
     tabIndex: tabIndex,
     valid: valid,
@@ -132,6 +134,11 @@ FileInputField.propTypes = {
 
   /** Called with signature `({ name: string, files: [] }, event)` */
   onChange: PropTypes.func,
-  onFocus: PropTypes.func
+
+  /** Called with signature `({ name: string, files: [] }, event)` */
+  onFocus: PropTypes.func,
+
+  /** Called with signature `({ name: string, files: [] }, event)` */
+  onKeyDown: PropTypes.func
 };
 export { FileInputField };

package/build/es/file-input-field-with-list/__tests__/file-input-field-with-list.test.js

@@ -0,0 +1,23 @@
+import { render, fireEvent, screen } from '@testing-library/react';
+import React from 'react';
+import { FileInputFieldWithList } from '../file-input-field-with-list.js';
+describe('<FileInputFieldWithList />', () => {
+  it('should call the onKeyDown callback when provided', () => {
+    const onKeyDown = jest.fn();
+    render( /*#__PURE__*/React.createElement(FileInputFieldWithList, {
+      label: "Label",
+      name: "foo",
+      value: "bar",
+      checked: false,
+      onKeyDown: onKeyDown,
+      onChange: jest.fn()
+    }));
+    fireEvent.keyDown(screen.getByRole('button'), {});
+    expect(onKeyDown).toHaveBeenCalledTimes(1);
+    const input = screen.getByTestId('dhis2-uicore-fileinput-input');
+    expect(onKeyDown).toHaveBeenCalledWith({
+      name: 'foo',
+      files: input.files
+    }, expect.objectContaining({}));
+  });
+});

package/build/es/file-input-field-with-list/file-input-field-with-list.js

@@ -85,6 +85,7 @@ class FileInputFieldWithList extends Component {
       name,
       onBlur,
       onFocus,
+      onKeyDown,
       placeholder,
       removeText,
       required,
@@ -110,6 +111,7 @@ class FileInputFieldWithList extends Component {
       onBlur: onBlur,
       onChange: this.handleChange,
       onFocus: onFocus,
+      onKeyDown: onKeyDown,
       placeholder: translate(placeholder),
       required: required,
       small: small,
@@ -191,7 +193,14 @@ FileInputFieldWithList.propTypes = {
 
   /** Applies 'warning' styling to the button and validation text. Mutually exclusive with `valid` and `error` props */
   warning: sharedPropTypes.statusPropType,
+
+  /** Called with signature `({ name: string, files: [] }, event)` */
   onBlur: PropTypes.func,
-  onFocus: PropTypes.func
+
+  /** Called with signature `({ name: string, files: [] }, event)` */
+  onFocus: PropTypes.func,
+
+  /** Called with signature `({ name: string, files: [] }, event)` */
+  onKeyDown: PropTypes.func
 };
 export { FileInputFieldWithList };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/file-input",
-    "version": "8.3.1",
+    "version": "8.4.0",
     "description": "UI FileInput",
     "repository": {
         "type": "git",
@@ -33,13 +33,13 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/button": "8.3.1",
-        "@dhis2-ui/field": "8.3.1",
-        "@dhis2-ui/label": "8.3.1",
-        "@dhis2-ui/loader": "8.3.1",
-        "@dhis2-ui/status-icon": "8.3.1",
-        "@dhis2/ui-constants": "8.3.1",
-        "@dhis2/ui-icons": "8.3.1",
+        "@dhis2-ui/button": "8.4.0",
+        "@dhis2-ui/field": "8.4.0",
+        "@dhis2-ui/label": "8.4.0",
+        "@dhis2-ui/loader": "8.4.0",
+        "@dhis2-ui/status-icon": "8.4.0",
+        "@dhis2/ui-constants": "8.4.0",
+        "@dhis2/ui-icons": "8.4.0",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },