@frontify/guideline-blocks-settings 3.0.2 → 3.0.3

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"}

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

@@ -1,25 +1,24 @@
-import { getPluginOptions as c, focusEditor as f } from "@frontify/fondue/rte";
-import { floatingButtonSelectors as o, floatingButtonActions as m } from "../components/FloatingButton/floatingButtonStore.es.js";
-import { ELEMENT_BUTTON as a } from "../createButtonPlugin.es.js";
-import { upsertButton as p } from "./upsertButton.es.js";
-const S = (t) => {
-  if (!t.selection)
-    return;
-  const { isUrl: n, forceSubmit: r } = c(t, a), e = o.url();
-  if (!(n?.(e) || r))
-    return;
-  const i = o.text(), s = o.buttonStyle(), u = o.newTab() ? void 0 : "_self";
-  return m.reset(), p(t, {
-    url: e,
-    text: i,
-    buttonStyle: s,
-    target: u,
-    isUrl: (l) => r || !n ? !0 : n(l)
-  }), setTimeout(() => {
-    f(t, t.selection ?? void 0);
-  }, 0), !0;
+import { floatingButtonActions as e, floatingButtonSelectors as t } from "../components/FloatingButton/floatingButtonStore.es.js";
+import { upsertButton as n } from "./upsertButton.es.js";
+import { ELEMENT_BUTTON as r } from "../createButtonPlugin.es.js";
+import { focusEditor as i, getPluginOptions as a } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/transforms/submitFloatingButton.ts
+var o = (o) => {
+	if (!o.selection) return;
+	let { isUrl: s, forceSubmit: c } = a(o, r), l = t.url();
+	if (!(s?.(l) || c)) return;
+	let u = t.text(), d = t.buttonStyle(), f = t.newTab() ? void 0 : "_self";
+	return e.reset(), n(o, {
+		url: l,
+		text: u,
+		buttonStyle: d,
+		target: f,
+		isUrl: (e) => c || !s ? !0 : s(e)
+	}), setTimeout(() => {
+		i(o, o.selection ?? void 0);
+	}, 0), !0;
 };
-export {
-  S as submitFloatingButton
-};
-//# sourceMappingURL=submitFloatingButton.es.js.map
+//#endregion
+export { o as submitFloatingButton };
+
+//# sourceMappingURL=submitFloatingButton.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"submitFloatingButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/transforms/submitFloatingButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateEditor, type Value, focusEditor, getPluginOptions } from '@frontify/fondue/rte';\n\nimport { floatingButtonActions, floatingButtonSelectors } from '../components/FloatingButton/floatingButtonStore';\nimport { type ButtonPlugin, ELEMENT_BUTTON } from '../createButtonPlugin';\n\nimport { upsertButton } from '.';\n\nexport const submitFloatingButton = <V extends Value>(editor: PlateEditor<V>) => {\n    if (!editor.selection) {\n        return;\n    }\n\n    const { isUrl, forceSubmit } = getPluginOptions<ButtonPlugin, V>(editor, ELEMENT_BUTTON);\n    const url = floatingButtonSelectors.url();\n\n    const isValid = isUrl?.(url) || forceSubmit;\n    if (!isValid) {\n        return;\n    }\n\n    const text = floatingButtonSelectors.text();\n    const buttonStyle = floatingButtonSelectors.buttonStyle();\n    const target = floatingButtonSelectors.newTab() ? undefined : '_self';\n\n    floatingButtonActions.reset();\n\n    upsertButton(editor, {\n        url,\n        text,\n        buttonStyle,\n        target,\n        isUrl: (_url) => (forceSubmit || !isUrl ? true : isUrl(_url)),\n    });\n\n    setTimeout(() => {\n        focusEditor(editor, editor.selection ?? undefined);\n    }, 0);\n\n    return true;\n};\n"],"names":["submitFloatingButton","editor","isUrl","forceSubmit","getPluginOptions","ELEMENT_BUTTON","url","floatingButtonSelectors","text","buttonStyle","target","floatingButtonActions","upsertButton","_url","focusEditor"],"mappings":";;;;AASO,MAAMA,IAAuB,CAAkBC,MAA2B;AAC7E,MAAI,CAACA,EAAO;AACR;AAGJ,QAAM,EAAE,OAAAC,GAAO,aAAAC,EAAA,IAAgBC,EAAkCH,GAAQI,CAAc,GACjFC,IAAMC,EAAwB,IAAA;AAGpC,MAAI,EADYL,IAAQI,CAAG,KAAKH;AAE5B;AAGJ,QAAMK,IAAOD,EAAwB,KAAA,GAC/BE,IAAcF,EAAwB,YAAA,GACtCG,IAASH,EAAwB,OAAA,IAAW,SAAY;AAE9D,SAAAI,EAAsB,MAAA,GAEtBC,EAAaX,GAAQ;AAAA,IACjB,KAAAK;AAAA,IACA,MAAAE;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAO,CAACG,MAAUV,KAAe,CAACD,IAAQ,KAAOA,EAAMW,CAAI;AAAA,EAAA,CAC9D,GAED,WAAW,MAAM;AACb,IAAAC,EAAYb,GAAQA,EAAO,aAAa,MAAS;AAAA,EACrD,GAAG,CAAC,GAEG;AACX;"}
+{"version":3,"file":"submitFloatingButton.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/transforms/submitFloatingButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateEditor, type Value, focusEditor, getPluginOptions } from '@frontify/fondue/rte';\n\nimport { floatingButtonActions, floatingButtonSelectors } from '../components/FloatingButton/floatingButtonStore';\nimport { type ButtonPlugin, ELEMENT_BUTTON } from '../createButtonPlugin';\n\nimport { upsertButton } from '.';\n\nexport const submitFloatingButton = <V extends Value>(editor: PlateEditor<V>) => {\n    if (!editor.selection) {\n        return;\n    }\n\n    const { isUrl, forceSubmit } = getPluginOptions<ButtonPlugin, V>(editor, ELEMENT_BUTTON);\n    const url = floatingButtonSelectors.url();\n\n    const isValid = isUrl?.(url) || forceSubmit;\n    if (!isValid) {\n        return;\n    }\n\n    const text = floatingButtonSelectors.text();\n    const buttonStyle = floatingButtonSelectors.buttonStyle();\n    const target = floatingButtonSelectors.newTab() ? undefined : '_self';\n\n    floatingButtonActions.reset();\n\n    upsertButton(editor, {\n        url,\n        text,\n        buttonStyle,\n        target,\n        isUrl: (_url) => (forceSubmit || !isUrl ? true : isUrl(_url)),\n    });\n\n    setTimeout(() => {\n        focusEditor(editor, editor.selection ?? undefined);\n    }, 0);\n\n    return true;\n};\n"],"mappings":";;;;;AASA,IAAa,KAAyC,MAA2B;CAC7E,IAAI,CAAC,EAAO,WACR;CAGJ,IAAM,EAAE,UAAO,mBAAgB,EAAkC,GAAQ,CAAc,GACjF,IAAM,EAAwB,IAAI;CAGxC,IAAI,EADY,IAAQ,CAAG,KAAK,IAE5B;CAGJ,IAAM,IAAO,EAAwB,KAAK,GACpC,IAAc,EAAwB,YAAY,GAClD,IAAS,EAAwB,OAAO,IAAI,KAAA,IAAY;CAgB9D,OAdA,EAAsB,MAAM,GAE5B,EAAa,GAAQ;EACjB;EACA;EACA;EACA;EACA,QAAQ,MAAU,KAAe,CAAC,IAAQ,KAAO,EAAM,CAAI;CAC/D,CAAC,GAED,iBAAiB;EACb,EAAY,GAAQ,EAAO,aAAa,KAAA,CAAS;CACrD,GAAG,CAAC,GAEG;AACX"}

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

@@ -1,34 +1,29 @@
-import { withoutNormalizing as h, getAboveNode as o, getPluginType as c, splitNodes as s, isElement as a, unwrapNodes as l } from "@frontify/fondue/rte";
-import { ELEMENT_BUTTON as u } from "../createButtonPlugin.es.js";
-const p = (t, e) => h(t, () => {
-  if (e?.split) {
-    if (o(t, {
-      at: t.selection?.anchor,
-      match: { type: c(t, u) }
-    }))
-      return s(t, {
-        at: t.selection?.anchor,
-        match: (n) => a(n) && n.type === c(t, u)
-      }), p(t, {
-        at: t.selection?.anchor
-      }), !0;
-    if (o(t, {
-      at: t.selection?.focus,
-      match: { type: c(t, u) }
-    }))
-      return s(t, {
-        at: t.selection?.focus,
-        match: (n) => a(n) && n.type === c(t, u)
-      }), p(t, {
-        at: t.selection?.focus
-      }), !0;
-  }
-  l(t, {
-    match: { type: c(t, u) },
-    ...e
-  });
+import { ELEMENT_BUTTON as e } from "../createButtonPlugin.es.js";
+import { getAboveNode as t, getPluginType as n, isElement as r, splitNodes as i, unwrapNodes as a, withoutNormalizing as o } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/transforms/unwrapButton.ts
+var s = (c, l) => o(c, () => {
+	if (l?.split) {
+		if (t(c, {
+			at: c.selection?.anchor,
+			match: { type: n(c, "button") }
+		})) return i(c, {
+			at: c.selection?.anchor,
+			match: (e) => r(e) && e.type === n(c, "button")
+		}), s(c, { at: c.selection?.anchor }), !0;
+		if (t(c, {
+			at: c.selection?.focus,
+			match: { type: n(c, "button") }
+		})) return i(c, {
+			at: c.selection?.focus,
+			match: (e) => r(e) && e.type === n(c, "button")
+		}), s(c, { at: c.selection?.focus }), !0;
+	}
+	a(c, {
+		match: { type: n(c, e) },
+		...l
+	});
 });
-export {
-  p as unwrapButton
-};
-//# sourceMappingURL=unwrapButton.es.js.map
+//#endregion
+export { s as unwrapButton };
+
+//# sourceMappingURL=unwrapButton.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"unwrapButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/transforms/unwrapButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PlateEditor,\n    type UnwrapNodesOptions,\n    type Value,\n    getAboveNode,\n    getPluginType,\n    isElement,\n    splitNodes,\n    unwrapNodes,\n    withoutNormalizing,\n} from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\n/**\n * Unwrap button node.\n */\nexport const unwrapButton = <V extends Value>(\n    editor: PlateEditor<V>,\n    options?: UnwrapNodesOptions & {\n        split?: boolean;\n    },\n) => {\n    return withoutNormalizing(editor, () => {\n        if (options?.split) {\n            const buttonAboveAnchor = getAboveNode(editor, {\n                at: editor.selection?.anchor,\n                match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n            });\n\n            // anchor in button\n            if (buttonAboveAnchor) {\n                splitNodes(editor, {\n                    at: editor.selection?.anchor,\n                    match: (n) => isElement(n) && n.type === getPluginType(editor, ELEMENT_BUTTON),\n                });\n                unwrapButton(editor, {\n                    at: editor.selection?.anchor,\n                });\n                return true;\n            }\n            const buttonAboveFocus = getAboveNode(editor, {\n                at: editor.selection?.focus,\n                match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n            });\n\n            // focus in button\n            if (buttonAboveFocus) {\n                splitNodes(editor, {\n                    at: editor.selection?.focus,\n                    match: (n) => isElement(n) && n.type === getPluginType(editor, ELEMENT_BUTTON),\n                });\n                unwrapButton(editor, {\n                    at: editor.selection?.focus,\n                });\n                return true;\n            }\n        }\n\n        unwrapNodes(editor, {\n            match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n            ...options,\n        });\n\n        return;\n    });\n};\n"],"names":["unwrapButton","editor","options","withoutNormalizing","getAboveNode","getPluginType","ELEMENT_BUTTON","splitNodes","isElement","unwrapNodes"],"mappings":";;AAmBO,MAAMA,IAAe,CACxBC,GACAC,MAIOC,EAAmBF,GAAQ,MAAM;AACpC,MAAIC,GAAS,OAAO;AAOhB,QAN0BE,EAAaH,GAAQ;AAAA,MAC3C,IAAIA,EAAO,WAAW;AAAA,MACtB,OAAO,EAAE,MAAMI,EAAcJ,GAAQK,CAAc,EAAA;AAAA,IAAE,CACxD;AAIG,aAAAC,EAAWN,GAAQ;AAAA,QACf,IAAIA,EAAO,WAAW;AAAA,QACtB,OAAO,CAAC,MAAMO,EAAU,CAAC,KAAK,EAAE,SAASH,EAAcJ,GAAQK,CAAc;AAAA,MAAA,CAChF,GACDN,EAAaC,GAAQ;AAAA,QACjB,IAAIA,EAAO,WAAW;AAAA,MAAA,CACzB,GACM;AAQX,QANyBG,EAAaH,GAAQ;AAAA,MAC1C,IAAIA,EAAO,WAAW;AAAA,MACtB,OAAO,EAAE,MAAMI,EAAcJ,GAAQK,CAAc,EAAA;AAAA,IAAE,CACxD;AAIG,aAAAC,EAAWN,GAAQ;AAAA,QACf,IAAIA,EAAO,WAAW;AAAA,QACtB,OAAO,CAAC,MAAMO,EAAU,CAAC,KAAK,EAAE,SAASH,EAAcJ,GAAQK,CAAc;AAAA,MAAA,CAChF,GACDN,EAAaC,GAAQ;AAAA,QACjB,IAAIA,EAAO,WAAW;AAAA,MAAA,CACzB,GACM;AAAA,EAEf;AAEA,EAAAQ,EAAYR,GAAQ;AAAA,IAChB,OAAO,EAAE,MAAMI,EAAcJ,GAAQK,CAAc,EAAA;AAAA,IACnD,GAAGJ;AAAA,EAAA,CACN;AAGL,CAAC;"}
+{"version":3,"file":"unwrapButton.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/transforms/unwrapButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PlateEditor,\n    type UnwrapNodesOptions,\n    type Value,\n    getAboveNode,\n    getPluginType,\n    isElement,\n    splitNodes,\n    unwrapNodes,\n    withoutNormalizing,\n} from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\n/**\n * Unwrap button node.\n */\nexport const unwrapButton = <V extends Value>(\n    editor: PlateEditor<V>,\n    options?: UnwrapNodesOptions & {\n        split?: boolean;\n    },\n) => {\n    return withoutNormalizing(editor, () => {\n        if (options?.split) {\n            const buttonAboveAnchor = getAboveNode(editor, {\n                at: editor.selection?.anchor,\n                match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n            });\n\n            // anchor in button\n            if (buttonAboveAnchor) {\n                splitNodes(editor, {\n                    at: editor.selection?.anchor,\n                    match: (n) => isElement(n) && n.type === getPluginType(editor, ELEMENT_BUTTON),\n                });\n                unwrapButton(editor, {\n                    at: editor.selection?.anchor,\n                });\n                return true;\n            }\n            const buttonAboveFocus = getAboveNode(editor, {\n                at: editor.selection?.focus,\n                match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n            });\n\n            // focus in button\n            if (buttonAboveFocus) {\n                splitNodes(editor, {\n                    at: editor.selection?.focus,\n                    match: (n) => isElement(n) && n.type === getPluginType(editor, ELEMENT_BUTTON),\n                });\n                unwrapButton(editor, {\n                    at: editor.selection?.focus,\n                });\n                return true;\n            }\n        }\n\n        unwrapNodes(editor, {\n            match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n            ...options,\n        });\n\n        return;\n    });\n};\n"],"mappings":";;;AAmBA,IAAa,KACT,GACA,MAIO,EAAmB,SAAc;CACpC,IAAI,GAAS,OAAO;EAOhB,IAN0B,EAAa,GAAQ;GAC3C,IAAI,EAAO,WAAW;GACtB,OAAO,EAAE,MAAM,EAAc,GAAA,QAAsB,EAAE;EACzD,CAGI,GAQA,OAPA,EAAW,GAAQ;GACf,IAAI,EAAO,WAAW;GACtB,QAAQ,MAAM,EAAU,CAAC,KAAK,EAAE,SAAS,EAAc,GAAA,QAAsB;EACjF,CAAC,GACD,EAAa,GAAQ,EACjB,IAAI,EAAO,WAAW,OAC1B,CAAC,GACM;EAQX,IANyB,EAAa,GAAQ;GAC1C,IAAI,EAAO,WAAW;GACtB,OAAO,EAAE,MAAM,EAAc,GAAA,QAAsB,EAAE;EACzD,CAGI,GAQA,OAPA,EAAW,GAAQ;GACf,IAAI,EAAO,WAAW;GACtB,QAAQ,MAAM,EAAU,CAAC,KAAK,EAAE,SAAS,EAAc,GAAA,QAAsB;EACjF,CAAC,GACD,EAAa,GAAQ,EACjB,IAAI,EAAO,WAAW,MAC1B,CAAC,GACM;CAEf;CAEA,EAAY,GAAQ;EAChB,OAAO,EAAE,MAAM,EAAc,GAAQ,CAAc,EAAE;EACrD,GAAG;CACP,CAAC;AAGL,CAAC"}