@ndla/ui 3.2.1-alpha.8 → 3.2.4

package/lib/Image/Image.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 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';
+export interface ImageCrop {
+    startX: number;
+    startY: number;
+    endX: number;
+    endY: number;
+}
+export interface ImageFocalPoint {
+    x: number;
+    y: number;
+}
+export declare const makeSrcQueryString: (width: number | undefined, crop?: ImageCrop | undefined, focalPoint?: ImageFocalPoint | undefined) => string;
+interface Props {
+    alt: string;
+    src: string;
+    sizes?: string;
+    fallbackWidth?: number;
+    contentType?: string;
+    srcSet?: string;
+    lazyLoad?: boolean;
+    lazyLoadSrc?: string;
+    expandButton?: ReactNode;
+    crop?: ImageCrop;
+    focalPoint?: ImageFocalPoint;
+}
+declare const Image: ({ alt, src, lazyLoad, lazyLoadSrc, crop, focalPoint, contentType, sizes, expandButton, ...rest }: Props) => JSX.Element;
+export default Image;

package/lib/Image/Image.js

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _defined = _interopRequireDefault(require("defined"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _LazyLoadImage = _interopRequireDefault(require("./LazyLoadImage"));
 
 var _core = require("@emotion/core");
@@ -47,7 +45,7 @@ var getSrcSet = function getSrcSet(src, crop, focalPoint) {
 };
 
 var StyledImageWrapper = (0, _styledBase["default"])("div", {
-  target: "e1jwn5tq0",
+  target: "ejtxxex0",
   label: "StyledImageWrapper"
 })(process.env.NODE_ENV === "production" ? {
   name: "79elbk",
@@ -55,7 +53,7 @@ var StyledImageWrapper = (0, _styledBase["default"])("div", {
 } : {
   name: "79elbk",
   styles: "position:relative;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnFDIiwiZmlsZSI6IkltYWdlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBkZWZpbmVkIGZyb20gJ2RlZmluZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBMYXp5TG9hZEltYWdlIGZyb20gJy4vTGF6eUxvYWRJbWFnZSc7XG5cbmV4cG9ydCBjb25zdCBtYWtlU3JjUXVlcnlTdHJpbmcgPSAod2lkdGgsIGNyb3AsIGZvY2FsUG9pbnQpID0+IHtcbiAgY29uc3Qgd2lkdGhQYXJhbXMgPSB3aWR0aCAmJiBgd2lkdGg9JHt3aWR0aH1gO1xuICBjb25zdCBjcm9wUGFyYW1zID1cbiAgICBjcm9wICYmIGBjcm9wU3RhcnRYPSR7Y3JvcC5zdGFydFh9JmNyb3BFbmRYPSR7Y3JvcC5lbmRYfSZjcm9wU3RhcnRZPSR7Y3JvcC5zdGFydFl9JmNyb3BFbmRZPSR7Y3JvcC5lbmRZfWA7XG4gIGNvbnN0IGZvY2FsUG9pbnRQYXJhbXMgPSBmb2NhbFBvaW50ICYmIGBmb2NhbFg9JHtmb2NhbFBvaW50Lnh9JmZvY2FsWT0ke2ZvY2FsUG9pbnQueX1gO1xuICBjb25zdCBwYXJhbXMgPSBbd2lkdGhQYXJhbXMsIGNyb3BQYXJhbXMsIGZvY2FsUG9pbnRQYXJhbXNdLmZpbHRlcigocCkgPT4gcCkuam9pbignJicpO1xuXG4gIHJldHVybiBwYXJhbXM7XG59O1xuXG5jb25zdCBnZXRTcmNTZXQgPSAoc3JjLCBjcm9wLCBmb2NhbFBvaW50KSA9PiB7XG4gIGNvbnN0IHdpZHRocyA9IFsyNzIwLCAyMDgwLCAxNzYwLCAxNDQwLCAxMTIwLCAxMDAwLCA5NjAsIDgwMCwgNjQwLCA0ODAsIDMyMCwgMjQwLCAxODBdO1xuICByZXR1cm4gd2lkdGhzLm1hcCgod2lkdGgpID0+IGAke3NyY30/JHttYWtlU3JjUXVlcnlTdHJpbmcod2lkdGgsIGNyb3AsIGZvY2FsUG9pbnQpfSAke3dpZHRofXdgKS5qb2luKCcsICcpO1xufTtcblxuY29uc3QgU3R5bGVkSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuY29uc3QgSW1hZ2UgPSAoeyBhbHQsIHNyYywgbGF6eUxvYWQsIGxhenlMb2FkU3JjLCBjcm9wLCBmb2NhbFBvaW50LCBjb250ZW50VHlwZSwgc2l6ZXMsIGV4cGFuZEJ1dHRvbiwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHNyY1NldCA9IGRlZmluZWQocmVzdC5zcmNTZXQsIGdldFNyY1NldChzcmMsIGNyb3AsIGZvY2FsUG9pbnQpKTtcbiAgY29uc3QgZmFsbGJhY2tXaWR0aCA9IGRlZmluZWQocmVzdC5mYWxsYmFja1dpZHRoLCAxMDI0KTtcbiAgY29uc3QgcXVlcnlTdHJpbmcgPSBtYWtlU3JjUXVlcnlTdHJpbmcoZmFsbGJhY2tXaWR0aCwgY3JvcCwgZm9jYWxQb2ludCk7XG5cbiAgaWYgKGNvbnRlbnRUeXBlICYmIGNvbnRlbnRUeXBlID09PSAnaW1hZ2UvZ2lmJykge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8aW1nIGFsdD17YWx0fSBzcmM9e2Ake3NyY31gfSB7Li4ucmVzdH0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICBpZiAobGF6eUxvYWQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPExhenlMb2FkSW1hZ2VcbiAgICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgICBzcmM9e2Ake3NyY30/JHtxdWVyeVN0cmluZ31gfVxuICAgICAgICAgIHNyY1NldD17c3JjU2V0fVxuICAgICAgICAgIHNpemVzPXtzaXplc31cbiAgICAgICAgICBsYXp5TG9hZFNyYz17bGF6eUxvYWRTcmN9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgPHBpY3R1cmU+XG4gICAgICAgIDxzb3VyY2UgdHlwZT17Y29udGVudFR5cGV9IHNyY1NldD17c3JjU2V0fSBzaXplcz17c2l6ZXN9IC8+XG4gICAgICAgIDxpbWcgYWx0PXthbHR9IHNyYz17YCR7c3JjfT8ke3F1ZXJ5U3RyaW5nfWB9IHsuLi5yZXN0fSAvPlxuICAgICAgPC9waWN0dXJlPlxuICAgICAge2V4cGFuZEJ1dHRvbn1cbiAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgKTtcbn07XG5cbkltYWdlLnByb3BUeXBlcyA9IHtcbiAgYWx0OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIHNyYzogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBzaXplczogUHJvcFR5cGVzLnN0cmluZyxcbiAgZmFsbGJhY2tXaWR0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgY29udGVudFR5cGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHNyY1NldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgbGF6eUxvYWQ6IFByb3BUeXBlcy5ib29sLFxuICBsYXp5TG9hZFNyYzogUHJvcFR5cGVzLnN0cmluZyxcbiAgY3JvcDogUHJvcFR5cGVzLnNoYXBlKHtcbiAgICBzdGFydFg6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgICBzdGFydFk6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbiAgICBlbmRYOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gICAgZW5kWTogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICB9KSxcbiAgZm9jYWxQb2ludDogUHJvcFR5cGVzLnNoYXBlKHtcbiAgICB4OiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gICAgeTogUHJvcFR5cGVzLm51bWJlci5pc1JlcXVpcmVkLFxuICB9KSxcbn07XG5cbkltYWdlLmRlZmF1bHRQcm9wcyA9IHtcbiAgc2l6ZXM6ICcobWluLXdpZHRoOiAxMDI0cHgpIDEwMjRweCwgMTAwdncnLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgSW1hZ2U7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q3FDIiwiZmlsZSI6IkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBkZWZpbmVkIGZyb20gJ2RlZmluZWQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IExhenlMb2FkSW1hZ2UgZnJvbSAnLi9MYXp5TG9hZEltYWdlJztcbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VDcm9wIHtcbiAgc3RhcnRYOiBudW1iZXI7XG4gIHN0YXJ0WTogbnVtYmVyO1xuICBlbmRYOiBudW1iZXI7XG4gIGVuZFk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbWFnZUZvY2FsUG9pbnQge1xuICB4OiBudW1iZXI7XG4gIHk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IG1ha2VTcmNRdWVyeVN0cmluZyA9ICh3aWR0aDogbnVtYmVyIHwgdW5kZWZpbmVkLCBjcm9wPzogSW1hZ2VDcm9wLCBmb2NhbFBvaW50PzogSW1hZ2VGb2NhbFBvaW50KSA9PiB7XG4gIGNvbnN0IHdpZHRoUGFyYW1zID0gd2lkdGggJiYgYHdpZHRoPSR7d2lkdGh9YDtcbiAgY29uc3QgY3JvcFBhcmFtcyA9XG4gICAgY3JvcCAmJiBgY3JvcFN0YXJ0WD0ke2Nyb3Auc3RhcnRYfSZjcm9wRW5kWD0ke2Nyb3AuZW5kWH0mY3JvcFN0YXJ0WT0ke2Nyb3Auc3RhcnRZfSZjcm9wRW5kWT0ke2Nyb3AuZW5kWX1gO1xuICBjb25zdCBmb2NhbFBvaW50UGFyYW1zID0gZm9jYWxQb2ludCAmJiBgZm9jYWxYPSR7Zm9jYWxQb2ludC54fSZmb2NhbFk9JHtmb2NhbFBvaW50Lnl9YDtcbiAgY29uc3QgcGFyYW1zID0gW3dpZHRoUGFyYW1zLCBjcm9wUGFyYW1zLCBmb2NhbFBvaW50UGFyYW1zXS5maWx0ZXIoKHApID0+IHApLmpvaW4oJyYnKTtcblxuICByZXR1cm4gcGFyYW1zO1xufTtcblxuY29uc3QgZ2V0U3JjU2V0ID0gKHNyYzogc3RyaW5nLCBjcm9wOiBJbWFnZUNyb3AgfCB1bmRlZmluZWQsIGZvY2FsUG9pbnQ6IEltYWdlRm9jYWxQb2ludCB8IHVuZGVmaW5lZCkgPT4ge1xuICBjb25zdCB3aWR0aHMgPSBbMjcyMCwgMjA4MCwgMTc2MCwgMTQ0MCwgMTEyMCwgMTAwMCwgOTYwLCA4MDAsIDY0MCwgNDgwLCAzMjAsIDI0MCwgMTgwXTtcbiAgcmV0dXJuIHdpZHRocy5tYXAoKHdpZHRoKSA9PiBgJHtzcmN9PyR7bWFrZVNyY1F1ZXJ5U3RyaW5nKHdpZHRoLCBjcm9wLCBmb2NhbFBvaW50KX0gJHt3aWR0aH13YCkuam9pbignLCAnKTtcbn07XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFsdDogc3RyaW5nO1xuICBzcmM6IHN0cmluZztcbiAgc2l6ZXM/OiBzdHJpbmc7XG4gIGZhbGxiYWNrV2lkdGg/OiBudW1iZXI7XG4gIGNvbnRlbnRUeXBlPzogc3RyaW5nO1xuICBzcmNTZXQ/OiBzdHJpbmc7XG4gIGxhenlMb2FkPzogYm9vbGVhbjtcbiAgbGF6eUxvYWRTcmM/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbj86IFJlYWN0Tm9kZTtcbiAgY3JvcD86IEltYWdlQ3JvcDtcbiAgZm9jYWxQb2ludD86IEltYWdlRm9jYWxQb2ludDtcbn1cblxuY29uc3QgSW1hZ2UgPSAoe1xuICBhbHQsXG4gIHNyYyxcbiAgbGF6eUxvYWQsXG4gIGxhenlMb2FkU3JjLFxuICBjcm9wLFxuICBmb2NhbFBvaW50LFxuICBjb250ZW50VHlwZSxcbiAgc2l6ZXMgPSAnKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3JyxcbiAgZXhwYW5kQnV0dG9uLFxuICAuLi5yZXN0XG59OiBQcm9wcykgPT4ge1xuICBjb25zdCBzcmNTZXQgPSBkZWZpbmVkKHJlc3Quc3JjU2V0LCBnZXRTcmNTZXQoc3JjLCBjcm9wLCBmb2NhbFBvaW50KSk7XG4gIGNvbnN0IGZhbGxiYWNrV2lkdGggPSBkZWZpbmVkKHJlc3QuZmFsbGJhY2tXaWR0aCwgMTAyNCk7XG4gIGNvbnN0IHF1ZXJ5U3RyaW5nID0gbWFrZVNyY1F1ZXJ5U3RyaW5nKGZhbGxiYWNrV2lkdGgsIGNyb3AsIGZvY2FsUG9pbnQpO1xuXG4gIGlmIChjb250ZW50VHlwZSAmJiBjb250ZW50VHlwZSA9PT0gJ2ltYWdlL2dpZicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPGltZyBhbHQ9e2FsdH0gc3JjPXtgJHtzcmN9YH0gey4uLnJlc3R9IC8+XG4gICAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgICApO1xuICB9XG5cbiAgaWYgKGxhenlMb2FkKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRJbWFnZVdyYXBwZXI+XG4gICAgICAgIDxMYXp5TG9hZEltYWdlXG4gICAgICAgICAgYWx0PXthbHR9XG4gICAgICAgICAgc3JjPXtgJHtzcmN9PyR7cXVlcnlTdHJpbmd9YH1cbiAgICAgICAgICBzcmNTZXQ9e3NyY1NldH1cbiAgICAgICAgICBzaXplcz17c2l6ZXN9XG4gICAgICAgICAgbGF6eUxvYWRTcmM9e2xhenlMb2FkU3JjfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRJbWFnZVdyYXBwZXI+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgIDxwaWN0dXJlPlxuICAgICAgICA8c291cmNlIHR5cGU9e2NvbnRlbnRUeXBlfSBzcmNTZXQ9e3NyY1NldH0gc2l6ZXM9e3NpemVzfSAvPlxuICAgICAgICA8aW1nIGFsdD17YWx0fSBzcmM9e2Ake3NyY30/JHtxdWVyeVN0cmluZ31gfSB7Li4ucmVzdH0gLz5cbiAgICAgIDwvcGljdHVyZT5cbiAgICAgIHtleHBhbmRCdXR0b259XG4gICAgPC9TdHlsZWRJbWFnZVdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbWFnZTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -67,7 +65,8 @@ var Image = function Image(_ref) {
       crop = _ref.crop,
       focalPoint = _ref.focalPoint,
       contentType = _ref.contentType,
-      sizes = _ref.sizes,
+      _ref$sizes = _ref.sizes,
+      sizes = _ref$sizes === void 0 ? '(min-width: 1024px) 1024px, 100vw' : _ref$sizes,
       expandButton = _ref.expandButton,
       rest = _objectWithoutProperties(_ref, ["alt", "src", "lazyLoad", "lazyLoadSrc", "crop", "focalPoint", "contentType", "sizes", "expandButton"]);
 
@@ -102,28 +101,5 @@ var Image = function Image(_ref) {
   }, rest))), expandButton);
 };
 
-Image.propTypes = {
-  alt: _propTypes["default"].string.isRequired,
-  src: _propTypes["default"].string.isRequired,
-  sizes: _propTypes["default"].string,
-  fallbackWidth: _propTypes["default"].number,
-  contentType: _propTypes["default"].string,
-  srcSet: _propTypes["default"].string,
-  lazyLoad: _propTypes["default"].bool,
-  lazyLoadSrc: _propTypes["default"].string,
-  crop: _propTypes["default"].shape({
-    startX: _propTypes["default"].number.isRequired,
-    startY: _propTypes["default"].number.isRequired,
-    endX: _propTypes["default"].number.isRequired,
-    endY: _propTypes["default"].number.isRequired
-  }),
-  focalPoint: _propTypes["default"].shape({
-    x: _propTypes["default"].number.isRequired,
-    y: _propTypes["default"].number.isRequired
-  })
-};
-Image.defaultProps = {
-  sizes: '(min-width: 1024px) 1024px, 100vw'
-};
 var _default = Image;
 exports["default"] = _default;

package/lib/Image/ImageLink.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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.
+ *
+ */
+import { ReactNode } from 'react';
+import { ImageCrop, ImageFocalPoint } from '.';
+interface Props {
+    src: string;
+    children: ReactNode;
+    sizes?: string;
+    crop?: ImageCrop;
+    focalPoint?: ImageFocalPoint;
+}
+export declare function ImageLink({ src, crop, children, ...rest }: Props): JSX.Element;
+export {};

package/lib/Image/ImageLink.js

@@ -9,12 +9,8 @@ var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Image = require("./Image");
 
-var _shapes = require("./shapes");
-
 var _core = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -28,7 +24,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 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 StyledLink = (0, _styledBase["default"])("a", {
-  target: "envije90",
+  target: "eo3pjlm0",
   label: "StyledLink"
 })(process.env.NODE_ENV === "production" ? {
   name: "17viinn",
@@ -36,7 +32,7 @@ var StyledLink = (0, _styledBase["default"])("a", {
 } : {
   name: "17viinn",
   styles: "box-shadow:inset 0 0;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlTGluay5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjMkIiLCJmaWxlIjoiSW1hZ2VMaW5rLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1ha2VTcmNRdWVyeVN0cmluZyB9IGZyb20gJy4vSW1hZ2UnO1xuaW1wb3J0IHsgRm9jYWxQb2ludFNoYXBlLCBDcm9wU2hhcGUgfSBmcm9tICcuL3NoYXBlcyc7XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQuYWBcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAwO1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIEltYWdlTGluayh7IHNyYywgY3JvcCwgY2hpbGRyZW4sIC4uLnJlc3QgfSkge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMaW5rXG4gICAgICB0YXJnZXQ9XCJfYmxhbmtcIlxuICAgICAgaHJlZj17YCR7c3JjfT8ke21ha2VTcmNRdWVyeVN0cmluZyh1bmRlZmluZWQsIGNyb3ApfWB9XG4gICAgICByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZExpbms+XG4gICk7XG59XG5cbkltYWdlTGluay5wcm9wVHlwZXMgPSB7XG4gIHNyYzogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbiAgc2l6ZXM6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGNyb3A6IENyb3BTaGFwZSxcbiAgZm9jYWxQb2ludDogRm9jYWxQb2ludFNoYXBlLFxufTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlTGluay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTJCIiwiZmlsZSI6IkltYWdlTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtYWtlU3JjUXVlcnlTdHJpbmcgfSBmcm9tICcuL0ltYWdlJztcbmltcG9ydCB7IEltYWdlQ3JvcCwgSW1hZ2VGb2NhbFBvaW50IH0gZnJvbSAnLic7XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQuYWBcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAwO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIHNpemVzPzogc3RyaW5nO1xuICBjcm9wPzogSW1hZ2VDcm9wO1xuICBmb2NhbFBvaW50PzogSW1hZ2VGb2NhbFBvaW50O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gSW1hZ2VMaW5rKHsgc3JjLCBjcm9wLCBjaGlsZHJlbiwgLi4ucmVzdCB9OiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMaW5rXG4gICAgICB0YXJnZXQ9XCJfYmxhbmtcIlxuICAgICAgaHJlZj17YCR7c3JjfT8ke21ha2VTcmNRdWVyeVN0cmluZyh1bmRlZmluZWQsIGNyb3ApfWB9XG4gICAgICByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZExpbms+XG4gICk7XG59XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
@@ -51,12 +47,4 @@ function ImageLink(_ref) {
     href: "".concat(src, "?").concat((0, _Image.makeSrcQueryString)(undefined, crop)),
     rel: "noopener noreferrer"
   }, rest), children);
-}
-
-ImageLink.propTypes = {
-  src: _propTypes["default"].string.isRequired,
-  children: _propTypes["default"].node.isRequired,
-  sizes: _propTypes["default"].string,
-  crop: _shapes.CropShape,
-  focalPoint: _shapes.FocalPointShape
-};
+}

package/lib/Image/LazyLoadImage.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ *
+ */
+interface Props {
+    alt: string;
+    src: string;
+    sizes?: string;
+    contentType?: string;
+    srcSet?: string;
+    lazyLoadSrc?: string;
+}
+declare const LazyLoadImage: ({ alt, src, srcSet, lazyLoadSrc, sizes, ...rest }: Props) => JSX.Element;
+export default LazyLoadImage;

package/lib/Image/LazyLoadImage.js

@@ -7,8 +7,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _core = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -28,14 +26,14 @@ var LazyLoadImage = function LazyLoadImage(_ref) {
       sizes = _ref.sizes,
       rest = _objectWithoutProperties(_ref, ["alt", "src", "srcSet", "lazyLoadSrc", "sizes"]);
 
-  return [(0, _core.jsx)("noscript", {
+  return (0, _core.jsx)(_react["default"].Fragment, null, (0, _core.jsx)("noscript", {
     key: "noscript"
   }, (0, _core.jsx)("img", _extends({
     alt: alt,
     src: "".concat(src),
     srcSet: srcSet,
     sizes: sizes
-  }, rest))), (0, _core.jsx)("img", _extends({
+  }, rest))), ",", (0, _core.jsx)("img", _extends({
     alt: alt,
     key: "img",
     style: {
@@ -46,16 +44,8 @@ var LazyLoadImage = function LazyLoadImage(_ref) {
     "data-src": src,
     "data-src-set": srcSet,
     "data-sizes": sizes
-  }, rest))];
+  }, rest)));
 };
 
-LazyLoadImage.propTypes = {
-  alt: _propTypes["default"].string.isRequired,
-  src: _propTypes["default"].string.isRequired,
-  sizes: _propTypes["default"].string,
-  contentType: _propTypes["default"].string,
-  srcSet: _propTypes["default"].string,
-  lazyLoadSrc: _propTypes["default"].string.isRequired
-};
 var _default = LazyLoadImage;
 exports["default"] = _default;

package/lib/Image/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 Image from './Image';
+export { makeSrcQueryString } from './Image';
+export { ImageLink } from './ImageLink';
+export type { ImageCrop, ImageFocalPoint } from './Image';
+export default Image;

package/lib/InfoBox/InfoBox.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+interface Props {
+    children?: ReactNode;
+}
+declare const InfoBox: ({ children }: Props) => JSX.Element;
+export default InfoBox;

package/lib/InfoBox/InfoBox.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 _core = require("@emotion/core");
@@ -22,8 +20,5 @@ var InfoBox = function InfoBox(_ref) {
   return (0, _core.jsx)("div", classes(), children);
 };
 
-InfoBox.propTypes = {
-  children: _propTypes["default"].node.isRequired
-};
 var _default = InfoBox;
 exports["default"] = _default;

package/lib/InfoWidget/InfoWidget.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+interface Props {
+    heading: string;
+    description: string;
+    mainLink: {
+        name: string;
+        url?: string;
+        href?: string;
+    };
+    iconLinks: {
+        name: string;
+        url?: string;
+        href?: string;
+        icon: ReactNode;
+    }[];
+    center?: boolean;
+}
+declare const InfoWidget: ({ heading, description, mainLink, iconLinks, center }: Props) => JSX.Element;
+export default InfoWidget;

package/lib/InfoWidget/InfoWidget.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");
@@ -30,7 +28,8 @@ var InfoWidget = function InfoWidget(_ref) {
       description = _ref.description,
       mainLink = _ref.mainLink,
       iconLinks = _ref.iconLinks,
-      center = _ref.center;
+      _ref$center = _ref.center,
+      center = _ref$center === void 0 ? false : _ref$center;
   return (0, _core.jsx)("section", classes('', {
     center: center
   }), (0, _core.jsx)(_SectionHeading["default"], {
@@ -70,24 +69,5 @@ var InfoWidget = function InfoWidget(_ref) {
   }), mainLink.name)));
 };
 
-InfoWidget.propTypes = {
-  heading: _propTypes["default"].string.isRequired,
-  description: _propTypes["default"].string.isRequired,
-  mainLink: _propTypes["default"].shape({
-    name: _propTypes["default"].string.isRequired,
-    url: _propTypes["default"].string,
-    href: _propTypes["default"].string
-  }).isRequired,
-  iconLinks: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    name: _propTypes["default"].string.isRequired,
-    url: _propTypes["default"].string,
-    href: _propTypes["default"].string,
-    icon: _propTypes["default"].node.isRequired
-  })),
-  center: _propTypes["default"].bool
-};
-InfoWidget.defaultProps = {
-  center: false
-};
 var _default = InfoWidget;
 exports["default"] = _default;

package/lib/InfoWidget/index.d.ts

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

package/lib/Logo/Logo.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 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 BEMHelper from 'react-bem-helper';
+export declare const logoClasses: BEMHelper<BEMHelper.ReturnObject>;
+interface Props {
+    to?: string | {
+        pathname: string;
+        search?: string;
+        hash?: string;
+    };
+    label: string;
+    locale?: string;
+    cssModifier?: string;
+    large?: boolean;
+    name?: boolean;
+    color?: string;
+}
+export declare const Logo: ({ name, to, cssModifier, color, large, locale, label }: Props) => JSX.Element;
+export default Logo;

package/lib/Logo/Logo.js

@@ -1,15 +1,11 @@
 "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
 });
 exports["default"] = exports.Logo = exports.logoClasses = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
@@ -21,10 +17,6 @@ var _core = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-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; }
-
 /**
  * Copyright (c) 2016-present, NDLA.
  *
@@ -41,11 +33,13 @@ var logoClasses = new _reactBemHelper["default"]({
 exports.logoClasses = logoClasses;
 
 var Logo = function Logo(_ref) {
-  var name = _ref.name,
+  var _ref$name = _ref.name,
+      name = _ref$name === void 0 ? true : _ref$name,
       to = _ref.to,
       cssModifier = _ref.cssModifier,
       color = _ref.color,
-      large = _ref.large,
+      _ref$large = _ref.large,
+      large = _ref$large === void 0 ? false : _ref$large,
       locale = _ref.locale,
       label = _ref.label;
   var modifiers = {
@@ -63,7 +57,7 @@ var Logo = function Logo(_ref) {
     name: name,
     color: color,
     locale: locale
-  })) : (0, _core.jsx)(_react.Fragment, null, (0, _core.jsx)(_SvgLogo["default"], {
+  })) : (0, _core.jsx)(_react["default"].Fragment, null, (0, _core.jsx)(_SvgLogo["default"], {
     name: name,
     color: color,
     locale: locale
@@ -72,22 +66,5 @@ var Logo = function Logo(_ref) {
 };
 
 exports.Logo = Logo;
-Logo.propTypes = {
-  to: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].shape({
-    pathname: _propTypes["default"].string.isRequired,
-    search: _propTypes["default"].string,
-    hash: _propTypes["default"].string
-  })]),
-  label: _propTypes["default"].string.isRequired,
-  locale: _propTypes["default"].string,
-  cssModifier: _propTypes["default"].string,
-  large: _propTypes["default"].bool,
-  name: _propTypes["default"].bool,
-  color: _propTypes["default"].string
-};
-Logo.defaultProps = {
-  name: true,
-  large: false
-};
 var _default = Logo;
 exports["default"] = _default;

package/lib/Logo/SvgLogo.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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.
+ *
+ */
+interface Props {
+    name?: boolean;
+    color?: string;
+    locale?: string;
+}
+export declare const SvgLogo: ({ name, color, locale }: Props) => JSX.Element;
+export default SvgLogo;

package/lib/Logo/SvgLogo.js

@@ -7,8 +7,6 @@ exports["default"] = exports.SvgLogo = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Logo = require("./Logo");
 
 var _core = require("@emotion/core");
@@ -32,8 +30,10 @@ var LogoText = function LogoText(locale) {
 };
 
 var SvgLogo = function SvgLogo(_ref) {
-  var name = _ref.name,
-      color = _ref.color,
+  var _ref$name = _ref.name,
+      name = _ref$name === void 0 ? true : _ref$name,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? '#000000' : _ref$color,
       locale = _ref.locale;
   return (0, _core.jsx)("svg", _extends({}, (0, _Logo.logoClasses)('graphic'), {
     xmlns: "http://www.w3.org/2000/svg",
@@ -55,14 +55,5 @@ var SvgLogo = function SvgLogo(_ref) {
 };
 
 exports.SvgLogo = SvgLogo;
-SvgLogo.propTypes = {
-  name: _propTypes["default"].bool,
-  color: _propTypes["default"].string,
-  locale: _propTypes["default"].string
-};
-SvgLogo.defaultProps = {
-  name: true,
-  color: '#000000'
-};
 var _default = SvgLogo;
 exports["default"] = _default;

package/lib/Logo/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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 Logo from './Logo';
+export default Logo;

package/lib/Masthead/Masthead.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 React, { ReactNode } from 'react';
+import { WithTranslation } from 'react-i18next';
+interface MastheadItemProps {
+    children?: ReactNode;
+    className?: string;
+    right?: boolean;
+    left?: boolean;
+}
+export declare const MastheadItem: ({ children, className, left, right }: MastheadItemProps) => JSX.Element;
+interface Props {
+    children?: ReactNode;
+    fixed?: boolean;
+    showLoaderWhenNeeded?: boolean;
+    infoContent?: ReactNode;
+    ndlaFilm?: boolean;
+    skipToMainContentId?: string;
+}
+export declare const Masthead: ({ children, fixed, infoContent, showLoaderWhenNeeded, ndlaFilm, skipToMainContentId, t, }: Props & WithTranslation) => JSX.Element;
+declare const _default: React.ComponentType<Pick<Pick<Props & WithTranslation<"translation">, "fixed" | "children" | "t" | "tReady" | "ndlaFilm" | "infoContent" | "showLoaderWhenNeeded" | "skipToMainContentId">, "fixed" | "children" | "ndlaFilm" | "infoContent" | "showLoaderWhenNeeded" | "skipToMainContentId"> & import("react-i18next").WithTranslationProps>;
+export default _default;

package/lib/Masthead/Masthead.js

@@ -7,8 +7,6 @@ exports["default"] = exports.Masthead = exports.MastheadItem = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
@@ -33,8 +31,10 @@ var classes = new _reactBemHelper["default"]({
 var MastheadItem = function MastheadItem(_ref) {
   var children = _ref.children,
       className = _ref.className,
-      left = _ref.left,
-      right = _ref.right;
+      _ref$left = _ref.left,
+      left = _ref$left === void 0 ? false : _ref$left,
+      _ref$right = _ref.right,
+      right = _ref$right === void 0 ? false : _ref$right;
   var itemClassNames = (0, _classnames["default"])(_defineProperty({}, classes('left').className, left), _defineProperty({}, classes('right').className, right), className);
   return (0, _core.jsx)("div", {
     className: itemClassNames
@@ -42,31 +42,18 @@ var MastheadItem = function MastheadItem(_ref) {
 };
 
 exports.MastheadItem = MastheadItem;
-MastheadItem.propTypes = {
-  children: _propTypes["default"].node,
-  className: _propTypes["default"].string,
-  right: _propTypes["default"].bool,
-  left: _propTypes["default"].bool
-};
-MastheadItem.defaultProps = {
-  right: false,
-  left: false
-};
 
 var MastheadInfo = function MastheadInfo(_ref2) {
   var children = _ref2.children;
   return (0, _core.jsx)("div", classes('info'), (0, _core.jsx)("div", classes('info-content'), children));
 };
 
-MastheadInfo.propTypes = {
-  children: _propTypes["default"].node.isRequired
-};
-
 var Masthead = function Masthead(_ref3) {
   var children = _ref3.children,
       fixed = _ref3.fixed,
       infoContent = _ref3.infoContent,
-      showLoaderWhenNeeded = _ref3.showLoaderWhenNeeded,
+      _ref3$showLoaderWhenN = _ref3.showLoaderWhenNeeded,
+      showLoaderWhenNeeded = _ref3$showLoaderWhenN === void 0 ? true : _ref3$showLoaderWhenN,
       ndlaFilm = _ref3.ndlaFilm,
       skipToMainContentId = _ref3.skipToMainContentId,
       t = _ref3.t;
@@ -74,12 +61,12 @@ var Masthead = function Masthead(_ref3) {
     tabIndex: 0,
     href: "#".concat(skipToMainContentId)
   }, classes('skip-to-main-content')), t('masthead.skipToContent')), (0, _core.jsx)("div", classes('placeholder', {
-    infoContent: infoContent
+    infoContent: !!infoContent
   })), (0, _core.jsx)("div", classes('', {
-    fixed: fixed,
-    infoContent: infoContent,
+    fixed: !!fixed,
+    infoContent: !!infoContent,
     showLoaderWhenNeeded: showLoaderWhenNeeded,
-    ndlaFilm: ndlaFilm
+    ndlaFilm: !!ndlaFilm
   }), infoContent && (0, _core.jsx)(_Animation.DisplayOnPageYOffset, {
     yOffsetMin: 0,
     yOffsetMax: 90
@@ -89,17 +76,6 @@ var Masthead = function Masthead(_ref3) {
 };
 
 exports.Masthead = Masthead;
-Masthead.propTypes = {
-  children: _propTypes["default"].node,
-  fixed: _propTypes["default"].bool,
-  showLoaderWhenNeeded: _propTypes["default"].bool,
-  infoContent: _propTypes["default"].node,
-  ndlaFilm: _propTypes["default"].bool,
-  skipToMainContentId: _propTypes["default"].string
-};
-Masthead.defaultProps = {
-  showLoaderWhenNeeded: true
-};
 
 var _default = (0, _reactI18next.withTranslation)()(Masthead);
 

package/lib/Masthead/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 Masthead, { MastheadItem } from './Masthead';
+export { MastheadItem };
+export default Masthead;

package/lib/NoContentBox/NoContentBox.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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.
+ *
+ */
+interface Props {
+    onClick?: () => void;
+    buttonText?: string;
+    text: string;
+}
+export declare const NoContentBox: ({ buttonText, text, onClick }: Props) => JSX.Element;
+export default NoContentBox;