@digigov/react-core 0.20.0-navlist.alpha.2 → 0.20.0

package/es/NavListItemButton/index.test.js

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

package/{NavHorizontalListItemLink → es/NavListItemLink}/__snapshots__/index.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the NavHorizontalListItemLink with active=false 1`] = `
-<ForwardRef(NavHorizontalListItemLink)
+exports[`renders the NavListItemLink with active=false 1`] = `
+<ForwardRef(NavListItemLink)
   active={false}
 >
   <ForwardRef(LinkBase)
@@ -21,11 +21,11 @@ exports[`renders the NavHorizontalListItemLink with active=false 1`] = `
       </a>
     </ForwardRef(Base)>
   </ForwardRef(LinkBase)>
-</ForwardRef(NavHorizontalListItemLink)>
+</ForwardRef(NavListItemLink)>
 `;
 
-exports[`renders the NavHorizontalListItemLink with active=true 1`] = `
-<ForwardRef(NavHorizontalListItemLink)
+exports[`renders the NavListItemLink with active=true 1`] = `
+<ForwardRef(NavListItemLink)
   active={true}
 >
   <ForwardRef(LinkBase)
@@ -45,11 +45,11 @@ exports[`renders the NavHorizontalListItemLink with active=true 1`] = `
       </a>
     </ForwardRef(Base)>
   </ForwardRef(LinkBase)>
-</ForwardRef(NavHorizontalListItemLink)>
+</ForwardRef(NavListItemLink)>
 `;
 
-exports[`renders the NavHorizontalListItemLink with href and active=false 1`] = `
-<ForwardRef(NavHorizontalListItemLink)
+exports[`renders the NavListItemLink with href and active=false 1`] = `
+<ForwardRef(NavListItemLink)
   active={false}
   href="/"
 >
@@ -70,11 +70,11 @@ exports[`renders the NavHorizontalListItemLink with href and active=false 1`] =
       </a>
     </ForwardRef(Base)>
   </ForwardRef(LinkBase)>
-</ForwardRef(NavHorizontalListItemLink)>
+</ForwardRef(NavListItemLink)>
 `;
 
-exports[`renders the NavHorizontalListItemLink with href and active=true 1`] = `
-<ForwardRef(NavHorizontalListItemLink)
+exports[`renders the NavListItemLink with href and active=true 1`] = `
+<ForwardRef(NavListItemLink)
   active={false}
   href="/"
 >
@@ -95,11 +95,11 @@ exports[`renders the NavHorizontalListItemLink with href and active=true 1`] = `
       </a>
     </ForwardRef(Base)>
   </ForwardRef(LinkBase)>
-</ForwardRef(NavHorizontalListItemLink)>
+</ForwardRef(NavListItemLink)>
 `;
 
-exports[`renders the NavHorizontalListItemLink with no props 1`] = `
-<ForwardRef(NavHorizontalListItemLink)>
+exports[`renders the NavListItemLink with no props 1`] = `
+<ForwardRef(NavListItemLink)>
   <ForwardRef(LinkBase)
     className="govgr-horizontal-nav__list-item-link"
     href="#"
@@ -117,5 +117,5 @@ exports[`renders the NavHorizontalListItemLink with no props 1`] = `
       </a>
     </ForwardRef(Base)>
   </ForwardRef(LinkBase)>
-</ForwardRef(NavHorizontalListItemLink)>
+</ForwardRef(NavListItemLink)>
 `;

package/es/{NavHorizontalListItemLink → NavListItemLink}/index.js

@@ -6,9 +6,9 @@ import clsx from 'clsx';
 import Link from '@digigov/react-core/LinkBase';
 
 /**
- * NavHorizontalListItemLink is an <a> element. It should be inside the NavHorizontalListItem component.
+ * NavListItemLink is an <a> element. It should be inside the NavListItem component.
  */
-export var NavHorizontalListItemLink = /*#__PURE__*/React.forwardRef(function NavHorizontalListItemLink(_ref, ref) {
+export var NavListItemLink = /*#__PURE__*/React.forwardRef(function NavListItemLink(_ref, ref) {
   var active = _ref.active,
       _ref$href = _ref.href,
       href = _ref$href === void 0 ? '#' : _ref$href,
@@ -22,4 +22,4 @@ export var NavHorizontalListItemLink = /*#__PURE__*/React.forwardRef(function Na
     className: clsx(className, active === true && 'govgr-horizontal-nav__list-item-link--active', true && 'govgr-horizontal-nav__list-item-link')
   }, props), children);
 });
-export default NavHorizontalListItemLink;
+export default NavListItemLink;

package/es/NavListItemLink/index.test.js

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

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

@@ -3,11 +3,13 @@
 exports[`renders the NavMenu with no props 1`] = `
 <ForwardRef(NavMenu)>
   <ForwardRef(Base)
+    aria-hidden={true}
     as="div"
-    className="govgr-nav-list__menu"
+    className="govgr-nav-list__menu govgr-nav-list__menu-hidden"
   >
     <div
-      className="govgr-nav-list__menu"
+      aria-hidden={true}
+      className="govgr-nav-list__menu govgr-nav-list__menu-hidden"
     >
       hello
     </div>

package/es/NavMenu/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["active", "className", "children"];
+var _excluded = ["active", "layout", "className", "children"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -11,6 +11,8 @@ import clsx from 'clsx';
  */
 export var NavMenu = /*#__PURE__*/React.forwardRef(function NavMenu(_ref, ref) {
   var active = _ref.active,
+      _ref$layout = _ref.layout,
+      layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,7 +21,7 @@ export var NavMenu = /*#__PURE__*/React.forwardRef(function NavMenu(_ref, ref) {
     as: "div",
     ref: ref,
     "aria-hidden": !active,
-    className: clsx(className, !active && 'govgr-nav-list__menu-hidden', true && 'govgr-nav-list__menu')
+    className: clsx(className, layout === 'horizontal' && 'govgr-nav-list__menu', layout === 'vertical' && 'govgr-vertical-nav-list__menu', !active && 'govgr-nav-list__menu-hidden')
   }, props), children);
 });
 export default NavMenu;

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

@@ -4,6 +4,7 @@ exports[`renders the NavMenuContainer with no props 1`] = `
 <ForwardRef(NavMenuContainer)>
   <ForwardRef(Container)
     className=""
+    cols={true}
   >
     <ForwardRef(Base)
       as="div"

package/es/NavMenuContainer/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "layout", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Container from '@digigov/react-core/Container';
@@ -11,10 +11,13 @@ import Container from '@digigov/react-core/Container';
  */
 export var NavMenuContainer = /*#__PURE__*/React.forwardRef(function NavMenuContainer(_ref, ref) {
   var className = _ref.className,
+      _ref$layout = _ref.layout,
+      layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Container, _extends({
+    cols: layout === 'horizontal',
     ref: ref,
     className: clsx(className)
   }, props), children);

package/es/NavMenuContainerContentList/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "layout", "children"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -11,13 +11,15 @@ import clsx from 'clsx';
  */
 export var NavMenuContainerContentList = /*#__PURE__*/React.forwardRef(function NavMenuContainerContentList(_ref, ref) {
   var className = _ref.className,
+      _ref$layout = _ref.layout,
+      layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
       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')
+    className: clsx(className, layout === 'horizontal' && 'govgr-nav-list__content-list', layout === 'vertical' && 'govgr-vertical-nav-list__content-list')
   }, props), children);
 });
 export default NavMenuContainerContentList;

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

@@ -15,6 +15,7 @@ exports[`renders the NavMenuContainerTitle with no props 1`] = `
         className="md:govgr-grid__col-span-1"
       >
         <ForwardRef(Heading)
+          className=""
           element="h3"
           size="m"
         >

package/es/NavMenuContainerTitle/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "layout", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Grid from '@digigov/react-core/Grid';
@@ -13,6 +13,8 @@ import Heading from '@digigov/react-core/Heading';
  */
 export var NavMenuContainerTitle = /*#__PURE__*/React.forwardRef(function NavMenuContainerTitle(_ref, ref) {
   var className = _ref.className,
+      _ref$layout = _ref.layout,
+      layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
@@ -20,10 +22,11 @@ export var NavMenuContainerTitle = /*#__PURE__*/React.forwardRef(function NavMen
     item: true,
     md: 1,
     ref: ref,
-    className: clsx(className)
+    className: clsx(className, layout === 'vertical' && 'govgr-vertical-nav-list__container-title')
   }, props), /*#__PURE__*/React.createElement(Heading, {
     element: "h3",
-    size: "m"
+    size: "m",
+    className: clsx(layout === 'vertical' && 'govgr-vertical-nav-list__container-title-heading')
   }, children));
 });
 export default NavMenuContainerTitle;

package/es/index.js

@@ -62,6 +62,7 @@ export * from '@digigov/react-core/FooterSection';
 export * from '@digigov/react-core/FieldContainer';
 export * from '@digigov/react-core/GovGRLogo';
 export * from '@digigov/react-core/Grid';
+export * from '@digigov/react-core/GlobeIcon';
 export * from '@digigov/react-core/Header';
 export * from '@digigov/react-core/HeaderContent';
 export * from '@digigov/react-core/HeaderLogo';
@@ -84,11 +85,11 @@ export * from '@digigov/react-core/Main';
 export * from '@digigov/react-core/Masthead';
 export * from '@digigov/react-core/MastheadBody';
 export * from '@digigov/react-core/MoreVertIcon';
-export * from '@digigov/react-core/NavHorizontal';
-export * from '@digigov/react-core/NavHorizontalList';
-export * from '@digigov/react-core/NavHorizontalListItem';
-export * from '@digigov/react-core/NavHorizontalListItemLink';
-export * from '@digigov/react-core/NavHorizontalListItemButton';
+export * from '@digigov/react-core/Nav';
+export * from '@digigov/react-core/NavList';
+export * from '@digigov/react-core/NavListItem';
+export * from '@digigov/react-core/NavListItemLink';
+export * from '@digigov/react-core/NavListItemButton';
 export * from '@digigov/react-core/NavMenu';
 export * from '@digigov/react-core/NavMenuContainer';
 export * from '@digigov/react-core/NavMenuContainerContent';

package/es/registry.js

@@ -62,6 +62,7 @@ import * as _digigov_react_core_FooterMetaItem from '@digigov/react-core/FooterM
 import * as _digigov_react_core_FooterNavigation from '@digigov/react-core/FooterNavigation';
 import * as _digigov_react_core_FooterSection from '@digigov/react-core/FooterSection';
 import * as _digigov_react_core_Form from '@digigov/react-core/Form';
+import * as _digigov_react_core_GlobeIcon from '@digigov/react-core/GlobeIcon';
 import * as _digigov_react_core_GovGRLogo_govgr_logo_blue_base64 from '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64';
 import * as _digigov_react_core_GovGRLogo from '@digigov/react-core/GovGRLogo';
 import * as _digigov_react_core_Grid from '@digigov/react-core/Grid';
@@ -93,11 +94,11 @@ import * as _digigov_react_core_Main from '@digigov/react-core/Main';
 import * as _digigov_react_core_Masthead from '@digigov/react-core/Masthead';
 import * as _digigov_react_core_MastheadBody from '@digigov/react-core/MastheadBody';
 import * as _digigov_react_core_MoreVertIcon from '@digigov/react-core/MoreVertIcon';
-import * as _digigov_react_core_NavHorizontal from '@digigov/react-core/NavHorizontal';
-import * as _digigov_react_core_NavHorizontalList from '@digigov/react-core/NavHorizontalList';
-import * as _digigov_react_core_NavHorizontalListItem from '@digigov/react-core/NavHorizontalListItem';
-import * as _digigov_react_core_NavHorizontalListItemButton from '@digigov/react-core/NavHorizontalListItemButton';
-import * as _digigov_react_core_NavHorizontalListItemLink from '@digigov/react-core/NavHorizontalListItemLink';
+import * as _digigov_react_core_Nav from '@digigov/react-core/Nav';
+import * as _digigov_react_core_NavList from '@digigov/react-core/NavList';
+import * as _digigov_react_core_NavListItem from '@digigov/react-core/NavListItem';
+import * as _digigov_react_core_NavListItemButton from '@digigov/react-core/NavListItemButton';
+import * as _digigov_react_core_NavListItemLink from '@digigov/react-core/NavListItemLink';
 import * as _digigov_react_core_NavMenu from '@digigov/react-core/NavMenu';
 import * as _digigov_react_core_NavMenuContainer from '@digigov/react-core/NavMenuContainer';
 import * as _digigov_react_core_NavMenuContainerContent from '@digigov/react-core/NavMenuContainerContent';
@@ -235,6 +236,7 @@ export default {
   '@digigov/react-core/FooterNavigation': lazyImport(_digigov_react_core_FooterNavigation),
   '@digigov/react-core/FooterSection': lazyImport(_digigov_react_core_FooterSection),
   '@digigov/react-core/Form': lazyImport(_digigov_react_core_Form),
+  '@digigov/react-core/GlobeIcon': lazyImport(_digigov_react_core_GlobeIcon),
   '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64': lazyImport(_digigov_react_core_GovGRLogo_govgr_logo_blue_base64),
   '@digigov/react-core/GovGRLogo': lazyImport(_digigov_react_core_GovGRLogo),
   '@digigov/react-core/Grid': lazyImport(_digigov_react_core_Grid),
@@ -266,11 +268,11 @@ export default {
   '@digigov/react-core/Masthead': lazyImport(_digigov_react_core_Masthead),
   '@digigov/react-core/MastheadBody': lazyImport(_digigov_react_core_MastheadBody),
   '@digigov/react-core/MoreVertIcon': lazyImport(_digigov_react_core_MoreVertIcon),
-  '@digigov/react-core/NavHorizontal': lazyImport(_digigov_react_core_NavHorizontal),
-  '@digigov/react-core/NavHorizontalList': lazyImport(_digigov_react_core_NavHorizontalList),
-  '@digigov/react-core/NavHorizontalListItem': lazyImport(_digigov_react_core_NavHorizontalListItem),
-  '@digigov/react-core/NavHorizontalListItemButton': lazyImport(_digigov_react_core_NavHorizontalListItemButton),
-  '@digigov/react-core/NavHorizontalListItemLink': lazyImport(_digigov_react_core_NavHorizontalListItemLink),
+  '@digigov/react-core/Nav': lazyImport(_digigov_react_core_Nav),
+  '@digigov/react-core/NavList': lazyImport(_digigov_react_core_NavList),
+  '@digigov/react-core/NavListItem': lazyImport(_digigov_react_core_NavListItem),
+  '@digigov/react-core/NavListItemButton': lazyImport(_digigov_react_core_NavListItemButton),
+  '@digigov/react-core/NavListItemLink': lazyImport(_digigov_react_core_NavListItemLink),
   '@digigov/react-core/NavMenu': lazyImport(_digigov_react_core_NavMenu),
   '@digigov/react-core/NavMenuContainer': lazyImport(_digigov_react_core_NavMenuContainer),
   '@digigov/react-core/NavMenuContainerContent': lazyImport(_digigov_react_core_NavMenuContainerContent),

package/esm/Base/index.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "printHidden", "printVisible", "children", "className"];
+var _excluded = ["as", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "printHidden", "printVisible", "xsUpHidden", "smUpHidden", "mdUpHidden", "lgUpHidden", "xlUpHidden", "xsHidden", "smHidden", "mdHidden", "lgHidden", "xlHidden", "children", "className"];
 import React from 'react';
 import clsx from 'clsx';
 
-function calculateClasses(margin, marginTop, marginBottom, marginRight, marginLeft, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, printHidden, printVisible) {
+function calculateClasses(margin, marginTop, marginBottom, marginRight, marginLeft, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, printHidden, printVisible, xsUpHidden, smUpHidden, mdUpHidden, lgUpHidden, xlUpHidden, xsHidden, smHidden, mdHidden, lgHidden, xlHidden) {
   var classList = {};
 
   for (var i = 0; i <= 12; i++) {
@@ -21,8 +21,18 @@ function calculateClasses(margin, marginTop, marginBottom, marginRight, marginLe
   }
 
   classList['govgr-print-hidden'] = !!printHidden;
-  classList['govgr-print-visible-block'] = printVisible === "block";
-  classList['govgr-print-visible-inline'] = printVisible === "inline";
+  classList['govgr-print-visible-block'] = printVisible === 'block';
+  classList['govgr-print-visible-inline'] = printVisible === 'inline';
+  classList['govgr-hidden-xs--up'] = xsUpHidden === true;
+  classList['govgr-hidden-sm--up'] = smUpHidden === true;
+  classList['govgr-hidden-md--up'] = mdUpHidden === true;
+  classList['govgr-hidden-lg--up'] = lgUpHidden === true;
+  classList['govgr-hidden-xl--up'] = xlUpHidden === true;
+  classList['govgr-hidden-xs'] = xsHidden === true;
+  classList['govgr-hidden-sm'] = smHidden === true;
+  classList['govgr-hidden-md'] = mdHidden === true;
+  classList['govgr-hidden-lg'] = lgHidden === true;
+  classList['govgr-hidden-xl'] = xlHidden === true;
   return classList;
 }
 
@@ -40,6 +50,16 @@ export var Base = /*#__PURE__*/React.forwardRef(function Base(_ref, ref) {
       paddingRight = _ref.paddingRight,
       printHidden = _ref.printHidden,
       printVisible = _ref.printVisible,
+      xsUpHidden = _ref.xsUpHidden,
+      smUpHidden = _ref.smUpHidden,
+      mdUpHidden = _ref.mdUpHidden,
+      lgUpHidden = _ref.lgUpHidden,
+      xlUpHidden = _ref.xlUpHidden,
+      xsHidden = _ref.xsHidden,
+      smHidden = _ref.smHidden,
+      mdHidden = _ref.mdHidden,
+      lgHidden = _ref.lgHidden,
+      xlHidden = _ref.xlHidden,
       children = _ref.children,
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -47,7 +67,7 @@ export var Base = /*#__PURE__*/React.forwardRef(function Base(_ref, ref) {
   var Component = as || 'span';
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
-    className: clsx(className, calculateClasses(margin, marginTop, marginBottom, marginRight, marginLeft, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, printHidden, printVisible))
+    className: clsx(className, calculateClasses(margin, marginTop, marginBottom, marginRight, marginLeft, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, printHidden, printVisible, xsUpHidden, smUpHidden, mdUpHidden, lgUpHidden, xlUpHidden, xsHidden, smHidden, mdHidden, lgHidden, xlHidden))
   }, props), children);
 });
 export default Base;