npm - @frontify/fondue - Versions diffs - 12.0.0-beta.133 → 12.0.0-beta.135 - Mend

@frontify/fondue 12.0.0-beta.133 → 12.0.0-beta.135

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 (42) hide show

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

@@ -1,7 +1,7 @@
 import { createAlignPlugin as T, ELEMENT_PARAGRAPH as M, ELEMENT_LIC as N } from "@udecode/plate";
 import { Plugin as _ } from "../Plugin.es.js";
-import { ELEMENT_CHECK_ITEM as L } from "../CheckboxListPlugin/id.es.js";
 import { TextStyles as E } from "../TextStylePlugin/TextStyles/textStyles.es.js";
+import { ELEMENT_CHECK_ITEM as L } from "../CheckboxListPlugin/id.es.js";
 class o extends _ {
   plugins() {
     return [

package/dist/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton.es.js CHANGED Viewed

@@ -1,19 +1,21 @@
-import { getTooltip as c } from "../../../helpers/getTooltip.es.js";
-import { withPlateProvider as s, usePlateEditorState as m, useEventPlateId as u, someNode as p, ToolbarButton as f, unwrapList as v, getPreventDefaultHandler as d, toggleNodeType as P } from "@udecode/plate";
-import T from "react";
-const w = s(
-  ({ id: r, type: e, inactiveType: i, active: n, ...a }) => {
-    const t = m(u(r)), o = n ?? (!!(t != null && t.selection) && p(t, { match: { type: e } }));
-    return /* @__PURE__ */ T.createElement(
-      f,
+import { getTooltip as u } from "../../../helpers/getTooltip.es.js";
+import { withPlateProvider as m, usePlateEditorState as f, useEventPlateId as E, getNode as P, someNode as h, ToolbarButton as v, unwrapList as T, getPreventDefaultHandler as g, toggleNodeType as A, setElements as N, ELEMENT_PARAGRAPH as b } from "@udecode/plate";
+import d from "react";
+const L = m(
+  ({ id: l, type: s, active: r, ...a }) => {
+    var i, n, c;
+    const t = f(E(l)), e = ((i = t.selection) == null ? void 0 : i.focus.path) && P(t, (c = (n = t == null ? void 0 : t.selection) == null ? void 0 : n.focus) == null ? void 0 : c.path), o = r ?? (!!(t != null && t.selection) && h(t, { match: { type: s } }));
+    return /* @__PURE__ */ d.createElement(
+      v,
       {
-        tooltip: c("Checklist"),
+        tooltip: u("Checklist"),
         active: o,
-        onMouseDown: (l) => {
-          !t || !t.selection || (o || v(t, {}), d(P, t, {
-            activeType: e,
-            inactiveType: i
-          })(l));
+        onMouseDown: (p) => {
+          !t || !t.selection || (o || T(t, {}), g(A, t, {
+            activeType: s
+          })(p), o && N(t, {
+            type: (e == null ? void 0 : e.textStyle) ?? b
+          }));
         },
         ...a
       }
@@ -21,6 +23,6 @@ const w = s(
   }
 );
 export {
-  w as CheckboxListToolbarButton
+  L as CheckboxListToolbarButton
 };
 //# sourceMappingURL=CheckboxListToolbarButton.es.js.map

package/dist/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxListToolbarButton.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { getTooltip } from '@components/RichTextEditor/helpers/getTooltip';\nimport {\n BlockToolbarButtonProps,\n ToolbarButton,\n getPreventDefaultHandler,\n someNode,\n toggleNodeType,\n unwrapList,\n useEventPlateId,\n usePlateEditorState,\n withPlateProvider,\n} from '@udecode/plate';\nimport React from 'react';\n\nexport const CheckboxListToolbarButton = withPlateProvider(\n ({ id, type, ~~inactiveType,~~ active, ...props }: BlockToolbarButtonProps) => {\n const editor = usePlateEditorState(useEventPlateId(id));\n\n const isActive = active ?? (!!editor?.selection && someNode(editor, { match: { type } }));\n\n return (\n <ToolbarButton\n tooltip={getTooltip('Checklist')}\n active={isActive}\n onMouseDown={(event) => {\n if (!editor \|\| !editor.selection) {\n return;\n }\n\n if (!isActive) {\n unwrapList(editor, {});\n }\n\n getPreventDefaultHandler(toggleNodeType, editor, {\n activeType: type,\n ~~inactiveType,\n~~ })(event);\n }}\n {...props}\n />\n );\n },\n);\n"],"names":["CheckboxListToolbarButton","withPlateProvider","id","type","~~inactiveType","~~active","props","editor","usePlateEditorState","useEventPlateId","isActive","someNode","React","ToolbarButton","getTooltip","event","unwrapList","getPreventDefaultHandler","toggleNodeType"],"mappings":";;;~~AAgBO~~,MAAMA,IAA4BC;AAAA,EACrC,CAAC,EAAE,IAAAC,GAAI,MAAAC,GAAM,~~cAAAC,GAAc,~~QAAAC,GAAQ,GAAGC,QAAqC~~;AACvE~~,UAAMC,IAASC,EAAoBC,~~EAAgBP~~,CAAE,CAAC,~~GAEhDQ~~,~~IAAWL~~,MAAW,CAAC,EAACE,KAAA,QAAAA,EAAQ,~~cAAaI~~,~~EAASJ~~,GAAQ,EAAE,OAAO,EAAE,~~MAAAJ~~,KAAQ;AAGnF,WAAA,~~gBAAAS~~,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,SAASC,EAAW,WAAW;AAAA,QAC/B,QAAQJ;AAAA,QACR,aAAa,CAACK,MAAU;AACpB,UAAI,~~CAACR~~,KAAU,CAACA,EAAO,~~cAIlBG~~,KACUM,~~EAAAT~~,GAAQ,CAAA,CAAE,~~GAGzBU~~,EAAyBC,~~GAAgBX~~,GAAQ;AAAA,YAC7C,~~YAAYJ~~;AAAA,~~YACZ~~,~~cAAAC~~;AAAA,~~UAAA~~,~~CACH~~,~~EAAEW~~,~~CAAK~~;AAAA,~~QACZ~~;AAAA,QACC,~~GAAGT~~;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACJ;"}
1	+ {"version":3,"file":"CheckboxListToolbarButton.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { getTooltip } from '@components/RichTextEditor/helpers/getTooltip';\nimport {\n BlockToolbarButtonProps,\n ELEMENT_PARAGRAPH,\n ToolbarButton,\n getNode,\n getPreventDefaultHandler,\n setElements,\n someNode,\n toggleNodeType,\n unwrapList,\n useEventPlateId,\n usePlateEditorState,\n withPlateProvider,\n} from '@udecode/plate';\nimport React from 'react';\n\nexport const CheckboxListToolbarButton = withPlateProvider(\n ({ id, type, active, ...props }: BlockToolbarButtonProps) => {\n const editor = usePlateEditorState(useEventPlateId(id));\n const node = editor.selection?.focus.path && getNode(editor, editor?.selection?.focus?.path);\n\n const isActive = active ?? (!!editor?.selection && someNode(editor, { match: { type } }));\n\n return (\n <ToolbarButton\n tooltip={getTooltip('Checklist')}\n active={isActive}\n onMouseDown={(event) => {\n if (!editor \|\| !editor.selection) {\n return;\n }\n\n if (!isActive) {\n unwrapList(editor, {});\n }\n\n getPreventDefaultHandler(toggleNodeType, editor, {\n activeType: type,\n })(event);\n\n if (isActive) {\n setElements(editor, {\n type: (node?.textStyle as string) ?? ELEMENT_PARAGRAPH,\n });\n }\n }}\n {...props}\n />\n );\n },\n);\n"],"names":["CheckboxListToolbarButton","withPlateProvider","id","type","active","props","editor","usePlateEditorState","useEventPlateId","node","_a","getNode","_c","_b","isActive","someNode","React","ToolbarButton","getTooltip","event","unwrapList","getPreventDefaultHandler","toggleNodeType","setElements","ELEMENT_PARAGRAPH"],"mappings":";;;AAmBO,MAAMA,IAA4BC;AAAA,EACrC,CAAC,EAAE,IAAAC,GAAI,MAAAC,GAAM,QAAAC,GAAQ,GAAGC,QAAqC;;AACzD,UAAMC,IAASC,EAAoBC,EAAgBN,CAAE,CAAC,GAChDO,MAAOC,IAAAJ,EAAO,cAAP,gBAAAI,EAAkB,MAAM,SAAQC,EAAQL,IAAQM,KAAAC,IAAAP,KAAA,gBAAAA,EAAQ,cAAR,gBAAAO,EAAmB,UAAnB,gBAAAD,EAA0B,IAAI,GAErFE,IAAWV,MAAW,CAAC,EAACE,KAAA,QAAAA,EAAQ,cAAaS,EAAST,GAAQ,EAAE,OAAO,EAAE,MAAAH,KAAQ;AAGnF,WAAA,gBAAAa,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,SAASC,EAAW,WAAW;AAAA,QAC/B,QAAQJ;AAAA,QACR,aAAa,CAACK,MAAU;AACpB,UAAI,CAACb,KAAU,CAACA,EAAO,cAIlBQ,KACUM,EAAAd,GAAQ,CAAA,CAAE,GAGzBe,EAAyBC,GAAgBhB,GAAQ;AAAA,YAC7C,YAAYH;AAAA,UAAA,CACf,EAAEgB,CAAK,GAEJL,KACAS,EAAYjB,GAAQ;AAAA,YAChB,OAAOG,KAAA,gBAAAA,EAAM,cAAwBe;AAAA,UAAA,CACxC;AAAA,QAET;AAAA,QACC,GAAGnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGhB;AACJ;"}

package/dist/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListElement.es.js CHANGED Viewed

@@ -1,18 +1,20 @@
 import t from "react";
 import { ReactEditor as w } from "slate-react";
-import { getRootProps as E, setNodes as f } from "@udecode/plate";
-import { merge as m } from "../../../../utilities/merge.es.js";
-import { MarkupElement as u } from "../MarkupElement.es.js";
-import { ELEMENT_CHECK_ITEM as k } from "./id.es.js";
-import { justifyClassNames as x } from "../TextStylePlugin/TextStyles/alignment.es.js";
-const g = (o) => {
-  const { attributes: c, children: r, nodeProps: i, element: e, editor: s } = o, l = E(o), a = e.checked, d = e.align ?? "left", p = e.children.every((n) => n.text === "");
+import { getRootProps as k, setNodes as u } from "@udecode/plate";
+import { merge as i } from "../../../../utilities/merge.es.js";
+import { MarkupElement as x } from "../MarkupElement.es.js";
+import { ELEMENT_CHECK_ITEM as g } from "./id.es.js";
+import { useRichTextEditorContext as N } from "../../context/RichTextEditorContext.es.js";
+import { getTextStyle as b } from "../ListPlugin/ListItemContentMarkupElement.es.js";
+import { justifyClassNames as y } from "../TextStylePlugin/TextStyles/alignment.es.js";
+const C = (o) => {
+  const { attributes: c, children: n, nodeProps: a, element: e, editor: s } = o, l = k(o), m = e.checked, { designTokens: d } = N(), p = d[b(e.children[0])], h = e.align ?? "left", f = e.children.every((r) => r.text === "");
   return /* @__PURE__ */ t.createElement(
     "div",
     {
       ...c,
       ...l,
-      className: m(["tw-flex tw-flex-row tw-pb-2 tw-gap-1.5 tw-items-center", x[d]])
+      className: i(["tw-flex tw-flex-row tw-pb-2 tw-gap-1.5 tw-items-center", y[h]])
     },
     /* @__PURE__ */ t.createElement("div", { contentEditable: !1, className: "tw-select-none" }, /* @__PURE__ */ t.createElement(
       "input",
@@ -20,24 +22,31 @@ const g = (o) => {
         "data-test-id": "checkbox-input",
         className: "tw-w-4 tw-h-4 tw-m-0",
         type: "checkbox",
-        checked: !!a,
-        onChange: (n) => {
-          const h = w.findPath(s, e);
-          f(s, { checked: n.target.checked }, { at: h });
+        checked: !!m,
+        onChange: (r) => {
+          const E = w.findPath(s, e);
+          u(s, { checked: r.target.checked }, { at: E });
         },
-        ...i
+        ...a
       }
     )),
-    /* @__PURE__ */ t.createElement("span", { className: m(["focus:tw-outline-none", a && "tw-line-through", p && "tw-w-10"]) }, r)
+    /* @__PURE__ */ t.createElement(
+      "span",
+      {
+        style: p,
+        className: i(["focus:tw-outline-none", m && "tw-line-through", f && "tw-w-10"])
+      },
+      n
+    )
   );
 };
-class M extends u {
-  constructor(c = k, r = g) {
-    super(c, r);
+class H extends x {
+  constructor(c = g, n = C) {
+    super(c, n);
   }
 }
 export {
-  M as CheckboxListElement,
-  g as CheckboxListElementNode
+  H as CheckboxListElement,
+  C as CheckboxListElementNode
 };
 //# sourceMappingURL=CheckboxListElement.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxListElement.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { ReactEditor } from 'slate-react';\nimport { PlateRenderElementProps, TTodoListItemElement, getRootProps, setNodes } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport { MarkupElement } from '../MarkupElement';\nimport { ELEMENT_CHECK_ITEM } from './id';\nimport { justifyClassNames } from '../TextStylePlugin/TextStyles/alignment';\n\nexport const CheckboxListElementNode = (props: PlateRenderElementProps) => {\n const { attributes, children, nodeProps, element, editor } = props;\n const rootProps = getRootProps(props);\n const checked = element.checked as boolean;\n const align = (element.align as string) ?? 'left';\n const isEmpty = element.children.every((child) => child.text === '');\n\n return (\n <div\n {...attributes}\n {...rootProps}\n className={merge(['tw-flex tw-flex-row tw-pb-2 tw-gap-1.5 tw-items-center', justifyClassNames[align]])}\n >\n <div contentEditable={false} className=\"tw-select-none\">\n <input\n data-test-id=\"checkbox-input\"\n className=\"tw-w-4 tw-h-4 tw-m-0\"\n type=\"checkbox\"\n checked={!!checked}\n onChange={(e) => {\n const path = ReactEditor.findPath(editor as ReactEditor, element);\n setNodes<TTodoListItemElement>(editor, { checked: e.target.checked }, { at: path });\n }}\n {...nodeProps}\n />\n </div>\n <span className={merge(['focus:tw-outline-none', checked && 'tw-line-through', isEmpty && 'tw-w-10'])}>\n {children}\n </span>\n </div>\n );\n};\n\nexport class CheckboxListElement extends MarkupElement {\n constructor(id = ELEMENT_CHECK_ITEM, node = CheckboxListElementNode) {\n super(id, node);\n }\n}\n"],"names":["CheckboxListElementNode","props","attributes","children","nodeProps","element","editor","rootProps","getRootProps","checked","align","isEmpty","child","React","merge","justifyClassNames","e","path","ReactEditor","setNodes","CheckboxListElement","MarkupElement","id","ELEMENT_CHECK_ITEM","node"],"mappings":"~~;;;;;;;AAUa~~,MAAAA,IAA0B,CAACC,MAAmC;AACvE,QAAM,EAAE,YAAAC,GAAY,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,QAAAC,EAAW,IAAAL,GACvDM,IAAYC,EAAaP,CAAK,GAC9BQ,IAAUJ,EAAQ,~~SAClBK~~,~~IAASL~~,EAAQ,SAAoB,~~QACrCM~~,~~IAAUN~~,EAAQ,SAAS,MAAM,~~CAACO~~,MAAUA,EAAM,SAAS,EAAE;AAG/D,SAAA,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,~~GAAGX~~;AAAA,MACH,GAAGK;AAAA,MACJ,~~WAAWO~~,EAAM,CAAC,0DAA0DC,EAAkBL,CAAK,CAAC,CAAC;AAAA,IAAA;AAAA,IAEpG,gBAAAG,EAAA,cAAA,OAAA,EAAI,iBAAiB,IAAO,WAAU,oBACnC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,CAAC,~~CAACJ~~;AAAA,QACX,UAAU,~~CAACO~~,MAAM;AACb,gBAAMC,IAAOC,EAAY,~~SAASZ~~,GAAuBD,CAAO;AACjC,~~UAAAc~~,~~EAAAb~~,GAAQ,EAAE,~~SAASU~~,EAAE,OAAO,WAAW,EAAE,IAAIC,EAAA,CAAM;AAAA,QACtF;AAAA,QACC,~~GAAGb~~;AAAA,MAAA;AAAA,IAAA,CAEZ;AAAA,~~IACC~~,~~gBAAAS~~,EAAA,~~cAAA~~,~~QAAA~~,~~EAAK~~,~~WAAWC~~,EAAM,CAAC,~~yBAAyBL~~,KAAW,~~mBAAmBE~~,KAAW,SAAS,CAAC,~~EAAA~~,~~GAC/FR~~,~~CACL~~;AAAA,EAAA;AAGZ;AAEO,~~MAAMiB~~,UAA4BC,EAAc;AAAA,EACnD,YAAYC,IAAKC,GAAoBC,~~IAAOxB~~,GAAyB;AACjE,~~UAAMsB~~,GAAIE,CAAI;AAAA,EAClB;AACJ;"}
1	+ {"version":3,"file":"CheckboxListElement.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { ReactEditor } from 'slate-react';\nimport { PlateRenderElementProps, TTodoListItemElement, getRootProps, setNodes } from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport { MarkupElement } from '../MarkupElement';\nimport { ELEMENT_CHECK_ITEM } from './id';\nimport { useRichTextEditorContext } from '@components/RichTextEditor/context/RichTextEditorContext';\nimport { getTextStyle } from '../ListPlugin/ListItemContentMarkupElement';\nimport { justifyClassNames } from '../TextStylePlugin/TextStyles/alignment';\n\nexport const CheckboxListElementNode = (props: PlateRenderElementProps) => {\n const { attributes, children, nodeProps, element, editor } = props;\n const rootProps = getRootProps(props);\n const checked = element.checked as boolean;\n const { designTokens } = useRichTextEditorContext();\n const tokenStyles = designTokens[getTextStyle(element.children[0])];\n\n const align = (element.align as string) ?? 'left';\n const isEmpty = element.children.every((child) => child.text === '');\n\n return (\n <div\n {...attributes}\n {...rootProps}\n className={merge(['tw-flex tw-flex-row tw-pb-2 tw-gap-1.5 tw-items-center', justifyClassNames[align]])}\n >\n <div contentEditable={false} className=\"tw-select-none\">\n <input\n data-test-id=\"checkbox-input\"\n className=\"tw-w-4 tw-h-4 tw-m-0\"\n type=\"checkbox\"\n checked={!!checked}\n onChange={(e) => {\n const path = ReactEditor.findPath(editor as ReactEditor, element);\n setNodes<TTodoListItemElement>(editor, { checked: e.target.checked }, { at: path });\n }}\n {...nodeProps}\n />\n </div>\n <span\n style={tokenStyles}\n className={merge(['focus:tw-outline-none', checked && 'tw-line-through', isEmpty && 'tw-w-10'])}\n >\n {children}\n </span>\n </div>\n );\n};\n\nexport class CheckboxListElement extends MarkupElement {\n constructor(id = ELEMENT_CHECK_ITEM, node = CheckboxListElementNode) {\n super(id, node);\n }\n}\n"],"names":["CheckboxListElementNode","props","attributes","children","nodeProps","element","editor","rootProps","getRootProps","checked","designTokens","useRichTextEditorContext","tokenStyles","getTextStyle","align","isEmpty","child","React","merge","justifyClassNames","e","path","ReactEditor","setNodes","CheckboxListElement","MarkupElement","id","ELEMENT_CHECK_ITEM","node"],"mappings":";;;;;;;;;AAYa,MAAAA,IAA0B,CAACC,MAAmC;AACvE,QAAM,EAAE,YAAAC,GAAY,UAAAC,GAAU,WAAAC,GAAW,SAAAC,GAAS,QAAAC,EAAW,IAAAL,GACvDM,IAAYC,EAAaP,CAAK,GAC9BQ,IAAUJ,EAAQ,SAClB,EAAE,cAAAK,MAAiBC,KACnBC,IAAcF,EAAaG,EAAaR,EAAQ,SAAS,CAAC,CAAC,CAAC,GAE5DS,IAAST,EAAQ,SAAoB,QACrCU,IAAUV,EAAQ,SAAS,MAAM,CAACW,MAAUA,EAAM,SAAS,EAAE;AAG/D,SAAA,gBAAAC,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGf;AAAA,MACH,GAAGK;AAAA,MACJ,WAAWW,EAAM,CAAC,0DAA0DC,EAAkBL,CAAK,CAAC,CAAC;AAAA,IAAA;AAAA,IAEpG,gBAAAG,EAAA,cAAA,OAAA,EAAI,iBAAiB,IAAO,WAAU,oBACnC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,CAAC,CAACR;AAAA,QACX,UAAU,CAACW,MAAM;AACb,gBAAMC,IAAOC,EAAY,SAAShB,GAAuBD,CAAO;AACjC,UAAAkB,EAAAjB,GAAQ,EAAE,SAASc,EAAE,OAAO,WAAW,EAAE,IAAIC,EAAA,CAAM;AAAA,QACtF;AAAA,QACC,GAAGjB;AAAA,MAAA;AAAA,IAAA,CAEZ;AAAA,IACA,gBAAAa,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAOL;AAAA,QACP,WAAWM,EAAM,CAAC,yBAAyBT,KAAW,mBAAmBM,KAAW,SAAS,CAAC;AAAA,MAAA;AAAA,MAE7FZ;AAAA,IACL;AAAA,EAAA;AAGZ;AAEO,MAAMqB,UAA4BC,EAAc;AAAA,EACnD,YAAYC,IAAKC,GAAoBC,IAAO5B,GAAyB;AACjE,UAAM0B,GAAIE,CAAI;AAAA,EAClB;AACJ;"}

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

@@ -1,13 +1,17 @@
-import { getMark as w, someNode as l, getAboveNode as n, ELEMENT_LI as m, setMarks as c, getPreventDefaultHandler as u, toggleNodeType as x } from "@udecode/plate";
+import { getMark as w, someNode as m, setMarks as l, getPreventDefaultHandler as c, toggleNodeType as u, getAboveNode as x, ELEMENT_LI as p } from "@udecode/plate";
 import { merge as v } from "../../../../../utilities/merge.es.js";
-import b from "react";
+import E from "react";
 import { MARK_TEXT_STYLE as o } from "../../ListPlugin/ListPlugin.es.js";
-const i = (t) => n(t, {
-  match: { type: m },
+import { ELEMENT_CHECK_ITEM as b } from "../../CheckboxListPlugin/id.es.js";
+const n = (t) => x(t, {
+  match: { type: p },
   mode: "lowest"
-}), E = ({ editor: t, type: e, children: s }) => {
-  const a = t != null && t.selection && i(t) ? w(t, o) === e : l(t, { match: { type: e } });
-  return /* @__PURE__ */ b.createElement(
+}) || m(t, {
+  match: { type: b },
+  mode: "lowest"
+}), M = ({ editor: t, type: e, children: r }) => {
+  const a = t != null && t.selection && n(t) ? w(t, o) === e : m(t, { match: { type: e } });
+  return /* @__PURE__ */ E.createElement(
     "button",
     {
       "data-test-id": "textstyle-option",
@@ -16,22 +20,17 @@ const i = (t) => n(t, {
         "tw-block tw-w-full tw-text-left tw-px-3 tw-py-2 tw-outline-none tw-cursor-pointer tw-truncate hover:tw-bg-box-neutral-hover hover:w-text-box-neutral-inverse-hover tw-max-h-20 tw-max-w-[15rem] tw-min-h-[2.25rem]",
         a ? "tw-text-box-neutral-inverse tw-bg-box-neutral" : "tw-text-text"
       ]),
-      onMouseDown: (r) => {
-        if (!t || !t.selection)
-          return;
-        n(t, {
-          match: { type: m },
-          mode: "lowest"
-        }) ? c(t, { [o]: e }) : u(x, t, {
+      onMouseDown: (s) => {
+        !t || !t.selection || (n(t) ? l(t, { [o]: e }) : c(u, t, {
           activeType: e,
           inactiveType: e
-        })(r);
+        })(s));
       }
     },
-    s
+    r
   );
 };
 export {
-  E as DropdownItem
+  M as DropdownItem
 };
 //# sourceMappingURL=DropdownItem.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownItem.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/TextStylePlugin/TextStyleDropdown/DropdownItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n ELEMENT_LI,\n PlateEditor,\n getAboveNode,\n getMark,\n getPreventDefaultHandler,\n setMarks,\n someNode,\n toggleNodeType,\n} from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport React from 'react';\nimport { MARK_TEXT_STYLE } from '../../ListPlugin/ListPlugin';\nimport { DropdownItemProps } from './types';\n\nconst isInList = (editor: PlateEditor) =>\n getAboveNode(editor, {\n match: { type: ELEMENT_LI },\n mode: 'lowest',\n });\n\nexport const DropdownItem = ({ editor, type, children }: DropdownItemProps) => {\n const isActive =\n !!editor?.selection && isInList(editor)\n ? (getMark(editor, MARK_TEXT_STYLE) ~~as string)~~ === type\n : someNode(editor, { match: { type } });\n\n return (\n <button\n data-test-id=\"textstyle-option\"\n type=\"button\"\n className={merge([\n 'tw-block tw-w-full tw-text-left tw-px-3 tw-py-2 tw-outline-none tw-cursor-pointer tw-truncate hover:tw-bg-box-neutral-hover hover:w-text-box-neutral-inverse-hover tw-max-h-20 tw-max-w-[15rem] tw-min-h-[2.25rem]',\n isActive ? 'tw-text-box-neutral-inverse tw-bg-box-neutral' : 'tw-text-text',\n ])}\n onMouseDown={(event) => {\n if (!editor \|\| !editor.selection) {\n return;\n }\n\n ~~const~~ ~~aboveListItem = getAboveNode~~(editor~~, {\n match: { type: ELEMENT_LI },\n mode: 'lowest',\n }~~)~~;\n\n if (aboveListItem~~) {\n setMarks(editor, { [MARK_TEXT_STYLE]: type });\n } else {\n getPreventDefaultHandler(toggleNodeType, editor, {\n activeType: type,\n inactiveType: type,\n })(event);\n }\n }}\n >\n {children}\n </button>\n );\n};\n"],"names":["isInList","editor","getAboveNode","ELEMENT_LI","DropdownItem","type","children","isActive","getMark","MARK_TEXT_STYLE","~~someNode","~~React","merge","event","setMarks","getPreventDefaultHandler","toggleNodeType"],"mappings":"~~;;;;AAiBA~~,MAAMA,IAAW,CAACC,MACdC,EAAaD,GAAQ;AAAA,EACjB,OAAO,EAAE,MAAME,EAAW;AAAA,EAC1B,MAAM;AACV,CAAC,GAEQC,IAAe,CAAC,EAAE,~~QAAAH~~,GAAQ,~~MAAAI~~,GAAM,UAAAC,QAAkC;AACrE,QAAAC,~~IACAN~~,KAAA,QAAAA,EAAQ,aAAaD,EAASC,CAAM,~~IAC/BO~~,~~EAAQP~~,~~GAAQQ~~,CAAe,~~MAAiBJ~~,~~IACjDK~~,~~EAAST~~,GAAQ,EAAE,OAAO,EAAE,~~MAAAI~~,KAAQ;AAG1C,SAAA,~~gBAAAM~~,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAa;AAAA,MACb,MAAK;AAAA,MACL,WAAWC,EAAM;AAAA,QACb;AAAA,~~QACAL~~,IAAW,kDAAkD;AAAA,MAAA,CAChE;AAAA,MACD,aAAa,~~CAACM~~,MAAU;AACpB,~~YAAI~~,~~CAACZ~~,KAAU,CAACA,EAAO~~;AACnB;AAQJ~~,~~QALsBC~~,~~EAAaD~~,~~GAAQ;AAAA~~,~~UACvC~~,~~OAAO~~,~~EAAE,MAAME,EAAW;AAAA,UAC1B,MAAM;AAAA,QAAA,CACT,IAGGW,EAASb,~~GAAQ,EAAE,~~CAACQ~~,CAAe,GAAGJ,EAAM,CAAA,~~IAE5CU~~,EAAyBC,~~GAAgBf~~,GAAQ;AAAA,UAC7C,~~YAAYI~~;AAAA,UACZ,cAAcA;AAAA,QAAA,CACjB,~~EAAEQ~~,CAAK;AAAA,MAEhB;AAAA,IAAA;AAAA,~~IAECP~~;AAAA,EAAA;AAGb;"}
1	+ {"version":3,"file":"DropdownItem.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/TextStylePlugin/TextStyleDropdown/DropdownItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n ELEMENT_LI,\n PlateEditor,\n getAboveNode,\n getMark,\n getPreventDefaultHandler,\n setMarks,\n someNode,\n toggleNodeType,\n} from '@udecode/plate';\nimport { merge } from '@utilities/merge';\nimport React from 'react';\nimport { ELEMENT_CHECK_ITEM } from '../../CheckboxListPlugin';\nimport { MARK_TEXT_STYLE } from '../../ListPlugin/ListPlugin';\nimport { DropdownItemProps } from './types';\n\nconst isInList = (editor: PlateEditor) =>\n getAboveNode(editor, {\n match: { type: ELEMENT_LI },\n mode: 'lowest',\n }) \|\|\n someNode(editor, {\n match: { type: ELEMENT_CHECK_ITEM },\n mode: 'lowest',\n });\n\nexport const DropdownItem = ({ editor, type, children }: DropdownItemProps) => {\n const isActive =\n !!editor?.selection && isInList(editor)\n ? getMark(editor, MARK_TEXT_STYLE) === type\n : someNode(editor, { match: { type } });\n\n return (\n <button\n data-test-id=\"textstyle-option\"\n type=\"button\"\n className={merge([\n 'tw-block tw-w-full tw-text-left tw-px-3 tw-py-2 tw-outline-none tw-cursor-pointer tw-truncate hover:tw-bg-box-neutral-hover hover:w-text-box-neutral-inverse-hover tw-max-h-20 tw-max-w-[15rem] tw-min-h-[2.25rem]',\n isActive ? 'tw-text-box-neutral-inverse tw-bg-box-neutral' : 'tw-text-text',\n ])}\n onMouseDown={(event) => {\n if (!editor \|\| !editor.selection) {\n return;\n }\n\n if (isInList(editor)) {\n setMarks(editor, { [MARK_TEXT_STYLE]: type });\n } else {\n getPreventDefaultHandler(toggleNodeType, editor, {\n activeType: type,\n inactiveType: type,\n })(event);\n }\n }}\n >\n {children}\n </button>\n );\n};\n"],"names":["isInList","editor","getAboveNode","ELEMENT_LI","someNode","ELEMENT_CHECK_ITEM","DropdownItem","type","children","isActive","getMark","MARK_TEXT_STYLE","React","merge","event","setMarks","getPreventDefaultHandler","toggleNodeType"],"mappings":";;;;;AAkBA,MAAMA,IAAW,CAACC,MACdC,EAAaD,GAAQ;AAAA,EACjB,OAAO,EAAE,MAAME,EAAW;AAAA,EAC1B,MAAM;AACV,CAAC,KACDC,EAASH,GAAQ;AAAA,EACb,OAAO,EAAE,MAAMI,EAAmB;AAAA,EAClC,MAAM;AACV,CAAC,GAEQC,IAAe,CAAC,EAAE,QAAAL,GAAQ,MAAAM,GAAM,UAAAC,QAAkC;AACrE,QAAAC,IACAR,KAAA,QAAAA,EAAQ,aAAaD,EAASC,CAAM,IAChCS,EAAQT,GAAQU,CAAe,MAAMJ,IACrCH,EAASH,GAAQ,EAAE,OAAO,EAAE,MAAAM,KAAQ;AAG1C,SAAA,gBAAAK,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAa;AAAA,MACb,MAAK;AAAA,MACL,WAAWC,EAAM;AAAA,QACb;AAAA,QACAJ,IAAW,kDAAkD;AAAA,MAAA,CAChE;AAAA,MACD,aAAa,CAACK,MAAU;AACpB,QAAI,CAACb,KAAU,CAACA,EAAO,cAInBD,EAASC,CAAM,IACfc,EAASd,GAAQ,EAAE,CAACU,CAAe,GAAGJ,EAAM,CAAA,IAE5CS,EAAyBC,GAAgBhB,GAAQ;AAAA,UAC7C,YAAYM;AAAA,UACZ,cAAcA;AAAA,QAAA,CACjB,EAAEO,CAAK;AAAA,MAEhB;AAAA,IAAA;AAAA,IAECN;AAAA,EAAA;AAGb;"}

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

@@ -1,21 +1,20 @@
-import { getNodeEntries as E, isElement as o, isType as c, isNode as A, ELEMENT_LIC as u, isText as T } from "@udecode/plate";
-import { MARK_TEXT_STYLE as m } from "../../ListPlugin/ListPlugin.es.js";
-import { AVAILABLE_STYLE as f, TextStyles as i } from "../TextStyles/textStyles.es.js";
-const l = (t) => Array.isArray(t.children) ? (t.children.find((e) => T(e)) ?? {})[m] ?? i.ELEMENT_PARAGRAPH : i.ELEMENT_PARAGRAPH, N = (t) => !t || !t.selection ? [] : Array.from(
-  E(t, {
+import { getNodeEntries as o, isNode as s, ELEMENT_LIC as T, isText as c, ELEMENT_LI as u, ELEMENT_UL as L, ELEMENT_OL as A } from "@udecode/plate";
+import { MARK_TEXT_STYLE as N } from "../../ListPlugin/ListPlugin.es.js";
+import { ELEMENT_CHECK_ITEM as f } from "../../CheckboxListPlugin/id.es.js";
+import { TextStyles as n } from "../TextStyles/textStyles.es.js";
+const l = (e) => Array.isArray(e.children) ? (e.children.find((t) => c(t)) ?? {})[N] ?? n.ELEMENT_PARAGRAPH : n.ELEMENT_PARAGRAPH, _ = [u, L, A], x = (e) => !e || !e.selection ? [] : Array.from(
+  o(e, {
     unhang: !0,
-    mode: "lowest",
-    at: t.selection,
-    reverse: !0,
-    match: (e) => o(e) && c(t, e, f)
+    at: e.selection,
+    reverse: !0
   })
-).reduce((e, [r]) => {
-  if (!A(r))
-    return e;
-  const n = r.type === u ? l(r) : r.type;
-  return n && !e.includes(n) && e.push(n), e;
+).reduce((t, [r]) => {
+  if (!s(r))
+    return t;
+  const E = r.type === T || r.type === f ? l(r) : r.type;
+  return E && !t.includes(E) && !_.includes(E) && t.push(E), t;
 }, []);
 export {
-  N as useSelectedTextStyles
+  x as useSelectedTextStyles
 };
 //# sourceMappingURL=useSelectedTextStyles.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useSelectedTextStyles.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/TextStylePlugin/TextStyleDropdown/useSelectedTextStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n ELEMENT_LIC,\n ~~ENode~~,\n ~~PlateEditor~~,\n ~~TElement~~,\n ~~Value~~,\n ~~getNodeEntries~~,\n ~~isElement~~,\n isNode,\n isText,\n ~~isType,\n~~} from '@udecode/plate';\nimport { MARK_TEXT_STYLE } from '../../ListPlugin/ListPlugin';\nimport { ~~AVAILABLE_STYLE,~~ AvailableStyles, TextStyles } from '../TextStyles';\n\nconst ~~getLicStyle~~ = (node: ENode<Value>): AvailableStyles => {\n if (Array.isArray(node.children)) {\n const textNode = node.children.find((node) => isText(node)) ?? {};\n return textNode[MARK_TEXT_STYLE] ?? TextStyles.ELEMENT_PARAGRAPH;\n }\n\n return TextStyles.ELEMENT_PARAGRAPH;\n};\n\nexport const useSelectedTextStyles = (editor: PlateEditor): AvailableStyles[] => {\n if (!editor \|\| !editor.selection) {\n return [];\n }\n\n const nodeEntries = Array.from(\n getNodeEntries(editor, {\n unhang: true,\n ~~mode: 'lowest',\n~~ at: editor.selection,\n reverse: true,\n ~~match: (node: TElement) => isElement(node) && isType(editor, node, AVAILABLE_STYLE),\n~~ }),\n );\n\n return nodeEntries.reduce<AvailableStyles[]>((styles, [node]) => {\n if (!isNode(node)) {\n return styles;\n }\n\n const styleToAdd = node.type === ELEMENT_LIC ? ~~getLicStyle~~(node) : (node.type as AvailableStyles);\n\n if (styleToAdd && !styles.includes(styleToAdd)) {\n styles.push(styleToAdd);\n }\n\n return styles;\n }, []);\n};\n"],"names":["~~getLicStyle~~","node","isText","MARK_TEXT_STYLE","TextStyles","~~useSelectedTextStyles~~","~~editor~~","~~getNodeEntries~~","~~isElement~~","~~isType~~","~~AVAILABLE_STYLE~~","styles","isNode","styleToAdd","ELEMENT_LIC"],"mappings":"~~;;;AAiBA~~,MAAMA,~~IAAc~~,CAACC,~~MACb~~,MAAM,QAAQA,EAAK,QAAQ,KACVA,EAAK,SAAS,KAAK,CAACA,MAASC,EAAOD,CAAI,CAAC,KAAK,IAC/CE,CAAe,KAAKC,EAAW,oBAG5CA,EAAW,~~mBAGTC~~,IAAwB,CAACC,MAC9B,CAACA,KAAU,CAACA,EAAO,YACZ,KAGS,MAAM;AAAA,EACtBC,EAAeD,GAAQ;AAAA,IACnB,QAAQ;AAAA,IACR,~~MAAM;AAAA,IACN,~~IAAIA,EAAO;AAAA,IACX,SAAS;AAAA,~~IACT,OAAO,CAACL,MAAmBO,EAAUP,CAAI,KAAKQ,EAAOH,GAAQL,GAAMS,CAAe;AAAA,~~EAAA,~~CACrF~~;AAAA,EAGc,OAA0B,~~CAACC~~,GAAQ,~~CAACV~~,CAAI,MAAM;AACzD,MAAA,~~CAACW~~,~~EAAOX~~,CAAI;AACL,~~WAAAU~~;~~AAGX~~,~~QAAME~~,~~IAAaZ~~,EAAK,~~SAASa~~,~~IAAcd~~,~~EAAYC~~,CAAI,~~IAAKA~~,EAAK;~~AAEzE~~,~~SAAIY~~,KAAc,CAACF,EAAO,SAASE,CAAU,~~KACzCF~~,EAAO,KAAKE,CAAU,GAGnBF;AACX,GAAG,CAAE,CAAA;"}
1	+ {"version":3,"file":"useSelectedTextStyles.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/TextStylePlugin/TextStyleDropdown/useSelectedTextStyles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n ELEMENT_LI,\n ELEMENT_LIC,\n ELEMENT_OL,\n ELEMENT_UL,\n ENode,\n PlateEditor,\n Value,\n getNodeEntries,\n isNode,\n isText,\n} from '@udecode/plate';\nimport { ELEMENT_CHECK_ITEM } from '../../CheckboxListPlugin';\nimport { MARK_TEXT_STYLE } from '../../ListPlugin/ListPlugin';\nimport { AvailableStyles, TextStyles } from '../TextStyles';\n\nconst getTextStyle = (node: ENode<Value>): AvailableStyles => {\n if (Array.isArray(node.children)) {\n const textNode = node.children.find((node) => isText(node)) ?? {};\n return textNode[MARK_TEXT_STYLE] ?? TextStyles.ELEMENT_PARAGRAPH;\n }\n\n return TextStyles.ELEMENT_PARAGRAPH;\n};\n\nconst excludeStyles = [ELEMENT_LI, ELEMENT_UL, ELEMENT_OL];\n\nexport const useSelectedTextStyles = (editor: PlateEditor): AvailableStyles[] => {\n if (!editor \|\| !editor.selection) {\n return [];\n }\n\n const nodeEntries = Array.from(\n getNodeEntries(editor, {\n unhang: true,\n at: editor.selection,\n reverse: true,\n }),\n );\n\n return nodeEntries.reduce<AvailableStyles[]>((styles, [node]) => {\n if (!isNode(node)) {\n return styles;\n }\n\n const styleToAdd =\n node.type === ELEMENT_LIC \|\| node.type === ELEMENT_CHECK_ITEM\n ? getTextStyle(node)\n : (node.type as AvailableStyles);\n\n if (styleToAdd && !styles.includes(styleToAdd) && !excludeStyles.includes(styleToAdd)) {\n styles.push(styleToAdd);\n }\n\n return styles;\n }, []);\n};\n"],"names":["getTextStyle","node","isText","MARK_TEXT_STYLE","TextStyles","excludeStyles","ELEMENT_LI","ELEMENT_UL","ELEMENT_OL","useSelectedTextStyles","editor","getNodeEntries","styles","isNode","styleToAdd","ELEMENT_LIC","ELEMENT_CHECK_ITEM"],"mappings":";;;;AAkBA,MAAMA,IAAe,CAACC,MACd,MAAM,QAAQA,EAAK,QAAQ,KACVA,EAAK,SAAS,KAAK,CAACA,MAASC,EAAOD,CAAI,CAAC,KAAK,IAC/CE,CAAe,KAAKC,EAAW,oBAG5CA,EAAW,mBAGhBC,IAAgB,CAACC,GAAYC,GAAYC,CAAU,GAE5CC,IAAwB,CAACC,MAC9B,CAACA,KAAU,CAACA,EAAO,YACZ,KAGS,MAAM;AAAA,EACtBC,EAAeD,GAAQ;AAAA,IACnB,QAAQ;AAAA,IACR,IAAIA,EAAO;AAAA,IACX,SAAS;AAAA,EAAA,CACZ;AAAA,EAGc,OAA0B,CAACE,GAAQ,CAACX,CAAI,MAAM;AACzD,MAAA,CAACY,EAAOZ,CAAI;AACL,WAAAW;AAGL,QAAAE,IACFb,EAAK,SAASc,KAAed,EAAK,SAASe,IACrChB,EAAaC,CAAI,IAChBA,EAAK;AAEZ,SAAAa,KAAc,CAACF,EAAO,SAASE,CAAU,KAAK,CAACT,EAAc,SAASS,CAAU,KAChFF,EAAO,KAAKE,CAAU,GAGnBF;AACX,GAAG,CAAE,CAAA;"}

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

@@ -1,13 +1,13 @@
 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 = {
+const o = {
   ul: "Bullet List",
   ol: "List",
   checkbox_item: "Checklist",
   lic: "List Item Content"
 };
-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 = {
+var n = /* @__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))(n || {});
+const L = {
   heading1: "Heading 1",
   heading2: "Heading 2",
   heading3: "Heading 3",
@@ -20,14 +20,14 @@ const o = {
   p: "Body Text",
   imageTitle: "Image Title",
   imageCaption: "Image Caption"
-}, T = { ...n, ...o }, _ = Object.values({ ...i, ...L });
+}, T = { ...o, ...L };
+Object.values({ ...i, ...n });
 export {
-  _ 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
+  n as TextStyles,
+  o as listStyleTitle,
+  L as textStyleTitle
 };
 //# sourceMappingURL=textStyles.es.js.map

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_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;"}
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"],"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;AAC9C,OAAO,OAAO,EAAE,GAAGH,GAAY,GAAGE,EAAY,CAAA;"}

package/dist/components/RichTextEditor/serializer/markdown/MarkdownToSlate.es.js CHANGED Viewed

@@ -4,13 +4,13 @@ import m from "remark-gfm";
 import s from "./deserializer/plugin.es.js";
 import { options as t } from "./options.es.js";
 import { MarkdownTransformer as i } from "./MarkdownTransformer.es.js";
-import p from "./remarkMention/index.es.js";
-class M extends i {
+import { remarkFondue as p } from "./remarkFondue/index.es.js";
+class w extends i {
   process(r) {
     return o().use(e).use(m).use(p).use(s, t(this.editor)).processSync(r).result;
   }
 }
 export {
-  M as MarkdownToSlate
+  w as MarkdownToSlate
 };
 //# sourceMappingURL=MarkdownToSlate.es.js.map

package/dist/components/RichTextEditor/serializer/markdown/MarkdownToSlate.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownToSlate.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/markdown/MarkdownToSlate.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { unified } from 'unified';\nimport parse from 'remark-parse';\nimport remarkGfm from 'remark-gfm';\nimport deserializer from './deserializer';\nimport { options } from './options';\nimport { MarkdownTransformer } from './MarkdownTransformer';\nimport { NodeType } from './types';\nimport ~~remarkMention~~ from './~~remarkMention~~';\n\nexport class MarkdownToSlate extends MarkdownTransformer<string, NodeType[]> {\n process(value: string): NodeType[] {\n return unified()\n .use(parse)\n .use(remarkGfm)\n .use(~~remarkMention~~)\n .use(deserializer, options(this.editor))\n .processSync(value).result as NodeType[];\n }\n}\n"],"names":["MarkdownToSlate","MarkdownTransformer","value","unified","parse","remarkGfm","~~remarkMention~~","deserializer","options"],"mappings":";;;;;;;AAWO,MAAMA,UAAwBC,EAAwC;AAAA,EACzE,QAAQC,GAA2B;AACxB,WAAAC,EAAA,EACF,IAAIC,CAAK,EACT,IAAIC,CAAS,EACb,IAAIC,~~CAAa~~,~~EACjB~~,IAAIC,GAAcC,EAAQ,KAAK,MAAM,CAAC,EACtC,YAAYN,CAAK,EAAE;AAAA,EAC5B;AACJ;"}
1	+ {"version":3,"file":"MarkdownToSlate.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/markdown/MarkdownToSlate.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { unified } from 'unified';\nimport parse from 'remark-parse';\nimport remarkGfm from 'remark-gfm';\nimport deserializer from './deserializer';\nimport { options } from './options';\nimport { MarkdownTransformer } from './MarkdownTransformer';\nimport { NodeType } from './types';\nimport { remarkFondue } from './remarkFondue';\n\nexport class MarkdownToSlate extends MarkdownTransformer<string, NodeType[]> {\n process(value: string): NodeType[] {\n return unified()\n .use(parse)\n .use(remarkGfm)\n .use(remarkFondue)\n .use(deserializer, options(this.editor))\n .processSync(value).result as NodeType[];\n }\n}\n"],"names":["MarkdownToSlate","MarkdownTransformer","value","unified","parse","remarkGfm","remarkFondue","deserializer","options"],"mappings":";;;;;;;AAWO,MAAMA,UAAwBC,EAAwC;AAAA,EACzE,QAAQC,GAA2B;AACxB,WAAAC,EAAA,EACF,IAAIC,CAAK,EACT,IAAIC,CAAS,EACb,IAAIC,CAAY,EAChB,IAAIC,GAAcC,EAAQ,KAAK,MAAM,CAAC,EACtC,YAAYN,CAAK,EAAE;AAAA,EAC5B;AACJ;"}

package/dist/components/RichTextEditor/serializer/markdown/deserializer/deserialize.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { BlockQuoteNode, CodeBlockNode, HeadingNode, ImageNode, InputNodeTypes, ItalicNode, LinkNode, ListItemNode, ListNode, MarkdownAstNode, OptionType, ParagraphNode, ThematicBreakNode } from '../types';
-export default function deserialize<T extends InputNodeTypes>(node: MarkdownAstNode, options: OptionType): CodeBlockNode<T> | HeadingNode<T> | ListNode<T> | ListItemNode<T> | ParagraphNode<T> | LinkNode<T> | ImageNode<T> | BlockQuoteNode<T> | ThematicBreakNode<T> | ItalicNode<T> | {
+import { BlockQuoteNode, CodeBlockNode, HeadingNode, ImageNode, InputNodeTypes, ItalicNode, LinkNode, ListItemChildNode, ListItemNode, ListNode, MarkdownAstNode, OptionType, ParagraphNode, ThematicBreakNode } from '../types';
+export default function deserialize<T extends InputNodeTypes>(node: MarkdownAstNode, options: OptionType): CodeBlockNode<T> | HeadingNode<T> | ListNode<T> | ListItemNode<T> | ListItemChildNode<T> | ParagraphNode<T> | LinkNode<T> | ImageNode<T> | BlockQuoteNode<T> | ThematicBreakNode<T> | ItalicNode<T> | {
     type: string;
     category: string;
     id: string;

package/dist/components/RichTextEditor/serializer/markdown/deserializer/deserialize.es.js CHANGED Viewed

@@ -1,19 +1,19 @@
-import { MENTION_DESERIALIZE_REGEX as g } from "../utils.es.js";
-function m(e, r) {
+import { MENTION_DESERIALIZE_REGEX as m } from "../utils.es.js";
+function g(e, a) {
   var s, u;
-  const t = r == null ? void 0 : r.nodeTypes, { linkDestinationKey: i, imageSourceKey: y, imageCaptionKey: h } = d(r);
-  let a = [{ text: "" }];
-  switch (o(e.children) && (a = e.children.flatMap(
-    (c) => m(
+  const t = a == null ? void 0 : a.nodeTypes, { linkDestinationKey: i, imageSourceKey: y, imageCaptionKey: h } = d(a);
+  let r = [{ text: "" }];
+  switch (o(e.children) && (r = e.children.flatMap(
+    (c) => g(
       {
         ...c,
         ordered: e.ordered || !1
       },
-      r
+      a
     )
   )), e.type) {
     case "mention":
-      const c = e.children ? e.children[0].value : void 0, p = c == null ? void 0 : c.match(g);
+      const c = e.children ? e.children[0].value : void 0, p = c == null ? void 0 : c.match(m);
       return {
         type: t.mention,
         category: p[1],
@@ -23,22 +23,24 @@ function m(e, r) {
     case "heading":
       return {
         type: t.heading[e.depth || 1],
-        children: a
+        children: r
       };
     case "list":
       return {
         type: e.ordered ? t.olList : t.ulList,
-        children: a
+        children: r
       };
     case "listItem":
-      return { type: t.listItem, children: a };
+      return { type: t.listItem, children: r };
+    case "listItemChild":
+      return { type: t.listItemChild, children: r };
     case "paragraph":
-      return { type: t.paragraph, children: a };
+      return { type: t.paragraph, children: r };
     case "link":
       return {
         type: t.link,
         [i]: e.url,
-        children: a
+        children: r
       };
     case "image":
       return {
@@ -48,7 +50,7 @@ function m(e, r) {
         [h]: e.alt
       };
     case "blockquote":
-      return { type: t.blockQuote, children: a };
+      return { type: t.blockQuote, children: r };
     case "code":
       return {
         type: t.codeBlock,
@@ -64,26 +66,26 @@ function m(e, r) {
     case "emphasis":
       return {
         [t.emphasisMark]: !0,
-        ...l(a),
-        ...n(a)
+        ...l(r),
+        ...n(r)
       };
     case "strong":
       return {
         [t.strongMark]: !0,
-        ...l(a),
-        ...n(a)
+        ...l(r),
+        ...n(r)
       };
     case "delete":
       return {
         [t.deleteMark]: !0,
-        ...l(a),
-        ...n(a)
+        ...l(r),
+        ...n(r)
       };
     case "inlineCode":
       return {
         [t.inlineCodeMark]: !0,
         text: e.value,
-        ...n(a)
+        ...n(r)
       };
     case "thematicBreak":
       return {
@@ -96,16 +98,16 @@ function m(e, r) {
   }
 }
 const o = (e) => !!e && Array.isArray(e) && e.length > 0, l = (e) => ({
-  text: e.map((r) => r == null ? void 0 : r.text).join("")
-}), n = (e) => e.reduce((r, t) => {
+  text: e.map((a) => a == null ? void 0 : a.text).join("")
+}), n = (e) => e.reduce((a, t) => {
   for (const i of Object.keys(t))
-    i === "children" || i === "type" || i === "text" || (r[i] = t[i]);
-  return r;
+    i === "children" || i === "type" || i === "text" || (a[i] = t[i]);
+  return a;
 }, {}), d = (e) => {
-  const r = e.linkDestinationKey ?? "link", t = e.imageSourceKey ?? "link", i = e.imageCaptionKey ?? "caption";
-  return { linkDestinationKey: r, imageSourceKey: t, imageCaptionKey: i };
+  const a = e.linkDestinationKey ?? "link", t = e.imageSourceKey ?? "link", i = e.imageCaptionKey ?? "caption";
+  return { linkDestinationKey: a, imageSourceKey: t, imageCaptionKey: i };
 };
 export {
-  m as default
+  g as default
 };
 //# sourceMappingURL=deserialize.es.js.map

package/dist/components/RichTextEditor/serializer/markdown/deserializer/deserialize.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"deserialize.es.js","sources":["../../../../../../src/components/RichTextEditor/serializer/markdown/deserializer/deserialize.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n BlockQuoteNode,\n CodeBlockNode,\n DeserializedNode,\n HeadingNode,\n ImageNode,\n InputNodeTypes,\n ItalicNode,\n LinkNode,\n ListItemNode,\n ListNode,\n MarkdownAstNode,\n OptionType,\n ParagraphNode,\n TextNode,\n ThematicBreakNode,\n} from '../types';\nimport { MENTION_DESERIALIZE_REGEX } from '../utils';\n\nexport default function deserialize<T extends InputNodeTypes>(node: MarkdownAstNode, options: OptionType) {\n const types = options?.nodeTypes as InputNodeTypes;\n const { linkDestinationKey, imageSourceKey, imageCaptionKey } = getOptions(options);\n\n let children: Array<DeserializedNode<T>> = [{ text: '' }];\n\n if (hasNodeChildren(node.children)) {\n children = node.children.flatMap((c: MarkdownAstNode) =>\n deserialize(\n {\n ...c,\n ordered: node.ordered \|\| false,\n },\n options,\n ),\n );\n }\n\n switch (node.type) {\n case 'mention':\n const value = node.children ? node.children[0].value : undefined;\n const matches = value?.match(MENTION_DESERIALIZE_REGEX) as RegExpMatchArray;\n return {\n type: types.mention,\n category: matches[1],\n id: matches[2],\n children: [{ text: '' }],\n };\n case 'heading':\n return {\n type: types.heading[node.depth \|\| 1],\n children,\n } as HeadingNode<T>;\n case 'list':\n return {\n type: node.ordered ? types.olList : types.ulList,\n children,\n } as ListNode<T>;\n case 'listItem':\n return { type: types.listItem, children } as ListItemNode<T>;\n case 'paragraph':\n return { type: types.paragraph, children } as ParagraphNode<T>;\n case 'link':\n return {\n type: types.link,\n [linkDestinationKey]: node.url,\n children,\n } as LinkNode<T>;\n case 'image':\n return {\n type: types.image,\n children: [{ text: '' }],\n [imageSourceKey]: node.url,\n [imageCaptionKey]: node.alt,\n } as ImageNode<T>;\n case 'blockquote':\n return { type: types.blockQuote, children } as BlockQuoteNode<T>;\n case 'code':\n return {\n type: types.codeBlock,\n language: node.lang ?? undefined,\n children: [{ text: node.value }],\n } as CodeBlockNode<T>;\n\n case 'html':\n if (node.value?.includes('<br>')) {\n return {\n break: true,\n type: types.paragraph,\n children: [{ text: node.value?.replace(/<br>/g, '') \|\| '' }],\n } as ParagraphNode<T>;\n }\n return { type: 'paragraph', children: [{ text: node.value \|\| '' }] };\n\n case 'emphasis':\n return {\n [types.emphasisMark as string]: true,\n ...forceLeafNode(children as Array<TextNode>),\n ...persistLeafFormats(children as Array<MarkdownAstNode>),\n } as unknown as ItalicNode<T>;\n case 'strong':\n return {\n [types.strongMark as string]: true,\n ...forceLeafNode(children as Array<TextNode>),\n ...persistLeafFormats(children as Array<MarkdownAstNode>),\n };\n case 'delete':\n return {\n [types.deleteMark as string]: true,\n ...forceLeafNode(children as Array<TextNode>),\n ...persistLeafFormats(children as Array<MarkdownAstNode>),\n };\n case 'inlineCode':\n return {\n [types.inlineCodeMark as string]: true,\n text: node.value,\n ...persistLeafFormats(children as Array<MarkdownAstNode>),\n };\n case 'thematicBreak':\n return {\n type: types.thematicBreak,\n children: [{ text: '' }],\n } as ThematicBreakNode<T>;\n\n case 'text':\n default:\n return { text: node.value ?? '' };\n }\n}\n\nconst hasNodeChildren = (children: MarkdownAstNode['children']): children is MarkdownAstNode[] =>\n !!children && Array.isArray(children) && children.length > 0;\n\nconst forceLeafNode = (children: Array<TextNode>) => ({\n text: children.map((k) => k?.text).join(''),\n});\n\n// This function is will take any unknown keys, and bring them up a level\n// allowing leaf nodes to have many different formats at once\n// for example, bold and italic on the same node\nconst persistLeafFormats = (children: Array<MarkdownAstNode>): Omit<MarkdownAstNode, 'children' \| 'type' \| 'text'> => {\n return children.reduce((acc, node) => {\n for (const key of Object.keys(node) as Array<keyof MarkdownAstNode>) {\n if (key === 'children' \|\| key === 'type' \|\| key === 'text') {\n continue;\n }\n\n acc[key] = node[key];\n }\n\n return acc;\n }, {});\n};\n\nconst getOptions = (options: OptionType) => {\n const linkDestinationKey = options.linkDestinationKey ?? 'link';\n const imageSourceKey = options.imageSourceKey ?? 'link';\n const imageCaptionKey = options.imageCaptionKey ?? 'caption';\n\n return { linkDestinationKey, imageSourceKey, imageCaptionKey };\n};\n"],"names":["deserialize","node","options","types","linkDestinationKey","imageSourceKey","imageCaptionKey","getOptions","children","hasNodeChildren","value","matches","MENTION_DESERIALIZE_REGEX","_a","_b","forceLeafNode","persistLeafFormats","k","acc","key"],"mappings":";~~AAqBwB~~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"}
1	+ {"version":3,"file":"deserialize.es.js","sources":["../../../../../../src/components/RichTextEditor/serializer/markdown/deserializer/deserialize.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n BlockQuoteNode,\n CodeBlockNode,\n DeserializedNode,\n HeadingNode,\n ImageNode,\n InputNodeTypes,\n ItalicNode,\n LinkNode,\n ListItemChildNode,\n ListItemNode,\n ListNode,\n MarkdownAstNode,\n OptionType,\n ParagraphNode,\n TextNode,\n ThematicBreakNode,\n} from '../types';\nimport { MENTION_DESERIALIZE_REGEX } from '../utils';\n\nexport default function deserialize<T extends InputNodeTypes>(node: MarkdownAstNode, options: OptionType) {\n const types = options?.nodeTypes as InputNodeTypes;\n const { linkDestinationKey, imageSourceKey, imageCaptionKey } = getOptions(options);\n\n let children: Array<DeserializedNode<T>> = [{ text: '' }];\n\n if (hasNodeChildren(node.children)) {\n children = node.children.flatMap((c: MarkdownAstNode) =>\n deserialize(\n {\n ...c,\n ordered: node.ordered \|\| false,\n },\n options,\n ),\n );\n }\n\n switch (node.type) {\n case 'mention':\n const value = node.children ? node.children[0].value : undefined;\n const matches = value?.match(MENTION_DESERIALIZE_REGEX) as RegExpMatchArray;\n return {\n type: types.mention,\n category: matches[1],\n id: matches[2],\n children: [{ text: '' }],\n };\n case 'heading':\n return {\n type: types.heading[node.depth \|\| 1],\n children,\n } as HeadingNode<T>;\n case 'list':\n return {\n type: node.ordered ? types.olList : types.ulList,\n children,\n } as ListNode<T>;\n case 'listItem':\n return { type: types.listItem, children } as ListItemNode<T>;\n case 'listItemChild':\n return { type: types.listItemChild, children } as ListItemChildNode<T>;\n case 'paragraph':\n return { type: types.paragraph, children } as ParagraphNode<T>;\n case 'link':\n return {\n type: types.link,\n [linkDestinationKey]: node.url,\n children,\n } as LinkNode<T>;\n case 'image':\n return {\n type: types.image,\n children: [{ text: '' }],\n [imageSourceKey]: node.url,\n [imageCaptionKey]: node.alt,\n } as ImageNode<T>;\n case 'blockquote':\n return { type: types.blockQuote, children } as BlockQuoteNode<T>;\n case 'code':\n return {\n type: types.codeBlock,\n language: node.lang ?? undefined,\n children: [{ text: node.value }],\n } as CodeBlockNode<T>;\n\n case 'html':\n if (node.value?.includes('<br>')) {\n return {\n break: true,\n type: types.paragraph,\n children: [{ text: node.value?.replace(/<br>/g, '') \|\| '' }],\n } as ParagraphNode<T>;\n }\n return { type: 'paragraph', children: [{ text: node.value \|\| '' }] };\n\n case 'emphasis':\n return {\n [types.emphasisMark as string]: true,\n ...forceLeafNode(children as Array<TextNode>),\n ...persistLeafFormats(children as Array<MarkdownAstNode>),\n } as unknown as ItalicNode<T>;\n case 'strong':\n return {\n [types.strongMark as string]: true,\n ...forceLeafNode(children as Array<TextNode>),\n ...persistLeafFormats(children as Array<MarkdownAstNode>),\n };\n case 'delete':\n return {\n [types.deleteMark as string]: true,\n ...forceLeafNode(children as Array<TextNode>),\n ...persistLeafFormats(children as Array<MarkdownAstNode>),\n };\n case 'inlineCode':\n return {\n [types.inlineCodeMark as string]: true,\n text: node.value,\n ...persistLeafFormats(children as Array<MarkdownAstNode>),\n };\n case 'thematicBreak':\n return {\n type: types.thematicBreak,\n children: [{ text: '' }],\n } as ThematicBreakNode<T>;\n\n case 'text':\n default:\n return { text: node.value ?? '' };\n }\n}\n\nconst hasNodeChildren = (children: MarkdownAstNode['children']): children is MarkdownAstNode[] =>\n !!children && Array.isArray(children) && children.length > 0;\n\nconst forceLeafNode = (children: Array<TextNode>) => ({\n text: children.map((k) => k?.text).join(''),\n});\n\n// This function is will take any unknown keys, and bring them up a level\n// allowing leaf nodes to have many different formats at once\n// for example, bold and italic on the same node\nconst persistLeafFormats = (children: Array<MarkdownAstNode>): Omit<MarkdownAstNode, 'children' \| 'type' \| 'text'> => {\n return children.reduce((acc, node) => {\n for (const key of Object.keys(node) as Array<keyof MarkdownAstNode>) {\n if (key === 'children' \|\| key === 'type' \|\| key === 'text') {\n continue;\n }\n\n acc[key] = node[key];\n }\n\n return acc;\n }, {});\n};\n\nconst getOptions = (options: OptionType) => {\n const linkDestinationKey = options.linkDestinationKey ?? 'link';\n const imageSourceKey = options.imageSourceKey ?? 'link';\n const imageCaptionKey = options.imageCaptionKey ?? 'caption';\n\n return { linkDestinationKey, imageSourceKey, imageCaptionKey };\n};\n"],"names":["deserialize","node","options","types","linkDestinationKey","imageSourceKey","imageCaptionKey","getOptions","children","hasNodeChildren","value","matches","MENTION_DESERIALIZE_REGEX","_a","_b","forceLeafNode","persistLeafFormats","k","acc","key"],"mappings":"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"}