@digigov/ui 2.0.0-b15d5d44 → 2.0.0-b19b7fe2

package/src/content/List/index.test.tsx

@@ -1,40 +1,41 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { BulletList } from '@digigov/ui/content/List/__stories__/BulletList';
 import { Default } from '@digigov/ui/content/List/__stories__/Default';
 import { HorizontalList } from '@digigov/ui/content/List/__stories__/HorizontalList';
 import { NestedBulletList } from '@digigov/ui/content/List/__stories__/NestedBulletList';
 import { NumberedList } from '@digigov/ui/content/List/__stories__/NumberedList';
 import { WithExtraSpace } from '@digigov/ui/content/List/__stories__/WithExtraSpace';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All List variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="BulletList">
-      <BulletList />
-    </TestVariant>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="HorizontalList">
-      <HorizontalList />
-    </TestVariant>
-    <TestVariant title="NestedBulletList">
-      <NestedBulletList />
-    </TestVariant>
-    <TestVariant title="NumberedList">
-      <NumberedList />
-    </TestVariant>
-    <TestVariant title="WithExtraSpace">
-      <WithExtraSpace />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="BulletList">
+        <BulletList />
+      </TestVariant>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="HorizontalList">
+        <HorizontalList />
+      </TestVariant>
+      <TestVariant title="NestedBulletList">
+        <NestedBulletList />
+      </TestVariant>
+      <TestVariant title="NumberedList">
+        <NumberedList />
+      </TestVariant>
+      <TestVariant title="WithExtraSpace">
+        <WithExtraSpace />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/content/Markdown/index.test.tsx

@@ -1,20 +1,21 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/content/Markdown/__stories__/Default';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Markdown variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/content/SafeHTML/index.test.tsx

@@ -1,20 +1,21 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/content/SafeHTML/__stories__/Default';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All SafeHTML variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/content/StepNav/index.test.tsx

@@ -1,36 +1,37 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Auto } from '@digigov/ui/content/StepNav/__stories__/Auto';
 import { Default } from '@digigov/ui/content/StepNav/__stories__/Default';
 import { Dense } from '@digigov/ui/content/StepNav/__stories__/Dense';
 import { WithHints } from '@digigov/ui/content/StepNav/__stories__/WithHints';
 import { WithHook } from '@digigov/ui/content/StepNav/__stories__/WithHook';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All StepNav variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Auto">
-      <Auto />
-    </TestVariant>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="Dense">
-      <Dense />
-    </TestVariant>
-    <TestVariant title="WithHints">
-      <WithHints />
-    </TestVariant>
-    <TestVariant title="WithHook">
-      <WithHook />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Auto">
+        <Auto />
+      </TestVariant>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="Dense">
+        <Dense />
+      </TestVariant>
+      <TestVariant title="WithHints">
+        <WithHints />
+      </TestVariant>
+      <TestVariant title="WithHook">
+        <WithHook />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/content/SummaryList/index.test.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/content/SummaryList/__stories__/Default';
 import { RowVariations } from '@digigov/ui/content/SummaryList/__stories__/RowVariations';
 import { SummaryListExample } from '@digigov/ui/content/SummaryList/__stories__/SummaryListExample';
@@ -9,40 +8,42 @@ import { WithKeyAndAction } from '@digigov/ui/content/SummaryList/__stories__/Wi
 import { WithNoLastBorder } from '@digigov/ui/content/SummaryList/__stories__/WithNoLastBorder';
 import { WithoutActions } from '@digigov/ui/content/SummaryList/__stories__/WithoutActions';
 import { WithoutBorders } from '@digigov/ui/content/SummaryList/__stories__/WithoutBorders';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All SummaryList variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="RowVariations">
-      <RowVariations />
-    </TestVariant>
-    <TestVariant title="SummaryListExample">
-      <SummaryListExample />
-    </TestVariant>
-    <TestVariant title="WithActions">
-      <WithActions />
-    </TestVariant>
-    <TestVariant title="WithKeyAndAction">
-      <WithKeyAndAction />
-    </TestVariant>
-    <TestVariant title="WithNoLastBorder">
-      <WithNoLastBorder />
-    </TestVariant>
-    <TestVariant title="WithoutActions">
-      <WithoutActions />
-    </TestVariant>
-    <TestVariant title="WithoutBorders">
-      <WithoutBorders />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="RowVariations">
+        <RowVariations />
+      </TestVariant>
+      <TestVariant title="SummaryListExample">
+        <SummaryListExample />
+      </TestVariant>
+      <TestVariant title="WithActions">
+        <WithActions />
+      </TestVariant>
+      <TestVariant title="WithKeyAndAction">
+        <WithKeyAndAction />
+      </TestVariant>
+      <TestVariant title="WithNoLastBorder">
+        <WithNoLastBorder />
+      </TestVariant>
+      <TestVariant title="WithoutActions">
+        <WithoutActions />
+      </TestVariant>
+      <TestVariant title="WithoutBorders">
+        <WithoutBorders />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/content/Table/index.test.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { DarkVariant } from '@digigov/ui/content/Table/__stories__/DarkVariant';
 import { DarkVariantWithVerticalHeaders } from '@digigov/ui/content/Table/__stories__/DarkVariantWithVerticalHeaders';
 import { Default } from '@digigov/ui/content/Table/__stories__/Default';
@@ -19,73 +18,75 @@ import { WithFloatingScroll } from '@digigov/ui/content/Table/__stories__/WithFl
 import { WithLoader } from '@digigov/ui/content/Table/__stories__/WithLoader';
 import { WithSortFilters } from '@digigov/ui/content/Table/__stories__/WithSortFilters';
 import { ZebraProp } from '@digigov/ui/content/Table/__stories__/ZebraProp';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 const SCREENSHOT_DELAY = 2_000;
-const delay = ms => new Promise(resolve => setTimeout(resolve, ms));
+const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 
 test('renders the All Table variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="DarkVariant">
-      <DarkVariant />
-    </TestVariant>
-    <TestVariant title="DarkVariantWithVerticalHeaders">
-      <DarkVariantWithVerticalHeaders />
-    </TestVariant>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="DefinedWidth">
-      <DefinedWidth />
-    </TestVariant>
-    <TestVariant title="Dense">
-      <Dense />
-    </TestVariant>
-    <TestVariant title="Full">
-      <Full />
-    </TestVariant>
-    <TestVariant title="MultipleProps">
-      <MultipleProps />
-    </TestVariant>
-    <TestVariant title="NoData">
-      <NoData />
-    </TestVariant>
-    <TestVariant title="NumericDataType">
-      <NumericDataType />
-    </TestVariant>
-    <TestVariant title="RowColors">
-      <RowColors />
-    </TestVariant>
-    <TestVariant title="Stacked">
-      <Stacked />
-    </TestVariant>
-    <TestVariant title="TableCaptions">
-      <TableCaptions />
-    </TestVariant>
-    <TestVariant title="VerticalBorders">
-      <VerticalBorders />
-    </TestVariant>
-    <TestVariant title="VerticalHeaders">
-      <VerticalHeaders />
-    </TestVariant>
-    <TestVariant title="WithFloatingScroll">
-      <WithFloatingScroll />
-    </TestVariant>
-    <TestVariant title="WithLoader">
-      <WithLoader />
-    </TestVariant>
-    <TestVariant title="WithSortFilters">
-      <WithSortFilters />
-    </TestVariant>
-    <TestVariant title="ZebraProp">
-      <ZebraProp />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="DarkVariant">
+        <DarkVariant />
+      </TestVariant>
+      <TestVariant title="DarkVariantWithVerticalHeaders">
+        <DarkVariantWithVerticalHeaders />
+      </TestVariant>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="DefinedWidth">
+        <DefinedWidth />
+      </TestVariant>
+      <TestVariant title="Dense">
+        <Dense />
+      </TestVariant>
+      <TestVariant title="Full">
+        <Full />
+      </TestVariant>
+      <TestVariant title="MultipleProps">
+        <MultipleProps />
+      </TestVariant>
+      <TestVariant title="NoData">
+        <NoData />
+      </TestVariant>
+      <TestVariant title="NumericDataType">
+        <NumericDataType />
+      </TestVariant>
+      <TestVariant title="RowColors">
+        <RowColors />
+      </TestVariant>
+      <TestVariant title="Stacked">
+        <Stacked />
+      </TestVariant>
+      <TestVariant title="TableCaptions">
+        <TableCaptions />
+      </TestVariant>
+      <TestVariant title="VerticalBorders">
+        <VerticalBorders />
+      </TestVariant>
+      <TestVariant title="VerticalHeaders">
+        <VerticalHeaders />
+      </TestVariant>
+      <TestVariant title="WithFloatingScroll">
+        <WithFloatingScroll />
+      </TestVariant>
+      <TestVariant title="WithLoader">
+        <WithLoader />
+      </TestVariant>
+      <TestVariant title="WithSortFilters">
+        <WithSortFilters />
+      </TestVariant>
+      <TestVariant title="ZebraProp">
+        <ZebraProp />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
   await delay(SCREENSHOT_DELAY);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/content/TaskList/index.test.tsx

@@ -1,24 +1,25 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/content/TaskList/__stories__/Default';
 import { Dense } from '@digigov/ui/content/TaskList/__stories__/Dense';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All TaskList variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="Dense">
-      <Dense />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="Dense">
+        <Dense />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/content/Timeline/index.test.tsx

@@ -1,24 +1,25 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/content/Timeline/__stories__/Default';
 import { Dense } from '@digigov/ui/content/Timeline/__stories__/Dense';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Timeline variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="Dense">
-      <Dense />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="Dense">
+        <Dense />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/feedback/CopyToClipboard/index.test.tsx

@@ -1,28 +1,29 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Banner } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Banner';
 import { Default } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Default';
 import { Dense } from '@digigov/ui/feedback/CopyToClipboard/__stories__/Dense';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All CopyToClipboard variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Banner">
-      <Banner />
-    </TestVariant>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="Dense">
-      <Dense />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Banner">
+        <Banner />
+      </TestVariant>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="Dense">
+        <Dense />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-  

package/src/feedback/ErrorSummary/ErrorSummary.stories.js

@@ -12,5 +12,4 @@ export { Dense } from '@digigov/ui/feedback/ErrorSummary/__stories__/Dense';
 export { LinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput';
 export { LinkedToField } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToField';
 export { LinkedToCheckbox } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox';
-export { ErrorGroupLinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput';
 export { WithBackLinkAndButton } from '@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton';

package/src/feedback/ErrorSummary/index.test.tsx

@@ -1,44 +1,41 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/feedback/ErrorSummary/__stories__/Default';
 import { Dense } from '@digigov/ui/feedback/ErrorSummary/__stories__/Dense';
-import { ErrorGroupLinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/ErrorGroupLinkedToInput';
 import { LinkedToCheckbox } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox';
 import { LinkedToField } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToField';
 import { LinkedToInput } from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput';
 import { WithBackLinkAndButton } from '@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton';
+import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All ErrorSummary variants', async ({ mount, page }) => {
   await mount(
-    
-  <div>
-    <TestVariant title="Default">
-      <Default />
-    </TestVariant>
-    <TestVariant title="Dense">
-      <Dense />
-    </TestVariant>
-    <TestVariant title="ErrorGroupLinkedToInput">
-      <ErrorGroupLinkedToInput />
-    </TestVariant>
-    <TestVariant title="LinkedToCheckbox">
-      <LinkedToCheckbox />
-    </TestVariant>
-    <TestVariant title="LinkedToField">
-      <LinkedToField />
-    </TestVariant>
-    <TestVariant title="LinkedToInput">
-      <LinkedToInput />
-    </TestVariant>
-    <TestVariant title="WithBackLinkAndButton">
-      <WithBackLinkAndButton />
-    </TestVariant>
-  </div>
-  )
+    <div>
+      <TestVariant title="Default">
+        <Default />
+      </TestVariant>
+      <TestVariant title="Dense">
+        <Dense />
+      </TestVariant>
+      <TestVariant title="LinkedToCheckbox">
+        <LinkedToCheckbox />
+      </TestVariant>
+      <TestVariant title="LinkedToField">
+        <LinkedToField />
+      </TestVariant>
+      <TestVariant title="LinkedToInput">
+        <LinkedToInput />
+      </TestVariant>
+      <TestVariant title="WithBackLinkAndButton">
+        <WithBackLinkAndButton />
+      </TestVariant>
+    </div>
+  );
   await page.evaluate(() => document.fonts.ready);
 
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-