@digigov/react-core 1.0.0-88820b1e → 1.0.0-8ae63a77

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;