@ndla/ui 3.3.7 → 3.3.8

package/es/NDLAFilm/SlideshowIndicator.js

@@ -1,27 +1,5 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 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); }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 /**
  * Copyright (c) 2019-present, NDLA.
  *
@@ -29,53 +7,28 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * LICENSE file in the root directory of this source tree.
  *
  */
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import React from 'react';
 import BEMHelper from 'react-bem-helper';
-import { movieShape } from './shapes';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 var classes = new BEMHelper({
   name: 'film-slideshow',
   prefix: 'c-'
 });
 
-var SlideshowIndicator = /*#__PURE__*/function (_Component) {
-  _inherits(SlideshowIndicator, _Component);
-
-  var _super = _createSuper(SlideshowIndicator);
-
-  function SlideshowIndicator() {
-    _classCallCheck(this, SlideshowIndicator);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(SlideshowIndicator, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          slideshow = _this$props.slideshow,
-          activeSlide = _this$props.activeSlide,
-          gotoSlide = _this$props.gotoSlide;
-      return ___EmotionJSX("div", classes('indicator-wrapper'), slideshow.map(function (slide, index) {
-        return ___EmotionJSX("button", _extends({
-          key: "indicator_".concat(index) // eslint-disable-line react/no-array-index-key
-          ,
-          type: "button"
-        }, classes('indicator-dot', index === activeSlide ? 'active' : ''), {
-          onClick: function onClick() {
-            return gotoSlide(index, true);
-          }
-        }), ___EmotionJSX("span", null));
-      }));
-    }
-  }]);
-
-  return SlideshowIndicator;
-}(Component);
-
-SlideshowIndicator.propTypes = {
-  slideshow: PropTypes.arrayOf(movieShape),
-  activeSlide: PropTypes.number
+var SlideshowIndicator = function SlideshowIndicator(_ref) {
+  var slideshow = _ref.slideshow,
+      activeSlide = _ref.activeSlide,
+      gotoSlide = _ref.gotoSlide;
+  return ___EmotionJSX("div", classes('indicator-wrapper'), slideshow.map(function (slide, index) {
+    return ___EmotionJSX("button", _extends({
+      key: "indicator_".concat(index),
+      type: "button"
+    }, classes('indicator-dot', index === activeSlide ? 'active' : ''), {
+      onClick: function onClick() {
+        return gotoSlide(index, true);
+      }
+    }), ___EmotionJSX("span", null));
+  }));
 };
+
 export default SlideshowIndicator;

package/es/NDLAFilm/shapes.js

@@ -1,14 +1,4 @@
 import PropTypes from 'prop-types';
-export var movieShape = PropTypes.shape({
-  id: PropTypes.string.isRequired,
-  metaDescription: PropTypes.string.isRequired,
-  title: PropTypes.string.isRequired,
-  metaImage: PropTypes.shape({
-    url: PropTypes.string.isRequired,
-    alt: PropTypes.string.isRequired
-  }),
-  path: PropTypes.string.isRequired
-});
 export var topicShape = PropTypes.shape({
   id: PropTypes.string,
   name: PropTypes.string

package/es/Spinner/Spinner.js

@@ -8,7 +8,7 @@ import _styled from "@emotion/styled-base";
  *
  */
 import React from 'react';
-import { spacing, colors } from '@ndla/core';
+import { colors, spacing } from '@ndla/core';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 
 var SpinnerDiv = /*#__PURE__*/_styled('div', {
@@ -22,9 +22,9 @@ var SpinnerDiv = /*#__PURE__*/_styled('div', {
   return spacing[props.size];
 }, ";width:", function (props) {
   return spacing[props.size];
-}, ";display:block;margin:", function (props) {
+}, ";margin:", function (props) {
   return props.margin;
-}, ";@keyframes spinnerAnimation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCdUMiLCJmaWxlIjoiU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIFNwYWNpbmdOYW1lcyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzaXplOiBTcGFjaW5nTmFtZXM7XG4gIG1hcmdpbjogc3RyaW5nO1xuICBpbnZlcnRlZDogYm9vbGVhbjtcbn1cblxuY29uc3QgU3Bpbm5lckRpdiA9IHN0eWxlZCgnZGl2Jyk8UHJvcHM+YFxuICBib3JkZXI6IGNhbGMoJHsocHJvcHMpID0+IHNwYWNpbmdbcHJvcHMuc2l6ZV19IC8gNi41KSBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuaW52ZXJ0ZWQgPyAnI2ZmZicgOiBjb2xvcnMuYnJhbmQucHJpbWFyeSl9O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGFuaW1hdGlvbjogc3Bpbm5lckFuaW1hdGlvbiAwLjdzIGxpbmVhciBpbmZpbml0ZTtcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gc3BhY2luZ1twcm9wcy5zaXplXX07XG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gc3BhY2luZ1twcm9wcy5zaXplXX07XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW46ICR7KHByb3BzKSA9PiBwcm9wcy5tYXJnaW59O1xuICBAa2V5ZnJhbWVzIHNwaW5uZXJBbmltYXRpb24ge1xuICAgIDAlIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTcGlubmVyID0gKHsgc2l6ZSA9ICdsYXJnZScsIG1hcmdpbiA9IGAke3NwYWNpbmcubm9ybWFsfSBhdXRvYCwgaW52ZXJ0ZWQgfTogUGFydGlhbDxQcm9wcz4pID0+IChcbiAgPFNwaW5uZXJEaXYgc2l6ZT17c2l6ZX0gbWFyZ2luPXttYXJnaW59IGludmVydGVkPXshIWludmVydGVkfSAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lcjtcbiJdfQ== */"));
+}, ";display:block;@keyframes spinnerAnimation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCNkMiLCJmaWxlIjoiU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIFNwYWNpbmdOYW1lcyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzaXplPzogU3BhY2luZ05hbWVzO1xuICBtYXJnaW4/OiBzdHJpbmc7XG4gIGludmVydGVkPzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIGV4dGVuZHMgUHJvcHMge1xuICBzaXplOiBTcGFjaW5nTmFtZXM7XG59XG5cbmNvbnN0IFNwaW5uZXJEaXYgPSBzdHlsZWQoJ2RpdicpPFN0eWxlZFByb3BzPmBcbiAgYm9yZGVyOiBjYWxjKCR7KHByb3BzKSA9PiBzcGFjaW5nW3Byb3BzLnNpemVdfSAvIDYuNSkgc29saWQgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBib3JkZXItYm90dG9tLWNvbG9yOiAkeyhwcm9wcykgPT4gKHByb3BzLmludmVydGVkID8gJyNmZmYnIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBhbmltYXRpb246IHNwaW5uZXJBbmltYXRpb24gMC43cyBsaW5lYXIgaW5maW5pdGU7XG4gIGhlaWdodDogJHsocHJvcHMpID0+IHNwYWNpbmdbcHJvcHMuc2l6ZV19O1xuICB3aWR0aDogJHsocHJvcHMpID0+IHNwYWNpbmdbcHJvcHMuc2l6ZV19O1xuICBtYXJnaW46ICR7KHByb3BzKSA9PiBwcm9wcy5tYXJnaW59O1xuICBkaXNwbGF5OiBibG9jaztcbiAgQGtleWZyYW1lcyBzcGlubmVyQW5pbWF0aW9uIHtcbiAgICAwJSB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3Bpbm5lciA9ICh7IHNpemUgPSAnbGFyZ2UnLCBtYXJnaW4gPSBgJHtzcGFjaW5nLm5vcm1hbH0gYXV0b2AsIGludmVydGVkIH06IFBhcnRpYWw8UHJvcHM+KSA9PiAoXG4gIDxTcGlubmVyRGl2IHNpemU9e3NpemV9IG1hcmdpbj17bWFyZ2lufSBpbnZlcnRlZD17ISFpbnZlcnRlZH0gLz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXI7XG4iXX0= */"));
 
 var Spinner = function Spinner(_ref) {
   var _ref$size = _ref.size,

package/lib/Breadcrumb/Breadcrumb.js

@@ -51,7 +51,8 @@ var Breadcrumb = function Breadcrumb(_ref) {
       to: item.to,
       name: item.name
     }, i === 0 ? (0, _core.jsx)(_common.Home, {
-      className: "c-icon--20"
+      className: "c-icon--20",
+      title: item.name
     }) : item.name);
   })));
 };

package/lib/NDLAFilm/FilmSlideshow.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) 2016-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { NDLAMovie } from './interfaces';
+interface Props {
+    autoSlide: boolean;
+    randomStart: boolean;
+    slideshow: NDLAMovie[];
+    slideInterval: number;
+}
+declare const FilmSlideshow: ({ autoSlide, slideshow, slideInterval }: Props) => JSX.Element;
+export default FilmSlideshow;