@ndla/ui 6.1.3 → 6.2.0

package/es/Notion/ConceptNotion.js

@@ -16,13 +16,16 @@ import { jsx as ___EmotionJSX } from "@emotion/core";
 var ConceptNotion = function ConceptNotion(_ref) {
   var _concept$copyright$li, _concept$copyright, _concept$copyright$li2, _concept$subjectNames, _concept$visualElemen, _concept$visualElemen2;
 
-  var concept = _ref.concept;
+  var concept = _ref.concept,
+      disableScripts = _ref.disableScripts;
   var notionId = "notion-".concat(concept.id);
   var figureId = "notion-figure-".concat(concept.id);
   var visualElementId = "visual-element-".concat(concept.id);
   useEffect(function () {
-    initArticleScripts();
-  }, []);
+    if (!disableScripts) {
+      initArticleScripts();
+    }
+  }, [disableScripts]);
   return ___EmotionJSX(FigureNotion, {
     id: figureId,
     figureId: visualElementId,

package/lib/Notion/ConceptNotion.d.ts

@@ -20,6 +20,7 @@ export interface ConceptNotionType {
 }
 interface Props {
     concept: ConceptNotionType;
+    disableScripts?: boolean;
 }
-declare const ConceptNotion: ({ concept }: Props) => JSX.Element;
+declare const ConceptNotion: ({ concept, disableScripts }: Props) => JSX.Element;
 export default ConceptNotion;

package/lib/Notion/ConceptNotion.js

@@ -37,13 +37,16 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 var ConceptNotion = function ConceptNotion(_ref) {
   var _concept$copyright$li, _concept$copyright, _concept$copyright$li2, _concept$subjectNames, _concept$visualElemen, _concept$visualElemen2;
 
-  var concept = _ref.concept;
+  var concept = _ref.concept,
+      disableScripts = _ref.disableScripts;
   var notionId = "notion-".concat(concept.id);
   var figureId = "notion-figure-".concat(concept.id);
   var visualElementId = "visual-element-".concat(concept.id);
   (0, _react.useEffect)(function () {
-    (0, _articleScripts.initArticleScripts)();
-  }, []);
+    if (!disableScripts) {
+      (0, _articleScripts.initArticleScripts)();
+    }
+  }, [disableScripts]);
   return (0, _core.jsx)(_FigureNotion["default"], {
     id: figureId,
     figureId: visualElementId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "6.1.3",
+  "version": "6.2.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "054bec1c7e53019b772d7d57dcc55a5d1ba6fc47"
+  "gitHead": "69b0ff1d72d2650ffbe42383bc7416d14d774d91"
 }

package/src/Notion/ConceptNotion.tsx

@@ -28,16 +28,19 @@ export interface ConceptNotionType {
 }
 interface Props {
   concept: ConceptNotionType;
+  disableScripts?: boolean;
 }
 
-const ConceptNotion = ({ concept }: Props) => {
+const ConceptNotion = ({ concept, disableScripts }: Props) => {
   const notionId = `notion-${concept.id}`;
   const figureId = `notion-figure-${concept.id}`;
   const visualElementId = `visual-element-${concept.id}`;
 
   useEffect(() => {
-    initArticleScripts();
-  }, []);
+    if (!disableScripts) {
+      initArticleScripts();
+    }
+  }, [disableScripts]);
   return (
     <FigureNotion
       id={figureId}