fix: use summaryTitle when available for summary2 components

Author: Jondyr

src/layout/Checkboxes/CheckboxesSummary.tsx

@@ -21,7 +21,7 @@ export function CheckboxesSummary({ targetBaseComponentId }: Summary2Props) {
     summaryOverride?.displayType === 'list' ||
     (!summaryOverride?.displayType && displayData?.length >= maxStringLength);
   const item = useItemWhenType(targetBaseComponentId, 'Checkboxes');
-  const title = item.textResourceBindings?.title;
+  const title = item.textResourceBindings?.summaryTitle || item.textResourceBindings?.title;
   const required = item.required;
   const displayValues = useMultipleValuesForSummary(targetBaseComponentId);
 

src/layout/Date/DateSummary.tsx

@@ -17,7 +17,7 @@ export const DateSummary = ({ targetBaseComponentId }: Summary2Props) => {
   const validations = useUnifiedValidationsForNode(targetBaseComponentId);
   const errors = validationsOfSeverity(validations, 'error');
   const { textResourceBindings, direction } = useItemWhenType(targetBaseComponentId, 'Date');
-  const title = textResourceBindings?.title;
+  const title = textResourceBindings?.summaryTitle || textResourceBindings?.title;
 
   const compact = (direction === 'horizontal' && isCompact == undefined) || isCompact;
 

src/layout/Datepicker/DatepickerSummary.tsx

@@ -17,7 +17,7 @@ export const DatepickerSummary = ({ targetBaseComponentId }: Summary2Props) => {
   const validations = useUnifiedValidationsForNode(targetBaseComponentId);
   const errors = validationsOfSeverity(validations, 'error');
   const item = useItemWhenType(targetBaseComponentId, 'Datepicker');
-  const title = item.textResourceBindings?.title;
+  const title = item.textResourceBindings?.summaryTitle || item.textResourceBindings?.title;
 
   return (
     <SummaryFlex

src/layout/Dropdown/DropdownSummary.tsx

@@ -17,7 +17,7 @@ export const DropdownSummary = ({ targetBaseComponentId }: Summary2Props) => {
   const validations = useUnifiedValidationsForNode(targetBaseComponentId);
   const errors = validationsOfSeverity(validations, 'error');
   const item = useItemWhenType(targetBaseComponentId, 'Dropdown');
-  const title = item.textResourceBindings?.title;
+  const title = item.textResourceBindings?.summaryTitle || item.textResourceBindings?.title;
 
   return (
     <SummaryFlex

src/layout/Grid/GridSummary.tsx

@@ -54,7 +54,7 @@ import type { Summary2Props } from 'src/layout/Summary2/SummaryComponent2/types'
 export const GridSummary = ({ targetBaseComponentId }: Summary2Props) => {
   const indexedId = useIndexedId(targetBaseComponentId);
   const { rows, textResourceBindings } = useItemWhenType(targetBaseComponentId, 'Grid');
-  const { title } = textResourceBindings ?? {};
+  const title = textResourceBindings?.summaryTitle || textResourceBindings?.title;
 
   const columnSettings: ITableColumnFormatting = {};
   const isMobile = useIsMobile();

src/layout/Group/GroupSummary.tsx

@@ -58,7 +58,7 @@ function ChildComponent({ id, hierarchyLevel }: ChildComponentProps) {
 
 export const GroupSummary = ({ targetBaseComponentId, hierarchyLevel = 0 }: GroupComponentSummaryProps) => {
   const item = useItemWhenType(targetBaseComponentId, 'Group');
-  const title = item.textResourceBindings?.title;
+  const title = item.textResourceBindings?.summaryTitle || item.textResourceBindings?.title;
   const summaryTitle = item.textResourceBindings?.summaryTitle;
   const headingLevel = getHeadingLevel(hierarchyLevel);
   const isNestedGroup = hierarchyLevel > 0;

src/layout/ImageUpload/ImageUploadSummary2/ImageUploadSummary2.tsx

@@ -16,7 +16,7 @@ export function ImageUploadSummary2({ targetBaseComponentId }: Summary2Props) {
   const isCompact = useSummaryProp('isCompact');
   const { storedImage } = useImageFile(targetBaseComponentId);
   const isEmpty = attachment.length === 0;
-  const title = textResourceBindings?.title;
+  const title = textResourceBindings?.summaryTitle || textResourceBindings?.title;
   const emptyValueText = required ? SummaryContains.EmptyValueRequired : SummaryContains.EmptyValueNotRequired;
   const contentLogic = isEmpty ? emptyValueText : SummaryContains.SomeUserContent;
   const imageElement = storedImage ? <ImageToDisplay targetBaseComponentId={targetBaseComponentId} /> : undefined;

src/layout/Input/InputSummary.tsx

@@ -17,7 +17,7 @@ export const InputSummary = ({ targetBaseComponentId }: Summary2Props) => {
   const validations = useUnifiedValidationsForNode(targetBaseComponentId);
   const errors = validationsOfSeverity(validations, 'error');
   const item = useItemWhenType(targetBaseComponentId, 'Input');
-  const title = item.textResourceBindings?.title;
+  const title = item.textResourceBindings?.summaryTitle || item.textResourceBindings?.title;
 
   return (
     <SummaryFlex

src/layout/Likert/LikertComponent.tsx

@@ -29,7 +29,7 @@ export const LikertComponent = ({ baseComponentId }: PropsFromGenericComponent<'
   const { options: calculatedOptions, isFetching } = useOptionsFor(makeLikertChildId(baseComponentId), 'single');
 
   const indexedId = useIndexedId(baseComponentId);
-  const title = textResourceBindings?.title;
+  const title = textResourceBindings?.summaryTitle || textResourceBindings?.title;
   const description = textResourceBindings?.description;
 
   if (mobileView) {

src/layout/Likert/Summary2/LikertSummary.tsx

@@ -34,6 +34,7 @@ export function LikertSummary({ targetBaseComponentId }: Summary2Props) {
   const validations = useUnifiedValidationsForNode(targetBaseComponentId);
   const errors = validationsOfSeverity(validations, 'error');
   const hideEmptyFields = useSummaryProp('hideEmptyFields');
+  const title = textResourceBindings?.summaryTitle || textResourceBindings?.title;
 
   if (!rows.length || rows.length <= 0) {
     return (
@@ -42,7 +43,7 @@ export function LikertSummary({ targetBaseComponentId }: Summary2Props) {
         content={required ? SummaryContains.EmptyValueRequired : SummaryContains.EmptyValueNotRequired}
       >
         <SingleValueSummary
-          title={<Lang id={textResourceBindings?.title} />}
+          title={<Lang id={title} />}
           targetBaseComponentId={targetBaseComponentId}
           errors={errors}
           hideEditButton={readOnly}
@@ -65,7 +66,7 @@ export function LikertSummary({ targetBaseComponentId }: Summary2Props) {
               data-size='xs'
               level={4}
             >
-              <Lang id={textResourceBindings?.title} />
+              <Lang id={title} />
             </Heading>
           </div>
           {rows.filter(typedBoolean).map((row) => (
@@ -108,6 +109,7 @@ function LikertRowSummary({ rowBaseId, emptyFieldText, readOnly, isCompact }: Li
   const displayData = useDisplayData(rowBaseId);
   const validations = useUnifiedValidationsForNode(rowBaseId);
   const errors = validationsOfSeverity(validations, 'error');
+  const title = textResourceBindings?.summaryTitle || textResourceBindings?.title;
 
   useReportSummaryRender(
     displayData.trim() === ''
@@ -119,7 +121,7 @@ function LikertRowSummary({ rowBaseId, emptyFieldText, readOnly, isCompact }: Li
 
   return (
     <SingleValueSummary
-      title={<Lang id={textResourceBindings?.title} />}
+      title={<Lang id={title} />}
       isCompact={isCompact}
       targetBaseComponentId={rowBaseId}
       displayData={displayData}