@frontify/fondue 12.0.0-beta.6 → 12.0.0-beta.7

package/dist/components/RichTextEditor/Plugins/ItalicPlugin/ItalicButton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItalicButton.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/ItalicPlugin/ItalicButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { MarkToolbarButton, getPluginType } from '@udecode/plate';\nimport { IconSize, IconTextFormatItalic } from '@foundation/Icon';\nimport { ButtonWrapper, IconStylingWrapper, buttonClassNames, buttonStyles } from '../helper';\nimport { PluginButtonProps } from '../types';\n\nexport const ItalicButton = ({ editor, id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <MarkToolbarButton\n            type={getPluginType(editor, id)}\n            icon={<IconStylingWrapper icon={<IconTextFormatItalic size={IconSize.Size16} />} />}\n            classNames={buttonClassNames}\n            styles={buttonStyles}\n        />\n    </ButtonWrapper>\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,KAAe,CAAC,EAAE,WAAQ,YAClC,kBAAA,cAAA,GAAA;AAAA,EAAc;AAAA,GACV,kBAAA,cAAA,GAAA;AAAA,EACG,MAAM,EAAc,GAAQ,CAAE;AAAA,EAC9B,MAAO,kBAAA,cAAA,GAAA;AAAA,IAAmB,MAAO,kBAAA,cAAA,GAAA;AAAA,MAAqB,MAAM,EAAS;AAAA,IAAA,CAAQ;AAAA,EAAA,CAAI;AAAA,EACjF,YAAY;AAAA,EACZ,QAAQ;AAAA,CACZ,CACJ;"}

package/dist/components/RichTextEditor/Plugins/ItalicPlugin/ItalicMarkupElement.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItalicMarkupElement.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/ItalicPlugin/ItalicMarkupElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { MARK_ITALIC, PlateRenderLeafProps } from '@udecode/plate';\nimport { MarkupElement } from '../MarkupElement';\n\nexport const ITALIC_CLASSES = 'tw-italic';\n\nexport const ItalicMarkupElementNode = ({ attributes, children }: PlateRenderLeafProps) => (\n    <span {...attributes} className={ITALIC_CLASSES}>\n        {children}\n    </span>\n);\n\nexport class ItalicMarkupElement extends MarkupElement {\n    constructor(id = MARK_ITALIC, node = ItalicMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":[],"mappings":";;;AAMO,MAAM,IAAiB,aAEjB,IAA0B,CAAC,EAAE,eAAY,kBACjD,kBAAA,cAAA,QAAA;AAAA,EAAM,GAAG;AAAA,EAAY,WAAW;AAAA,GAC5B,CACL;AAGG,MAAM,UAA4B,EAAc;AAAA,EACnD,YAAY,IAAK,GAAa,IAAO,GAAyB;AAC1D,UAAM,GAAI,CAAI;AAAA,EAClB;AACJ;"}

package/dist/components/RichTextEditor/Plugins/ItalicPlugin/id.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/ItalicPlugin/id.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const ITALIC_PLUGIN = 'italic-plugin';\n"],"names":[],"mappings":"AAEO,MAAM,IAAgB;"}

package/dist/components/RichTextEditor/Plugins/ItalicPlugin/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/ItalicPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createItalicPlugin } from '@udecode/plate';\nimport { ITALIC_PLUGIN } from './id';\nimport { ItalicMarkupElement } from './ItalicMarkupElement';\nimport { Plugin, PluginProps } from '../Plugin';\nimport { ItalicButton } from './ItalicButton';\n\nexport class ItalicPlugin extends Plugin {\n    constructor(props?: PluginProps) {\n        super(ITALIC_PLUGIN, {\n            button: ItalicButton,\n            markupElement: new ItalicMarkupElement(),\n            ...props,\n        });\n    }\n\n    plugins() {\n        return [createItalicPlugin()];\n    }\n}\n"],"names":[],"mappings":";;;;;AAQO,MAAM,UAAqB,EAAO;AAAA,EACrC,YAAY,GAAqB;AAC7B,UAAM,GAAe;AAAA,MACjB,QAAQ;AAAA,MACR,eAAe,IAAI,EAAoB;AAAA,MACvC,GAAG;AAAA,IAAA,CACN;AAAA,EACL;AAAA,EAEA,UAAU;AACC,WAAA,CAAC,GAAoB;AAAA,EAChC;AACJ;"}

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 React from 'react';\nimport { useFloatingLinkSelectors } from '@udecode/plate';\nimport { FloatingLink } from './FloatingLink';\n\nexport const CustomFloatingLink = () => {\n    const isEditing = useFloatingLinkSelectors().isEditing();\n\n    const input = <FloatingLink.InsertModal />;\n    const editContent = !isEditing ? <FloatingLink.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":";;;AAMO,MAAM,IAAqB,MAAM;AAC9B,QAAA,IAAY,IAA2B,aAEvC,IAAQ,kBAAA,cAAC,EAAa,aAAb,IAAyB,GAClC,IAAc,AAAC,IAAyC,oCAA5B,EAAa,WAAb,IAAuB;AAEzD,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/{EditorActions/Plugins/TextStylePlugin/TextStyleDropdown/DropdownTrigger.es.js → Plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.es.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { getPreventDefaultHandler as e } from "@udecode/plate";
+import { useFloatingLinkUrlInput as m } from "@udecode/plate";
 import "../../../../../../foundation/Icon/Generated/IconAdobeCreativeCloud.es.js";
 import "../../../../../../foundation/Icon/Generated/IconAdobeCreativeCloud12.es.js";
 import "../../../../../../foundation/Icon/Generated/IconAdobeCreativeCloud16.es.js";
@@ -293,7 +293,7 @@ import "../../../../../../foundation/Icon/Generated/IconCardLayoutSmall16.es.js"
 import "../../../../../../foundation/Icon/Generated/IconCardLayoutSmall20.es.js";
 import "../../../../../../foundation/Icon/Generated/IconCardLayoutSmall24.es.js";
 import "../../../../../../foundation/Icon/Generated/IconCardLayoutSmall32.es.js";
-import n from "../../../../../../foundation/Icon/Generated/IconCaretDown.es.js";
+import "../../../../../../foundation/Icon/Generated/IconCaretDown.es.js";
 import "../../../../../../foundation/Icon/Generated/IconCaretDown12.es.js";
 import "../../../../../../foundation/Icon/Generated/IconCaretDown16.es.js";
 import "../../../../../../foundation/Icon/Generated/IconCaretDown20.es.js";
@@ -1165,7 +1165,7 @@ import "../../../../../../foundation/Icon/Generated/IconPause24.es.js";
 import "../../../../../../foundation/Icon/Generated/IconPause24Filled.es.js";
 import "../../../../../../foundation/Icon/Generated/IconPause32.es.js";
 import "../../../../../../foundation/Icon/Generated/IconPause32Filled.es.js";
-import "../../../../../../foundation/Icon/Generated/IconPen.es.js";
+import p from "../../../../../../foundation/Icon/Generated/IconPen.es.js";
 import "../../../../../../foundation/Icon/Generated/IconPen12.es.js";
 import "../../../../../../foundation/Icon/Generated/IconPen16.es.js";
 import "../../../../../../foundation/Icon/Generated/IconPen20.es.js";
@@ -1337,6 +1337,18 @@ import "../../../../../../foundation/Icon/Generated/IconSide16.es.js";
 import "../../../../../../foundation/Icon/Generated/IconSide20.es.js";
 import "../../../../../../foundation/Icon/Generated/IconSide24.es.js";
 import "../../../../../../foundation/Icon/Generated/IconSide32.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarLeft.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarLeft12.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarLeft16.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarLeft20.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarLeft24.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarLeft32.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarRight.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarRight12.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarRight16.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarRight20.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarRight24.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarRight32.es.js";
 import "../../../../../../foundation/Icon/Generated/IconSketch.es.js";
 import "../../../../../../foundation/Icon/Generated/IconSketch12.es.js";
 import "../../../../../../foundation/Icon/Generated/IconSketch16.es.js";
@@ -1570,7 +1582,7 @@ import "../../../../../../foundation/Icon/Generated/IconTextOutdent16.es.js";
 import "../../../../../../foundation/Icon/Generated/IconTextOutdent20.es.js";
 import "../../../../../../foundation/Icon/Generated/IconTextOutdent24.es.js";
 import "../../../../../../foundation/Icon/Generated/IconTextOutdent32.es.js";
-import "../../../../../../foundation/Icon/Generated/IconTrashBin.es.js";
+import e from "../../../../../../foundation/Icon/Generated/IconTrashBin.es.js";
 import "../../../../../../foundation/Icon/Generated/IconTrashBin12.es.js";
 import "../../../../../../foundation/Icon/Generated/IconTrashBin16.es.js";
 import "../../../../../../foundation/Icon/Generated/IconTrashBin20.es.js";
@@ -1637,39 +1649,34 @@ import "../../../../../../foundation/Icon/Generated/IconWorkflowShapes20.es.js";
 import "../../../../../../foundation/Icon/Generated/IconWorkflowShapes24.es.js";
 import "../../../../../../foundation/Icon/Generated/IconWorkflowShapes32.es.js";
 import "../../../../../../foundation/Icon/IconsMap.es.js";
-import { IconSize as s } from "../../../../../../foundation/Icon/IconSize.es.js";
-import { merge as m } from "../../../../../../utilities/merge.es.js";
-import { useSelectedTextStyles as w } from "./useSelectedTextStyles.es.js";
-import { AVAILABLE_STYLE_TITLES as l, DEFAULT_TEXT_STYLE_VALUE as a } from "../TextStyles/textStyles.es.js";
-import "../TextStyles/Custom1Plugin/createCustom1Plugin.es.js";
-import "../TextStyles/Custom2Plugin/createCustom2Plugin.es.js";
-import "../TextStyles/Custom3Plugin/createCustom3Plugin.es.js";
-import "../TextStyles/Heading1Plugin/createHeading1Plugin.es.js";
-import "../TextStyles/Heading2Plugin/createHeading2Plugin.es.js";
-import "../TextStyles/Heading3Plugin/createHeading3Plugin.es.js";
-import "../TextStyles/Heading4Plugin/createHeading4Plugin.es.js";
-import "../TextStyles/Quote/createQuotePlugin.es.js";
-const GI = ({ editor: r, open: o }) => {
-  const i = w(r), p = i.length === 1 ? l[i[0]] : a;
-  return /* @__PURE__ */ t.createElement("button", {
-    "data-test-id": "textstyle-dropdown-trigger",
-    type: "button",
-    className: "tw-cursor-pointer tw-h-8 tw-w-full",
-    onMouseDown: r ? e() : void 0
-  }, /* @__PURE__ */ t.createElement("div", {
-    className: m([
-      "tw-relative tw-inline-flex tw-flex-row tw-items-center tw-justify-between tw-overflow-hidden tw-text-text tw-rounded tw-gap-1 tw-px-2 hover:tw-text-box-selected-inverse hover:tw-bg-box-selected tw-h-6 tw-w-28",
-      o && "tw-text-box-selected-inverse tw-bg-box-selected"
-    ])
+import { FloatingLink as o } from "../FloatingLink.es.js";
+import { useRichTextEditorContext as n } from "../../../../context/RichTextEditorContext.es.js";
+const KT = () => {
+  const r = m({}), { designTokens: i } = n();
+  return /* @__PURE__ */ t.createElement("div", {
+    "data-test-id": "floating-link-edit",
+    className: "tw-bg-white tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]"
   }, /* @__PURE__ */ t.createElement("span", {
-    className: "tw-text-xs tw-truncate"
-  }, p), /* @__PURE__ */ t.createElement("div", {
-    className: m(["tw-transition-transform", o && "tw-rotate-180"])
-  }, /* @__PURE__ */ t.createElement(n, {
-    size: s.Size12
-  }))));
+    "data-test-id": "preview-link-flyout",
+    className: "tw-flex tw-justify-between"
+  }, /* @__PURE__ */ t.createElement("span", {
+    style: i.link,
+    className: "tw-pointer-events-none"
+  }, r.defaultValue), /* @__PURE__ */ t.createElement("span", {
+    className: "tw-flex tw-gap-2"
+  }, /* @__PURE__ */ t.createElement("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"
+  }, /* @__PURE__ */ t.createElement(o.EditButton, null, /* @__PURE__ */ t.createElement(p, null))), /* @__PURE__ */ t.createElement("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"
+  }, /* @__PURE__ */ t.createElement(o.UnlinkButton, null, /* @__PURE__ */ t.createElement(e, null))))));
 };
 export {
-  GI as DropdownTrigger
+  KT as EditModal
 };
-//# sourceMappingURL=DropdownTrigger.es.js.map
+//# 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 React from 'react';\nimport { useFloatingLinkUrlInput } from '@udecode/plate';\nimport { IconPen, IconTrashBin } from '@foundation/Icon';\nimport { FloatingLink } from '../FloatingLink';\nimport { useRichTextEditorContext } from '@components/RichTextEditor/context/RichTextEditorContext';\n\nexport const EditModal = () => {\n    const urlHtmlProps = useFloatingLinkUrlInput({});\n    const { designTokens } = useRichTextEditorContext();\n\n    return (\n        <div data-test-id=\"floating-link-edit\" className=\"tw-bg-white tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]\">\n            <span data-test-id={'preview-link-flyout'} className=\"tw-flex tw-justify-between\">\n                <span style={designTokens.link} className=\"tw-pointer-events-none\">\n                    {urlHtmlProps.defaultValue}\n                </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                            <IconPen />\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                            <IconTrashBin />\n                        </FloatingLink.UnlinkButton>\n                    </span>\n                </span>\n            </span>\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,KAAY,MAAM;AACrB,QAAA,IAAe,EAAwB,CAAA,CAAE,GACzC,EAAE,oBAAiB;AAEzB,SACK,kBAAA,cAAA,OAAA;AAAA,IAAI,gBAAa;AAAA,IAAqB,WAAU;AAAA,EAAA,GAC5C,kBAAA,cAAA,QAAA;AAAA,IAAK,gBAAc;AAAA,IAAuB,WAAU;AAAA,EAAA,GAChD,kBAAA,cAAA,QAAA;AAAA,IAAK,OAAO,EAAa;AAAA,IAAM,WAAU;AAAA,EACrC,GAAA,EAAa,YAClB,GACC,kBAAA,cAAA,QAAA;AAAA,IAAK,WAAU;AAAA,EAAA,GACX,kBAAA,cAAA,QAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAU;AAAA,IACV,gBAAc;AAAA,IACd,WAAU;AAAA,EAEV,GAAA,kBAAA,cAAC,EAAa,YAAb,sCACI,GAAQ,IAAA,CACb,CACJ,GAEC,kBAAA,cAAA,QAAA;AAAA,IACG,MAAK;AAAA,IACL,UAAU;AAAA,IACV,gBAAc;AAAA,IACd,WAAU;AAAA,EAEV,GAAA,kBAAA,cAAC,EAAa,cAAb,MACG,kBAAA,cAAC,OAAa,CAClB,CACJ,CACJ,CACJ,CACJ;AAER;"}

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 { 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;"}

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    FloatingLinkEditButton,\n    FloatingLinkProps,\n    OpenLinkButton,\n    UnlinkButton,\n    createComponentAs,\n    createElementAs,\n} from '@udecode/plate';\nimport { EditModal, useFloatingLinkEdit } from './EditLinkModal';\nimport { InsertModal, 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\nexport const FloatingLink = {\n    EditRoot: FloatingLinkEditRoot,\n    InsertRoot: FloatingLinkInsertRoot,\n    EditModal,\n    InsertModal,\n    EditButton: FloatingLinkEditButton,\n    UnlinkButton,\n    OpenLinkButton,\n};\n"],"names":[],"mappings":";;;;;AAaA,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,GAEY,IAAe;AAAA,EACxB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACJ;"}

package/dist/components/RichTextEditor/{EditorActions/Plugins/CheckboxListPlugin/CheckboxListButton/index.es.js → Plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.es.js}

@@ -1,5 +1,4 @@
 import t from "react";
-import { getPluginType as m } from "@udecode/plate";
 import "../../../../../../foundation/Icon/Generated/IconAdobeCreativeCloud.es.js";
 import "../../../../../../foundation/Icon/Generated/IconAdobeCreativeCloud12.es.js";
 import "../../../../../../foundation/Icon/Generated/IconAdobeCreativeCloud16.es.js";
@@ -347,7 +346,7 @@ import "../../../../../../foundation/Icon/Generated/IconChartPie16.es.js";
 import "../../../../../../foundation/Icon/Generated/IconChartPie20.es.js";
 import "../../../../../../foundation/Icon/Generated/IconChartPie24.es.js";
 import "../../../../../../foundation/Icon/Generated/IconChartPie32.es.js";
-import "../../../../../../foundation/Icon/Generated/IconCheckMark.es.js";
+import u from "../../../../../../foundation/Icon/Generated/IconCheckMark.es.js";
 import "../../../../../../foundation/Icon/Generated/IconCheckMark12.es.js";
 import "../../../../../../foundation/Icon/Generated/IconCheckMark16.es.js";
 import "../../../../../../foundation/Icon/Generated/IconCheckMark20.es.js";
@@ -933,7 +932,7 @@ import "../../../../../../foundation/Icon/Generated/IconListBullet16.es.js";
 import "../../../../../../foundation/Icon/Generated/IconListBullet20.es.js";
 import "../../../../../../foundation/Icon/Generated/IconListBullet24.es.js";
 import "../../../../../../foundation/Icon/Generated/IconListBullet32.es.js";
-import i from "../../../../../../foundation/Icon/Generated/IconListCheck.es.js";
+import "../../../../../../foundation/Icon/Generated/IconListCheck.es.js";
 import "../../../../../../foundation/Icon/Generated/IconListCheck12.es.js";
 import "../../../../../../foundation/Icon/Generated/IconListCheck16.es.js";
 import "../../../../../../foundation/Icon/Generated/IconListCheck20.es.js";
@@ -1337,6 +1336,18 @@ import "../../../../../../foundation/Icon/Generated/IconSide16.es.js";
 import "../../../../../../foundation/Icon/Generated/IconSide20.es.js";
 import "../../../../../../foundation/Icon/Generated/IconSide24.es.js";
 import "../../../../../../foundation/Icon/Generated/IconSide32.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarLeft.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarLeft12.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarLeft16.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarLeft20.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarLeft24.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarLeft32.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarRight.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarRight12.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarRight16.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarRight20.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarRight24.es.js";
+import "../../../../../../foundation/Icon/Generated/IconSidebarRight32.es.js";
 import "../../../../../../foundation/Icon/Generated/IconSketch.es.js";
 import "../../../../../../foundation/Icon/Generated/IconSketch12.es.js";
 import "../../../../../../foundation/Icon/Generated/IconSketch16.es.js";
@@ -1637,22 +1648,67 @@ import "../../../../../../foundation/Icon/Generated/IconWorkflowShapes20.es.js";
 import "../../../../../../foundation/Icon/Generated/IconWorkflowShapes24.es.js";
 import "../../../../../../foundation/Icon/Generated/IconWorkflowShapes32.es.js";
 import "../../../../../../foundation/Icon/IconsMap.es.js";
-import { IconSize as p } from "../../../../../../foundation/Icon/IconSize.es.js";
-import { CheckboxListToolbarButton as e } from "./CheckboxListToolbarButton.es.js";
-import { ButtonWrapper as n, IconStylingWrapper as c, buttonClassNames as s, buttonStyles as a } from "../../helper.es.js";
-const AW = ({ editor: r, id: o }) => /* @__PURE__ */ t.createElement(n, {
-  id: o
-}, /* @__PURE__ */ t.createElement(e, {
-  type: m(r, o),
-  icon: /* @__PURE__ */ t.createElement(c, {
-    icon: /* @__PURE__ */ t.createElement(i, {
-      size: p.Size16
-    })
-  }),
-  classNames: s,
-  styles: a
-}));
+import { Button as m } from "../../../../../Button/Button.es.js";
+import { Checkbox as w } from "../../../../../Checkbox/Checkbox.es.js";
+import { FormControl as i } from "../../../../../FormControl/FormControl.es.js";
+import { TextInput as p } from "../../../../../TextInput/TextInput.es.js";
+import { useInsertModal as h } from "./useInsertModal.es.js";
+import { ButtonSize as e, ButtonStyle as E, ButtonEmphasis as x } from "../../../../../Button/ButtonTypes.es.js";
+const mS = () => {
+  const { state: r, onTextChange: a, onUrlChange: l, onToggleTab: n, onCancel: c, onSave: s, isValidUrlOrEmpty: o, hasValues: d } = h();
+  return /* @__PURE__ */ t.createElement("div", {
+    "data-test-id": "floating-link-insert",
+    className: "tw-bg-white tw-rounded tw-shadow tw-p-7 tw-min-w-[400px]"
+  }, /* @__PURE__ */ t.createElement(i, {
+    label: {
+      children: "Text",
+      htmlFor: "linkText",
+      required: !0
+    }
+  }, /* @__PURE__ */ t.createElement(p, {
+    id: "linkText",
+    value: r.text,
+    placeholder: "Link Text",
+    onChange: a
+  })), /* @__PURE__ */ t.createElement("div", {
+    className: "tw-pt-5"
+  }, /* @__PURE__ */ t.createElement(i, {
+    label: {
+      children: "URL",
+      htmlFor: "url",
+      required: !0
+    }
+  }, /* @__PURE__ */ t.createElement(p, {
+    id: "url",
+    value: r.url,
+    placeholder: "https://example.com",
+    onChange: l
+  })), !o() && /* @__PURE__ */ t.createElement("div", {
+    className: "tw-text-red-65 tw-mt-3"
+  }, "Please enter a valid URL.")), /* @__PURE__ */ t.createElement("div", {
+    className: "tw-pt-5"
+  }, /* @__PURE__ */ t.createElement(w, {
+    value: "new-tab",
+    label: "Open in new tab",
+    state: r.newTab,
+    onChange: n
+  })), /* @__PURE__ */ t.createElement("div", {
+    className: "tw-mt-3"
+  }, /* @__PURE__ */ t.createElement("div", {
+    className: "tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10"
+  }, /* @__PURE__ */ t.createElement(m, {
+    onClick: c,
+    size: e.Medium,
+    style: E.Default,
+    emphasis: x.Default
+  }, "Cancel"), /* @__PURE__ */ t.createElement(m, {
+    onClick: s,
+    size: e.Medium,
+    icon: /* @__PURE__ */ t.createElement(u, null),
+    disabled: !o() || !d
+  }, "Save"))));
+};
 export {
-  AW as CheckboxListButton
+  mS as InsertModal
 };
-//# sourceMappingURL=index.es.js.map
+//# 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 React from 'react';\nimport { IconCheckMark } from '@foundation/Icon';\nimport { Button } from '@components/Button/Button';\nimport { Checkbox } from '@components/Checkbox';\nimport { FormControl } from '@components/FormControl';\nimport { TextInput } from '@components/TextInput';\nimport { useInsertModal } from './useInsertModal';\nimport { ButtonEmphasis, ButtonSize, ButtonStyle } from '@components/Button';\n\nexport const InsertModal = () => {\n    const { state, onTextChange, onUrlChange, onToggleTab, onCancel, onSave, isValidUrlOrEmpty, hasValues } =\n        useInsertModal();\n\n    return (\n        <div data-test-id=\"floating-link-insert\" className=\"tw-bg-white tw-rounded tw-shadow tw-p-7 tw-min-w-[400px]\">\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            <div className=\"tw-pt-5\">\n                <FormControl\n                    label={{\n                        children: 'URL',\n                        htmlFor: 'url',\n                        required: true,\n                    }}\n                >\n                    <TextInput id=\"url\" value={state.url} placeholder=\"https://example.com\" onChange={onUrlChange} />\n                </FormControl>\n                {!isValidUrlOrEmpty() && <div className=\"tw-text-red-65 tw-mt-3\">Please enter a valid URL.</div>}\n            </div>\n            <div className=\"tw-pt-5\">\n                <Checkbox value=\"new-tab\" label=\"Open in new tab\" state={state.newTab} onChange={onToggleTab} />\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={<IconCheckMark />}\n                        disabled={!isValidUrlOrEmpty() || !hasValues}\n                    >\n                        Save\n                    </Button>\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,KAAc,MAAM;AACvB,QAAA,EAAE,UAAO,iBAAc,gBAAa,gBAAa,aAAU,WAAQ,sBAAmB,iBACxF,EAAe;AAEnB,SACK,kBAAA,cAAA,OAAA;AAAA,IAAI,gBAAa;AAAA,IAAuB,WAAU;AAAA,EAAA,GAC9C,kBAAA,cAAA,GAAA;AAAA,IACG,OAAO;AAAA,MACH,UAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,IACd;AAAA,EAAA,GAEC,kBAAA,cAAA,GAAA;AAAA,IAAU,IAAG;AAAA,IAAW,OAAO,EAAM;AAAA,IAAM,aAAY;AAAA,IAAY,UAAU;AAAA,EAAc,CAAA,CAChG,GACC,kBAAA,cAAA,OAAA;AAAA,IAAI,WAAU;AAAA,EAAA,GACV,kBAAA,cAAA,GAAA;AAAA,IACG,OAAO;AAAA,MACH,UAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,IACd;AAAA,EAAA,GAEC,kBAAA,cAAA,GAAA;AAAA,IAAU,IAAG;AAAA,IAAM,OAAO,EAAM;AAAA,IAAK,aAAY;AAAA,IAAsB,UAAU;AAAA,EAAA,CAAa,CACnG,GACC,CAAC,EAAA,KAAwB,kBAAA,cAAA,OAAA;AAAA,IAAI,WAAU;AAAA,EAAyB,GAAA,2BAAyB,CAC9F,GACC,kBAAA,cAAA,OAAA;AAAA,IAAI,WAAU;AAAA,EAAA,GACV,kBAAA,cAAA,GAAA;AAAA,IAAS,OAAM;AAAA,IAAU,OAAM;AAAA,IAAkB,OAAO,EAAM;AAAA,IAAQ,UAAU;AAAA,EAAa,CAAA,CAClG,GACC,kBAAA,cAAA,OAAA;AAAA,IAAI,WAAU;AAAA,EAAA,GACV,kBAAA,cAAA,OAAA;AAAA,IAAI,WAAW;AAAA,EAAA,GACX,kBAAA,cAAA,GAAA;AAAA,IACG,SAAS;AAAA,IACT,MAAM,EAAW;AAAA,IACjB,OAAO,EAAY;AAAA,IACnB,UAAU,EAAe;AAAA,EAC5B,GAAA,QAED,GACC,kBAAA,cAAA,GAAA;AAAA,IACG,SAAS;AAAA,IACT,MAAM,EAAW;AAAA,IACjB,sCAAO,GAAc,IAAA;AAAA,IACrB,UAAU,CAAC,EAAkB,KAAK,CAAC;AAAA,EAAA,GACtC,MAED,CACJ,CACJ,CACJ;AAER;"}

package/dist/components/RichTextEditor/{EditorActions/Plugins → Plugins}/LinkPlugin/FloatingLink/InsertLinkModal/types.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxState } from '../../../../../../Checkbox';
+import { CheckboxState } from '../../../../../Checkbox';
 export declare type InsertModalDispatchType = {
     type: string;
     payload?: Partial<InsertModalStateProps>;

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":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useEffect } from 'react';\nimport {\n    ELEMENT_LINK,\n    FloatingLinkProps,\n    HTMLPropsAs,\n    LinkPlugin,\n    floatingLinkActions,\n    floatingLinkSelectors,\n    focusEditor,\n    getPluginOptions,\n    getSelectionBoundingClientRect,\n    triggerFloatingLinkInsert,\n    useComposedRef,\n    useEditorRef,\n    useFloatingLinkEscape,\n    useFloatingLinkSelectors,\n    useHotkeys,\n    useOnClickOutside,\n    useVirtualFloatingLink,\n} from '@udecode/plate';\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().open();\n\n    const { triggerFloatingLinkHotkeys } = getPluginOptions<LinkPlugin>(editor, ELEMENT_LINK);\n\n    useHotkeys(\n        triggerFloatingLinkHotkeys!,\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') {\n            floatingLinkActions.hide();\n            focusEditor(editor, editor.selection!);\n        }\n    });\n\n    const { update, style, floating } = useVirtualFloatingLink({\n        open: open && mode === 'insert',\n        getBoundingClientRect: getSelectionBoundingClientRect,\n        whileElementsMounted: () => {\n            //do nothing\n        },\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: 501,\n        },\n        ...props,\n        ref: useComposedRef<HTMLElement | null>(props.ref, floating, ref),\n    };\n};\n"],"names":[],"mappings":";;;AAwBO,MAAM,IAAwB,CAAC,EAAE,uBAAoB,QAAmD;AAC3G,QAAM,IAAS,KACT,IAAU,KACV,IAAO,IAA2B,QAClC,IAAO,IAA2B,QAElC,EAAE,kCAA+B,EAA6B,GAAQ,CAAY;AAExF,IACI,GACA,MAAM;AACF,MAA0B,GAAQ;AAAA,MAC9B;AAAA,IAAA,CACH;AAAA,EAAA,GAEL;AAAA,IACI,yBAAyB;AAAA,EAAA,GAE7B,CAAC,CAAO,CACZ;AAEM,QAAA,IAAM,EAAkB,MAAM;AAC5B,IAAA,EAAsB,KAAK,MAAM,YACjC,GAAoB,KAAK,GACb,EAAA,GAAQ,EAAO,SAAU;AAAA,EACzC,CACH,GAEK,EAAE,WAAQ,UAAO,gBAAa,EAAuB;AAAA,IACvD,MAAM,KAAQ,MAAS;AAAA,IACvB,uBAAuB;AAAA,IACvB,sBAAsB,MAAM;AAAA,IAE5B;AAAA,IACA,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/{EditorActions/Plugins → Plugins}/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.es.js

@@ -1,7 +1,7 @@
 import { useEffect as h, useReducer as y } from "react";
 import { useEditorRef as f, floatingLinkSelectors as u, useHotkeys as E, floatingLinkActions as a, submitFloatingLink as U, getPluginOptions as b, ELEMENT_LINK as k } from "@udecode/plate";
 import { getLegacyUrl as m, getUrl as x } from "../../utils/getUrl.es.js";
-import { CheckboxState as o } from "../../../../../../Checkbox/Checkbox.es.js";
+import { CheckboxState as o } from "../../../../../Checkbox/Checkbox.es.js";
 const w = {
   url: "",
   text: "",

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/Plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { Dispatch, Reducer, useEffect, useReducer } from 'react';\nimport {\n    ELEMENT_LINK,\n    LinkPlugin,\n    floatingLinkActions,\n    floatingLinkSelectors,\n    getPluginOptions,\n    submitFloatingLink,\n    useEditorRef,\n    useHotkeys,\n} from '@udecode/plate';\nimport { getLegacyUrl, getUrl } from '../../utils';\nimport { CheckboxState } from '@components/Checkbox';\nimport { InsertModalDispatchType, InsertModalStateProps } from './types';\n\nconst initialState: InsertModalStateProps = {\n    url: '',\n    text: '',\n    newTab: CheckboxState.Unchecked,\n};\n\nexport const InsertModalState = (): [InsertModalStateProps, Dispatch<InsertModalDispatchType>] => {\n    const [state, dispatch] = useReducer<Reducer<InsertModalStateProps, InsertModalDispatchType>>((state, action) => {\n        const { type, payload } = action;\n\n        switch (type) {\n            case 'NEW_TAB':\n                return {\n                    ...state,\n                    newTab: CheckboxState.Checked,\n                };\n            case 'SAME_TAB':\n                return {\n                    ...state,\n                    newTab: CheckboxState.Unchecked,\n                };\n            case 'URL':\n            case 'TEXT':\n            case 'INIT':\n                return {\n                    ...state,\n                    ...payload,\n                };\n            default:\n                return state;\n        }\n    }, initialState);\n\n    return [state, dispatch];\n};\n\nexport const useInsertModal = () => {\n    const editor = useEditorRef();\n    const [state, dispatch] = InsertModalState();\n\n    useEffect(() => {\n        const legacyUrl = getLegacyUrl(editor);\n        const url = getUrl(editor);\n\n        dispatch({\n            type: 'INIT',\n            payload: {\n                text: floatingLinkSelectors.text(),\n                newTab: floatingLinkSelectors.newTab() ? CheckboxState.Checked : CheckboxState.Unchecked,\n                url: legacyUrl && url === '' ? legacyUrl : floatingLinkSelectors.url(),\n            },\n        });\n    }, [dispatch, editor]);\n\n    const onTextChange = (value: string) => {\n        dispatch({\n            type: 'TEXT',\n            payload: { text: value },\n        });\n    };\n\n    const onUrlChange = (value: string) => {\n        dispatch({\n            type: 'URL',\n            payload: { url: value },\n        });\n    };\n\n    const onToggleTab = (checked: boolean) => {\n        checked ? dispatch({ type: 'NEW_TAB' }) : dispatch({ type: 'SAME_TAB' });\n    };\n\n    const onCancel = () => {\n        floatingLinkActions.hide();\n    };\n\n    const onSave = (e: React.MouseEvent<HTMLButtonElement, MouseEvent> | KeyboardEvent | undefined) => {\n        if (!isValidUrlOrEmpty() || !hasValues) {\n            return;\n        }\n\n        floatingLinkActions.text(state.text);\n        floatingLinkActions.url(state.url);\n        floatingLinkActions.newTab(state.newTab === CheckboxState.Checked);\n\n        if (submitFloatingLink(editor)) {\n            e?.preventDefault();\n        }\n    };\n\n    const hasValues = state.url !== '' && state.text !== '';\n\n    const isValidUrlOrEmpty = () => {\n        const { isUrl } = getPluginOptions<LinkPlugin>(editor, ELEMENT_LINK);\n        return !state.url || (isUrl && isUrl(state.url));\n    };\n\n    useHotkeys(\n        'enter',\n        onSave,\n        {\n            enableOnTags: ['INPUT'],\n        },\n        [],\n    );\n\n    return { state, onTextChange, onUrlChange, onToggleTab, onCancel, onSave, hasValues, isValidUrlOrEmpty };\n};\n"],"names":[],"mappings":";;;;AAiBA,MAAM,IAAsC;AAAA,EACxC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ,EAAc;AAC1B,GAEa,IAAmB,MAAkE;AAC9F,QAAM,CAAC,GAAO,KAAY,EAAoE,CAAC,GAAO,MAAW;AACvG,UAAA,EAAE,SAAM,eAAY;AAElB,YAAA;AAAA,WACC;AACM,eAAA;AAAA,UACH,GAAG;AAAA,UACH,QAAQ,EAAc;AAAA,QAAA;AAAA,WAEzB;AACM,eAAA;AAAA,UACH,GAAG;AAAA,UACH,QAAQ,EAAc;AAAA,QAAA;AAAA,WAEzB;AAAA,WACA;AAAA,WACA;AACM,eAAA;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,QAAA;AAAA;AAGA,eAAA;AAAA;AAAA,KAEhB,CAAY;AAER,SAAA,CAAC,GAAO,CAAQ;AAC3B,GAEa,IAAiB,MAAM;AAChC,QAAM,IAAS,KACT,CAAC,GAAO,KAAY,EAAiB;AAE3C,IAAU,MAAM;AACN,UAAA,IAAY,EAAa,CAAM,GAC/B,IAAM,EAAO,CAAM;AAEhB,MAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,QACL,MAAM,EAAsB,KAAK;AAAA,QACjC,QAAQ,EAAsB,OAAA,IAAW,EAAc,UAAU,EAAc;AAAA,QAC/E,KAAK,KAAa,MAAQ,KAAK,IAAY,EAAsB,IAAI;AAAA,MACzE;AAAA,IAAA,CACH;AAAA,EAAA,GACF,CAAC,GAAU,CAAM,CAAC;AAEf,QAAA,IAAe,CAAC,MAAkB;AAC3B,MAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,MAAM,EAAM;AAAA,IAAA,CAC1B;AAAA,EAAA,GAGC,IAAc,CAAC,MAAkB;AAC1B,MAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,KAAK,EAAM;AAAA,IAAA,CACzB;AAAA,EAAA,GAGC,IAAc,CAAC,MAAqB;AAC5B,IAAA,EAAA,IAAS,EAAE,MAAM,UAAU,IAAc,EAAE,MAAM,WAAA,CAArB;AAAA,EAAiC,GAGrE,IAAW,MAAM;AACnB,MAAoB,KAAK;AAAA,EAAA,GAGvB,IAAS,CAAC,MAAmF;AAC/F,IAAI,CAAC,OAAuB,CAAC,KAIT,GAAA,KAAK,EAAM,IAAI,GACf,EAAA,IAAI,EAAM,GAAG,GACjC,EAAoB,OAAO,EAAM,WAAW,EAAc,OAAO,GAE7D,EAAmB,CAAM,KACzB,gBAAG;AAAA,EACP,GAGE,IAAY,EAAM,QAAQ,MAAM,EAAM,SAAS,IAE/C,IAAoB,MAAM;AAC5B,UAAM,EAAE,aAAU,EAA6B,GAAQ,CAAY;AACnE,WAAO,CAAC,EAAM,OAAQ,KAAS,EAAM,EAAM,GAAG;AAAA,EAAA;AAGlD,WACI,SACA,GACA;AAAA,IACI,cAAc,CAAC,OAAO;AAAA,EAC1B,GACA,CACJ,CAAA,GAEO,EAAE,UAAO,iBAAc,gBAAa,gBAAa,aAAU,WAAQ,cAAW;AACzF;"}