@ndla/article-converter 6.0.42 → 6.0.44

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

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from '../types';
+import { PluginType } from "../types";
 export declare const contentLinkEmbedPlugin: PluginType;

package/lib/plugins/embed/contentLinkEmbedPlugin.js

@@ -20,7 +20,7 @@ const contentLinkEmbedPlugin = (element, _, _ref) => {
     isOembed
   } = _ref;
   const props = (0, _htmlReactParser.attributesToProps)(element.attribs);
-  const data = JSON.parse(props['data-json']);
+  const data = JSON.parse(props["data-json"]);
   return (0, _jsxRuntime.jsx)(_ui.ContentLinkEmbed, {
     embed: data,
     isOembed: isOembed

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

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from '../types';
+import { PluginType } from "../types";
 export declare const externalEmbedPlugin: PluginType;

package/lib/plugins/embed/externalEmbedPlugin.js

@@ -17,7 +17,7 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
 const externalEmbedPlugin = element => {
   const props = (0, _htmlReactParser.attributesToProps)(element.attribs);
-  const data = JSON.parse(props['data-json']);
+  const data = JSON.parse(props["data-json"]);
   return (0, _jsxRuntime.jsx)(_ui.ExternalEmbed, {
     embed: data
   });

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

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from '../types';
+import { PluginType } from "../types";
 export declare const fileEmbedPlugin: PluginType;

package/lib/plugins/embed/fileEmbedPlugin.js

@@ -17,14 +17,14 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
 const fileEmbedPlugin = element => {
   const props = (0, _htmlReactParser.attributesToProps)(element.attribs);
-  const data = JSON.parse(props['data-json']);
+  const data = JSON.parse(props["data-json"]);
   const {
     type,
     title,
     url,
     display
   } = data.embedData;
-  if (type === 'pdf' && display === 'block') {
+  if (type === "pdf" && display === "block") {
     return (0, _jsxRuntime.jsx)(_ui.PdfFile, {
       title: title,
       url: url
@@ -33,7 +33,7 @@ const fileEmbedPlugin = element => {
     return (0, _jsxRuntime.jsx)(_ui.File, {
       url: url,
       title: title,
-      fileExists: data.status === 'success' ? !!data.data.exists : false,
+      fileExists: data.status === "success" ? !!data.data.exists : false,
       fileType: type
     });
   }

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

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from '../types';
+import { PluginType } from "../types";
 export declare const footnoteEmbedPlugin: PluginType;

package/lib/plugins/embed/footnoteEmbedPlugin.js

@@ -17,7 +17,7 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
 const footnoteEmbedPlugin = element => {
   const props = (0, _htmlReactParser.attributesToProps)(element.attribs);
-  const data = JSON.parse(props['data-json']);
+  const data = JSON.parse(props["data-json"]);
   return (0, _jsxRuntime.jsx)(_ui.FootnoteEmbed, {
     embed: data
   });

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

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from '../types';
+import { PluginType } from "../types";
 export declare const h5pEmbedPlugin: PluginType;

package/lib/plugins/embed/h5pEmbedPlugin.js

@@ -17,7 +17,7 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
 const h5pEmbedPlugin = element => {
   const props = (0, _htmlReactParser.attributesToProps)(element.attribs);
-  const data = JSON.parse(props['data-json']);
+  const data = JSON.parse(props["data-json"]);
   return (0, _jsxRuntime.jsx)(_ui.H5pEmbed, {
     embed: data
   });

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

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from '../types';
+import { PluginType } from "../types";
 export declare const iframeEmbedPlugin: PluginType;

package/lib/plugins/embed/iframeEmbedPlugin.js

@@ -17,7 +17,7 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
 const iframeEmbedPlugin = element => {
   const props = (0, _htmlReactParser.attributesToProps)(element.attribs);
-  const data = JSON.parse(props['data-json']);
+  const data = JSON.parse(props["data-json"]);
   return (0, _jsxRuntime.jsx)(_ui.IframeEmbed, {
     embed: data
   });

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

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from '../types';
+import { PluginType } from "../types";
 export declare const imageEmbedPlugin: PluginType;

package/lib/plugins/embed/imageEmbedPlugin.js

@@ -17,8 +17,8 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
 const imageEmbedPlugin = (element, _, opts) => {
   const props = (0, _htmlReactParser.attributesToProps)(element.attribs);
-  const data = JSON.parse(props['data-json']);
-  const inGrid = element.parentNode?.parentNode?.attribs?.['data-type'] === 'grid';
+  const data = JSON.parse(props["data-json"]);
+  const inGrid = element.parentNode?.parentNode?.attribs?.["data-type"] === "grid";
   return (0, _jsxRuntime.jsx)(_ui.ImageEmbed, {
     inGrid: inGrid,
     embed: data,

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

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from '../types';
+import { PluginType } from "../types";
 export declare const embedPlugins: Record<string, PluginType>;

package/lib/plugins/embed/index.js

@@ -34,19 +34,19 @@ const embedPlugins = exports.embedPlugins = {
   image: _imageEmbedPlugin.imageEmbedPlugin,
   audio: _audioEmbedPlugin.audioEmbedPlugin,
   h5p: _h5pEmbedPlugin.h5pEmbedPlugin,
-  'code-block': _codeEmbedPlugin.codeEmbedPlugin,
+  "code-block": _codeEmbedPlugin.codeEmbedPlugin,
   external: _externalEmbedPlugin.externalEmbedPlugin,
   iframe: _iframeEmbedPlugin.iframeEmbedPlugin,
   footnote: _footnoteEmbedPlugin.footnoteEmbedPlugin,
   brightcove: _brightcoveEmbedPlugin.brightcoveEmbedPlugin,
-  'related-content': _relatedContentEmbedPlugin.relatedContentEmbedPlugin,
-  'content-link': _contentLinkEmbedPlugin.contentLinkEmbedPlugin,
+  "related-content": _relatedContentEmbedPlugin.relatedContentEmbedPlugin,
+  "content-link": _contentLinkEmbedPlugin.contentLinkEmbedPlugin,
   concept: _conceptEmbedPlugin.conceptEmbedPlugin,
-  'concept-list': _conceptListEmbedPlugin.conceptListEmbedPlugin,
-  'blog-post': _blogPostEmbedPlugin.blogPostEmbedPlugin,
+  "concept-list": _conceptListEmbedPlugin.conceptListEmbedPlugin,
+  "blog-post": _blogPostEmbedPlugin.blogPostEmbedPlugin,
   file: _fileEmbedPlugin.fileEmbedPlugin,
-  'key-figure': _KeyFigureEmbedPlugin.keyFigureEmbedPlugin,
-  'contact-block': _contactBlockEmbedPlugin.contactBlockEmbedPlugin,
-  'campaign-block': _campaignBlockPlugin.campaignBlockPlugin,
-  'link-block': _linkBlockEmbedPlugin.linkBlockPlugin
+  "key-figure": _KeyFigureEmbedPlugin.keyFigureEmbedPlugin,
+  "contact-block": _contactBlockEmbedPlugin.contactBlockEmbedPlugin,
+  "campaign-block": _campaignBlockPlugin.campaignBlockPlugin,
+  "link-block": _linkBlockEmbedPlugin.linkBlockPlugin
 };

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

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from '../types';
+import { PluginType } from "../types";
 export declare const linkBlockPlugin: PluginType;

package/lib/plugins/embed/linkBlockEmbedPlugin.js

@@ -17,7 +17,7 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
 const linkBlockPlugin = (element, _, opts) => {
   const props = (0, _htmlReactParser.attributesToProps)(element.attribs);
-  const data = JSON.parse(props['data-json']);
+  const data = JSON.parse(props["data-json"]);
   return (0, _jsxRuntime.jsx)(_ui.LinkBlock, {
     ...data.embedData,
     path: opts.path

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

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from '../types';
+import { PluginType } from "../types";
 export declare const relatedContentEmbedPlugin: PluginType;

package/lib/plugins/embed/relatedContentEmbedPlugin.js

@@ -17,7 +17,7 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
 const relatedContentEmbedPlugin = (element, _, opts) => {
   const props = (0, _htmlReactParser.attributesToProps)(element.attribs);
-  const data = JSON.parse(props['data-json']);
+  const data = JSON.parse(props["data-json"]);
   return (0, _jsxRuntime.jsx)(_ui.RelatedContentEmbed, {
     embed: data,
     subject: opts.subject,

package/lib/plugins/h3Plugin.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from './types';
+import { PluginType } from "./types";
 export declare const h3Plugin: PluginType;

package/lib/plugins/index.d.ts

@@ -5,6 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from './types';
+import { PluginType } from "./types";
 export declare const basePlugins: Record<string, PluginType>;
 export declare const oembedPlugins: Record<string, PluginType>;

package/lib/plugins/mathPlugin.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from './types';
+import { PluginType } from "./types";
 export declare const mathPlugin: PluginType;

package/lib/plugins/mathPlugin.js

@@ -16,7 +16,7 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
 const mathPlugin = node => {
   const {
-    'data-math': mathContent,
+    "data-math": mathContent,
     ...props
   } = (0, _htmlReactParser.attributesToProps)(node.attribs);
   // @ts-ignore

package/lib/plugins/navPlugin.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from './types';
+import { PluginType } from "./types";
 export declare const navPlugin: PluginType;

package/lib/plugins/navPlugin.js

@@ -16,7 +16,7 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  */
 
 const navPlugin = (node, opts) => {
-  if (node.attribs['data-type'] === 'link-block-list') {
+  if (node.attribs["data-type"] === "link-block-list") {
     const props = (0, _htmlReactParser.attributesToProps)(node.attribs);
     return (0, _jsxRuntime.jsx)(_ui.LinkBlockSection, {
       ...props,

package/lib/plugins/oembed/anchorPlugin.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from '../types';
+import { PluginType } from "../types";
 export declare const anchorPlugin: PluginType;

package/lib/plugins/olPlugin.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from './types';
+import { PluginType } from "./types";
 export declare const olPlugin: PluginType;

package/lib/plugins/olPlugin.js

@@ -17,10 +17,10 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
 const olPlugin = (node, converterOpts, opts) => {
   const props = (0, _htmlReactParser.attributesToProps)(node.attribs);
-  const letterClass = node.attribs['data-type'] === 'letters' ? 'ol-list--roman' : false;
-  const num = node.attribs['start'];
+  const letterClass = node.attribs["data-type"] === "letters" ? "ol-list--roman" : false;
+  const num = node.attribs["start"];
   const numClass = num ? `ol-reset-${num}` : false;
-  const classes = [node.attribs.class ?? false, letterClass, numClass].filter(c => !!c).join(' ');
+  const classes = [node.attribs.class ?? false, letterClass, numClass].filter(c => !!c).join(" ");
   return (0, _jsxRuntime.jsx)(_ui.OrderedList, {
     ...props,
     className: classes.length ? classes : undefined,

package/lib/plugins/paragraphPlugin.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from './types';
+import { PluginType } from "./types";
 export declare const paragraphPlugin: PluginType;

package/lib/plugins/paragraphPlugin.js

@@ -16,8 +16,8 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
 const paragraphPlugin = (node, converterOpts, opts) => {
   const props = (0, _htmlReactParser.attributesToProps)(node.attribs);
-  if (node.attribs['data-align'] === 'center') {
-    const classes = [node.attribs.class ?? '', 'u-text-center'].filter(c => !!c).join(' ');
+  if (node.attribs["data-align"] === "center") {
+    const classes = [node.attribs.class ?? "", "u-text-center"].filter(c => !!c).join(" ");
     return (0, _jsxRuntime.jsx)("p", {
       ...props,
       lang: opts.articleLanguage,

package/lib/plugins/spanPlugin.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from './types';
+import { PluginType } from "./types";
 export declare const spanPlugin: PluginType;

package/lib/plugins/spanPlugin.js

@@ -15,12 +15,12 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  */
 
 const spanPlugin = (node, opts) => {
-  if (node.attribs['data-size'] === 'large') {
+  if (node.attribs["data-size"] === "large") {
     const props = (0, _htmlReactParser.attributesToProps)(node.attribs);
     return (0, _jsxRuntime.jsx)("span", {
       ...props,
       "data-size": undefined,
-      className: `${node.attribs.class ?? ''} u-large-body-text`,
+      className: `${node.attribs.class ?? ""} u-large-body-text`,
       children: (0, _htmlReactParser.domToReact)(node.children, opts)
     });
   }

package/lib/plugins/tablePlugin.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from './types';
+import { PluginType } from "./types";
 export declare const tablePlugin: PluginType;

package/lib/plugins/types.d.ts

@@ -6,8 +6,8 @@
  *
  */
 /// <reference types="react" />
-import { Element, HTMLReactParserOptions } from 'html-react-parser';
-import { HeartButtonType, RenderContext, CanonicalUrlFuncs } from '@ndla/ui';
+import { Element, HTMLReactParserOptions } from "html-react-parser";
+import { HeartButtonType, RenderContext, CanonicalUrlFuncs } from "@ndla/ui";
 export interface DynamicComponents {
     heartButton?: HeartButtonType;
 }

package/lib/plugins/ulPlugin.d.ts

@@ -5,5 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { PluginType } from './types';
+import { PluginType } from "./types";
 export declare const ulPlugin: PluginType;

package/lib/plugins/ulPlugin.js

@@ -17,7 +17,7 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
 const ulPlugin = (node, converterOpts, opts) => {
   const props = (0, _htmlReactParser.attributesToProps)(node.attribs);
-  const classes = [node.attribs.class ?? '', node.attribs['data-type'] === 'two-column' ? 'o-list--two-columns' : ''].filter(c => !!c).join(' ');
+  const classes = [node.attribs.class ?? "", node.attribs["data-type"] === "two-column" ? "o-list--two-columns" : ""].filter(c => !!c).join(" ");
   return (0, _jsxRuntime.jsx)(_ui.UnOrderedList, {
     ...props,
     className: classes,

package/lib/transform.d.ts

@@ -6,6 +6,6 @@
  *
  */
 /// <reference types="react" />
-import { TransformOptions } from './plugins/types';
+import { TransformOptions } from "./plugins/types";
 declare const transform: (content: string, opts: TransformOptions) => string | JSX.Element | JSX.Element[];
 export default transform;

package/lib/transform.js

@@ -22,17 +22,17 @@ const transform = (content, opts) => {
   const plugins = opts?.isOembed ? _plugins.oembedPlugins : _plugins.basePlugins;
   const options = {
     replace: node => {
-      if (!('attribs' in node)) {
+      if (!("attribs" in node)) {
         return;
       }
       if (plugins[node.name]) {
         return plugins[node.name](node, options, opts);
       }
-      if (node.name === 'ndlaembed') {
-        if (_embed.embedPlugins[node.attribs['data-resource']]) {
-          return _embed.embedPlugins[node.attribs['data-resource']](node, options, opts);
+      if (node.name === "ndlaembed") {
+        if (_embed.embedPlugins[node.attribs["data-resource"]]) {
+          return _embed.embedPlugins[node.attribs["data-resource"]](node, options, opts);
         } else {
-          const embed = JSON.parse(node.attribs['data-json']);
+          const embed = JSON.parse(node.attribs["data-json"]);
           return (0, _jsxRuntime.jsx)(_ui.UnknownEmbed, {
             embed: embed
           });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/article-converter",
-  "version": "6.0.42",
+  "version": "6.0.44",
   "description": "Transforms NDLA articles into extended html versions",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -28,11 +28,11 @@
   ],
   "devDependencies": {
     "@ndla/types-backend": "^0.2.21",
-    "@ndla/types-embed": "^4.0.12"
+    "@ndla/types-embed": "^4.0.13"
   },
   "dependencies": {
-    "@ndla/code": "^5.0.29",
-    "@ndla/ui": "^50.8.0",
+    "@ndla/code": "^5.0.31",
+    "@ndla/ui": "^50.8.2",
     "html-react-parser": "^4.2.2",
     "lodash": "^4.17.20"
   },
@@ -48,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e5630a5aabe1bb29936ed0308dc2b8e5620cf8f9"
+  "gitHead": "ca60118709ca3cd878081b8ea0d20d1100b54508"
 }

package/src/extractEmbedMeta.ts

@@ -6,36 +6,36 @@
  *
  */
 
-import parse from 'html-react-parser';
-import { EmbedMetaData } from '@ndla/types-embed';
+import parse from "html-react-parser";
+import { EmbedMetaData } from "@ndla/types-embed";
 
 const extractEmbedMeta = (embed: string): EmbedMetaData | undefined => {
   const node = parse(embed);
-  if (typeof node === 'string' || Array.isArray(node) || node.type !== 'ndlaembed' || !node.props['data-json']) {
+  if (typeof node === "string" || Array.isArray(node) || node.type !== "ndlaembed" || !node.props["data-json"]) {
     return;
   }
 
-  return JSON.parse(node.props['data-json']) as EmbedMetaData;
+  return JSON.parse(node.props["data-json"]) as EmbedMetaData;
 };
 
 export const extractEmbedMetas = (embed: string): EmbedMetaData[] => {
   const nodes = parse(embed);
 
   // There are no embeds in the string
-  if (typeof nodes === 'string') {
+  if (typeof nodes === "string") {
     return [];
   }
   // There is only one embed in the string
-  else if (!Array.isArray(nodes) && nodes.type === 'ndlaembed' && !!nodes.props['data-json']) {
-    return [JSON.parse(nodes.props['data-json']) as EmbedMetaData];
+  else if (!Array.isArray(nodes) && nodes.type === "ndlaembed" && !!nodes.props["data-json"]) {
+    return [JSON.parse(nodes.props["data-json"]) as EmbedMetaData];
   }
   // There are multiple embeds in the string
   else if (
     Array.isArray(nodes) &&
     nodes.length &&
-    nodes.every((n) => n.type === 'ndlaembed' && !!n.props['data-json'])
+    nodes.every((n) => n.type === "ndlaembed" && !!n.props["data-json"])
   ) {
-    return nodes.map((n) => JSON.parse(n.props['data-json']) as EmbedMetaData);
+    return nodes.map((n) => JSON.parse(n.props["data-json"]) as EmbedMetaData);
   } else {
     return [];
   }

package/src/index.ts

@@ -6,6 +6,6 @@
  *
  */
 
-export { default as transform } from './transform';
-export { default as extractEmbedMeta, extractEmbedMetas } from './extractEmbedMeta';
-export type { TransformOptions, DynamicComponents } from './plugins/types';
+export { default as transform } from "./transform";
+export { default as extractEmbedMeta, extractEmbedMetas } from "./extractEmbedMeta";
+export type { TransformOptions, DynamicComponents } from "./plugins/types";

package/src/plugins/anchorPlugin.tsx

@@ -6,10 +6,10 @@
  *
  */
 
-import { attributesToProps, domToReact } from 'html-react-parser';
-import SafeLink from '@ndla/safelink';
-import { getPossiblyRelativeUrl } from '@ndla/ui';
-import { PluginType } from './types';
+import { attributesToProps, domToReact } from "html-react-parser";
+import SafeLink from "@ndla/safelink";
+import { getPossiblyRelativeUrl } from "@ndla/ui";
+import { PluginType } from "./types";
 
 export const anchorPlugin: PluginType = (node, opts, { path }) => {
   const props = attributesToProps(node.attribs);

package/src/plugins/asidePlugin.tsx

@@ -6,13 +6,13 @@
  *
  */
 
-import { domToReact } from 'html-react-parser';
-import { Aside, FactBox } from '@ndla/ui';
-import { PluginType } from './types';
+import { domToReact } from "html-react-parser";
+import { Aside, FactBox } from "@ndla/ui";
+import { PluginType } from "./types";
 export const asidePlugin: PluginType = (node, opts) => {
-  if (node.attribs['data-type'] === 'factAside') {
+  if (node.attribs["data-type"] === "factAside") {
     return <FactBox>{domToReact(node.children, opts)}</FactBox>;
-  } else if (node.attribs['data-type'] === 'rightAside') {
+  } else if (node.attribs["data-type"] === "rightAside") {
     return (
       <Aside wideScreen alwaysShow>
         {domToReact(node.children, opts)}

package/src/plugins/copyParagraphPlugin.tsx

@@ -6,14 +6,14 @@
  *
  */
 
-import { Element, domToReact } from 'html-react-parser';
-import { CopyParagraphButton } from '@ndla/ui';
-import { PluginType } from './types';
+import { Element, domToReact } from "html-react-parser";
+import { CopyParagraphButton } from "@ndla/ui";
+import { PluginType } from "./types";
 export const copyParagraphPlugin: PluginType = (node, converterOpts, opts) => {
   const parent = node.parent as Element | undefined;
-  if (parent?.name === 'section' || (parent?.name === 'div' && Object.keys(parent.attribs ?? {}).length === 0)) {
+  if (parent?.name === "section" || (parent?.name === "div" && Object.keys(parent.attribs ?? {}).length === 0)) {
     return (
-      <CopyParagraphButton copyText={node.attribs['data-text']} lang={opts.articleLanguage}>
+      <CopyParagraphButton copyText={node.attribs["data-text"]} lang={opts.articleLanguage}>
         {domToReact(node.children, converterOpts)}
       </CopyParagraphButton>
     );

package/src/plugins/ddPlugin.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import { attributesToProps, domToReact } from 'html-react-parser';
-import { DefinitionDescription } from '@ndla/ui';
-import { PluginType } from './types';
+import { attributesToProps, domToReact } from "html-react-parser";
+import { DefinitionDescription } from "@ndla/ui";
+import { PluginType } from "./types";
 
 export const ddPlugin: PluginType = (node, converterOpts, opts) => {
   const props = attributesToProps(node.attribs);