@digigov/react-core 0.3.0 → 0.5.0

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

@@ -1,35 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the Link with no props 1`] = `
-<ForwardRef(Link)>
-  <a
-    className="govgr-link"
-  >
-    hello
-  </a>
-</ForwardRef(Link)>
-`;
-
-exports[`renders the Link with underline=false 1`] = `
-<ForwardRef(Link)
-  underline={false}
->
-  <a
-    className="govgr-link--no-underline govgr-link"
-  >
-    hello
-  </a>
-</ForwardRef(Link)>
-`;
-
-exports[`renders the Link with underline=true 1`] = `
-<ForwardRef(Link)
-  underline={true}
->
-  <a
-    className="govgr-link"
-  >
-    hello
-  </a>
-</ForwardRef(Link)>
-`;

package/src/Link/index.test.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import Link from '@digigov/react-core/Link';
-
-it('renders the Link with no props', () => {
-  expect(mount(<Link>hello</Link>)).toMatchSnapshot();
-});
-
-it('renders the Link with underline=true', () => {
-  expect(mount(<Link underline={true}>hello</Link>)).toMatchSnapshot();
-});
-
-it('renders the Link with underline=false', () => {
-  expect(mount(<Link underline={false}>hello</Link>)).toMatchSnapshot();
-});

package/src/Link/index.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type AElementAttributes = JSX.IntrinsicElements['a'];
-export interface LinkProps extends AElementAttributes {
-  /**
-   * underline is optional. The default value is 'true'.
-   * Make it 'false' only if the context tells the user that the text is a link, even without the underline.
-   */
-  underline?: boolean;
-}
-/**
- * This component defines a hyperlink, which is used to link from one page to another.
- */
-export const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(
-  function Link({ underline, className, children, ...props }, ref) {
-    return (
-      <a
-        ref={ref}
-        className={clsx(className, {
-          'govgr-link': true,
-          'govgr-link--no-underline': underline === false,
-        })}
-        {...props}
-      >
-        {children}
-      </a>
-    );
-  }
-);
-
-export default Link;

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

@@ -1,137 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the List with listStyle=bullet 1`] = `
-<ForwardRef(List)
-  listStyle="bullet"
->
-  <ul
-    className="govgr-list--bullet govgr-list"
-  >
-    hello
-  </ul>
-</ForwardRef(List)>
-`;
-
-exports[`renders the List with listStyle=bullet 2`] = `
-<ForwardRef(List)
-  listStyle="bullet"
->
-  <ul
-    className="govgr-list--bullet govgr-list"
-  >
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Giorgos
-      </li>
-    </ForwardRef(ListItem)>
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Katerina
-      </li>
-    </ForwardRef(ListItem)>
-  </ul>
-</ForwardRef(List)>
-`;
-
-exports[`renders the List with listStyle=bullet and spaced 1`] = `
-<ForwardRef(List)
-  listStyle="bullet"
-  spaced={true}
->
-  <ul
-    className="govgr-list--bullet govgr-list--spaced govgr-list"
-  >
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Giorgos
-      </li>
-    </ForwardRef(ListItem)>
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Katerina
-      </li>
-    </ForwardRef(ListItem)>
-  </ul>
-</ForwardRef(List)>
-`;
-
-exports[`renders the List with listStyle=number 1`] = `
-<ForwardRef(List)
-  listStyle="number"
->
-  <ul
-    className="govgr-list--number govgr-list"
-  >
-    hello
-  </ul>
-</ForwardRef(List)>
-`;
-
-exports[`renders the List with listStyle=number 2`] = `
-<ForwardRef(List)
-  listStyle="number"
->
-  <ul
-    className="govgr-list--number govgr-list"
-  >
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Giorgos
-      </li>
-    </ForwardRef(ListItem)>
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Katerina
-      </li>
-    </ForwardRef(ListItem)>
-  </ul>
-</ForwardRef(List)>
-`;
-
-exports[`renders the List with listStyle=number and spaced 1`] = `
-<ForwardRef(List)
-  listStyle="number"
-  spaced={true}
->
-  <ul
-    className="govgr-list--number govgr-list--spaced govgr-list"
-  >
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Giorgos
-      </li>
-    </ForwardRef(ListItem)>
-    <ForwardRef(ListItem)>
-      <li
-        className="govgr-list__item"
-      >
-        hello Katerina
-      </li>
-    </ForwardRef(ListItem)>
-  </ul>
-</ForwardRef(List)>
-`;
-
-exports[`renders the List with no props 1`] = `
-<ForwardRef(List)>
-  <ul
-    className="govgr-list"
-  >
-    hello
-  </ul>
-</ForwardRef(List)>
-`;

package/src/List/index.test.tsx

@@ -1,61 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import List from '@digigov/react-core/List';
-import ListItem from '@digigov/react-core/ListItem';
-
-it('renders the List with no props', () => {
-  expect(mount(<List>hello</List>)).toMatchSnapshot();
-});
-
-it('renders the List with listStyle=bullet', () => {
-  expect(mount(<List listStyle={'bullet'}>hello</List>)).toMatchSnapshot();
-});
-
-it('renders the List with listStyle=number', () => {
-  expect(mount(<List listStyle={'number'}>hello</List>)).toMatchSnapshot();
-});
-
-it('renders the List with listStyle=number', () => {
-  expect(
-    mount(
-      <List listStyle={'number'}>
-        <ListItem>hello Giorgos</ListItem>
-        <ListItem>hello Katerina</ListItem>
-      </List>
-    )
-  ).toMatchSnapshot();
-});
-
-it('renders the List with listStyle=bullet', () => {
-  expect(
-    mount(
-      <List listStyle={'bullet'}>
-        <ListItem>hello Giorgos</ListItem>
-        <ListItem>hello Katerina</ListItem>
-      </List>
-    )
-  ).toMatchSnapshot();
-});
-
-it('renders the List with listStyle=number and spaced', () => {
-  expect(
-    mount(
-      <List listStyle={'number'} spaced={true}>
-        <ListItem>hello Giorgos</ListItem>
-        <ListItem>hello Katerina</ListItem>
-      </List>
-    )
-  ).toMatchSnapshot();
-});
-
-it('renders the List with listStyle=bullet and spaced', () => {
-  expect(
-    mount(
-      <List listStyle={'bullet'} spaced={true}>
-        <ListItem>hello Giorgos</ListItem>
-        <ListItem>hello Katerina</ListItem>
-      </List>
-    )
-  ).toMatchSnapshot();
-});

package/src/List/index.tsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type UlElementAttributes = JSX.IntrinsicElements['ul'];
-export interface ListProps extends UlElementAttributes {
-  /**
-   * listStyle is optional. By default, the list style is none.
-   */
-  listStyle?: 'bullet' | 'number';
-  /**
-   * spaced is optional. Use it to add space between the list items.
-   */
-  spaced?: boolean;
-}
-/**
- * List component is used for listing items.
- * This component must contain ListItem component.
- */
-export const List = React.forwardRef<HTMLUListElement, ListProps>(function List(
-  { listStyle, spaced = false, className, children, ...props },
-  ref
-) {
-  return (
-    <ul
-      ref={ref}
-      className={clsx(className, {
-        'govgr-list': true,
-        'govgr-list--bullet': listStyle === 'bullet',
-        'govgr-list--number': listStyle === 'number',
-        'govgr-list--spaced': spaced === true,
-      })}
-      {...props}
-    >
-      {children}
-    </ul>
-  );
-});
-
-export default List;

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

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the ListItem with no props 1`] = `
-<ForwardRef(ListItem)>
-  <li
-    className="govgr-list__item"
-  >
-    hello
-  </li>
-</ForwardRef(ListItem)>
-`;

package/src/ListItem/index.test.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import ListItem from '@digigov/react-core/ListItem';
-
-it('renders the ListItem with no props', () => {
-  expect(mount(<ListItem>hello</ListItem>)).toMatchSnapshot();
-});

package/src/ListItem/index.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type LiElementAttributes = JSX.IntrinsicElements['li'];
-export interface ListItemProps extends LiElementAttributes {}
-/**
- * ListItem must be inside List compoenent.
- */
-export const ListItem = React.forwardRef<HTMLLIElement, ListItemProps>(
-  function ListItem({ className, children, ...props }, ref) {
-    return (
-      <li
-        ref={ref}
-        className={clsx(className, {
-          'govgr-list__item': true,
-        })}
-        {...props}
-      >
-        {children}
-      </li>
-    );
-  }
-);
-
-export default ListItem;

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

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the Main with no props 1`] = `
-<ForwardRef(Main)>
-  <main
-    className="govgr-grid-column-two-thirds"
-  >
-    hello
-  </main>
-</ForwardRef(Main)>
-`;

package/src/Main/index.test.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import Main from '@digigov/react-core/Main';
-
-it('renders the Main with no props', () => {
-  expect(mount(<Main>hello</Main>)).toMatchSnapshot();
-});

package/src/Main/index.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type MainElementAttributes = JSX.IntrinsicElements['main'];
-export interface MainProps extends MainElementAttributes { }
-/**
- * Use this inside Content component for placing the main content of the page
- */
-export const Main = React.forwardRef<HTMLElement, MainProps>(function Main(
-  { className, children, ...props },
-  ref
-) {
-  return (
-    <main
-      ref={ref}
-      className={clsx(className, {
-        'govgr-grid-column-two-thirds': true,
-      })}
-      {...props}
-    >
-      {children}
-    </main>
-  );
-});
-
-export default Main;

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

@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the Masthead with no props 1`] = `
-<ForwardRef(Masthead)>
-  <div
-    className="govgr-masthead govgr-background-dark"
-  >
-    <div
-      className="govgr-width-container"
-    >
-      <div
-        className="govgr-main-wrapper"
-      >
-        hello
-      </div>
-    </div>
-  </div>
-</ForwardRef(Masthead)>
-`;

package/src/Masthead/index.test.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import Masthead from '@digigov/react-core/Masthead';
-
-it('renders the Masthead with no props', () => {
-  expect(mount(<Masthead>hello</Masthead>)).toMatchSnapshot();
-});

package/src/Masthead/index.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type DivElementAttributes = JSX.IntrinsicElements['div'];
-export interface MastheadProps extends DivElementAttributes {}
-/**
- * Use the Masthead on the top of the page.
- */
-export const Masthead = React.forwardRef<HTMLDivElement, MastheadProps>(
-  function Masthead({ className, children, ...props }, ref) {
-    return (
-      <div
-        ref={ref}
-        className={clsx(className, {
-          'govgr-masthead': true,
-          'govgr-background-dark': true,
-        })}
-        {...props}
-      >
-        <div
-          ref={ref}
-          className={clsx({
-            'govgr-width-container': true,
-          })}
-          {...props}
-        >
-          <div
-            ref={ref}
-            className={clsx({
-              'govgr-main-wrapper': true,
-            })}
-            {...props}
-          >
-            {children}
-          </div>
-        </div>
-      </div>
-    );
-  }
-);
-
-export default Masthead;

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

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the MastheadBody with no props 1`] = `
-<ForwardRef(MastheadBody)>
-  <p
-    className="govgr-masthead-body"
-  >
-    hello
-  </p>
-</ForwardRef(MastheadBody)>
-`;

package/src/MastheadBody/index.test.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import MastheadBody from '@digigov/react-core/MastheadBody';
-
-it('renders the MastheadBody with no props', () => {
-  expect(mount(<MastheadBody>hello</MastheadBody>)).toMatchSnapshot();
-});

package/src/MastheadBody/index.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type PElementAttributes = JSX.IntrinsicElements['p'];
-export interface MastheadBodyProps extends PElementAttributes {}
-/**
- * Use the MastheadBody inside Masthead an you can wrap your content inside Main component.
- */
-export const MastheadBody = React.forwardRef<
-  HTMLParagraphElement,
-  MastheadBodyProps
->(function MastheadBody({ className, children, ...props }, ref) {
-  return (
-    <p
-      ref={ref}
-      className={clsx(className, {
-        'govgr-masthead-body': true,
-      })}
-      {...props}
-    >
-      {children}
-    </p>
-  );
-});
-
-export default MastheadBody;

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

@@ -1,35 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the NavHorizontal with active=false 1`] = `
-<ForwardRef(NavHorizontal)
-  active={false}
->
-  <nav
-    className="govgr-horizontal-nav"
-  >
-    hello
-  </nav>
-</ForwardRef(NavHorizontal)>
-`;
-
-exports[`renders the NavHorizontal with active=true 1`] = `
-<ForwardRef(NavHorizontal)
-  active={true}
->
-  <nav
-    className="govgr-horizontal-nav--active govgr-horizontal-nav"
-  >
-    hello
-  </nav>
-</ForwardRef(NavHorizontal)>
-`;
-
-exports[`renders the NavHorizontal with no props 1`] = `
-<ForwardRef(NavHorizontal)>
-  <nav
-    className="govgr-horizontal-nav"
-  >
-    hello
-  </nav>
-</ForwardRef(NavHorizontal)>
-`;

package/src/NavHorizontal/index.test.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import NavHorizontal from '@digigov/react-core/NavHorizontal';
-
-it('renders the NavHorizontal with no props', () => {
-  expect(mount(<NavHorizontal>hello</NavHorizontal>)).toMatchSnapshot();
-});
-
-it('renders the NavHorizontal with active=true', () => {
-  expect(
-    mount(<NavHorizontal active={true}>hello</NavHorizontal>)
-  ).toMatchSnapshot();
-});
-
-it('renders the NavHorizontal with active=false', () => {
-  expect(
-    mount(<NavHorizontal active={false}>hello</NavHorizontal>)
-  ).toMatchSnapshot();
-});

package/src/NavHorizontal/index.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type NavElementAttributes = JSX.IntrinsicElements['nav'];
-export interface NavHorizontalProps extends NavElementAttributes {
-  /**
-   * active is optional.
-   * This component is 'active' then it should be visible on mobile and tablet.
-   * The default value is false.
-   */
-  active?: boolean;
-}
-/**
- * NavHorizontal is mainly used under the Header.
- * This is a wrapper for the NavHorizontalList component.
- */
-export const NavHorizontal = React.forwardRef<HTMLElement, NavHorizontalProps>(
-  function NavHorizontal({ active, className, children, ...props }, ref) {
-    return (
-      <nav
-        ref={ref}
-        className={clsx(className, {
-          'govgr-horizontal-nav': true,
-          'govgr-horizontal-nav--active': active === true,
-        })}
-        {...props}
-      >
-        {children}
-      </nav>
-    );
-  }
-);
-
-export default NavHorizontal;

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

@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the NavHorizontalList with no props 1`] = `
-<ForwardRef(NavHorizontalList)>
-  <div
-    className="govgr-horizontal-nav__container"
-  >
-    hello
-  </div>
-</ForwardRef(NavHorizontalList)>
-`;

package/src/NavHorizontalList/index.test.tsx

@@ -1,8 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import NavHorizontalList from '@digigov/react-core/NavHorizontalList';
-
-it('renders the NavHorizontalList with no props', () => {
-  expect(mount(<NavHorizontalList>hello</NavHorizontalList>)).toMatchSnapshot();
-});

package/src/NavHorizontalList/index.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-
-type DivElementAttributes = JSX.IntrinsicElements['div'];
-export interface NavHorizontalListProps extends DivElementAttributes {}
-/**
- * NavHorizontalList must be inside the NavHorizontal.
- * This component has a list of NavHorizontalListItem component inside.
- */
-export const NavHorizontalList = React.forwardRef<
-  HTMLDivElement,
-  NavHorizontalListProps
->(function NavHorizontalList({ className, children, ...props }, ref) {
-  return (
-    <div
-      ref={ref}
-      className={clsx(className, {
-        'govgr-horizontal-nav__container': true,
-      })}
-      {...props}
-    >
-      {children}
-    </div>
-  );
-});
-
-export default NavHorizontalList;