@ndla/ui 3.2.1-alpha.3 → 3.2.2

package/es/Image/LazyLoadImage.js

@@ -12,10 +12,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  *
  */
 import React from 'react';
-import PropTypes from 'prop-types'; // Lazyload image with lazysizes (https://github.com/aFarkas/lazysizes)
-
 import { jsx as ___EmotionJSX } from "@emotion/core";
 
+// Lazyload image with lazysizes (https://github.com/aFarkas/lazysizes)
 var LazyLoadImage = function LazyLoadImage(_ref) {
   var alt = _ref.alt,
       src = _ref.src,
@@ -24,14 +23,14 @@ var LazyLoadImage = function LazyLoadImage(_ref) {
       sizes = _ref.sizes,
       rest = _objectWithoutProperties(_ref, ["alt", "src", "srcSet", "lazyLoadSrc", "sizes"]);
 
-  return [___EmotionJSX("noscript", {
+  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX("noscript", {
     key: "noscript"
   }, ___EmotionJSX("img", _extends({
     alt: alt,
     src: "".concat(src),
     srcSet: srcSet,
     sizes: sizes
-  }, rest))), ___EmotionJSX("img", _extends({
+  }, rest))), ",", ___EmotionJSX("img", _extends({
     alt: alt,
     key: "img",
     style: {
@@ -42,15 +41,7 @@ var LazyLoadImage = function LazyLoadImage(_ref) {
     "data-src": src,
     "data-src-set": srcSet,
     "data-sizes": sizes
-  }, rest))];
+  }, rest)));
 };
 
-LazyLoadImage.propTypes = {
-  alt: PropTypes.string.isRequired,
-  src: PropTypes.string.isRequired,
-  sizes: PropTypes.string,
-  contentType: PropTypes.string,
-  srcSet: PropTypes.string,
-  lazyLoadSrc: PropTypes.string.isRequired
-};
 export default LazyLoadImage;

package/es/InfoBox/InfoBox.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import BEMHelper from 'react-bem-helper';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 var classes = BEMHelper('c-info-box');
@@ -9,7 +8,4 @@ var InfoBox = function InfoBox(_ref) {
   return ___EmotionJSX("div", classes(), children);
 };
 
-InfoBox.propTypes = {
-  children: PropTypes.node.isRequired
-};
 export default InfoBox;

package/es/InfoWidget/InfoWidget.js

@@ -1,7 +1,6 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
-import PropTypes from 'prop-types';
 import BEMHelper from 'react-bem-helper';
 import { Forward } from '@ndla/icons/common';
 import SafeLink from '@ndla/safelink';
@@ -14,7 +13,8 @@ var InfoWidget = function InfoWidget(_ref) {
       description = _ref.description,
       mainLink = _ref.mainLink,
       iconLinks = _ref.iconLinks,
-      center = _ref.center;
+      _ref$center = _ref.center,
+      center = _ref$center === void 0 ? false : _ref$center;
   return ___EmotionJSX("section", classes('', {
     center: center
   }), ___EmotionJSX(SectionHeading, {
@@ -54,23 +54,4 @@ var InfoWidget = function InfoWidget(_ref) {
   }), mainLink.name)));
 };
 
-InfoWidget.propTypes = {
-  heading: PropTypes.string.isRequired,
-  description: PropTypes.string.isRequired,
-  mainLink: PropTypes.shape({
-    name: PropTypes.string.isRequired,
-    url: PropTypes.string,
-    href: PropTypes.string
-  }).isRequired,
-  iconLinks: PropTypes.arrayOf(PropTypes.shape({
-    name: PropTypes.string.isRequired,
-    url: PropTypes.string,
-    href: PropTypes.string,
-    icon: PropTypes.node.isRequired
-  })),
-  center: PropTypes.bool
-};
-InfoWidget.defaultProps = {
-  center: false
-};
 export default InfoWidget;

package/es/Logo/Logo.js

@@ -7,8 +7,7 @@
  */
 
 /* eslint-disable max-len */
-import React, { Fragment } from 'react';
-import PropTypes from 'prop-types';
+import React from 'react';
 import BEMHelper from 'react-bem-helper';
 import SafeLink from '@ndla/safelink';
 import SvgLogo from './SvgLogo';
@@ -18,11 +17,13 @@ export var logoClasses = new BEMHelper({
   prefix: 'c-'
 });
 export var Logo = function Logo(_ref) {
-  var name = _ref.name,
+  var _ref$name = _ref.name,
+      name = _ref$name === void 0 ? true : _ref$name,
       to = _ref.to,
       cssModifier = _ref.cssModifier,
       color = _ref.color,
-      large = _ref.large,
+      _ref$large = _ref.large,
+      large = _ref$large === void 0 ? false : _ref$large,
       locale = _ref.locale,
       label = _ref.label;
   var modifiers = {
@@ -40,28 +41,11 @@ export var Logo = function Logo(_ref) {
     name: name,
     color: color,
     locale: locale
-  })) : ___EmotionJSX(Fragment, null, ___EmotionJSX(SvgLogo, {
+  })) : ___EmotionJSX(React.Fragment, null, ___EmotionJSX(SvgLogo, {
     name: name,
     color: color,
     locale: locale
   }));
   return ___EmotionJSX("div", logoClasses('', modifiers), logo);
 };
-Logo.propTypes = {
-  to: PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
-    pathname: PropTypes.string.isRequired,
-    search: PropTypes.string,
-    hash: PropTypes.string
-  })]),
-  label: PropTypes.string.isRequired,
-  locale: PropTypes.string,
-  cssModifier: PropTypes.string,
-  large: PropTypes.bool,
-  name: PropTypes.bool,
-  color: PropTypes.string
-};
-Logo.defaultProps = {
-  name: true,
-  large: false
-};
 export default Logo;

package/es/Logo/SvgLogo.js

@@ -10,7 +10,6 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 /* eslint-disable max-len */
 import React from 'react';
-import PropTypes from 'prop-types';
 import { logoClasses } from './Logo';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 
@@ -29,8 +28,10 @@ var LogoText = function LogoText(locale) {
 };
 
 export var SvgLogo = function SvgLogo(_ref) {
-  var name = _ref.name,
-      color = _ref.color,
+  var _ref$name = _ref.name,
+      name = _ref$name === void 0 ? true : _ref$name,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? '#000000' : _ref$color,
       locale = _ref.locale;
   return ___EmotionJSX("svg", _extends({}, logoClasses('graphic'), {
     xmlns: "http://www.w3.org/2000/svg",
@@ -50,13 +51,4 @@ export var SvgLogo = function SvgLogo(_ref) {
     points: "18 51 18 118 0 118 0 33 101 33 101 118 83 118 83 51"
   }), name && LogoText(locale));
 };
-SvgLogo.propTypes = {
-  name: PropTypes.bool,
-  color: PropTypes.string,
-  locale: PropTypes.string
-};
-SvgLogo.defaultProps = {
-  name: true,
-  color: '#000000'
-};
 export default SvgLogo;

package/es/Masthead/Masthead.js

@@ -9,8 +9,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  * LICENSE file in the root directory of this source tree.
  *
  */
-import React from 'react';
-import PropTypes from 'prop-types';
+import React from 'react'; //@ts-ignore
+
 import classNames from 'classnames';
 import BEMHelper from 'react-bem-helper';
 import { withTranslation } from 'react-i18next';
@@ -23,37 +23,27 @@ var classes = new BEMHelper({
 export var MastheadItem = function MastheadItem(_ref) {
   var children = _ref.children,
       className = _ref.className,
-      left = _ref.left,
-      right = _ref.right;
+      _ref$left = _ref.left,
+      left = _ref$left === void 0 ? false : _ref$left,
+      _ref$right = _ref.right,
+      right = _ref$right === void 0 ? false : _ref$right;
   var itemClassNames = classNames(_defineProperty({}, classes('left').className, left), _defineProperty({}, classes('right').className, right), className);
   return ___EmotionJSX("div", {
     className: itemClassNames
   }, children);
 };
-MastheadItem.propTypes = {
-  children: PropTypes.node,
-  className: PropTypes.string,
-  right: PropTypes.bool,
-  left: PropTypes.bool
-};
-MastheadItem.defaultProps = {
-  right: false,
-  left: false
-};
 
 var MastheadInfo = function MastheadInfo(_ref2) {
   var children = _ref2.children;
   return ___EmotionJSX("div", classes('info'), ___EmotionJSX("div", classes('info-content'), children));
 };
 
-MastheadInfo.propTypes = {
-  children: PropTypes.node.isRequired
-};
 export var Masthead = function Masthead(_ref3) {
   var children = _ref3.children,
       fixed = _ref3.fixed,
       infoContent = _ref3.infoContent,
-      showLoaderWhenNeeded = _ref3.showLoaderWhenNeeded,
+      _ref3$showLoaderWhenN = _ref3.showLoaderWhenNeeded,
+      showLoaderWhenNeeded = _ref3$showLoaderWhenN === void 0 ? true : _ref3$showLoaderWhenN,
       ndlaFilm = _ref3.ndlaFilm,
       skipToMainContentId = _ref3.skipToMainContentId,
       t = _ref3.t;
@@ -61,12 +51,12 @@ export var Masthead = function Masthead(_ref3) {
     tabIndex: 0,
     href: "#".concat(skipToMainContentId)
   }, classes('skip-to-main-content')), t('masthead.skipToContent')), ___EmotionJSX("div", classes('placeholder', {
-    infoContent: infoContent
+    infoContent: !!infoContent
   })), ___EmotionJSX("div", classes('', {
-    fixed: fixed,
-    infoContent: infoContent,
+    fixed: !!fixed,
+    infoContent: !!infoContent,
     showLoaderWhenNeeded: showLoaderWhenNeeded,
-    ndlaFilm: ndlaFilm
+    ndlaFilm: !!ndlaFilm
   }), infoContent && ___EmotionJSX(DisplayOnPageYOffset, {
     yOffsetMin: 0,
     yOffsetMax: 90
@@ -74,15 +64,4 @@ export var Masthead = function Masthead(_ref3) {
     className: "u-1/1 ".concat(classes('content').className)
   }, children)));
 };
-Masthead.propTypes = {
-  children: PropTypes.node,
-  fixed: PropTypes.bool,
-  showLoaderWhenNeeded: PropTypes.bool,
-  infoContent: PropTypes.node,
-  ndlaFilm: PropTypes.bool,
-  skipToMainContentId: PropTypes.string
-};
-Masthead.defaultProps = {
-  showLoaderWhenNeeded: true
-};
 export default withTranslation()(Masthead);

package/es/NoContentBox/NoContentBox.js

@@ -6,8 +6,8 @@
  *
  */
 import React from 'react';
-import PropTypes from 'prop-types';
-import BEMHelper from 'react-bem-helper';
+import BEMHelper from 'react-bem-helper'; //@ts-ignore
+
 import Button from '@ndla/button';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 var classes = new BEMHelper({
@@ -23,13 +23,4 @@ export var NoContentBox = function NoContentBox(_ref) {
     onClick: onClick
   }, buttonText))));
 };
-NoContentBox.propTypes = {
-  onClick: PropTypes.func,
-  buttonText: PropTypes.string,
-  text: PropTypes.string.isRequired
-};
-NoContentBox.defaultProps = {
-  onClick: null,
-  buttonText: undefined
-};
 export default NoContentBox;

package/es/Portrait/Portrait.js

@@ -6,7 +6,6 @@
  *
  */
 import React from 'react';
-import PropTypes from 'prop-types';
 import BEMHelper from 'react-bem-helper';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 var classes = new BEMHelper({
@@ -28,14 +27,4 @@ var Portrait = function Portrait(_ref) {
   }));
 };
 
-Portrait.propTypes = {
-  src: PropTypes.string.isRequired,
-  alt: PropTypes.string.isRequired,
-  className: PropTypes.string,
-  modifier: PropTypes.oneOf(['small', 'large'])
-};
-Portrait.defaultProps = {
-  className: null,
-  modifier: null
-};
 export default Portrait;

package/es/RelatedArticleList/RelatedArticleList.js

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React, { cloneElement } from 'react';
-import PropTypes from 'prop-types';
-import BEMHelper from 'react-bem-helper';
+import BEMHelper from 'react-bem-helper'; //@ts-ignore
+
 import Button from '@ndla/button';
 import SafeLink from '@ndla/safelink';
 import SectionHeading from '../SectionHeading';
@@ -28,29 +28,20 @@ export var RelatedArticle = function RelatedArticle(_ref) {
     to: to
   }, classes('link'), {
     target: target,
-    rel: linkInfo ? 'noopener noreferrer' : null
+    rel: linkInfo ? 'noopener noreferrer' : undefined
   }), title))), ___EmotionJSX("p", _extends({}, classes('description'), {
     dangerouslySetInnerHTML: {
       __html: introduction
     }
   })), linkInfo && ___EmotionJSX("p", classes('link-info'), linkInfo));
 };
-RelatedArticle.propTypes = {
-  icon: PropTypes.node.isRequired,
-  title: PropTypes.string.isRequired,
-  modifier: PropTypes.string,
-  introduction: PropTypes.string.isRequired,
-  to: PropTypes.string.isRequired,
-  linkInfo: PropTypes.string,
-  target: PropTypes.string
-};
 
 var RelatedArticleList = function RelatedArticleList(_ref2) {
   var messages = _ref2.messages,
       children = _ref2.children,
       articleCount = _ref2.articleCount,
       dangerouslySetInnerHTML = _ref2.dangerouslySetInnerHTML;
-  var clonedChildren = !dangerouslySetInnerHTML ? React.Children.map(children, function (article, i) {
+  var clonedChildren = !dangerouslySetInnerHTML && children ? React.Children.map(children, function (article, i) {
     return /*#__PURE__*/React.cloneElement(article, {
       modifier: i >= 2 ? "".concat(article.props.modifier, " hidden") : article.props.modifier
     });
@@ -68,14 +59,4 @@ var RelatedArticleList = function RelatedArticleList(_ref2) {
   }, messages.showMore));
 };
 
-RelatedArticleList.propTypes = {
-  children: PropTypes.node,
-  messages: PropTypes.shape({
-    title: PropTypes.string.isRequired
-  }),
-  dangerouslySetInnerHTML: PropTypes.shape({
-    __html: PropTypes.string.isRequired
-  }),
-  articleCount: PropTypes.number
-};
 export default RelatedArticleList;