@frontify/guideline-blocks-settings 1.0.13-alpha.2 → 1.0.13-alpha.4

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

@@ -1,50 +1,46 @@
 import { jsxs as g, Fragment as b, jsx as t } from "react/jsx-runtime";
+import { useEditorRef as B, TextStyles as d, offset as E, flip as F } from "@frontify/fondue/rte";
 import { createPortal as m } from "react-dom";
-import { BlockStyles as d } from "../../../styles.es.js";
-import { EditModal as B } from "./EditButtonModal/EditModal.es.js";
-import { InsertButtonModal as E } from "./InsertButtonModal/InsertButtonModal.es.js";
-import { offset as F, flip as x } from "../../../../../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import "react";
-import { TextStyles as a } from "../../../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/TextStylePlugin/types.es.es.js";
-import { useEditorRef as P } from "../../../../../../node_modules/.pnpm/@udecode_plate-core@36.5.9_@types_react@18.3.27_immer@10.1.3_react-dom@18.3.1_react@18._c9509afa110721f0311786c7b385e3f0/node_modules/@udecode/plate-core/dist/index.es.js";
-import "../../../../../../node_modules/.pnpm/@udecode_zustood@2.0.0_react-dom@18.3.1_react@18.3.1__react-native@0.74.2_@babel_core@7_60421d597fce5528a24e6c32ee26ff05/node_modules/@udecode/zustood/dist/index.es.es.js";
+import { BlockStyles as l } from "../../../styles.es.js";
+import { EditModal as x } from "./EditButtonModal/EditModal.es.js";
+import { InsertButtonModal as P } from "./InsertButtonModal/InsertButtonModal.es.js";
 import { useFloatingButtonInsert as h } from "./useFloatingButtonInsert.es.js";
 import { useFloatingButtonEdit as O } from "./useFloatingButtonEdit.es.js";
 import { useFloatingButtonSelectors as R } from "./floatingButtonStore.es.js";
-const l = {
+const a = {
   placement: "bottom-start",
   strategy: "absolute",
   middleware: [
-    F(12),
-    x({
+    E(12),
+    F({
       padding: 12,
       fallbackPlacements: ["bottom-end", "top-start", "top-end"]
     })
   ]
-}, G = () => {
-  const { ref: p, ...e } = h(l), { ref: f, ...r } = O(l), c = P(), o = R(), i = o.isOpen(c.id), u = o.isEditing(), n = o.mode(), s = /* @__PURE__ */ t(E, {}), y = u ? s : /* @__PURE__ */ t(B, {});
+}, q = () => {
+  const { ref: p, ...e } = h(a), { ref: c, ...r } = O(a), f = B(), o = R(), n = o.isOpen(f.id), u = o.isEditing(), s = o.mode(), i = /* @__PURE__ */ t(P, {}), y = u ? i : /* @__PURE__ */ t(x, {});
   return /* @__PURE__ */ g(b, { children: [
-    i && n === "insert" && m(
+    n && s === "insert" && m(
       /* @__PURE__ */ t(
         "div",
         {
           "data-is-underlay": !0,
           ref: p,
           ...e,
-          style: { ...e.style, ...d[a.p] },
-          children: s
+          style: { ...e.style, ...l[d.p] },
+          children: i
         }
       ),
       document.body
     ),
-    i && n === "edit" && m(
+    n && s === "edit" && m(
       /* @__PURE__ */ t(
         "div",
         {
           "data-is-underlay": !0,
-          ref: f,
+          ref: c,
           ...r,
-          style: { ...r.style, ...d[a.p] },
+          style: { ...r.style, ...l[d.p] },
           children: y
         }
       ),
@@ -53,6 +49,6 @@ const l = {
   ] });
 };
 export {
-  G as CustomFloatingButton
+  q as CustomFloatingButton
 };
 //# sourceMappingURL=CustomFloatingButton.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CustomFloatingButton.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/CustomFloatingButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TextStyles, type UseVirtualFloatingOptions, flip, offset, useEditorRef } from '@frontify/fondue/rte';\nimport { createPortal } from 'react-dom';\n\nimport { BlockStyles } from '../../../../../RichTextEditor/plugins/styles';\nimport { useFloatingButtonEdit, useFloatingButtonInsert, useFloatingButtonSelectors } from '../FloatingButton';\n\nimport { EditModal } from './EditButtonModal/EditModal';\nimport { InsertButtonModal } from './InsertButtonModal/InsertButtonModal';\n\nconst floatingOptions: UseVirtualFloatingOptions = {\n    placement: 'bottom-start',\n    strategy: 'absolute',\n    middleware: [\n        offset(12),\n        flip({\n            padding: 12,\n            fallbackPlacements: ['bottom-end', 'top-start', 'top-end'],\n        }),\n    ],\n};\n\nexport const CustomFloatingButton = () => {\n    const { ref: insertRef, ...insertProps } = useFloatingButtonInsert(floatingOptions);\n    const { ref: editRef, ...editProps } = useFloatingButtonEdit(floatingOptions);\n    const editor = useEditorRef();\n    const state = useFloatingButtonSelectors();\n    const isOpen = state.isOpen(editor.id);\n    const isEditing = state.isEditing();\n    const mode = state.mode();\n\n    const input = <InsertButtonModal />;\n    const editContent = isEditing ? input : <EditModal />;\n\n    return (\n        <>\n            {isOpen &&\n                mode === 'insert' &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={insertRef}\n                        {...insertProps}\n                        style={{ ...insertProps.style, ...BlockStyles[TextStyles.p] }}\n                    >\n                        {input}\n                    </div>,\n                    document.body,\n                )}\n\n            {isOpen &&\n                mode === 'edit' &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={editRef}\n                        {...editProps}\n                        style={{ ...editProps.style, ...BlockStyles[TextStyles.p] }}\n                    >\n                        {editContent}\n                    </div>,\n                    document.body,\n                )}\n        </>\n    );\n};\n"],"names":["floatingOptions","offset","flip","CustomFloatingButton","insertRef","insertProps","useFloatingButtonInsert","editRef","editProps","useFloatingButtonEdit","editor","useEditorRef","state","useFloatingButtonSelectors","isOpen","isEditing","mode","input","InsertButtonModal","editContent","jsx","EditModal","jsxs","Fragment","createPortal","BlockStyles","TextStyles"],"mappings":";;;;;;;;;;;;;AAWA,MAAMA,IAA6C;AAAA,EAC/C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,IACRC,EAAO,EAAE;AAAA,IACTC,EAAK;AAAA,MACD,SAAS;AAAA,MACT,oBAAoB,CAAC,cAAc,aAAa,SAAS;AAAA,IAAA,CAC5D;AAAA,EAAA;AAET,GAEaC,IAAuB,MAAM;AACtC,QAAM,EAAE,KAAKC,GAAW,GAAGC,EAAA,IAAgBC,EAAwBN,CAAe,GAC5E,EAAE,KAAKO,GAAS,GAAGC,EAAA,IAAcC,EAAsBT,CAAe,GACtEU,IAASC,EAAA,GACTC,IAAQC,EAAA,GACRC,IAASF,EAAM,OAAOF,EAAO,EAAE,GAC/BK,IAAYH,EAAM,UAAA,GAClBI,IAAOJ,EAAM,KAAA,GAEbK,sBAASC,GAAA,EAAkB,GAC3BC,IAAcJ,IAAYE,IAAQ,gBAAAG,EAACC,GAAA,CAAA,CAAU;AAEnD,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAT,KACGE,MAAS,YACTQ;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKhB;AAAA,UACJ,GAAGC;AAAA,UACJ,OAAO,EAAE,GAAGA,EAAY,OAAO,GAAGoB,EAAYC,EAAW,CAAC,EAAA;AAAA,UAEzD,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,IAGhBH,KACGE,MAAS,UACTQ;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKb;AAAA,UACJ,GAAGC;AAAA,UACJ,OAAO,EAAE,GAAGA,EAAU,OAAO,GAAGiB,EAAYC,EAAW,CAAC,EAAA;AAAA,UAEvD,UAAAP;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,EACb,GACR;AAER;"}
+{"version":3,"file":"CustomFloatingButton.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/CustomFloatingButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TextStyles, type UseVirtualFloatingOptions, flip, offset, useEditorRef } from '@frontify/fondue/rte';\nimport { createPortal } from 'react-dom';\n\nimport { BlockStyles } from '../../../../../RichTextEditor/plugins/styles';\nimport { useFloatingButtonEdit, useFloatingButtonInsert, useFloatingButtonSelectors } from '../FloatingButton';\n\nimport { EditModal } from './EditButtonModal/EditModal';\nimport { InsertButtonModal } from './InsertButtonModal/InsertButtonModal';\n\nconst floatingOptions: UseVirtualFloatingOptions = {\n    placement: 'bottom-start',\n    strategy: 'absolute',\n    middleware: [\n        offset(12),\n        flip({\n            padding: 12,\n            fallbackPlacements: ['bottom-end', 'top-start', 'top-end'],\n        }),\n    ],\n};\n\nexport const CustomFloatingButton = () => {\n    const { ref: insertRef, ...insertProps } = useFloatingButtonInsert(floatingOptions);\n    const { ref: editRef, ...editProps } = useFloatingButtonEdit(floatingOptions);\n    const editor = useEditorRef();\n    const state = useFloatingButtonSelectors();\n    const isOpen = state.isOpen(editor.id);\n    const isEditing = state.isEditing();\n    const mode = state.mode();\n\n    const input = <InsertButtonModal />;\n    const editContent = isEditing ? input : <EditModal />;\n\n    return (\n        <>\n            {isOpen &&\n                mode === 'insert' &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={insertRef}\n                        {...insertProps}\n                        style={{ ...insertProps.style, ...BlockStyles[TextStyles.p] }}\n                    >\n                        {input}\n                    </div>,\n                    document.body,\n                )}\n\n            {isOpen &&\n                mode === 'edit' &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={editRef}\n                        {...editProps}\n                        style={{ ...editProps.style, ...BlockStyles[TextStyles.p] }}\n                    >\n                        {editContent}\n                    </div>,\n                    document.body,\n                )}\n        </>\n    );\n};\n"],"names":["floatingOptions","offset","flip","CustomFloatingButton","insertRef","insertProps","useFloatingButtonInsert","editRef","editProps","useFloatingButtonEdit","editor","useEditorRef","state","useFloatingButtonSelectors","isOpen","isEditing","mode","input","InsertButtonModal","editContent","jsx","EditModal","jsxs","Fragment","createPortal","BlockStyles","TextStyles"],"mappings":";;;;;;;;;AAWA,MAAMA,IAA6C;AAAA,EAC/C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,IACRC,EAAO,EAAE;AAAA,IACTC,EAAK;AAAA,MACD,SAAS;AAAA,MACT,oBAAoB,CAAC,cAAc,aAAa,SAAS;AAAA,IAAA,CAC5D;AAAA,EAAA;AAET,GAEaC,IAAuB,MAAM;AACtC,QAAM,EAAE,KAAKC,GAAW,GAAGC,EAAA,IAAgBC,EAAwBN,CAAe,GAC5E,EAAE,KAAKO,GAAS,GAAGC,EAAA,IAAcC,EAAsBT,CAAe,GACtEU,IAASC,EAAA,GACTC,IAAQC,EAAA,GACRC,IAASF,EAAM,OAAOF,EAAO,EAAE,GAC/BK,IAAYH,EAAM,UAAA,GAClBI,IAAOJ,EAAM,KAAA,GAEbK,sBAASC,GAAA,EAAkB,GAC3BC,IAAcJ,IAAYE,IAAQ,gBAAAG,EAACC,GAAA,CAAA,CAAU;AAEnD,SACI,gBAAAC,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAT,KACGE,MAAS,YACTQ;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKhB;AAAA,UACJ,GAAGC;AAAA,UACJ,OAAO,EAAE,GAAGA,EAAY,OAAO,GAAGoB,EAAYC,EAAW,CAAC,EAAA;AAAA,UAEzD,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,IAGhBH,KACGE,MAAS,UACTQ;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKb;AAAA,UACJ,GAAGC;AAAA,UACJ,OAAO,EAAE,GAAGA,EAAU,OAAO,GAAGiB,EAAYC,EAAW,CAAC,EAAA;AAAA,UAEvD,UAAAP;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,EACb,GACR;AAER;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.es.js

@@ -1,59 +1,55 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import { LINK_PLUGIN as i } from "../../../../LinkPlugin/id.es.js";
-import { BlockStyles as n } from "../../../../styles.es.js";
-import { floatingButtonSelectors as e } from "../floatingButtonStore.es.js";
-import { FloatingModalWrapper as a } from "../../../../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/components/FloatingModal/FloatingModal.es.es.js";
-import { useEditorRef as s } from "../../../../../../../node_modules/.pnpm/@udecode_plate-core@36.5.9_@types_react@18.3.27_immer@10.1.3_react-dom@18.3.1_react@18._c9509afa110721f0311786c7b385e3f0/node_modules/@udecode/plate-core/dist/index.es.js";
-import { focusEditor as l } from "../../../../../../../node_modules/.pnpm/@udecode_slate-react@31.0.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@1_1602f90084649e5beba70cc6a0ca5124/node_modules/@udecode/slate-react/dist/index.es.js";
-import "../../../../../../../node_modules/.pnpm/@udecode_zustood@2.0.0_react-dom@18.3.1_react@18.3.1__react-native@0.74.2_@babel_core@7_60421d597fce5528a24e6c32ee26ff05/node_modules/@udecode/zustood/dist/index.es.es.js";
-import { IconPen as d } from "../../../../../../../node_modules/.pnpm/@frontify_fondue-icons@0.23.0-rc.1_react@18.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@types_node@24.10.1_typescript@5.9.3__/node_modules/@frontify/fondue-icons/dist/fondue-icons266.es.js";
-import { triggerFloatingButtonEdit as m } from "../../../utils/triggerFloatingButtonEdit.es.js";
-import { IconTrashBin as p } from "../../../../../../../node_modules/.pnpm/@frontify_fondue-icons@0.23.0-rc.1_react@18.3.1_tailwindcss@3.4.18_ts-node@10.9.2_@types_node@24.10.1_typescript@5.9.3__/node_modules/@frontify/fondue-icons/dist/fondue-icons359.es.js";
-import { unwrapButton as c } from "../../../transforms/unwrapButton.es.js";
-const y = () => {
-  const o = s();
-  return /* @__PURE__ */ t(a, { padding: "16px", minWidth: "400px", "data-test-id": "floating-button-edit", children: /* @__PURE__ */ r("span", { "data-test-id": "preview-button-flyout", className: "tw-flex tw-justify-between tw-items-center tw-gap-2", children: [
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { IconPen as n, IconTrashBin as i } from "@frontify/fondue/icons";
+import { useEditorRef as a, FloatingModalWrapper as l, focusEditor as s } from "@frontify/fondue/rte";
+import { LINK_PLUGIN as d } from "../../../../LinkPlugin/id.es.js";
+import { BlockStyles as c } from "../../../../styles.es.js";
+import { floatingButtonSelectors as r } from "../floatingButtonStore.es.js";
+import { triggerFloatingButtonEdit as p } from "../../../utils/triggerFloatingButtonEdit.es.js";
+import { unwrapButton as u } from "../../../transforms/unwrapButton.es.js";
+const N = () => {
+  const o = a();
+  return /* @__PURE__ */ t(l, { padding: "16px", minWidth: "400px", "data-test-id": "floating-button-edit", children: /* @__PURE__ */ e("span", { "data-test-id": "preview-button-flyout", className: "tw-flex tw-justify-between tw-items-center tw-gap-2", children: [
     /* @__PURE__ */ t(
       "a",
       {
         "data-test-id": "floating-button-edit-url",
-        href: e.url(),
+        href: r.url(),
         target: "_blank",
         rel: "noopener noreferrer",
-        style: n[i],
+        style: c[d],
         className: "tw-break-all",
-        children: e.url()
+        children: r.url()
       }
     ),
-    /* @__PURE__ */ r("span", { className: "tw-flex tw-gap-2", children: [
+    /* @__PURE__ */ e("span", { className: "tw-flex tw-gap-2", children: [
       /* @__PURE__ */ t(
         "button",
         {
           onClick: () => {
-            m(o);
+            p(o);
           },
           tabIndex: 0,
           "data-test-id": "edit-button-button",
           className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
-          children: /* @__PURE__ */ t(d, { size: 16 })
+          children: /* @__PURE__ */ t(n, { size: 16 })
         }
       ),
       /* @__PURE__ */ t(
         "button",
         {
           onClick: () => {
-            c(o), l(o, o.selection ?? void 0);
+            u(o), s(o, o.selection ?? void 0);
           },
           tabIndex: 0,
           "data-test-id": "remove-button-button",
           className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
-          children: /* @__PURE__ */ t(p, { size: 16 })
+          children: /* @__PURE__ */ t(i, { size: 16 })
         }
       )
     ] })
   ] }) });
 };
 export {
-  y as EditModal
+  N as EditModal
 };
 //# sourceMappingURL=EditModal.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditModal.es.js","sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconPen, IconTrashBin } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper, focusEditor, useEditorRef } from '@frontify/fondue/rte';\n\nimport { LINK_PLUGIN } from '../../../../LinkPlugin/id';\nimport { BlockStyles } from '../../../../styles';\nimport { unwrapButton } from '../../../transforms';\nimport { triggerFloatingButtonEdit } from '../../../utils';\nimport { floatingButtonSelectors } from '../floatingButtonStore';\n\nexport const EditModal = () => {\n    const editor = useEditorRef();\n    return (\n        <FloatingModalWrapper padding=\"16px\" minWidth=\"400px\" data-test-id=\"floating-button-edit\">\n            <span data-test-id=\"preview-button-flyout\" className=\"tw-flex tw-justify-between tw-items-center tw-gap-2\">\n                <a\n                    data-test-id=\"floating-button-edit-url\"\n                    href={floatingButtonSelectors.url()}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    style={BlockStyles[LINK_PLUGIN]}\n                    className=\"tw-break-all\"\n                >\n                    {floatingButtonSelectors.url()}\n                </a>\n                <span className=\"tw-flex tw-gap-2\">\n                    <button\n                        onClick={() => {\n                            triggerFloatingButtonEdit(editor);\n                        }}\n                        tabIndex={0}\n                        data-test-id=\"edit-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconPen size={16} />\n                    </button>\n\n                    <button\n                        onClick={() => {\n                            unwrapButton(editor);\n                            focusEditor(editor, editor.selection ?? undefined);\n                        }}\n                        tabIndex={0}\n                        data-test-id=\"remove-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconTrashBin size={16} />\n                    </button>\n                </span>\n            </span>\n        </FloatingModalWrapper>\n    );\n};\n"],"names":["EditModal","editor","useEditorRef","jsx","FloatingModalWrapper","jsxs","floatingButtonSelectors","BlockStyles","LINK_PLUGIN","triggerFloatingButtonEdit","IconPen","unwrapButton","focusEditor","IconTrashBin"],"mappings":";;;;;;;;;;;;AAWO,MAAMA,IAAY,MAAM;AAC3B,QAAMC,IAASC,EAAA;AACf,SACI,gBAAAC,EAACC,GAAA,EAAqB,SAAQ,QAAO,UAAS,SAAQ,gBAAa,wBAC/D,UAAA,gBAAAC,EAAC,QAAA,EAAK,gBAAa,yBAAwB,WAAU,uDACjD,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,MAAMG,EAAwB,IAAA;AAAA,QAC9B,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAOC,EAAYC,CAAW;AAAA,QAC9B,WAAU;AAAA,QAET,YAAwB,IAAA;AAAA,MAAI;AAAA,IAAA;AAAA,IAEjC,gBAAAH,EAAC,QAAA,EAAK,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS,MAAM;AACX,YAAAM,EAA0BR,CAAM;AAAA,UACpC;AAAA,UACA,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,UAAA,gBAAAE,EAACO,GAAA,EAAQ,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,gBAAAP;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS,MAAM;AACX,YAAAQ,EAAaV,CAAM,GACnBW,EAAYX,GAAQA,EAAO,aAAa,MAAS;AAAA,UACrD;AAAA,UACA,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,UAAA,gBAAAE,EAACU,GAAA,EAAa,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"EditModal.es.js","sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconPen, IconTrashBin } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper, focusEditor, useEditorRef } from '@frontify/fondue/rte';\n\nimport { LINK_PLUGIN } from '../../../../LinkPlugin/id';\nimport { BlockStyles } from '../../../../styles';\nimport { unwrapButton } from '../../../transforms';\nimport { triggerFloatingButtonEdit } from '../../../utils';\nimport { floatingButtonSelectors } from '../floatingButtonStore';\n\nexport const EditModal = () => {\n    const editor = useEditorRef();\n    return (\n        <FloatingModalWrapper padding=\"16px\" minWidth=\"400px\" data-test-id=\"floating-button-edit\">\n            <span data-test-id=\"preview-button-flyout\" className=\"tw-flex tw-justify-between tw-items-center tw-gap-2\">\n                <a\n                    data-test-id=\"floating-button-edit-url\"\n                    href={floatingButtonSelectors.url()}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    style={BlockStyles[LINK_PLUGIN]}\n                    className=\"tw-break-all\"\n                >\n                    {floatingButtonSelectors.url()}\n                </a>\n                <span className=\"tw-flex tw-gap-2\">\n                    <button\n                        onClick={() => {\n                            triggerFloatingButtonEdit(editor);\n                        }}\n                        tabIndex={0}\n                        data-test-id=\"edit-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconPen size={16} />\n                    </button>\n\n                    <button\n                        onClick={() => {\n                            unwrapButton(editor);\n                            focusEditor(editor, editor.selection ?? undefined);\n                        }}\n                        tabIndex={0}\n                        data-test-id=\"remove-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <IconTrashBin size={16} />\n                    </button>\n                </span>\n            </span>\n        </FloatingModalWrapper>\n    );\n};\n"],"names":["EditModal","editor","useEditorRef","jsx","FloatingModalWrapper","jsxs","floatingButtonSelectors","BlockStyles","LINK_PLUGIN","triggerFloatingButtonEdit","IconPen","unwrapButton","focusEditor","IconTrashBin"],"mappings":";;;;;;;;AAWO,MAAMA,IAAY,MAAM;AAC3B,QAAMC,IAASC,EAAA;AACf,SACI,gBAAAC,EAACC,GAAA,EAAqB,SAAQ,QAAO,UAAS,SAAQ,gBAAa,wBAC/D,UAAA,gBAAAC,EAAC,QAAA,EAAK,gBAAa,yBAAwB,WAAU,uDACjD,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,MAAMG,EAAwB,IAAA;AAAA,QAC9B,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAOC,EAAYC,CAAW;AAAA,QAC9B,WAAU;AAAA,QAET,YAAwB,IAAA;AAAA,MAAI;AAAA,IAAA;AAAA,IAEjC,gBAAAH,EAAC,QAAA,EAAK,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS,MAAM;AACX,YAAAM,EAA0BR,CAAM;AAAA,UACpC;AAAA,UACA,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,UAAA,gBAAAE,EAACO,GAAA,EAAQ,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,gBAAAP;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS,MAAM;AACX,YAAAQ,EAAaV,CAAM,GACnBW,EAAYX,GAAQA,EAAO,aAAa,MAAS;AAAA,UACrD;AAAA,UACA,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,UAAA,gBAAAE,EAACU,GAAA,EAAa,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}

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

@@ -1,12 +1,10 @@
-import { useEffect as d, useReducer as S } from "react";
-import { isValidUrlOrEmpty as c } from "../../../../../../Link/utils/url.es.js";
-import { ELEMENT_BUTTON as b } from "../../../createButtonPlugin.es.js";
-import { submitFloatingButton as E } from "../../../transforms/submitFloatingButton.es.js";
-import { getButtonStyle as g } from "../../../utils/getButtonStyle.es.js";
-import { floatingButtonSelectors as a, floatingButtonActions as n } from "../floatingButtonStore.es.js";
-import { useHotkeys as B } from "../../../../../../../node_modules/.pnpm/react-hotkeys-hook@4.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hotkeys-hook/dist/react-hotkeys-hook.esm.es.js";
-import { useEditorRef as x, getPluginOptions as N } from "../../../../../../../node_modules/.pnpm/@udecode_plate-core@36.5.9_@types_react@18.3.27_immer@10.1.3_react-dom@18.3.1_react@18._c9509afa110721f0311786c7b385e3f0/node_modules/@udecode/plate-core/dist/index.es.js";
-import "../../../../../../../node_modules/.pnpm/@udecode_zustood@2.0.0_react-dom@18.3.1_react@18.3.1__react-native@0.74.2_@babel_core@7_60421d597fce5528a24e6c32ee26ff05/node_modules/@udecode/zustood/dist/index.es.es.js";
+import { useEditorRef as d, getPluginOptions as S, useHotkeys as b } from "@frontify/fondue/rte";
+import { useEffect as E, useReducer as g } from "react";
+import { isValidUrlOrEmpty as p } from "../../../../../../Link/utils/url.es.js";
+import { ELEMENT_BUTTON as B } from "../../../createButtonPlugin.es.js";
+import { submitFloatingButton as x } from "../../../transforms/submitFloatingButton.es.js";
+import { getButtonStyle as N } from "../../../utils/getButtonStyle.es.js";
+import { floatingButtonSelectors as a, floatingButtonActions as r } from "../floatingButtonStore.es.js";
 import { addHttps as w } from "../../../../../../../helpers/addHttps.es.js";
 const U = {
   url: "",
@@ -14,7 +12,7 @@ const U = {
   buttonStyle: "primary",
   newTab: !1
 }, h = () => {
-  const [r, o] = S((e, s) => {
+  const [n, o] = g((e, s) => {
     const { type: l, payload: u } = s;
     switch (l) {
       case "NEW_TAB":
@@ -39,11 +37,11 @@ const U = {
         return e;
     }
   }, U);
-  return [r, o];
-}, P = () => {
-  const r = x(), [o, e] = h();
-  d(() => {
-    const t = g(r);
+  return [n, o];
+}, F = () => {
+  const n = d(), [o, e] = h();
+  E(() => {
+    const t = N(n);
     e({
       type: "INIT",
       payload: {
@@ -53,7 +51,7 @@ const U = {
         url: a.url()
       }
     });
-  }, [e, r]);
+  }, [e, n]);
   const s = (t) => {
     e({
       type: "TEXT",
@@ -71,17 +69,17 @@ const U = {
     });
   }, i = (t) => {
     e(t ? { type: "NEW_TAB" } : { type: "SAME_TAB" });
-  }, m = () => {
-    n.reset();
-  }, p = (t) => {
-    if (!c(o.url) || !T)
+  }, y = () => {
+    r.reset();
+  }, T = (t) => {
+    if (!p(o.url) || !c)
       return;
     const f = w(o.url);
-    n.text(o.text), n.url(f), n.buttonStyle(o.buttonStyle), n.newTab(o.newTab), E(r) && (t == null || t.preventDefault());
-  }, T = o.url !== "" && o.text !== "", { appBridge: y } = N(r, b);
-  return B(
+    r.text(o.text), r.url(f), r.buttonStyle(o.buttonStyle), r.newTab(o.newTab), x(n) && (t == null || t.preventDefault());
+  }, c = o.url !== "" && o.text !== "", { appBridge: m } = S(n, B);
+  return b(
     "enter",
-    p,
+    T,
     {
       enableOnFormTags: ["INPUT"]
     },
@@ -92,15 +90,15 @@ const U = {
     onButtonStyleChange: l,
     onUrlChange: u,
     onToggleTab: i,
-    onCancel: m,
-    onSave: p,
-    hasValues: T,
-    isValidUrlOrEmpty: c,
-    appBridge: y
+    onCancel: y,
+    onSave: T,
+    hasValues: c,
+    isValidUrlOrEmpty: p,
+    appBridge: m
   };
 };
 export {
   h as InsertModalState,
-  P 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 { type AppBridgeBlock } from '@frontify/app-bridge';\nimport { getPluginOptions, useEditorRef, useHotkeys } from '@frontify/fondue/rte';\nimport { type Dispatch, type Reducer, useEffect, useReducer } from 'react';\n\nimport { addHttps } from '../../../../../../../helpers';\nimport { isValidUrlOrEmpty } from '../../../../../../Link/utils/url';\nimport { ELEMENT_BUTTON } from '../../../createButtonPlugin';\nimport { submitFloatingButton } from '../../../transforms/submitFloatingButton';\nimport { type RichTextButtonStyle } from '../../../types';\nimport { getButtonStyle } from '../../../utils/getButtonStyle';\nimport { floatingButtonActions, floatingButtonSelectors } from '../floatingButtonStore';\n\nimport { type InsertModalDispatchType, type InsertModalStateProps } from './types';\n\nconst initialState: InsertModalStateProps = {\n    url: '',\n    text: '',\n    buttonStyle: 'primary',\n    newTab: false,\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: true,\n                };\n            case 'SAME_TAB':\n                return {\n                    ...state,\n                    newTab: false,\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() || floatingButtonSelectors.url(),\n                buttonStyle,\n                newTab: !!floatingButtonSelectors.newTab(),\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);\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","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 { type AppBridgeBlock } from '@frontify/app-bridge';\nimport { getPluginOptions, useEditorRef, useHotkeys } from '@frontify/fondue/rte';\nimport { type Dispatch, type Reducer, useEffect, useReducer } from 'react';\n\nimport { addHttps } from '../../../../../../../helpers';\nimport { isValidUrlOrEmpty } from '../../../../../../Link/utils/url';\nimport { ELEMENT_BUTTON } from '../../../createButtonPlugin';\nimport { submitFloatingButton } from '../../../transforms/submitFloatingButton';\nimport { type RichTextButtonStyle } from '../../../types';\nimport { getButtonStyle } from '../../../utils/getButtonStyle';\nimport { floatingButtonActions, floatingButtonSelectors } from '../floatingButtonStore';\n\nimport { type InsertModalDispatchType, type InsertModalStateProps } from './types';\n\nconst initialState: InsertModalStateProps = {\n    url: '',\n    text: '',\n    buttonStyle: 'primary',\n    newTab: false,\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: true,\n                };\n            case 'SAME_TAB':\n                return {\n                    ...state,\n                    newTab: false,\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() || floatingButtonSelectors.url(),\n                buttonStyle,\n                newTab: !!floatingButtonSelectors.newTab(),\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);\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","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 "../../../../../../node_modules/.pnpm/@udecode_zustood@2.0.0_react-dom@18.3.1_react@18.3.1__react-native@0.74.2_@babel_core@7_60421d597fce5528a24e6c32ee26ff05/node_modules/@udecode/zustood/dist/index.es.es.js";
+import { createStore as i } from "@frontify/fondue/rte";
 const e = i("floatingButton")({
   openEditorId: null,
   mouseDown: !1,

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

@@ -1,59 +1,54 @@
-import { useCallback as F, useEffect as y } from "react";
-import { ELEMENT_BUTTON as e } from "../../createButtonPlugin.es.js";
-import { triggerFloatingButtonEdit as C } from "../../utils/triggerFloatingButtonEdit.es.js";
-import { useEditorRef as R, useEditorVersion as h, getPluginOptions as O, getPluginType as s } from "../../../../../../node_modules/.pnpm/@udecode_plate-core@36.5.9_@types_react@18.3.27_immer@10.1.3_react-dom@18.3.1_react@18._c9509afa110721f0311786c7b385e3f0/node_modules/@udecode/plate-core/dist/index.es.js";
-import { getAboveNode as b, getEndPoint as N, getStartPoint as P, someNode as T } from "../../../../../../node_modules/.pnpm/@udecode_slate@31.0.0_slate-history@0.100.0_slate@0.102.0__slate@0.102.0/node_modules/@udecode/slate/dist/index.es.js";
-import { getRangeBoundingClientRect as k, getDefaultBoundingClientRect as v } from "../../../../../../node_modules/.pnpm/@udecode_plate-floating@31.0.0_@udecode_plate-common@36.5.9_@types_react@18.3.27_immer@_172a81da3a57215c7d2a1b0d9577688e/node_modules/@udecode/plate-floating/dist/index.es.js";
-import "../../../../../../node_modules/.pnpm/@udecode_zustood@2.0.0_react-dom@18.3.1_react@18.3.1__react-native@0.74.2_@babel_core@7_60421d597fce5528a24e6c32ee26ff05/node_modules/@udecode/zustood/dist/index.es.es.js";
-import { useComposedRef as S } from "../../../../../../node_modules/.pnpm/@udecode_react-utils@31.0.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@udecode/react-utils/dist/index.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 m } from "./floatingButtonStore.es.js";
-import { useFloatingButtonEnter as H } from "./useFloatingButtonEnter.es.js";
-import { useFloatingButtonEscape as U } from "./useFloatingButtonEscape.es.js";
-import { useHotkeys as V } from "../../../../../../node_modules/.pnpm/react-hotkeys-hook@4.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hotkeys-hook/dist/react-hotkeys-hook.esm.es.js";
-const X = (f) => {
-  const t = R(), g = u().mode(), l = u().isOpen(t.id), p = h(), { triggerFloatingButtonHotkeys: c } = O(t, e), a = F(() => {
-    const o = b(t, {
-      match: { type: s(t, e) }
+import { useEditorRef as F, useEditorVersion as y, getPluginOptions as C, getAboveNode as R, getPluginType as s, getRangeBoundingClientRect as h, getEndPoint as O, getStartPoint as b, getDefaultBoundingClientRect as N, someNode as P, useHotkeys as T, useComposedRef as k } from "@frontify/fondue/rte";
+import { useCallback as v, useEffect as S } from "react";
+import { ELEMENT_BUTTON as o } from "../../createButtonPlugin.es.js";
+import { triggerFloatingButtonEdit as A } from "../../utils/triggerFloatingButtonEdit.es.js";
+import { useVirtualFloatingButton as D } from "./useVirtualFloatingButton.es.js";
+import { getUrlFromEditor as H } from "../../utils/getUrl.es.js";
+import { useFloatingButtonSelectors as u, floatingButtonActions as n, floatingButtonSelectors as g } from "./floatingButtonStore.es.js";
+import { useFloatingButtonEnter as U } from "./useFloatingButtonEnter.es.js";
+import { useFloatingButtonEscape as V } from "./useFloatingButtonEscape.es.js";
+const I = (l) => {
+  const t = F(), m = u().mode(), c = u().isOpen(t.id), a = y(), { triggerFloatingButtonHotkeys: d } = C(t, o), f = v(() => {
+    const e = R(t, {
+      match: { type: s(t, o) }
     });
-    if (o) {
-      const [, r] = o;
-      return k(t, {
-        anchor: P(t, r),
-        focus: N(t, r)
+    if (e) {
+      const [, r] = e;
+      return h(t, {
+        anchor: b(t, r),
+        focus: O(t, r)
       });
     }
-    return v();
-  }, [t]), d = l && g === "edit", { update: i, style: B, floating: E } = A({
-    open: d,
-    getBoundingClientRect: a,
-    ...f
+    return N();
+  }, [t]), p = c && m === "edit", { update: i, style: B, floating: E } = D({
+    open: p,
+    getBoundingClientRect: f,
+    ...l
   });
-  return y(() => {
-    const o = D(t);
-    if (o && n.url(o), t.selection && T(t, {
-      match: { type: s(t, e) }
+  return S(() => {
+    const e = H(t);
+    if (e && n.url(e), t.selection && P(t, {
+      match: { type: s(t, o) }
     })) {
       n.show("edit", t.id), i();
       return;
     }
-    m.mode() === "edit" && n.reset();
-  }, [t, p, i]), V(
-    c,
-    (o) => {
-      o.preventDefault(), m.mode() === "edit" && C(t);
+    g.mode() === "edit" && n.reset();
+  }, [t, a, i]), T(
+    d,
+    (e) => {
+      e.preventDefault(), g.mode() === "edit" && A(t);
     },
     {
       enableOnContentEditable: !0
     },
     []
-  ), H(), U(), {
+  ), U(), V(), {
     style: B,
-    ref: S(E)
+    ref: k(E)
   };
 };
 export {
-  X as useFloatingButtonEdit
+  I as useFloatingButtonEdit
 };
 //# sourceMappingURL=useFloatingButtonEdit.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useFloatingButtonEdit.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEdit.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type UseVirtualFloatingOptions,\n    getAboveNode,\n    getDefaultBoundingClientRect,\n    getEndPoint,\n    getPluginOptions,\n    getPluginType,\n    getRangeBoundingClientRect,\n    getStartPoint,\n    someNode,\n    useComposedRef,\n    useEditorRef,\n    useEditorVersion,\n    useHotkeys,\n} from '@frontify/fondue/rte';\nimport { type Ref, useCallback, useEffect } from 'react';\n\nimport { type ButtonPlugin, ELEMENT_BUTTON } from '../../createButtonPlugin';\nimport { getUrlFromEditor } from '../../utils';\nimport { triggerFloatingButtonEdit } from '../../utils/triggerFloatingButtonEdit';\n\nimport {\n    floatingButtonActions,\n    floatingButtonSelectors,\n    useFloatingButtonEnter,\n    useFloatingButtonEscape,\n    useFloatingButtonSelectors,\n    useVirtualFloatingButton,\n} from '.';\n\nexport const useFloatingButtonEdit = (\n    floatingOptions: UseVirtualFloatingOptions,\n): React.HTMLAttributes<HTMLDivElement> & { ref: Ref<HTMLDivElement> } => {\n    const editor = useEditorRef();\n    const mode = useFloatingButtonSelectors().mode();\n    const open = useFloatingButtonSelectors().isOpen(editor.id);\n    const version = useEditorVersion();\n\n    const { triggerFloatingButtonHotkeys } = getPluginOptions<ButtonPlugin>(editor, ELEMENT_BUTTON);\n\n    const getBoundingClientRect = useCallback(() => {\n        const entry = getAboveNode(editor, {\n            match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n        });\n\n        if (entry) {\n            const [, path] = entry;\n            return getRangeBoundingClientRect(editor, {\n                anchor: getStartPoint(editor, path),\n                focus: getEndPoint(editor, path),\n            });\n        }\n\n        return getDefaultBoundingClientRect();\n    }, [editor]);\n\n    const isOpen = open && mode === 'edit';\n\n    const { update, style, floating } = useVirtualFloatingButton({\n        open: isOpen,\n        getBoundingClientRect,\n        ...floatingOptions,\n    });\n\n    useEffect(() => {\n        const url = getUrlFromEditor(editor);\n        if (url) {\n            floatingButtonActions.url(url);\n        }\n\n        if (\n            editor.selection &&\n            someNode(editor, {\n                match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n            })\n        ) {\n            floatingButtonActions.show('edit', editor.id);\n            update();\n            return;\n        }\n\n        if (floatingButtonSelectors.mode() === 'edit') {\n            floatingButtonActions.reset();\n        }\n    }, [editor, version, update]);\n\n    useHotkeys(\n        triggerFloatingButtonHotkeys,\n        (e) => {\n            e.preventDefault();\n\n            if (floatingButtonSelectors.mode() === 'edit') {\n                triggerFloatingButtonEdit(editor);\n            }\n        },\n        {\n            enableOnContentEditable: true,\n        },\n        [],\n    );\n\n    useFloatingButtonEnter();\n\n    useFloatingButtonEscape();\n\n    return {\n        style,\n        ref: useComposedRef<HTMLElement | null>(floating),\n    };\n};\n"],"names":["useFloatingButtonEdit","floatingOptions","editor","useEditorRef","mode","useFloatingButtonSelectors","open","version","useEditorVersion","triggerFloatingButtonHotkeys","getPluginOptions","ELEMENT_BUTTON","getBoundingClientRect","useCallback","entry","getAboveNode","getPluginType","path","getRangeBoundingClientRect","getStartPoint","getEndPoint","getDefaultBoundingClientRect","isOpen","update","style","floating","useVirtualFloatingButton","useEffect","url","getUrlFromEditor","floatingButtonActions","someNode","floatingButtonSelectors","useHotkeys","e","triggerFloatingButtonEdit","useFloatingButtonEnter","useFloatingButtonEscape","useComposedRef"],"mappings":";;;;;;;;;;;;;;AAgCO,MAAMA,IAAwB,CACjCC,MACsE;AACtE,QAAMC,IAASC,EAAA,GACTC,IAAOC,EAAA,EAA6B,KAAA,GACpCC,IAAOD,EAAA,EAA6B,OAAOH,EAAO,EAAE,GACpDK,IAAUC,EAAA,GAEV,EAAE,8BAAAC,EAAA,IAAiCC,EAA+BR,GAAQS,CAAc,GAExFC,IAAwBC,EAAY,MAAM;AAC5C,UAAMC,IAAQC,EAAab,GAAQ;AAAA,MAC/B,OAAO,EAAE,MAAMc,EAAcd,GAAQS,CAAc,EAAA;AAAA,IAAE,CACxD;AAED,QAAIG,GAAO;AACP,YAAM,CAAA,EAAGG,CAAI,IAAIH;AACjB,aAAOI,EAA2BhB,GAAQ;AAAA,QACtC,QAAQiB,EAAcjB,GAAQe,CAAI;AAAA,QAClC,OAAOG,EAAYlB,GAAQe,CAAI;AAAA,MAAA,CAClC;AAAA,IACL;AAEA,WAAOI,EAAA;AAAA,EACX,GAAG,CAACnB,CAAM,CAAC,GAELoB,IAAShB,KAAQF,MAAS,QAE1B,EAAE,QAAAmB,GAAQ,OAAAC,GAAO,UAAAC,EAAA,IAAaC,EAAyB;AAAA,IACzD,MAAMJ;AAAA,IACN,uBAAAV;AAAA,IACA,GAAGX;AAAA,EAAA,CACN;AAED,SAAA0B,EAAU,MAAM;AACZ,UAAMC,IAAMC,EAAiB3B,CAAM;AAKnC,QAJI0B,KACAE,EAAsB,IAAIF,CAAG,GAI7B1B,EAAO,aACP6B,EAAS7B,GAAQ;AAAA,MACb,OAAO,EAAE,MAAMc,EAAcd,GAAQS,CAAc,EAAA;AAAA,IAAE,CACxD,GACH;AACE,MAAAmB,EAAsB,KAAK,QAAQ5B,EAAO,EAAE,GAC5CqB,EAAA;AACA;AAAA,IACJ;AAEA,IAAIS,EAAwB,KAAA,MAAW,UACnCF,EAAsB,MAAA;AAAA,EAE9B,GAAG,CAAC5B,GAAQK,GAASgB,CAAM,CAAC,GAE5BU;AAAA,IACIxB;AAAA,IACA,CAACyB,MAAM;AACH,MAAAA,EAAE,eAAA,GAEEF,EAAwB,KAAA,MAAW,UACnCG,EAA0BjC,CAAM;AAAA,IAExC;AAAA,IACA;AAAA,MACI,yBAAyB;AAAA,IAAA;AAAA,IAE7B,CAAA;AAAA,EAAC,GAGLkC,EAAA,GAEAC,EAAA,GAEO;AAAA,IACH,OAAAb;AAAA,IACA,KAAKc,EAAmCb,CAAQ;AAAA,EAAA;AAExD;"}
+{"version":3,"file":"useFloatingButtonEdit.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEdit.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type UseVirtualFloatingOptions,\n    getAboveNode,\n    getDefaultBoundingClientRect,\n    getEndPoint,\n    getPluginOptions,\n    getPluginType,\n    getRangeBoundingClientRect,\n    getStartPoint,\n    someNode,\n    useComposedRef,\n    useEditorRef,\n    useEditorVersion,\n    useHotkeys,\n} from '@frontify/fondue/rte';\nimport { type Ref, useCallback, useEffect } from 'react';\n\nimport { type ButtonPlugin, ELEMENT_BUTTON } from '../../createButtonPlugin';\nimport { getUrlFromEditor } from '../../utils';\nimport { triggerFloatingButtonEdit } from '../../utils/triggerFloatingButtonEdit';\n\nimport {\n    floatingButtonActions,\n    floatingButtonSelectors,\n    useFloatingButtonEnter,\n    useFloatingButtonEscape,\n    useFloatingButtonSelectors,\n    useVirtualFloatingButton,\n} from '.';\n\nexport const useFloatingButtonEdit = (\n    floatingOptions: UseVirtualFloatingOptions,\n): React.HTMLAttributes<HTMLDivElement> & { ref: Ref<HTMLDivElement> } => {\n    const editor = useEditorRef();\n    const mode = useFloatingButtonSelectors().mode();\n    const open = useFloatingButtonSelectors().isOpen(editor.id);\n    const version = useEditorVersion();\n\n    const { triggerFloatingButtonHotkeys } = getPluginOptions<ButtonPlugin>(editor, ELEMENT_BUTTON);\n\n    const getBoundingClientRect = useCallback(() => {\n        const entry = getAboveNode(editor, {\n            match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n        });\n\n        if (entry) {\n            const [, path] = entry;\n            return getRangeBoundingClientRect(editor, {\n                anchor: getStartPoint(editor, path),\n                focus: getEndPoint(editor, path),\n            });\n        }\n\n        return getDefaultBoundingClientRect();\n    }, [editor]);\n\n    const isOpen = open && mode === 'edit';\n\n    const { update, style, floating } = useVirtualFloatingButton({\n        open: isOpen,\n        getBoundingClientRect,\n        ...floatingOptions,\n    });\n\n    useEffect(() => {\n        const url = getUrlFromEditor(editor);\n        if (url) {\n            floatingButtonActions.url(url);\n        }\n\n        if (\n            editor.selection &&\n            someNode(editor, {\n                match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n            })\n        ) {\n            floatingButtonActions.show('edit', editor.id);\n            update();\n            return;\n        }\n\n        if (floatingButtonSelectors.mode() === 'edit') {\n            floatingButtonActions.reset();\n        }\n    }, [editor, version, update]);\n\n    useHotkeys(\n        triggerFloatingButtonHotkeys,\n        (e) => {\n            e.preventDefault();\n\n            if (floatingButtonSelectors.mode() === 'edit') {\n                triggerFloatingButtonEdit(editor);\n            }\n        },\n        {\n            enableOnContentEditable: true,\n        },\n        [],\n    );\n\n    useFloatingButtonEnter();\n\n    useFloatingButtonEscape();\n\n    return {\n        style,\n        ref: useComposedRef<HTMLElement | null>(floating),\n    };\n};\n"],"names":["useFloatingButtonEdit","floatingOptions","editor","useEditorRef","mode","useFloatingButtonSelectors","open","version","useEditorVersion","triggerFloatingButtonHotkeys","getPluginOptions","ELEMENT_BUTTON","getBoundingClientRect","useCallback","entry","getAboveNode","getPluginType","path","getRangeBoundingClientRect","getStartPoint","getEndPoint","getDefaultBoundingClientRect","isOpen","update","style","floating","useVirtualFloatingButton","useEffect","url","getUrlFromEditor","floatingButtonActions","someNode","floatingButtonSelectors","useHotkeys","triggerFloatingButtonEdit","useFloatingButtonEnter","useFloatingButtonEscape","useComposedRef"],"mappings":";;;;;;;;;AAgCO,MAAMA,IAAwB,CACjCC,MACsE;AACtE,QAAMC,IAASC,EAAA,GACTC,IAAOC,EAAA,EAA6B,KAAA,GACpCC,IAAOD,EAAA,EAA6B,OAAOH,EAAO,EAAE,GACpDK,IAAUC,EAAA,GAEV,EAAE,8BAAAC,EAAA,IAAiCC,EAA+BR,GAAQS,CAAc,GAExFC,IAAwBC,EAAY,MAAM;AAC5C,UAAMC,IAAQC,EAAab,GAAQ;AAAA,MAC/B,OAAO,EAAE,MAAMc,EAAcd,GAAQS,CAAc,EAAA;AAAA,IAAE,CACxD;AAED,QAAIG,GAAO;AACP,YAAM,CAAA,EAAGG,CAAI,IAAIH;AACjB,aAAOI,EAA2BhB,GAAQ;AAAA,QACtC,QAAQiB,EAAcjB,GAAQe,CAAI;AAAA,QAClC,OAAOG,EAAYlB,GAAQe,CAAI;AAAA,MAAA,CAClC;AAAA,IACL;AAEA,WAAOI,EAAA;AAAA,EACX,GAAG,CAACnB,CAAM,CAAC,GAELoB,IAAShB,KAAQF,MAAS,QAE1B,EAAE,QAAAmB,GAAQ,OAAAC,GAAO,UAAAC,EAAA,IAAaC,EAAyB;AAAA,IACzD,MAAMJ;AAAA,IACN,uBAAAV;AAAA,IACA,GAAGX;AAAA,EAAA,CACN;AAED,SAAA0B,EAAU,MAAM;AACZ,UAAMC,IAAMC,EAAiB3B,CAAM;AAKnC,QAJI0B,KACAE,EAAsB,IAAIF,CAAG,GAI7B1B,EAAO,aACP6B,EAAS7B,GAAQ;AAAA,MACb,OAAO,EAAE,MAAMc,EAAcd,GAAQS,CAAc,EAAA;AAAA,IAAE,CACxD,GACH;AACE,MAAAmB,EAAsB,KAAK,QAAQ5B,EAAO,EAAE,GAC5CqB,EAAA;AACA;AAAA,IACJ;AAEA,IAAIS,EAAwB,KAAA,MAAW,UACnCF,EAAsB,MAAA;AAAA,EAE9B,GAAG,CAAC5B,GAAQK,GAASgB,CAAM,CAAC,GAE5BU;AAAA,IACIxB;AAAA,IACA,CAAC,MAAM;AACH,QAAE,eAAA,GAEEuB,EAAwB,KAAA,MAAW,UACnCE,EAA0BhC,CAAM;AAAA,IAExC;AAAA,IACA;AAAA,MACI,yBAAyB;AAAA,IAAA;AAAA,IAE7B,CAAA;AAAA,EAAC,GAGLiC,EAAA,GAEAC,EAAA,GAEO;AAAA,IACH,OAAAZ;AAAA,IACA,KAAKa,EAAmCZ,CAAQ;AAAA,EAAA;AAExD;"}

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

@@ -1,12 +1,11 @@
-import { submitFloatingButton as e } from "../../transforms/submitFloatingButton.es.js";
-import { useEditorRef as r } from "../../../../../../node_modules/.pnpm/@udecode_plate-core@36.5.9_@types_react@18.3.27_immer@10.1.3_react-dom@18.3.1_react@18._c9509afa110721f0311786c7b385e3f0/node_modules/@udecode/plate-core/dist/index.es.js";
-import { useHotkeys as n } from "../../../../../../node_modules/.pnpm/react-hotkeys-hook@4.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hotkeys-hook/dist/react-hotkeys-hook.esm.es.js";
+import { useEditorRef as e, useHotkeys as n } from "@frontify/fondue/rte";
+import { submitFloatingButton as r } from "../../transforms/submitFloatingButton.es.js";
 const u = () => {
-  const o = r();
+  const o = e();
   n(
     "*",
     (t) => {
-      t.key === "Enter" && e(o) && t.preventDefault();
+      t.key === "Enter" && r(o) && t.preventDefault();
     },
     {
       enableOnFormTags: ["INPUT"]

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

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

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

@@ -1,18 +1,16 @@
-import { floatingButtonSelectors as o, floatingButtonActions as e } from "./floatingButtonStore.es.js";
-import { useEditorRef as i } from "../../../../../../node_modules/.pnpm/@udecode_plate-core@36.5.9_@types_react@18.3.27_immer@10.1.3_react-dom@18.3.1_react@18._c9509afa110721f0311786c7b385e3f0/node_modules/@udecode/plate-core/dist/index.es.js";
-import { useHotkeys as r } from "../../../../../../node_modules/.pnpm/react-hotkeys-hook@4.5.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/react-hotkeys-hook/dist/react-hotkeys-hook.esm.es.js";
-import { focusEditor as n } from "../../../../../../node_modules/.pnpm/@udecode_slate-react@31.0.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@1_1602f90084649e5beba70cc6a0ca5124/node_modules/@udecode/slate-react/dist/index.es.js";
+import { useEditorRef as i, useHotkeys as n, focusEditor as r } from "@frontify/fondue/rte";
+import { floatingButtonSelectors as e, floatingButtonActions as o } from "./floatingButtonStore.es.js";
 const u = () => {
   const t = i();
-  r(
+  n(
     "escape",
     () => {
-      if (o.mode() === "edit") {
-        if (o.isEditing()) {
-          e.show("edit", t.id), n(t, t.selection ?? void 0);
+      if (e.mode() === "edit") {
+        if (e.isEditing()) {
+          o.show("edit", t.id), r(t, t.selection ?? void 0);
           return;
         }
-        e.reset();
+        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 '@frontify/fondue/rte';\n\nimport { floatingButtonActions, floatingButtonSelectors } from './floatingButtonStore';\n\nexport const useFloatingButtonEscape = () => {\n    const editor = useEditorRef();\n\n    useHotkeys(\n        'escape',\n        () => {\n            if (floatingButtonSelectors.mode() !== 'edit') {\n                return;\n            }\n\n            if (floatingButtonSelectors.isEditing()) {\n                floatingButtonActions.show('edit', editor.id);\n                focusEditor(editor, editor.selection ?? undefined);\n                return;\n            }\n\n            floatingButtonActions.reset();\n        },\n        {\n            enableOnFormTags: ['INPUT'],\n            enableOnContentEditable: true,\n        },\n        [],\n    );\n};\n"],"names":["useFloatingButtonEscape","editor","useEditorRef","useHotkeys","floatingButtonSelectors","floatingButtonActions","focusEditor"],"mappings":";;;;AAMO,MAAMA,IAA0B,MAAM;AACzC,QAAMC,IAASC,EAAA;AAEf,EAAAC;AAAA,IACI;AAAA,IACA,MAAM;AACF,UAAIC,EAAwB,KAAA,MAAW,QAIvC;AAAA,YAAIA,EAAwB,aAAa;AACrC,UAAAC,EAAsB,KAAK,QAAQJ,EAAO,EAAE,GAC5CK,EAAYL,GAAQA,EAAO,aAAa,MAAS;AACjD;AAAA,QACJ;AAEA,QAAAI,EAAsB,MAAA;AAAA;AAAA,IAC1B;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,MAC1B,yBAAyB;AAAA,IAAA;AAAA,IAE7B,CAAA;AAAA,EAAC;AAET;"}
+{"version":3,"file":"useFloatingButtonEscape.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEscape.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { focusEditor, useEditorRef, useHotkeys } from '@frontify/fondue/rte';\n\nimport { floatingButtonActions, floatingButtonSelectors } from './floatingButtonStore';\n\nexport const useFloatingButtonEscape = () => {\n    const editor = useEditorRef();\n\n    useHotkeys(\n        'escape',\n        () => {\n            if (floatingButtonSelectors.mode() !== 'edit') {\n                return;\n            }\n\n            if (floatingButtonSelectors.isEditing()) {\n                floatingButtonActions.show('edit', editor.id);\n                focusEditor(editor, editor.selection ?? undefined);\n                return;\n            }\n\n            floatingButtonActions.reset();\n        },\n        {\n            enableOnFormTags: ['INPUT'],\n            enableOnContentEditable: true,\n        },\n        [],\n    );\n};\n"],"names":["useFloatingButtonEscape","editor","useEditorRef","useHotkeys","floatingButtonSelectors","floatingButtonActions","focusEditor"],"mappings":";;AAMO,MAAMA,IAA0B,MAAM;AACzC,QAAMC,IAASC,EAAA;AAEf,EAAAC;AAAA,IACI;AAAA,IACA,MAAM;AACF,UAAIC,EAAwB,KAAA,MAAW,QAIvC;AAAA,YAAIA,EAAwB,aAAa;AACrC,UAAAC,EAAsB,KAAK,QAAQJ,EAAO,EAAE,GAC5CK,EAAYL,GAAQA,EAAO,aAAa,MAAS;AACjD;AAAA,QACJ;AAEA,QAAAI,EAAsB,MAAA;AAAA;AAAA,IAC1B;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,MAC1B,yBAAyB;AAAA,IAAA;AAAA,IAE7B,CAAA;AAAA,EAAC;AAET;"}