STSMACOM-544 Config Manager keyboard shortcuts

folio-org · Oct 12, 2021 · d104eb4 · d104eb4
1 parent 0135af8
commit d104eb4
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 11 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## [7.0.1] (IN PROGRESS)
 
 * Add disabled prop for `<LocationLookup>` component.
+* Config Manager | Apply baseline keyboard shortcuts. Refs STSMACOM-544.
 
 ## [7.0.0](https://github.com/folio-org/stripes-smart-components/tree/v7.0.0) (2021-09-27)
 [Full Changelog](https://github.com/folio-org/stripes-smart-components/compare/v6.1.0...v7.0.0)

diff --git a/lib/ConfigManager/ConfigForm.js b/lib/ConfigManager/ConfigForm.js
@@ -3,6 +3,8 @@ import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import {
   Button,
+  checkScope,
+  HasCommand,
   Pane,
   PaneFooter,
 } from '@folio/stripes-components';
@@ -18,6 +20,19 @@ const ConfigForm = (props) => {
     children,
   } = props;
 
+  const shortcuts = [
+    {
+      name: 'save',
+      handler: e => {
+        e.preventDefault();
+
+        if (!(pristine || submitting)) {
+          handleSubmit();
+        }
+      },
+    },
+  ];
+
   const footer = (
     <PaneFooter
       renderEnd={(
@@ -35,19 +50,25 @@ const ConfigForm = (props) => {
   );
 
   return (
-    <form
-      id="config-form"
-      onSubmit={handleSubmit}
-      className={styles.configForm}
+    <HasCommand
+      commands={shortcuts}
+      isWithinScope={checkScope}
+      scope={document.body}
     >
-      <Pane
-        defaultWidth="fill"
-        paneTitle={label}
-        footer={footer}
+      <form
+        id="config-form"
+        onSubmit={handleSubmit}
+        className={styles.configForm}
       >
-        {children}
-      </Pane>
-    </form>
+        <Pane
+          defaultWidth="fill"
+          paneTitle={label}
+          footer={footer}
+        >
+          {children}
+        </Pane>
+      </form>
+    </HasCommand>
   );
 };