@frontify/guideline-blocks-settings 0.28.2 → 0.28.4

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditModal.es.js","sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconPen16, IconTrashBin16 } from '@frontify/fondue';\nimport { FloatingButton, useFloatingButtonUrlInput } from '..';\nimport { BlockStyles } from '../../../..';\n\nexport const EditModal = () => {\n    const urlHtmlProps = useFloatingButtonUrlInput({});\n\n    return (\n        <div data-test-id=\"floating-button-edit\" className=\"tw-bg-white tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]\">\n            <span data-test-id=\"preview-button-flyout\" className=\"tw-flex tw-justify-between\">\n                <span className=\"tw-pointer-events-none\" style={BlockStyles.p}>\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-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <FloatingButton.EditButton>\n                            <IconPen16 />\n                        </FloatingButton.EditButton>\n                    </span>\n\n                    <span\n                        role=\"button\"\n                        tabIndex={0}\n                        data-test-id=\"remove-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <FloatingButton.UnlinkButton>\n                            <IconTrashBin16 />\n                        </FloatingButton.UnlinkButton>\n                    </span>\n                </span>\n            </span>\n        </div>\n    );\n};\n"],"names":["EditModal","urlHtmlProps","useFloatingButtonUrlInput","jsx","jsxs","BlockStyles","FloatingButton","IconPen16","IconTrashBin16"],"mappings":";;;;;AAMO,MAAMA,IAAY,MAAM;AACrB,QAAAC,IAAeC,EAA0B,CAAA,CAAE;AAG7C,SAAAC,gBAAAA,EAAAA,IAAC,OAAI,EAAA,gBAAa,wBAAuB,WAAU,4DAC/C,UAAAC,gBAAAA,EAAAA,KAAC,QAAK,EAAA,gBAAa,yBAAwB,WAAU,8BACjD,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,IAAC,UAAK,WAAU,0BAAyB,OAAOE,EAAY,GACvD,YAAa,aAClB,CAAA;AAAA,IACAD,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,oBACZ,UAAA;AAAA,MAAAD,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,gCAACG,EAAe,YAAf,EACG,UAAAH,gBAAAA,MAACI,IAAU,CAAA,GACf;AAAA,QAAA;AAAA,MACJ;AAAA,MAEAJ,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,gCAACG,EAAe,cAAf,EACG,UAAAH,gBAAAA,MAACK,IAAe,CAAA,GACpB;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA,GACJ;AAAA,EAAA,EACJ,CAAA,EACJ,CAAA;AAER;"}
+{"version":3,"file":"EditModal.es.js","sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/EditButtonModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconPen16, IconTrashBin16 } from '@frontify/fondue';\nimport { FloatingButton, useFloatingButtonUrlInput } from '..';\nimport { BlockStyles } from '../../../..';\n\nexport const EditModal = () => {\n    const urlHtmlProps = useFloatingButtonUrlInput({});\n\n    return (\n        <div data-test-id=\"floating-button-edit\" className=\"tw-bg-white tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]\">\n            <span data-test-id=\"preview-button-flyout\" className=\"tw-flex tw-justify-between\">\n                <span className=\"tw-pointer-events-none\" style={BlockStyles.p}>\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-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <FloatingButton.EditButton>\n                            <IconPen16 />\n                        </FloatingButton.EditButton>\n                    </span>\n\n                    <span\n                        role=\"button\"\n                        tabIndex={0}\n                        data-test-id=\"remove-button-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <FloatingButton.UnlinkButton>\n                            <IconTrashBin16 />\n                        </FloatingButton.UnlinkButton>\n                    </span>\n                </span>\n            </span>\n        </div>\n    );\n};\n"],"names":["EditModal","urlHtmlProps","useFloatingButtonUrlInput","jsx","jsxs","BlockStyles","FloatingButton","IconPen16","IconTrashBin16"],"mappings":";;;;;AAMO,MAAMA,IAAY,MAAM;AACrB,QAAAC,IAAeC,EAA0B,CAAA,CAAE;AAG7C,SAAA,gBAAAC,EAAC,OAAI,EAAA,gBAAa,wBAAuB,WAAU,4DAC/C,UAAA,gBAAAC,EAAC,QAAK,EAAA,gBAAa,yBAAwB,WAAU,8BACjD,UAAA;AAAA,IAAA,gBAAAD,EAAC,UAAK,WAAU,0BAAyB,OAAOE,EAAY,GACvD,YAAa,aAClB,CAAA;AAAA,IACA,gBAAAD,EAAC,QAAK,EAAA,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,4BAACG,EAAe,YAAf,EACG,UAAA,gBAAAH,EAACI,IAAU,CAAA,GACf;AAAA,QAAA;AAAA,MACJ;AAAA,MAEA,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UAEV,4BAACG,EAAe,cAAf,EACG,UAAA,gBAAAH,EAACK,IAAe,CAAA,GACpB;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA,GACJ;AAAA,EAAA,EACJ,CAAA,EACJ,CAAA;AAER;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/InsertButtonModal.es.js

@@ -1,13 +1,13 @@
-import { j as e } from "../../../../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { FormControl as d } from "@frontify/fondue";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { FormControl as y } from "@frontify/fondue";
 import { useState as m } from "react";
-import { InsertModal as y } from "../../../../LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.es.js";
-import { useInsertModal as f } from "./useInsertModal.es.js";
+import { InsertModal as f } from "../../../../LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.es.js";
+import { useInsertModal as b } from "./useInsertModal.es.js";
 import { BlockStyles as n } from "../../../../styles.es.js";
-const j = () => {
-  const r = f(), { state: t, onButtonStyleChange: o } = r;
-  return /* @__PURE__ */ e.jsx(y, { ...r, testId: "floating-button-insert", children: /* @__PURE__ */ e.jsx("div", { className: "tw-pt-5", children: /* @__PURE__ */ e.jsxs(
-    d,
+const x = () => {
+  const r = b(), { state: t, onButtonStyleChange: o } = r;
+  return /* @__PURE__ */ e(f, { ...r, testId: "floating-button-insert", children: /* @__PURE__ */ e("div", { className: "tw-pt-5", children: /* @__PURE__ */ d(
+    y,
     {
       label: {
         children: "Button Style",
@@ -15,7 +15,7 @@ const j = () => {
         required: !0
       },
       children: [
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e(
           i,
           {
             id: "primary",
@@ -25,7 +25,7 @@ const j = () => {
             children: t.text || "Primary Button"
           }
         ),
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e(
           i,
           {
             id: "secondary",
@@ -35,7 +35,7 @@ const j = () => {
             children: t.text || "Secondary Button"
           }
         ),
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e(
           i,
           {
             id: "tertiary",
@@ -48,15 +48,15 @@ const j = () => {
       ]
     }
   ) }) });
-}, i = ({ id: r, styles: t, isActive: o, onClick: l, children: a }) => {
-  const [u, s] = m(!1), c = () => t && t.hover && u ? { ...t, ...t.hover } : t;
-  return /* @__PURE__ */ e.jsx(
+}, i = ({ id: r, styles: t, isActive: o, onClick: s, children: a }) => {
+  const [u, l] = m(!1), c = () => t && t.hover && u ? { ...t, ...t.hover } : t;
+  return /* @__PURE__ */ e(
     "button",
     {
       "data-test-id": `floating-button-insert-${r}`,
-      onMouseEnter: () => s(!0),
-      onMouseLeave: () => s(!1),
-      onClick: l,
+      onMouseEnter: () => l(!0),
+      onMouseLeave: () => l(!1),
+      onClick: s,
       style: c(),
       className: o ? "tw-outline tw-outline-1 tw-outline-violet-60 tw-outline-offset-2 tw-w-fit" : "tw-w-fit",
       children: a
@@ -64,6 +64,6 @@ const j = () => {
   );
 };
 export {
-  j as InsertButtonModal
+  x as InsertButtonModal
 };
 //# sourceMappingURL=InsertButtonModal.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/InsertButtonModal.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsertButtonModal.es.js","sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/InsertButtonModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { FormControl } from '@frontify/fondue';\nimport { CSSProperties, ReactElement, ReactNode, useState } from 'react';\nimport { InsertModal } from '../../../../LinkPlugin/FloatingLink/InsertLinkModal/InsertModal';\nimport { useInsertModal } from './useInsertModal';\nimport { BlockStyles } from '../../../../styles';\n\nexport const InsertButtonModal = () => {\n    const modalProps = useInsertModal();\n    const { state, onButtonStyleChange } = modalProps;\n\n    return (\n        <InsertModal {...modalProps} testId=\"floating-button-insert\">\n            <div className=\"tw-pt-5\">\n                <FormControl\n                    label={{\n                        children: 'Button Style',\n                        htmlFor: 'buttonStyle',\n                        required: true,\n                    }}\n                >\n                    <HoverableButton\n                        id=\"primary\"\n                        styles={BlockStyles.buttonPrimary}\n                        isActive={state.buttonStyle === 'primary'}\n                        onClick={() => onButtonStyleChange('primary')}\n                    >\n                        {state.text || 'Primary Button'}\n                    </HoverableButton>\n\n                    <HoverableButton\n                        id=\"secondary\"\n                        styles={BlockStyles.buttonSecondary}\n                        isActive={state.buttonStyle === 'secondary'}\n                        onClick={() => onButtonStyleChange('secondary')}\n                    >\n                        {state.text || 'Secondary Button'}\n                    </HoverableButton>\n\n                    <HoverableButton\n                        id=\"tertiary\"\n                        styles={BlockStyles.buttonTertiary}\n                        isActive={state.buttonStyle === 'tertiary'}\n                        onClick={() => onButtonStyleChange('tertiary')}\n                    >\n                        {state.text || 'Tertiary Button'}\n                    </HoverableButton>\n                </FormControl>\n            </div>\n        </InsertModal>\n    );\n};\n\ntype Props = {\n    id: string;\n    styles?: CSSProperties & { hover?: CSSProperties };\n    isActive: boolean;\n    onClick: () => void;\n    children: ReactNode;\n};\n\nconst HoverableButton = ({ id, styles, isActive, onClick, children }: Props): ReactElement => {\n    const [hovered, setHovered] = useState(false);\n    const getStyles = () => (styles && styles.hover && hovered ? { ...styles, ...styles.hover } : styles);\n\n    return (\n        <button\n            data-test-id={`floating-button-insert-${id}`}\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            onClick={onClick}\n            style={getStyles()}\n            className={\n                isActive ? 'tw-outline tw-outline-1 tw-outline-violet-60 tw-outline-offset-2 tw-w-fit' : 'tw-w-fit'\n            }\n        >\n            {children}\n        </button>\n    );\n};\n"],"names":["InsertButtonModal","modalProps","useInsertModal","state","onButtonStyleChange","jsx","InsertModal","jsxs","FormControl","HoverableButton","BlockStyles","id","styles","isActive","onClick","children","hovered","setHovered","useState","getStyles"],"mappings":";;;;;;AAQO,MAAMA,IAAoB,MAAM;AACnC,QAAMC,IAAaC,KACb,EAAE,OAAAC,GAAO,qBAAAC,EAAwB,IAAAH;AAGnC,SAAAI,gBAAAA,EAAA,IAACC,KAAa,GAAGL,GAAY,QAAO,0BAChC,UAAAI,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,WACX,UAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,MACd;AAAA,MAEA,UAAA;AAAA,QAAAH,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,QAAQC,EAAY;AAAA,YACpB,UAAUP,EAAM,gBAAgB;AAAA,YAChC,SAAS,MAAMC,EAAoB,SAAS;AAAA,YAE3C,YAAM,QAAQ;AAAA,UAAA;AAAA,QACnB;AAAA,QAEAC,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,QAAQC,EAAY;AAAA,YACpB,UAAUP,EAAM,gBAAgB;AAAA,YAChC,SAAS,MAAMC,EAAoB,WAAW;AAAA,YAE7C,YAAM,QAAQ;AAAA,UAAA;AAAA,QACnB;AAAA,QAEAC,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,QAAQC,EAAY;AAAA,YACpB,UAAUP,EAAM,gBAAgB;AAAA,YAChC,SAAS,MAAMC,EAAoB,UAAU;AAAA,YAE5C,YAAM,QAAQ;AAAA,UAAA;AAAA,QACnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAER,CAAA,EACJ,CAAA;AAER,GAUMK,IAAkB,CAAC,EAAE,IAAAE,GAAI,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,GAAS,UAAAC,QAAoC;AAC1F,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAAY,MAAOP,KAAUA,EAAO,SAASI,IAAU,EAAE,GAAGJ,GAAQ,GAAGA,EAAO,MAAA,IAAUA;AAG1F,SAAAP,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAc,0BAA0BM,CAAE;AAAA,MAC1C,cAAc,MAAMM,EAAW,EAAI;AAAA,MACnC,cAAc,MAAMA,EAAW,EAAK;AAAA,MACpC,SAAAH;AAAA,MACA,OAAOK,EAAU;AAAA,MACjB,WACIN,IAAW,8EAA8E;AAAA,MAG5F,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"InsertButtonModal.es.js","sources":["../../../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/InsertButtonModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { FormControl } from '@frontify/fondue';\nimport { CSSProperties, ReactElement, ReactNode, useState } from 'react';\nimport { InsertModal } from '../../../../LinkPlugin/FloatingLink/InsertLinkModal/InsertModal';\nimport { useInsertModal } from './useInsertModal';\nimport { BlockStyles } from '../../../../styles';\n\nexport const InsertButtonModal = () => {\n    const modalProps = useInsertModal();\n    const { state, onButtonStyleChange } = modalProps;\n\n    return (\n        <InsertModal {...modalProps} testId=\"floating-button-insert\">\n            <div className=\"tw-pt-5\">\n                <FormControl\n                    label={{\n                        children: 'Button Style',\n                        htmlFor: 'buttonStyle',\n                        required: true,\n                    }}\n                >\n                    <HoverableButton\n                        id=\"primary\"\n                        styles={BlockStyles.buttonPrimary}\n                        isActive={state.buttonStyle === 'primary'}\n                        onClick={() => onButtonStyleChange('primary')}\n                    >\n                        {state.text || 'Primary Button'}\n                    </HoverableButton>\n\n                    <HoverableButton\n                        id=\"secondary\"\n                        styles={BlockStyles.buttonSecondary}\n                        isActive={state.buttonStyle === 'secondary'}\n                        onClick={() => onButtonStyleChange('secondary')}\n                    >\n                        {state.text || 'Secondary Button'}\n                    </HoverableButton>\n\n                    <HoverableButton\n                        id=\"tertiary\"\n                        styles={BlockStyles.buttonTertiary}\n                        isActive={state.buttonStyle === 'tertiary'}\n                        onClick={() => onButtonStyleChange('tertiary')}\n                    >\n                        {state.text || 'Tertiary Button'}\n                    </HoverableButton>\n                </FormControl>\n            </div>\n        </InsertModal>\n    );\n};\n\ntype Props = {\n    id: string;\n    styles?: CSSProperties & { hover?: CSSProperties };\n    isActive: boolean;\n    onClick: () => void;\n    children: ReactNode;\n};\n\nconst HoverableButton = ({ id, styles, isActive, onClick, children }: Props): ReactElement => {\n    const [hovered, setHovered] = useState(false);\n    const getStyles = () => (styles && styles.hover && hovered ? { ...styles, ...styles.hover } : styles);\n\n    return (\n        <button\n            data-test-id={`floating-button-insert-${id}`}\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            onClick={onClick}\n            style={getStyles()}\n            className={\n                isActive ? 'tw-outline tw-outline-1 tw-outline-violet-60 tw-outline-offset-2 tw-w-fit' : 'tw-w-fit'\n            }\n        >\n            {children}\n        </button>\n    );\n};\n"],"names":["InsertButtonModal","modalProps","useInsertModal","state","onButtonStyleChange","jsx","InsertModal","jsxs","FormControl","HoverableButton","BlockStyles","id","styles","isActive","onClick","children","hovered","setHovered","useState","getStyles"],"mappings":";;;;;;AAQO,MAAMA,IAAoB,MAAM;AACnC,QAAMC,IAAaC,KACb,EAAE,OAAAC,GAAO,qBAAAC,EAAwB,IAAAH;AAGnC,SAAA,gBAAAI,EAACC,KAAa,GAAGL,GAAY,QAAO,0BAChC,UAAA,gBAAAI,EAAC,OAAI,EAAA,WAAU,WACX,UAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,MACd;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,QAAQC,EAAY;AAAA,YACpB,UAAUP,EAAM,gBAAgB;AAAA,YAChC,SAAS,MAAMC,EAAoB,SAAS;AAAA,YAE3C,YAAM,QAAQ;AAAA,UAAA;AAAA,QACnB;AAAA,QAEA,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,QAAQC,EAAY;AAAA,YACpB,UAAUP,EAAM,gBAAgB;AAAA,YAChC,SAAS,MAAMC,EAAoB,WAAW;AAAA,YAE7C,YAAM,QAAQ;AAAA,UAAA;AAAA,QACnB;AAAA,QAEA,gBAAAC;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,QAAQC,EAAY;AAAA,YACpB,UAAUP,EAAM,gBAAgB;AAAA,YAChC,SAAS,MAAMC,EAAoB,UAAU;AAAA,YAE5C,YAAM,QAAQ;AAAA,UAAA;AAAA,QACnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAER,CAAA,EACJ,CAAA;AAER,GAUMK,IAAkB,CAAC,EAAE,IAAAE,GAAI,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,GAAS,UAAAC,QAAoC;AAC1F,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAAY,MAAOP,KAAUA,EAAO,SAASI,IAAU,EAAE,GAAGJ,GAAQ,GAAGA,EAAO,MAAA,IAAUA;AAG1F,SAAA,gBAAAP;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAc,0BAA0BM,CAAE;AAAA,MAC1C,cAAc,MAAMM,EAAW,EAAI;AAAA,MACnC,cAAc,MAAMA,EAAW,EAAK;AAAA,MACpC,SAAAH;AAAA,MACA,OAAOK,EAAU;AAAA,MACjB,WACIN,IAAW,8EAA8E;AAAA,MAG5F,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGb;"}

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

@@ -1 +1 @@
-{"version":3,"file":"createButtonPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport { Plugin, PluginProps } from '@frontify/fondue';\nimport { RangeBeforeOptions, createPluginFactory } from '@udecode/plate';\nimport { CSSProperties } from 'react';\nimport { isValidUrl } from '../LinkPlugin/utils/url';\nimport { ButtonMarkupElement } from './ButtonMarkupElement';\nimport { ButtonButton } from './components/ButtonButton';\nimport { CustomFloatingButton } from './components/FloatingButton/CustomFloatingButton';\nimport { BlockButtonStyles } from './utils';\nimport { withButton } from './withButton';\n\nexport const ELEMENT_BUTTON = 'button';\nexport const BUTTON_PLUGIN = 'button-plugin';\n\n// eslint-disable-next-line\nexport interface ButtonPlugin {\n    forceSubmit?: boolean;\n\n    /**\n     * Allow custom config for rangeBeforeOptions.\n     * @example default\n     * {\n     *   matchString: ' ',\n     *   skipInvalid: true,\n     *   afterMatch: true,\n     * }\n     */\n    rangeBeforeOptions?: RangeBeforeOptions;\n\n    /**\n     * Hotkeys to trigger floating button.\n     * @default 'command+k, ctrl+k'\n     */\n    triggerFloatingButtonHotkeys: string;\n\n    /**\n     * Callback to validate an url.\n     * @default isUrl\n     */\n    isUrl: (text: string) => boolean;\n\n    /**\n     * Callback to optionally get the href for a url\n     * @returns href: an optional link to be used that is different from the text content (example https://google.com for google.com)\n     */\n    getUrlHref?: (url: string) => string | undefined;\n\n    /**\n     * On keyboard shortcut or toolbar mousedown, get the link url by calling this promise. The\n     * default behavior is to use the browser's native `prompt`.\n     */\n    getLinkUrl?: (prevUrl: string | null) => Promise<string | null>;\n}\n\n/**\n * Enables support for hyperlinks.\n */\nexport const createButtonPlugin = (appBridge: AppBridgeBlock) =>\n    createPluginFactory({\n        key: ELEMENT_BUTTON,\n        isElement: true,\n        isInline: true,\n        props: ({ element }) => ({\n            nodeProps: { href: element?.url, target: element?.target },\n        }),\n        withOverrides: withButton,\n        renderAfterEditable: CustomFloatingButton,\n        options: {\n            isUrl: isValidUrl,\n            rangeBeforeOptions: {\n                matchString: ' ',\n                skipInvalid: true,\n                afterMatch: true,\n            },\n            triggerFloatingButtonHotkeys: 'command+shift+k, ctrl+shift+k',\n            appBridge,\n        },\n        then: (editor, { type }) => ({\n            deserializeHtml: {\n                rules: [\n                    {\n                        validNodeName: 'A',\n                        validClassName: 'btn',\n                    },\n                ],\n                getNode: (el) => ({\n                    type,\n                    url: el.getAttribute('href'),\n                    target: el.getAttribute('target') || '_blank',\n                }),\n            },\n        }),\n    })();\n\nexport type ButtonPluginProps = Omit<PluginProps, 'styles'> & {\n    styles?: Record<string, CSSProperties & { hover?: CSSProperties }>;\n} & { appBridge: AppBridgeBlock };\n\n// eslint-disable-next-line\nexport class ButtonPlugin extends Plugin {\n    public styles: CSSProperties = {};\n    private appBridge: AppBridgeBlock;\n    constructor({ styles = BlockButtonStyles, ...props }: ButtonPluginProps) {\n        super(BUTTON_PLUGIN, {\n            button: ButtonButton,\n            markupElement: new ButtonMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n        this.appBridge = props?.appBridge as AppBridgeBlock;\n    }\n\n    plugins() {\n        return [createButtonPlugin(this.appBridge)];\n    }\n}\n"],"names":["ELEMENT_BUTTON","BUTTON_PLUGIN","createButtonPlugin","appBridge","createPluginFactory","element","withButton","CustomFloatingButton","isValidUrl","editor","type","el","ButtonPlugin","Plugin","styles","BlockButtonStyles","props","ButtonButton","ButtonMarkupElement"],"mappings":";;;;;;;;AAaO,MAAMA,IAAiB,UACjBC,IAAgB,iBA6ChBC,IAAqB,CAACC,MAC/BC,EAAoB;AAAA,EAChB,KAAKJ;AAAA,EACL,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO,CAAC,EAAE,SAAAK,SAAe;AAAA,IACrB,WAAW,EAAE,MAAMA,KAAA,gBAAAA,EAAS,KAAK,QAAQA,KAAA,gBAAAA,EAAS,OAAO;AAAA,EAAA;AAAA,EAE7D,eAAeC;AAAA,EACf,qBAAqBC;AAAA,EACrB,SAAS;AAAA,IACL,OAAOC;AAAA,IACP,oBAAoB;AAAA,MAChB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,IAChB;AAAA,IACA,8BAA8B;AAAA,IAC9B,WAAAL;AAAA,EACJ;AAAA,EACA,MAAM,CAACM,GAAQ,EAAE,MAAAC,SAAY;AAAA,IACzB,iBAAiB;AAAA,MACb,OAAO;AAAA,QACH;AAAA,UACI,eAAe;AAAA,UACf,gBAAgB;AAAA,QACpB;AAAA,MACJ;AAAA,MACA,SAAS,CAACC,OAAQ;AAAA,QACd,MAAAD;AAAA,QACA,KAAKC,EAAG,aAAa,MAAM;AAAA,QAC3B,QAAQA,EAAG,aAAa,QAAQ,KAAK;AAAA,MAAA;AAAA,IAE7C;AAAA,EAAA;AAER,CAAC,EAAE;AAOA,MAAMC,UAAqBC,EAAO;AAAA,EAGrC,YAAY,EAAE,QAAAC,IAASC,GAAmB,GAAGC,KAA4B;AACrE,UAAMf,GAAe;AAAA,MACjB,QAAQgB;AAAA,MACR,eAAe,IAAIC,EAAoB;AAAA,MACvC,GAAGF;AAAA,IAAA,CACN,GAPL,KAAO,SAAwB,IAQ3B,KAAK,SAASF,GACd,KAAK,YAAYE,KAAA,gBAAAA,EAAO;AAAA,EAC5B;AAAA,EAEA,UAAU;AACN,WAAO,CAACd,EAAmB,KAAK,SAAS,CAAC;AAAA,EAC9C;AACJ;"}
+{"version":3,"file":"createButtonPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport { Plugin, PluginProps } from '@frontify/fondue';\nimport { RangeBeforeOptions, createPluginFactory } from '@udecode/plate';\nimport type { CSSProperties } from 'react';\nimport { isValidUrl } from '../LinkPlugin/utils/url';\nimport { ButtonMarkupElement } from './ButtonMarkupElement';\nimport { ButtonButton } from './components/ButtonButton';\nimport { CustomFloatingButton } from './components/FloatingButton/CustomFloatingButton';\nimport { BlockButtonStyles } from './utils';\nimport { withButton } from './withButton';\n\nexport const ELEMENT_BUTTON = 'button';\nexport const BUTTON_PLUGIN = 'button-plugin';\n\n// eslint-disable-next-line\nexport interface ButtonPlugin {\n    forceSubmit?: boolean;\n\n    /**\n     * Allow custom config for rangeBeforeOptions.\n     * @example default\n     * {\n     *   matchString: ' ',\n     *   skipInvalid: true,\n     *   afterMatch: true,\n     * }\n     */\n    rangeBeforeOptions?: RangeBeforeOptions;\n\n    /**\n     * Hotkeys to trigger floating button.\n     * @default 'command+k, ctrl+k'\n     */\n    triggerFloatingButtonHotkeys: string;\n\n    /**\n     * Callback to validate an url.\n     * @default isUrl\n     */\n    isUrl: (text: string) => boolean;\n\n    /**\n     * Callback to optionally get the href for a url\n     * @returns href: an optional link to be used that is different from the text content (example https://google.com for google.com)\n     */\n    getUrlHref?: (url: string) => string | undefined;\n\n    /**\n     * On keyboard shortcut or toolbar mousedown, get the link url by calling this promise. The\n     * default behavior is to use the browser's native `prompt`.\n     */\n    getLinkUrl?: (prevUrl: string | null) => Promise<string | null>;\n}\n\n/**\n * Enables support for hyperlinks.\n */\nexport const createButtonPlugin = (appBridge: AppBridgeBlock) =>\n    createPluginFactory({\n        key: ELEMENT_BUTTON,\n        isElement: true,\n        isInline: true,\n        props: ({ element }) => ({\n            nodeProps: { href: element?.url, target: element?.target },\n        }),\n        withOverrides: withButton,\n        renderAfterEditable: CustomFloatingButton,\n        options: {\n            isUrl: isValidUrl,\n            rangeBeforeOptions: {\n                matchString: ' ',\n                skipInvalid: true,\n                afterMatch: true,\n            },\n            triggerFloatingButtonHotkeys: 'command+shift+k, ctrl+shift+k',\n            appBridge,\n        },\n        then: (editor, { type }) => ({\n            deserializeHtml: {\n                rules: [\n                    {\n                        validNodeName: 'A',\n                        validClassName: 'btn',\n                    },\n                ],\n                getNode: (el) => ({\n                    type,\n                    url: el.getAttribute('href'),\n                    target: el.getAttribute('target') || '_blank',\n                }),\n            },\n        }),\n    })();\n\nexport type ButtonPluginProps = Omit<PluginProps, 'styles'> & {\n    styles?: Record<string, CSSProperties & { hover?: CSSProperties }>;\n} & { appBridge: AppBridgeBlock };\n\n// eslint-disable-next-line\nexport class ButtonPlugin extends Plugin {\n    public styles: CSSProperties = {};\n    private appBridge: AppBridgeBlock;\n    constructor({ styles = BlockButtonStyles, ...props }: ButtonPluginProps) {\n        super(BUTTON_PLUGIN, {\n            button: ButtonButton,\n            markupElement: new ButtonMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n        this.appBridge = props?.appBridge as AppBridgeBlock;\n    }\n\n    plugins() {\n        return [createButtonPlugin(this.appBridge)];\n    }\n}\n"],"names":["ELEMENT_BUTTON","BUTTON_PLUGIN","createButtonPlugin","appBridge","createPluginFactory","element","withButton","CustomFloatingButton","isValidUrl","editor","type","el","ButtonPlugin","Plugin","styles","BlockButtonStyles","props","ButtonButton","ButtonMarkupElement"],"mappings":";;;;;;;;AAaO,MAAMA,IAAiB,UACjBC,IAAgB,iBA6ChBC,IAAqB,CAACC,MAC/BC,EAAoB;AAAA,EAChB,KAAKJ;AAAA,EACL,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO,CAAC,EAAE,SAAAK,SAAe;AAAA,IACrB,WAAW,EAAE,MAAMA,KAAA,gBAAAA,EAAS,KAAK,QAAQA,KAAA,gBAAAA,EAAS,OAAO;AAAA,EAAA;AAAA,EAE7D,eAAeC;AAAA,EACf,qBAAqBC;AAAA,EACrB,SAAS;AAAA,IACL,OAAOC;AAAA,IACP,oBAAoB;AAAA,MAChB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,IAChB;AAAA,IACA,8BAA8B;AAAA,IAC9B,WAAAL;AAAA,EACJ;AAAA,EACA,MAAM,CAACM,GAAQ,EAAE,MAAAC,SAAY;AAAA,IACzB,iBAAiB;AAAA,MACb,OAAO;AAAA,QACH;AAAA,UACI,eAAe;AAAA,UACf,gBAAgB;AAAA,QACpB;AAAA,MACJ;AAAA,MACA,SAAS,CAACC,OAAQ;AAAA,QACd,MAAAD;AAAA,QACA,KAAKC,EAAG,aAAa,MAAM;AAAA,QAC3B,QAAQA,EAAG,aAAa,QAAQ,KAAK;AAAA,MAAA;AAAA,IAE7C;AAAA,EAAA;AAER,CAAC,EAAE;AAOA,MAAMC,UAAqBC,EAAO;AAAA,EAGrC,YAAY,EAAE,QAAAC,IAASC,GAAmB,GAAGC,KAA4B;AACrE,UAAMf,GAAe;AAAA,MACjB,QAAQgB;AAAA,MACR,eAAe,IAAIC,EAAoB;AAAA,MACvC,GAAGF;AAAA,IAAA,CACN,GAPL,KAAO,SAAwB,IAQ3B,KAAK,SAASF,GACd,KAAK,YAAYE,KAAA,gBAAAA,EAAO;AAAA,EAC5B;AAAA,EAEA,UAAU;AACN,WAAO,CAACd,EAAmB,KAAK,SAAS,CAAC;AAAA,EAC9C;AACJ;"}

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

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

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

@@ -1,37 +1,37 @@
-import { j as t } from "../../../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { IconPen16 as s, IconTrashBin16 as o } from "@frontify/fondue";
-import { useFloatingLinkUrlInput as i } from "@udecode/plate";
-import { FloatingLink as n } from "../FloatingLink.es.js";
-import { BlockStyles as r } from "../../../styles.es.js";
-const c = () => {
-  const e = i({});
-  return /* @__PURE__ */ t.jsx("div", { "data-test-id": "floating-link-edit", className: "tw-bg-white tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]", children: /* @__PURE__ */ t.jsxs("span", { "data-test-id": "preview-link-flyout", className: "tw-flex tw-justify-between", children: [
-    /* @__PURE__ */ t.jsx("span", { className: "tw-pointer-events-none", style: r.p, children: e.defaultValue }),
-    /* @__PURE__ */ t.jsxs("span", { className: "tw-flex tw-gap-2", children: [
-      /* @__PURE__ */ t.jsx(
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { IconPen16 as i, IconTrashBin16 as r } from "@frontify/fondue";
+import { useFloatingLinkUrlInput as a } from "@udecode/plate";
+import { FloatingLink as e } from "../FloatingLink.es.js";
+import { BlockStyles as l } from "../../../styles.es.js";
+const m = () => {
+  const o = a({});
+  return /* @__PURE__ */ t("div", { "data-test-id": "floating-link-edit", className: "tw-bg-white tw-rounded tw-shadow tw-p-4 tw-min-w-[400px]", children: /* @__PURE__ */ n("span", { "data-test-id": "preview-link-flyout", className: "tw-flex tw-justify-between", children: [
+    /* @__PURE__ */ t("span", { className: "tw-pointer-events-none", style: l.p, children: o.defaultValue }),
+    /* @__PURE__ */ n("span", { className: "tw-flex tw-gap-2", children: [
+      /* @__PURE__ */ t(
         "span",
         {
           role: "button",
           tabIndex: 0,
           "data-test-id": "edit-link-button",
           className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
-          children: /* @__PURE__ */ t.jsx(n.EditButton, { children: /* @__PURE__ */ t.jsx(s, {}) })
+          children: /* @__PURE__ */ t(e.EditButton, { children: /* @__PURE__ */ t(i, {}) })
         }
       ),
-      /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t(
         "span",
         {
           role: "button",
           tabIndex: 0,
           "data-test-id": "remove-link-button",
           className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
-          children: /* @__PURE__ */ t.jsx(n.UnlinkButton, { children: /* @__PURE__ */ t.jsx(o, {}) })
+          children: /* @__PURE__ */ t(e.UnlinkButton, { children: /* @__PURE__ */ t(r, {}) })
         }
       )
     ] })
   ] }) });
 };
 export {
-  c as EditModal
+  m as EditModal
 };
 //# sourceMappingURL=EditModal.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconPen16, IconTrashBin16 } from '@frontify/fondue';\nimport { useFloatingLinkUrlInput } from '@udecode/plate';\nimport { FloatingLink } from '../FloatingLink';\nimport { BlockStyles } from '../../../styles';\n\nexport const EditModal = () => {\n    const urlHtmlProps = useFloatingLinkUrlInput({});\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 className=\"tw-pointer-events-none\" style={BlockStyles.p}>\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                            <IconPen16 />\n                        </FloatingLink.EditButton>\n                    </span>\n\n                    <span\n                        role=\"button\"\n                        tabIndex={0}\n                        data-test-id={'remove-link-button'}\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <FloatingLink.UnlinkButton>\n                            <IconTrashBin16 />\n                        </FloatingLink.UnlinkButton>\n                    </span>\n                </span>\n            </span>\n        </div>\n    );\n};\n"],"names":["EditModal","urlHtmlProps","useFloatingLinkUrlInput","jsx","jsxs","BlockStyles","FloatingLink","IconPen16","IconTrashBin16"],"mappings":";;;;;AAOO,MAAMA,IAAY,MAAM;AACrB,QAAAC,IAAeC,EAAwB,CAAA,CAAE;AAG3C,SAAAC,gBAAAA,EAAAA,IAAC,OAAI,EAAA,gBAAa,sBAAqB,WAAU,4DAC7C,UAAAC,gBAAAA,EAAAA,KAAC,QAAK,EAAA,gBAAc,uBAAuB,WAAU,8BACjD,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,IAAC,UAAK,WAAU,0BAAyB,OAAOE,EAAY,GACvD,YAAa,aAClB,CAAA;AAAA,IACAD,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,oBACZ,UAAA;AAAA,MAAAD,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,gBAAc;AAAA,UACd,WAAU;AAAA,UAEV,gCAACG,EAAa,YAAb,EACG,UAAAH,gBAAAA,MAACI,IAAU,CAAA,GACf;AAAA,QAAA;AAAA,MACJ;AAAA,MAEAJ,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,gBAAc;AAAA,UACd,WAAU;AAAA,UAEV,gCAACG,EAAa,cAAb,EACG,UAAAH,gBAAAA,MAACK,IAAe,CAAA,GACpB;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA,GACJ;AAAA,EAAA,EACJ,CAAA,EACJ,CAAA;AAER;"}
+{"version":3,"file":"EditModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconPen16, IconTrashBin16 } from '@frontify/fondue';\nimport { useFloatingLinkUrlInput } from '@udecode/plate';\nimport { FloatingLink } from '../FloatingLink';\nimport { BlockStyles } from '../../../styles';\n\nexport const EditModal = () => {\n    const urlHtmlProps = useFloatingLinkUrlInput({});\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 className=\"tw-pointer-events-none\" style={BlockStyles.p}>\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                            <IconPen16 />\n                        </FloatingLink.EditButton>\n                    </span>\n\n                    <span\n                        role=\"button\"\n                        tabIndex={0}\n                        data-test-id={'remove-link-button'}\n                        className=\"tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1\"\n                    >\n                        <FloatingLink.UnlinkButton>\n                            <IconTrashBin16 />\n                        </FloatingLink.UnlinkButton>\n                    </span>\n                </span>\n            </span>\n        </div>\n    );\n};\n"],"names":["EditModal","urlHtmlProps","useFloatingLinkUrlInput","jsx","jsxs","BlockStyles","FloatingLink","IconPen16","IconTrashBin16"],"mappings":";;;;;AAOO,MAAMA,IAAY,MAAM;AACrB,QAAAC,IAAeC,EAAwB,CAAA,CAAE;AAG3C,SAAA,gBAAAC,EAAC,OAAI,EAAA,gBAAa,sBAAqB,WAAU,4DAC7C,UAAA,gBAAAC,EAAC,QAAK,EAAA,gBAAc,uBAAuB,WAAU,8BACjD,UAAA;AAAA,IAAA,gBAAAD,EAAC,UAAK,WAAU,0BAAyB,OAAOE,EAAY,GACvD,YAAa,aAClB,CAAA;AAAA,IACA,gBAAAD,EAAC,QAAK,EAAA,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,gBAAc;AAAA,UACd,WAAU;AAAA,UAEV,4BAACG,EAAa,YAAb,EACG,UAAA,gBAAAH,EAACI,IAAU,CAAA,GACf;AAAA,QAAA;AAAA,MACJ;AAAA,MAEA,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,gBAAc;AAAA,UACd,WAAU;AAAA,UAEV,4BAACG,EAAa,cAAb,EACG,UAAA,gBAAAH,EAACK,IAAe,CAAA,GACpB;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA,GACJ;AAAA,EAAA,EACJ,CAAA,EACJ,CAAA;AAER;"}

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

@@ -1,7 +1,7 @@
-import { j as t } from "../../../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { InsertModal as o } from "./InsertModal.es.js";
+import { jsx as o } from "react/jsx-runtime";
+import { InsertModal as t } from "./InsertModal.es.js";
 import { useInsertModal as r } from "./useInsertModal.es.js";
-const i = () => /* @__PURE__ */ t.jsx(o, { ...r(), testId: "floating-link-insert" });
+const i = () => /* @__PURE__ */ o(t, { ...r(), testId: "floating-link-insert" });
 export {
   i as InsertLinkModal
 };

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    Button,\n    ButtonEmphasis,\n    ButtonSize,\n    ButtonStyle,\n    Checkbox,\n    FormControl,\n    IconCheckMark20,\n    TextInput,\n} from '@frontify/fondue';\nimport { FC, ReactNode } from 'react';\nimport { LinkSelector } from '../../../shared/LinkSelector';\nimport { InsertModalStateProps } from './types';\n\ntype Props = {\n    state: InsertModalStateProps;\n    onTextChange: (value: string) => void;\n    onUrlChange: (value: string) => void;\n    onToggleTab: (checked: boolean) => void;\n    onCancel: () => void;\n    onSave: (event: React.MouseEvent<HTMLButtonElement, MouseEvent> | KeyboardEvent | undefined) => void;\n    hasValues: boolean;\n    isValidUrlOrEmpty: (url: string) => boolean | undefined;\n    testId?: string;\n    children?: ReactNode;\n    appBridge: AppBridgeBlock;\n};\n\nexport const InsertModal: FC<Props> = ({\n    state,\n    onTextChange,\n    onUrlChange,\n    onToggleTab,\n    onCancel,\n    onSave,\n    isValidUrlOrEmpty,\n    hasValues,\n    testId,\n    appBridge,\n    children,\n}) => (\n    <div data-test-id={testId} className=\"tw-bg-white tw-rounded tw-shadow tw-p-7 tw-min-w-[400px] tw-overflow-y-auto\">\n        <FormControl\n            label={{\n                children: 'Text',\n                htmlFor: 'linkText',\n                required: true,\n            }}\n        >\n            <TextInput id=\"linkText\" value={state.text} placeholder=\"Link Text\" onChange={onTextChange} />\n        </FormControl>\n\n        {children}\n\n        <div className=\"tw-pt-5\">\n            <FormControl\n                label={{\n                    children: 'URL',\n                    htmlFor: 'url',\n                    required: true,\n                }}\n            >\n                <TextInput\n                    id=\"url\"\n                    value={state.url}\n                    placeholder=\"https://example.com\"\n                    focusOnMount\n                    onChange={onUrlChange}\n                />\n            </FormControl>\n            {!isValidUrlOrEmpty(state?.url) && <div className=\"tw-text-red-65 tw-mt-3\">Please enter a valid URL.</div>}\n        </div>\n\n        <div className=\"tw-mt-3\">\n            <LinkSelector url={state.url} appBridge={appBridge} onUrlChange={onUrlChange} />\n        </div>\n\n        <div className=\"tw-mt-3\">\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={<IconCheckMark20 />}\n                    disabled={!hasValues || !isValidUrlOrEmpty(state?.url)}\n                >\n                    Save\n                </Button>\n            </div>\n        </div>\n    </div>\n);\n"],"names":["InsertModal","state","onTextChange","onUrlChange","onToggleTab","onCancel","onSave","isValidUrlOrEmpty","hasValues","testId","appBridge","children","jsxs","jsx","FormControl","TextInput","LinkSelector","Checkbox","Button","ButtonSize","ButtonStyle","ButtonEmphasis","IconCheckMark20"],"mappings":";;;AA+BO,MAAMA,IAAyB,CAAC;AAAA,EACnC,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACJ,MACKC,gBAAAA,EAAAA,KAAA,OAAA,EAAI,gBAAcH,GAAQ,WAAU,+EACjC,UAAA;AAAA,EAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,MACd;AAAA,MAEA,UAAAD,gBAAAA,EAAAA,IAACE,GAAU,EAAA,IAAG,YAAW,OAAOd,EAAM,MAAM,aAAY,aAAY,UAAUC,EAAc,CAAA;AAAA,IAAA;AAAA,EAChG;AAAA,EAECS;AAAA,EAEDC,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,WACX,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAO;AAAA,UACH,UAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,QACd;AAAA,QAEA,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,OAAOd,EAAM;AAAA,YACb,aAAY;AAAA,YACZ,cAAY;AAAA,YACZ,UAAUE;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IACJ;AAAA,IACC,CAACI,EAAkBN,KAAA,gBAAAA,EAAO,GAAG,KAAMY,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,0BAAyB,UAAyB,4BAAA,CAAA;AAAA,EAAA,GACxG;AAAA,EAEAA,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,WACX,UAAAA,gBAAAA,EAAAA,IAACG,GAAa,EAAA,KAAKf,EAAM,KAAK,WAAAS,GAAsB,aAAAP,EAAA,CAA0B,EAClF,CAAA;AAAA,EAECU,gBAAAA,MAAA,OAAA,EAAI,WAAU,WACX,gCAACI,GAAS,EAAA,OAAM,WAAU,OAAM,mBAAkB,OAAOhB,EAAM,QAAQ,UAAUG,EAAa,CAAA,GAClG;AAAA,wBACC,OAAI,EAAA,WAAU,WACX,UAACQ,gBAAAA,EAAA,KAAA,OAAA,EAAI,WAAW,8EACZ,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,SAASb;AAAA,QACT,MAAMc,EAAW;AAAA,QACjB,OAAOC,EAAY;AAAA,QACnB,UAAUC,EAAe;AAAA,QAC5B,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IACAR,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,SAASZ;AAAA,QACT,MAAMa,EAAW;AAAA,QACjB,4BAAOG,GAAgB,EAAA;AAAA,QACvB,UAAU,CAACd,KAAa,CAACD,EAAkBN,KAAA,gBAAAA,EAAO,GAAG;AAAA,QACxD,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;AAAA,EACJ,CAAA;"}
+{"version":3,"file":"InsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    Button,\n    ButtonEmphasis,\n    ButtonSize,\n    ButtonStyle,\n    Checkbox,\n    FormControl,\n    IconCheckMark20,\n    TextInput,\n} from '@frontify/fondue';\nimport { FC, ReactNode } from 'react';\nimport { LinkSelector } from '../../../shared/LinkSelector';\nimport { InsertModalStateProps } from './types';\n\ntype InsertModalProps = {\n    state: InsertModalStateProps;\n    onTextChange: (value: string) => void;\n    onUrlChange: (value: string) => void;\n    onToggleTab: (checked: boolean) => void;\n    onCancel: () => void;\n    onSave: (event: React.MouseEvent<HTMLButtonElement, MouseEvent> | KeyboardEvent | undefined) => void;\n    hasValues: boolean;\n    isValidUrlOrEmpty: (url: string) => boolean | undefined;\n    testId?: string;\n    children?: ReactNode;\n    appBridge: AppBridgeBlock;\n};\n\nexport const InsertModal: FC<InsertModalProps> = ({\n    state,\n    onTextChange,\n    onUrlChange,\n    onToggleTab,\n    onCancel,\n    onSave,\n    isValidUrlOrEmpty,\n    hasValues,\n    testId,\n    appBridge,\n    children,\n}) => (\n    <div data-test-id={testId} className=\"tw-bg-white tw-rounded tw-shadow tw-p-7 tw-min-w-[400px] tw-overflow-y-auto\">\n        <FormControl\n            label={{\n                children: 'Text',\n                htmlFor: 'linkText',\n                required: true,\n            }}\n        >\n            <TextInput id=\"linkText\" value={state.text} placeholder=\"Link Text\" onChange={onTextChange} />\n        </FormControl>\n\n        {children}\n\n        <div className=\"tw-pt-5\">\n            <FormControl\n                label={{\n                    children: 'URL',\n                    htmlFor: 'url',\n                    required: true,\n                }}\n            >\n                <TextInput\n                    id=\"url\"\n                    value={state.url}\n                    placeholder=\"https://example.com\"\n                    focusOnMount\n                    onChange={onUrlChange}\n                />\n            </FormControl>\n            {!isValidUrlOrEmpty(state?.url) && <div className=\"tw-text-red-65 tw-mt-3\">Please enter a valid URL.</div>}\n        </div>\n\n        <div className=\"tw-mt-3\">\n            <LinkSelector url={state.url} appBridge={appBridge} onUrlChange={onUrlChange} />\n        </div>\n\n        <div className=\"tw-mt-3\">\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={<IconCheckMark20 />}\n                    disabled={!hasValues || !isValidUrlOrEmpty(state?.url)}\n                >\n                    Save\n                </Button>\n            </div>\n        </div>\n    </div>\n);\n"],"names":["InsertModal","state","onTextChange","onUrlChange","onToggleTab","onCancel","onSave","isValidUrlOrEmpty","hasValues","testId","appBridge","children","jsxs","jsx","FormControl","TextInput","LinkSelector","Checkbox","Button","ButtonSize","ButtonStyle","ButtonEmphasis","IconCheckMark20"],"mappings":";;;AA+BO,MAAMA,IAAoC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACJ,MACK,gBAAAC,EAAA,OAAA,EAAI,gBAAcH,GAAQ,WAAU,+EACjC,UAAA;AAAA,EAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,MACd;AAAA,MAEA,UAAA,gBAAAD,EAACE,GAAU,EAAA,IAAG,YAAW,OAAOd,EAAM,MAAM,aAAY,aAAY,UAAUC,EAAc,CAAA;AAAA,IAAA;AAAA,EAChG;AAAA,EAECS;AAAA,EAED,gBAAAC,EAAC,OAAI,EAAA,WAAU,WACX,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAO;AAAA,UACH,UAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,QACd;AAAA,QAEA,UAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,IAAG;AAAA,YACH,OAAOd,EAAM;AAAA,YACb,aAAY;AAAA,YACZ,cAAY;AAAA,YACZ,UAAUE;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IACJ;AAAA,IACC,CAACI,EAAkBN,KAAA,gBAAAA,EAAO,GAAG,KAAM,gBAAAY,EAAA,OAAA,EAAI,WAAU,0BAAyB,UAAyB,4BAAA,CAAA;AAAA,EAAA,GACxG;AAAA,EAEA,gBAAAA,EAAC,OAAI,EAAA,WAAU,WACX,UAAA,gBAAAA,EAACG,GAAa,EAAA,KAAKf,EAAM,KAAK,WAAAS,GAAsB,aAAAP,EAAA,CAA0B,EAClF,CAAA;AAAA,EAEC,gBAAAU,EAAA,OAAA,EAAI,WAAU,WACX,4BAACI,GAAS,EAAA,OAAM,WAAU,OAAM,mBAAkB,OAAOhB,EAAM,QAAQ,UAAUG,EAAa,CAAA,GAClG;AAAA,oBACC,OAAI,EAAA,WAAU,WACX,UAAC,gBAAAQ,EAAA,OAAA,EAAI,WAAW,8EACZ,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,SAASb;AAAA,QACT,MAAMc,EAAW;AAAA,QACjB,OAAOC,EAAY;AAAA,QACnB,UAAUC,EAAe;AAAA,QAC5B,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IACA,gBAAAR;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,SAASZ;AAAA,QACT,MAAMa,EAAW;AAAA,QACjB,wBAAOG,GAAgB,EAAA;AAAA,QACvB,UAAU,CAACd,KAAa,CAACD,EAAkBN,KAAA,gBAAAA,EAAO,GAAG;AAAA,QACxD,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA,EAAA,CACJ,EACJ,CAAA;AAAA,EACJ,CAAA;"}

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

@@ -1,18 +1,18 @@
-import { j as t } from "../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { getTooltip as i, getHotkeyByPlatform as a, IconLink as l, IconSize as r, getButtonClassNames as c } from "@frontify/fondue";
-import { usePlateEditorState as m, useEventPlateId as p, isRangeInSameBlock as d, LinkToolbarButton as x } from "@udecode/plate";
-const g = ({ id: n, editorId: s }) => {
-  const e = m(p(s)), o = !!d(e, {
+import { jsx as t } from "react/jsx-runtime";
+import { getTooltip as s, getHotkeyByPlatform as a, IconLink as l, IconSize as r, getButtonClassNames as c } from "@frontify/fondue";
+import { usePlateEditorState as m, useEventPlateId as d, isRangeInSameBlock as p, LinkToolbarButton as u } from "@udecode/plate";
+const w = ({ id: n, editorId: i }) => {
+  const e = m(d(i)), o = !!p(e, {
     at: e.selection
   });
-  return /* @__PURE__ */ t.jsx("div", { "data-plugin-id": n, children: /* @__PURE__ */ t.jsx(
-    x,
+  return /* @__PURE__ */ t("div", { "data-plugin-id": n, children: /* @__PURE__ */ t(
+    u,
     {
-      tooltip: i(
+      tooltip: s(
         o ? `Link
 ${a("Ctrl+K")}` : "Links can only be set for a single text block."
       ),
-      icon: /* @__PURE__ */ t.jsx("span", { className: "tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex", children: /* @__PURE__ */ t.jsx(l, { size: r.Size16 }) }),
+      icon: /* @__PURE__ */ t("span", { className: "tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex", children: /* @__PURE__ */ t(l, { size: r.Size16 }) }),
       classNames: c(o),
       styles: { root: { width: "24px", height: "24px" } },
       actionHandler: "onMouseDown"
@@ -20,6 +20,6 @@ ${a("Ctrl+K")}` : "Links can only be set for a single text block."
   ) });
 };
 export {
-  g as LinkButton
+  w as LinkButton
 };
 //# sourceMappingURL=LinkButton.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    IconLink,\n    IconSize,\n    PluginButtonProps,\n    getButtonClassNames,\n    getHotkeyByPlatform,\n    getTooltip,\n} from '@frontify/fondue';\nimport { LinkToolbarButton, isRangeInSameBlock, useEventPlateId, usePlateEditorState } from '@udecode/plate';\n\nexport const LinkButton = ({ id, editorId }: PluginButtonProps) => {\n    const editor = usePlateEditorState(useEventPlateId(editorId));\n    const isEnabled = !!isRangeInSameBlock(editor, {\n        at: editor.selection,\n    });\n\n    return (\n        <div data-plugin-id={id}>\n            <LinkToolbarButton\n                tooltip={getTooltip(\n                    isEnabled\n                        ? `Link\\n${getHotkeyByPlatform('Ctrl+K')}`\n                        : 'Links can only be set for a single text block.',\n                )}\n                icon={\n                    <span className=\"tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex\">\n                        <IconLink size={IconSize.Size16} />\n                    </span>\n                }\n                classNames={getButtonClassNames(isEnabled)}\n                styles={{ root: { width: '24px', height: '24px' } }}\n                actionHandler=\"onMouseDown\"\n            />\n        </div>\n    );\n};\n"],"names":["LinkButton","id","editorId","editor","usePlateEditorState","useEventPlateId","isEnabled","isRangeInSameBlock","jsx","LinkToolbarButton","getTooltip","getHotkeyByPlatform","IconLink","IconSize","getButtonClassNames"],"mappings":";;;AAYO,MAAMA,IAAa,CAAC,EAAE,IAAAC,GAAI,UAAAC,QAAkC;AAC/D,QAAMC,IAASC,EAAoBC,EAAgBH,CAAQ,CAAC,GACtDI,IAAY,CAAC,CAACC,EAAmBJ,GAAQ;AAAA,IAC3C,IAAIA,EAAO;AAAA,EAAA,CACd;AAGG,SAAAK,gBAAAA,EAAAA,IAAC,OAAI,EAAA,kBAAgBP,GACjB,UAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAASC;AAAA,QACLJ,IACM;AAAA,EAASK,EAAoB,QAAQ,CAAC,KACtC;AAAA,MACV;AAAA,MACA,MACKH,gBAAAA,EAAAA,IAAA,QAAA,EAAK,WAAU,2DACZ,gCAACI,GAAS,EAAA,MAAMC,EAAS,OAAA,CAAQ,EACrC,CAAA;AAAA,MAEJ,YAAYC,EAAoBR,CAAS;AAAA,MACzC,QAAQ,EAAE,MAAM,EAAE,OAAO,QAAQ,QAAQ,SAAS;AAAA,MAClD,eAAc;AAAA,IAAA;AAAA,EAEtB,EAAA,CAAA;AAER;"}
+{"version":3,"file":"LinkButton.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    IconLink,\n    IconSize,\n    PluginButtonProps,\n    getButtonClassNames,\n    getHotkeyByPlatform,\n    getTooltip,\n} from '@frontify/fondue';\nimport { LinkToolbarButton, isRangeInSameBlock, useEventPlateId, usePlateEditorState } from '@udecode/plate';\n\nexport const LinkButton = ({ id, editorId }: PluginButtonProps) => {\n    const editor = usePlateEditorState(useEventPlateId(editorId));\n    const isEnabled = !!isRangeInSameBlock(editor, {\n        at: editor.selection,\n    });\n\n    return (\n        <div data-plugin-id={id}>\n            <LinkToolbarButton\n                tooltip={getTooltip(\n                    isEnabled\n                        ? `Link\\n${getHotkeyByPlatform('Ctrl+K')}`\n                        : 'Links can only be set for a single text block.',\n                )}\n                icon={\n                    <span className=\"tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex\">\n                        <IconLink size={IconSize.Size16} />\n                    </span>\n                }\n                classNames={getButtonClassNames(isEnabled)}\n                styles={{ root: { width: '24px', height: '24px' } }}\n                actionHandler=\"onMouseDown\"\n            />\n        </div>\n    );\n};\n"],"names":["LinkButton","id","editorId","editor","usePlateEditorState","useEventPlateId","isEnabled","isRangeInSameBlock","jsx","LinkToolbarButton","getTooltip","getHotkeyByPlatform","IconLink","IconSize","getButtonClassNames"],"mappings":";;;AAYO,MAAMA,IAAa,CAAC,EAAE,IAAAC,GAAI,UAAAC,QAAkC;AAC/D,QAAMC,IAASC,EAAoBC,EAAgBH,CAAQ,CAAC,GACtDI,IAAY,CAAC,CAACC,EAAmBJ,GAAQ;AAAA,IAC3C,IAAIA,EAAO;AAAA,EAAA,CACd;AAGG,SAAA,gBAAAK,EAAC,OAAI,EAAA,kBAAgBP,GACjB,UAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAASC;AAAA,QACLJ,IACM;AAAA,EAASK,EAAoB,QAAQ,CAAC,KACtC;AAAA,MACV;AAAA,MACA,MACK,gBAAAH,EAAA,QAAA,EAAK,WAAU,2DACZ,4BAACI,GAAS,EAAA,MAAMC,EAAS,OAAA,CAAQ,EACrC,CAAA;AAAA,MAEJ,YAAYC,EAAoBR,CAAS;AAAA,MACzC,QAAQ,EAAE,MAAM,EAAE,OAAO,QAAQ,QAAQ,SAAS;AAAA,MAClD,eAAc;AAAA,IAAA;AAAA,EAEtB,EAAA,CAAA;AAER;"}

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

@@ -1,8 +1,8 @@
-import { j as n } from "../../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { jsx as n } from "react/jsx-runtime";
 import { useElementProps as i } from "@udecode/plate";
 import { BlockStyles as p } from "../../styles.es.js";
 import { LINK_PLUGIN as a } from "../id.es.js";
-const m = (r) => ({
+const l = (r) => ({
   ...i({
     ...r,
     elementToAttributes: (t) => {
@@ -18,8 +18,8 @@ const m = (r) => ({
     t.stopPropagation();
   }
 }), h = (r) => {
-  const e = m(r), { attributes: t, children: o } = r;
-  return /* @__PURE__ */ n.jsx("a", { ...t, href: e.href, target: e.target, style: p[a], children: o });
+  const e = l(r), { attributes: t, children: o } = r;
+  return /* @__PURE__ */ n("a", { ...t, href: e.href, target: e.target, style: p[a], children: o });
 };
 export {
   h as LinkMarkupElementNode

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 { HTMLPropsAs, LinkRootProps, useElementProps } from '@udecode/plate';\nimport { MouseEvent } from 'react';\nimport { TLinkElement } from '../types';\nimport { BlockStyles } from '../../styles';\nimport { LINK_PLUGIN } from '../id';\n\nconst useLink = (props: LinkRootProps): HTMLPropsAs<'a'> => {\n    const _props = useElementProps<TLinkElement, 'a'>({\n        ...props,\n        elementToAttributes: (element) => ({\n            href: element.url || element.chosenLink?.searchResult?.link || '',\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: (event: MouseEvent) => {\n            event.stopPropagation();\n        },\n    };\n};\n\nexport const LinkMarkupElementNode = (props: LinkRootProps) => {\n    const htmlProps = useLink(props);\n    const { attributes, children } = props;\n\n    return (\n        <a {...attributes} href={htmlProps.href} target={htmlProps.target} style={BlockStyles[LINK_PLUGIN]}>\n            {children}\n        </a>\n    );\n};\n"],"names":["useLink","props","useElementProps","element","_b","_a","event","LinkMarkupElementNode","htmlProps","attributes","children","jsx","BlockStyles","LINK_PLUGIN"],"mappings":";;;;AAQA,MAAMA,IAAU,CAACC,OASN;AAAA,EACH,GATWC,EAAmC;AAAA,IAC9C,GAAGD;AAAA,IACH,qBAAqB,CAACE,MAAa;;AAAA;AAAA,QAC/B,MAAMA,EAAQ,SAAOC,KAAAC,IAAAF,EAAQ,eAAR,gBAAAE,EAAoB,iBAApB,gBAAAD,EAAkC,SAAQ;AAAA,QAC/D,QAAQD,EAAQ,UAAU;AAAA,MAAA;AAAA;AAAA,EAC9B,CACH;AAAA;AAAA,EAKG,aAAa,CAACG,MAAsB;AAChC,IAAAA,EAAM,gBAAgB;AAAA,EAC1B;AAAA,IAIKC,IAAwB,CAACN,MAAyB;AACrD,QAAAO,IAAYR,EAAQC,CAAK,GACzB,EAAE,YAAAQ,GAAY,UAAAC,EAAa,IAAAT;AAEjC,SACKU,gBAAAA,EAAAA,IAAA,KAAA,EAAG,GAAGF,GAAY,MAAMD,EAAU,MAAM,QAAQA,EAAU,QAAQ,OAAOI,EAAYC,CAAW,GAC5F,UAAAH,EACL,CAAA;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 { HTMLPropsAs, LinkRootProps, useElementProps } from '@udecode/plate';\nimport type { MouseEvent } from 'react';\nimport { TLinkElement } from '../types';\nimport { BlockStyles } from '../../styles';\nimport { LINK_PLUGIN } from '../id';\n\nconst useLink = (props: LinkRootProps): HTMLPropsAs<'a'> => {\n    const _props = useElementProps<TLinkElement, 'a'>({\n        ...props,\n        elementToAttributes: (element) => ({\n            href: element.url || element.chosenLink?.searchResult?.link || '',\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: (event: MouseEvent) => {\n            event.stopPropagation();\n        },\n    };\n};\n\nexport const LinkMarkupElementNode = (props: LinkRootProps) => {\n    const htmlProps = useLink(props);\n    const { attributes, children } = props;\n\n    return (\n        <a {...attributes} href={htmlProps.href} target={htmlProps.target} style={BlockStyles[LINK_PLUGIN]}>\n            {children}\n        </a>\n    );\n};\n"],"names":["useLink","props","useElementProps","element","_b","_a","event","LinkMarkupElementNode","htmlProps","attributes","children","jsx","BlockStyles","LINK_PLUGIN"],"mappings":";;;;AAQA,MAAMA,IAAU,CAACC,OASN;AAAA,EACH,GATWC,EAAmC;AAAA,IAC9C,GAAGD;AAAA,IACH,qBAAqB,CAACE,MAAa;;AAAA;AAAA,QAC/B,MAAMA,EAAQ,SAAOC,KAAAC,IAAAF,EAAQ,eAAR,gBAAAE,EAAoB,iBAApB,gBAAAD,EAAkC,SAAQ;AAAA,QAC/D,QAAQD,EAAQ,UAAU;AAAA,MAAA;AAAA;AAAA,EAC9B,CACH;AAAA;AAAA,EAKG,aAAa,CAACG,MAAsB;AAChC,IAAAA,EAAM,gBAAgB;AAAA,EAC1B;AAAA,IAIKC,IAAwB,CAACN,MAAyB;AACrD,QAAAO,IAAYR,EAAQC,CAAK,GACzB,EAAE,YAAAQ,GAAY,UAAAC,EAAa,IAAAT;AAEjC,SACK,gBAAAU,EAAA,KAAA,EAAG,GAAGF,GAAY,MAAMD,EAAU,MAAM,QAAQA,EAAU,QAAQ,OAAOI,EAAYC,CAAW,GAC5F,UAAAH,EACL,CAAA;AAER;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport { Plugin, PluginProps } from '@frontify/fondue';\nimport { createLinkPlugin as createPlateLinkPlugin, createPluginFactory } from '@udecode/plate';\nimport { CustomFloatingLink } from './FloatingLink/CustomFloatingLink';\nimport { LINK_PLUGIN } from './id';\nimport { LinkButton } from './LinkButton';\nimport { LinkMarkupElement } from './LinkMarkupElement';\nimport { isValidUrl } from './utils/url';\nimport { CSSProperties } from 'react';\nimport { BlockStyles } from '../styles';\n\nexport const createLinkPlugin = (appBridge: AppBridgeBlock) =>\n    createPluginFactory({\n        ...createPlateLinkPlugin(),\n        renderAfterEditable: CustomFloatingLink,\n        options: {\n            isUrl: isValidUrl,\n            rangeBeforeOptions: {\n                matchString: ' ',\n                skipInvalid: true,\n                afterMatch: true,\n            },\n            triggerFloatingLinkHotkeys: 'command+k, ctrl+k',\n            appBridge,\n        },\n    })();\n\nexport type LinkPluginProps = PluginProps & { appBridge: AppBridgeBlock };\n\nexport class LinkPlugin extends Plugin {\n    private appBridge: AppBridgeBlock;\n    public styles: CSSProperties = {};\n    constructor(props?: LinkPluginProps, styles = BlockStyles[LINK_PLUGIN]) {\n        super(LINK_PLUGIN, {\n            button: LinkButton,\n            markupElement: new LinkMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n        this.appBridge = props?.appBridge as AppBridgeBlock;\n    }\n\n    plugins() {\n        return [createLinkPlugin(this.appBridge)];\n    }\n}\n"],"names":["createLinkPlugin","appBridge","createPluginFactory","createPlateLinkPlugin","CustomFloatingLink","isValidUrl","LinkPlugin","Plugin","props","styles","BlockStyles","LINK_PLUGIN","LinkButton","LinkMarkupElement"],"mappings":";;;;;;;;AAaa,MAAAA,IAAmB,CAACC,MAC7BC,EAAoB;AAAA,EAChB,GAAGC,EAAsB;AAAA,EACzB,qBAAqBC;AAAA,EACrB,SAAS;AAAA,IACL,OAAOC;AAAA,IACP,oBAAoB;AAAA,MAChB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,IAChB;AAAA,IACA,4BAA4B;AAAA,IAC5B,WAAAJ;AAAA,EACJ;AACJ,CAAC,EAAE;AAIA,MAAMK,UAAmBC,EAAO;AAAA,EAGnC,YAAYC,GAAyBC,IAASC,EAAYC,CAAW,GAAG;AACpE,UAAMA,GAAa;AAAA,MACf,QAAQC;AAAA,MACR,eAAe,IAAIC,EAAkB;AAAA,MACrC,GAAGL;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASC,GACd,KAAK,YAAYD,KAAA,gBAAAA,EAAO;AAAA,EAC5B;AAAA,EAEA,UAAU;AACN,WAAO,CAACR,EAAiB,KAAK,SAAS,CAAC;AAAA,EAC5C;AACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport type { CSSProperties } from 'react';\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport { Plugin, PluginProps } from '@frontify/fondue';\nimport { createLinkPlugin as createPlateLinkPlugin, createPluginFactory } from '@udecode/plate';\n\nimport { CustomFloatingLink } from './FloatingLink/CustomFloatingLink';\nimport { LINK_PLUGIN } from './id';\nimport { LinkButton } from './LinkButton';\nimport { LinkMarkupElement } from './LinkMarkupElement';\nimport { isValidUrl } from './utils/url';\nimport { BlockStyles } from '../styles';\n\nexport const createLinkPlugin = (appBridge: AppBridgeBlock) =>\n    createPluginFactory({\n        ...createPlateLinkPlugin(),\n        renderAfterEditable: CustomFloatingLink,\n        options: {\n            isUrl: isValidUrl,\n            rangeBeforeOptions: {\n                matchString: ' ',\n                skipInvalid: true,\n                afterMatch: true,\n            },\n            triggerFloatingLinkHotkeys: 'command+k, ctrl+k',\n            appBridge,\n        },\n    })();\n\nexport type LinkPluginProps = PluginProps & { appBridge: AppBridgeBlock };\n\nexport class LinkPlugin extends Plugin {\n    private appBridge: AppBridgeBlock;\n    public styles: CSSProperties = {};\n    constructor(props?: LinkPluginProps, styles = BlockStyles[LINK_PLUGIN]) {\n        super(LINK_PLUGIN, {\n            button: LinkButton,\n            markupElement: new LinkMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n        this.appBridge = props?.appBridge as AppBridgeBlock;\n    }\n\n    plugins() {\n        return [createLinkPlugin(this.appBridge)];\n    }\n}\n"],"names":["createLinkPlugin","appBridge","createPluginFactory","createPlateLinkPlugin","CustomFloatingLink","isValidUrl","LinkPlugin","Plugin","props","styles","BlockStyles","LINK_PLUGIN","LinkButton","LinkMarkupElement"],"mappings":";;;;;;;;AAca,MAAAA,IAAmB,CAACC,MAC7BC,EAAoB;AAAA,EAChB,GAAGC,EAAsB;AAAA,EACzB,qBAAqBC;AAAA,EACrB,SAAS;AAAA,IACL,OAAOC;AAAA,IACP,oBAAoB;AAAA,MAChB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,IAChB;AAAA,IACA,4BAA4B;AAAA,IAC5B,WAAAJ;AAAA,EACJ;AACJ,CAAC,EAAE;AAIA,MAAMK,UAAmBC,EAAO;AAAA,EAGnC,YAAYC,GAAyBC,IAASC,EAAYC,CAAW,GAAG;AACpE,UAAMA,GAAa;AAAA,MACf,QAAQC;AAAA,MACR,eAAe,IAAIC,EAAkB;AAAA,MACrC,GAAGL;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASC,GACd,KAAK,YAAYD,KAAA,gBAAAA,EAAO;AAAA,EAC5B;AAAA,EAEA,UAAU;AACN,WAAO,CAACR,EAAiB,KAAK,SAAS,CAAC;AAAA,EAC5C;AACJ;"}