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

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

@@ -1 +1 @@
-{"version":3,"file":"floatingButtonStore.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/floatingButtonStore.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createStore } from '@frontify/fondue/rte';\n\nimport { type RichTextButtonStyle } from '../../types';\n\nexport type FloatingButtonMode = '' | 'insert' | 'edit';\n\nexport const floatingButtonStore: any = createStore('floatingButton')({\n    openEditorId: null as null | string,\n    mouseDown: false,\n    updated: false,\n    url: '',\n    text: '',\n    buttonStyle: 'primary' as RichTextButtonStyle,\n    newTab: false,\n    mode: '' as FloatingButtonMode,\n    isEditing: false,\n})\n    .extendActions((set) => ({\n        reset: () => {\n            set.url('');\n            set.text('');\n            set.buttonStyle('primary');\n            set.newTab(false);\n            set.mode('');\n            set.isEditing(false);\n        },\n    }))\n    .extendActions((set) => ({\n        show: (mode: FloatingButtonMode, editorId: string) => {\n            set.mode(mode);\n            set.isEditing(false);\n            set.openEditorId(editorId);\n        },\n        hide: () => {\n            set.reset();\n            set.openEditorId(null);\n        },\n    }))\n    .extendSelectors((state) => ({\n        isOpen: (editorId: string) => state.openEditorId === editorId,\n    }));\n\nexport const floatingButtonActions = floatingButtonStore.set;\nexport const floatingButtonSelectors = floatingButtonStore.get;\n// oxlint-disable-next-line typescript/no-unsafe-return\nexport const useFloatingButtonSelectors = () => floatingButtonStore.use;\n"],"names":["floatingButtonStore","createStore","set","mode","editorId","state","floatingButtonActions","floatingButtonSelectors","useFloatingButtonSelectors"],"mappings":";AAQO,MAAMA,IAA2BC,EAAY,gBAAgB,EAAE;AAAA,EAClE,cAAc;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,KAAK;AAAA,EACL,MAAM;AAAA,EACN,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,WAAW;AACf,CAAC,EACI,cAAc,CAACC,OAAS;AAAA,EACrB,OAAO,MAAM;AACT,IAAAA,EAAI,IAAI,EAAE,GACVA,EAAI,KAAK,EAAE,GACXA,EAAI,YAAY,SAAS,GACzBA,EAAI,OAAO,EAAK,GAChBA,EAAI,KAAK,EAAE,GACXA,EAAI,UAAU,EAAK;AAAA,EACvB;AACJ,EAAE,EACD,cAAc,CAACA,OAAS;AAAA,EACrB,MAAM,CAACC,GAA0BC,MAAqB;AAClD,IAAAF,EAAI,KAAKC,CAAI,GACbD,EAAI,UAAU,EAAK,GACnBA,EAAI,aAAaE,CAAQ;AAAA,EAC7B;AAAA,EACA,MAAM,MAAM;AACR,IAAAF,EAAI,MAAA,GACJA,EAAI,aAAa,IAAI;AAAA,EACzB;AACJ,EAAE,EACD,gBAAgB,CAACG,OAAW;AAAA,EACzB,QAAQ,CAACD,MAAqBC,EAAM,iBAAiBD;AACzD,EAAE,GAEOE,IAAwBN,EAAoB,KAC5CO,IAA0BP,EAAoB,KAE9CQ,IAA6B,MAAMR,EAAoB;"}
+{"version":3,"file":"floatingButtonStore.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/floatingButtonStore.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createStore } from '@frontify/fondue/rte';\n\nimport { type RichTextButtonStyle } from '../../types';\n\nexport type FloatingButtonMode = '' | 'insert' | 'edit';\n\nexport const floatingButtonStore: any = createStore('floatingButton')({\n    openEditorId: null as null | string,\n    mouseDown: false,\n    updated: false,\n    url: '',\n    text: '',\n    buttonStyle: 'primary' as RichTextButtonStyle,\n    newTab: false,\n    mode: '' as FloatingButtonMode,\n    isEditing: false,\n})\n    .extendActions((set) => ({\n        reset: () => {\n            set.url('');\n            set.text('');\n            set.buttonStyle('primary');\n            set.newTab(false);\n            set.mode('');\n            set.isEditing(false);\n        },\n    }))\n    .extendActions((set) => ({\n        show: (mode: FloatingButtonMode, editorId: string) => {\n            set.mode(mode);\n            set.isEditing(false);\n            set.openEditorId(editorId);\n        },\n        hide: () => {\n            set.reset();\n            set.openEditorId(null);\n        },\n    }))\n    .extendSelectors((state) => ({\n        isOpen: (editorId: string) => state.openEditorId === editorId,\n    }));\n\nexport const floatingButtonActions = floatingButtonStore.set;\nexport const floatingButtonSelectors = floatingButtonStore.get;\n// oxlint-disable-next-line typescript/no-unsafe-return\nexport const useFloatingButtonSelectors = () => floatingButtonStore.use;\n"],"mappings":";;AAQA,IAAa,IAA2B,EAAY,gBAAgB,CAAC,CAAC;CAClE,cAAc;CACd,WAAW;CACX,SAAS;CACT,KAAK;CACL,MAAM;CACN,aAAa;CACb,QAAQ;CACR,MAAM;CACN,WAAW;AACf,CAAC,CAAC,CACG,eAAe,OAAS,EACrB,aAAa;CAMT,AALA,EAAI,IAAI,EAAE,GACV,EAAI,KAAK,EAAE,GACX,EAAI,YAAY,SAAS,GACzB,EAAI,OAAO,EAAK,GAChB,EAAI,KAAK,EAAE,GACX,EAAI,UAAU,EAAK;AACvB,EACJ,EAAE,CAAC,CACF,eAAe,OAAS;CACrB,OAAO,GAA0B,MAAqB;EAGlD,AAFA,EAAI,KAAK,CAAI,GACb,EAAI,UAAU,EAAK,GACnB,EAAI,aAAa,CAAQ;CAC7B;CACA,YAAY;EAER,AADA,EAAI,MAAM,GACV,EAAI,aAAa,IAAI;CACzB;AACJ,EAAE,CAAC,CACF,iBAAiB,OAAW,EACzB,SAAS,MAAqB,EAAM,iBAAiB,EACzD,EAAE,GAEO,IAAwB,EAAoB,KAC5C,IAA0B,EAAoB,KAE9C,UAAmC,EAAoB"}

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

@@ -1,54 +1,48 @@
-import { useEditorRef as F, useEditorVersion as y, getPluginOptions as C, getAboveNode as R, getPluginType as s, getRangeBoundingClientRect as h, getEndPoint as O, getStartPoint as b, getDefaultBoundingClientRect as N, someNode as P, useHotkeys as T, useComposedRef as k } from "@frontify/fondue/rte";
-import { useCallback as v, useEffect as S } from "react";
-import { ELEMENT_BUTTON as o } from "../../createButtonPlugin.es.js";
-import { triggerFloatingButtonEdit as A } from "../../utils/triggerFloatingButtonEdit.es.js";
-import { useVirtualFloatingButton as D } from "./useVirtualFloatingButton.es.js";
-import { getUrlFromEditor as H } from "../../utils/getUrl.es.js";
-import { useFloatingButtonSelectors as u, floatingButtonActions as n, floatingButtonSelectors as g } from "./floatingButtonStore.es.js";
-import { useFloatingButtonEnter as U } from "./useFloatingButtonEnter.es.js";
-import { useFloatingButtonEscape as V } from "./useFloatingButtonEscape.es.js";
-const I = (l) => {
-  const t = F(), m = u().mode(), c = u().isOpen(t.id), a = y(), { triggerFloatingButtonHotkeys: d } = C(t, o), f = v(() => {
-    const e = R(t, {
-      match: { type: s(t, o) }
-    });
-    if (e) {
-      const [, r] = e;
-      return h(t, {
-        anchor: b(t, r),
-        focus: O(t, r)
-      });
-    }
-    return N();
-  }, [t]), p = c && m === "edit", { update: i, style: B, floating: E } = D({
-    open: p,
-    getBoundingClientRect: f,
-    ...l
-  });
-  return S(() => {
-    const e = H(t);
-    if (e && n.url(e), t.selection && P(t, {
-      match: { type: s(t, o) }
-    })) {
-      n.show("edit", t.id), i();
-      return;
-    }
-    g.mode() === "edit" && n.reset();
-  }, [t, a, i]), T(
-    d,
-    (e) => {
-      e.preventDefault(), g.mode() === "edit" && A(t);
-    },
-    {
-      enableOnContentEditable: !0
-    },
-    []
-  ), U(), V(), {
-    style: B,
-    ref: k(E)
-  };
+import { floatingButtonActions as e, floatingButtonSelectors as t, useFloatingButtonSelectors as n } from "./floatingButtonStore.es.js";
+import { getUrlFromEditor as r } from "../../utils/getUrl.es.js";
+import { triggerFloatingButtonEdit as i } from "../../utils/triggerFloatingButtonEdit.es.js";
+import { ELEMENT_BUTTON as a } from "../../createButtonPlugin.es.js";
+import { useFloatingButtonEnter as o } from "./useFloatingButtonEnter.es.js";
+import { useFloatingButtonEscape as s } from "./useFloatingButtonEscape.es.js";
+import { useVirtualFloatingButton as c } from "./useVirtualFloatingButton.es.js";
+import { useCallback as l, useEffect as u } from "react";
+import { getAboveNode as d, getDefaultBoundingClientRect as f, getEndPoint as p, getPluginOptions as m, getPluginType as h, getRangeBoundingClientRect as g, getStartPoint as _, someNode as v, useComposedRef as y, useEditorRef as b, useEditorVersion as x, useHotkeys as S } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEdit.ts
+var C = (C) => {
+	let w = b(), T = n().mode(), E = n().isOpen(w.id), D = x(), { triggerFloatingButtonHotkeys: O } = m(w, a), k = l(() => {
+		let e = d(w, { match: { type: h(w, a) } });
+		if (e) {
+			let [, t] = e;
+			return g(w, {
+				anchor: _(w, t),
+				focus: p(w, t)
+			});
+		}
+		return f();
+	}, [w]), { update: A, style: j, floating: M } = c({
+		open: E && T === "edit",
+		getBoundingClientRect: k,
+		...C
+	});
+	return u(() => {
+		let n = r(w);
+		if (n && e.url(n), w.selection && v(w, { match: { type: h(w, "button") } })) {
+			e.show("edit", w.id), A();
+			return;
+		}
+		t.mode() === "edit" && e.reset();
+	}, [
+		w,
+		D,
+		A
+	]), S(O, (e) => {
+		e.preventDefault(), t.mode() === "edit" && i(w);
+	}, { enableOnContentEditable: !0 }, []), o(), s(), {
+		style: j,
+		ref: y(M)
+	};
 };
-export {
-  I as useFloatingButtonEdit
-};
-//# sourceMappingURL=useFloatingButtonEdit.es.js.map
+//#endregion
+export { C as useFloatingButtonEdit };
+
+//# sourceMappingURL=useFloatingButtonEdit.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFloatingButtonEdit.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEdit.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type UseVirtualFloatingOptions,\n    getAboveNode,\n    getDefaultBoundingClientRect,\n    getEndPoint,\n    getPluginOptions,\n    getPluginType,\n    getRangeBoundingClientRect,\n    getStartPoint,\n    someNode,\n    useComposedRef,\n    useEditorRef,\n    useEditorVersion,\n    useHotkeys,\n} from '@frontify/fondue/rte';\nimport { type Ref, useCallback, useEffect } from 'react';\n\nimport { type ButtonPlugin, ELEMENT_BUTTON } from '../../createButtonPlugin';\nimport { getUrlFromEditor } from '../../utils';\nimport { triggerFloatingButtonEdit } from '../../utils/triggerFloatingButtonEdit';\n\nimport {\n    floatingButtonActions,\n    floatingButtonSelectors,\n    useFloatingButtonEnter,\n    useFloatingButtonEscape,\n    useFloatingButtonSelectors,\n    useVirtualFloatingButton,\n} from '.';\n\nexport const useFloatingButtonEdit = (\n    floatingOptions: UseVirtualFloatingOptions,\n): React.HTMLAttributes<HTMLDivElement> & { ref: Ref<HTMLDivElement> } => {\n    const editor = useEditorRef();\n    const mode = useFloatingButtonSelectors().mode();\n    const open = useFloatingButtonSelectors().isOpen(editor.id);\n    const version = useEditorVersion();\n\n    const { triggerFloatingButtonHotkeys } = getPluginOptions<ButtonPlugin>(editor, ELEMENT_BUTTON);\n\n    const getBoundingClientRect = useCallback(() => {\n        const entry = getAboveNode(editor, {\n            match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n        });\n\n        if (entry) {\n            const [, path] = entry;\n            return getRangeBoundingClientRect(editor, {\n                anchor: getStartPoint(editor, path),\n                focus: getEndPoint(editor, path),\n            });\n        }\n\n        return getDefaultBoundingClientRect();\n    }, [editor]);\n\n    const isOpen = open && mode === 'edit';\n\n    const { update, style, floating } = useVirtualFloatingButton({\n        open: isOpen,\n        getBoundingClientRect,\n        ...floatingOptions,\n    });\n\n    useEffect(() => {\n        const url = getUrlFromEditor(editor);\n        if (url) {\n            floatingButtonActions.url(url);\n        }\n\n        if (\n            editor.selection &&\n            someNode(editor, {\n                match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n            })\n        ) {\n            floatingButtonActions.show('edit', editor.id);\n            update();\n            return;\n        }\n\n        if (floatingButtonSelectors.mode() === 'edit') {\n            floatingButtonActions.reset();\n        }\n    }, [editor, version, update]);\n\n    useHotkeys(\n        triggerFloatingButtonHotkeys,\n        (e) => {\n            e.preventDefault();\n\n            if (floatingButtonSelectors.mode() === 'edit') {\n                triggerFloatingButtonEdit(editor);\n            }\n        },\n        {\n            enableOnContentEditable: true,\n        },\n        [],\n    );\n\n    useFloatingButtonEnter();\n\n    useFloatingButtonEscape();\n\n    return {\n        style,\n        ref: useComposedRef<HTMLElement | null>(floating),\n    };\n};\n"],"names":["useFloatingButtonEdit","floatingOptions","editor","useEditorRef","mode","useFloatingButtonSelectors","open","version","useEditorVersion","triggerFloatingButtonHotkeys","getPluginOptions","ELEMENT_BUTTON","getBoundingClientRect","useCallback","entry","getAboveNode","getPluginType","path","getRangeBoundingClientRect","getStartPoint","getEndPoint","getDefaultBoundingClientRect","isOpen","update","style","floating","useVirtualFloatingButton","useEffect","url","getUrlFromEditor","floatingButtonActions","someNode","floatingButtonSelectors","useHotkeys","triggerFloatingButtonEdit","useFloatingButtonEnter","useFloatingButtonEscape","useComposedRef"],"mappings":";;;;;;;;;AAgCO,MAAMA,IAAwB,CACjCC,MACsE;AACtE,QAAMC,IAASC,EAAA,GACTC,IAAOC,EAAA,EAA6B,KAAA,GACpCC,IAAOD,EAAA,EAA6B,OAAOH,EAAO,EAAE,GACpDK,IAAUC,EAAA,GAEV,EAAE,8BAAAC,EAAA,IAAiCC,EAA+BR,GAAQS,CAAc,GAExFC,IAAwBC,EAAY,MAAM;AAC5C,UAAMC,IAAQC,EAAab,GAAQ;AAAA,MAC/B,OAAO,EAAE,MAAMc,EAAcd,GAAQS,CAAc,EAAA;AAAA,IAAE,CACxD;AAED,QAAIG,GAAO;AACP,YAAM,CAAA,EAAGG,CAAI,IAAIH;AACjB,aAAOI,EAA2BhB,GAAQ;AAAA,QACtC,QAAQiB,EAAcjB,GAAQe,CAAI;AAAA,QAClC,OAAOG,EAAYlB,GAAQe,CAAI;AAAA,MAAA,CAClC;AAAA,IACL;AAEA,WAAOI,EAAA;AAAA,EACX,GAAG,CAACnB,CAAM,CAAC,GAELoB,IAAShB,KAAQF,MAAS,QAE1B,EAAE,QAAAmB,GAAQ,OAAAC,GAAO,UAAAC,EAAA,IAAaC,EAAyB;AAAA,IACzD,MAAMJ;AAAA,IACN,uBAAAV;AAAA,IACA,GAAGX;AAAA,EAAA,CACN;AAED,SAAA0B,EAAU,MAAM;AACZ,UAAMC,IAAMC,EAAiB3B,CAAM;AAKnC,QAJI0B,KACAE,EAAsB,IAAIF,CAAG,GAI7B1B,EAAO,aACP6B,EAAS7B,GAAQ;AAAA,MACb,OAAO,EAAE,MAAMc,EAAcd,GAAQS,CAAc,EAAA;AAAA,IAAE,CACxD,GACH;AACE,MAAAmB,EAAsB,KAAK,QAAQ5B,EAAO,EAAE,GAC5CqB,EAAA;AACA;AAAA,IACJ;AAEA,IAAIS,EAAwB,KAAA,MAAW,UACnCF,EAAsB,MAAA;AAAA,EAE9B,GAAG,CAAC5B,GAAQK,GAASgB,CAAM,CAAC,GAE5BU;AAAA,IACIxB;AAAA,IACA,CAAC,MAAM;AACH,QAAE,eAAA,GAEEuB,EAAwB,KAAA,MAAW,UACnCE,EAA0BhC,CAAM;AAAA,IAExC;AAAA,IACA;AAAA,MACI,yBAAyB;AAAA,IAAA;AAAA,IAE7B,CAAA;AAAA,EAAC,GAGLiC,EAAA,GAEAC,EAAA,GAEO;AAAA,IACH,OAAAZ;AAAA,IACA,KAAKa,EAAmCZ,CAAQ;AAAA,EAAA;AAExD;"}
+{"version":3,"file":"useFloatingButtonEdit.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEdit.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type UseVirtualFloatingOptions,\n    getAboveNode,\n    getDefaultBoundingClientRect,\n    getEndPoint,\n    getPluginOptions,\n    getPluginType,\n    getRangeBoundingClientRect,\n    getStartPoint,\n    someNode,\n    useComposedRef,\n    useEditorRef,\n    useEditorVersion,\n    useHotkeys,\n} from '@frontify/fondue/rte';\nimport { type Ref, useCallback, useEffect } from 'react';\n\nimport { type ButtonPlugin, ELEMENT_BUTTON } from '../../createButtonPlugin';\nimport { getUrlFromEditor } from '../../utils';\nimport { triggerFloatingButtonEdit } from '../../utils/triggerFloatingButtonEdit';\n\nimport {\n    floatingButtonActions,\n    floatingButtonSelectors,\n    useFloatingButtonEnter,\n    useFloatingButtonEscape,\n    useFloatingButtonSelectors,\n    useVirtualFloatingButton,\n} from '.';\n\nexport const useFloatingButtonEdit = (\n    floatingOptions: UseVirtualFloatingOptions,\n): React.HTMLAttributes<HTMLDivElement> & { ref: Ref<HTMLDivElement> } => {\n    const editor = useEditorRef();\n    const mode = useFloatingButtonSelectors().mode();\n    const open = useFloatingButtonSelectors().isOpen(editor.id);\n    const version = useEditorVersion();\n\n    const { triggerFloatingButtonHotkeys } = getPluginOptions<ButtonPlugin>(editor, ELEMENT_BUTTON);\n\n    const getBoundingClientRect = useCallback(() => {\n        const entry = getAboveNode(editor, {\n            match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n        });\n\n        if (entry) {\n            const [, path] = entry;\n            return getRangeBoundingClientRect(editor, {\n                anchor: getStartPoint(editor, path),\n                focus: getEndPoint(editor, path),\n            });\n        }\n\n        return getDefaultBoundingClientRect();\n    }, [editor]);\n\n    const isOpen = open && mode === 'edit';\n\n    const { update, style, floating } = useVirtualFloatingButton({\n        open: isOpen,\n        getBoundingClientRect,\n        ...floatingOptions,\n    });\n\n    useEffect(() => {\n        const url = getUrlFromEditor(editor);\n        if (url) {\n            floatingButtonActions.url(url);\n        }\n\n        if (\n            editor.selection &&\n            someNode(editor, {\n                match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n            })\n        ) {\n            floatingButtonActions.show('edit', editor.id);\n            update();\n            return;\n        }\n\n        if (floatingButtonSelectors.mode() === 'edit') {\n            floatingButtonActions.reset();\n        }\n    }, [editor, version, update]);\n\n    useHotkeys(\n        triggerFloatingButtonHotkeys,\n        (e) => {\n            e.preventDefault();\n\n            if (floatingButtonSelectors.mode() === 'edit') {\n                triggerFloatingButtonEdit(editor);\n            }\n        },\n        {\n            enableOnContentEditable: true,\n        },\n        [],\n    );\n\n    useFloatingButtonEnter();\n\n    useFloatingButtonEscape();\n\n    return {\n        style,\n        ref: useComposedRef<HTMLElement | null>(floating),\n    };\n};\n"],"mappings":";;;;;;;;;;AAgCA,IAAa,KACT,MACsE;CACtE,IAAM,IAAS,EAAa,GACtB,IAAO,EAA2B,CAAC,CAAC,KAAK,GACzC,IAAO,EAA2B,CAAC,CAAC,OAAO,EAAO,EAAE,GACpD,IAAU,EAAiB,GAE3B,EAAE,oCAAiC,EAA+B,GAAQ,CAAc,GAExF,IAAwB,QAAkB;EAC5C,IAAM,IAAQ,EAAa,GAAQ,EAC/B,OAAO,EAAE,MAAM,EAAc,GAAQ,CAAc,EAAE,EACzD,CAAC;EAED,IAAI,GAAO;GACP,IAAM,GAAG,KAAQ;GACjB,OAAO,EAA2B,GAAQ;IACtC,QAAQ,EAAc,GAAQ,CAAI;IAClC,OAAO,EAAY,GAAQ,CAAI;GACnC,CAAC;EACL;EAEA,OAAO,EAA6B;CACxC,GAAG,CAAC,CAAM,CAAC,GAIL,EAAE,WAAQ,UAAO,gBAAa,EAAyB;EACzD,MAHW,KAAQ,MAAS;EAI5B;EACA,GAAG;CACP,CAAC;CA2CD,OAzCA,QAAgB;EACZ,IAAM,IAAM,EAAiB,CAAM;EAKnC,IAJI,KACA,EAAsB,IAAI,CAAG,GAI7B,EAAO,aACP,EAAS,GAAQ,EACb,OAAO,EAAE,MAAM,EAAc,GAAA,QAAsB,EAAE,EACzD,CAAC,GACH;GAEE,AADA,EAAsB,KAAK,QAAQ,EAAO,EAAE,GAC5C,EAAO;GACP;EACJ;EAEA,AAAI,EAAwB,KAAK,MAAM,UACnC,EAAsB,MAAM;CAEpC,GAAG;EAAC;EAAQ;EAAS;CAAM,CAAC,GAE5B,EACI,IACC,MAAM;EAGH,AAFA,EAAE,eAAe,GAEb,EAAwB,KAAK,MAAM,UACnC,EAA0B,CAAM;CAExC,GACA,EACI,yBAAyB,GAC7B,GACA,CAAC,CACL,GAEA,EAAuB,GAEvB,EAAwB,GAEjB;EACH;EACA,KAAK,EAAmC,CAAQ;CACpD;AACJ"}

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

@@ -1,19 +1,13 @@
-import { useEditorRef as e, useHotkeys as n } from "@frontify/fondue/rte";
-import { submitFloatingButton as r } from "../../transforms/submitFloatingButton.es.js";
-const u = () => {
-  const o = e();
-  n(
-    "*",
-    (t) => {
-      t.key === "Enter" && r(o) && t.preventDefault();
-    },
-    {
-      enableOnFormTags: ["INPUT"]
-    },
-    []
-  );
+import { submitFloatingButton as e } from "../../transforms/submitFloatingButton.es.js";
+import { useEditorRef as t, useHotkeys as n } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEnter.ts
+var r = () => {
+	let r = t();
+	n("*", (t) => {
+		t.key === "Enter" && e(r) && t.preventDefault();
+	}, { enableOnFormTags: ["INPUT"] }, []);
 };
-export {
-  u as useFloatingButtonEnter
-};
-//# sourceMappingURL=useFloatingButtonEnter.es.js.map
+//#endregion
+export { r as useFloatingButtonEnter };
+
+//# sourceMappingURL=useFloatingButtonEnter.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFloatingButtonEnter.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEnter.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useEditorRef, useHotkeys } from '@frontify/fondue/rte';\n\nimport { submitFloatingButton } from '../../transforms/submitFloatingButton';\n\nexport const useFloatingButtonEnter = () => {\n    const editor = useEditorRef();\n\n    useHotkeys(\n        '*',\n        (e) => {\n            if (e.key === 'Enter' && submitFloatingButton(editor)) {\n                e.preventDefault();\n            }\n        },\n        {\n            enableOnFormTags: ['INPUT'],\n        },\n        [],\n    );\n};\n"],"names":["useFloatingButtonEnter","editor","useEditorRef","useHotkeys","e","submitFloatingButton"],"mappings":";;AAMO,MAAMA,IAAyB,MAAM;AACxC,QAAMC,IAASC,EAAA;AAEf,EAAAC;AAAA,IACI;AAAA,IACA,CAACC,MAAM;AACH,MAAIA,EAAE,QAAQ,WAAWC,EAAqBJ,CAAM,KAChDG,EAAE,eAAA;AAAA,IAEV;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,IAAA;AAAA,IAE9B,CAAA;AAAA,EAAC;AAET;"}
+{"version":3,"file":"useFloatingButtonEnter.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEnter.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useEditorRef, useHotkeys } from '@frontify/fondue/rte';\n\nimport { submitFloatingButton } from '../../transforms/submitFloatingButton';\n\nexport const useFloatingButtonEnter = () => {\n    const editor = useEditorRef();\n\n    useHotkeys(\n        '*',\n        (e) => {\n            if (e.key === 'Enter' && submitFloatingButton(editor)) {\n                e.preventDefault();\n            }\n        },\n        {\n            enableOnFormTags: ['INPUT'],\n        },\n        [],\n    );\n};\n"],"mappings":";;;AAMA,IAAa,UAA+B;CACxC,IAAM,IAAS,EAAa;CAE5B,EACI,MACC,MAAM;EACH,AAAI,EAAE,QAAQ,WAAW,EAAqB,CAAM,KAChD,EAAE,eAAe;CAEzB,GACA,EACI,kBAAkB,CAAC,OAAO,EAC9B,GACA,CAAC,CACL;AACJ"}

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

@@ -1,26 +1,22 @@
-import { useEditorRef as i, useHotkeys as n, focusEditor as r } from "@frontify/fondue/rte";
-import { floatingButtonSelectors as e, floatingButtonActions as o } from "./floatingButtonStore.es.js";
-const u = () => {
-  const t = i();
-  n(
-    "escape",
-    () => {
-      if (e.mode() === "edit") {
-        if (e.isEditing()) {
-          o.show("edit", t.id), r(t, t.selection ?? void 0);
-          return;
-        }
-        o.reset();
-      }
-    },
-    {
-      enableOnFormTags: ["INPUT"],
-      enableOnContentEditable: !0
-    },
-    []
-  );
+import { floatingButtonActions as e, floatingButtonSelectors as t } from "./floatingButtonStore.es.js";
+import { focusEditor as n, useEditorRef as r, useHotkeys as i } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEscape.ts
+var a = () => {
+	let a = r();
+	i("escape", () => {
+		if (t.mode() === "edit") {
+			if (t.isEditing()) {
+				e.show("edit", a.id), n(a, a.selection ?? void 0);
+				return;
+			}
+			e.reset();
+		}
+	}, {
+		enableOnFormTags: ["INPUT"],
+		enableOnContentEditable: !0
+	}, []);
 };
-export {
-  u as useFloatingButtonEscape
-};
-//# sourceMappingURL=useFloatingButtonEscape.es.js.map
+//#endregion
+export { a as useFloatingButtonEscape };
+
+//# sourceMappingURL=useFloatingButtonEscape.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFloatingButtonEscape.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEscape.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { focusEditor, useEditorRef, useHotkeys } from '@frontify/fondue/rte';\n\nimport { floatingButtonActions, floatingButtonSelectors } from './floatingButtonStore';\n\nexport const useFloatingButtonEscape = () => {\n    const editor = useEditorRef();\n\n    useHotkeys(\n        'escape',\n        () => {\n            if (floatingButtonSelectors.mode() !== 'edit') {\n                return;\n            }\n\n            if (floatingButtonSelectors.isEditing()) {\n                floatingButtonActions.show('edit', editor.id);\n                focusEditor(editor, editor.selection ?? undefined);\n                return;\n            }\n\n            floatingButtonActions.reset();\n        },\n        {\n            enableOnFormTags: ['INPUT'],\n            enableOnContentEditable: true,\n        },\n        [],\n    );\n};\n"],"names":["useFloatingButtonEscape","editor","useEditorRef","useHotkeys","floatingButtonSelectors","floatingButtonActions","focusEditor"],"mappings":";;AAMO,MAAMA,IAA0B,MAAM;AACzC,QAAMC,IAASC,EAAA;AAEf,EAAAC;AAAA,IACI;AAAA,IACA,MAAM;AACF,UAAIC,EAAwB,KAAA,MAAW,QAIvC;AAAA,YAAIA,EAAwB,aAAa;AACrC,UAAAC,EAAsB,KAAK,QAAQJ,EAAO,EAAE,GAC5CK,EAAYL,GAAQA,EAAO,aAAa,MAAS;AACjD;AAAA,QACJ;AAEA,QAAAI,EAAsB,MAAA;AAAA;AAAA,IAC1B;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,MAC1B,yBAAyB;AAAA,IAAA;AAAA,IAE7B,CAAA;AAAA,EAAC;AAET;"}
+{"version":3,"file":"useFloatingButtonEscape.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEscape.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { focusEditor, useEditorRef, useHotkeys } from '@frontify/fondue/rte';\n\nimport { floatingButtonActions, floatingButtonSelectors } from './floatingButtonStore';\n\nexport const useFloatingButtonEscape = () => {\n    const editor = useEditorRef();\n\n    useHotkeys(\n        'escape',\n        () => {\n            if (floatingButtonSelectors.mode() !== 'edit') {\n                return;\n            }\n\n            if (floatingButtonSelectors.isEditing()) {\n                floatingButtonActions.show('edit', editor.id);\n                focusEditor(editor, editor.selection ?? undefined);\n                return;\n            }\n\n            floatingButtonActions.reset();\n        },\n        {\n            enableOnFormTags: ['INPUT'],\n            enableOnContentEditable: true,\n        },\n        [],\n    );\n};\n"],"mappings":";;;AAMA,IAAa,UAAgC;CACzC,IAAM,IAAS,EAAa;CAE5B,EACI,gBACM;EACE,MAAwB,KAAK,MAAM,QAIvC;OAAI,EAAwB,UAAU,GAAG;IAErC,AADA,EAAsB,KAAK,QAAQ,EAAO,EAAE,GAC5C,EAAY,GAAQ,EAAO,aAAa,KAAA,CAAS;IACjD;GACJ;GAEA,EAAsB,MAAM;EAF5B;CAGJ,GACA;EACI,kBAAkB,CAAC,OAAO;EAC1B,yBAAyB;CAC7B,GACA,CAAC,CACL;AACJ"}

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

@@ -1,38 +1,30 @@
-import { useEditorRef as f, useFocused as p, getPluginOptions as c, useHotkeys as d, useComposedRef as a, getSelectionBoundingClientRect as B } from "@frontify/fondue/rte";
-import { useEffect as E } from "react";
-import { ELEMENT_BUTTON as F } from "../../createButtonPlugin.es.js";
-import { triggerFloatingButtonInsert as C } from "../../utils/triggerFloatingButtonInsert.es.js";
-import { useFloatingButtonSelectors as i, floatingButtonActions as O } from "./floatingButtonStore.es.js";
-import { useVirtualFloatingButton as R } from "./useVirtualFloatingButton.es.js";
-import { useFloatingButtonEscape as y } from "./useFloatingButtonEscape.es.js";
-const N = (r) => {
-  const e = f(), o = p(), s = i().mode(), t = i().isOpen(e.id), { triggerFloatingButtonHotkeys: u } = c(e, F);
-  d(
-    u,
-    (m) => {
-      m.preventDefault(), C(e, {
-        focused: o
-      });
-    },
-    {
-      enableOnContentEditable: !0
-    },
-    [o]
-  );
-  const { update: n, style: l, floating: g } = R({
-    open: t && s === "insert",
-    getBoundingClientRect: B,
-    whileElementsMounted: void 0,
-    ...r
-  });
-  return E(() => {
-    t && n(), O.updated(t);
-  }, [t, n]), y(), {
-    style: l,
-    ref: a(g)
-  };
+import { floatingButtonActions as e, useFloatingButtonSelectors as t } from "./floatingButtonStore.es.js";
+import { triggerFloatingButtonInsert as n } from "../../utils/triggerFloatingButtonInsert.es.js";
+import { ELEMENT_BUTTON as r } from "../../createButtonPlugin.es.js";
+import { useFloatingButtonEscape as i } from "./useFloatingButtonEscape.es.js";
+import { useVirtualFloatingButton as a } from "./useVirtualFloatingButton.es.js";
+import { useEffect as o } from "react";
+import { getPluginOptions as s, getSelectionBoundingClientRect as c, useComposedRef as l, useEditorRef as u, useFocused as d, useHotkeys as f } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonInsert.ts
+var p = (p) => {
+	let m = u(), h = d(), g = t().mode(), _ = t().isOpen(m.id), { triggerFloatingButtonHotkeys: v } = s(m, r);
+	f(v, (e) => {
+		e.preventDefault(), n(m, { focused: h });
+	}, { enableOnContentEditable: !0 }, [h]);
+	let { update: y, style: b, floating: x } = a({
+		open: _ && g === "insert",
+		getBoundingClientRect: c,
+		whileElementsMounted: void 0,
+		...p
+	});
+	return o(() => {
+		_ && y(), e.updated(_);
+	}, [_, y]), i(), {
+		style: b,
+		ref: l(x)
+	};
 };
-export {
-  N as useFloatingButtonInsert
-};
-//# sourceMappingURL=useFloatingButtonInsert.es.js.map
+//#endregion
+export { p as useFloatingButtonInsert };
+
+//# sourceMappingURL=useFloatingButtonInsert.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFloatingButtonInsert.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonInsert.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type UseVirtualFloatingOptions,\n    getPluginOptions,\n    getSelectionBoundingClientRect,\n    useComposedRef,\n    useEditorRef,\n    useFocused,\n    useHotkeys,\n} from '@frontify/fondue/rte';\nimport { type Ref, useEffect } from 'react';\n\nimport { type ButtonPlugin, ELEMENT_BUTTON } from '../../createButtonPlugin';\nimport { triggerFloatingButtonInsert } from '../../utils/triggerFloatingButtonInsert';\n\nimport {\n    floatingButtonActions,\n    useFloatingButtonEscape,\n    useFloatingButtonSelectors,\n    useVirtualFloatingButton,\n} from '.';\n\nexport const useFloatingButtonInsert = (\n    floatingOptions: UseVirtualFloatingOptions,\n): React.HTMLAttributes<HTMLDivElement> & { ref: Ref<HTMLDivElement> } => {\n    const editor = useEditorRef();\n    const focused = useFocused();\n    const mode = useFloatingButtonSelectors().mode();\n    const open = useFloatingButtonSelectors().isOpen(editor.id);\n\n    const { triggerFloatingButtonHotkeys } = getPluginOptions<ButtonPlugin>(editor, ELEMENT_BUTTON);\n\n    useHotkeys(\n        triggerFloatingButtonHotkeys,\n        (e) => {\n            e.preventDefault();\n\n            triggerFloatingButtonInsert(editor, {\n                focused,\n            });\n        },\n        {\n            enableOnContentEditable: true,\n        },\n        [focused],\n    );\n\n    const { update, style, floating } = useVirtualFloatingButton({\n        open: open && mode === 'insert',\n        getBoundingClientRect: getSelectionBoundingClientRect,\n        whileElementsMounted: undefined,\n        ...floatingOptions,\n    });\n\n    // wait for update before focusing input\n    useEffect(() => {\n        if (open) {\n            update();\n        }\n        floatingButtonActions.updated(open);\n    }, [open, update]);\n\n    useFloatingButtonEscape();\n\n    return {\n        style,\n        ref: useComposedRef<HTMLElement | null>(floating),\n    };\n};\n"],"names":["useFloatingButtonInsert","floatingOptions","editor","useEditorRef","focused","useFocused","mode","useFloatingButtonSelectors","open","triggerFloatingButtonHotkeys","getPluginOptions","ELEMENT_BUTTON","useHotkeys","e","triggerFloatingButtonInsert","update","style","floating","useVirtualFloatingButton","getSelectionBoundingClientRect","useEffect","floatingButtonActions","useFloatingButtonEscape","useComposedRef"],"mappings":";;;;;;;AAuBO,MAAMA,IAA0B,CACnCC,MACsE;AACtE,QAAMC,IAASC,EAAA,GACTC,IAAUC,EAAA,GACVC,IAAOC,EAAA,EAA6B,KAAA,GACpCC,IAAOD,EAAA,EAA6B,OAAOL,EAAO,EAAE,GAEpD,EAAE,8BAAAO,EAAA,IAAiCC,EAA+BR,GAAQS,CAAc;AAE9F,EAAAC;AAAA,IACIH;AAAA,IACA,CAACI,MAAM;AACH,MAAAA,EAAE,eAAA,GAEFC,EAA4BZ,GAAQ;AAAA,QAChC,SAAAE;AAAA,MAAA,CACH;AAAA,IACL;AAAA,IACA;AAAA,MACI,yBAAyB;AAAA,IAAA;AAAA,IAE7B,CAACA,CAAO;AAAA,EAAA;AAGZ,QAAM,EAAE,QAAAW,GAAQ,OAAAC,GAAO,UAAAC,EAAA,IAAaC,EAAyB;AAAA,IACzD,MAAMV,KAAQF,MAAS;AAAA,IACvB,uBAAuBa;AAAA,IACvB,sBAAsB;AAAA,IACtB,GAAGlB;AAAA,EAAA,CACN;AAGD,SAAAmB,EAAU,MAAM;AACZ,IAAIZ,KACAO,EAAA,GAEJM,EAAsB,QAAQb,CAAI;AAAA,EACtC,GAAG,CAACA,GAAMO,CAAM,CAAC,GAEjBO,EAAA,GAEO;AAAA,IACH,OAAAN;AAAA,IACA,KAAKO,EAAmCN,CAAQ;AAAA,EAAA;AAExD;"}
+{"version":3,"file":"useFloatingButtonInsert.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonInsert.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type UseVirtualFloatingOptions,\n    getPluginOptions,\n    getSelectionBoundingClientRect,\n    useComposedRef,\n    useEditorRef,\n    useFocused,\n    useHotkeys,\n} from '@frontify/fondue/rte';\nimport { type Ref, useEffect } from 'react';\n\nimport { type ButtonPlugin, ELEMENT_BUTTON } from '../../createButtonPlugin';\nimport { triggerFloatingButtonInsert } from '../../utils/triggerFloatingButtonInsert';\n\nimport {\n    floatingButtonActions,\n    useFloatingButtonEscape,\n    useFloatingButtonSelectors,\n    useVirtualFloatingButton,\n} from '.';\n\nexport const useFloatingButtonInsert = (\n    floatingOptions: UseVirtualFloatingOptions,\n): React.HTMLAttributes<HTMLDivElement> & { ref: Ref<HTMLDivElement> } => {\n    const editor = useEditorRef();\n    const focused = useFocused();\n    const mode = useFloatingButtonSelectors().mode();\n    const open = useFloatingButtonSelectors().isOpen(editor.id);\n\n    const { triggerFloatingButtonHotkeys } = getPluginOptions<ButtonPlugin>(editor, ELEMENT_BUTTON);\n\n    useHotkeys(\n        triggerFloatingButtonHotkeys,\n        (e) => {\n            e.preventDefault();\n\n            triggerFloatingButtonInsert(editor, {\n                focused,\n            });\n        },\n        {\n            enableOnContentEditable: true,\n        },\n        [focused],\n    );\n\n    const { update, style, floating } = useVirtualFloatingButton({\n        open: open && mode === 'insert',\n        getBoundingClientRect: getSelectionBoundingClientRect,\n        whileElementsMounted: undefined,\n        ...floatingOptions,\n    });\n\n    // wait for update before focusing input\n    useEffect(() => {\n        if (open) {\n            update();\n        }\n        floatingButtonActions.updated(open);\n    }, [open, update]);\n\n    useFloatingButtonEscape();\n\n    return {\n        style,\n        ref: useComposedRef<HTMLElement | null>(floating),\n    };\n};\n"],"mappings":";;;;;;;;AAuBA,IAAa,KACT,MACsE;CACtE,IAAM,IAAS,EAAa,GACtB,IAAU,EAAW,GACrB,IAAO,EAA2B,CAAC,CAAC,KAAK,GACzC,IAAO,EAA2B,CAAC,CAAC,OAAO,EAAO,EAAE,GAEpD,EAAE,oCAAiC,EAA+B,GAAQ,CAAc;CAE9F,EACI,IACC,MAAM;EAGH,AAFA,EAAE,eAAe,GAEjB,EAA4B,GAAQ,EAChC,WACJ,CAAC;CACL,GACA,EACI,yBAAyB,GAC7B,GACA,CAAC,CAAO,CACZ;CAEA,IAAM,EAAE,WAAQ,UAAO,gBAAa,EAAyB;EACzD,MAAM,KAAQ,MAAS;EACvB,uBAAuB;EACvB,sBAAsB,KAAA;EACtB,GAAG;CACP,CAAC;CAYD,OATA,QAAgB;EAIZ,AAHI,KACA,EAAO,GAEX,EAAsB,QAAQ,CAAI;CACtC,GAAG,CAAC,GAAM,CAAM,CAAC,GAEjB,EAAwB,GAEjB;EACH;EACA,KAAK,EAAmC,CAAQ;CACpD;AACJ"}

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

@@ -1,18 +1,14 @@
-import { useVirtualFloating as o, offset as i, flip as n } from "@frontify/fondue/rte";
-const a = 12, s = -22, e = 96, m = (t) => o({
-  placement: "bottom-start",
-  middleware: [
-    i({
-      mainAxis: a,
-      alignmentAxis: s
-    }),
-    n({
-      padding: e
-    })
-  ],
-  ...t
+import { flip as e, offset as t, useVirtualFloating as n } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useVirtualFloatingButton.ts
+var r = 12, i = -22, a = 96, o = (o) => n({
+	placement: "bottom-start",
+	middleware: [t({
+		mainAxis: r,
+		alignmentAxis: i
+	}), e({ padding: a })],
+	...o
 });
-export {
-  m as useVirtualFloatingButton
-};
-//# sourceMappingURL=useVirtualFloatingButton.es.js.map
+//#endregion
+export { o as useVirtualFloatingButton };
+
+//# sourceMappingURL=useVirtualFloatingButton.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useVirtualFloatingButton.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useVirtualFloatingButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type UseVirtualFloatingOptions, flip, offset, useVirtualFloating } from '@frontify/fondue/rte';\nimport { type CSSProperties, type Ref } from 'react';\n\nconst OFFSET_Y = 12;\nconst OFFSET_X = -22;\nconst PADDING = 96;\n\nexport const useVirtualFloatingButton = (\n    floatingOptions?: UseVirtualFloatingOptions,\n): { style: CSSProperties; update: () => void; floating: Ref<HTMLDivElement> } =>\n    useVirtualFloating({\n        placement: 'bottom-start',\n        middleware: [\n            offset({\n                mainAxis: OFFSET_Y,\n                alignmentAxis: OFFSET_X,\n            }),\n            flip({\n                padding: PADDING,\n            }),\n        ],\n        ...floatingOptions,\n    });\n"],"names":["OFFSET_Y","OFFSET_X","PADDING","useVirtualFloatingButton","floatingOptions","useVirtualFloating","offset","flip"],"mappings":";AAKA,MAAMA,IAAW,IACXC,IAAW,KACXC,IAAU,IAEHC,IAA2B,CACpCC,MAEAC,EAAmB;AAAA,EACf,WAAW;AAAA,EACX,YAAY;AAAA,IACRC,EAAO;AAAA,MACH,UAAUN;AAAA,MACV,eAAeC;AAAA,IAAA,CAClB;AAAA,IACDM,EAAK;AAAA,MACD,SAASL;AAAA,IAAA,CACZ;AAAA,EAAA;AAAA,EAEL,GAAGE;AACP,CAAC;"}
+{"version":3,"file":"useVirtualFloatingButton.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useVirtualFloatingButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type UseVirtualFloatingOptions, flip, offset, useVirtualFloating } from '@frontify/fondue/rte';\nimport { type CSSProperties, type Ref } from 'react';\n\nconst OFFSET_Y = 12;\nconst OFFSET_X = -22;\nconst PADDING = 96;\n\nexport const useVirtualFloatingButton = (\n    floatingOptions?: UseVirtualFloatingOptions,\n): { style: CSSProperties; update: () => void; floating: Ref<HTMLDivElement> } =>\n    useVirtualFloating({\n        placement: 'bottom-start',\n        middleware: [\n            offset({\n                mainAxis: OFFSET_Y,\n                alignmentAxis: OFFSET_X,\n            }),\n            flip({\n                padding: PADDING,\n            }),\n        ],\n        ...floatingOptions,\n    });\n"],"mappings":";;AAKA,IAAM,IAAW,IACX,IAAW,KACX,IAAU,IAEH,KACT,MAEA,EAAmB;CACf,WAAW;CACX,YAAY,CACR,EAAO;EACH,UAAU;EACV,eAAe;CACnB,CAAC,GACD,EAAK,EACD,SAAS,EACb,CAAC,CACL;CACA,GAAG;AACP,CAAC"}

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

@@ -1,63 +1,57 @@
-import { Plugin as i, createPluginFactory as n } from "@frontify/fondue/rte";
-import { isValidUrl as s } from "../../../Link/utils/url.es.js";
-import { ButtonMarkupElement as u } from "./ButtonMarkupElement/index.es.js";
-import { ButtonButton as a } from "./components/ButtonButton.es.js";
-import { CustomFloatingButton as l } from "./components/FloatingButton/CustomFloatingButton.es.js";
-import { withButton as p } from "./withButton.es.js";
-import { BlockButtonStyles as m } from "./utils/styles.es.js";
-const g = "button", d = "button-plugin", B = (e) => n({
-  key: g,
-  isElement: !0,
-  isInline: !0,
-  props: ({ element: t }) => ({
-    nodeProps: { href: t?.url, target: t?.target }
-  }),
-  withOverrides: p,
-  renderAfterEditable: l,
-  options: {
-    isUrl: s,
-    rangeBeforeOptions: {
-      matchString: " ",
-      skipInvalid: !0,
-      afterMatch: !0
-    },
-    triggerFloatingButtonHotkeys: "command+shift+k, ctrl+shift+k",
-    appBridge: e
-  },
-  then: (t, { type: r }) => ({
-    deserializeHtml: {
-      rules: [
-        {
-          validNodeName: "A",
-          validClassName: "btn"
-        }
-      ],
-      getNode: (o) => ({
-        type: r,
-        url: o.getAttribute("href"),
-        target: o.getAttribute("target") || "_blank"
-      })
-    }
-  })
-})();
-class y extends i {
-  styles = {};
-  appBridge;
-  constructor({ styles: t = m, ...r }) {
-    super(d, {
-      button: a,
-      markupElement: new u(),
-      ...r
-    }), this.styles = t, this.appBridge = r?.appBridge;
-  }
-  plugins() {
-    return [B(this.appBridge)];
-  }
-}
-export {
-  d as BUTTON_PLUGIN,
-  y as ButtonPlugin,
-  g as ELEMENT_BUTTON,
-  B as createButtonPlugin
+import { isValidUrl as e } from "../../../Link/utils/url.es.js";
+import { withButton as t } from "./withButton.es.js";
+import { BlockButtonStyles as n } from "./utils/styles.es.js";
+import { ButtonMarkupElement as r } from "./ButtonMarkupElement/index.es.js";
+import { ButtonButton as i } from "./components/ButtonButton.es.js";
+import { CustomFloatingButton as a } from "./components/FloatingButton/CustomFloatingButton.es.js";
+import { Plugin as o, createPluginFactory as s } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.ts
+var c = "button", l = "button-plugin", u = (n) => s({
+	key: c,
+	isElement: !0,
+	isInline: !0,
+	props: ({ element: e }) => ({ nodeProps: {
+		href: e?.url,
+		target: e?.target
+	} }),
+	withOverrides: t,
+	renderAfterEditable: a,
+	options: {
+		isUrl: e,
+		rangeBeforeOptions: {
+			matchString: " ",
+			skipInvalid: !0,
+			afterMatch: !0
+		},
+		triggerFloatingButtonHotkeys: "command+shift+k, ctrl+shift+k",
+		appBridge: n
+	},
+	then: (e, { type: t }) => ({ deserializeHtml: {
+		rules: [{
+			validNodeName: "A",
+			validClassName: "btn"
+		}],
+		getNode: (e) => ({
+			type: t,
+			url: e.getAttribute("href"),
+			target: e.getAttribute("target") || "_blank"
+		})
+	} })
+})(), d = class extends o {
+	styles = {};
+	appBridge;
+	constructor({ styles: e = n, ...t }) {
+		super(l, {
+			button: i,
+			markupElement: new r(),
+			...t
+		}), this.styles = e, this.appBridge = t?.appBridge;
+	}
+	plugins() {
+		return [u(this.appBridge)];
+	}
 };
-//# sourceMappingURL=createButtonPlugin.es.js.map
+//#endregion
+export { l as BUTTON_PLUGIN, d as ButtonPlugin, c as ELEMENT_BUTTON, u as createButtonPlugin };
+
+//# sourceMappingURL=createButtonPlugin.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"createButtonPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type RangeBeforeOptions,\n    createPluginFactory,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { isValidUrl } from '../../../Link/utils/url';\n\nimport { ButtonMarkupElement } from './ButtonMarkupElement';\nimport { ButtonButton } from './components/ButtonButton';\nimport { CustomFloatingButton } from './components/FloatingButton/CustomFloatingButton';\nimport { BlockButtonStyles } from './utils';\nimport { withButton } from './withButton';\n\nexport const ELEMENT_BUTTON = 'button';\nexport const BUTTON_PLUGIN = 'button-plugin';\n\n// oxlint-disable-next-line typescript/no-unsafe-declaration-merging\nexport interface ButtonPlugin {\n    forceSubmit?: boolean;\n\n    /**\n     * Allow custom config for rangeBeforeOptions.\n     * @example default\n     * {\n     *   matchString: ' ',\n     *   skipInvalid: true,\n     *   afterMatch: true,\n     * }\n     */\n    rangeBeforeOptions?: RangeBeforeOptions;\n\n    /**\n     * Hotkeys to trigger floating button.\n     * @default 'command+k, ctrl+k'\n     */\n    triggerFloatingButtonHotkeys: string;\n\n    /**\n     * Callback to validate an url.\n     * @default isUrl\n     */\n    isUrl: (text: string) => boolean;\n\n    /**\n     * Callback to optionally get the href for a url\n     * @returns href: an optional link to be used that is different from the text content (example https://google.com for google.com)\n     */\n    getUrlHref?: (url: string) => string | undefined;\n\n    /**\n     * On keyboard shortcut or toolbar mousedown, get the link url by calling this promise. The\n     * default behavior is to use the browser's native `prompt`.\n     */\n    getLinkUrl?: (prevUrl: string | null) => Promise<string | null>;\n}\n\n/**\n * Enables support for hyperlinks.\n */\nexport const createButtonPlugin = (appBridge: AppBridgeBlock): PlatePlugin =>\n    createPluginFactory({\n        key: ELEMENT_BUTTON,\n        isElement: true,\n        isInline: true,\n        props: ({ element }) => ({\n            nodeProps: { href: element?.url, target: element?.target },\n        }),\n        withOverrides: withButton,\n        renderAfterEditable: CustomFloatingButton,\n        options: {\n            isUrl: isValidUrl,\n            rangeBeforeOptions: {\n                matchString: ' ',\n                skipInvalid: true,\n                afterMatch: true,\n            },\n            triggerFloatingButtonHotkeys: 'command+shift+k, ctrl+shift+k',\n            appBridge,\n        },\n        then: (_editor, { type }) => ({\n            deserializeHtml: {\n                rules: [\n                    {\n                        validNodeName: 'A',\n                        validClassName: 'btn',\n                    },\n                ],\n                getNode: (el) => ({\n                    type,\n                    url: el.getAttribute('href'),\n                    target: el.getAttribute('target') || '_blank',\n                }),\n            },\n        }),\n    })();\n\nexport type ButtonPluginProps = Omit<PluginProps, 'styles'> & {\n    styles?: Record<string, CSSProperties & { hover?: CSSProperties }>;\n} & { appBridge: AppBridgeBlock };\n\n// oxlint-disable-next-line typescript/no-unsafe-declaration-merging\nexport class ButtonPlugin extends Plugin {\n    public styles: CSSProperties = {};\n    private appBridge: AppBridgeBlock;\n    constructor({ styles = BlockButtonStyles, ...props }: ButtonPluginProps) {\n        super(BUTTON_PLUGIN, {\n            button: ButtonButton,\n            markupElement: new ButtonMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n        this.appBridge = props?.appBridge;\n    }\n\n    plugins() {\n        return [createButtonPlugin(this.appBridge)];\n    }\n}\n"],"names":["ELEMENT_BUTTON","BUTTON_PLUGIN","createButtonPlugin","appBridge","createPluginFactory","element","withButton","CustomFloatingButton","isValidUrl","_editor","type","el","ButtonPlugin","Plugin","styles","BlockButtonStyles","props","ButtonButton","ButtonMarkupElement"],"mappings":";;;;;;;AAoBO,MAAMA,IAAiB,UACjBC,IAAgB,iBA6ChBC,IAAqB,CAACC,MAC/BC,EAAoB;AAAA,EAChB,KAAKJ;AAAA,EACL,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO,CAAC,EAAE,SAAAK,SAAe;AAAA,IACrB,WAAW,EAAE,MAAMA,GAAS,KAAK,QAAQA,GAAS,OAAA;AAAA,EAAO;AAAA,EAE7D,eAAeC;AAAA,EACf,qBAAqBC;AAAA,EACrB,SAAS;AAAA,IACL,OAAOC;AAAA,IACP,oBAAoB;AAAA,MAChB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,IAAA;AAAA,IAEhB,8BAA8B;AAAA,IAC9B,WAAAL;AAAA,EAAA;AAAA,EAEJ,MAAM,CAACM,GAAS,EAAE,MAAAC,SAAY;AAAA,IAC1B,iBAAiB;AAAA,MACb,OAAO;AAAA,QACH;AAAA,UACI,eAAe;AAAA,UACf,gBAAgB;AAAA,QAAA;AAAA,MACpB;AAAA,MAEJ,SAAS,CAACC,OAAQ;AAAA,QACd,MAAAD;AAAA,QACA,KAAKC,EAAG,aAAa,MAAM;AAAA,QAC3B,QAAQA,EAAG,aAAa,QAAQ,KAAK;AAAA,MAAA;AAAA,IACzC;AAAA,EACJ;AAER,CAAC,EAAA;AAOE,MAAMC,UAAqBC,EAAO;AAAA,EAC9B,SAAwB,CAAA;AAAA,EACvB;AAAA,EACR,YAAY,EAAE,QAAAC,IAASC,GAAmB,GAAGC,KAA4B;AACrE,UAAMf,GAAe;AAAA,MACjB,QAAQgB;AAAA,MACR,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF,GACd,KAAK,YAAYE,GAAO;AAAA,EAC5B;AAAA,EAEA,UAAU;AACN,WAAO,CAACd,EAAmB,KAAK,SAAS,CAAC;AAAA,EAC9C;AACJ;"}
+{"version":3,"file":"createButtonPlugin.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type RangeBeforeOptions,\n    createPluginFactory,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { isValidUrl } from '../../../Link/utils/url';\n\nimport { ButtonMarkupElement } from './ButtonMarkupElement';\nimport { ButtonButton } from './components/ButtonButton';\nimport { CustomFloatingButton } from './components/FloatingButton/CustomFloatingButton';\nimport { BlockButtonStyles } from './utils';\nimport { withButton } from './withButton';\n\nexport const ELEMENT_BUTTON = 'button';\nexport const BUTTON_PLUGIN = 'button-plugin';\n\n// oxlint-disable-next-line typescript/no-unsafe-declaration-merging\nexport interface ButtonPlugin {\n    forceSubmit?: boolean;\n\n    /**\n     * Allow custom config for rangeBeforeOptions.\n     * @example default\n     * {\n     *   matchString: ' ',\n     *   skipInvalid: true,\n     *   afterMatch: true,\n     * }\n     */\n    rangeBeforeOptions?: RangeBeforeOptions;\n\n    /**\n     * Hotkeys to trigger floating button.\n     * @default 'command+k, ctrl+k'\n     */\n    triggerFloatingButtonHotkeys: string;\n\n    /**\n     * Callback to validate an url.\n     * @default isUrl\n     */\n    isUrl: (text: string) => boolean;\n\n    /**\n     * Callback to optionally get the href for a url\n     * @returns href: an optional link to be used that is different from the text content (example https://google.com for google.com)\n     */\n    getUrlHref?: (url: string) => string | undefined;\n\n    /**\n     * On keyboard shortcut or toolbar mousedown, get the link url by calling this promise. The\n     * default behavior is to use the browser's native `prompt`.\n     */\n    getLinkUrl?: (prevUrl: string | null) => Promise<string | null>;\n}\n\n/**\n * Enables support for hyperlinks.\n */\nexport const createButtonPlugin = (appBridge: AppBridgeBlock): PlatePlugin =>\n    createPluginFactory({\n        key: ELEMENT_BUTTON,\n        isElement: true,\n        isInline: true,\n        props: ({ element }) => ({\n            nodeProps: { href: element?.url, target: element?.target },\n        }),\n        withOverrides: withButton,\n        renderAfterEditable: CustomFloatingButton,\n        options: {\n            isUrl: isValidUrl,\n            rangeBeforeOptions: {\n                matchString: ' ',\n                skipInvalid: true,\n                afterMatch: true,\n            },\n            triggerFloatingButtonHotkeys: 'command+shift+k, ctrl+shift+k',\n            appBridge,\n        },\n        then: (_editor, { type }) => ({\n            deserializeHtml: {\n                rules: [\n                    {\n                        validNodeName: 'A',\n                        validClassName: 'btn',\n                    },\n                ],\n                getNode: (el) => ({\n                    type,\n                    url: el.getAttribute('href'),\n                    target: el.getAttribute('target') || '_blank',\n                }),\n            },\n        }),\n    })();\n\nexport type ButtonPluginProps = Omit<PluginProps, 'styles'> & {\n    styles?: Record<string, CSSProperties & { hover?: CSSProperties }>;\n} & { appBridge: AppBridgeBlock };\n\n// oxlint-disable-next-line typescript/no-unsafe-declaration-merging\nexport class ButtonPlugin extends Plugin {\n    public styles: CSSProperties = {};\n    private appBridge: AppBridgeBlock;\n    constructor({ styles = BlockButtonStyles, ...props }: ButtonPluginProps) {\n        super(BUTTON_PLUGIN, {\n            button: ButtonButton,\n            markupElement: new ButtonMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n        this.appBridge = props?.appBridge;\n    }\n\n    plugins() {\n        return [createButtonPlugin(this.appBridge)];\n    }\n}\n"],"mappings":";;;;;;;;AAoBA,IAAa,IAAiB,UACjB,IAAgB,iBA6ChB,KAAsB,MAC/B,EAAoB;CAChB,KAAK;CACL,WAAW;CACX,UAAU;CACV,QAAQ,EAAE,kBAAe,EACrB,WAAW;EAAE,MAAM,GAAS;EAAK,QAAQ,GAAS;CAAO,EAC7D;CACA,eAAe;CACf,qBAAqB;CACrB,SAAS;EACL,OAAO;EACP,oBAAoB;GAChB,aAAa;GACb,aAAa;GACb,YAAY;EAChB;EACA,8BAA8B;EAC9B;CACJ;CACA,OAAO,GAAS,EAAE,eAAY,EAC1B,iBAAiB;EACb,OAAO,CACH;GACI,eAAe;GACf,gBAAgB;EACpB,CACJ;EACA,UAAU,OAAQ;GACd;GACA,KAAK,EAAG,aAAa,MAAM;GAC3B,QAAQ,EAAG,aAAa,QAAQ,KAAK;EACzC;CACJ,EACJ;AACJ,CAAC,CAAC,CAAC,GAOM,IAAb,cAAkC,EAAO;CACrC,SAA+B,CAAC;CAChC;CACA,YAAY,EAAE,YAAS,GAAmB,GAAG,KAA4B;EAOrE,AANA,MAAM,GAAe;GACjB,QAAQ;GACR,eAAe,IAAI,EAAoB;GACvC,GAAG;EACP,CAAC,GACD,KAAK,SAAS,GACd,KAAK,YAAY,GAAO;CAC5B;CAEA,UAAU;EACN,OAAO,CAAC,EAAmB,KAAK,SAAS,CAAC;CAC9C;AACJ"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/transforms/insertButton.es.js

@@ -1,13 +1,10 @@
-import { insertNodes as e } from "@frontify/fondue/rte";
-import { createButtonNode as n } from "../utils/createButtonNode.es.js";
-const i = (t, o, r) => {
-  e(
-    t,
-    [n(t, o)],
-    r
-  );
+import { createButtonNode as e } from "../utils/createButtonNode.es.js";
+import { insertNodes as t } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/transforms/insertButton.ts
+var n = (n, r, i) => {
+	t(n, [e(n, r)], i);
 };
-export {
-  i as insertButton
-};
-//# sourceMappingURL=insertButton.es.js.map
+//#endregion
+export { n as insertButton };
+
+//# sourceMappingURL=insertButton.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/transforms/insertButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"insertButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/transforms/insertButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type InsertNodesOptions, type PlateEditor, type TText, type Value, insertNodes } from '@frontify/fondue/rte';\n\nimport { type TButtonElement } from '../types';\nimport { type CreateButtonNodeOptions, createButtonNode } from '../utils/index';\n\nexport const insertButton = <V extends Value>(\n    editor: PlateEditor<V>,\n    createButtonNodeOptions: CreateButtonNodeOptions,\n    options?: InsertNodesOptions<V>,\n) => {\n    insertNodes<TButtonElement | TText>(\n        editor,\n        [createButtonNode(editor, createButtonNodeOptions)],\n        options as InsertNodesOptions,\n    );\n};\n"],"names":["insertButton","editor","createButtonNodeOptions","options","insertNodes","createButtonNode"],"mappings":";;AAOO,MAAMA,IAAe,CACxBC,GACAC,GACAC,MACC;AACD,EAAAC;AAAA,IACIH;AAAA,IACA,CAACI,EAAiBJ,GAAQC,CAAuB,CAAC;AAAA,IAClDC;AAAA,EAAA;AAER;"}
+{"version":3,"file":"insertButton.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/transforms/insertButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type InsertNodesOptions, type PlateEditor, type TText, type Value, insertNodes } from '@frontify/fondue/rte';\n\nimport { type TButtonElement } from '../types';\nimport { type CreateButtonNodeOptions, createButtonNode } from '../utils/index';\n\nexport const insertButton = <V extends Value>(\n    editor: PlateEditor<V>,\n    createButtonNodeOptions: CreateButtonNodeOptions,\n    options?: InsertNodesOptions<V>,\n) => {\n    insertNodes<TButtonElement | TText>(\n        editor,\n        [createButtonNode(editor, createButtonNodeOptions)],\n        options as InsertNodesOptions,\n    );\n};\n"],"mappings":";;;AAOA,IAAa,KACT,GACA,GACA,MACC;CACD,EACI,GACA,CAAC,EAAiB,GAAQ,CAAuB,CAAC,GAClD,CACJ;AACJ"}