@ndla/ui 30.0.5 → 30.0.7

package/es/TopicIntroductionList/TopicIntroduction.js

@@ -1,3 +1,6 @@
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+
 /**
  * Copyright (c) 2016-present, NDLA.
  *
@@ -12,7 +15,6 @@ import { Additional, Core } from '@ndla/icons/common';
 import Tooltip from '@ndla/tooltip';
 import SafeLink from '@ndla/safelink';
 import TopicIntroductionShortcuts from './TopicIntroductionShortcuts';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 var topicClasses = new BEMHelper({
   prefix: 'c-',
   name: 'topic-introduction',
@@ -34,44 +36,57 @@ export var TopicIntroduction = function TopicIntroduction(_ref) {
       t = _useTranslation.t;
 
   var contentTypeDescription = t(additional ? 'resource.tooltipAdditionalTopic' : 'resource.tooltipCoreTopic');
-  return ___EmotionJSX("li", {
+  return _jsx("li", {
     className: topicClasses('item', {
       subjectPage: !!subjectPage,
       additional: additional,
       showAdditionalCores: showAdditionalCores
+    }),
+    children: _jsxs("article", {
+      className: topicClasses('body'),
+      children: [_jsxs("div", {
+        className: topicClasses('heading-wrapper'),
+        children: [_jsx("h1", {
+          className: topicClasses('header'),
+          children: _jsx(SafeLink, {
+            to: toTopic(topic.id),
+            "aria-describedby": id,
+            children: topic.name
+          })
+        }), _jsx("span", {
+          id: id,
+          hidden: true,
+          children: contentTypeDescription
+        }), additional && _jsx(Tooltip, {
+          tooltip: t('resource.tooltipAdditionalTopic'),
+          children: _jsx(Additional, {
+            className: "c-icon--20 u-margin-left-tiny"
+          })
+        }), !additional && showAdditionalCores && _jsx(Tooltip, {
+          tooltip: t('resource.tooltipCoreTopic'),
+          children: _jsx(Core, {
+            className: "c-icon--20 u-margin-left-tiny"
+          })
+        })]
+      }), _jsxs("div", {
+        className: topicClasses('content-wrapper'),
+        children: [_jsxs("div", {
+          children: [_jsx("p", {
+            dangerouslySetInnerHTML: {
+              __html: topic.introduction
+            }
+          }), shortcuts && _jsx(TopicIntroductionShortcuts, {
+            alwaysExpanded: shortcutAlwaysExpanded,
+            id: "".concat(topic.id, "_shortcuts"),
+            shortcuts: shortcuts
+          })]
+        }), topic.metaImage && _jsx("div", {
+          children: _jsx("img", {
+            src: topic.metaImage.url,
+            alt: topic.metaImage.alt
+          })
+        })]
+      })]
     })
-  }, ___EmotionJSX("article", {
-    className: topicClasses('body')
-  }, ___EmotionJSX("div", {
-    className: topicClasses('heading-wrapper')
-  }, ___EmotionJSX("h1", {
-    className: topicClasses('header')
-  }, ___EmotionJSX(SafeLink, {
-    to: toTopic(topic.id),
-    "aria-describedby": id
-  }, topic.name)), ___EmotionJSX("span", {
-    id: id,
-    hidden: true
-  }, contentTypeDescription), additional && ___EmotionJSX(Tooltip, {
-    tooltip: t('resource.tooltipAdditionalTopic')
-  }, ___EmotionJSX(Additional, {
-    className: "c-icon--20 u-margin-left-tiny"
-  })), !additional && showAdditionalCores && ___EmotionJSX(Tooltip, {
-    tooltip: t('resource.tooltipCoreTopic')
-  }, ___EmotionJSX(Core, {
-    className: "c-icon--20 u-margin-left-tiny"
-  }))), ___EmotionJSX("div", {
-    className: topicClasses('content-wrapper')
-  }, ___EmotionJSX("div", null, ___EmotionJSX("p", {
-    dangerouslySetInnerHTML: {
-      __html: topic.introduction
-    }
-  }), shortcuts && ___EmotionJSX(TopicIntroductionShortcuts, {
-    alwaysExpanded: shortcutAlwaysExpanded,
-    id: "".concat(topic.id, "_shortcuts"),
-    shortcuts: shortcuts
-  })), topic.metaImage && ___EmotionJSX("div", null, ___EmotionJSX("img", {
-    src: topic.metaImage.url,
-    alt: topic.metaImage.alt
-  })))));
+  });
 };

package/es/TopicIntroductionList/TopicIntroductionList.js

@@ -1,4 +1,11 @@
-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); }
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+
+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; }
 
@@ -16,7 +23,6 @@ import BEMHelper from 'react-bem-helper';
 import { useTranslation } from 'react-i18next';
 import NoContentBox from '../NoContentBox';
 import { TopicIntroduction } from './TopicIntroduction';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 var topicClasses = new BEMHelper({
   prefix: 'c-',
   name: 'topic-introduction',
@@ -42,28 +48,29 @@ var TopicIntroductionList = function TopicIntroductionList(_ref) {
   }).length > 0 && topics.filter(function (topic) {
     return !topic.additional;
   }).length === 0;
-  return ___EmotionJSX("ul", {
+  return _jsxs("ul", {
     className: topicClasses('list', {
       twoColumns: twoColumns
-    })
-  }, topics.map(function (topic, index) {
-    var shortcuts = topic.shortcuts,
-        additional = topic.additional;
-    return ___EmotionJSX(TopicIntroduction, _extends({
-      key: topic.id
-    }, rest, {
-      topic: topic,
-      shortcuts: shortcuts,
-      additional: additional,
-      showAdditionalCores: showAdditionalCores,
-      shortcutAlwaysExpanded: shortcutAlwaysExpanded,
-      id: "".concat(topic.id, "_").concat(index)
-    }));
-  }), renderAdditionalTopicsTrigger && ___EmotionJSX("li", null, ___EmotionJSX(NoContentBox, {
-    onClick: toggleAdditionalCores,
-    text: t('resource.noCoreResourcesAvailableUnspecific'),
-    buttonText: t('resource.activateAdditionalResources')
-  })));
+    }),
+    children: [topics.map(function (topic, index) {
+      var shortcuts = topic.shortcuts,
+          additional = topic.additional;
+      return _jsx(TopicIntroduction, _objectSpread(_objectSpread({}, rest), {}, {
+        topic: topic,
+        shortcuts: shortcuts,
+        additional: additional,
+        showAdditionalCores: showAdditionalCores,
+        shortcutAlwaysExpanded: shortcutAlwaysExpanded,
+        id: "".concat(topic.id, "_").concat(index)
+      }), topic.id);
+    }), renderAdditionalTopicsTrigger && _jsx("li", {
+      children: _jsx(NoContentBox, {
+        onClick: toggleAdditionalCores,
+        text: t('resource.noCoreResourcesAvailableUnspecific'),
+        buttonText: t('resource.activateAdditionalResources')
+      })
+    })]
+  });
 };
 
 export default TopicIntroductionList;

package/es/TopicIntroductionList/TopicIntroductionShortcuts.js

@@ -1,4 +1,12 @@
-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); }
+import { createElement as _createElement } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+
+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(); }
 
@@ -17,7 +25,6 @@ import { useTranslation } from 'react-i18next';
 import BEMHelper from 'react-bem-helper';
 import { Forward } from '@ndla/icons/common';
 import ShortcutItem from './TopicShortcutItem';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 var classes = new BEMHelper({
   name: 'topic-shortcuts',
   prefix: 'c-'
@@ -66,30 +73,36 @@ var TopicIntroductionShortcuts = function TopicIntroductionShortcuts(_ref) {
       return handleOnToggle(false);
     };
 
-    buttonView = ___EmotionJSX("button", _extends({
+    buttonView = _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);
-      }
-    }), ___EmotionJSX(Forward, null), showButtonText && ___EmotionJSX("span", classes('label'), t('resource.label')));
+      },
+      children: [_jsx(Forward, {}), showButtonText && _jsx("span", _objectSpread(_objectSpread({}, classes('label')), {}, {
+        children: t('resource.label')
+      }))]
+    }));
   }
 
-  return ___EmotionJSX("div", _extends({
+  return _jsxs("div", _objectSpread(_objectSpread({
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
-  }, classes()), buttonView, open && ___EmotionJSX("ul", {
-    className: classes('list', open ? 'visible' : '').className
-  }, shortcuts.map(function (shortcut) {
-    return ___EmotionJSX("li", _extends({}, classes('item'), {
-      key: shortcut.id
-    }), ___EmotionJSX(ShortcutItem, {
-      shortcut: shortcut
-    }));
-  })));
+  }, classes()), {}, {
+    children: [buttonView, open && _jsx("ul", {
+      className: classes('list', open ? 'visible' : '').className,
+      children: shortcuts.map(function (shortcut) {
+        return _createElement("li", _objectSpread(_objectSpread({}, classes('item')), {}, {
+          key: shortcut.id
+        }), _jsx(ShortcutItem, {
+          shortcut: shortcut
+        }));
+      })
+    })]
+  }));
 };
 
 export default TopicIntroductionShortcuts;

package/es/TopicIntroductionList/TopicShortcutItem.js

@@ -1,4 +1,11 @@
-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); }
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+
+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; }
 
 import React from 'react';
 import BEMHelper from 'react-bem-helper';
@@ -6,7 +13,6 @@ import Tooltip from '@ndla/tooltip';
 import SafeLink from '@ndla/safelink';
 import { useTranslation } from 'react-i18next';
 import ContentTypeBadge from '../ContentTypeBadge';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 var classes = new BEMHelper({
   name: 'topic-shortcuts',
   prefix: 'c-'
@@ -23,19 +29,23 @@ var ShortcutItem = function ShortcutItem(_ref) {
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
-  return ___EmotionJSX(Tooltip, {
+  return _jsx(Tooltip, {
     id: "shortcut-tooltip-".concat(id),
     tooltip: t('resource.shortcutsTooltip', {
       count: count
-    })
-  }, ___EmotionJSX(SafeLink, _extends({}, classes('item-link'), {
-    "aria-label": tooltip,
-    to: url
-  }), ___EmotionJSX(ContentTypeBadge, {
-    type: contentType,
-    size: "x-small",
-    background: true
-  }), ___EmotionJSX("span", classes('count'), count)));
+    }),
+    children: _jsxs(SafeLink, _objectSpread(_objectSpread({}, classes('item-link')), {}, {
+      "aria-label": tooltip,
+      to: url,
+      children: [_jsx(ContentTypeBadge, {
+        type: contentType,
+        size: "x-small",
+        background: true
+      }), _jsx("span", _objectSpread(_objectSpread({}, classes('count')), {}, {
+        children: count
+      }))]
+    }))
+  });
 };
 
 export default ShortcutItem;