UIOR-1147: add donors info to POL

CHANGELOG.md

@@ -6,6 +6,7 @@
 * Add missed permission to fetch org types in view only mode. Refs UIOR-1168.
 * Preview contains blank page when trying to print an order. Refs UIOR-1173.
 * Do not disable account numbers having only one account available. Refs UIOR-1174.
+* Add donor info to POL. Refs UIOR-1147.
 
 ## [5.0.0](https://github.com/folio-org/ui-orders/tree/v5.0.0) (2023-10-12)
 [Full Changelog](https://github.com/folio-org/ui-orders/compare/v4.0.3...v5.0.0)

src/components/POLine/POLineForm.js

@@ -30,6 +30,7 @@ import {
 import { ViewMetaData } from '@folio/stripes/smart-components';
 import stripesForm from '@folio/stripes/final-form';
 import {
+  DonorsList,
   FundDistributionFieldsFinal,
   handleKeyCommand,
 } from '@folio/stripes-acq-components';
@@ -128,6 +129,7 @@ function POLineForm({
   const initialInventoryData = isCreateFromInstance
     ? createPOLDataFromInstance(instance, identifierTypes)
     : initialTemplateInventoryData;
+  const donorOrganizationIds = get(initialValues, 'donorOrganizationIds', []);
 
   useEffect(() => {
     setTimeout(() => {
@@ -438,6 +440,15 @@ function POLineForm({
                             integrationConfigs={integrationConfigs}
                           />
                         </Accordion>
+                        <Accordion
+                          id={ACCORDION_ID.donorsInformation}
+                          label={<FormattedMessage id="ui-orders.paneBlock.donorInformation" />}
+                        >
+                          <DonorsList
+                            name="donorOrganizationIds"
+                            donorOrganizationIds={donorOrganizationIds}
+                          />
+                        </Accordion>
                         {isOngoing(order.orderType) && (
                           <Accordion
                             label={<FormattedMessage id="ui-orders.line.accordion.ongoingOrder" />}

src/components/POLine/const.js

@@ -24,6 +24,7 @@ export const ACCORDION_ID = {
   vendor: 'vendor',
   linkedInstances: 'linkedInstances',
   ongoingOrder: 'ongoingOrder',
+  donorsInformation: 'donorsInformation',
 };
 
 // Mapping between attribute (field) in form and id of accordion
@@ -59,8 +60,12 @@ export const POL_TEMPLATE_FIELDS_MAP = {
   'tags.tagList': 'polTags.tagList',
 };
 
+const INITIALLY_CLOSED_ACCORDION_IDS = {
+  [ACCORDION_ID.donorsInformation]: true,
+};
+
 export const INITIAL_SECTIONS = Object.values(ACCORDION_ID).reduce(
-  (accum, id) => ({ ...accum, [id]: true }), {},
+  (accum, id) => ({ ...accum, [id]: !INITIALLY_CLOSED_ACCORDION_IDS[id] }), {},
 );
 
 export const ACCOUNT_STATUS = {

translations/ui-orders/en.json

@@ -470,6 +470,7 @@
   "paneBlock.openBtn": "Open",
   "paneBlock.unopenBtn": "Unopen",
   "paneBlock.POLines": "PO lines",
+  "paneBlock.donorInformation": "Donor information",
   "paneBlock.POSummary": "PO summary",
   "paneBlock.purchaseOrder": "Purchase order",
   "paneBlock.receiveBtn": "Receive",