@frontify/guideline-blocks-settings 0.33.3 → 0.33.5

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

@@ -0,0 +1,13 @@
+import { getPluginType as i } from "@udecode/plate";
+import { ELEMENT_BUTTON as m } from "../createButtonPlugin.es.js";
+const u = (t, { url: r, text: e = "", buttonStyle: o = "primary", target: p, children: n }) => ({
+  type: i(t, m),
+  url: r,
+  target: p,
+  buttonStyle: o,
+  children: n ?? [{ text: e }]
+});
+export {
+  u as createButtonNode
+};
+//# sourceMappingURL=createButtonNode.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createButtonNode.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/createButtonNode.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateEditor, TText, Value, getPluginType } from '@udecode/plate';\nimport { RichTextButtonStyle, TButtonElement } from '..';\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\nexport interface CreateButtonNodeOptions {\n    url: string;\n    text?: string;\n    buttonStyle?: RichTextButtonStyle;\n    target?: string;\n    children?: TText[];\n}\n\nexport const createButtonNode = <V extends Value>(\n    editor: PlateEditor<V>,\n    { url, text = '', buttonStyle = 'primary', target, children }: CreateButtonNodeOptions,\n): TButtonElement => {\n    const type = getPluginType(editor, ELEMENT_BUTTON);\n\n    return {\n        type,\n        url,\n        target,\n        buttonStyle,\n        children: children ?? [{ text }],\n    };\n};\n"],"names":["createButtonNode","editor","url","text","buttonStyle","target","children","getPluginType","ELEMENT_BUTTON"],"mappings":";;AAca,MAAAA,IAAmB,CAC5BC,GACA,EAAE,KAAAC,GAAK,MAAAC,IAAO,IAAI,aAAAC,IAAc,WAAW,QAAAC,GAAQ,UAAAC,SAI5C;AAAA,EACH,MAHSC,EAAcN,GAAQO,CAAc;AAAA,EAI7C,KAAAN;AAAA,EACA,QAAAG;AAAA,EACA,aAAAD;AAAA,EACA,UAAUE,KAAY,CAAC,EAAE,MAAAH,GAAM;AAAA;"}

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

@@ -0,0 +1,11 @@
+import { getAboveNode as e } from "@udecode/plate";
+import { ELEMENT_BUTTON as i } from "../createButtonPlugin.es.js";
+const y = (o) => {
+  var t;
+  const r = e(o, { match: { type: i } });
+  return Array.isArray(r) && ((t = r[0]) == null ? void 0 : t.buttonStyle) || "primary";
+};
+export {
+  y as getButtonStyle
+};
+//# sourceMappingURL=getButtonStyle.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getButtonStyle.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/getButtonStyle.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateEditor, getAboveNode } from '@udecode/plate';\nimport { ELEMENT_BUTTON, RichTextButtonStyle, TButtonElement } from '..';\n\nexport const getButtonStyle = (editor: PlateEditor): RichTextButtonStyle => {\n    const linkNode = getAboveNode<TButtonElement>(editor, { match: { type: ELEMENT_BUTTON } });\n\n    if (!Array.isArray(linkNode)) {\n        return 'primary';\n    }\n\n    return (linkNode[0]?.buttonStyle as RichTextButtonStyle) || 'primary';\n};\n"],"names":["getButtonStyle","editor","linkNode","getAboveNode","ELEMENT_BUTTON","_a"],"mappings":";;AAKa,MAAAA,IAAiB,CAACC,MAA6C;;AAClE,QAAAC,IAAWC,EAA6BF,GAAQ,EAAE,OAAO,EAAE,MAAMG,EAAe,EAAA,CAAG;AAEzF,SAAK,MAAM,QAAQF,CAAQ,OAInBG,IAAAH,EAAS,CAAC,MAAV,gBAAAG,EAAa,gBAAuC;AAChE;"}

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

@@ -0,0 +1,10 @@
+import { getAboveNode as e } from "@udecode/plate";
+import { ELEMENT_BUTTON as n } from "../createButtonPlugin.es.js";
+const i = (r, t) => {
+  const o = e(r, { match: { type: n } });
+  return Array.isArray(o) ? t(o[0]) : "";
+}, c = (r) => i(r, (t) => t.url ?? "");
+export {
+  c as getUrlFromEditor
+};
+//# sourceMappingURL=getUrl.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getUrl.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/getUrl.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateEditor, getAboveNode } from '@udecode/plate';\nimport { ELEMENT_BUTTON, TButtonElement } from '..';\n\nconst getLinkNode = (editor: PlateEditor, cb: (link: TButtonElement) => string): string => {\n    const linkNode = getAboveNode<TButtonElement>(editor, { match: { type: ELEMENT_BUTTON } });\n\n    if (!Array.isArray(linkNode)) {\n        return '';\n    }\n\n    return cb(linkNode[0]);\n};\n\nexport const getUrlFromEditor = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.url ?? '');\n};\n"],"names":["getLinkNode","editor","cb","linkNode","getAboveNode","ELEMENT_BUTTON","getUrlFromEditor","link"],"mappings":";;AAKA,MAAMA,IAAc,CAACC,GAAqBC,MAAiD;AACjF,QAAAC,IAAWC,EAA6BH,GAAQ,EAAE,OAAO,EAAE,MAAMI,EAAe,EAAA,CAAG;AAEzF,SAAK,MAAM,QAAQF,CAAQ,IAIpBD,EAAGC,EAAS,CAAC,CAAC,IAHV;AAIf,GAEaG,IAAmB,CAACL,MACtBD,EAAYC,GAAQ,CAACM,MAASA,EAAK,OAAO,EAAE;"}

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 '@udecode/plate';\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 "@udecode/plate";
+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 '@udecode/plate';\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 "@udecode/plate";
+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 '@udecode/plate';\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\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,MAKDC,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,53 @@
+import { isCollapsed as i, getAboveNode as a, getPluginType as l, isStartPoint as g, getPreviousNodeEndPoint as x, isEndPoint as P, getNextNodeStartPoint as m, select as u, insertNodes as E, withRemoveEmptyNodes as h, mockPlugin as r } from "@udecode/plate";
+import { Path as w } from "slate";
+import { ELEMENT_BUTTON as p } from "./createButtonPlugin.es.js";
+const B = (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)) {
+      f(s);
+      return;
+    }
+    const c = a(t, {
+      at: n,
+      match: { type: l(t, p) }
+    });
+    if (c) {
+      const [, o] = c;
+      let e;
+      g(t, n.focus, o) && (e = x(t, o)), P(t, n.focus, o) && (e = m(t, o)), e && (s.newProperties = {
+        anchor: e,
+        focus: e
+      });
+    }
+    f(s);
+  }, t.normalizeNode = ([s, n]) => {
+    if (s.type === l(t, p)) {
+      const c = t.selection;
+      if (c && i(c) && P(t, c.focus, n)) {
+        const o = m(t, n);
+        if (o)
+          u(t, o);
+        else {
+          const e = w.next(n);
+          E(t, { text: "" }, { at: e }), u(t, e);
+        }
+      }
+    }
+    y([s, n]);
+  }, h(
+    t,
+    r({
+      options: { types: N }
+    })
+  );
+};
+export {
+  B 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    AnyObject,\n    EText,\n    PlateEditor,\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 '@udecode/plate';\nimport { Path, Point, Range } from 'slate';\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<AnyObject, 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":";;;AAiCO,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,EAAiD;AAAA,MAC7C,SAAS,EAAE,OAAOvB,EAAK;AAAA,IAAA,CAC1B;AAAA,EAAA;AAET;"}

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

@@ -0,0 +1,19 @@
+import { jsxs as s, Fragment as m, jsx as t } from "react/jsx-runtime";
+import { useFloatingLinkSelectors as l } from "@udecode/plate";
+import { FloatingLink as i } from "./FloatingLink.es.js";
+import { InsertLinkModal as d } from "./InsertLinkModal/InsertLinkModal.es.js";
+import { EditModal as c } from "./EditLinkModal/EditModal.es.js";
+const k = ({ readOnly: n }) => {
+  const r = l().isEditing();
+  if (n)
+    return null;
+  const o = /* @__PURE__ */ t(d, {}), e = r ? o : /* @__PURE__ */ t(c, {});
+  return /* @__PURE__ */ s(m, { children: [
+    /* @__PURE__ */ t(i.InsertRoot, { children: o }),
+    /* @__PURE__ */ t(i.EditRoot, { children: e })
+  ] });
+};
+export {
+  k 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 { TEditableProps, useFloatingLinkSelectors } from '@udecode/plate';\n\nimport { EditModal } from './EditLinkModal';\nimport { FloatingLink } from './FloatingLink';\nimport { InsertLinkModal } from './InsertLinkModal/InsertLinkModal';\n\nexport const CustomFloatingLink = ({ readOnly }: TEditableProps) => {\n    const isEditing = useFloatingLinkSelectors().isEditing();\n\n    if (readOnly) {\n        return null;\n    }\n\n    const input = <InsertLinkModal />;\n    const editContent = isEditing ? input : <EditModal />;\n\n    return (\n        <>\n            <FloatingLink.InsertRoot>{input}</FloatingLink.InsertRoot>\n\n            <FloatingLink.EditRoot>{editContent}</FloatingLink.EditRoot>\n        </>\n    );\n};\n"],"names":["CustomFloatingLink","readOnly","isEditing","useFloatingLinkSelectors","input","InsertLinkModal","editContent","jsx","EditModal","jsxs","Fragment","FloatingLink"],"mappings":";;;;;AAQO,MAAMA,IAAqB,CAAC,EAAE,UAAAC,QAA+B;AAC1D,QAAAC,IAAYC,IAA2B;AAE7C,MAAIF;AACO,WAAA;AAGL,QAAAG,sBAASC,GAAgB,CAAA,CAAA,GACzBC,IAAcJ,IAAYE,IAAQ,gBAAAG,EAACC,GAAU,CAAA,CAAA;AAEnD,SAEQ,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAH,EAAAI,EAAa,YAAb,EAAyB,UAAMP,EAAA,CAAA;AAAA,IAE/B,gBAAAG,EAAAI,EAAa,UAAb,EAAuB,UAAYL,EAAA,CAAA;AAAA,EACxC,EAAA,CAAA;AAER;"}

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

@@ -0,0 +1,43 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { IconPen16 as o, IconTrashBin16 as r } from "@frontify/fondue";
+import { useFloatingLinkUrlInput as a } from "@udecode/plate";
+import { FloatingLink as n } from "../FloatingLink.es.js";
+const c = () => {
+  const i = a({});
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-test-id": "floating-link-edit",
+      className: "tw-bg-white tw-text-text tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]",
+      children: /* @__PURE__ */ e("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: i.defaultValue }),
+        /* @__PURE__ */ e("span", { className: "tw-flex tw-gap-2", children: [
+          /* @__PURE__ */ t(
+            "span",
+            {
+              role: "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",
+              children: /* @__PURE__ */ t(n.EditButton, { children: /* @__PURE__ */ t(o, {}) })
+            }
+          ),
+          /* @__PURE__ */ t(
+            "span",
+            {
+              role: "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",
+              children: /* @__PURE__ */ t(n.UnlinkButton, { children: /* @__PURE__ */ t(r, {}) })
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  c 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 { IconPen16, IconTrashBin16 } from '@frontify/fondue';\nimport { useFloatingLinkUrlInput } from '@udecode/plate';\nimport { FloatingLink } from '../FloatingLink';\n\nexport const EditModal = () => {\n    const urlHtmlProps = useFloatingLinkUrlInput({});\n\n    return (\n        <div\n            data-test-id=\"floating-link-edit\"\n            className=\"tw-bg-white tw-text-text tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]\"\n        >\n            <span data-test-id={'preview-link-flyout'} className=\"tw-flex tw-justify-between tw-items-center\">\n                <span className=\"tw-pointer-events-none\">{urlHtmlProps.defaultValue}</span>\n                <span className=\"tw-flex tw-gap-2\">\n                    <span\n                        role=\"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                    >\n                        <FloatingLink.EditButton>\n                            <IconPen16 />\n                        </FloatingLink.EditButton>\n                    </span>\n\n                    <span\n                        role=\"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                    >\n                        <FloatingLink.UnlinkButton>\n                            <IconTrashBin16 />\n                        </FloatingLink.UnlinkButton>\n                    </span>\n                </span>\n            </span>\n        </div>\n    );\n};\n"],"names":["EditModal","urlHtmlProps","useFloatingLinkUrlInput","jsx","jsxs","FloatingLink","IconPen16","IconTrashBin16"],"mappings":";;;;AAMO,MAAMA,IAAY,MAAM;AACrB,QAAAC,IAAeC,EAAwB,CAAA,CAAE;AAG3C,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAa;AAAA,MACb,WAAU;AAAA,MAEV,UAAC,gBAAAC,EAAA,QAAA,EAAK,gBAAc,uBAAuB,WAAU,8CACjD,UAAA;AAAA,QAAA,gBAAAD,EAAC,QAAK,EAAA,WAAU,0BAA0B,UAAAF,EAAa,cAAa;AAAA,QACpE,gBAAAG,EAAC,QAAK,EAAA,WAAU,oBACZ,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,UAAU;AAAA,cACV,gBAAc;AAAA,cACd,WAAU;AAAA,cAEV,4BAACE,EAAa,YAAb,EACG,UAAA,gBAAAF,EAACG,IAAU,CAAA,GACf;AAAA,YAAA;AAAA,UACJ;AAAA,UAEA,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,UAAU;AAAA,cACV,gBAAc;AAAA,cACd,WAAU;AAAA,cAEV,4BAACE,EAAa,cAAb,EACG,UAAA,gBAAAF,EAACI,IAAe,CAAA,GACpB;AAAA,YAAA;AAAA,UACJ;AAAA,QAAA,GACJ;AAAA,MAAA,GACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

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

@@ -0,0 +1,53 @@
+import { useEditorRef as y, usePlateSelectors as F, useFloatingLinkSelectors as d, getPluginOptions as h, ELEMENT_LINK as n, getAboveNode as C, getPluginType as l, getRangeBoundingClientRect as R, getStartPoint as P, getEndPoint as b, getDefaultBoundingClientRect as N, useVirtualFloatingLink as O, floatingLinkActions as o, someNode as S, floatingLinkSelectors as c, useHotkeys as B, triggerFloatingLinkEdit as I, useFloatingLinkEnter as v, useFloatingLinkEscape as x, useComposedRef as A } from "@udecode/plate";
+import { useCallback as D, useEffect as H } from "react";
+import { getLinkFromEditor as T } from "../../../../../Link/utils/getUrl.es.js";
+const M = ({ floatingOptions: g, ...i }) => {
+  const e = y(), u = F().keyEditor(), a = d().mode(), f = d().isOpen(e.id), { triggerFloatingLinkHotkeys: k = "command+k, ctrl+k" } = h(e, n), m = D(() => {
+    const t = C(e, {
+      match: { type: l(e, n) }
+    });
+    if (t) {
+      const [, s] = t;
+      return R(e, {
+        anchor: P(e, s),
+        focus: b(e, s)
+      });
+    }
+    return N();
+  }, [e]), p = f && a === "edit", { update: r, style: E, floating: L } = O({
+    editorId: e.id,
+    open: p,
+    getBoundingClientRect: m,
+    ...g
+  });
+  return H(() => {
+    const t = T(e);
+    if (t && o.url(t), e.selection && S(e, {
+      match: { type: l(e, n) }
+    })) {
+      o.show("edit", e.id), r();
+      return;
+    }
+    c.mode() === "edit" && o.hide();
+  }, [e, u, r]), B(
+    k,
+    (t) => {
+      t.preventDefault(), c.mode() === "edit" && I(e);
+    },
+    {
+      enableOnContentEditable: !0
+    },
+    []
+  ), v(), x(), {
+    style: {
+      ...E,
+      zIndex: 1e3
+    },
+    ...i,
+    ref: A(i.ref, L)
+  };
+};
+export {
+  M as useFloatingLinkEdit
+};
+//# sourceMappingURL=useFloatingLinkEdit.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingLinkEdit.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/useFloatingLinkEdit.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    ELEMENT_LINK,\n    FloatingLinkProps,\n    HTMLPropsAs,\n    LinkPlugin,\n    floatingLinkActions,\n    floatingLinkSelectors,\n    getAboveNode,\n    getDefaultBoundingClientRect,\n    getEndPoint,\n    getPluginOptions,\n    getPluginType,\n    getRangeBoundingClientRect,\n    getStartPoint,\n    someNode,\n    triggerFloatingLinkEdit,\n    useComposedRef,\n    useEditorRef,\n    useFloatingLinkEnter,\n    useFloatingLinkEscape,\n    useFloatingLinkSelectors,\n    useHotkeys,\n    usePlateSelectors,\n    useVirtualFloatingLink,\n} from '@udecode/plate';\nimport { useCallback, useEffect } from 'react';\nimport { getLinkFromEditor } from '../../../../../Link';\n\nexport const useFloatingLinkEdit = ({ floatingOptions, ...props }: FloatingLinkProps): HTMLPropsAs<'div'> => {\n    const editor = useEditorRef();\n    const keyEditor = usePlateSelectors().keyEditor();\n    const mode = useFloatingLinkSelectors().mode();\n    const open = useFloatingLinkSelectors().isOpen(editor.id);\n\n    const { triggerFloatingLinkHotkeys = 'command+k, ctrl+k' } = getPluginOptions<LinkPlugin>(editor, ELEMENT_LINK);\n\n    const getBoundingClientRect = useCallback(() => {\n        const entry = getAboveNode(editor, {\n            match: { type: getPluginType(editor, ELEMENT_LINK) },\n        });\n\n        if (entry) {\n            const [, path] = entry;\n            return getRangeBoundingClientRect(editor, {\n                anchor: getStartPoint(editor, path),\n                focus: getEndPoint(editor, path),\n            });\n        }\n\n        return getDefaultBoundingClientRect();\n    }, [editor]);\n\n    const isOpen = open && mode === 'edit';\n\n    const { update, style, floating } = useVirtualFloatingLink({\n        editorId: editor.id,\n        open: isOpen,\n        getBoundingClientRect,\n        ...floatingOptions,\n    });\n\n    useEffect(() => {\n        const url = getLinkFromEditor(editor);\n        if (url) {\n            floatingLinkActions.url(url);\n        }\n\n        if (\n            editor.selection &&\n            someNode(editor, {\n                match: { type: getPluginType(editor, ELEMENT_LINK) },\n            })\n        ) {\n            floatingLinkActions.show('edit', editor.id);\n            update();\n            return;\n        }\n\n        if (floatingLinkSelectors.mode() === 'edit') {\n            floatingLinkActions.hide();\n        }\n    }, [editor, keyEditor, update]);\n\n    useHotkeys(\n        triggerFloatingLinkHotkeys,\n        (e) => {\n            e.preventDefault();\n\n            if (floatingLinkSelectors.mode() === 'edit') {\n                triggerFloatingLinkEdit(editor);\n            }\n        },\n        {\n            enableOnContentEditable: true,\n        },\n        [],\n    );\n\n    useFloatingLinkEnter();\n\n    useFloatingLinkEscape();\n\n    return {\n        style: {\n            ...style,\n            zIndex: 1000,\n        },\n        ...props,\n        ref: useComposedRef<HTMLElement | null>(props.ref, floating),\n    };\n};\n"],"names":["useFloatingLinkEdit","floatingOptions","props","editor","useEditorRef","keyEditor","usePlateSelectors","mode","useFloatingLinkSelectors","open","triggerFloatingLinkHotkeys","getPluginOptions","ELEMENT_LINK","getBoundingClientRect","useCallback","entry","getAboveNode","getPluginType","path","getRangeBoundingClientRect","getStartPoint","getEndPoint","getDefaultBoundingClientRect","isOpen","update","style","floating","useVirtualFloatingLink","useEffect","url","getLinkFromEditor","floatingLinkActions","someNode","floatingLinkSelectors","useHotkeys","e","triggerFloatingLinkEdit","useFloatingLinkEnter","useFloatingLinkEscape","useComposedRef"],"mappings":";;;AA8BO,MAAMA,IAAsB,CAAC,EAAE,iBAAAC,GAAiB,GAAGC,QAAmD;AACzG,QAAMC,IAASC,KACTC,IAAYC,IAAoB,aAChCC,IAAOC,IAA2B,QAClCC,IAAOD,EAA2B,EAAA,OAAOL,EAAO,EAAE,GAElD,EAAE,4BAAAO,IAA6B,oBAAA,IAAwBC,EAA6BR,GAAQS,CAAY,GAExGC,IAAwBC,EAAY,MAAM;AACtC,UAAAC,IAAQC,EAAab,GAAQ;AAAA,MAC/B,OAAO,EAAE,MAAMc,EAAcd,GAAQS,CAAY,EAAE;AAAA,IAAA,CACtD;AAED,QAAIG,GAAO;AACD,YAAA,CAAG,EAAAG,CAAI,IAAIH;AACjB,aAAOI,EAA2BhB,GAAQ;AAAA,QACtC,QAAQiB,EAAcjB,GAAQe,CAAI;AAAA,QAClC,OAAOG,EAAYlB,GAAQe,CAAI;AAAA,MAAA,CAClC;AAAA,IACL;AAEA,WAAOI,EAA6B;AAAA,EAAA,GACrC,CAACnB,CAAM,CAAC,GAELoB,IAASd,KAAQF,MAAS,QAE1B,EAAE,QAAAiB,GAAQ,OAAAC,GAAO,UAAAC,EAAA,IAAaC,EAAuB;AAAA,IACvD,UAAUxB,EAAO;AAAA,IACjB,MAAMoB;AAAA,IACN,uBAAAV;AAAA,IACA,GAAGZ;AAAA,EAAA,CACN;AAED,SAAA2B,EAAU,MAAM;AACN,UAAAC,IAAMC,EAAkB3B,CAAM;AAMhC,QALA0B,KACAE,EAAoB,IAAIF,CAAG,GAI3B1B,EAAO,aACP6B,EAAS7B,GAAQ;AAAA,MACb,OAAO,EAAE,MAAMc,EAAcd,GAAQS,CAAY,EAAE;AAAA,IAAA,CACtD,GACH;AACsB,MAAAmB,EAAA,KAAK,QAAQ5B,EAAO,EAAE,GACnCqB;AACP;AAAA,IACJ;AAEI,IAAAS,EAAsB,KAAK,MAAM,UACjCF,EAAoB,KAAK;AAAA,EAE9B,GAAA,CAAC5B,GAAQE,GAAWmB,CAAM,CAAC,GAE9BU;AAAA,IACIxB;AAAA,IACA,CAACyB,MAAM;AACH,MAAAA,EAAE,eAAe,GAEbF,EAAsB,KAAK,MAAM,UACjCG,EAAwBjC,CAAM;AAAA,IAEtC;AAAA,IACA;AAAA,MACI,yBAAyB;AAAA,IAC7B;AAAA,IACA,CAAC;AAAA,EAAA,GAGgBkC,KAECC,KAEf;AAAA,IACH,OAAO;AAAA,MACH,GAAGb;AAAA,MACH,QAAQ;AAAA,IACZ;AAAA,IACA,GAAGvB;AAAA,IACH,KAAKqC,EAAmCrC,EAAM,KAAKwB,CAAQ;AAAA,EAAA;AAEnE;"}

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

@@ -0,0 +1,29 @@
+import { createComponentAs as e, createElementAs as s, FloatingLink as i } from "@udecode/plate";
+import { useFloatingLinkInsert as r } from "./InsertLinkModal/useFloatingLinkInsert.es.js";
+import { useFloatingLinkEdit as l } from "./EditLinkModal/useFloatingLinkEdit.es.js";
+const a = e((o) => {
+  var n;
+  const t = r({
+    ...o,
+    floatingOptions: {
+      strategy: "absolute"
+    }
+  });
+  return ((n = t.style) == null ? void 0 : n.display) === "none" ? null : s("div", t);
+}), g = e((o) => {
+  var n;
+  const t = l({
+    ...o,
+    floatingOptions: {
+      strategy: "absolute"
+    }
+  });
+  return ((n = t.style) == null ? void 0 : n.display) === "none" ? null : s("div", t);
+});
+i.EditRoot = g;
+i.InsertRoot = a;
+const c = i;
+export {
+  c as FloatingLink
+};
+//# sourceMappingURL=FloatingLink.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingLink.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/FloatingLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    FloatingLinkProps,\n    FloatingLink as PlateFloatingLink,\n    createComponentAs,\n    createElementAs,\n} from '@udecode/plate';\nimport { useFloatingLinkEdit } from './EditLinkModal';\nimport { useFloatingLinkInsert } from './InsertLinkModal/useFloatingLinkInsert';\n\nconst FloatingLinkInsertRoot = createComponentAs<FloatingLinkProps>((props) => {\n    const htmlProps = useFloatingLinkInsert({\n        ...props,\n        floatingOptions: {\n            strategy: 'absolute',\n        },\n    });\n\n    if (htmlProps.style?.display === 'none') {\n        return null;\n    }\n\n    return createElementAs('div', htmlProps);\n});\n\nconst FloatingLinkEditRoot = createComponentAs<FloatingLinkProps>((props) => {\n    const htmlProps = useFloatingLinkEdit({\n        ...props,\n        floatingOptions: {\n            strategy: 'absolute',\n        },\n    });\n\n    if (htmlProps.style?.display === 'none') {\n        return null;\n    }\n\n    return createElementAs('div', htmlProps);\n});\n\nPlateFloatingLink.EditRoot = FloatingLinkEditRoot;\nPlateFloatingLink.InsertRoot = FloatingLinkInsertRoot;\n\nexport const FloatingLink = PlateFloatingLink;\n"],"names":["FloatingLinkInsertRoot","createComponentAs","props","htmlProps","useFloatingLinkInsert","_a","createElementAs","FloatingLinkEditRoot","useFloatingLinkEdit","PlateFloatingLink","FloatingLink"],"mappings":";;;AAWA,MAAMA,IAAyBC,EAAqC,CAACC,MAAU;;AAC3E,QAAMC,IAAYC,EAAsB;AAAA,IACpC,GAAGF;AAAA,IACH,iBAAiB;AAAA,MACb,UAAU;AAAA,IACd;AAAA,EAAA,CACH;AAEG,WAAAG,IAAAF,EAAU,UAAV,gBAAAE,EAAiB,aAAY,SACtB,OAGJC,EAAgB,OAAOH,CAAS;AAC3C,CAAC,GAEKI,IAAuBN,EAAqC,CAACC,MAAU;;AACzE,QAAMC,IAAYK,EAAoB;AAAA,IAClC,GAAGN;AAAA,IACH,iBAAiB;AAAA,MACb,UAAU;AAAA,IACd;AAAA,EAAA,CACH;AAEG,WAAAG,IAAAF,EAAU,UAAV,gBAAAE,EAAiB,aAAY,SACtB,OAGJC,EAAgB,OAAOH,CAAS;AAC3C,CAAC;AAEDM,EAAkB,WAAWF;AAC7BE,EAAkB,aAAaT;AAExB,MAAMU,IAAeD;"}

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, useInsertModal } from '.';\n\nexport const InsertLinkModal = () => <InsertModal {...useInsertModal()} testId=\"floating-link-insert\" />;\n"],"names":["InsertLinkModal","jsx","InsertModal","useInsertModal"],"mappings":";;;AAIa,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: !u || !i(t == null ? void 0 : t.url),
+        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 { 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 { FC, ReactNode } from 'react';\nimport { InsertModalStateProps } from './types';\nimport { LinkInput } from '../../../../../Link/LinkInput';\n\ntype InsertModalProps = {\n    state: InsertModalStateProps;\n    onTextChange: (value: string) => void;\n    onUrlChange: (value: string) => void;\n    onToggleTab: (checked: boolean) => void;\n    onCancel: () => void;\n    onSave: (event: React.MouseEvent<HTMLButtonElement, 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: FC<InsertModalProps> = ({\n    state,\n    onTextChange,\n    onUrlChange,\n    onToggleTab,\n    onCancel,\n    onSave,\n    isValidUrlOrEmpty,\n    hasValues,\n    testId,\n    appBridge,\n    children,\n}) => (\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={!hasValues || !isValidUrlOrEmpty(state?.url)}\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,IAAoC,CAAC;AAAA,EAC9C,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,CAACb,KAAa,CAACD,EAAkBN,KAAA,gBAAAA,EAAO,GAAG;AAAA,QACxD,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;AAAA,EACJ,CAAA;"}

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

@@ -0,0 +1,40 @@
+import { useEditorRef as f, useFloatingLinkSelectors as s, getPluginOptions as p, ELEMENT_LINK as m, useHotkeys as k, triggerFloatingLinkInsert as L, useVirtualFloatingLink as E, getSelectionBoundingClientRect as F, floatingLinkActions as r, useFloatingLinkEscape as I, useComposedRef as y } from "@udecode/plate";
+import { useEffect as C } from "react";
+import { useFocused as R } from "slate-react";
+const B = ({ floatingOptions: l, ...n }) => {
+  const e = f(), o = R(), u = s().mode(), t = s().isOpen(e.id), { triggerFloatingLinkHotkeys: d } = p(e, m);
+  k(
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    d,
+    (c) => {
+      L(e, { focused: o }) && c.preventDefault();
+    },
+    {
+      enableOnContentEditable: !0
+    },
+    [o]
+  );
+  const { update: i, style: g, floating: a } = E({
+    editorId: e.id,
+    open: t && u === "insert",
+    getBoundingClientRect: F,
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    whileElementsMounted: () => {
+    },
+    ...l
+  });
+  return C(() => {
+    t ? (i(), r.updated(!0)) : r.updated(!1);
+  }, [t, i]), I(), {
+    style: {
+      ...g,
+      zIndex: 1e3
+    },
+    ...n,
+    ref: y(n.ref, a)
+  };
+};
+export {
+  B as useFloatingLinkInsert
+};
+//# sourceMappingURL=useFloatingLinkInsert.es.js.map