add columnWidths for donors list and modal

folio-org · Nov 17, 2023 · 2dcf1bb · 2dcf1bb
1 parent 6344233
commit 2dcf1bb
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/lib/Donors/DonorsContainer.js b/lib/Donors/DonorsContainer.js
@@ -12,7 +12,7 @@ import { getDonorsFormatter } from './utils';
 
 export function DonorsContainer({
   columnMapping,
-  columnWidths,
+  columnWidths: columnWidthsProp,
   donors,
   fields,
   formatter,
@@ -62,6 +62,14 @@ export function DonorsContainer({
     }
   };
 
+  const columnWidths = useMemo(() => {
+    return columnWidthsProp || {
+      name: { min: 200, max: '50%' },
+      code: { min: 100, max: '40%' },
+      unassignDonor: '10%',
+    };
+  }, [columnWidthsProp]);
+
   return (
     <>
       <DonorsList
@@ -80,6 +88,7 @@ export function DonorsContainer({
             onAddDonors={onAddDonors}
             name={id}
             searchLabel={searchLabel}
+            columnWidths={columnWidths}
           />
         )
       }

diff --git a/lib/Donors/DonorsLookup.js b/lib/Donors/DonorsLookup.js
@@ -21,6 +21,7 @@ export const DonorsLookup = ({
   onAddDonors,
   searchLabel,
   visibleColumns,
+  columnWidths,
 }) => {
   const stripes = useStripes();
 
@@ -43,6 +44,7 @@ export const DonorsLookup = ({
       visibleFilters={visibleFilters}
       isMultiSelect
       sortableColumns={sortableColumns}
+      columnWidths={columnWidths}
     >
       <span data-test-add-donor>
         <FormattedMessage id="stripes-acq-components.donors.noFindOrganizationPlugin" />
@@ -56,6 +58,7 @@ DonorsLookup.propTypes = {
   name: PropTypes.string,
   searchLabel: PropTypes.node,
   visibleColumns: PropTypes.arrayOf(PropTypes.string),
+  columnWidths: PropTypes.object,
 };
 
 DonorsLookup.defaultProps = {