chore: MessageBanner

Added messageBanner to settings page explaining the number generator options

src/Settings/NumberGeneratorOptions.css

@@ -0,0 +1,5 @@
+@import '@folio/stripes-components/lib/variables';
+
+.marginBottomGutter {
+  margin-bottom: var(--gutter);
+}

src/Settings/NumberGeneratorOptions.js

@@ -9,7 +9,9 @@ import {
 } from '@folio/stripes/core';
 import { ConfigManager } from '@folio/stripes/smart-components';
 
-import { Col, RadioButton, Row } from '@folio/stripes/components';
+import { Col, MessageBanner, RadioButton, Row } from '@folio/stripes/components';
+
+import css from './NumberGeneratorOptions.css';
 
 const ConnectedConfigManager = stripesConnect(ConfigManager);
 
@@ -45,6 +47,15 @@ const NumberGeneratorOptions = (props) => {
       onBeforeSave={beforeSave}
       stripes={props.stripes}
     >
+      <Row>
+        <Col xs={12}>
+          <div className={css.marginBottomGutter}>
+            <MessageBanner>
+              <FormattedMessage id="ui-organizations.settings.numberGeneratorOptions.info" />
+            </MessageBanner>
+          </div>
+        </Col>
+      </Row>
       <Row>
         <Col xs={12}>
           <Field

translations/ui-organizations/en.json

@@ -456,6 +456,7 @@
   "settings.typeStatus.Active": "Active",
   "settings.typeStatus.Inactive": "Inactive",
   "settings.numberGeneratorOptions": "Number generator options",
+  "settings.numberGeneratorOptions.info": "Fields which are usually filled using a numeric sequence can use the number generator. When the generator is switched on the field can either be fixed to prevent manual update, or made fully editable. When switched off, the field must be filled manually.",
   "settings.numberGeneratorOptions.useGeneratorForVendor": "Number generator on, fixed: the vendor code can be filled using the generator only.",
   "settings.numberGeneratorOptions.useTextFieldForVendor": "Number generator off: the vendor code can be filled manually only.",
   "settings.numberGeneratorOptions.useBothForVendor": "Number generator on, editable: the vendor code can be filled using the generator and be edited, or filled manually.",