@availity/feedback 6.2.7 → 6.2.11

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.2.11](https://github.com/Availity/availity-react/compare/@availity/feedback@6.2.10...@availity/feedback@6.2.11) (2021-12-20)
+
+**Note:** Version bump only for package @availity/feedback
+
+
+
+
+
+## [6.2.10](https://github.com/Availity/availity-react/compare/@availity/feedback@6.2.9...@availity/feedback@6.2.10) (2021-12-14)
+
+**Note:** Version bump only for package @availity/feedback
+
+
+
+
+
+## 6.2.9 (2021-12-09)
+
+
+### Bug Fixes
+
+* **feedback:** added submit on enter func and tests ([d642923](https://github.com/Availity/availity-react/commit/d642923eb0ca80ee5faff17e0f830c3e1e2181c7))
+
+
+
+
+
+## [6.2.8](https://github.com/Availity/availity-react/compare/@availity/feedback@6.2.7...@availity/feedback@6.2.8) (2021-12-03)
+
+**Note:** Version bump only for package @availity/feedback
+
+
+
+
+
 ## 6.2.7 (2021-12-03)
 
 

package/README.md

@@ -3,5 +3,23 @@
 > Availity feedback with smiley faces react component.
 
 [![Version](https://img.shields.io/npm/v/@availity/feedback.svg?style=for-the-badge)](https://www.npmjs.com/package/@availity/feedback)
+[![NPM Downloads](https://img.shields.io/npm/dt/@availity/feedback.svg?style=for-the-badge)](https://www.npmjs.com/package/@availity/feedback)
+[![Dependecy Status](https://img.shields.io/librariesio/release/npm/@availity/feedback?style=for-the-badge)](https://github.com/Availity/availity-react/blob/master/packages/feedback/package.json)
 
-## [Documentation](https://availity.github.io/availity-react/components/feedback/index)
+## Installation
+
+### NPM
+
+```bash
+npm install @availity/feedback
+```
+
+### Yarn
+
+```bash
+yarn add @availity/feedback
+```
+
+## Documentation
+
+Check out more documentation at [availity.github.io](https://availity.github.io/availity-react/components/feedback/index)

package/package.json

@@ -1,31 +1,31 @@
 {
   "name": "@availity/feedback",
-  "version": "6.2.7",
-  "author": "Evan Sharp <evan.sharp@availity.com>",
+  "version": "6.2.11",
   "description": "Availity feedback with smiley faces react component.",
-  "main": "index.js",
-  "types": "index.d.ts",
   "keywords": [
     "react",
-    "availity"
+    "availity",
+    "feedback"
   ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Availity/availity-react.git"
-  },
+  "homepage": "https://availity.github.io/availity-react/components/feedback/index",
   "bugs": {
     "url": "https://github.com/Availity/availity-react/issues"
   },
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Availity/availity-react.git",
+    "directory": "packages/feedback"
   },
+  "license": "MIT",
+  "author": "Evan Sharp <evan.sharp@availity.com>",
+  "main": "index.js",
+  "types": "index.d.ts",
   "dependencies": {
-    "@availity/form": "^1.2.1",
-    "@availity/hooks": "^3.1.0",
-    "@availity/icon": "^0.10.0",
+    "@availity/form": "^1.2.3",
+    "@availity/hooks": "^3.1.2",
+    "@availity/icon": "^0.10.2",
     "@availity/native-form": "^4.0.5",
-    "@availity/select": "^2.2.1",
+    "@availity/select": "^2.3.2",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
@@ -47,5 +47,8 @@
     "reactstrap": "^8.0.0 || ^7.0.0 || ^6.0.0",
     "yup": "^0.27.0"
   },
-  "gitHead": "10873615b671bbdd3bbd0ab7cbfd290bd968e0b5"
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "5983e704cd833c6e93ef6d00472f48a0876fe782"
 }

package/src/FeedbackForm.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { Button, ModalBody, ModalHeader, ModalFooter, FormGroup } from 'reactstrap';
 import { avLogMessagesApi, avRegionsApi } from '@availity/api-axios';
@@ -45,7 +45,7 @@ const FeedbackForm = ({
 }) => {
   const [active, setActive] = useState(null);
   const [sent, setSent] = useState(null);
-
+  const ref = useRef();
   const sendFeedback = async ({ smileField, ...values }) => {
     const response = await avRegionsApi.getCurrentRegion();
 
@@ -111,10 +111,11 @@ const FeedbackForm = ({
         {prompt || `Tell us what you think about ${name}`}
       </ModalHeader>
       <Form
+        innerRef={ref}
         aria-label="Feedback Form"
         aria-describedby="feedback-form-header"
         role="form"
-        onKeyDown={({ keyCode }) => keyCode === 27 && onClose()}
+        onKeyDown={({ key }) => key === 'Escape' && onClose()}
         data-testid="feedback-form"
         initialValues={{
           'face-options': undefined,
@@ -201,7 +202,7 @@ const FeedbackForm = ({
                 onClick={() => setSupportIsActive(true)}
                 color="link"
                 type="button"
-                onKeyDown={({ keyCode }) => keyCode === 13 && setSupportIsActive(true)}
+                onKeyDown={({ key }) => key === 'Enter' && setSupportIsActive(true)}
               >
                 Open a support ticket
               </Button>
@@ -210,13 +211,14 @@ const FeedbackForm = ({
 
           {onClose ? (
             <Button
+              type="button"
               onClick={onClose}
               color="secondary"
-              onKeyDown={({keyCode, shiftKey}) => {
-                if (keyCode === 13) {
+              onKeyDown={({ key, shiftKey }) => {
+                if (key === 'Enter') {
                   onClose();
                 }
-                if (keyCode === 9 && !active && !shiftKey && !modal) {
+                if (key === 'Tab' && !active && !shiftKey && !modal) {
                   onClose();
                 }
               }}
@@ -226,8 +228,11 @@ const FeedbackForm = ({
           ) : null}
 
           <Button
-            onKeyDown={({keyCode, shiftKey}) => {
-              if (keyCode === 9 && !shiftKey && !modal) {
+            onKeyDown={({ key, shiftKey }) => {
+              if (key === 'Enter') {
+                ref.current.submitForm();
+              }
+              if (key === 'Tab' && !shiftKey && !modal) {
                 onClose();
               }
             }}
@@ -271,7 +276,7 @@ FeedbackForm.propTypes = {
   showSupport: PropTypes.bool,
   setSupportIsActive: PropTypes.func,
   autoFocusFeedbackButton: PropTypes.bool,
-  modal: PropTypes.bool
+  modal: PropTypes.bool,
 };
 
 FeedbackForm.defaultProps = {
@@ -280,7 +285,7 @@ FeedbackForm.defaultProps = {
   additionalComments: false,
   analytics: avLogMessagesApi,
   showSupport: false,
-  modal: true
+  modal: true,
 };
 
 export default FeedbackForm;