@ndla/ui 3.2.1-alpha.3 → 3.2.2

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,26 @@
+/**
+ * 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 HeroProps {
+    children?: ReactNode;
+    contentType: 'subject-material' | 'tasks-and-activities' | 'assessment-resources' | 'subject' | 'external-learning-resources' | 'source-material' | 'learning-path' | 'topic' | 'beta' | 'ndla-film' | 'ndla-film has-image';
+}
+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,8 @@
+/**
+ * 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';

package/lib/Image/Image.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 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 { ImageCrop, ImageFocalPoint } from '../types';
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnFDIiwiZmlsZSI6IkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBkZWZpbmVkIGZyb20gJ2RlZmluZWQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IExhenlMb2FkSW1hZ2UgZnJvbSAnLi9MYXp5TG9hZEltYWdlJztcbmltcG9ydCB7IEltYWdlQ3JvcCwgSW1hZ2VGb2NhbFBvaW50IH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgbWFrZVNyY1F1ZXJ5U3RyaW5nID0gKHdpZHRoOiBudW1iZXIgfCB1bmRlZmluZWQsIGNyb3A/OiBJbWFnZUNyb3AsIGZvY2FsUG9pbnQ/OiBJbWFnZUZvY2FsUG9pbnQpID0+IHtcbiAgY29uc3Qgd2lkdGhQYXJhbXMgPSB3aWR0aCAmJiBgd2lkdGg9JHt3aWR0aH1gO1xuICBjb25zdCBjcm9wUGFyYW1zID1cbiAgICBjcm9wICYmIGBjcm9wU3RhcnRYPSR7Y3JvcC5zdGFydFh9JmNyb3BFbmRYPSR7Y3JvcC5lbmRYfSZjcm9wU3RhcnRZPSR7Y3JvcC5zdGFydFl9JmNyb3BFbmRZPSR7Y3JvcC5lbmRZfWA7XG4gIGNvbnN0IGZvY2FsUG9pbnRQYXJhbXMgPSBmb2NhbFBvaW50ICYmIGBmb2NhbFg9JHtmb2NhbFBvaW50Lnh9JmZvY2FsWT0ke2ZvY2FsUG9pbnQueX1gO1xuICBjb25zdCBwYXJhbXMgPSBbd2lkdGhQYXJhbXMsIGNyb3BQYXJhbXMsIGZvY2FsUG9pbnRQYXJhbXNdLmZpbHRlcigocCkgPT4gcCkuam9pbignJicpO1xuXG4gIHJldHVybiBwYXJhbXM7XG59O1xuXG5jb25zdCBnZXRTcmNTZXQgPSAoc3JjOiBzdHJpbmcsIGNyb3A6IEltYWdlQ3JvcCB8IHVuZGVmaW5lZCwgZm9jYWxQb2ludDogSW1hZ2VGb2NhbFBvaW50IHwgdW5kZWZpbmVkKSA9PiB7XG4gIGNvbnN0IHdpZHRocyA9IFsyNzIwLCAyMDgwLCAxNzYwLCAxNDQwLCAxMTIwLCAxMDAwLCA5NjAsIDgwMCwgNjQwLCA0ODAsIDMyMCwgMjQwLCAxODBdO1xuICByZXR1cm4gd2lkdGhzLm1hcCgod2lkdGgpID0+IGAke3NyY30/JHttYWtlU3JjUXVlcnlTdHJpbmcod2lkdGgsIGNyb3AsIGZvY2FsUG9pbnQpfSAke3dpZHRofXdgKS5qb2luKCcsICcpO1xufTtcblxuY29uc3QgU3R5bGVkSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgYWx0OiBzdHJpbmc7XG4gIHNyYzogc3RyaW5nO1xuICBzaXplcz86IHN0cmluZztcbiAgZmFsbGJhY2tXaWR0aD86IG51bWJlcjtcbiAgY29udGVudFR5cGU/OiBzdHJpbmc7XG4gIHNyY1NldD86IHN0cmluZztcbiAgbGF6eUxvYWQ/OiBib29sZWFuO1xuICBsYXp5TG9hZFNyYz86IHN0cmluZztcbiAgZXhwYW5kQnV0dG9uPzogUmVhY3ROb2RlO1xuICBjcm9wPzogSW1hZ2VDcm9wO1xuICBmb2NhbFBvaW50PzogSW1hZ2VGb2NhbFBvaW50O1xufVxuXG5jb25zdCBJbWFnZSA9ICh7XG4gIGFsdCxcbiAgc3JjLFxuICBsYXp5TG9hZCxcbiAgbGF6eUxvYWRTcmMsXG4gIGNyb3AsXG4gIGZvY2FsUG9pbnQsXG4gIGNvbnRlbnRUeXBlLFxuICBzaXplcyA9ICcobWluLXdpZHRoOiAxMDI0cHgpIDEwMjRweCwgMTAwdncnLFxuICBleHBhbmRCdXR0b24sXG4gIC4uLnJlc3Rcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHNyY1NldCA9IGRlZmluZWQocmVzdC5zcmNTZXQsIGdldFNyY1NldChzcmMsIGNyb3AsIGZvY2FsUG9pbnQpKTtcbiAgY29uc3QgZmFsbGJhY2tXaWR0aCA9IGRlZmluZWQocmVzdC5mYWxsYmFja1dpZHRoLCAxMDI0KTtcbiAgY29uc3QgcXVlcnlTdHJpbmcgPSBtYWtlU3JjUXVlcnlTdHJpbmcoZmFsbGJhY2tXaWR0aCwgY3JvcCwgZm9jYWxQb2ludCk7XG5cbiAgaWYgKGNvbnRlbnRUeXBlICYmIGNvbnRlbnRUeXBlID09PSAnaW1hZ2UvZ2lmJykge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8aW1nIGFsdD17YWx0fSBzcmM9e2Ake3NyY31gfSB7Li4ucmVzdH0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICBpZiAobGF6eUxvYWQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPExhenlMb2FkSW1hZ2VcbiAgICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgICBzcmM9e2Ake3NyY30/JHtxdWVyeVN0cmluZ31gfVxuICAgICAgICAgIHNyY1NldD17c3JjU2V0fVxuICAgICAgICAgIHNpemVzPXtzaXplc31cbiAgICAgICAgICBsYXp5TG9hZFNyYz17bGF6eUxvYWRTcmN9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgPHBpY3R1cmU+XG4gICAgICAgIDxzb3VyY2UgdHlwZT17Y29udGVudFR5cGV9IHNyY1NldD17c3JjU2V0fSBzaXplcz17c2l6ZXN9IC8+XG4gICAgICAgIDxpbWcgYWx0PXthbHR9IHNyYz17YCR7c3JjfT8ke3F1ZXJ5U3RyaW5nfWB9IHsuLi5yZXN0fSAvPlxuICAgICAgPC9waWN0dXJlPlxuICAgICAge2V4cGFuZEJ1dHRvbn1cbiAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEltYWdlO1xuIl19 */",
   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 '../types';
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlTGluay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTJCIiwiZmlsZSI6IkltYWdlTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtYWtlU3JjUXVlcnlTdHJpbmcgfSBmcm9tICcuL0ltYWdlJztcbmltcG9ydCB7IEltYWdlQ3JvcCwgSW1hZ2VGb2NhbFBvaW50IH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBTdHlsZWRMaW5rID0gc3R5bGVkLmFgXG4gIGJveC1zaGFkb3c6IGluc2V0IDAgMDtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNyYzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBzaXplcz86IHN0cmluZztcbiAgY3JvcD86IEltYWdlQ3JvcDtcbiAgZm9jYWxQb2ludD86IEltYWdlRm9jYWxQb2ludDtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIEltYWdlTGluayh7IHNyYywgY3JvcCwgY2hpbGRyZW4sIC4uLnJlc3QgfTogUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGlua1xuICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgIGhyZWY9e2Ake3NyY30/JHttYWtlU3JjUXVlcnlTdHJpbmcodW5kZWZpbmVkLCBjcm9wKX1gfVxuICAgICAgcmVsPVwibm9vcGVuZXIgbm9yZWZlcnJlclwiXG4gICAgICB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRMaW5rPlxuICApO1xufVxuIl19 */",
   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,11 @@
+/**
+ * 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 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;