@digigov/ui 2.0.0-254f7786 → 2.0.0-2a26e869

package/src/typography/CodeBlock/index.test.tsx

@@ -1,33 +1,32 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/typography/CodeBlock/__stories__/Default';
 import { Highlighted } from '@digigov/ui/typography/CodeBlock/__stories__/Highlighted';
 import { WithCopyToClipboard } from '@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard';
 import { WithPhaseBanner } from '@digigov/ui/typography/CodeBlock/__stories__/WithPhaseBanner';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All CodeBlock variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="Highlighted">
-        <Highlighted />
-      </TestVariant>
-      <TestVariant title="WithCopyToClipboard">
-        <WithCopyToClipboard />
-      </TestVariant>
-      <TestVariant title="WithPhaseBanner">
-        <WithPhaseBanner />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="Highlighted">
+      <Highlighted />
+    </TestVariant>
+    <TestVariant title="WithCopyToClipboard">
+      <WithCopyToClipboard />
+    </TestVariant>
+    <TestVariant title="WithPhaseBanner">
+      <WithPhaseBanner />
+    </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/typography/Heading/index.test.tsx

@@ -1,21 +1,20 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/typography/Heading/__stories__/Default';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Heading 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/typography/HeadingCaption/index.test.tsx

@@ -1,25 +1,24 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/typography/HeadingCaption/__stories__/Default';
 import { NestedToTitle } from '@digigov/ui/typography/HeadingCaption/__stories__/NestedToTitle';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All HeadingCaption variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="NestedToTitle">
-        <NestedToTitle />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="NestedToTitle">
+      <NestedToTitle />
+    </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/typography/Hint/index.test.tsx

@@ -1,25 +1,24 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/typography/Hint/__stories__/Default';
 import { FontSizes } from '@digigov/ui/typography/Hint/__stories__/FontSizes';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Hint variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="FontSizes">
-        <FontSizes />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="FontSizes">
+      <FontSizes />
+    </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/typography/NormalText/index.test.tsx

@@ -1,33 +1,32 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/typography/NormalText/__stories__/Default';
 import { FontSizes } from '@digigov/ui/typography/NormalText/__stories__/FontSizes';
 import { FontWeight } from '@digigov/ui/typography/NormalText/__stories__/FontWeight';
 import { Variants } from '@digigov/ui/typography/NormalText/__stories__/Variants';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All NormalText variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="FontSizes">
-        <FontSizes />
-      </TestVariant>
-      <TestVariant title="FontWeight">
-        <FontWeight />
-      </TestVariant>
-      <TestVariant title="Variants">
-        <Variants />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="FontSizes">
+      <FontSizes />
+    </TestVariant>
+    <TestVariant title="FontWeight">
+      <FontWeight />
+    </TestVariant>
+    <TestVariant title="Variants">
+      <Variants />
+    </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/typography/Paragraph/index.test.tsx

@@ -1,37 +1,36 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/typography/Paragraph/__stories__/Default';
 import { FontSizes } from '@digigov/ui/typography/Paragraph/__stories__/FontSizes';
 import { FontWeight } from '@digigov/ui/typography/Paragraph/__stories__/FontWeight';
 import { LeadVariant } from '@digigov/ui/typography/Paragraph/__stories__/LeadVariant';
 import { SmallVariant } from '@digigov/ui/typography/Paragraph/__stories__/SmallVariant';
-import TestVariant from '@digigov/ui/utils/TestVariant';
 
 test('renders the All Paragraph variants', async ({ mount, page }) => {
   await mount(
-    <div>
-      <TestVariant title="Default">
-        <Default />
-      </TestVariant>
-      <TestVariant title="FontSizes">
-        <FontSizes />
-      </TestVariant>
-      <TestVariant title="FontWeight">
-        <FontWeight />
-      </TestVariant>
-      <TestVariant title="LeadVariant">
-        <LeadVariant />
-      </TestVariant>
-      <TestVariant title="SmallVariant">
-        <SmallVariant />
-      </TestVariant>
-    </div>
-  );
+    
+  <div>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="FontSizes">
+      <FontSizes />
+    </TestVariant>
+    <TestVariant title="FontWeight">
+      <FontWeight />
+    </TestVariant>
+    <TestVariant title="LeadVariant">
+      <LeadVariant />
+    </TestVariant>
+    <TestVariant title="SmallVariant">
+      <SmallVariant />
+    </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/utils/VisuallyHidden/index.test.tsx

@@ -1,21 +1,20 @@
 import React from 'react';
 import { test, expect } from '@playwright/experimental-ct-react';
-import TestVariant from '@digigov/ui/utils/TestVariant';
+import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/utils/VisuallyHidden/__stories__/Default';
 
 test('renders the All VisuallyHidden 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/utils/hooks/useScreen.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-unsafe-function-type */
 import { useEffect, useState } from 'react';
 import breakpoints from '@digigov/css/screens.json';
 export type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -10,7 +9,7 @@ export const breakpointValues = Object.values(breakpoints) as number[];
 function resolveScreenSize(width: number): Breakpoints {
   let breakpointIndex = 0;
   for (const breakpoint of breakpointValues) {
-    if (width > breakpoint && width < breakpointValues[breakpointIndex + 1]) {
+    if (width >= breakpoint && width < breakpointValues[breakpointIndex + 1]) {
       return breakpointKeys[breakpointIndex];
     }
     breakpointIndex++;
@@ -18,7 +17,7 @@ function resolveScreenSize(width: number): Breakpoints {
   return 'xl';
 }
 
-const listeners = new Set<Function>();
+const listeners = new Set<(width: number) => void>();
 let resizeObserver: ResizeObserver | null = null;
 function createResizeObserver() {
   if (resizeObserver === null && typeof window !== 'undefined') {

package/utils/hooks/useScreen/index.js

@@ -7,7 +7,7 @@ const breakpointValues = Object.values(breakpoints);
 function resolveScreenSize(width) {
   let breakpointIndex = 0;
   for (const breakpoint of breakpointValues) {
-    if (width > breakpoint && width < breakpointValues[breakpointIndex + 1]) {
+    if (width >= breakpoint && width < breakpointValues[breakpointIndex + 1]) {
       return breakpointKeys[breakpointIndex];
     }
     breakpointIndex++;

package/utils/hooks/useScreen.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/hooks/useScreen.ts"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-function-type */\nimport { useEffect, useState } from 'react';\nimport breakpoints from '@digigov/css/screens.json';\nexport type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport const breakpointKeys: Breakpoints[] = Object.keys(\n  breakpoints\n) as Breakpoints[];\nexport const breakpointValues = Object.values(breakpoints) as number[];\n\nfunction resolveScreenSize(width: number): Breakpoints {\n  let breakpointIndex = 0;\n  for (const breakpoint of breakpointValues) {\n    if (width > breakpoint && width < breakpointValues[breakpointIndex + 1]) {\n      return breakpointKeys[breakpointIndex];\n    }\n    breakpointIndex++;\n  }\n  return 'xl';\n}\n\nconst listeners = new Set<Function>();\nlet resizeObserver: ResizeObserver | null = null;\nfunction createResizeObserver() {\n  if (resizeObserver === null && typeof window !== 'undefined') {\n    resizeObserver = new ResizeObserver(([body]) => {\n      listeners.forEach((listener) => {\n        listener(body.contentRect.width);\n      });\n    });\n    resizeObserver.observe(window.document?.body);\n  }\n  return listeners;\n}\nexport const useScreenSize = () => {\n  const [screenSize, setSize] = useState<Breakpoints>(\n    resolveScreenSize(\n      typeof window !== 'undefined' ? window.document.body.clientWidth : 0\n    )\n  );\n  useEffect(() => {\n    const listeners = createResizeObserver();\n    const listener = (width: number) => {\n      setSize(resolveScreenSize(width));\n    };\n    listeners.add(listener);\n    return () => {\n      listeners.delete(listener);\n    };\n  }, []);\n  return {\n    screenSize,\n    screenWidth:\n      typeof window !== 'undefined' && window.document.body.clientWidth,\n  };\n};\n"],
-  "mappings": "AACA,SAAS,WAAW,gBAAgB;AACpC,OAAO,iBAAiB;AAEjB,MAAM,iBAAgC,OAAO;AAAA,EAClD;AACF;AACO,MAAM,mBAAmB,OAAO,OAAO,WAAW;AAEzD,SAAS,kBAAkB,OAA4B;AACrD,MAAI,kBAAkB;AACtB,aAAW,cAAc,kBAAkB;AACzC,QAAI,QAAQ,cAAc,QAAQ,iBAAiB,kBAAkB,CAAC,GAAG;AACvE,aAAO,eAAe,eAAe;AAAA,IACvC;AACA;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,YAAY,oBAAI,IAAc;AACpC,IAAI,iBAAwC;AAC5C,SAAS,uBAAuB;AAC9B,MAAI,mBAAmB,QAAQ,OAAO,WAAW,aAAa;AAC5D,qBAAiB,IAAI,eAAe,CAAC,CAAC,IAAI,MAAM;AAC9C,gBAAU,QAAQ,CAAC,aAAa;AAC9B,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC;AACD,mBAAe,QAAQ,OAAO,UAAU,IAAI;AAAA,EAC9C;AACA,SAAO;AACT;AACO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,OAAO,IAAI;AAAA,IAC5B;AAAA,MACE,OAAO,WAAW,cAAc,OAAO,SAAS,KAAK,cAAc;AAAA,IACrE;AAAA,EACF;AACA,YAAU,MAAM;AACd,UAAMA,aAAY,qBAAqB;AACvC,UAAM,WAAW,CAAC,UAAkB;AAClC,cAAQ,kBAAkB,KAAK,CAAC;AAAA,IAClC;AACA,IAAAA,WAAU,IAAI,QAAQ;AACtB,WAAO,MAAM;AACX,MAAAA,WAAU,OAAO,QAAQ;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SAAO;AAAA,IACL;AAAA,IACA,aACE,OAAO,WAAW,eAAe,OAAO,SAAS,KAAK;AAAA,EAC1D;AACF;",
+  "sourcesContent": ["import { useEffect, useState } from 'react';\nimport breakpoints from '@digigov/css/screens.json';\nexport type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport const breakpointKeys: Breakpoints[] = Object.keys(\n  breakpoints\n) as Breakpoints[];\nexport const breakpointValues = Object.values(breakpoints) as number[];\n\nfunction resolveScreenSize(width: number): Breakpoints {\n  let breakpointIndex = 0;\n  for (const breakpoint of breakpointValues) {\n    if (width >= breakpoint && width < breakpointValues[breakpointIndex + 1]) {\n      return breakpointKeys[breakpointIndex];\n    }\n    breakpointIndex++;\n  }\n  return 'xl';\n}\n\nconst listeners = new Set<(width: number) => void>();\nlet resizeObserver: ResizeObserver | null = null;\nfunction createResizeObserver() {\n  if (resizeObserver === null && typeof window !== 'undefined') {\n    resizeObserver = new ResizeObserver(([body]) => {\n      listeners.forEach((listener) => {\n        listener(body.contentRect.width);\n      });\n    });\n    resizeObserver.observe(window.document?.body);\n  }\n  return listeners;\n}\nexport const useScreenSize = () => {\n  const [screenSize, setSize] = useState<Breakpoints>(\n    resolveScreenSize(\n      typeof window !== 'undefined' ? window.document.body.clientWidth : 0\n    )\n  );\n  useEffect(() => {\n    const listeners = createResizeObserver();\n    const listener = (width: number) => {\n      setSize(resolveScreenSize(width));\n    };\n    listeners.add(listener);\n    return () => {\n      listeners.delete(listener);\n    };\n  }, []);\n  return {\n    screenSize,\n    screenWidth:\n      typeof window !== 'undefined' && window.document.body.clientWidth,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,OAAO,iBAAiB;AAEjB,MAAM,iBAAgC,OAAO;AAAA,EAClD;AACF;AACO,MAAM,mBAAmB,OAAO,OAAO,WAAW;AAEzD,SAAS,kBAAkB,OAA4B;AACrD,MAAI,kBAAkB;AACtB,aAAW,cAAc,kBAAkB;AACzC,QAAI,SAAS,cAAc,QAAQ,iBAAiB,kBAAkB,CAAC,GAAG;AACxE,aAAO,eAAe,eAAe;AAAA,IACvC;AACA;AAAA,EACF;AACA,SAAO;AACT;AAEA,MAAM,YAAY,oBAAI,IAA6B;AACnD,IAAI,iBAAwC;AAC5C,SAAS,uBAAuB;AAC9B,MAAI,mBAAmB,QAAQ,OAAO,WAAW,aAAa;AAC5D,qBAAiB,IAAI,eAAe,CAAC,CAAC,IAAI,MAAM;AAC9C,gBAAU,QAAQ,CAAC,aAAa;AAC9B,iBAAS,KAAK,YAAY,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC;AACD,mBAAe,QAAQ,OAAO,UAAU,IAAI;AAAA,EAC9C;AACA,SAAO;AACT;AACO,MAAM,gBAAgB,MAAM;AACjC,QAAM,CAAC,YAAY,OAAO,IAAI;AAAA,IAC5B;AAAA,MACE,OAAO,WAAW,cAAc,OAAO,SAAS,KAAK,cAAc;AAAA,IACrE;AAAA,EACF;AACA,YAAU,MAAM;AACd,UAAMA,aAAY,qBAAqB;AACvC,UAAM,WAAW,CAAC,UAAkB;AAClC,cAAQ,kBAAkB,KAAK,CAAC;AAAA,IAClC;AACA,IAAAA,WAAU,IAAI,QAAQ;AACtB,WAAO,MAAM;AACX,MAAAA,WAAU,OAAO,QAAQ;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AACL,SAAO;AAAA,IACL;AAAA,IACA,aACE,OAAO,WAAW,eAAe,OAAO,SAAS,KAAK;AAAA,EAC1D;AACF;",
   "names": ["listeners"]
 }