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

apps/scandic-web/components/Blocks/TextCols/index.tsx

@@ -1,9 +1,6 @@
+import { JsonToHtml } from "@scandic-hotels/design-system/JsonToHtml"
 import Subtitle from "@scandic-hotels/design-system/Subtitle"
 
-import JsonToHtml from "@/components/JsonToHtml"
-
-import { renderOptions } from "./renderOptions"
-
 import styles from "./textcols.module.css"
 
 import type { TextColProps } from "@/types/components/blocks/textCols"
@@ -18,7 +15,6 @@ export default function TextCols({ text_cols }: TextColProps) {
             <JsonToHtml
               nodes={col.text.json.children}
               embeds={col.text.embedded_itemsConnection.edges}
-              renderOptions={renderOptions}
             />
           </section>
         )

apps/scandic-web/components/Blocks/TextCols/renderOptions.tsx

@@ -1,57 +0,0 @@
-import Link from "@scandic-hotels/design-system/Link"
-
-import styles from "./textcols.module.css"
-
-import type { EmbedByUid } from "@/types/transitionTypes/jsontohtml"
-import { RTEItemTypeEnum, RTETypeEnum } from "@/types/transitionTypes/rte/enums"
-import type {
-  RTENext,
-  RTENode,
-  RTERegularNode,
-} from "@/types/transitionTypes/rte/node"
-import type { RenderOptions } from "@/types/transitionTypes/rte/option"
-
-export const renderOptions: RenderOptions = {
-  [RTETypeEnum.a]: (
-    node: RTERegularNode,
-    embeds: EmbedByUid,
-    next: RTENext,
-    fullRenderOptions: RenderOptions
-  ) => {
-    if (node.attrs.url) {
-      return (
-        <a
-          href={node.attrs.url}
-          target={node.attrs.target ?? "_blank"}
-          key={node.uid}
-          className={styles.a}
-        >
-          {next(node.children, embeds, fullRenderOptions)}
-        </a>
-      )
-    }
-    return null
-  },
-  [RTETypeEnum.reference]: (
-    node: RTENode,
-    embeds: EmbedByUid,
-    next: RTENext,
-    fullRenderOptions: RenderOptions
-  ) => {
-    if ("attrs" in node) {
-      const type = node.attrs.type
-      if (type !== RTEItemTypeEnum.asset) {
-        const href = node.attrs?.locale
-          ? `/${node.attrs.locale}${node.attrs.href}`
-          : node.attrs.href
-        return (
-          <Link href={href} key={node.uid} className={styles.a}>
-            {next(node.children, embeds, fullRenderOptions)}
-          </Link>
-        )
-      }
-
-      return null
-    }
-  },
-}