When editing a Pipeline, allow re-ordering of steps

Fixes UIHAADM-108.

As a by-product, it's now also possible to re-order other lists, such
as the list of URLs associated with an XML-based harvestable.

CHANGELOG.md

@@ -8,6 +8,7 @@
 * Display `<Datepicker>` in full view by using `usePortal`. Fixes UIHAADM-98.
 * Full display of a job now includes start time in header instead of current time. Fixes UIHAADM-103.
 * When trying to delete an in-use step, this is rejected with a polite error message. Fixes last part of UIHAADM-9.
+* When editing a Transformation Pipeline, allow re-ordering of steps. Fixes UIHAADM-108.
 
 ## [2.0.0](https://github.com/folio-org/ui-harvester-admin/tree/v2.0.0) (2023-10-13)
 

src/components/ListField.js

@@ -21,6 +21,8 @@ const ListField = ({ name, label, renderEntry, component, emptyValue }) => {
                   }
                 </Col>
                 <Col xs={1}>
+                  <IconButton icon="arrow-up" disabled={index === 0} onClick={() => fields.swap(index - 1, index)} />
+                  <IconButton icon="arrow-down" disabled={index === fields.length - 1} onClick={() => fields.swap(index, index + 1)} />
                   <IconButton icon="trash" onClick={() => fields.remove(index)} />
                 </Col>
               </Row>