@ndla/ui 30.0.2 → 30.0.6

package/lib/TopicIntroductionList/TopicIntroduction.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TopicIntroduction = void 0;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
@@ -19,8 +21,6 @@ var _safelink = _interopRequireDefault(require("@ndla/safelink"));
 
 var _TopicIntroductionShortcuts = _interopRequireDefault(require("./TopicIntroductionShortcuts"));
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 /**
@@ -52,46 +52,59 @@ var TopicIntroduction = function TopicIntroduction(_ref) {
       t = _useTranslation.t;
 
   var contentTypeDescription = t(additional ? 'resource.tooltipAdditionalTopic' : 'resource.tooltipCoreTopic');
-  return (0, _react2.jsx)("li", {
+  return (0, _jsxRuntime.jsx)("li", {
     className: topicClasses('item', {
       subjectPage: !!subjectPage,
       additional: additional,
       showAdditionalCores: showAdditionalCores
+    }),
+    children: (0, _jsxRuntime.jsxs)("article", {
+      className: topicClasses('body'),
+      children: [(0, _jsxRuntime.jsxs)("div", {
+        className: topicClasses('heading-wrapper'),
+        children: [(0, _jsxRuntime.jsx)("h1", {
+          className: topicClasses('header'),
+          children: (0, _jsxRuntime.jsx)(_safelink["default"], {
+            to: toTopic(topic.id),
+            "aria-describedby": id,
+            children: topic.name
+          })
+        }), (0, _jsxRuntime.jsx)("span", {
+          id: id,
+          hidden: true,
+          children: contentTypeDescription
+        }), additional && (0, _jsxRuntime.jsx)(_tooltip["default"], {
+          tooltip: t('resource.tooltipAdditionalTopic'),
+          children: (0, _jsxRuntime.jsx)(_common.Additional, {
+            className: "c-icon--20 u-margin-left-tiny"
+          })
+        }), !additional && showAdditionalCores && (0, _jsxRuntime.jsx)(_tooltip["default"], {
+          tooltip: t('resource.tooltipCoreTopic'),
+          children: (0, _jsxRuntime.jsx)(_common.Core, {
+            className: "c-icon--20 u-margin-left-tiny"
+          })
+        })]
+      }), (0, _jsxRuntime.jsxs)("div", {
+        className: topicClasses('content-wrapper'),
+        children: [(0, _jsxRuntime.jsxs)("div", {
+          children: [(0, _jsxRuntime.jsx)("p", {
+            dangerouslySetInnerHTML: {
+              __html: topic.introduction
+            }
+          }), shortcuts && (0, _jsxRuntime.jsx)(_TopicIntroductionShortcuts["default"], {
+            alwaysExpanded: shortcutAlwaysExpanded,
+            id: "".concat(topic.id, "_shortcuts"),
+            shortcuts: shortcuts
+          })]
+        }), topic.metaImage && (0, _jsxRuntime.jsx)("div", {
+          children: (0, _jsxRuntime.jsx)("img", {
+            src: topic.metaImage.url,
+            alt: topic.metaImage.alt
+          })
+        })]
+      })]
     })
-  }, (0, _react2.jsx)("article", {
-    className: topicClasses('body')
-  }, (0, _react2.jsx)("div", {
-    className: topicClasses('heading-wrapper')
-  }, (0, _react2.jsx)("h1", {
-    className: topicClasses('header')
-  }, (0, _react2.jsx)(_safelink["default"], {
-    to: toTopic(topic.id),
-    "aria-describedby": id
-  }, topic.name)), (0, _react2.jsx)("span", {
-    id: id,
-    hidden: true
-  }, contentTypeDescription), additional && (0, _react2.jsx)(_tooltip["default"], {
-    tooltip: t('resource.tooltipAdditionalTopic')
-  }, (0, _react2.jsx)(_common.Additional, {
-    className: "c-icon--20 u-margin-left-tiny"
-  })), !additional && showAdditionalCores && (0, _react2.jsx)(_tooltip["default"], {
-    tooltip: t('resource.tooltipCoreTopic')
-  }, (0, _react2.jsx)(_common.Core, {
-    className: "c-icon--20 u-margin-left-tiny"
-  }))), (0, _react2.jsx)("div", {
-    className: topicClasses('content-wrapper')
-  }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("p", {
-    dangerouslySetInnerHTML: {
-      __html: topic.introduction
-    }
-  }), shortcuts && (0, _react2.jsx)(_TopicIntroductionShortcuts["default"], {
-    alwaysExpanded: shortcutAlwaysExpanded,
-    id: "".concat(topic.id, "_shortcuts"),
-    shortcuts: shortcuts
-  })), topic.metaImage && (0, _react2.jsx)("div", null, (0, _react2.jsx)("img", {
-    src: topic.metaImage.url,
-    alt: topic.metaImage.alt
-  })))));
+  });
 };
 
 exports.TopicIntroduction = TopicIntroduction;

package/lib/TopicIntroductionList/TopicIntroductionList.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
@@ -15,11 +17,13 @@ var _NoContentBox = _interopRequireDefault(require("../NoContentBox"));
 
 var _TopicIntroduction = require("./TopicIntroduction");
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -50,28 +54,29 @@ var TopicIntroductionList = function TopicIntroductionList(_ref) {
   }).length > 0 && topics.filter(function (topic) {
     return !topic.additional;
   }).length === 0;
-  return (0, _react2.jsx)("ul", {
+  return (0, _jsxRuntime.jsxs)("ul", {
     className: topicClasses('list', {
       twoColumns: twoColumns
-    })
-  }, topics.map(function (topic, index) {
-    var shortcuts = topic.shortcuts,
-        additional = topic.additional;
-    return (0, _react2.jsx)(_TopicIntroduction.TopicIntroduction, _extends({
-      key: topic.id
-    }, rest, {
-      topic: topic,
-      shortcuts: shortcuts,
-      additional: additional,
-      showAdditionalCores: showAdditionalCores,
-      shortcutAlwaysExpanded: shortcutAlwaysExpanded,
-      id: "".concat(topic.id, "_").concat(index)
-    }));
-  }), renderAdditionalTopicsTrigger && (0, _react2.jsx)("li", null, (0, _react2.jsx)(_NoContentBox["default"], {
-    onClick: toggleAdditionalCores,
-    text: t('resource.noCoreResourcesAvailableUnspecific'),
-    buttonText: t('resource.activateAdditionalResources')
-  })));
+    }),
+    children: [topics.map(function (topic, index) {
+      var shortcuts = topic.shortcuts,
+          additional = topic.additional;
+      return (0, _jsxRuntime.jsx)(_TopicIntroduction.TopicIntroduction, _objectSpread(_objectSpread({}, rest), {}, {
+        topic: topic,
+        shortcuts: shortcuts,
+        additional: additional,
+        showAdditionalCores: showAdditionalCores,
+        shortcutAlwaysExpanded: shortcutAlwaysExpanded,
+        id: "".concat(topic.id, "_").concat(index)
+      }), topic.id);
+    }), renderAdditionalTopicsTrigger && (0, _jsxRuntime.jsx)("li", {
+      children: (0, _jsxRuntime.jsx)(_NoContentBox["default"], {
+        onClick: toggleAdditionalCores,
+        text: t('resource.noCoreResourcesAvailableUnspecific'),
+        buttonText: t('resource.activateAdditionalResources')
+      })
+    })]
+  });
 };
 
 var _default = TopicIntroductionList;

package/lib/TopicIntroductionList/TopicIntroductionShortcuts.js

@@ -7,7 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("@emotion/react");
+
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
+var _react2 = _interopRequireWildcard(require("react"));
 
 var _reactI18next = require("react-i18next");
 
@@ -17,15 +21,17 @@ var _common = require("@ndla/icons/common");
 
 var _TopicShortcutItem = _interopRequireDefault(require("./TopicShortcutItem"));
 
-var _react2 = require("@emotion/react");
-
 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; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -53,17 +59,17 @@ var TopicIntroductionShortcuts = function TopicIntroductionShortcuts(_ref) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
-  var _useState = (0, _react.useState)(alwaysExpanded),
+  var _useState = (0, _react2.useState)(alwaysExpanded),
       _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
       setOpen = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = (0, _react2.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
       returned = _useState4[0],
       setReturned = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(true),
+  var _useState5 = (0, _react2.useState)(true),
       _useState6 = _slicedToArray(_useState5, 2),
       showButtonText = _useState6[0],
       setShowButtonText = _useState6[1];
@@ -87,30 +93,36 @@ var TopicIntroductionShortcuts = function TopicIntroductionShortcuts(_ref) {
       return handleOnToggle(false);
     };
 
-    buttonView = (0, _react2.jsx)("button", _extends({
+    buttonView = (0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
       type: "button",
       "aria-expanded": open,
       "aria-label": t('resource.label'),
       "aria-controls": id
-    }, classes('button', returned ? 're-enter' : ''), {
+    }, classes('button', returned ? 're-enter' : '')), {}, {
       onClick: function onClick() {
         return handleOnToggle(!open);
-      }
-    }), (0, _react2.jsx)(_common.Forward, null), showButtonText && (0, _react2.jsx)("span", classes('label'), t('resource.label')));
+      },
+      children: [(0, _jsxRuntime.jsx)(_common.Forward, {}), showButtonText && (0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, classes('label')), {}, {
+        children: t('resource.label')
+      }))]
+    }));
   }
 
-  return (0, _react2.jsx)("div", _extends({
+  return (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
-  }, classes()), buttonView, open && (0, _react2.jsx)("ul", {
-    className: classes('list', open ? 'visible' : '').className
-  }, shortcuts.map(function (shortcut) {
-    return (0, _react2.jsx)("li", _extends({}, classes('item'), {
-      key: shortcut.id
-    }), (0, _react2.jsx)(_TopicShortcutItem["default"], {
-      shortcut: shortcut
-    }));
-  })));
+  }, classes()), {}, {
+    children: [buttonView, open && (0, _jsxRuntime.jsx)("ul", {
+      className: classes('list', open ? 'visible' : '').className,
+      children: shortcuts.map(function (shortcut) {
+        return (0, _react.createElement)("li", _objectSpread(_objectSpread({}, classes('item')), {}, {
+          key: shortcut.id
+        }), (0, _jsxRuntime.jsx)(_TopicShortcutItem["default"], {
+          shortcut: shortcut
+        }));
+      })
+    })]
+  }));
 };
 
 var _default = TopicIntroductionShortcuts;

package/lib/TopicIntroductionList/TopicShortcutItem.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
@@ -17,11 +19,13 @@ var _reactI18next = require("react-i18next");
 
 var _ContentTypeBadge = _interopRequireDefault(require("../ContentTypeBadge"));
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var classes = new _reactBemHelper["default"]({
   name: 'topic-shortcuts',
@@ -39,19 +43,23 @@ var ShortcutItem = function ShortcutItem(_ref) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
-  return (0, _react2.jsx)(_tooltip["default"], {
+  return (0, _jsxRuntime.jsx)(_tooltip["default"], {
     id: "shortcut-tooltip-".concat(id),
     tooltip: t('resource.shortcutsTooltip', {
       count: count
-    })
-  }, (0, _react2.jsx)(_safelink["default"], _extends({}, classes('item-link'), {
-    "aria-label": tooltip,
-    to: url
-  }), (0, _react2.jsx)(_ContentTypeBadge["default"], {
-    type: contentType,
-    size: "x-small",
-    background: true
-  }), (0, _react2.jsx)("span", classes('count'), count)));
+    }),
+    children: (0, _jsxRuntime.jsxs)(_safelink["default"], _objectSpread(_objectSpread({}, classes('item-link')), {}, {
+      "aria-label": tooltip,
+      to: url,
+      children: [(0, _jsxRuntime.jsx)(_ContentTypeBadge["default"], {
+        type: contentType,
+        size: "x-small",
+        background: true
+      }), (0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, classes('count')), {}, {
+        children: count
+      }))]
+    }))
+  });
 };
 
 var _default = ShortcutItem;