@frontify/guideline-blocks-settings 3.0.2 → 4.0.0-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.es.js","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { RichTextEditor as FondueRichTextEditor } from '@frontify/fondue/rte';\nimport { memo, useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport { useIsInViewport } from '../../hooks/useIsInViewport';\n\nimport { floatingButtonActions, floatingButtonSelectors } from './plugins/ButtonPlugin/components';\nimport { getResponsiveColumnClasses } from './plugins/ColumnBreakPlugin/helpers';\nimport { SerializedText } from './SerializedText';\nimport { type RichTextEditorProps } from './types';\n\nconst handleHideExternalFloatingModals = (editorId: string) => {\n    if (floatingButtonSelectors.isOpen(editorId)) {\n        floatingButtonActions.reset();\n    }\n};\n\nconst InternalRichTextEditor = memo(\n    ({\n        isEnabled,\n        value,\n        columns,\n        gap,\n        placeholder,\n        plugins,\n        onTextChange,\n        showSerializedText,\n    }: Omit<RichTextEditorProps, 'isEditing'> & { isEnabled: boolean }) => {\n        const customClass = getResponsiveColumnClasses(columns);\n        const [shouldPreventPageLeave, setShouldPreventPageLeave] = useState(false);\n        const editorId = useId();\n\n        const handleTextChange = useCallback(\n            (newContent: string) => {\n                if (newContent !== value) {\n                    onTextChange?.(newContent);\n                }\n                setShouldPreventPageLeave(false);\n            },\n            [onTextChange, value],\n        );\n\n        const handleValueChange = useCallback(() => setShouldPreventPageLeave(true), []);\n\n        useEffect(() => {\n            const unloadHandler = (event: BeforeUnloadEvent) => {\n                event.preventDefault();\n                event.returnValue = 'Unprocessed changes';\n            };\n\n            if (shouldPreventPageLeave) {\n                window.addEventListener('beforeunload', unloadHandler);\n            }\n\n            return () => window.removeEventListener('beforeunload', unloadHandler);\n        }, [shouldPreventPageLeave]);\n\n        if (isEnabled) {\n            return (\n                <FondueRichTextEditor\n                    id={editorId}\n                    value={value}\n                    border={false}\n                    placeholder={placeholder}\n                    plugins={plugins}\n                    onValueChanged={handleValueChange}\n                    onTextChange={handleTextChange}\n                    hideExternalFloatingModals={handleHideExternalFloatingModals}\n                    placeholderOpacity=\"high\"\n                />\n            );\n        }\n        return (\n            <SerializedText\n                value={value}\n                gap={gap}\n                customClass={customClass}\n                show={showSerializedText}\n                plugins={plugins}\n            />\n        );\n    },\n);\nInternalRichTextEditor.displayName = 'InternalRichTextEditor';\n\nexport const RichTextEditor = (props: RichTextEditorProps) => {\n    const ref = useRef<HTMLDivElement>(null);\n    const [hasEnteredViewport, setHasEnteredViewport] = useState(false);\n\n    const { isEditing, ...internalRteProps } = props;\n\n    const onViewportVisibilityChange = useCallback((isInViewport: boolean) => {\n        if (isInViewport) {\n            setHasEnteredViewport(true);\n        }\n    }, []);\n\n    useIsInViewport({ ref, disabled: !isEditing, onChange: onViewportVisibilityChange });\n\n    useEffect(() => {\n        if (!isEditing) {\n            // oxlint-disable-next-line @eslint-react/set-state-in-effect\n            setHasEnteredViewport(false);\n        }\n    }, [isEditing]);\n\n    return (\n        <div data-test-id=\"rich-text-editor-container\" className=\"tw-block tw-w-full tw-@container\" ref={ref}>\n            <InternalRichTextEditor {...internalRteProps} isEnabled={isEditing && hasEnteredViewport} />\n        </div>\n    );\n};\n"],"names":["handleHideExternalFloatingModals","editorId","floatingButtonSelectors","floatingButtonActions","InternalRichTextEditor","memo","isEnabled","value","columns","gap","placeholder","plugins","onTextChange","showSerializedText","customClass","getResponsiveColumnClasses","shouldPreventPageLeave","setShouldPreventPageLeave","useState","useId","handleTextChange","useCallback","newContent","handleValueChange","useEffect","unloadHandler","event","jsx","FondueRichTextEditor","SerializedText","RichTextEditor","props","ref","useRef","hasEnteredViewport","setHasEnteredViewport","isEditing","internalRteProps","onViewportVisibilityChange","isInViewport","useIsInViewport"],"mappings":";;;;;;;AAYA,MAAMA,IAAmC,CAACC,MAAqB;AAC3D,EAAIC,EAAwB,OAAOD,CAAQ,KACvCE,EAAsB,MAAA;AAE9B,GAEMC,IAAyBC;AAAA,EAC3B,CAAC;AAAA,IACG,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,MACmE;AACnE,UAAMC,IAAcC,EAA2BP,CAAO,GAChD,CAACQ,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GACpEjB,IAAWkB,EAAA,GAEXC,IAAmBC;AAAA,MACrB,CAACC,MAAuB;AACpB,QAAIA,MAAef,KACfK,IAAeU,CAAU,GAE7BL,EAA0B,EAAK;AAAA,MACnC;AAAA,MACA,CAACL,GAAcL,CAAK;AAAA,IAAA,GAGlBgB,IAAoBF,EAAY,MAAMJ,EAA0B,EAAI,GAAG,CAAA,CAAE;AAe/E,WAbAO,EAAU,MAAM;AACZ,YAAMC,IAAgB,CAACC,MAA6B;AAChD,QAAAA,EAAM,eAAA,GACNA,EAAM,cAAc;AAAA,MACxB;AAEA,aAAIV,KACA,OAAO,iBAAiB,gBAAgBS,CAAa,GAGlD,MAAM,OAAO,oBAAoB,gBAAgBA,CAAa;AAAA,IACzE,GAAG,CAACT,CAAsB,CAAC,GAEvBV,IAEI,gBAAAqB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,IAAI3B;AAAA,QACJ,OAAAM;AAAA,QACA,QAAQ;AAAA,QACR,aAAAG;AAAA,QACA,SAAAC;AAAA,QACA,gBAAgBY;AAAA,QAChB,cAAcH;AAAA,QACd,4BAA4BpB;AAAA,QAC5B,oBAAmB;AAAA,MAAA;AAAA,IAAA,IAK3B,gBAAA2B;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,OAAAtB;AAAA,QACA,KAAAE;AAAA,QACA,aAAAK;AAAA,QACA,MAAMD;AAAA,QACN,SAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AACAP,EAAuB,cAAc;AAE9B,MAAM0B,IAAiB,CAACC,MAA+B;AAC1D,QAAMC,IAAMC,EAAuB,IAAI,GACjC,CAACC,GAAoBC,CAAqB,IAAIjB,EAAS,EAAK,GAE5D,EAAE,WAAAkB,GAAW,GAAGC,EAAA,IAAqBN,GAErCO,IAA6BjB,EAAY,CAACkB,MAA0B;AACtE,IAAIA,KACAJ,EAAsB,EAAI;AAAA,EAElC,GAAG,CAAA,CAAE;AAEL,SAAAK,EAAgB,EAAE,KAAAR,GAAK,UAAU,CAACI,GAAW,UAAUE,GAA4B,GAEnFd,EAAU,MAAM;AACZ,IAAKY,KAEDD,EAAsB,EAAK;AAAA,EAEnC,GAAG,CAACC,CAAS,CAAC,GAGV,gBAAAT,EAAC,OAAA,EAAI,gBAAa,8BAA6B,WAAU,oCAAmC,KAAAK,GACxF,UAAA,gBAAAL,EAACvB,GAAA,EAAwB,GAAGiC,GAAkB,WAAWD,KAAaF,GAAoB,GAC9F;AAER;"}
+{"version":3,"file":"RichTextEditor.es.js","names":[],"sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { RichTextEditor as FondueRichTextEditor } from '@frontify/fondue/rte';\nimport { memo, useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport { useIsInViewport } from '../../hooks/useIsInViewport';\n\nimport { floatingButtonActions, floatingButtonSelectors } from './plugins/ButtonPlugin/components';\nimport { getResponsiveColumnClasses } from './plugins/ColumnBreakPlugin/helpers';\nimport { SerializedText } from './SerializedText';\nimport { type RichTextEditorProps } from './types';\n\nconst handleHideExternalFloatingModals = (editorId: string) => {\n    if (floatingButtonSelectors.isOpen(editorId)) {\n        floatingButtonActions.reset();\n    }\n};\n\nconst InternalRichTextEditor = memo(\n    ({\n        isEnabled,\n        value,\n        columns,\n        gap,\n        placeholder,\n        plugins,\n        onTextChange,\n        showSerializedText,\n    }: Omit<RichTextEditorProps, 'isEditing'> & { isEnabled: boolean }) => {\n        const customClass = getResponsiveColumnClasses(columns);\n        const [shouldPreventPageLeave, setShouldPreventPageLeave] = useState(false);\n        const editorId = useId();\n\n        const handleTextChange = useCallback(\n            (newContent: string) => {\n                if (newContent !== value) {\n                    onTextChange?.(newContent);\n                }\n                setShouldPreventPageLeave(false);\n            },\n            [onTextChange, value],\n        );\n\n        const handleValueChange = useCallback(() => setShouldPreventPageLeave(true), []);\n\n        useEffect(() => {\n            const unloadHandler = (event: BeforeUnloadEvent) => {\n                event.preventDefault();\n                event.returnValue = 'Unprocessed changes';\n            };\n\n            if (shouldPreventPageLeave) {\n                window.addEventListener('beforeunload', unloadHandler);\n            }\n\n            return () => window.removeEventListener('beforeunload', unloadHandler);\n        }, [shouldPreventPageLeave]);\n\n        if (isEnabled) {\n            return (\n                <FondueRichTextEditor\n                    id={editorId}\n                    value={value}\n                    border={false}\n                    placeholder={placeholder}\n                    plugins={plugins}\n                    onValueChanged={handleValueChange}\n                    onTextChange={handleTextChange}\n                    hideExternalFloatingModals={handleHideExternalFloatingModals}\n                    placeholderOpacity=\"high\"\n                />\n            );\n        }\n        return (\n            <SerializedText\n                value={value}\n                gap={gap}\n                customClass={customClass}\n                show={showSerializedText}\n                plugins={plugins}\n            />\n        );\n    },\n);\nInternalRichTextEditor.displayName = 'InternalRichTextEditor';\n\nexport const RichTextEditor = (props: RichTextEditorProps) => {\n    const ref = useRef<HTMLDivElement>(null);\n    const [hasEnteredViewport, setHasEnteredViewport] = useState(false);\n\n    const { isEditing, ...internalRteProps } = props;\n\n    const onViewportVisibilityChange = useCallback((isInViewport: boolean) => {\n        if (isInViewport) {\n            setHasEnteredViewport(true);\n        }\n    }, []);\n\n    useIsInViewport({ ref, disabled: !isEditing, onChange: onViewportVisibilityChange });\n\n    useEffect(() => {\n        if (!isEditing) {\n            // oxlint-disable-next-line @eslint-react/set-state-in-effect\n            setHasEnteredViewport(false);\n        }\n    }, [isEditing]);\n\n    return (\n        <div data-test-id=\"rich-text-editor-container\" className=\"tw-block tw-w-full tw-@container\" ref={ref}>\n            <InternalRichTextEditor {...internalRteProps} isEnabled={isEditing && hasEnteredViewport} />\n        </div>\n    );\n};\n"],"mappings":";;;;;;;;AAYA,IAAM,KAAoC,MAAqB;CAC3D,AAAI,EAAwB,OAAO,CAAQ,KACvC,EAAsB,MAAM;AAEpC,GAEM,IAAyB,GAC1B,EACG,cACA,UACA,YACA,QACA,gBACA,YACA,iBACA,4BACmE;CACnE,IAAM,IAAc,EAA2B,CAAO,GAChD,CAAC,GAAwB,KAA6B,EAAS,EAAK,GACpE,IAAW,EAAM,GAEjB,IAAmB,GACpB,MAAuB;EAIpB,AAHI,MAAe,KACf,IAAe,CAAU,GAE7B,EAA0B,EAAK;CACnC,GACA,CAAC,GAAc,CAAK,CACxB,GAEM,IAAoB,QAAkB,EAA0B,EAAI,GAAG,CAAC,CAAC;CA8B/E,OA5BA,QAAgB;EACZ,IAAM,KAAiB,MAA6B;GAEhD,AADA,EAAM,eAAe,GACrB,EAAM,cAAc;EACxB;EAMA,OAJI,KACA,OAAO,iBAAiB,gBAAgB,CAAa,SAG5C,OAAO,oBAAoB,gBAAgB,CAAa;CACzE,GAAG,CAAC,CAAsB,CAAC,GAEvB,IAEI,kBAAC,GAAD;EACI,IAAI;EACG;EACP,QAAQ;EACK;EACJ;EACT,gBAAgB;EAChB,cAAc;EACd,4BAA4B;EAC5B,oBAAmB;CACtB,CAAA,IAIL,kBAAC,GAAD;EACW;EACF;EACQ;EACb,MAAM;EACG;CACZ,CAAA;AAET,CACJ;AACA,EAAuB,cAAc;AAErC,IAAa,KAAkB,MAA+B;CAC1D,IAAM,IAAM,EAAuB,IAAI,GACjC,CAAC,GAAoB,KAAyB,EAAS,EAAK,GAE5D,EAAE,cAAW,GAAG,MAAqB,GAErC,IAA6B,GAAa,MAA0B;EACtE,AAAI,KACA,EAAsB,EAAI;CAElC,GAAG,CAAC,CAAC;CAWL,OATA,EAAgB;EAAE;EAAK,UAAU,CAAC;EAAW,UAAU;CAA2B,CAAC,GAEnF,QAAgB;EACZ,AAAK,KAED,EAAsB,EAAK;CAEnC,GAAG,CAAC,CAAS,CAAC,GAGV,kBAAC,OAAD;EAAK,gBAAa;EAA6B,WAAU;EAAwC;EAC7F,UAAA,kBAAC,GAAD;GAAwB,GAAI;GAAkB,WAAW,KAAa;EAAqB,CAAA;CAC1F,CAAA;AAEb"}

package/dist/components/RichTextEditor/SerializedText.es.js

@@ -1,23 +1,26 @@
-import { jsx as s } from "react/jsx-runtime";
-import { serializeRawToHtmlAsync as c } from "@frontify/fondue/rte";
-import { useState as i, useEffect as u } from "react";
-const h = ({ value: e = "", gap: r, customClass: l, show: o = !0, plugins: n }) => {
-  const [t, a] = i(null);
-  return u(() => {
-    (async () => {
-      const m = await c(e, n, void 0, r, l);
-      a(m);
-    })().catch(console.error);
-  }, [e, r, n, l]), !o || t === "<br />" || t === null ? null : /* @__PURE__ */ s(
-    "div",
-    {
-      className: "tw-w-full tw-whitespace-pre-wrap",
-      "data-test-id": "rte-content-html",
-      dangerouslySetInnerHTML: { __html: t }
-    }
-  );
+import { useEffect as e, useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { serializeRawToHtmlAsync as r } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/SerializedText.tsx
+var i = ({ value: i = "", gap: a, customClass: o, show: s = !0, plugins: c }) => {
+	let [l, u] = t(null);
+	return e(() => {
+		(async () => {
+			let e = await r(i, c, void 0, a, o);
+			u(e);
+		})().catch(console.error);
+	}, [
+		i,
+		a,
+		c,
+		o
+	]), !s || l === "<br />" || l === null ? null : /* @__PURE__ */ n("div", {
+		className: "tw-w-full tw-whitespace-pre-wrap",
+		"data-test-id": "rte-content-html",
+		dangerouslySetInnerHTML: { __html: l }
+	});
 };
-export {
-  h as SerializedText
-};
-//# sourceMappingURL=SerializedText.es.js.map
+//#endregion
+export { i as SerializedText };
+
+//# sourceMappingURL=SerializedText.es.js.map

package/dist/components/RichTextEditor/SerializedText.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SerializedText.es.js","sources":["../../../src/components/RichTextEditor/SerializedText.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { serializeRawToHtmlAsync } from '@frontify/fondue/rte';\nimport { useEffect, useState } from 'react';\n\nimport { type SerializedTextProps } from './types';\n\nexport const SerializedText = ({ value = '', gap, customClass, show = true, plugins }: SerializedTextProps) => {\n    const [html, setHtml] = useState<string | null>(null);\n\n    useEffect(() => {\n        const updateHtml = async () => {\n            const htmlContent = await serializeRawToHtmlAsync(value, plugins, undefined, gap, customClass);\n            setHtml(htmlContent);\n        };\n        updateHtml().catch(console.error);\n    }, [value, gap, plugins, customClass]);\n\n    if (!show || html === '<br />' || html === null) {\n        return null;\n    }\n\n    return (\n        <div\n            className=\"tw-w-full tw-whitespace-pre-wrap\"\n            data-test-id=\"rte-content-html\"\n            dangerouslySetInnerHTML={{ __html: html }}\n        />\n    );\n};\n"],"names":["SerializedText","value","gap","customClass","show","plugins","html","setHtml","useState","useEffect","htmlContent","serializeRawToHtmlAsync","jsx"],"mappings":";;;AAOO,MAAMA,IAAiB,CAAC,EAAE,OAAAC,IAAQ,IAAI,KAAAC,GAAK,aAAAC,GAAa,MAAAC,IAAO,IAAM,SAAAC,QAAmC;AAC3G,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAwB,IAAI;AAUpD,SARAC,EAAU,MAAM;AAKZ,KAJmB,YAAY;AAC3B,YAAMC,IAAc,MAAMC,EAAwBV,GAAOI,GAAS,QAAWH,GAAKC,CAAW;AAC7F,MAAAI,EAAQG,CAAW;AAAA,IACvB,KACa,MAAM,QAAQ,KAAK;AAAA,EACpC,GAAG,CAACT,GAAOC,GAAKG,GAASF,CAAW,CAAC,GAEjC,CAACC,KAAQE,MAAS,YAAYA,MAAS,OAChC,OAIP,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,gBAAa;AAAA,MACb,yBAAyB,EAAE,QAAQN,EAAA;AAAA,IAAK;AAAA,EAAA;AAGpD;"}
+{"version":3,"file":"SerializedText.es.js","names":[],"sources":["../../../src/components/RichTextEditor/SerializedText.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { serializeRawToHtmlAsync } from '@frontify/fondue/rte';\nimport { useEffect, useState } from 'react';\n\nimport { type SerializedTextProps } from './types';\n\nexport const SerializedText = ({ value = '', gap, customClass, show = true, plugins }: SerializedTextProps) => {\n    const [html, setHtml] = useState<string | null>(null);\n\n    useEffect(() => {\n        const updateHtml = async () => {\n            const htmlContent = await serializeRawToHtmlAsync(value, plugins, undefined, gap, customClass);\n            setHtml(htmlContent);\n        };\n        updateHtml().catch(console.error);\n    }, [value, gap, plugins, customClass]);\n\n    if (!show || html === '<br />' || html === null) {\n        return null;\n    }\n\n    return (\n        <div\n            className=\"tw-w-full tw-whitespace-pre-wrap\"\n            data-test-id=\"rte-content-html\"\n            dangerouslySetInnerHTML={{ __html: html }}\n        />\n    );\n};\n"],"mappings":";;;;AAOA,IAAa,KAAkB,EAAE,WAAQ,IAAI,QAAK,gBAAa,UAAO,IAAM,iBAAmC;CAC3G,IAAM,CAAC,GAAM,KAAW,EAAwB,IAAI;CAcpD,OAZA,QAAgB;EAKZ,aAJ+B;GAC3B,IAAM,IAAc,MAAM,EAAwB,GAAO,GAAS,KAAA,GAAW,GAAK,CAAW;GAC7F,EAAQ,CAAW;EACvB,EACA,CAAW,CAAC,CAAC,MAAM,QAAQ,KAAK;CACpC,GAAG;EAAC;EAAO;EAAK;EAAS;CAAW,CAAC,GAEjC,CAAC,KAAQ,MAAS,YAAY,MAAS,OAChC,OAIP,kBAAC,OAAD;EACI,WAAU;EACV,gBAAa;EACb,yBAAyB,EAAE,QAAQ,EAAK;CAC3C,CAAA;AAET"}

package/dist/components/RichTextEditor/constants.es.js

@@ -1,5 +1,6 @@
-const t = "--f-theme-settings-";
-export {
-  t as THEME_PREFIX
-};
-//# sourceMappingURL=constants.es.js.map
+//#region src/components/RichTextEditor/constants.ts
+var e = "--f-theme-settings-";
+//#endregion
+export { e as THEME_PREFIX };
+
+//# sourceMappingURL=constants.es.js.map

package/dist/components/RichTextEditor/constants.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.es.js","sources":["../../../src/components/RichTextEditor/constants.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const THEME_PREFIX = '--f-theme-settings-';\n"],"names":["THEME_PREFIX"],"mappings":"AAEO,MAAMA,IAAe;"}
+{"version":3,"file":"constants.es.js","names":[],"sources":["../../../src/components/RichTextEditor/constants.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const THEME_PREFIX = '--f-theme-settings-';\n"],"mappings":";AAEA,IAAa,IAAe"}

package/dist/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js

@@ -1,37 +1,30 @@
-import { PluginComposer as i, SoftBreakPlugin as t, TextStylePlugin as l, BoldPlugin as g, ItalicPlugin as u, UnderlinePlugin as o, StrikethroughPlugin as r, CodePlugin as P, AlignLeftPlugin as w, AlignCenterPlugin as s, AlignRightPlugin as m, AlignJustifyPlugin as f, CheckboxListPlugin as a, ResetFormattingPlugin as d, AutoformatPlugin as p } from "@frontify/fondue/rte";
-import { TextStylePluginsWithoutImage as y, TextStylesWithoutImage as n } from "../plugins/TextStylePlugins/helpers.es.js";
-import { LinkPlugin as h } from "../plugins/LinkPlugin/index.es.js";
-import { ButtonPlugin as T } from "../plugins/ButtonPlugin/createButtonPlugin.es.js";
-import { UnorderedListPlugin as x } from "../plugins/UnorderedListPlugin/index.es.js";
-import { OrderedListPlugin as L } from "../plugins/OrderedListPlugin/index.es.js";
-const I = (e) => new i().setPlugin(
-  new t(),
-  new l({
-    textStyles: y
-  })
-).setPlugin(
-  [
-    new g(),
-    new u(),
-    new o(),
-    new r(),
-    new h({ appBridge: e }),
-    new T({ appBridge: e }),
-    new P()
-  ],
-  [
-    new w({ validTypes: n }),
-    new s({ validTypes: n }),
-    new m({ validTypes: n }),
-    new f({ validTypes: n }),
-    new x(),
-    new a(),
-    new L(),
-    new d(),
-    new p()
-  ]
-);
-export {
-  I as getDefaultPluginsWithLinkChooser
-};
-//# sourceMappingURL=defaultPluginsWithLinkChooser.es.js.map
+import { ButtonPlugin as e } from "../plugins/ButtonPlugin/createButtonPlugin.es.js";
+import { LinkPlugin as t } from "../plugins/LinkPlugin/index.es.js";
+import { TextStylePluginsWithoutImage as n, TextStylesWithoutImage as r } from "../plugins/TextStylePlugins/helpers.es.js";
+import { UnorderedListPlugin as i } from "../plugins/UnorderedListPlugin/index.es.js";
+import { OrderedListPlugin as a } from "../plugins/OrderedListPlugin/index.es.js";
+import { AlignCenterPlugin as o, AlignJustifyPlugin as s, AlignLeftPlugin as c, AlignRightPlugin as l, AutoformatPlugin as u, BoldPlugin as d, CheckboxListPlugin as f, CodePlugin as p, ItalicPlugin as m, PluginComposer as h, ResetFormattingPlugin as g, SoftBreakPlugin as _, StrikethroughPlugin as v, TextStylePlugin as y, UnderlinePlugin as b } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.tsx
+var x = (x) => new h().setPlugin(new _(), new y({ textStyles: n })).setPlugin([
+	new d(),
+	new m(),
+	new b(),
+	new v(),
+	new t({ appBridge: x }),
+	new e({ appBridge: x }),
+	new p()
+], [
+	new c({ validTypes: r }),
+	new o({ validTypes: r }),
+	new l({ validTypes: r }),
+	new s({ validTypes: r }),
+	new i(),
+	new f(),
+	new a(),
+	new g(),
+	new u()
+]);
+//#endregion
+export { x as getDefaultPluginsWithLinkChooser };
+
+//# sourceMappingURL=defaultPluginsWithLinkChooser.es.js.map

package/dist/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultPluginsWithLinkChooser.es.js","sources":["../../../../src/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    AlignCenterPlugin,\n    AlignJustifyPlugin,\n    AlignLeftPlugin,\n    AlignRightPlugin,\n    AutoformatPlugin,\n    BoldPlugin,\n    CheckboxListPlugin,\n    CodePlugin,\n    ItalicPlugin,\n    PluginComposer,\n    ResetFormattingPlugin,\n    SoftBreakPlugin,\n    StrikethroughPlugin,\n    TextStylePlugin,\n    UnderlinePlugin,\n} from '@frontify/fondue/rte';\n\nimport {\n    ButtonPlugin,\n    LinkPlugin,\n    OrderedListPlugin,\n    TextStylePluginsWithoutImage,\n    TextStylesWithoutImage,\n    UnorderedListPlugin,\n} from '../plugins';\n\nexport const getDefaultPluginsWithLinkChooser = (appBridge: AppBridgeBlock) => {\n    return new PluginComposer()\n        .setPlugin(\n            new SoftBreakPlugin(),\n            new TextStylePlugin({\n                textStyles: TextStylePluginsWithoutImage,\n            }),\n        )\n        .setPlugin(\n            [\n                new BoldPlugin(),\n                new ItalicPlugin(),\n                new UnderlinePlugin(),\n                new StrikethroughPlugin(),\n                new LinkPlugin({ appBridge }),\n                new ButtonPlugin({ appBridge }),\n                new CodePlugin(),\n            ],\n            [\n                new AlignLeftPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignCenterPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignRightPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignJustifyPlugin({ validTypes: TextStylesWithoutImage }),\n                new UnorderedListPlugin(),\n                new CheckboxListPlugin(),\n                new OrderedListPlugin(),\n                new ResetFormattingPlugin(),\n                new AutoformatPlugin(),\n            ],\n        );\n};\n"],"names":["getDefaultPluginsWithLinkChooser","appBridge","PluginComposer","SoftBreakPlugin","TextStylePlugin","TextStylePluginsWithoutImage","BoldPlugin","ItalicPlugin","UnderlinePlugin","StrikethroughPlugin","LinkPlugin","ButtonPlugin","CodePlugin","AlignLeftPlugin","TextStylesWithoutImage","AlignCenterPlugin","AlignRightPlugin","AlignJustifyPlugin","UnorderedListPlugin","CheckboxListPlugin","OrderedListPlugin","ResetFormattingPlugin","AutoformatPlugin"],"mappings":";;;;;;AA8BO,MAAMA,IAAmC,CAACC,MACtC,IAAIC,IACN;AAAA,EACG,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAgB;AAAA,IAChB,YAAYC;AAAA,EAAA,CACf;AAAA,EAEJ;AAAA,EACG;AAAA,IACI,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAW,EAAE,WAAAT,GAAW;AAAA,IAC5B,IAAIU,EAAa,EAAE,WAAAV,GAAW;AAAA,IAC9B,IAAIW,EAAA;AAAA,EAAW;AAAA,EAEnB;AAAA,IACI,IAAIC,EAAgB,EAAE,YAAYC,GAAwB;AAAA,IAC1D,IAAIC,EAAkB,EAAE,YAAYD,GAAwB;AAAA,IAC5D,IAAIE,EAAiB,EAAE,YAAYF,GAAwB;AAAA,IAC3D,IAAIG,EAAmB,EAAE,YAAYH,GAAwB;AAAA,IAC7D,IAAII,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,EAAiB;AACzB;"}
+{"version":3,"file":"defaultPluginsWithLinkChooser.es.js","names":[],"sources":["../../../../src/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    AlignCenterPlugin,\n    AlignJustifyPlugin,\n    AlignLeftPlugin,\n    AlignRightPlugin,\n    AutoformatPlugin,\n    BoldPlugin,\n    CheckboxListPlugin,\n    CodePlugin,\n    ItalicPlugin,\n    PluginComposer,\n    ResetFormattingPlugin,\n    SoftBreakPlugin,\n    StrikethroughPlugin,\n    TextStylePlugin,\n    UnderlinePlugin,\n} from '@frontify/fondue/rte';\n\nimport {\n    ButtonPlugin,\n    LinkPlugin,\n    OrderedListPlugin,\n    TextStylePluginsWithoutImage,\n    TextStylesWithoutImage,\n    UnorderedListPlugin,\n} from '../plugins';\n\nexport const getDefaultPluginsWithLinkChooser = (appBridge: AppBridgeBlock) => {\n    return new PluginComposer()\n        .setPlugin(\n            new SoftBreakPlugin(),\n            new TextStylePlugin({\n                textStyles: TextStylePluginsWithoutImage,\n            }),\n        )\n        .setPlugin(\n            [\n                new BoldPlugin(),\n                new ItalicPlugin(),\n                new UnderlinePlugin(),\n                new StrikethroughPlugin(),\n                new LinkPlugin({ appBridge }),\n                new ButtonPlugin({ appBridge }),\n                new CodePlugin(),\n            ],\n            [\n                new AlignLeftPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignCenterPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignRightPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignJustifyPlugin({ validTypes: TextStylesWithoutImage }),\n                new UnorderedListPlugin(),\n                new CheckboxListPlugin(),\n                new OrderedListPlugin(),\n                new ResetFormattingPlugin(),\n                new AutoformatPlugin(),\n            ],\n        );\n};\n"],"mappings":";;;;;;;AA8BA,IAAa,KAAoC,MACtC,IAAI,EAAe,CAAC,CACtB,UACG,IAAI,EAAgB,GACpB,IAAI,EAAgB,EAChB,YAAY,EAChB,CAAC,CACL,CAAC,CACA,UACG;CACI,IAAI,EAAW;CACf,IAAI,EAAa;CACjB,IAAI,EAAgB;CACpB,IAAI,EAAoB;CACxB,IAAI,EAAW,EAAE,aAAU,CAAC;CAC5B,IAAI,EAAa,EAAE,aAAU,CAAC;CAC9B,IAAI,EAAW;AACnB,GACA;CACI,IAAI,EAAgB,EAAE,YAAY,EAAuB,CAAC;CAC1D,IAAI,EAAkB,EAAE,YAAY,EAAuB,CAAC;CAC5D,IAAI,EAAiB,EAAE,YAAY,EAAuB,CAAC;CAC3D,IAAI,EAAmB,EAAE,YAAY,EAAuB,CAAC;CAC7D,IAAI,EAAoB;CACxB,IAAI,EAAmB;CACvB,IAAI,EAAkB;CACtB,IAAI,EAAsB;CAC1B,IAAI,EAAiB;AACzB,CACJ"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.es.js

@@ -1,40 +1,32 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useState as a } from "react";
-import { BlockButtonStyles as c } from "../utils/styles.es.js";
-const v = (e) => {
-  const { attributes: t, children: o } = e, r = e.element.url || e.element.chosenLink?.searchResult?.link || "", l = e.element.target || "_self", n = String(e.element.buttonStyle) || "primary";
-  return /* @__PURE__ */ u(
-    m,
-    {
-      attributes: t,
-      href: r,
-      target: l,
-      styles: c[`button${n.charAt(0).toUpperCase() + n.slice(1)}`],
-      children: o
-    }
-  );
-}, m = ({
-  attributes: e,
-  styles: t = { hover: {} },
-  children: o,
-  href: r = "#",
-  target: l
-}) => {
-  const [n, s] = a(!1);
-  return /* @__PURE__ */ u(
-    "a",
-    {
-      ...e,
-      onMouseEnter: () => s(!0),
-      onMouseLeave: () => s(!1),
-      href: r,
-      target: l,
-      style: n ? { ...t, ...t.hover } : t,
-      children: o
-    }
-  );
+import { BlockButtonStyles as e } from "../utils/styles.es.js";
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.tsx
+var r = (t) => {
+	let { attributes: r, children: a } = t, o = t.element.url || t.element.chosenLink?.searchResult?.link || "", s = t.element.target || "_self", c = String(t.element.buttonStyle) || "primary";
+	return /* @__PURE__ */ n(i, {
+		attributes: r,
+		href: o,
+		target: s,
+		styles: e[`button${c.charAt(0).toUpperCase() + c.slice(1)}`],
+		children: a
+	});
+}, i = ({ attributes: e, styles: r = { hover: {} }, children: i, href: a = "#", target: o }) => {
+	let [s, c] = t(!1);
+	return /* @__PURE__ */ n("a", {
+		...e,
+		onMouseEnter: () => c(!0),
+		onMouseLeave: () => c(!1),
+		href: a,
+		target: o,
+		style: s ? {
+			...r,
+			...r.hover
+		} : r,
+		children: i
+	});
 };
-export {
-  v as ButtonMarkupElementNode
-};
-//# sourceMappingURL=ButtonMarkupElementNode.es.js.map
+//#endregion
+export { r as ButtonMarkupElementNode };
+
+//# sourceMappingURL=ButtonMarkupElementNode.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateRenderElementProps, type Value } from '@frontify/fondue/rte';\nimport { type CSSProperties, type HTMLAttributeAnchorTarget, type ReactElement, type ReactNode, useState } from 'react';\n\nimport { type TButtonElement } from '../types';\nimport { BlockButtonStyles } from '../utils';\n\nexport type ButtonRootProps = PlateRenderElementProps<Value, TButtonElement>;\n\nexport const ButtonMarkupElementNode = (props: ButtonRootProps) => {\n    const { attributes, children } = props;\n    const href = props.element.url || props.element.chosenLink?.searchResult?.link || '';\n    const target = props.element.target || '_self';\n    const buttonStyle = String(props.element.buttonStyle) || 'primary';\n    return (\n        <HoverableButtonLink\n            attributes={attributes}\n            href={href}\n            target={target}\n            styles={BlockButtonStyles[`button${buttonStyle.charAt(0).toUpperCase() + buttonStyle.slice(1)}`]}\n        >\n            {children}\n        </HoverableButtonLink>\n    );\n};\n\ntype Props = {\n    attributes: ButtonRootProps['attributes'];\n    children: ReactNode;\n    styles?: CSSProperties & { hover?: CSSProperties };\n    href?: string;\n    target?: HTMLAttributeAnchorTarget;\n};\n\nconst HoverableButtonLink = ({\n    attributes,\n    styles = { hover: {} },\n    children,\n    href = '#',\n    target,\n}: Props): ReactElement => {\n    const [hovered, setHovered] = useState(false);\n\n    return (\n        <a\n            {...attributes}\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            href={href}\n            target={target}\n            style={hovered ? { ...styles, ...styles.hover } : styles}\n        >\n            {children}\n        </a>\n    );\n};\n"],"names":["ButtonMarkupElementNode","props","attributes","children","href","target","buttonStyle","jsx","HoverableButtonLink","BlockButtonStyles","styles","hovered","setHovered","useState"],"mappings":";;;AAUO,MAAMA,IAA0B,CAACC,MAA2B;AAC/D,QAAM,EAAE,YAAAC,GAAY,UAAAC,EAAA,IAAaF,GAC3BG,IAAOH,EAAM,QAAQ,OAAOA,EAAM,QAAQ,YAAY,cAAc,QAAQ,IAC5EI,IAASJ,EAAM,QAAQ,UAAU,SACjCK,IAAc,OAAOL,EAAM,QAAQ,WAAW,KAAK;AACzD,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAAN;AAAA,MACA,MAAAE;AAAA,MACA,QAAAC;AAAA,MACA,QAAQI,EAAkB,SAASH,EAAY,OAAO,CAAC,EAAE,YAAA,IAAgBA,EAAY,MAAM,CAAC,CAAC,EAAE;AAAA,MAE9F,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGb,GAUMK,IAAsB,CAAC;AAAA,EACzB,YAAAN;AAAA,EACA,QAAAQ,IAAS,EAAE,OAAO,GAAC;AAAA,EACnB,UAAAP;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC;AACJ,MAA2B;AACvB,QAAM,CAACM,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SACI,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGL;AAAA,MACJ,cAAc,MAAMU,EAAW,EAAI;AAAA,MACnC,cAAc,MAAMA,EAAW,EAAK;AAAA,MACpC,MAAAR;AAAA,MACA,QAAAC;AAAA,MACA,OAAOM,IAAU,EAAE,GAAGD,GAAQ,GAAGA,EAAO,UAAUA;AAAA,MAEjD,UAAAP;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"ButtonMarkupElementNode.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateRenderElementProps, type Value } from '@frontify/fondue/rte';\nimport { type CSSProperties, type HTMLAttributeAnchorTarget, type ReactElement, type ReactNode, useState } from 'react';\n\nimport { type TButtonElement } from '../types';\nimport { BlockButtonStyles } from '../utils';\n\nexport type ButtonRootProps = PlateRenderElementProps<Value, TButtonElement>;\n\nexport const ButtonMarkupElementNode = (props: ButtonRootProps) => {\n    const { attributes, children } = props;\n    const href = props.element.url || props.element.chosenLink?.searchResult?.link || '';\n    const target = props.element.target || '_self';\n    const buttonStyle = String(props.element.buttonStyle) || 'primary';\n    return (\n        <HoverableButtonLink\n            attributes={attributes}\n            href={href}\n            target={target}\n            styles={BlockButtonStyles[`button${buttonStyle.charAt(0).toUpperCase() + buttonStyle.slice(1)}`]}\n        >\n            {children}\n        </HoverableButtonLink>\n    );\n};\n\ntype Props = {\n    attributes: ButtonRootProps['attributes'];\n    children: ReactNode;\n    styles?: CSSProperties & { hover?: CSSProperties };\n    href?: string;\n    target?: HTMLAttributeAnchorTarget;\n};\n\nconst HoverableButtonLink = ({\n    attributes,\n    styles = { hover: {} },\n    children,\n    href = '#',\n    target,\n}: Props): ReactElement => {\n    const [hovered, setHovered] = useState(false);\n\n    return (\n        <a\n            {...attributes}\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            href={href}\n            target={target}\n            style={hovered ? { ...styles, ...styles.hover } : styles}\n        >\n            {children}\n        </a>\n    );\n};\n"],"mappings":";;;;AAUA,IAAa,KAA2B,MAA2B;CAC/D,IAAM,EAAE,eAAY,gBAAa,GAC3B,IAAO,EAAM,QAAQ,OAAO,EAAM,QAAQ,YAAY,cAAc,QAAQ,IAC5E,IAAS,EAAM,QAAQ,UAAU,SACjC,IAAc,OAAO,EAAM,QAAQ,WAAW,KAAK;CACzD,OACI,kBAAC,GAAD;EACgB;EACN;EACE;EACR,QAAQ,EAAkB,SAAS,EAAY,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,EAAY,MAAM,CAAC;EAE3F;CACgB,CAAA;AAE7B,GAUM,KAAuB,EACzB,eACA,YAAS,EAAE,OAAO,CAAC,EAAE,GACrB,aACA,UAAO,KACP,gBACuB;CACvB,IAAM,CAAC,GAAS,KAAc,EAAS,EAAK;CAE5C,OACI,kBAAC,KAAD;EACI,GAAI;EACJ,oBAAoB,EAAW,EAAI;EACnC,oBAAoB,EAAW,EAAK;EAC9B;EACE;EACR,OAAO,IAAU;GAAE,GAAG;GAAQ,GAAG,EAAO;EAAM,IAAI;EAEjD;CACF,CAAA;AAEX"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.es.js

@@ -1,12 +1,13 @@
-import { MarkupElement as o } from "@frontify/fondue/rte";
-import { ELEMENT_BUTTON as e } from "../createButtonPlugin.es.js";
-import { ButtonMarkupElementNode as m } from "./ButtonMarkupElementNode.es.js";
-class s extends o {
-  constructor(t = e, r = m) {
-    super(t, r);
-  }
-}
-export {
-  s as ButtonMarkupElement
+import { ButtonMarkupElementNode as e } from "./ButtonMarkupElementNode.es.js";
+import { ELEMENT_BUTTON as t } from "../createButtonPlugin.es.js";
+import { MarkupElement as n } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.ts
+var r = class extends n {
+	constructor(n = t, r = e) {
+		super(n, r);
+	}
 };
-//# sourceMappingURL=index.es.js.map
+//#endregion
+export { r as ButtonMarkupElement };
+
+//# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MarkupElement } from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\nimport { ButtonMarkupElementNode } from './ButtonMarkupElementNode';\n\nexport class ButtonMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_BUTTON, node = ButtonMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":["ButtonMarkupElement","MarkupElement","id","ELEMENT_BUTTON","node","ButtonMarkupElementNode"],"mappings":";;;AAQO,MAAMA,UAA4BC,EAAc;AAAA,EACnD,YAAYC,IAAKC,GAAgBC,IAAOC,GAAyB;AAC7D,UAAMH,GAAIE,CAAI;AAAA,EAClB;AACJ;"}
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MarkupElement } from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\nimport { ButtonMarkupElementNode } from './ButtonMarkupElementNode';\n\nexport class ButtonMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_BUTTON, node = ButtonMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"mappings":";;;;AAQA,IAAa,IAAb,cAAyC,EAAc;CACnD,YAAY,IAAK,GAAgB,IAAO,GAAyB;EAC7D,MAAM,GAAI,CAAI;CAClB;AACJ"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.es.js

@@ -1,24 +1,20 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useEditorState as l, useEventPlateId as a, isRangeInSameBlock as c, getPluginType as d, someNode as m, getTooltip as p, getHotkeyByPlatform as u } from "@frontify/fondue/rte";
-import { ELEMENT_BUTTON as B } from "../createButtonPlugin.es.js";
-import { ButtonToolbarButton as f } from "./ButtonToolbarButton.es.js";
-const y = ({ editorId: n, id: i }) => {
-  const t = l(a(n)), o = !!c(t, {
-    at: t.selection
-  }), s = d(t, B), r = !!t?.selection && m(t, { match: { type: s } });
-  return /* @__PURE__ */ e("div", { "data-plugin-id": i, children: /* @__PURE__ */ e(
-    f,
-    {
-      pressed: r,
-      disabled: !o,
-      tooltip: p(
-        o ? `Button
-${u("Ctrl+Shift+K")}` : "Buttons can only be set for a single text block."
-      )
-    }
-  ) });
+import { ButtonToolbarButton as e } from "./ButtonToolbarButton.es.js";
+import { ELEMENT_BUTTON as t } from "../createButtonPlugin.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import { getHotkeyByPlatform as r, getPluginType as i, getTooltip as a, isRangeInSameBlock as o, someNode as s, useEditorState as c, useEventPlateId as l } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.tsx
+var u = ({ editorId: u, id: d }) => {
+	let f = c(l(u)), p = !!o(f, { at: f.selection }), m = i(f, t), h = !!f?.selection && s(f, { match: { type: m } });
+	return /* @__PURE__ */ n("div", {
+		"data-plugin-id": d,
+		children: /* @__PURE__ */ n(e, {
+			pressed: h,
+			disabled: !p,
+			tooltip: a(p ? `Button\n${r("Ctrl+Shift+K")}` : "Buttons can only be set for a single text block.")
+		})
+	});
 };
-export {
-  y as ButtonButton
-};
-//# sourceMappingURL=ButtonButton.es.js.map
+//#endregion
+export { u as ButtonButton };
+
+//# sourceMappingURL=ButtonButton.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PluginButtonProps,\n    getHotkeyByPlatform,\n    getPluginType,\n    getTooltip,\n    isRangeInSameBlock,\n    someNode,\n    useEditorState,\n    useEventPlateId,\n} from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\nimport { ButtonToolbarButton } from './ButtonToolbarButton';\n\nexport const ButtonButton = ({ editorId, id }: PluginButtonProps) => {\n    const editor = useEditorState(useEventPlateId(editorId));\n    const isEnabled = !!isRangeInSameBlock(editor, {\n        at: editor.selection,\n    });\n    const type = getPluginType(editor, ELEMENT_BUTTON);\n    const isLink = !!editor?.selection && someNode(editor, { match: { type } });\n\n    return (\n        <div data-plugin-id={id}>\n            <ButtonToolbarButton\n                pressed={isLink}\n                disabled={!isEnabled} // maybe pressed\n                tooltip={getTooltip(\n                    isEnabled\n                        ? `Button\\n${getHotkeyByPlatform('Ctrl+Shift+K')}`\n                        : 'Buttons can only be set for a single text block.',\n                )}\n            />\n        </div>\n    );\n};\n"],"names":["ButtonButton","editorId","id","editor","useEditorState","useEventPlateId","isEnabled","isRangeInSameBlock","type","getPluginType","ELEMENT_BUTTON","isLink","someNode","jsx","ButtonToolbarButton","getTooltip","getHotkeyByPlatform"],"mappings":";;;;AAiBO,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,IAAAC,QAA4B;AACjE,QAAMC,IAASC,EAAeC,EAAgBJ,CAAQ,CAAC,GACjDK,IAAY,CAAC,CAACC,EAAmBJ,GAAQ;AAAA,IAC3C,IAAIA,EAAO;AAAA,EAAA,CACd,GACKK,IAAOC,EAAcN,GAAQO,CAAc,GAC3CC,IAAS,CAAC,CAACR,GAAQ,aAAaS,EAAST,GAAQ,EAAE,OAAO,EAAE,MAAAK,EAAA,GAAQ;AAE1E,SACI,gBAAAK,EAAC,OAAA,EAAI,kBAAgBX,GACjB,UAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAASH;AAAA,MACT,UAAU,CAACL;AAAA,MACX,SAASS;AAAA,QACLT,IACM;AAAA,EAAWU,EAAoB,cAAc,CAAC,KAC9C;AAAA,MAAA;AAAA,IACV;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"ButtonButton.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PluginButtonProps,\n    getHotkeyByPlatform,\n    getPluginType,\n    getTooltip,\n    isRangeInSameBlock,\n    someNode,\n    useEditorState,\n    useEventPlateId,\n} from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\nimport { ButtonToolbarButton } from './ButtonToolbarButton';\n\nexport const ButtonButton = ({ editorId, id }: PluginButtonProps) => {\n    const editor = useEditorState(useEventPlateId(editorId));\n    const isEnabled = !!isRangeInSameBlock(editor, {\n        at: editor.selection,\n    });\n    const type = getPluginType(editor, ELEMENT_BUTTON);\n    const isLink = !!editor?.selection && someNode(editor, { match: { type } });\n\n    return (\n        <div data-plugin-id={id}>\n            <ButtonToolbarButton\n                pressed={isLink}\n                disabled={!isEnabled} // maybe pressed\n                tooltip={getTooltip(\n                    isEnabled\n                        ? `Button\\n${getHotkeyByPlatform('Ctrl+Shift+K')}`\n                        : 'Buttons can only be set for a single text block.',\n                )}\n            />\n        </div>\n    );\n};\n"],"mappings":";;;;;AAiBA,IAAa,KAAgB,EAAE,aAAU,YAA4B;CACjE,IAAM,IAAS,EAAe,EAAgB,CAAQ,CAAC,GACjD,IAAY,CAAC,CAAC,EAAmB,GAAQ,EAC3C,IAAI,EAAO,UACf,CAAC,GACK,IAAO,EAAc,GAAQ,CAAc,GAC3C,IAAS,CAAC,CAAC,GAAQ,aAAa,EAAS,GAAQ,EAAE,OAAO,EAAE,QAAK,EAAE,CAAC;CAE1E,OACI,kBAAC,OAAD;EAAK,kBAAgB;EACjB,UAAA,kBAAC,GAAD;GACI,SAAS;GACT,UAAU,CAAC;GACX,SAAS,EACL,IACM,WAAW,EAAoB,cAAc,MAC7C,kDACV;EACH,CAAA;CACA,CAAA;AAEb"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.es.js

@@ -1,27 +1,25 @@
-import { jsx as t } from "react/jsx-runtime";
-import { IconButton as i } from "@frontify/fondue/icons";
-import { useEditorRef as u, ToolbarButton as c, IconStylingWrapper as f, focusEditor as l } from "@frontify/fondue/rte";
-import { forwardRef as m } from "react";
-import { triggerFloatingButton as p } from "../utils/triggerFloatingButton.es.js";
-const s = m((r, e) => {
-  const o = u();
-  return /* @__PURE__ */ t(
-    c,
-    {
-      ref: e,
-      ...r,
-      onMouseDown: (n) => {
-        n.preventDefault(), l(o, o.selection ?? o.prevSelection ?? void 0);
-      },
-      onClick: () => {
-        p(o, { focused: !0 });
-      },
-      children: /* @__PURE__ */ t(f, { icon: /* @__PURE__ */ t(i, { size: 16 }) })
-    }
-  );
+import { triggerFloatingButton as e } from "../utils/triggerFloatingButton.es.js";
+import { IconButton as t } from "@frontify/fondue/icons";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { IconStylingWrapper as i, ToolbarButton as a, focusEditor as o, useEditorRef as s } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.tsx
+var c = n((n, c) => {
+	let l = s();
+	return /* @__PURE__ */ r(a, {
+		ref: c,
+		...n,
+		onMouseDown: (e) => {
+			e.preventDefault(), o(l, l.selection ?? l.prevSelection ?? void 0);
+		},
+		onClick: () => {
+			e(l, { focused: !0 });
+		},
+		children: /* @__PURE__ */ r(i, { icon: /* @__PURE__ */ r(t, { size: 16 }) })
+	});
 });
-s.displayName = "ButtonToolbarButton";
-export {
-  s as ButtonToolbarButton
-};
-//# sourceMappingURL=ButtonToolbarButton.es.js.map
+c.displayName = "ButtonToolbarButton";
+//#endregion
+export { c as ButtonToolbarButton };
+
+//# sourceMappingURL=ButtonToolbarButton.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonToolbarButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconButton } from '@frontify/fondue/icons';\nimport { IconStylingWrapper, ToolbarButton, focusEditor, useEditorRef } from '@frontify/fondue/rte';\nimport { type ReactNode, forwardRef } from 'react';\n\nimport { triggerFloatingButton } from '../utils';\n\nexport const ButtonToolbarButton = forwardRef<\n    HTMLButtonElement,\n    { disabled: boolean; tooltip: ReactNode; pressed: boolean }\n>((rootProps, ref) => {\n    const editor = useEditorRef();\n\n    return (\n        <ToolbarButton\n            ref={ref}\n            {...rootProps}\n            onMouseDown={(event) => {\n                event.preventDefault();\n                focusEditor(editor, editor.selection ?? editor.prevSelection ?? undefined);\n            }}\n            onClick={() => {\n                triggerFloatingButton(editor, { focused: true });\n            }}\n        >\n            <IconStylingWrapper icon={<IconButton size={16} />} />\n        </ToolbarButton>\n    );\n});\n\nButtonToolbarButton.displayName = 'ButtonToolbarButton';\n"],"names":["ButtonToolbarButton","forwardRef","rootProps","ref","editor","useEditorRef","jsx","ToolbarButton","event","focusEditor","triggerFloatingButton","IconStylingWrapper","IconButton"],"mappings":";;;;;AAQO,MAAMA,IAAsBC,EAGjC,CAACC,GAAWC,MAAQ;AAClB,QAAMC,IAASC,EAAA;AAEf,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAJ;AAAA,MACC,GAAGD;AAAA,MACJ,aAAa,CAACM,MAAU;AACpB,QAAAA,EAAM,eAAA,GACNC,EAAYL,GAAQA,EAAO,aAAaA,EAAO,iBAAiB,MAAS;AAAA,MAC7E;AAAA,MACA,SAAS,MAAM;AACX,QAAAM,EAAsBN,GAAQ,EAAE,SAAS,GAAA,CAAM;AAAA,MACnD;AAAA,MAEA,4BAACO,GAAA,EAAmB,wBAAOC,GAAA,EAAW,MAAM,IAAI,EAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAGhE,CAAC;AAEDZ,EAAoB,cAAc;"}
+{"version":3,"file":"ButtonToolbarButton.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconButton } from '@frontify/fondue/icons';\nimport { IconStylingWrapper, ToolbarButton, focusEditor, useEditorRef } from '@frontify/fondue/rte';\nimport { type ReactNode, forwardRef } from 'react';\n\nimport { triggerFloatingButton } from '../utils';\n\nexport const ButtonToolbarButton = forwardRef<\n    HTMLButtonElement,\n    { disabled: boolean; tooltip: ReactNode; pressed: boolean }\n>((rootProps, ref) => {\n    const editor = useEditorRef();\n\n    return (\n        <ToolbarButton\n            ref={ref}\n            {...rootProps}\n            onMouseDown={(event) => {\n                event.preventDefault();\n                focusEditor(editor, editor.selection ?? editor.prevSelection ?? undefined);\n            }}\n            onClick={() => {\n                triggerFloatingButton(editor, { focused: true });\n            }}\n        >\n            <IconStylingWrapper icon={<IconButton size={16} />} />\n        </ToolbarButton>\n    );\n});\n\nButtonToolbarButton.displayName = 'ButtonToolbarButton';\n"],"mappings":";;;;;;AAQA,IAAa,IAAsB,GAGhC,GAAW,MAAQ;CAClB,IAAM,IAAS,EAAa;CAE5B,OACI,kBAAC,GAAD;EACS;EACL,GAAI;EACJ,cAAc,MAAU;GAEpB,AADA,EAAM,eAAe,GACrB,EAAY,GAAQ,EAAO,aAAa,EAAO,iBAAiB,KAAA,CAAS;EAC7E;EACA,eAAe;GACX,EAAsB,GAAQ,EAAE,SAAS,GAAK,CAAC;EACnD;EAEA,UAAA,kBAAC,GAAD,EAAoB,MAAM,kBAAC,GAAD,EAAY,MAAM,GAAK,CAAA,EAAI,CAAA;CAC1C,CAAA;AAEvB,CAAC;AAED,EAAoB,cAAc"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/CustomFloatingButton.es.js

@@ -1,54 +1,47 @@
-import { jsxs as g, Fragment as b, jsx as t } from "react/jsx-runtime";
-import { useEditorRef as B, TextStyles as d, offset as E, flip as F } from "@frontify/fondue/rte";
-import { createPortal as m } from "react-dom";
-import { BlockStyles as l } from "../../../styles.es.js";
-import { EditModal as x } from "./EditButtonModal/EditModal.es.js";
-import { InsertButtonModal as P } from "./InsertButtonModal/InsertButtonModal.es.js";
-import { useFloatingButtonInsert as h } from "./useFloatingButtonInsert.es.js";
-import { useFloatingButtonEdit as O } from "./useFloatingButtonEdit.es.js";
-import { useFloatingButtonSelectors as R } from "./floatingButtonStore.es.js";
-const a = {
-  placement: "bottom-start",
-  strategy: "absolute",
-  middleware: [
-    E(12),
-    F({
-      padding: 12,
-      fallbackPlacements: ["bottom-end", "top-start", "top-end"]
-    })
-  ]
-}, q = () => {
-  const { ref: p, ...e } = h(a), { ref: c, ...r } = O(a), f = B(), o = R(), n = o.isOpen(f.id), u = o.isEditing(), s = o.mode(), i = /* @__PURE__ */ t(P, {}), y = u ? i : /* @__PURE__ */ t(x, {});
-  return /* @__PURE__ */ g(b, { children: [
-    n && s === "insert" && m(
-      /* @__PURE__ */ t(
-        "div",
-        {
-          "data-is-underlay": !0,
-          ref: p,
-          ...e,
-          style: { ...e.style, ...l[d.p] },
-          children: i
-        }
-      ),
-      document.body
-    ),
-    n && s === "edit" && m(
-      /* @__PURE__ */ t(
-        "div",
-        {
-          "data-is-underlay": !0,
-          ref: c,
-          ...r,
-          style: { ...r.style, ...l[d.p] },
-          children: y
-        }
-      ),
-      document.body
-    )
-  ] });
+import { useFloatingButtonSelectors as e } from "./floatingButtonStore.es.js";
+import { BlockStyles as t } from "../../../styles.es.js";
+import { EditModal as n } from "./EditButtonModal/EditModal.es.js";
+import { InsertButtonModal as r } from "./InsertButtonModal/InsertButtonModal.es.js";
+import { useFloatingButtonEdit as i } from "./useFloatingButtonEdit.es.js";
+import { useFloatingButtonInsert as a } from "./useFloatingButtonInsert.es.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { TextStyles as l, flip as u, offset as d, useEditorRef as f } from "@frontify/fondue/rte";
+import { createPortal as p } from "react-dom";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/CustomFloatingButton.tsx
+var m = {
+	placement: "bottom-start",
+	strategy: "absolute",
+	middleware: [d(12), u({
+		padding: 12,
+		fallbackPlacements: [
+			"bottom-end",
+			"top-start",
+			"top-end"
+		]
+	})]
+}, h = () => {
+	let { ref: u, ...d } = a(m), { ref: h, ...g } = i(m), _ = f(), v = e(), y = v.isOpen(_.id), b = v.isEditing(), x = v.mode(), S = /* @__PURE__ */ s(r, {}), C = b ? S : /* @__PURE__ */ s(n, {});
+	return /* @__PURE__ */ c(o, { children: [y && x === "insert" && p(/* @__PURE__ */ s("div", {
+		"data-is-underlay": !0,
+		ref: u,
+		...d,
+		style: {
+			...d.style,
+			...t[l.p]
+		},
+		children: S
+	}), document.body), y && x === "edit" && p(/* @__PURE__ */ s("div", {
+		"data-is-underlay": !0,
+		ref: h,
+		...g,
+		style: {
+			...g.style,
+			...t[l.p]
+		},
+		children: C
+	}), document.body)] });
 };
-export {
-  q as CustomFloatingButton
-};
-//# sourceMappingURL=CustomFloatingButton.es.js.map
+//#endregion
+export { h as CustomFloatingButton };
+
+//# sourceMappingURL=CustomFloatingButton.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/CustomFloatingButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFloatingButton.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/CustomFloatingButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TextStyles, type UseVirtualFloatingOptions, flip, offset, useEditorRef } from '@frontify/fondue/rte';\nimport { createPortal } from 'react-dom';\n\nimport { BlockStyles } from '../../../../../RichTextEditor/plugins/styles';\nimport { useFloatingButtonEdit, useFloatingButtonInsert, useFloatingButtonSelectors } from '../FloatingButton';\n\nimport { EditModal } from './EditButtonModal/EditModal';\nimport { InsertButtonModal } from './InsertButtonModal/InsertButtonModal';\n\nconst floatingOptions: UseVirtualFloatingOptions = {\n    placement: 'bottom-start',\n    strategy: 'absolute',\n    middleware: [\n        offset(12),\n        flip({\n            padding: 12,\n            fallbackPlacements: ['bottom-end', 'top-start', 'top-end'],\n        }),\n    ],\n};\n\nexport const CustomFloatingButton = () => {\n    const { ref: insertRef, ...insertProps } = useFloatingButtonInsert(floatingOptions);\n    const { ref: editRef, ...editProps } = useFloatingButtonEdit(floatingOptions);\n    const editor = useEditorRef();\n    const state = useFloatingButtonSelectors();\n    const isOpen = state.isOpen(editor.id);\n    const isEditing = state.isEditing();\n    const mode = state.mode();\n\n    const input = <InsertButtonModal />;\n    const editContent = isEditing ? input : <EditModal />;\n\n    return (\n        <>\n            {isOpen &&\n                mode === 'insert' &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={insertRef}\n                        {...insertProps}\n                        style={{ ...insertProps.style, ...BlockStyles[TextStyles.p] }}\n                    >\n                        {input}\n                    </div>,\n                    document.body,\n                )}\n\n            {isOpen &&\n                mode === 'edit' &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={editRef}\n                        {...editProps}\n                        style={{ ...editProps.style, ...BlockStyles[TextStyles.p] }}\n                    >\n                        {editContent}\n                    </div>,\n                    document.body,\n                )}\n        </>\n    );\n};\n"],"names":["floatingOptions","offset","flip","CustomFloatingButton","insertRef","insertProps","useFloatingButtonInsert","editRef","editProps","useFloatingButtonEdit","editor","useEditorRef","state","useFloatingButtonSelectors","isOpen","isEditing","mode","input","InsertButtonModal","editContent","jsx","EditModal","jsxs","Fragment","createPortal","BlockStyles","TextStyles"],"mappings":";;;;;;;;;AAWA,MAAMA,IAA6C;AAAA,EAC/C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,IACRC,EAAO,EAAE;AAAA,IACTC,EAAK;AAAA,MACD,SAAS;AAAA,MACT,oBAAoB,CAAC,cAAc,aAAa,SAAS;AAAA,IAAA,CAC5D;AAAA,EAAA;AAET,GAEaC,IAAuB,MAAM;AACtC,QAAM,EAAE,KAAKC,GAAW,GAAGC,EAAA,IAAgBC,EAAwBN,CAAe,GAC5E,EAAE,KAAKO,GAAS,GAAGC,EAAA,IAAcC,EAAsBT,CAAe,GACtEU,IAASC,EAAA,GACTC,IAAQC,EAAA,GACRC,IAASF,EAAM,OAAOF,EAAO,EAAE,GAC/BK,IAAYH,EAAM,UAAA,GAClBI,IAAOJ,EAAM,KAAA,GAEbK,sBAASC,GAAA,EAAkB,GAC3BC,IAAcJ,IAAYE,IAAQ,gBAAAG,EAACC,GAAA,CAAA,CAAU;AAEnD,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAT,KACGE,MAAS,YACTQ;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKhB;AAAA,UACJ,GAAGC;AAAA,UACJ,OAAO,EAAE,GAAGA,EAAY,OAAO,GAAGoB,EAAYC,EAAW,CAAC,EAAA;AAAA,UAEzD,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,IAGhBH,KACGE,MAAS,UACTQ;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKb;AAAA,UACJ,GAAGC;AAAA,UACJ,OAAO,EAAE,GAAGA,EAAU,OAAO,GAAGiB,EAAYC,EAAW,CAAC,EAAA;AAAA,UAEvD,UAAAP;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,EACb,GACR;AAER;"}
+{"version":3,"file":"CustomFloatingButton.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/CustomFloatingButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TextStyles, type UseVirtualFloatingOptions, flip, offset, useEditorRef } from '@frontify/fondue/rte';\nimport { createPortal } from 'react-dom';\n\nimport { BlockStyles } from '../../../../../RichTextEditor/plugins/styles';\nimport { useFloatingButtonEdit, useFloatingButtonInsert, useFloatingButtonSelectors } from '../FloatingButton';\n\nimport { EditModal } from './EditButtonModal/EditModal';\nimport { InsertButtonModal } from './InsertButtonModal/InsertButtonModal';\n\nconst floatingOptions: UseVirtualFloatingOptions = {\n    placement: 'bottom-start',\n    strategy: 'absolute',\n    middleware: [\n        offset(12),\n        flip({\n            padding: 12,\n            fallbackPlacements: ['bottom-end', 'top-start', 'top-end'],\n        }),\n    ],\n};\n\nexport const CustomFloatingButton = () => {\n    const { ref: insertRef, ...insertProps } = useFloatingButtonInsert(floatingOptions);\n    const { ref: editRef, ...editProps } = useFloatingButtonEdit(floatingOptions);\n    const editor = useEditorRef();\n    const state = useFloatingButtonSelectors();\n    const isOpen = state.isOpen(editor.id);\n    const isEditing = state.isEditing();\n    const mode = state.mode();\n\n    const input = <InsertButtonModal />;\n    const editContent = isEditing ? input : <EditModal />;\n\n    return (\n        <>\n            {isOpen &&\n                mode === 'insert' &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={insertRef}\n                        {...insertProps}\n                        style={{ ...insertProps.style, ...BlockStyles[TextStyles.p] }}\n                    >\n                        {input}\n                    </div>,\n                    document.body,\n                )}\n\n            {isOpen &&\n                mode === 'edit' &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={editRef}\n                        {...editProps}\n                        style={{ ...editProps.style, ...BlockStyles[TextStyles.p] }}\n                    >\n                        {editContent}\n                    </div>,\n                    document.body,\n                )}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;;;AAWA,IAAM,IAA6C;CAC/C,WAAW;CACX,UAAU;CACV,YAAY,CACR,EAAO,EAAE,GACT,EAAK;EACD,SAAS;EACT,oBAAoB;GAAC;GAAc;GAAa;EAAS;CAC7D,CAAC,CACL;AACJ,GAEa,UAA6B;CACtC,IAAM,EAAE,KAAK,GAAW,GAAG,MAAgB,EAAwB,CAAe,GAC5E,EAAE,KAAK,GAAS,GAAG,MAAc,EAAsB,CAAe,GACtE,IAAS,EAAa,GACtB,IAAQ,EAA2B,GACnC,IAAS,EAAM,OAAO,EAAO,EAAE,GAC/B,IAAY,EAAM,UAAU,GAC5B,IAAO,EAAM,KAAK,GAElB,IAAQ,kBAAC,GAAD,CAAoB,CAAA,GAC5B,IAAc,IAAY,IAAQ,kBAAC,GAAD,CAAY,CAAA;CAEpD,OACI,kBAAA,GAAA,EAAA,UAAA,CACK,KACG,MAAS,YACT,EACI,kBAAC,OAAD;EACI,oBAAA;EACA,KAAK;EACL,GAAI;EACJ,OAAO;GAAE,GAAG,EAAY;GAAO,GAAG,EAAY,EAAW;EAAG;EAE3D,UAAA;CACA,CAAA,GACL,SAAS,IACb,GAEH,KACG,MAAS,UACT,EACI,kBAAC,OAAD;EACI,oBAAA;EACA,KAAK;EACL,GAAI;EACJ,OAAO;GAAE,GAAG,EAAU;GAAO,GAAG,EAAY,EAAW;EAAG;EAEzD,UAAA;CACA,CAAA,GACL,SAAS,IACb,CACN,EAAA,CAAA;AAEV"}