@ndla/ui 29.0.0 → 30.0.0

package/lib/TopicIntroductionList/TopicIntroduction.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-/// <reference types="react" />
 import { Shortcut, Topic } from './TopicIntroductionList';
 interface Props {
     additional?: boolean;
@@ -18,5 +17,5 @@ interface Props {
     shortcutAlwaysExpanded?: boolean;
     id: string;
 }
-export declare const TopicIntroduction: ({ toTopic, topic, subjectPage, shortcuts, shortcutAlwaysExpanded, additional, showAdditionalCores, id, }: Props) => JSX.Element;
+export declare const TopicIntroduction: ({ toTopic, topic, subjectPage, shortcuts, shortcutAlwaysExpanded, additional, showAdditionalCores, id, }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export {};

package/lib/TopicIntroductionList/TopicIntroduction.js

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

package/lib/TopicIntroductionList/TopicIntroductionList.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-/// <reference types="react" />
 export interface Shortcut {
     id: string | number;
     tooltip: string;
@@ -32,5 +31,5 @@ interface Props {
     showAdditionalCores?: boolean;
     toggleAdditionalCores?: () => void;
 }
-declare const TopicIntroductionList: ({ topics, twoColumns, shortcutAlwaysExpanded, showAdditionalCores, toggleAdditionalCores, ...rest }: Props) => JSX.Element;
+declare const TopicIntroductionList: ({ topics, twoColumns, shortcutAlwaysExpanded, showAdditionalCores, toggleAdditionalCores, ...rest }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default TopicIntroductionList;

package/lib/TopicIntroductionList/TopicIntroductionList.js

@@ -15,7 +15,7 @@ var _NoContentBox = _interopRequireDefault(require("../NoContentBox"));
 
 var _TopicIntroduction = require("./TopicIntroduction");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -50,14 +50,14 @@ var TopicIntroductionList = function TopicIntroductionList(_ref) {
   }).length > 0 && topics.filter(function (topic) {
     return !topic.additional;
   }).length === 0;
-  return (0, _core.jsx)("ul", {
+  return (0, _react2.jsx)("ul", {
     className: topicClasses('list', {
       twoColumns: twoColumns
     })
   }, topics.map(function (topic, index) {
     var shortcuts = topic.shortcuts,
         additional = topic.additional;
-    return (0, _core.jsx)(_TopicIntroduction.TopicIntroduction, _extends({
+    return (0, _react2.jsx)(_TopicIntroduction.TopicIntroduction, _extends({
       key: topic.id
     }, rest, {
       topic: topic,
@@ -67,7 +67,7 @@ var TopicIntroductionList = function TopicIntroductionList(_ref) {
       shortcutAlwaysExpanded: shortcutAlwaysExpanded,
       id: "".concat(topic.id, "_").concat(index)
     }));
-  }), renderAdditionalTopicsTrigger && (0, _core.jsx)("li", null, (0, _core.jsx)(_NoContentBox["default"], {
+  }), renderAdditionalTopicsTrigger && (0, _react2.jsx)("li", null, (0, _react2.jsx)(_NoContentBox["default"], {
     onClick: toggleAdditionalCores,
     text: t('resource.noCoreResourcesAvailableUnspecific'),
     buttonText: t('resource.activateAdditionalResources')

package/lib/TopicIntroductionList/TopicIntroductionShortcuts.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { Shortcut } from './TopicIntroductionList';
 interface Props {
     id: string;
     alwaysExpanded?: boolean;
     shortcuts: Shortcut[];
 }
-declare const TopicIntroductionShortcuts: ({ id, alwaysExpanded, shortcuts }: Props) => JSX.Element;
+declare const TopicIntroductionShortcuts: ({ id, alwaysExpanded, shortcuts }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default TopicIntroductionShortcuts;

package/lib/TopicIntroductionList/TopicIntroductionShortcuts.js

@@ -17,7 +17,7 @@ var _common = require("@ndla/icons/common");
 
 var _TopicShortcutItem = _interopRequireDefault(require("./TopicShortcutItem"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -87,7 +87,7 @@ var TopicIntroductionShortcuts = function TopicIntroductionShortcuts(_ref) {
       return handleOnToggle(false);
     };
 
-    buttonView = (0, _core.jsx)("button", _extends({
+    buttonView = (0, _react2.jsx)("button", _extends({
       type: "button",
       "aria-expanded": open,
       "aria-label": t('resource.label'),
@@ -96,18 +96,18 @@ var TopicIntroductionShortcuts = function TopicIntroductionShortcuts(_ref) {
       onClick: function onClick() {
         return handleOnToggle(!open);
       }
-    }), (0, _core.jsx)(_common.Forward, null), showButtonText && (0, _core.jsx)("span", classes('label'), t('resource.label')));
+    }), (0, _react2.jsx)(_common.Forward, null), showButtonText && (0, _react2.jsx)("span", classes('label'), t('resource.label')));
   }
 
-  return (0, _core.jsx)("div", _extends({
+  return (0, _react2.jsx)("div", _extends({
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
-  }, classes()), buttonView, open && (0, _core.jsx)("ul", {
+  }, classes()), buttonView, open && (0, _react2.jsx)("ul", {
     className: classes('list', open ? 'visible' : '').className
   }, shortcuts.map(function (shortcut) {
-    return (0, _core.jsx)("li", _extends({}, classes('item'), {
+    return (0, _react2.jsx)("li", _extends({}, classes('item'), {
       key: shortcut.id
-    }), (0, _core.jsx)(_TopicShortcutItem["default"], {
+    }), (0, _react2.jsx)(_TopicShortcutItem["default"], {
       shortcut: shortcut
     }));
   })));

package/lib/TopicIntroductionList/TopicShortcutItem.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { Shortcut } from './TopicIntroductionList';
 interface Props {
     shortcut: Shortcut;
 }
-declare const ShortcutItem: ({ shortcut: { id, tooltip, contentType, url, count } }: Props) => JSX.Element;
+declare const ShortcutItem: ({ shortcut: { id, tooltip, contentType, url, count } }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default ShortcutItem;

package/lib/TopicIntroductionList/TopicShortcutItem.js

@@ -17,7 +17,7 @@ var _reactI18next = require("react-i18next");
 
 var _ContentTypeBadge = _interopRequireDefault(require("../ContentTypeBadge"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -39,19 +39,19 @@ var ShortcutItem = function ShortcutItem(_ref) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
-  return (0, _core.jsx)(_tooltip["default"], {
+  return (0, _react2.jsx)(_tooltip["default"], {
     id: "shortcut-tooltip-".concat(id),
     tooltip: t('resource.shortcutsTooltip', {
       count: count
     })
-  }, (0, _core.jsx)(_safelink["default"], _extends({}, classes('item-link'), {
+  }, (0, _react2.jsx)(_safelink["default"], _extends({}, classes('item-link'), {
     "aria-label": tooltip,
     to: url
-  }), (0, _core.jsx)(_ContentTypeBadge["default"], {
+  }), (0, _react2.jsx)(_ContentTypeBadge["default"], {
     type: contentType,
     size: "x-small",
     background: true
-  }), (0, _core.jsx)("span", classes('count'), count)));
+  }), (0, _react2.jsx)("span", classes('count'), count)));
 };
 
 var _default = ShortcutItem;