@ndla/ui 3.3.7 → 3.3.12

package/lib/MediaList/MediaList.js

@@ -7,8 +7,6 @@ exports.MediaListItemMeta = exports.HandleLink = exports.MediaListItemActions =
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _licenses = require("@ndla/licenses");
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
@@ -42,29 +40,20 @@ var MediaList = function MediaList(_ref) {
 };
 
 exports.MediaList = MediaList;
-MediaList.propTypes = {
-  children: _propTypes["default"].node.isRequired
-};
 
 var MediaListItem = function MediaListItem(_ref2) {
   var children = _ref2.children;
-  return (0, _core.jsx)("li", oClasses(null, null, cClasses('item').className), children);
+  return (0, _core.jsx)("li", oClasses(undefined, undefined, cClasses('item').className), children);
 };
 
 exports.MediaListItem = MediaListItem;
-MediaListItem.propTypes = {
-  children: _propTypes["default"].node.isRequired
-};
 
 var MediaListItemImage = function MediaListItemImage(_ref3) {
   var children = _ref3.children;
-  return (0, _core.jsx)("div", oClasses('img', null, cClasses('img').className), (0, _core.jsx)("div", null, children));
+  return (0, _core.jsx)("div", oClasses('img', undefined, cClasses('img').className), (0, _core.jsx)("div", null, children));
 };
 
 exports.MediaListItemImage = MediaListItemImage;
-MediaListItemImage.propTypes = {
-  children: _propTypes["default"].node.isRequired
-};
 
 var MediaListCCLink = function MediaListCCLink(_ref4) {
   var children = _ref4.children,
@@ -78,13 +67,6 @@ var MediaListCCLink = function MediaListCCLink(_ref4) {
 };
 
 exports.MediaListCCLink = MediaListCCLink;
-MediaListCCLink.propTypes = {
-  children: _propTypes["default"].node.isRequired,
-  url: _propTypes["default"].string.isRequired
-};
-MediaListCCLink.defaultProps = {
-  language: 'no'
-};
 
 var MediaListItemBody = function MediaListItemBody(_ref5) {
   var children = _ref5.children,
@@ -92,14 +74,15 @@ var MediaListItemBody = function MediaListItemBody(_ref5) {
       messages = _ref5.messages,
       title = _ref5.title,
       locale = _ref5.locale,
-      resourceUrl = _ref5.resourceUrl,
+      _ref5$resourceUrl = _ref5.resourceUrl,
+      resourceUrl = _ref5$resourceUrl === void 0 ? '' : _ref5$resourceUrl,
       resourceType = _ref5.resourceType;
   var license = (0, _licenses.getLicenseByAbbreviation)(licenseAbbreviation, locale);
-  var containerProps = (0, _licenses.isCreativeCommonsLicense)(license.rights) ? _objectSpread(_objectSpread({}, oClasses('body', null, cClasses('body').className)), {}, {
+  var containerProps = (0, _licenses.isCreativeCommonsLicense)(license.rights) ? _objectSpread(_objectSpread({}, oClasses('body', undefined, cClasses('body').className)), {}, {
     'xmlns:cc': 'https://creativecommons.org/ns#',
     'xmlns:dct': 'http://purl.org/dc/terms/',
     about: resourceUrl
-  }) : _objectSpread({}, oClasses('body', null, cClasses('body').className));
+  }) : _objectSpread({}, oClasses('body', undefined, cClasses('body').className));
   var metaResourceType = (0, _licenses.getResourceTypeNamespace)(resourceType);
   return (0, _core.jsx)("div", containerProps, metaResourceType && (0, _core.jsx)("span", {
     rel: "dct:type",
@@ -110,7 +93,6 @@ var MediaListItemBody = function MediaListItemBody(_ref5) {
   }), title ? (0, _core.jsx)("h3", {
     className: "c-medialist__title"
   }, title, " ") : null, (0, _core.jsx)(_licenses.LicenseDescription, {
-    withDescription: true,
     locale: locale,
     messages: messages,
     licenseRights: license.rights,
@@ -121,23 +103,6 @@ var MediaListItemBody = function MediaListItemBody(_ref5) {
 };
 
 exports.MediaListItemBody = MediaListItemBody;
-MediaListItemBody.propTypes = {
-  children: _propTypes["default"].node.isRequired,
-  license: _propTypes["default"].string.isRequired,
-  locale: _propTypes["default"].string.isRequired,
-  resourceUrl: _propTypes["default"].string,
-  resourceType: _propTypes["default"].oneOf(Object.keys(_licenses.resourceTypes).map(function (key) {
-    return _licenses.resourceTypes[key];
-  })),
-  messages: _propTypes["default"].shape({
-    modelPremission: _propTypes["default"].string
-  }),
-  title: _propTypes["default"].string
-};
-MediaListItemBody.defaultProps = {
-  resourceUrl: '' // defaults to current page
-
-};
 
 var MediaListItemActions = function MediaListItemActions(_ref6) {
   var children = _ref6.children;
@@ -145,9 +110,6 @@ var MediaListItemActions = function MediaListItemActions(_ref6) {
 };
 
 exports.MediaListItemActions = MediaListItemActions;
-MediaListItemActions.propTypes = {
-  children: _propTypes["default"].node.isRequired
-};
 
 var isLink = function isLink(text) {
   return text.startsWith('http') || text.startsWith('https');
@@ -169,14 +131,11 @@ var HandleLink = function HandleLink(_ref7) {
 };
 
 exports.HandleLink = HandleLink;
-HandleLink.propTypes = {
-  text: _propTypes["default"].string.isRequired,
-  children: _propTypes["default"].node.isRequired
-};
 var attributionTypes = [_licenses.metaTypes.author, _licenses.metaTypes.copyrightHolder, _licenses.metaTypes.contributor];
 
 var MediaListItemMeta = function MediaListItemMeta(_ref8) {
-  var items = _ref8.items;
+  var _ref8$items = _ref8.items,
+      items = _ref8$items === void 0 ? [] : _ref8$items;
   var attributionItems = items.filter(function (item) {
     return attributionTypes.some(function (type) {
       return type === item.metaType;
@@ -185,32 +144,19 @@ var MediaListItemMeta = function MediaListItemMeta(_ref8) {
   var attributionMeta = attributionItems.map(function (item) {
     return "".concat(item.label, ": ").concat(item.description);
   }).join(', ');
-  return (0, _core.jsx)("ul", _extends({}, cClasses('actions'), {
-    property: "cc:attributionName",
-    content: attributionMeta
-  }), items.map(function (item) {
-    return (0, _core.jsx)("li", {
-      key: (0, _util.uuid)(),
-      className: "c-medialist__meta-item"
-    }, item.label, ": ", (0, _core.jsx)(HandleLink, {
-      text: item.description
-    }, item.description));
-  }));
-};
-
-exports.MediaListItemMeta = MediaListItemMeta;
-
-var mediaListItemShape = _propTypes["default"].arrayOf(_propTypes["default"].shape({
-  label: _propTypes["default"].string.isRequired,
-  description: _propTypes["default"].string.isRequired,
-  metaType: _propTypes["default"].oneOf(Object.keys(_licenses.metaTypes).map(function (key) {
-    return _licenses.metaTypes[key];
-  })).isRequired
-}));
-
-MediaListItemMeta.propTypes = {
-  items: mediaListItemShape
-};
-MediaListItemMeta.defaultProps = {
-  items: []
-};
+  return (//@ts-ignore
+    (0, _core.jsx)("ul", _extends({}, cClasses('actions'), {
+      property: "cc:attributionName",
+      content: attributionMeta
+    }), items.map(function (item) {
+      return (0, _core.jsx)("li", {
+        key: (0, _util.uuid)(),
+        className: "c-medialist__meta-item"
+      }, item.label, ": ", (0, _core.jsx)(HandleLink, {
+        text: item.description
+      }, item.description));
+    }))
+  );
+};
+
+exports.MediaListItemMeta = MediaListItemMeta;

package/lib/MediaList/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ *
+ */
+export { MediaList, MediaListItem, MediaListItemBody, MediaListItemActions, MediaListItemImage, MediaListItemMeta, } from './MediaList';

package/lib/MessageBox/MessageBox.d.ts

@@ -1,15 +1,31 @@
+/**
+ * Copyright (c) 2022-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 from 'react';
 import { WithTranslation } from 'react-i18next';
+export declare enum MessageBoxType {
+    ghost = "ghost",
+    fullpage = "fullpage",
+    medium = "medium"
+}
 declare type WrapperProps = {
-    boxType?: 'info';
+    boxType?: MessageBoxType;
+};
+declare type LinkProps = {
+    href?: string;
+    text?: string;
 };
 declare type Props = {
     type?: WrapperProps['boxType'];
-    heading?: string;
     sticky?: boolean;
-    onClose?: () => void;
-    children: React.ReactNode;
+    onClose?: boolean;
+    children?: string;
+    links?: LinkProps[];
 };
-export declare const MessageBox: ({ heading, type, sticky, onClose, children, t, }: Props & WithTranslation) => JSX.Element;
-declare const _default: React.ComponentType<Pick<Pick<Props & WithTranslation<"translation">, "sticky" | "children" | "t" | "tReady" | "type" | "onClose" | "heading">, "sticky" | "children" | "type" | "onClose" | "heading"> & import("react-i18next").WithTranslationProps>;
+export declare const MessageBox: ({ type, sticky, onClose, children, links, t }: Props & WithTranslation) => JSX.Element;
+declare const _default: React.ComponentType<Pick<Pick<Props & WithTranslation<"translation">, "sticky" | "children" | "t" | "tReady" | "type" | "onClose" | "links">, "sticky" | "children" | "type" | "onClose" | "links"> & import("react-i18next").WithTranslationProps>;
 export default _default;