@ndla/ui 3.2.1-alpha.3 → 3.2.2

package/es/Translation/Translation.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({
@@ -20,8 +19,4 @@ var Translation = function Translation(_ref) {
   return ___EmotionJSX("div", classes(''), ___EmotionJSX("div", classes('index'), index), ___EmotionJSX("dl", classes('wrapper'), children));
 };
 
-Translation.propTypes = {
-  index: PropTypes.number.isRequired,
-  children: PropTypes.node.isRequired
-};
 export default Translation;

package/es/Translation/TranslationBox.js

@@ -1,13 +1,17 @@
-import React from 'react';
+import React from 'react'; //@ts-ignore
+
 import { ArticleTabs } from '@ndla/tabs';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 
-var TranslationBox = function TranslationBox(props) {
+var TranslationBox = function TranslationBox(_ref) {
+  var tabs = _ref.tabs;
   return ___EmotionJSX("div", {
     className: "c-translation-box"
   }, ___EmotionJSX("div", {
     className: "c-bodybox c-bodybox--translation"
-  }, ___EmotionJSX(ArticleTabs, props)));
+  }, ___EmotionJSX(ArticleTabs, {
+    tabs: tabs
+  })));
 };
 
 export default TranslationBox;

package/es/Translation/TranslationLine.js

@@ -7,8 +7,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
  * LICENSE file in the root directory of this source tree.
  *
  */
-import React, { Fragment } from 'react';
-import PropTypes from 'prop-types';
+import React from 'react';
 import BEMHelper from 'react-bem-helper';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 var classes = new BEMHelper({
@@ -20,10 +19,11 @@ var TranslationLine = function TranslationLine(_ref) {
   var children = _ref.children,
       lang = _ref.lang,
       langName = _ref.langName,
-      isTerm = _ref.isTerm;
+      _ref$isTerm = _ref.isTerm,
+      isTerm = _ref$isTerm === void 0 ? false : _ref$isTerm;
   var hasLang = langName && lang;
 
-  var content = ___EmotionJSX(Fragment, null, ___EmotionJSX("div", _extends({}, classes('line-body'), {
+  var content = ___EmotionJSX(React.Fragment, null, ___EmotionJSX("div", _extends({}, classes('line-body'), {
     lang: lang
   }), children), hasLang && ___EmotionJSX("div", classes('line-lang'), langName));
 
@@ -34,15 +34,4 @@ var TranslationLine = function TranslationLine(_ref) {
   return ___EmotionJSX("dd", classes('line', hasLang ? 'lang' : ''), content);
 };
 
-TranslationLine.propTypes = {
-  isTerm: PropTypes.bool,
-  children: PropTypes.node.isRequired,
-  lang: PropTypes.string,
-  langName: PropTypes.string
-};
-TranslationLine.defaultProps = {
-  isTerm: false,
-  lang: undefined,
-  langName: undefined
-};
 export default TranslationLine;

package/es/index-javascript.js

@@ -5,32 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-export { InfoBox } from './InfoBox';
-export { default as Logo } from './Logo';
 export { default as Table } from './Table';
 export { FilterList, FilterListPhone, FilterButtons } from './Filter';
-export { default as FactBox } from './FactBox';
-export { default as FileList, File } from './FileList';
 export { SearchOverlay, SearchField, SearchPage, SearchResult, SearchResultAuthor, SearchResultList, SearchResultItem, SearchFilter, SearchFilterList, SearchPopoverFilter, ActiveFilters, ToggleSearchButton } from './Search';
 export { default as ContentTypeBadge, SubjectMaterialBadge, TasksAndActivitiesBadge, AssessmentResourcesBadge, LearningPathBadge, SubjectBadge, ExternalLearningResourcesBadge, SourceMaterialBadge } from './ContentTypeBadge';
-export { createUniversalPortal } from './utils/createUniversalPortal';
 export { default as TopicIntroductionList } from './TopicIntroductionList';
 export { default as TopicMenu, TopicMenuButton } from './TopicMenu';
-export { default as RelatedArticleList, RelatedArticle } from './RelatedArticleList';
 export { default as CompetenceGoals, CompetenceGoalList, CompetenceGoalListHeading, CompetenceGoal, CompetenceGoalsDialog } from './CompetenceGoals';
-export { default as NoContentBox } from './NoContentBox';
 export { default as ResourcesWrapper, ResourcesTitle, ResourcesTopicTitle } from './ResourcesWrapper';
-export { SubjectMaterialHero, TasksAndActivitiesHero, AssessmentResourcesHero, SubjectHero, ExternalLearningResourcesHero, SourceMaterialHero, Hero, NdlaFilmHero } from './Hero';
-export { default as Masthead, MastheadItem } from './Masthead';
-export { Figure, FigureCaption, FigureLicenseDialog, FigureExpandButton } from './Figure';
 export { MediaList, MediaListItem, MediaListItemBody, MediaListItemActions, MediaListItemImage, MediaListItemMeta } from './MediaList';
 export { EmbeddedTwitter, EmbeddedFacebook, EmbeddedFacebookPage } from './Embedded';
-export { default as Image, ImageLink } from './Image';
-export { makeSrcQueryString } from './Image';
-export { default as Portrait } from './Portrait';
-export { Translation, TranslationLine, TranslationBox } from './Translation';
-export { default as ContentLoader } from './ContentLoader';
 export { DisplayOnPageYOffset } from './Animation';
-export { default as InfoWidget } from './InfoWidget';
-export { FilmSlideshow, MovieGrid, AboutNdlaFilm, FilmMovieSearch, FilmMovieList, AllMoviesAlphabetically } from './NDLAFilm';
-export { default as Spinner } from './Spinner';
+export { FilmSlideshow, MovieGrid, AboutNdlaFilm, FilmMovieSearch, FilmMovieList, AllMoviesAlphabetically } from './NDLAFilm';

package/es/index.js

@@ -11,12 +11,29 @@
 /** @ts-ignore */
 export * from './index-javascript';
 export { ArticleByline, ArticleContent, ArticleFootNotes, ArticleIntroduction, ArticleTitle, ArticleWrapper, ArticleHeaderWrapper, ArticleSideBar, default as Article } from './Article';
+export { createUniversalPortal } from './utils/createUniversalPortal';
+export { default as NoContentBox } from './NoContentBox';
+export { default as Masthead, MastheadItem } from './Masthead';
+export { default as Portrait } from './Portrait';
+export { default as ContentLoader } from './ContentLoader';
+export { default as RelatedArticleList, RelatedArticle } from './RelatedArticleList';
 export { ErrorResourceAccessDenied, default as ErrorMessage } from './ErrorMessage';
+export { default as FileList, File } from './FileList';
 export { BlogPost, BlogPostWrapper } from './BlogPosts';
+export { default as Logo } from './Logo';
+export { InfoBox } from './InfoBox';
+export { default as InfoWidget } from './InfoWidget';
 export { FrontpageInfo, FrontpageFilm, FrontpageToolbox, FrontpageMultidisciplinarySubject, FrontpageHeader, FrontpageSubjectIllustration, FrontpageSearch, FrontpageProgramMenu } from './Frontpage';
+export { default as FactBox } from './FactBox';
+export { default as Image, ImageLink } from './Image';
+export { makeSrcQueryString } from './Image';
+export { SubjectMaterialHero, TasksAndActivitiesHero, AssessmentResourcesHero, SubjectHero, ExternalLearningResourcesHero, SourceMaterialHero, Hero, NdlaFilmHero } from './Hero';
 export { Footer, EditorName, FooterText, FooterAuth } from './Footer';
+export { Figure, FigureCaption, FigureLicenseDialog, FigureExpandButton } from './Figure';
 export { LanguageSelector } from './LanguageSelector';
 export { LearningPathWrapper, LearningPathContent, LearningPathMenu, LearningPathSticky, LearningPathInformation, LearningPathStickySibling, LearningPathStickyPlaceholder, LearningPathLastStepNavigation, LearningPathMobileStepInfo, LearningPathMobileHeader } from './LearningPaths';
+export { Translation, TranslationLine, TranslationBox } from './Translation';
+export { default as Spinner } from './Spinner';
 export { default as SearchResultSleeve } from './Search/SearchResultSleeve';
 export { default as ContentTypeResult } from './Search/ContentTypeResult';
 export { SearchFieldForm } from './Search/SearchFieldForm';

package/es/locale/messages-en.js

@@ -774,6 +774,10 @@ var messages = _objectSpread(_objectSpread({
     reuse: 'Use video',
     error: 'Sorry, an error occurred while loading the video or metadata about the video.'
   },
+  other: {
+    download: 'Download content',
+    reuse: 'Use content'
+  },
   concept: {
     showDescription: 'Show concept description',
     error: {

package/es/locale/messages-nb.js

@@ -510,7 +510,7 @@ var messages = _objectSpread(_objectSpread({
     es: 'Spansk',
     zh: 'Kinesisk',
     unknown: 'Ukjent',
-    prefixChangeLanguage: 'Velg målform'
+    prefixChangeLanguage: 'Velg språk'
   },
   changeLanguage: {
     nb: 'Endre språk til bokmål',
@@ -774,6 +774,10 @@ var messages = _objectSpread(_objectSpread({
     reuse: 'Bruk video',
     error: 'Beklager, en feil oppstod ved lasting av videoen eller metadata om videoen.'
   },
+  other: {
+    download: 'Last ned innhold',
+    reuse: 'Bruk innhold'
+  },
   concept: {
     showDescription: 'Vis beskrivelsen av forklaringen.',
     error: {

package/es/locale/messages-nn.js

@@ -510,7 +510,7 @@ var messages = _objectSpread(_objectSpread({
     es: 'Spansk',
     zh: 'Kinesisk',
     unknown: 'Ukjent',
-    prefixChangeLanguage: 'Vel målform'
+    prefixChangeLanguage: 'Vel språk'
   },
   changeLanguage: {
     nb: 'Endre språk til bokmål',
@@ -774,6 +774,10 @@ var messages = _objectSpread(_objectSpread({
     reuse: 'Bruk video',
     error: 'Orsak, ein feil oppstod ved lasting av videoen eller metadata om videoen.'
   },
+  other: {
+    download: 'Last ned innhald',
+    reuse: 'Bruk innhald'
+  },
   concept: {
     showDescription: 'Vis skildring av forklaringa',
     error: {

package/lib/BackgroundImage/BackgroundImage.d.ts

@@ -0,0 +1,11 @@
+declare type ImageType = 'mobile' | 'tablet' | 'desktop' | 'wide';
+interface Props {
+    showOverlay?: boolean;
+    className?: string;
+    images: {
+        url: string;
+        types: ImageType[];
+    }[];
+}
+declare const BackgroundImage: ({ images, showOverlay }: Props) => JSX.Element;
+export default BackgroundImage;

package/lib/BackgroundImage/BackgroundImage.js

@@ -7,12 +7,8 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
-var _util = require("@ndla/util");
-
 var _core = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -23,8 +19,11 @@ var classes = (0, _reactBemHelper["default"])('c-background-image');
 
 var BackgroundImage = function BackgroundImage(_ref) {
   var images = _ref.images,
-      showOverlay = _ref.showOverlay;
-  return (0, _core.jsx)("div", classes('', showOverlay), images && images.map(function (image) {
+      _ref$showOverlay = _ref.showOverlay,
+      showOverlay = _ref$showOverlay === void 0 ? false : _ref$showOverlay;
+  return (0, _core.jsx)("div", classes('', {
+    showOverlay: showOverlay
+  }), images && images.map(function (image) {
     return image.types.map(function (type) {
       return (0, _core.jsx)("div", _extends({
         key: "".concat(image.url).concat(type)
@@ -37,16 +36,5 @@ var BackgroundImage = function BackgroundImage(_ref) {
   }));
 };
 
-BackgroundImage.propTypes = {
-  showOverlay: _propTypes["default"].bool,
-  className: _propTypes["default"].string,
-  images: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    url: _propTypes["default"].string.isRequired,
-    types: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(Object.keys(_util.breakpoints))).isRequired
-  })).isRequired
-};
-BackgroundImage.defaultProps = {
-  showOverlay: false
-};
 var _default = BackgroundImage;
 exports["default"] = _default;

package/lib/BackgroundImage/index.d.ts

@@ -0,0 +1,2 @@
+import BackgroundImage from './BackgroundImage';
+export default BackgroundImage;

package/lib/ContentLoader/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 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 { ReactNode } from 'react';
+interface Props {
+    children?: ReactNode;
+    speed?: number;
+    width?: number;
+    height?: number;
+    primaryColor?: string;
+    secondaryColor?: string;
+    preserveAspectRatio?: string;
+    className?: string;
+}
+declare const ContentLoader: ({ children, width, height, preserveAspectRatio, className, primaryColor, secondaryColor, speed, ...rest }: Props) => JSX.Element;
+export default ContentLoader;

package/lib/ContentLoader/index.js

@@ -7,8 +7,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _util = require("@ndla/util");
 
 var _core = require("@emotion/core");
@@ -23,13 +21,20 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var ContentLoader = function ContentLoader(_ref) {
   var children = _ref.children,
-      width = _ref.width,
-      height = _ref.height,
-      preserveAspectRatio = _ref.preserveAspectRatio,
-      className = _ref.className,
-      primaryColor = _ref.primaryColor,
-      secondaryColor = _ref.secondaryColor,
-      speed = _ref.speed,
+      _ref$width = _ref.width,
+      width = _ref$width === void 0 ? 400 : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? 130 : _ref$height,
+      _ref$preserveAspectRa = _ref.preserveAspectRatio,
+      preserveAspectRatio = _ref$preserveAspectRa === void 0 ? 'xMidYMid meet' : _ref$preserveAspectRa,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      _ref$primaryColor = _ref.primaryColor,
+      primaryColor = _ref$primaryColor === void 0 ? '#f0f0f0' : _ref$primaryColor,
+      _ref$secondaryColor = _ref.secondaryColor,
+      secondaryColor = _ref$secondaryColor === void 0 ? '#e0e0e0' : _ref$secondaryColor,
+      _ref$speed = _ref.speed,
+      speed = _ref$speed === void 0 ? 2 : _ref$speed,
       rest = _objectWithoutProperties(_ref, ["children", "width", "height", "preserveAspectRatio", "className", "primaryColor", "secondaryColor", "speed"]);
 
   var idClip = (0, _util.uuid)();
@@ -79,24 +84,5 @@ var ContentLoader = function ContentLoader(_ref) {
   })))));
 };
 
-ContentLoader.propTypes = {
-  children: _propTypes["default"].node,
-  speed: _propTypes["default"].number,
-  width: _propTypes["default"].number,
-  height: _propTypes["default"].number,
-  primaryColor: _propTypes["default"].string,
-  secondaryColor: _propTypes["default"].string,
-  preserveAspectRatio: _propTypes["default"].string,
-  className: _propTypes["default"].string
-};
-ContentLoader.defaultProps = {
-  speed: 2,
-  width: 400,
-  height: 130,
-  primaryColor: '#f0f0f0',
-  secondaryColor: '#e0e0e0',
-  preserveAspectRatio: 'xMidYMid meet',
-  className: ''
-};
 var _default = ContentLoader;
 exports["default"] = _default;

package/lib/Dialog/Dialog.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2017-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 { ReactNode } from 'react';
+interface Props {
+    id: string;
+    labelledby?: string;
+    label?: string;
+    hidden?: boolean;
+    children?: ReactNode;
+    messages?: {
+        close: string;
+    };
+    modifier?: string | string[];
+    disablePortal?: boolean;
+    onClose?: () => void;
+}
+export declare const Dialog: ({ children, messages, id, labelledby, label, modifier, disablePortal, hidden, onClose, ...rest }: Props) => JSX.Element;
+export {};

package/lib/Dialog/Dialog.js

@@ -7,8 +7,6 @@ exports.Dialog = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
 var _createUniversalPortal = require("../utils/createUniversalPortal");
@@ -30,13 +28,18 @@ var classes = new _reactBemHelper["default"]({
 
 var Dialog = function Dialog(_ref) {
   var children = _ref.children,
-      messages = _ref.messages,
+      _ref$messages = _ref.messages,
+      messages = _ref$messages === void 0 ? {
+    close: 'Lukk'
+  } : _ref$messages,
       id = _ref.id,
       labelledby = _ref.labelledby,
       label = _ref.label,
       modifier = _ref.modifier,
-      disablePortal = _ref.disablePortal,
-      hidden = _ref.hidden,
+      _ref$disablePortal = _ref.disablePortal,
+      disablePortal = _ref$disablePortal === void 0 ? false : _ref$disablePortal,
+      _ref$hidden = _ref.hidden,
+      hidden = _ref$hidden === void 0 ? true : _ref$hidden,
       onClose = _ref.onClose,
       rest = _objectWithoutProperties(_ref, ["children", "messages", "id", "labelledby", "label", "modifier", "disablePortal", "hidden", "onClose"]);
 
@@ -64,27 +67,4 @@ var Dialog = function Dialog(_ref) {
   return (0, _createUniversalPortal.createUniversalPortal)(content, 'body');
 };
 
-exports.Dialog = Dialog;
-Dialog.propTypes = {
-  id: _propTypes["default"].string.isRequired,
-  labelledby: _propTypes["default"].string,
-  label: _propTypes["default"].string,
-  hidden: _propTypes["default"].bool,
-  children: _propTypes["default"].node,
-  messages: _propTypes["default"].shape({
-    close: _propTypes["default"].string.isRequired
-  }),
-  modifier: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array]),
-  disablePortal: _propTypes["default"].bool,
-  onClose: _propTypes["default"].func
-};
-Dialog.defaultProps = {
-  disablePortal: false,
-  labelledby: null,
-  label: null,
-  hidden: true,
-  onClose: null,
-  messages: {
-    close: 'Lukk'
-  }
-};
+exports.Dialog = Dialog;

package/lib/Dialog/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) 2017-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 { Dialog } from './Dialog';
+export { Dialog };
+export default Dialog;

package/lib/FactBox/FactBox.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 { ReactNode } from 'react';
+interface Props {
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    };
+    children?: ReactNode;
+}
+declare const FactBox: ({ children, dangerouslySetInnerHTML }: Props) => JSX.Element;
+export default FactBox;

package/lib/FactBox/FactBox.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 _button = _interopRequireDefault(require("@ndla/button"));
@@ -20,9 +18,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 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); }
 
 var toggleFactBox = function toggleFactBox(event) {
-  var button = event.target;
-  var aside = button.previousSibling.parentNode;
-  aside.classList.toggle('expanded');
+  var _button$previousSibli, _aside$classList;
+
+  var button = event.currentTarget;
+  var aside = button === null || button === void 0 ? void 0 : (_button$previousSibli = button.previousSibling) === null || _button$previousSibli === void 0 ? void 0 : _button$previousSibli.parentElement;
+  aside === null || aside === void 0 ? void 0 : (_aside$classList = aside.classList) === null || _aside$classList === void 0 ? void 0 : _aside$classList.toggle('expanded');
 };
 
 var classes = new _reactBemHelper["default"]({
@@ -40,11 +40,5 @@ var FactBox = function FactBox(_ref) {
   })));
 };
 
-FactBox.propTypes = {
-  dangerouslySetInnerHTML: _propTypes["default"].shape({
-    __html: _propTypes["default"].string.isRequired
-  }),
-  children: _propTypes["default"].node
-};
 var _default = FactBox;
 exports["default"] = _default;

package/lib/FactBox/index.d.ts

@@ -0,0 +1,2 @@
+import FactBox from './FactBox';
+export default FactBox;

package/lib/Figure/Figure.d.ts

@@ -0,0 +1,50 @@
+/**
+ * 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 { ReactNode } from 'react';
+import { License } from '../types';
+export declare const FigureCaption: ({ figureId, id, children, caption, authors, reuseLabel, licenseRights, locale, link, hideFigcaption, hasLinkedVideo, }: FigureCaptionProps) => JSX.Element;
+export interface FigureLicense extends License {
+    short: string;
+    title: string;
+    userFriendlyTitle: string;
+    description: string;
+    rights: string[];
+    linkText?: string;
+    url?: string;
+}
+interface FigureCaptionProps {
+    figureId: string;
+    id: string;
+    caption?: string;
+    reuseLabel: string;
+    licenseRights: string[];
+    children?: ReactNode;
+    authors?: {
+        name: string;
+    }[];
+    link?: {
+        url: string;
+        text: string;
+        description?: string;
+        external?: boolean;
+    };
+    locale?: string;
+    hideFigcaption?: boolean;
+    hasLinkedVideo?: boolean;
+}
+declare const Figure: ({ children, type, resizeIframe, ...rest }: Props) => JSX.Element;
+interface Props {
+    id: string;
+    children: (params: {
+        typeClass: string;
+    }) => ReactNode | ReactNode;
+    type: 'full' | 'full-column' | 'left' | 'small-left' | 'right' | 'small-right' | 'xsmall-right' | 'xsmall-left';
+    resizeIframe?: boolean;
+    noFigcaption?: boolean;
+}
+export default Figure;

package/lib/Figure/Figure.js

@@ -7,8 +7,6 @@ exports["default"] = exports.FigureCaption = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
 var _util = require("@ndla/util");
@@ -54,11 +52,11 @@ var FigureCaption = function FigureCaption(_ref) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
-  return (0, _core.jsx)("figcaption", classes('caption', hideFigcaption && 'hidden-caption'), caption ? (0, _core.jsx)("div", classes('info'), (0, _util.parseMarkdown)(caption)) : null, (0, _core.jsx)("footer", classes('byline'), (0, _core.jsx)("div", classes('byline-licenselist'), (0, _core.jsx)(_licenses.LicenseByline, {
+  return (0, _core.jsx)("figcaption", classes('caption', hideFigcaption ? 'hidden-caption' : undefined), caption ? (0, _core.jsx)("div", classes('info'), (0, _util.parseMarkdown)(caption)) : null, (0, _core.jsx)("footer", classes('byline'), (0, _core.jsx)("div", classes('byline-licenselist'), (0, _core.jsx)(_licenses.LicenseByline, {
     licenseRights: licenseRights,
     locale: locale,
     marginRight: true
-  }, (0, _core.jsx)("div", classes('byline-author-buttons'), (0, _core.jsx)("span", classes('byline-authors'), authors.map(function (author) {
+  }, (0, _core.jsx)("div", classes('byline-author-buttons'), (0, _core.jsx)("span", classes('byline-authors'), authors === null || authors === void 0 ? void 0 : authors.map(function (author) {
     return author.name;
   }).join(', ')), (0, _core.jsx)("div", null, (0, _core.jsx)(_button["default"], {
     borderShape: "rounded",
@@ -79,39 +77,17 @@ var FigureCaption = function FigureCaption(_ref) {
   }, t('figure.button.original')))), children)), link && (0, _core.jsx)("div", classes('link-wrapper'), (0, _core.jsx)(_safelink["default"], _extends({
     to: link.url
   }, classes('link'), {
-    target: link.external ? '_blank' : null,
-    rel: link.external ? 'noopener noreferrer' : null
+    target: link.external ? '_blank' : undefined,
+    rel: link.external ? 'noopener noreferrer' : undefined
   }), (0, _core.jsx)("span", classes('link-text'), link.text), (0, _core.jsx)(_common.Link, null)), link.description && (0, _core.jsx)("p", classes('link-description'), link.description)))));
 };
 
 exports.FigureCaption = FigureCaption;
-FigureCaption.propTypes = {
-  figureId: _propTypes["default"].string.isRequired,
-  id: _propTypes["default"].string.isRequired,
-  caption: _propTypes["default"].string,
-  reuseLabel: _propTypes["default"].string.isRequired,
-  licenseRights: _propTypes["default"].arrayOf(_propTypes["default"].string).isRequired,
-  children: _propTypes["default"].node,
-  authors: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    name: _propTypes["default"].string.isRequired
-  })),
-  link: _propTypes["default"].shape({
-    url: _propTypes["default"].string.isRequired,
-    text: _propTypes["default"].string.isRequired,
-    description: _propTypes["default"].string,
-    external: _propTypes["default"].bool
-  }),
-  locale: _propTypes["default"].string,
-  hideFigcaption: _propTypes["default"].bool,
-  hasLinkedVideo: _propTypes["default"].bool
-};
-FigureCaption.defaultProps = {
-  link: null
-};
 
 var Figure = function Figure(_ref2) {
   var children = _ref2.children,
-      type = _ref2.type,
+      _ref2$type = _ref2.type,
+      type = _ref2$type === void 0 ? 'full' : _ref2$type,
       resizeIframe = _ref2.resizeIframe,
       rest = _objectWithoutProperties(_ref2, ["children", "type", "resizeIframe"]);
 
@@ -119,21 +95,11 @@ var Figure = function Figure(_ref2) {
   return (0, _core.jsx)("figure", _extends({
     "data-sizetype": type
   }, classes('', {
-    resize: resizeIframe
+    resize: !!resizeIframe
   }, typeClass), rest), (0, _util.isFunction)(children) ? children({
     typeClass: typeClass
   }) : children);
 };
 
-Figure.propTypes = {
-  id: _propTypes["default"].string.isRequired,
-  children: _propTypes["default"].oneOfType([_propTypes["default"].node.isRequired, _propTypes["default"].func.isRequired]).isRequired,
-  type: _propTypes["default"].oneOf(['full', 'full-column', 'left', 'small-left', 'right', 'small-right', 'xsmall-right', 'xsmall-left']),
-  resizeIframe: _propTypes["default"].bool,
-  noFigcaption: _propTypes["default"].bool
-};
-Figure.defaultProps = {
-  type: 'full'
-};
 var _default = Figure;
 exports["default"] = _default;

package/lib/Figure/FigureExpandButton.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.
+ *
+ */
+export declare function FigureExpandButton({ messages, typeClass }: Props): JSX.Element;
+interface Props {
+    messages: {
+        zoomImageButtonLabel: string;
+        zoomOutImageButtonLabel: string;
+    };
+    typeClass: string;
+}
+export {};