@ndla/ui 3.2.1-alpha.3 → 3.2.2

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;

package/lib/NoContentBox/NoContentBox.js

@@ -7,8 +7,6 @@ exports["default"] = exports.NoContentBox = 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"));
@@ -24,6 +22,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  * LICENSE file in the root directory of this source tree.
  *
  */
+//@ts-ignore
 var classes = new _reactBemHelper["default"]({
   name: 'topic-resource',
   prefix: 'c-'
@@ -40,14 +39,5 @@ var NoContentBox = function NoContentBox(_ref) {
 };
 
 exports.NoContentBox = NoContentBox;
-NoContentBox.propTypes = {
-  onClick: _propTypes["default"].func,
-  buttonText: _propTypes["default"].string,
-  text: _propTypes["default"].string.isRequired
-};
-NoContentBox.defaultProps = {
-  onClick: null,
-  buttonText: undefined
-};
 var _default = NoContentBox;
 exports["default"] = _default;

package/lib/NoContentBox/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 NoContentBox from './NoContentBox';
+export default NoContentBox;

package/lib/Portrait/Portrait.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 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 {
+    src: string;
+    alt: string;
+    className?: string;
+    modifier?: 'small' | 'large';
+}
+declare const Portrait: ({ src, alt, modifier, className }: Props) => JSX.Element;
+export default Portrait;

package/lib/Portrait/Portrait.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");
@@ -41,15 +39,5 @@ var Portrait = function Portrait(_ref) {
   }));
 };
 
-Portrait.propTypes = {
-  src: _propTypes["default"].string.isRequired,
-  alt: _propTypes["default"].string.isRequired,
-  className: _propTypes["default"].string,
-  modifier: _propTypes["default"].oneOf(['small', 'large'])
-};
-Portrait.defaultProps = {
-  className: null,
-  modifier: null
-};
 var _default = Portrait;
 exports["default"] = _default;

package/lib/Portrait/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 Portrait from './Portrait';
+export default Portrait;

package/lib/RelatedArticleList/RelatedArticleList.d.ts

@@ -0,0 +1,25 @@
+import { ReactElement } from 'react';
+interface RelatedArticleProps {
+    icon: ReactElement;
+    title: string;
+    modifier?: string;
+    introduction: string;
+    to: string;
+    linkInfo?: string;
+    target?: string;
+}
+export declare const RelatedArticle: ({ title, introduction, icon, modifier, to, linkInfo, target, }: RelatedArticleProps) => JSX.Element;
+interface Props {
+    messages: {
+        title: string;
+        showMore: string;
+        showLess: string;
+    };
+    children?: ReactElement;
+    dangerouslySetInnerHTML?: {
+        __html: string;
+    };
+    articleCount?: number;
+}
+declare const RelatedArticleList: ({ messages, children, articleCount, dangerouslySetInnerHTML }: Props) => JSX.Element;
+export default RelatedArticleList;

package/lib/RelatedArticleList/RelatedArticleList.js

@@ -9,8 +9,6 @@ exports["default"] = exports.RelatedArticle = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
 var _button = _interopRequireDefault(require("@ndla/button"));
@@ -51,7 +49,7 @@ var RelatedArticle = function RelatedArticle(_ref) {
     to: to
   }, classes('link'), {
     target: target,
-    rel: linkInfo ? 'noopener noreferrer' : null
+    rel: linkInfo ? 'noopener noreferrer' : undefined
   }), title))), (0, _core.jsx)("p", _extends({}, classes('description'), {
     dangerouslySetInnerHTML: {
       __html: introduction
@@ -60,22 +58,13 @@ var RelatedArticle = function RelatedArticle(_ref) {
 };
 
 exports.RelatedArticle = RelatedArticle;
-RelatedArticle.propTypes = {
-  icon: _propTypes["default"].node.isRequired,
-  title: _propTypes["default"].string.isRequired,
-  modifier: _propTypes["default"].string,
-  introduction: _propTypes["default"].string.isRequired,
-  to: _propTypes["default"].string.isRequired,
-  linkInfo: _propTypes["default"].string,
-  target: _propTypes["default"].string
-};
 
 var RelatedArticleList = function RelatedArticleList(_ref2) {
   var messages = _ref2.messages,
       children = _ref2.children,
       articleCount = _ref2.articleCount,
       dangerouslySetInnerHTML = _ref2.dangerouslySetInnerHTML;
-  var clonedChildren = !dangerouslySetInnerHTML ? _react["default"].Children.map(children, function (article, i) {
+  var clonedChildren = !dangerouslySetInnerHTML && children ? _react["default"].Children.map(children, function (article, i) {
     return /*#__PURE__*/_react["default"].cloneElement(article, {
       modifier: i >= 2 ? "".concat(article.props.modifier, " hidden") : article.props.modifier
     });
@@ -95,15 +84,5 @@ var RelatedArticleList = function RelatedArticleList(_ref2) {
   }, messages.showMore));
 };
 
-RelatedArticleList.propTypes = {
-  children: _propTypes["default"].node,
-  messages: _propTypes["default"].shape({
-    title: _propTypes["default"].string.isRequired
-  }),
-  dangerouslySetInnerHTML: _propTypes["default"].shape({
-    __html: _propTypes["default"].string.isRequired
-  }),
-  articleCount: _propTypes["default"].number
-};
 var _default = RelatedArticleList;
 exports["default"] = _default;

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

package/lib/Topic/Topic.d.ts

@@ -7,6 +7,7 @@
  */
 import React from 'react';
 import { ItemProps } from '../Navigation/NavigationBox';
+import { ImageCrop, ImageFocalPoint } from '../types';
 declare type VisualElementProps = {
     type: 'image' | 'video' | 'other';
     element: React.ReactNode;
@@ -18,8 +19,8 @@ export declare type TopicProps = {
         image?: {
             url: string;
             alt: string;
-            crop?: object;
-            focalPoint?: object;
+            crop?: ImageCrop;
+            focalPoint?: ImageFocalPoint;
         };
         visualElement?: VisualElementProps;
         resources?: React.ReactNode;