@ndla/article-converter 8.0.8 → 9.0.1-alpha.0

package/es/plugins/embed/audioEmbedPlugin.js

@@ -10,12 +10,10 @@ import { attributesToProps } from "html-react-parser";
 import { AudioEmbed } from "@ndla/ui";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export const audioEmbedPlugin = (element, _, opts) => {
-  var _opts$components;
   const props = attributesToProps(element.attribs);
   const data = JSON.parse(props["data-json"]);
   return _jsx(AudioEmbed, {
     embed: data,
-    heartButton: (_opts$components = opts.components) === null || _opts$components === void 0 ? void 0 : _opts$components.heartButton,
     lang: opts.articleLanguage
   });
 };

package/es/plugins/embed/brightcoveEmbedPlugin.js

@@ -10,12 +10,10 @@ import { attributesToProps } from "html-react-parser";
 import { BrightcoveEmbed } from "@ndla/ui";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export const brightcoveEmbedPlugin = (element, _, opts) => {
-  var _opts$components;
   const props = attributesToProps(element.attribs);
   const data = JSON.parse(props["data-json"]);
   return _jsx(BrightcoveEmbed, {
     embed: data,
-    heartButton: (_opts$components = opts.components) === null || _opts$components === void 0 ? void 0 : _opts$components.heartButton,
     renderContext: opts.renderContext
   });
 };

package/es/plugins/embed/conceptEmbedPlugin.js

@@ -10,13 +10,11 @@ import { attributesToProps } from "html-react-parser";
 import { ConceptEmbed } from "@ndla/ui";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export const conceptEmbedPlugin = (element, _, opts) => {
-  var _opts$components;
   const props = attributesToProps(element.attribs);
   const data = JSON.parse(props["data-json"]);
   return _jsx(ConceptEmbed, {
     embed: data,
     fullWidth: true,
-    heartButton: (_opts$components = opts.components) === null || _opts$components === void 0 ? void 0 : _opts$components.heartButton,
     lang: opts.articleLanguage,
     renderContext: opts.renderContext
   });

package/es/plugins/embed/imageEmbedPlugin.js

@@ -10,17 +10,14 @@ import { attributesToProps } from "html-react-parser";
 import { ImageEmbed } from "@ndla/ui";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export const imageEmbedPlugin = (element, _, opts) => {
-  var _element$parentNode, _opts$components, _opts$canonicalUrls;
+  var _element$parentNode;
   const props = attributesToProps(element.attribs);
   const data = JSON.parse(props["data-json"]);
   const inGrid = ((_element$parentNode = element.parentNode) === null || _element$parentNode === void 0 || (_element$parentNode = _element$parentNode.parentNode) === null || _element$parentNode === void 0 || (_element$parentNode = _element$parentNode.attribs) === null || _element$parentNode === void 0 ? void 0 : _element$parentNode["data-type"]) === "grid";
   return _jsx(ImageEmbed, {
     inGrid: inGrid,
     embed: data,
-    path: opts.path,
     previewAlt: opts.previewAlt,
-    heartButton: (_opts$components = opts.components) === null || _opts$components === void 0 ? void 0 : _opts$components.heartButton,
-    canonicalUrl: (_opts$canonicalUrls = opts.canonicalUrls) === null || _opts$canonicalUrls === void 0 ? void 0 : _opts$canonicalUrls.image,
     lang: opts.articleLanguage,
     renderContext: opts.renderContext
   });

package/lib/index.d.ts

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

package/lib/plugins/embed/audioEmbedPlugin.js

@@ -16,12 +16,10 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  */
 
 const audioEmbedPlugin = (element, _, opts) => {
-  var _opts$components;
   const props = (0, _htmlReactParser.attributesToProps)(element.attribs);
   const data = JSON.parse(props["data-json"]);
   return (0, _jsxRuntime.jsx)(_ui.AudioEmbed, {
     embed: data,
-    heartButton: (_opts$components = opts.components) === null || _opts$components === void 0 ? void 0 : _opts$components.heartButton,
     lang: opts.articleLanguage
   });
 };

package/lib/plugins/embed/brightcoveEmbedPlugin.js

@@ -16,12 +16,10 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  */
 
 const brightcoveEmbedPlugin = (element, _, opts) => {
-  var _opts$components;
   const props = (0, _htmlReactParser.attributesToProps)(element.attribs);
   const data = JSON.parse(props["data-json"]);
   return (0, _jsxRuntime.jsx)(_ui.BrightcoveEmbed, {
     embed: data,
-    heartButton: (_opts$components = opts.components) === null || _opts$components === void 0 ? void 0 : _opts$components.heartButton,
     renderContext: opts.renderContext
   });
 };

package/lib/plugins/embed/conceptEmbedPlugin.js

@@ -16,13 +16,11 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  */
 
 const conceptEmbedPlugin = (element, _, opts) => {
-  var _opts$components;
   const props = (0, _htmlReactParser.attributesToProps)(element.attribs);
   const data = JSON.parse(props["data-json"]);
   return (0, _jsxRuntime.jsx)(_ui.ConceptEmbed, {
     embed: data,
     fullWidth: true,
-    heartButton: (_opts$components = opts.components) === null || _opts$components === void 0 ? void 0 : _opts$components.heartButton,
     lang: opts.articleLanguage,
     renderContext: opts.renderContext
   });

package/lib/plugins/embed/imageEmbedPlugin.js

@@ -16,17 +16,14 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  */
 
 const imageEmbedPlugin = (element, _, opts) => {
-  var _element$parentNode, _opts$components, _opts$canonicalUrls;
+  var _element$parentNode;
   const props = (0, _htmlReactParser.attributesToProps)(element.attribs);
   const data = JSON.parse(props["data-json"]);
   const inGrid = ((_element$parentNode = element.parentNode) === null || _element$parentNode === void 0 || (_element$parentNode = _element$parentNode.parentNode) === null || _element$parentNode === void 0 || (_element$parentNode = _element$parentNode.attribs) === null || _element$parentNode === void 0 ? void 0 : _element$parentNode["data-type"]) === "grid";
   return (0, _jsxRuntime.jsx)(_ui.ImageEmbed, {
     inGrid: inGrid,
     embed: data,
-    path: opts.path,
     previewAlt: opts.previewAlt,
-    heartButton: (_opts$components = opts.components) === null || _opts$components === void 0 ? void 0 : _opts$components.heartButton,
-    canonicalUrl: (_opts$canonicalUrls = opts.canonicalUrls) === null || _opts$canonicalUrls === void 0 ? void 0 : _opts$canonicalUrls.image,
     lang: opts.articleLanguage,
     renderContext: opts.renderContext
   });

package/lib/plugins/types.d.ts

@@ -7,17 +7,13 @@
  */
 /// <reference types="react" />
 import { Element, HTMLReactParserOptions } from "html-react-parser";
-import { HeartButtonType, RenderContext, CanonicalUrlFuncs } from "@ndla/ui";
-export interface DynamicComponents {
-    heartButton?: HeartButtonType;
-}
+import { RenderContext, CanonicalUrlFuncs } from "@ndla/ui";
 export interface TransformOptions {
     isOembed?: boolean;
     subject?: string;
     path?: string;
     previewAlt?: boolean;
     frontendDomain?: string;
-    components?: DynamicComponents;
     articleLanguage?: string;
     canonicalUrls?: CanonicalUrlFuncs;
     renderContext?: RenderContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/article-converter",
-  "version": "8.0.8",
+  "version": "9.0.1-alpha.0",
   "description": "Transforms NDLA articles into extended html versions",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -31,7 +31,7 @@
     "@ndla/types-embed": "^4.1.8"
   },
   "dependencies": {
-    "@ndla/ui": "^54.0.6",
+    "@ndla/ui": "^55.0.1-alpha.0",
     "html-react-parser": "^5.1.8"
   },
   "peerDependencies": {
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ca017a610c49c3f08691b7963b7a82284c3baa2b"
+  "gitHead": "4d43efa927c3f403d61a252efd8f06647073c076"
 }

package/src/index.ts

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

package/src/plugins/embed/audioEmbedPlugin.tsx

@@ -14,5 +14,5 @@ import { PluginType } from "../types";
 export const audioEmbedPlugin: PluginType = (element, _, opts) => {
   const props = attributesToProps(element.attribs);
   const data = JSON.parse(props["data-json"] as string) as AudioMetaData;
-  return <AudioEmbed embed={data} heartButton={opts.components?.heartButton} lang={opts.articleLanguage} />;
+  return <AudioEmbed embed={data} lang={opts.articleLanguage} />;
 };

package/src/plugins/embed/brightcoveEmbedPlugin.tsx

@@ -14,5 +14,5 @@ import { PluginType } from "../types";
 export const brightcoveEmbedPlugin: PluginType = (element, _, opts) => {
   const props = attributesToProps(element.attribs);
   const data = JSON.parse(props["data-json"] as string) as BrightcoveMetaData;
-  return <BrightcoveEmbed embed={data} heartButton={opts.components?.heartButton} renderContext={opts.renderContext} />;
+  return <BrightcoveEmbed embed={data} renderContext={opts.renderContext} />;
 };

package/src/plugins/embed/conceptEmbedPlugin.tsx

@@ -14,13 +14,5 @@ import { PluginType } from "../types";
 export const conceptEmbedPlugin: PluginType = (element, _, opts) => {
   const props = attributesToProps(element.attribs);
   const data = JSON.parse(props["data-json"] as string) as ConceptMetaData;
-  return (
-    <ConceptEmbed
-      embed={data}
-      fullWidth
-      heartButton={opts.components?.heartButton}
-      lang={opts.articleLanguage}
-      renderContext={opts.renderContext}
-    />
-  );
+  return <ConceptEmbed embed={data} fullWidth lang={opts.articleLanguage} renderContext={opts.renderContext} />;
 };

package/src/plugins/embed/imageEmbedPlugin.tsx

@@ -20,10 +20,7 @@ export const imageEmbedPlugin: PluginType = (element, _, opts) => {
     <ImageEmbed
       inGrid={inGrid}
       embed={data}
-      path={opts.path}
       previewAlt={opts.previewAlt}
-      heartButton={opts.components?.heartButton}
-      canonicalUrl={opts.canonicalUrls?.image}
       lang={opts.articleLanguage}
       renderContext={opts.renderContext}
     />

package/src/plugins/types.ts

@@ -7,11 +7,7 @@
  */
 
 import { Element, HTMLReactParserOptions } from "html-react-parser";
-import { HeartButtonType, RenderContext, CanonicalUrlFuncs } from "@ndla/ui";
-
-export interface DynamicComponents {
-  heartButton?: HeartButtonType;
-}
+import { RenderContext, CanonicalUrlFuncs } from "@ndla/ui";
 
 export interface TransformOptions {
   isOembed?: boolean;
@@ -19,7 +15,6 @@ export interface TransformOptions {
   path?: string;
   previewAlt?: boolean;
   frontendDomain?: string;
-  components?: DynamicComponents;
   articleLanguage?: string;
   canonicalUrls?: CanonicalUrlFuncs;
   renderContext?: RenderContext;