@frontify/guideline-blocks-settings 3.0.2 → 3.0.4

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

@@ -1,49 +1,47 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { IconPen as o, IconTrashBin as l } from "@frontify/fondue/icons";
-import { useLinkOpenButtonState as s, FloatingModalWrapper as d } from "@frontify/fondue/rte";
-import { BlockStyles as m } from "../../../styles.es.js";
-import { LINK_PLUGIN as c } from "../../id.es.js";
-import { getUrlFromLinkOrLegacyLink as p } from "../../../../../Link/utils/getUrl.es.js";
-const h = ({ editButtonProps: i, unlinkButtonProps: a }) => {
-  const { element: e } = s(), r = e ? p(e) : "";
-  return /* @__PURE__ */ t(d, { "data-test-id": "floating-link-edit", padding: "16px", minWidth: "400px", children: /* @__PURE__ */ n("span", { "data-test-id": "preview-link-flyout", className: "tw-flex tw-justify-between tw-items-center tw-gap-2", children: [
-    /* @__PURE__ */ t(
-      "a",
-      {
-        "data-test-id": "floating-link-edit-url",
-        href: r,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        style: m[c],
-        className: "tw-break-all",
-        children: r
-      }
-    ),
-    /* @__PURE__ */ n("span", { className: "tw-flex tw-gap-2", children: [
-      /* @__PURE__ */ t(
-        "button",
-        {
-          tabIndex: 0,
-          "data-test-id": "edit-link-button",
-          className: "tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1",
-          ...i,
-          children: /* @__PURE__ */ t(o, { size: 16 })
-        }
-      ),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          tabIndex: 0,
-          "data-test-id": "remove-link-button",
-          className: "tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1",
-          ...a,
-          children: /* @__PURE__ */ t(l, { size: 16 })
-        }
-      )
-    ] })
-  ] }) });
+import { getUrlFromLinkOrLegacyLink as e } from "../../../../../Link/utils/getUrl.es.js";
+import { LINK_PLUGIN as t } from "../../id.es.js";
+import { BlockStyles as n } from "../../../styles.es.js";
+import { IconPen as r, IconTrashBin as i } from "@frontify/fondue/icons";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { FloatingModalWrapper as s, useLinkOpenButtonState as c } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.tsx
+var l = ({ editButtonProps: l, unlinkButtonProps: u }) => {
+	let { element: d } = c(), f = d ? e(d) : "";
+	return /* @__PURE__ */ a(s, {
+		"data-test-id": "floating-link-edit",
+		padding: "16px",
+		minWidth: "400px",
+		children: /* @__PURE__ */ o("span", {
+			"data-test-id": "preview-link-flyout",
+			className: "tw-flex tw-justify-between tw-items-center tw-gap-2",
+			children: [/* @__PURE__ */ a("a", {
+				"data-test-id": "floating-link-edit-url",
+				href: f,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				style: n[t],
+				className: "tw-break-all",
+				children: f
+			}), /* @__PURE__ */ o("span", {
+				className: "tw-flex tw-gap-2",
+				children: [/* @__PURE__ */ a("button", {
+					tabIndex: 0,
+					"data-test-id": "edit-link-button",
+					className: "tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1",
+					...l,
+					children: /* @__PURE__ */ a(r, { size: 16 })
+				}), /* @__PURE__ */ a("button", {
+					tabIndex: 0,
+					"data-test-id": "remove-link-button",
+					className: "tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1",
+					...u,
+					children: /* @__PURE__ */ a(i, { size: 16 })
+				})]
+			})]
+		})
+	});
 };
-export {
-  h as EditModal
-};
-//# sourceMappingURL=EditModal.es.js.map
+//#endregion
+export { l 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 { IconPen, IconTrashBin } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper, useLinkOpenButtonState } from '@frontify/fondue/rte';\nimport { type MouseEvent } from 'react';\n\nimport { getUrlFromLinkOrLegacyLink } from '../../../../../Link';\nimport { BlockStyles } from '../../../styles';\nimport { LINK_PLUGIN } from '../../id';\n\ntype EditModalProps = {\n    editButtonProps: {\n        onClick: () => void;\n    };\n    unlinkButtonProps: {\n        onMouseDown: (e: MouseEvent<HTMLButtonElement>) => void;\n        onClick: () => void;\n    };\n};\n\nexport const EditModal = ({ editButtonProps, unlinkButtonProps }: EditModalProps) => {\n    const { element } = useLinkOpenButtonState();\n    const url = element ? getUrlFromLinkOrLegacyLink(element) : '';\n\n    return (\n        <FloatingModalWrapper data-test-id=\"floating-link-edit\" padding=\"16px\" minWidth=\"400px\">\n            <span data-test-id=\"preview-link-flyout\" className=\"tw-flex tw-justify-between tw-items-center tw-gap-2\">\n                <a\n                    data-test-id=\"floating-link-edit-url\"\n                    href={url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    style={BlockStyles[LINK_PLUGIN]}\n                    className=\"tw-break-all\"\n                >\n                    {url}\n                </a>\n                <span className=\"tw-flex tw-gap-2\">\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"edit-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1\"\n                        {...editButtonProps}\n                    >\n                        <IconPen size={16} />\n                    </button>\n\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"remove-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1\"\n                        {...unlinkButtonProps}\n                    >\n                        <IconTrashBin size={16} />\n                    </button>\n                </span>\n            </span>\n        </FloatingModalWrapper>\n    );\n};\n"],"names":["EditModal","editButtonProps","unlinkButtonProps","element","useLinkOpenButtonState","url","getUrlFromLinkOrLegacyLink","jsx","FloatingModalWrapper","jsxs","BlockStyles","LINK_PLUGIN","IconPen","IconTrashBin"],"mappings":";;;;;;AAoBO,MAAMA,IAAY,CAAC,EAAE,iBAAAC,GAAiB,mBAAAC,QAAwC;AACjF,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACdC,IAAMF,IAAUG,EAA2BH,CAAO,IAAI;AAE5D,SACI,gBAAAI,EAACC,GAAA,EAAqB,gBAAa,sBAAqB,SAAQ,QAAO,UAAS,SAC5E,UAAA,gBAAAC,EAAC,QAAA,EAAK,gBAAa,uBAAsB,WAAU,uDAC/C,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,MAAMF;AAAA,QACN,QAAO;AAAA,QACP,KAAI;AAAA,QACJ,OAAOK,EAAYC,CAAW;AAAA,QAC9B,WAAU;AAAA,QAET,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,gBAAAI,EAAC,QAAA,EAAK,WAAU,oBACZ,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UACT,GAAGN;AAAA,UAEJ,UAAA,gBAAAM,EAACK,GAAA,EAAQ,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU;AAAA,UACV,gBAAa;AAAA,UACb,WAAU;AAAA,UACT,GAAGL;AAAA,UAEJ,UAAA,gBAAAK,EAACM,GAAA,EAAa,MAAM,GAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B,EAAA,CACJ;AAAA,EAAA,EAAA,CACJ,EAAA,CACJ;AAER;"}
+{"version":3,"file":"EditModal.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconPen, IconTrashBin } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper, useLinkOpenButtonState } from '@frontify/fondue/rte';\nimport { type MouseEvent } from 'react';\n\nimport { getUrlFromLinkOrLegacyLink } from '../../../../../Link';\nimport { BlockStyles } from '../../../styles';\nimport { LINK_PLUGIN } from '../../id';\n\ntype EditModalProps = {\n    editButtonProps: {\n        onClick: () => void;\n    };\n    unlinkButtonProps: {\n        onMouseDown: (e: MouseEvent<HTMLButtonElement>) => void;\n        onClick: () => void;\n    };\n};\n\nexport const EditModal = ({ editButtonProps, unlinkButtonProps }: EditModalProps) => {\n    const { element } = useLinkOpenButtonState();\n    const url = element ? getUrlFromLinkOrLegacyLink(element) : '';\n\n    return (\n        <FloatingModalWrapper data-test-id=\"floating-link-edit\" padding=\"16px\" minWidth=\"400px\">\n            <span data-test-id=\"preview-link-flyout\" className=\"tw-flex tw-justify-between tw-items-center tw-gap-2\">\n                <a\n                    data-test-id=\"floating-link-edit-url\"\n                    href={url}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    style={BlockStyles[LINK_PLUGIN]}\n                    className=\"tw-break-all\"\n                >\n                    {url}\n                </a>\n                <span className=\"tw-flex tw-gap-2\">\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"edit-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1\"\n                        {...editButtonProps}\n                    >\n                        <IconPen size={16} />\n                    </button>\n\n                    <button\n                        tabIndex={0}\n                        data-test-id=\"remove-link-button\"\n                        className=\"tw-transition tw-cursor-pointer tw-rounded-medium hover:tw-bg-black-10 tw-p-1\"\n                        {...unlinkButtonProps}\n                    >\n                        <IconTrashBin size={16} />\n                    </button>\n                </span>\n            </span>\n        </FloatingModalWrapper>\n    );\n};\n"],"mappings":";;;;;;;AAoBA,IAAa,KAAa,EAAE,oBAAiB,2BAAwC;CACjF,IAAM,EAAE,eAAY,EAAuB,GACrC,IAAM,IAAU,EAA2B,CAAO,IAAI;CAE5D,OACI,kBAAC,GAAD;EAAsB,gBAAa;EAAqB,SAAQ;EAAO,UAAS;EAC5E,UAAA,kBAAC,QAAD;GAAM,gBAAa;GAAsB,WAAU;GAAnD,UAAA,CACI,kBAAC,KAAD;IACI,gBAAa;IACb,MAAM;IACN,QAAO;IACP,KAAI;IACJ,OAAO,EAAY;IACnB,WAAU;IAET,UAAA;GACF,CAAA,GACH,kBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CACI,kBAAC,UAAD;KACI,UAAU;KACV,gBAAa;KACb,WAAU;KACV,GAAI;KAEJ,UAAA,kBAAC,GAAD,EAAS,MAAM,GAAK,CAAA;IAChB,CAAA,GAER,kBAAC,UAAD;KACI,UAAU;KACV,gBAAa;KACb,WAAU;KACV,GAAI;KAEJ,UAAA,kBAAC,GAAD,EAAc,MAAM,GAAK,CAAA;IACrB,CAAA,CACN;GACJ,CAAA,CAAA;;CACY,CAAA;AAE9B"}

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

@@ -1,8 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import { InsertModal as t } from "./InsertModal.es.js";
-import { useInsertModal as r } from "./useInsertModal.es.js";
-const i = () => /* @__PURE__ */ o(t, { ...r(), testId: "floating-link-insert" });
-export {
-  i as InsertLinkModal
-};
-//# sourceMappingURL=InsertLinkModal.es.js.map
+import { InsertModal as e } from "./InsertModal.es.js";
+import { useInsertModal as t } from "./useInsertModal.es.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertLinkModal.tsx
+var r = () => /* @__PURE__ */ n(e, {
+	...t(),
+	testId: "floating-link-insert"
+});
+//#endregion
+export { r as InsertLinkModal };
+
+//# sourceMappingURL=InsertLinkModal.es.js.map

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 } from './InsertModal';\nimport { useInsertModal } from './useInsertModal';\n\nexport const InsertLinkModal = () => <InsertModal {...useInsertModal()} testId=\"floating-link-insert\" />;\n"],"names":["InsertLinkModal","jsx","InsertModal","useInsertModal"],"mappings":";;;AAKO,MAAMA,IAAkB,MAAM,gBAAAC,EAACC,GAAA,EAAa,GAAGC,EAAA,GAAkB,QAAO,uBAAA,CAAuB;"}
+{"version":3,"file":"InsertLinkModal.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertLinkModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { InsertModal } from './InsertModal';\nimport { useInsertModal } from './useInsertModal';\n\nexport const InsertLinkModal = () => <InsertModal {...useInsertModal()} testId=\"floating-link-insert\" />;\n"],"mappings":";;;;AAKA,IAAa,UAAwB,kBAAC,GAAD;CAAa,GAAI,EAAe;CAAG,QAAO;AAAwB,CAAA"}

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

@@ -1,71 +1,62 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { FormControl as x } from "@frontify/fondue";
-import { TextInput as w, Button as d } from "@frontify/fondue/components";
-import { IconCheckMark as b } from "@frontify/fondue/icons";
-import { FloatingModalWrapper as f } from "@frontify/fondue/rte";
-import { LinkInput as k } from "../../../../../Link/LinkInput.es.js";
-const z = ({
-  state: t,
-  onTextChange: n,
-  onUrlChange: o,
-  onToggleTab: l,
-  onCancel: a,
-  onSave: m,
-  isValidUrlOrEmpty: i,
-  hasValues: s,
-  testId: c,
-  appBridge: p,
-  children: u
-}) => /* @__PURE__ */ r(f, { "data-test-id": c, padding: "28px", minWidth: "400px", children: [
-  /* @__PURE__ */ e(
-    x,
-    {
-      label: {
-        children: "Text",
-        htmlFor: "linkText",
-        required: !0
-      },
-      children: /* @__PURE__ */ e(
-        w,
-        {
-          id: "linkText",
-          value: t.text,
-          placeholder: "Link Text",
-          onChange: (h) => n(h.target.value)
-        }
-      )
-    }
-  ),
-  u,
-  /* @__PURE__ */ e("div", { className: "tw-mt-5", children: /* @__PURE__ */ e(
-    k,
-    {
-      url: t.url,
-      newTab: t.newTab,
-      onUrlChange: o,
-      onToggleTab: l,
-      isValidUrlOrEmpty: i,
-      appBridge: p
-    }
-  ) }),
-  /* @__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(d, { "data-test-id": "button", onPress: a, size: "medium", emphasis: "default", children: "Cancel" }),
-    /* @__PURE__ */ r(
-      d,
-      {
-        "data-test-id": "button",
-        onPress: m,
-        size: "medium",
-        disabled: !i(t?.url) || !s,
-        children: [
-          /* @__PURE__ */ e(b, { size: "20" }),
-          "Save"
-        ]
-      }
-    )
-  ] }) })
-] });
-export {
-  z as InsertModal
-};
-//# sourceMappingURL=InsertModal.es.js.map
+import { LinkInput as e } from "../../../../../Link/LinkInput.es.js";
+import { Button as t, TextInput as n } from "@frontify/fondue/components";
+import { IconCheckMark as r } from "@frontify/fondue/icons";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { FormControl as o } from "@frontify/fondue";
+import { FloatingModalWrapper as s } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.tsx
+var c = ({ state: c, onTextChange: l, onUrlChange: u, onToggleTab: d, onCancel: f, onSave: p, isValidUrlOrEmpty: m, hasValues: h, testId: g, appBridge: _, children: v }) => /* @__PURE__ */ a(s, {
+	"data-test-id": g,
+	padding: "28px",
+	minWidth: "400px",
+	children: [
+		/* @__PURE__ */ i(o, {
+			label: {
+				children: "Text",
+				htmlFor: "linkText",
+				required: !0
+			},
+			children: /* @__PURE__ */ i(n, {
+				id: "linkText",
+				value: c.text,
+				placeholder: "Link Text",
+				onChange: (e) => l(e.target.value)
+			})
+		}),
+		v,
+		/* @__PURE__ */ i("div", {
+			className: "tw-mt-5",
+			children: /* @__PURE__ */ i(e, {
+				url: c.url,
+				newTab: c.newTab,
+				onUrlChange: u,
+				onToggleTab: d,
+				isValidUrlOrEmpty: m,
+				appBridge: _
+			})
+		}),
+		/* @__PURE__ */ i("div", {
+			className: "tw-mt-3",
+			children: /* @__PURE__ */ a("div", {
+				className: "tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10",
+				children: [/* @__PURE__ */ i(t, {
+					"data-test-id": "button",
+					onPress: f,
+					size: "medium",
+					emphasis: "default",
+					children: "Cancel"
+				}), /* @__PURE__ */ a(t, {
+					"data-test-id": "button",
+					onPress: p,
+					size: "medium",
+					disabled: !m(c?.url) || !h,
+					children: [/* @__PURE__ */ i(r, { size: "20" }), "Save"]
+				})]
+			})
+		})
+	]
+});
+//#endregion
+export { c 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 { type AppBridgeBlock } from '@frontify/app-bridge';\nimport { FormControl } from '@frontify/fondue';\nimport { Button, TextInput } from '@frontify/fondue/components';\nimport { IconCheckMark } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper } from '@frontify/fondue/rte';\nimport { type MouseEvent, type ReactElement, type ReactNode } from 'react';\n\nimport { LinkInput } from '../../../../../Link';\n\nimport { type 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: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | KeyboardEvent | undefined) => void;\n    hasValues: boolean;\n    isValidUrlOrEmpty: (url: string) => boolean;\n    testId?: string;\n    children?: ReactNode;\n    appBridge: AppBridgeBlock;\n};\n\nexport const InsertModal = ({\n    state,\n    onTextChange,\n    onUrlChange,\n    onToggleTab,\n    onCancel,\n    onSave,\n    isValidUrlOrEmpty,\n    hasValues,\n    testId,\n    appBridge,\n    children,\n}: Props): ReactElement => (\n    <FloatingModalWrapper data-test-id={testId} padding=\"28px\" minWidth=\"400px\">\n        <FormControl\n            label={{\n                children: 'Text',\n                htmlFor: 'linkText',\n                required: true,\n            }}\n        >\n            <TextInput\n                id=\"linkText\"\n                value={state.text}\n                placeholder=\"Link Text\"\n                onChange={(event) => onTextChange(event.target.value)}\n            />\n        </FormControl>\n\n        {children}\n\n        <div className=\"tw-mt-5\">\n            <LinkInput\n                url={state.url}\n                newTab={state.newTab}\n                onUrlChange={onUrlChange}\n                onToggleTab={onToggleTab}\n                isValidUrlOrEmpty={isValidUrlOrEmpty}\n                appBridge={appBridge}\n            />\n        </div>\n        <div className=\"tw-mt-3\">\n            <div className={'tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10'}>\n                <Button data-test-id=\"button\" onPress={onCancel} size=\"medium\" emphasis=\"default\">\n                    Cancel\n                </Button>\n                <Button\n                    data-test-id=\"button\"\n                    onPress={onSave}\n                    size=\"medium\"\n                    disabled={!isValidUrlOrEmpty(state?.url) || !hasValues}\n                >\n                    <IconCheckMark size=\"20\" />\n                    Save\n                </Button>\n            </div>\n        </div>\n    </FloatingModalWrapper>\n);\n"],"names":["InsertModal","state","onTextChange","onUrlChange","onToggleTab","onCancel","onSave","isValidUrlOrEmpty","hasValues","testId","appBridge","children","FloatingModalWrapper","jsx","FormControl","TextInput","event","LinkInput","jsxs","Button","IconCheckMark"],"mappings":";;;;;;AA2BO,MAAMA,IAAc,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACJ,wBACKC,GAAA,EAAqB,gBAAcH,GAAQ,SAAQ,QAAO,UAAS,SAChE,UAAA;AAAA,EAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO;AAAA,QACH,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,MAAA;AAAA,MAGd,UAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,IAAG;AAAA,UACH,OAAOd,EAAM;AAAA,UACb,aAAY;AAAA,UACZ,UAAU,CAACe,MAAUd,EAAac,EAAM,OAAO,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACxD;AAAA,EAAA;AAAA,EAGHL;AAAA,EAED,gBAAAE,EAAC,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACG,KAAKhB,EAAM;AAAA,MACX,QAAQA,EAAM;AAAA,MACd,aAAAE;AAAA,MACA,aAAAC;AAAA,MACA,mBAAAG;AAAA,MACA,WAAAG;AAAA,IAAA;AAAA,EAAA,GAER;AAAA,oBACC,OAAA,EAAI,WAAU,WACX,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAW,8EACZ,UAAA;AAAA,IAAA,gBAAAL,EAACM,GAAA,EAAO,gBAAa,UAAS,SAASd,GAAU,MAAK,UAAS,UAAS,WAAU,UAAA,SAAA,CAElF;AAAA,IACA,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,SAASb;AAAA,QACT,MAAK;AAAA,QACL,UAAU,CAACC,EAAkBN,GAAO,GAAG,KAAK,CAACO;AAAA,QAE7C,UAAA;AAAA,UAAA,gBAAAK,EAACO,GAAA,EAAc,MAAK,KAAA,CAAK;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAE/B,EAAA,CACJ,EAAA,CACJ;AAAA,EAAA,CACJ;"}
+{"version":3,"file":"InsertModal.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport { FormControl } from '@frontify/fondue';\nimport { Button, TextInput } from '@frontify/fondue/components';\nimport { IconCheckMark } from '@frontify/fondue/icons';\nimport { FloatingModalWrapper } from '@frontify/fondue/rte';\nimport { type MouseEvent, type ReactElement, type ReactNode } from 'react';\n\nimport { LinkInput } from '../../../../../Link';\n\nimport { type 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: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | KeyboardEvent | undefined) => void;\n    hasValues: boolean;\n    isValidUrlOrEmpty: (url: string) => boolean;\n    testId?: string;\n    children?: ReactNode;\n    appBridge: AppBridgeBlock;\n};\n\nexport const InsertModal = ({\n    state,\n    onTextChange,\n    onUrlChange,\n    onToggleTab,\n    onCancel,\n    onSave,\n    isValidUrlOrEmpty,\n    hasValues,\n    testId,\n    appBridge,\n    children,\n}: Props): ReactElement => (\n    <FloatingModalWrapper data-test-id={testId} padding=\"28px\" minWidth=\"400px\">\n        <FormControl\n            label={{\n                children: 'Text',\n                htmlFor: 'linkText',\n                required: true,\n            }}\n        >\n            <TextInput\n                id=\"linkText\"\n                value={state.text}\n                placeholder=\"Link Text\"\n                onChange={(event) => onTextChange(event.target.value)}\n            />\n        </FormControl>\n\n        {children}\n\n        <div className=\"tw-mt-5\">\n            <LinkInput\n                url={state.url}\n                newTab={state.newTab}\n                onUrlChange={onUrlChange}\n                onToggleTab={onToggleTab}\n                isValidUrlOrEmpty={isValidUrlOrEmpty}\n                appBridge={appBridge}\n            />\n        </div>\n        <div className=\"tw-mt-3\">\n            <div className={'tw-pt-5 tw-flex tw-gap-x-3 tw-justify-end tw-border-t tw-border-t-black-10'}>\n                <Button data-test-id=\"button\" onPress={onCancel} size=\"medium\" emphasis=\"default\">\n                    Cancel\n                </Button>\n                <Button\n                    data-test-id=\"button\"\n                    onPress={onSave}\n                    size=\"medium\"\n                    disabled={!isValidUrlOrEmpty(state?.url) || !hasValues}\n                >\n                    <IconCheckMark size=\"20\" />\n                    Save\n                </Button>\n            </div>\n        </div>\n    </FloatingModalWrapper>\n);\n"],"mappings":";;;;;;;AA2BA,IAAa,KAAe,EACxB,UACA,iBACA,gBACA,gBACA,aACA,WACA,sBACA,cACA,WACA,cACA,kBAEA,kBAAC,GAAD;CAAsB,gBAAc;CAAQ,SAAQ;CAAO,UAAS;CAApE,UAAA;EACI,kBAAC,GAAD;GACI,OAAO;IACH,UAAU;IACV,SAAS;IACT,UAAU;GACd;GAEA,UAAA,kBAAC,GAAD;IACI,IAAG;IACH,OAAO,EAAM;IACb,aAAY;IACZ,WAAW,MAAU,EAAa,EAAM,OAAO,KAAK;GACvD,CAAA;EACQ,CAAA;EAEZ;EAED,kBAAC,OAAD;GAAK,WAAU;GACX,UAAA,kBAAC,GAAD;IACI,KAAK,EAAM;IACX,QAAQ,EAAM;IACD;IACA;IACM;IACR;GACd,CAAA;EACA,CAAA;EACL,kBAAC,OAAD;GAAK,WAAU;GACX,UAAA,kBAAC,OAAD;IAAK,WAAW;IAAhB,UAAA,CACI,kBAAC,GAAD;KAAQ,gBAAa;KAAS,SAAS;KAAU,MAAK;KAAS,UAAS;KAAU,UAAA;IAE1E,CAAA,GACR,kBAAC,GAAD;KACI,gBAAa;KACb,SAAS;KACT,MAAK;KACL,UAAU,CAAC,EAAkB,GAAO,GAAG,KAAK,CAAC;KAJjD,UAAA,CAMI,kBAAC,GAAD,EAAe,MAAK,KAAM,CAAA,GAAC,MAEvB;IACP,CAAA,CAAA;;EACJ,CAAA;CACa"}

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

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

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

@@ -1 +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 { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    ELEMENT_LINK,\n    floatingLinkActions,\n    floatingLinkSelectors,\n    getPluginOptions,\n    submitFloatingLink,\n    useEditorRef,\n    useHotkeys,\n} from '@frontify/fondue/rte';\nimport { type Dispatch, type MouseEvent, type Reducer, useEffect, useReducer } from 'react';\n\nimport { addHttps } from '../../../../../../helpers';\nimport { isValidUrlOrEmpty } from '../../../../../Link';\nimport { getLegacyUrl, getUrl } from '../../utils';\n\nimport { type InsertModalDispatchType, type InsertModalStateProps } from './types';\n\nconst initialState: InsertModalStateProps = {\n    url: '',\n    text: '',\n    newTab: false,\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: true,\n                };\n            case 'SAME_TAB':\n                return {\n                    ...state,\n                    newTab: false,\n                };\n            case 'URL':\n            case 'TEXT':\n            case 'INIT':\n                return {\n                    ...state,\n                    ...payload,\n                };\n            default:\n                return state;\n        }\n    }, initialState);\n\n    return [state, dispatch];\n};\n\nexport const useInsertModal = () => {\n    const editor = useEditorRef();\n    const [state, dispatch] = InsertModalState();\n\n    useEffect(() => {\n        const legacyUrl = getLegacyUrl(editor);\n        const url = getUrl(editor);\n        const isNewTab = floatingLinkSelectors.newTab();\n        dispatch({\n            type: 'INIT',\n            payload: {\n                text: floatingLinkSelectors.text() || floatingLinkSelectors.url(),\n                newTab: isNewTab,\n                url: legacyUrl && url === '' ? legacyUrl : floatingLinkSelectors.url(),\n            },\n        });\n    }, [dispatch, editor]);\n\n    const onTextChange = (value: string) => {\n        dispatch({\n            type: 'TEXT',\n            payload: { text: value },\n        });\n    };\n\n    const onUrlChange = (value: string) => {\n        dispatch({\n            type: 'URL',\n            payload: { url: value },\n        });\n    };\n\n    const onToggleTab = (checked: boolean) => {\n        checked ? dispatch({ type: 'NEW_TAB' }) : dispatch({ type: 'SAME_TAB' });\n    };\n\n    const onCancel = () => {\n        floatingLinkActions.reset();\n    };\n\n    const onSave = (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | KeyboardEvent | undefined) => {\n        if (!isValidUrlOrEmpty(state.url) || !hasValues) {\n            return;\n        }\n\n        floatingLinkActions.text(state.text);\n        floatingLinkActions.url(addHttps(state.url));\n        floatingLinkActions.newTab(state.newTab);\n\n        if (submitFloatingLink(editor)) {\n            event?.preventDefault();\n        }\n    };\n\n    const hasValues = state.url !== '' && state.text !== '';\n\n    const { appBridge } = getPluginOptions<{ appBridge: AppBridgeBlock }>(editor, ELEMENT_LINK);\n\n    useHotkeys(\n        'enter',\n        onSave,\n        {\n            enableOnFormTags: ['INPUT'],\n        },\n        [],\n    );\n\n    return { state, onTextChange, onUrlChange, onToggleTab, onCancel, onSave, hasValues, isValidUrlOrEmpty, appBridge };\n};\n"],"names":["initialState","InsertModalState","state","dispatch","useReducer","action","type","payload","useInsertModal","editor","useEditorRef","useEffect","legacyUrl","getLegacyUrl","url","getUrl","isNewTab","floatingLinkSelectors","onTextChange","value","onUrlChange","onToggleTab","checked","onCancel","floatingLinkActions","onSave","event","isValidUrlOrEmpty","hasValues","addHttps","submitFloatingLink","appBridge","getPluginOptions","ELEMENT_LINK","useHotkeys"],"mappings":";;;;;AAoBA,MAAMA,IAAsC;AAAA,EACxC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AACZ,GAEaC,IAAmB,MAAkE;AAC9F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAoE,CAACF,GAAOG,MAAW;AAC7G,UAAM,EAAE,MAAAC,GAAM,SAAAC,EAAA,IAAYF;AAE1B,YAAQC,GAAA;AAAA,MACJ,KAAK;AACD,eAAO;AAAA,UACH,GAAGJ;AAAAA,UACH,QAAQ;AAAA,QAAA;AAAA,MAEhB,KAAK;AACD,eAAO;AAAA,UACH,GAAGA;AAAAA,UACH,QAAQ;AAAA,QAAA;AAAA,MAEhB,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACD,eAAO;AAAA,UACH,GAAGA;AAAAA,UACH,GAAGK;AAAA,QAAA;AAAA,MAEX;AACI,eAAOL;AAAAA,IAAA;AAAA,EAEnB,GAAGF,CAAY;AAEf,SAAO,CAACE,GAAOC,CAAQ;AAC3B,GAEaK,IAAiB,MAAM;AAChC,QAAMC,IAASC,EAAA,GACT,CAACR,GAAOC,CAAQ,IAAIF,EAAA;AAE1B,EAAAU,EAAU,MAAM;AACZ,UAAMC,IAAYC,EAAaJ,CAAM,GAC/BK,IAAMC,EAAON,CAAM,GACnBO,IAAWC,EAAsB,OAAA;AACvC,IAAAd,EAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,QACL,MAAMc,EAAsB,UAAUA,EAAsB,IAAA;AAAA,QAC5D,QAAQD;AAAA,QACR,KAAKJ,KAAaE,MAAQ,KAAKF,IAAYK,EAAsB,IAAA;AAAA,MAAI;AAAA,IACzE,CACH;AAAA,EACL,GAAG,CAACd,GAAUM,CAAM,CAAC;AAErB,QAAMS,IAAe,CAACC,MAAkB;AACpC,IAAAhB,EAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,MAAMgB,EAAA;AAAA,IAAM,CAC1B;AAAA,EACL,GAEMC,IAAc,CAACD,MAAkB;AACnC,IAAAhB,EAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,KAAKgB,EAAA;AAAA,IAAM,CACzB;AAAA,EACL,GAEME,IAAc,CAACC,MAAqB;AACtC,IAAUnB,EAAVmB,IAAmB,EAAE,MAAM,UAAA,IAAwB,EAAE,MAAM,YAArB;AAAA,EAC1C,GAEMC,IAAW,MAAM;AACnB,IAAAC,EAAoB,MAAA;AAAA,EACxB,GAEMC,IAAS,CAACC,MAA4F;AACxG,IAAI,CAACC,EAAkBzB,EAAM,GAAG,KAAK,CAAC0B,MAItCJ,EAAoB,KAAKtB,EAAM,IAAI,GACnCsB,EAAoB,IAAIK,EAAS3B,EAAM,GAAG,CAAC,GAC3CsB,EAAoB,OAAOtB,EAAM,MAAM,GAEnC4B,EAAmBrB,CAAM,KACzBiB,GAAO,eAAA;AAAA,EAEf,GAEME,IAAY1B,EAAM,QAAQ,MAAMA,EAAM,SAAS,IAE/C,EAAE,WAAA6B,EAAA,IAAcC,EAAgDvB,GAAQwB,CAAY;AAE1F,SAAAC;AAAA,IACI;AAAA,IACAT;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,IAAA;AAAA,IAE9B,CAAA;AAAA,EAAC,GAGE,EAAE,OAAAvB,GAAO,cAAAgB,GAAc,aAAAE,GAAa,aAAAC,GAAa,UAAAE,GAAU,QAAAE,GAAQ,WAAAG,GAAW,mBAAAD,GAAmB,WAAAI,EAAA;AAC5G;"}
+{"version":3,"file":"useInsertModal.es.js","names":[],"sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    ELEMENT_LINK,\n    floatingLinkActions,\n    floatingLinkSelectors,\n    getPluginOptions,\n    submitFloatingLink,\n    useEditorRef,\n    useHotkeys,\n} from '@frontify/fondue/rte';\nimport { type Dispatch, type MouseEvent, type Reducer, useEffect, useReducer } from 'react';\n\nimport { addHttps } from '../../../../../../helpers';\nimport { isValidUrlOrEmpty } from '../../../../../Link';\nimport { getLegacyUrl, getUrl } from '../../utils';\n\nimport { type InsertModalDispatchType, type InsertModalStateProps } from './types';\n\nconst initialState: InsertModalStateProps = {\n    url: '',\n    text: '',\n    newTab: false,\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: true,\n                };\n            case 'SAME_TAB':\n                return {\n                    ...state,\n                    newTab: false,\n                };\n            case 'URL':\n            case 'TEXT':\n            case 'INIT':\n                return {\n                    ...state,\n                    ...payload,\n                };\n            default:\n                return state;\n        }\n    }, initialState);\n\n    return [state, dispatch];\n};\n\nexport const useInsertModal = () => {\n    const editor = useEditorRef();\n    const [state, dispatch] = InsertModalState();\n\n    useEffect(() => {\n        const legacyUrl = getLegacyUrl(editor);\n        const url = getUrl(editor);\n        const isNewTab = floatingLinkSelectors.newTab();\n        dispatch({\n            type: 'INIT',\n            payload: {\n                text: floatingLinkSelectors.text() || floatingLinkSelectors.url(),\n                newTab: isNewTab,\n                url: legacyUrl && url === '' ? legacyUrl : floatingLinkSelectors.url(),\n            },\n        });\n    }, [dispatch, editor]);\n\n    const onTextChange = (value: string) => {\n        dispatch({\n            type: 'TEXT',\n            payload: { text: value },\n        });\n    };\n\n    const onUrlChange = (value: string) => {\n        dispatch({\n            type: 'URL',\n            payload: { url: value },\n        });\n    };\n\n    const onToggleTab = (checked: boolean) => {\n        checked ? dispatch({ type: 'NEW_TAB' }) : dispatch({ type: 'SAME_TAB' });\n    };\n\n    const onCancel = () => {\n        floatingLinkActions.reset();\n    };\n\n    const onSave = (event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent> | KeyboardEvent | undefined) => {\n        if (!isValidUrlOrEmpty(state.url) || !hasValues) {\n            return;\n        }\n\n        floatingLinkActions.text(state.text);\n        floatingLinkActions.url(addHttps(state.url));\n        floatingLinkActions.newTab(state.newTab);\n\n        if (submitFloatingLink(editor)) {\n            event?.preventDefault();\n        }\n    };\n\n    const hasValues = state.url !== '' && state.text !== '';\n\n    const { appBridge } = getPluginOptions<{ appBridge: AppBridgeBlock }>(editor, ELEMENT_LINK);\n\n    useHotkeys(\n        'enter',\n        onSave,\n        {\n            enableOnFormTags: ['INPUT'],\n        },\n        [],\n    );\n\n    return { state, onTextChange, onUrlChange, onToggleTab, onCancel, onSave, hasValues, isValidUrlOrEmpty, appBridge };\n};\n"],"mappings":";;;;;;AAoBA,IAAM,IAAsC;CACxC,KAAK;CACL,MAAM;CACN,QAAQ;AACZ,GAEa,UAAqF;CAC9F,IAAM,CAAC,GAAO,KAAY,GAAqE,GAAO,MAAW;EAC7G,IAAM,EAAE,SAAM,eAAY;EAE1B,QAAQ,GAAR;GACI,KAAK,WACD,OAAO;IACH,GAAG;IACH,QAAQ;GACZ;GACJ,KAAK,YACD,OAAO;IACH,GAAG;IACH,QAAQ;GACZ;GACJ,KAAK;GACL,KAAK;GACL,KAAK,QACD,OAAO;IACH,GAAG;IACH,GAAG;GACP;GACJ,SACI,OAAO;EACf;CACJ,GAAG,CAAY;CAEf,OAAO,CAAC,GAAO,CAAQ;AAC3B,GAEa,UAAuB;CAChC,IAAM,IAAS,EAAa,GACtB,CAAC,GAAO,KAAY,EAAiB;CAE3C,QAAgB;EACZ,IAAM,IAAY,EAAa,CAAM,GAC/B,IAAM,EAAO,CAAM,GACnB,IAAW,EAAsB,OAAO;EAC9C,EAAS;GACL,MAAM;GACN,SAAS;IACL,MAAM,EAAsB,KAAK,KAAK,EAAsB,IAAI;IAChE,QAAQ;IACR,KAAK,KAAa,MAAQ,KAAK,IAAY,EAAsB,IAAI;GACzE;EACJ,CAAC;CACL,GAAG,CAAC,GAAU,CAAM,CAAC;CAErB,IAAM,KAAgB,MAAkB;EACpC,EAAS;GACL,MAAM;GACN,SAAS,EAAE,MAAM,EAAM;EAC3B,CAAC;CACL,GAEM,KAAe,MAAkB;EACnC,EAAS;GACL,MAAM;GACN,SAAS,EAAE,KAAK,EAAM;EAC1B,CAAC;CACL,GAEM,KAAe,MAAqB;EACtC,AAAU,EAAV,IAAmB,EAAE,MAAM,UAAU,IAAc,EAAE,MAAM,WAAW,CAAC;CAC3E,GAEM,UAAiB;EACnB,EAAoB,MAAM;CAC9B,GAEM,KAAU,MAA4F;EACpG,CAAC,EAAkB,EAAM,GAAG,KAAK,CAAC,MAItC,EAAoB,KAAK,EAAM,IAAI,GACnC,EAAoB,IAAI,EAAS,EAAM,GAAG,CAAC,GAC3C,EAAoB,OAAO,EAAM,MAAM,GAEnC,EAAmB,CAAM,KACzB,GAAO,eAAe;CAE9B,GAEM,IAAY,EAAM,QAAQ,MAAM,EAAM,SAAS,IAE/C,EAAE,iBAAc,EAAgD,GAAQ,CAAY;CAW1F,OATA,EACI,SACA,GACA,EACI,kBAAkB,CAAC,OAAO,EAC9B,GACA,CAAC,CACL,GAEO;EAAE;EAAO;EAAc;EAAa;EAAa;EAAU;EAAQ;EAAW;EAAmB;CAAU;AACtH"}

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

@@ -1,22 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useEditorState as r, useEventPlateId as l, isRangeInSameBlock as a, getTooltip as s, getHotkeyByPlatform as d } from "@frontify/fondue/rte";
-import { LinkToolbarButton as c } from "./LinkToolbarButton.es.js";
-const u = ({ id: i, editorId: n }) => {
-  const t = r(l(n)), o = !!a(t, {
-    at: t.selection
-  });
-  return /* @__PURE__ */ e("div", { "data-plugin-id": i, children: /* @__PURE__ */ e(
-    c,
-    {
-      disabled: !o,
-      tooltip: s(
-        o ? `Link
-${d("Ctrl+K")}` : "Links can only be set for a single text block."
-      )
-    }
-  ) });
+import { LinkToolbarButton as e } from "./LinkToolbarButton.es.js";
+import { jsx as t } from "react/jsx-runtime";
+import { getHotkeyByPlatform as n, getTooltip as r, isRangeInSameBlock as i, useEditorState as a, useEventPlateId as o } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/LinkPlugin/LinkButton.tsx
+var s = ({ id: s, editorId: c }) => {
+	let l = a(o(c)), u = !!i(l, { at: l.selection });
+	return /* @__PURE__ */ t("div", {
+		"data-plugin-id": s,
+		children: /* @__PURE__ */ t(e, {
+			disabled: !u,
+			tooltip: r(u ? `Link\n${n("Ctrl+K")}` : "Links can only be set for a single text block.")
+		})
+	});
 };
-export {
-  u as LinkButton
-};
-//# sourceMappingURL=LinkButton.es.js.map
+//#endregion
+export { s 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    type PluginButtonProps,\n    getHotkeyByPlatform,\n    getTooltip,\n    isRangeInSameBlock,\n    useEditorState,\n    useEventPlateId,\n} from '@frontify/fondue/rte';\n\nimport { LinkToolbarButton } from './LinkToolbarButton';\n\nexport const LinkButton = ({ id, editorId }: PluginButtonProps) => {\n    const editor = useEditorState(useEventPlateId(editorId));\n    const isEnabled = !!isRangeInSameBlock(editor, {\n        at: editor.selection,\n    });\n\n    return (\n        <div data-plugin-id={id}>\n            <LinkToolbarButton\n                disabled={!isEnabled}\n                tooltip={getTooltip(\n                    isEnabled\n                        ? `Link\\n${getHotkeyByPlatform('Ctrl+K')}`\n                        : 'Links can only be set for a single text block.',\n                )}\n            />\n        </div>\n    );\n};\n"],"names":["LinkButton","id","editorId","editor","useEditorState","useEventPlateId","isEnabled","isRangeInSameBlock","jsx","LinkToolbarButton","getTooltip","getHotkeyByPlatform"],"mappings":";;;AAaO,MAAMA,IAAa,CAAC,EAAE,IAAAC,GAAI,UAAAC,QAAkC;AAC/D,QAAMC,IAASC,EAAeC,EAAgBH,CAAQ,CAAC,GACjDI,IAAY,CAAC,CAACC,EAAmBJ,GAAQ;AAAA,IAC3C,IAAIA,EAAO;AAAA,EAAA,CACd;AAED,SACI,gBAAAK,EAAC,OAAA,EAAI,kBAAgBP,GACjB,UAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAU,CAACH;AAAA,MACX,SAASI;AAAA,QACLJ,IACM;AAAA,EAASK,EAAoB,QAAQ,CAAC,KACtC;AAAA,MAAA;AAAA,IACV;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"LinkButton.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PluginButtonProps,\n    getHotkeyByPlatform,\n    getTooltip,\n    isRangeInSameBlock,\n    useEditorState,\n    useEventPlateId,\n} from '@frontify/fondue/rte';\n\nimport { LinkToolbarButton } from './LinkToolbarButton';\n\nexport const LinkButton = ({ id, editorId }: PluginButtonProps) => {\n    const editor = useEditorState(useEventPlateId(editorId));\n    const isEnabled = !!isRangeInSameBlock(editor, {\n        at: editor.selection,\n    });\n\n    return (\n        <div data-plugin-id={id}>\n            <LinkToolbarButton\n                disabled={!isEnabled}\n                tooltip={getTooltip(\n                    isEnabled\n                        ? `Link\\n${getHotkeyByPlatform('Ctrl+K')}`\n                        : 'Links can only be set for a single text block.',\n                )}\n            />\n        </div>\n    );\n};\n"],"mappings":";;;;AAaA,IAAa,KAAc,EAAE,OAAI,kBAAkC;CAC/D,IAAM,IAAS,EAAe,EAAgB,CAAQ,CAAC,GACjD,IAAY,CAAC,CAAC,EAAmB,GAAQ,EAC3C,IAAI,EAAO,UACf,CAAC;CAED,OACI,kBAAC,OAAD;EAAK,kBAAgB;EACjB,UAAA,kBAAC,GAAD;GACI,UAAU,CAAC;GACX,SAAS,EACL,IACM,SAAS,EAAoB,QAAQ,MACrC,gDACV;EACH,CAAA;CACA,CAAA;AAEb"}

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

@@ -1,11 +1,18 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useRichTextEditorContext as i } from "@frontify/fondue/rte";
-import { LINK_PLUGIN as m } from "../id.es.js";
-const f = (e) => {
-  const { attributes: t, children: n } = e, { styles: r } = i(), o = e.element.url || e.element.chosenLink?.searchResult?.link || "", s = e.element.target || "_self";
-  return /* @__PURE__ */ l("a", { ...t, href: o, target: s, style: r[m], children: n });
+import { LINK_PLUGIN as e } from "../id.es.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useRichTextEditorContext as n } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.tsx
+var r = (r) => {
+	let { attributes: i, children: a } = r, { styles: o } = n(), s = r.element.url || r.element.chosenLink?.searchResult?.link || "", c = r.element.target || "_self";
+	return /* @__PURE__ */ t("a", {
+		...i,
+		href: s,
+		target: c,
+		style: o[e],
+		children: a
+	});
 };
-export {
-  f as LinkMarkupElementNode
-};
-//# sourceMappingURL=LinkMarkupElementNode.es.js.map
+//#endregion
+export { r as LinkMarkupElementNode };
+
+//# sourceMappingURL=LinkMarkupElementNode.es.js.map

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 {\n    type PlateRenderElementProps,\n    type TLinkElement as TPlateLinkElement,\n    useRichTextEditorContext,\n} from '@frontify/fondue/rte';\n\nimport { LINK_PLUGIN } from '../id';\n\nexport type TLinkElement = TPlateLinkElement & {\n    chosenLink?: {\n        searchResult?: {\n            link?: string;\n        };\n        openInNewTab?: boolean;\n    };\n};\n\nexport const LinkMarkupElementNode = (props: PlateRenderElementProps & { element: TLinkElement }) => {\n    const { attributes, children } = props;\n\n    const { styles } = useRichTextEditorContext();\n    const href = props.element.url || props.element.chosenLink?.searchResult?.link || '';\n    const target = props.element.target || '_self';\n\n    return (\n        <a {...attributes} href={href} target={target} style={styles[LINK_PLUGIN]}>\n            {children}\n        </a>\n    );\n};\n"],"names":["LinkMarkupElementNode","props","attributes","children","styles","useRichTextEditorContext","href","target","jsx","LINK_PLUGIN"],"mappings":";;;AAmBO,MAAMA,IAAwB,CAACC,MAA+D;AACjG,QAAM,EAAE,YAAAC,GAAY,UAAAC,EAAA,IAAaF,GAE3B,EAAE,QAAAG,EAAA,IAAWC,EAAA,GACbC,IAAOL,EAAM,QAAQ,OAAOA,EAAM,QAAQ,YAAY,cAAc,QAAQ,IAC5EM,IAASN,EAAM,QAAQ,UAAU;AAEvC,SACI,gBAAAO,EAAC,KAAA,EAAG,GAAGN,GAAY,MAAAI,GAAY,QAAAC,GAAgB,OAAOH,EAAOK,CAAW,GACnE,UAAAN,EAAA,CACL;AAER;"}
+{"version":3,"file":"LinkMarkupElementNode.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PlateRenderElementProps,\n    type TLinkElement as TPlateLinkElement,\n    useRichTextEditorContext,\n} from '@frontify/fondue/rte';\n\nimport { LINK_PLUGIN } from '../id';\n\nexport type TLinkElement = TPlateLinkElement & {\n    chosenLink?: {\n        searchResult?: {\n            link?: string;\n        };\n        openInNewTab?: boolean;\n    };\n};\n\nexport const LinkMarkupElementNode = (props: PlateRenderElementProps & { element: TLinkElement }) => {\n    const { attributes, children } = props;\n\n    const { styles } = useRichTextEditorContext();\n    const href = props.element.url || props.element.chosenLink?.searchResult?.link || '';\n    const target = props.element.target || '_self';\n\n    return (\n        <a {...attributes} href={href} target={target} style={styles[LINK_PLUGIN]}>\n            {children}\n        </a>\n    );\n};\n"],"mappings":";;;;AAmBA,IAAa,KAAyB,MAA+D;CACjG,IAAM,EAAE,eAAY,gBAAa,GAE3B,EAAE,cAAW,EAAyB,GACtC,IAAO,EAAM,QAAQ,OAAO,EAAM,QAAQ,YAAY,cAAc,QAAQ,IAC5E,IAAS,EAAM,QAAQ,UAAU;CAEvC,OACI,kBAAC,KAAD;EAAG,GAAI;EAAkB;EAAc;EAAQ,OAAO,EAAO;EACxD;CACF,CAAA;AAEX"}