diff --git a/src/layout/Address/AddressSummary/AddressSummary.tsx b/src/layout/Address/AddressSummary/AddressSummary.tsx index fa36810cae..e66625c178 100644 --- a/src/layout/Address/AddressSummary/AddressSummary.tsx +++ b/src/layout/Address/AddressSummary/AddressSummary.tsx @@ -29,7 +29,12 @@ export function AddressSummary({ componentNode }: AddressSummaryProps) {
} + title={ + + } displayData={address} componentNode={componentNode} /> @@ -42,7 +47,12 @@ export function AddressSummary({ componentNode }: AddressSummaryProps) { {!simplified && (
} + title={ + + } displayData={careOf} componentNode={componentNode} hideEditButton={true} @@ -57,7 +67,12 @@ export function AddressSummary({ componentNode }: AddressSummaryProps) {
} + title={ + + } displayData={zipCode} componentNode={componentNode} hideEditButton={true} @@ -70,7 +85,12 @@ export function AddressSummary({ componentNode }: AddressSummaryProps) {
} + title={ + + } displayData={postPlace} componentNode={componentNode} hideEditButton={true} @@ -83,7 +103,12 @@ export function AddressSummary({ componentNode }: AddressSummaryProps) { {!simplified && (
} + title={ + + } displayData={houseNumber} componentNode={componentNode} hideEditButton={true} diff --git a/src/layout/Checkboxes/CheckboxesSummary.tsx b/src/layout/Checkboxes/CheckboxesSummary.tsx index a68256d93b..365a65ce07 100644 --- a/src/layout/Checkboxes/CheckboxesSummary.tsx +++ b/src/layout/Checkboxes/CheckboxesSummary.tsx @@ -26,7 +26,12 @@ export function CheckboxesSummary({ return ( } + title={ + + } componentNode={componentNode} isCompact={isCompact} showAsList={showAsList} diff --git a/src/layout/Datepicker/DatepickerSummary.tsx b/src/layout/Datepicker/DatepickerSummary.tsx index 4dc186c8a2..22256fa38a 100644 --- a/src/layout/Datepicker/DatepickerSummary.tsx +++ b/src/layout/Datepicker/DatepickerSummary.tsx @@ -21,7 +21,14 @@ export const DatepickerSummary = ({ componentNode, isCompact, emptyFieldText }: return ( } + title={ + title && ( + + ) + } displayData={displayData} errors={errors} componentNode={componentNode} diff --git a/src/layout/Dropdown/DropdownSummary.tsx b/src/layout/Dropdown/DropdownSummary.tsx index aee9fe8851..35d1ba6dfc 100644 --- a/src/layout/Dropdown/DropdownSummary.tsx +++ b/src/layout/Dropdown/DropdownSummary.tsx @@ -21,7 +21,14 @@ export const DropdownSummary = ({ componentNode, isCompact, emptyFieldText }: Dr return ( } + title={ + title && ( + + ) + } displayData={displayData} errors={errors} componentNode={componentNode} diff --git a/src/layout/Grid/GridSummary.tsx b/src/layout/Grid/GridSummary.tsx index 87e09d50ca..f1e7f3f3d0 100644 --- a/src/layout/Grid/GridSummary.tsx +++ b/src/layout/Grid/GridSummary.tsx @@ -115,7 +115,10 @@ export const GridSummary = ({ componentNode }: GridSummaryProps) => { size='xs' level={4} > - + )} diff --git a/src/layout/Group/GroupSummary.tsx b/src/layout/Group/GroupSummary.tsx index e5dab7e731..e7f7282521 100644 --- a/src/layout/Group/GroupSummary.tsx +++ b/src/layout/Group/GroupSummary.tsx @@ -80,7 +80,10 @@ export const GroupSummary = ({ componentNode, hierarchyLevel = 0, summaryOverrid size={isNestedGroup ? 'xsmall' : 'small'} level={headingLevel} > - + { id={id} {...getHeaderProps(size)} > - + {textResourceBindings?.help && ( } + helpText={ + + } title={langAsString(textResourceBindings?.title)} /> diff --git a/src/layout/Input/InputSummary.tsx b/src/layout/Input/InputSummary.tsx index 21e6f23152..0bc559ad1b 100644 --- a/src/layout/Input/InputSummary.tsx +++ b/src/layout/Input/InputSummary.tsx @@ -21,7 +21,14 @@ export const InputSummary = ({ componentNode, isCompact, emptyFieldText }: Input return ( } + title={ + title && ( + + ) + } displayData={displayData} errors={errors} componentNode={componentNode} diff --git a/src/layout/Likert/Summary2/LikertSummary.tsx b/src/layout/Likert/Summary2/LikertSummary.tsx index 16d381e07a..320c1c3672 100644 --- a/src/layout/Likert/Summary2/LikertSummary.tsx +++ b/src/layout/Likert/Summary2/LikertSummary.tsx @@ -29,7 +29,12 @@ export function LikertSummary({ componentNode, emptyFieldText, isCompact }: Like if (!rows.length || rows.length <= 0) { return ( + } componentNode={componentNode} errors={errors} hideEditButton={readOnly} @@ -46,7 +51,10 @@ export function LikertSummary({ componentNode, emptyFieldText, isCompact }: Like size='xs' level={4} > - +
{rows.map((row) => ( diff --git a/src/layout/List/ListSummary.tsx b/src/layout/List/ListSummary.tsx index 5fea425e7c..a20d377cd5 100644 --- a/src/layout/List/ListSummary.tsx +++ b/src/layout/List/ListSummary.tsx @@ -21,7 +21,14 @@ export const ListSummary = ({ componentNode, isCompact, emptyFieldText }: ListCo return ( } + title={ + title && ( + + ) + } displayData={displayData} errors={errors} componentNode={componentNode} diff --git a/src/layout/Map/Summary2/MapSummary.tsx b/src/layout/Map/Summary2/MapSummary.tsx index 1091736b2a..90fc5cca43 100644 --- a/src/layout/Map/Summary2/MapSummary.tsx +++ b/src/layout/Map/Summary2/MapSummary.tsx @@ -37,7 +37,12 @@ export function MapSummary({ componentNode, emptyFieldText, isCompact }: MapSumm if (markerBinding && !markerLocationIsValid) { return ( + } componentNode={componentNode} errors={errors} hideEditButton={readOnly} diff --git a/src/layout/MultipleSelect/MultipleSelectSummary.tsx b/src/layout/MultipleSelect/MultipleSelectSummary.tsx index 5b0b0ef70f..32fc5609f7 100644 --- a/src/layout/MultipleSelect/MultipleSelectSummary.tsx +++ b/src/layout/MultipleSelect/MultipleSelectSummary.tsx @@ -28,7 +28,12 @@ export function MultipleSelectSummary({ return ( } + title={ + + } componentNode={componentNode} showAsList={showAsList} isCompact={isCompact} diff --git a/src/layout/Paragraph/ParagraphComponent.tsx b/src/layout/Paragraph/ParagraphComponent.tsx index 374982e3bc..41e3e649b5 100644 --- a/src/layout/Paragraph/ParagraphComponent.tsx +++ b/src/layout/Paragraph/ParagraphComponent.tsx @@ -31,16 +31,27 @@ export function ParagraphComponent({ node }: IParagraphProps) { {!hasInlineContent ? (
- +
) : ( - + )}
{textResourceBindings?.help && ( } + helpText={ + + } title={elementAsString(text)} /> )} diff --git a/src/layout/RadioButtons/RadioButtonsSummary.tsx b/src/layout/RadioButtons/RadioButtonsSummary.tsx index 5f844b8846..dfc3a3abd7 100644 --- a/src/layout/RadioButtons/RadioButtonsSummary.tsx +++ b/src/layout/RadioButtons/RadioButtonsSummary.tsx @@ -20,7 +20,14 @@ export const RadioButtonsSummary = ({ componentNode, isCompact, emptyFieldText } const title = useNodeItem(componentNode, (i) => i.textResourceBindings?.title); return ( } + title={ + title && ( + + ) + } displayData={displayData} errors={errors} componentNode={componentNode} diff --git a/src/layout/RepeatingGroup/Summary2/RepeatingGroupSummary.tsx b/src/layout/RepeatingGroup/Summary2/RepeatingGroupSummary.tsx index 7fa2d91599..521fb5f10a 100644 --- a/src/layout/RepeatingGroup/Summary2/RepeatingGroupSummary.tsx +++ b/src/layout/RepeatingGroup/Summary2/RepeatingGroupSummary.tsx @@ -53,7 +53,10 @@ export const RepeatingGroupSummary = ({ size='xs' level={4} > - +
{rows.map((row, index) => ( diff --git a/src/layout/Tabs/TabsSummary.tsx b/src/layout/Tabs/TabsSummary.tsx index 06fb1dd22e..287f3969bf 100644 --- a/src/layout/Tabs/TabsSummary.tsx +++ b/src/layout/Tabs/TabsSummary.tsx @@ -42,7 +42,10 @@ export const TabsSummary = ({ componentNode }: TabsSummaryProps) => { size='xs' level={4} > - + } + title={ + title && ( + + ) + } displayData={displayData} errors={errors} componentNode={componentNode}