UIQM-677: Add MARC Settings page.

CHANGELOG.md

@@ -12,6 +12,7 @@
 * [UIQM-666](https://issues.folio.org/browse/UIQM-666) Make leader positions `Type` and `BLvl` required when creating a bib record.
 * [UIQM-672](https://issues.folio.org/browse/UIQM-672) Add a tooltip for the search link.
 * [UIQM-670](https://issues.folio.org/browse/UIQM-670) Allow saving local control fields without subfield.
+* [UIQM-677](https://issues.folio.org/browse/UIQM-677) Add MARC Settings page.
 
 ## [8.0.1] (https://github.com/folio-org/ui-quick-marc/tree/v8.0.1) (2024-04-18)
 

package.json

@@ -7,8 +7,10 @@
   "license": "Apache-2.0",
   "stripes": {
     "actsAs": [
-      "plugin"
+      "plugin",
+      "settings"
     ],
+    "route": "/quick-marc",
     "pluginType": "quick-marc",
     "displayName": "ui-quick-marc.meta.title",
     "okapiInterfaces": {
@@ -141,6 +143,14 @@
           "marc-records-editor.links.suggestion.post"
         ],
         "visible": true
+      },
+      {
+        "permissionName": "settings.quick-marc.enabled",
+        "displayName": "Settings (MARC): Module is enabled.",
+        "subPermissions": [
+          "settings.enabled"
+        ],
+        "visible": false
       }
     ]
   },

src/QuickMarc.js

@@ -17,10 +17,12 @@ import {
   MARC_TYPES,
   keyboardCommands,
 } from './common/constants';
+import { QuickMarcSettings } from './settings';
 
 const QuickMarc = ({
   basePath,
   externalRecordPath,
+  showSettings,
   onClose,
   onSave,
 }) => {
@@ -90,6 +92,10 @@ const QuickMarc = ({
     },
   ];
 
+  if (showSettings) {
+    return <QuickMarcSettings />;
+  }
+
   return (
     <div data-test-quick-marc>
       <CommandList
@@ -122,6 +128,7 @@ const QuickMarc = ({
 QuickMarc.propTypes = {
   basePath: PropTypes.string.isRequired,
   externalRecordPath: PropTypes.string,
+  showSettings: PropTypes.bool.isRequired,
   onClose: PropTypes.func.isRequired,
   onSave: PropTypes.func.isRequired,
 };

src/settings/QuickMarcSettings/QuickMarcSettings.js

@@ -0,0 +1,32 @@
+import { useLocation, useRouteMatch } from 'react-router-dom';
+import { useIntl } from 'react-intl';
+
+import { TitleManager } from '@folio/stripes/core';
+import {
+  CommandList,
+  defaultKeyboardShortcuts,
+} from '@folio/stripes/components';
+import { Settings } from '@folio/stripes/smart-components';
+
+const QuickMarcSettings = () => {
+  const match = useRouteMatch();
+  const location = useLocation();
+  const { formatMessage } = useIntl();
+
+  const pages = [];
+
+  return (
+    <CommandList commands={defaultKeyboardShortcuts}>
+      <TitleManager page={formatMessage({ id: 'ui-quick-marc.settings.html.page.title' })}>
+        <Settings
+          match={match}
+          location={location}
+          paneTitle={formatMessage({ id: 'ui-quick-marc.settings.heading' })}
+          pages={pages}
+        />
+      </TitleManager>
+    </CommandList>
+  );
+};
+
+export { QuickMarcSettings };

src/settings/QuickMarcSettings/QuickMarcSettings.test.js

@@ -0,0 +1,23 @@
+import { render } from '@folio/jest-config-stripes/testing-library/react';
+import { Settings } from '@folio/stripes/smart-components';
+
+import { QuickMarcSettings } from './QuickMarcSettings';
+import Harness from '../../../test/jest/helpers/harness';
+
+const renderQuickMarcSettings = () => render(
+  <Harness>
+    <QuickMarcSettings />
+  </Harness>,
+);
+
+describe('Given Settings', () => {
+  beforeEach(() => {
+    Settings.mockClear();
+  });
+
+  it('should be rendered', () => {
+    const { getByText } = renderQuickMarcSettings();
+
+    expect(getByText('Settings')).toBeVisible();
+  });
+});

src/settings/QuickMarcSettings/index.js

@@ -0,0 +1 @@
+export * from './QuickMarcSettings';

src/settings/index.js

@@ -0,0 +1 @@
+export * from './QuickMarcSettings';

test/jest/__mock__/index.js

@@ -1,2 +1,3 @@
 import './stripesCore.mock';
 import './resizeObserver.mock';
+import './stripesSmartComponent.mock';

test/jest/__mock__/stripesSmartComponent.mock.js

@@ -0,0 +1,4 @@
+jest.mock('@folio/stripes/smart-components', () => ({
+  ...jest.requireActual('@folio/stripes/smart-components'),
+  Settings: jest.fn(() => <div>Settings</div>),
+}));

translations/ui-quick-marc/en.json

@@ -1,5 +1,5 @@
 {
-  "meta.title": "Quick MARC",
+  "meta.title": "MARC",
   "meta.source.system": "System",
 
   "permission.quick-marc-editor.all": "quickMARC: View, edit MARC bibliographic record",
@@ -13,6 +13,10 @@
   "permission.quick-marc-authorities-editor.all": "quickMARC: View, edit MARC authorities record",
   "permission.quick-marc-authority-records.linkUnlink": "quickMARC: Can Link/unlink authority records to bib records",
 
+  "settings.heading": "MARC",
+  "settings.marcBibTemplates.pane.title": "MARC bibliographic templates",
+  "settings.html.page.title": "MARC settings",
+
   "holdings-record.create.title": "Create a new MARC Holdings record",
   "bibliographic-record.create.title": "Create a new {shared, select, true {shared} false {local} other {}} MARC bib record",
   "bibliographic-record.edit.title": "Edit {shared, select, true {shared} false {local} other {}} MARC record - {title}",