@frontify/guideline-blocks-settings 0.28.0 → 0.28.1

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

@@ -0,0 +1,93 @@
+import { CheckboxState as n } from "@frontify/fondue";
+import { useEditorRef as h, floatingLinkSelectors as u, getPluginOptions as y, ELEMENT_LINK as E, useHotkeys as b, floatingLinkActions as a, submitFloatingLink as k } from "@udecode/plate";
+import { r as f } from "../../../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/index.es.js";
+import { isValidUrlOrEmpty as d } from "../../utils/url.es.js";
+import { getLegacyUrl as x, getUrl as U } from "../../utils/getUrl.es.js";
+import { addHttps as w } from "../../../../../../helpers/addHttps.es.js";
+const I = {
+  url: "",
+  text: "",
+  newTab: n.Unchecked
+}, L = () => {
+  const [o, r] = f.useReducer((e, c) => {
+    const { type: s, payload: l } = c;
+    switch (s) {
+      case "NEW_TAB":
+        return {
+          ...e,
+          newTab: n.Checked
+        };
+      case "SAME_TAB":
+        return {
+          ...e,
+          newTab: n.Unchecked
+        };
+      case "URL":
+      case "TEXT":
+      case "INIT":
+        return {
+          ...e,
+          ...l
+        };
+      default:
+        return e;
+    }
+  }, I);
+  return [o, r];
+}, _ = () => {
+  const o = h(), [r, e] = L();
+  f.useEffect(() => {
+    const t = x(o), i = U(o);
+    e({
+      type: "INIT",
+      payload: {
+        text: u.text(),
+        newTab: u.newTab() ? n.Checked : n.Unchecked,
+        url: t && i === "" ? t : u.url()
+      }
+    });
+  }, [e, o]);
+  const c = (t) => {
+    e({
+      type: "TEXT",
+      payload: { text: t }
+    });
+  }, s = (t) => {
+    e({
+      type: "URL",
+      payload: { url: t }
+    });
+  }, l = (t) => {
+    e(t ? { type: "NEW_TAB" } : { type: "SAME_TAB" });
+  }, g = () => {
+    a.hide();
+  }, p = (t) => {
+    if (!d(r.url) || !T)
+      return;
+    const i = w(r.url);
+    a.text(r.text), a.url(i), a.newTab(r.newTab === n.Checked), k(o) && (t == null || t.preventDefault());
+  }, T = r.url !== "" && r.text !== "", { appBridge: m } = y(o, E);
+  return b(
+    "enter",
+    p,
+    {
+      enableOnFormTags: ["INPUT"]
+    },
+    []
+  ), {
+    state: r,
+    onTextChange: c,
+    onUrlChange: s,
+    onToggleTab: l,
+    onCancel: g,
+    onSave: p,
+    hasValues: T,
+    isValidUrlOrEmpty: d,
+    appBridge: m
+  };
+};
+export {
+  L as InsertModalState,
+  _ as useInsertModal
+};
+//# sourceMappingURL=useInsertModal.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInsertModal.es.js","sources":["../../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport { CheckboxState } from '@frontify/fondue';\nimport {\n    ELEMENT_LINK,\n    floatingLinkActions,\n    floatingLinkSelectors,\n    getPluginOptions,\n    submitFloatingLink,\n    useEditorRef,\n    useHotkeys,\n} from '@udecode/plate';\nimport { Dispatch, Reducer, useEffect, useReducer } from 'react';\nimport { getLegacyUrl, getUrl } from '../../utils';\nimport { InsertModalDispatchType, InsertModalStateProps } from './types';\nimport { addHttps } from '../../../../../../helpers';\nimport { isValidUrlOrEmpty } from '../../utils/url';\n\nconst initialState: InsertModalStateProps = {\n    url: '',\n    text: '',\n    newTab: CheckboxState.Unchecked,\n};\n\nexport const InsertModalState = (): [InsertModalStateProps, Dispatch<InsertModalDispatchType>] => {\n    const [state, dispatch] = useReducer<Reducer<InsertModalStateProps, InsertModalDispatchType>>((state, action) => {\n        const { type, payload } = action;\n\n        switch (type) {\n            case 'NEW_TAB':\n                return {\n                    ...state,\n                    newTab: CheckboxState.Checked,\n                };\n            case 'SAME_TAB':\n                return {\n                    ...state,\n                    newTab: CheckboxState.Unchecked,\n                };\n            case 'URL':\n            case 'TEXT':\n            case 'INIT':\n                return {\n                    ...state,\n                    ...payload,\n                };\n            default:\n                return state;\n        }\n    }, initialState);\n\n    return [state, dispatch];\n};\n\nexport const useInsertModal = () => {\n    const editor = useEditorRef();\n    const [state, dispatch] = InsertModalState();\n\n    useEffect(() => {\n        const legacyUrl = getLegacyUrl(editor);\n        const url = getUrl(editor);\n\n        dispatch({\n            type: 'INIT',\n            payload: {\n                text: floatingLinkSelectors.text(),\n                newTab: floatingLinkSelectors.newTab() ? CheckboxState.Checked : CheckboxState.Unchecked,\n                url: legacyUrl && url === '' ? legacyUrl : floatingLinkSelectors.url(),\n            },\n        });\n    }, [dispatch, editor]);\n\n    const onTextChange = (value: string) => {\n        dispatch({\n            type: 'TEXT',\n            payload: { text: value },\n        });\n    };\n\n    const onUrlChange = (value: string) => {\n        dispatch({\n            type: 'URL',\n            payload: { url: value },\n        });\n    };\n\n    const onToggleTab = (checked: boolean) => {\n        checked ? dispatch({ type: 'NEW_TAB' }) : dispatch({ type: 'SAME_TAB' });\n    };\n\n    const onCancel = () => {\n        floatingLinkActions.hide();\n    };\n\n    const onSave = (event: React.MouseEvent<HTMLButtonElement, MouseEvent> | KeyboardEvent | undefined) => {\n        if (!isValidUrlOrEmpty(state.url) || !hasValues) {\n            return;\n        }\n\n        const urlToSave = addHttps(state.url);\n\n        floatingLinkActions.text(state.text);\n        floatingLinkActions.url(urlToSave);\n        floatingLinkActions.newTab(state.newTab === CheckboxState.Checked);\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 {\n        state,\n        onTextChange,\n        onUrlChange,\n        onToggleTab,\n        onCancel,\n        onSave,\n        hasValues,\n        isValidUrlOrEmpty,\n        appBridge,\n    };\n};\n"],"names":["initialState","CheckboxState","InsertModalState","state","dispatch","useReducer","action","type","payload","useInsertModal","editor","useEditorRef","useEffect","legacyUrl","getLegacyUrl","url","getUrl","floatingLinkSelectors","onTextChange","value","onUrlChange","onToggleTab","checked","onCancel","floatingLinkActions","onSave","event","isValidUrlOrEmpty","hasValues","urlToSave","addHttps","submitFloatingLink","appBridge","getPluginOptions","ELEMENT_LINK","useHotkeys"],"mappings":";;;;;;AAmBA,MAAMA,IAAsC;AAAA,EACxC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQC,EAAc;AAC1B,GAEaC,IAAmB,MAAkE;AAC9F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAAA,WAAoE,CAACF,GAAOG,MAAW;AACvG,UAAA,EAAE,MAAAC,GAAM,SAAAC,EAAY,IAAAF;AAE1B,YAAQC,GAAM;AAAA,MACV,KAAK;AACM,eAAA;AAAA,UACH,GAAGJ;AAAAA,UACH,QAAQF,EAAc;AAAA,QAAA;AAAA,MAE9B,KAAK;AACM,eAAA;AAAA,UACH,GAAGE;AAAAA,UACH,QAAQF,EAAc;AAAA,QAAA;AAAA,MAE9B,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACM,eAAA;AAAA,UACH,GAAGE;AAAAA,UACH,GAAGK;AAAA,QAAA;AAAA,MAEX;AACWL,eAAAA;AAAAA,IACf;AAAA,KACDH,CAAY;AAER,SAAA,CAACG,GAAOC,CAAQ;AAC3B,GAEaK,IAAiB,MAAM;AAChC,QAAMC,IAASC,KACT,CAACR,GAAOC,CAAQ,IAAIF,EAAiB;AAE3CU,EAAAA,EAAAA,UAAU,MAAM;AACN,UAAAC,IAAYC,EAAaJ,CAAM,GAC/BK,IAAMC,EAAON,CAAM;AAEhB,IAAAN,EAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,QACL,MAAMa,EAAsB,KAAK;AAAA,QACjC,QAAQA,EAAsB,OAAA,IAAWhB,EAAc,UAAUA,EAAc;AAAA,QAC/E,KAAKY,KAAaE,MAAQ,KAAKF,IAAYI,EAAsB,IAAI;AAAA,MACzE;AAAA,IAAA,CACH;AAAA,EAAA,GACF,CAACb,GAAUM,CAAM,CAAC;AAEf,QAAAQ,IAAe,CAACC,MAAkB;AAC3B,IAAAf,EAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,MAAMe,EAAM;AAAA,IAAA,CAC1B;AAAA,EAAA,GAGCC,IAAc,CAACD,MAAkB;AAC1B,IAAAf,EAAA;AAAA,MACL,MAAM;AAAA,MACN,SAAS,EAAE,KAAKe,EAAM;AAAA,IAAA,CACzB;AAAA,EAAA,GAGCE,IAAc,CAACC,MAAqB;AAC5B,IAAAlB,EAAAkB,IAAS,EAAE,MAAM,UAAU,IAAc,EAAE,MAAM,WAAA,CAArB;AAAA,EAAiC,GAGrEC,IAAW,MAAM;AACnB,IAAAC,EAAoB,KAAK;AAAA,EAAA,GAGvBC,IAAS,CAACC,MAAuF;AACnG,QAAI,CAACC,EAAkBxB,EAAM,GAAG,KAAK,CAACyB;AAClC;AAGE,UAAAC,IAAYC,EAAS3B,EAAM,GAAG;AAEhB,IAAAqB,EAAA,KAAKrB,EAAM,IAAI,GACnCqB,EAAoB,IAAIK,CAAS,GACjCL,EAAoB,OAAOrB,EAAM,WAAWF,EAAc,OAAO,GAE7D8B,EAAmBrB,CAAM,MACzBgB,KAAA,QAAAA,EAAO;AAAA,EACX,GAGEE,IAAYzB,EAAM,QAAQ,MAAMA,EAAM,SAAS,IAE/C,EAAE,WAAA6B,EAAc,IAAAC,EAAgDvB,GAAQwB,CAAY;AAE1F,SAAAC;AAAA,IACI;AAAA,IACAV;AAAA,IACA;AAAA,MACI,kBAAkB,CAAC,OAAO;AAAA,IAC9B;AAAA,IACA,CAAC;AAAA,EAAA,GAGE;AAAA,IACH,OAAAtB;AAAA,IACA,cAAAe;AAAA,IACA,aAAAE;AAAA,IACA,aAAAC;AAAA,IACA,UAAAE;AAAA,IACA,QAAAE;AAAA,IACA,WAAAG;AAAA,IACA,mBAAAD;AAAA,IACA,WAAAK;AAAA,EAAA;AAER;"}

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { j as n } from "../../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { useElementProps as i } from "@udecode/plate";
+import { BlockStyles as p } from "../../styles.es.js";
+import { LINK_PLUGIN as a } from "../id.es.js";
+const m = (r) => ({
+  ...i({
+    ...r,
+    elementToAttributes: (t) => {
+      var o, s;
+      return {
+        href: t.url || ((s = (o = t.chosenLink) == null ? void 0 : o.searchResult) == null ? void 0 : s.link) || "",
+        target: t.target || "_blank"
+      };
+    }
+  }),
+  // quick fix: hovering <a> with href loses the editor focus
+  onMouseOver: (t) => {
+    t.stopPropagation();
+  }
+}), h = (r) => {
+  const e = m(r), { attributes: t, children: o } = r;
+  return /* @__PURE__ */ n.jsx("a", { ...t, href: e.href, target: e.target, style: p[a], children: o });
+};
+export {
+  h as LinkMarkupElementNode
+};
+//# sourceMappingURL=LinkMarkupElementNode.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { HTMLPropsAs, LinkRootProps, useElementProps } from '@udecode/plate';\nimport { MouseEvent } from 'react';\nimport { TLinkElement } from '../types';\nimport { BlockStyles } from '../../styles';\nimport { LINK_PLUGIN } from '../id';\n\nconst useLink = (props: LinkRootProps): HTMLPropsAs<'a'> => {\n    const _props = useElementProps<TLinkElement, 'a'>({\n        ...props,\n        elementToAttributes: (element) => ({\n            href: element.url || element.chosenLink?.searchResult?.link || '',\n            target: element.target || '_blank',\n        }),\n    });\n\n    return {\n        ..._props,\n        // quick fix: hovering <a> with href loses the editor focus\n        onMouseOver: (event: MouseEvent) => {\n            event.stopPropagation();\n        },\n    };\n};\n\nexport const LinkMarkupElementNode = (props: LinkRootProps) => {\n    const htmlProps = useLink(props);\n    const { attributes, children } = props;\n\n    return (\n        <a {...attributes} href={htmlProps.href} target={htmlProps.target} style={BlockStyles[LINK_PLUGIN]}>\n            {children}\n        </a>\n    );\n};\n"],"names":["useLink","props","useElementProps","element","_b","_a","event","LinkMarkupElementNode","htmlProps","attributes","children","jsx","BlockStyles","LINK_PLUGIN"],"mappings":";;;;AAQA,MAAMA,IAAU,CAACC,OASN;AAAA,EACH,GATWC,EAAmC;AAAA,IAC9C,GAAGD;AAAA,IACH,qBAAqB,CAACE,MAAa;;AAAA;AAAA,QAC/B,MAAMA,EAAQ,SAAOC,KAAAC,IAAAF,EAAQ,eAAR,gBAAAE,EAAoB,iBAApB,gBAAAD,EAAkC,SAAQ;AAAA,QAC/D,QAAQD,EAAQ,UAAU;AAAA,MAAA;AAAA;AAAA,EAC9B,CACH;AAAA;AAAA,EAKG,aAAa,CAACG,MAAsB;AAChC,IAAAA,EAAM,gBAAgB;AAAA,EAC1B;AAAA,IAIKC,IAAwB,CAACN,MAAyB;AACrD,QAAAO,IAAYR,EAAQC,CAAK,GACzB,EAAE,YAAAQ,GAAY,UAAAC,EAAa,IAAAT;AAEjC,SACKU,gBAAAA,EAAAA,IAAA,KAAA,EAAG,GAAGF,GAAY,MAAMD,EAAU,MAAM,QAAQA,EAAU,QAAQ,OAAOI,EAAYC,CAAW,GAC5F,UAAAH,EACL,CAAA;AAER;"}

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

@@ -0,0 +1,12 @@
+import { MarkupElement as o } from "@frontify/fondue";
+import { ELEMENT_LINK as t } from "@udecode/plate";
+import { LinkMarkupElementNode as m } from "./LinkMarkupElementNode.es.js";
+class k extends o {
+  constructor(r = t, e = m) {
+    super(r, e);
+  }
+}
+export {
+  k as LinkMarkupElement
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MarkupElement } from '@frontify/fondue';\nimport { ELEMENT_LINK } from '@udecode/plate';\nimport { LinkMarkupElementNode } from './LinkMarkupElementNode';\n\nexport class LinkMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_LINK, node = LinkMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":["LinkMarkupElement","MarkupElement","id","ELEMENT_LINK","node","LinkMarkupElementNode"],"mappings":";;;AAMO,MAAMA,UAA0BC,EAAc;AAAA,EACjD,YAAYC,IAAKC,GAAcC,IAAOC,GAAuB;AACzD,UAAMH,GAAIE,CAAI;AAAA,EAClB;AACJ;"}

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

@@ -0,0 +1,5 @@
+const n = "link-plugin";
+export {
+  n as LINK_PLUGIN
+};
+//# sourceMappingURL=id.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"id.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/id.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const LINK_PLUGIN = 'link-plugin';\n"],"names":["LINK_PLUGIN"],"mappings":"AAEO,MAAMA,IAAc;"}

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

@@ -0,0 +1,39 @@
+import { Plugin as n } from "@frontify/fondue";
+import { createPluginFactory as o, createLinkPlugin as m } from "@udecode/plate";
+import { CustomFloatingLink as a } from "./FloatingLink/CustomFloatingLink.es.js";
+import { LINK_PLUGIN as r } from "./id.es.js";
+import { LinkButton as l } from "./LinkButton.es.js";
+import { LinkMarkupElement as s } from "./LinkMarkupElement/index.es.js";
+import { isValidUrl as u } from "./utils/url.es.js";
+import { BlockStyles as g } from "../styles.es.js";
+const k = (i) => o({
+  ...m(),
+  renderAfterEditable: a,
+  options: {
+    isUrl: u,
+    rangeBeforeOptions: {
+      matchString: " ",
+      skipInvalid: !0,
+      afterMatch: !0
+    },
+    triggerFloatingLinkHotkeys: "command+k, ctrl+k",
+    appBridge: i
+  }
+})();
+class y extends n {
+  constructor(t, e = g[r]) {
+    super(r, {
+      button: l,
+      markupElement: new s(),
+      ...t
+    }), this.styles = {}, this.styles = e, this.appBridge = t == null ? void 0 : t.appBridge;
+  }
+  plugins() {
+    return [k(this.appBridge)];
+  }
+}
+export {
+  y as LinkPlugin,
+  k as createLinkPlugin
+};
+//# sourceMappingURL=index.es.js.map

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

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

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

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

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

@@ -0,0 +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, PlateEditor, getAboveNode } from '@udecode/plate';\nimport { 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","getUrlFromLinkOrLegacyLink","getUrlFromEditor"],"mappings":";AAKA,MAAMA,IAAc,CAACC,GAAqBC,MAA+C;AAC/E,QAAAC,IAAWC,EAA2BH,GAAQ,EAAE,OAAO,EAAE,MAAMI,EAAa,EAAA,CAAG;AAErF,SAAK,MAAM,QAAQF,CAAQ,IAIpBD,EAAGC,EAAS,CAAC,CAAC,IAHV;AAIf,GAEaG,IAAe,CAACL,MAClBD,EAAYC,GAAQ,CAACM,MAAS;;AAAA,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,GAG1CI,IAA6B,CAACJ,MAA+B;;AACtE,SAAOA,EAAK,SAAOC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAC9D,GAEaI,IAAmB,CAACX,MACtBD,EAAYC,GAAQU,CAA0B;"}

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

@@ -0,0 +1,5 @@
+const e = /^\/(document|r)\/\S+$/i;
+export {
+  e as relativeUrlRegex
+};
+//# sourceMappingURL=relativeUrlRegex.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"relativeUrlRegex.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/utils/relativeUrlRegex.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const relativeUrlRegex = /^\\/(document|r)\\/\\S+$/i;\n"],"names":["relativeUrlRegex"],"mappings":"AAEO,MAAMA,IAAmB;"}

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

@@ -0,0 +1,17 @@
+import { relativeUrlRegex as o } from "./relativeUrlRegex.es.js";
+import { addHttps as e } from "../../../../../helpers/addHttps.es.js";
+const l = (t) => {
+  if (o.test(t))
+    return !0;
+  try {
+    const r = new URL(t);
+    return ["http:", "https:", "mailto:", "tel:"].includes(r.protocol) && r.pathname !== "";
+  } catch {
+    return !1;
+  }
+}, n = (t) => l(e(t)) || t === "";
+export {
+  l as isValidUrl,
+  n as isValidUrlOrEmpty
+};
+//# sourceMappingURL=url.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"url.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/utils/url.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { addHttps } from '../../../../../helpers';\nimport { relativeUrlRegex } from './relativeUrlRegex';\n\nexport const isValidUrl = (url: string) => {\n    if (relativeUrlRegex.test(url)) {\n        return true;\n    }\n    try {\n        const parsedUrl = new URL(url);\n        const validProtocols = ['http:', 'https:', 'mailto:', 'tel:'];\n        return validProtocols.includes(parsedUrl.protocol) && parsedUrl.pathname !== '';\n    } catch (error) {\n        return false;\n    }\n};\n\nexport const isValidUrlOrEmpty = (url: string) => {\n    return isValidUrl(addHttps(url)) || url === '';\n};\n"],"names":["isValidUrl","url","relativeUrlRegex","parsedUrl","isValidUrlOrEmpty","addHttps"],"mappings":";;AAKa,MAAAA,IAAa,CAACC,MAAgB;AACnC,MAAAC,EAAiB,KAAKD,CAAG;AAClB,WAAA;AAEP,MAAA;AACM,UAAAE,IAAY,IAAI,IAAIF,CAAG;AAE7B,WADuB,CAAC,SAAS,UAAU,WAAW,MAAM,EACtC,SAASE,EAAU,QAAQ,KAAKA,EAAU,aAAa;AAAA;AAEtE,WAAA;AAAA,EACX;AACJ,GAEaC,IAAoB,CAACH,MACvBD,EAAWK,EAASJ,CAAG,CAAC,KAAKA,MAAQ;"}

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

@@ -0,0 +1,45 @@
+import { j as l } from "../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { createPluginFactory as u } from "@udecode/plate";
+import { Plugin as a, MarkupElement as c, merge as i, alignmentClassnames as p, getColumnBreakClasses as g } from "@frontify/fondue";
+import { TextStyles as o, BlockStyles as x } from "../styles.es.js";
+const y = "textstyle-custom1-plugin";
+class h extends a {
+  constructor({ styles: s = x.custom1, ...e } = {}) {
+    super(o.custom1, {
+      label: "Custom 1",
+      markupElement: new C(),
+      ...e
+    }), this.styles = {}, this.styles = s;
+  }
+  plugins() {
+    return [k(this.styles)];
+  }
+}
+class C extends c {
+  constructor(s = y, e = r) {
+    super(s, e);
+  }
+}
+const r = ({ element: t, attributes: s, children: e, styles: n }) => {
+  const m = t.align;
+  return /* @__PURE__ */ l.jsx(
+    "p",
+    {
+      ...s,
+      className: i([m && p[m], g(t), "a-custom1"]),
+      children: /* @__PURE__ */ l.jsx("span", { style: n, children: e })
+    }
+  );
+}, k = (t) => u({
+  key: o.custom1,
+  isElement: !0,
+  deserializeHtml: {
+    rules: [{ validClassName: o.custom1 }]
+  }
+})({
+  component: (s) => /* @__PURE__ */ l.jsx(r, { ...s, styles: t })
+});
+export {
+  h as Custom1Plugin
+};
+//# sourceMappingURL=custom1Plugin.es.js.map

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

@@ -0,0 +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 { createPluginFactory } from '@udecode/plate';\nimport { CSSProperties } from 'react';\nimport {\n    MarkupElement,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\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() {\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            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element), 'a-custom1'])}\n        >\n            <span style={styles}>{children}</span>\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":";;;;AAeA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAuB,IAAA,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAqB;AAAA,MACxC,GAAGF;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAU;AACN,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;AAElB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,GAAG,WAAW,CAAC;AAAA,MAEnG,UAACI,gBAAAA,EAAA,IAAA,QAAA,EAAK,OAAOd,GAAS,UAAAY,GAAS;AAAA,IAAA;AAAA,EAAA;AAG3C,GAEMP,IAAsB,CAACL,MACzBkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAClD;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,4BAAwCO,GAA0B,EAAA,GAAGP,GAAO,QAAAF,GAAgB;AAC5G,CAAC;"}

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

@@ -0,0 +1,45 @@
+import { j as l } from "../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { createPluginFactory as u } from "@udecode/plate";
+import { Plugin as a, MarkupElement as c, merge as i, alignmentClassnames as p, getColumnBreakClasses as g } from "@frontify/fondue";
+import { TextStyles as o, BlockStyles as x } from "../styles.es.js";
+const y = "textstyle-custom2-plugin";
+class h extends a {
+  constructor({ styles: s = x.custom2, ...e } = {}) {
+    super(o.custom2, {
+      label: "Custom 2",
+      markupElement: new C(),
+      ...e
+    }), this.styles = {}, this.styles = s;
+  }
+  plugins() {
+    return [k(this.styles)];
+  }
+}
+class C extends c {
+  constructor(s = y, e = r) {
+    super(s, e);
+  }
+}
+const r = ({ element: t, attributes: s, children: e, styles: n }) => {
+  const m = t.align;
+  return /* @__PURE__ */ l.jsx(
+    "p",
+    {
+      ...s,
+      className: i([m && p[m], g(t), "a-custom2"]),
+      children: /* @__PURE__ */ l.jsx("span", { style: n, children: e })
+    }
+  );
+}, k = (t) => u({
+  key: o.custom2,
+  isElement: !0,
+  deserializeHtml: {
+    rules: [{ validClassName: o.custom2 }]
+  }
+})({
+  component: (s) => /* @__PURE__ */ l.jsx(r, { ...s, styles: t })
+});
+export {
+  h as Custom2Plugin
+};
+//# sourceMappingURL=custom2Plugin.es.js.map

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

@@ -0,0 +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 { createPluginFactory } from '@udecode/plate';\nimport { CSSProperties } from 'react';\nimport {\n    MarkupElement,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\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() {\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), 'a-custom2'])}\n        >\n            <span style={styles}>{children}</span>\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":";;;;AAeA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAuB,IAAA,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAqB;AAAA,MACxC,GAAGF;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAU;AACN,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;AAElB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,GAAG,WAAW,CAAC;AAAA,MAEnG,UAACI,gBAAAA,EAAA,IAAA,QAAA,EAAK,OAAOd,GAAS,UAAAY,GAAS;AAAA,IAAA;AAAA,EAAA;AAG3C,GAEMP,IAAsB,CAACL,MACzBkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAClD;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,4BAAwCO,GAA0B,EAAA,GAAGP,GAAO,QAAAF,GAAgB;AAC5G,CAAC;"}

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

@@ -0,0 +1,45 @@
+import { j as l } from "../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { createPluginFactory as u } from "@udecode/plate";
+import { Plugin as a, TextStyles as o, MarkupElement as c, merge as i, alignmentClassnames as p, getColumnBreakClasses as g } from "@frontify/fondue";
+import { BlockStyles as x } from "../styles.es.js";
+const y = "textstyle-custom3-plugin";
+class h extends a {
+  constructor({ styles: s = x.custom3, ...e } = {}) {
+    super(o.custom3, {
+      label: "Custom 3",
+      markupElement: new C(),
+      ...e
+    }), this.styles = {}, this.styles = s;
+  }
+  plugins() {
+    return [k(this.styles)];
+  }
+}
+class C extends c {
+  constructor(s = y, e = r) {
+    super(s, e);
+  }
+}
+const r = ({ element: t, attributes: s, children: e, styles: n }) => {
+  const m = t.align;
+  return /* @__PURE__ */ l.jsx(
+    "p",
+    {
+      ...s,
+      className: i([m && p[m], g(t), "a-custom3"]),
+      children: /* @__PURE__ */ l.jsx("span", { style: n, children: e })
+    }
+  );
+}, k = (t) => u({
+  key: o.custom3,
+  isElement: !0,
+  deserializeHtml: {
+    rules: [{ validClassName: o.custom3 }]
+  }
+})({
+  component: (s) => /* @__PURE__ */ l.jsx(r, { ...s, styles: t })
+});
+export {
+  h as Custom3Plugin
+};
+//# sourceMappingURL=custom3Plugin.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps, createPluginFactory } from '@udecode/plate';\nimport { CSSProperties } from 'react';\nimport {\n    MarkupElement,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    TextStyles,\n    alignmentClassnames,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport { BlockStyles } from '../styles';\n\nconst ID = 'textstyle-custom3-plugin';\n\nexport class Custom3Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.custom3, ...props }: PluginProps = {}) {\n        super(TextStyles.custom3, {\n            label: 'Custom 3',\n            markupElement: new Custom3MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins() {\n        return [createCustom3Plugin(this.styles)];\n    }\n}\n\nclass Custom3MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Custom3MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Custom3MarkupElementNode = ({ 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), 'a-custom3'])}\n        >\n            <span style={styles}>{children}</span>\n        </p>\n    );\n};\n\nconst createCustom3Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.custom3,\n        isElement: true,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.custom3 }],\n        },\n    })({\n        component: (props: PlateRenderElementProps) => <Custom3MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Custom3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom3MarkupElement","createCustom3Plugin","MarkupElement","id","node","Custom3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;AAgBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAuB,IAAA,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAqB;AAAA,MACxC,GAAGF;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAU;AACN,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;AAElB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,GAAG,WAAW,CAAC;AAAA,MAEnG,UAACI,gBAAAA,EAAA,IAAA,QAAA,EAAK,OAAOd,GAAS,UAAAY,GAAS;AAAA,IAAA;AAAA,EAAA;AAG3C,GAEMP,IAAsB,CAACL,MACzBkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAClD;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,4BAAoCO,GAA0B,EAAA,GAAGP,GAAO,QAAAF,GAAgB;AACxG,CAAC;"}

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

@@ -0,0 +1,46 @@
+import { j as n } from "../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { createPluginFactory as o } from "@udecode/plate";
+import { Plugin as m, MarkupElement as g, merge as u, alignmentClassnames as c, getColumnBreakClasses as p } from "@frontify/fondue";
+import { TextStyles as r, BlockStyles as d } from "../styles.es.js";
+const h = "textstyle-heading1-plugin";
+class f extends m {
+  constructor({ styles: e = d.heading1, ...t } = {}) {
+    super(r.heading1, {
+      label: "Heading 1",
+      markupElement: new x(),
+      ...t
+    }), this.styles = {}, this.styles = e;
+  }
+  plugins() {
+    return [y(this.styles)];
+  }
+}
+class x extends g {
+  constructor(e = h, t = a) {
+    super(e, t);
+  }
+}
+const a = ({ element: s, attributes: e, children: t, styles: i }) => {
+  const l = s.align;
+  return /* @__PURE__ */ n.jsx(
+    "h1",
+    {
+      ...e,
+      className: u([l && c[l], p(s), "a-h1"]),
+      children: /* @__PURE__ */ n.jsx("span", { style: i, children: t })
+    }
+  );
+}, y = (s) => o({
+  key: r.heading1,
+  isElement: !0,
+  component: a,
+  deserializeHtml: {
+    rules: [{ validNodeName: ["h1", "H1"] }]
+  }
+})({
+  component: (e) => /* @__PURE__ */ n.jsx(a, { ...e, styles: s })
+});
+export {
+  f as Heading1Plugin
+};
+//# sourceMappingURL=heading1Plugin.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading1Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { PlateRenderElementProps, createPluginFactory } from '@udecode/plate';\nimport { CSSProperties } from 'react';\nimport {\n    MarkupElement,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading1-plugin';\nexport class Heading1Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading1, ...props }: PluginProps = {}) {\n        super(TextStyles.heading1, {\n            label: 'Heading 1',\n            markupElement: new Heading1MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins() {\n        return [createHeading1Plugin(this.styles)];\n    }\n}\n\nclass Heading1MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading1MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h1\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element), 'a-h1'])}\n        >\n            <span style={styles}>{children}</span>\n        </h1>\n    );\n};\n\nconst createHeading1Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading1,\n        isElement: true,\n        component: Heading1MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h1', 'H1'] }],\n        },\n    })({\n        component: (props: PlateRenderElementProps) => <Heading1MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading1Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading1MarkupElement","createHeading1Plugin","MarkupElement","id","node","Heading1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;AAeA,MAAMA,IAAK;AACJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAuB,IAAA,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAsB;AAAA,MACzC,GAAGF;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAU;AACN,WAAO,CAACK,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMD,UAA8BE,EAAc;AAAA,EAC9C,YAAYC,IAAKV,GAAIW,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC1G,QAAMa,IAAQH,EAAQ;AAElB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,GAAG,MAAM,CAAC;AAAA,MAE9F,UAACI,gBAAAA,EAAA,IAAA,QAAA,EAAK,OAAOd,GAAS,UAAAY,GAAS;AAAA,IAAA;AAAA,EAAA;AAG3C,GAEMP,IAAuB,CAACL,MAC1BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAC3C;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACP,4BAAoCO,GAA2B,EAAA,GAAGP,GAAO,QAAAF,GAAgB;AACzG,CAAC;"}

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

@@ -0,0 +1,39 @@
+import { j as n } from "../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { createPluginFactory as o } from "@udecode/plate";
+import { Plugin as m, MarkupElement as g, merge as u, alignmentClassnames as c, getColumnBreakClasses as p } from "@frontify/fondue";
+import { TextStyles as r, BlockStyles as d } from "../styles.es.js";
+const h = "textstyle-heading2-plugin";
+class f extends m {
+  constructor({ styles: e = d.heading2, ...t } = {}) {
+    super(r.heading2, {
+      label: "Heading 2",
+      markupElement: new x(),
+      ...t
+    }), this.styles = {}, this.styles = e;
+  }
+  plugins() {
+    return [y(this.styles)];
+  }
+}
+class x extends g {
+  constructor(e = h, t = l) {
+    super(e, t);
+  }
+}
+const l = ({ element: s, attributes: e, children: t, styles: i }) => {
+  const a = s.align;
+  return /* @__PURE__ */ n.jsx("h2", { ...e, className: u([a && c[a], p(s)]), children: /* @__PURE__ */ n.jsx("span", { style: i, children: t }) });
+}, y = (s) => o({
+  key: r.heading2,
+  isElement: !0,
+  component: l,
+  deserializeHtml: {
+    rules: [{ validNodeName: ["h2", "H2"] }]
+  }
+})({
+  component: (e) => /* @__PURE__ */ n.jsx(l, { ...e, styles: s })
+});
+export {
+  f as Heading2Plugin
+};
+//# sourceMappingURL=heading2Plugin.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createPluginFactory } from '@udecode/plate';\nimport { CSSProperties } from 'react';\nimport {\n    MarkupElement,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport { BlockStyles, TextStyles } from '../styles';\nconst ID = 'textstyle-heading2-plugin';\n\nexport class Heading2Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading2, ...props }: PluginProps = {}) {\n        super(TextStyles.heading2, {\n            label: 'Heading 2',\n            markupElement: new Heading2MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins() {\n        return [createHeading2Plugin(this.styles)];\n    }\n}\n\nclass Heading2MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading2MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h2 {...attributes} className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}>\n            <span style={styles}>{children}</span>\n        </h2>\n    );\n};\n\nconst createHeading2Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading2,\n        isElement: true,\n        component: Heading2MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h2', 'H2'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading2MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading2MarkupElement","createHeading2Plugin","MarkupElement","id","node","Heading2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;AAcA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAuB,IAAA,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAsB;AAAA,MACzC,GAAGF;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAU;AACN,WAAO,CAACK,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMD,UAA8BE,EAAc;AAAA,EAC9C,YAAYC,IAAKV,GAAIW,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC1G,QAAMa,IAAQH,EAAQ;AAElB,SAAAI,gBAAAA,MAAC,QAAI,GAAGH,GAAY,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC,GACtG,gCAAC,QAAK,EAAA,OAAOV,GAAS,UAAAY,GAAS,EACnC,CAAA;AAER,GAEMP,IAAuB,CAACL,MAC1BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAC3C;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACP,4BAAwCO,GAA2B,EAAA,GAAGP,GAAO,QAAAF,GAAgB;AAC7G,CAAC;"}

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

@@ -0,0 +1,39 @@
+import { j as n } from "../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { createPluginFactory as o } from "@udecode/plate";
+import { Plugin as m, MarkupElement as g, merge as u, alignmentClassnames as c, getColumnBreakClasses as p } from "@frontify/fondue";
+import { TextStyles as r, BlockStyles as d } from "../styles.es.js";
+const h = "textstyle-heading3-plugin";
+class f extends m {
+  constructor({ styles: e = d.heading3, ...t } = {}) {
+    super(r.heading3, {
+      label: "Heading 3",
+      markupElement: new x(),
+      ...t
+    }), this.styles = {}, this.styles = e;
+  }
+  plugins() {
+    return [y(this.styles)];
+  }
+}
+class x extends g {
+  constructor(e = h, t = l) {
+    super(e, t);
+  }
+}
+const l = ({ element: s, attributes: e, children: t, styles: i }) => {
+  const a = s.align;
+  return /* @__PURE__ */ n.jsx("h3", { ...e, className: u([a && c[a], p(s)]), children: /* @__PURE__ */ n.jsx("span", { style: i, children: t }) });
+}, y = (s) => o({
+  key: r.heading3,
+  isElement: !0,
+  component: l,
+  deserializeHtml: {
+    rules: [{ validNodeName: ["h3", "H3"] }]
+  }
+})({
+  component: (e) => /* @__PURE__ */ n.jsx(l, { ...e, styles: s })
+});
+export {
+  f as Heading3Plugin
+};
+//# sourceMappingURL=heading3Plugin.es.js.map