npm - @frontify/fondue - Versions diffs - 12.0.0-beta.113 → 12.0.0-beta.114 - Mend

@frontify/fondue 12.0.0-beta.113 → 12.0.0-beta.114

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/dist/components/RichTextEditor/Plugins/AlignPlugin/AlignPlugin.es.js CHANGED Viewed

@@ -1,14 +1,14 @@
-import { createAlignPlugin as T, ELEMENT_PARAGRAPH as N } from "@udecode/plate";
-import { Plugin as M } from "../Plugin.es.js";
+import { createAlignPlugin as T, ELEMENT_PARAGRAPH as M } from "@udecode/plate";
+import { Plugin as N } from "../Plugin.es.js";
 import { TextStyles as E } from "../TextStylePlugin/TextStyles/textStyles.es.js";
-class l extends M {
+class r extends N {
   plugins() {
     return [
       T({
         inject: {
           props: {
             validTypes: [
-              N,
+              M,
               E.ELEMENT_HEADING1,
               E.ELEMENT_HEADING2,
               E.ELEMENT_HEADING3,
@@ -16,6 +16,8 @@ class l extends M {
               E.ELEMENT_CUSTOM1,
               E.ELEMENT_CUSTOM2,
               E.ELEMENT_CUSTOM3,
+              E.ELEMENT_IMAGE_CAPTION,
+              E.ELEMENT_IMAGE_TITLE,
               E.ELEMENT_QUOTE
             ]
           }
@@ -25,6 +27,6 @@ class l extends M {
   }
 }
 export {
-  l as AlignPlugin
+  r as AlignPlugin
 };
 //# sourceMappingURL=AlignPlugin.es.js.map

package/dist/components/RichTextEditor/Plugins/AlignPlugin/AlignPlugin.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlignPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/AlignPlugin/AlignPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_PARAGRAPH, createAlignPlugin } from '@udecode/plate';\nimport { Plugin } from '../Plugin';\nimport { TextStyles } from '../TextStylePlugin/TextStyles';\n\nexport class AlignPlugin extends Plugin {\n plugins() {\n return [\n createAlignPlugin({\n inject: {\n props: {\n validTypes: [\n ELEMENT_PARAGRAPH,\n TextStyles.ELEMENT_HEADING1,\n TextStyles.ELEMENT_HEADING2,\n TextStyles.ELEMENT_HEADING3,\n TextStyles.ELEMENT_HEADING4,\n TextStyles.ELEMENT_CUSTOM1,\n TextStyles.ELEMENT_CUSTOM2,\n TextStyles.ELEMENT_CUSTOM3,\n TextStyles.ELEMENT_QUOTE,\n ],\n },\n },\n }),\n ];\n }\n}\n"],"names":["AlignPlugin","Plugin","createAlignPlugin","ELEMENT_PARAGRAPH","TextStyles"],"mappings":";;;AAMO,MAAMA,UAAoBC,EAAO;AAAA,EACpC,UAAU;AACC,WAAA;AAAA,MACHC,EAAkB;AAAA,QACd,QAAQ;AAAA,UACJ,OAAO;AAAA,YACH,YAAY;AAAA,cACRC;AAAA,cACAC,EAAW;AAAA,cACXA,EAAW;AAAA,cACXA,EAAW;AAAA,cACXA,EAAW;AAAA,cACXA,EAAW;AAAA,cACXA,EAAW;AAAA,cACXA,EAAW;AAAA,cACXA,EAAW;AAAA,YACf;AAAA,UACJ;AAAA,QACJ;AAAA,MAAA,CACH;AAAA,IAAA;AAAA,EAET;AACJ;"}
1	+ {"version":3,"file":"AlignPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/AlignPlugin/AlignPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_PARAGRAPH, createAlignPlugin } from '@udecode/plate';\nimport { Plugin } from '../Plugin';\nimport { TextStyles } from '../TextStylePlugin/TextStyles';\n\nexport class AlignPlugin extends Plugin {\n plugins() {\n return [\n createAlignPlugin({\n inject: {\n props: {\n validTypes: [\n ELEMENT_PARAGRAPH,\n TextStyles.ELEMENT_HEADING1,\n TextStyles.ELEMENT_HEADING2,\n TextStyles.ELEMENT_HEADING3,\n TextStyles.ELEMENT_HEADING4,\n TextStyles.ELEMENT_CUSTOM1,\n TextStyles.ELEMENT_CUSTOM2,\n TextStyles.ELEMENT_CUSTOM3,\n TextStyles.ELEMENT_IMAGE_CAPTION,\n TextStyles.ELEMENT_IMAGE_TITLE,\n TextStyles.ELEMENT_QUOTE,\n ],\n },\n },\n }),\n ];\n }\n}\n"],"names":["AlignPlugin","Plugin","createAlignPlugin","ELEMENT_PARAGRAPH","TextStyles"],"mappings":";;;AAMO,MAAMA,UAAoBC,EAAO;AAAA,EACpC,UAAU;AACC,WAAA;AAAA,MACHC,EAAkB;AAAA,QACd,QAAQ;AAAA,UACJ,OAAO;AAAA,YACH,YAAY;AAAA,cACRC;AAAA,cACAC,EAAW;AAAA,cACXA,EAAW;AAAA,cACXA,EAAW;AAAA,cACXA,EAAW;AAAA,cACXA,EAAW;AAAA,cACXA,EAAW;AAAA,cACXA,EAAW;AAAA,cACXA,EAAW;AAAA,cACXA,EAAW;AAAA,cACXA,EAAW;AAAA,YACf;AAAA,UACJ;AAAA,QACJ;AAAA,MAAA,CACH;AAAA,IAAA;AAAA,EAET;AACJ;"}

package/dist/components/RichTextEditor/Plugins/TextStylePlugin/TextStyleDropdown/textStylePluginsRecord.es.js CHANGED Viewed

@@ -1,25 +1,29 @@
-import { createCustom1Plugin as E } from "../TextStyles/createCustom1Plugin.es.js";
-import { createCustom2Plugin as t } from "../TextStyles/createCustom2Plugin.es.js";
-import { createCustom3Plugin as e } from "../TextStyles/createCustom3Plugin.es.js";
+import { createCustom1Plugin as r } from "../TextStyles/createCustom1Plugin.es.js";
+import { createCustom2Plugin as e } from "../TextStyles/createCustom2Plugin.es.js";
+import { createCustom3Plugin as t } from "../TextStyles/createCustom3Plugin.es.js";
 import { createHeading1Plugin as o } from "../TextStyles/createHeading1Plugin.es.js";
 import { createHeading2Plugin as i } from "../TextStyles/createHeading2Plugin.es.js";
 import { createHeading3Plugin as m } from "../TextStyles/createHeading3Plugin.es.js";
 import { createHeading4Plugin as a } from "../TextStyles/createHeading4Plugin.es.js";
-import { createQuotePlugin as g } from "../TextStyles/createQuotePlugin.es.js";
-import { createParagraphPlugin as n } from "../../ParagraphPlugin/createParagraphPlugin.es.js";
-import { TextStyles as r } from "../TextStyles/textStyles.es.js";
-const L = {
-  [r.ELEMENT_HEADING1]: o,
-  [r.ELEMENT_HEADING2]: i,
-  [r.ELEMENT_HEADING3]: m,
-  [r.ELEMENT_HEADING4]: a,
-  [r.ELEMENT_CUSTOM1]: E,
-  [r.ELEMENT_CUSTOM2]: t,
-  [r.ELEMENT_CUSTOM3]: e,
-  [r.ELEMENT_QUOTE]: g,
-  [r.ELEMENT_PARAGRAPH]: n
+import { createQuotePlugin as T } from "../TextStyles/createQuotePlugin.es.js";
+import { createParagraphPlugin as g } from "../../ParagraphPlugin/createParagraphPlugin.es.js";
+import { createImageCaptionPlugin as n } from "../TextStyles/createImageCaptionPlugin.es.js";
+import { createImageTitlePlugin as u } from "../TextStyles/createImageTitlePlugin.es.js";
+import { TextStyles as E } from "../TextStyles/textStyles.es.js";
+const C = {
+  [E.ELEMENT_HEADING1]: o,
+  [E.ELEMENT_HEADING2]: i,
+  [E.ELEMENT_HEADING3]: m,
+  [E.ELEMENT_HEADING4]: a,
+  [E.ELEMENT_CUSTOM1]: r,
+  [E.ELEMENT_CUSTOM2]: e,
+  [E.ELEMENT_CUSTOM3]: t,
+  [E.ELEMENT_IMAGE_TITLE]: u,
+  [E.ELEMENT_IMAGE_CAPTION]: n,
+  [E.ELEMENT_QUOTE]: T,
+  [E.ELEMENT_PARAGRAPH]: g
 };
 export {
-  L as textStylePluginsRecord
+  C as textStylePluginsRecord
 };
 //# sourceMappingURL=textStylePluginsRecord.es.js.map

package/dist/components/RichTextEditor/Plugins/TextStylePlugin/TextStyleDropdown/textStylePluginsRecord.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textStylePluginsRecord.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/TextStylePlugin/TextStyleDropdown/textStylePluginsRecord.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlatePlugin } from '@udecode/plate';\nimport { SelectableTextStyles, TextStyles } from '../TextStyles';\nimport { createCustom1Plugin } from '../TextStyles/createCustom1Plugin';\nimport { createCustom2Plugin } from '../TextStyles/createCustom2Plugin';\nimport { createCustom3Plugin } from '../TextStyles/createCustom3Plugin';\nimport { createHeading1Plugin } from '../TextStyles/createHeading1Plugin';\nimport { createHeading2Plugin } from '../TextStyles/createHeading2Plugin';\nimport { createHeading3Plugin } from '../TextStyles/createHeading3Plugin';\nimport { createHeading4Plugin } from '../TextStyles/createHeading4Plugin';\nimport { createQuotePlugin } from '../TextStyles/createQuotePlugin';\nimport { createParagraphPlugin } from '../../ParagraphPlugin/createParagraphPlugin';\n\nexport const textStylePluginsRecord: Record<SelectableTextStyles, () => PlatePlugin> = {\n [TextStyles.ELEMENT_HEADING1]: createHeading1Plugin,\n [TextStyles.ELEMENT_HEADING2]: createHeading2Plugin,\n [TextStyles.ELEMENT_HEADING3]: createHeading3Plugin,\n [TextStyles.ELEMENT_HEADING4]: createHeading4Plugin,\n [TextStyles.ELEMENT_CUSTOM1]: createCustom1Plugin,\n [TextStyles.ELEMENT_CUSTOM2]: createCustom2Plugin,\n [TextStyles.ELEMENT_CUSTOM3]: createCustom3Plugin,\n [TextStyles.ELEMENT_QUOTE]: createQuotePlugin,\n [TextStyles.ELEMENT_PARAGRAPH]: createParagraphPlugin,\n};\n"],"names":["textStylePluginsRecord","TextStyles","createHeading1Plugin","createHeading2Plugin","createHeading3Plugin","createHeading4Plugin","createCustom1Plugin","createCustom2Plugin","createCustom3Plugin","createQuotePlugin","createParagraphPlugin"],"mappings":"~~;;;;;;;;;;AAcO~~,MAAMA,IAA0E;AAAA,EACnF,CAACC,EAAW,gBAAgB,GAAGC;AAAA,EAC/B,CAACD,EAAW,gBAAgB,GAAGE;AAAA,EAC/B,CAACF,EAAW,gBAAgB,GAAGG;AAAA,EAC/B,CAACH,EAAW,gBAAgB,GAAGI;AAAA,EAC/B,CAACJ,EAAW,eAAe,GAAGK;AAAA,EAC9B,CAACL,EAAW,eAAe,GAAGM;AAAA,EAC9B,CAACN,EAAW,eAAe,GAAGO;AAAA,EAC9B,CAACP,EAAW,~~aAAa~~,GAAGQ;AAAA,~~EAC5B~~,CAACR,EAAW,~~iBAAiB~~,GAAGS;AACpC;"}
1	+ {"version":3,"file":"textStylePluginsRecord.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/TextStylePlugin/TextStyleDropdown/textStylePluginsRecord.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlatePlugin } from '@udecode/plate';\nimport { SelectableTextStyles, TextStyles } from '../TextStyles';\nimport { createCustom1Plugin } from '../TextStyles/createCustom1Plugin';\nimport { createCustom2Plugin } from '../TextStyles/createCustom2Plugin';\nimport { createCustom3Plugin } from '../TextStyles/createCustom3Plugin';\nimport { createHeading1Plugin } from '../TextStyles/createHeading1Plugin';\nimport { createHeading2Plugin } from '../TextStyles/createHeading2Plugin';\nimport { createHeading3Plugin } from '../TextStyles/createHeading3Plugin';\nimport { createHeading4Plugin } from '../TextStyles/createHeading4Plugin';\nimport { createQuotePlugin } from '../TextStyles/createQuotePlugin';\nimport { createParagraphPlugin } from '../../ParagraphPlugin/createParagraphPlugin';\nimport { createImageCaptionPlugin } from '../TextStyles/createImageCaptionPlugin';\nimport { createImageTitlePlugin } from '../TextStyles/createImageTitlePlugin';\n\nexport const textStylePluginsRecord: Record<SelectableTextStyles, () => PlatePlugin> = {\n [TextStyles.ELEMENT_HEADING1]: createHeading1Plugin,\n [TextStyles.ELEMENT_HEADING2]: createHeading2Plugin,\n [TextStyles.ELEMENT_HEADING3]: createHeading3Plugin,\n [TextStyles.ELEMENT_HEADING4]: createHeading4Plugin,\n [TextStyles.ELEMENT_CUSTOM1]: createCustom1Plugin,\n [TextStyles.ELEMENT_CUSTOM2]: createCustom2Plugin,\n [TextStyles.ELEMENT_CUSTOM3]: createCustom3Plugin,\n [TextStyles.ELEMENT_IMAGE_TITLE]: createImageTitlePlugin,\n [TextStyles.ELEMENT_IMAGE_CAPTION]: createImageCaptionPlugin,\n [TextStyles.ELEMENT_QUOTE]: createQuotePlugin,\n [TextStyles.ELEMENT_PARAGRAPH]: createParagraphPlugin,\n};\n"],"names":["textStylePluginsRecord","TextStyles","createHeading1Plugin","createHeading2Plugin","createHeading3Plugin","createHeading4Plugin","createCustom1Plugin","createCustom2Plugin","createCustom3Plugin","createImageTitlePlugin","createImageCaptionPlugin","createQuotePlugin","createParagraphPlugin"],"mappings":";;;;;;;;;;;;AAgBO,MAAMA,IAA0E;AAAA,EACnF,CAACC,EAAW,gBAAgB,GAAGC;AAAA,EAC/B,CAACD,EAAW,gBAAgB,GAAGE;AAAA,EAC/B,CAACF,EAAW,gBAAgB,GAAGG;AAAA,EAC/B,CAACH,EAAW,gBAAgB,GAAGI;AAAA,EAC/B,CAACJ,EAAW,eAAe,GAAGK;AAAA,EAC9B,CAACL,EAAW,eAAe,GAAGM;AAAA,EAC9B,CAACN,EAAW,eAAe,GAAGO;AAAA,EAC9B,CAACP,EAAW,mBAAmB,GAAGQ;AAAA,EAClC,CAACR,EAAW,qBAAqB,GAAGS;AAAA,EACpC,CAACT,EAAW,aAAa,GAAGU;AAAA,EAC5B,CAACV,EAAW,iBAAiB,GAAGW;AACpC;"}

package/dist/components/RichTextEditor/Plugins/TextStylePlugin/TextStyles/createImageCaptionPlugin.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PlateRenderElementProps } from '@udecode/plate';
+export declare const ImageCaptionMarkupElementNode: ({ element, attributes, children }: PlateRenderElementProps) => JSX.Element;
+export declare const createImageCaptionPlugin: <OP = import("@udecode/plate").AnyObject, OV extends import("@udecode/plate").Value = import("@udecode/plate").Value, OE extends import("@udecode/plate").PlateEditor<OV> = import("@udecode/plate").PlateEditor<OV>>(override?: Partial<import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>;

package/dist/components/RichTextEditor/Plugins/TextStylePlugin/TextStyles/createImageCaptionPlugin.es.js ADDED Viewed

@@ -0,0 +1,31 @@
+import a from "react";
+import { createPluginFactory as i } from "@udecode/plate";
+import { merge as n } from "../../../../../utilities/merge.es.js";
+import { useRichTextEditorContext as s } from "../../../context/RichTextEditorContext.es.js";
+import { TextStyles as l } from "./textStyles.es.js";
+import { alignmentClassnames as p } from "./alignment.es.js";
+import { getColumnBreakClasses as c } from "../../ColumnBreakPlugin/utils/getColumnBreakClasses.es.js";
+const g = ({ element: e, attributes: o, children: m }) => {
+  const { designTokens: r } = s(), t = e.align;
+  return /* @__PURE__ */ a.createElement(
+    "p",
+    {
+      ...o,
+      className: n([t && p[t], c(e)]),
+      style: r.imageCaption
+    },
+    m
+  );
+}, k = i({
+  key: l.ELEMENT_IMAGE_CAPTION,
+  isElement: !0,
+  component: g,
+  deserializeHtml: {
+    rules: [{ validClassName: "imageCaption" }]
+  }
+});
+export {
+  g as ImageCaptionMarkupElementNode,
+  k as createImageCaptionPlugin
+};
+//# sourceMappingURL=createImageCaptionPlugin.es.js.map

package/dist/components/RichTextEditor/Plugins/TextStylePlugin/TextStyles/createImageCaptionPlugin.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"createImageCaptionPlugin.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/TextStylePlugin/TextStyles/createImageCaptionPlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { PlateRenderElementProps, createPluginFactory } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport { useRichTextEditorContext } from '@components/RichTextEditor/context/RichTextEditorContext';\nimport { TextStyles } from './textStyles';\nimport { alignmentClassnames } from './alignment';\nimport { getColumnBreakClasses } from '../../ColumnBreakPlugin/utils/getColumnBreakClasses';\n\nexport const ImageCaptionMarkupElementNode = ({ element, attributes, children }: PlateRenderElementProps) => {\n const { designTokens } = useRichTextEditorContext();\n const align = element.align as string;\n\n return (\n <p\n {...attributes}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n style={designTokens.imageCaption}\n >\n {children}\n </p>\n );\n};\n\nexport const createImageCaptionPlugin = createPluginFactory({\n key: TextStyles.ELEMENT_IMAGE_CAPTION,\n isElement: true,\n component: ImageCaptionMarkupElementNode,\n deserializeHtml: {\n rules: [{ validClassName: 'imageCaption' }],\n },\n});\n"],"names":["ImageCaptionMarkupElementNode","element","attributes","children","designTokens","useRichTextEditorContext","align","React","merge","alignmentClassnames","getColumnBreakClasses","createImageCaptionPlugin","createPluginFactory","TextStyles"],"mappings":";;;;;;;AAUO,MAAMA,IAAgC,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,QAAwC;AACnG,QAAA,EAAE,cAAAC,MAAiBC,KACnBC,IAAQL,EAAQ;AAGlB,SAAA,gBAAAM,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGL;AAAA,MACJ,WAAWM,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBT,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOG,EAAa;AAAA,IAAA;AAAA,IAEnBD;AAAA,EAAA;AAGb,GAEaQ,IAA2BC,EAAoB;AAAA,EACxD,KAAKC,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWb;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgB,gBAAgB;AAAA,EAC9C;AACJ,CAAC;"}

package/dist/components/RichTextEditor/Plugins/TextStylePlugin/TextStyles/createImageTitlePlugin.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PlateRenderElementProps } from '@udecode/plate';
+export declare const ImageTitleMarkupElementNode: ({ element, attributes, children }: PlateRenderElementProps) => JSX.Element;
+export declare const createImageTitlePlugin: <OP = import("@udecode/plate").AnyObject, OV extends import("@udecode/plate").Value = import("@udecode/plate").Value, OE extends import("@udecode/plate").PlateEditor<OV> = import("@udecode/plate").PlateEditor<OV>>(override?: Partial<import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate").PlatePlugin<import("@udecode/plate").NoInfer<OP>, OV, OE>;

package/dist/components/RichTextEditor/Plugins/TextStylePlugin/TextStyles/createImageTitlePlugin.es.js ADDED Viewed

@@ -0,0 +1,31 @@
+import i from "react";
+import { createPluginFactory as a } from "@udecode/plate";
+import { merge as l } from "../../../../../utilities/merge.es.js";
+import { useRichTextEditorContext as s } from "../../../context/RichTextEditorContext.es.js";
+import { TextStyles as n } from "./textStyles.es.js";
+import { alignmentClassnames as c } from "./alignment.es.js";
+import { getColumnBreakClasses as g } from "../../ColumnBreakPlugin/utils/getColumnBreakClasses.es.js";
+const p = ({ element: e, attributes: m, children: r }) => {
+  const { designTokens: o } = s(), t = e.align;
+  return /* @__PURE__ */ i.createElement(
+    "p",
+    {
+      ...m,
+      className: l([t && c[t], g(e)]),
+      style: o.imageTitle
+    },
+    r
+  );
+}, x = a({
+  key: n.ELEMENT_IMAGE_TITLE,
+  isElement: !0,
+  component: p,
+  deserializeHtml: {
+    rules: [{ validClassName: "imageTitle" }]
+  }
+});
+export {
+  p as ImageTitleMarkupElementNode,
+  x as createImageTitlePlugin
+};
+//# sourceMappingURL=createImageTitlePlugin.es.js.map

package/dist/components/RichTextEditor/Plugins/TextStylePlugin/TextStyles/createImageTitlePlugin.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"createImageTitlePlugin.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/TextStylePlugin/TextStyles/createImageTitlePlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { PlateRenderElementProps, createPluginFactory } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport { useRichTextEditorContext } from '@components/RichTextEditor/context/RichTextEditorContext';\nimport { TextStyles } from './textStyles';\nimport { alignmentClassnames } from './alignment';\nimport { getColumnBreakClasses } from '../../ColumnBreakPlugin/utils/getColumnBreakClasses';\n\nexport const ImageTitleMarkupElementNode = ({ element, attributes, children }: PlateRenderElementProps) => {\n const { designTokens } = useRichTextEditorContext();\n const align = element.align as string;\n\n return (\n <p\n {...attributes}\n className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n style={designTokens.imageTitle}\n >\n {children}\n </p>\n );\n};\n\nexport const createImageTitlePlugin = createPluginFactory({\n key: TextStyles.ELEMENT_IMAGE_TITLE,\n isElement: true,\n component: ImageTitleMarkupElementNode,\n deserializeHtml: {\n rules: [{ validClassName: 'imageTitle' }],\n },\n});\n"],"names":["ImageTitleMarkupElementNode","element","attributes","children","designTokens","useRichTextEditorContext","align","React","merge","alignmentClassnames","getColumnBreakClasses","createImageTitlePlugin","createPluginFactory","TextStyles"],"mappings":";;;;;;;AAUO,MAAMA,IAA8B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,QAAwC;AACjG,QAAA,EAAE,cAAAC,MAAiBC,KACnBC,IAAQL,EAAQ;AAGlB,SAAA,gBAAAM,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGL;AAAA,MACJ,WAAWM,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBT,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOG,EAAa;AAAA,IAAA;AAAA,IAEnBD;AAAA,EAAA;AAGb,GAEaQ,IAAyBC,EAAoB;AAAA,EACtD,KAAKC,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWb;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgB,cAAc;AAAA,EAC5C;AACJ,CAAC;"}

package/dist/components/RichTextEditor/Plugins/TextStylePlugin/TextStyles/textStyles.d.ts CHANGED Viewed

@@ -19,6 +19,8 @@ export declare enum TextStyles {
     ELEMENT_CUSTOM1 = "custom1",
     ELEMENT_CUSTOM2 = "custom2",
     ELEMENT_CUSTOM3 = "custom3",
+    ELEMENT_IMAGE_TITLE = "imageTitle",
+    ELEMENT_IMAGE_CAPTION = "imageCaption",
     ELEMENT_QUOTE = "quote",
     ELEMENT_LINK = "link",
     ELEMENT_PARAGRAPH = "p"
@@ -33,6 +35,8 @@ export declare const AVAILABLE_STYLE_TITLES: {
     custom1: string;
     custom2: string;
     custom3: string;
+    imageTitle: string;
+    imageCaption: string;
     quote: string;
     link: string;
     p: string;

package/dist/components/RichTextEditor/Plugins/TextStylePlugin/TextStyles/textStyles.es.js CHANGED Viewed

@@ -1,12 +1,12 @@
-const c = "Mixed";
-var L = /* @__PURE__ */ ((E) => (E.UL = "ul", E.OL = "ol", E.CHECKLIST_ITEM = "checkbox_item", E.LIC = "lic", E))(L || {});
+const a = "Mixed";
+var i = /* @__PURE__ */ ((E) => (E.UL = "ul", E.OL = "ol", E.CHECKLIST_ITEM = "checkbox_item", E.LIC = "lic", E))(i || {});
 const n = {
   ul: "Bullet List",
   ol: "List",
   checkbox_item: "Checklist",
   lic: "List Item Content"
 };
-var i = /* @__PURE__ */ ((E) => (E.ELEMENT_HEADING1 = "heading1", E.ELEMENT_HEADING2 = "heading2", E.ELEMENT_HEADING3 = "heading3", E.ELEMENT_HEADING4 = "heading4", E.ELEMENT_CUSTOM1 = "custom1", E.ELEMENT_CUSTOM2 = "custom2", E.ELEMENT_CUSTOM3 = "custom3", E.ELEMENT_QUOTE = "quote", E.ELEMENT_LINK = "link", E.ELEMENT_PARAGRAPH = "p", E))(i || {});
+var L = /* @__PURE__ */ ((E) => (E.ELEMENT_HEADING1 = "heading1", E.ELEMENT_HEADING2 = "heading2", E.ELEMENT_HEADING3 = "heading3", E.ELEMENT_HEADING4 = "heading4", E.ELEMENT_CUSTOM1 = "custom1", E.ELEMENT_CUSTOM2 = "custom2", E.ELEMENT_CUSTOM3 = "custom3", E.ELEMENT_IMAGE_TITLE = "imageTitle", E.ELEMENT_IMAGE_CAPTION = "imageCaption", E.ELEMENT_QUOTE = "quote", E.ELEMENT_LINK = "link", E.ELEMENT_PARAGRAPH = "p", E))(L || {});
 const o = {
   heading1: "Heading 1",
   heading2: "Heading 2",
@@ -17,14 +17,16 @@ const o = {
   custom3: "Custom 3",
   quote: "Quote",
   link: "Link",
-  p: "Body Text"
-}, _ = { ...n, ...o }, u = Object.values({ ...L, ...i });
+  p: "Body Text",
+  imageTitle: "Image Title",
+  imageCaption: "Image Caption"
+}, T = { ...n, ...o }, _ = Object.values({ ...i, ...L });
 export {
-  u as AVAILABLE_STYLE,
-  _ as AVAILABLE_STYLE_TITLES,
-  c as DEFAULT_TEXT_STYLE_VALUE,
-  L as ListStyles,
-  i as TextStyles,
+  _ as AVAILABLE_STYLE,
+  T as AVAILABLE_STYLE_TITLES,
+  a as DEFAULT_TEXT_STYLE_VALUE,
+  i as ListStyles,
+  L as TextStyles,
   n as listStyleTitle,
   o as textStyleTitle
 };

package/dist/components/RichTextEditor/Plugins/TextStylePlugin/TextStyles/textStyles.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textStyles.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/TextStylePlugin/TextStyles/textStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const DEFAULT_TEXT_STYLE_VALUE = 'Mixed';\n\nexport enum ListStyles {\n UL = 'ul',\n OL = 'ol',\n CHECKLIST_ITEM = 'checkbox_item',\n LIC = 'lic',\n}\nexport const listStyleTitle: Record<ListStyles, string> = {\n [ListStyles.UL]: 'Bullet List',\n [ListStyles.OL]: 'List',\n [ListStyles.CHECKLIST_ITEM]: 'Checklist',\n [ListStyles.LIC]: 'List Item Content',\n};\n\nexport enum ButtonStyles {\n ELEMENT_BUTTON_PRIMARY = 'buttonPrimary',\n ELEMENT_BUTTON_SECONDARY = 'buttonSecondary',\n ELEMENT_BUTTON_TERTIARY = 'buttonTertiary',\n}\n\nexport enum TextStyles {\n ELEMENT_HEADING1 = 'heading1',\n ELEMENT_HEADING2 = 'heading2',\n ELEMENT_HEADING3 = 'heading3',\n ELEMENT_HEADING4 = 'heading4',\n ELEMENT_CUSTOM1 = 'custom1',\n ELEMENT_CUSTOM2 = 'custom2',\n ELEMENT_CUSTOM3 = 'custom3',\n ELEMENT_QUOTE = 'quote',\n ELEMENT_LINK = 'link',\n ELEMENT_PARAGRAPH = 'p',\n}\n\nexport type SelectableTextStyles = Exclude<TextStyles, TextStyles.ELEMENT_LINK>;\n\nexport const textStyleTitle: Record<TextStyles, string> = {\n [TextStyles.ELEMENT_HEADING1]: 'Heading 1',\n [TextStyles.ELEMENT_HEADING2]: 'Heading 2',\n [TextStyles.ELEMENT_HEADING3]: 'Heading 3',\n [TextStyles.ELEMENT_HEADING4]: 'Heading 4',\n [TextStyles.ELEMENT_CUSTOM1]: 'Custom 1',\n [TextStyles.ELEMENT_CUSTOM2]: 'Custom 2',\n [TextStyles.ELEMENT_CUSTOM3]: 'Custom 3',\n [TextStyles.ELEMENT_QUOTE]: 'Quote',\n [TextStyles.ELEMENT_LINK]: 'Link',\n [TextStyles.ELEMENT_PARAGRAPH]: 'Body Text',\n};\n\nexport const AVAILABLE_STYLE_TITLES = { ...listStyleTitle, ...textStyleTitle };\nexport const AVAILABLE_STYLE = Object.values({ ...ListStyles, ...TextStyles });\n\nexport type AvailableStyles = ListStyles \| TextStyles;\n"],"names":["DEFAULT_TEXT_STYLE_VALUE","ListStyles","listStyleTitle","TextStyles","textStyleTitle","AVAILABLE_STYLE_TITLES","AVAILABLE_STYLE"],"mappings":"AAEO,MAAMA,IAA2B;AAE5B,IAAAC,sBAAAA,OACRA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,iBAAiB,iBACjBA,EAAA,MAAM,OAJEA,IAAAA,KAAA,CAAA,CAAA;AAML,MAAMC,IAA6C;AAAA,EACrD,IAAgB;AAAA,EAChB,IAAgB;AAAA,EAChB,eAA4B;AAAA,EAC5B,KAAiB;AACtB;AAQY,IAAAC,sBAAAA,OACRA,EAAA,mBAAmB,YACnBA,EAAA,mBAAmB,YACnBA,EAAA,mBAAmB,YACnBA,EAAA,mBAAmB,YACnBA,EAAA,kBAAkB,WAClBA,EAAA,kBAAkB,WAClBA,EAAA,kBAAkB,WAClBA,EAAA,gBAAgB,SAChBA,EAAA,eAAe,QACfA,EAAA,oBAAoB,~~KAVZA~~,IAAAA,KAAA,CAAA,CAAA;~~AAeL~~,MAAMC,IAA6C;AAAA,EACrD,UAA8B;AAAA,EAC9B,UAA8B;AAAA,EAC9B,UAA8B;AAAA,EAC9B,UAA8B;AAAA,EAC9B,SAA6B;AAAA,EAC7B,SAA6B;AAAA,EAC7B,SAA6B;AAAA,EAC7B,OAA2B;AAAA,EAC3B,MAA0B;AAAA,EAC1B,GAA+B;~~AACpC~~,GAEaC,IAAyB,EAAE,GAAGH,GAAgB,GAAGE,EAAe,GAChEE,IAAkB,OAAO,OAAO,EAAE,GAAGL,GAAY,GAAGE,EAAY,CAAA;"}
1	+ {"version":3,"file":"textStyles.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/TextStylePlugin/TextStyles/textStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const DEFAULT_TEXT_STYLE_VALUE = 'Mixed';\n\nexport enum ListStyles {\n UL = 'ul',\n OL = 'ol',\n CHECKLIST_ITEM = 'checkbox_item',\n LIC = 'lic',\n}\nexport const listStyleTitle: Record<ListStyles, string> = {\n [ListStyles.UL]: 'Bullet List',\n [ListStyles.OL]: 'List',\n [ListStyles.CHECKLIST_ITEM]: 'Checklist',\n [ListStyles.LIC]: 'List Item Content',\n};\n\nexport enum ButtonStyles {\n ELEMENT_BUTTON_PRIMARY = 'buttonPrimary',\n ELEMENT_BUTTON_SECONDARY = 'buttonSecondary',\n ELEMENT_BUTTON_TERTIARY = 'buttonTertiary',\n}\n\nexport enum TextStyles {\n ELEMENT_HEADING1 = 'heading1',\n ELEMENT_HEADING2 = 'heading2',\n ELEMENT_HEADING3 = 'heading3',\n ELEMENT_HEADING4 = 'heading4',\n ELEMENT_CUSTOM1 = 'custom1',\n ELEMENT_CUSTOM2 = 'custom2',\n ELEMENT_CUSTOM3 = 'custom3',\n ELEMENT_IMAGE_TITLE = 'imageTitle',\n ELEMENT_IMAGE_CAPTION = 'imageCaption',\n ELEMENT_QUOTE = 'quote',\n ELEMENT_LINK = 'link',\n ELEMENT_PARAGRAPH = 'p',\n}\n\nexport type SelectableTextStyles = Exclude<TextStyles, TextStyles.ELEMENT_LINK>;\n\nexport const textStyleTitle: Record<TextStyles, string> = {\n [TextStyles.ELEMENT_HEADING1]: 'Heading 1',\n [TextStyles.ELEMENT_HEADING2]: 'Heading 2',\n [TextStyles.ELEMENT_HEADING3]: 'Heading 3',\n [TextStyles.ELEMENT_HEADING4]: 'Heading 4',\n [TextStyles.ELEMENT_CUSTOM1]: 'Custom 1',\n [TextStyles.ELEMENT_CUSTOM2]: 'Custom 2',\n [TextStyles.ELEMENT_CUSTOM3]: 'Custom 3',\n [TextStyles.ELEMENT_QUOTE]: 'Quote',\n [TextStyles.ELEMENT_LINK]: 'Link',\n [TextStyles.ELEMENT_PARAGRAPH]: 'Body Text',\n [TextStyles.ELEMENT_IMAGE_TITLE]: 'Image Title',\n [TextStyles.ELEMENT_IMAGE_CAPTION]: 'Image Caption',\n};\n\nexport const AVAILABLE_STYLE_TITLES = { ...listStyleTitle, ...textStyleTitle };\nexport const AVAILABLE_STYLE = Object.values({ ...ListStyles, ...TextStyles });\n\nexport type AvailableStyles = ListStyles \| TextStyles;\n"],"names":["DEFAULT_TEXT_STYLE_VALUE","ListStyles","listStyleTitle","TextStyles","textStyleTitle","AVAILABLE_STYLE_TITLES","AVAILABLE_STYLE"],"mappings":"AAEO,MAAMA,IAA2B;AAE5B,IAAAC,sBAAAA,OACRA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,iBAAiB,iBACjBA,EAAA,MAAM,OAJEA,IAAAA,KAAA,CAAA,CAAA;AAML,MAAMC,IAA6C;AAAA,EACrD,IAAgB;AAAA,EAChB,IAAgB;AAAA,EAChB,eAA4B;AAAA,EAC5B,KAAiB;AACtB;AAQY,IAAAC,sBAAAA,OACRA,EAAA,mBAAmB,YACnBA,EAAA,mBAAmB,YACnBA,EAAA,mBAAmB,YACnBA,EAAA,mBAAmB,YACnBA,EAAA,kBAAkB,WAClBA,EAAA,kBAAkB,WAClBA,EAAA,kBAAkB,WAClBA,EAAA,sBAAsB,cACtBA,EAAA,wBAAwB,gBACxBA,EAAA,gBAAgB,SAChBA,EAAA,eAAe,QACfA,EAAA,oBAAoB,KAZZA,IAAAA,KAAA,CAAA,CAAA;AAiBL,MAAMC,IAA6C;AAAA,EACrD,UAA8B;AAAA,EAC9B,UAA8B;AAAA,EAC9B,UAA8B;AAAA,EAC9B,UAA8B;AAAA,EAC9B,SAA6B;AAAA,EAC7B,SAA6B;AAAA,EAC7B,SAA6B;AAAA,EAC7B,OAA2B;AAAA,EAC3B,MAA0B;AAAA,EAC1B,GAA+B;AAAA,EAC/B,YAAiC;AAAA,EACjC,cAAmC;AACxC,GAEaC,IAAyB,EAAE,GAAGH,GAAgB,GAAGE,EAAe,GAChEE,IAAkB,OAAO,OAAO,EAAE,GAAGL,GAAY,GAAGE,EAAY,CAAA;"}

package/dist/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.es.js CHANGED Viewed

@@ -1,70 +1,74 @@
 import { getTextStyle as N } from "../../Plugins/ListPlugin/ListItemContentMarkupElement.es.js";
-import { isText as _, ELEMENT_MENTION as C, ELEMENT_LINK as I, ELEMENT_LIC as S, ELEMENT_LI as A, ELEMENT_OL as n, ELEMENT_UL as H, ELEMENT_PARAGRAPH as O } from "@udecode/plate";
+import { isText as _, ELEMENT_MENTION as C, ELEMENT_LINK as I, ELEMENT_LIC as A, ELEMENT_LI as O, ELEMENT_OL as n, ELEMENT_UL as S, ELEMENT_PARAGRAPH as H } from "@udecode/plate";
 import { buttonNode as x } from "../nodes/button.es.js";
 import { checkItemNode as D } from "../nodes/checkItem.es.js";
-import { linkNode as U } from "../nodes/link.es.js";
-import { mentionHtmlNode as b } from "../nodes/mentionHtmlNode.es.js";
+import { linkNode as G } from "../nodes/link.es.js";
+import { mentionHtmlNode as U } from "../nodes/mentionHtmlNode.es.js";
 import { reactCssPropsToCss as l } from "./reactCssPropsToCss.es.js";
-import { serializeLeafToHtml as w } from "./serializeLeafToHtml.es.js";
-import { merge as G } from "../../../../utilities/merge.es.js";
+import { serializeLeafToHtml as b } from "./serializeLeafToHtml.es.js";
+import { merge as w } from "../../../../utilities/merge.es.js";
 import { ELEMENT_CHECK_ITEM as v } from "../../Plugins/CheckboxListPlugin/id.es.js";
 import { ELEMENT_BUTTON as B } from "../../Plugins/ButtonPlugin/createButtonPlugin.es.js";
 import { getOrderedListClasses as P } from "../../Plugins/ListPlugin/OrderedListPlugin/OrderedListMarkupElement.es.js";
 import { UL_CLASSES as R } from "../../Plugins/ListPlugin/UnorderedListPlugin/UnorderedListMarkupElement.es.js";
 import { alignmentClassnames as z } from "../../Plugins/TextStylePlugin/TextStyles/alignment.es.js";
-import { TextStyles as c } from "../../Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
-const o = (t, r) => t.reduce((a, E) => (E.type === r && a++, E.children ? a + o(E.children, r) : a), 0), K = (t, { designTokens: r, mappedMentionable: a, nestingCount: E = {} }) => {
-  var u, $, p;
+import { TextStyles as a } from "../../Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
+const i = (t, r) => t.reduce((c, E) => (E.type === r && c++, E.children ? c + i(E.children, r) : c), 0), K = (t, { designTokens: r, mappedMentionable: c, nestingCount: E = {} }) => {
+  var $, u, p;
   if (_(t))
-    return w(t);
-  const i = E[t.type] || o([t], t.type), e = t.children.map(
+    return b(t);
+  const o = E[t.type] || i([t], t.type), e = t.children.map(
     (m) => K(m, {
       designTokens: r,
       nestingCount: {
         ...E,
-        [m.type]: i
+        [m.type]: o
       },
-      mappedMentionable: a
+      mappedMentionable: c
     })
-  ).join(""), L = t.breakAfterColumn === "active" ? "tw-break-after-column tw-break-inside-avoid-column" : "", h = "tw-break-words", f = t != null && t.align ? z[t.align] : "", s = G([f, h, L]);
+  ).join(""), L = t.breakAfterColumn === "active" ? "tw-break-after-column tw-break-inside-avoid-column" : "", M = "tw-break-words", h = t != null && t.align ? z[t.align] : "", s = w([h, M, L]);
   switch (t.type) {
-    case c.ELEMENT_HEADING1:
+    case a.ELEMENT_HEADING1:
       return `<h1 class="${s}" style="${l(r.heading1)}">${e}</h1>`;
-    case c.ELEMENT_HEADING2:
+    case a.ELEMENT_HEADING2:
       return `<h2 class="${s}" style="${l(r.heading2)}">${e}</h2>`;
-    case c.ELEMENT_HEADING3:
+    case a.ELEMENT_HEADING3:
       return `<h3 class="${s}" style="${l(r.heading3)}">${e}</h3>`;
-    case c.ELEMENT_HEADING4:
+    case a.ELEMENT_HEADING4:
       return `<h4 class="${s}" style="${l(r.heading4)}">${e}</h4>`;
-    case c.ELEMENT_CUSTOM1:
+    case a.ELEMENT_CUSTOM1:
       return `<p class="${s}" style="${l(r.custom1)}">${e}</p>`;
-    case c.ELEMENT_CUSTOM2:
+    case a.ELEMENT_CUSTOM2:
       return `<p class="${s}" style="${l(r.custom2)}">${e}</p>`;
-    case c.ELEMENT_CUSTOM3:
+    case a.ELEMENT_CUSTOM3:
       return `<p class="${s}" style="${l(r.custom3)}">${e}</p>`;
-    case c.ELEMENT_QUOTE:
+    case a.ELEMENT_QUOTE:
       return `<p class="${s}" style="${l(r.quote)}">${e}</p>`;
-    case O:
-      return `<p class="${s}" style="${l(r.p)}">${e}</p>`;
     case H:
+      return `<p class="${s} style="${l(r.p)}">${e}</p>`;
+    case a.ELEMENT_IMAGE_TITLE:
+      return `<p class="${s}" style="${l(r.imageTitle)}">${e}</p>`;
+    case a.ELEMENT_IMAGE_CAPTION:
+      return `<p class="${s}" style="${l(r.imageCaption)}">${e}</p>`;
+    case S:
       return `<ul class="${R} ${s}">${e}</ul>`;
     case n:
-      const m = Math.max(i - o([t], n), 0);
+      const m = Math.max(o - i([t], n), 0);
       return `<ol class="${P(m)} ${s}">${e}</ol>`;
-    case A:
-      const M = ($ = (u = t.children[0]) == null ? void 0 : u.children) == null ? void 0 : $[0], y = { ...r[N(M)], textDecoration: "none" };
+    case O:
+      const f = (u = ($ = t.children[0]) == null ? void 0 : $.children) == null ? void 0 : u[0], y = { ...r[N(f)], textDecoration: "none" };
       return `<li class="${s}" style="${l(y)}">${e}</li>`;
-    case S:
+    case A:
       const T = { textDecoration: (p = r[N(t.children[0])]) == null ? void 0 : p.textDecoration };
       return `<p class="${s}" style="${l(T)}">${e}</p>`;
     case I:
-      return U(t, e, r, s);
+      return G(t, e, r, s);
     case B:
       return x(t, e, r, s);
     case v:
       return D(t, e, s);
     case C:
-      return b(t, { mentionable: a });
+      return U(t, { mentionable: c });
     default:
       return e;
   }

package/dist/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"serializeNodeToHtmlRecursive.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n ELEMENT_BUTTON,\n ELEMENT_CHECK_ITEM,\n MappedMentionableItems,\n UL_CLASSES,\n getOrderedListClasses,\n} from '@components/RichTextEditor/Plugins';\nimport { getTextStyle } from '@components/RichTextEditor/Plugins/ListPlugin/ListItemContentMarkupElement';\nimport { TextStyles, alignmentClassnames } from '@components/RichTextEditor/Plugins/TextStylePlugin/TextStyles';\nimport { DesignTokens } from '@components/RichTextEditor/types';\nimport {\n ELEMENT_LI,\n ELEMENT_LIC,\n ELEMENT_LINK,\n ELEMENT_MENTION,\n ELEMENT_OL,\n ELEMENT_PARAGRAPH,\n ELEMENT_UL,\n TDescendant,\n TElement,\n TText,\n isText,\n} from '@udecode/plate';\nimport { buttonNode } from '../nodes/button';\nimport { checkItemNode } from '../nodes/checkItem';\nimport { linkNode } from '../nodes/link';\nimport { mentionHtmlNode } from '../nodes/mentionHtmlNode';\nimport { reactCssPropsToCss } from './reactCssPropsToCss';\nimport { serializeLeafToHtml } from './serializeLeafToHtml';\nimport { merge } from '@utilities/merge';\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 designTokens: DesignTokens;\n mappedMentionable?: MappedMentionableItems;\n nestingCount?: NestingCount;\n};\n\nexport const serializeNodeToHtmlRecursive = (\n node: TDescendant,\n { designTokens, mappedMentionable, nestingCount = {} }: SerializeNodeToHtmlRecursiveOptions,\n): string => {\n if (isText(node)) {\n return serializeLeafToHtml(node as TText);\n }\n\n const rootNestingCount = nestingCount[node.type] \|\| countNodesOfType([node], node.type);\n const children = (node.children as TDescendant[])\n .map((n: TDescendant) =>\n serializeNodeToHtmlRecursive(n, {\n designTokens,\n nestingCount: {\n ...nestingCount,\n [n.type as string]: rootNestingCount,\n },\n mappedMentionable,\n }),\n )\n .join('');\n\n const hasColumnBreak = node.breakAfterColumn === 'active';\n const columnBreakClasses = hasColumnBreak ? 'tw-break-after-column tw-break-inside-avoid-column' : '';\n const breakWordsClass = 'tw-break-words';\n const alignClass = node?.align ? alignmentClassnames[node.align as string] : '';\n const classNames = merge([alignClass, breakWordsClass, columnBreakClasses]);\n\n switch (node.type) {\n case TextStyles.ELEMENT_HEADING1:\n return `<h1 class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.heading1)}\">${children}</h1>`;\n case TextStyles.ELEMENT_HEADING2:\n return `<h2 class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.heading2)}\">${children}</h2>`;\n case TextStyles.ELEMENT_HEADING3:\n return `<h3 class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.heading3)}\">${children}</h3>`;\n case TextStyles.ELEMENT_HEADING4:\n return `<h4 class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.heading4)}\">${children}</h4>`;\n case TextStyles.ELEMENT_CUSTOM1:\n return `<p class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.custom1)}\">${children}</p>`;\n case TextStyles.ELEMENT_CUSTOM2:\n return `<p class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.custom2)}\">${children}</p>`;\n case TextStyles.ELEMENT_CUSTOM3:\n return `<p class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.custom3)}\">${children}</p>`;\n case TextStyles.ELEMENT_QUOTE:\n return `<p class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.quote)}\">${children}</p>`;\n case ELEMENT_PARAGRAPH:\n return `<p class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.p)}\">${children}</p>`;\n case ELEMENT_UL:\n return `<ul class=\"${UL_CLASSES} ${classNames}\">${children}</ul>`;\n case ELEMENT_OL:\n const nestingLevel = Math.max(rootNestingCount - countNodesOfType([node], ELEMENT_OL), 0);\n return `<ol class=\"${getOrderedListClasses(nestingLevel)} ${classNames}\">${children}</ol>`;\n case ELEMENT_LI:\n const liElement = node as TElement;\n const styledLicElement = (liElement.children[0]?.children as TDescendant[])?.[0];\n const liStyles = { ...designTokens[getTextStyle(styledLicElement)], textDecoration: 'none' };\n\n return `<li class=\"${classNames}\" style=\"${reactCssPropsToCss(liStyles)}\">${children}</li>`;\n case ELEMENT_LIC:\n const licElement = node as TElement;\n const licStyles = { textDecoration: designTokens[getTextStyle(licElement.children[0])]?.textDecoration };\n return `<p class=\"${classNames}\" style=\"${reactCssPropsToCss(licStyles)}\">${children}</p>`;\n case ELEMENT_LINK:\n return linkNode(node, children, designTokens, classNames);\n case ELEMENT_BUTTON:\n return buttonNode(node, children, designTokens, classNames);\n case ELEMENT_CHECK_ITEM:\n return checkItemNode(node, children, classNames);\n case ELEMENT_MENTION:\n return mentionHtmlNode(node, { mentionable: mappedMentionable });\n\n default:\n return children;\n }\n};\n"],"names":["countNodesOfType","nodes","type","acc","node","serializeNodeToHtmlRecursive","designTokens","mappedMentionable","nestingCount","isText","serializeLeafToHtml","rootNestingCount","children","n","columnBreakClasses","breakWordsClass","alignClass","alignmentClassnames","classNames","merge","TextStyles","reactCssPropsToCss","ELEMENT_PARAGRAPH","ELEMENT_UL","UL_CLASSES","ELEMENT_OL","nestingLevel","getOrderedListClasses","ELEMENT_LI","styledLicElement","_b","_a","liStyles","getTextStyle","ELEMENT_LIC","licStyles","_c","ELEMENT_LINK","linkNode","ELEMENT_BUTTON","buttonNode","ELEMENT_CHECK_ITEM","checkItemNode","ELEMENT_MENTION","mentionHtmlNode"],"mappings":";;;;;;;;;;;;;;;AAiCA,MAAMA,IAAmB,CAACC,GAAsBC,MACrCD,EAAM,OAAO,CAACE,GAAKC,OAClBA,EAAK,SAASF,KACdC,KAEAC,EAAK,WACED,IAAMH,EAAiBI,EAAK,UAA2BF,CAAI,IAE/DC,IACR,CAAC,GAaKE,IAA+B,CACxCD,GACA,EAAE,cAAAE,GAAc,mBAAAC,GAAmB,cAAAC,IAAe,CAAA,QACzC;;AACL,MAAAC,EAAOL,CAAI;AACX,WAAOM,EAAoBN,CAAa;AAGtC,QAAAO,IAAmBH,EAAaJ,EAAK,IAAI,KAAKJ,EAAiB,CAACI,CAAI,GAAGA,EAAK,IAAI,GAChFQ,IAAYR,EAAK,SAClB;AAAA,IAAI,CAACS,MACFR,EAA6BQ,GAAG;AAAA,MAC5B,cAAAP;AAAA,MACA,cAAc;AAAA,QACV,GAAGE;AAAA,QACH,CAACK,EAAE,IAAc,GAAGF;AAAA,MACxB;AAAA,MACA,mBAAAJ;AAAA,IAAA,CACH;AAAA,EAAA,EAEJ,KAAK,EAAE,GAGNO,IADiBV,EAAK,qBAAqB,WACL,uDAAuD,IAC7FW,IAAkB,kBAClBC,IAAaZ,KAAA,QAAAA,EAAM,QAAQa,EAAoBb,EAAK,KAAe,IAAI,IACvEc,IAAaC,EAAM,CAACH,GAAYD,GAAiBD,CAAkB,CAAC;AAE1E,UAAQV,EAAK,MAAM;AAAA,IACf,KAAKgB,EAAW;AACZ,aAAO,cAAcF,aAAsBG,EAAmBf,EAAa,QAAQ,MAAMM;AAAA,IAC7F,KAAKQ,EAAW;AACZ,aAAO,cAAcF,aAAsBG,EAAmBf,EAAa,QAAQ,MAAMM;AAAA,IAC7F,KAAKQ,EAAW;AACZ,aAAO,cAAcF,aAAsBG,EAAmBf,EAAa,QAAQ,MAAMM;AAAA,IAC7F,KAAKQ,EAAW;AACZ,aAAO,cAAcF,aAAsBG,EAAmBf,EAAa,QAAQ,MAAMM;AAAA,IAC7F,KAAKQ,EAAW;AACZ,aAAO,aAAaF,aAAsBG,EAAmBf,EAAa,OAAO,MAAMM;AAAA,IAC3F,KAAKQ,EAAW;AACZ,aAAO,aAAaF,aAAsBG,EAAmBf,EAAa,OAAO,MAAMM;AAAA,IAC3F,KAAKQ,EAAW;AACZ,aAAO,aAAaF,aAAsBG,EAAmBf,EAAa,OAAO,MAAMM;AAAA,IAC3F,KAAKQ,EAAW;AACZ,aAAO,aAAaF,aAAsBG,EAAmBf,EAAa,KAAK,MAAMM;AAAA,IACzF,KAAKU;AACD,aAAO,aAAaJ,~~aAAsBG~~,EAAmBf,EAAa,CAAC,MAAMM;AAAA,~~IACrF~~,KAAKW;AACM,aAAA,cAAcC,KAAcN,MAAeN;AAAA,IACtD,KAAKa;AACK,YAAAC,IAAe,KAAK,IAAIf,IAAmBX,EAAiB,CAACI,CAAI,GAAGqB,CAAU,GAAG,CAAC;AACxF,aAAO,cAAcE,EAAsBD,CAAY,KAAKR,MAAeN;AAAA,IAC/E,KAAKgB;AAED,YAAMC,KAAoBC,KAAAC,IADR3B,EACkB,SAAS,CAAC,MAApB,gBAAA2B,EAAuB,aAAvB,gBAAAD,EAAoD,IACxEE,IAAW,EAAE,GAAG1B,EAAa2B,EAAaJ,CAAgB,CAAC,GAAG,gBAAgB;AAEpF,aAAO,cAAcX,aAAsBG,EAAmBW,CAAQ,MAAMpB;AAAA,IAChF,KAAKsB;AAEK,YAAAC,IAAY,EAAE,iBAAgBC,IAAA9B,EAAa2B,EAD9B7B,EACsD,SAAS,CAAC,CAAC,CAAC,MAAjD,gBAAAgC,EAAoD,eAAe;AACvG,aAAO,aAAalB,aAAsBG,EAAmBc,CAAS,MAAMvB;AAAA,IAChF,KAAKyB;AACD,aAAOC,EAASlC,GAAMQ,GAAUN,GAAcY,CAAU;AAAA,IAC5D,KAAKqB;AACD,aAAOC,EAAWpC,GAAMQ,GAAUN,GAAcY,CAAU;AAAA,IAC9D,KAAKuB;AACM,aAAAC,EAActC,GAAMQ,GAAUM,CAAU;AAAA,IACnD,KAAKyB;AACD,aAAOC,EAAgBxC,GAAM,EAAE,aAAaG,EAAmB,CAAA;AAAA,IAEnE;AACW,aAAAK;AAAA,EACf;AACJ;"}
1	+ {"version":3,"file":"serializeNodeToHtmlRecursive.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n ELEMENT_BUTTON,\n ELEMENT_CHECK_ITEM,\n MappedMentionableItems,\n UL_CLASSES,\n getOrderedListClasses,\n} from '@components/RichTextEditor/Plugins';\nimport { getTextStyle } from '@components/RichTextEditor/Plugins/ListPlugin/ListItemContentMarkupElement';\nimport { TextStyles, alignmentClassnames } from '@components/RichTextEditor/Plugins/TextStylePlugin/TextStyles';\nimport { DesignTokens } from '@components/RichTextEditor/types';\nimport {\n ELEMENT_LI,\n ELEMENT_LIC,\n ELEMENT_LINK,\n ELEMENT_MENTION,\n ELEMENT_OL,\n ELEMENT_PARAGRAPH,\n ELEMENT_UL,\n TDescendant,\n TElement,\n TText,\n isText,\n} from '@udecode/plate';\nimport { buttonNode } from '../nodes/button';\nimport { checkItemNode } from '../nodes/checkItem';\nimport { linkNode } from '../nodes/link';\nimport { mentionHtmlNode } from '../nodes/mentionHtmlNode';\nimport { reactCssPropsToCss } from './reactCssPropsToCss';\nimport { serializeLeafToHtml } from './serializeLeafToHtml';\nimport { merge } from '@utilities/merge';\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 designTokens: DesignTokens;\n mappedMentionable?: MappedMentionableItems;\n nestingCount?: NestingCount;\n};\n\nexport const serializeNodeToHtmlRecursive = (\n node: TDescendant,\n { designTokens, mappedMentionable, nestingCount = {} }: SerializeNodeToHtmlRecursiveOptions,\n): string => {\n if (isText(node)) {\n return serializeLeafToHtml(node as TText);\n }\n\n const rootNestingCount = nestingCount[node.type] \|\| countNodesOfType([node], node.type);\n const children = (node.children as TDescendant[])\n .map((n: TDescendant) =>\n serializeNodeToHtmlRecursive(n, {\n designTokens,\n nestingCount: {\n ...nestingCount,\n [n.type as string]: rootNestingCount,\n },\n mappedMentionable,\n }),\n )\n .join('');\n\n const hasColumnBreak = node.breakAfterColumn === 'active';\n const columnBreakClasses = hasColumnBreak ? 'tw-break-after-column tw-break-inside-avoid-column' : '';\n const breakWordsClass = 'tw-break-words';\n const alignClass = node?.align ? alignmentClassnames[node.align as string] : '';\n const classNames = merge([alignClass, breakWordsClass, columnBreakClasses]);\n\n switch (node.type) {\n case TextStyles.ELEMENT_HEADING1:\n return `<h1 class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.heading1)}\">${children}</h1>`;\n case TextStyles.ELEMENT_HEADING2:\n return `<h2 class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.heading2)}\">${children}</h2>`;\n case TextStyles.ELEMENT_HEADING3:\n return `<h3 class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.heading3)}\">${children}</h3>`;\n case TextStyles.ELEMENT_HEADING4:\n return `<h4 class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.heading4)}\">${children}</h4>`;\n case TextStyles.ELEMENT_CUSTOM1:\n return `<p class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.custom1)}\">${children}</p>`;\n case TextStyles.ELEMENT_CUSTOM2:\n return `<p class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.custom2)}\">${children}</p>`;\n case TextStyles.ELEMENT_CUSTOM3:\n return `<p class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.custom3)}\">${children}</p>`;\n case TextStyles.ELEMENT_QUOTE:\n return `<p class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.quote)}\">${children}</p>`;\n case ELEMENT_PARAGRAPH:\n return `<p class=\"${classNames} style=\"${reactCssPropsToCss(designTokens.p)}\">${children}</p>`;\n case TextStyles.ELEMENT_IMAGE_TITLE:\n return `<p class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.imageTitle)}\">${children}</p>`;\n case TextStyles.ELEMENT_IMAGE_CAPTION:\n return `<p class=\"${classNames}\" style=\"${reactCssPropsToCss(designTokens.imageCaption)}\">${children}</p>`;\n case ELEMENT_UL:\n return `<ul class=\"${UL_CLASSES} ${classNames}\">${children}</ul>`;\n case ELEMENT_OL:\n const nestingLevel = Math.max(rootNestingCount - countNodesOfType([node], ELEMENT_OL), 0);\n return `<ol class=\"${getOrderedListClasses(nestingLevel)} ${classNames}\">${children}</ol>`;\n case ELEMENT_LI:\n const liElement = node as TElement;\n const styledLicElement = (liElement.children[0]?.children as TDescendant[])?.[0];\n const liStyles = { ...designTokens[getTextStyle(styledLicElement)], textDecoration: 'none' };\n\n return `<li class=\"${classNames}\" style=\"${reactCssPropsToCss(liStyles)}\">${children}</li>`;\n case ELEMENT_LIC:\n const licElement = node as TElement;\n const licStyles = { textDecoration: designTokens[getTextStyle(licElement.children[0])]?.textDecoration };\n return `<p class=\"${classNames}\" style=\"${reactCssPropsToCss(licStyles)}\">${children}</p>`;\n case ELEMENT_LINK:\n return linkNode(node, children, designTokens, classNames);\n case ELEMENT_BUTTON:\n return buttonNode(node, children, designTokens, classNames);\n case ELEMENT_CHECK_ITEM:\n return checkItemNode(node, children, classNames);\n case ELEMENT_MENTION:\n return mentionHtmlNode(node, { mentionable: mappedMentionable });\n\n default:\n return children;\n }\n};\n"],"names":["countNodesOfType","nodes","type","acc","node","serializeNodeToHtmlRecursive","designTokens","mappedMentionable","nestingCount","isText","serializeLeafToHtml","rootNestingCount","children","n","columnBreakClasses","breakWordsClass","alignClass","alignmentClassnames","classNames","merge","TextStyles","reactCssPropsToCss","ELEMENT_PARAGRAPH","ELEMENT_UL","UL_CLASSES","ELEMENT_OL","nestingLevel","getOrderedListClasses","ELEMENT_LI","styledLicElement","_b","_a","liStyles","getTextStyle","ELEMENT_LIC","licStyles","_c","ELEMENT_LINK","linkNode","ELEMENT_BUTTON","buttonNode","ELEMENT_CHECK_ITEM","checkItemNode","ELEMENT_MENTION","mentionHtmlNode"],"mappings":"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"}

package/dist/components/RichTextEditor/types.d.ts CHANGED Viewed

@@ -11,7 +11,9 @@ export declare const enum DesignTokenNames {
     CUSTOM3 = "custom3",
     QUOTE = "quote",
     LINK = "link",
-    PARAGRAPH = "p"
+    PARAGRAPH = "p",
+    IMAGE_CAPTION = "imageCaption",
+    IMAGE_TITLE = "imageTitle"
 }
 export declare const TextStylesToDesignTokenMap: {
     heading1: DesignTokenNames;
@@ -24,6 +26,8 @@ export declare const TextStylesToDesignTokenMap: {
     quote: DesignTokenNames;
     link: DesignTokenNames;
     p: DesignTokenNames;
+    imageCaption: DesignTokenNames;
+    imageTitle: DesignTokenNames;
 };
 export type DesignTokens = Partial<Record<DesignTokenNames, CSSProperties>> & Partial<Record<ButtonStyles, CSSProperties & {
     hover?: CSSProperties;

package/dist/components/RichTextEditor/types.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { TextStyles as E } from "./Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
-const M = {
+const N = {
   [E.ELEMENT_HEADING1]: "heading1",
   [E.ELEMENT_HEADING2]: "heading2",
   [E.ELEMENT_HEADING3]: "heading3",
@@ -9,12 +9,14 @@ const M = {
   [E.ELEMENT_CUSTOM3]: "custom3",
   [E.ELEMENT_QUOTE]: "quote",
   [E.ELEMENT_LINK]: "link",
-  [E.ELEMENT_PARAGRAPH]: "p"
-  /* PARAGRAPH */
+  [E.ELEMENT_PARAGRAPH]: "p",
+  [E.ELEMENT_IMAGE_CAPTION]: "imageCaption",
+  [E.ELEMENT_IMAGE_TITLE]: "imageTitle"
+  /* IMAGE_TITLE */
 };
 var t = /* @__PURE__ */ ((T) => (T.None = "tw-p-0", T.Small = "tw-p-2", T.Medium = "tw-p-4", T.Large = "tw-p-6", T.XLarge = "tw-p-8", T))(t || {});
 export {
   t as PaddingSizes,
-  M as TextStylesToDesignTokenMap
+  N as TextStylesToDesignTokenMap
 };
 //# sourceMappingURL=types.es.js.map

package/dist/components/RichTextEditor/types.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.es.js","sources":["../../../src/components/RichTextEditor/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { CSSProperties } from 'react';\nimport { TNode } from '@udecode/plate';\nimport { ButtonStyles, TextStyles } from './Plugins/TextStylePlugin/TextStyles';\n\nexport const enum DesignTokenNames {\n HEADING1 = 'heading1',\n HEADING2 = 'heading2',\n HEADING3 = 'heading3',\n HEADING4 = 'heading4',\n CUSTOM1 = 'custom1',\n CUSTOM2 = 'custom2',\n CUSTOM3 = 'custom3',\n QUOTE = 'quote',\n LINK = 'link',\n PARAGRAPH = 'p',\n}\n\nexport const TextStylesToDesignTokenMap = {\n [TextStyles.ELEMENT_HEADING1]: DesignTokenNames.HEADING1,\n [TextStyles.ELEMENT_HEADING2]: DesignTokenNames.HEADING2,\n [TextStyles.ELEMENT_HEADING3]: DesignTokenNames.HEADING3,\n [TextStyles.ELEMENT_HEADING4]: DesignTokenNames.HEADING3,\n [TextStyles.ELEMENT_CUSTOM1]: DesignTokenNames.CUSTOM1,\n [TextStyles.ELEMENT_CUSTOM2]: DesignTokenNames.CUSTOM2,\n [TextStyles.ELEMENT_CUSTOM3]: DesignTokenNames.CUSTOM3,\n [TextStyles.ELEMENT_QUOTE]: DesignTokenNames.QUOTE,\n [TextStyles.ELEMENT_LINK]: DesignTokenNames.LINK,\n [TextStyles.ELEMENT_PARAGRAPH]: DesignTokenNames.PARAGRAPH,\n};\n\nexport type DesignTokens = Partial<Record<DesignTokenNames, CSSProperties>> &\n Partial<Record<ButtonStyles, CSSProperties & { hover?: CSSProperties }>>;\n\nexport enum PaddingSizes {\n None = 'tw-p-0',\n Small = 'tw-p-2',\n Medium = 'tw-p-4',\n Large = 'tw-p-6',\n XLarge = 'tw-p-8',\n}\n\nexport type TreeOfNodes = TNode[];\n"],"names":["TextStylesToDesignTokenMap","TextStyles","PaddingSizes"],"mappings":";~~AAmBO~~,MAAMA,IAA6B;AAAA,EACtC,CAACC,EAAW,gBAAgB,GAAG;AAAA,EAC/B,CAACA,EAAW,gBAAgB,GAAG;AAAA,EAC/B,CAACA,EAAW,gBAAgB,GAAG;AAAA,EAC/B,CAACA,EAAW,gBAAgB,GAAG;AAAA,EAC/B,CAACA,EAAW,eAAe,GAAG;AAAA,EAC9B,CAACA,EAAW,eAAe,GAAG;AAAA,EAC9B,CAACA,EAAW,eAAe,GAAG;AAAA,EAC9B,CAACA,EAAW,aAAa,GAAG;AAAA,EAC5B,CAACA,EAAW,YAAY,GAAG;AAAA,EAC3B,CAACA,EAAW,iBAAiB,GAAG;AAAA;~~AACpC~~;AAKY,IAAAC,sBAAAA,OACRA,EAAA,OAAO,UACPA,EAAA,QAAQ,UACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,UACRA,EAAA,SAAS,UALDA,IAAAA,KAAA,CAAA,CAAA;"}
1	+ {"version":3,"file":"types.es.js","sources":["../../../src/components/RichTextEditor/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { CSSProperties } from 'react';\nimport { TNode } from '@udecode/plate';\nimport { ButtonStyles, TextStyles } from './Plugins/TextStylePlugin/TextStyles';\n\nexport const enum DesignTokenNames {\n HEADING1 = 'heading1',\n HEADING2 = 'heading2',\n HEADING3 = 'heading3',\n HEADING4 = 'heading4',\n CUSTOM1 = 'custom1',\n CUSTOM2 = 'custom2',\n CUSTOM3 = 'custom3',\n QUOTE = 'quote',\n LINK = 'link',\n PARAGRAPH = 'p',\n IMAGE_CAPTION = 'imageCaption',\n IMAGE_TITLE = 'imageTitle',\n}\n\nexport const TextStylesToDesignTokenMap = {\n [TextStyles.ELEMENT_HEADING1]: DesignTokenNames.HEADING1,\n [TextStyles.ELEMENT_HEADING2]: DesignTokenNames.HEADING2,\n [TextStyles.ELEMENT_HEADING3]: DesignTokenNames.HEADING3,\n [TextStyles.ELEMENT_HEADING4]: DesignTokenNames.HEADING3,\n [TextStyles.ELEMENT_CUSTOM1]: DesignTokenNames.CUSTOM1,\n [TextStyles.ELEMENT_CUSTOM2]: DesignTokenNames.CUSTOM2,\n [TextStyles.ELEMENT_CUSTOM3]: DesignTokenNames.CUSTOM3,\n [TextStyles.ELEMENT_QUOTE]: DesignTokenNames.QUOTE,\n [TextStyles.ELEMENT_LINK]: DesignTokenNames.LINK,\n [TextStyles.ELEMENT_PARAGRAPH]: DesignTokenNames.PARAGRAPH,\n [TextStyles.ELEMENT_IMAGE_CAPTION]: DesignTokenNames.IMAGE_CAPTION,\n [TextStyles.ELEMENT_IMAGE_TITLE]: DesignTokenNames.IMAGE_TITLE,\n};\n\nexport type DesignTokens = Partial<Record<DesignTokenNames, CSSProperties>> &\n Partial<Record<ButtonStyles, CSSProperties & { hover?: CSSProperties }>>;\n\nexport enum PaddingSizes {\n None = 'tw-p-0',\n Small = 'tw-p-2',\n Medium = 'tw-p-4',\n Large = 'tw-p-6',\n XLarge = 'tw-p-8',\n}\n\nexport type TreeOfNodes = TNode[];\n"],"names":["TextStylesToDesignTokenMap","TextStyles","PaddingSizes"],"mappings":";AAqBO,MAAMA,IAA6B;AAAA,EACtC,CAACC,EAAW,gBAAgB,GAAG;AAAA,EAC/B,CAACA,EAAW,gBAAgB,GAAG;AAAA,EAC/B,CAACA,EAAW,gBAAgB,GAAG;AAAA,EAC/B,CAACA,EAAW,gBAAgB,GAAG;AAAA,EAC/B,CAACA,EAAW,eAAe,GAAG;AAAA,EAC9B,CAACA,EAAW,eAAe,GAAG;AAAA,EAC9B,CAACA,EAAW,eAAe,GAAG;AAAA,EAC9B,CAACA,EAAW,aAAa,GAAG;AAAA,EAC5B,CAACA,EAAW,YAAY,GAAG;AAAA,EAC3B,CAACA,EAAW,iBAAiB,GAAG;AAAA,EAChC,CAACA,EAAW,qBAAqB,GAAG;AAAA,EACpC,CAACA,EAAW,mBAAmB,GAAG;AAAA;AACtC;AAKY,IAAAC,sBAAAA,OACRA,EAAA,OAAO,UACPA,EAAA,QAAQ,UACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,UACRA,EAAA,SAAS,UALDA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/RichTextEditor/utils/defaultDesignTokens.es.js CHANGED Viewed

@@ -52,6 +52,25 @@ const o = {
     fontStyle: "normal",
     fontWeight: "normal"
   },
+  imageTitle: {
+    color: "rgb(0, 0, 0)",
+    fontFamily: "Droid Sans",
+    fontSize: "15px",
+    fontStyle: "",
+    fontWeight: "400",
+    letterSpacing: "normal",
+    lineHeight: "1.4",
+    marginBottom: "3px",
+    marginTop: "0",
+    textDecoration: "",
+    textTransform: "none"
+  },
+  imageCaption: {
+    color: "rgb(153, 153, 153)",
+    fontFamily: "Droid Sans",
+    fontSize: "13.5px",
+    lineHeight: "1.5"
+  },
   buttonPrimary: {
     fontSize: "13px",
     color: "rgb(255, 255, 255)",

package/dist/components/RichTextEditor/utils/defaultDesignTokens.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defaultDesignTokens.es.js","sources":["../../../../src/components/RichTextEditor/utils/defaultDesignTokens.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { DesignTokens } from '../types';\n\nexport const defaultDesignTokens: DesignTokens = {\n heading1: {\n fontSize: '48px',\n fontWeight: 700,\n fontStyle: 'normal',\n },\n heading2: {\n fontSize: '32px',\n fontWeight: 700,\n fontStyle: 'normal',\n },\n heading3: {\n fontSize: '24px',\n fontWeight: 'normal',\n fontStyle: 'normal',\n },\n heading4: {\n fontSize: '18px',\n fontWeight: 'normal',\n fontStyle: 'normal',\n },\n custom1: {\n fontSize: '14px',\n fontWeight: 'normal',\n fontStyle: 'normal',\n },\n custom2: {\n fontSize: '14px',\n fontWeight: 600,\n fontStyle: 'normal',\n },\n custom3: {\n fontSize: '14px',\n fontWeight: 'normal',\n fontStyle: 'normal',\n textDecoration: 'underline',\n },\n quote: {\n fontSize: '16px',\n fontWeight: 'normal',\n fontStyle: 'italic',\n },\n link: {\n fontSize: '14px',\n fontStyle: 'normal',\n color: 'rgb(113, 89, 215)',\n textDecoration: 'underline',\n cursor: 'pointer',\n },\n p: {\n fontSize: '14px',\n fontStyle: 'normal',\n fontWeight: 'normal',\n },\n buttonPrimary: {\n fontSize: '13px',\n color: 'rgb(255, 255, 255)',\n paddingTop: '10px',\n paddingRight: '20px',\n paddingBottom: '10px',\n paddingLeft: '20px',\n fontFamily: 'inherit',\n fontStyle: '',\n fontWeight: 400,\n textTransform: 'none',\n hover: {\n color: 'rgb(255, 255, 255)',\n borderColor: 'rgb(50, 0, 236)',\n backgroundColor: 'rgb(61, 7, 255)',\n },\n lineHeight: '1.3',\n borderColor: 'rgb(102, 60, 255)',\n borderWidth: '2px',\n borderRadius: '5px',\n backgroundColor: 'rgb(130, 95, 255)',\n },\n buttonSecondary: {\n fontSize: '13px',\n color: 'rgb(102, 102, 102)',\n paddingTop: '10px',\n paddingRight: '20px',\n paddingBottom: '10px',\n paddingLeft: '20px',\n fontFamily: 'inherit',\n fontStyle: '',\n fontWeight: 400,\n textTransform: 'none',\n hover: {\n color: 'rgb(76, 76, 76)',\n borderColor: 'rgb(155, 155, 155)',\n backgroundColor: 'rgb(172, 172, 172)',\n },\n lineHeight: '1.3',\n borderColor: 'rgb(207, 207, 207)',\n borderWidth: '2px',\n borderRadius: '5px',\n backgroundColor: 'rgb(230, 230, 230)',\n },\n buttonTertiary: {\n fontSize: '13px',\n color: 'rgb(102, 60, 255)',\n paddingTop: '10px',\n paddingRight: '20px',\n paddingBottom: '10px',\n paddingLeft: '20px',\n fontFamily: 'inherit',\n fontStyle: '',\n fontWeight: 400,\n textTransform: 'none',\n hover: {\n color: 'rgb(53, 0, 244)',\n borderColor: 'rgb(61, 7, 255)',\n backgroundColor: 'rgb(255, 255, 255)',\n },\n lineHeight: '1.3',\n borderColor: 'rgb(130, 95, 255)',\n borderWidth: '2px',\n borderRadius: '5px',\n backgroundColor: 'rgb(255, 255, 255)',\n },\n};\n"],"names":["defaultDesignTokens"],"mappings":"AAIO,MAAMA,IAAoC;AAAA,EAC7C,UAAU;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACL,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACL,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,EACf;AAAA,EACA,SAAS;AAAA,IACL,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,gBAAgB;AAAA,EACpB;AAAA,EACA,OAAO;AAAA,IACH,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,EACf;AAAA,EACA,MAAM;AAAA,IACF,UAAU;AAAA,IACV,WAAW;AAAA,IACX,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,QAAQ;AAAA,EACZ;AAAA,EACA,GAAG;AAAA,IACC,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY;AAAA,EAChB;AAAA,EACA,eAAe;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,OAAO;AAAA,MACH,OAAO;AAAA,MACP,aAAa;AAAA,MACb,iBAAiB;AAAA,IACrB;AAAA,IACA,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,cAAc;AAAA,IACd,iBAAiB;AAAA,EACrB;AAAA,EACA,iBAAiB;AAAA,IACb,UAAU;AAAA,IACV,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,OAAO;AAAA,MACH,OAAO;AAAA,MACP,aAAa;AAAA,MACb,iBAAiB;AAAA,IACrB;AAAA,IACA,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,cAAc;AAAA,IACd,iBAAiB;AAAA,EACrB;AAAA,EACA,gBAAgB;AAAA,IACZ,UAAU;AAAA,IACV,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,OAAO;AAAA,MACH,OAAO;AAAA,MACP,aAAa;AAAA,MACb,iBAAiB;AAAA,IACrB;AAAA,IACA,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,cAAc;AAAA,IACd,iBAAiB;AAAA,EACrB;AACJ;"}
1	+ {"version":3,"file":"defaultDesignTokens.es.js","sources":["../../../../src/components/RichTextEditor/utils/defaultDesignTokens.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { DesignTokens } from '../types';\n\nexport const defaultDesignTokens: DesignTokens = {\n heading1: {\n fontSize: '48px',\n fontWeight: 700,\n fontStyle: 'normal',\n },\n heading2: {\n fontSize: '32px',\n fontWeight: 700,\n fontStyle: 'normal',\n },\n heading3: {\n fontSize: '24px',\n fontWeight: 'normal',\n fontStyle: 'normal',\n },\n heading4: {\n fontSize: '18px',\n fontWeight: 'normal',\n fontStyle: 'normal',\n },\n custom1: {\n fontSize: '14px',\n fontWeight: 'normal',\n fontStyle: 'normal',\n },\n custom2: {\n fontSize: '14px',\n fontWeight: 600,\n fontStyle: 'normal',\n },\n custom3: {\n fontSize: '14px',\n fontWeight: 'normal',\n fontStyle: 'normal',\n textDecoration: 'underline',\n },\n quote: {\n fontSize: '16px',\n fontWeight: 'normal',\n fontStyle: 'italic',\n },\n link: {\n fontSize: '14px',\n fontStyle: 'normal',\n color: 'rgb(113, 89, 215)',\n textDecoration: 'underline',\n cursor: 'pointer',\n },\n p: {\n fontSize: '14px',\n fontStyle: 'normal',\n fontWeight: 'normal',\n },\n imageTitle: {\n color: 'rgb(0, 0, 0)',\n fontFamily: 'Droid Sans',\n fontSize: '15px',\n fontStyle: '',\n fontWeight: '400',\n letterSpacing: 'normal',\n lineHeight: '1.4',\n marginBottom: '3px',\n marginTop: '0',\n textDecoration: '',\n textTransform: 'none',\n },\n imageCaption: {\n color: 'rgb(153, 153, 153)',\n fontFamily: 'Droid Sans',\n fontSize: '13.5px',\n lineHeight: '1.5',\n },\n buttonPrimary: {\n fontSize: '13px',\n color: 'rgb(255, 255, 255)',\n paddingTop: '10px',\n paddingRight: '20px',\n paddingBottom: '10px',\n paddingLeft: '20px',\n fontFamily: 'inherit',\n fontStyle: '',\n fontWeight: 400,\n textTransform: 'none',\n hover: {\n color: 'rgb(255, 255, 255)',\n borderColor: 'rgb(50, 0, 236)',\n backgroundColor: 'rgb(61, 7, 255)',\n },\n lineHeight: '1.3',\n borderColor: 'rgb(102, 60, 255)',\n borderWidth: '2px',\n borderRadius: '5px',\n backgroundColor: 'rgb(130, 95, 255)',\n },\n buttonSecondary: {\n fontSize: '13px',\n color: 'rgb(102, 102, 102)',\n paddingTop: '10px',\n paddingRight: '20px',\n paddingBottom: '10px',\n paddingLeft: '20px',\n fontFamily: 'inherit',\n fontStyle: '',\n fontWeight: 400,\n textTransform: 'none',\n hover: {\n color: 'rgb(76, 76, 76)',\n borderColor: 'rgb(155, 155, 155)',\n backgroundColor: 'rgb(172, 172, 172)',\n },\n lineHeight: '1.3',\n borderColor: 'rgb(207, 207, 207)',\n borderWidth: '2px',\n borderRadius: '5px',\n backgroundColor: 'rgb(230, 230, 230)',\n },\n buttonTertiary: {\n fontSize: '13px',\n color: 'rgb(102, 60, 255)',\n paddingTop: '10px',\n paddingRight: '20px',\n paddingBottom: '10px',\n paddingLeft: '20px',\n fontFamily: 'inherit',\n fontStyle: '',\n fontWeight: 400,\n textTransform: 'none',\n hover: {\n color: 'rgb(53, 0, 244)',\n borderColor: 'rgb(61, 7, 255)',\n backgroundColor: 'rgb(255, 255, 255)',\n },\n lineHeight: '1.3',\n borderColor: 'rgb(130, 95, 255)',\n borderWidth: '2px',\n borderRadius: '5px',\n backgroundColor: 'rgb(255, 255, 255)',\n },\n};\n"],"names":["defaultDesignTokens"],"mappings":"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"}