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

@@ -6,7 +6,9 @@ import { Field } from 'react-final-form';
 import { stripesConnect, withStripes } 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';
 
 class NumberGeneratorOptions extends React.Component {
   static propTypes = {
@@ -53,6 +55,15 @@ class NumberGeneratorOptions extends React.Component {
         stripes={this.props.stripes}
         formType="final-form"
       >
+        <Row>
+          <Col xs={12}>
+            <div className={css.marginBottomGutter}>
+              <MessageBanner>
+                <FormattedMessage id="ui-users.settings.numberGeneratorOptions.info" />
+              </MessageBanner>
+            </div>
+          </Col>
+        </Row>
         <Row>
           <Col xs={12}>
             <Field

translations/ui-users/en.json

@@ -168,6 +168,7 @@
   "settings.manualBlockTemplates": "Templates",
   "settings.manualBlockTemplates.paneTitle": "Patron block templates",
   "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.useGeneratorForBarcode": "Number generator on, fixed: the barcode can be filled using the generator only.",
   "settings.numberGeneratorOptions.useTextFieldForBarcode": "Number generator off: the barcode can be filled manually only.",
   "settings.numberGeneratorOptions.useBothForBarcode": "Number generator on, editable: the barcode can be filled using the generator and be edited, or filled manually.",