@ndla/article-converter 1.0.1

package/es/plugins/index.js

@@ -0,0 +1,35 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+/**
+ * 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 { CopyParagraphPlugin } from './CopyParagraphPlugin';
+import { OLPlugin } from './OLPlugin';
+import { ParagraphPlugin } from './ParagraphPlugin';
+import { SpanPlugin } from './SpanPlugin';
+import { H3Plugin } from './H3Plugin';
+import { MathPlugin } from './MathPlugin';
+import { AnchorPlugin } from './oembed/AnchorPlugin';
+import { DivPlugin } from './DivPlugin';
+import { TablePlugin } from './TablePlugin';
+import { AsidePlugin } from './AsidePlugin';
+export var basePlugins = {
+  h2: CopyParagraphPlugin,
+  h3: H3Plugin,
+  ol: OLPlugin,
+  p: ParagraphPlugin,
+  span: SpanPlugin,
+  math: MathPlugin,
+  div: DivPlugin,
+  table: TablePlugin,
+  aside: AsidePlugin
+};
+export var oembedPlugins = _objectSpread(_objectSpread({}, basePlugins), {}, {
+  a: AnchorPlugin
+});

package/es/plugins/oembed/AnchorPlugin.js

@@ -0,0 +1,20 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+/**
+ * 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 { attributesToProps, domToReact } from 'html-react-parser';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var AnchorPlugin = function AnchorPlugin(node, options) {
+  var props = attributesToProps(node.attribs);
+  return _jsx("a", _objectSpread(_objectSpread({}, props), {}, {
+    target: "_blank",
+    children: domToReact(node.children, options)
+  }));
+};

package/es/plugins/types.js

@@ -0,0 +1 @@
+export {};

package/es/transform.js

@@ -0,0 +1,39 @@
+/**
+ * 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 parse from 'html-react-parser';
+import { UnknownEmbed } from '@ndla/ui';
+import { basePlugins, oembedPlugins } from './plugins';
+import { embedPlugins } from './plugins/embed';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var transform = function transform(content, opts) {
+  var plugins = opts !== null && opts !== void 0 && opts.isOembed ? oembedPlugins : basePlugins;
+  var options = {
+    replace: function replace(node) {
+      if (!('attribs' in node)) {
+        return;
+      }
+      if (plugins[node.name]) {
+        return plugins[node.name](node, options, opts);
+      }
+      if (node.name === 'ndlaembed') {
+        if (embedPlugins[node.attribs['data-resource']]) {
+          return embedPlugins[node.attribs['data-resource']](node, options, opts);
+        } else {
+          var embed = JSON.parse(node.attribs['data-json']);
+          return _jsx(UnknownEmbed, {
+            embed: embed
+          });
+        }
+      }
+    }
+  };
+  var replaced = parse(content, options);
+  return replaced;
+};
+export default transform;

package/lib/extractEmbedMeta.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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 { EmbedMetaData } from '@ndla/types-embed';
+declare const extractEmbedMeta: (embed: string) => EmbedMetaData | undefined;
+export default extractEmbedMeta;

package/lib/extractEmbedMeta.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * 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 extractEmbedMeta = function extractEmbedMeta(embed) {
+  var node = (0, _htmlReactParser["default"])(embed);
+  if (typeof node === 'string' || Array.isArray(node) || node.type !== 'ndlaembed' || !node.props['data-json']) {
+    return;
+  }
+  return JSON.parse(node.props['data-json']);
+};
+var _default = extractEmbedMeta;
+exports["default"] = _default;

package/lib/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ *
+ */
+export { default as transform } from './transform';
+export { default as extractEmbedMeta } from './extractEmbedMeta';
+export type { TransformOptions } from './plugins/types';

package/lib/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "extractEmbedMeta", {
+  enumerable: true,
+  get: function get() {
+    return _extractEmbedMeta["default"];
+  }
+});
+Object.defineProperty(exports, "transform", {
+  enumerable: true,
+  get: function get() {
+    return _transform["default"];
+  }
+});
+var _transform = _interopRequireDefault(require("./transform"));
+var _extractEmbedMeta = _interopRequireDefault(require("./extractEmbedMeta"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/plugins/AsidePlugin.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 AsidePlugin: PluginType;

package/lib/plugins/AsidePlugin.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AsidePlugin = void 0;
+var _htmlReactParser = require("html-react-parser");
+var _ui = require("@ndla/ui");
+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 AsidePlugin = function AsidePlugin(node, opts) {
+  if (node.attribs['data-type'] === 'factAside') {
+    return (0, _jsxRuntime.jsx)(_ui.FactBoxV2, {
+      children: (0, _htmlReactParser.domToReact)(node.children, opts)
+    });
+  } else if (node.attribs['data-type'] === 'rightAside') {
+    return (0, _jsxRuntime.jsx)(_ui.Aside, {
+      wideScreen: true,
+      alwaysShow: true,
+      children: (0, _htmlReactParser.domToReact)(node.children, opts)
+    });
+  }
+  return null;
+};
+exports.AsidePlugin = AsidePlugin;

package/lib/plugins/CopyParagraphPlugin.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 CopyParagraphPlugin: PluginType;

package/lib/plugins/CopyParagraphPlugin.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CopyParagraphPlugin = 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 CopyParagraphPlugin = function CopyParagraphPlugin(node, opts) {
+  return (0, _jsxRuntime.jsx)(_ui.CopyParagraphButtonV2, {
+    copyText: node.attribs['data-text'],
+    children: (0, _htmlReactParser.domToReact)(node.children, opts)
+  });
+};
+exports.CopyParagraphPlugin = CopyParagraphPlugin;

package/lib/plugins/DivPlugin.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 DivPlugin: PluginType;

package/lib/plugins/DivPlugin.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DivPlugin = void 0;
+var _partition3 = _interopRequireDefault(require("lodash/partition"));
+var _htmlReactParser = require("html-react-parser");
+var _ui = require("@ndla/ui");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var DivPlugin = function DivPlugin(node, opts) {
+  if (node.attribs['data-type'] === 'related-content' && node.children.length) {
+    var props = (0, _htmlReactParser.attributesToProps)(node.attribs);
+    return (0, _jsxRuntime.jsx)(_ui.RelatedArticleListV2, _objectSpread(_objectSpread({}, props), {}, {
+      headingLevel: "h3",
+      children: (0, _htmlReactParser.domToReact)(node.children, opts)
+    }));
+  } else if (node.attribs['data-type'] === 'file' && node.childNodes.length) {
+    var elements = node.childNodes.filter(function (c) {
+      return c.type === 'tag' && c.name === 'ndlaembed' && c.attribs['data-resource'] === 'file';
+    });
+    var _partition = (0, _partition3["default"])(elements, function (el) {
+        return el.attribs['data-type'] === 'pdf' && el.attribs['data-display'] === 'block';
+      }),
+      _partition2 = _slicedToArray(_partition, 2),
+      pdfs = _partition2[0],
+      files = _partition2[1];
+    return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [files.length ? (0, _jsxRuntime.jsx)(_ui.FileListV2, {
+        children: (0, _htmlReactParser.domToReact)(files, opts)
+      }) : undefined, (0, _htmlReactParser.domToReact)(pdfs, opts)]
+    });
+  }
+  return null;
+};
+exports.DivPlugin = DivPlugin;

package/lib/plugins/H3Plugin.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 H3Plugin: PluginType;

package/lib/plugins/H3Plugin.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.H3Plugin = void 0;
+var _htmlReactParser = require("html-react-parser");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var H3Plugin = function H3Plugin(node, opts) {
+  var props = (0, _htmlReactParser.attributesToProps)(node.attribs);
+  return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+    (0, _jsxRuntime.jsx)("h3", _objectSpread(_objectSpread({}, props), {}, {
+      tabIndex: 0,
+      children: (0, _htmlReactParser.domToReact)(node.children, opts)
+    }))
+  );
+};
+exports.H3Plugin = H3Plugin;

package/lib/plugins/MathPlugin.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 MathPlugin: PluginType;

package/lib/plugins/MathPlugin.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MathPlugin = void 0;
+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 MathPlugin = function MathPlugin(node) {
+  var props = (0, _htmlReactParser.attributesToProps)(node.attribs);
+  return (0, _jsxRuntime.jsx)("span", {
+    dangerouslySetInnerHTML: {
+      __html: "<math display=\"block\">".concat(props['data-math'], "</math>")
+    }
+  });
+};
+exports.MathPlugin = MathPlugin;

package/lib/plugins/OLPlugin.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 OLPlugin: PluginType;

package/lib/plugins/OLPlugin.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OLPlugin = void 0;
+var _htmlReactParser = require("html-react-parser");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var OLPlugin = function OLPlugin(node, opts) {
+  var _node$attribs$class;
+  var props = (0, _htmlReactParser.attributesToProps)(node.attribs);
+  var letterClass = node.attribs['data-type'] === 'letters' ? 'ol-list--roman' : false;
+  var num = node.attribs['start'];
+  var numClass = num ? "ol-reset-".concat(num) : false;
+  var classes = [(_node$attribs$class = node.attribs["class"]) !== null && _node$attribs$class !== void 0 ? _node$attribs$class : false, letterClass, numClass].filter(function (c) {
+    return !!c;
+  }).join(' ');
+  return (0, _jsxRuntime.jsx)("ol", _objectSpread(_objectSpread({}, props), {}, {
+    "data-type": undefined,
+    className: classes.length ? classes : undefined,
+    children: (0, _htmlReactParser.domToReact)(node.children, opts)
+  }));
+};
+exports.OLPlugin = OLPlugin;

package/lib/plugins/ParagraphPlugin.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 ParagraphPlugin: PluginType;

package/lib/plugins/ParagraphPlugin.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParagraphPlugin = void 0;
+var _htmlReactParser = require("html-react-parser");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var ParagraphPlugin = function ParagraphPlugin(node, opts) {
+  if (node.attribs['data-align'] === 'center') {
+    var _node$attribs$class;
+    var props = (0, _htmlReactParser.attributesToProps)(node.attribs);
+    var classes = [(_node$attribs$class = node.attribs["class"]) !== null && _node$attribs$class !== void 0 ? _node$attribs$class : '', 'u-text-center'].filter(function (c) {
+      return !!c;
+    }).join(' ');
+    return (0, _jsxRuntime.jsx)("p", _objectSpread(_objectSpread({}, props), {}, {
+      "data-align": undefined,
+      className: classes,
+      children: (0, _htmlReactParser.domToReact)(node.children, opts)
+    }));
+  }
+  return null;
+};
+exports.ParagraphPlugin = ParagraphPlugin;

package/lib/plugins/SpanPlugin.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 SpanPlugin: PluginType;

package/lib/plugins/SpanPlugin.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SpanPlugin = void 0;
+var _htmlReactParser = require("html-react-parser");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var SpanPlugin = function SpanPlugin(node, opts) {
+  if (node.attribs['data-size'] === 'large') {
+    var _node$attribs$class;
+    var props = (0, _htmlReactParser.attributesToProps)(node.attribs);
+    return (0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, props), {}, {
+      "data-size": undefined,
+      className: "".concat((_node$attribs$class = node.attribs["class"]) !== null && _node$attribs$class !== void 0 ? _node$attribs$class : '', " u-large-body-text"),
+      children: (0, _htmlReactParser.domToReact)(node.children, opts)
+    }));
+  }
+  return null;
+};
+exports.SpanPlugin = SpanPlugin;

package/lib/plugins/TablePlugin.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 TablePlugin: PluginType;

package/lib/plugins/TablePlugin.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TablePlugin = void 0;
+var _ui = require("@ndla/ui");
+var _htmlReactParser = require("html-react-parser");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var TablePlugin = function TablePlugin(node, opts) {
+  var props = (0, _htmlReactParser.attributesToProps)(node.attribs);
+  return (0, _jsxRuntime.jsx)(_ui.Table, _objectSpread(_objectSpread({}, props), {}, {
+    children: (0, _htmlReactParser.domToReact)(node.children, opts)
+  }));
+};
+exports.TablePlugin = TablePlugin;

package/lib/plugins/ULPlugin.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 OLPlugin: PluginType;

package/lib/plugins/ULPlugin.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OLPlugin = void 0;
+var _htmlReactParser = require("html-react-parser");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var OLPlugin = function OLPlugin(node, opts) {
+  if (node.attribs['data-type'] === 'two-column') {
+    var _node$attribs$class;
+    var props = (0, _htmlReactParser.attributesToProps)(node.attribs);
+    var classes = [(_node$attribs$class = node.attribs["class"]) !== null && _node$attribs$class !== void 0 ? _node$attribs$class : '', 'o-list--two-columns'].filter(function (c) {
+      return !!c;
+    }).join(' ');
+    return (0, _jsxRuntime.jsx)("ul", _objectSpread(_objectSpread({}, props), {}, {
+      "data-type": undefined,
+      className: classes,
+      children: (0, _htmlReactParser.domToReact)(node.children, opts)
+    }));
+  }
+  return null;
+};
+exports.OLPlugin = OLPlugin;

package/lib/plugins/embed/AudioEmbedPlugin.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 AudioEmbedPlugin: PluginType;

package/lib/plugins/embed/AudioEmbedPlugin.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AudioEmbedPlugin = void 0;
+var _htmlReactParser = require("html-react-parser");
+var _ui = require("@ndla/ui");
+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 AudioEmbedPlugin = function AudioEmbedPlugin(element, _, opts) {
+  var props = (0, _htmlReactParser.attributesToProps)(element.attribs);
+  var data = JSON.parse(props['data-json']);
+  return (0, _jsxRuntime.jsx)(_ui.AudioEmbed, {
+    embed: data,
+    articlePath: opts.path
+  });
+};
+exports.AudioEmbedPlugin = AudioEmbedPlugin;

package/lib/plugins/embed/BrightcoveEmbedPlugin.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 BrightcoveEmbedPlugin: PluginType;

package/lib/plugins/embed/BrightcoveEmbedPlugin.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BrightcoveEmbedPlugin = void 0;
+var _htmlReactParser = require("html-react-parser");
+var _ui = require("@ndla/ui");
+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 BrightcoveEmbedPlugin = function BrightcoveEmbedPlugin(element) {
+  var props = (0, _htmlReactParser.attributesToProps)(element.attribs);
+  var data = JSON.parse(props['data-json']);
+  return (0, _jsxRuntime.jsx)(_ui.BrightcoveEmbed, {
+    embed: data
+  });
+};
+exports.BrightcoveEmbedPlugin = BrightcoveEmbedPlugin;