@digigov/react-core 0.14.0 → 0.15.1

package/es/BackLink/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["href", "className", "children"];
+var _excluded = ["href", "tabIndex", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import CaretIcon from '@digigov/react-core/CaretIcon';
@@ -12,6 +12,8 @@ var _ref2 = /*#__PURE__*/React.createElement(CaretIcon, null);
  */
 export var BackLink = /*#__PURE__*/React.forwardRef(function BackLink(_ref, ref) {
   var href = _ref.href,
+      _ref$tabIndex = _ref.tabIndex,
+      tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -22,7 +24,8 @@ export var BackLink = /*#__PURE__*/React.forwardRef(function BackLink(_ref, ref)
       !href && window.history.back();
     },
     ref: ref,
-    className: clsx(className, true && 'govgr-back-link')
+    className: clsx(className, true && 'govgr-back-link'),
+    tabIndex: tabIndex
   }, props), _ref2, children);
 });
 export default BackLink;

package/es/BurgerIcon/index.js

@@ -38,7 +38,7 @@ export var BurgerIcon = /*#__PURE__*/React.forwardRef(function BurgerIcon(_ref,
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     variant: variant,
     size: size,
-    className: clsx(active === true && 'govgr-burger-icon--active', hidden === 's' && 'govgr-burger-icon--hidden-s', hidden === 'm' && 'govgr-burger-icon--hidden-m', hidden === 'l' && 'govgr-burger-icon--hidden-l', className && className, true && 'govgr-burger-icon'),
+    className: clsx(className, active === true && 'govgr-burger-icon--active', hidden === 's' && 'govgr-burger-icon--hidden-s', hidden === 'm' && 'govgr-burger-icon--hidden-m', hidden === 'l' && 'govgr-burger-icon--hidden-l', true && 'govgr-burger-icon'),
     ref: ref
   }, props), _ref2, _ref3, _ref4);
 });

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

@@ -1,5 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the Button with ariaLabel prop 1`] = `
+<ForwardRef(Button)
+  aria-label="button for opening menu"
+>
+  <button
+    aria-label="button for opening menu"
+    className="govgr-btn-primary govgr-btn"
+  >
+    Menu
+  </button>
+</ForwardRef(Button)>
+`;
+
 exports[`renders the Button with color=primary 1`] = `
 <ForwardRef(Button)
   color="primary"
@@ -113,3 +126,16 @@ exports[`renders the Button with no props 1`] = `
   </button>
 </ForwardRef(Button)>
 `;
+
+exports[`renders the Button with tabIndex prop 1`] = `
+<ForwardRef(Button)
+  tabIndex={0}
+>
+  <button
+    className="govgr-btn-primary govgr-btn"
+    tabIndex={0}
+  >
+    Menu
+  </button>
+</ForwardRef(Button)>
+`;

package/es/Button/index.test.js

@@ -73,4 +73,20 @@ var _ref9 = /*#__PURE__*/React.createElement(Button, {
 
 it('renders the Button with color=warning with disabled=true', function () {
   expect(mount(_ref9)).toMatchSnapshot();
+});
+
+var _ref10 = /*#__PURE__*/React.createElement(Button, {
+  "aria-label": "button for opening menu"
+}, "Menu");
+
+it('renders the Button with ariaLabel prop', function () {
+  expect(mount(_ref10)).toMatchSnapshot();
+});
+
+var _ref11 = /*#__PURE__*/React.createElement(Button, {
+  tabIndex: 0
+}, "Menu");
+
+it('renders the Button with tabIndex prop', function () {
+  expect(mount(_ref11)).toMatchSnapshot();
 });

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

@@ -0,0 +1,138 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Button with tabIndex prop 1`] = `
+<ForwardRef(ButtonLink)
+  tabIndex={0}
+>
+  <a
+    className="govgr-btn-primary govgr-btn"
+    tabIndex={0}
+  >
+    Menu
+  </a>
+</ForwardRef(ButtonLink)>
+`;
+
+exports[`renders the ButtonLink with ariaLabel prop 1`] = `
+<ForwardRef(ButtonLink)
+  aria-label="button for opening menu"
+>
+  <a
+    aria-label="button for opening menu"
+    className="govgr-btn-primary govgr-btn"
+  >
+    Menu
+  </a>
+</ForwardRef(ButtonLink)>
+`;
+
+exports[`renders the ButtonLink with color=primary 1`] = `
+<ForwardRef(ButtonLink)
+  color="primary"
+>
+  <a
+    className="govgr-btn-primary govgr-btn"
+  >
+    hello
+  </a>
+</ForwardRef(ButtonLink)>
+`;
+
+exports[`renders the ButtonLink with color=primary with href=# 1`] = `
+<ForwardRef(ButtonLink)
+  color="primary"
+  href="#"
+>
+  <a
+    className="govgr-btn-primary govgr-btn"
+    href="#"
+  >
+    hello
+  </a>
+</ForwardRef(ButtonLink)>
+`;
+
+exports[`renders the ButtonLink with color=secondary 1`] = `
+<ForwardRef(ButtonLink)
+  color="secondary"
+>
+  <a
+    className="govgr-btn-secondary govgr-btn"
+  >
+    hello
+  </a>
+</ForwardRef(ButtonLink)>
+`;
+
+exports[`renders the ButtonLink with color=secondary with href=# 1`] = `
+<ForwardRef(ButtonLink)
+  color="secondary"
+  href="#"
+>
+  <a
+    className="govgr-btn-secondary govgr-btn"
+    href="#"
+  >
+    hello
+  </a>
+</ForwardRef(ButtonLink)>
+`;
+
+exports[`renders the ButtonLink with color=warning 1`] = `
+<ForwardRef(ButtonLink)
+  color="warning"
+>
+  <a
+    className="govgr-btn-warning govgr-btn"
+  >
+    hello
+  </a>
+</ForwardRef(ButtonLink)>
+`;
+
+exports[`renders the ButtonLink with color=warning with href=# 1`] = `
+<ForwardRef(ButtonLink)
+  color="warning"
+  href="#"
+>
+  <a
+    className="govgr-btn-warning govgr-btn"
+    href="#"
+  >
+    hello
+  </a>
+</ForwardRef(ButtonLink)>
+`;
+
+exports[`renders the ButtonLink with disabled=false 1`] = `
+<ForwardRef(ButtonLink)>
+  <a
+    className="govgr-btn-primary govgr-btn"
+  >
+    hello
+  </a>
+</ForwardRef(ButtonLink)>
+`;
+
+exports[`renders the ButtonLink with href=# 1`] = `
+<ForwardRef(ButtonLink)
+  href="#"
+>
+  <a
+    className="govgr-btn-primary govgr-btn"
+    href="#"
+  >
+    hello
+  </a>
+</ForwardRef(ButtonLink)>
+`;
+
+exports[`renders the ButtonLink with no props 1`] = `
+<ForwardRef(ButtonLink)>
+  <a
+    className="govgr-btn-primary govgr-btn"
+  >
+    hello
+  </a>
+</ForwardRef(ButtonLink)>
+`;

package/es/ButtonLink/index.test.js

@@ -71,4 +71,20 @@ var _ref9 = /*#__PURE__*/React.createElement(ButtonLink, {
 
 it('renders the ButtonLink with color=warning with href=#', function () {
   expect(mount(_ref9)).toMatchSnapshot();
+});
+
+var _ref10 = /*#__PURE__*/React.createElement(ButtonLink, {
+  "aria-label": "button for opening menu"
+}, "Menu");
+
+it('renders the ButtonLink with ariaLabel prop', function () {
+  expect(mount(_ref10)).toMatchSnapshot();
+});
+
+var _ref11 = /*#__PURE__*/React.createElement(ButtonLink, {
+  tabIndex: 0
+}, "Menu");
+
+it('renders the Button with tabIndex prop', function () {
+  expect(mount(_ref11)).toMatchSnapshot();
 });

package/es/CardAction/index.js

@@ -16,7 +16,7 @@ export var CardAction = /*#__PURE__*/React.forwardRef(function CardText(_ref, re
 
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: clsx(className && className, true && 'govgr-card__action')
+    className: clsx(className, true && 'govgr-card__action')
   }, props), children);
 });
 export default CardAction;

package/es/CardHeading/index.js

@@ -17,7 +17,7 @@ export var CardHeading = /*#__PURE__*/React.forwardRef(function CardHeading(_ref
     ref: ref,
     role: "heading",
     "aria-level": 2,
-    className: clsx(className && className, true && 'govgr-card__heading')
+    className: clsx(className, true && 'govgr-card__heading')
   }, props), children);
 });
 export default CardHeading;

package/es/CardText/index.js

@@ -15,7 +15,7 @@ export var CardText = /*#__PURE__*/React.forwardRef(function CardText(_ref, ref)
 
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: clsx(className && className, true && 'govgr-card__text')
+    className: clsx(className, true && 'govgr-card__text')
   }, props), children);
 });
 export default CardText;

package/es/CaretIcon/index.js

@@ -36,7 +36,7 @@ export var CaretIcon = /*#__PURE__*/React.forwardRef(function CaretIcon(_ref, re
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     size: size,
     variant: variant,
-    className: clsx(direction === 'right' && 'govgr-caret--right', direction === 'left' && 'govgr-caret--left', direction === 'down' && 'govgr-caret--down', direction === 'up' && 'govgr-caret--up', className && className),
+    className: clsx(className, direction === 'right' && 'govgr-caret--right', direction === 'left' && 'govgr-caret--left', direction === 'down' && 'govgr-caret--down', direction === 'up' && 'govgr-caret--up'),
     ref: ref
   }, props), direction === 'left' && _ref2, direction === 'right' && _ref3, direction === 'up' && _ref4, direction === 'down' && _ref5);
 });

package/es/CheckIcon/index.js

@@ -21,7 +21,7 @@ export var CheckIcon = /*#__PURE__*/React.forwardRef(function CheckIcon(_ref, re
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     size: size,
     variant: variant,
-    className: clsx(className && className, true && 'govgr-svg-icon--check'),
+    className: clsx(className, true && 'govgr-svg-icon--check'),
     ref: ref
   }, props), _ref2);
 });

package/es/CloseIcon/index.js

@@ -22,7 +22,7 @@ export var CloseIcon = /*#__PURE__*/React.forwardRef(function CloseIcon(_ref, re
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     size: size,
     variant: variant,
-    className: clsx(className && className, true && 'govgr-close-icon'),
+    className: clsx(className, true && 'govgr-close-icon'),
     ref: ref
   }, props), _ref2);
 });

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

@@ -3,6 +3,7 @@
 exports[`renders the FooterImage with no props 1`] = `
 <ForwardRef(FooterImage)>
   <img
+    alt="footer logo"
     className="govgr-footer__logo"
   />
 </ForwardRef(FooterImage)>

package/es/FooterImage/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", "children", "alt"];
 import React from 'react';
 import clsx from 'clsx';
 
@@ -12,11 +12,15 @@ import clsx from 'clsx';
 export var FooterImage = /*#__PURE__*/React.forwardRef(function FooterImage(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
+      _ref$alt = _ref.alt,
+      alt = _ref$alt === void 0 ? 'footer logo' : _ref$alt,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("img", _extends({
     ref: ref,
     className: clsx(className, true && 'govgr-footer__logo')
-  }, props), children);
+  }, props, {
+    alt: alt
+  }), children);
 });
 export default FooterImage;

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

@@ -2,9 +2,15 @@
 
 exports[`renders the GovGRLogo with no props 1`] = `
 <ForwardRef(GovGRLogo)>
-  <img
-    className="govgr-header-logo"
-    src="https://www.gov.gr/gov_gr_logo.svg"
-  />
+  <a
+    className="govgr-header-link"
+    href="https://www.gov.gr/"
+  >
+    <img
+      alt="gov.gr logo"
+      className="govgr-header-logo"
+      src="https://www.gov.gr/gov_gr_logo.svg"
+    />
+  </a>
 </ForwardRef(GovGRLogo)>
 `;

package/es/GovGRLogo/index.js

@@ -19,7 +19,8 @@ export var GovGRLogo = /*#__PURE__*/React.forwardRef(function GovGRLogo(_ref, re
     className: clsx(className, true && 'govgr-header-link')
   }, props), /*#__PURE__*/React.createElement("img", {
     src: "https://www.gov.gr/gov_gr_logo.svg",
-    className: clsx(className, true && 'govgr-header-logo')
+    className: clsx(className, true && 'govgr-header-logo'),
+    alt: "gov.gr logo"
   }));
 });
 export default GovGRLogo;

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

@@ -4,11 +4,9 @@ exports[`renders the HeaderLogo with no props 1`] = `
 <ForwardRef(HeaderLogo)>
   <a
     className="govgr-header-link"
-    href="https://www.gov.gr/"
   >
     <img
       className="govgr-header-logo"
-      src="https://www.gov.gr/gov_gr_logo.svg"
     />
   </a>
 </ForwardRef(HeaderLogo)>

package/es/HeaderLogo/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["href", "src", "className"];
+var _excluded = ["href", "src", "altText", "className"];
 import React from 'react';
 import clsx from 'clsx';
 
@@ -10,6 +10,7 @@ import clsx from 'clsx';
 export var HeaderLogo = /*#__PURE__*/React.forwardRef(function HeaderLogo(_ref, ref) {
   var href = _ref.href,
       src = _ref.src,
+      altText = _ref.altText,
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
@@ -19,7 +20,8 @@ export var HeaderLogo = /*#__PURE__*/React.forwardRef(function HeaderLogo(_ref,
     className: clsx(className, true && 'govgr-header-link')
   }, props), /*#__PURE__*/React.createElement("img", {
     src: src,
-    className: clsx(className, true && 'govgr-header-logo')
+    className: clsx(className, true && 'govgr-header-logo'),
+    alt: altText
   }));
 });
 export default HeaderLogo;

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

@@ -1,13 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the HeaderSecondaryLogo with src 1`] = `
+exports[`renders the HeaderSecondaryLogo with src and alt 1`] = `
 <ForwardRef(HeaderSecondaryLogo)
+  altText="minedu logo"
   src="https://dilosi.services.gov.gr/minedu-logo.svg"
 >
   <a
     className="govgr-header-link"
   >
     <img
+      alt="minedu logo"
       className="govgr-header-secondary-logo"
       src="https://dilosi.services.gov.gr/minedu-logo.svg"
     />
@@ -15,8 +17,9 @@ exports[`renders the HeaderSecondaryLogo with src 1`] = `
 </ForwardRef(HeaderSecondaryLogo)>
 `;
 
-exports[`renders the HeaderSecondaryLogo with src and href 1`] = `
+exports[`renders the HeaderSecondaryLogo with src, href and alt 1`] = `
 <ForwardRef(HeaderSecondaryLogo)
+  altText="minedu logo"
   href="https://www.minedu.gov.gr/"
   src="https://dilosi.services.gov.gr/minedu-logo.svg"
 >
@@ -25,6 +28,7 @@ exports[`renders the HeaderSecondaryLogo with src and href 1`] = `
     href="https://www.minedu.gov.gr/"
   >
     <img
+      alt="minedu logo"
       className="govgr-header-secondary-logo"
       src="https://dilosi.services.gov.gr/minedu-logo.svg"
     />

package/es/HeaderSecondaryLogo/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["href", "src", "className"];
+var _excluded = ["href", "src", "altText", "className"];
 import React from 'react';
 import clsx from 'clsx';
 
@@ -10,6 +10,7 @@ import clsx from 'clsx';
 export var HeaderSecondaryLogo = /*#__PURE__*/React.forwardRef(function HeaderSecondaryLogo(_ref, ref) {
   var href = _ref.href,
       src = _ref.src,
+      altText = _ref.altText,
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
@@ -19,7 +20,8 @@ export var HeaderSecondaryLogo = /*#__PURE__*/React.forwardRef(function HeaderSe
     className: clsx(className, true && 'govgr-header-link')
   }, props), /*#__PURE__*/React.createElement("img", {
     src: src,
-    className: clsx(className, true && 'govgr-header-secondary-logo')
+    className: clsx(className, true && 'govgr-header-secondary-logo'),
+    alt: altText
   }));
 });
 export default HeaderSecondaryLogo;

package/es/HeaderSecondaryLogo/index.test.js

@@ -3,18 +3,20 @@ import { mount } from 'enzyme';
 import HeaderSecondaryLogo from '@digigov/react-core/HeaderSecondaryLogo';
 
 var _ref = /*#__PURE__*/React.createElement(HeaderSecondaryLogo, {
-  src: "https://dilosi.services.gov.gr/minedu-logo.svg"
+  src: "https://dilosi.services.gov.gr/minedu-logo.svg",
+  altText: "minedu logo"
 });
 
-it('renders the HeaderSecondaryLogo with src', function () {
+it('renders the HeaderSecondaryLogo with src and alt', function () {
   expect(mount(_ref)).toMatchSnapshot();
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(HeaderSecondaryLogo, {
   src: "https://dilosi.services.gov.gr/minedu-logo.svg",
-  href: "https://www.minedu.gov.gr/"
+  href: "https://www.minedu.gov.gr/",
+  altText: "minedu logo"
 });
 
-it('renders the HeaderSecondaryLogo with src and href', function () {
+it('renders the HeaderSecondaryLogo with src, href and alt', function () {
   expect(mount(_ref2)).toMatchSnapshot();
 });