Feat/2623 isCompact support for summary2 (#2626)

* Added isCompact support

src/layout/Likert/Summary2/LikertSummary.tsx

@@ -63,6 +63,7 @@ export function LikertSummary({ componentNode, emptyFieldText, isCompact }: Like
           rowNode={row?.itemNode}
           emptyFieldText={emptyFieldText}
           readOnly={readOnly}
+          isCompact={isCompact}
         />
       ))}
       {errors?.map(({ message }) => (
@@ -82,9 +83,10 @@ type LikertRowSummaryProps = {
   rowNode?: LayoutNode<'LikertItem'>;
   emptyFieldText?: string;
   readOnly?: boolean;
+  isCompact?: boolean;
 };
 
-function LikertRowSummary({ rowNode, emptyFieldText, readOnly }: LikertRowSummaryProps) {
+function LikertRowSummary({ rowNode, emptyFieldText, readOnly, isCompact }: LikertRowSummaryProps) {
   const title = useNodeItem(rowNode, (i) => i.textResourceBindings?.title);
   const displayData = rowNode?.def.useDisplayData(rowNode);
   const validations = useUnifiedValidationsForNode(rowNode);
@@ -102,6 +104,7 @@ function LikertRowSummary({ rowNode, emptyFieldText, readOnly }: LikertRowSummar
           node={rowNode}
         />
       }
+      isCompact={isCompact}
       componentNode={rowNode}
       displayData={displayData}
       errors={errors}

src/layout/Summary2/SummaryComponent2/ComponentSummary.tsx

@@ -19,7 +19,7 @@ interface ComponentSummaryProps {
 interface ResolveComponentProps {
   targetId: string;
 }
-export function ComponentSummary({ componentNode, isCompact }: ComponentSummaryProps) {
+export function ComponentSummary({ componentNode }: ComponentSummaryProps) {
   const summaryNodeItem = useSummary2Store((state) => state.summaryItem);
   const componentNodeItem = useNodeItem(componentNode);
 
@@ -37,7 +37,7 @@ export function ComponentSummary({ componentNode, isCompact }: ComponentSummaryP
     ? componentNode.def.renderSummary2({
         target: componentNode as LayoutNode<never>,
         override,
-        isCompact,
+        isCompact: summaryNodeItem.isCompact,
       })
     : null;
 

src/layout/Summary2/SummaryComponent2/SummaryComponent2.test.tsx

@@ -33,7 +33,7 @@ describe('SummaryComponent', () => {
       },
     },
   });
-  //
+
   test('should render Group', async () => {
     await render({
       summary2Config: {
@@ -48,6 +48,23 @@ describe('SummaryComponent', () => {
     expect(screen.getByTestId('summary-group-component')).toBeInTheDocument();
   });
 
+  test('Should render in compact mode when set', async () => {
+    await render({
+      summary2Config: {
+        type: 'Summary2',
+        id: 'Summary2',
+        isCompact: true,
+        hideEmptyFields: false,
+      },
+    });
+    const elements = screen.getAllByTestId('summary-single-value-component');
+    expect(elements.length).toBeGreaterThan(0);
+    elements.forEach((element) => {
+      const labelElement = element.querySelector('.compact');
+      expect(labelElement).toBeInTheDocument();
+    });
+  });
+
   test('should render component if hideEmptyFields is set to false', async () => {
     await render({
       summary2Config: {
@@ -60,7 +77,7 @@ describe('SummaryComponent', () => {
         },
       },
     });
-    // expect(screen.getByTestId('summary-single-value-component'));
+
     expect(screen.getByTestId('summary-single-value-component')).toBeInTheDocument();
   });
 
@@ -460,6 +477,7 @@ describe('SummaryComponent', () => {
       type: 'Summary2',
       id: 'mySummary2',
       hideEmptyFields: summary2Config.hideEmptyFields,
+      isCompact: summary2Config.isCompact,
       target: {
         id: summary2Config.target?.id || '',
         type: summary2Config.target?.type,

src/layout/Summary2/config.tsx

@@ -56,6 +56,7 @@ export const Config = new CG.component({
     ),
   )
   .addProperty(new CG.prop('showPageInAccordion', new CG.bool().optional()))
+  .addProperty(new CG.prop('isCompact', new CG.bool().optional()))
   .addProperty(
     new CG.prop(
       'hideEmptyFields',