@frontify/fondue 12.0.0-beta.229 → 12.0.0-beta.230

package/dist/components/RichTextEditor/serializer/nodes/default.es.js

@@ -1,10 +1,10 @@
-import { reactCssPropsToCss as $ } from "../utils/reactCssPropsToCss.es.js";
-import { TextStyles as o } from "../../Plugins/TextStylePlugin/types.es.js";
-const g = (r, t, y, p) => {
-  const e = $(y);
-  return r.type === o.heading1 ? `<h1>${h(t, e, p)}</h1>` : r.type === o.heading2 ? `<h2>${h(t, e, p)}</h2>` : r.type === o.heading3 ? `<h3>${h(t, e, p)}</h3>` : r.type === o.heading4 ? `<h4>${h(t, e, p)}</h4>` : `<p>${h(t, e, p)}</p>`;
-}, h = (r, t, y) => `<span class="${y}" style="${t}">${r}</span>`;
+import { reactCssPropsToCss as p } from "../utils/reactCssPropsToCss.es.js";
+import { TextStyles as e } from "../../Plugins/TextStylePlugin/types.es.js";
+const y = (r, t, s, i) => {
+  const n = $(s, r.type);
+  return r.type === e.heading1 ? `<h1 class="${i}">${h(t, n)}</h1>` : r.type === e.heading2 ? `<h2 class="${i}">${h(t, n)}</h2>` : r.type === e.heading3 ? `<h3 class="${i}">${h(t, n)}</h3>` : r.type === e.heading4 ? `<h4 class="${i}">${h(t, n)}</h4>` : `<p class="${i}">${h(t, n)}</p>`;
+}, h = (r, t) => `<span style="${t}">${r}</span>`, $ = (r, t) => t === e.heading2 || t === e.heading3 || t === e.heading4 ? p(r) : p({ display: "inline-block", ...r });
 export {
-  g as defaultNode
+  y as defaultNode
 };
 //# sourceMappingURL=default.es.js.map

package/dist/components/RichTextEditor/serializer/nodes/default.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"default.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/nodes/default.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { reactCssPropsToCss } from '../utils/reactCssPropsToCss';\nimport { TElement } from '@udecode/plate';\nimport { TextStyles } from '@components/RichTextEditor/Plugins/TextStylePlugin/types';\nimport { CSSProperties } from 'react';\n\nexport const defaultNode = (node: TElement, children: string, styles: CSSProperties, defaultClassNames: string) => {\n    const defaultStyles = reactCssPropsToCss(styles);\n\n    if (node.type === TextStyles.heading1) {\n        return `<h1>${getStyledChild(children, defaultStyles, defaultClassNames)}</h1>`;\n    }\n    if (node.type === TextStyles.heading2) {\n        return `<h2>${getStyledChild(children, defaultStyles, defaultClassNames)}</h2>`;\n    }\n    if (node.type === TextStyles.heading3) {\n        return `<h3>${getStyledChild(children, defaultStyles, defaultClassNames)}</h3>`;\n    }\n    if (node.type === TextStyles.heading4) {\n        return `<h4>${getStyledChild(children, defaultStyles, defaultClassNames)}</h4>`;\n    }\n    return `<p>${getStyledChild(children, defaultStyles, defaultClassNames)}</p>`;\n};\n\nconst getStyledChild = (children: string, styles: string, classNames: string) =>\n    `<span class=\"${classNames}\" style=\"${styles}\">${children}</span>`;\n"],"names":["defaultNode","node","children","styles","defaultClassNames","defaultStyles","reactCssPropsToCss","TextStyles","getStyledChild","classNames"],"mappings":";;AAOO,MAAMA,IAAc,CAACC,GAAgBC,GAAkBC,GAAuBC,MAA8B;AACzG,QAAAC,IAAgBC,EAAmBH,CAAM;AAE3C,SAAAF,EAAK,SAASM,EAAW,WAClB,OAAOC,EAAeN,GAAUG,GAAeD,CAAiB,WAEvEH,EAAK,SAASM,EAAW,WAClB,OAAOC,EAAeN,GAAUG,GAAeD,CAAiB,WAEvEH,EAAK,SAASM,EAAW,WAClB,OAAOC,EAAeN,GAAUG,GAAeD,CAAiB,WAEvEH,EAAK,SAASM,EAAW,WAClB,OAAOC,EAAeN,GAAUG,GAAeD,CAAiB,WAEpE,MAAMI,EAAeN,GAAUG,GAAeD,CAAiB;AAC1E,GAEMI,IAAiB,CAACN,GAAkBC,GAAgBM,MACtD,gBAAgBA,aAAsBN,MAAWD;"}
+{"version":3,"file":"default.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/nodes/default.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { reactCssPropsToCss } from '../utils/reactCssPropsToCss';\nimport { TElement } from '@udecode/plate';\nimport { TextStyles } from '@components/RichTextEditor/Plugins/TextStylePlugin/types';\nimport { CSSProperties } from 'react';\n\nexport const defaultNode = (node: TElement, children: string, styles: CSSProperties, defaultClassNames: string) => {\n    const defaultStyles = getDefaultStyles(styles, node.type);\n\n    if (node.type === TextStyles.heading1) {\n        return `<h1 class=\"${defaultClassNames}\">${getStyledChild(children, defaultStyles)}</h1>`;\n    }\n    if (node.type === TextStyles.heading2) {\n        return `<h2 class=\"${defaultClassNames}\">${getStyledChild(children, defaultStyles)}</h2>`;\n    }\n    if (node.type === TextStyles.heading3) {\n        return `<h3 class=\"${defaultClassNames}\">${getStyledChild(children, defaultStyles)}</h3>`;\n    }\n    if (node.type === TextStyles.heading4) {\n        return `<h4 class=\"${defaultClassNames}\">${getStyledChild(children, defaultStyles)}</h4>`;\n    }\n    return `<p class=\"${defaultClassNames}\">${getStyledChild(children, defaultStyles)}</p>`;\n};\n\nconst getStyledChild = (children: string, styles: string) => `<span style=\"${styles}\">${children}</span>`;\n\nconst getDefaultStyles = (styles: CSSProperties, type: string) => {\n    if (type === TextStyles.heading2 || type === TextStyles.heading3 || type === TextStyles.heading4) {\n        return reactCssPropsToCss(styles);\n    }\n    return reactCssPropsToCss({ display: 'inline-block', ...styles });\n};\n"],"names":["defaultNode","node","children","styles","defaultClassNames","defaultStyles","getDefaultStyles","TextStyles","getStyledChild","type","reactCssPropsToCss"],"mappings":";;AAOO,MAAMA,IAAc,CAACC,GAAgBC,GAAkBC,GAAuBC,MAA8B;AAC/G,QAAMC,IAAgBC,EAAiBH,GAAQF,EAAK,IAAI;AAEpD,SAAAA,EAAK,SAASM,EAAW,WAClB,cAAcH,MAAsBI,EAAeN,GAAUG,CAAa,WAEjFJ,EAAK,SAASM,EAAW,WAClB,cAAcH,MAAsBI,EAAeN,GAAUG,CAAa,WAEjFJ,EAAK,SAASM,EAAW,WAClB,cAAcH,MAAsBI,EAAeN,GAAUG,CAAa,WAEjFJ,EAAK,SAASM,EAAW,WAClB,cAAcH,MAAsBI,EAAeN,GAAUG,CAAa,WAE9E,aAAaD,MAAsBI,EAAeN,GAAUG,CAAa;AACpF,GAEMG,IAAiB,CAACN,GAAkBC,MAAmB,gBAAgBA,MAAWD,YAElFI,IAAmB,CAACH,GAAuBM,MACzCA,MAASF,EAAW,YAAYE,MAASF,EAAW,YAAYE,MAASF,EAAW,WAC7EG,EAAmBP,CAAM,IAE7BO,EAAmB,EAAE,SAAS,gBAAgB,GAAGP,EAAQ,CAAA;"}