Merged in feature/SW-3245-move-jsontohtml (pull request #2661)

Feature/SW-3245 move jsontohtml

* wip

* Move JsonToHtml -> design-system

* Fix semantic issues within Stories

* replace imports of 'storybook/react-vite' with 'storybook/nextjs-vite'

* merge


Approved-by: Anton Gunnarsson

packages/design-system/lib/components/JsonToHtml/JsonToHtml.tsx

@@ -0,0 +1,68 @@
+import { cx } from 'class-variance-authority'
+
+import { nodesToHtml } from './utils'
+
+import styles from './jsontohtml.module.css'
+
+import type { RTENode } from './types/rte/node'
+import type { RenderOptions } from './types/rte/option'
+import { ContentBlockType } from './types/rte/enums'
+
+export type Node<T> = {
+  node: T
+}
+
+type Image = {
+  id: number
+  title: string
+  url: string
+  focalPoint: {
+    x: number
+    y: number
+  }
+  meta: {
+    alt?: string | null
+    caption?: string | null
+  }
+}
+export type Embeds =
+  | {
+      __typename: Exclude<ContentBlockType, 'ImageContainer'>
+      system?: { uid: string } | undefined | null
+      url?: string | undefined | null
+      title?: string | undefined | null
+    }
+  | {
+      __typename: 'ImageContainer'
+      system?: { uid: string } | undefined | null
+      url?: string | undefined | null
+      title?: string | undefined | null
+      image_left?: Image | undefined
+      image_right?: Image | undefined
+    }
+
+export type EmbedByUid = Record<string, Node<Embeds>>
+
+export type JsonToHtmlProps = {
+  embeds: Node<Embeds>[]
+  nodes: RTENode[]
+  renderOptions?: RenderOptions
+  className?: string
+}
+
+export function JsonToHtml({
+  embeds,
+  nodes,
+  renderOptions = {},
+  className,
+}: JsonToHtmlProps) {
+  if (!Array.isArray(nodes) || !nodes.length) {
+    return null
+  }
+
+  return (
+    <section className={cx(styles.container, className)}>
+      {nodesToHtml(nodes, embeds, renderOptions).filter(Boolean)}
+    </section>
+  )
+}