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

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

@@ -1,21 +1,19 @@
-import { wrapNodes as e } 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 { getPluginType 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 "../../../../../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 { wrapNodes as i, getPluginType as m } from "@frontify/fondue/rte";
 import { ELEMENT_BUTTON as n } from "../createButtonPlugin.es.js";
-const u = (r, { url: t, buttonStyle: o, target: p, ...m }) => {
-  e(
-    r,
+const s = (t, { url: p, buttonStyle: r, target: o, ...e }) => {
+  i(
+    t,
     {
-      type: i(r, n),
-      url: t,
-      buttonStyle: o,
-      target: p,
+      type: m(t, n),
+      url: p,
+      buttonStyle: r,
+      target: o,
       children: []
     },
-    { split: !0, ...m }
+    { split: !0, ...e }
   );
 };
 export {
-  u as wrapButton
+  s as wrapButton
 };
 //# sourceMappingURL=wrapButton.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"wrapButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/transforms/wrapButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateEditor, type Value, type WrapNodesOptions, getPluginType, wrapNodes } from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON, type RichTextButtonStyle, type TButtonElement } from '..';\n\nexport interface WrapButtonOptions<V extends Value = Value> extends WrapNodesOptions<V> {\n    url: string;\n    buttonStyle?: RichTextButtonStyle;\n    target?: string;\n}\n\n/**\n * Wrap a button node with split.\n */\nexport const wrapButton = <V extends Value>(\n    editor: PlateEditor<V>,\n    { url, buttonStyle, target, ...options }: WrapButtonOptions<V>,\n) => {\n    wrapNodes<TButtonElement, Value>(\n        editor,\n        {\n            type: getPluginType(editor, ELEMENT_BUTTON),\n            url,\n            buttonStyle,\n            target,\n            children: [],\n        },\n        { split: true, ...options } as WrapNodesOptions,\n    );\n};\n"],"names":["wrapButton","editor","url","buttonStyle","target","options","wrapNodes","getPluginType","ELEMENT_BUTTON"],"mappings":";;;;AAeO,MAAMA,IAAa,CACtBC,GACA,EAAE,KAAAC,GAAK,aAAAC,GAAa,QAAAC,GAAQ,GAAGC,QAC9B;AACD,EAAAC;AAAA,IACIL;AAAA,IACA;AAAA,MACI,MAAMM,EAAcN,GAAQO,CAAc;AAAA,MAC1C,KAAAN;AAAA,MACA,aAAAC;AAAA,MACA,QAAAC;AAAA,MACA,UAAU,CAAA;AAAA,IAAC;AAAA,IAEf,EAAE,OAAO,IAAM,GAAGC,EAAA;AAAA,EAAQ;AAElC;"}
+{"version":3,"file":"wrapButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/transforms/wrapButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateEditor, type Value, type WrapNodesOptions, getPluginType, wrapNodes } from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON, type RichTextButtonStyle, type TButtonElement } from '..';\n\nexport interface WrapButtonOptions<V extends Value = Value> extends WrapNodesOptions<V> {\n    url: string;\n    buttonStyle?: RichTextButtonStyle;\n    target?: string;\n}\n\n/**\n * Wrap a button node with split.\n */\nexport const wrapButton = <V extends Value>(\n    editor: PlateEditor<V>,\n    { url, buttonStyle, target, ...options }: WrapButtonOptions<V>,\n) => {\n    wrapNodes<TButtonElement, Value>(\n        editor,\n        {\n            type: getPluginType(editor, ELEMENT_BUTTON),\n            url,\n            buttonStyle,\n            target,\n            children: [],\n        },\n        { split: true, ...options } as WrapNodesOptions,\n    );\n};\n"],"names":["wrapButton","editor","url","buttonStyle","target","options","wrapNodes","getPluginType","ELEMENT_BUTTON"],"mappings":";;AAeO,MAAMA,IAAa,CACtBC,GACA,EAAE,KAAAC,GAAK,aAAAC,GAAa,QAAAC,GAAQ,GAAGC,QAC9B;AACD,EAAAC;AAAA,IACIL;AAAA,IACA;AAAA,MACI,MAAMM,EAAcN,GAAQO,CAAc;AAAA,MAC1C,KAAAN;AAAA,MACA,aAAAC;AAAA,MACA,QAAAC;AAAA,MACA,UAAU,CAAA;AAAA,IAAC;AAAA,IAEf,EAAE,OAAO,IAAM,GAAGC,EAAA;AAAA,EAAQ;AAElC;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/createButtonNode.es.js

@@ -1,7 +1,7 @@
-import { ELEMENT_BUTTON as i } from "../createButtonPlugin.es.js";
-import { getPluginType as m } 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 { getPluginType as i } from "@frontify/fondue/rte";
+import { ELEMENT_BUTTON as m } from "../createButtonPlugin.es.js";
 const u = (t, { url: r, text: e = "", buttonStyle: o = "primary", target: p, children: n }) => ({
-  type: m(t, i),
+  type: i(t, m),
   url: r,
   target: p,
   buttonStyle: o,

package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/getButtonStyle.es.js

@@ -1,4 +1,4 @@
-import { getAboveNode as e } 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 { getAboveNode as e } from "@frontify/fondue/rte";
 import { ELEMENT_BUTTON as i } from "../createButtonPlugin.es.js";
 const y = (o) => {
   var t;

package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/getUrl.es.js

@@ -1,4 +1,4 @@
-import { getAboveNode as e } 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 { getAboveNode as e } from "@frontify/fondue/rte";
 import { ELEMENT_BUTTON as n } from "../createButtonPlugin.es.js";
 const i = (r, t) => {
   const o = e(r, { match: { type: n } });

package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.es.js

@@ -1,18 +1,17 @@
+import { findNode as g, getPluginType as l, getEditorString as u } from "@frontify/fondue/rte";
 import { floatingButtonActions as t } from "../components/FloatingButton/floatingButtonStore.es.js";
-import { findNode as g, getEditorString as m } 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 { getPluginType as f } 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 { ELEMENT_BUTTON as l } from "../createButtonPlugin.es.js";
-const c = (r) => {
-  const n = g(r, {
-    match: { type: f(r, l) }
+import { ELEMENT_BUTTON as f } from "../createButtonPlugin.es.js";
+const E = (i) => {
+  const o = g(i, {
+    match: { type: l(i, f) }
   });
-  if (!n)
+  if (!o)
     return;
-  const [i, e] = n;
-  let o = m(r, e);
-  t.url(i.url), t.newTab(i.target === void 0), o === i.url && (o = ""), t.text(o), t.isEditing(!0);
+  const [r, e] = o;
+  let n = u(i, e);
+  t.url(r.url), t.newTab(r.target === void 0), n === r.url && (n = ""), t.text(n), t.isEditing(!0);
 };
 export {
-  c as triggerFloatingButtonEdit
+  E as triggerFloatingButtonEdit
 };
 //# sourceMappingURL=triggerFloatingButtonEdit.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"triggerFloatingButtonEdit.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateEditor, type Value, findNode, getEditorString, getPluginType } from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON, type TButtonElement } from '..';\nimport { floatingButtonActions } from '../components/FloatingButton/floatingButtonStore';\n\nexport const triggerFloatingButtonEdit = <V extends Value>(editor: PlateEditor<V>) => {\n    const entry = findNode<TButtonElement>(editor, {\n        match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n    });\n    if (!entry) {\n        return;\n    }\n\n    const [link, path] = entry;\n\n    let text = getEditorString(editor, path);\n\n    floatingButtonActions.url(link.url);\n\n    floatingButtonActions.newTab(link.target === undefined);\n\n    if (text === link.url) {\n        text = '';\n    }\n\n    floatingButtonActions.text(text);\n\n    floatingButtonActions.isEditing(true);\n};\n"],"names":["triggerFloatingButtonEdit","editor","entry","findNode","getPluginType","ELEMENT_BUTTON","link","path","text","getEditorString","floatingButtonActions"],"mappings":";;;;AAOO,MAAMA,IAA4B,CAAkBC,MAA2B;AAClF,QAAMC,IAAQC,EAAyBF,GAAQ;AAAA,IAC3C,OAAO,EAAE,MAAMG,EAAcH,GAAQI,CAAc,EAAA;AAAA,EAAE,CACxD;AACD,MAAI,CAACH;AACD;AAGJ,QAAM,CAACI,GAAMC,CAAI,IAAIL;AAErB,MAAIM,IAAOC,EAAgBR,GAAQM,CAAI;AAEvC,EAAAG,EAAsB,IAAIJ,EAAK,GAAG,GAElCI,EAAsB,OAAOJ,EAAK,WAAW,MAAS,GAElDE,MAASF,EAAK,QACdE,IAAO,KAGXE,EAAsB,KAAKF,CAAI,GAE/BE,EAAsB,UAAU,EAAI;AACxC;"}
+{"version":3,"file":"triggerFloatingButtonEdit.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateEditor, type Value, findNode, getEditorString, getPluginType } from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON, type TButtonElement } from '..';\nimport { floatingButtonActions } from '../components/FloatingButton/floatingButtonStore';\n\nexport const triggerFloatingButtonEdit = <V extends Value>(editor: PlateEditor<V>) => {\n    const entry = findNode<TButtonElement>(editor, {\n        match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n    });\n    if (!entry) {\n        return;\n    }\n\n    const [link, path] = entry;\n\n    let text = getEditorString(editor, path);\n\n    floatingButtonActions.url(link.url);\n\n    floatingButtonActions.newTab(link.target === undefined);\n\n    if (text === link.url) {\n        text = '';\n    }\n\n    floatingButtonActions.text(text);\n\n    floatingButtonActions.isEditing(true);\n};\n"],"names":["triggerFloatingButtonEdit","editor","entry","findNode","getPluginType","ELEMENT_BUTTON","link","path","text","getEditorString","floatingButtonActions"],"mappings":";;;AAOO,MAAMA,IAA4B,CAAkBC,MAA2B;AAClF,QAAMC,IAAQC,EAAyBF,GAAQ;AAAA,IAC3C,OAAO,EAAE,MAAMG,EAAcH,GAAQI,CAAc,EAAA;AAAA,EAAE,CACxD;AACD,MAAI,CAACH;AACD;AAGJ,QAAM,CAACI,GAAMC,CAAI,IAAIL;AAErB,MAAIM,IAAOC,EAAgBR,GAAQM,CAAI;AAEvC,EAAAG,EAAsB,IAAIJ,EAAK,GAAG,GAElCI,EAAsB,OAAOJ,EAAK,WAAW,MAAS,GAElDE,MAASF,EAAK,QACdE,IAAO,KAGXE,EAAsB,KAAKF,CAAI,GAE/BE,EAAsB,UAAU,EAAI;AACxC;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.es.js

@@ -1,17 +1,14 @@
-import { floatingButtonSelectors as r, floatingButtonActions as o } from "../components/FloatingButton/floatingButtonStore.es.js";
-import { ELEMENT_BUTTON as e } from "../createButtonPlugin.es.js";
-import { isRangeAcrossBlocks as i } from "../../../../../node_modules/.pnpm/@udecode_slate-utils@31.3.2_slate-history@0.100.0_slate@0.102.0__slate@0.102.0/node_modules/@udecode/slate-utils/dist/index.es.js";
-import { 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 { someNode as m, getEditorString as f } 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 "../../../../../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";
-const h = (t, {
-  focused: n
+import { isRangeAcrossBlocks as e, someNode as r, getPluginType as s, getEditorString as i } from "@frontify/fondue/rte";
+import { floatingButtonSelectors as g, floatingButtonActions as n } from "../components/FloatingButton/floatingButtonStore.es.js";
+import { ELEMENT_BUTTON as u } from "../createButtonPlugin.es.js";
+const l = (t, {
+  focused: o
 } = {}) => {
-  r.mode() || !n || i(t, { at: t.selection }) || m(t, {
-    match: { type: s(t, e) }
-  }) || (o.text(f(t, t.selection)), o.show("insert", t.id));
+  g.mode() || !o || e(t, { at: t.selection }) || r(t, {
+    match: { type: s(t, u) }
+  }) || (n.text(i(t, t.selection)), n.show("insert", t.id));
 };
 export {
-  h as triggerFloatingButtonInsert
+  l as triggerFloatingButtonInsert
 };
 //# sourceMappingURL=triggerFloatingButtonInsert.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"triggerFloatingButtonInsert.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PlateEditor,\n    type Value,\n    getEditorString,\n    getPluginType,\n    isRangeAcrossBlocks,\n    someNode,\n} from '@frontify/fondue/rte';\n\nimport { floatingButtonActions, floatingButtonSelectors } from '../components/FloatingButton/floatingButtonStore';\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\n/**\n * Trigger floating button.\n *\n * Do not trigger when:\n * - selection is across blocks\n * - selection has more than one leaf node\n * - lowest selection is not text\n * - selection has a button node\n */\nexport const triggerFloatingButtonInsert = <V extends Value>(\n    editor: PlateEditor<V>,\n    {\n        focused,\n    }: {\n        focused?: boolean;\n    } = {},\n) => {\n    if (floatingButtonSelectors.mode()) {\n        return;\n    }\n\n    if (!focused) {\n        return;\n    }\n\n    if (isRangeAcrossBlocks(editor, { at: editor.selection })) {\n        return;\n    }\n\n    const hasButton = someNode(editor, {\n        match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n    });\n    if (hasButton) {\n        return;\n    }\n    floatingButtonActions.text(getEditorString(editor, editor.selection));\n    floatingButtonActions.show('insert', editor.id);\n};\n"],"names":["triggerFloatingButtonInsert","editor","focused","floatingButtonSelectors","isRangeAcrossBlocks","someNode","getPluginType","ELEMENT_BUTTON","floatingButtonActions","getEditorString"],"mappings":";;;;;;AAuBO,MAAMA,IAA8B,CACvCC,GACA;AAAA,EACI,SAAAC;AACJ,IAEI,OACH;AAgBD,EAfIC,EAAwB,UAIxB,CAACD,KAIDE,EAAoBH,GAAQ,EAAE,IAAIA,EAAO,UAAA,CAAW,KAItCI,EAASJ,GAAQ;AAAA,IAC/B,OAAO,EAAE,MAAMK,EAAcL,GAAQM,CAAc,EAAA;AAAA,EAAE,CACxD,MAIDC,EAAsB,KAAKC,EAAgBR,GAAQA,EAAO,SAAS,CAAC,GACpEO,EAAsB,KAAK,UAAUP,EAAO,EAAE;AAClD;"}
+{"version":3,"file":"triggerFloatingButtonInsert.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PlateEditor,\n    type Value,\n    getEditorString,\n    getPluginType,\n    isRangeAcrossBlocks,\n    someNode,\n} from '@frontify/fondue/rte';\n\nimport { floatingButtonActions, floatingButtonSelectors } from '../components/FloatingButton/floatingButtonStore';\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\n/**\n * Trigger floating button.\n *\n * Do not trigger when:\n * - selection is across blocks\n * - selection has more than one leaf node\n * - lowest selection is not text\n * - selection has a button node\n */\nexport const triggerFloatingButtonInsert = <V extends Value>(\n    editor: PlateEditor<V>,\n    {\n        focused,\n    }: {\n        focused?: boolean;\n    } = {},\n) => {\n    if (floatingButtonSelectors.mode()) {\n        return;\n    }\n\n    if (!focused) {\n        return;\n    }\n\n    if (isRangeAcrossBlocks(editor, { at: editor.selection })) {\n        return;\n    }\n\n    const hasButton = someNode(editor, {\n        match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n    });\n    if (hasButton) {\n        return;\n    }\n    floatingButtonActions.text(getEditorString(editor, editor.selection));\n    floatingButtonActions.show('insert', editor.id);\n};\n"],"names":["triggerFloatingButtonInsert","editor","focused","floatingButtonSelectors","isRangeAcrossBlocks","someNode","getPluginType","ELEMENT_BUTTON","floatingButtonActions","getEditorString"],"mappings":";;;AAuBO,MAAMA,IAA8B,CACvCC,GACA;AAAA,EACI,SAAAC;AACJ,IAEI,OACH;AAgBD,EAfIC,EAAwB,UAIxB,CAACD,KAIDE,EAAoBH,GAAQ,EAAE,IAAIA,EAAO,UAAA,CAAW,KAItCI,EAASJ,GAAQ;AAAA,IAC/B,OAAO,EAAE,MAAMK,EAAcL,GAAQM,CAAc,EAAA;AAAA,EAAE,CACxD,MAIDC,EAAsB,KAAKC,EAAgBR,GAAQA,EAAO,SAAS,CAAC,GACpEO,EAAsB,KAAK,UAAUP,EAAO,EAAE;AAClD;"}

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

@@ -1,57 +1,52 @@
-import { ELEMENT_BUTTON as m } from "./createButtonPlugin.es.js";
-import { isCollapsed as i, getAboveNode as y, isStartPoint as a, isEndPoint as p, select as l, insertNodes as g } 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 { getPluginType as P, mockPlugin as x } 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 { getPreviousNodeEndPoint as E, getNextNodeStartPoint as r } from "../../../../node_modules/.pnpm/@udecode_slate-utils@31.3.2_slate-history@0.100.0_slate@0.102.0__slate@0.102.0/node_modules/@udecode/slate-utils/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 { withRemoveEmptyNodes as h } from "../../../../node_modules/.pnpm/@udecode_plate-normalizers@31.0.0_@udecode_plate-common@36.5.9_@types_react@18.3.27_imm_a5154af6287504336bef11dda17a2e8e/node_modules/@udecode/plate-normalizers/dist/index.es.js";
-import { Path as w } from "../../../../node_modules/.pnpm/slate@0.102.0/node_modules/slate/dist/index.es.es.js";
-const k = (t, { type: u }) => {
-  const { apply: f, normalizeNode: N } = t;
+import { isCollapsed as l, getAboveNode as a, getPluginType as P, isStartPoint as g, getPreviousNodeEndPoint as x, isEndPoint as i, getNextNodeStartPoint as u, select as m, Path as E, insertNodes as h, withRemoveEmptyNodes as w, mockPlugin as T } from "@frontify/fondue/rte";
+import { ELEMENT_BUTTON as p } from "./createButtonPlugin.es.js";
+const z = (t, { type: N }) => {
+  const { apply: f, normalizeNode: y } = t;
   return t.apply = (s) => {
     if (s.type !== "set_selection") {
       f(s);
       return;
     }
     const n = s.newProperties;
-    if (!(n != null && n.focus) || !n.anchor || !i(n)) {
+    if (!(n != null && n.focus) || !n.anchor || !l(n)) {
       f(s);
       return;
     }
-    const c = y(t, {
+    const o = a(t, {
       at: n,
-      match: { type: P(t, m) }
+      match: { type: P(t, p) }
     });
-    if (c) {
-      const [, o] = c;
+    if (o) {
+      const [, c] = o;
       let e;
-      a(t, n.focus, o) && (e = E(t, o)), p(t, n.focus, o) && (e = r(t, o)), e && (s.newProperties = {
+      g(t, n.focus, c) && (e = x(t, c)), i(t, n.focus, c) && (e = u(t, c)), e && (s.newProperties = {
         anchor: e,
         focus: e
       });
     }
     f(s);
   }, t.normalizeNode = ([s, n]) => {
-    if (s.type === P(t, m)) {
-      const c = t.selection;
-      if (c && i(c) && p(t, c.focus, n)) {
-        const o = r(t, n);
-        if (o)
-          l(t, o);
+    if (s.type === P(t, p)) {
+      const o = t.selection;
+      if (o && l(o) && i(t, o.focus, n)) {
+        const c = u(t, n);
+        if (c)
+          m(t, c);
         else {
-          const e = w.next(n);
-          g(t, { text: "" }, { at: e }), l(t, e);
+          const e = E.next(n);
+          h(t, { text: "" }, { at: e }), m(t, e);
         }
       }
     }
-    N([s, n]);
-  }, h(
+    y([s, n]);
+  }, w(
     t,
-    x({
-      options: { types: u }
+    T({
+      options: { types: N }
     })
   );
 };
 export {
-  k as withButton
+  z as withButton
 };
 //# sourceMappingURL=withButton.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"withButton.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/withButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type EText,\n    Path,\n    type PlateEditor,\n    type Point,\n    type Range,\n    type Value,\n    type WithOverride,\n    getAboveNode,\n    getNextNodeStartPoint,\n    getPluginType,\n    getPreviousNodeEndPoint,\n    insertNodes,\n    isCollapsed,\n    isEndPoint,\n    isStartPoint,\n    mockPlugin,\n    select,\n    withRemoveEmptyNodes,\n} from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from './createButtonPlugin';\n\n/**\n * Insert space after a url to wrap a button.\n * Lookup from the block start to the cursor to check if there is an url.\n * If not found, lookup before the cursor for a space character to check the url.\n *\n * On insert data:\n * Paste a string inside a button element will edit its children text but not its url.\n *\n */\n\nexport const withButton: WithOverride = (editor, { type }) => {\n    const { apply, normalizeNode } = editor;\n\n    editor.apply = (operation) => {\n        if (operation.type !== 'set_selection') {\n            apply(operation);\n            return;\n        }\n\n        const range = operation.newProperties;\n        if (!range?.focus || !range.anchor || !isCollapsed(range as Range)) {\n            apply(operation);\n            return;\n        }\n\n        const entry = getAboveNode(editor, {\n            at: range as Range,\n            match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n        });\n\n        if (entry) {\n            const [, path] = entry;\n\n            let newPoint: Point | undefined;\n\n            if (isStartPoint(editor, range.focus, path)) {\n                newPoint = getPreviousNodeEndPoint(editor, path);\n            }\n\n            if (isEndPoint(editor, range.focus, path)) {\n                newPoint = getNextNodeStartPoint(editor, path);\n            }\n\n            if (newPoint) {\n                operation.newProperties = {\n                    anchor: newPoint,\n                    focus: newPoint,\n                };\n            }\n        }\n\n        apply(operation);\n    };\n\n    editor.normalizeNode = ([node, path]) => {\n        if (node.type === getPluginType(editor, ELEMENT_BUTTON)) {\n            const range = editor.selection as Range | null;\n\n            if (range && isCollapsed(range) && isEndPoint(editor, range.focus, path)) {\n                const nextPoint = getNextNodeStartPoint(editor, path);\n\n                // select next text node if any\n                if (nextPoint) {\n                    select(editor, nextPoint);\n                } else {\n                    // insert text node then select\n                    const nextPath = Path.next(path);\n                    insertNodes(editor, { text: '' } as EText<Value>, { at: nextPath });\n                    select(editor, nextPath);\n                }\n            }\n        }\n\n        normalizeNode([node, path]);\n    };\n\n    return withRemoveEmptyNodes<Value, PlateEditor<Value>>(\n        editor,\n        mockPlugin<Record<string, any>, Value, PlateEditor<Value>>({\n            options: { types: type },\n        }),\n    );\n};\n"],"names":["withButton","editor","type","apply","normalizeNode","operation","range","isCollapsed","entry","getAboveNode","getPluginType","ELEMENT_BUTTON","path","newPoint","isStartPoint","getPreviousNodeEndPoint","isEndPoint","getNextNodeStartPoint","node","nextPoint","select","nextPath","Path","insertNodes","withRemoveEmptyNodes","mockPlugin"],"mappings":";;;;;;;AAmCO,MAAMA,IAA2B,CAACC,GAAQ,EAAE,MAAAC,QAAW;AAC1D,QAAM,EAAE,OAAAC,GAAO,eAAAC,EAAA,IAAkBH;AAEjC,SAAAA,EAAO,QAAQ,CAACI,MAAc;AAC1B,QAAIA,EAAU,SAAS,iBAAiB;AACpC,MAAAF,EAAME,CAAS;AACf;AAAA,IACJ;AAEA,UAAMC,IAAQD,EAAU;AACxB,QAAI,EAACC,KAAA,QAAAA,EAAO,UAAS,CAACA,EAAM,UAAU,CAACC,EAAYD,CAAc,GAAG;AAChE,MAAAH,EAAME,CAAS;AACf;AAAA,IACJ;AAEA,UAAMG,IAAQC,EAAaR,GAAQ;AAAA,MAC/B,IAAIK;AAAA,MACJ,OAAO,EAAE,MAAMI,EAAcT,GAAQU,CAAc,EAAA;AAAA,IAAE,CACxD;AAED,QAAIH,GAAO;AACP,YAAM,CAAA,EAAGI,CAAI,IAAIJ;AAEjB,UAAIK;AAEJ,MAAIC,EAAab,GAAQK,EAAM,OAAOM,CAAI,MACtCC,IAAWE,EAAwBd,GAAQW,CAAI,IAG/CI,EAAWf,GAAQK,EAAM,OAAOM,CAAI,MACpCC,IAAWI,EAAsBhB,GAAQW,CAAI,IAG7CC,MACAR,EAAU,gBAAgB;AAAA,QACtB,QAAQQ;AAAA,QACR,OAAOA;AAAA,MAAA;AAAA,IAGnB;AAEA,IAAAV,EAAME,CAAS;AAAA,EACnB,GAEAJ,EAAO,gBAAgB,CAAC,CAACiB,GAAMN,CAAI,MAAM;AACrC,QAAIM,EAAK,SAASR,EAAcT,GAAQU,CAAc,GAAG;AACrD,YAAML,IAAQL,EAAO;AAErB,UAAIK,KAASC,EAAYD,CAAK,KAAKU,EAAWf,GAAQK,EAAM,OAAOM,CAAI,GAAG;AACtE,cAAMO,IAAYF,EAAsBhB,GAAQW,CAAI;AAGpD,YAAIO;AACA,UAAAC,EAAOnB,GAAQkB,CAAS;AAAA,aACrB;AAEH,gBAAME,IAAWC,EAAK,KAAKV,CAAI;AAC/B,UAAAW,EAAYtB,GAAQ,EAAE,MAAM,GAAA,GAAsB,EAAE,IAAIoB,GAAU,GAClED,EAAOnB,GAAQoB,CAAQ;AAAA,QAC3B;AAAA,MACJ;AAAA,IACJ;AAEA,IAAAjB,EAAc,CAACc,GAAMN,CAAI,CAAC;AAAA,EAC9B,GAEOY;AAAA,IACHvB;AAAA,IACAwB,EAA2D;AAAA,MACvD,SAAS,EAAE,OAAOvB,EAAA;AAAA,IAAK,CAC1B;AAAA,EAAA;AAET;"}
+{"version":3,"file":"withButton.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/withButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type EText,\n    Path,\n    type PlateEditor,\n    type Point,\n    type Range,\n    type Value,\n    type WithOverride,\n    getAboveNode,\n    getNextNodeStartPoint,\n    getPluginType,\n    getPreviousNodeEndPoint,\n    insertNodes,\n    isCollapsed,\n    isEndPoint,\n    isStartPoint,\n    mockPlugin,\n    select,\n    withRemoveEmptyNodes,\n} from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from './createButtonPlugin';\n\n/**\n * Insert space after a url to wrap a button.\n * Lookup from the block start to the cursor to check if there is an url.\n * If not found, lookup before the cursor for a space character to check the url.\n *\n * On insert data:\n * Paste a string inside a button element will edit its children text but not its url.\n *\n */\n\nexport const withButton: WithOverride = (editor, { type }) => {\n    const { apply, normalizeNode } = editor;\n\n    editor.apply = (operation) => {\n        if (operation.type !== 'set_selection') {\n            apply(operation);\n            return;\n        }\n\n        const range = operation.newProperties;\n        if (!range?.focus || !range.anchor || !isCollapsed(range as Range)) {\n            apply(operation);\n            return;\n        }\n\n        const entry = getAboveNode(editor, {\n            at: range as Range,\n            match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n        });\n\n        if (entry) {\n            const [, path] = entry;\n\n            let newPoint: Point | undefined;\n\n            if (isStartPoint(editor, range.focus, path)) {\n                newPoint = getPreviousNodeEndPoint(editor, path);\n            }\n\n            if (isEndPoint(editor, range.focus, path)) {\n                newPoint = getNextNodeStartPoint(editor, path);\n            }\n\n            if (newPoint) {\n                operation.newProperties = {\n                    anchor: newPoint,\n                    focus: newPoint,\n                };\n            }\n        }\n\n        apply(operation);\n    };\n\n    editor.normalizeNode = ([node, path]) => {\n        if (node.type === getPluginType(editor, ELEMENT_BUTTON)) {\n            const range = editor.selection as Range | null;\n\n            if (range && isCollapsed(range) && isEndPoint(editor, range.focus, path)) {\n                const nextPoint = getNextNodeStartPoint(editor, path);\n\n                // select next text node if any\n                if (nextPoint) {\n                    select(editor, nextPoint);\n                } else {\n                    // insert text node then select\n                    const nextPath = Path.next(path);\n                    insertNodes(editor, { text: '' } as EText<Value>, { at: nextPath });\n                    select(editor, nextPath);\n                }\n            }\n        }\n\n        normalizeNode([node, path]);\n    };\n\n    return withRemoveEmptyNodes<Value, PlateEditor<Value>>(\n        editor,\n        mockPlugin<Record<string, any>, Value, PlateEditor<Value>>({\n            options: { types: type },\n        }),\n    );\n};\n"],"names":["withButton","editor","type","apply","normalizeNode","operation","range","isCollapsed","entry","getAboveNode","getPluginType","ELEMENT_BUTTON","path","newPoint","isStartPoint","getPreviousNodeEndPoint","isEndPoint","getNextNodeStartPoint","node","nextPoint","select","nextPath","Path","insertNodes","withRemoveEmptyNodes","mockPlugin"],"mappings":";;AAmCO,MAAMA,IAA2B,CAACC,GAAQ,EAAE,MAAAC,QAAW;AAC1D,QAAM,EAAE,OAAAC,GAAO,eAAAC,EAAA,IAAkBH;AAEjC,SAAAA,EAAO,QAAQ,CAACI,MAAc;AAC1B,QAAIA,EAAU,SAAS,iBAAiB;AACpC,MAAAF,EAAME,CAAS;AACf;AAAA,IACJ;AAEA,UAAMC,IAAQD,EAAU;AACxB,QAAI,EAACC,KAAA,QAAAA,EAAO,UAAS,CAACA,EAAM,UAAU,CAACC,EAAYD,CAAc,GAAG;AAChE,MAAAH,EAAME,CAAS;AACf;AAAA,IACJ;AAEA,UAAMG,IAAQC,EAAaR,GAAQ;AAAA,MAC/B,IAAIK;AAAA,MACJ,OAAO,EAAE,MAAMI,EAAcT,GAAQU,CAAc,EAAA;AAAA,IAAE,CACxD;AAED,QAAIH,GAAO;AACP,YAAM,CAAA,EAAGI,CAAI,IAAIJ;AAEjB,UAAIK;AAEJ,MAAIC,EAAab,GAAQK,EAAM,OAAOM,CAAI,MACtCC,IAAWE,EAAwBd,GAAQW,CAAI,IAG/CI,EAAWf,GAAQK,EAAM,OAAOM,CAAI,MACpCC,IAAWI,EAAsBhB,GAAQW,CAAI,IAG7CC,MACAR,EAAU,gBAAgB;AAAA,QACtB,QAAQQ;AAAA,QACR,OAAOA;AAAA,MAAA;AAAA,IAGnB;AAEA,IAAAV,EAAME,CAAS;AAAA,EACnB,GAEAJ,EAAO,gBAAgB,CAAC,CAACiB,GAAMN,CAAI,MAAM;AACrC,QAAIM,EAAK,SAASR,EAAcT,GAAQU,CAAc,GAAG;AACrD,YAAML,IAAQL,EAAO;AAErB,UAAIK,KAASC,EAAYD,CAAK,KAAKU,EAAWf,GAAQK,EAAM,OAAOM,CAAI,GAAG;AACtE,cAAMO,IAAYF,EAAsBhB,GAAQW,CAAI;AAGpD,YAAIO;AACA,UAAAC,EAAOnB,GAAQkB,CAAS;AAAA,aACrB;AAEH,gBAAME,IAAWC,EAAK,KAAKV,CAAI;AAC/B,UAAAW,EAAYtB,GAAQ,EAAE,MAAM,GAAA,GAAsB,EAAE,IAAIoB,GAAU,GAClED,EAAOnB,GAAQoB,CAAQ;AAAA,QAC3B;AAAA,MACJ;AAAA,IACJ;AAEA,IAAAjB,EAAc,CAACc,GAAMN,CAAI,CAAC;AAAA,EAC9B,GAEOY;AAAA,IACHvB;AAAA,IACAwB,EAA2D;AAAA,MACvD,SAAS,EAAE,OAAOvB,EAAA;AAAA,IAAK,CAC1B;AAAA,EAAA;AAET;"}

package/dist/components/RichTextEditor/plugins/ColumnBreakPlugin/ColumnBreakPlugin.es.js

@@ -1,30 +1,27 @@
-var u = Object.defineProperty;
-var a = (n, s, t) => s in n ? u(n, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[s] = t;
-var m = (n, s, t) => a(n, typeof s != "symbol" ? s + "" : s, t);
-import { getResponsiveColumnClasses as l } from "./helpers.es.js";
-import { ColumnBreakButton as o } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/ColumnBreakPlugin/ColumnBreakButton/index.es.es.js";
-import { Plugin as e } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/Plugin.es.es.js";
-import { createColumnBreakPlugin as i } from "../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/ColumnBreakPlugin/createColumnBreakPlugin.es.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";
-const E = "breakAfterColumn", r = "normal";
-class A extends e {
+var l = Object.defineProperty;
+var e = (n, s, t) => s in n ? l(n, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[s] = t;
+var u = (n, s, t) => e(n, typeof s != "symbol" ? s + "" : s, t);
+import { Plugin as a, ColumnBreakButton as m, createColumnBreakPlugin as i } from "@frontify/fondue/rte";
+import { getResponsiveColumnClasses as o } from "./helpers.es.js";
+const h = "breakAfterColumn", c = "normal";
+class E extends a {
   constructor(t) {
     super("break-after-plugin", {
-      button: o,
+      button: m,
       ...t
     });
-    m(this, "columns");
-    m(this, "gap");
-    m(this, "customClass");
-    this.columns = (t == null ? void 0 : t.columns) ?? 1, this.gap = (t == null ? void 0 : t.gap) ?? r, this.customClass = l(this.columns);
+    u(this, "columns");
+    u(this, "gap");
+    u(this, "customClass");
+    this.columns = (t == null ? void 0 : t.columns) ?? 1, this.gap = (t == null ? void 0 : t.gap) ?? c, this.customClass = o(this.columns);
   }
   plugins() {
     return [i(this.columns, this.gap, this.customClass)];
   }
 }
 export {
-  A as BreakAfterPlugin,
-  r as GAP_DEFAULT,
-  E as KEY_ELEMENT_BREAK_AFTER_COLUMN
+  E as BreakAfterPlugin,
+  c as GAP_DEFAULT,
+  h as KEY_ELEMENT_BREAK_AFTER_COLUMN
 };
 //# sourceMappingURL=ColumnBreakPlugin.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnBreakPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/ColumnBreakPlugin/ColumnBreakPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlatePlugin, Plugin, createColumnBreakPlugin, ColumnBreakButton } from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { getResponsiveColumnClasses } from './helpers';\n\nexport const KEY_ELEMENT_BREAK_AFTER_COLUMN = 'breakAfterColumn';\nexport const GAP_DEFAULT = 'normal';\n\nexport class BreakAfterPlugin extends Plugin {\n    private columns: number;\n    private gap: CSSProperties['gap'];\n    private customClass: string | undefined;\n    constructor(props?: { columns?: number; gap?: string | number }) {\n        super('break-after-plugin', {\n            button: ColumnBreakButton,\n            ...props,\n        });\n        this.columns = props?.columns ?? 1;\n        this.gap = props?.gap ?? GAP_DEFAULT;\n        this.customClass = getResponsiveColumnClasses(this.columns);\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createColumnBreakPlugin(this.columns, this.gap, this.customClass)];\n    }\n}\n"],"names":["KEY_ELEMENT_BREAK_AFTER_COLUMN","GAP_DEFAULT","BreakAfterPlugin","Plugin","props","ColumnBreakButton","__publicField","getResponsiveColumnClasses","createColumnBreakPlugin"],"mappings":";;;;;;;;AAOO,MAAMA,IAAiC,oBACjCC,IAAc;AAEpB,MAAMC,UAAyBC,EAAO;AAAA,EAIzC,YAAYC,GAAqD;AAC7D,UAAM,sBAAsB;AAAA,MACxB,QAAQC;AAAAA,MACR,GAAGD;AAAA,IAAA,CACN;AAPG,IAAAE,EAAA;AACA,IAAAA,EAAA;AACA,IAAAA,EAAA;AAMJ,SAAK,WAAUF,KAAA,gBAAAA,EAAO,YAAW,GACjC,KAAK,OAAMA,KAAA,gBAAAA,EAAO,QAAOH,GACzB,KAAK,cAAcM,EAA2B,KAAK,OAAO;AAAA,EAC9D;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACC,EAAwB,KAAK,SAAS,KAAK,KAAK,KAAK,WAAW,CAAC;AAAA,EAC7E;AACJ;"}
+{"version":3,"file":"ColumnBreakPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/ColumnBreakPlugin/ColumnBreakPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlatePlugin, Plugin, createColumnBreakPlugin, ColumnBreakButton } from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { getResponsiveColumnClasses } from './helpers';\n\nexport const KEY_ELEMENT_BREAK_AFTER_COLUMN = 'breakAfterColumn';\nexport const GAP_DEFAULT = 'normal';\n\nexport class BreakAfterPlugin extends Plugin {\n    private columns: number;\n    private gap: CSSProperties['gap'];\n    private customClass: string | undefined;\n    constructor(props?: { columns?: number; gap?: string | number }) {\n        super('break-after-plugin', {\n            button: ColumnBreakButton,\n            ...props,\n        });\n        this.columns = props?.columns ?? 1;\n        this.gap = props?.gap ?? GAP_DEFAULT;\n        this.customClass = getResponsiveColumnClasses(this.columns);\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createColumnBreakPlugin(this.columns, this.gap, this.customClass)];\n    }\n}\n"],"names":["KEY_ELEMENT_BREAK_AFTER_COLUMN","GAP_DEFAULT","BreakAfterPlugin","Plugin","props","ColumnBreakButton","__publicField","getResponsiveColumnClasses","createColumnBreakPlugin"],"mappings":";;;;;AAOO,MAAMA,IAAiC,oBACjCC,IAAc;AAEpB,MAAMC,UAAyBC,EAAO;AAAA,EAIzC,YAAYC,GAAqD;AAC7D,UAAM,sBAAsB;AAAA,MACxB,QAAQC;AAAA,MACR,GAAGD;AAAA,IAAA,CACN;AAPG,IAAAE,EAAA;AACA,IAAAA,EAAA;AACA,IAAAA,EAAA;AAMJ,SAAK,WAAUF,KAAA,gBAAAA,EAAO,YAAW,GACjC,KAAK,OAAMA,KAAA,gBAAAA,EAAO,QAAOH,GACzB,KAAK,cAAcM,EAA2B,KAAK,OAAO;AAAA,EAC9D;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACC,EAAwB,KAAK,SAAS,KAAK,KAAK,KAAK,WAAW,CAAC;AAAA,EAC7E;AACJ;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.es.js

@@ -1,39 +1,37 @@
-import { jsxs as g, Fragment as k, jsx as e } from "react/jsx-runtime";
+import { jsx as e, jsxs as g, Fragment as k } from "react/jsx-runtime";
+import { useFloatingLinkInsertState as b, offset as F, flip as L, useFloatingLinkInsert as P, useFloatingLinkEditState as S, useFloatingLinkEdit as h } from "@frontify/fondue/rte";
 import { createPortal as s } from "react-dom";
 import { BlockStyles as d, TextStyles as a } from "../../styles.es.js";
-import { InsertLinkModal as b } from "./InsertLinkModal/InsertLinkModal.es.js";
-import { useFloatingLinkInsertState as F, useFloatingLinkInsert as L, useFloatingLinkEditState as P, useFloatingLinkEdit as S } from "../../../../../node_modules/.pnpm/@udecode_plate-link@31.0.0_@udecode_plate-common@36.5.9_@types_react@18.3.27_immer@10.1_52cadffbbd4957c8e8b355b0eb7b3dec/node_modules/@udecode/plate-link/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 { EditModal as h } from "./EditLinkModal/EditModal.es.js";
-import { offset as x, flip as E } from "../../../../../node_modules/.pnpm/@floating-ui_dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { InsertLinkModal as x } from "./InsertLinkModal/InsertLinkModal.es.js";
+import { EditModal as E } from "./EditLinkModal/EditModal.es.js";
 const l = {
   placement: "bottom-start",
   strategy: "absolute",
   middleware: [
-    x(12),
-    E({
+    F(12),
+    L({
       padding: 12,
       fallbackPlacements: ["bottom-end", "top-start", "top-end"]
     })
   ]
-}, w = () => {
-  const o = F({
+}, M = () => {
+  const n = b({
     floatingOptions: l
-  }), { props: n, ref: p, hidden: m } = L(o), t = P({
+  }), { props: o, ref: p, hidden: m } = P(n), t = S({
     floatingOptions: l
-  }), { props: i, ref: f, editButtonProps: u, unlinkButtonProps: c } = S(t);
+  }), { props: i, ref: u, editButtonProps: c, unlinkButtonProps: f } = h(t);
   if (m)
     return null;
-  const r = /* @__PURE__ */ e(b, {}), y = t.isEditing ? r : /* @__PURE__ */ e(h, { editButtonProps: u, unlinkButtonProps: c });
+  const r = /* @__PURE__ */ e(x, {}), y = t.isEditing ? r : /* @__PURE__ */ e(E, { editButtonProps: c, unlinkButtonProps: f });
   return /* @__PURE__ */ g(k, { children: [
-    o.isOpen && !t.isOpen && s(
+    n.isOpen && !t.isOpen && s(
       /* @__PURE__ */ e(
         "div",
         {
           "data-is-underlay": !0,
           ref: p,
-          ...n,
-          style: { ...n.style, ...d[a.p] },
+          ...o,
+          style: { ...o.style, ...d[a.p] },
           children: r
         }
       ),
@@ -44,7 +42,7 @@ const l = {
         "div",
         {
           "data-is-underlay": !0,
-          ref: f,
+          ref: u,
           ...i,
           style: { ...i.style, ...d[a.p] },
           children: y
@@ -55,6 +53,6 @@ const l = {
   ] });
 };
 export {
-  w as CustomFloatingLink
+  M as CustomFloatingLink
 };
 //# sourceMappingURL=CustomFloatingLink.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFloatingLink.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type LinkFloatingToolbarState,\n    type UseVirtualFloatingOptions,\n    flip,\n    offset,\n    useFloatingLinkEdit,\n    useFloatingLinkEditState,\n    useFloatingLinkInsert,\n    useFloatingLinkInsertState,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { BlockStyles, TextStyles } from '../../../../RichTextEditor/plugins/styles';\n\nimport { EditModal } from './EditLinkModal';\nimport { InsertLinkModal } from './InsertLinkModal/InsertLinkModal';\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 type LinkFloatingToolbarProps = {\n    state?: LinkFloatingToolbarState;\n};\n\nexport const CustomFloatingLink = () => {\n    const insertState = useFloatingLinkInsertState({\n        floatingOptions,\n    });\n    const { props: insertProps, ref: insertRef, hidden } = useFloatingLinkInsert(insertState);\n\n    const editState = useFloatingLinkEditState({\n        floatingOptions,\n    });\n\n    const { props: editProps, ref: editRef, editButtonProps, unlinkButtonProps } = useFloatingLinkEdit(editState);\n\n    if (hidden) {\n        return null;\n    }\n\n    const input = <InsertLinkModal />;\n    const editContent = editState.isEditing ? (\n        input\n    ) : (\n        <EditModal editButtonProps={editButtonProps} unlinkButtonProps={unlinkButtonProps} />\n    );\n\n    return (\n        <>\n            {insertState.isOpen &&\n                !editState.isOpen &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={insertRef}\n                        {...insertProps}\n                        style={{ ...(insertProps.style as CSSProperties), ...BlockStyles[TextStyles.p] }}\n                    >\n                        {input}\n                    </div>,\n                    document.body,\n                )}\n\n            {editState.isOpen &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={editRef}\n                        {...editProps}\n                        style={{ ...(editProps.style as CSSProperties), ...BlockStyles[TextStyles.p] }}\n                    >\n                        {editContent}\n                    </div>,\n                    document.body,\n                )}\n        </>\n    );\n};\n"],"names":["floatingOptions","offset","flip","CustomFloatingLink","insertState","useFloatingLinkInsertState","insertProps","insertRef","hidden","useFloatingLinkInsert","editState","useFloatingLinkEditState","editProps","editRef","editButtonProps","unlinkButtonProps","useFloatingLinkEdit","input","InsertLinkModal","editContent","jsx","EditModal","jsxs","Fragment","createPortal","BlockStyles","TextStyles"],"mappings":";;;;;;;;AAoBA,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,GAMaC,IAAqB,MAAM;AACpC,QAAMC,IAAcC,EAA2B;AAAA,IAC3C,iBAAAL;AAAA,EAAA,CACH,GACK,EAAE,OAAOM,GAAa,KAAKC,GAAW,QAAAC,EAAA,IAAWC,EAAsBL,CAAW,GAElFM,IAAYC,EAAyB;AAAA,IACvC,iBAAAX;AAAA,EAAA,CACH,GAEK,EAAE,OAAOY,GAAW,KAAKC,GAAS,iBAAAC,GAAiB,mBAAAC,EAAA,IAAsBC,EAAoBN,CAAS;AAE5G,MAAIF;AACA,WAAO;AAGX,QAAMS,sBAASC,GAAA,EAAgB,GACzBC,IAAcT,EAAU,YAC1BO,IAEA,gBAAAG,EAACC,GAAA,EAAU,iBAAAP,GAAkC,mBAAAC,GAAsC;AAGvF,SACI,gBAAAO,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAnB,EAAY,UACT,CAACM,EAAU,UACXc;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKb;AAAA,UACJ,GAAGD;AAAA,UACJ,OAAO,EAAE,GAAIA,EAAY,OAAyB,GAAGmB,EAAYC,EAAW,CAAC,EAAA;AAAA,UAE5E,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,IAGhBP,EAAU,UACPc;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKP;AAAA,UACJ,GAAGD;AAAA,UACJ,OAAO,EAAE,GAAIA,EAAU,OAAyB,GAAGa,EAAYC,EAAW,CAAC,EAAA;AAAA,UAE1E,UAAAP;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,EACb,GACR;AAER;"}
+{"version":3,"file":"CustomFloatingLink.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type LinkFloatingToolbarState,\n    type UseVirtualFloatingOptions,\n    flip,\n    offset,\n    useFloatingLinkEdit,\n    useFloatingLinkEditState,\n    useFloatingLinkInsert,\n    useFloatingLinkInsertState,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { BlockStyles, TextStyles } from '../../../../RichTextEditor/plugins/styles';\n\nimport { EditModal } from './EditLinkModal';\nimport { InsertLinkModal } from './InsertLinkModal/InsertLinkModal';\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 type LinkFloatingToolbarProps = {\n    state?: LinkFloatingToolbarState;\n};\n\nexport const CustomFloatingLink = () => {\n    const insertState = useFloatingLinkInsertState({\n        floatingOptions,\n    });\n    const { props: insertProps, ref: insertRef, hidden } = useFloatingLinkInsert(insertState);\n\n    const editState = useFloatingLinkEditState({\n        floatingOptions,\n    });\n\n    const { props: editProps, ref: editRef, editButtonProps, unlinkButtonProps } = useFloatingLinkEdit(editState);\n\n    if (hidden) {\n        return null;\n    }\n\n    const input = <InsertLinkModal />;\n    const editContent = editState.isEditing ? (\n        input\n    ) : (\n        <EditModal editButtonProps={editButtonProps} unlinkButtonProps={unlinkButtonProps} />\n    );\n\n    return (\n        <>\n            {insertState.isOpen &&\n                !editState.isOpen &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={insertRef}\n                        {...insertProps}\n                        style={{ ...(insertProps.style as CSSProperties), ...BlockStyles[TextStyles.p] }}\n                    >\n                        {input}\n                    </div>,\n                    document.body,\n                )}\n\n            {editState.isOpen &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={editRef}\n                        {...editProps}\n                        style={{ ...(editProps.style as CSSProperties), ...BlockStyles[TextStyles.p] }}\n                    >\n                        {editContent}\n                    </div>,\n                    document.body,\n                )}\n        </>\n    );\n};\n"],"names":["floatingOptions","offset","flip","CustomFloatingLink","insertState","useFloatingLinkInsertState","insertProps","insertRef","hidden","useFloatingLinkInsert","editState","useFloatingLinkEditState","editProps","editRef","editButtonProps","unlinkButtonProps","useFloatingLinkEdit","input","InsertLinkModal","editContent","jsx","EditModal","jsxs","Fragment","createPortal","BlockStyles","TextStyles"],"mappings":";;;;;;AAoBA,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,GAMaC,IAAqB,MAAM;AACpC,QAAMC,IAAcC,EAA2B;AAAA,IAC3C,iBAAAL;AAAA,EAAA,CACH,GACK,EAAE,OAAOM,GAAa,KAAKC,GAAW,QAAAC,EAAA,IAAWC,EAAsBL,CAAW,GAElFM,IAAYC,EAAyB;AAAA,IACvC,iBAAAX;AAAA,EAAA,CACH,GAEK,EAAE,OAAOY,GAAW,KAAKC,GAAS,iBAAAC,GAAiB,mBAAAC,EAAA,IAAsBC,EAAoBN,CAAS;AAE5G,MAAIF;AACA,WAAO;AAGX,QAAMS,sBAASC,GAAA,EAAgB,GACzBC,IAAcT,EAAU,YAC1BO,IAEA,gBAAAG,EAACC,GAAA,EAAU,iBAAAP,GAAkC,mBAAAC,GAAsC;AAGvF,SACI,gBAAAO,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAnB,EAAY,UACT,CAACM,EAAU,UACXc;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKb;AAAA,UACJ,GAAGD;AAAA,UACJ,OAAO,EAAE,GAAIA,EAAY,OAAyB,GAAGmB,EAAYC,EAAW,CAAC,EAAA;AAAA,UAE5E,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,IAGhBP,EAAU,UACPc;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKP;AAAA,UACJ,GAAGD;AAAA,UACJ,OAAO,EAAE,GAAIA,EAAU,OAAyB,GAAGa,EAAYC,EAAW,CAAC,EAAA;AAAA,UAE1E,UAAAP;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,EACb,GACR;AAER;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.es.js

@@ -1,14 +1,11 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { BlockStyles as a } from "../../../styles.es.js";
-import { LINK_PLUGIN as s } from "../../id.es.js";
-import { useLinkOpenButtonState as l } from "../../../../../../node_modules/.pnpm/@udecode_plate-link@31.0.0_@udecode_plate-common@36.5.9_@types_react@18.3.27_immer@10.1_52cadffbbd4957c8e8b355b0eb7b3dec/node_modules/@udecode/plate-link/dist/index.es.js";
-import { FloatingModalWrapper as d } 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 "../../../../../../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 o, IconTrashBin as l } from "@frontify/fondue/icons";
+import { useLinkOpenButtonState as s, FloatingModalWrapper as d } from "@frontify/fondue/rte";
+import { BlockStyles as c } from "../../../styles.es.js";
+import { LINK_PLUGIN as p } from "../../id.es.js";
 import { getUrlFromLinkOrLegacyLink as m } from "../../../../../Link/utils/getUrl.es.js";
-import { IconPen 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-icons266.es.js";
-import { IconTrashBin as c } 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";
-const I = ({ editButtonProps: o, unlinkButtonProps: i }) => {
-  const { element: e } = l(), r = e ? m(e) : "";
+const h = ({ editButtonProps: i, unlinkButtonProps: a }) => {
+  const { element: e } = s(), r = e ? m(e) : "";
   return /* @__PURE__ */ t(d, { "data-test-id": "floating-link-edit", padding: "16px", minWidth: "400px", children: /* @__PURE__ */ n("span", { "data-test-id": "preview-link-flyout", className: "tw-flex tw-justify-between tw-items-center tw-gap-2", children: [
     /* @__PURE__ */ t(
       "a",
@@ -17,7 +14,7 @@ const I = ({ editButtonProps: o, unlinkButtonProps: i }) => {
         href: r,
         target: "_blank",
         rel: "noopener noreferrer",
-        style: a[s],
+        style: c[p],
         className: "tw-break-all",
         children: r
       }
@@ -29,8 +26,8 @@ const I = ({ editButtonProps: o, unlinkButtonProps: i }) => {
           tabIndex: 0,
           "data-test-id": "edit-link-button",
           className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
-          ...o,
-          children: /* @__PURE__ */ t(p, { size: 16 })
+          ...i,
+          children: /* @__PURE__ */ t(o, { size: 16 })
         }
       ),
       /* @__PURE__ */ t(
@@ -39,14 +36,14 @@ const I = ({ editButtonProps: o, unlinkButtonProps: i }) => {
           tabIndex: 0,
           "data-test-id": "remove-link-button",
           className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
-          ...i,
-          children: /* @__PURE__ */ t(c, { size: 16 })
+          ...a,
+          children: /* @__PURE__ */ t(l, { size: 16 })
         }
       )
     ] })
   ] }) });
 };
 export {
-  I as EditModal
+  h as EditModal
 };
 //# sourceMappingURL=EditModal.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconPen, IconTrashBin } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper, useLinkOpenButtonState } from '@frontify/fondue/rte';\nimport { type MouseEvent } from 'react';\n\nimport { getUrlFromLinkOrLegacyLink } from '../../../../../Link';\nimport { BlockStyles } from '../../../styles';\nimport { LINK_PLUGIN } from '../../id';\n\ntype EditModalProps = {\n    editButtonProps: {\n        onClick: () => void;\n    };\n    unlinkButtonProps: {\n        onMouseDown: (e: MouseEvent<HTMLButtonElement>) => void;\n        onClick: () => void;\n    };\n};\n\nexport const EditModal = ({ editButtonProps, unlinkButtonProps }: EditModalProps) => {\n    const { element } = useLinkOpenButtonState();\n    const url = element ? getUrlFromLinkOrLegacyLink(element) : '';\n\n    return (\n        <FloatingModalWrapper data-test-id=\"floating-link-edit\" padding=\"16px\" minWidth=\"400px\">\n            <span data-test-id=\"preview-link-flyout\" className=\"tw-flex tw-justify-between tw-items-center tw-gap-2\">\n                <a\n                    data-test-id=\"floating-link-edit-url\"\n                    href={url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    style={BlockStyles[LINK_PLUGIN]}\n                    className=\"tw-break-all\"\n                >\n                    {url}\n                </a>\n                <span className=\"tw-flex tw-gap-2\">\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"edit-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                        {...editButtonProps}\n                    >\n                        <IconPen size={16} />\n                    </button>\n\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"remove-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                        {...unlinkButtonProps}\n                    >\n                        <IconTrashBin size={16} />\n                    </button>\n                </span>\n            </span>\n        </FloatingModalWrapper>\n    );\n};\n"],"names":["EditModal","editButtonProps","unlinkButtonProps","element","useLinkOpenButtonState","url","getUrlFromLinkOrLegacyLink","jsx","FloatingModalWrapper","jsxs","BlockStyles","LINK_PLUGIN","IconPen","IconTrashBin"],"mappings":";;;;;;;;;AAoBO,MAAMA,IAAY,CAAC,EAAE,iBAAAC,GAAiB,mBAAAC,QAAwC;AACjF,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAMF,IAAUG,EAA2BH,CAAO,IAAI;AAE5D,SACI,gBAAAI,EAACC,GAAA,EAAqB,gBAAa,sBAAqB,SAAQ,QAAO,UAAS,SAC5E,UAAA,gBAAAC,EAAC,QAAA,EAAK,gBAAa,uBAAsB,WAAU,uDAC/C,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,MAAMF;AAAA,QACN,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAOK,EAAYC,CAAW;AAAA,QAC9B,WAAU;AAAA,QAET,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,gBAAAI,EAAC,QAAA,EAAK,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UACT,GAAGN;AAAA,UAEJ,UAAA,gBAAAM,EAACK,GAAA,EAAQ,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UACT,GAAGL;AAAA,UAEJ,UAAA,gBAAAK,EAACM,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/LinkPlugin/FloatingLink/EditLinkModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconPen, IconTrashBin } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper, useLinkOpenButtonState } from '@frontify/fondue/rte';\nimport { type MouseEvent } from 'react';\n\nimport { getUrlFromLinkOrLegacyLink } from '../../../../../Link';\nimport { BlockStyles } from '../../../styles';\nimport { LINK_PLUGIN } from '../../id';\n\ntype EditModalProps = {\n    editButtonProps: {\n        onClick: () => void;\n    };\n    unlinkButtonProps: {\n        onMouseDown: (e: MouseEvent<HTMLButtonElement>) => void;\n        onClick: () => void;\n    };\n};\n\nexport const EditModal = ({ editButtonProps, unlinkButtonProps }: EditModalProps) => {\n    const { element } = useLinkOpenButtonState();\n    const url = element ? getUrlFromLinkOrLegacyLink(element) : '';\n\n    return (\n        <FloatingModalWrapper data-test-id=\"floating-link-edit\" padding=\"16px\" minWidth=\"400px\">\n            <span data-test-id=\"preview-link-flyout\" className=\"tw-flex tw-justify-between tw-items-center tw-gap-2\">\n                <a\n                    data-test-id=\"floating-link-edit-url\"\n                    href={url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    style={BlockStyles[LINK_PLUGIN]}\n                    className=\"tw-break-all\"\n                >\n                    {url}\n                </a>\n                <span className=\"tw-flex tw-gap-2\">\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"edit-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                        {...editButtonProps}\n                    >\n                        <IconPen size={16} />\n                    </button>\n\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"remove-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                        {...unlinkButtonProps}\n                    >\n                        <IconTrashBin size={16} />\n                    </button>\n                </span>\n            </span>\n        </FloatingModalWrapper>\n    );\n};\n"],"names":["EditModal","editButtonProps","unlinkButtonProps","element","useLinkOpenButtonState","url","getUrlFromLinkOrLegacyLink","jsx","FloatingModalWrapper","jsxs","BlockStyles","LINK_PLUGIN","IconPen","IconTrashBin"],"mappings":";;;;;;AAoBO,MAAMA,IAAY,CAAC,EAAE,iBAAAC,GAAiB,mBAAAC,QAAwC;AACjF,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAMF,IAAUG,EAA2BH,CAAO,IAAI;AAE5D,SACI,gBAAAI,EAACC,GAAA,EAAqB,gBAAa,sBAAqB,SAAQ,QAAO,UAAS,SAC5E,UAAA,gBAAAC,EAAC,QAAA,EAAK,gBAAa,uBAAsB,WAAU,uDAC/C,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,MAAMF;AAAA,QACN,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAOK,EAAYC,CAAW;AAAA,QAC9B,WAAU;AAAA,QAET,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,gBAAAI,EAAC,QAAA,EAAK,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UACT,GAAGN;AAAA,UAEJ,UAAA,gBAAAM,EAACK,GAAA,EAAQ,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UACT,GAAGL;AAAA,UAEJ,UAAA,gBAAAK,EAACM,GAAA,EAAa,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}