@digigov/react-core 0.18.1 → 0.19.0

package/es/NavHorizontalListItemButton/index.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["active", "className", "arrow", "children"];
+import React from 'react';
+import clsx from 'clsx';
+import Button from '@digigov/react-core/Button';
+import ArrowIcon from '@digigov/react-core/ArrowIcon';
+
+/**
+ * NavHorizontalListItemButton is an <button> element. It should be inside the NavHorizontalListItem component.
+ */
+export var NavHorizontalListItemButton = /*#__PURE__*/React.forwardRef(function NavHorizontalListItemButton(_ref, ref) {
+  var active = _ref.active,
+      className = _ref.className,
+      _ref$arrow = _ref.arrow,
+      arrow = _ref$arrow === void 0 ? true : _ref$arrow,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    variant: "link",
+    ref: ref,
+    className: clsx(className, active === true && 'govgr-horizontal-nav__list-item-btn--active', true && 'govgr-horizontal-nav__list-item-btn')
+  }, props), children, arrow && /*#__PURE__*/React.createElement(ArrowIcon, {
+    direction: active ? 'up' : 'down'
+  }));
+});
+export default NavHorizontalListItemButton;

package/es/NavHorizontalListItemButton/index.test.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NavHorizontalListItemButton from '@digigov/react-core/NavHorizontalListItemButton';
+
+var _ref = /*#__PURE__*/React.createElement(NavHorizontalListItemButton, null, "hello");
+
+it('renders the NavHorizontalListItemButton with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(NavHorizontalListItemButton, {
+  active: true
+}, "hello");
+
+it('renders the NavHorizontalListItemButton with active=true', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(NavHorizontalListItemButton, {
+  active: false
+}, "hello");
+
+it('renders the NavHorizontalListItemLink with active=false', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});

package/es/NavHorizontalListItemLink/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,121 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the NavHorizontalListItemLink with active=false 1`] = `
+<ForwardRef(NavHorizontalListItemLink)
+  active={false}
+>
+  <ForwardRef(LinkBase)
+    className="govgr-horizontal-nav__list-item-link"
+    href="#"
+  >
+    <ForwardRef(Base)
+      as="a"
+      className="govgr-horizontal-nav__list-item-link govgr-link"
+      href="#"
+    >
+      <a
+        className="govgr-horizontal-nav__list-item-link govgr-link"
+        href="#"
+      >
+        hello
+      </a>
+    </ForwardRef(Base)>
+  </ForwardRef(LinkBase)>
+</ForwardRef(NavHorizontalListItemLink)>
+`;
+
+exports[`renders the NavHorizontalListItemLink with active=true 1`] = `
+<ForwardRef(NavHorizontalListItemLink)
+  active={true}
+>
+  <ForwardRef(LinkBase)
+    className="govgr-horizontal-nav__list-item-link--active govgr-horizontal-nav__list-item-link"
+    href="#"
+  >
+    <ForwardRef(Base)
+      as="a"
+      className="govgr-horizontal-nav__list-item-link--active govgr-horizontal-nav__list-item-link govgr-link"
+      href="#"
+    >
+      <a
+        className="govgr-horizontal-nav__list-item-link--active govgr-horizontal-nav__list-item-link govgr-link"
+        href="#"
+      >
+        hello
+      </a>
+    </ForwardRef(Base)>
+  </ForwardRef(LinkBase)>
+</ForwardRef(NavHorizontalListItemLink)>
+`;
+
+exports[`renders the NavHorizontalListItemLink with href and active=false 1`] = `
+<ForwardRef(NavHorizontalListItemLink)
+  active={false}
+  href="/"
+>
+  <ForwardRef(LinkBase)
+    className="govgr-horizontal-nav__list-item-link"
+    href="/"
+  >
+    <ForwardRef(Base)
+      as="a"
+      className="govgr-horizontal-nav__list-item-link govgr-link"
+      href="/"
+    >
+      <a
+        className="govgr-horizontal-nav__list-item-link govgr-link"
+        href="/"
+      >
+        hello
+      </a>
+    </ForwardRef(Base)>
+  </ForwardRef(LinkBase)>
+</ForwardRef(NavHorizontalListItemLink)>
+`;
+
+exports[`renders the NavHorizontalListItemLink with href and active=true 1`] = `
+<ForwardRef(NavHorizontalListItemLink)
+  active={false}
+  href="/"
+>
+  <ForwardRef(LinkBase)
+    className="govgr-horizontal-nav__list-item-link"
+    href="/"
+  >
+    <ForwardRef(Base)
+      as="a"
+      className="govgr-horizontal-nav__list-item-link govgr-link"
+      href="/"
+    >
+      <a
+        className="govgr-horizontal-nav__list-item-link govgr-link"
+        href="/"
+      >
+        hello
+      </a>
+    </ForwardRef(Base)>
+  </ForwardRef(LinkBase)>
+</ForwardRef(NavHorizontalListItemLink)>
+`;
+
+exports[`renders the NavHorizontalListItemLink with no props 1`] = `
+<ForwardRef(NavHorizontalListItemLink)>
+  <ForwardRef(LinkBase)
+    className="govgr-horizontal-nav__list-item-link"
+    href="#"
+  >
+    <ForwardRef(Base)
+      as="a"
+      className="govgr-horizontal-nav__list-item-link govgr-link"
+      href="#"
+    >
+      <a
+        className="govgr-horizontal-nav__list-item-link govgr-link"
+        href="#"
+      >
+        hello
+      </a>
+    </ForwardRef(Base)>
+  </ForwardRef(LinkBase)>
+</ForwardRef(NavHorizontalListItemLink)>
+`;

package/es/NavHorizontalListItemLink/index.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["active", "href", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+import Link from '@digigov/react-core/LinkBase';
+
+/**
+ * NavHorizontalListItemLink is an <a> element. It should be inside the NavHorizontalListItem component.
+ */
+export var NavHorizontalListItemLink = /*#__PURE__*/React.forwardRef(function NavHorizontalListItemLink(_ref, ref) {
+  var active = _ref.active,
+      _ref$href = _ref.href,
+      href = _ref$href === void 0 ? '#' : _ref$href,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Link, _extends({
+    href: href,
+    ref: ref,
+    className: clsx(className, active === true && 'govgr-horizontal-nav__list-item-link--active', true && 'govgr-horizontal-nav__list-item-link')
+  }, props), children);
+});
+export default NavHorizontalListItemLink;

package/es/NavHorizontalListItemLink/index.test.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NavHorizontalListItemLink from '@digigov/react-core/NavHorizontalListItemLink';
+
+var _ref = /*#__PURE__*/React.createElement(NavHorizontalListItemLink, null, "hello");
+
+it('renders the NavHorizontalListItemLink with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(NavHorizontalListItemLink, {
+  active: true
+}, "hello");
+
+it('renders the NavHorizontalListItemLink with active=true', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(NavHorizontalListItemLink, {
+  active: false
+}, "hello");
+
+it('renders the NavHorizontalListItemLink with active=false', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(NavHorizontalListItemLink, {
+  href: "/",
+  active: false
+}, "hello");
+
+it('renders the NavHorizontalListItemLink with href and active=false', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(NavHorizontalListItemLink, {
+  href: "/",
+  active: false
+}, "hello");
+
+it('renders the NavHorizontalListItemLink with href and active=true', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});

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

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

package/es/NavMenu/index.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
+
+/**
+ * NavMenu is the main menu component.
+ * Inside this component must be NavMenuContainer component.
+ */
+export var NavMenu = /*#__PURE__*/React.forwardRef(function NavMenu(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
+    ref: ref,
+    className: clsx(className, true && 'govgr-nav-list__menu')
+  }, props), children);
+});
+export default NavMenu;

package/es/NavMenu/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NavMenu from '@digigov/react-core/NavMenu';
+
+var _ref = /*#__PURE__*/React.createElement(NavMenu, null, "hello");
+
+it('renders the NavMenu with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/es/NavMenuContainer/__snapshots__/index.test.tsx.snap

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

package/es/NavMenuContainer/index.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+import Container from '@digigov/react-core/Container';
+
+/**
+ * NavMenuContainer is the container menu component.
+ * Inside this component must be NavMenuContainerContent component.
+ */
+export var NavMenuContainer = /*#__PURE__*/React.forwardRef(function NavMenuContainer(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Container, _extends({
+    ref: ref,
+    className: clsx(className)
+  }, props), children);
+});
+export default NavMenuContainer;

package/es/NavMenuContainer/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NavMenuContainer from '@digigov/react-core/NavMenuContainer';
+
+var _ref = /*#__PURE__*/React.createElement(NavMenuContainer, null, "hello");
+
+it('renders the NavMenuContainer with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

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

@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the NavMenuContainerContent with no props 1`] = `
+<ForwardRef(NavMenuContainerContent)>
+  <ForwardRef(Grid)
+    className=""
+    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/es/NavMenuContainerContent/index.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+import Grid from '@digigov/react-core/Grid';
+
+/**
+ *
+ * NavMenuContainerContent is the content menu component.
+ * Inside this component must be NavMenuContainerContentList and NavMenuContainerContentListLink components.
+ */
+export var NavMenuContainerContent = /*#__PURE__*/React.forwardRef(function NavMenuContainerContent(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Grid, _extends({
+    item: true,
+    md: 2,
+    ref: ref,
+    className: clsx(className)
+  }, props), children);
+});
+export default NavMenuContainerContent;

package/es/NavMenuContainerContent/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NavMenuContainerContent from '@digigov/react-core/NavMenuContainerContent';
+
+var _ref = /*#__PURE__*/React.createElement(NavMenuContainerContent, null, "hello");
+
+it('renders the NavMenuContainerContent with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/es/NavMenuContainerContentList/__snapshots__/index.test.tsx.snap

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

package/es/NavMenuContainerContentList/index.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
+
+/**
+ * NavMenuContainerContentList contains the ul list nav menu.
+ * Inside this component must be NavMenuContainerContentListItem component.
+ */
+export var NavMenuContainerContentList = /*#__PURE__*/React.forwardRef(function NavMenuContainerContentList(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "ul",
+    ref: ref,
+    className: clsx(className, true && 'govgr-nav-list__content-list')
+  }, props), children);
+});
+export default NavMenuContainerContentList;

package/es/NavMenuContainerContentList/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NavMenuContainerContentList from '@digigov/react-core/NavMenuContainerContentList';
+
+var _ref = /*#__PURE__*/React.createElement(NavMenuContainerContentList, null, "hello");
+
+it('renders the NavMenuContainerContentList with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/es/NavMenuContainerContentListItem/__snapshots__/index.test.tsx.snap

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

package/es/NavMenuContainerContentListItem/index.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import Base from '@digigov/react-core/Base';
+import clsx from 'clsx';
+
+/**
+ * NavMenuContainerContentListItem contains all li items nav menu.
+ *
+ */
+export var NavMenuContainerContentListItem = /*#__PURE__*/React.forwardRef(function NavMenuContainerContentListItem(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "li",
+    ref: ref,
+    className: clsx(className, true && 'govgr-nav-list__content-list-item')
+  }, props), children);
+});
+export default NavMenuContainerContentListItem;

package/es/NavMenuContainerContentListItem/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NavMenuContainerContentListItem from '@digigov/react-core/NavMenuContainerContentListItem';
+
+var _ref = /*#__PURE__*/React.createElement(NavMenuContainerContentListItem, null, "hello");
+
+it('renders the NavMenuContainerContentListItem with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

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

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

package/es/NavMenuContainerTitle/index.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+import Grid from '@digigov/react-core/Grid';
+import Heading from '@digigov/react-core/Heading';
+
+/**
+ *
+ * NavMenuContainerTitle is the main Title for the nav list items.
+ * NavMenuContainerTitle  must be inside NavMenuContainer component.
+ */
+export var NavMenuContainerTitle = /*#__PURE__*/React.forwardRef(function NavMenuContainerTitle(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Grid, _extends({
+    item: true,
+    md: 1,
+    ref: ref,
+    className: clsx(className)
+  }, props), /*#__PURE__*/React.createElement(Heading, {
+    element: "h3",
+    size: "m"
+  }, children));
+});
+export default NavMenuContainerTitle;

package/es/NavMenuContainerTitle/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NavMenuContainerTitle from '@digigov/react-core/NavMenuContainerTitle';
+
+var _ref = /*#__PURE__*/React.createElement(NavMenuContainerTitle, null, "hello");
+
+it('renders the NavMenuContainerTitle with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});