@frontify/guideline-blocks-settings 0.33.5 → 0.34.1

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/useInsertModal.es.js

@@ -1,11 +1,10 @@
 import { useEffect as S, useReducer as b } from "react";
-import { useEditorRef as h, getPluginOptions as E, useHotkeys as g } from "@udecode/plate";
+import { CheckboxState as r, useEditorRef as h, getPluginOptions as E, useHotkeys as g } from "@frontify/fondue";
 import { floatingButtonSelectors as u, floatingButtonActions as a } from "../floatingButtonStore.es.js";
 import { ELEMENT_BUTTON as B } from "../../../createButtonPlugin.es.js";
 import { submitFloatingButton as U } from "../../../transforms/submitFloatingButton.es.js";
 import { getButtonStyle as x } from "../../../utils/getButtonStyle.es.js";
-import { CheckboxState as r } from "@frontify/fondue";
-import { isValidUrlOrEmpty as p } from "../../../../../../Link/utils/url.es.js";
+import { isValidUrlOrEmpty as i } from "../../../../../../Link/utils/url.es.js";
 import { addHttps as N } from "../../../../../../../helpers/addHttps.es.js";
 const k = {
   url: "",
@@ -39,7 +38,7 @@ const k = {
     }
   }, k);
   return [n, o];
-}, H = () => {
+}, F = () => {
   const n = h(), [o, e] = w();
   S(() => {
     const t = x(n);
@@ -70,14 +69,14 @@ const k = {
     });
   }, d = (t) => {
     e(t ? { type: "NEW_TAB" } : { type: "SAME_TAB" });
-  }, m = () => {
-    a.hide();
+  }, y = () => {
+    a.reset();
   }, T = (t) => {
-    if (!p(o.url) || !i)
+    if (!i(o.url) || !p)
       return;
     const f = N(o.url);
     a.text(o.text), a.url(f), a.buttonStyle(o.buttonStyle), a.newTab(o.newTab === r.Checked), U(n) && (t == null || t.preventDefault());
-  }, i = o.url !== "" && o.text !== "", { appBridge: y } = E(n, B);
+  }, p = o.url !== "" && o.text !== "", { appBridge: m } = E(n, B);
   return g(
     "enter",
     T,
@@ -91,15 +90,15 @@ const k = {
     onButtonStyleChange: c,
     onUrlChange: l,
     onToggleTab: d,
-    onCancel: m,
+    onCancel: y,
     onSave: T,
-    hasValues: i,
-    isValidUrlOrEmpty: p,
-    appBridge: y
+    hasValues: p,
+    isValidUrlOrEmpty: i,
+    appBridge: m
   };
 };
 export {
   w as InsertModalState,
-  H as useInsertModal
+  F as useInsertModal
 };
 //# sourceMappingURL=useInsertModal.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useInsertModal.es.js","sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/useInsertModal.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Dispatch, Reducer, useEffect, useReducer } from 'react';\nimport { getPluginOptions, useEditorRef, useHotkeys } from '@udecode/plate';\nimport { InsertModalDispatchType, InsertModalStateProps } from './types';\nimport { floatingButtonActions, floatingButtonSelectors } from '../floatingButtonStore';\nimport { ELEMENT_BUTTON } from '../../../createButtonPlugin';\nimport { submitFloatingButton } from '../../../transforms/submitFloatingButton';\nimport { RichTextButtonStyle } from '../../../types';\nimport { getButtonStyle } from '../../../utils/getButtonStyle';\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport { CheckboxState } from '@frontify/fondue';\nimport { addHttps } from '../../../../../../../helpers';\nimport { isValidUrlOrEmpty } from '../../../../../../Link/utils/url';\n\nconst initialState: InsertModalStateProps = {\n    url: '',\n    text: '',\n    buttonStyle: 'primary',\n    newTab: CheckboxState.Unchecked,\n};\n\nexport const InsertModalState = (): [InsertModalStateProps, Dispatch<InsertModalDispatchType>] => {\n    const [state, dispatch] = useReducer<Reducer<InsertModalStateProps, InsertModalDispatchType>>((state, action) => {\n        const { type, payload } = action;\n\n        switch (type) {\n            case 'NEW_TAB':\n                return {\n                    ...state,\n                    newTab: CheckboxState.Checked,\n                };\n            case 'SAME_TAB':\n                return {\n                    ...state,\n                    newTab: CheckboxState.Unchecked,\n                };\n            case 'URL':\n            case 'TEXT':\n            case 'BUTTON_STYLE':\n            case 'INIT':\n                return {\n                    ...state,\n                    ...payload,\n                };\n            default:\n                return state;\n        }\n    }, initialState);\n\n    return [state, dispatch];\n};\n\nexport const useInsertModal = () => {\n    const editor = useEditorRef();\n    const [state, dispatch] = InsertModalState();\n\n    useEffect(() => {\n        const buttonStyle = getButtonStyle(editor);\n\n        dispatch({\n            type: 'INIT',\n            payload: {\n                text: floatingButtonSelectors.text(),\n                buttonStyle,\n                newTab: floatingButtonSelectors.newTab() ? CheckboxState.Checked : CheckboxState.Unchecked,\n                url: floatingButtonSelectors.url(),\n            },\n        });\n    }, [dispatch, editor]);\n\n    const onTextChange = (value: string) => {\n        dispatch({\n            type: 'TEXT',\n            payload: { text: value },\n        });\n    };\n\n    const onButtonStyleChange = (value: RichTextButtonStyle) => {\n        dispatch({\n            type: 'BUTTON_STYLE',\n            payload: { buttonStyle: value },\n        });\n    };\n\n    const onUrlChange = (value: string) => {\n        dispatch({\n            type: 'URL',\n            payload: { url: value },\n        });\n    };\n\n    const onToggleTab = (checked: boolean) => {\n        checked ? dispatch({ type: 'NEW_TAB' }) : dispatch({ type: 'SAME_TAB' });\n    };\n\n    const onCancel = () => {\n        floatingButtonActions.hide();\n    };\n\n    const onSave = (event: React.MouseEvent<HTMLButtonElement, MouseEvent> | KeyboardEvent | undefined) => {\n        if (!isValidUrlOrEmpty(state.url) || !hasValues) {\n            return;\n        }\n\n        const urlToSave = addHttps(state.url);\n\n        floatingButtonActions.text(state.text);\n        floatingButtonActions.url(urlToSave);\n        floatingButtonActions.buttonStyle(state.buttonStyle);\n        floatingButtonActions.newTab(state.newTab === CheckboxState.Checked);\n\n        if (submitFloatingButton(editor)) {\n            event?.preventDefault();\n        }\n    };\n\n    const hasValues = state.url !== '' && state.text !== '';\n\n    const { appBridge } = getPluginOptions<{ appBridge: AppBridgeBlock }>(editor, ELEMENT_BUTTON);\n\n    useHotkeys(\n        'enter',\n        onSave,\n        {\n            enableOnFormTags: ['INPUT'],\n        },\n        [],\n    );\n\n    return {\n        state,\n        onTextChange,\n        onButtonStyleChange,\n        onUrlChange,\n        onToggleTab,\n        onCancel,\n        onSave,\n        hasValues,\n        isValidUrlOrEmpty,\n        appBridge,\n    };\n};\n"],"names":["initialState","CheckboxState","InsertModalState","state","dispatch","useReducer","action","type","payload","useInsertModal","editor","useEditorRef","useEffect","buttonStyle","getButtonStyle","floatingButtonSelectors","onTextChange","value","onButtonStyleChange","onUrlChange","onToggleTab","checked","onCancel","floatingButtonActions","onSave","event","isValidUrlOrEmpty","hasValues","urlToSave","addHttps","submitFloatingButton","appBridge","getPluginOptions","ELEMENT_BUTTON","useHotkeys"],"mappings":"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"}
+{"version":3,"file":"useInsertModal.es.js","sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/useInsertModal.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Dispatch, Reducer, useEffect, useReducer } from 'react';\nimport { CheckboxState, getPluginOptions, useEditorRef, useHotkeys } from '@frontify/fondue';\nimport { InsertModalDispatchType, InsertModalStateProps } from './types';\nimport { floatingButtonActions, floatingButtonSelectors } from '../floatingButtonStore';\nimport { ELEMENT_BUTTON } from '../../../createButtonPlugin';\nimport { submitFloatingButton } from '../../../transforms/submitFloatingButton';\nimport { RichTextButtonStyle } from '../../../types';\nimport { getButtonStyle } from '../../../utils/getButtonStyle';\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport { addHttps } from '../../../../../../../helpers';\nimport { isValidUrlOrEmpty } from '../../../../../../Link/utils/url';\n\nconst initialState: InsertModalStateProps = {\n    url: '',\n    text: '',\n    buttonStyle: 'primary',\n    newTab: CheckboxState.Unchecked,\n};\n\nexport const InsertModalState = (): [InsertModalStateProps, Dispatch<InsertModalDispatchType>] => {\n    const [state, dispatch] = useReducer<Reducer<InsertModalStateProps, InsertModalDispatchType>>((state, action) => {\n        const { type, payload } = action;\n\n        switch (type) {\n            case 'NEW_TAB':\n                return {\n                    ...state,\n                    newTab: CheckboxState.Checked,\n                };\n            case 'SAME_TAB':\n                return {\n                    ...state,\n                    newTab: CheckboxState.Unchecked,\n                };\n            case 'URL':\n            case 'TEXT':\n            case 'BUTTON_STYLE':\n            case 'INIT':\n                return {\n                    ...state,\n                    ...payload,\n                };\n            default:\n                return state;\n        }\n    }, initialState);\n\n    return [state, dispatch];\n};\n\nexport const useInsertModal = () => {\n    const editor = useEditorRef();\n    const [state, dispatch] = InsertModalState();\n\n    useEffect(() => {\n        const buttonStyle = getButtonStyle(editor);\n\n        dispatch({\n            type: 'INIT',\n            payload: {\n                text: floatingButtonSelectors.text(),\n                buttonStyle,\n                newTab: floatingButtonSelectors.newTab() ? CheckboxState.Checked : CheckboxState.Unchecked,\n                url: floatingButtonSelectors.url(),\n            },\n        });\n    }, [dispatch, editor]);\n\n    const onTextChange = (value: string) => {\n        dispatch({\n            type: 'TEXT',\n            payload: { text: value },\n        });\n    };\n\n    const onButtonStyleChange = (value: RichTextButtonStyle) => {\n        dispatch({\n            type: 'BUTTON_STYLE',\n            payload: { buttonStyle: value },\n        });\n    };\n\n    const onUrlChange = (value: string) => {\n        dispatch({\n            type: 'URL',\n            payload: { url: value },\n        });\n    };\n\n    const onToggleTab = (checked: boolean) => {\n        checked ? dispatch({ type: 'NEW_TAB' }) : dispatch({ type: 'SAME_TAB' });\n    };\n\n    const onCancel = () => {\n        floatingButtonActions.reset();\n    };\n\n    const onSave = (event: React.MouseEvent<HTMLButtonElement, MouseEvent> | KeyboardEvent | undefined) => {\n        if (!isValidUrlOrEmpty(state.url) || !hasValues) {\n            return;\n        }\n\n        const urlToSave = addHttps(state.url);\n\n        floatingButtonActions.text(state.text);\n        floatingButtonActions.url(urlToSave);\n        floatingButtonActions.buttonStyle(state.buttonStyle);\n        floatingButtonActions.newTab(state.newTab === CheckboxState.Checked);\n\n        if (submitFloatingButton(editor)) {\n            event?.preventDefault();\n        }\n    };\n\n    const hasValues = state.url !== '' && state.text !== '';\n\n    const { appBridge } = getPluginOptions<{ appBridge: AppBridgeBlock }>(editor, ELEMENT_BUTTON);\n\n    useHotkeys(\n        'enter',\n        onSave,\n        {\n            enableOnFormTags: ['INPUT'],\n        },\n        [],\n    );\n\n    return {\n        state,\n        onTextChange,\n        onButtonStyleChange,\n        onUrlChange,\n        onToggleTab,\n        onCancel,\n        onSave,\n        hasValues,\n        isValidUrlOrEmpty,\n        appBridge,\n    };\n};\n"],"names":["initialState","CheckboxState","InsertModalState","state","dispatch","useReducer","action","type","payload","useInsertModal","editor","useEditorRef","useEffect","buttonStyle","getButtonStyle","floatingButtonSelectors","onTextChange","value","onButtonStyleChange","onUrlChange","onToggleTab","checked","onCancel","floatingButtonActions","onSave","event","isValidUrlOrEmpty","hasValues","urlToSave","addHttps","submitFloatingButton","appBridge","getPluginOptions","ELEMENT_BUTTON","useHotkeys"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { createStore as i } from "@udecode/plate";
+import { createStore as i } from "@frontify/fondue";
 const e = i("floatingButton")({
   openEditorId: null,
   mouseDown: !1,

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 '@udecode/plate';\nimport { 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;\nexport const useFloatingButtonSelectors = () => floatingButtonStore.use;\n"],"names":["floatingButtonStore","createStore","set","mode","editorId","state","floatingButtonActions","floatingButtonSelectors","useFloatingButtonSelectors"],"mappings":";AAOa,MAAAA,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,MAAM,GACVA,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,KAC9CQ,IAA6B,MAAMR,EAAoB;"}
+{"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';\nimport { 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;\nexport const useFloatingButtonSelectors = () => floatingButtonStore.use;\n"],"names":["floatingButtonStore","createStore","set","mode","editorId","state","floatingButtonActions","floatingButtonSelectors","useFloatingButtonSelectors"],"mappings":";AAOa,MAAAA,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,MAAM,GACVA,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,KAC9CQ,IAA6B,MAAMR,EAAoB;"}

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

@@ -1,58 +1,57 @@
-import { useEditorRef as F, usePlateSelectors as h, getPluginOptions as C, getAboveNode as R, getPluginType as u, getRangeBoundingClientRect as k, getStartPoint as O, getEndPoint as P, getDefaultBoundingClientRect as b, someNode as N, useHotkeys as S, useComposedRef as T } from "@udecode/plate";
-import { useCallback as v, useEffect as x } from "react";
+import { useEditorRef as y, useEditorVersion as F, getPluginOptions as C, getAboveNode as R, getPluginType as s, getRangeBoundingClientRect as h, getStartPoint as O, getEndPoint as b, getDefaultBoundingClientRect as N, someNode as P, useHotkeys as T, useComposedRef as k } from "@frontify/fondue";
+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 { useFloatingButtonSelectors as l, floatingButtonActions as n, floatingButtonSelectors as d } from "./floatingButtonStore.es.js";
-import { useVirtualFloatingButton as D } from "./useVirtualFloatingButton.es.js";
-import { getUrlFromEditor as H } from "../../utils/getUrl.es.js";
-import { useFloatingButtonEnter as U } from "./useFloatingButtonEnter.es.js";
-import { useFloatingButtonEscape as w } from "./useFloatingButtonEscape.es.js";
-const J = ({ floatingOptions: g, ...i }) => {
-  const t = F(), c = h(t.id).keyEditor(), m = l().mode(), a = l().isOpen(t.id), { triggerFloatingButtonHotkeys: f } = C(t, o), p = v(() => {
+import { triggerFloatingButtonEdit as x } from "../../utils/triggerFloatingButtonEdit.es.js";
+import { useVirtualFloatingButton as A } from "./useVirtualFloatingButton.es.js";
+import { getUrlFromEditor as D } from "../../utils/getUrl.es.js";
+import { useFloatingButtonSelectors as u, floatingButtonActions as n, floatingButtonSelectors as l } from "./floatingButtonStore.es.js";
+import { useFloatingButtonEnter as H } from "./useFloatingButtonEnter.es.js";
+import { useFloatingButtonEscape as U } from "./useFloatingButtonEscape.es.js";
+const G = (g) => {
+  const t = y(), m = u().mode(), c = u().isOpen(t.id), d = F(), { triggerFloatingButtonHotkeys: a } = C(t, o), f = v(() => {
     const e = R(t, {
-      match: { type: u(t, o) }
+      match: { type: s(t, o) }
     });
     if (e) {
-      const [, s] = e;
-      return k(t, {
-        anchor: O(t, s),
-        focus: P(t, s)
+      const [, r] = e;
+      return h(t, {
+        anchor: O(t, r),
+        focus: b(t, r)
       });
     }
-    return b();
-  }, [t]), E = a && m === "edit", { update: r, style: B, floating: y } = D({
-    open: E,
-    getBoundingClientRect: p,
+    return N();
+  }, [t]), p = c && m === "edit", { update: i, style: B, floating: E } = A({
+    open: p,
+    getBoundingClientRect: f,
     ...g
   });
-  return x(() => {
-    const e = H(t);
-    if (e && n.url(e), t.selection && N(t, {
-      match: { type: u(t, o) }
+  return S(() => {
+    const e = D(t);
+    if (e && n.url(e), t.selection && P(t, {
+      match: { type: s(t, o) }
     })) {
-      n.show("edit", t.id), r();
+      n.show("edit", t.id), i();
       return;
     }
-    d.mode() === "edit" && n.hide();
-  }, [t, c, r]), S(
-    f,
+    l.mode() === "edit" && n.reset();
+  }, [t, d, i]), T(
+    a,
     (e) => {
-      e.preventDefault(), d.mode() === "edit" && A(t);
+      e.preventDefault(), l.mode() === "edit" && x(t);
     },
     {
       enableOnContentEditable: !0
     },
     []
-  ), U(), w(), {
+  ), H(), U(), {
     style: {
       ...B,
       zIndex: 1e3
     },
-    ...i,
-    ref: T(i.ref, y)
+    ref: k(E)
   };
 };
 export {
-  J as useFloatingButtonEdit
+  G 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    HTMLPropsAs,\n    getAboveNode,\n    getDefaultBoundingClientRect,\n    getEndPoint,\n    getPluginOptions,\n    getPluginType,\n    getRangeBoundingClientRect,\n    getStartPoint,\n    someNode,\n    useComposedRef,\n    useEditorRef,\n    useHotkeys,\n    usePlateSelectors,\n} from '@udecode/plate';\nimport { useCallback, useEffect } from 'react';\nimport { ButtonPlugin, ELEMENT_BUTTON } from '../../createButtonPlugin';\nimport { getUrlFromEditor } from '../../utils';\nimport { triggerFloatingButtonEdit } from '../../utils/triggerFloatingButtonEdit';\nimport {\n    FloatingButtonProps,\n    floatingButtonActions,\n    floatingButtonSelectors,\n    useFloatingButtonEnter,\n    useFloatingButtonEscape,\n    useFloatingButtonSelectors,\n    useVirtualFloatingButton,\n} from '.';\n\nexport const useFloatingButtonEdit = ({ floatingOptions, ...props }: FloatingButtonProps): HTMLPropsAs<'div'> => {\n    const editor = useEditorRef();\n    const keyEditor = usePlateSelectors(editor.id).keyEditor();\n    const mode = useFloatingButtonSelectors().mode();\n    const open = useFloatingButtonSelectors().isOpen(editor.id);\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.hide();\n        }\n    }, [editor, keyEditor, 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            ...style,\n            zIndex: 1000,\n        },\n        ...props,\n        ref: useComposedRef<HTMLElement | null>(props.ref, floating),\n    };\n};\n"],"names":["useFloatingButtonEdit","floatingOptions","props","editor","useEditorRef","keyEditor","usePlateSelectors","mode","useFloatingButtonSelectors","open","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":";;;;;;;;;AA+BO,MAAMA,IAAwB,CAAC,EAAE,iBAAAC,GAAiB,GAAGC,QAAqD;AAC7G,QAAMC,IAASC,KACTC,IAAYC,EAAkBH,EAAO,EAAE,EAAE,UAAU,GACnDI,IAAOC,IAA6B,QACpCC,IAAOD,EAA6B,EAAA,OAAOL,EAAO,EAAE,GAEpD,EAAE,8BAAAO,EAAiC,IAAAC,EAA+BR,GAAQS,CAAc,GAExFC,IAAwBC,EAAY,MAAM;AACtC,UAAAC,IAAQC,EAAab,GAAQ;AAAA,MAC/B,OAAO,EAAE,MAAMc,EAAcd,GAAQS,CAAc,EAAE;AAAA,IAAA,CACxD;AAED,QAAIG,GAAO;AACD,YAAA,CAAG,EAAAG,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,EAA6B;AAAA,EAAA,GACrC,CAACnB,CAAM,CAAC,GAELoB,IAASd,KAAQF,MAAS,QAE1B,EAAE,QAAAiB,GAAQ,OAAAC,GAAO,UAAAC,EAAA,IAAaC,EAAyB;AAAA,IACzD,MAAMJ;AAAA,IACN,uBAAAV;AAAA,IACA,GAAGZ;AAAA,EAAA,CACN;AAED,SAAA2B,EAAU,MAAM;AACN,UAAAC,IAAMC,EAAiB3B,CAAM;AAM/B,QALA0B,KACAE,EAAsB,IAAIF,CAAG,GAI7B1B,EAAO,aACP6B,EAAS7B,GAAQ;AAAA,MACb,OAAO,EAAE,MAAMc,EAAcd,GAAQS,CAAc,EAAE;AAAA,IAAA,CACxD,GACH;AACwB,MAAAmB,EAAA,KAAK,QAAQ5B,EAAO,EAAE,GACrCqB;AACP;AAAA,IACJ;AAEI,IAAAS,EAAwB,KAAK,MAAM,UACnCF,EAAsB,KAAK;AAAA,EAEhC,GAAA,CAAC5B,GAAQE,GAAWmB,CAAM,CAAC,GAE9BU;AAAA,IACIxB;AAAA,IACA,CAAC,MAAM;AACH,QAAE,eAAe,GAEbuB,EAAwB,KAAK,MAAM,UACnCE,EAA0BhC,CAAM;AAAA,IAExC;AAAA,IACA;AAAA,MACI,yBAAyB;AAAA,IAC7B;AAAA,IACA,CAAC;AAAA,EAAA,GAGkBiC,KAECC,KAEjB;AAAA,IACH,OAAO;AAAA,MACH,GAAGZ;AAAA,MACH,QAAQ;AAAA,IACZ;AAAA,IACA,GAAGvB;AAAA,IACH,KAAKoC,EAAmCpC,EAAM,KAAKwB,CAAQ;AAAA,EAAA;AAEnE;"}
+{"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    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';\nimport { type Ref, useCallback, useEffect } from 'react';\nimport { ButtonPlugin, ELEMENT_BUTTON } from '../../createButtonPlugin';\nimport { getUrlFromEditor } from '../../utils';\nimport { triggerFloatingButtonEdit } from '../../utils/triggerFloatingButtonEdit';\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            ...style,\n            zIndex: 1000,\n        },\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":";;;;;;;;;AA8Ba,MAAAA,IAAwB,CACjCC,MACsE;AACtE,QAAMC,IAASC,KACTC,IAAOC,IAA6B,QACpCC,IAAOD,EAA6B,EAAA,OAAOH,EAAO,EAAE,GACpDK,IAAUC,KAEV,EAAE,8BAAAC,EAAiC,IAAAC,EAA+BR,GAAQS,CAAc,GAExFC,IAAwBC,EAAY,MAAM;AACtC,UAAAC,IAAQC,EAAab,GAAQ;AAAA,MAC/B,OAAO,EAAE,MAAMc,EAAcd,GAAQS,CAAc,EAAE;AAAA,IAAA,CACxD;AAED,QAAIG,GAAO;AACD,YAAA,CAAG,EAAAG,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,EAA6B;AAAA,EAAA,GACrC,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;AACN,UAAAC,IAAMC,EAAiB3B,CAAM;AAM/B,QALA0B,KACAE,EAAsB,IAAIF,CAAG,GAI7B1B,EAAO,aACP6B,EAAS7B,GAAQ;AAAA,MACb,OAAO,EAAE,MAAMc,EAAcd,GAAQS,CAAc,EAAE;AAAA,IAAA,CACxD,GACH;AACwB,MAAAmB,EAAA,KAAK,QAAQ5B,EAAO,EAAE,GACrCqB;AACP;AAAA,IACJ;AAEI,IAAAS,EAAwB,KAAK,MAAM,UACnCF,EAAsB,MAAM;AAAA,EAEjC,GAAA,CAAC5B,GAAQK,GAASgB,CAAM,CAAC,GAE5BU;AAAA,IACIxB;AAAA,IACA,CAAC,MAAM;AACH,QAAE,eAAe,GAEbuB,EAAwB,KAAK,MAAM,UACnCE,EAA0BhC,CAAM;AAAA,IAExC;AAAA,IACA;AAAA,MACI,yBAAyB;AAAA,IAC7B;AAAA,IACA,CAAC;AAAA,EAAA,GAGkBiC,KAECC,KAEjB;AAAA,IACH,OAAO;AAAA,MACH,GAAGZ;AAAA,MACH,QAAQ;AAAA,IACZ;AAAA,IACA,KAAKa,EAAmCZ,CAAQ;AAAA,EAAA;AAExD;"}

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

@@ -1,4 +1,4 @@
-import { useEditorRef as e, useHotkeys as n } from "@udecode/plate";
+import { useEditorRef as e, useHotkeys as n } from "@frontify/fondue";
 import { submitFloatingButton as r } from "../../transforms/submitFloatingButton.es.js";
 const u = () => {
   const o = e();

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 '@udecode/plate';\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":";;AAKO,MAAMA,IAAyB,MAAM;AACxC,QAAMC,IAASC;AAEf,EAAAC;AAAA,IACI;AAAA,IACA,CAACC,MAAM;AACH,MAAIA,EAAE,QAAQ,WAAWC,EAAqBJ,CAAM,KAChDG,EAAE,eAAe;AAAA,IAEzB;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,IAC9B;AAAA,IACA,CAAC;AAAA,EAAA;AAET;"}
+{"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';\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":";;AAKO,MAAMA,IAAyB,MAAM;AACxC,QAAMC,IAASC;AAEf,EAAAC;AAAA,IACI;AAAA,IACA,CAACC,MAAM;AACH,MAAIA,EAAE,QAAQ,WAAWC,EAAqBJ,CAAM,KAChDG,EAAE,eAAe;AAAA,IAEzB;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,IAC9B;AAAA,IACA,CAAC;AAAA,EAAA;AAET;"}

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

@@ -1,4 +1,4 @@
-import { useEditorRef as i, useHotkeys as n, focusEditor as r } from "@udecode/plate";
+import { useEditorRef as i, useHotkeys as n, focusEditor as r } from "@frontify/fondue";
 import { floatingButtonSelectors as e, floatingButtonActions as o } from "./floatingButtonStore.es.js";
 const u = () => {
   const t = i();
@@ -10,7 +10,7 @@ const u = () => {
           o.show("edit", t.id), r(t, t.selection ?? void 0);
           return;
         }
-        o.hide();
+        o.reset();
       }
     },
     {

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 '@udecode/plate';\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.hide();\n        },\n        {\n            enableOnFormTags: ['INPUT'],\n            enableOnContentEditable: true,\n        },\n        [],\n    );\n};\n"],"names":["useFloatingButtonEscape","editor","useEditorRef","useHotkeys","floatingButtonSelectors","floatingButtonActions","focusEditor"],"mappings":";;AAKO,MAAMA,IAA0B,MAAM;AACzC,QAAMC,IAASC;AAEf,EAAAC;AAAA,IACI;AAAA,IACA,MAAM;AACE,UAAAC,EAAwB,KAAK,MAAM,QAInC;AAAA,YAAAA,EAAwB,aAAa;AACf,UAAAC,EAAA,KAAK,QAAQJ,EAAO,EAAE,GAChCK,EAAAL,GAAQA,EAAO,aAAa,MAAS;AACjD;AAAA,QACJ;AAEA,QAAAI,EAAsB,KAAK;AAAA;AAAA,IAC/B;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,MAC1B,yBAAyB;AAAA,IAC7B;AAAA,IACA,CAAC;AAAA,EAAA;AAET;"}
+{"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';\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":";;AAKO,MAAMA,IAA0B,MAAM;AACzC,QAAMC,IAASC;AAEf,EAAAC;AAAA,IACI;AAAA,IACA,MAAM;AACE,UAAAC,EAAwB,KAAK,MAAM,QAInC;AAAA,YAAAA,EAAwB,aAAa;AACf,UAAAC,EAAA,KAAK,QAAQJ,EAAO,EAAE,GAChCK,EAAAL,GAAQA,EAAO,aAAa,MAAS;AACjD;AAAA,QACJ;AAEA,QAAAI,EAAsB,MAAM;AAAA;AAAA,IAChC;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,MAC1B,yBAAyB;AAAA,IAC7B;AAAA,IACA,CAAC;AAAA,EAAA;AAET;"}

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

@@ -1,43 +1,41 @@
-import { useEditorRef as d, getPluginOptions as c, useHotkeys as p, getSelectionBoundingClientRect as a, useComposedRef as B } from "@udecode/plate";
+import { useEditorRef as d, useFocused as f, getPluginOptions as p, useHotkeys as c, getSelectionBoundingClientRect as a, useComposedRef as B } from "@frontify/fondue";
 import { useEffect as E } from "react";
-import { useFocused as F } from "slate-react";
-import { ELEMENT_BUTTON as y } from "../../createButtonPlugin.es.js";
-import { triggerFloatingButtonInsert as C } from "../../utils/triggerFloatingButtonInsert.es.js";
-import { useFloatingButtonSelectors as r, floatingButtonActions as O } from "./floatingButtonStore.es.js";
-import { useVirtualFloatingButton as R } from "./useVirtualFloatingButton.es.js";
-import { useFloatingButtonEscape as I } from "./useFloatingButtonEscape.es.js";
-const S = ({ floatingOptions: s, ...o }) => {
-  const e = d(), n = F(), u = r().mode(), t = r().isOpen(e.id), { triggerFloatingButtonHotkeys: l } = c(e, y);
-  p(
-    l,
-    (g) => {
-      g.preventDefault(), C(e, {
-        focused: n
+import { ELEMENT_BUTTON as F } from "../../createButtonPlugin.es.js";
+import { triggerFloatingButtonInsert as y } from "../../utils/triggerFloatingButtonInsert.es.js";
+import { useFloatingButtonSelectors as i, floatingButtonActions as C } from "./floatingButtonStore.es.js";
+import { useVirtualFloatingButton as O } from "./useVirtualFloatingButton.es.js";
+import { useFloatingButtonEscape as R } from "./useFloatingButtonEscape.es.js";
+const M = (s) => {
+  const e = d(), o = f(), r = i().mode(), t = i().isOpen(e.id), { triggerFloatingButtonHotkeys: u } = p(e, F);
+  c(
+    u,
+    (m) => {
+      m.preventDefault(), y(e, {
+        focused: o
       });
     },
     {
       enableOnContentEditable: !0
     },
-    [n]
+    [o]
   );
-  const { update: i, style: m, floating: f } = R({
-    open: t && u === "insert",
+  const { update: n, style: l, floating: g } = O({
+    open: t && r === "insert",
     getBoundingClientRect: a,
     whileElementsMounted: void 0,
     ...s
   });
   return E(() => {
-    t && i(), O.updated(t);
-  }, [t, i]), I(), {
+    t && n(), C.updated(t);
+  }, [t, n]), R(), {
     style: {
-      ...m,
+      ...l,
       zIndex: 1e3
     },
-    ...o,
-    ref: B(o.ref, f)
+    ref: B(g)
   };
 };
 export {
-  S as useFloatingButtonInsert
+  M 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    HTMLPropsAs,\n    getPluginOptions,\n    getSelectionBoundingClientRect,\n    useComposedRef,\n    useEditorRef,\n    useHotkeys,\n} from '@udecode/plate';\nimport { useEffect } from 'react';\nimport { useFocused } from 'slate-react';\nimport { ButtonPlugin, ELEMENT_BUTTON } from '../../createButtonPlugin';\nimport { triggerFloatingButtonInsert } from '../../utils/triggerFloatingButtonInsert';\nimport {\n    FloatingButtonProps,\n    floatingButtonActions,\n    useFloatingButtonEscape,\n    useFloatingButtonSelectors,\n    useVirtualFloatingButton,\n} from '.';\n\nexport const useFloatingButtonInsert = ({ floatingOptions, ...props }: FloatingButtonProps): HTMLPropsAs<'div'> => {\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            ...style,\n            zIndex: 1000,\n        },\n        ...props,\n        ref: useComposedRef<HTMLElement | null>(props.ref, floating),\n    };\n};\n"],"names":["useFloatingButtonInsert","floatingOptions","props","editor","useEditorRef","focused","useFocused","mode","useFloatingButtonSelectors","open","triggerFloatingButtonHotkeys","getPluginOptions","ELEMENT_BUTTON","useHotkeys","e","triggerFloatingButtonInsert","update","style","floating","useVirtualFloatingButton","getSelectionBoundingClientRect","useEffect","floatingButtonActions","useFloatingButtonEscape","useComposedRef"],"mappings":";;;;;;;;AAsBO,MAAMA,IAA0B,CAAC,EAAE,iBAAAC,GAAiB,GAAGC,QAAqD;AAC/G,QAAMC,IAASC,KACTC,IAAUC,KACVC,IAAOC,IAA6B,QACpCC,IAAOD,EAA6B,EAAA,OAAOL,EAAO,EAAE,GAEpD,EAAE,8BAAAO,EAAiC,IAAAC,EAA+BR,GAAQS,CAAc;AAE9F,EAAAC;AAAA,IACIH;AAAA,IACA,CAACI,MAAM;AACH,MAAAA,EAAE,eAAe,GAEjBC,EAA4BZ,GAAQ;AAAA,QAChC,SAAAE;AAAA,MAAA,CACH;AAAA,IACL;AAAA,IACA;AAAA,MACI,yBAAyB;AAAA,IAC7B;AAAA,IACA,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,GAAGnB;AAAA,EAAA,CACN;AAGD,SAAAoB,EAAU,MAAM;AACZ,IAAIZ,KACOO,KAEXM,EAAsB,QAAQb,CAAI;AAAA,EAAA,GACnC,CAACA,GAAMO,CAAM,CAAC,GAEOO,KAEjB;AAAA,IACH,OAAO;AAAA,MACH,GAAGN;AAAA,MACH,QAAQ;AAAA,IACZ;AAAA,IACA,GAAGf;AAAA,IACH,KAAKsB,EAAmCtB,EAAM,KAAKgB,CAAQ;AAAA,EAAA;AAEnE;"}
+{"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    UseVirtualFloatingOptions,\n    getPluginOptions,\n    getSelectionBoundingClientRect,\n    useComposedRef,\n    useEditorRef,\n    useFocused,\n    useHotkeys,\n} from '@frontify/fondue';\nimport { type Ref, useEffect } from 'react';\nimport { ButtonPlugin, ELEMENT_BUTTON } from '../../createButtonPlugin';\nimport { triggerFloatingButtonInsert } from '../../utils/triggerFloatingButtonInsert';\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            ...style,\n            zIndex: 1000,\n        },\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":";;;;;;;AAqBa,MAAAA,IAA0B,CACnCC,MACsE;AACtE,QAAMC,IAASC,KACTC,IAAUC,KACVC,IAAOC,IAA6B,QACpCC,IAAOD,EAA6B,EAAA,OAAOL,EAAO,EAAE,GAEpD,EAAE,8BAAAO,EAAiC,IAAAC,EAA+BR,GAAQS,CAAc;AAE9F,EAAAC;AAAA,IACIH;AAAA,IACA,CAACI,MAAM;AACH,MAAAA,EAAE,eAAe,GAEjBC,EAA4BZ,GAAQ;AAAA,QAChC,SAAAE;AAAA,MAAA,CACH;AAAA,IACL;AAAA,IACA;AAAA,MACI,yBAAyB;AAAA,IAC7B;AAAA,IACA,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,KACOO,KAEXM,EAAsB,QAAQb,CAAI;AAAA,EAAA,GACnC,CAACA,GAAMO,CAAM,CAAC,GAEOO,KAEjB;AAAA,IACH,OAAO;AAAA,MACH,GAAGN;AAAA,MACH,QAAQ;AAAA,IACZ;AAAA,IACA,KAAKO,EAAmCN,CAAQ;AAAA,EAAA;AAExD;"}

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

@@ -1,4 +1,4 @@
-import { useVirtualFloating as o, offset as i, flip as n } from "@udecode/plate";
+import { useVirtualFloating as o, offset as i, flip as n } from "@frontify/fondue";
 const a = 12, s = -22, e = 96, m = (t) => o({
   placement: "bottom-start",
   middleware: [

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 { UseVirtualFloatingOptions, flip, offset, useVirtualFloating } from '@udecode/plate';\n\nconst OFFSET_Y = 12;\nconst OFFSET_X = -22;\nconst PADDING = 96;\n\nexport const useVirtualFloatingButton = (floatingOptions?: UseVirtualFloatingOptions) =>\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":";AAIA,MAAMA,IAAW,IACXC,IAAW,KACXC,IAAU,IAEHC,IAA2B,CAACC,MACrCC,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,EACL;AAAA,EACA,GAAGE;AACP,CAAC;"}
+{"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 { UseVirtualFloatingOptions, flip, offset, useVirtualFloating } from '@frontify/fondue';\nimport { 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,EACL;AAAA,EACA,GAAGE;AACP,CAAC;"}

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

@@ -1,23 +1,22 @@
 var n = Object.defineProperty;
 var u = (i, t, r) => t in i ? n(i, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[t] = r;
 var e = (i, t, r) => (u(i, typeof t != "symbol" ? t + "" : t, r), r);
-import { Plugin as a } from "@frontify/fondue";
-import { createPluginFactory as s } from "@udecode/plate";
+import { createPluginFactory as a, Plugin as s } from "@frontify/fondue";
 import { isValidUrl as g } from "../../../Link/utils/url.es.js";
 import { ButtonMarkupElement as l } from "./ButtonMarkupElement/index.es.js";
 import { ButtonButton as d } from "./components/ButtonButton.es.js";
-import { CustomFloatingButton as m } from "./components/FloatingButton/CustomFloatingButton.es.js";
-import { withButton as p } from "./withButton.es.js";
-import { BlockButtonStyles as B } from "./utils/styles.es.js";
-const f = "button", c = "button-plugin", h = (i) => s({
-  key: f,
+import { CustomFloatingButton as p } from "./components/FloatingButton/CustomFloatingButton.es.js";
+import { withButton as B } from "./withButton.es.js";
+import { BlockButtonStyles as m } from "./utils/styles.es.js";
+const c = "button", f = "button-plugin", h = (i) => a({
+  key: c,
   isElement: !0,
   isInline: !0,
   props: ({ element: t }) => ({
     nodeProps: { href: t == null ? void 0 : t.url, target: t == null ? void 0 : t.target }
   }),
-  withOverrides: p,
-  renderAfterEditable: m,
+  withOverrides: B,
+  renderAfterEditable: p,
   options: {
     isUrl: g,
     rangeBeforeOptions: {
@@ -44,9 +43,9 @@ const f = "button", c = "button-plugin", h = (i) => s({
     }
   })
 })();
-class A extends a {
-  constructor({ styles: r = B, ...o }) {
-    super(c, {
+class v extends s {
+  constructor({ styles: r = m, ...o }) {
+    super(f, {
       button: d,
       markupElement: new l(),
       ...o
@@ -60,9 +59,9 @@ class A extends a {
   }
 }
 export {
-  c as BUTTON_PLUGIN,
-  A as ButtonPlugin,
-  f as ELEMENT_BUTTON,
+  f as BUTTON_PLUGIN,
+  v as ButtonPlugin,
+  c as ELEMENT_BUTTON,
   h 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 { AppBridgeBlock } from '@frontify/app-bridge';\nimport { Plugin, PluginProps } from '@frontify/fondue';\nimport { RangeBeforeOptions, createPluginFactory } from '@udecode/plate';\nimport type { CSSProperties } from 'react';\nimport { isValidUrl } from '../../../Link/utils/url';\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// eslint-disable-next-line\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) =>\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// eslint-disable-next-line\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 as AppBridgeBlock;\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","__publicField"],"mappings":";;;;;;;;;;;AAaO,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,KAAA,gBAAAA,EAAS,KAAK,QAAQA,KAAA,gBAAAA,EAAS,OAAO;AAAA,EAAA;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,IAChB;AAAA,IACA,8BAA8B;AAAA,IAC9B,WAAAL;AAAA,EACJ;AAAA,EACA,MAAM,CAACM,GAAS,EAAE,MAAAC,SAAY;AAAA,IAC1B,iBAAiB;AAAA,MACb,OAAO;AAAA,QACH;AAAA,UACI,eAAe;AAAA,UACf,gBAAgB;AAAA,QACpB;AAAA,MACJ;AAAA,MACA,SAAS,CAACC,OAAQ;AAAA,QACd,MAAAD;AAAA,QACA,KAAKC,EAAG,aAAa,MAAM;AAAA,QAC3B,QAAQA,EAAG,aAAa,QAAQ,KAAK;AAAA,MAAA;AAAA,IAE7C;AAAA,EAAA;AAER,CAAC,EAAE;AAOA,MAAMC,UAAqBC,EAAO;AAAA,EAGrC,YAAY,EAAE,QAAAC,IAASC,GAAmB,GAAGC,KAA4B;AACrE,UAAMf,GAAe;AAAA,MACjB,QAAQgB;AAAA,MACR,eAAe,IAAIC,EAAoB;AAAA,MACvC,GAAGF;AAAA,IAAA,CACN;AAPE,IAAAG,EAAA,gBAAwB,CAAA;AACvB,IAAAA,EAAA;AAOJ,SAAK,SAASL,GACd,KAAK,YAAYE,KAAA,gBAAAA,EAAO;AAAA,EAC5B;AAAA,EAEA,UAAU;AACN,WAAO,CAACd,EAAmB,KAAK,SAAS,CAAC;AAAA,EAC9C;AACJ;"}
+{"version":3,"file":"createButtonPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport { PlatePlugin, Plugin, PluginProps, RangeBeforeOptions, createPluginFactory } from '@frontify/fondue';\nimport type { CSSProperties } from 'react';\nimport { isValidUrl } from '../../../Link/utils/url';\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// eslint-disable-next-line\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// eslint-disable-next-line\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 as AppBridgeBlock;\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","__publicField"],"mappings":";;;;;;;;;;AAYO,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,KAAA,gBAAAA,EAAS,KAAK,QAAQA,KAAA,gBAAAA,EAAS,OAAO;AAAA,EAAA;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,IAChB;AAAA,IACA,8BAA8B;AAAA,IAC9B,WAAAL;AAAA,EACJ;AAAA,EACA,MAAM,CAACM,GAAS,EAAE,MAAAC,SAAY;AAAA,IAC1B,iBAAiB;AAAA,MACb,OAAO;AAAA,QACH;AAAA,UACI,eAAe;AAAA,UACf,gBAAgB;AAAA,QACpB;AAAA,MACJ;AAAA,MACA,SAAS,CAACC,OAAQ;AAAA,QACd,MAAAD;AAAA,QACA,KAAKC,EAAG,aAAa,MAAM;AAAA,QAC3B,QAAQA,EAAG,aAAa,QAAQ,KAAK;AAAA,MAAA;AAAA,IAE7C;AAAA,EAAA;AAER,CAAC,EAAE;AAOA,MAAMC,UAAqBC,EAAO;AAAA,EAGrC,YAAY,EAAE,QAAAC,IAASC,GAAmB,GAAGC,KAA4B;AACrE,UAAMf,GAAe;AAAA,MACjB,QAAQgB;AAAA,MACR,eAAe,IAAIC,EAAoB;AAAA,MACvC,GAAGF;AAAA,IAAA,CACN;AAPE,IAAAG,EAAA,gBAAwB,CAAA;AACvB,IAAAA,EAAA;AAOJ,SAAK,SAASL,GACd,KAAK,YAAYE,KAAA,gBAAAA,EAAO;AAAA,EAC5B;AAAA,EAEA,UAAU;AACN,WAAO,CAACd,EAAmB,KAAK,SAAS,CAAC;AAAA,EAC9C;AACJ;"}

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

@@ -1,4 +1,4 @@
-import { insertNodes as e } from "@udecode/plate";
+import { insertNodes as e } from "@frontify/fondue";
 import { createButtonNode as n } from "../utils/createButtonNode.es.js";
 const i = (t, o, r) => {
   e(

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 { InsertNodesOptions, PlateEditor, TText, Value, insertNodes } from '@udecode/plate';\nimport { TButtonElement } from '../types';\nimport { 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":";;AAMO,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","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/transforms/insertButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { InsertNodesOptions, PlateEditor, TText, Value, insertNodes } from '@frontify/fondue';\nimport { TButtonElement } from '../types';\nimport { 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":";;AAMO,MAAMA,IAAe,CACxBC,GACAC,GACAC,MACC;AACD,EAAAC;AAAA,IACIH;AAAA,IACA,CAACI,EAAiBJ,GAAQC,CAAuB,CAAC;AAAA,IAClDC;AAAA,EAAA;AAER;"}

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

@@ -1,17 +1,17 @@
-import { getPluginOptions as c, focusEditor as f } from "@udecode/plate";
+import { getPluginOptions as c, focusEditor as f } from "@frontify/fondue";
 import { floatingButtonSelectors as n, 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: o, forceSubmit: e } = c(t, a), i = n.url();
-  if (!((o == null ? void 0 : o(i)) || e))
+  const { isUrl: o, forceSubmit: e } = c(t, a), r = n.url();
+  if (!((o == null ? void 0 : o(r)) || e))
     return;
-  const r = n.text(), s = n.buttonStyle(), u = n.newTab() ? void 0 : "_self";
-  return m.hide(), p(t, {
-    url: i,
-    text: r,
+  const i = n.text(), s = n.buttonStyle(), u = n.newTab() ? void 0 : "_self";
+  return m.reset(), p(t, {
+    url: r,
+    text: i,
     buttonStyle: s,
     target: u,
     isUrl: (l) => e || !o ? !0 : o(l)

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 { PlateEditor, Value, focusEditor, getPluginOptions } from '@udecode/plate';\nimport { floatingButtonActions, floatingButtonSelectors } from '../components/FloatingButton/floatingButtonStore';\nimport { ButtonPlugin, ELEMENT_BUTTON } from '../createButtonPlugin';\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.hide();\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":";;;;AAOa,MAAAA,IAAuB,CAAkBC,MAA2B;AACzE,MAAA,CAACA,EAAO;AACR;AAGJ,QAAM,EAAE,OAAAC,GAAO,aAAAC,EAAA,IAAgBC,EAAkCH,GAAQI,CAAc,GACjFC,IAAMC,EAAwB;AAGpC,MAAI,GADYL,KAAA,gBAAAA,EAAQI,OAAQH;AAE5B;AAGE,QAAAK,IAAOD,EAAwB,QAC/BE,IAAcF,EAAwB,eACtCG,IAASH,EAAwB,OAAO,IAAI,SAAY;AAE9D,SAAAI,EAAsB,KAAK,GAE3BC,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;AACD,IAAAC,EAAAb,GAAQA,EAAO,aAAa,MAAS;AAAA,KAClD,CAAC,GAEG;AACX;"}
+{"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 { PlateEditor, Value, focusEditor, getPluginOptions } from '@frontify/fondue';\nimport { floatingButtonActions, floatingButtonSelectors } from '../components/FloatingButton/floatingButtonStore';\nimport { ButtonPlugin, ELEMENT_BUTTON } from '../createButtonPlugin';\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":";;;;AAOa,MAAAA,IAAuB,CAAkBC,MAA2B;AACzE,MAAA,CAACA,EAAO;AACR;AAGJ,QAAM,EAAE,OAAAC,GAAO,aAAAC,EAAA,IAAgBC,EAAkCH,GAAQI,CAAc,GACjFC,IAAMC,EAAwB;AAGpC,MAAI,GADYL,KAAA,gBAAAA,EAAQI,OAAQH;AAE5B;AAGE,QAAAK,IAAOD,EAAwB,QAC/BE,IAAcF,EAAwB,eACtCG,IAASH,EAAwB,OAAO,IAAI,SAAY;AAE9D,SAAAI,EAAsB,MAAM,GAE5BC,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;AACD,IAAAC,EAAAb,GAAQA,EAAO,aAAa,MAAS;AAAA,KAClD,CAAC,GAEG;AACX;"}

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

@@ -1,4 +1,4 @@
-import { withoutNormalizing as y, getAboveNode as b, getPluginType as n, splitNodes as f, isElement as p, unwrapNodes as N } from "@udecode/plate";
+import { withoutNormalizing as y, getAboveNode as b, getPluginType as n, splitNodes as f, isElement as p, unwrapNodes as N } from "@frontify/fondue";
 import { ELEMENT_BUTTON as u } from "../createButtonPlugin.es.js";
 const A = (t, e) => y(t, () => {
   var a, s, h, l, m, o;

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    PlateEditor,\n    UnwrapNodesOptions,\n    Value,\n    getAboveNode,\n    getPluginType,\n    isElement,\n    splitNodes,\n    unwrapNodes,\n    withoutNormalizing,\n} from '@udecode/plate';\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","_a","getPluginType","ELEMENT_BUTTON","splitNodes","_b","n","isElement","_c","_d","_e","_f","unwrapNodes"],"mappings":";;AAkBa,MAAAA,IAAe,CACxBC,GACAC,MAIOC,EAAmBF,GAAQ,MAAM;;AACpC,MAAIC,KAAA,QAAAA,EAAS,OAAO;AAOhB,QAN0BE,EAAaH,GAAQ;AAAA,MAC3C,KAAII,IAAAJ,EAAO,cAAP,gBAAAI,EAAkB;AAAA,MACtB,OAAO,EAAE,MAAMC,EAAcL,GAAQM,CAAc,EAAE;AAAA,IAAA,CACxD;AAIG,aAAAC,EAAWP,GAAQ;AAAA,QACf,KAAIQ,IAAAR,EAAO,cAAP,gBAAAQ,EAAkB;AAAA,QACtB,OAAO,CAACC,MAAMC,EAAUD,CAAC,KAAKA,EAAE,SAASJ,EAAcL,GAAQM,CAAc;AAAA,MAAA,CAChF,GACDP,EAAaC,GAAQ;AAAA,QACjB,KAAIW,IAAAX,EAAO,cAAP,gBAAAW,EAAkB;AAAA,MAAA,CACzB,GACM;AAQX,QANyBR,EAAaH,GAAQ;AAAA,MAC1C,KAAIY,IAAAZ,EAAO,cAAP,gBAAAY,EAAkB;AAAA,MACtB,OAAO,EAAE,MAAMP,EAAcL,GAAQM,CAAc,EAAE;AAAA,IAAA,CACxD;AAIG,aAAAC,EAAWP,GAAQ;AAAA,QACf,KAAIa,IAAAb,EAAO,cAAP,gBAAAa,EAAkB;AAAA,QACtB,OAAO,CAACJ,MAAMC,EAAUD,CAAC,KAAKA,EAAE,SAASJ,EAAcL,GAAQM,CAAc;AAAA,MAAA,CAChF,GACDP,EAAaC,GAAQ;AAAA,QACjB,KAAIc,IAAAd,EAAO,cAAP,gBAAAc,EAAkB;AAAA,MAAA,CACzB,GACM;AAAA,EAEf;AAEA,EAAAC,EAAYf,GAAQ;AAAA,IAChB,OAAO,EAAE,MAAMK,EAAcL,GAAQM,CAAc,EAAE;AAAA,IACrD,GAAGL;AAAA,EAAA,CACN;AAED,CACH;"}
+{"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    PlateEditor,\n    UnwrapNodesOptions,\n    Value,\n    getAboveNode,\n    getPluginType,\n    isElement,\n    splitNodes,\n    unwrapNodes,\n    withoutNormalizing,\n} from '@frontify/fondue';\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","_a","getPluginType","ELEMENT_BUTTON","splitNodes","_b","n","isElement","_c","_d","_e","_f","unwrapNodes"],"mappings":";;AAkBa,MAAAA,IAAe,CACxBC,GACAC,MAIOC,EAAmBF,GAAQ,MAAM;;AACpC,MAAIC,KAAA,QAAAA,EAAS,OAAO;AAOhB,QAN0BE,EAAaH,GAAQ;AAAA,MAC3C,KAAII,IAAAJ,EAAO,cAAP,gBAAAI,EAAkB;AAAA,MACtB,OAAO,EAAE,MAAMC,EAAcL,GAAQM,CAAc,EAAE;AAAA,IAAA,CACxD;AAIG,aAAAC,EAAWP,GAAQ;AAAA,QACf,KAAIQ,IAAAR,EAAO,cAAP,gBAAAQ,EAAkB;AAAA,QACtB,OAAO,CAACC,MAAMC,EAAUD,CAAC,KAAKA,EAAE,SAASJ,EAAcL,GAAQM,CAAc;AAAA,MAAA,CAChF,GACDP,EAAaC,GAAQ;AAAA,QACjB,KAAIW,IAAAX,EAAO,cAAP,gBAAAW,EAAkB;AAAA,MAAA,CACzB,GACM;AAQX,QANyBR,EAAaH,GAAQ;AAAA,MAC1C,KAAIY,IAAAZ,EAAO,cAAP,gBAAAY,EAAkB;AAAA,MACtB,OAAO,EAAE,MAAMP,EAAcL,GAAQM,CAAc,EAAE;AAAA,IAAA,CACxD;AAIG,aAAAC,EAAWP,GAAQ;AAAA,QACf,KAAIa,IAAAb,EAAO,cAAP,gBAAAa,EAAkB;AAAA,QACtB,OAAO,CAACJ,MAAMC,EAAUD,CAAC,KAAKA,EAAE,SAASJ,EAAcL,GAAQM,CAAc;AAAA,MAAA,CAChF,GACDP,EAAaC,GAAQ;AAAA,QACjB,KAAIc,IAAAd,EAAO,cAAP,gBAAAc,EAAkB;AAAA,MAAA,CACzB,GACM;AAAA,EAEf;AAEA,EAAAC,EAAYf,GAAQ;AAAA,IAChB,OAAO,EAAE,MAAMK,EAAcL,GAAQM,CAAc,EAAE;AAAA,IACrD,GAAGL;AAAA,EAAA,CACN;AAED,CACH;"}

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

@@ -1,4 +1,4 @@
-import { getAboveNode as w, getPluginType as g, isDefined as L, findNode as O, isExpanded as R, removeNodes as d, getNodeProps as D, getNodeLeaf as F, getPluginOptions as I, getEditorString as M, setNodes as _ } from "@udecode/plate";
+import { getAboveNode as w, getPluginType as g, isDefined as L, findNode as O, isExpanded as R, removeNodes as d, getNodeProps as D, getNodeLeaf as F, getPluginOptions as I, getEditorString as M, setNodes as _ } from "@frontify/fondue";
 import { ELEMENT_BUTTON as i } from "../createButtonPlugin.es.js";
 import { insertButton as j } from "./insertButton.es.js";
 import { unwrapButton as B } from "./unwrapButton.es.js";