@frontify/guideline-blocks-settings 0.28.5 → 0.29.0

package/dist/components/RichTextEditor/serializer/serializeNodesToHtmlRecursive.es.js

@@ -1,61 +0,0 @@
-import { UL_CLASSES as u, getOrderedListClasses as N, LI_CLASSNAMES as p, getLiStyles as f, getLicElementClassNames as L, ELEMENT_CHECK_ITEM as T, alignmentClassnames as C, merge as $, OL_STYLES as M } from "@frontify/fondue";
-import { isText as _, ELEMENT_UL as d, ELEMENT_OL as n, ELEMENT_LI as g, ELEMENT_LIC as k, ELEMENT_LINK as y, ELEMENT_MENTION as S } from "@udecode/plate";
-import { serializeLeafToHtml as h } from "./utlis/serializeLeafToHtml.es.js";
-import { reactCssPropsToCss as E } from "./utlis/reactCssPropsToCss.es.js";
-import { buttonNode as b } from "./nodes/button.es.js";
-import { linkNode as I } from "./nodes/link.es.js";
-import { defaultNode as O } from "./nodes/default.es.js";
-import { checkItemNode as A } from "./nodes/checkItemNode.es.js";
-import { mentionHtmlNode as H } from "./nodes/mentionHtmlNode.es.js";
-import { ELEMENT_BUTTON as v } from "../plugins/ButtonPlugin/createButtonPlugin.es.js";
-const i = (t, e) => t.reduce((r, s) => (s.type === e && r++, s.children ? r + i(s.children, e) : r), 0), w = (t, e, { mappedMentionable: r, nestingCount: s = {} }) => {
-  if (_(t))
-    return h(t);
-  const o = s[t.type] || i([t], t.type);
-  let l = "";
-  for (const m of t.children)
-    l += w(m, e, {
-      nestingCount: {
-        ...s,
-        [m.type]: o
-      },
-      mappedMentionable: r
-    });
-  const a = x[t.type];
-  return typeof a < "u" ? a({
-    classNames: c(t.breakAfterColumn, t.align),
-    children: l,
-    rootNestingCount: o,
-    node: t,
-    mappedMentionable: r,
-    styles: e
-  }) : O(
-    t,
-    l,
-    e[t.type],
-    c(t.breakAfterColumn, t.align)
-  );
-}, x = {
-  [d]: (t) => `<ul dir="auto" class="${u} ${t.classNames}">${t.children}</ul>`,
-  [n]: ({ classNames: t, children: e, node: r, rootNestingCount: s }) => {
-    const o = Math.max(s - i([r], n), 0);
-    return `<ol dir="auto" class="${N(o)} ${t}" style="${E(
-      M
-    )}">${e}</ol>`;
-  },
-  [g]: ({ classNames: t, children: e, node: r, styles: s }) => `<li dir="auto" class="${t} ${p}" style="${E(
-    f(r, s)
-  )}">${e}</li>`,
-  [k]: ({ classNames: t, children: e, node: r }) => `<p dir="auto" class="${t} ${L(r)}"><span>${e}</span></p>`,
-  [y]: ({ node: t, children: e, classNames: r, styles: s }) => I(t, e, r, s),
-  [v]: ({ node: t, children: e, classNames: r, styles: s }) => b(t, e, r, s),
-  [T]: ({ node: t, children: e, classNames: r, styles: s }) => A(t, e, r, s),
-  [S]: ({ node: t, mappedMentionable: e }) => H(t, { mentionable: e })
-}, c = (t, e) => {
-  const r = "tw-break-words", s = t === "active" ? "tw-break-after-column tw-break-inside-avoid-column" : "", o = e ? C[e] : "";
-  return $([o, r, s]);
-};
-export {
-  w as serializeNodeToHtmlRecursive
-};
-//# sourceMappingURL=serializeNodesToHtmlRecursive.es.js.map

package/dist/components/RichTextEditor/serializer/serializeNodesToHtmlRecursive.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"serializeNodesToHtmlRecursive.es.js","sources":["../../../../src/components/RichTextEditor/serializer/serializeNodesToHtmlRecursive.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    ELEMENT_CHECK_ITEM,\n    LI_CLASSNAMES,\n    MappedMentionableItems,\n    OL_STYLES,\n    UL_CLASSES,\n    alignmentClassnames,\n    getLiStyles,\n    getLicElementClassNames,\n    getOrderedListClasses,\n    merge,\n} from '@frontify/fondue';\nimport {\n    ELEMENT_LI,\n    ELEMENT_LIC,\n    ELEMENT_LINK,\n    ELEMENT_MENTION,\n    ELEMENT_OL,\n    ELEMENT_UL,\n    TDescendant,\n    TElement,\n    isText,\n} from '@udecode/plate';\nimport { serializeLeafToHtml } from './utlis/serializeLeafToHtml';\nimport { reactCssPropsToCss } from './utlis/reactCssPropsToCss';\nimport type { CSSProperties } from 'react';\nimport { ButtonStylesType, buttonNode } from './nodes/button';\nimport { linkNode } from './nodes/link';\nimport { defaultNode } from './nodes/default';\nimport { checkItemNode } from './nodes/checkItemNode';\nimport { mentionHtmlNode } from './nodes/mentionHtmlNode';\nimport { ELEMENT_BUTTON } from '../plugins';\n\nconst countNodesOfType = (nodes: TDescendant[], type: string): number => {\n    return nodes.reduce((acc, node) => {\n        if (node.type === type) {\n            acc++;\n        }\n        if (node.children) {\n            return acc + countNodesOfType(node.children as TDescendant[], type);\n        }\n        return acc;\n    }, 0);\n};\n\ntype NestingCount = {\n    [type: string]: number;\n};\n\ntype SerializeNodeToHtmlRecursiveOptions = {\n    mappedMentionable?: MappedMentionableItems;\n    nestingCount?: NestingCount;\n};\n\nexport const serializeNodeToHtmlRecursive = (\n    node: TDescendant,\n    styles: Record<string, CSSProperties & { hover?: CSSProperties }> | ButtonStylesType,\n    { mappedMentionable, nestingCount = {} }: SerializeNodeToHtmlRecursiveOptions,\n): string => {\n    if (isText(node)) {\n        return serializeLeafToHtml(node);\n    }\n\n    const rootNestingCount = nestingCount[node.type] || countNodesOfType([node], node.type);\n    let children = '';\n    for (const element of node.children) {\n        children += serializeNodeToHtmlRecursive(element, styles, {\n            nestingCount: {\n                ...nestingCount,\n                [element.type as string]: rootNestingCount,\n            },\n            mappedMentionable,\n        });\n    }\n\n    const htmlMapper = MapNodeTypesToHtml[node.type];\n    if (typeof htmlMapper !== 'undefined') {\n        return htmlMapper({\n            classNames: getClassNames(node.breakAfterColumn as string | undefined, node.align as string | undefined),\n            children,\n            rootNestingCount,\n            node,\n            mappedMentionable,\n            styles,\n        });\n    } else {\n        return defaultNode(\n            node,\n            children,\n            styles[node.type],\n            getClassNames(node.breakAfterColumn as string | undefined, node.align as string | undefined),\n        );\n    }\n};\n\ntype Arguments = {\n    classNames: string;\n    children: string;\n    rootNestingCount: number;\n    node: TElement;\n    mappedMentionable?: MappedMentionableItems;\n    styles: Record<string, CSSProperties & { hover?: CSSProperties }> | ButtonStylesType;\n};\n\nconst MapNodeTypesToHtml: { [key: string]: ({ ...args }: Arguments) => string } = {\n    [ELEMENT_UL]: (args) => `<ul dir=\"auto\" class=\"${UL_CLASSES} ${args.classNames}\">${args.children}</ul>`,\n    [ELEMENT_OL]: ({ classNames, children, node, rootNestingCount }) => {\n        const nestingLevel = Math.max(rootNestingCount - countNodesOfType([node], ELEMENT_OL), 0);\n        return `<ol dir=\"auto\" class=\"${getOrderedListClasses(nestingLevel)} ${classNames}\" style=\"${reactCssPropsToCss(\n            OL_STYLES,\n        )}\">${children}</ol>`;\n    },\n    [ELEMENT_LI]: ({ classNames, children, node, styles }) =>\n        `<li dir=\"auto\" class=\"${classNames} ${LI_CLASSNAMES}\" style=\"${reactCssPropsToCss(\n            getLiStyles(node, styles),\n        )}\">${children}</li>`,\n    [ELEMENT_LIC]: ({ classNames, children, node }) =>\n        `<p dir=\"auto\" class=\"${classNames} ${getLicElementClassNames(node)}\"><span>${children}</span></p>`,\n    [ELEMENT_LINK]: ({ node, children, classNames, styles }) => linkNode(node, children, classNames, styles),\n    [ELEMENT_BUTTON]: ({ node, children, classNames, styles }) =>\n        buttonNode(node, children, classNames, styles as ButtonStylesType),\n    [ELEMENT_CHECK_ITEM]: ({ node, children, classNames, styles }) => checkItemNode(node, children, classNames, styles),\n    [ELEMENT_MENTION]: ({ node, mappedMentionable }) => mentionHtmlNode(node, { mentionable: mappedMentionable }),\n};\n\nconst getClassNames = (breakAfterColumn?: string, align?: string) => {\n    const breakWordsClass = 'tw-break-words';\n    const columnBreakClasses =\n        breakAfterColumn === 'active' ? 'tw-break-after-column tw-break-inside-avoid-column' : '';\n    const alignClass = align ? alignmentClassnames[align] : '';\n    return merge([alignClass, breakWordsClass, columnBreakClasses]);\n};\n"],"names":["countNodesOfType","nodes","type","acc","node","serializeNodeToHtmlRecursive","styles","mappedMentionable","nestingCount","isText","serializeLeafToHtml","rootNestingCount","children","element","htmlMapper","MapNodeTypesToHtml","getClassNames","defaultNode","ELEMENT_UL","args","UL_CLASSES","ELEMENT_OL","classNames","nestingLevel","getOrderedListClasses","reactCssPropsToCss","OL_STYLES","ELEMENT_LI","LI_CLASSNAMES","getLiStyles","ELEMENT_LIC","getLicElementClassNames","ELEMENT_LINK","linkNode","ELEMENT_BUTTON","buttonNode","ELEMENT_CHECK_ITEM","checkItemNode","ELEMENT_MENTION","mentionHtmlNode","breakAfterColumn","align","breakWordsClass","columnBreakClasses","alignClass","alignmentClassnames","merge"],"mappings":"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"}

package/dist/components/RichTextEditor/serializer/serializeToHtml.es.js

@@ -1,25 +0,0 @@
-import { parseRawValue as c, PluginComposer as p, mapMentionable as y } from "@frontify/fondue";
-import { serializeNodeToHtmlRecursive as f } from "./serializeNodesToHtmlRecursive.es.js";
-import { BlockStyles as u } from "../plugins/styles.es.js";
-const A = async (e, r = 1, t = "normal", l = new p()) => {
-  const i = c({ raw: e, plugins: l }), o = l.getStyles;
-  return Promise.resolve(v(i, { columns: r, columnGap: t, styles: o }));
-}, v = (e, { mentionable: r, columns: t = 1, columnGap: l = "normal", styles: i = u } = {}) => {
-  const o = r ? y(r) : /* @__PURE__ */ new Map();
-  let s = "";
-  for (let a = 0, n = e.length; a < n; a++) {
-    const m = e[a];
-    h(m) ? s += "<br />" : s += f(m, i, {
-      mappedMentionable: o
-    });
-  }
-  return t > 1 ? `<div style="columns:${t}; column-gap:${l};">${s}</div>` : s;
-}, h = (e) => {
-  var r;
-  return Array.isArray(e == null ? void 0 : e.children) ? (r = e == null ? void 0 : e.children) == null ? void 0 : r.every((t) => t.text === "") : !1;
-};
-export {
-  v as serializeNodesToHtml,
-  A as serializeRawToHtmlAsync
-};
-//# sourceMappingURL=serializeToHtml.es.js.map

package/dist/components/RichTextEditor/serializer/serializeToHtml.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"serializeToHtml.es.js","sources":["../../../../src/components/RichTextEditor/serializer/serializeToHtml.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TDescendant } from '@udecode/plate';\nimport { PluginComposer, SerializeNodesToHtmlOptions, mapMentionable, parseRawValue } from '@frontify/fondue';\nimport { BlockStyles } from '../plugins';\nimport { serializeNodeToHtmlRecursive } from './serializeNodesToHtmlRecursive';\n\nexport const serializeRawToHtmlAsync = async (\n    raw: string,\n    columns: SerializeNodesToHtmlOptions['columns'] = 1,\n    columnGap: SerializeNodesToHtmlOptions['columnGap'] = 'normal',\n    plugins: PluginComposer = new PluginComposer(),\n): Promise<string> => {\n    const nodes = parseRawValue({ raw, plugins });\n    const styles = plugins.getStyles;\n    return Promise.resolve(serializeNodesToHtml(nodes, { columns, columnGap, styles }));\n};\n\nexport const serializeNodesToHtml = (\n    nodes: TDescendant[],\n    { mentionable, columns = 1, columnGap = 'normal', styles = BlockStyles }: SerializeNodesToHtmlOptions = {},\n): string => {\n    const mappedMentionable = mentionable ? mapMentionable(mentionable) : new Map();\n\n    let html = '';\n    for (let i = 0, len = nodes.length; i < len; i++) {\n        const node = nodes[i];\n        if (isEmptyNode(node)) {\n            html += '<br />';\n        } else {\n            html += serializeNodeToHtmlRecursive(node, styles, {\n                mappedMentionable,\n            });\n        }\n    }\n\n    if (columns > 1) {\n        return `<div style=\"columns:${columns}; column-gap:${columnGap};\">${html}</div>`;\n    }\n\n    return html;\n};\n\nconst isEmptyNode = (node: TDescendant): boolean => {\n    if (!Array.isArray(node?.children)) {\n        return false;\n    }\n    return node?.children?.every((child) => child.text === '');\n};\n"],"names":["serializeRawToHtmlAsync","raw","columns","columnGap","plugins","PluginComposer","nodes","parseRawValue","styles","serializeNodesToHtml","mentionable","BlockStyles","mappedMentionable","mapMentionable","html","i","len","node","isEmptyNode","serializeNodeToHtmlRecursive","_a","child"],"mappings":";;;AAOa,MAAAA,IAA0B,OACnCC,GACAC,IAAkD,GAClDC,IAAsD,UACtDC,IAA0B,IAAIC,QACZ;AAClB,QAAMC,IAAQC,EAAc,EAAE,KAAAN,GAAK,SAAAG,EAAS,CAAA,GACtCI,IAASJ,EAAQ;AAChB,SAAA,QAAQ,QAAQK,EAAqBH,GAAO,EAAE,SAAAJ,GAAS,WAAAC,GAAW,QAAAK,EAAQ,CAAA,CAAC;AACtF,GAEaC,IAAuB,CAChCH,GACA,EAAE,aAAAI,GAAa,SAAAR,IAAU,GAAG,WAAAC,IAAY,UAAU,QAAAK,IAASG,EAAY,IAAiC,CAAA,MAC/F;AACT,QAAMC,IAAoBF,IAAcG,EAAeH,CAAW,wBAAQ;AAE1E,MAAII,IAAO;AACX,WAASC,IAAI,GAAGC,IAAMV,EAAM,QAAQS,IAAIC,GAAKD,KAAK;AACxC,UAAAE,IAAOX,EAAMS,CAAC;AAChB,IAAAG,EAAYD,CAAI,IACRH,KAAA,WAEAA,KAAAK,EAA6BF,GAAMT,GAAQ;AAAA,MAC/C,mBAAAI;AAAA,IAAA,CACH;AAAA,EAET;AAEA,SAAIV,IAAU,IACH,uBAAuBA,CAAO,gBAAgBC,CAAS,MAAMW,CAAI,WAGrEA;AACX,GAEMI,IAAc,CAACD,MAA+B;;AAChD,SAAK,MAAM,QAAQA,KAAA,gBAAAA,EAAM,QAAQ,KAG1BG,IAAAH,KAAA,gBAAAA,EAAM,aAAN,gBAAAG,EAAgB,MAAM,CAACC,MAAUA,EAAM,SAAS,MAF5C;AAGf;"}

package/dist/components/RichTextEditor/serializer/utlis/reactCssPropsToCss.es.js

@@ -1,8 +0,0 @@
-const l = (e) => e ? Object.keys(e).reduce((r, t) => {
-  const s = e[t];
-  return s ? `${r}${a(t)}: ${s}; ` : r;
-}, "").trim().replaceAll('"', "'") : "", a = (e) => e.replaceAll(/([A-Z])/g, "-$1").toLowerCase();
-export {
-  l as reactCssPropsToCss
-};
-//# sourceMappingURL=reactCssPropsToCss.es.js.map

package/dist/components/RichTextEditor/serializer/utlis/reactCssPropsToCss.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactCssPropsToCss.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utlis/reactCssPropsToCss.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport type { CSSProperties } from 'react';\n\nexport const reactCssPropsToCss = (props?: CSSProperties): string => {\n    if (!props) {\n        return '';\n    }\n\n    return Object.keys(props)\n        .reduce<string>((acc, key) => {\n            const value = props[key as keyof CSSProperties];\n            return value ? `${acc}${convertCamelCaseToKebabCase(key)}: ${value}; ` : acc;\n        }, '')\n        .trim()\n        .replaceAll('\"', \"'\");\n};\n\nconst convertCamelCaseToKebabCase = (str: string): string => {\n    return str.replaceAll(/([A-Z])/g, '-$1').toLowerCase();\n};\n"],"names":["reactCssPropsToCss","props","acc","key","value","convertCamelCaseToKebabCase","str"],"mappings":"AAIa,MAAAA,IAAqB,CAACC,MAC1BA,IAIE,OAAO,KAAKA,CAAK,EACnB,OAAe,CAACC,GAAKC,MAAQ;AACpB,QAAAC,IAAQH,EAAME,CAA0B;AACvC,SAAAC,IAAQ,GAAGF,CAAG,GAAGG,EAA4BF,CAAG,CAAC,KAAKC,CAAK,OAAOF;AAAA,GAC1E,EAAE,EACJ,OACA,WAAW,KAAK,GAAG,IATb,IAYTG,IAA8B,CAACC,MAC1BA,EAAI,WAAW,YAAY,KAAK,EAAE,YAAY;"}

package/dist/components/RichTextEditor/serializer/utlis/serializeLeafToHtml.es.js

@@ -1,13 +0,0 @@
-import { BOLD_CLASSES as S, ITALIC_CLASSES as c, UNDERLINE_CLASSES as $, STRIKETHROUGH_CLASSES as f, CODE_CLASSES as o } from "@frontify/fondue";
-import u from "escape-html";
-const A = (a) => {
-  let s = u(a.text);
-  s = s.replaceAll(`
-`, "<br />");
-  const { bold: p, italic: i, underline: e, strikethrough: r, code: t, subscript: l, superscript: n } = a;
-  return p && (s = `<span class="${S}">${s}</span>`), i && (s = `<span class="${c}">${s}</span>`), e && (s = `<span class="${$}">${s}</span>`), r && (s = `<span class="${f}">${s}</span>`), t && (s = `<span class="${o}">${s}</span>`), l ? s = `<sub>${s}</sub>` : n && (s = `<sup>${s}</sup>`), s;
-};
-export {
-  A as serializeLeafToHtml
-};
-//# sourceMappingURL=serializeLeafToHtml.es.js.map

package/dist/components/RichTextEditor/serializer/utlis/serializeLeafToHtml.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"serializeLeafToHtml.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utlis/serializeLeafToHtml.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { BOLD_CLASSES, CODE_CLASSES, ITALIC_CLASSES, STRIKETHROUGH_CLASSES, UNDERLINE_CLASSES } from '@frontify/fondue';\nimport { TText } from '@udecode/plate';\nimport escapeHtml from 'escape-html';\n\nexport const serializeLeafToHtml = (node: TText): string => {\n    let string = escapeHtml(node.text);\n    string = string.replaceAll('\\n', '<br />');\n    const { bold, italic, underline, strikethrough, code, subscript, superscript } = node;\n    if (bold) {\n        string = `<span class=\"${BOLD_CLASSES}\">${string}</span>`;\n    }\n    if (italic) {\n        string = `<span class=\"${ITALIC_CLASSES}\">${string}</span>`;\n    }\n    if (underline) {\n        string = `<span class=\"${UNDERLINE_CLASSES}\">${string}</span>`;\n    }\n    if (strikethrough) {\n        string = `<span class=\"${STRIKETHROUGH_CLASSES}\">${string}</span>`;\n    }\n    if (code) {\n        string = `<span class=\"${CODE_CLASSES}\">${string}</span>`;\n    }\n    if (subscript) {\n        string = `<sub>${string}</sub>`;\n    } else if (superscript) {\n        string = `<sup>${string}</sup>`;\n    }\n    return string;\n};\n"],"names":["serializeLeafToHtml","node","string","escapeHtml","bold","italic","underline","strikethrough","code","subscript","superscript","BOLD_CLASSES","ITALIC_CLASSES","UNDERLINE_CLASSES","STRIKETHROUGH_CLASSES","CODE_CLASSES"],"mappings":";;AAMa,MAAAA,IAAsB,CAACC,MAAwB;AACpD,MAAAC,IAASC,EAAWF,EAAK,IAAI;AACxB,EAAAC,IAAAA,EAAO,WAAW;AAAA,GAAM,QAAQ;AACnC,QAAA,EAAE,MAAAE,GAAM,QAAAC,GAAQ,WAAAC,GAAW,eAAAC,GAAe,MAAAC,GAAM,WAAAC,GAAW,aAAAC,EAAgB,IAAAT;AACjF,SAAIG,MACSF,IAAA,gBAAgBS,CAAY,KAAKT,CAAM,YAEhDG,MACSH,IAAA,gBAAgBU,CAAc,KAAKV,CAAM,YAElDI,MACSJ,IAAA,gBAAgBW,CAAiB,KAAKX,CAAM,YAErDK,MACSL,IAAA,gBAAgBY,CAAqB,KAAKZ,CAAM,YAEzDM,MACSN,IAAA,gBAAgBa,CAAY,KAAKb,CAAM,YAEhDO,IACAP,IAAS,QAAQA,CAAM,WAChBQ,MACPR,IAAS,QAAQA,CAAM,WAEpBA;AACX;"}

package/src/components/RichTextEditor/serializer/index.ts

@@ -1,3 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-export * from './serializeToHtml';

package/src/components/RichTextEditor/serializer/nodes/button.ts

@@ -1,27 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import type { CSSProperties } from 'react';
-import { TElement } from '@udecode/plate';
-
-import { reactCssPropsToCss } from '../utlis/reactCssPropsToCss';
-import { BUTTON_PLUGIN } from '../../plugins';
-
-export type ButtonStylesType = Record<string, Record<string, CSSProperties & { hover?: CSSProperties }>>;
-
-export const buttonNode = (node: TElement, children: string, defaultClassNames: string, styles: ButtonStylesType) => {
-    const buttonStyles = styles[BUTTON_PLUGIN];
-    const buttonTypeString = (node.buttonStyle as string) ?? 'primary';
-    const buttonType = `button${buttonTypeString.charAt(0).toUpperCase()}${buttonTypeString.slice(1)}`;
-    const buttonStyle = buttonStyles[buttonType];
-
-    const defaultStyles = reactCssPropsToCss(buttonStyle);
-
-    return `<a href="${node.url}"
-                target="${node.target ?? '_blank'}"
-                dir="auto"
-                style="${defaultStyles}"
-                class="${defaultClassNames}"
-                onmouseenter="this.setAttribute('style', '${defaultStyles} ${reactCssPropsToCss(buttonStyle?.hover)}');"
-                onmouseleave="this.setAttribute('style', '${reactCssPropsToCss(buttonStyle)}');"
-                >${children}</a>`;
-};

package/src/components/RichTextEditor/serializer/nodes/checkItemNode.ts

@@ -1,30 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import type { CSSProperties } from 'react';
-import { merge } from '@frontify/fondue';
-import { TElement } from '@udecode/plate';
-
-import { reactCssPropsToCss } from '../utlis/reactCssPropsToCss';
-
-export const checkItemNode = (
-    node: TElement,
-    children: string,
-    defaultClassNames: string,
-    styles: Record<string, CSSProperties & { hover?: CSSProperties }>,
-) => {
-    return `<div dir="auto" disabled class="tw-flex tw-flex-row tw-pb-2 first-of-type:tw-ml-0 ${defaultClassNames}" style="margin-left:${
-        ((node.indent as number) ?? 0) * 24
-    }px;">
-    <div dir="auto" class="tw-flex tw-items-center tw-justify-center tw-select-none tw-mr-1.5">
-        <input
-            class="tw-w-4 tw-h-4 tw-m-0"
-            type="checkbox"
-            ${node.checked ? 'checked' : ''}
-            onclick="return false;" />
-    </div>
-    <span dir="auto" class="${merge([
-        'tw-flex-1 tw-focus:outline-none',
-        node.checked ? '!tw-line-through' : '',
-    ])}" style="${reactCssPropsToCss(styles[node.children[0].textStyle as string])}">${children}</span>
-</div>`;
-};

package/src/components/RichTextEditor/serializer/nodes/default.ts

@@ -1,68 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import type { CSSProperties } from 'react';
-import { merge } from '@frontify/fondue';
-import { TElement } from '@udecode/plate';
-
-import { TextStyles } from '../../plugins';
-import { reactCssPropsToCss } from '../utlis/reactCssPropsToCss';
-
-export const defaultNode = (node: TElement, children: string, styles: CSSProperties, defaultClassNames: string) => {
-    const defaultStyles = reactCssPropsToCss(styles);
-
-    if (node.type === TextStyles.heading1) {
-        return `<h1 dir="auto" class="${merge([defaultClassNames, 'a-h1'])}">${getStyledChild(
-            children,
-            defaultStyles,
-        )}</h1>`;
-    }
-    if (node.type === TextStyles.heading2) {
-        return `<h2 dir="auto" class="${defaultClassNames}">${getStyledChild(children, defaultStyles)}</h2>`;
-    }
-    if (node.type === TextStyles.heading3) {
-        return `<h3 dir="auto" class="${defaultClassNames}">${getStyledChild(children, defaultStyles)}</h3>`;
-    }
-    if (node.type === TextStyles.heading4) {
-        return `<h4 dir="auto" class="${defaultClassNames}">${getStyledChild(children, defaultStyles)}</h4>`;
-    }
-    if (node.type === TextStyles.custom1) {
-        return `<p dir="auto" class="${merge([defaultClassNames, 'a-custom1'])}">${getStyledChild(
-            children,
-            defaultStyles,
-        )}</p>`;
-    }
-    if (node.type === TextStyles.custom2) {
-        return `<p dir="auto" class="${merge([defaultClassNames, 'a-custom2'])}">${getStyledChild(
-            children,
-            defaultStyles,
-        )}</p>`;
-    }
-    if (node.type === TextStyles.custom3) {
-        return `<p dir="auto" class="${merge([defaultClassNames, 'a-custom3'])}">${getStyledChild(
-            children,
-            defaultStyles,
-        )}</p>`;
-    }
-    if (node.type === TextStyles.quote) {
-        return `<p dir="auto" class="${merge([defaultClassNames, 'a-quote'])}">${getStyledChild(
-            children,
-            defaultStyles,
-        )}</p>`;
-    }
-    if (node.type === TextStyles.imageTitle) {
-        return `<p dir="auto" class="${merge([defaultClassNames, 'a-image-title'])}">${getStyledChild(
-            children,
-            defaultStyles,
-        )}</p>`;
-    }
-    if (node.type === TextStyles.imageCaption) {
-        return `<p dir="auto" class="${merge([defaultClassNames, 'a-image-caption'])}">${getStyledChild(
-            children,
-            defaultStyles,
-        )}</p>`;
-    }
-
-    return `<p dir="auto" class="${defaultClassNames}">${getStyledChild(children, defaultStyles)}</p>`;
-};
-
-const getStyledChild = (children: string, styles: string) => `<span dir="auto" style="${styles}">${children}</span>`;

package/src/components/RichTextEditor/serializer/nodes/link.ts

@@ -1,26 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import type { CSSProperties } from 'react';
-import escapeHtml from 'escape-html';
-import { TElement } from '@udecode/plate';
-
-import { LINK_PLUGIN } from '../../plugins/LinkPlugin/id';
-import { TLinkElement } from '../../plugins/LinkPlugin/types';
-import { reactCssPropsToCss } from '../utlis/reactCssPropsToCss';
-
-export const linkNode = (
-    node: TElement,
-    children: string,
-    defaultClassNames: string,
-    styles: Record<string, CSSProperties & { hover?: CSSProperties }>,
-) => {
-    if (node.chosenLink) {
-        const { chosenLink } = node as TLinkElement;
-        return `<a dir="auto" class="${defaultClassNames}" style="${reactCssPropsToCss(styles[LINK_PLUGIN])}" target=${
-            chosenLink?.openInNewTab ? '_blank' : '_self'
-        } href="${escapeHtml(chosenLink?.searchResult?.link)}">${children}</a>`;
-    }
-    return `<a dir="auto" class="${defaultClassNames}" style="${reactCssPropsToCss(styles[LINK_PLUGIN])}" target="${
-        node?.target ?? '_blank'
-    }" href="${escapeHtml(node.url as string)}">${children}</a>`;
-};

package/src/components/RichTextEditor/serializer/nodes/mentionHtmlNode.ts

@@ -1,17 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import ReactDOM from 'react-dom';
-import { TElement, TMentionElement } from '@udecode/plate';
-import { MappedMentionableItems, MentionMarkupElementNode } from '@frontify/fondue';
-
-type MentionHtmlNodeProps = { mentionable?: MappedMentionableItems };
-
-export const mentionHtmlNode = (node: TElement, { mentionable }: MentionHtmlNodeProps = {}) => {
-    if (!mentionable) {
-        return '';
-    }
-
-    const div = document.createElement('div');
-    ReactDOM.render(MentionMarkupElementNode(mentionable)({ element: node as TMentionElement }), div);
-    return div.innerHTML;
-};

package/src/components/RichTextEditor/serializer/serializeNodesToHtmlRecursive.ts

@@ -1,134 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import {
-    ELEMENT_CHECK_ITEM,
-    LI_CLASSNAMES,
-    MappedMentionableItems,
-    OL_STYLES,
-    UL_CLASSES,
-    alignmentClassnames,
-    getLiStyles,
-    getLicElementClassNames,
-    getOrderedListClasses,
-    merge,
-} from '@frontify/fondue';
-import {
-    ELEMENT_LI,
-    ELEMENT_LIC,
-    ELEMENT_LINK,
-    ELEMENT_MENTION,
-    ELEMENT_OL,
-    ELEMENT_UL,
-    TDescendant,
-    TElement,
-    isText,
-} from '@udecode/plate';
-import { serializeLeafToHtml } from './utlis/serializeLeafToHtml';
-import { reactCssPropsToCss } from './utlis/reactCssPropsToCss';
-import type { CSSProperties } from 'react';
-import { ButtonStylesType, buttonNode } from './nodes/button';
-import { linkNode } from './nodes/link';
-import { defaultNode } from './nodes/default';
-import { checkItemNode } from './nodes/checkItemNode';
-import { mentionHtmlNode } from './nodes/mentionHtmlNode';
-import { ELEMENT_BUTTON } from '../plugins';
-
-const countNodesOfType = (nodes: TDescendant[], type: string): number => {
-    return nodes.reduce((acc, node) => {
-        if (node.type === type) {
-            acc++;
-        }
-        if (node.children) {
-            return acc + countNodesOfType(node.children as TDescendant[], type);
-        }
-        return acc;
-    }, 0);
-};
-
-type NestingCount = {
-    [type: string]: number;
-};
-
-type SerializeNodeToHtmlRecursiveOptions = {
-    mappedMentionable?: MappedMentionableItems;
-    nestingCount?: NestingCount;
-};
-
-export const serializeNodeToHtmlRecursive = (
-    node: TDescendant,
-    styles: Record<string, CSSProperties & { hover?: CSSProperties }> | ButtonStylesType,
-    { mappedMentionable, nestingCount = {} }: SerializeNodeToHtmlRecursiveOptions,
-): string => {
-    if (isText(node)) {
-        return serializeLeafToHtml(node);
-    }
-
-    const rootNestingCount = nestingCount[node.type] || countNodesOfType([node], node.type);
-    let children = '';
-    for (const element of node.children) {
-        children += serializeNodeToHtmlRecursive(element, styles, {
-            nestingCount: {
-                ...nestingCount,
-                [element.type as string]: rootNestingCount,
-            },
-            mappedMentionable,
-        });
-    }
-
-    const htmlMapper = MapNodeTypesToHtml[node.type];
-    if (typeof htmlMapper !== 'undefined') {
-        return htmlMapper({
-            classNames: getClassNames(node.breakAfterColumn as string | undefined, node.align as string | undefined),
-            children,
-            rootNestingCount,
-            node,
-            mappedMentionable,
-            styles,
-        });
-    } else {
-        return defaultNode(
-            node,
-            children,
-            styles[node.type],
-            getClassNames(node.breakAfterColumn as string | undefined, node.align as string | undefined),
-        );
-    }
-};
-
-type Arguments = {
-    classNames: string;
-    children: string;
-    rootNestingCount: number;
-    node: TElement;
-    mappedMentionable?: MappedMentionableItems;
-    styles: Record<string, CSSProperties & { hover?: CSSProperties }> | ButtonStylesType;
-};
-
-const MapNodeTypesToHtml: { [key: string]: ({ ...args }: Arguments) => string } = {
-    [ELEMENT_UL]: (args) => `<ul dir="auto" class="${UL_CLASSES} ${args.classNames}">${args.children}</ul>`,
-    [ELEMENT_OL]: ({ classNames, children, node, rootNestingCount }) => {
-        const nestingLevel = Math.max(rootNestingCount - countNodesOfType([node], ELEMENT_OL), 0);
-        return `<ol dir="auto" class="${getOrderedListClasses(nestingLevel)} ${classNames}" style="${reactCssPropsToCss(
-            OL_STYLES,
-        )}">${children}</ol>`;
-    },
-    [ELEMENT_LI]: ({ classNames, children, node, styles }) =>
-        `<li dir="auto" class="${classNames} ${LI_CLASSNAMES}" style="${reactCssPropsToCss(
-            getLiStyles(node, styles),
-        )}">${children}</li>`,
-    [ELEMENT_LIC]: ({ classNames, children, node }) =>
-        `<p dir="auto" class="${classNames} ${getLicElementClassNames(node)}"><span>${children}</span></p>`,
-    [ELEMENT_LINK]: ({ node, children, classNames, styles }) => linkNode(node, children, classNames, styles),
-    [ELEMENT_BUTTON]: ({ node, children, classNames, styles }) =>
-        buttonNode(node, children, classNames, styles as ButtonStylesType),
-    [ELEMENT_CHECK_ITEM]: ({ node, children, classNames, styles }) => checkItemNode(node, children, classNames, styles),
-    [ELEMENT_MENTION]: ({ node, mappedMentionable }) => mentionHtmlNode(node, { mentionable: mappedMentionable }),
-};
-
-const getClassNames = (breakAfterColumn?: string, align?: string) => {
-    const breakWordsClass = 'tw-break-words';
-    const columnBreakClasses =
-        breakAfterColumn === 'active' ? 'tw-break-after-column tw-break-inside-avoid-column' : '';
-    const alignClass = align ? alignmentClassnames[align] : '';
-    return merge([alignClass, breakWordsClass, columnBreakClasses]);
-};

package/src/components/RichTextEditor/serializer/serializeToHtml.ts

@@ -1,49 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import { TDescendant } from '@udecode/plate';
-import { PluginComposer, SerializeNodesToHtmlOptions, mapMentionable, parseRawValue } from '@frontify/fondue';
-import { BlockStyles } from '../plugins';
-import { serializeNodeToHtmlRecursive } from './serializeNodesToHtmlRecursive';
-
-export const serializeRawToHtmlAsync = async (
-    raw: string,
-    columns: SerializeNodesToHtmlOptions['columns'] = 1,
-    columnGap: SerializeNodesToHtmlOptions['columnGap'] = 'normal',
-    plugins: PluginComposer = new PluginComposer(),
-): Promise<string> => {
-    const nodes = parseRawValue({ raw, plugins });
-    const styles = plugins.getStyles;
-    return Promise.resolve(serializeNodesToHtml(nodes, { columns, columnGap, styles }));
-};
-
-export const serializeNodesToHtml = (
-    nodes: TDescendant[],
-    { mentionable, columns = 1, columnGap = 'normal', styles = BlockStyles }: SerializeNodesToHtmlOptions = {},
-): string => {
-    const mappedMentionable = mentionable ? mapMentionable(mentionable) : new Map();
-
-    let html = '';
-    for (let i = 0, len = nodes.length; i < len; i++) {
-        const node = nodes[i];
-        if (isEmptyNode(node)) {
-            html += '<br />';
-        } else {
-            html += serializeNodeToHtmlRecursive(node, styles, {
-                mappedMentionable,
-            });
-        }
-    }
-
-    if (columns > 1) {
-        return `<div style="columns:${columns}; column-gap:${columnGap};">${html}</div>`;
-    }
-
-    return html;
-};
-
-const isEmptyNode = (node: TDescendant): boolean => {
-    if (!Array.isArray(node?.children)) {
-        return false;
-    }
-    return node?.children?.every((child) => child.text === '');
-};

package/src/components/RichTextEditor/serializer/utlis/reactCssPropsToCss.ts

@@ -1,21 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import type { CSSProperties } from 'react';
-
-export const reactCssPropsToCss = (props?: CSSProperties): string => {
-    if (!props) {
-        return '';
-    }
-
-    return Object.keys(props)
-        .reduce<string>((acc, key) => {
-            const value = props[key as keyof CSSProperties];
-            return value ? `${acc}${convertCamelCaseToKebabCase(key)}: ${value}; ` : acc;
-        }, '')
-        .trim()
-        .replaceAll('"', "'");
-};
-
-const convertCamelCaseToKebabCase = (str: string): string => {
-    return str.replaceAll(/([A-Z])/g, '-$1').toLowerCase();
-};

package/src/components/RichTextEditor/serializer/utlis/serializeLeafToHtml.ts

@@ -1,32 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import { BOLD_CLASSES, CODE_CLASSES, ITALIC_CLASSES, STRIKETHROUGH_CLASSES, UNDERLINE_CLASSES } from '@frontify/fondue';
-import { TText } from '@udecode/plate';
-import escapeHtml from 'escape-html';
-
-export const serializeLeafToHtml = (node: TText): string => {
-    let string = escapeHtml(node.text);
-    string = string.replaceAll('\n', '<br />');
-    const { bold, italic, underline, strikethrough, code, subscript, superscript } = node;
-    if (bold) {
-        string = `<span class="${BOLD_CLASSES}">${string}</span>`;
-    }
-    if (italic) {
-        string = `<span class="${ITALIC_CLASSES}">${string}</span>`;
-    }
-    if (underline) {
-        string = `<span class="${UNDERLINE_CLASSES}">${string}</span>`;
-    }
-    if (strikethrough) {
-        string = `<span class="${STRIKETHROUGH_CLASSES}">${string}</span>`;
-    }
-    if (code) {
-        string = `<span class="${CODE_CLASSES}">${string}</span>`;
-    }
-    if (subscript) {
-        string = `<sub>${string}</sub>`;
-    } else if (superscript) {
-        string = `<sup>${string}</sup>`;
-    }
-    return string;
-};