@ndla/article-converter 1.0.1 → 1.0.2

package/README.md

@@ -0,0 +1,32 @@
+# Article-converter
+
+Converts NDLA articles created in [ed.ndla.no](https://ed.ndla.no) into a React tree.
+
+## Installation
+
+```sh
+yarn add @ndla/article-converter
+```
+
+## Why is this package needed?
+
+Articles rendered on [NDLA.no](https://ndla.no) can contain different embeds, each having their own data requirements. In order to keep embed data fresh, it is fetched directly from its source instead of being embedded within the stored article. As such, a transformation process is required.
+
+In order to allow for flexibility in how and when an article is transformed, the process has been split up in several different steps:
+
+1. An article is created in our CMS, Editorial. The content is stored in a database. Embeds are stored as custom `<ndlaembed />` html elements.
+2. A web application fetches an article through our [GraphQL api](https://api.ndla.no/graphql). GraphQL fetches the article from the database, extracts the `<ndlaembed />` tags and fetches the required embed metadata. The metadata is then serialized and stored in a `data-json` attribute on the `<ndlaembed>`.
+3. The web application receives a response from GraphQL, and calls `transform` from the `@ndla/article-converter` package.
+4. The `@ndla/article-converter` package transforms the HTML string into React Elements, and applies a series of transformations to further transform the article. It returns a valid React tree.
+
+## Functions
+
+This package exports two functions that allows one to transform NDLA content to React nodes.
+
+- **transform**: Accepts an entire NDLA article string that has been passed through GraphQL, and returns a React tree. Accepts the following transformation options:
+  - **isOembed**: Adds `target="_blank"` to all links.
+  - **subject**: Adds a specific subject context to the article.
+  - **path**: The path to use for the rendered article.
+  - **previewAlt**: Show visual previews of image alt texts.
+  - **frontendDomain**: The frontend domain to use for generated links.
+- **extractEmbedData**: Accepts a string containing a single `<ndlaembed>` element that has been passed through GraphQL. Returns a react tree.

package/es/plugins/{AsidePlugin.js → asidePlugin.js}

@@ -9,7 +9,7 @@
 import { domToReact } from 'html-react-parser';
 import { Aside, FactBoxV2 } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var AsidePlugin = function AsidePlugin(node, opts) {
+export var asidePlugin = function asidePlugin(node, opts) {
   if (node.attribs['data-type'] === 'factAside') {
     return _jsx(FactBoxV2, {
       children: domToReact(node.children, opts)

package/es/plugins/{CopyParagraphPlugin.js → copyParagraphPlugin.js}

@@ -9,7 +9,7 @@
 import { CopyParagraphButtonV2 } from '@ndla/ui';
 import { domToReact } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var CopyParagraphPlugin = function CopyParagraphPlugin(node, opts) {
+export var copyParagraphPlugin = function copyParagraphPlugin(node, opts) {
   return _jsx(CopyParagraphButtonV2, {
     copyText: node.attribs['data-text'],
     children: domToReact(node.children, opts)

package/es/plugins/{DivPlugin.js → divPlugin.js}

@@ -21,7 +21,7 @@ import { FileListV2, RelatedArticleListV2 } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-export var DivPlugin = function DivPlugin(node, opts) {
+export var divPlugin = function divPlugin(node, opts) {
   if (node.attribs['data-type'] === 'related-content' && node.children.length) {
     var props = attributesToProps(node.attribs);
     return _jsx(RelatedArticleListV2, _objectSpread(_objectSpread({}, props), {}, {

package/es/plugins/embed/{AudioEmbedPlugin.js → audioEmbedPlugin.js}

@@ -9,7 +9,7 @@
 import { attributesToProps } from 'html-react-parser';
 import { AudioEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var AudioEmbedPlugin = function AudioEmbedPlugin(element, _, opts) {
+export var audioEmbedPlugin = function audioEmbedPlugin(element, _, opts) {
   var props = attributesToProps(element.attribs);
   var data = JSON.parse(props['data-json']);
   return _jsx(AudioEmbed, {

package/es/plugins/embed/{BrightcoveEmbedPlugin.js → brightcoveEmbedPlugin.js}

@@ -9,7 +9,7 @@
 import { attributesToProps } from 'html-react-parser';
 import { BrightcoveEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var BrightcoveEmbedPlugin = function BrightcoveEmbedPlugin(element) {
+export var brightcoveEmbedPlugin = function brightcoveEmbedPlugin(element) {
   var props = attributesToProps(element.attribs);
   var data = JSON.parse(props['data-json']);
   return _jsx(BrightcoveEmbed, {

package/es/plugins/embed/{CodeEmbedPlugin.js → codeEmbedPlugin.js}

@@ -9,7 +9,7 @@
 import { attributesToProps } from 'html-react-parser';
 import { CodeEmbed } from '@ndla/code';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var CodeEmbedPlugin = function CodeEmbedPlugin(element) {
+export var codeEmbedPlugin = function codeEmbedPlugin(element) {
   var props = attributesToProps(element.attribs);
   var data = JSON.parse(props['data-json']);
   return _jsx(CodeEmbed, {

package/es/plugins/embed/{ConceptEmbedPlugin.js → conceptEmbedPlugin.js}

@@ -9,7 +9,7 @@
 import { attributesToProps } from 'html-react-parser';
 import { ConceptEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var ConceptEmbedPlugin = function ConceptEmbedPlugin(element) {
+export var conceptEmbedPlugin = function conceptEmbedPlugin(element) {
   var props = attributesToProps(element.attribs);
   var data = JSON.parse(props['data-json']);
   return _jsx(ConceptEmbed, {

package/es/plugins/embed/{ConceptListEmbedPlugin.js → conceptListEmbedPlugin.js}

@@ -9,7 +9,7 @@
 import { attributesToProps } from 'html-react-parser';
 import { ConceptListEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var ConceptListEmbedPlugin = function ConceptListEmbedPlugin(element) {
+export var conceptListEmbedPlugin = function conceptListEmbedPlugin(element) {
   var props = attributesToProps(element.attribs);
   var data = JSON.parse(props['data-json']);
   return _jsx(ConceptListEmbed, {

package/es/plugins/embed/{ContentLinkEmbedPlugin.js → contentLinkEmbedPlugin.js}

@@ -9,7 +9,7 @@
 import { attributesToProps } from 'html-react-parser';
 import { ContentLinkEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var ContentLinkEmbedPlugin = function ContentLinkEmbedPlugin(element, _, _ref) {
+export var contentLinkEmbedPlugin = function contentLinkEmbedPlugin(element, _, _ref) {
   var isOembed = _ref.isOembed;
   var props = attributesToProps(element.attribs);
   var data = JSON.parse(props['data-json']);

package/es/plugins/embed/{ExternalEmbedPlugin.js → externalEmbedPlugin.js}

@@ -9,7 +9,7 @@
 import { attributesToProps } from 'html-react-parser';
 import { ExternalEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var ExternalEmbedPlugin = function ExternalEmbedPlugin(element) {
+export var externalEmbedPlugin = function externalEmbedPlugin(element) {
   var props = attributesToProps(element.attribs);
   var data = JSON.parse(props['data-json']);
   return _jsx(ExternalEmbed, {

package/es/plugins/embed/{FileEmbedPlugin.js → fileEmbedPlugin.js}

@@ -9,7 +9,7 @@
 import { attributesToProps } from 'html-react-parser';
 import { PdfFile, FileV2 } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var FileEmbedPlugin = function FileEmbedPlugin(element) {
+export var fileEmbedPlugin = function fileEmbedPlugin(element) {
   var props = attributesToProps(element.attribs);
   var data = JSON.parse(props['data-json']);
   var _data$embedData = data.embedData,

package/es/plugins/embed/{FootnoteEmbedPlugin.js → footnoteEmbedPlugin.js}

@@ -9,7 +9,7 @@
 import { attributesToProps } from 'html-react-parser';
 import { FootnoteEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var FootnoteEmbedPlugin = function FootnoteEmbedPlugin(element) {
+export var footnoteEmbedPlugin = function footnoteEmbedPlugin(element) {
   var props = attributesToProps(element.attribs);
   var data = JSON.parse(props['data-json']);
   return _jsx(FootnoteEmbed, {

package/es/plugins/embed/{H5pEmbedPlugin.js → h5pEmbedPlugin.js}

@@ -9,7 +9,7 @@
 import { attributesToProps } from 'html-react-parser';
 import { H5pEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var H5pEmbedPlugin = function H5pEmbedPlugin(element) {
+export var h5pEmbedPlugin = function h5pEmbedPlugin(element) {
   var props = attributesToProps(element.attribs);
   var data = JSON.parse(props['data-json']);
   return _jsx(H5pEmbed, {

package/es/plugins/embed/{IframeEmbedPlugin.js → iframeEmbedPlugin.js}

@@ -9,7 +9,7 @@
 import { attributesToProps } from 'html-react-parser';
 import { IframeEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var IframeEmbedPlugin = function IframeEmbedPlugin(element) {
+export var iframeEmbedPlugin = function iframeEmbedPlugin(element) {
   var props = attributesToProps(element.attribs);
   var data = JSON.parse(props['data-json']);
   return _jsx(IframeEmbed, {

package/es/plugins/embed/{ImageEmbedPlugin.js → imageEmbedPlugin.js}

@@ -9,7 +9,7 @@
 import { ImageEmbed } from '@ndla/ui';
 import { attributesToProps } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var ImageEmbedPlugin = function ImageEmbedPlugin(element, _, opts) {
+export var imageEmbedPlugin = function imageEmbedPlugin(element, _, opts) {
   var props = attributesToProps(element.attribs);
   var data = JSON.parse(props['data-json']);
   return _jsx(ImageEmbed, {

package/es/plugins/embed/index.js

@@ -6,31 +6,31 @@
  *
  */
 
-import { AudioEmbedPlugin } from './AudioEmbedPlugin';
-import { ExternalEmbedPlugin } from './ExternalEmbedPlugin';
-import { H5pEmbedPlugin } from './H5pEmbedPlugin';
-import { IframeEmbedPlugin } from './IframeEmbedPlugin';
-import { ImageEmbedPlugin } from './ImageEmbedPlugin';
-import { FootnoteEmbedPlugin } from './FootnoteEmbedPlugin';
-import { BrightcoveEmbedPlugin } from './BrightcoveEmbedPlugin';
-import { RelatedContentEmbedPlugin } from './RelatedContentEmbedPlugin';
-import { ContentLinkEmbedPlugin } from './ContentLinkEmbedPlugin';
-import { ConceptEmbedPlugin } from './ConceptEmbedPlugin';
-import { ConceptListEmbedPlugin } from './ConceptListEmbedPlugin';
-import { FileEmbedPlugin } from './FileEmbedPlugin';
-import { CodeEmbedPlugin } from './CodeEmbedPlugin';
+import { audioEmbedPlugin } from './audioEmbedPlugin';
+import { externalEmbedPlugin } from './externalEmbedPlugin';
+import { h5pEmbedPlugin } from './h5pEmbedPlugin';
+import { iframeEmbedPlugin } from './iframeEmbedPlugin';
+import { imageEmbedPlugin } from './imageEmbedPlugin';
+import { footnoteEmbedPlugin } from './footnoteEmbedPlugin';
+import { brightcoveEmbedPlugin } from './brightcoveEmbedPlugin';
+import { relatedContentEmbedPlugin } from './relatedContentEmbedPlugin';
+import { contentLinkEmbedPlugin } from './contentLinkEmbedPlugin';
+import { conceptEmbedPlugin } from './conceptEmbedPlugin';
+import { conceptListEmbedPlugin } from './conceptListEmbedPlugin';
+import { fileEmbedPlugin } from './fileEmbedPlugin';
+import { codeEmbedPlugin } from './codeEmbedPlugin';
 export var embedPlugins = {
-  image: ImageEmbedPlugin,
-  audio: AudioEmbedPlugin,
-  h5p: H5pEmbedPlugin,
-  'code-block': CodeEmbedPlugin,
-  external: ExternalEmbedPlugin,
-  iframe: IframeEmbedPlugin,
-  footnote: FootnoteEmbedPlugin,
-  brightcove: BrightcoveEmbedPlugin,
-  'related-content': RelatedContentEmbedPlugin,
-  'content-link': ContentLinkEmbedPlugin,
-  concept: ConceptEmbedPlugin,
-  'concept-list': ConceptListEmbedPlugin,
-  file: FileEmbedPlugin
+  image: imageEmbedPlugin,
+  audio: audioEmbedPlugin,
+  h5p: h5pEmbedPlugin,
+  'code-block': codeEmbedPlugin,
+  external: externalEmbedPlugin,
+  iframe: iframeEmbedPlugin,
+  footnote: footnoteEmbedPlugin,
+  brightcove: brightcoveEmbedPlugin,
+  'related-content': relatedContentEmbedPlugin,
+  'content-link': contentLinkEmbedPlugin,
+  concept: conceptEmbedPlugin,
+  'concept-list': conceptListEmbedPlugin,
+  file: fileEmbedPlugin
 };

package/es/plugins/embed/{RelatedContentEmbedPlugin.js → relatedContentEmbedPlugin.js}

@@ -9,7 +9,7 @@
 import { attributesToProps } from 'html-react-parser';
 import { RelatedContentEmbed } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var RelatedContentEmbedPlugin = function RelatedContentEmbedPlugin(element, _, opts) {
+export var relatedContentEmbedPlugin = function relatedContentEmbedPlugin(element, _, opts) {
   var props = attributesToProps(element.attribs);
   var data = JSON.parse(props['data-json']);
   return _jsx(RelatedContentEmbed, {

package/es/plugins/{H3Plugin.js → h3Plugin.js}

@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import { attributesToProps, domToReact } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var H3Plugin = function H3Plugin(node, opts) {
+export var h3Plugin = function h3Plugin(node, opts) {
   var props = attributesToProps(node.attribs);
   return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex

package/es/plugins/index.js

@@ -9,27 +9,29 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  *
  */
 
-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';
+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';
+import { ulPlugin } from './ulPlugin';
 export var basePlugins = {
-  h2: CopyParagraphPlugin,
-  h3: H3Plugin,
-  ol: OLPlugin,
-  p: ParagraphPlugin,
-  span: SpanPlugin,
-  math: MathPlugin,
-  div: DivPlugin,
-  table: TablePlugin,
-  aside: AsidePlugin
+  h2: copyParagraphPlugin,
+  h3: h3Plugin,
+  ol: olPlugin,
+  p: paragraphPlugin,
+  span: spanPlugin,
+  math: mathPlugin,
+  div: divPlugin,
+  table: tablePlugin,
+  aside: asidePlugin,
+  ul: ulPlugin
 };
 export var oembedPlugins = _objectSpread(_objectSpread({}, basePlugins), {}, {
-  a: AnchorPlugin
+  a: anchorPlugin
 });

package/es/plugins/{MathPlugin.js → mathPlugin.js}

@@ -8,7 +8,7 @@
 
 import { attributesToProps } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var MathPlugin = function MathPlugin(node) {
+export var mathPlugin = function mathPlugin(node) {
   var props = attributesToProps(node.attribs);
   return _jsx("span", {
     dangerouslySetInnerHTML: {

package/es/plugins/oembed/{AnchorPlugin.js → anchorPlugin.js}

@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import { attributesToProps, domToReact } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var AnchorPlugin = function AnchorPlugin(node, options) {
+export var anchorPlugin = function anchorPlugin(node, options) {
   var props = attributesToProps(node.attribs);
   return _jsx("a", _objectSpread(_objectSpread({}, props), {}, {
     target: "_blank",

package/es/plugins/{OLPlugin.js → olPlugin.js}

@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import { attributesToProps, domToReact } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var OLPlugin = function OLPlugin(node, opts) {
+export var olPlugin = function olPlugin(node, opts) {
   var _node$attribs$class;
   var props = attributesToProps(node.attribs);
   var letterClass = node.attribs['data-type'] === 'letters' ? 'ol-list--roman' : false;

package/es/plugins/{ParagraphPlugin.js → paragraphPlugin.js}

@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import { attributesToProps, domToReact } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var ParagraphPlugin = function ParagraphPlugin(node, opts) {
+export var paragraphPlugin = function paragraphPlugin(node, opts) {
   if (node.attribs['data-align'] === 'center') {
     var _node$attribs$class;
     var props = attributesToProps(node.attribs);

package/es/plugins/{SpanPlugin.js → spanPlugin.js}

@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import { attributesToProps, domToReact } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var SpanPlugin = function SpanPlugin(node, opts) {
+export var spanPlugin = function spanPlugin(node, opts) {
   if (node.attribs['data-size'] === 'large') {
     var _node$attribs$class;
     var props = attributesToProps(node.attribs);

package/es/plugins/{TablePlugin.js → tablePlugin.js}

@@ -12,7 +12,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import { Table } from '@ndla/ui';
 import { attributesToProps, domToReact } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var TablePlugin = function TablePlugin(node, opts) {
+export var tablePlugin = function tablePlugin(node, opts) {
   var props = attributesToProps(node.attribs);
   return _jsx(Table, _objectSpread(_objectSpread({}, props), {}, {
     children: domToReact(node.children, opts)

package/es/plugins/{ULPlugin.js → ulPlugin.js}

@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import { attributesToProps, domToReact } from 'html-react-parser';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export var OLPlugin = function OLPlugin(node, opts) {
+export var ulPlugin = function ulPlugin(node, opts) {
   if (node.attribs['data-type'] === 'two-column') {
     var _node$attribs$class;
     var props = attributesToProps(node.attribs);

package/lib/plugins/{AsidePlugin.d.ts → asidePlugin.d.ts}

@@ -6,4 +6,4 @@
  *
  */
 import { PluginType } from './types';
-export declare const AsidePlugin: PluginType;
+export declare const asidePlugin: PluginType;

package/lib/plugins/{AsidePlugin.js → asidePlugin.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AsidePlugin = void 0;
+exports.asidePlugin = void 0;
 var _htmlReactParser = require("html-react-parser");
 var _ui = require("@ndla/ui");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -15,7 +15,7 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  *
  */
 
-var AsidePlugin = function AsidePlugin(node, opts) {
+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)
@@ -29,4 +29,4 @@ var AsidePlugin = function AsidePlugin(node, opts) {
   }
   return null;
 };
-exports.AsidePlugin = AsidePlugin;
+exports.asidePlugin = asidePlugin;

package/lib/plugins/{CopyParagraphPlugin.d.ts → copyParagraphPlugin.d.ts}

@@ -6,4 +6,4 @@
  *
  */
 import { PluginType } from './types';
-export declare const CopyParagraphPlugin: PluginType;
+export declare const copyParagraphPlugin: PluginType;

package/lib/plugins/{CopyParagraphPlugin.js → copyParagraphPlugin.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CopyParagraphPlugin = void 0;
+exports.copyParagraphPlugin = void 0;
 var _ui = require("@ndla/ui");
 var _htmlReactParser = require("html-react-parser");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -15,10 +15,10 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  *
  */
 
-var CopyParagraphPlugin = function CopyParagraphPlugin(node, opts) {
+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;
+exports.copyParagraphPlugin = copyParagraphPlugin;

package/lib/plugins/{DivPlugin.d.ts → divPlugin.d.ts}

@@ -6,4 +6,4 @@
  *
  */
 import { PluginType } from './types';
-export declare const DivPlugin: PluginType;
+export declare const divPlugin: PluginType;

package/lib/plugins/{DivPlugin.js → divPlugin.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DivPlugin = void 0;
+exports.divPlugin = void 0;
 var _partition3 = _interopRequireDefault(require("lodash/partition"));
 var _htmlReactParser = require("html-react-parser");
 var _ui = require("@ndla/ui");
@@ -18,7 +18,7 @@ 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) {
+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), {}, {
@@ -43,4 +43,4 @@ var DivPlugin = function DivPlugin(node, opts) {
   }
   return null;
 };
-exports.DivPlugin = DivPlugin;
+exports.divPlugin = divPlugin;

package/lib/plugins/embed/{AudioEmbedPlugin.d.ts → audioEmbedPlugin.d.ts}

@@ -6,4 +6,4 @@
  *
  */
 import { PluginType } from '../types';
-export declare const AudioEmbedPlugin: PluginType;
+export declare const audioEmbedPlugin: PluginType;

package/lib/plugins/embed/{AudioEmbedPlugin.js → audioEmbedPlugin.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AudioEmbedPlugin = void 0;
+exports.audioEmbedPlugin = void 0;
 var _htmlReactParser = require("html-react-parser");
 var _ui = require("@ndla/ui");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -15,7 +15,7 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  *
  */
 
-var AudioEmbedPlugin = function AudioEmbedPlugin(element, _, opts) {
+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, {
@@ -23,4 +23,4 @@ var AudioEmbedPlugin = function AudioEmbedPlugin(element, _, opts) {
     articlePath: opts.path
   });
 };
-exports.AudioEmbedPlugin = AudioEmbedPlugin;
+exports.audioEmbedPlugin = audioEmbedPlugin;

package/lib/plugins/embed/{BrightcoveEmbedPlugin.d.ts → brightcoveEmbedPlugin.d.ts}

@@ -6,4 +6,4 @@
  *
  */
 import { PluginType } from '../types';
-export declare const BrightcoveEmbedPlugin: PluginType;
+export declare const brightcoveEmbedPlugin: PluginType;

package/lib/plugins/embed/{BrightcoveEmbedPlugin.js → brightcoveEmbedPlugin.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BrightcoveEmbedPlugin = void 0;
+exports.brightcoveEmbedPlugin = void 0;
 var _htmlReactParser = require("html-react-parser");
 var _ui = require("@ndla/ui");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -15,11 +15,11 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  *
  */
 
-var BrightcoveEmbedPlugin = function BrightcoveEmbedPlugin(element) {
+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;
+exports.brightcoveEmbedPlugin = brightcoveEmbedPlugin;

package/lib/plugins/embed/{FileEmbedPlugin.d.ts → codeEmbedPlugin.d.ts}

@@ -6,4 +6,4 @@
  *
  */
 import { PluginType } from '../types';
-export declare const FileEmbedPlugin: PluginType;
+export declare const codeEmbedPlugin: PluginType;

package/lib/plugins/embed/{CodeEmbedPlugin.js → codeEmbedPlugin.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CodeEmbedPlugin = void 0;
+exports.codeEmbedPlugin = void 0;
 var _htmlReactParser = require("html-react-parser");
 var _code = require("@ndla/code");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -15,11 +15,11 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  *
  */
 
-var CodeEmbedPlugin = function CodeEmbedPlugin(element) {
+var codeEmbedPlugin = function codeEmbedPlugin(element) {
   var props = (0, _htmlReactParser.attributesToProps)(element.attribs);
   var data = JSON.parse(props['data-json']);
   return (0, _jsxRuntime.jsx)(_code.CodeEmbed, {
     embed: data
   });
 };
-exports.CodeEmbedPlugin = CodeEmbedPlugin;
+exports.codeEmbedPlugin = codeEmbedPlugin;

package/lib/plugins/embed/{ConceptEmbedPlugin.d.ts → conceptEmbedPlugin.d.ts}

@@ -6,4 +6,4 @@
  *
  */
 import { PluginType } from '../types';
-export declare const ConceptEmbedPlugin: PluginType;
+export declare const conceptEmbedPlugin: PluginType;

package/lib/plugins/embed/{ConceptEmbedPlugin.js → conceptEmbedPlugin.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ConceptEmbedPlugin = void 0;
+exports.conceptEmbedPlugin = void 0;
 var _htmlReactParser = require("html-react-parser");
 var _ui = require("@ndla/ui");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -15,7 +15,7 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  *
  */
 
-var ConceptEmbedPlugin = function ConceptEmbedPlugin(element) {
+var conceptEmbedPlugin = function conceptEmbedPlugin(element) {
   var props = (0, _htmlReactParser.attributesToProps)(element.attribs);
   var data = JSON.parse(props['data-json']);
   return (0, _jsxRuntime.jsx)(_ui.ConceptEmbed, {
@@ -23,4 +23,4 @@ var ConceptEmbedPlugin = function ConceptEmbedPlugin(element) {
     fullWidth: true
   });
 };
-exports.ConceptEmbedPlugin = ConceptEmbedPlugin;
+exports.conceptEmbedPlugin = conceptEmbedPlugin;

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