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

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

@@ -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

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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;"}
+{"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;"}