@availity/feedback 6.2.1 → 6.2.5

package/CHANGELOG.md

@@ -3,6 +3,42 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.2.5](https://github.com/Availity/availity-react/compare/@availity/feedback@6.2.4...@availity/feedback@6.2.5) (2021-12-01)
+
+
+### Bug Fixes
+
+* **feedback:** added keyDown for tabbing out to close dropdown ([afa0ce8](https://github.com/Availity/availity-react/commit/afa0ce8d6c4116a1c6ede611025bf2c794129d8b))
+* **feedback:** removed console log ([df6b146](https://github.com/Availity/availity-react/commit/df6b146ae66560777d797c0399dbf9b2db189e47))
+
+
+
+
+
+## [6.2.4](https://github.com/Availity/availity-react/compare/@availity/feedback@6.2.3...@availity/feedback@6.2.4) (2021-11-30)
+
+**Note:** Version bump only for package @availity/feedback
+
+
+
+
+
+## [6.2.3](https://github.com/Availity/availity-react/compare/@availity/feedback@6.2.2...@availity/feedback@6.2.3) (2021-11-19)
+
+**Note:** Version bump only for package @availity/feedback
+
+
+
+
+
+## [6.2.2](https://github.com/Availity/availity-react/compare/@availity/feedback@6.2.1...@availity/feedback@6.2.2) (2021-11-16)
+
+**Note:** Version bump only for package @availity/feedback
+
+
+
+
+
 ## [6.2.1](https://github.com/Availity/availity-react/compare/@availity/feedback@6.2.0...@availity/feedback@6.2.1) (2021-11-15)
 
 **Note:** Version bump only for package @availity/feedback

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/feedback",
-  "version": "6.2.1",
+  "version": "6.2.5",
   "author": "Evan Sharp <evan.sharp@availity.com>",
   "description": "Availity feedback with smiley faces react component.",
   "main": "index.js",
@@ -21,11 +21,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@availity/form": "^1.2.0",
+    "@availity/form": "^1.2.1",
     "@availity/hooks": "^3.1.0",
     "@availity/icon": "^0.10.0",
     "@availity/native-form": "^4.0.5",
-    "@availity/select": "^2.1.1",
+    "@availity/select": "^2.2.1",
     "prop-types": "^15.7.2"
   },
   "devDependencies": {
@@ -47,5 +47,5 @@
     "reactstrap": "^8.0.0 || ^7.0.0 || ^6.0.0",
     "yup": "^0.27.0"
   },
-  "gitHead": "1a73654e3e58572b4bec5afc8170566c1a6dd81e"
+  "gitHead": "7b5ca991164f070868efc05e4cef007b16e0c7ca"
 }

package/src/FeedbackForm.js

@@ -151,6 +151,7 @@ const FeedbackForm = ({
               options={faceOptions}
               name="smileField"
               onChange={(option) => setActive(option)}
+              onClose={onClose}
               autoFocusFeedbackButton={autoFocusFeedbackButton}
             />
           </FormGroup>
@@ -206,12 +207,32 @@ const FeedbackForm = ({
           ) : null}
 
           {onClose ? (
-            <Button onClick={onClose} color="secondary" onKeyDown={({ keyCode }) => keyCode === 13 && onClose()}>
+            <Button
+              onClick={onClose}
+              color="secondary"
+              onKeyDown={({ keyCode }) => {
+                if (keyCode === 13) {
+                  onClose();
+                }
+                if (keyCode === 9 && !active) {
+                  onClose();
+                }
+              }}
+            >
               Close
             </Button>
           ) : null}
 
-          <Button type="submit" color="primary" disabled={!active}>
+          <Button
+            onKeyDown={({ keyCode }) => {
+              if (keyCode === 9) {
+                onClose();
+              }
+            }}
+            type="submit"
+            color="primary"
+            disabled={!active}
+          >
             Send Feedback
           </Button>
         </ModalFooter>

package/src/SmileField.js

@@ -5,13 +5,24 @@ import FeedbackButton from './FeedbackButton';
 
 const btnStyles = { flex: 1, margin: '0 2% 0 2%' };
 
-const SmileField = ({ name, options, onChange, autoFocusFeedbackButton }) => {
+const SmileField = ({ name, options, onChange, autoFocusFeedbackButton, onClose }) => {
   const [{ value }] = useField(name);
   const { setFieldValue } = useFormikContext();
 
   return options.map((option, i) => (
     <FeedbackButton
       autoFocus={i === 0 && autoFocusFeedbackButton}
+      onKeyDown={(e) => {
+        if (e.shiftKey && e.keyCode === 9 && i === 0) {
+          onClose();
+        }
+        if (e.keyCode === 13) {
+          setFieldValue(name, option);
+          if (onChange) {
+            onChange(option);
+          }
+        }
+      }}
       style={btnStyles}
       key={option.icon}
       icon={option.icon}