@frontify/guideline-blocks-settings 0.33.4 → 0.34.0

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

@@ -0,0 +1,81 @@
+const t = {
+  buttonPrimary: {
+    fontFamily: "var(--f-theme-settings-button-primary-font-family)",
+    fontSize: "var(--f-theme-settings-button-primary-font-size)",
+    fontWeight: "var(--f-theme-settings-button-primary-font-weight)",
+    lineHeight: "var(--f-theme-settings-button-primary-line-height)",
+    paddingTop: "var(--f-theme-settings-button-primary-padding-top)",
+    paddingRight: "var(--f-theme-settings-button-primary-padding-right)",
+    paddingBottom: "var(--f-theme-settings-button-primary-padding-bottom)",
+    paddingLeft: "var(--f-theme-settings-button-primary-padding-left)",
+    fontStyle: "var(--f-theme-settings-button-primary-font-style)",
+    textTransform: "var(--f-theme-settings-button-primary-text-transform)",
+    backgroundColor: "var(--f-theme-settings-button-primary-background-color)",
+    borderColor: "var(--f-theme-settings-button-primary-border-color)",
+    borderRadius: "var(--f-theme-settings-button-primary-border-radius)",
+    borderWidth: "var(--f-theme-settings-button-primary-border-width)",
+    color: "var(--f-theme-settings-button-primary-color)",
+    marginTop: "10px",
+    marginBottom: "10px",
+    display: "inline-block",
+    hover: {
+      backgroundColor: "var(--f-theme-settings-button-primary-background-color-hover)",
+      borderColor: "var(--f-theme-settings-button-primary-border-color-hover)",
+      color: "var(--f-theme-settings-button-primary-color-hover)"
+    }
+  },
+  buttonSecondary: {
+    fontFamily: "var(--f-theme-settings-button-secondary-font-family)",
+    fontSize: "var(--f-theme-settings-button-secondary-font-size)",
+    fontWeight: "var(--f-theme-settings-button-secondary-font-weight)",
+    lineHeight: "var(--f-theme-settings-button-secondary-line-height)",
+    paddingTop: "var(--f-theme-settings-button-secondary-padding-top)",
+    paddingRight: "var(--f-theme-settings-button-secondary-padding-right)",
+    paddingBottom: "var(--f-theme-settings-button-secondary-padding-bottom)",
+    paddingLeft: "var(--f-theme-settings-button-secondary-padding-left)",
+    fontStyle: "var(--f-theme-settings-button-secondary-font-style)",
+    textTransform: "var(--f-theme-settings-button-secondary-text-transform)",
+    backgroundColor: "var(--f-theme-settings-button-secondary-background-color)",
+    borderColor: "var(--f-theme-settings-button-secondary-border-color)",
+    borderRadius: "var(--f-theme-settings-button-secondary-border-radius)",
+    borderWidth: "var(--f-theme-settings-button-secondary-border-width)",
+    color: "var(--f-theme-settings-button-secondary-color)",
+    display: "inline-block",
+    marginTop: "10px",
+    marginBottom: "10px",
+    hover: {
+      backgroundColor: "var(--f-theme-settings-button-secondary-background-color-hover)",
+      borderColor: "var(--f-theme-settings-button-secondary-border-color-hover)",
+      color: "var(--f-theme-settings-button-secondary-color-hover)"
+    }
+  },
+  buttonTertiary: {
+    fontFamily: "var(--f-theme-settings-button-tertiary-font-family)",
+    fontSize: "var(--f-theme-settings-button-tertiary-font-size)",
+    fontWeight: "var(--f-theme-settings-button-tertiary-font-weight)",
+    lineHeight: "var(--f-theme-settings-button-tertiary-line-height)",
+    paddingTop: "var(--f-theme-settings-button-tertiary-padding-top)",
+    paddingRight: "var(--f-theme-settings-button-tertiary-padding-right)",
+    paddingBottom: "var(--f-theme-settings-button-tertiary-padding-bottom)",
+    paddingLeft: "var(--f-theme-settings-button-tertiary-padding-left)",
+    fontStyle: "var(--f-theme-settings-button-tertiary-font-style)",
+    textTransform: "var(--f-theme-settings-button-tertiary-text-transform)",
+    backgroundColor: "var(--f-theme-settings-button-tertiary-background-color)",
+    borderColor: "var(--f-theme-settings-button-tertiary-border-color)",
+    borderRadius: "var(--f-theme-settings-button-tertiary-border-radius)",
+    borderWidth: "var(--f-theme-settings-button-tertiary-border-width)",
+    color: "var(--f-theme-settings-button-tertiary-color)",
+    display: "inline-block",
+    marginTop: "10px",
+    marginBottom: "10px",
+    hover: {
+      backgroundColor: "var(--f-theme-settings-button-tertiary-background-color-hover)",
+      borderColor: "var(--f-theme-settings-button-tertiary-border-color-hover)",
+      color: "var(--f-theme-settings-button-tertiary-color-hover)"
+    }
+  }
+};
+export {
+  t as BlockButtonStyles
+};
+//# sourceMappingURL=styles.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/styles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { CSSProperties } from 'react';\n\nexport const BlockButtonStyles: Record<string, CSSProperties & { hover?: CSSProperties }> = {\n    buttonPrimary: {\n        fontFamily: 'var(--f-theme-settings-button-primary-font-family)',\n        fontSize: 'var(--f-theme-settings-button-primary-font-size)',\n        fontWeight: 'var(--f-theme-settings-button-primary-font-weight)',\n        lineHeight: 'var(--f-theme-settings-button-primary-line-height)',\n        paddingTop: 'var(--f-theme-settings-button-primary-padding-top)',\n        paddingRight: 'var(--f-theme-settings-button-primary-padding-right)',\n        paddingBottom: 'var(--f-theme-settings-button-primary-padding-bottom)',\n        paddingLeft: 'var(--f-theme-settings-button-primary-padding-left)',\n        fontStyle: 'var(--f-theme-settings-button-primary-font-style)',\n        textTransform: 'var(--f-theme-settings-button-primary-text-transform)' as CSSProperties['textTransform'],\n        backgroundColor: 'var(--f-theme-settings-button-primary-background-color)',\n        borderColor: 'var(--f-theme-settings-button-primary-border-color)',\n        borderRadius: 'var(--f-theme-settings-button-primary-border-radius)',\n        borderWidth: 'var(--f-theme-settings-button-primary-border-width)',\n        color: 'var(--f-theme-settings-button-primary-color)',\n        marginTop: '10px',\n        marginBottom: '10px',\n        display: 'inline-block',\n        hover: {\n            backgroundColor: 'var(--f-theme-settings-button-primary-background-color-hover)',\n            borderColor: 'var(--f-theme-settings-button-primary-border-color-hover)',\n            color: 'var(--f-theme-settings-button-primary-color-hover)',\n        },\n    },\n\n    buttonSecondary: {\n        fontFamily: 'var(--f-theme-settings-button-secondary-font-family)',\n        fontSize: 'var(--f-theme-settings-button-secondary-font-size)',\n        fontWeight: 'var(--f-theme-settings-button-secondary-font-weight)',\n        lineHeight: 'var(--f-theme-settings-button-secondary-line-height)',\n        paddingTop: 'var(--f-theme-settings-button-secondary-padding-top)',\n        paddingRight: 'var(--f-theme-settings-button-secondary-padding-right)',\n        paddingBottom: 'var(--f-theme-settings-button-secondary-padding-bottom)',\n        paddingLeft: 'var(--f-theme-settings-button-secondary-padding-left)',\n        fontStyle: 'var(--f-theme-settings-button-secondary-font-style)',\n        textTransform: 'var(--f-theme-settings-button-secondary-text-transform)' as CSSProperties['textTransform'],\n        backgroundColor: 'var(--f-theme-settings-button-secondary-background-color)',\n        borderColor: 'var(--f-theme-settings-button-secondary-border-color)',\n        borderRadius: 'var(--f-theme-settings-button-secondary-border-radius)',\n        borderWidth: 'var(--f-theme-settings-button-secondary-border-width)',\n        color: 'var(--f-theme-settings-button-secondary-color)',\n        display: 'inline-block',\n        marginTop: '10px',\n        marginBottom: '10px',\n        hover: {\n            backgroundColor: 'var(--f-theme-settings-button-secondary-background-color-hover)',\n            borderColor: 'var(--f-theme-settings-button-secondary-border-color-hover)',\n            color: 'var(--f-theme-settings-button-secondary-color-hover)',\n        },\n    },\n\n    buttonTertiary: {\n        fontFamily: 'var(--f-theme-settings-button-tertiary-font-family)',\n        fontSize: 'var(--f-theme-settings-button-tertiary-font-size)',\n        fontWeight: 'var(--f-theme-settings-button-tertiary-font-weight)',\n        lineHeight: 'var(--f-theme-settings-button-tertiary-line-height)',\n        paddingTop: 'var(--f-theme-settings-button-tertiary-padding-top)',\n        paddingRight: 'var(--f-theme-settings-button-tertiary-padding-right)',\n        paddingBottom: 'var(--f-theme-settings-button-tertiary-padding-bottom)',\n        paddingLeft: 'var(--f-theme-settings-button-tertiary-padding-left)',\n        fontStyle: 'var(--f-theme-settings-button-tertiary-font-style)',\n        textTransform: 'var(--f-theme-settings-button-tertiary-text-transform)' as CSSProperties['textTransform'],\n        backgroundColor: 'var(--f-theme-settings-button-tertiary-background-color)',\n        borderColor: 'var(--f-theme-settings-button-tertiary-border-color)',\n        borderRadius: 'var(--f-theme-settings-button-tertiary-border-radius)',\n        borderWidth: 'var(--f-theme-settings-button-tertiary-border-width)',\n        color: 'var(--f-theme-settings-button-tertiary-color)',\n        display: 'inline-block',\n        marginTop: '10px',\n        marginBottom: '10px',\n        hover: {\n            backgroundColor: 'var(--f-theme-settings-button-tertiary-background-color-hover)',\n            borderColor: 'var(--f-theme-settings-button-tertiary-border-color-hover)',\n            color: 'var(--f-theme-settings-button-tertiary-color-hover)',\n        },\n    },\n};\n"],"names":["BlockButtonStyles"],"mappings":"AAIO,MAAMA,IAA+E;AAAA,EACxF,eAAe;AAAA,IACX,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,IACX,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,cAAc;AAAA,IACd,aAAa;AAAA,IACb,OAAO;AAAA,IACP,WAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,IACT,OAAO;AAAA,MACH,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACX;AAAA,EACJ;AAAA,EAEA,iBAAiB;AAAA,IACb,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,IACX,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,cAAc;AAAA,IACd,aAAa;AAAA,IACb,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,OAAO;AAAA,MACH,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACX;AAAA,EACJ;AAAA,EAEA,gBAAgB;AAAA,IACZ,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,IACX,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,cAAc;AAAA,IACd,aAAa;AAAA,IACb,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,OAAO;AAAA,MACH,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IACX;AAAA,EACJ;AACJ;"}

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

@@ -0,0 +1,18 @@
+import { floatingButtonSelectors as r } from "../components/FloatingButton/floatingButtonStore.es.js";
+import { triggerFloatingButtonEdit as i } from "./triggerFloatingButtonEdit.es.js";
+import { triggerFloatingButtonInsert as n } from "./triggerFloatingButtonInsert.es.js";
+const f = (t, {
+  focused: o
+} = {}) => {
+  if (r.mode() === "edit") {
+    i(t);
+    return;
+  }
+  n(t, {
+    focused: o
+  });
+};
+export {
+  f as triggerFloatingButton
+};
+//# sourceMappingURL=triggerFloatingButton.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"triggerFloatingButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateEditor, Value } from '@frontify/fondue';\nimport { floatingButtonSelectors } from '../components';\nimport { triggerFloatingButtonEdit, triggerFloatingButtonInsert } from '.';\n\nexport const triggerFloatingButton = <V extends Value>(\n    editor: PlateEditor<V>,\n    {\n        focused,\n    }: {\n        focused?: boolean;\n    } = {},\n) => {\n    if (floatingButtonSelectors.mode() === 'edit') {\n        triggerFloatingButtonEdit(editor);\n        return;\n    }\n\n    triggerFloatingButtonInsert(editor, {\n        focused,\n    });\n};\n"],"names":["triggerFloatingButton","editor","focused","floatingButtonSelectors","triggerFloatingButtonEdit","triggerFloatingButtonInsert"],"mappings":";;;AAMa,MAAAA,IAAwB,CACjCC,GACA;AAAA,EACI,SAAAC;AACJ,IAEI,OACH;AACG,MAAAC,EAAwB,KAAK,MAAM,QAAQ;AAC3C,IAAAC,EAA0BH,CAAM;AAChC;AAAA,EACJ;AAEA,EAAAI,EAA4BJ,GAAQ;AAAA,IAChC,SAAAC;AAAA,EAAA,CACH;AACL;"}

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

@@ -0,0 +1,17 @@
+import { findNode as g, getPluginType as l, getEditorString as u } from "@frontify/fondue";
+import { floatingButtonActions as t } from "../components/FloatingButton/floatingButtonStore.es.js";
+import { ELEMENT_BUTTON as f } from "../createButtonPlugin.es.js";
+const E = (i) => {
+  const o = g(i, {
+    match: { type: l(i, f) }
+  });
+  if (!o)
+    return;
+  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 {
+  E as triggerFloatingButtonEdit
+};
+//# sourceMappingURL=triggerFloatingButtonEdit.es.js.map

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

@@ -0,0 +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 { PlateEditor, Value, findNode, getEditorString, getPluginType } from '@frontify/fondue';\nimport { ELEMENT_BUTTON, 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":";;;AAMa,MAAAA,IAA4B,CAAkBC,MAA2B;AAC5E,QAAAC,IAAQC,EAAyBF,GAAQ;AAAA,IAC3C,OAAO,EAAE,MAAMG,EAAcH,GAAQI,CAAc,EAAE;AAAA,EAAA,CACxD;AACD,MAAI,CAACH;AACD;AAGE,QAAA,CAACI,GAAMC,CAAI,IAAIL;AAEjB,MAAAM,IAAOC,EAAgBR,GAAQM,CAAI;AAEjB,EAAAG,EAAA,IAAIJ,EAAK,GAAG,GAEZI,EAAA,OAAOJ,EAAK,WAAW,MAAS,GAElDE,MAASF,EAAK,QACPE,IAAA,KAGXE,EAAsB,KAAKF,CAAI,GAE/BE,EAAsB,UAAU,EAAI;AACxC;"}

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

@@ -0,0 +1,14 @@
+import { isRangeAcrossBlocks as e, someNode as r, getPluginType as s, getEditorString as i } from "@frontify/fondue";
+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
+} = {}) => {
+  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 {
+  l as triggerFloatingButtonInsert
+};
+//# sourceMappingURL=triggerFloatingButtonInsert.es.js.map

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

@@ -0,0 +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 { PlateEditor, Value, getEditorString, getPluginType, isRangeAcrossBlocks, someNode } from '@frontify/fondue';\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":";;;AAea,MAAAA,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,EAAE;AAAA,EAAA,CACxD,MAIDC,EAAsB,KAAKC,EAAgBR,GAAQA,EAAO,SAAS,CAAC,GAC9CO,EAAA,KAAK,UAAUP,EAAO,EAAE;AAClD;"}

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

@@ -0,0 +1,52 @@
+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";
+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 || !l(n)) {
+      f(s);
+      return;
+    }
+    const o = a(t, {
+      at: n,
+      match: { type: P(t, p) }
+    });
+    if (o) {
+      const [, c] = o;
+      let e;
+      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, 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 = E.next(n);
+          h(t, { text: "" }, { at: e }), m(t, e);
+        }
+      }
+    }
+    y([s, n]);
+  }, w(
+    t,
+    T({
+      options: { types: N }
+    })
+  );
+};
+export {
+  z as withButton
+};
+//# sourceMappingURL=withButton.es.js.map

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

@@ -0,0 +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    EText,\n    Path,\n    PlateEditor,\n    Point,\n    Range,\n    Value,\n    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';\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":";;AAkCO,MAAMA,IAA2B,CAACC,GAAQ,EAAE,MAAAC,QAAW;AACpD,QAAA,EAAE,OAAAC,GAAO,eAAAC,EAAkB,IAAAH;AAE1B,SAAAA,EAAA,QAAQ,CAACI,MAAc;AACtB,QAAAA,EAAU,SAAS,iBAAiB;AACpC,MAAAF,EAAME,CAAS;AACf;AAAA,IACJ;AAEA,UAAMC,IAAQD,EAAU;AACpB,QAAA,EAACC,KAAA,QAAAA,EAAO,UAAS,CAACA,EAAM,UAAU,CAACC,EAAYD,CAAc,GAAG;AAChE,MAAAH,EAAME,CAAS;AACf;AAAA,IACJ;AAEM,UAAAG,IAAQC,EAAaR,GAAQ;AAAA,MAC/B,IAAIK;AAAA,MACJ,OAAO,EAAE,MAAMI,EAAcT,GAAQU,CAAc,EAAE;AAAA,IAAA,CACxD;AAED,QAAIH,GAAO;AACD,YAAA,CAAG,EAAAI,CAAI,IAAIJ;AAEb,UAAAK;AAEJ,MAAIC,EAAab,GAAQK,EAAM,OAAOM,CAAI,MAC3BC,IAAAE,EAAwBd,GAAQW,CAAI,IAG/CI,EAAWf,GAAQK,EAAM,OAAOM,CAAI,MACzBC,IAAAI,EAAsBhB,GAAQW,CAAI,IAG7CC,MACAR,EAAU,gBAAgB;AAAA,QACtB,QAAQQ;AAAA,QACR,OAAOA;AAAA,MAAA;AAAA,IAGnB;AAEA,IAAAV,EAAME,CAAS;AAAA,EAAA,GAGnBJ,EAAO,gBAAgB,CAAC,CAACiB,GAAMN,CAAI,MAAM;AACrC,QAAIM,EAAK,SAASR,EAAcT,GAAQU,CAAc,GAAG;AACrD,YAAML,IAAQL,EAAO;AAEjB,UAAAK,KAASC,EAAYD,CAAK,KAAKU,EAAWf,GAAQK,EAAM,OAAOM,CAAI,GAAG;AAChE,cAAAO,IAAYF,EAAsBhB,GAAQW,CAAI;AAGpD,YAAIO;AACA,UAAAC,EAAOnB,GAAQkB,CAAS;AAAA,aACrB;AAEG,gBAAAE,IAAWC,EAAK,KAAKV,CAAI;AACnB,UAAAW,EAAAtB,GAAQ,EAAE,MAAM,MAAsB,EAAE,IAAIoB,GAAU,GAClED,EAAOnB,GAAQoB,CAAQ;AAAA,QAC3B;AAAA,MACJ;AAAA,IACJ;AAEc,IAAAjB,EAAA,CAACc,GAAMN,CAAI,CAAC;AAAA,EAAA,GAGvBY;AAAA,IACHvB;AAAA,IACAwB,EAA2D;AAAA,MACvD,SAAS,EAAE,OAAOvB,EAAK;AAAA,IAAA,CAC1B;AAAA,EAAA;AAET;"}

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

@@ -0,0 +1,32 @@
+import { jsx as e, jsxs as c, Fragment as u } from "react/jsx-runtime";
+import { offset as g, flip as k, useFloatingLinkInsertState as F, useFloatingLinkInsert as L, useFloatingLinkEditState as x, useFloatingLinkEdit as y } from "@frontify/fondue";
+import { InsertLinkModal as I } from "./InsertLinkModal/InsertLinkModal.es.js";
+import { EditModal as P } from "./EditLinkModal/EditModal.es.js";
+const r = {
+  placement: "bottom-start",
+  strategy: "absolute",
+  middleware: [
+    g(12),
+    k({
+      padding: 12,
+      fallbackPlacements: ["bottom-end", "top-start", "top-end"]
+    })
+  ]
+}, S = () => {
+  const n = F({
+    floatingOptions: r
+  }), { props: i, ref: d, hidden: l } = L(n), t = x({
+    floatingOptions: r
+  }), { props: o, ref: a, editButtonProps: p, unlinkButtonProps: f } = y(t);
+  if (l)
+    return null;
+  const s = /* @__PURE__ */ e(I, {}), m = t.isEditing ? s : /* @__PURE__ */ e(P, { editButtonProps: p, unlinkButtonProps: f });
+  return /* @__PURE__ */ c(u, { children: [
+    n.isOpen && !t.isOpen && /* @__PURE__ */ e("div", { ref: d, ...i, style: { ...i.style, zIndex: 1e3 }, children: s }),
+    t.isOpen && /* @__PURE__ */ e("div", { ref: a, ...o, style: { ...o.style, zIndex: 1e3 }, children: m })
+  ] });
+};
+export {
+  S as CustomFloatingLink
+};
+//# sourceMappingURL=CustomFloatingLink.es.js.map

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

@@ -0,0 +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    LinkFloatingToolbarState,\n    UseVirtualFloatingOptions,\n    flip,\n    offset,\n    useFloatingLinkEdit,\n    useFloatingLinkEditState,\n    useFloatingLinkInsert,\n    useFloatingLinkInsertState,\n} from '@frontify/fondue';\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 && !editState.isOpen && (\n                <div ref={insertRef} {...insertProps} style={{ ...insertProps.style, zIndex: 1000 }}>\n                    {input}\n                </div>\n            )}\n\n            {editState.isOpen && (\n                <div ref={editRef} {...editProps} style={{ ...editProps.style, zIndex: 1000 }}>\n                    {editContent}\n                </div>\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"],"mappings":";;;;AAeA,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,EACL;AACJ,GAMaC,IAAqB,MAAM;AACpC,QAAMC,IAAcC,EAA2B;AAAA,IAC3C,iBAAAL;AAAA,EAAA,CACH,GACK,EAAE,OAAOM,GAAa,KAAKC,GAAW,QAAAC,EAAO,IAAIC,EAAsBL,CAAW,GAElFM,IAAYC,EAAyB;AAAA,IACvC,iBAAAX;AAAA,EAAA,CACH,GAEK,EAAE,OAAOY,GAAW,KAAKC,GAAS,iBAAAC,GAAiB,mBAAAC,EAAsB,IAAAC,EAAoBN,CAAS;AAE5G,MAAIF;AACO,WAAA;AAGL,QAAAS,sBAASC,GAAgB,CAAA,CAAA,GACzBC,IAAcT,EAAU,YAC1BO,IAEC,gBAAAG,EAAAC,GAAA,EAAU,iBAAAP,GAAkC,mBAAAC,EAAsC,CAAA;AAGvF,SAES,gBAAAO,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAnB,EAAY,UAAU,CAACM,EAAU,UAC7B,gBAAAU,EAAA,OAAA,EAAI,KAAKb,GAAY,GAAGD,GAAa,OAAO,EAAE,GAAGA,EAAY,OAAO,QAAQ,OACxE,UACLW,GAAA;AAAA,IAGHP,EAAU,UACP,gBAAAU,EAAC,OAAI,EAAA,KAAKP,GAAU,GAAGD,GAAW,OAAO,EAAE,GAAGA,EAAU,OAAO,QAAQ,OAClE,UACLO,GAAA;AAAA,EAER,EAAA,CAAA;AAER;"}

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

@@ -0,0 +1,35 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useLinkOpenButtonState as o, IconPen16 as s, IconTrashBin16 as d } from "@frontify/fondue";
+import { getUrlFromLinkOrLegacyLink as l } from "../../../../../Link/utils/getUrl.es.js";
+const p = ({ editButtonProps: i, unlinkButtonProps: r }) => {
+  const { element: e } = o(), a = e ? l(e) : "";
+  return /* @__PURE__ */ t("div", { "data-test-id": "floating-link-edit", className: "tw-bg-white tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]", children: /* @__PURE__ */ n("span", { "data-test-id": "preview-link-flyout", className: "tw-flex tw-justify-between tw-items-center", children: [
+    /* @__PURE__ */ t("span", { className: "tw-pointer-events-none", children: a }),
+    /* @__PURE__ */ n("span", { className: "tw-flex tw-gap-2", children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          tabIndex: 0,
+          "data-test-id": "edit-link-button",
+          className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
+          ...i,
+          children: /* @__PURE__ */ t(s, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          tabIndex: 0,
+          "data-test-id": "remove-link-button",
+          className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
+          ...r,
+          children: /* @__PURE__ */ t(d, {})
+        }
+      )
+    ] })
+  ] }) });
+};
+export {
+  p as EditModal
+};
+//# sourceMappingURL=EditModal.es.js.map

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

@@ -0,0 +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 { MouseEvent } from 'react';\nimport { IconPen16, IconTrashBin16, useLinkOpenButtonState } from '@frontify/fondue';\nimport { getUrlFromLinkOrLegacyLink } from '../../../../../Link';\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        <div data-test-id=\"floating-link-edit\" className=\"tw-bg-white tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]\">\n            <span data-test-id=\"preview-link-flyout\" className=\"tw-flex tw-justify-between tw-items-center\">\n                <span className=\"tw-pointer-events-none\">{url}</span>\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                        <IconPen16 />\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                        <IconTrashBin16 />\n                    </button>\n                </span>\n            </span>\n        </div>\n    );\n};\n"],"names":["EditModal","editButtonProps","unlinkButtonProps","element","useLinkOpenButtonState","url","getUrlFromLinkOrLegacyLink","jsx","jsxs","IconPen16","IconTrashBin16"],"mappings":";;;AAgBO,MAAMA,IAAY,CAAC,EAAE,iBAAAC,GAAiB,mBAAAC,QAAwC;AAC3E,QAAA,EAAE,SAAAC,MAAYC,KACdC,IAAMF,IAAUG,EAA2BH,CAAO,IAAI;AAGxD,SAAA,gBAAAI,EAAC,OAAI,EAAA,gBAAa,sBAAqB,WAAU,4DAC7C,UAAA,gBAAAC,EAAC,QAAK,EAAA,gBAAa,uBAAsB,WAAU,8CAC/C,UAAA;AAAA,IAAC,gBAAAD,EAAA,QAAA,EAAK,WAAU,0BAA0B,UAAIF,GAAA;AAAA,IAC9C,gBAAAG,EAAC,QAAK,EAAA,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UACT,GAAGN;AAAA,UAEJ,4BAACQ,GAAU,EAAA;AAAA,QAAA;AAAA,MACf;AAAA,MAEA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UACT,GAAGL;AAAA,UAEJ,4BAACQ,GAAe,EAAA;AAAA,QAAA;AAAA,MACpB;AAAA,IAAA,GACJ;AAAA,EAAA,EACJ,CAAA,EACJ,CAAA;AAER;"}

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

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+import { InsertModal as t } from "./InsertModal.es.js";
+import { useInsertModal as r } from "./useInsertModal.es.js";
+const i = () => /* @__PURE__ */ o(t, { ...r(), testId: "floating-link-insert" });
+export {
+  i as InsertLinkModal
+};
+//# sourceMappingURL=InsertLinkModal.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InsertLinkModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertLinkModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { InsertModal } from './InsertModal';\nimport { useInsertModal } from './useInsertModal';\n\nexport const InsertLinkModal = () => <InsertModal {...useInsertModal()} testId=\"floating-link-insert\" />;\n"],"names":["InsertLinkModal","jsx","InsertModal","useInsertModal"],"mappings":";;;AAKa,MAAAA,IAAkB,MAAO,gBAAAC,EAAAC,GAAA,EAAa,GAAGC,EAAe,GAAG,QAAO,uBAAuB,CAAA;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.es.js

@@ -0,0 +1,66 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { FormControl as p, TextInput as x, Button as n, ButtonSize as r, ButtonStyle as k, ButtonEmphasis as b, IconCheckMark20 as f } from "@frontify/fondue";
+import { LinkInput as v } from "../../../../../Link/LinkInput.es.js";
+const I = ({
+  state: t,
+  onTextChange: o,
+  onUrlChange: d,
+  onToggleTab: a,
+  onCancel: c,
+  onSave: w,
+  isValidUrlOrEmpty: i,
+  hasValues: u,
+  testId: m,
+  appBridge: h,
+  children: s
+}) => /* @__PURE__ */ l("div", { "data-test-id": m, className: "tw-bg-white tw-rounded tw-shadow tw-p-7 tw-min-w-[400px] tw-overflow-y-auto", children: [
+  /* @__PURE__ */ e(
+    p,
+    {
+      label: {
+        children: "Text",
+        htmlFor: "linkText",
+        required: !0
+      },
+      children: /* @__PURE__ */ e(x, { id: "linkText", value: t.text, placeholder: "Link Text", onChange: o })
+    }
+  ),
+  s,
+  /* @__PURE__ */ e("div", { className: "tw-mt-5", children: /* @__PURE__ */ e(
+    v,
+    {
+      url: t.url,
+      newTab: t.newTab,
+      onUrlChange: d,
+      onToggleTab: a,
+      isValidUrlOrEmpty: i,
+      appBridge: h
+    }
+  ) }),
+  /* @__PURE__ */ e("div", { className: "tw-mt-3", children: /* @__PURE__ */ l("div", { className: "tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10", children: [
+    /* @__PURE__ */ e(
+      n,
+      {
+        onClick: c,
+        size: r.Medium,
+        style: k.Default,
+        emphasis: b.Default,
+        children: "Cancel"
+      }
+    ),
+    /* @__PURE__ */ e(
+      n,
+      {
+        onClick: w,
+        size: r.Medium,
+        icon: /* @__PURE__ */ e(f, {}),
+        disabled: !i(t == null ? void 0 : t.url) || !u,
+        children: "Save"
+      }
+    )
+  ] }) })
+] });
+export {
+  I as InsertModal
+};
+//# sourceMappingURL=InsertModal.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MouseEvent, ReactElement, ReactNode } from 'react';\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    Button,\n    ButtonEmphasis,\n    ButtonSize,\n    ButtonStyle,\n    FormControl,\n    IconCheckMark20,\n    TextInput,\n} from '@frontify/fondue';\nimport { InsertModalStateProps } from './types';\nimport { LinkInput } from '../../../../../Link';\n\ntype Props = {\n    state: InsertModalStateProps;\n    onTextChange: (value: string) => void;\n    onUrlChange: (value: string) => void;\n    onToggleTab: (checked: boolean) => void;\n    onCancel: () => void;\n    onSave: (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | KeyboardEvent | undefined) => void;\n    hasValues: boolean;\n    isValidUrlOrEmpty: (url: string) => boolean;\n    testId?: string;\n    children?: ReactNode;\n    appBridge: AppBridgeBlock;\n};\n\nexport const InsertModal = ({\n    state,\n    onTextChange,\n    onUrlChange,\n    onToggleTab,\n    onCancel,\n    onSave,\n    isValidUrlOrEmpty,\n    hasValues,\n    testId,\n    appBridge,\n    children,\n}: Props): ReactElement => (\n    <div data-test-id={testId} className=\"tw-bg-white tw-rounded tw-shadow tw-p-7 tw-min-w-[400px] tw-overflow-y-auto\">\n        <FormControl\n            label={{\n                children: 'Text',\n                htmlFor: 'linkText',\n                required: true,\n            }}\n        >\n            <TextInput id=\"linkText\" value={state.text} placeholder=\"Link Text\" onChange={onTextChange} />\n        </FormControl>\n\n        {children}\n\n        <div className=\"tw-mt-5\">\n            <LinkInput\n                url={state.url}\n                newTab={state.newTab}\n                onUrlChange={onUrlChange}\n                onToggleTab={onToggleTab}\n                isValidUrlOrEmpty={isValidUrlOrEmpty}\n                appBridge={appBridge}\n            />\n        </div>\n        <div className=\"tw-mt-3\">\n            <div className={'tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10'}>\n                <Button\n                    onClick={onCancel}\n                    size={ButtonSize.Medium}\n                    style={ButtonStyle.Default}\n                    emphasis={ButtonEmphasis.Default}\n                >\n                    Cancel\n                </Button>\n                <Button\n                    onClick={onSave}\n                    size={ButtonSize.Medium}\n                    icon={<IconCheckMark20 />}\n                    disabled={!isValidUrlOrEmpty(state?.url) || !hasValues}\n                >\n                    Save\n                </Button>\n            </div>\n        </div>\n    </div>\n);\n"],"names":["InsertModal","state","onTextChange","onUrlChange","onToggleTab","onCancel","onSave","isValidUrlOrEmpty","hasValues","testId","appBridge","children","jsxs","jsx","FormControl","TextInput","LinkInput","Button","ButtonSize","ButtonStyle","ButtonEmphasis","IconCheckMark20"],"mappings":";;;AA8BO,MAAMA,IAAc,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACJ,MACK,gBAAAC,EAAA,OAAA,EAAI,gBAAcH,GAAQ,WAAU,+EACjC,UAAA;AAAA,EAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,MACd;AAAA,MAEA,UAAA,gBAAAD,EAACE,GAAU,EAAA,IAAG,YAAW,OAAOd,EAAM,MAAM,aAAY,aAAY,UAAUC,EAAc,CAAA;AAAA,IAAA;AAAA,EAChG;AAAA,EAECS;AAAA,EAED,gBAAAE,EAAC,OAAI,EAAA,WAAU,WACX,UAAA,gBAAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACG,KAAKf,EAAM;AAAA,MACX,QAAQA,EAAM;AAAA,MACd,aAAAE;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAG;AAAA,MACA,WAAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAAA,oBACC,OAAI,EAAA,WAAU,WACX,UAAC,gBAAAE,EAAA,OAAA,EAAI,WAAW,8EACZ,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,SAASZ;AAAA,QACT,MAAMa,EAAW;AAAA,QACjB,OAAOC,EAAY;AAAA,QACnB,UAAUC,EAAe;AAAA,QAC5B,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IACA,gBAAAP;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,SAASX;AAAA,QACT,MAAMY,EAAW;AAAA,QACjB,wBAAOG,GAAgB,EAAA;AAAA,QACvB,UAAU,CAACd,EAAkBN,KAAA,gBAAAA,EAAO,GAAG,KAAK,CAACO;AAAA,QAChD,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;AAAA,EACJ,CAAA;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.es.js

@@ -0,0 +1,79 @@
+import { useEffect as h, useReducer as m } from "react";
+import { CheckboxState as r, useEditorRef as b, floatingLinkSelectors as i, getPluginOptions as E, ELEMENT_LINK as k, useHotkeys as U, floatingLinkActions as a, submitFloatingLink as x } from "@frontify/fondue";
+import { getLegacyUrl as w, getUrl as I } from "../../utils/getUrl.es.js";
+import { isValidUrlOrEmpty as T } from "../../../../../Link/utils/url.es.js";
+import { addHttps as L } from "../../../../../../helpers/addHttps.es.js";
+const N = {
+  url: "",
+  text: "",
+  newTab: r.Unchecked
+}, A = () => {
+  const [o, n] = m((t, s) => {
+    const { type: c, payload: l } = s;
+    switch (c) {
+      case "NEW_TAB":
+        return {
+          ...t,
+          newTab: r.Checked
+        };
+      case "SAME_TAB":
+        return {
+          ...t,
+          newTab: r.Unchecked
+        };
+      case "URL":
+      case "TEXT":
+      case "INIT":
+        return {
+          ...t,
+          ...l
+        };
+      default:
+        return t;
+    }
+  }, N);
+  return [o, n];
+}, R = () => {
+  const o = b(), [n, t] = A();
+  h(() => {
+    const e = w(o), f = I(o), y = i.newTab();
+    t({
+      type: "INIT",
+      payload: {
+        text: i.text(),
+        newTab: y ? r.Checked : r.Unchecked,
+        url: e && f === "" ? e : i.url()
+      }
+    });
+  }, [t, o]);
+  const s = (e) => {
+    t({
+      type: "TEXT",
+      payload: { text: e }
+    });
+  }, c = (e) => {
+    t({
+      type: "URL",
+      payload: { url: e }
+    });
+  }, l = (e) => {
+    t(e ? { type: "NEW_TAB" } : { type: "SAME_TAB" });
+  }, d = () => {
+    a.reset();
+  }, u = (e) => {
+    !T(n.url) || !p || (a.text(n.text), a.url(L(n.url)), a.newTab(n.newTab === r.Checked), x(o) && (e == null || e.preventDefault()));
+  }, p = n.url !== "" && n.text !== "", { appBridge: g } = E(o, k);
+  return U(
+    "enter",
+    u,
+    {
+      enableOnFormTags: ["INPUT"]
+    },
+    []
+  ), { state: n, onTextChange: s, onUrlChange: c, onToggleTab: l, onCancel: d, onSave: u, hasValues: p, isValidUrlOrEmpty: T, appBridge: g };
+};
+export {
+  A as InsertModalState,
+  R as useInsertModal
+};
+//# sourceMappingURL=useInsertModal.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { Dispatch, MouseEvent, Reducer, useEffect, useReducer } from 'react';\nimport {\n    CheckboxState,\n    ELEMENT_LINK,\n    floatingLinkActions,\n    floatingLinkSelectors,\n    getPluginOptions,\n    submitFloatingLink,\n    useEditorRef,\n    useHotkeys,\n} from '@frontify/fondue';\n\nimport { InsertModalDispatchType, InsertModalStateProps } from './types';\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport { getLegacyUrl, getUrl } from '../../utils';\nimport { isValidUrlOrEmpty } from '../../../../../Link';\nimport { addHttps } from '../../../../../../helpers';\n\nconst initialState: InsertModalStateProps = {\n    url: '',\n    text: '',\n    newTab: CheckboxState.Unchecked,\n};\n\nexport const InsertModalState = (): [InsertModalStateProps, Dispatch<InsertModalDispatchType>] => {\n    const [state, dispatch] = useReducer<Reducer<InsertModalStateProps, InsertModalDispatchType>>((state, action) => {\n        const { type, payload } = action;\n\n        switch (type) {\n            case 'NEW_TAB':\n                return {\n                    ...state,\n                    newTab: CheckboxState.Checked,\n                };\n            case 'SAME_TAB':\n                return {\n                    ...state,\n                    newTab: CheckboxState.Unchecked,\n                };\n            case 'URL':\n            case 'TEXT':\n            case '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 legacyUrl = getLegacyUrl(editor);\n        const url = getUrl(editor);\n        const isNewTab = floatingLinkSelectors.newTab();\n        dispatch({\n            type: 'INIT',\n            payload: {\n                text: floatingLinkSelectors.text(),\n                newTab: isNewTab ? CheckboxState.Checked : CheckboxState.Unchecked,\n                url: legacyUrl && url === '' ? legacyUrl : floatingLinkSelectors.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 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        floatingLinkActions.reset();\n    };\n\n    const onSave = (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | KeyboardEvent | undefined) => {\n        if (!isValidUrlOrEmpty(state.url) || !hasValues) {\n            return;\n        }\n\n        floatingLinkActions.text(state.text);\n        floatingLinkActions.url(addHttps(state.url));\n        floatingLinkActions.newTab(state.newTab === CheckboxState.Checked);\n\n        if (submitFloatingLink(editor)) {\n            event?.preventDefault();\n        }\n    };\n\n    const hasValues = state.url !== '' && state.text !== '';\n\n    const { appBridge } = getPluginOptions<{ appBridge: AppBridgeBlock }>(editor, ELEMENT_LINK);\n\n    useHotkeys(\n        'enter',\n        onSave,\n        {\n            enableOnFormTags: ['INPUT'],\n        },\n        [],\n    );\n\n    return { state, onTextChange, onUrlChange, onToggleTab, onCancel, onSave, hasValues, isValidUrlOrEmpty, appBridge };\n};\n"],"names":["initialState","CheckboxState","InsertModalState","state","dispatch","useReducer","action","type","payload","useInsertModal","editor","useEditorRef","useEffect","legacyUrl","getLegacyUrl","url","getUrl","isNewTab","floatingLinkSelectors","onTextChange","value","onUrlChange","onToggleTab","checked","onCancel","floatingLinkActions","onSave","event","isValidUrlOrEmpty","hasValues","addHttps","submitFloatingLink","appBridge","getPluginOptions","ELEMENT_LINK","useHotkeys"],"mappings":";;;;;AAoBA,MAAMA,IAAsC;AAAA,EACxC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQC,EAAc;AAC1B,GAEaC,IAAmB,MAAkE;AAC9F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAoE,CAACF,GAAOG,MAAW;AACvG,UAAA,EAAE,MAAAC,GAAM,SAAAC,EAAY,IAAAF;AAE1B,YAAQC,GAAM;AAAA,MACV,KAAK;AACM,eAAA;AAAA,UACH,GAAGJ;AAAAA,UACH,QAAQF,EAAc;AAAA,QAAA;AAAA,MAE9B,KAAK;AACM,eAAA;AAAA,UACH,GAAGE;AAAAA,UACH,QAAQF,EAAc;AAAA,QAAA;AAAA,MAE9B,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACM,eAAA;AAAA,UACH,GAAGE;AAAAA,UACH,GAAGK;AAAA,QAAA;AAAA,MAEX;AACWL,eAAAA;AAAAA,IACf;AAAA,KACDH,CAAY;AAER,SAAA,CAACG,GAAOC,CAAQ;AAC3B,GAEaK,IAAiB,MAAM;AAChC,QAAMC,IAASC,KACT,CAACR,GAAOC,CAAQ,IAAIF,EAAiB;AAE3C,EAAAU,EAAU,MAAM;AACN,UAAAC,IAAYC,EAAaJ,CAAM,GAC/BK,IAAMC,EAAON,CAAM,GACnBO,IAAWC,EAAsB;AAC9B,IAAAd,EAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,QACL,MAAMc,EAAsB,KAAK;AAAA,QACjC,QAAQD,IAAWhB,EAAc,UAAUA,EAAc;AAAA,QACzD,KAAKY,KAAaE,MAAQ,KAAKF,IAAYK,EAAsB,IAAI;AAAA,MACzE;AAAA,IAAA,CACH;AAAA,EAAA,GACF,CAACd,GAAUM,CAAM,CAAC;AAEf,QAAAS,IAAe,CAACC,MAAkB;AAC3B,IAAAhB,EAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,MAAMgB,EAAM;AAAA,IAAA,CAC1B;AAAA,EAAA,GAGCC,IAAc,CAACD,MAAkB;AAC1B,IAAAhB,EAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,KAAKgB,EAAM;AAAA,IAAA,CACzB;AAAA,EAAA,GAGCE,IAAc,CAACC,MAAqB;AAC5B,IAAAnB,EAAAmB,IAAS,EAAE,MAAM,UAAU,IAAc,EAAE,MAAM,WAAA,CAArB;AAAA,EAAiC,GAGrEC,IAAW,MAAM;AACnB,IAAAC,EAAoB,MAAM;AAAA,EAAA,GAGxBC,IAAS,CAACC,MAA4F;AACxG,IAAI,CAACC,EAAkBzB,EAAM,GAAG,KAAK,CAAC0B,MAIlBJ,EAAA,KAAKtB,EAAM,IAAI,GACnCsB,EAAoB,IAAIK,EAAS3B,EAAM,GAAG,CAAC,GAC3CsB,EAAoB,OAAOtB,EAAM,WAAWF,EAAc,OAAO,GAE7D8B,EAAmBrB,CAAM,MACzBiB,KAAA,QAAAA,EAAO;AAAA,EACX,GAGEE,IAAY1B,EAAM,QAAQ,MAAMA,EAAM,SAAS,IAE/C,EAAE,WAAA6B,EAAc,IAAAC,EAAgDvB,GAAQwB,CAAY;AAE1F,SAAAC;AAAA,IACI;AAAA,IACAT;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,IAC9B;AAAA,IACA,CAAC;AAAA,EAAA,GAGE,EAAE,OAAAvB,GAAO,cAAAgB,GAAc,aAAAE,GAAa,aAAAC,GAAa,UAAAE,GAAU,QAAAE,GAAQ,WAAAG,GAAW,mBAAAD,GAAmB,WAAAI;AAC5G;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkButton.es.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useEditorState as r, useEventPlateId as l, isRangeInSameBlock as a, getTooltip as s, getHotkeyByPlatform as d } from "@frontify/fondue";
+import { LinkToolbarButton as c } from "./LinkToolbarButton.es.js";
+const u = ({ id: i, editorId: n }) => {
+  const t = r(l(n)), o = !!a(t, {
+    at: t.selection
+  });
+  return /* @__PURE__ */ e("div", { "data-plugin-id": i, children: /* @__PURE__ */ e(
+    c,
+    {
+      disabled: !o,
+      tooltip: s(
+        o ? `Link
+${d("Ctrl+K")}` : "Links can only be set for a single text block."
+      )
+    }
+  ) });
+};
+export {
+  u as LinkButton
+};
+//# sourceMappingURL=LinkButton.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkButton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    PluginButtonProps,\n    getHotkeyByPlatform,\n    getTooltip,\n    isRangeInSameBlock,\n    useEditorState,\n    useEventPlateId,\n} from '@frontify/fondue';\nimport { LinkToolbarButton } from './LinkToolbarButton';\n\nexport const LinkButton = ({ id, editorId }: PluginButtonProps) => {\n    const editor = useEditorState(useEventPlateId(editorId));\n    const isEnabled = !!isRangeInSameBlock(editor, {\n        at: editor.selection,\n    });\n\n    return (\n        <div data-plugin-id={id}>\n            <LinkToolbarButton\n                disabled={!isEnabled}\n                tooltip={getTooltip(\n                    isEnabled\n                        ? `Link\\n${getHotkeyByPlatform('Ctrl+K')}`\n                        : 'Links can only be set for a single text block.',\n                )}\n            />\n        </div>\n    );\n};\n"],"names":["LinkButton","id","editorId","editor","useEditorState","useEventPlateId","isEnabled","isRangeInSameBlock","jsx","LinkToolbarButton","getTooltip","getHotkeyByPlatform"],"mappings":";;;AAYO,MAAMA,IAAa,CAAC,EAAE,IAAAC,GAAI,UAAAC,QAAkC;AAC/D,QAAMC,IAASC,EAAeC,EAAgBH,CAAQ,CAAC,GACjDI,IAAY,CAAC,CAACC,EAAmBJ,GAAQ;AAAA,IAC3C,IAAIA,EAAO;AAAA,EAAA,CACd;AAGG,SAAA,gBAAAK,EAAC,OAAI,EAAA,kBAAgBP,GACjB,UAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAU,CAACH;AAAA,MACX,SAASI;AAAA,QACLJ,IACM;AAAA,EAASK,EAAoB,QAAQ,CAAC,KACtC;AAAA,MACV;AAAA,IAAA;AAAA,EAER,EAAA,CAAA;AAER;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.es.js

@@ -0,0 +1,12 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useRichTextEditorContext as c } from "@frontify/fondue";
+import { LINK_PLUGIN as a } from "../id.es.js";
+const k = (e) => {
+  var t, n;
+  const { attributes: r, children: o } = e, { styles: s } = c(), l = e.element.url || ((n = (t = e.element.chosenLink) == null ? void 0 : t.searchResult) == null ? void 0 : n.link) || "", i = e.element.target || "_self";
+  return /* @__PURE__ */ m("a", { ...r, href: l, target: i, style: s[a], children: o });
+};
+export {
+  k as LinkMarkupElementNode
+};
+//# sourceMappingURL=LinkMarkupElementNode.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PlateRenderElementProps,\n    TLinkElement as TPlateLinkElement,\n    useRichTextEditorContext,\n} from '@frontify/fondue';\nimport { LINK_PLUGIN } from '../id';\n\nexport type TLinkElement = TPlateLinkElement & {\n    chosenLink?: {\n        searchResult?: {\n            link?: string;\n        };\n        openInNewTab?: boolean;\n    };\n};\n\nexport const LinkMarkupElementNode = (props: PlateRenderElementProps & { element: TLinkElement }) => {\n    const { attributes, children } = props;\n\n    const { styles } = useRichTextEditorContext();\n    const href = props.element.url || props.element.chosenLink?.searchResult?.link || '';\n    const target = props.element.target || '_self';\n\n    return (\n        <a {...attributes} href={href} target={target} style={styles[LINK_PLUGIN]}>\n            {children}\n        </a>\n    );\n};\n"],"names":["LinkMarkupElementNode","props","attributes","children","styles","useRichTextEditorContext","href","_b","_a","target","jsx","LINK_PLUGIN"],"mappings":";;;AAkBa,MAAAA,IAAwB,CAACC,MAA+D;;AAC3F,QAAA,EAAE,YAAAC,GAAY,UAAAC,EAAa,IAAAF,GAE3B,EAAE,QAAAG,MAAWC,KACbC,IAAOL,EAAM,QAAQ,SAAOM,KAAAC,IAAAP,EAAM,QAAQ,eAAd,gBAAAO,EAA0B,iBAA1B,gBAAAD,EAAwC,SAAQ,IAC5EE,IAASR,EAAM,QAAQ,UAAU;AAGnC,SAAA,gBAAAS,EAAC,KAAG,EAAA,GAAGR,GAAY,MAAAI,GAAY,QAAAG,GAAgB,OAAOL,EAAOO,CAAW,GACnE,UAAAR,EACL,CAAA;AAER;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/index.es.js

@@ -0,0 +1,11 @@
+import { MarkupElement as t, ELEMENT_LINK as o } from "@frontify/fondue";
+import { LinkMarkupElementNode as m } from "./LinkMarkupElementNode.es.js";
+class k extends t {
+  constructor(e = o, r = m) {
+    super(e, r);
+  }
+}
+export {
+  k as LinkMarkupElement
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_LINK, MarkupElement, type PlateRenderElementProps } from '@frontify/fondue';\n\nimport { LinkMarkupElementNode, TLinkElement } from './LinkMarkupElementNode';\n\nexport class LinkMarkupElement extends MarkupElement {\n    constructor(\n        id = ELEMENT_LINK,\n        node: (props: PlateRenderElementProps & { element: TLinkElement }) => JSX.Element = LinkMarkupElementNode,\n    ) {\n        super(id, node);\n    }\n}\n"],"names":["LinkMarkupElement","MarkupElement","id","ELEMENT_LINK","node","LinkMarkupElementNode"],"mappings":";;AAMO,MAAMA,UAA0BC,EAAc;AAAA,EACjD,YACIC,IAAKC,GACLC,IAAoFC,GACtF;AACE,UAAMH,GAAIE,CAAI;AAAA,EAClB;AACJ;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkToolbarButton.es.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useEditorRef as s, useLinkToolbarButtonState as a, useLinkToolbarButton as c, ToolbarButton as u, focusEditor as l, IconStylingWrapper as p, IconLink16 as d } from "@frontify/fondue";
+import { forwardRef as f } from "react";
+const m = f(
+  (n, r) => {
+    const o = s(), e = a(), { props: i } = c(e);
+    return /* @__PURE__ */ t(
+      u,
+      {
+        onMouseDown: () => {
+          l(o, o.selection ?? o.prevSelection ?? void 0);
+        },
+        ref: r,
+        ...i,
+        ...n,
+        children: /* @__PURE__ */ t(p, { icon: /* @__PURE__ */ t(d, {}) })
+      }
+    );
+  }
+);
+m.displayName = "LinkToolbarButton";
+export {
+  m as LinkToolbarButton
+};
+//# sourceMappingURL=LinkToolbarButton.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkToolbarButton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkToolbarButton.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkToolbarButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    IconLink16,\n    IconStylingWrapper,\n    ToolbarButton,\n    focusEditor,\n    useEditorRef,\n    useLinkToolbarButton,\n    useLinkToolbarButtonState,\n} from '@frontify/fondue';\n\nimport { ReactNode, forwardRef } from 'react';\n\nexport const LinkToolbarButton = forwardRef<HTMLButtonElement, { disabled: boolean; tooltip: ReactNode }>(\n    (rootProps, ref) => {\n        const editor = useEditorRef();\n        const state = useLinkToolbarButtonState();\n        const { props } = useLinkToolbarButton(state);\n        return (\n            <ToolbarButton\n                onMouseDown={() => {\n                    focusEditor(editor, editor.selection ?? editor.prevSelection ?? undefined);\n                }}\n                ref={ref}\n                {...props}\n                {...rootProps}\n            >\n                <IconStylingWrapper icon={<IconLink16 />} />\n            </ToolbarButton>\n        );\n    },\n);\n\nLinkToolbarButton.displayName = 'LinkToolbarButton';\n"],"names":["LinkToolbarButton","forwardRef","rootProps","ref","editor","useEditorRef","state","useLinkToolbarButtonState","props","useLinkToolbarButton","jsx","ToolbarButton","focusEditor","IconStylingWrapper","IconLink16"],"mappings":";;;AAcO,MAAMA,IAAoBC;AAAA,EAC7B,CAACC,GAAWC,MAAQ;AAChB,UAAMC,IAASC,KACTC,IAAQC,KACR,EAAE,OAAAC,EAAA,IAAUC,EAAqBH,CAAK;AAExC,WAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,aAAa,MAAM;AACf,UAAAC,EAAYR,GAAQA,EAAO,aAAaA,EAAO,iBAAiB,MAAS;AAAA,QAC7E;AAAA,QACA,KAAAD;AAAA,QACC,GAAGK;AAAA,QACH,GAAGN;AAAA,QAEJ,UAAC,gBAAAQ,EAAAG,GAAA,EAAmB,MAAM,gBAAAH,EAACI,IAAW,CAAA,GAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAGtD;AACJ;AAEAd,EAAkB,cAAc;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/id.es.js

@@ -0,0 +1,5 @@
+const n = "link-plugin";
+export {
+  n as LINK_PLUGIN
+};
+//# sourceMappingURL=id.es.js.map