@ndla/ui 2.1.4 → 2.1.5

package/es/Article/Article.js

@@ -129,7 +129,7 @@ export var Article = function Article(_ref4) {
   var _useIntersectionObser = useIntersectionObserver({
     root: null,
     rootMargin: '400px',
-    threshold: 0.25
+    threshold: 0.1
   }),
       _useIntersectionObser2 = _slicedToArray(_useIntersectionObser, 2),
       articleRef = _useIntersectionObser2[0],

package/es/AudioPlayer/initAudioPlayers.js

@@ -9,7 +9,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Controls from './Controls';
 import SpeechControl from './SpeechControl';
-import LocaleProvider from '../locale/LocaleProvider';
 import { truncateDescription } from './AudioPlayer';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 
@@ -29,17 +28,15 @@ var initAudioPlayers = function initAudioPlayers(locale) {
 
     if (src && title) {
       if (speech) {
-        ReactDOM.render(___EmotionJSX(SpeechControl, {
+        ReactDOM.hydrate(___EmotionJSX(SpeechControl, {
           src: src,
           title: title
         }), el);
       } else {
-        ReactDOM.render(___EmotionJSX(LocaleProvider, {
-          locale: locale
-        }, ___EmotionJSX(Controls, {
+        ReactDOM.hydrate(___EmotionJSX(Controls, {
           src: src,
           title: title
-        })), el);
+        }), el);
       }
     }
   });

package/es/TopicMenu/TopicMenu.js

@@ -302,11 +302,11 @@ export var TopicMenu = function TopicMenu(_ref) {
 TopicMenu.propTypes = {
   topics: PropTypes.arrayOf(TopicShape).isRequired,
   toFrontpage: PropTypes.func.isRequired,
-  toTopic: PropTypes.func.isRequired,
-  toSubject: PropTypes.func.isRequired,
+  toTopic: PropTypes.func,
+  toSubject: PropTypes.func,
   close: PropTypes.func,
   defaultCount: PropTypes.number,
-  subjectTitle: PropTypes.string.isRequired,
+  subjectTitle: PropTypes.string,
   resourceToLinkProps: PropTypes.func.isRequired,
   onNavigate: PropTypes.func.isRequired,
   expandedTopicId: PropTypes.string,

package/lib/Article/Article.js

@@ -159,7 +159,7 @@ var Article = function Article(_ref4) {
   var _useIntersectionObser = (0, _hooks.useIntersectionObserver)({
     root: null,
     rootMargin: '400px',
-    threshold: 0.25
+    threshold: 0.1
   }),
       _useIntersectionObser2 = _slicedToArray(_useIntersectionObser, 2),
       articleRef = _useIntersectionObser2[0],

package/lib/AudioPlayer/initAudioPlayers.js

@@ -13,8 +13,6 @@ var _Controls = _interopRequireDefault(require("./Controls"));
 
 var _SpeechControl = _interopRequireDefault(require("./SpeechControl"));
 
-var _LocaleProvider = _interopRequireDefault(require("../locale/LocaleProvider"));
-
 var _AudioPlayer = require("./AudioPlayer");
 
 var _core = require("@emotion/core");
@@ -44,17 +42,15 @@ var initAudioPlayers = function initAudioPlayers(locale) {
 
     if (src && title) {
       if (speech) {
-        _reactDom["default"].render((0, _core.jsx)(_SpeechControl["default"], {
+        _reactDom["default"].hydrate((0, _core.jsx)(_SpeechControl["default"], {
           src: src,
           title: title
         }), el);
       } else {
-        _reactDom["default"].render((0, _core.jsx)(_LocaleProvider["default"], {
-          locale: locale
-        }, (0, _core.jsx)(_Controls["default"], {
+        _reactDom["default"].hydrate((0, _core.jsx)(_Controls["default"], {
           src: src,
           title: title
-        })), el);
+        }), el);
       }
     }
   });

package/lib/TopicMenu/TopicMenu.js

@@ -331,11 +331,11 @@ exports.TopicMenu = TopicMenu;
 TopicMenu.propTypes = {
   topics: _propTypes["default"].arrayOf(_shapes.TopicShape).isRequired,
   toFrontpage: _propTypes["default"].func.isRequired,
-  toTopic: _propTypes["default"].func.isRequired,
-  toSubject: _propTypes["default"].func.isRequired,
+  toTopic: _propTypes["default"].func,
+  toSubject: _propTypes["default"].func,
   close: _propTypes["default"].func,
   defaultCount: _propTypes["default"].number,
-  subjectTitle: _propTypes["default"].string.isRequired,
+  subjectTitle: _propTypes["default"].string,
   resourceToLinkProps: _propTypes["default"].func.isRequired,
   onNavigate: _propTypes["default"].func.isRequired,
   expandedTopicId: _propTypes["default"].string,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "2.1.4",
+  "version": "2.1.5",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -34,15 +34,15 @@
     "@ndla/button": "^1.0.2",
     "@ndla/carousel": "^1.0.2",
     "@ndla/core": "^0.7.2",
-    "@ndla/hooks": "^1.0.2",
+    "@ndla/hooks": "^1.0.3",
     "@ndla/icons": "^1.0.1",
     "@ndla/licenses": "^1.0.2",
-    "@ndla/modal": "^1.1.4",
+    "@ndla/modal": "^1.1.5",
     "@ndla/safelink": "^1.0.1",
     "@ndla/switch": "^0.0.32",
-    "@ndla/tabs": "^1.0.4",
+    "@ndla/tabs": "^1.0.5",
     "@ndla/tooltip": "^0.2.44",
-    "@ndla/util": "^1.0.2",
+    "@ndla/util": "^1.0.3",
     "@reach/menu-button": "^0.12.1",
     "@reach/slider": "^0.12.1",
     "@types/hoist-non-react-statics": "^3.3.1",
@@ -92,5 +92,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8f7c7acfa0ef1ab0b66b8a1cdfc111f1e4d83720"
+  "gitHead": "e10a8348999df08fd71cc4959e873252395bfea9"
 }

package/src/Article/Article.tsx

@@ -143,7 +143,7 @@ export const Article = ({
   const [articleRef, { entry }] = useIntersectionObserver({
     root: null,
     rootMargin: '400px',
-    threshold: 0.25,
+    threshold: 0.1,
   });
   const [articlePositionRight, setArticlePositionRight] = useState(0);
   const wrapperRef = useRef<HTMLDivElement>(null);

package/src/AudioPlayer/initAudioPlayers.tsx

@@ -10,7 +10,6 @@ import ReactDOM from 'react-dom';
 
 import Controls from './Controls';
 import SpeechControl from './SpeechControl';
-import LocaleProvider from '../locale/LocaleProvider';
 import { Locale } from '../types';
 import { truncateDescription } from './AudioPlayer';
 
@@ -28,14 +27,9 @@ const initAudioPlayers = (locale: Locale) => {
     const speech = el.getAttribute('data-speech');
     if (src && title) {
       if (speech) {
-        ReactDOM.render(<SpeechControl src={src} title={title} />, el);
+        ReactDOM.hydrate(<SpeechControl src={src} title={title} />, el);
       } else {
-        ReactDOM.render(
-          <LocaleProvider locale={locale}>
-            <Controls src={src} title={title} />
-          </LocaleProvider>,
-          el,
-        );
+        ReactDOM.hydrate(<Controls src={src} title={title} />, el);
       }
     }
   });

package/src/TopicMenu/TopicMenu.jsx

@@ -349,11 +349,11 @@ export const TopicMenu = ({
 TopicMenu.propTypes = {
   topics: PropTypes.arrayOf(TopicShape).isRequired,
   toFrontpage: PropTypes.func.isRequired,
-  toTopic: PropTypes.func.isRequired,
-  toSubject: PropTypes.func.isRequired,
+  toTopic: PropTypes.func,
+  toSubject: PropTypes.func,
   close: PropTypes.func,
   defaultCount: PropTypes.number,
-  subjectTitle: PropTypes.string.isRequired,
+  subjectTitle: PropTypes.string,
   resourceToLinkProps: PropTypes.func.isRequired,
   onNavigate: PropTypes.func.isRequired,
   expandedTopicId: PropTypes.string,