@frontify/fondue 12.0.0-beta.14 → 12.0.0-beta.17

package/dist/components/OverflowMenu/OverflowMenuItem.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowMenuItem.es.js","sources":["../../../src/components/OverflowMenu/OverflowMenuItem.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { MouseEvent, ReactElement } from 'react';\nimport { IconProps } from '@foundation/Icon/IconProps';\nimport { MenuItem } from '..';\nimport { getItemElementType } from '@utilities/elements';\n\nexport interface OverflowMenuItemProps {\n    id?: string;\n    label: string;\n    link?: string;\n    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n    decorator?: ReactElement<IconProps>;\n    disabled?: boolean;\n}\n\nexport const OverflowMenuItem = ({\n    id = 'overflow-menu-item',\n    label,\n    link,\n    onClick,\n    disabled = false,\n}: OverflowMenuItemProps) => {\n    const contentElementType = getItemElementType(link, onClick);\n\n    const menuItemElement = <MenuItem title={label} disabled={disabled} />;\n\n    return (\n        <li id={id} data-test-id=\"overflow-menu-item\">\n            {contentElementType === 'a' && <a href={link}>{menuItemElement}</a>}\n            {contentElementType === 'button' && (\n                <button onClick={onClick} type=\"button\" disabled={disabled}>\n                    {menuItemElement}\n                </button>\n            )}\n            {contentElementType === 'span' && <span>{menuItemElement}</span>}\n        </li>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,KAAmB,CAAC;AAAA,EAC7B,QAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAW;AAAA,MACc;AACnB,QAAA,IAAqB,EAAmB,GAAM,CAAO,GAErD,IAAmB,kBAAA,cAAA,GAAA;AAAA,IAAS,OAAO;AAAA,IAAO;AAAA,EAAA,CAAoB;AAEpE,SACK,kBAAA,cAAA,MAAA;AAAA,IAAG;AAAA,IAAQ,gBAAa;AAAA,EACpB,GAAA,MAAuB,OAAQ,kBAAA,cAAA,KAAA;AAAA,IAAE,MAAM;AAAA,EAAA,GAAO,CAAgB,GAC9D,MAAuB,YACnB,kBAAA,cAAA,UAAA;AAAA,IAAO;AAAA,IAAkB,MAAK;AAAA,IAAS;AAAA,EAAA,GACnC,CACL,GAEH,MAAuB,UAAW,kBAAA,cAAA,QAAA,MAAM,CAAgB,CAC7D;AAER;"}

package/dist/components/OverflowMenu/index.d.ts

@@ -0,0 +1 @@
+export * from './OverflowMenu';

package/dist/components/OverflowMenu/useOverflowMenuKeyboardNavigation.d.ts

@@ -0,0 +1 @@
+export declare const useOverflowMenuKeyboardNavigation: (isMenuOpened: boolean, menuContainerRef: HTMLElement | null, focusableElementsSelector?: string) => string;

package/dist/components/OverflowMenu/useOverflowMenuKeyboardNavigation.es.js

@@ -0,0 +1,29 @@
+import { useState as a, useCallback as k, useEffect as c } from "react";
+const E = (r, i, f = "li > button:not(:disabled)") => {
+  const [s, n] = a(0), [t, l] = a(), [d, u] = a(""), y = k((o) => {
+    if (!t || !["Tab", "ArrowDown", "ArrowUp", "Escape"].includes(o.key))
+      return;
+    const e = o.key === "Tab" && !o.shiftKey, b = o.key === "Tab" && o.shiftKey, h = o.key === "Escape", m = e || o.key === "ArrowDown", w = b || o.key === "ArrowUp";
+    if (b && s <= 0 || e && s >= t.length - 1 || h) {
+      u("CLOSE_MENU");
+      return;
+    }
+    m ? n(Math.min(s + 1, t.length - 1)) : w && n(Math.max(s - 1, 0)), o.preventDefault();
+  }, [t, s]);
+  return c(() => {
+    if (!r || !i)
+      return;
+    const o = i.querySelectorAll(f);
+    for (const e of o)
+      e.onkeydown = y;
+    t || l(o);
+  }, [r, i, t, y, f]), c(() => {
+    !t || t[s] && t[s].focus();
+  }, [s, t]), c(() => {
+    r || (l(void 0), u("")), n(0);
+  }, [r]), d;
+};
+export {
+  E as useOverflowMenuKeyboardNavigation
+};
+//# sourceMappingURL=useOverflowMenuKeyboardNavigation.es.js.map

package/dist/components/OverflowMenu/useOverflowMenuKeyboardNavigation.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverflowMenuKeyboardNavigation.es.js","sources":["../../../src/components/OverflowMenu/useOverflowMenuKeyboardNavigation.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nexport const useOverflowMenuKeyboardNavigation = (\n    isMenuOpened: boolean,\n    menuContainerRef: HTMLElement | null,\n    focusableElementsSelector = 'li > button:not(:disabled)',\n) => {\n    const [currentItemIndex, setCurrentItemIndex] = useState(0);\n    const [itemsElements, setItemsElements] = useState<NodeList>();\n    const [menuKeyboardNavigationAction, setMenuKeyboardNavigationAction] = useState('');\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            if (!itemsElements || !['Tab', 'ArrowDown', 'ArrowUp', 'Escape'].includes(event.key)) {\n                return;\n            }\n\n            const isTab = event.key === 'Tab' && !event.shiftKey;\n            const isShiftTab = event.key === 'Tab' && event.shiftKey;\n            const isEsc = event.key === 'Escape';\n            const shouldMoveDown = isTab || event.key === 'ArrowDown';\n            const shouldMoveUp = isShiftTab || event.key === 'ArrowUp';\n\n            if (\n                (isShiftTab && currentItemIndex <= 0) ||\n                (isTab && currentItemIndex >= itemsElements.length - 1) ||\n                isEsc\n            ) {\n                setMenuKeyboardNavigationAction('CLOSE_MENU');\n                return;\n            }\n\n            if (shouldMoveDown) {\n                setCurrentItemIndex(Math.min(currentItemIndex + 1, itemsElements.length - 1));\n            } else if (shouldMoveUp) {\n                setCurrentItemIndex(Math.max(currentItemIndex - 1, 0));\n            }\n\n            event.preventDefault();\n        },\n        [itemsElements, currentItemIndex],\n    );\n\n    useEffect(() => {\n        if (!isMenuOpened || !menuContainerRef) {\n            return;\n        }\n\n        const focusableItems = menuContainerRef.querySelectorAll(focusableElementsSelector);\n\n        for (const item of focusableItems) {\n            (item as HTMLButtonElement | HTMLAnchorElement).onkeydown = handleKeyDown;\n        }\n\n        if (!itemsElements) {\n            setItemsElements(focusableItems);\n        }\n    }, [isMenuOpened, menuContainerRef, itemsElements, handleKeyDown, focusableElementsSelector]);\n\n    useEffect(() => {\n        if (!itemsElements) {\n            return;\n        }\n\n        if (itemsElements[currentItemIndex]) {\n            (itemsElements[currentItemIndex] as HTMLButtonElement).focus();\n        }\n    }, [currentItemIndex, itemsElements]);\n\n    useEffect(() => {\n        if (!isMenuOpened) {\n            setItemsElements(undefined);\n            setMenuKeyboardNavigationAction('');\n        }\n\n        setCurrentItemIndex(0);\n    }, [isMenuOpened]);\n\n    return menuKeyboardNavigationAction;\n};\n"],"names":[],"mappings":";AAEO,MAAM,IAAoC,CAC7C,GACA,GACA,IAA4B,iCAC3B;AACD,QAAM,CAAC,GAAkB,KAAuB,EAAS,CAAC,GACpD,CAAC,GAAe,KAAoB,EAAmB,GACvD,CAAC,GAA8B,KAAmC,EAAS,EAAE,GAE7E,IAAgB,EAClB,CAAC,MAAyB;AACtB,QAAI,CAAC,KAAiB,CAAC,CAAC,OAAO,aAAa,WAAW,QAAQ,EAAE,SAAS,EAAM,GAAG;AAC/E;AAGJ,UAAM,IAAQ,EAAM,QAAQ,SAAS,CAAC,EAAM,UACtC,IAAa,EAAM,QAAQ,SAAS,EAAM,UAC1C,IAAQ,EAAM,QAAQ,UACtB,IAAiB,KAAS,EAAM,QAAQ,aACxC,IAAe,KAAc,EAAM,QAAQ;AAG5C,QAAA,KAAc,KAAoB,KAClC,KAAS,KAAoB,EAAc,SAAS,KACrD,GACF;AACE,QAAgC,YAAY;AAC5C;AAAA,IACJ;AAEA,IAAI,IACA,EAAoB,KAAK,IAAI,IAAmB,GAAG,EAAc,SAAS,CAAC,CAAC,IACrE,KACP,EAAoB,KAAK,IAAI,IAAmB,GAAG,CAAC,CAAC,GAGzD,EAAM,eAAe;AAAA,EAAA,GAEzB,CAAC,GAAe,CAAgB,CACpC;AAEA,WAAU,MAAM;AACR,QAAA,CAAC,KAAgB,CAAC;AAClB;AAGE,UAAA,IAAiB,EAAiB,iBAAiB,CAAyB;AAElF,eAAW,KAAQ;AACd,QAA+C,YAAY;AAGhE,IAAK,KACD,EAAiB,CAAc;AAAA,EACnC,GACD,CAAC,GAAc,GAAkB,GAAe,GAAe,CAAyB,CAAC,GAE5F,EAAU,MAAM;AACZ,IAAI,CAAC,KAID,EAAc,MACb,EAAc,GAAwC;EAC3D,GACD,CAAC,GAAkB,CAAa,CAAC,GAEpC,EAAU,MAAM;AACZ,IAAK,KACD,GAAiB,MAAS,GAC1B,EAAgC,EAAE,IAGtC,EAAoB,CAAC;AAAA,EAAA,GACtB,CAAC,CAAY,CAAC,GAEV;AACX;"}

package/dist/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton.es.js

@@ -1,11 +1,11 @@
-import { withPlateEventProvider as i, usePlateEditorState as u, useEventPlateId as c, someNode as m, ToolbarButton as d, unwrapList as f, getPreventDefaultHandler as p, toggleNodeType as P } from "@udecode/plate";
-import E from "react";
-const g = i(({ id: r, type: o, inactiveType: s, active: t, ...l }) => {
-  const e = u(c(r)), n = t != null ? t : !!(e != null && e.selection) && m(e, { match: { type: o } });
-  return /* @__PURE__ */ E.createElement(d, {
-    active: n,
+import { withPlateProvider as i, usePlateEditorState as u, useEventPlateId as c, someNode as m, ToolbarButton as d, unwrapList as f, getPreventDefaultHandler as p, toggleNodeType as P } from "@udecode/plate";
+import T from "react";
+const h = i(({ id: n, type: o, inactiveType: s, active: t, ...l }) => {
+  const e = u(c(n)), r = t != null ? t : !!(e != null && e.selection) && m(e, { match: { type: o } });
+  return /* @__PURE__ */ T.createElement(d, {
+    active: r,
     onMouseDown: (a) => {
-      !e || !e.selection || (n || f(e, {}), p(P, e, {
+      !e || !e.selection || (r || f(e, {}), p(P, e, {
         activeType: o,
         inactiveType: s
       })(a));
@@ -14,6 +14,6 @@ const g = i(({ id: r, type: o, inactiveType: s, active: t, ...l }) => {
   });
 });
 export {
-  g as CheckboxListToolbarButton
+  h as CheckboxListToolbarButton
 };
 //# sourceMappingURL=CheckboxListToolbarButton.es.js.map

package/dist/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxListToolbarButton.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton.tsx"],"sourcesContent":["import {\n    BlockToolbarButtonProps,\n    ToolbarButton,\n    getPreventDefaultHandler,\n    someNode,\n    toggleNodeType,\n    unwrapList,\n    useEventPlateId,\n    usePlateEditorState,\n    withPlateEventProvider,\n} from '@udecode/plate';\nimport React from 'react';\n\nexport const CheckboxListToolbarButton = withPlateEventProvider(\n    ({ id, type, inactiveType, active, ...props }: BlockToolbarButtonProps) => {\n        const editor = usePlateEditorState(useEventPlateId(id));\n\n        const isActive = active ?? (!!editor?.selection && someNode(editor, { match: { type } }));\n\n        return (\n            <ToolbarButton\n                active={isActive}\n                onMouseDown={(event) => {\n                    if (!editor || !editor.selection) {\n                        return;\n                    }\n\n                    if (!isActive) {\n                        unwrapList(editor, {});\n                    }\n\n                    getPreventDefaultHandler(toggleNodeType, editor, {\n                        activeType: type,\n                        inactiveType,\n                    })(event);\n                }}\n                {...props}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;AAaa,MAAA,IAA4B,EACrC,CAAC,EAAE,OAAI,SAAM,iBAAc,cAAW,QAAqC;AACvE,QAAM,IAAS,EAAoB,EAAgB,CAAE,CAAC,GAEhD,IAAW,gBAAY,CAAA,CAAC,gBAAQ,cAAa,EAAS,GAAQ,EAAE,OAAO,EAAE,WAAQ;AAEvF,SACK,kBAAA,cAAA,GAAA;AAAA,IACG,QAAQ;AAAA,IACR,aAAa,CAAC,MAAU;AACpB,MAAI,CAAC,KAAU,CAAC,EAAO,aAIlB,MACU,EAAA,GAAQ,CAAA,CAAE,GAGzB,EAAyB,GAAgB,GAAQ;AAAA,QAC7C,YAAY;AAAA,QACZ;AAAA,MAAA,CACH,EAAE,CAAK;AAAA,IACZ;AAAA,IACC,GAAG;AAAA,EAAA,CACR;AAER,CACJ;"}
+{"version":3,"file":"CheckboxListToolbarButton.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListButton/CheckboxListToolbarButton.tsx"],"sourcesContent":["import {\n    BlockToolbarButtonProps,\n    ToolbarButton,\n    getPreventDefaultHandler,\n    someNode,\n    toggleNodeType,\n    unwrapList,\n    useEventPlateId,\n    usePlateEditorState,\n    withPlateProvider,\n} from '@udecode/plate';\nimport React from 'react';\n\nexport const CheckboxListToolbarButton = withPlateProvider(\n    ({ id, type, inactiveType, active, ...props }: BlockToolbarButtonProps) => {\n        const editor = usePlateEditorState(useEventPlateId(id));\n\n        const isActive = active ?? (!!editor?.selection && someNode(editor, { match: { type } }));\n\n        return (\n            <ToolbarButton\n                active={isActive}\n                onMouseDown={(event) => {\n                    if (!editor || !editor.selection) {\n                        return;\n                    }\n\n                    if (!isActive) {\n                        unwrapList(editor, {});\n                    }\n\n                    getPreventDefaultHandler(toggleNodeType, editor, {\n                        activeType: type,\n                        inactiveType,\n                    })(event);\n                }}\n                {...props}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;AAaa,MAAA,IAA4B,EACrC,CAAC,EAAE,OAAI,SAAM,iBAAc,cAAW,QAAqC;AACvE,QAAM,IAAS,EAAoB,EAAgB,CAAE,CAAC,GAEhD,IAAW,gBAAY,CAAA,CAAC,gBAAQ,cAAa,EAAS,GAAQ,EAAE,OAAO,EAAE,WAAQ;AAEvF,SACK,kBAAA,cAAA,GAAA;AAAA,IACG,QAAQ;AAAA,IACR,aAAa,CAAC,MAAU;AACpB,MAAI,CAAC,KAAU,CAAC,EAAO,aAIlB,MACU,EAAA,GAAQ,CAAA,CAAE,GAGzB,EAAyB,GAAgB,GAAQ;AAAA,QAC7C,YAAY;AAAA,QACZ;AAAA,MAAA,CACH,EAAE,CAAK;AAAA,IACZ;AAAA,IACC,GAAG;AAAA,EAAA,CACR;AAER,CACJ;"}

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

@@ -3,11 +3,13 @@ import { useFloatingLinkSelectors as i } from "@udecode/plate";
 import { FloatingLink as n } from "./FloatingLink.es.js";
 import { EditModal as l } from "./EditLinkModal/EditModal.es.js";
 import { InsertModal as m } from "./InsertLinkModal/InsertModal.es.js";
-const d = () => {
+import "../../../../../node_modules/@udecode/plate-core/dist/index.es.es.js";
+import "slate-react";
+const g = () => {
   const o = i().isEditing(), e = /* @__PURE__ */ t.createElement(m, null), r = o ? e : /* @__PURE__ */ t.createElement(l, null);
   return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(n.InsertRoot, null, e), /* @__PURE__ */ t.createElement(n.EditRoot, null, r));
 };
 export {
-  d as CustomFloatingLink
+  g as CustomFloatingLink
 };
 //# sourceMappingURL=CustomFloatingLink.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CustomFloatingLink.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/LinkPlugin/FloatingLink/CustomFloatingLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { useFloatingLinkSelectors } from '@udecode/plate';\nimport { FloatingLink } from './FloatingLink';\nimport { EditModal } from './EditLinkModal';\nimport { InsertModal } from './InsertLinkModal';\n\nexport const CustomFloatingLink = () => {\n    const isEditing = useFloatingLinkSelectors().isEditing();\n\n    const input = <InsertModal />;\n    const editContent = !isEditing ? <EditModal /> : input;\n\n    return (\n        <>\n            <FloatingLink.InsertRoot>{input}</FloatingLink.InsertRoot>\n\n            <FloatingLink.EditRoot>{editContent}</FloatingLink.EditRoot>\n        </>\n    );\n};\n"],"names":[],"mappings":";;;;;AAQO,MAAM,IAAqB,MAAM;AAC9B,QAAA,IAAY,IAA2B,aAEvC,oCAAS,GAAY,IAAA,GACrB,IAAc,AAAC,IAA4B,IAAhB,kBAAA,cAAC,OAAU;AAE5C,SAEQ,kBAAA,cAAA,EAAA,UAAA,MAAA,kBAAA,cAAC,EAAa,YAAb,MAAyB,CAAM,GAEhC,kBAAA,cAAC,EAAa,UAAb,MAAuB,CAAY,CACxC;AAER;"}
+{"version":3,"file":"CustomFloatingLink.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/LinkPlugin/FloatingLink/CustomFloatingLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { useFloatingLinkSelectors } from '@udecode/plate';\nimport { FloatingLink } from './FloatingLink';\nimport { EditModal } from './EditLinkModal';\nimport { InsertModal } from './InsertLinkModal';\n\nexport const CustomFloatingLink = () => {\n    const isEditing = useFloatingLinkSelectors().isEditing();\n\n    const input = <InsertModal />;\n    const editContent = !isEditing ? <EditModal /> : input;\n\n    return (\n        <>\n            <FloatingLink.InsertRoot>{input}</FloatingLink.InsertRoot>\n\n            <FloatingLink.EditRoot>{editContent}</FloatingLink.EditRoot>\n        </>\n    );\n};\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,IAAqB,MAAM;AAC9B,QAAA,IAAY,IAA2B,aAEvC,oCAAS,GAAY,IAAA,GACrB,IAAc,AAAC,IAA4B,IAAhB,kBAAA,cAAC,OAAU;AAE5C,SAEQ,kBAAA,cAAA,EAAA,UAAA,MAAA,kBAAA,cAAC,EAAa,YAAb,MAAyB,CAAM,GAEhC,kBAAA,cAAC,EAAa,UAAb,MAAuB,CAAY,CACxC;AAER;"}

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

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

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

@@ -1 +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 { useCallback, useEffect } from 'react';\nimport {\n    ELEMENT_LINK,\n    FloatingLinkProps,\n    HTMLPropsAs,\n    floatingLinkActions,\n    floatingLinkSelectors,\n    getAboveNode,\n    getDefaultBoundingClientRect,\n    getEndPoint,\n    getPluginType,\n    getRangeBoundingClientRect,\n    getStartPoint,\n    someNode,\n    useComposedRef,\n    useEditorRef,\n    useFloatingLinkSelectors,\n    usePlateSelectors,\n    useVirtualFloatingLink,\n} from '@udecode/plate';\nimport { getUrlFromEditor } from '../../utils';\n\nexport const useFloatingLinkEdit = ({ floatingOptions, ...props }: FloatingLinkProps): HTMLPropsAs<'div'> => {\n    const editor = useEditorRef();\n    const keyEditor = usePlateSelectors(editor.id).keyEditor();\n    const mode = useFloatingLinkSelectors().mode();\n    const open = useFloatingLinkSelectors().open();\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        open: isOpen,\n        getBoundingClientRect,\n        ...floatingOptions,\n    });\n\n    useEffect(() => {\n        const url = getUrlFromEditor(editor);\n        if (url) {\n            floatingLinkActions.url(url);\n        }\n        if (\n            editor.selection &&\n            someNode(editor, {\n                match: { type: getPluginType(editor, ELEMENT_LINK) },\n            })\n        ) {\n            floatingLinkActions.show('edit');\n\n            update();\n            return;\n        }\n\n        if (floatingLinkSelectors.mode() === 'edit') {\n            floatingLinkActions.hide();\n        }\n    }, [editor, keyEditor, update]);\n\n    return {\n        style: {\n            ...style,\n            zIndex: 1,\n        },\n        ...props,\n        ref: useComposedRef<HTMLElement | null>(props.ref, floating),\n    };\n};\n"],"names":[],"mappings":";;;AAwBO,MAAM,IAAsB,CAAC,EAAE,uBAAoB,QAAmD;AACzG,QAAM,IAAS,KACT,IAAY,EAAkB,EAAO,EAAE,EAAE,UAAU,GACnD,IAAO,IAA2B,QAClC,IAAO,IAA2B,QAElC,IAAwB,EAAY,MAAM;AACtC,UAAA,IAAQ,EAAa,GAAQ;AAAA,MAC/B,OAAO,EAAE,MAAM,EAAc,GAAQ,CAAY,EAAE;AAAA,IAAA,CACtD;AAED,QAAI,GAAO;AACD,YAAA,CAAG,EAAA,KAAQ;AACjB,aAAO,EAA2B,GAAQ;AAAA,QACtC,QAAQ,EAAc,GAAQ,CAAI;AAAA,QAClC,OAAO,EAAY,GAAQ,CAAI;AAAA,MAAA,CAClC;AAAA,IACL;AAEA,WAAO,EAA6B;AAAA,EAAA,GACrC,CAAC,CAAM,CAAC,GAEL,IAAS,KAAQ,MAAS,QAE1B,EAAE,WAAQ,UAAO,gBAAa,EAAuB;AAAA,IACvD,MAAM;AAAA,IACN;AAAA,IACA,GAAG;AAAA,EAAA,CACN;AAED,WAAU,MAAM;AACN,UAAA,IAAM,EAAiB,CAAM;AAK/B,QAJA,KACA,EAAoB,IAAI,CAAG,GAG3B,EAAO,aACP,EAAS,GAAQ;AAAA,MACb,OAAO,EAAE,MAAM,EAAc,GAAQ,CAAY,EAAE;AAAA,IAAA,CACtD,GACH;AACE,QAAoB,KAAK,MAAM,GAExB;AACP;AAAA,IACJ;AAEI,IAAA,EAAsB,KAAK,MAAM,UACjC,EAAoB,KAAK;AAAA,EAE9B,GAAA,CAAC,GAAQ,GAAW,CAAM,CAAC,GAEvB;AAAA,IACH,OAAO;AAAA,MACH,GAAG;AAAA,MACH,QAAQ;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,IACH,KAAK,EAAmC,EAAM,KAAK,CAAQ;AAAA,EAAA;AAEnE;"}
+{"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 { useCallback, useEffect } from 'react';\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 { getUrlFromEditor } from '../../utils';\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 } = 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 = getUrlFromEditor(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: 1,\n        },\n        ...props,\n        ref: useComposedRef<HTMLElement | null>(props.ref, floating),\n    };\n};\n"],"names":[],"mappings":";;;AA8BO,MAAM,IAAsB,CAAC,EAAE,uBAAoB,QAAmD;AACzG,QAAM,IAAS,KACT,IAAY,IAAoB,aAChC,IAAO,IAA2B,QAClC,IAAO,EAA2B,EAAA,OAAO,EAAO,EAAE,GAElD,EAAE,kCAA+B,EAA6B,GAAQ,CAAY,GAElF,IAAwB,EAAY,MAAM;AACtC,UAAA,IAAQ,EAAa,GAAQ;AAAA,MAC/B,OAAO,EAAE,MAAM,EAAc,GAAQ,CAAY,EAAE;AAAA,IAAA,CACtD;AAED,QAAI,GAAO;AACD,YAAA,CAAG,EAAA,KAAQ;AACjB,aAAO,EAA2B,GAAQ;AAAA,QACtC,QAAQ,EAAc,GAAQ,CAAI;AAAA,QAClC,OAAO,EAAY,GAAQ,CAAI;AAAA,MAAA,CAClC;AAAA,IACL;AAEA,WAAO,EAA6B;AAAA,EAAA,GACrC,CAAC,CAAM,CAAC,GAEL,IAAS,KAAQ,MAAS,QAE1B,EAAE,WAAQ,UAAO,gBAAa,EAAuB;AAAA,IACvD,UAAU,EAAO;AAAA,IACjB,MAAM;AAAA,IACN;AAAA,IACA,GAAG;AAAA,EAAA,CACN;AAED,WAAU,MAAM;AACN,UAAA,IAAM,EAAiB,CAAM;AAM/B,QALA,KACA,EAAoB,IAAI,CAAG,GAI3B,EAAO,aACP,EAAS,GAAQ;AAAA,MACb,OAAO,EAAE,MAAM,EAAc,GAAQ,CAAY,EAAE;AAAA,IAAA,CACtD,GACH;AACsB,QAAA,KAAK,QAAQ,EAAO,EAAE,GACnC;AACP;AAAA,IACJ;AAEI,IAAA,EAAsB,KAAK,MAAM,UACjC,EAAoB,KAAK;AAAA,EAE9B,GAAA,CAAC,GAAQ,GAAW,CAAM,CAAC,GAG1B,EAAA,GACA,CAAC,MAAM;AACH,MAAE,eAAe,GAEb,EAAsB,KAAK,MAAM,UACjC,EAAwB,CAAM;AAAA,EAClC,GAEJ;AAAA,IACI,yBAAyB;AAAA,EAC7B,GACA,CACJ,CAAA,GAEqB,KAEC,KAEf;AAAA,IACH,OAAO;AAAA,MACH,GAAG;AAAA,MACH,QAAQ;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,IACH,KAAK,EAAmC,EAAM,KAAK,CAAQ;AAAA,EAAA;AAEnE;"}

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

@@ -1,4 +1,4 @@
-import { createComponentAs as m, useFloatingLinkInsert as n, createElementAs as p, FloatingLink as r } from "@udecode/plate";
+import { createComponentAs as m, createElementAs as p, FloatingLink as r } from "@udecode/plate";
 import "react";
 import "../../../../../foundation/Icon/Generated/IconAdobeCreativeCloud.es.js";
 import "../../../../../foundation/Icon/Generated/IconAdobeCreativeCloud12.es.js";
@@ -1662,20 +1662,27 @@ import "../../../../../foundation/Icon/Generated/IconWorkflowShapes24.es.js";
 import "../../../../../foundation/Icon/Generated/IconWorkflowShapes32.es.js";
 import "../../../../../foundation/Icon/IconsMap.es.js";
 import "../../../context/RichTextEditorContext.es.js";
-import { useFloatingLinkEdit as e } from "./EditLinkModal/useFloatingLinkEdit.es.js";
+import { useFloatingLinkEdit as n } from "./EditLinkModal/useFloatingLinkEdit.es.js";
+import "../../../../Button/Button.es.js";
+import "../../../../Checkbox/Checkbox.es.js";
+import "../../../../FormControl/FormControl.es.js";
+import "@react-aria/focus";
+import "../../../../../utilities/focusStyle.es.js";
+import "./InsertLinkModal/useInsertModal.es.js";
+import { useFloatingLinkInsert as e } from "./InsertLinkModal/useFloatingLinkInsert.es.js";
 const s = m((i) => {
   var o;
-  const t = n(i);
+  const t = e(i);
   return ((o = t.style) == null ? void 0 : o.display) === "none" ? null : p("div", t);
 }), l = m((i) => {
   var o;
-  const t = e(i);
+  const t = n(i);
   return ((o = t.style) == null ? void 0 : o.display) === "none" ? null : p("div", t);
 });
 r.EditRoot = l;
 r.InsertRoot = s;
-const m$ = r;
+const u$ = r;
 export {
-  m$ as FloatingLink
+  u$ as FloatingLink
 };
 //# sourceMappingURL=FloatingLink.es.js.map

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

@@ -1 +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    useFloatingLinkInsert,\n} from '@udecode/plate';\nimport { useFloatingLinkEdit } from './EditLinkModal';\n\nconst FloatingLinkInsertRoot = createComponentAs<FloatingLinkProps>((props) => {\n    const htmlProps = useFloatingLinkInsert(props);\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(props);\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":["PlateFloatingLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,IAAyB,EAAqC,CAAC,MAAU;;AACrE,QAAA,IAAY,EAAsB,CAAK;AAEzC,SAAA,QAAU,UAAV,kBAAiB,aAAY,SACtB,OAGJ,EAAgB,OAAO,CAAS;AAC3C,CAAC,GAEK,IAAuB,EAAqC,CAAC,MAAU;;AACnE,QAAA,IAAY,EAAoB,CAAK;AAEvC,SAAA,QAAU,UAAV,kBAAiB,aAAY,SACtB,OAGJ,EAAgB,OAAO,CAAS;AAC3C,CAAC;AAEDA,EAAkB,WAAW;AAC7BA,EAAkB,aAAa;AAExB,MAAM,KAAeA;"}
+{"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';\n\nconst FloatingLinkInsertRoot = createComponentAs<FloatingLinkProps>((props) => {\n    const htmlProps = useFloatingLinkInsert(props);\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(props);\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":["PlateFloatingLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,IAAyB,EAAqC,CAAC,MAAU;;AACrE,QAAA,IAAY,EAAsB,CAAK;AAEzC,SAAA,QAAU,UAAV,kBAAiB,aAAY,SACtB,OAGJ,EAAgB,OAAO,CAAS;AAC3C,CAAC,GAEK,IAAuB,EAAqC,CAAC,MAAU;;AACnE,QAAA,IAAY,EAAoB,CAAK;AAEvC,SAAA,QAAU,UAAV,kBAAiB,aAAY,SACtB,OAGJ,EAAgB,OAAO,CAAS;AAC3C,CAAC;AAEDA,EAAkB,WAAW;AAC7BA,EAAkB,aAAa;AAExB,MAAM,KAAeA;"}

package/dist/components/RichTextEditor/Plugins/LinkPlugin/FloatingLink/InsertLinkModal/index.d.ts

@@ -1 +1,2 @@
 export * from './InsertModal';
+export * from './useFloatingLinkInsert';

package/dist/components/RichTextEditor/Plugins/LinkPlugin/FloatingLink/InsertLinkModal/useFloatingLinkInsert.d.ts

@@ -0,0 +1,2 @@
+import { FloatingLinkProps, HTMLPropsAs } from '@udecode/plate';
+export declare const useFloatingLinkInsert: ({ floatingOptions, ...props }: FloatingLinkProps) => HTMLPropsAs<'div'>;

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

@@ -0,0 +1,38 @@
+import { useEffect as m } from "react";
+import { useEditorRef as p, useFloatingLinkSelectors as r, getPluginOptions as k, ELEMENT_LINK as L, useHotkeys as E, triggerFloatingLinkInsert as F, useOnClickOutside as C, floatingLinkSelectors as I, floatingLinkActions as n, focusEditor as O, useVirtualFloatingLink as y, useFloatingLinkEscape as R, useComposedRef as S } from "@udecode/plate";
+import { getSelectionBoundingClientRect as b } from "../../../../../../node_modules/@udecode/plate-floating/dist/index.es.es.js";
+import { useFocused as h } from "slate-react";
+const N = ({ floatingOptions: l, ...o }) => {
+  const e = p(), i = h(), u = r().mode(), t = r().isOpen(e.id), { triggerFloatingLinkHotkeys: d } = k(e, L);
+  E(d, (a) => {
+    a.preventDefault(), F(e, {
+      focused: i
+    });
+  }, {
+    enableOnContentEditable: !0
+  }, [i]);
+  const c = C(() => {
+    I.mode() === "insert" && t && (n.hide(), O(e, e.selection));
+  }), { update: s, style: f, floating: g } = y({
+    editorId: e.id,
+    open: t && u === "insert",
+    getBoundingClientRect: b,
+    whileElementsMounted: () => {
+    },
+    ...l
+  });
+  return m(() => {
+    t ? (s(), n.updated(!0)) : n.updated(!1);
+  }, [t, s]), R(), {
+    style: {
+      ...f,
+      zIndex: 1
+    },
+    ...o,
+    ref: S(o.ref, g, c)
+  };
+};
+export {
+  N as useFloatingLinkInsert
+};
+//# sourceMappingURL=useFloatingLinkInsert.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingLinkInsert.es.js","sources":["../../../../../../../src/components/RichTextEditor/Plugins/LinkPlugin/FloatingLink/InsertLinkModal/useFloatingLinkInsert.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport {\n    ELEMENT_LINK,\n    FloatingLinkProps,\n    HTMLPropsAs,\n    LinkPlugin,\n    floatingLinkActions,\n    floatingLinkSelectors,\n    focusEditor,\n    getPluginOptions,\n    triggerFloatingLinkInsert,\n    useComposedRef,\n    useEditorRef,\n    useFloatingLinkEscape,\n    useFloatingLinkSelectors,\n    useHotkeys,\n    useOnClickOutside,\n    useVirtualFloatingLink,\n} from '@udecode/plate';\nimport { getSelectionBoundingClientRect } from '@udecode/plate-floating';\nimport { useFocused } from 'slate-react';\n\nexport const useFloatingLinkInsert = ({ floatingOptions, ...props }: FloatingLinkProps): HTMLPropsAs<'div'> => {\n    const editor = useEditorRef();\n    const focused = useFocused();\n    const mode = useFloatingLinkSelectors().mode();\n    const open = useFloatingLinkSelectors().isOpen(editor.id);\n\n    const { triggerFloatingLinkHotkeys } = getPluginOptions<LinkPlugin>(editor, ELEMENT_LINK);\n\n    useHotkeys(\n        triggerFloatingLinkHotkeys!,\n        (e) => {\n            e.preventDefault();\n\n            triggerFloatingLinkInsert(editor, {\n                focused,\n            });\n        },\n        {\n            enableOnContentEditable: true,\n        },\n        [focused],\n    );\n\n    const ref = useOnClickOutside(() => {\n        if (floatingLinkSelectors.mode() === 'insert' && open) {\n            floatingLinkActions.hide();\n            focusEditor(editor, editor.selection!);\n        }\n    });\n\n    const { update, style, floating } = useVirtualFloatingLink({\n        editorId: editor.id,\n        open: open && mode === 'insert',\n        getBoundingClientRect: getSelectionBoundingClientRect,\n        // eslint-disable-next-line @typescript-eslint/no-empty-function\n        whileElementsMounted: () => {},\n        ...floatingOptions,\n    });\n\n    // wait for update before focusing input\n    useEffect(() => {\n        if (open) {\n            update();\n            floatingLinkActions.updated(true);\n        } else {\n            floatingLinkActions.updated(false);\n        }\n    }, [open, update]);\n\n    useFloatingLinkEscape();\n\n    return {\n        style: {\n            ...style,\n            zIndex: 1,\n        },\n        ...props,\n        ref: useComposedRef<HTMLElement | null>(props.ref, floating, ref),\n    };\n};\n"],"names":[],"mappings":";;;;AAsBO,MAAM,IAAwB,CAAC,EAAE,uBAAoB,QAAmD;AAC3G,QAAM,IAAS,KACT,IAAU,KACV,IAAO,IAA2B,QAClC,IAAO,EAA2B,EAAA,OAAO,EAAO,EAAE,GAElD,EAAE,kCAA+B,EAA6B,GAAQ,CAAY;AAGpF,IAAA,GACA,CAAC,MAAM;AACH,MAAE,eAAe,GAEjB,EAA0B,GAAQ;AAAA,MAC9B;AAAA,IAAA,CACH;AAAA,EAAA,GAEL;AAAA,IACI,yBAAyB;AAAA,EAAA,GAE7B,CAAC,CAAO,CACZ;AAEM,QAAA,IAAM,EAAkB,MAAM;AAChC,IAAI,EAAsB,WAAW,YAAY,KAC7C,GAAoB,KAAK,GACb,EAAA,GAAQ,EAAO,SAAU;AAAA,EACzC,CACH,GAEK,EAAE,WAAQ,UAAO,gBAAa,EAAuB;AAAA,IACvD,UAAU,EAAO;AAAA,IACjB,MAAM,KAAQ,MAAS;AAAA,IACvB,uBAAuB;AAAA,IAEvB,sBAAsB,MAAM;AAAA,IAAC;AAAA,IAC7B,GAAG;AAAA,EAAA,CACN;AAGD,WAAU,MAAM;AACZ,IAAI,IACO,MACP,EAAoB,QAAQ,EAAI,KAEhC,EAAoB,QAAQ,EAAK;AAAA,EACrC,GACD,CAAC,GAAM,CAAM,CAAC,GAEK,KAEf;AAAA,IACH,OAAO;AAAA,MACH,GAAG;AAAA,MACH,QAAQ;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,IACH,KAAK,EAAmC,EAAM,KAAK,GAAU,CAAG;AAAA,EAAA;AAExE;"}

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

@@ -1 +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 React from 'react';\nimport { HTMLPropsAs, LinkRootProps, useElementProps } from '@udecode/plate';\nimport { getUrlFromLinkOrLegacyLink } from '../utils';\nimport { TLinkElement } from '../types';\nimport { useRichTextEditorContext } from '@components/RichTextEditor/context/RichTextEditorContext';\n\nconst useLink = (props: LinkRootProps): HTMLPropsAs<'a'> => {\n    const _props = useElementProps<TLinkElement, 'a'>({\n        ...props,\n        elementToAttributes: (element) => ({\n            href: getUrlFromLinkOrLegacyLink(element),\n            target: element.target || '_blank',\n        }),\n    });\n\n    return {\n        ..._props,\n        // quick fix: hovering <a> with href loses the editor focus\n        onMouseOver: (e: MouseEvent) => {\n            e.stopPropagation();\n        },\n    };\n};\n\nexport const LinkMarkupElementNode = (props: LinkRootProps) => {\n    const htmlProps = useLink(props);\n    const { designTokens } = useRichTextEditorContext();\n    const { attributes, children } = props;\n\n    return (\n        <a {...attributes} href={htmlProps.href} target={htmlProps.target} style={designTokens.link}>\n            {children}\n        </a>\n    );\n};\n"],"names":[],"mappings":";;;;AAQA,MAAM,IAAU,CAAC,MASN;AAAA,EACH,GATW,EAAmC;AAAA,IAC9C,GAAG;AAAA,IACH,qBAAqB,CAAC,MAAa;AAAA,MAC/B,MAAM,EAA2B,CAAO;AAAA,MACxC,QAAQ,EAAQ,UAAU;AAAA,IAAA;AAAA,EAC9B,CACH;AAAA,EAKG,aAAa,CAAC,MAAkB;AAC5B,MAAE,gBAAgB;AAAA,EACtB;AAAA,IAIK,IAAwB,CAAC,MAAyB;AACrD,QAAA,IAAY,EAAQ,CAAK,GACzB,EAAE,oBAAiB,KACnB,EAAE,eAAY,gBAAa;AAEjC,SACK,kBAAA,cAAA,KAAA;AAAA,IAAG,GAAG;AAAA,IAAY,MAAM,EAAU;AAAA,IAAM,QAAQ,EAAU;AAAA,IAAQ,OAAO,EAAa;AAAA,EAAA,GAClF,CACL;AAER;"}
+{"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 React, { MouseEvent } from 'react';\nimport { HTMLPropsAs, LinkRootProps, useElementProps } from '@udecode/plate';\nimport { getUrlFromLinkOrLegacyLink } from '../utils';\nimport { TLinkElement } from '../types';\nimport { useRichTextEditorContext } from '@components/RichTextEditor/context/RichTextEditorContext';\n\nconst useLink = (props: LinkRootProps): HTMLPropsAs<'a'> => {\n    const _props = useElementProps<TLinkElement, 'a'>({\n        ...props,\n        elementToAttributes: (element) => ({\n            href: getUrlFromLinkOrLegacyLink(element),\n            target: element.target || '_blank',\n        }),\n    });\n\n    return {\n        ..._props,\n        // quick fix: hovering <a> with href loses the editor focus\n        onMouseOver: (e: MouseEvent) => {\n            e.stopPropagation();\n        },\n    };\n};\n\nexport const LinkMarkupElementNode = (props: LinkRootProps) => {\n    const htmlProps = useLink(props);\n    const { designTokens } = useRichTextEditorContext();\n    const { attributes, children } = props;\n\n    return (\n        <a {...attributes} href={htmlProps.href} target={htmlProps.target} style={designTokens.link}>\n            {children}\n        </a>\n    );\n};\n"],"names":[],"mappings":";;;;AAQA,MAAM,IAAU,CAAC,MASN;AAAA,EACH,GATW,EAAmC;AAAA,IAC9C,GAAG;AAAA,IACH,qBAAqB,CAAC,MAAa;AAAA,MAC/B,MAAM,EAA2B,CAAO;AAAA,MACxC,QAAQ,EAAQ,UAAU;AAAA,IAAA;AAAA,EAC9B,CACH;AAAA,EAKG,aAAa,CAAC,MAAkB;AAC5B,MAAE,gBAAgB;AAAA,EACtB;AAAA,IAIK,IAAwB,CAAC,MAAyB;AACrD,QAAA,IAAY,EAAQ,CAAK,GACzB,EAAE,oBAAiB,KACnB,EAAE,eAAY,gBAAa;AAEjC,SACK,kBAAA,cAAA,KAAA;AAAA,IAAG,GAAG;AAAA,IAAY,MAAM,EAAU;AAAA,IAAM,QAAQ,EAAU;AAAA,IAAQ,OAAO,EAAa;AAAA,EAAA,GAClF,CACL;AAER;"}

package/dist/components/RichTextEditor/serializer/utils/serializeLeafToHtml.d.ts

@@ -1,2 +1 @@
-import { TDescendant } from '@udecode/plate';
-export declare const serializeLeafToHtml: (node: TDescendant) => string;
+export declare const serializeLeafToHtml: (node: any) => string;

package/dist/components/RichTextEditor/serializer/utils/serializeLeafToHtml.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"serializeLeafToHtml.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utils/serializeLeafToHtml.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { TDescendant } from '@udecode/plate';\nimport {\n    BOLD_CLASSES,\n    CODE_CLASSES,\n    ITALIC_CLASSES,\n    STRIKETHROUGH_CLASSES,\n    UNDERLINE_CLASSES,\n} from '@components/RichTextEditor/Plugins';\nimport escapeHtml from 'escape-html';\n\nexport const serializeLeafToHtml = (node: TDescendant): string => {\n    let string = escapeHtml(node.text);\n    if (node.bold) {\n        string = `<span class=\"${BOLD_CLASSES}\">${string}</span>`;\n    }\n    if (node.italic) {\n        string = `<span class=\"${ITALIC_CLASSES}\">${string}</span>`;\n    }\n    if (node.underline) {\n        string = `<span class=\"${UNDERLINE_CLASSES}\">${string}</span>`;\n    }\n    if (node.strikethrough) {\n        string = `<span class=\"${STRIKETHROUGH_CLASSES}\">${string}</span>`;\n    }\n    if (node.code) {\n        string = `<span class=\"${CODE_CLASSES}\">${string}</span>`;\n    }\n    return string;\n};\n"],"names":["escapeHtml"],"mappings":";;;;;;;AAYa,MAAA,IAAsB,CAAC,MAA8B;AAC1D,MAAA,IAASA,EAAW,EAAK,IAAI;AACjC,SAAI,EAAK,QACL,KAAS,gBAAgB,MAAiB,aAE1C,EAAK,UACL,KAAS,gBAAgB,MAAmB,aAE5C,EAAK,aACL,KAAS,gBAAgB,MAAsB,aAE/C,EAAK,iBACL,KAAS,gBAAgB,MAA0B,aAEnD,EAAK,QACL,KAAS,gBAAgB,MAAiB,aAEvC;AACX;"}
+{"version":3,"file":"serializeLeafToHtml.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utils/serializeLeafToHtml.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    BOLD_CLASSES,\n    CODE_CLASSES,\n    ITALIC_CLASSES,\n    STRIKETHROUGH_CLASSES,\n    UNDERLINE_CLASSES,\n} from '@components/RichTextEditor/Plugins';\nimport escapeHtml from 'escape-html';\n\nexport const serializeLeafToHtml = (node: any): string => {\n    let string = escapeHtml(node.text);\n    if (node.bold) {\n        string = `<span class=\"${BOLD_CLASSES}\">${string}</span>`;\n    }\n    if (node.italic) {\n        string = `<span class=\"${ITALIC_CLASSES}\">${string}</span>`;\n    }\n    if (node.underline) {\n        string = `<span class=\"${UNDERLINE_CLASSES}\">${string}</span>`;\n    }\n    if (node.strikethrough) {\n        string = `<span class=\"${STRIKETHROUGH_CLASSES}\">${string}</span>`;\n    }\n    if (node.code) {\n        string = `<span class=\"${CODE_CLASSES}\">${string}</span>`;\n    }\n    return string;\n};\n"],"names":["escapeHtml"],"mappings":";;;;;;;AAWa,MAAA,IAAsB,CAAC,MAAsB;AAClD,MAAA,IAASA,EAAW,EAAK,IAAI;AACjC,SAAI,EAAK,QACL,KAAS,gBAAgB,MAAiB,aAE1C,EAAK,UACL,KAAS,gBAAgB,MAAmB,aAE5C,EAAK,aACL,KAAS,gBAAgB,MAAsB,aAE/C,EAAK,iBACL,KAAS,gBAAgB,MAA0B,aAEnD,EAAK,QACL,KAAS,gBAAgB,MAAiB,aAEvC;AACX;"}

package/dist/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.d.ts

@@ -1,3 +1,2 @@
-import { TDescendant } from '@udecode/plate';
 import { DesignTokens } from '../../../RichTextEditor/types';
-export declare const serializeNodeToHtmlRecursive: (node: TDescendant, designTokens: DesignTokens) => string;
+export declare const serializeNodeToHtmlRecursive: (node: any, designTokens: DesignTokens) => string;

package/dist/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.es.js

@@ -1,6 +1,6 @@
-import { ELEMENT_LINK as c, ELEMENT_LI as i, ELEMENT_OL as m, ELEMENT_UL as s, ELEMENT_PARAGRAPH as $ } from "@udecode/plate";
+import { ELEMENT_LINK as c, ELEMENT_LI as m, ELEMENT_OL as i, ELEMENT_UL as s, ELEMENT_PARAGRAPH as $ } from "@udecode/plate";
 import "../../Plugins/index.es.js";
-import { TextStyles as l } from "../../Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
+import { TextStyles as E } from "../../Plugins/TextStylePlugin/TextStyles/textStyles.es.js";
 import "../../Plugins/TextStylePlugin/TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
 import "../../Plugins/TextStylePlugin/TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
 import "../../Plugins/TextStylePlugin/TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
@@ -9,43 +9,47 @@ import "../../Plugins/TextStylePlugin/TextStyles/Heading2Plugin/createHeading2Pl
 import "../../Plugins/TextStylePlugin/TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
 import "../../Plugins/TextStylePlugin/TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
 import "../../Plugins/TextStylePlugin/TextStyles/Quote/createQuotePlugin.es.js";
-import a from "../../../../node_modules/escape-html/index.es.js";
+import p from "../../../../node_modules/escape-html/index.es.js";
 import { reactCssPropsToCss as e } from "./reactCssPropsToCss.es.js";
 import { serializeLeafToHtml as o } from "./serializeLeafToHtml.es.js";
 import { ELEMENT_CHECK_ITEM as u } from "../../Plugins/CheckboxListPlugin/id.es.js";
 import { OL_CLASSES as L } from "../../Plugins/ListPlugin/OrderedListPlugin/OrderedListMarkupElement.es.js";
 import { UL_CLASSES as h } from "../../Plugins/ListPlugin/UnorderedListPlugin/UnorderedListMarkupElement.es.js";
-const N = (E, t) => {
-  if (!E.children)
-    return o(E);
-  const r = E.children.map((p) => N(p, t)).join("");
-  switch (E.type) {
-    case l.ELEMENT_HEADING1:
+const N = (l, t) => {
+  if (!l.children)
+    return o(l);
+  const r = l.children.map((a) => N(a, t)).join("");
+  switch (l.type) {
+    case E.ELEMENT_HEADING1:
       return `<h1 style="${e(t.heading1)}">${r}</h1>`;
-    case l.ELEMENT_HEADING2:
+    case E.ELEMENT_HEADING2:
       return `<h2 style="${e(t.heading2)}">${r}</h2>`;
-    case l.ELEMENT_HEADING3:
+    case E.ELEMENT_HEADING3:
       return `<h3 style="${e(t.heading3)}">${r}</h3>`;
-    case l.ELEMENT_HEADING4:
+    case E.ELEMENT_HEADING4:
       return `<h4 style="${e(t.heading4)}">${r}</h4>`;
-    case l.ELEMENT_CUSTOM1:
+    case E.ELEMENT_CUSTOM1:
       return `<p style="${e(t.custom1)}">${r}</p>`;
-    case l.ELEMENT_CUSTOM2:
+    case E.ELEMENT_CUSTOM2:
       return `<p style="${e(t.custom2)}">${r}</p>`;
-    case l.ELEMENT_CUSTOM3:
+    case E.ELEMENT_CUSTOM3:
       return `<p style="${e(t.custom3)}">${r}</p>`;
-    case l.ELEMENT_QUOTE:
+    case E.ELEMENT_QUOTE:
       return `<p style="${e(t.quote)}">${r}</p>`;
     case $:
       return `<p>${r}</p>`;
     case s:
       return `<ul class="${h}">${r}</ul>`;
-    case m:
-      return `<ol class="${L}">${r}</ol>`;
     case i:
+      return `<ol class="${L}">${r}</ol>`;
+    case m:
       return `<li>${r}</li>`;
     case c:
-      return E.chosenLink ? `<a style="${e(t.link)}" target=${E.chosenLink.openInNewTab ? "_blank" : "_self"} href="${a(E.chosenLink.searchResult.link)}">${r}</a>` : `<a style="${e(t.link)}" href="${a(E.url)}">${r}</a>`;
+      if (l.chosenLink) {
+        const { chosenLink: a } = l;
+        return `<a style="${e(t.link)}" target=${a.openInNewTab ? "_blank" : "_self"} href="${p(a.searchResult.link)}">${r}</a>`;
+      }
+      return `<a style="${e(t.link)}" href="${p(l.url)}">${r}</a>`;
     case u:
       return `<input type="checkbox"/><label>${r}</label>`;
     default:

package/dist/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"serializeNodeToHtmlRecursive.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_LI, ELEMENT_LINK, ELEMENT_OL, ELEMENT_PARAGRAPH, ELEMENT_UL, TDescendant } from '@udecode/plate';\nimport { ELEMENT_CHECK_ITEM, OL_CLASSES, UL_CLASSES } from '@components/RichTextEditor/Plugins';\nimport { DesignTokens } from '@components/RichTextEditor/types';\nimport { TextStyles } from '@components/RichTextEditor/Plugins/TextStylePlugin/TextStyles';\nimport escapeHtml from 'escape-html';\nimport { reactCssPropsToCss } from './reactCssPropsToCss';\nimport { serializeLeafToHtml } from './serializeLeafToHtml';\n\nexport const serializeNodeToHtmlRecursive = (node: TDescendant, designTokens: DesignTokens): string => {\n    if (!node.children) {\n        return serializeLeafToHtml(node);\n    }\n\n    const children = node.children.map((n: TDescendant) => serializeNodeToHtmlRecursive(n, designTokens)).join('');\n\n    switch (node.type) {\n        case TextStyles.ELEMENT_HEADING1:\n            return `<h1 style=\"${reactCssPropsToCss(designTokens.heading1)}\">${children}</h1>`;\n        case TextStyles.ELEMENT_HEADING2:\n            return `<h2 style=\"${reactCssPropsToCss(designTokens.heading2)}\">${children}</h2>`;\n        case TextStyles.ELEMENT_HEADING3:\n            return `<h3 style=\"${reactCssPropsToCss(designTokens.heading3)}\">${children}</h3>`;\n        case TextStyles.ELEMENT_HEADING4:\n            return `<h4 style=\"${reactCssPropsToCss(designTokens.heading4)}\">${children}</h4>`;\n        case TextStyles.ELEMENT_CUSTOM1:\n            return `<p style=\"${reactCssPropsToCss(designTokens.custom1)}\">${children}</p>`;\n        case TextStyles.ELEMENT_CUSTOM2:\n            return `<p style=\"${reactCssPropsToCss(designTokens.custom2)}\">${children}</p>`;\n        case TextStyles.ELEMENT_CUSTOM3:\n            return `<p style=\"${reactCssPropsToCss(designTokens.custom3)}\">${children}</p>`;\n        case TextStyles.ELEMENT_QUOTE:\n            return `<p style=\"${reactCssPropsToCss(designTokens.quote)}\">${children}</p>`;\n        case ELEMENT_PARAGRAPH:\n            return `<p>${children}</p>`;\n        case ELEMENT_UL:\n            return `<ul class=\"${UL_CLASSES}\">${children}</ul>`;\n        case ELEMENT_OL:\n            return `<ol class=\"${OL_CLASSES}\">${children}</ol>`;\n        case ELEMENT_LI:\n            return `<li>${children}</li>`;\n        case ELEMENT_LINK:\n            if (node.chosenLink) {\n                return `<a style=\"${reactCssPropsToCss(designTokens.link)}\" target=${\n                    node.chosenLink.openInNewTab ? '_blank' : '_self'\n                } href=\"${escapeHtml(node.chosenLink.searchResult.link)}\">${children}</a>`;\n            }\n            return `<a style=\"${reactCssPropsToCss(designTokens.link)}\" href=\"${escapeHtml(node.url)}\">${children}</a>`;\n        case ELEMENT_CHECK_ITEM:\n            return `<input type=\"checkbox\"/><label>${children}</label>`;\n\n        default:\n            return children;\n    }\n};\n"],"names":["escapeHtml"],"mappings":";;;;;;;;;;;;;;;;;AAUa,MAAA,IAA+B,CAAC,GAAmB,MAAuC;AAC/F,MAAA,CAAC,EAAK;AACN,WAAO,EAAoB,CAAI;AAGnC,QAAM,IAAW,EAAK,SAAS,IAAI,CAAC,MAAmB,EAA6B,GAAG,CAAY,CAAC,EAAE,KAAK,EAAE;AAE7G,UAAQ,EAAK;AAAA,SACJ,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,OAAO,MAAM;AAAA,SAChE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,OAAO,MAAM;AAAA,SAChE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,OAAO,MAAM;AAAA,SAChE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,KAAK,MAAM;AAAA,SAC9D;AACD,aAAO,MAAM;AAAA,SACZ;AACD,aAAO,cAAc,MAAe;AAAA,SACnC;AACD,aAAO,cAAc,MAAe;AAAA,SACnC;AACD,aAAO,OAAO;AAAA,SACb;AACD,aAAI,EAAK,aACE,aAAa,EAAmB,EAAa,IAAI,aACpD,EAAK,WAAW,eAAe,WAAW,iBACpCA,EAAW,EAAK,WAAW,aAAa,IAAI,MAAM,UAEzD,aAAa,EAAmB,EAAa,IAAI,YAAYA,EAAW,EAAK,GAAG,MAAM;AAAA,SAC5F;AACD,aAAO,kCAAkC;AAAA;AAGlC,aAAA;AAAA;AAEnB;"}
+{"version":3,"file":"serializeNodeToHtmlRecursive.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/utils/serializeNodeToHtmlRecursive.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_LI, ELEMENT_LINK, ELEMENT_OL, ELEMENT_PARAGRAPH, ELEMENT_UL, TDescendant } from '@udecode/plate';\nimport { ELEMENT_CHECK_ITEM, OL_CLASSES, UL_CLASSES } from '@components/RichTextEditor/Plugins';\nimport { DesignTokens } from '@components/RichTextEditor/types';\nimport { TextStyles } from '@components/RichTextEditor/Plugins/TextStylePlugin/TextStyles';\nimport escapeHtml from 'escape-html';\nimport { reactCssPropsToCss } from './reactCssPropsToCss';\nimport { serializeLeafToHtml } from './serializeLeafToHtml';\n\nexport const serializeNodeToHtmlRecursive = (node: any, designTokens: DesignTokens): string => {\n    if (!node.children) {\n        return serializeLeafToHtml(node);\n    }\n    const children = node.children.map((n: TDescendant) => serializeNodeToHtmlRecursive(n, designTokens)).join('');\n\n    switch (node.type) {\n        case TextStyles.ELEMENT_HEADING1:\n            return `<h1 style=\"${reactCssPropsToCss(designTokens.heading1)}\">${children}</h1>`;\n        case TextStyles.ELEMENT_HEADING2:\n            return `<h2 style=\"${reactCssPropsToCss(designTokens.heading2)}\">${children}</h2>`;\n        case TextStyles.ELEMENT_HEADING3:\n            return `<h3 style=\"${reactCssPropsToCss(designTokens.heading3)}\">${children}</h3>`;\n        case TextStyles.ELEMENT_HEADING4:\n            return `<h4 style=\"${reactCssPropsToCss(designTokens.heading4)}\">${children}</h4>`;\n        case TextStyles.ELEMENT_CUSTOM1:\n            return `<p style=\"${reactCssPropsToCss(designTokens.custom1)}\">${children}</p>`;\n        case TextStyles.ELEMENT_CUSTOM2:\n            return `<p style=\"${reactCssPropsToCss(designTokens.custom2)}\">${children}</p>`;\n        case TextStyles.ELEMENT_CUSTOM3:\n            return `<p style=\"${reactCssPropsToCss(designTokens.custom3)}\">${children}</p>`;\n        case TextStyles.ELEMENT_QUOTE:\n            return `<p style=\"${reactCssPropsToCss(designTokens.quote)}\">${children}</p>`;\n        case ELEMENT_PARAGRAPH:\n            return `<p>${children}</p>`;\n        case ELEMENT_UL:\n            return `<ul class=\"${UL_CLASSES}\">${children}</ul>`;\n        case ELEMENT_OL:\n            return `<ol class=\"${OL_CLASSES}\">${children}</ol>`;\n        case ELEMENT_LI:\n            return `<li>${children}</li>`;\n        case ELEMENT_LINK:\n            if (node.chosenLink) {\n                const { chosenLink } = node;\n                return `<a style=\"${reactCssPropsToCss(designTokens.link)}\" target=${\n                    chosenLink.openInNewTab ? '_blank' : '_self'\n                } href=\"${escapeHtml(chosenLink.searchResult.link)}\">${children}</a>`;\n            }\n            return `<a style=\"${reactCssPropsToCss(designTokens.link)}\" href=\"${escapeHtml(node.url)}\">${children}</a>`;\n        case ELEMENT_CHECK_ITEM:\n            return `<input type=\"checkbox\"/><label>${children}</label>`;\n\n        default:\n            return children;\n    }\n};\n"],"names":["escapeHtml"],"mappings":";;;;;;;;;;;;;;;;;AAUa,MAAA,IAA+B,CAAC,GAAW,MAAuC;AACvF,MAAA,CAAC,EAAK;AACN,WAAO,EAAoB,CAAI;AAEnC,QAAM,IAAW,EAAK,SAAS,IAAI,CAAC,MAAmB,EAA6B,GAAG,CAAY,CAAC,EAAE,KAAK,EAAE;AAE7G,UAAQ,EAAK;AAAA,SACJ,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,cAAc,EAAmB,EAAa,QAAQ,MAAM;AAAA,SAClE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,OAAO,MAAM;AAAA,SAChE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,OAAO,MAAM;AAAA,SAChE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,OAAO,MAAM;AAAA,SAChE,EAAW;AACZ,aAAO,aAAa,EAAmB,EAAa,KAAK,MAAM;AAAA,SAC9D;AACD,aAAO,MAAM;AAAA,SACZ;AACD,aAAO,cAAc,MAAe;AAAA,SACnC;AACD,aAAO,cAAc,MAAe;AAAA,SACnC;AACD,aAAO,OAAO;AAAA,SACb;AACD,UAAI,EAAK,YAAY;AACjB,cAAM,EAAE,kBAAe;AACvB,eAAO,aAAa,EAAmB,EAAa,IAAI,aACpD,EAAW,eAAe,WAAW,iBAC/BA,EAAW,EAAW,aAAa,IAAI,MAAM;AAAA,MAC3D;AACO,aAAA,aAAa,EAAmB,EAAa,IAAI,YAAYA,EAAW,EAAK,GAAG,MAAM;AAAA,SAC5F;AACD,aAAO,kCAAkC;AAAA;AAGlC,aAAA;AAAA;AAEnB;"}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -20,6 +20,7 @@ export declare type TooltipProps = PropsWithChildren<{
     flip?: boolean;
     withArrow?: boolean;
     hoverDelay?: number;
+    enterDelay?: number;
     open?: boolean;
     disabled?: boolean;
     hidden?: boolean;
@@ -35,4 +36,4 @@ export declare enum TooltipAlignment {
     Middle = "Middle",
     End = "End"
 }
-export declare const Tooltip: ({ content, tooltipIcon, heading, headingIcon, linkUrl, linkLabel, brightHeader, buttons, children, position, alignment, withArrow, flip, triggerElement, hoverDelay, open, disabled, hidden, }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ content, tooltipIcon, heading, headingIcon, linkUrl, linkLabel, brightHeader, buttons, children, position, alignment, withArrow, flip, triggerElement, hoverDelay, enterDelay, open, disabled, hidden, }: TooltipProps) => JSX.Element;