@ndla/ui 3.0.11 → 3.0.12

package/lib/index.d.ts

@@ -46,3 +46,4 @@ export { default as ResourceGroup } from './ResourceGroup';
 export { default as LayoutItem, OneColumn, PageContainer, Content } from './Layout';
 export { SubjectAbout, SubjectArchive, SubjectCarousel, SubjectChildContent, SubjectContent, SubjectFilter, SubjectFlexChild, SubjectFlexWrapper, SubjectHeader, SubjectLinks, SubjectNewContent, SubjectSecondaryContent, SubjectSectionTitle, SubjectShortcuts, SubjectSidebarWrapper, SubjectSocialContent, SubjectSocialSection, SubjectTopics, SubjectBanner, } from './Subject';
 export { default as ContentCard } from './ContentCard';
+export { default as MatomoTracker } from './Matomo';

package/lib/index.js

@@ -103,7 +103,8 @@ var _exportNames = {
   SubjectSocialSection: true,
   SubjectTopics: true,
   SubjectBanner: true,
-  ContentCard: true
+  ContentCard: true,
+  MatomoTracker: true
 };
 Object.defineProperty(exports, "ArticleByline", {
   enumerable: true,
@@ -693,6 +694,12 @@ Object.defineProperty(exports, "ContentCard", {
     return _ContentCard["default"];
   }
 });
+Object.defineProperty(exports, "MatomoTracker", {
+  enumerable: true,
+  get: function get() {
+    return _Matomo["default"];
+  }
+});
 
 var _indexJavascript = require("./index-javascript");
 
@@ -781,6 +788,8 @@ var _Subject = require("./Subject");
 
 var _ContentCard = _interopRequireDefault(require("./ContentCard"));
 
+var _Matomo = _interopRequireDefault(require("./Matomo"));
+
 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; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "3.0.11",
+  "version": "3.0.12",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -34,15 +34,15 @@
     "@ndla/button": "^1.0.6",
     "@ndla/carousel": "^1.0.6",
     "@ndla/core": "^0.7.2",
-    "@ndla/hooks": "^1.0.5",
+    "@ndla/hooks": "^1.0.6",
     "@ndla/icons": "^1.3.1",
     "@ndla/licenses": "^1.0.7",
-    "@ndla/modal": "^1.1.10",
+    "@ndla/modal": "^1.1.11",
     "@ndla/safelink": "^1.0.5",
     "@ndla/switch": "^0.0.32",
-    "@ndla/tabs": "^1.0.7",
+    "@ndla/tabs": "^1.0.8",
     "@ndla/tooltip": "^0.2.46",
-    "@ndla/util": "^1.1.1",
+    "@ndla/util": "^2.0.0",
     "@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": "c8dd39fca22db0ab754eac76406c723a678159ab"
+  "gitHead": "358121e2526a252d2b53f010e4b38c17040872dc"
 }

package/src/Matomo/MatomoTracker.tsx

@@ -0,0 +1,36 @@
+/*
+ * Copyright (c) 2021-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import React from 'react';
+
+interface Props {
+  trackerUrl: string;
+  siteId: string;
+}
+
+export const MatomoTracker = ({ trackerUrl, siteId }: Props) => {
+  return (
+    <script
+      dangerouslySetInnerHTML={{
+        __html: `
+        var _paq = window._paq = window._paq || [];
+        _paq.push(['trackPageView']);
+        _paq.push(['enableLinkTracking']);
+        (function() {
+            var u="${trackerUrl}";
+            _paq.push(['setTrackerUrl', u+'matomo.php']);
+            _paq.push(['setSiteId', '${siteId}']);
+            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+            g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+        })();`,
+      }}
+    />
+  );
+};
+
+export default MatomoTracker;

package/src/Matomo/index.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2021-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import MatomoTracker from './MatomoTracker';
+
+export default MatomoTracker;

package/src/MultidisciplinarySubject/MultidisciplinarySubject.tsx

@@ -1,4 +1,4 @@
-import React, { ReactChildren } from 'react';
+import React, { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import { breakpoints, fonts, mq } from '@ndla/core';
@@ -87,7 +87,7 @@ const Illustration = styled.div`
 
 type Props = {
   cards: ListItemProps[];
-  children: ReactChildren;
+  children: ReactNode;
   totalCardCount: number;
   hideCards?: boolean;
 };

package/src/index.ts

@@ -135,3 +135,4 @@ export {
 } from './Subject';
 
 export { default as ContentCard } from './ContentCard';
+export { default as MatomoTracker } from './Matomo';