@ndla/article-converter 1.0.34 → 1.1.0

package/es/plugins/embed/contactBlockEmbedPlugin.js

@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) 2023-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 { ContactBlock } from '@ndla/ui';
+import { attributesToProps } from 'html-react-parser';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var contactBlockEmbedPlugin = function contactBlockEmbedPlugin(element) {
+  var props = attributesToProps(element.attribs);
+  var embedData = JSON.parse(props['data-json']);
+  var _embedData$embedData = embedData.embedData,
+    name = _embedData$embedData.name,
+    email = _embedData$embedData.email,
+    description = _embedData$embedData.description,
+    blob = _embedData$embedData.blob,
+    blobColor = _embedData$embedData.blobColor,
+    jobTitle = _embedData$embedData.jobTitle;
+  return _jsx(ContactBlock, {
+    image: embedData.status === 'success' ? embedData.data.image : undefined,
+    description: description,
+    email: email,
+    blobColor: blobColor,
+    jobTitle: jobTitle,
+    name: name,
+    blob: blob
+  });
+};

package/es/plugins/embed/index.js

@@ -20,6 +20,8 @@ import { conceptListEmbedPlugin } from './conceptListEmbedPlugin';
 import { fileEmbedPlugin } from './fileEmbedPlugin';
 import { codeEmbedPlugin } from './codeEmbedPlugin';
 import { blogPostEmbedPlugin } from './blogPostEmbedPlugin';
+import { keyPerformanceIndicatorEmbedPlugin } from './keyPerformanceIndicatorEmbedPlugin';
+import { contactBlockEmbedPlugin } from './contactBlockEmbedPlugin';
 export var embedPlugins = {
   image: imageEmbedPlugin,
   audio: audioEmbedPlugin,
@@ -34,5 +36,7 @@ export var embedPlugins = {
   concept: conceptEmbedPlugin,
   'concept-list': conceptListEmbedPlugin,
   'blog-post': blogPostEmbedPlugin,
-  file: fileEmbedPlugin
+  file: fileEmbedPlugin,
+  'key-performance-indicator': keyPerformanceIndicatorEmbedPlugin,
+  'contact-block': contactBlockEmbedPlugin
 };

package/es/plugins/embed/keyPerformanceIndicatorEmbedPlugin.js

@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) 2023-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 { KeyPerformanceIndicator } from '@ndla/ui';
+import { attributesToProps } from 'html-react-parser';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var keyPerformanceIndicatorEmbedPlugin = function keyPerformanceIndicatorEmbedPlugin(element, _, opts) {
+  var props = attributesToProps(element.attribs);
+  var data = JSON.parse(props['data-json']);
+  var _data$embedData = data.embedData,
+    title = _data$embedData.title,
+    subTitle = _data$embedData.subTitle;
+  return _jsx(KeyPerformanceIndicator, {
+    title: title,
+    subTitle: subTitle,
+    image: data.status === 'success' ? data.data.metaImage : undefined
+  });
+};

package/lib/plugins/embed/contactBlockEmbedPlugin.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2023-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 { PluginType } from '../types';
+export declare const contactBlockEmbedPlugin: PluginType;

package/lib/plugins/embed/contactBlockEmbedPlugin.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.contactBlockEmbedPlugin = void 0;
+var _ui = require("@ndla/ui");
+var _htmlReactParser = require("html-react-parser");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+var contactBlockEmbedPlugin = function contactBlockEmbedPlugin(element) {
+  var props = (0, _htmlReactParser.attributesToProps)(element.attribs);
+  var embedData = JSON.parse(props['data-json']);
+  var _embedData$embedData = embedData.embedData,
+    name = _embedData$embedData.name,
+    email = _embedData$embedData.email,
+    description = _embedData$embedData.description,
+    blob = _embedData$embedData.blob,
+    blobColor = _embedData$embedData.blobColor,
+    jobTitle = _embedData$embedData.jobTitle;
+  return (0, _jsxRuntime.jsx)(_ui.ContactBlock, {
+    image: embedData.status === 'success' ? embedData.data.image : undefined,
+    description: description,
+    email: email,
+    blobColor: blobColor,
+    jobTitle: jobTitle,
+    name: name,
+    blob: blob
+  });
+};
+exports.contactBlockEmbedPlugin = contactBlockEmbedPlugin;

package/lib/plugins/embed/index.js

@@ -18,6 +18,8 @@ var _conceptListEmbedPlugin = require("./conceptListEmbedPlugin");
 var _fileEmbedPlugin = require("./fileEmbedPlugin");
 var _codeEmbedPlugin = require("./codeEmbedPlugin");
 var _blogPostEmbedPlugin = require("./blogPostEmbedPlugin");
+var _keyPerformanceIndicatorEmbedPlugin = require("./keyPerformanceIndicatorEmbedPlugin");
+var _contactBlockEmbedPlugin = require("./contactBlockEmbedPlugin");
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -40,6 +42,8 @@ var embedPlugins = {
   concept: _conceptEmbedPlugin.conceptEmbedPlugin,
   'concept-list': _conceptListEmbedPlugin.conceptListEmbedPlugin,
   'blog-post': _blogPostEmbedPlugin.blogPostEmbedPlugin,
-  file: _fileEmbedPlugin.fileEmbedPlugin
+  file: _fileEmbedPlugin.fileEmbedPlugin,
+  'key-performance-indicator': _keyPerformanceIndicatorEmbedPlugin.keyPerformanceIndicatorEmbedPlugin,
+  'contact-block': _contactBlockEmbedPlugin.contactBlockEmbedPlugin
 };
 exports.embedPlugins = embedPlugins;

package/lib/plugins/embed/keyPerformanceIndicatorEmbedPlugin.d.ts

@@ -0,0 +1,2 @@
+import { PluginType } from '../types';
+export declare const keyPerformanceIndicatorEmbedPlugin: PluginType;

package/lib/plugins/embed/keyPerformanceIndicatorEmbedPlugin.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.keyPerformanceIndicatorEmbedPlugin = void 0;
+var _ui = require("@ndla/ui");
+var _htmlReactParser = require("html-react-parser");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+/*
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+var keyPerformanceIndicatorEmbedPlugin = function keyPerformanceIndicatorEmbedPlugin(element, _, opts) {
+  var props = (0, _htmlReactParser.attributesToProps)(element.attribs);
+  var data = JSON.parse(props['data-json']);
+  var _data$embedData = data.embedData,
+    title = _data$embedData.title,
+    subTitle = _data$embedData.subTitle;
+  return (0, _jsxRuntime.jsx)(_ui.KeyPerformanceIndicator, {
+    title: title,
+    subTitle: subTitle,
+    image: data.status === 'success' ? data.data.metaImage : undefined
+  });
+};
+exports.keyPerformanceIndicatorEmbedPlugin = keyPerformanceIndicatorEmbedPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/article-converter",
-  "version": "1.0.34",
+  "version": "1.1.0",
   "description": "Transforms NDLA articles into extended html versions",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -27,11 +27,11 @@
     "src"
   ],
   "devDependencies": {
-    "@ndla/types-embed": "^1.0.11"
+    "@ndla/types-embed": "^1.1.0"
   },
   "dependencies": {
-    "@ndla/code": "^2.1.40",
-    "@ndla/ui": "^35.0.28",
+    "@ndla/code": "^2.1.41",
+    "@ndla/ui": "^35.1.0",
     "html-react-parser": "^3.0.8",
     "lodash": "^4.17.20"
   },
@@ -44,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5409272e9cd733486c528ae68d576721e25d4674"
+  "gitHead": "c055a24586a13acac494f7cecda6b301fba80249"
 }

package/src/plugins/embed/contactBlockEmbedPlugin.tsx

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) 2023-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 { ContactBlock } from '@ndla/ui';
+import { attributesToProps } from 'html-react-parser';
+import { ContactBlockMetaData } from '@ndla/types-embed';
+import { PluginType } from '../types';
+
+export const contactBlockEmbedPlugin: PluginType = (element) => {
+  const props = attributesToProps(element.attribs);
+  const embedData = JSON.parse(props['data-json']) as ContactBlockMetaData;
+  const { name, email, description, blob, blobColor, jobTitle } = embedData.embedData;
+  return (
+    <ContactBlock
+      image={embedData.status === 'success' ? embedData.data.image : undefined}
+      description={description}
+      email={email}
+      blobColor={blobColor}
+      jobTitle={jobTitle}
+      name={name}
+      blob={blob}
+    />
+  );
+};

package/src/plugins/embed/index.ts

@@ -21,6 +21,8 @@ import { conceptListEmbedPlugin } from './conceptListEmbedPlugin';
 import { fileEmbedPlugin } from './fileEmbedPlugin';
 import { codeEmbedPlugin } from './codeEmbedPlugin';
 import { blogPostEmbedPlugin } from './blogPostEmbedPlugin';
+import { keyPerformanceIndicatorEmbedPlugin } from './keyPerformanceIndicatorEmbedPlugin';
+import { contactBlockEmbedPlugin } from './contactBlockEmbedPlugin';
 
 export const embedPlugins: Record<string, PluginType> = {
   image: imageEmbedPlugin,
@@ -37,4 +39,6 @@ export const embedPlugins: Record<string, PluginType> = {
   'concept-list': conceptListEmbedPlugin,
   'blog-post': blogPostEmbedPlugin,
   file: fileEmbedPlugin,
+  'key-performance-indicator': keyPerformanceIndicatorEmbedPlugin,
+  'contact-block': contactBlockEmbedPlugin,
 };

package/src/plugins/embed/keyPerformanceIndicatorEmbedPlugin.tsx

@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2023-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 { KeyPerformanceIndicator } from '@ndla/ui';
+import { attributesToProps } from 'html-react-parser';
+import { KeyPerformanceIndicatorMetaData } from '@ndla/types-embed';
+import { PluginType } from '../types';
+
+export const keyPerformanceIndicatorEmbedPlugin: PluginType = (element, _, opts) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as KeyPerformanceIndicatorMetaData;
+  const { title, subTitle } = data.embedData;
+  return (
+    <KeyPerformanceIndicator
+      title={title}
+      subTitle={subTitle}
+      image={data.status === 'success' ? data.data.metaImage : undefined}
+    />
+  );
+};