@digigov/react-core 2.0.0-8e254888 → 2.0.0-a32ad9b2

package/src/ButtonLink/index.test.tsx

@@ -1,69 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import ButtonLink from '@digigov/react-core/ButtonLink';
-
-it('renders the ButtonLink with no props', () => {
-  expect(render(<ButtonLink>hello</ButtonLink>).baseElement).toMatchSnapshot();
-});
-it('renders the ButtonLink with color=primary', () => {
-  expect(
-    render(<ButtonLink color={'primary'}>hello</ButtonLink>).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the ButtonLink with color=secondary', () => {
-  expect(
-    render(<ButtonLink color={'secondary'}>hello</ButtonLink>).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the ButtonLink with color=warning', () => {
-  expect(
-    render(<ButtonLink color={'warning'}>hello</ButtonLink>).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the ButtonLink with href=#', () => {
-  expect(
-    render(<ButtonLink href={'#'}>hello</ButtonLink>).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the ButtonLink with disabled=false', () => {
-  expect(render(<ButtonLink>hello</ButtonLink>).baseElement).toMatchSnapshot();
-});
-it('renders the ButtonLink with color=primary with href=#', () => {
-  expect(
-    render(
-      <ButtonLink href={'#'} color={'primary'}>
-        hello
-      </ButtonLink>
-    ).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the ButtonLink with color=secondary with href=#', () => {
-  expect(
-    render(
-      <ButtonLink href={'#'} color={'secondary'}>
-        hello
-      </ButtonLink>
-    ).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the ButtonLink with color=warning with href=#', () => {
-  expect(
-    render(
-      <ButtonLink href={'#'} color={'warning'}>
-        hello
-      </ButtonLink>
-    ).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the ButtonLink with ariaLabel prop', () => {
-  expect(
-    render(<ButtonLink aria-label="button for opening menu">Menu</ButtonLink>)
-      .baseElement
-  ).toMatchSnapshot();
-});
-it('renders the Button with tabIndex prop', () => {
-  expect(
-    render(<ButtonLink tabIndex={0}>Menu</ButtonLink>).baseElement
-  ).toMatchSnapshot();
-});

package/src/ButtonLink/index.tsx

@@ -1,54 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface ButtonLinkProps extends BaseProps<'a'> {
-  /**
-   * color is optional.
-   * 'primary' color is used for the main call to action on a page.
-   * 'secondary' color is used for secondary calls to action on a page.
-   * 'warning' color is used to make users think carefully before they use them.
-   * The default value is 'primary'.
-   * @value 'primary'
-   * @value 'secondary'
-   * @value 'warning'
-   * @default 'primary'
-   */
-  color?: 'primary' | 'secondary' | 'warning';
-
-  /**
-   * dense is optional.
-   * @value true Button will be dense.
-   * @value false
-   * @default false
-   */
-  dense?: boolean;
-}
-/**
- * Use the Button component to help users carry out an action.
- */
-export const ButtonLink = React.forwardRef<HTMLAnchorElement, ButtonLinkProps>(
-  function ButtonLink(
-    { color = 'primary', dense, className, children, ...props },
-    ref
-  ) {
-    return (
-      <Base
-        as="a"
-        ref={ref}
-        className={clsx(className, {
-          'ds-btn': true,
-          'ds-btn--dense': dense,
-          'ds-btn-primary': color === 'primary',
-          'ds-btn-secondary': color === 'secondary',
-          'ds-btn-warning': color === 'warning',
-        })}
-        {...props}
-      >
-        {children}
-      </Base>
-    );
-  }
-);
-
-export default ButtonLink;

package/src/CallToAction/index.test.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import CallToAction from '@digigov/react-core/CallToAction';
-
-it('renders the CallToAction with no props', () => {
-  expect(
-    render(<CallToAction>hello</CallToAction>).baseElement
-  ).toMatchSnapshot();
-});

package/src/FooterLink/index.test.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import FooterLink from '@digigov/react-core/FooterLink';
-
-it('renders the FooterLink with no props', () => {
-  expect(render(<FooterLink>hello</FooterLink>).baseElement).toMatchSnapshot();
-});
-
-it('renders the FooterLink with href prop', () => {
-  expect(
-    render(<FooterLink href={'#'}>hello</FooterLink>).baseElement
-  ).toMatchSnapshot();
-});

package/src/FooterLink/index.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface FooterLinkProps extends BaseProps<'a'> {}
-/**
- * FooterLink in used inside the Footer component.
- */
-export const FooterLink = React.forwardRef<HTMLAnchorElement, FooterLinkProps>(
-  function FooterLink({ className, children, ...props }, ref) {
-    return (
-      <Base
-        as="a"
-        ref={ref}
-        className={clsx(className, {
-          'ds-footer__link': true,
-        })}
-        {...props}
-      >
-        {children}
-      </Base>
-    );
-  }
-);
-
-export default FooterLink;

package/src/GovGRLogo/index.test.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import GovGRLogo from '@digigov/react-core/GovGRLogo';
-
-it('renders the GovGRLogo with no props', () => {
-  expect(render(<GovGRLogo />).baseElement).toMatchSnapshot();
-});

package/src/GovGRLogo/index.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-import logo from '@digigov/react-core/GovGRLogo/govgr-logo-base64';
-import logoInverted from '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64';
-export interface GovGRLogoProps extends BaseProps<'a'> {}
-/**
- * Use this component anywhere you what to provide the gov.gr logo.
- *  */
-export const GovGRLogo = React.forwardRef<HTMLAnchorElement, GovGRLogoProps>(
-  function GovGRLogo(
-    { href = 'https://www.gov.gr/', className, ...props },
-    ref
-  ) {
-    return (
-      <Base
-        as="a"
-        href={href}
-        ref={ref}
-        className={clsx(className, { 'ds-header__link': true })}
-        {...props}
-      >
-        <img
-          src={logo}
-          className={clsx(className, {
-            'ds-header__logo': true,
-          })}
-          alt="gov.gr logo"
-        />
-        <img
-          src={logoInverted}
-          className={clsx(className, {
-            'ds-header__logo-inverted': true,
-          })}
-          alt="gov.gr logo"
-        />
-      </Base>
-    );
-  }
-);
-
-export default GovGRLogo;

package/src/HeaderLogo/index.test.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import HeaderLogo from '@digigov/react-core/HeaderLogo';
-
-it('renders the HeaderLogo with no props', () => {
-  expect(render(<HeaderLogo />).baseElement).toMatchSnapshot();
-});

package/src/HeaderLogo/index.tsx

@@ -1,43 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface HeaderLogoProps extends BaseProps<'a'> {
-  /**
-  * src is optional.
-
-  */
-  src?: string;
-  /**
-  * href is optional.
-
-  */
-  altText?: string;
-}
-/**
- * Use this component inside the Header to provide a logo.
- */
-export const HeaderLogo = React.forwardRef<HTMLAnchorElement, HeaderLogoProps>(
-  function HeaderLogo({ href, src, altText, className, ...props }, ref) {
-    return (
-      <Base
-        as="a"
-        href={href}
-        ref={ref}
-        className={clsx(className, {
-          'ds-header__link': true,
-        })}
-        {...props}
-      >
-        <img
-          src={src}
-          className={clsx(className, {
-            'ds-header__logo': true,
-          })}
-          alt={altText}
-        />
-      </Base>
-    );
-  }
-);
-export default HeaderLogo;

package/src/HeaderTitle/index.test.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import HeaderTitle from '@digigov/react-core/HeaderTitle';
-
-it('renders the HeaderTitle with no props', () => {
-  expect(
-    render(<HeaderTitle>hello</HeaderTitle>).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the HeaderTitle with href', () => {
-  expect(
-    render(<HeaderTitle href="https://government.gov.gr">hello</HeaderTitle>)
-      .baseElement
-  ).toMatchSnapshot();
-});

package/src/HeaderTitle/index.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface HeaderTitleProps extends BaseProps<'a'> {}
-/**
- * Use this component inside HeaderContent to provide a title to the header.
- */
-export const HeaderTitle = React.forwardRef<
-  HTMLAnchorElement,
-  HeaderTitleProps
->(function HeaderTitle({ href = '/', className, children, ...props }, ref) {
-  return (
-    <Base
-      as="a"
-      ref={ref}
-      href={href}
-      className={clsx(className, {
-        'ds-header__title': true,
-      })}
-      {...props}
-    >
-      {children}
-    </Base>
-  );
-});
-
-export default HeaderTitle;

package/src/NavListItemAction/__snapshots__/index.test.tsx.snap

@@ -1,13 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`renders the NavListItemActionContainer with no props 1`] = `
-<body>
-  <div>
-    <li
-      class="ds-nav__list-item"
-    >
-      hello
-    </li>
-  </div>
-</body>
-`;

package/src/NavListItemAction/index.test.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import NavListItemActionContainer from '@digigov/react-core/NavListItemActionContainer';
-
-it('renders the NavListItemActionContainer with no props', () => {
-  expect(
-    render(<NavListItemActionContainer>hello</NavListItemActionContainer>)
-      .baseElement
-  ).toMatchSnapshot();
-});

package/src/NavListItemLink/index.test.tsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import NavListItemLink from '@digigov/react-core/NavListItemLink';
-
-it('renders the NavListItemLink with no props', () => {
-  expect(
-    render(<NavListItemLink>hello</NavListItemLink>).baseElement
-  ).toMatchSnapshot();
-});
-
-it('renders the NavListItemLink with active=true', () => {
-  expect(
-    render(<NavListItemLink active={true}>hello</NavListItemLink>).baseElement
-  ).toMatchSnapshot();
-});
-
-it('renders the NavListItemLink with active=false', () => {
-  expect(
-    render(<NavListItemLink active={false}>hello</NavListItemLink>).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the NavListItemLink with href and active=false', () => {
-  expect(
-    render(
-      <NavListItemLink href="/" active={false}>
-        hello
-      </NavListItemLink>
-    ).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the NavListItemLink with href and active=true', () => {
-  expect(
-    render(
-      <NavListItemLink href="/" active={false}>
-        hello
-      </NavListItemLink>
-    ).baseElement
-  ).toMatchSnapshot();
-});