@digigov/react-core 1.0.0-6b93ebf2 → 1.0.0-75e5086d

package/src/Icon/index.test.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import Icon from '@digigov/react-core/Icon';
-
-it('renders the Icon with no props', () => {
-  expect(mount(<Icon />)).toMatchSnapshot();
-});
-
-it('renders the Icon with prop icon=arrow and direction=up', () => {
-  expect(mount(<Icon direction="up" />)).toMatchSnapshot();
-});
-it('renders the Icon with prop prop icon=burger', () => {
-  expect(mount(<Icon icon="burger" />)).toMatchSnapshot();
-});
-it('renders the Icon prop icon= "caret"', () => {
-  expect(mount(<Icon icon="caret" />)).toMatchSnapshot();
-});
-it('renders the Icon prop icon= "caret" and direction=left', () => {
-  expect(mount(<Icon icon="caret" direction="left" />)).toMatchSnapshot();
-});
-it('renders the Icon prop icon= "check"', () => {
-  expect(mount(<Icon icon="check" />)).toMatchSnapshot();
-});
-it('renders the Icon prop icon= "close"', () => {
-  expect(mount(<Icon icon="close" />)).toMatchSnapshot();
-});
-it('renders the Icon with prop prop icon=globe', () => {
-  expect(mount(<Icon icon="globe" />)).toMatchSnapshot();
-});
-it('renders the Icon props icon= "moreVert"', () => {
-  expect(mount(<Icon icon="moreVert" />)).toMatchSnapshot();
-});
-it('renders the Icon prop icon= "uncheck"', () => {
-  expect(mount(<Icon icon="uncheck" />)).toMatchSnapshot();
-});

package/src/Icon/index.tsx

@@ -1,63 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import SvgIcon, { SvgIconProps } from '@digigov/react-core/SvgIcon';
-import * as icons from '@digigov/react-icons/icons';
-import type { IconTypes } from '@digigov/react-icons/icons';
-
-export type IconProps<N extends keyof IconTypes> = SvgIconProps &
-  IconTypes[N] & {
-    /**
-     * ref is optional.
-     * ref prop declares the reference of the svg icon component.
-     * It can be used to to access the DOM element and the React element.
-     */
-    ref?: React.Ref<SVGSVGElement>;
-    /**
-     * icon is optional, but strongly recommended.
-     * Default value is 'arrow'.
-     * Use this prop to display the icon you want.
-     */
-    icon?: N;
-  };
-
-type IconComponent = <C extends keyof IconTypes>(
-  props: IconProps<C>
-) => React.ReactElement | null;
-export type IconNames = keyof IconTypes;
-/**
- * Icon is used whenever we need a GOV.GR icon.
- * Choose the icon from the list in icon prop.
- */
-export const Icon: IconComponent = React.forwardRef<
-  SVGSVGElement,
-  IconProps<IconNames>
->(function Icon(
-  { icon = 'arrow', className, ...props }: IconProps<IconNames>,
-  ref
-) {
-  const IconComponent = icons[icon];
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore
-  const iconProps = IconComponent?.props.reduce((compProps, propName) => {
-    const value = props[propName];
-    delete props[propName];
-    return {
-      ...compProps,
-      [propName]: value,
-    };
-  }, {});
-
-  return (
-    <SvgIcon
-      ref={ref}
-      {...props}
-      className={clsx(className, {
-        [`govgr-svg-icon--${icon}`]: true,
-      })}
-    >
-      <IconComponent {...iconProps} />
-    </SvgIcon>
-  );
-});
-
-export default Icon;

package/src/NavListItem/index.test.tsx

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

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

@@ -1,18 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the NavMenu with no props 1`] = `
-<ForwardRef(NavMenu)>
-  <ForwardRef(Base)
-    aria-hidden={true}
-    as="div"
-    className="govgr-nav-menu--horizontal govgr-nav-menu--hidden govgr-nav-menu"
-  >
-    <div
-      aria-hidden={true}
-      className="govgr-nav-menu--horizontal govgr-nav-menu--hidden govgr-nav-menu"
-    >
-      hello
-    </div>
-  </ForwardRef(Base)>
-</ForwardRef(NavMenu)>
-`;

package/src/NavMenu/index.test.tsx

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

package/src/NavMenu/index.tsx

@@ -1,51 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface NavMenuProps extends BaseProps<'div'> {
-  /**
-  * active is optional.
-  * Exactly one NavMenu should be active every time.
-  * This declares that this content is active and should depend of the 'selected' NavItem.
-  * @value true
-  * @value false
-  */
-  active?: boolean;
-  /**
-  * layout prop sets the display layout for the nav list
-  * layout is horizontal by default.
-  * @value 'vertical'
-  * @value 'horizontal'
-  * @default 'horizontal'
-  */
-  layout?: 'vertical' | 'horizontal';
-}
-/**
- * NavMenu is the main menu component.
- * Inside this component must be NavMenuContainer component.
- */
-export const NavMenu = React.forwardRef<HTMLDivElement, NavMenuProps>(
-  function NavMenu(
-    { active, layout = 'horizontal', className, children, ...props },
-    ref
-  ) {
-    return (
-      <Base
-        as="div"
-        ref={ref}
-        aria-hidden={!active}
-        className={clsx(className, {
-          'govgr-nav-menu': true,
-          'govgr-nav-menu--horizontal': layout === 'horizontal',
-          'govgr-nav-menu--vertical': layout === 'vertical',
-          'govgr-nav-menu--hidden': !active,
-        })}
-        {...props}
-      >
-        {children}
-      </Base>
-    );
-  }
-);
-
-export default NavMenu;

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

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the NavMenuContainerContent with no props 1`] = `
-<ForwardRef(NavMenuContainerContent)>
-  <ForwardRef(Grid)
-    item={true}
-    md={2}
-  >
-    <ForwardRef(Base)
-      as="div"
-      className="md:govgr-grid__col-span-2"
-    >
-      <div
-        className="md:govgr-grid__col-span-2"
-      >
-        hello
-      </div>
-    </ForwardRef(Base)>
-  </ForwardRef(Grid)>
-</ForwardRef(NavMenuContainerContent)>
-`;

package/src/NavMenuContainerContent/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { GridProps } from '@digigov/react-core/Grid';
-import Grid from '@digigov/react-core/Grid';
-
-export interface NavMenuContainerContentProps extends GridProps {}
-/**
- *
- * NavMenuContainerContent is the content menu component.
- * Inside this component must be NavMenuContainerContentList and NavMenuContainerContentListLink components.
- */
-export const NavMenuContainerContent = React.forwardRef<
-  HTMLDivElement,
-  NavMenuContainerContentProps
->(function NavMenuContainerContent({ className, children, ...props }, ref) {
-  return (
-    <Grid item md={2} ref={ref} className={className} {...props}>
-      {children}
-    </Grid>
-  );
-});
-
-export default NavMenuContainerContent;

package/src/NavMenuContainerContentList/index.test.tsx

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

package/src/NavMenuContainerContentList/index.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface NavMenuContainerContentListProps extends BaseProps<'ul'> {}
-/**
- * NavMenuContainerContentList contains the ul list nav menu.
- * Inside this component must be NavMenuContainerContentListItem component.
- */
-export const NavMenuContainerContentList = React.forwardRef<
-  HTMLUListElement,
-  NavMenuContainerContentListProps
->(function NavMenuContainerContentList({ className, children, ...props }, ref) {
-  return (
-    <Base
-      as="ul"
-      ref={ref}
-      className={clsx(className, {
-        'govgr-nav-menu__content-list': true,
-      })}
-      {...props}
-    >
-      {children}
-    </Base>
-  );
-});
-
-export default NavMenuContainerContentList;

package/src/NavMenuContainerContentListItem/index.test.tsx

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

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

@@ -1,37 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the NavMenuContainerTitle with no props 1`] = `
-<ForwardRef(NavMenuContainerTitle)>
-  <ForwardRef(Grid)
-    className="govgr-nav-menu__container-title"
-    item={true}
-    md={1}
-  >
-    <ForwardRef(Base)
-      as="div"
-      className="govgr-nav-menu__container-title md:govgr-grid__col-span-1"
-    >
-      <div
-        className="govgr-nav-menu__container-title md:govgr-grid__col-span-1"
-      >
-        <ForwardRef(Heading)
-          className="govgr-nav-menu__container-title-heading"
-          element="h3"
-          size="md"
-        >
-          <ForwardRef(Base)
-            as="h3"
-            className="govgr-nav-menu__container-title-heading govgr-heading-md"
-          >
-            <h3
-              className="govgr-nav-menu__container-title-heading govgr-heading-md"
-            >
-              hello
-            </h3>
-          </ForwardRef(Base)>
-        </ForwardRef(Heading)>
-      </div>
-    </ForwardRef(Base)>
-  </ForwardRef(Grid)>
-</ForwardRef(NavMenuContainerTitle)>
-`;

package/src/NavMenuContainerTitle/index.test.tsx

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

package/src/NavMenuContainerTitle/index.tsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import { BaseProps } from '@digigov/react-core/Base';
-import Grid from '@digigov/react-core/Grid';
-import Heading from '@digigov/react-core/Heading';
-
-export interface NavMenuContainerTitleProps extends BaseProps<'div'> {}
-/**
- *
- * NavMenuContainerTitle is the main Title for the nav list items.
- * NavMenuContainerTitle  must be inside NavMenuContainer component.
- */
-export const NavMenuContainerTitle = React.forwardRef<
-  HTMLDivElement,
-  NavMenuContainerTitleProps
->(function NavMenuContainerTitle({ className, children, ...props }, ref) {
-  return (
-    <Grid
-      item
-      md={1}
-      ref={ref}
-      className={clsx(className, {
-        'govgr-nav-menu__container-title': true,
-      })}
-      {...props}
-    >
-      <Heading
-        element="h3"
-        size="md"
-        className={clsx({
-          'govgr-nav-menu__container-title-heading': true,
-        })}
-      >
-        {children}
-      </Heading>
-    </Grid>
-  );
-});
-
-export default NavMenuContainerTitle;

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

@@ -1,16 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the NavVertical with no props 1`] = `
-<ForwardRef(NavVertical)>
-  <ForwardRef(Base)
-    as="nav"
-    className="govgr-vertical-nav"
-  >
-    <nav
-      className="govgr-vertical-nav"
-    >
-      hello
-    </nav>
-  </ForwardRef(Base)>
-</ForwardRef(NavVertical)>
-`;

package/src/NavVertical/index.test.tsx

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

package/src/NavVertical/index.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface NavVerticalProps extends BaseProps<'nav'> {}
-/**
- * NavVertical is the Nav that it is vertical. It is mainly used at the Side component.
- * This component is a wrapper for a list of NavVerticalItem components.
- * It has no props.
- */
-export const NavVertical = React.forwardRef<HTMLElement, NavVerticalProps>(
-  function NavVertical({ className, children, ...props }, ref) {
-    return (
-      <Base
-        as="nav"
-        ref={ref}
-        className={clsx(className, {
-          'govgr-vertical-nav': true,
-        })}
-        {...props}
-      >
-        {children}
-      </Base>
-    );
-  }
-);
-
-export default NavVertical;

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

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

package/src/NavVerticalItem/index.test.tsx

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

package/src/NavVerticalItem/index.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import Base, { BaseProps } from '@digigov/react-core/Base';
-
-export interface NavVerticalItemProps extends BaseProps<'a'> {
-  /**
-  * active is optional.
-  * When the NavVerticalItem is active, that means that we are in this option / title / page of the NavVertical.
-  * @value true
-  * @value false
-  */
-  active?: boolean;
-}
-/**
- * NavVerticalItem is an <a> element. It should be inside the NavVertical component.
- */
-export const NavVerticalItem = React.forwardRef<
-  HTMLAnchorElement,
-  NavVerticalItemProps
->(function NavVerticalItem({ active, className, children, ...props }, ref) {
-  return (
-    <Base
-      as="a"
-      ref={ref}
-      className={clsx(className, {
-        'govgr-link': true,
-        'govgr-vertical-nav__item': true,
-        'govgr-vertical-nav__item--active': active,
-      })}
-      {...props}
-    >
-      {children}
-    </Base>
-  );
-});
-
-export default NavVerticalItem;

package/src/SearchSection/index.test.tsx

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

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

@@ -1,16 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders the SingleCharacterInputContainer with no props 1`] = `
-<ForwardRef(SingleCharacterInputContainer)>
-  <ForwardRef(Base)
-    as="div"
-    className="govgr-single-character-input--container"
-  >
-    <div
-      className="govgr-single-character-input--container"
-    >
-      hello
-    </div>
-  </ForwardRef(Base)>
-</ForwardRef(SingleCharacterInputContainer)>
-`;

package/src/SingleCharacterInputContainer/index.test.tsx

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