@ndla/ui 3.2.1-alpha.5 → 3.2.3

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,49 @@
+/**
+ * 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';
+export declare const FigureCaption: ({ figureId, id, children, caption, authors, reuseLabel, licenseRights, locale, link, hideFigcaption, hasLinkedVideo, }: FigureCaptionProps) => JSX.Element;
+export interface FigureLicense {
+    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: ReactNode | ((params: {
+        typeClass: string;
+    }) => 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,15 @@ var Figure = function Figure(_ref2) {
   return (0, _core.jsx)("figure", _extends({
     "data-sizetype": type
   }, classes('', {
-    resize: resizeIframe
-  }, typeClass), rest), (0, _util.isFunction)(children) ? children({
+    resize: !!resizeIframe
+  }, typeClass), rest), 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 isFunction = function isFunction(children) {
+  return (0, _util.isFunction)(children);
 };
+
 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 {};

package/lib/Figure/FigureExpandButton.js

@@ -7,8 +7,6 @@ exports.FigureExpandButton = FigureExpandButton;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _common = require("@ndla/icons/common");
 
 var _action = require("@ndla/icons/action");
@@ -25,8 +23,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  *
  */
 function FigureExpandButton(_ref) {
-  var children = _ref.children,
-      messages = _ref.messages,
+  var messages = _ref.messages,
       typeClass = _ref.typeClass;
   return (0, _core.jsx)("button", {
     className: "c-figure__fullscreen-btn",
@@ -41,12 +38,4 @@ function FigureExpandButton(_ref) {
   }), (0, _core.jsx)(_action.ExpandTwoArrows, {
     className: "contracted-icon"
   }));
-}
-
-FigureExpandButton.propTypes = {
-  messages: _propTypes["default"].shape({
-    zoomImageButtonLabel: _propTypes["default"].string.isRequired,
-    zoomOutImageButtonLabel: _propTypes["default"].string.isRequired
-  }),
-  typeClass: _propTypes["default"].string.isRequired
-};
+}

package/lib/Figure/FigureLicense.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 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';
+import BEMHelper from 'react-bem-helper';
+import { FigureLicense } from './Figure';
+import { Contributor } from '../types';
+export declare const classLicenses: BEMHelper<BEMHelper.ReturnObject>;
+interface FigureLicenseCtaProps {
+    children?: ReactNode;
+    origin?: string;
+    authors?: Contributor[];
+    messages: {
+        source: string;
+        title: string;
+    };
+    title?: string;
+}
+export declare const FigureLicenseCta: ({ children, messages, authors, origin, title }: FigureLicenseCtaProps) => JSX.Element;
+interface Props {
+    messages: {
+        modelPremission?: string;
+        learnAboutLicenses: string;
+    };
+    license: FigureLicense;
+    locale: string;
+}
+export declare const FigureLicenseByline: ({ messages, license, locale }: Props) => JSX.Element;
+export {};

package/lib/Figure/FigureLicense.js

@@ -7,16 +7,12 @@ exports.FigureLicenseByline = exports.FigureLicenseCta = exports.classLicenses =
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
 var _util = require("@ndla/util");
 
 var _licenses = require("@ndla/licenses");
 
-var _shapes = require("../shapes");
-
 var _core = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -35,7 +31,7 @@ var FigureLicenseCta = function FigureLicenseCta(_ref) {
       authors = _ref.authors,
       origin = _ref.origin,
       title = _ref.title;
-  return (0, _core.jsx)("div", classLicenses('cta-wrapper'), (0, _core.jsx)("ul", classLicenses('list'), title && (0, _core.jsx)("li", classLicenses('item'), "".concat(messages.title, ": ").concat(title)), authors.map(function (author) {
+  return (0, _core.jsx)("div", classLicenses('cta-wrapper'), (0, _core.jsx)("ul", classLicenses('list'), title && (0, _core.jsx)("li", classLicenses('item'), "".concat(messages.title, ": ").concat(title)), authors === null || authors === void 0 ? void 0 : authors.map(function (author) {
     return (0, _core.jsx)("li", _extends({
       key: (0, _util.uuid)()
     }, classLicenses('item')), "".concat(author.type, ": ").concat(author.name));
@@ -47,42 +43,24 @@ var FigureLicenseCta = function FigureLicenseCta(_ref) {
 };
 
 exports.FigureLicenseCta = FigureLicenseCta;
-FigureLicenseCta.propTypes = {
-  children: _propTypes["default"].node,
-  origin: _propTypes["default"].string,
-  authors: _propTypes["default"].arrayOf(_shapes.ContributorShape),
-  messages: _propTypes["default"].shape({
-    source: _propTypes["default"].string.isRequired,
-    title: _propTypes["default"].string.isRequired
-  }).isRequired,
-  title: _propTypes["default"].string
-};
 
 var FigureLicenseByline = function FigureLicenseByline(_ref2) {
   var messages = _ref2.messages,
       license = _ref2.license,
       locale = _ref2.locale;
-  return [(0, _core.jsx)(_licenses.LicenseDescription, {
+  return (0, _core.jsx)(_react["default"].Fragment, null, (0, _core.jsx)(_licenses.LicenseDescription, {
     key: "byline",
     highlightCC: true,
     locale: locale,
     messages: messages,
     licenseRights: license.rights
-  }), (0, _core.jsx)("a", _extends({
+  }), ",", (0, _core.jsx)("a", _extends({
     key: "link"
   }, classLicenses('link'), {
     target: "_blank",
     rel: "noopener noreferrer",
     href: license.url
-  }), license.linkText)];
+  }), license.linkText));
 };
 
-exports.FigureLicenseByline = FigureLicenseByline;
-FigureLicenseByline.propTypes = {
-  messages: _propTypes["default"].shape({
-    modelPremission: _propTypes["default"].string,
-    learnAboutLicenses: _propTypes["default"].string.isRequired
-  }).isRequired,
-  license: _shapes.LicenseShape.isRequired,
-  locale: _propTypes["default"].string.isRequired
-};
+exports.FigureLicenseByline = FigureLicenseByline;

package/lib/Figure/FigureLicenseDialog.d.ts

@@ -0,0 +1,29 @@
+/**
+ * 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';
+import { FigureLicense } from './Figure';
+import { Contributor } from '../types';
+export declare const FigureLicenseDialog: ({ children, messages, id, authors, origin, title, locale, license }: Props) => JSX.Element;
+interface Props {
+    id: string;
+    children?: ReactNode;
+    origin?: string;
+    authors?: Contributor[];
+    messages: {
+        modelPremission?: string;
+        close: string;
+        rulesForUse: string;
+        source: string;
+        learnAboutLicenses: string;
+        title: string;
+    };
+    title?: string;
+    license: FigureLicense;
+    locale: string;
+}
+export {};

package/lib/Figure/FigureLicenseDialog.js

@@ -7,12 +7,8 @@ exports.FigureLicenseDialog = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Dialog = _interopRequireDefault(require("../Dialog"));
 
-var _shapes = require("../shapes");
-
 var _FigureLicense = require("./FigureLicense");
 
 var _core = require("@emotion/core");
@@ -49,21 +45,4 @@ var FigureLicenseDialog = function FigureLicenseDialog(_ref) {
   }, children)));
 };
 
-exports.FigureLicenseDialog = FigureLicenseDialog;
-FigureLicenseDialog.propTypes = {
-  id: _propTypes["default"].string.isRequired,
-  children: _propTypes["default"].node,
-  origin: _propTypes["default"].string,
-  authors: _propTypes["default"].arrayOf(_shapes.ContributorShape),
-  messages: _propTypes["default"].shape({
-    modelPremission: _propTypes["default"].string,
-    close: _propTypes["default"].string.isRequired,
-    rulesForUse: _propTypes["default"].string.isRequired,
-    source: _propTypes["default"].string.isRequired,
-    learnAboutLicenses: _propTypes["default"].string.isRequired,
-    title: _propTypes["default"].string.isRequired
-  }).isRequired,
-  title: _propTypes["default"].string,
-  license: _shapes.LicenseShape.isRequired,
-  locale: _propTypes["default"].string.isRequired
-};
+exports.FigureLicenseDialog = FigureLicenseDialog;

package/lib/Figure/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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 Figure, { FigureCaption } from './Figure';
+export { Figure, FigureCaption };
+export { FigureLicenseDialog } from './FigureLicenseDialog';
+export { FigureExpandButton } from './FigureExpandButton';
+export { FigureBylineExpandButton } from './FigureBylineExpandButton';

package/lib/FileList/File.d.ts

@@ -0,0 +1,7 @@
+import { FileType } from './FileList';
+interface Props {
+    id: string;
+    file: FileType;
+}
+declare const File: ({ file, id }: Props) => JSX.Element;
+export default File;

package/lib/FileList/File.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 _common = require("@ndla/icons/common");
@@ -61,17 +59,5 @@ var File = function File(_ref) {
   }), formatLinks);
 };
 
-File.propTypes = {
-  id: _propTypes["default"].string.isRequired,
-  file: _propTypes["default"].shape({
-    fileExists: _propTypes["default"].bool,
-    title: _propTypes["default"].string.isRequired,
-    formats: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-      url: _propTypes["default"].string.isRequired,
-      fileType: _propTypes["default"].string.isRequired,
-      tooltip: _propTypes["default"].string.isRequired
-    })).isRequired
-  })
-};
 var _default = File;
 exports["default"] = _default;

package/lib/FileList/FileList.d.ts

@@ -0,0 +1,17 @@
+export interface FileType {
+    title: string;
+    formats: FileFormat[];
+    fileExists?: boolean;
+}
+export interface FileFormat {
+    url: string;
+    fileType: string;
+    tooltip: string;
+}
+interface Props {
+    id: string;
+    heading: string;
+    files: FileType[];
+}
+declare const FileList: ({ files, heading, id }: Props) => JSX.Element;
+export default FileList;

package/lib/FileList/FileList.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 _File = _interopRequireDefault(require("./File"));
@@ -32,17 +30,5 @@ var FileList = function FileList(_ref) {
   })));
 };
 
-FileList.propTypes = {
-  id: _propTypes["default"].string.isRequired,
-  heading: _propTypes["default"].string.isRequired,
-  files: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    title: _propTypes["default"].string.isRequired,
-    formats: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-      url: _propTypes["default"].string.isRequired,
-      fileType: _propTypes["default"].string.isRequired,
-      tooltip: _propTypes["default"].string.isRequired
-    })).isRequired
-  })).isRequired
-};
 var _default = FileList;
 exports["default"] = _default;

package/lib/FileList/index.d.ts

@@ -0,0 +1,3 @@
+import FileList from './FileList';
+export { default as File } from './File';
+export default FileList;

package/lib/Hero/Hero.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 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';
+export declare type HeroContentType = 'subject-material' | 'tasks-and-activities' | 'assessment-resources' | 'subject' | 'external-learning-resources' | 'source-material' | 'learning-path' | 'topic' | 'beta' | 'ndla-film' | 'ndla-film has-image';
+interface HeroProps {
+    children?: ReactNode;
+    contentType: HeroContentType;
+}
+export declare const Hero: ({ children, contentType }: HeroProps) => JSX.Element;
+interface Props {
+    children?: ReactNode;
+}
+export declare const SubjectMaterialHero: (props: Props) => JSX.Element;
+export declare const TasksAndActivitiesHero: (props: Props) => JSX.Element;
+export declare const AssessmentResourcesHero: (props: Props) => JSX.Element;
+export declare const SubjectHero: (props: Props) => JSX.Element;
+export declare const ExternalLearningResourcesHero: (props: Props) => JSX.Element;
+export declare const SourceMaterialHero: (props: Props) => JSX.Element;
+export declare const NdlaFilmHero: ({ hasImage, ...rest }: Props & {
+    hasImage?: boolean | undefined;
+}) => JSX.Element;
+export {};

package/lib/Hero/Hero.js

@@ -9,12 +9,8 @@ exports.NdlaFilmHero = exports.SourceMaterialHero = exports.ExternalLearningReso
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
-var _shapes = require("../shapes");
-
 var contentTypes = _interopRequireWildcard(require("../model/ContentType"));
 
 var _core = require("@emotion/core");
@@ -43,10 +39,6 @@ var Hero = function Hero(_ref) {
 };
 
 exports.Hero = Hero;
-Hero.propTypes = {
-  contentType: _shapes.ContentTypeShape,
-  children: _propTypes["default"].node
-};
 
 var SubjectMaterialHero = function SubjectMaterialHero(props) {
   return (0, _core.jsx)(Hero, _extends({

package/lib/Hero/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ *
+ */
+export { SubjectMaterialHero, TasksAndActivitiesHero, AssessmentResourcesHero, SubjectHero, ExternalLearningResourcesHero, SourceMaterialHero, Hero, NdlaFilmHero, } from './Hero';
+export type { HeroContentType } from './Hero';