feat: Number generator

Swapped implementation to full Modal implementation as per the other apps
folio-org · Sep 8, 2023 · 5366269 · 5366269
1 parent 3305486
commit 5366269
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 11 deletions.
diff --git a/src/Organizations/OrganizationForm/OrganizationSummaryForm/FieldCode/FieldCode.js b/src/Organizations/OrganizationForm/OrganizationSummaryForm/FieldCode/FieldCode.js
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 
 import { stripesConnect, useStripes } from '@folio/stripes/core';
 import { Col, Row, TextField } from '@folio/stripes/components';
-import { NumberGeneratorButton } from '@folio/service-interaction';
+import { NumberGeneratorModalButton } from '@folio/service-interaction';
 
 import { fetchOrgsByParam } from '../../../../common/resources';
 import { validateOrgCode } from './validateOrgCode';
@@ -48,11 +48,16 @@ const FieldCode = ({ orgId, mutator }) => {
         vendorCodeSetting === 'useBoth'
       ) &&
         <Col xs={12}>
-          <NumberGeneratorButton
+          <NumberGeneratorModalButton
+            buttonLabel={<FormattedMessage id="ui-organizations.numberGenerator.generateVendorCode" />}
             callback={(generated) => change('code', generated)}
+            fullWidth
             id="vendor-code-generator"
+            generateButtonLabel={<FormattedMessage id="ui-organizations.numberGenerator.generateVendorCode" />}
             generator="organizations_vendorCode"
-            sequence="vendor"
+            modalProps={{
+              label: <FormattedMessage id="ui-organizations.numberGenerator.vendorCodeGenerator" />
+            }}
           />
         </Col>
       }

diff --git a/src/Settings/NumberGeneratorOptions.js b/src/Settings/NumberGeneratorOptions.js
@@ -49,14 +49,6 @@ const NumberGeneratorOptions = (props) => {
     >
       <Row>
         <Col xs={12}>
-          <Field
-            component={RadioButton}
-            id="useGenerator"
-            name="vendorGeneratorSetting"
-            label={<FormattedMessage id="ui-organizations.settings.numberGeneratorOptions.useGeneratorForVendor" />}
-            type="radio"
-            value="useGenerator"
-          />
           <Field
             component={RadioButton}
             id="useTextField"
@@ -73,6 +65,14 @@ const NumberGeneratorOptions = (props) => {
             type="radio"
             value="useBoth"
           />
+          <Field
+            component={RadioButton}
+            id="useGenerator"
+            name="vendorGeneratorSetting"
+            label={<FormattedMessage id="ui-organizations.settings.numberGeneratorOptions.useGeneratorForVendor" />}
+            type="radio"
+            value="useGenerator"
+          />
         </Col>
       </Row>
     </ConnectedConfigManager>

diff --git a/translations/ui-organizations/en.json b/translations/ui-organizations/en.json
@@ -443,6 +443,8 @@
   "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.",
+  "numberGenerator.vendorCodeGenerator": "Vendor code generator",
+  "numberGenerator.generateVendorCode": "Generate vendor code",
   "permission.view": "Organizations: View",
   "permission.edit": "Organizations: View, edit",
   "permission.create": "Organizations: View, edit, create",