@digigov/react-core 2.0.0-6452adf3 → 2.0.0-66d7c5e2

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,8 +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/CheckboxItemInput/index.native.tsx

@@ -1,17 +0,0 @@
-import extend from '@digigov/react-core/utils/extend.native';
-import CoreCheckboxItemInput from '@digigov/react-core/CheckboxItemInput/index.web';
-import clsx from 'clsx';
-
-export const CheckboxItemInput = extend(
-  CoreCheckboxItemInput,
-  ({ className, ...props }) => {
-    return {
-      ...props,
-      className: clsx(className, {
-        'ds-checkboxes__input__wrapper': true,
-      }),
-    };
-  }
-);
-
-export default CheckboxItemInput;

package/src/CircularProgress/index.test.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import CircularProgress from '@digigov/react-core/CircularProgress';
-
-it('renders the CircularProgress', () => {
-  expect(render(<CircularProgress />).baseElement).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with size sm', () => {
-  expect(render(<CircularProgress size="sm" />).baseElement).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with size lg', () => {
-  expect(render(<CircularProgress size="lg" />).baseElement).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with color=secondary prop', () => {
-  expect(render(<CircularProgress color={'secondary'} />).baseElement).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with color=secondary and size sm props', () => {
-  expect(
-    render(<CircularProgress color={'secondary'} size="sm" />).baseElement
-  ).toMatchSnapshot();
-});
-
-it('renders the CircularProgress with color=secondary and size lg props', () => {
-  expect(
-    render(<CircularProgress color={'secondary'} size="lg" />).baseElement
-  ).toMatchSnapshot();
-});

package/src/FooterLink/index.test.tsx

@@ -1,12 +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,13 +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,10 +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,37 +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();
-});

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

@@ -1,254 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`renders the SvgIcon with no props 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    />
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop color=base-content 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--base-content"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop color=dark 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--dark"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop color=error 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--error"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop color=error and size= xl 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop color=focus 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--focus"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop color=gray 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--gray"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop color=primary 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--primary"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop color=success 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--success"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop color=warning 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--warning"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop color=warning and size=sm 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop color=white 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--white"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop size=lg 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--lg"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop size=md 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--md"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop size=sm 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--sm"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop size=xl 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--xl"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;
-
-exports[`renders the SvgIcon with prop size=xs 1`] = `
-<body>
-  <div>
-    <svg
-      aria-hidden="true"
-      class="ds-svg-icon ds-svg-icon--xs"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      hello
-    </svg>
-  </div>
-</body>
-`;

package/src/SvgIcon/index.test.tsx

@@ -1,68 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import SvgIcon from '@digigov/react-core/SvgIcon';
-
-it('renders the SvgIcon with no props', () => {
-  expect(render(<SvgIcon />).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop size=xs', () => {
-  expect(render(<SvgIcon size="xs">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop size=sm', () => {
-  expect(render(<SvgIcon size="sm">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop size=md', () => {
-  expect(render(<SvgIcon size="md">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop size=lg', () => {
-  expect(render(<SvgIcon size="lg">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop size=xl', () => {
-  expect(render(<SvgIcon size="xl">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=base-content', () => {
-  expect(render(<SvgIcon color="base-content">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=dark', () => {
-  expect(render(<SvgIcon color="dark">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=white', () => {
-  expect(render(<SvgIcon color="white">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=gray', () => {
-  expect(render(<SvgIcon color="gray">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=primary', () => {
-  expect(render(<SvgIcon color="primary">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=success', () => {
-  expect(render(<SvgIcon color="success">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=warning', () => {
-  expect(render(<SvgIcon color="warning">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=error', () => {
-  expect(render(<SvgIcon color="error">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=focus', () => {
-  expect(render(<SvgIcon color="focus">hello</SvgIcon>).baseElement).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=warning and size=sm', () => {
-  expect(
-    render(
-      <SvgIcon color="warning" size="sm">
-        hello
-      </SvgIcon>
-    ).baseElement
-  ).toMatchSnapshot();
-});
-it('renders the SvgIcon with prop color=error and size= xl', () => {
-  expect(
-    render(
-      <SvgIcon color="warning" size="xl">
-        hello
-      </SvgIcon>
-    ).baseElement
-  ).toMatchSnapshot();
-});