@frontify/guideline-blocks-settings 2.0.0 → 2.0.2

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

@@ -1,22 +1,22 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
+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: r,
+  state: t,
   onTextChange: n,
   onUrlChange: o,
   onToggleTab: l,
   onCancel: a,
   onSave: m,
   isValidUrlOrEmpty: i,
-  hasValues: c,
-  testId: p,
-  appBridge: s,
+  hasValues: s,
+  testId: c,
+  appBridge: p,
   children: u
-}) => /* @__PURE__ */ t(f, { "data-test-id": p, padding: "28px", minWidth: "400px", children: [
+}) => /* @__PURE__ */ r(f, { "data-test-id": c, padding: "28px", minWidth: "400px", children: [
   /* @__PURE__ */ e(
     x,
     {
@@ -29,7 +29,7 @@ const z = ({
         w,
         {
           id: "linkText",
-          value: r.text,
+          value: t.text,
           placeholder: "Link Text",
           onChange: (h) => n(h.target.value)
         }
@@ -40,23 +40,23 @@ const z = ({
   /* @__PURE__ */ e("div", { className: "tw-mt-5", children: /* @__PURE__ */ e(
     k,
     {
-      url: r.url,
-      newTab: r.newTab,
+      url: t.url,
+      newTab: t.newTab,
       onUrlChange: o,
       onToggleTab: l,
       isValidUrlOrEmpty: i,
-      appBridge: s
+      appBridge: p
     }
   ) }),
-  /* @__PURE__ */ e("div", { className: "tw-mt-3", children: /* @__PURE__ */ t("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("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__ */ t(
+    /* @__PURE__ */ r(
       d,
       {
         "data-test-id": "button",
         onPress: m,
         size: "medium",
-        disabled: !i(r == null ? void 0 : r.url) || !c,
+        disabled: !i(t?.url) || !s,
         children: [
           /* @__PURE__ */ e(b, { size: "20" }),
           "Save"

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,KAAA,gBAAAA,EAAO,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","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;"}

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

@@ -8,61 +8,61 @@ const A = {
   text: "",
   newTab: !1
 }, h = () => {
-  const [n, r] = I((e, s) => {
+  const [r, n] = I((t, s) => {
     const { type: l, payload: c } = s;
     switch (l) {
       case "NEW_TAB":
         return {
-          ...e,
+          ...t,
           newTab: !0
         };
       case "SAME_TAB":
         return {
-          ...e,
+          ...t,
           newTab: !1
         };
       case "URL":
       case "TEXT":
       case "INIT":
         return {
-          ...e,
+          ...t,
           ...c
         };
       default:
-        return e;
+        return t;
     }
   }, A);
-  return [n, r];
+  return [r, n];
 }, R = () => {
-  const n = y(), [r, e] = h();
+  const r = y(), [n, t] = h();
   x(() => {
-    const t = L(n), f = N(n), g = o.newTab();
-    e({
+    const e = L(r), f = N(r), g = o.newTab();
+    t({
       type: "INIT",
       payload: {
         text: o.text() || o.url(),
         newTab: g,
-        url: t && f === "" ? t : o.url()
+        url: e && f === "" ? e : o.url()
       }
     });
-  }, [e, n]);
-  const s = (t) => {
-    e({
+  }, [t, r]);
+  const s = (e) => {
+    t({
       type: "TEXT",
-      payload: { text: t }
+      payload: { text: e }
     });
-  }, l = (t) => {
-    e({
+  }, l = (e) => {
+    t({
       type: "URL",
-      payload: { url: t }
+      payload: { url: e }
     });
-  }, c = (t) => {
-    e(t ? { type: "NEW_TAB" } : { type: "SAME_TAB" });
+  }, c = (e) => {
+    t(e ? { type: "NEW_TAB" } : { type: "SAME_TAB" });
   }, T = () => {
     a.reset();
-  }, i = (t) => {
-    !p(r.url) || !u || (a.text(r.text), a.url(U(r.url)), a.newTab(r.newTab), w(n) && (t == null || t.preventDefault()));
-  }, u = r.url !== "" && r.text !== "", { appBridge: d } = m(n, E);
+  }, 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,
@@ -70,7 +70,7 @@ const A = {
       enableOnFormTags: ["INPUT"]
     },
     []
-  ), { state: r, onTextChange: s, onUrlChange: l, onToggleTab: c, onCancel: T, onSave: i, hasValues: u, isValidUrlOrEmpty: p, appBridge: d };
+  ), { state: n, onTextChange: s, onUrlChange: l, onToggleTab: c, onCancel: T, onSave: i, hasValues: u, isValidUrlOrEmpty: p, appBridge: d };
 };
 export {
   h as InsertModalState,

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,MACzBiB,KAAA,QAAAA,EAAO;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","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;"}

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

@@ -1,12 +1,11 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useRichTextEditorContext as c } from "@frontify/fondue/rte";
-import { LINK_PLUGIN as a } from "../id.es.js";
-const k = (e) => {
-  var t, n;
-  const { attributes: r, children: o } = e, { styles: s } = c(), l = e.element.url || ((n = (t = e.element.chosenLink) == null ? void 0 : t.searchResult) == null ? void 0 : n.link) || "", i = e.element.target || "_self";
-  return /* @__PURE__ */ m("a", { ...r, href: l, target: i, style: s[a], children: o });
+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 });
 };
 export {
-  k as LinkMarkupElementNode
+  f 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","_b","_a","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,SAAOM,KAAAC,IAAAP,EAAM,QAAQ,eAAd,gBAAAO,EAA0B,iBAA1B,gBAAAD,EAAwC,SAAQ,IAC5EE,IAASR,EAAM,QAAQ,UAAU;AAEvC,SACI,gBAAAS,EAAC,KAAA,EAAG,GAAGR,GAAY,MAAAI,GAAY,QAAAG,GAAgB,OAAOL,EAAOO,CAAW,GACnE,UAAAR,EAAA,CACL;AAER;"}
+{"version":3,"file":"LinkMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\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;"}

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

@@ -1,18 +1,15 @@
-var a = Object.defineProperty;
-var l = (t, e, r) => e in t ? a(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var i = (t, e, r) => l(t, typeof e != "symbol" ? e + "" : e, r);
-import { createPluginFactory as s, createLinkPlugin as p, Plugin as m } from "@frontify/fondue/rte";
-import { BlockStyles as u } from "../styles.es.js";
-import { CustomFloatingLink as g } from "./FloatingLink/CustomFloatingLink.es.js";
-import { LinkButton as k } from "./LinkButton.es.js";
-import { LinkMarkupElement as c } from "./LinkMarkupElement/index.es.js";
-import { LINK_PLUGIN as o } from "./id.es.js";
-import { isValidUrl as d } from "../../../Link/utils/url.es.js";
-const f = (t) => s({
-  ...p(),
-  renderAfterEditable: g,
+import { Plugin as n, createPluginFactory as o, createLinkPlugin as a } from "@frontify/fondue/rte";
+import { BlockStyles as l } from "../styles.es.js";
+import { CustomFloatingLink as s } from "./FloatingLink/CustomFloatingLink.es.js";
+import { LinkButton as p } from "./LinkButton.es.js";
+import { LinkMarkupElement as m } from "./LinkMarkupElement/index.es.js";
+import { LINK_PLUGIN as r } from "./id.es.js";
+import { isValidUrl as u } from "../../../Link/utils/url.es.js";
+const g = (t) => o({
+  ...a(),
+  renderAfterEditable: s,
   options: {
-    isUrl: d,
+    isUrl: u,
     rangeBeforeOptions: {
       matchString: " ",
       skipInvalid: !0,
@@ -23,23 +20,22 @@ const f = (t) => s({
     appBridge: t
   }
 })();
-class I extends m {
-  constructor({ styles: r = u[o], ...n }) {
-    super(o, {
-      button: k,
-      markupElement: new c(),
-      ...n
-    });
-    i(this, "styles", {});
-    i(this, "appBridge");
-    this.styles = r, this.appBridge = n.appBridge;
+class h extends n {
+  styles = {};
+  appBridge;
+  constructor({ styles: i = l[r], ...e }) {
+    super(r, {
+      button: p,
+      markupElement: new m(),
+      ...e
+    }), this.styles = i, this.appBridge = e.appBridge;
   }
   plugins() {
-    return [f(this.appBridge)];
+    return [g(this.appBridge)];
   }
 }
 export {
-  I as LinkPlugin,
-  f as createLinkPlugin
+  h as LinkPlugin,
+  g as createLinkPlugin
 };
 //# sourceMappingURL=index.es.js.map

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 { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    createLinkPlugin as createPlateLinkPlugin,\n    createPluginFactory,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { isValidUrl } from '../../../Link';\nimport { BlockStyles } from '../styles';\n\nimport { CustomFloatingLink } from './FloatingLink/CustomFloatingLink';\nimport { LinkButton } from './LinkButton';\nimport { LinkMarkupElement } from './LinkMarkupElement';\nimport { LINK_PLUGIN } from './id';\n\nexport const createLinkPlugin = (appBridge: AppBridgeBlock): PlatePlugin =>\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: 'meta+k, ctrl+k',\n            keepSelectedTextOnPaste: true,\n            appBridge,\n        },\n    })();\n\nexport type LinkPluginProps = PluginProps & { appBridge: AppBridgeBlock };\n\nexport class LinkPlugin extends Plugin {\n    public styles: CSSProperties = {};\n    private appBridge: AppBridgeBlock;\n    constructor({ styles = BlockStyles[LINK_PLUGIN], ...props }: LinkPluginProps) {\n        super(LINK_PLUGIN, {\n            button: LinkButton,\n            markupElement: new LinkMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n        this.appBridge = props.appBridge;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createLinkPlugin(this.appBridge)];\n    }\n}\n"],"names":["createLinkPlugin","appBridge","createPluginFactory","createPlateLinkPlugin","CustomFloatingLink","isValidUrl","LinkPlugin","Plugin","styles","BlockStyles","LINK_PLUGIN","props","LinkButton","LinkMarkupElement","__publicField"],"mappings":";;;;;;;;;;AAoBO,MAAMA,IAAmB,CAACC,MAC7BC,EAAoB;AAAA,EAChB,GAAGC,EAAA;AAAA,EACH,qBAAqBC;AAAA,EACrB,SAAS;AAAA,IACL,OAAOC;AAAA,IACP,oBAAoB;AAAA,MAChB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,IAAA;AAAA,IAEhB,4BAA4B;AAAA,IAC5B,yBAAyB;AAAA,IACzB,WAAAJ;AAAA,EAAA;AAER,CAAC,EAAA;AAIE,MAAMK,UAAmBC,EAAO;AAAA,EAGnC,YAAY,EAAE,QAAAC,IAASC,EAAYC,CAAW,GAAG,GAAGC,KAA0B;AAC1E,UAAMD,GAAa;AAAA,MACf,QAAQE;AAAA,MACR,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AAPE,IAAAG,EAAA,gBAAwB,CAAA;AACvB,IAAAA,EAAA;AAOJ,SAAK,SAASN,GACd,KAAK,YAAYG,EAAM;AAAA,EAC3B;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACX,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 AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    createLinkPlugin as createPlateLinkPlugin,\n    createPluginFactory,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { isValidUrl } from '../../../Link';\nimport { BlockStyles } from '../styles';\n\nimport { CustomFloatingLink } from './FloatingLink/CustomFloatingLink';\nimport { LinkButton } from './LinkButton';\nimport { LinkMarkupElement } from './LinkMarkupElement';\nimport { LINK_PLUGIN } from './id';\n\nexport const createLinkPlugin = (appBridge: AppBridgeBlock): PlatePlugin =>\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: 'meta+k, ctrl+k',\n            keepSelectedTextOnPaste: true,\n            appBridge,\n        },\n    })();\n\nexport type LinkPluginProps = PluginProps & { appBridge: AppBridgeBlock };\n\nexport class LinkPlugin extends Plugin {\n    public styles: CSSProperties = {};\n    private appBridge: AppBridgeBlock;\n    constructor({ styles = BlockStyles[LINK_PLUGIN], ...props }: LinkPluginProps) {\n        super(LINK_PLUGIN, {\n            button: LinkButton,\n            markupElement: new LinkMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n        this.appBridge = props.appBridge;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createLinkPlugin(this.appBridge)];\n    }\n}\n"],"names":["createLinkPlugin","appBridge","createPluginFactory","createPlateLinkPlugin","CustomFloatingLink","isValidUrl","LinkPlugin","Plugin","styles","BlockStyles","LINK_PLUGIN","props","LinkButton","LinkMarkupElement"],"mappings":";;;;;;;AAoBO,MAAMA,IAAmB,CAACC,MAC7BC,EAAoB;AAAA,EAChB,GAAGC,EAAA;AAAA,EACH,qBAAqBC;AAAA,EACrB,SAAS;AAAA,IACL,OAAOC;AAAA,IACP,oBAAoB;AAAA,MAChB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,IAAA;AAAA,IAEhB,4BAA4B;AAAA,IAC5B,yBAAyB;AAAA,IACzB,WAAAJ;AAAA,EAAA;AAER,CAAC,EAAA;AAIE,MAAMK,UAAmBC,EAAO;AAAA,EAC5B,SAAwB,CAAA;AAAA,EACvB;AAAA,EACR,YAAY,EAAE,QAAAC,IAASC,EAAYC,CAAW,GAAG,GAAGC,KAA0B;AAC1E,UAAMD,GAAa;AAAA,MACf,QAAQE;AAAA,MACR,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASH,GACd,KAAK,YAAYG,EAAM;AAAA,EAC3B;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACX,EAAiB,KAAK,SAAS,CAAC;AAAA,EAC5C;AACJ;"}

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

@@ -1,13 +1,10 @@
-import { getAboveNode as c, ELEMENT_LINK as s } from "@frontify/fondue/rte";
-const o = (r, e) => {
-  const t = c(r, { match: { type: s } });
+import { getAboveNode as o, ELEMENT_LINK as c } from "@frontify/fondue/rte";
+const n = (r, e) => {
+  const t = o(r, { match: { type: c } });
   return Array.isArray(t) ? e(t[0]) : "";
-}, l = (r) => o(r, (e) => {
-  var t, n;
-  return ((n = (t = e.chosenLink) == null ? void 0 : t.searchResult) == null ? void 0 : n.link) || "";
-}), u = (r) => o(r, (e) => e.url || "");
+}, i = (r) => n(r, (e) => e.chosenLink?.searchResult?.link || ""), l = (r) => n(r, (e) => e.url || "");
 export {
-  l as getLegacyUrl,
-  u as getUrl
+  i as getLegacyUrl,
+  l as getUrl
 };
 //# sourceMappingURL=getUrl.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getUrl.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/utils/getUrl.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_LINK, type PlateEditor, getAboveNode } from '@frontify/fondue/rte';\n\nimport { type TLinkElement } from '../types';\n\nconst getLinkNode = (editor: PlateEditor, cb: (link: TLinkElement) => string): string => {\n    const linkNode = getAboveNode<TLinkElement>(editor, { match: { type: ELEMENT_LINK } });\n\n    if (!Array.isArray(linkNode)) {\n        return '';\n    }\n\n    return cb(linkNode[0]);\n};\n\nexport const getLegacyUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.chosenLink?.searchResult?.link || '');\n};\n\nexport const getUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.url || '');\n};\n\nexport const getUrlFromLinkOrLegacyLink = (link: TLinkElement): string => {\n    return link.url || link.chosenLink?.searchResult?.link || '';\n};\n\nexport const getUrlFromEditor = (editor: PlateEditor) => {\n    return getLinkNode(editor, getUrlFromLinkOrLegacyLink);\n};\n"],"names":["getLinkNode","editor","cb","linkNode","getAboveNode","ELEMENT_LINK","getLegacyUrl","link","_b","_a","getUrl"],"mappings":";AAMA,MAAMA,IAAc,CAACC,GAAqBC,MAA+C;AACrF,QAAMC,IAAWC,EAA2BH,GAAQ,EAAE,OAAO,EAAE,MAAMI,EAAA,GAAgB;AAErF,SAAK,MAAM,QAAQF,CAAQ,IAIpBD,EAAGC,EAAS,CAAC,CAAC,IAHV;AAIf,GAEaG,IAAe,CAACL,MAClBD,EAAYC,GAAQ,CAACM,MAAA;;AAAS,WAAAC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAAA,CAAE,GAGrEE,IAAS,CAACT,MACZD,EAAYC,GAAQ,CAACM,MAASA,EAAK,OAAO,EAAE;"}
+{"version":3,"file":"getUrl.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/utils/getUrl.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_LINK, type PlateEditor, getAboveNode } from '@frontify/fondue/rte';\n\nimport { type TLinkElement } from '../types';\n\nconst getLinkNode = (editor: PlateEditor, cb: (link: TLinkElement) => string): string => {\n    const linkNode = getAboveNode<TLinkElement>(editor, { match: { type: ELEMENT_LINK } });\n\n    if (!Array.isArray(linkNode)) {\n        return '';\n    }\n\n    return cb(linkNode[0]);\n};\n\nexport const getLegacyUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.chosenLink?.searchResult?.link || '');\n};\n\nexport const getUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.url || '');\n};\n\nexport const getUrlFromLinkOrLegacyLink = (link: TLinkElement): string => {\n    return link.url || link.chosenLink?.searchResult?.link || '';\n};\n\nexport const getUrlFromEditor = (editor: PlateEditor) => {\n    return getLinkNode(editor, getUrlFromLinkOrLegacyLink);\n};\n"],"names":["getLinkNode","editor","cb","linkNode","getAboveNode","ELEMENT_LINK","getLegacyUrl","link","getUrl"],"mappings":";AAMA,MAAMA,IAAc,CAACC,GAAqBC,MAA+C;AACrF,QAAMC,IAAWC,EAA2BH,GAAQ,EAAE,OAAO,EAAE,MAAMI,EAAA,GAAgB;AAErF,SAAK,MAAM,QAAQF,CAAQ,IAIpBD,EAAGC,EAAS,CAAC,CAAC,IAHV;AAIf,GAEaG,IAAe,CAACL,MAClBD,EAAYC,GAAQ,CAACM,MAASA,EAAK,YAAY,cAAc,QAAQ,EAAE,GAGrEC,IAAS,CAACP,MACZD,EAAYC,GAAQ,CAACM,MAASA,EAAK,OAAO,EAAE;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.es.js

@@ -1,50 +1,46 @@
-var a = Object.defineProperty;
-var c = (t, s, e) => s in t ? a(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var n = (t, s, e) => c(t, typeof s != "symbol" ? s + "" : s, e);
-import { jsx as r } from "react/jsx-runtime";
-import { Plugin as i, createPluginFactory as p, MarkupElement as g, merge as y, alignmentClassnames as C, getColumnBreakClasses as k } from "@frontify/fondue/rte";
-import { TextStyles as o, BlockStyles as x } from "../styles.es.js";
-const d = "textstyle-custom1-plugin";
-class B extends i {
-  constructor({ styles: e = x.custom1, ...l } = {}) {
-    super(o.custom1, {
+import { jsx as m } from "react/jsx-runtime";
+import { Plugin as u, MarkupElement as a, createPluginFactory as c, merge as i, alignmentClassnames as p, getColumnBreakClasses as g } from "@frontify/fondue/rte";
+import { TextStyles as l, BlockStyles as y } from "../styles.es.js";
+const C = "textstyle-custom1-plugin";
+class f extends u {
+  styles = {};
+  constructor({ styles: s = y.custom1, ...e } = {}) {
+    super(l.custom1, {
       label: "Custom 1",
-      markupElement: new E(),
-      ...l
-    });
-    n(this, "styles", {});
-    this.styles = e;
+      markupElement: new k(),
+      ...e
+    }), this.styles = s;
   }
   plugins() {
-    return [P(this.styles)];
+    return [x(this.styles)];
   }
 }
-class E extends g {
-  constructor(s = d, e = u) {
+class k extends a {
+  constructor(s = C, e = n) {
     super(s, e);
   }
 }
-const u = ({ element: t, attributes: s, children: e, styles: l }) => {
-  const m = t.align;
-  return /* @__PURE__ */ r(
+const n = ({ element: t, attributes: s, children: e, styles: r }) => {
+  const o = t.align;
+  return /* @__PURE__ */ m(
     "p",
     {
       ...s,
-      style: l,
-      className: y([m && C[m], k(t)]),
+      style: r,
+      className: i([o && p[o], g(t)]),
       children: e
     }
   );
-}, P = (t) => p({
-  key: o.custom1,
+}, x = (t) => c({
+  key: l.custom1,
   isElement: !0,
   deserializeHtml: {
-    rules: [{ validClassName: o.custom1 }]
+    rules: [{ validClassName: l.custom1 }]
   }
 })({
-  component: (s) => /* @__PURE__ */ r(u, { ...s, styles: t })
+  component: (s) => /* @__PURE__ */ m(n, { ...s, styles: t })
 });
 export {
-  B as Custom1Plugin
+  f as Custom1Plugin
 };
 //# sourceMappingURL=custom1Plugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom1Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-custom1-plugin';\n\nexport class Custom1Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.custom1, ...props }: PluginProps = {}) {\n        super(TextStyles.custom1, {\n            label: 'Custom 1',\n            markupElement: new Custom1MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createCustom1Plugin(this.styles)];\n    }\n}\n\nclass Custom1MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Custom1MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Custom1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            style={styles}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createCustom1Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.custom1,\n        isElement: true,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.custom1 }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Custom1MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Custom1Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom1MarkupElement","__publicField","createCustom1Plugin","MarkupElement","id","node","Custom1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAA,IAAuB,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,OAAOZ;AAAA,MACP,WAAWgB,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MAErF,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAAA;AAEtD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAAA,EAA0B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC5G,CAAC;"}
+{"version":3,"file":"custom1Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-custom1-plugin';\n\nexport class Custom1Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.custom1, ...props }: PluginProps = {}) {\n        super(TextStyles.custom1, {\n            label: 'Custom 1',\n            markupElement: new Custom1MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createCustom1Plugin(this.styles)];\n    }\n}\n\nclass Custom1MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Custom1MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Custom1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            style={styles}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createCustom1Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.custom1,\n        isElement: true,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.custom1 }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Custom1MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Custom1Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom1MarkupElement","createCustom1Plugin","MarkupElement","id","node","Custom1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAC/B,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAA,IAAuB,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMD,UAA6BE,EAAc;AAAA,EAC7C,YAAYC,IAAKV,GAAIW,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AACzG,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,OAAOX;AAAA,MACP,WAAWe,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MAErF,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACL,MACzBkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAAA;AAEtD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCO,GAAA,EAA0B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AAC5G,CAAC;"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js

@@ -1,50 +1,46 @@
-var a = Object.defineProperty;
-var c = (t, s, e) => s in t ? a(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
-var n = (t, s, e) => c(t, typeof s != "symbol" ? s + "" : s, e);
-import { jsx as r } from "react/jsx-runtime";
-import { Plugin as i, createPluginFactory as p, MarkupElement as g, merge as y, alignmentClassnames as C, getColumnBreakClasses as k } from "@frontify/fondue/rte";
-import { TextStyles as o, BlockStyles as x } from "../styles.es.js";
-const d = "textstyle-custom2-plugin";
-class B extends i {
-  constructor({ styles: e = x.custom2, ...l } = {}) {
-    super(o.custom2, {
+import { jsx as m } from "react/jsx-runtime";
+import { Plugin as u, MarkupElement as a, createPluginFactory as c, merge as i, alignmentClassnames as p, getColumnBreakClasses as g } from "@frontify/fondue/rte";
+import { TextStyles as l, BlockStyles as y } from "../styles.es.js";
+const C = "textstyle-custom2-plugin";
+class f extends u {
+  styles = {};
+  constructor({ styles: s = y.custom2, ...e } = {}) {
+    super(l.custom2, {
       label: "Custom 2",
-      markupElement: new E(),
-      ...l
-    });
-    n(this, "styles", {});
-    this.styles = e;
+      markupElement: new k(),
+      ...e
+    }), this.styles = s;
   }
   plugins() {
-    return [P(this.styles)];
+    return [x(this.styles)];
   }
 }
-class E extends g {
-  constructor(s = d, e = u) {
+class k extends a {
+  constructor(s = C, e = n) {
     super(s, e);
   }
 }
-const u = ({ element: t, attributes: s, children: e, styles: l }) => {
-  const m = t.align;
-  return /* @__PURE__ */ r(
+const n = ({ element: t, attributes: s, children: e, styles: r }) => {
+  const o = t.align;
+  return /* @__PURE__ */ m(
     "p",
     {
       ...s,
-      className: y([m && C[m], k(t)]),
-      style: l,
+      className: i([o && p[o], g(t)]),
+      style: r,
       children: e
     }
   );
-}, P = (t) => p({
-  key: o.custom2,
+}, x = (t) => c({
+  key: l.custom2,
   isElement: !0,
   deserializeHtml: {
-    rules: [{ validClassName: o.custom2 }]
+    rules: [{ validClassName: l.custom2 }]
   }
 })({
-  component: (s) => /* @__PURE__ */ r(u, { ...s, styles: t })
+  component: (s) => /* @__PURE__ */ m(n, { ...s, styles: t })
 });
 export {
-  B as Custom2Plugin
+  f as Custom2Plugin
 };
 //# sourceMappingURL=custom2Plugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-custom2-plugin';\n\nexport class Custom2Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.custom2, ...props }: PluginProps = {}) {\n        super(TextStyles.custom2, {\n            label: 'Custom 2',\n            markupElement: new Custom2MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createCustom2Plugin(this.styles)];\n    }\n}\n\nclass Custom2MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Custom2MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Custom2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createCustom2Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.custom2,\n        isElement: true,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.custom2 }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Custom2MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Custom2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom2MarkupElement","__publicField","createCustom2Plugin","MarkupElement","id","node","Custom2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAA,IAAuB,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAAA;AAEtD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAAA,EAA0B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC5G,CAAC;"}
+{"version":3,"file":"custom2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-custom2-plugin';\n\nexport class Custom2Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.custom2, ...props }: PluginProps = {}) {\n        super(TextStyles.custom2, {\n            label: 'Custom 2',\n            markupElement: new Custom2MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createCustom2Plugin(this.styles)];\n    }\n}\n\nclass Custom2MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Custom2MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Custom2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createCustom2Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.custom2,\n        isElement: true,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.custom2 }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Custom2MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Custom2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom2MarkupElement","createCustom2Plugin","MarkupElement","id","node","Custom2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAC/B,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAA,IAAuB,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMD,UAA6BE,EAAc;AAAA,EAC7C,YAAYC,IAAKV,GAAIW,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AACzG,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACL,MACzBkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAAA;AAEtD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCO,GAAA,EAA0B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AAC5G,CAAC;"}