npm - @digigov/ui - Versions diffs - 2.0.0-85c27c19 → 2.0.0-8e254888 - Mend

@digigov/ui 2.0.0-85c27c19 → 2.0.0-8e254888

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1084) hide show

package/src/navigation/Link/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -1,38 +1,24 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`Provider 1`] = `
-<LinkProvider
-  component={[Function]}
->
-  <Link>
-    <CustomLink
-      href=""
-    >
-      <div>
-        hello
-      </div>
-    </CustomLink>
-  </Link>
-</LinkProvider>
+<body>
+  <div>
+    <div>
+      hello
+    </div>
+  </div>
+</body>
 `;
 exports[`renders the Link 1`] = `
-<Link>
-  <ForwardRef(LinkBase)
-    href=""
-  >
-    <ForwardRef(Base)
-      as="a"
-      className="ds-link"
+<body>
+  <div>
+    <a
+      class="ds-link"
       href=""
     >
-      <a
-        className="ds-link"
-        href=""
-      >
-        hello
-      </a>
-    </ForwardRef(Base)>
-  </ForwardRef(LinkBase)>
-</Link>
+      hello
+    </a>
+  </div>
+</body>
 `;

package/src/navigation/Link/__stories__/DarkBackground.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Masthead } from '@digigov/ui/layouts/Basic/Masthead';
+import { Masthead } from '@digigov/ui/app/Masthead';
 import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
 import { Link } from '@digigov/ui/navigation/Link';
 export const DarkBackground = () => (

package/src/navigation/Link/__stories__/DarkBackgroundNoUnderline.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Masthead } from '@digigov/ui/layouts/Basic/Masthead';
+import { Masthead } from '@digigov/ui/app/Masthead';
 import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
 import { Link } from '@digigov/ui/navigation/Link';
 export const DarkBackgroundNoUnderline = () => (

package/src/navigation/Link/__stories__/WithProvider.tsx CHANGED Viewed

@@ -7,7 +7,11 @@ const CustomLink: React.FC<any> = (props) => {
 export const WithProvider = () => (
   <LinkProvider component={CustomLink}>
-    <Link aria-label="πλοηγηθείτε στην ιστοσελίδα το govgr" role="link" href="#">
+    <Link
+      aria-label="πλοηγηθείτε στην ιστοσελίδα το govgr"
+      role="link"
+      href="#"
+    >
       Σύνδεσμος
     </Link>
   </LinkProvider>

package/src/navigation/Link/{index.mdx → doc.mdx} RENAMED Viewed

@@ -3,39 +3,27 @@ id: link
 title: Link
 ---
-## How to use
+# Link
-### Default
+## How to use
-<Story
-  packageName="@digigov/ui"
-  component="navigation/Link"
-  story="Default.tsx"
-/>
+<code src="@digigov/ui/navigation/Link/__stories__/Default.tsx" />
 ### No Underline
-<Story
-  packageName="@digigov/ui"
-  component="navigation/Link"
-  story="NoUnderline.tsx"
-/>
+<code src="@digigov/ui/navigation/Link/__stories__/NoUnderline.tsx" />
 ### Opens in a new tab
-<Story
-  packageName="@digigov/ui"
-  component="navigation/Link"
-  story="OpensInNewTab.tsx"
-/>
+<code src="@digigov/ui/navigation/Link/__stories__/OpensInNewTab.tsx" />
 ### At dark background
-<Story packageName="@digigov/ui" component="navigation/Link" story="DarkBackground.tsx" />
+<code src="@digigov/ui/navigation/Link/__stories__/DarkBackground.tsx" />
 ### At dark background and no underline
-<Story packageName="@digigov/ui" component="navigation/Link" story="DarkBackgroundNoUnderline.tsx" />
+<code src="@digigov/ui/navigation/Link/__stories__/DarkBackgroundNoUnderline.tsx" />
 ### Accessibility

package/src/navigation/Link/interaction.test.tsx CHANGED Viewed

@@ -6,40 +6,38 @@ import { Default } from '@digigov/ui/navigation/Link/__stories__/Default';
 import { NoUnderline } from '@digigov/ui/navigation/Link/__stories__/NoUnderline';
 test('renders the DarkBackground Hover and focus', async ({ mount, page }) => {
-  await mount(
-    <DarkBackground />
-  )
+  await mount(<DarkBackground />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>section>a").hover();
- await page.locator("#root>section>a").click();
+  await page.locator('#root>section>a').hover();
+  await page.locator('#root>section>a').click();
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
 test('renders the Default Focus', async ({ mount, page }) => {
-  await mount(
-    <Default />
-  )
+  await mount(<Default />);
   await page.evaluate(() => document.fonts.ready);
- await page.keyboard.press("Tab");
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  await page.keyboard.press('Tab');
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
 test('renders the NoUnderline Hover and focus', async ({ mount, page }) => {
-  await mount(
-    <NoUnderline />
-  )
+  await mount(<NoUnderline />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>a").hover();
- await page.locator("#root>a").click();
+  await page.locator('#root>a').hover();
+  await page.locator('#root>a').click();
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });

package/src/navigation/NavList/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -1,7 +1,7 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 exports[`renders the ErrorSummary with sample data 1`] = `
-<ForwardRef(NavList)>
+<ForwardRef(NavList2)>
   this is some random warning text
-</ForwardRef(NavList)>
+</ForwardRef(NavList2)>
 `;

package/src/navigation/NavList/__stories__/Default.tsx CHANGED Viewed

@@ -8,21 +8,21 @@ import {
 const links = [
   {
-    "name": "home",
-    "href": "#home",
-    "label": "Αρχική"
+    name: 'home',
+    href: '#home',
+    label: 'Αρχική',
   },
   {
-    "name": "educational",
-    "label": "Εκπαιδευτικό υλικό",
-    "href": "#educational"
+    name: 'educational',
+    label: 'Εκπαιδευτικό υλικό',
+    href: '#educational',
   },
   {
-    "name": "news",
-    "href": "#news",
-    "label": "Νέα"
-  }
-]
+    name: 'news',
+    href: '#news',
+    label: 'Νέα',
+  },
+];
 export const Default = () => {
   const { registerNavItem } = useNavList();

package/src/navigation/NavList/__stories__/HorizontalWithDrawer.tsx CHANGED Viewed

@@ -16,41 +16,41 @@ import {
 } from '@digigov/ui/navigation/NavList';
 const links = [
-  { "name": "home", "href": "#home", "label": "Αρχική" },
+  { name: 'home', href: '#home', label: 'Αρχική' },
   {
-    "name": "educational",
-    "label": "Εκπαιδευτικό υλικό",
-    "subMenuHeading": "Εκπαιδευτικό υλικό",
-    "subMenu": [
+    name: 'educational',
+    label: 'Εκπαιδευτικό υλικό',
+    subMenuHeading: 'Εκπαιδευτικό υλικό',
+    subMenu: [
       {
-        "name": "elearning",
-        "href": "#elearning",
-        "label": "Εκπαιδευτική πλατφόρμα"
+        name: 'elearning',
+        href: '#elearning',
+        label: 'Εκπαιδευτική πλατφόρμα',
       },
       {
-        "name": "videos",
-        "href": "#videos",
-        "label": "Βίντεο"
+        name: 'videos',
+        href: '#videos',
+        label: 'Βίντεο',
       },
       {
-        "name": "presentations",
-        "href": "#presentations",
-        "label": "Παρουσιάσεις"
+        name: 'presentations',
+        href: '#presentations',
+        label: 'Παρουσιάσεις',
       },
       {
-        "name": "promoting",
-        "href": "#promoting",
-        "label": "Προωθώντας την αθλητική ακεραιότητα στην νέα γενιά"
+        name: 'promoting',
+        href: '#promoting',
+        label: 'Προωθώντας την αθλητική ακεραιότητα στην νέα γενιά',
       },
       {
-        "name": "other-texts",
-        "href": "#other-texts",
-        "label": "Άλλα κείμενα"
-      }
-    ]
+        name: 'other-texts',
+        href: '#other-texts',
+        label: 'Άλλα κείμενα',
+      },
+    ],
   },
-  { "name": "news", "href": "#news", "label": "Νέα" }
-]
+  { name: 'news', href: '#news', label: 'Νέα' },
+];
 export const HorizontalWithDrawer = () => {
   const layout = 'horizontal';

package/src/navigation/NavList/__stories__/HorizontalWithoutDrawer.tsx CHANGED Viewed

@@ -13,41 +13,41 @@ import {
 } from '@digigov/ui/navigation/NavList';
 const links = [
-  { "name": "home", "href": "#home", "label": "Αρχική" },
+  { name: 'home', href: '#home', label: 'Αρχική' },
   {
-    "name": "educational",
-    "label": "Εκπαιδευτικό υλικό",
-    "subMenuHeading": "Εκπαιδευτικό υλικό",
-    "subMenu": [
+    name: 'educational',
+    label: 'Εκπαιδευτικό υλικό',
+    subMenuHeading: 'Εκπαιδευτικό υλικό',
+    subMenu: [
       {
-        "name": "elearning",
-        "href": "#elearning",
-        "label": "Εκπαιδευτική πλατφόρμα"
+        name: 'elearning',
+        href: '#elearning',
+        label: 'Εκπαιδευτική πλατφόρμα',
       },
       {
-        "name": "videos",
-        "href": "#videos",
-        "label": "Βίντεο"
+        name: 'videos',
+        href: '#videos',
+        label: 'Βίντεο',
       },
       {
-        "name": "presentations",
-        "href": "#presentations",
-        "label": "Παρουσιάσεις"
+        name: 'presentations',
+        href: '#presentations',
+        label: 'Παρουσιάσεις',
       },
       {
-        "name": "promoting",
-        "href": "#promoting",
-        "label": "Προωθώντας την αθλητική ακεραιότητα στην νέα γενιά"
+        name: 'promoting',
+        href: '#promoting',
+        label: 'Προωθώντας την αθλητική ακεραιότητα στην νέα γενιά',
       },
       {
-        "name": "other-texts",
-        "href": "#other-texts",
-        "label": "Άλλα κείμενα"
-      }
-    ]
+        name: 'other-texts',
+        href: '#other-texts',
+        label: 'Άλλα κείμενα',
+      },
+    ],
   },
-  { "name": "news", "href": "#news", "label": "Νέα" }
-]
+  { name: 'news', href: '#news', label: 'Νέα' },
+];
 export const HorizontalWithoutDrawer = () => {
   const layout = 'horizontal';

package/src/navigation/NavList/__stories__/NavListWithoutNav.tsx CHANGED Viewed

@@ -7,21 +7,21 @@ import {
 const links = [
   {
-    "name": "home",
-    "href": "#home",
-    "label": "Αρχική"
+    name: 'home',
+    href: '#home',
+    label: 'Αρχική',
   },
   {
-    "name": "educational",
-    "label": "Εκπαιδευτικό υλικό",
-    "href": "#educational"
+    name: 'educational',
+    label: 'Εκπαιδευτικό υλικό',
+    href: '#educational',
   },
   {
-    "name": "news",
-    "href": "#news",
-    "label": "Νέα"
-  }
-]
+    name: 'news',
+    href: '#news',
+    label: 'Νέα',
+  },
+];
 export const NavListWithoutNav = () => {
   const layout = 'vertical';

package/src/navigation/NavList/__stories__/UsingNavListAuto.tsx CHANGED Viewed

@@ -1,51 +1,50 @@
-import React from 'react';
-import BurgerIcon from '@digigov/ui/utils/SvgIcon';
+import React, { useState } from 'react';
 import { Button } from '@digigov/ui/form/Button';
+import { BurgerIcon } from '@digigov/ui/icons';
 import { NavListAuto } from '@digigov/ui/navigation/NavList';
 const links = [
-  { "name": "home", "href": "#home", "label": "Αρχική" },
+  { name: 'home', href: '#home', label: 'Αρχική' },
   {
-    "name": "educational",
-    "label": "Εκπαιδευτικό υλικό",
-    "subMenuHeading": "Εκπαιδευτικό υλικό",
-    "subMenu": [
+    name: 'educational',
+    label: 'Εκπαιδευτικό υλικό',
+    subMenuHeading: 'Εκπαιδευτικό υλικό',
+    subMenu: [
       {
-        "name": "elearning",
-        "href": "#elearning",
-        "label": "Εκπαιδευτική πλατφόρμα"
+        name: 'elearning',
+        href: '#elearning',
+        label: 'Εκπαιδευτική πλατφόρμα',
       },
       {
-        "name": "videos",
-        "href": "#videos",
-        "label": "Βίντεο"
+        name: 'videos',
+        href: '#videos',
+        label: 'Βίντεο',
       },
       {
-        "name": "presentations",
-        "href": "#presentations",
-        "label": "Παρουσιάσεις"
+        name: 'presentations',
+        href: '#presentations',
+        label: 'Παρουσιάσεις',
       },
       {
-        "name": "promoting",
-        "href": "#promoting",
-        "label": "Προωθώντας την αθλητική ακεραιότητα στην νέα γενιά"
+        name: 'promoting',
+        href: '#promoting',
+        label: 'Προωθώντας την αθλητική ακεραιότητα στην νέα γενιά',
       },
       {
-        "name": "other-texts",
-        "href": "#other-texts",
-        "label": "Άλλα κείμενα"
-      }
-    ]
+        name: 'other-texts',
+        href: '#other-texts',
+        label: 'Άλλα κείμενα',
+      },
+    ],
   },
-  { "name": "news", "href": "#news", "label": "Νέα" }
-]
+  { name: 'news', href: '#news', label: 'Νέα' },
+];
 export const UsingNavListAuto = () => {
   const layout = 'horizontal';
   const drawer = 'smDown';
   const border = true;
-  const [open, setOpen] = React.useState(false);
+  const [open, setOpen] = useState(false);
   return (
     <>
       <Button color="secondary" onClick={() => setOpen(!open)} smUpHidden>

package/src/navigation/NavList/__stories__/Vertical.tsx CHANGED Viewed

@@ -8,21 +8,21 @@ import {
 const links = [
   {
-    "name": "home",
-    "href": "#home",
-    "label": "Αρχική"
+    name: 'home',
+    href: '#home',
+    label: 'Αρχική',
   },
   {
-    "name": "educational",
-    "label": "Εκπαιδευτικό υλικό",
-    "href": "#educational"
+    name: 'educational',
+    label: 'Εκπαιδευτικό υλικό',
+    href: '#educational',
   },
   {
-    "name": "news",
-    "href": "#news",
-    "label": "Νέα"
-  }
-]
+    name: 'news',
+    href: '#news',
+    label: 'Νέα',
+  },
+];
 export const Vertical = () => {
   const layout = 'vertical';
@@ -30,7 +30,11 @@ export const Vertical = () => {
   const [useActive, setUseActive] = useState('');
   return (
-    <Nav aria-orientation={layout || 'horizontal'} aria-label="navigation list">
+    <Nav
+      aria-orientation={layout || 'horizontal'}
+      aria-label="navigation list"
+      border={false}
+    >
       <NavList layout={layout}>
         {links.map((item, key) => (
           <NavListItemAction

package/src/navigation/NavList/__stories__/VerticalWithoutDrawer.tsx CHANGED Viewed

@@ -13,41 +13,41 @@ import {
 import { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';
 const links = [
-  { "name": "home", "href": "#home", "label": "Αρχική" },
+  { name: 'home', href: '#home', label: 'Αρχική' },
   {
-    "name": "educational",
-    "label": "Εκπαιδευτικό υλικό",
-    "subMenuHeading": "Εκπαιδευτικό υλικό",
-    "subMenu": [
+    name: 'educational',
+    label: 'Εκπαιδευτικό υλικό',
+    subMenuHeading: 'Εκπαιδευτικό υλικό',
+    subMenu: [
       {
-        "name": "elearning",
-        "href": "#elearning",
-        "label": "Εκπαιδευτική πλατφόρμα"
+        name: 'elearning',
+        href: '#elearning',
+        label: 'Εκπαιδευτική πλατφόρμα',
       },
       {
-        "name": "videos",
-        "href": "#videos",
-        "label": "Βίντεο"
+        name: 'videos',
+        href: '#videos',
+        label: 'Βίντεο',
       },
       {
-        "name": "presentations",
-        "href": "#presentations",
-        "label": "Παρουσιάσεις"
+        name: 'presentations',
+        href: '#presentations',
+        label: 'Παρουσιάσεις',
       },
       {
-        "name": "promoting",
-        "href": "#promoting",
-        "label": "Προωθώντας την αθλητική ακεραιότητα στην νέα γενιά"
+        name: 'promoting',
+        href: '#promoting',
+        label: 'Προωθώντας την αθλητική ακεραιότητα στην νέα γενιά',
       },
       {
-        "name": "other-texts",
-        "href": "#other-texts",
-        "label": "Άλλα κείμενα"
-      }
-    ]
+        name: 'other-texts',
+        href: '#other-texts',
+        label: 'Άλλα κείμενα',
+      },
+    ],
   },
-  { "name": "news", "href": "#news", "label": "Νέα" }
-]
+  { name: 'news', href: '#news', label: 'Νέα' },
+];
 export const VerticalWithoutDrawer = () => {
   const layout = 'vertical';

package/src/navigation/NavList/__stories__/WithBadge.tsx CHANGED Viewed

@@ -8,22 +8,22 @@ import {
 const links = [
   {
-    "name": "home",
-    "href": "#home",
-    "label": "Αρχική"
+    name: 'home',
+    href: '#home',
+    label: 'Αρχική',
   },
   {
-    "name": "educational",
-    "label": "Εκπαιδευτικό υλικό",
-    "href": "#educational"
+    name: 'educational',
+    label: 'Εκπαιδευτικό υλικό',
+    href: '#educational',
   },
   {
-    "name": "news",
-    "href": "#news",
-    "label": "Νέα",
-    "badge": "2"
-  }
-]
+    name: 'news',
+    href: '#news',
+    label: 'Νέα',
+    badge: '2',
+  },
+];
 export const WithBadge = () => {
   const { registerNavItem } = useNavList();