@ndla/ui 3.3.13 → 3.3.14

package/lib/NDLAFilm/SlideshowIndicator.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { NDLAMovie } from './interfaces';
+import { MovieType } from './types';
 interface Props {
-    slideshow: NDLAMovie[];
+    slideshow: MovieType[];
     activeSlide: number;
     gotoSlide: (indexTarget: number, useAnimation: boolean) => void;
 }

package/lib/NDLAFilm/VisualElement.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) 2019-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+interface Props {
+    visualElement: {
+        alt?: string;
+        url: string;
+        type: string;
+    };
+}
+declare const VisualElement: ({ visualElement }: Props) => JSX.Element | null;
+export default VisualElement;

package/lib/NDLAFilm/VisualElement.js

@@ -9,9 +9,7 @@ var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _ui = require("@ndla/ui");
+var _Image = _interopRequireDefault(require("../Image"));
 
 var _core = require("@emotion/core");
 
@@ -20,7 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
 var StylediFrame = (0, _styledBase["default"])("iframe", {
-  target: "e1cbgka20",
+  target: "evqj21c0",
   label: "StylediFrame"
 })(process.env.NODE_ENV === "production" ? {
   name: "j04t3l",
@@ -28,39 +26,33 @@ var StylediFrame = (0, _styledBase["default"])("iframe", {
 } : {
   name: "j04t3l",
   styles: "height:100%;width:100%;border:0;margin:0;padding:0;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpc3VhbEVsZW1lbnQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFrQyIsImZpbGUiOiJWaXN1YWxFbGVtZW50LmpzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBJbWFnZSB9IGZyb20gJ0BuZGxhL3VpJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgU3R5bGVkaUZyYW1lID0gc3R5bGVkLmlmcmFtZWBcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBWaXN1YWxFbGVtZW50ID0gKHsgdmlzdWFsRWxlbWVudCB9KSA9PiB7XG4gIHN3aXRjaCAodmlzdWFsRWxlbWVudC50eXBlKSB7XG4gICAgY2FzZSAnaW1hZ2UnOlxuICAgICAgcmV0dXJuIDxJbWFnZSBzcmM9e3Zpc3VhbEVsZW1lbnQudXJsfSBhbHQ9e3Zpc3VhbEVsZW1lbnQuYWx0fSAvPjtcbiAgICBjYXNlICdicmlnaHRjb3ZlJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRpRnJhbWVcbiAgICAgICAgICBhbGxvd2Z1bGxzY3JlZW49XCJ0cnVlXCJcbiAgICAgICAgICB3ZWJraXRhbGxvd2Z1bGxzY3JlZW49XCJ0cnVlXCJcbiAgICAgICAgICBtb3phbGxvd2Z1bGxzY3JlZW49XCJ0cnVlXCJcbiAgICAgICAgICBzcmM9e3Zpc3VhbEVsZW1lbnQudXJsfVxuICAgICAgICAvPlxuICAgICAgKTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIG51bGw7XG4gIH1cbn07XG5cblZpc3VhbEVsZW1lbnQucHJvcFR5cGVzID0ge1xuICB2aXN1YWxFbGVtZW50OiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIHVybDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBhbHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgdHlwZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgfSkuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZpc3VhbEVsZW1lbnQ7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpc3VhbEVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlrQyIsImZpbGUiOiJWaXN1YWxFbGVtZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBJbWFnZSBmcm9tICcuLi9JbWFnZSc7XG5cbmNvbnN0IFN0eWxlZGlGcmFtZSA9IHN0eWxlZC5pZnJhbWVgXG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogMDtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdmlzdWFsRWxlbWVudDoge1xuICAgIGFsdD86IHN0cmluZztcbiAgICB1cmw6IHN0cmluZztcbiAgICB0eXBlOiBzdHJpbmc7XG4gIH07XG59XG5jb25zdCBWaXN1YWxFbGVtZW50ID0gKHsgdmlzdWFsRWxlbWVudCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHR5cGUsIHVybCwgYWx0IH0gPSB2aXN1YWxFbGVtZW50O1xuICBpZiAodHlwZSA9PT0gJ2ltYWdlJykge1xuICAgIHJldHVybiA8SW1hZ2Ugc3JjPXt1cmx9IGFsdD17YWx0ID8/ICcnfSAvPjtcbiAgfSBlbHNlIGlmICh0eXBlID09PSAnYnJpZ2h0Y292ZScpIHtcbiAgICAvL0B0cy1pZ25vcmUgcmVhY3QgZG9lcyBub3QgcmVjb2duaXplIGZ1bGxzY3JlZW4gcHJvcGVydGllcy5cbiAgICByZXR1cm4gPFN0eWxlZGlGcmFtZSBhbGxvd2Z1bGxzY3JlZW49XCJ0cnVlXCIgd2Via2l0YWxsb3dmdWxsc2NyZWVuPVwidHJ1ZVwiIG1vemFsbG93ZnVsbHNjcmVlbj1cInRydWVcIiBzcmM9e3VybH0gLz47XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZpc3VhbEVsZW1lbnQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
 var VisualElement = function VisualElement(_ref) {
   var visualElement = _ref.visualElement;
-
-  switch (visualElement.type) {
-    case 'image':
-      return (0, _core.jsx)(_ui.Image, {
-        src: visualElement.url,
-        alt: visualElement.alt
-      });
-
-    case 'brightcove':
-      return (0, _core.jsx)(StylediFrame, {
-        allowfullscreen: "true",
-        webkitallowfullscreen: "true",
-        mozallowfullscreen: "true",
-        src: visualElement.url
-      });
-
-    default:
-      return null;
+  var type = visualElement.type,
+      url = visualElement.url,
+      alt = visualElement.alt;
+
+  if (type === 'image') {
+    return (0, _core.jsx)(_Image["default"], {
+      src: url,
+      alt: alt !== null && alt !== void 0 ? alt : ''
+    });
+  } else if (type === 'brightcove') {
+    //@ts-ignore react does not recognize fullscreen properties.
+    return (0, _core.jsx)(StylediFrame, {
+      allowfullscreen: "true",
+      webkitallowfullscreen: "true",
+      mozallowfullscreen: "true",
+      src: url
+    });
+  } else {
+    return null;
   }
 };
 
-VisualElement.propTypes = {
-  visualElement: _propTypes["default"].shape({
-    url: _propTypes["default"].string,
-    alt: _propTypes["default"].string,
-    type: _propTypes["default"].string
-  }).isRequired
-};
 var _default = VisualElement;
 exports["default"] = _default;

package/lib/NDLAFilm/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2018-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 FilmSlideshow from './FilmSlideshow';
+import MovieGrid from './MovieGrid';
+import AboutNdlaFilm from './AboutNdlaFilm';
+import FilmMovieSearch from './FilmMovieSearch';
+import FilmMovieList from './FilmMovieList';
+import AllMoviesAlphabetically from './AllMoviesAlphabetically';
+export { FilmSlideshow, MovieGrid, AboutNdlaFilm, FilmMovieSearch, FilmMovieList, AllMoviesAlphabetically };

package/lib/NDLAFilm/types.d.ts

@@ -1,13 +1,15 @@
-export interface movieType {
+export interface MovieType {
     id: string;
     metaDescription: string;
+    resourceTypes: MovieResourceType[];
     metaImage: {
         alt: string;
         url: string;
     };
-    movieTypes: {
-        [key: string]: boolean;
-    };
     path: string;
     title: string;
 }
+export interface MovieResourceType {
+    id: string;
+    name: string;
+}

package/lib/TopicIntroductionList/TopicIntroduction.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 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 { Shortcut, Topic } from './TopicIntroductionList';
+interface Props {
+    additional?: boolean;
+    showAdditionalCores?: boolean;
+    topic: Topic;
+    toTopic: (id: string) => string;
+    subjectPage?: boolean;
+    shortcuts?: Shortcut[];
+    twoColumns?: boolean;
+    shortcutAlwaysExpanded?: boolean;
+    id: string;
+}
+export declare const TopicIntroduction: ({ toTopic, topic, subjectPage, shortcuts, shortcutAlwaysExpanded, additional, showAdditionalCores, id, }: Props) => JSX.Element;
+export {};

package/lib/TopicIntroductionList/TopicIntroduction.js

@@ -7,18 +7,16 @@ exports.TopicIntroduction = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
+var _reactI18next = require("react-i18next");
+
 var _common = require("@ndla/icons/common");
 
 var _tooltip = _interopRequireDefault(require("@ndla/tooltip"));
 
 var _safelink = _interopRequireDefault(require("@ndla/safelink"));
 
-var _shapes = require("../shapes");
-
 var _TopicIntroductionShortcuts = _interopRequireDefault(require("./TopicIntroductionShortcuts"));
 
 var _core = require("@emotion/core");
@@ -43,15 +41,20 @@ var TopicIntroduction = function TopicIntroduction(_ref) {
       topic = _ref.topic,
       subjectPage = _ref.subjectPage,
       shortcuts = _ref.shortcuts,
-      messages = _ref.messages,
       shortcutAlwaysExpanded = _ref.shortcutAlwaysExpanded,
-      additional = _ref.additional,
-      showAdditionalCores = _ref.showAdditionalCores,
+      _ref$additional = _ref.additional,
+      additional = _ref$additional === void 0 ? false : _ref$additional,
+      _ref$showAdditionalCo = _ref.showAdditionalCores,
+      showAdditionalCores = _ref$showAdditionalCo === void 0 ? false : _ref$showAdditionalCo,
       id = _ref.id;
-  var contentTypeDescription = additional ? messages.tooltipAdditionalTopic : messages.tooltipCoreTopic;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var contentTypeDescription = t(additional ? 'resource.tooltipAdditionalTopic' : 'resource.tooltipCoreTopic');
   return (0, _core.jsx)("li", {
     className: topicClasses('item', {
-      subjectPage: subjectPage,
+      subjectPage: !!subjectPage,
       additional: additional,
       showAdditionalCores: showAdditionalCores
     })
@@ -68,12 +71,12 @@ var TopicIntroduction = function TopicIntroduction(_ref) {
     id: id,
     hidden: true
   }, contentTypeDescription), additional && (0, _core.jsx)(_tooltip["default"], {
-    tooltip: messages.tooltipAdditionalTopic,
+    tooltip: t('resource.tooltipAdditionalTopic'),
     align: "left"
   }, (0, _core.jsx)(_common.Additional, {
     className: "c-icon--20 u-margin-left-tiny"
   })), !additional && showAdditionalCores && (0, _core.jsx)(_tooltip["default"], {
-    tooltip: messages.tooltipCoreTopic,
+    tooltip: t('resource.tooltipCoreTopic'),
     align: "left"
   }, (0, _core.jsx)(_common.Core, {
     className: "c-icon--20 u-margin-left-tiny"
@@ -86,34 +89,11 @@ var TopicIntroduction = function TopicIntroduction(_ref) {
   }), shortcuts && (0, _core.jsx)(_TopicIntroductionShortcuts["default"], {
     alwaysExpanded: shortcutAlwaysExpanded,
     id: "".concat(topic.id, "_shortcuts"),
-    shortcuts: shortcuts,
-    messages: {
-      toggleButtonText: messages.shortcutButtonText
-    }
+    shortcuts: shortcuts
   })), topic.metaImage && (0, _core.jsx)("div", null, (0, _core.jsx)("img", {
     src: topic.metaImage.url,
     alt: topic.metaImage.alt
   })))));
 };
 
-exports.TopicIntroduction = TopicIntroduction;
-TopicIntroduction.propTypes = {
-  additional: _propTypes["default"].bool,
-  showAdditionalCores: _propTypes["default"].bool,
-  messages: _propTypes["default"].shape({
-    shortcutButtonText: _propTypes["default"].string.isRequired,
-    tooltipAdditionalTopic: _propTypes["default"].string,
-    tooltipCoreTopic: _propTypes["default"].string
-  }),
-  topic: _shapes.TopicShape.isRequired,
-  toTopic: _propTypes["default"].func.isRequired,
-  subjectPage: _propTypes["default"].bool,
-  shortcuts: _propTypes["default"].arrayOf(_shapes.ShortcutShape),
-  twoColumns: _propTypes["default"].bool,
-  shortcutAlwaysExpanded: _propTypes["default"].bool,
-  id: _propTypes["default"].string.isRequired
-};
-TopicIntroduction.defaultProps = {
-  showAdditionalCores: false,
-  additional: false
-};
+exports.TopicIntroduction = TopicIntroduction;

package/lib/TopicIntroductionList/TopicIntroductionList.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 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.
+ *
+ */
+export interface Shortcut {
+    id: string | number;
+    tooltip: string;
+    contentType: string;
+    url: string;
+    count: number;
+}
+export interface Topic {
+    name: string;
+    id: string;
+    additional?: boolean;
+    shortcuts?: Shortcut[];
+    introduction: string;
+    metaImage?: {
+        url?: string;
+        alt?: string;
+    };
+}
+interface Props {
+    toTopic: (id: string) => string;
+    topics: Topic[];
+    twoColumns?: boolean;
+    shortcutAlwaysExpanded?: boolean;
+    showAdditionalCores?: boolean;
+    toggleAdditionalCores?: () => void;
+}
+declare const TopicIntroductionList: ({ topics, twoColumns, shortcutAlwaysExpanded, showAdditionalCores, toggleAdditionalCores, ...rest }: Props) => JSX.Element;
+export default TopicIntroductionList;

package/lib/TopicIntroductionList/TopicIntroductionList.js

@@ -7,16 +7,12 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
 var _reactI18next = require("react-i18next");
 
 var _NoContentBox = _interopRequireDefault(require("../NoContentBox"));
 
-var _shapes = require("../shapes");
-
 var _TopicIntroduction = require("./TopicIntroduction");
 
 var _core = require("@emotion/core");
@@ -37,9 +33,12 @@ var topicClasses = new _reactBemHelper["default"]({
 
 var TopicIntroductionList = function TopicIntroductionList(_ref) {
   var topics = _ref.topics,
-      twoColumns = _ref.twoColumns,
-      shortcutAlwaysExpanded = _ref.shortcutAlwaysExpanded,
-      showAdditionalCores = _ref.showAdditionalCores,
+      _ref$twoColumns = _ref.twoColumns,
+      twoColumns = _ref$twoColumns === void 0 ? false : _ref$twoColumns,
+      _ref$shortcutAlwaysEx = _ref.shortcutAlwaysExpanded,
+      shortcutAlwaysExpanded = _ref$shortcutAlwaysEx === void 0 ? false : _ref$shortcutAlwaysEx,
+      _ref$showAdditionalCo = _ref.showAdditionalCores,
+      showAdditionalCores = _ref$showAdditionalCo === void 0 ? false : _ref$showAdditionalCo,
       toggleAdditionalCores = _ref.toggleAdditionalCores,
       rest = _objectWithoutProperties(_ref, ["topics", "twoColumns", "shortcutAlwaysExpanded", "showAdditionalCores", "toggleAdditionalCores"]);
 
@@ -66,11 +65,6 @@ var TopicIntroductionList = function TopicIntroductionList(_ref) {
       additional: additional,
       showAdditionalCores: showAdditionalCores,
       shortcutAlwaysExpanded: shortcutAlwaysExpanded,
-      messages: {
-        shortcutButtonText: t('resource.label'),
-        tooltipAdditionalTopic: t('resource.tooltipAdditionalTopic'),
-        tooltipCoreTopic: t('resource.tooltipCoreTopic')
-      },
       id: "".concat(topic.id, "_").concat(index)
     }));
   }), renderAdditionalTopicsTrigger && (0, _core.jsx)("li", null, (0, _core.jsx)(_NoContentBox["default"], {
@@ -80,18 +74,5 @@ var TopicIntroductionList = function TopicIntroductionList(_ref) {
   })));
 };
 
-TopicIntroductionList.propTypes = {
-  toTopic: _propTypes["default"].func.isRequired,
-  topics: _propTypes["default"].arrayOf(_shapes.TopicShape).isRequired,
-  twoColumns: _propTypes["default"].bool,
-  shortcutAlwaysExpanded: _propTypes["default"].bool,
-  showAdditionalCores: _propTypes["default"].bool,
-  toggleAdditionalCores: _propTypes["default"].func.isRequired
-};
-TopicIntroductionList.defaultProps = {
-  twoColumns: false,
-  shortcutAlwaysExpanded: false,
-  showAdditionalCores: false
-};
 var _default = TopicIntroductionList;
 exports["default"] = _default;

package/lib/TopicIntroductionList/TopicIntroductionShortcuts.d.ts

@@ -0,0 +1,8 @@
+import { Shortcut } from './TopicIntroductionList';
+interface Props {
+    id: string;
+    alwaysExpanded?: boolean;
+    shortcuts: Shortcut[];
+}
+declare const TopicIntroductionShortcuts: ({ id, alwaysExpanded, shortcuts }: Props) => JSX.Element;
+export default TopicIntroductionShortcuts;

package/lib/TopicIntroductionList/TopicIntroductionShortcuts.js

@@ -1,5 +1,7 @@
 "use strict";
 
+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); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -7,7 +9,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactI18next = require("react-i18next");
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
@@ -15,8 +17,6 @@ var _common = require("@ndla/icons/common");
 
 var _TopicShortcutItem = _interopRequireDefault(require("./TopicShortcutItem"));
 
-var _shapes = require("../shapes");
-
 var _core = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -25,131 +25,93 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-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 _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var classes = new _reactBemHelper["default"]({
   name: 'topic-shortcuts',
   prefix: 'c-'
 });
 
-var TopicIntroductionShortcuts = /*#__PURE__*/function (_Component) {
-  _inherits(TopicIntroductionShortcuts, _Component);
-
-  var _super = _createSuper(TopicIntroductionShortcuts);
-
-  function TopicIntroductionShortcuts(props) {
-    var _this;
-
-    _classCallCheck(this, TopicIntroductionShortcuts);
+var TopicIntroductionShortcuts = function TopicIntroductionShortcuts(_ref) {
+  var id = _ref.id,
+      _ref$alwaysExpanded = _ref.alwaysExpanded,
+      alwaysExpanded = _ref$alwaysExpanded === void 0 ? false : _ref$alwaysExpanded,
+      shortcuts = _ref.shortcuts;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var _useState = (0, _react.useState)(alwaysExpanded),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      returned = _useState4[0],
+      setReturned = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(true),
+      _useState6 = _slicedToArray(_useState5, 2),
+      showButtonText = _useState6[0],
+      setShowButtonText = _useState6[1];
+
+  var handleOnToggle = function handleOnToggle(newOpen) {
+    setOpen(newOpen);
+    setShowButtonText(!newOpen);
+    setReturned(!newOpen);
+  };
+
+  var onMouseEnter = undefined;
+  var onMouseLeave = undefined;
+  var buttonView = null;
+
+  if (!alwaysExpanded) {
+    onMouseEnter = function onMouseEnter() {
+      return handleOnToggle(true);
+    };
 
-    _this = _super.call(this, props);
-    _this.state = {
-      open: props.alwaysExpanded,
-      returned: false,
-      showButtonText: true
+    onMouseLeave = function onMouseLeave() {
+      return handleOnToggle(false);
     };
-    _this.handleOnToggle = _this.handleOnToggle.bind(_assertThisInitialized(_this));
-    return _this;
-  }
 
-  _createClass(TopicIntroductionShortcuts, [{
-    key: "handleOnToggle",
-    value: function handleOnToggle(open) {
-      this.setState({
-        open: open,
-        showButtonText: !open,
-        returned: !open
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          shortcuts = _this$props.shortcuts,
-          messages = _this$props.messages,
-          id = _this$props.id,
-          alwaysExpanded = _this$props.alwaysExpanded;
-      var _this$state = this.state,
-          open = _this$state.open,
-          returned = _this$state.returned,
-          showButtonText = _this$state.showButtonText;
-      var onMouseEnter = null;
-      var onMouseLeave = null;
-      var buttonView = null;
-
-      if (!alwaysExpanded) {
-        onMouseEnter = function onMouseEnter() {
-          return _this2.handleOnToggle(true);
-        };
-
-        onMouseLeave = function onMouseLeave() {
-          return _this2.handleOnToggle(false);
-        };
-
-        buttonView = (0, _core.jsx)("button", _extends({
-          type: "button",
-          "aria-expanded": this.state.open,
-          "aria-label": messages.toggleButtonText,
-          "aria-controls": id
-        }, classes('button', returned ? 're-enter' : ''), {
-          onClick: function onClick() {
-            _this2.handleOnToggle(!open);
-          }
-        }), (0, _core.jsx)(_common.Forward, null), showButtonText && (0, _core.jsx)("span", classes('label'), messages.toggleButtonText));
+    buttonView = (0, _core.jsx)("button", _extends({
+      type: "button",
+      "aria-expanded": open,
+      "aria-label": t('resource.label'),
+      "aria-controls": id
+    }, classes('button', returned ? 're-enter' : ''), {
+      onClick: function onClick() {
+        return handleOnToggle(!open);
       }
+    }), (0, _core.jsx)(_common.Forward, null), showButtonText && (0, _core.jsx)("span", classes('label'), t('resource.label')));
+  }
 
-      return (0, _core.jsx)("div", _extends({
-        onMouseEnter: onMouseEnter,
-        onMouseLeave: onMouseLeave
-      }, classes()), buttonView, open && (0, _core.jsx)("ul", {
-        className: classes('list', open ? 'visible' : '').className
-      }, shortcuts.map(function (shortcut) {
-        return (0, _core.jsx)("li", _extends({}, classes('item'), {
-          key: shortcut.id
-        }), (0, _core.jsx)(_TopicShortcutItem["default"], {
-          shortcut: shortcut
-        }));
-      })));
-    }
-  }]);
-
-  return TopicIntroductionShortcuts;
-}(_react.Component);
-
-TopicIntroductionShortcuts.propTypes = {
-  id: _propTypes["default"].string.isRequired,
-  alwaysExpanded: _propTypes["default"].bool,
-  messages: _propTypes["default"].shape({
-    toggleButtonText: _propTypes["default"].string.isRequired
-  }),
-  shortcuts: _propTypes["default"].arrayOf(_shapes.ShortcutShape).isRequired
-};
-TopicIntroductionShortcuts.defaultProps = {
-  alwaysExpanded: false
+  return (0, _core.jsx)("div", _extends({
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  }, classes()), buttonView, open && (0, _core.jsx)("ul", {
+    className: classes('list', open ? 'visible' : '').className
+  }, shortcuts.map(function (shortcut) {
+    return (0, _core.jsx)("li", _extends({}, classes('item'), {
+      key: shortcut.id
+    }), (0, _core.jsx)(_TopicShortcutItem["default"], {
+      shortcut: shortcut
+    }));
+  })));
 };
+
 var _default = TopicIntroductionShortcuts;
 exports["default"] = _default;

package/lib/TopicIntroductionList/TopicShortcutItem.d.ts

@@ -0,0 +1,6 @@
+import { Shortcut } from './TopicIntroductionList';
+interface Props {
+    shortcut: Shortcut;
+}
+declare const ShortcutItem: ({ shortcut: { id, tooltip, contentType, url, count } }: Props) => JSX.Element;
+export default ShortcutItem;

package/lib/TopicIntroductionList/TopicShortcutItem.js

@@ -7,8 +7,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
 var _tooltip = _interopRequireDefault(require("@ndla/tooltip"));
@@ -19,8 +17,6 @@ var _reactI18next = require("react-i18next");
 
 var _ContentTypeBadge = _interopRequireDefault(require("../ContentTypeBadge"));
 
-var _shapes = require("../shapes");
-
 var _core = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -60,12 +56,5 @@ var ShortcutItem = function ShortcutItem(_ref) {
   }), (0, _core.jsx)("span", classes('count'), count)));
 };
 
-ShortcutItem.propTypes = {
-  shortcut: _shapes.ShortcutShape.isRequired,
-  disableToolTip: _propTypes["default"].bool
-};
-ShortcutItem.defaultProps = {
-  disableToolTip: false
-};
 var _default = ShortcutItem;
 exports["default"] = _default;