@frontify/guideline-blocks-settings 3.0.1 → 3.0.3

package/dist/components/Link/helpers/filterDocumentSectionsWithUnreadableTitles.es.js

@@ -1,5 +1,6 @@
-const i = (t) => t.filter((e) => !!e.title?.trim());
-export {
-  i as filterDocumentSectionsWithUnreadableTitles
-};
-//# sourceMappingURL=filterDocumentSectionsWithUnreadableTitles.es.js.map
+//#region src/components/Link/helpers/filterDocumentSectionsWithUnreadableTitles.ts
+var e = (e) => e.filter((e) => !!e.title?.trim());
+//#endregion
+export { e as filterDocumentSectionsWithUnreadableTitles };
+
+//# sourceMappingURL=filterDocumentSectionsWithUnreadableTitles.es.js.map

package/dist/components/Link/helpers/filterDocumentSectionsWithUnreadableTitles.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterDocumentSectionsWithUnreadableTitles.es.js","sources":["../../../../src/components/Link/helpers/filterDocumentSectionsWithUnreadableTitles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type DocumentSection } from '@frontify/app-bridge';\n\nimport { type DocumentSectionWithTitle } from '../types';\n\nexport const filterDocumentSectionsWithUnreadableTitles = (sections: DocumentSection[]) =>\n    sections.filter((section) => !!section.title?.trim()) as DocumentSectionWithTitle[];\n"],"names":["filterDocumentSectionsWithUnreadableTitles","sections","section"],"mappings":"AAMO,MAAMA,IAA6C,CAACC,MACvDA,EAAS,OAAO,CAACC,MAAY,CAAC,CAACA,EAAQ,OAAO,KAAA,CAAM;"}
+{"version":3,"file":"filterDocumentSectionsWithUnreadableTitles.es.js","names":[],"sources":["../../../../src/components/Link/helpers/filterDocumentSectionsWithUnreadableTitles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type DocumentSection } from '@frontify/app-bridge';\n\nimport { type DocumentSectionWithTitle } from '../types';\n\nexport const filterDocumentSectionsWithUnreadableTitles = (sections: DocumentSection[]) =>\n    sections.filter((section) => !!section.title?.trim()) as DocumentSectionWithTitle[];\n"],"mappings":";AAMA,IAAa,KAA8C,MACvD,EAAS,QAAQ,MAAY,CAAC,CAAC,EAAQ,OAAO,KAAK,CAAC"}

package/dist/components/Link/utils/getUrl.es.js

@@ -1,12 +1,10 @@
-import { getAboveNode as o, ELEMENT_LINK as c } from "@frontify/fondue/rte";
-const t = (r, e) => {
-  const n = o(r, { match: { type: c } });
-  return Array.isArray(n) ? e(n[0]) : "";
-}, u = (r) => t(r, (e) => e.chosenLink?.searchResult?.link || ""), L = (r) => t(r, (e) => e.url || ""), s = (r) => r.url || r.chosenLink?.searchResult?.link || "", l = (r) => t(r, s);
-export {
-  u as getLegacyUrl,
-  l as getLinkFromEditor,
-  L as getUrl,
-  s as getUrlFromLinkOrLegacyLink
-};
-//# sourceMappingURL=getUrl.es.js.map
+import { ELEMENT_LINK as e, getAboveNode as t } from "@frontify/fondue/rte";
+//#region src/components/Link/utils/getUrl.ts
+var n = (n, r) => {
+	let i = t(n, { match: { type: e } });
+	return Array.isArray(i) ? r(i[0]) : "";
+}, r = (e) => n(e, (e) => e.chosenLink?.searchResult?.link || ""), i = (e) => n(e, (e) => e.url || ""), a = (e) => e.url || e.chosenLink?.searchResult?.link || "", o = (e) => n(e, a);
+//#endregion
+export { r as getLegacyUrl, o as getLinkFromEditor, i as getUrl, a as getUrlFromLinkOrLegacyLink };
+
+//# sourceMappingURL=getUrl.es.js.map

package/dist/components/Link/utils/getUrl.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getUrl.es.js","sources":["../../../../src/components/Link/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 '../../RichTextEditor/plugins/LinkPlugin/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 getLinkFromEditor = (editor: PlateEditor) => {\n    return getLinkNode(editor, getUrlFromLinkOrLegacyLink);\n};\n"],"names":["getLinkNode","editor","cb","linkNode","getAboveNode","ELEMENT_LINK","getLegacyUrl","link","getUrl","getUrlFromLinkOrLegacyLink","getLinkFromEditor"],"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,GAG1CE,IAA6B,CAACF,MAChCA,EAAK,OAAOA,EAAK,YAAY,cAAc,QAAQ,IAGjDG,IAAoB,CAACT,MACvBD,EAAYC,GAAQQ,CAA0B;"}
+{"version":3,"file":"getUrl.es.js","names":[],"sources":["../../../../src/components/Link/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 '../../RichTextEditor/plugins/LinkPlugin/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 getLinkFromEditor = (editor: PlateEditor) => {\n    return getLinkNode(editor, getUrlFromLinkOrLegacyLink);\n};\n"],"mappings":";;AAMA,IAAM,KAAe,GAAqB,MAA+C;CACrF,IAAM,IAAW,EAA2B,GAAQ,EAAE,OAAO,EAAE,MAAM,EAAa,EAAE,CAAC;CAMrF,OAJK,MAAM,QAAQ,CAAQ,IAIpB,EAAG,EAAS,EAAE,IAHV;AAIf,GAEa,KAAgB,MAClB,EAAY,IAAS,MAAS,EAAK,YAAY,cAAc,QAAQ,EAAE,GAGrE,KAAU,MACZ,EAAY,IAAS,MAAS,EAAK,OAAO,EAAE,GAG1C,KAA8B,MAChC,EAAK,OAAO,EAAK,YAAY,cAAc,QAAQ,IAGjD,KAAqB,MACvB,EAAY,GAAQ,CAA0B"}

package/dist/components/Link/utils/relativeUrlRegex.es.js

@@ -1,5 +1,6 @@
-const e = /^\/(document|r)\/\S+$/i;
-export {
-  e as relativeUrlRegex
-};
-//# sourceMappingURL=relativeUrlRegex.es.js.map
+//#region src/components/Link/utils/relativeUrlRegex.ts
+var e = /^\/(document|r)\/\S+$/i;
+//#endregion
+export { e as relativeUrlRegex };
+
+//# sourceMappingURL=relativeUrlRegex.es.js.map

package/dist/components/Link/utils/relativeUrlRegex.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"relativeUrlRegex.es.js","sources":["../../../../src/components/Link/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;"}
+{"version":3,"file":"relativeUrlRegex.es.js","names":[],"sources":["../../../../src/components/Link/utils/relativeUrlRegex.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const relativeUrlRegex = /^\\/(document|r)\\/\\S+$/i;\n"],"mappings":";AAEA,IAAa,IAAmB"}

package/dist/components/Link/utils/url.es.js

@@ -1,17 +1,21 @@
-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
+import { relativeUrlRegex as e } from "./relativeUrlRegex.es.js";
+import { addHttps as t } from "../../../helpers/addHttps.es.js";
+//#region src/components/Link/utils/url.ts
+var n = (t) => {
+	if (e.test(t)) return !0;
+	try {
+		let e = new URL(t);
+		return [
+			"http:",
+			"https:",
+			"mailto:",
+			"tel:"
+		].includes(e.protocol) && e.pathname !== "";
+	} catch {
+		return !1;
+	}
+}, r = (e) => n(t(e)) || e === "";
+//#endregion
+export { n as isValidUrl, r as isValidUrlOrEmpty };
+
+//# sourceMappingURL=url.es.js.map

package/dist/components/Link/utils/url.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"url.es.js","sources":["../../../../src/components/Link/utils/url.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { addHttps } from '../../../helpers';\n\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 {\n        return false;\n    }\n};\n\nexport const isValidUrlOrEmpty = (url: string): boolean => {\n    return isValidUrl(addHttps(url)) || url === '';\n};\n"],"names":["isValidUrl","url","relativeUrlRegex","parsedUrl","isValidUrlOrEmpty","addHttps"],"mappings":";;AAMO,MAAMA,IAAa,CAACC,MAAgB;AACvC,MAAIC,EAAiB,KAAKD,CAAG;AACzB,WAAO;AAEX,MAAI;AACA,UAAME,IAAY,IAAI,IAAIF,CAAG;AAE7B,WADuB,CAAC,SAAS,UAAU,WAAW,MAAM,EACtC,SAASE,EAAU,QAAQ,KAAKA,EAAU,aAAa;AAAA,EACjF,QAAQ;AACJ,WAAO;AAAA,EACX;AACJ,GAEaC,IAAoB,CAACH,MACvBD,EAAWK,EAASJ,CAAG,CAAC,KAAKA,MAAQ;"}
+{"version":3,"file":"url.es.js","names":[],"sources":["../../../../src/components/Link/utils/url.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { addHttps } from '../../../helpers';\n\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 {\n        return false;\n    }\n};\n\nexport const isValidUrlOrEmpty = (url: string): boolean => {\n    return isValidUrl(addHttps(url)) || url === '';\n};\n"],"mappings":";;;AAMA,IAAa,KAAc,MAAgB;CACvC,IAAI,EAAiB,KAAK,CAAG,GACzB,OAAO;CAEX,IAAI;EACA,IAAM,IAAY,IAAI,IAAI,CAAG;EAE7B,OAAO;GADiB;GAAS;GAAU;GAAW;EAC/C,CAAA,CAAe,SAAS,EAAU,QAAQ,KAAK,EAAU,aAAa;CACjF,QAAQ;EACJ,OAAO;CACX;AACJ,GAEa,KAAqB,MACvB,EAAW,EAAS,CAAG,CAAC,KAAK,MAAQ"}

package/dist/components/RichTextEditor/RichTextEditor.es.js

@@ -1,69 +1,62 @@
-import { jsx as a } from "react/jsx-runtime";
-import { RichTextEditor as C } from "@frontify/fondue/rte";
-import { useRef as R, useState as m, useCallback as c, useEffect as p, memo as V, useId as T } from "react";
-import { useIsInViewport as v } from "../../hooks/useIsInViewport.es.js";
-import { SerializedText as I } from "./SerializedText.es.js";
-import { getResponsiveColumnClasses as P } from "./plugins/ColumnBreakPlugin/helpers.es.js";
-import { floatingButtonSelectors as L, floatingButtonActions as S } from "./plugins/ButtonPlugin/components/FloatingButton/floatingButtonStore.es.js";
-const y = (o) => {
-  L.isOpen(o) && S.reset();
-}, g = V(
-  ({
-    isEnabled: o,
-    value: e,
-    columns: l,
-    gap: r,
-    placeholder: t,
-    plugins: i,
-    onTextChange: s,
-    showSerializedText: d
-  }) => {
-    const E = P(l), [f, h] = m(!1), w = T(), x = c(
-      (n) => {
-        n !== e && s?.(n), h(!1);
-      },
-      [s, e]
-    ), b = c(() => h(!0), []);
-    return p(() => {
-      const n = (u) => {
-        u.preventDefault(), u.returnValue = "Unprocessed changes";
-      };
-      return f && window.addEventListener("beforeunload", n), () => window.removeEventListener("beforeunload", n);
-    }, [f]), o ? /* @__PURE__ */ a(
-      C,
-      {
-        id: w,
-        value: e,
-        border: !1,
-        placeholder: t,
-        plugins: i,
-        onValueChanged: b,
-        onTextChange: x,
-        hideExternalFloatingModals: y,
-        placeholderOpacity: "high"
-      }
-    ) : /* @__PURE__ */ a(
-      I,
-      {
-        value: e,
-        gap: r,
-        customClass: E,
-        show: d,
-        plugins: i
-      }
-    );
-  }
-);
-g.displayName = "InternalRichTextEditor";
-const j = (o) => {
-  const e = R(null), [l, r] = m(!1), { isEditing: t, ...i } = o, s = c((d) => {
-    d && r(!0);
-  }, []);
-  return v({ ref: e, disabled: !t, onChange: s }), p(() => {
-    t || r(!1);
-  }, [t]), /* @__PURE__ */ a("div", { "data-test-id": "rich-text-editor-container", className: "tw-block tw-w-full tw-@container", ref: e, children: /* @__PURE__ */ a(g, { ...i, isEnabled: t && l }) });
+import { useIsInViewport as e } from "../../hooks/useIsInViewport.es.js";
+import { floatingButtonActions as t, floatingButtonSelectors as n } from "./plugins/ButtonPlugin/components/FloatingButton/floatingButtonStore.es.js";
+import { getResponsiveColumnClasses as r } from "./plugins/ColumnBreakPlugin/helpers.es.js";
+import { SerializedText as i } from "./SerializedText.es.js";
+import { memo as a, useCallback as o, useEffect as s, useId as c, useRef as l, useState as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import { RichTextEditor as f } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/RichTextEditor.tsx
+var p = (e) => {
+	n.isOpen(e) && t.reset();
+}, m = a(({ isEnabled: e, value: t, columns: n, gap: a, placeholder: l, plugins: m, onTextChange: h, showSerializedText: g }) => {
+	let _ = r(n), [v, y] = u(!1), b = c(), x = o((e) => {
+		e !== t && h?.(e), y(!1);
+	}, [h, t]), S = o(() => y(!0), []);
+	return s(() => {
+		let e = (e) => {
+			e.preventDefault(), e.returnValue = "Unprocessed changes";
+		};
+		return v && window.addEventListener("beforeunload", e), () => window.removeEventListener("beforeunload", e);
+	}, [v]), e ? /* @__PURE__ */ d(f, {
+		id: b,
+		value: t,
+		border: !1,
+		placeholder: l,
+		plugins: m,
+		onValueChanged: S,
+		onTextChange: x,
+		hideExternalFloatingModals: p,
+		placeholderOpacity: "high"
+	}) : /* @__PURE__ */ d(i, {
+		value: t,
+		gap: a,
+		customClass: _,
+		show: g,
+		plugins: m
+	});
+});
+m.displayName = "InternalRichTextEditor";
+var h = (t) => {
+	let n = l(null), [r, i] = u(!1), { isEditing: a, ...c } = t, f = o((e) => {
+		e && i(!0);
+	}, []);
+	return e({
+		ref: n,
+		disabled: !a,
+		onChange: f
+	}), s(() => {
+		a || i(!1);
+	}, [a]), /* @__PURE__ */ d("div", {
+		"data-test-id": "rich-text-editor-container",
+		className: "tw-block tw-w-full tw-@container",
+		ref: n,
+		children: /* @__PURE__ */ d(m, {
+			...c,
+			isEnabled: a && r
+		})
+	});
 };
-export {
-  j as RichTextEditor
-};
-//# sourceMappingURL=RichTextEditor.es.js.map
+//#endregion
+export { h as RichTextEditor };
+
+//# sourceMappingURL=RichTextEditor.es.js.map

package/dist/components/RichTextEditor/RichTextEditor.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.es.js","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { RichTextEditor as FondueRichTextEditor } from '@frontify/fondue/rte';\nimport { memo, useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport { useIsInViewport } from '../../hooks/useIsInViewport';\n\nimport { SerializedText } from './SerializedText';\nimport { floatingButtonActions, floatingButtonSelectors } from './plugins/ButtonPlugin/components';\nimport { getResponsiveColumnClasses } from './plugins/ColumnBreakPlugin/helpers';\nimport { type RichTextEditorProps } from './types';\n\nconst handleHideExternalFloatingModals = (editorId: string) => {\n    if (floatingButtonSelectors.isOpen(editorId)) {\n        floatingButtonActions.reset();\n    }\n};\n\nconst InternalRichTextEditor = memo(\n    ({\n        isEnabled,\n        value,\n        columns,\n        gap,\n        placeholder,\n        plugins,\n        onTextChange,\n        showSerializedText,\n    }: Omit<RichTextEditorProps, 'isEditing'> & { isEnabled: boolean }) => {\n        const customClass = getResponsiveColumnClasses(columns);\n        const [shouldPreventPageLeave, setShouldPreventPageLeave] = useState(false);\n        const editorId = useId();\n\n        const handleTextChange = useCallback(\n            (newContent: string) => {\n                if (newContent !== value) {\n                    onTextChange?.(newContent);\n                }\n                setShouldPreventPageLeave(false);\n            },\n            [onTextChange, value],\n        );\n\n        const handleValueChange = useCallback(() => setShouldPreventPageLeave(true), []);\n\n        useEffect(() => {\n            const unloadHandler = (event: BeforeUnloadEvent) => {\n                event.preventDefault();\n                event.returnValue = 'Unprocessed changes';\n            };\n\n            if (shouldPreventPageLeave) {\n                window.addEventListener('beforeunload', unloadHandler);\n            }\n\n            return () => window.removeEventListener('beforeunload', unloadHandler);\n        }, [shouldPreventPageLeave]);\n\n        if (isEnabled) {\n            return (\n                <FondueRichTextEditor\n                    id={editorId}\n                    value={value}\n                    border={false}\n                    placeholder={placeholder}\n                    plugins={plugins}\n                    onValueChanged={handleValueChange}\n                    onTextChange={handleTextChange}\n                    hideExternalFloatingModals={handleHideExternalFloatingModals}\n                    placeholderOpacity=\"high\"\n                />\n            );\n        }\n        return (\n            <SerializedText\n                value={value}\n                gap={gap}\n                customClass={customClass}\n                show={showSerializedText}\n                plugins={plugins}\n            />\n        );\n    },\n);\nInternalRichTextEditor.displayName = 'InternalRichTextEditor';\n\nexport const RichTextEditor = (props: RichTextEditorProps) => {\n    const ref = useRef<HTMLDivElement>(null);\n    const [hasEnteredViewport, setHasEnteredViewport] = useState(false);\n\n    const { isEditing, ...internalRteProps } = props;\n\n    const onViewportVisibilityChange = useCallback((isInViewport: boolean) => {\n        if (isInViewport) {\n            setHasEnteredViewport(true);\n        }\n    }, []);\n\n    useIsInViewport({ ref, disabled: !isEditing, onChange: onViewportVisibilityChange });\n\n    useEffect(() => {\n        if (!isEditing) {\n            // eslint-disable-next-line @eslint-react/set-state-in-effect\n            setHasEnteredViewport(false);\n        }\n    }, [isEditing]);\n\n    return (\n        <div data-test-id=\"rich-text-editor-container\" className=\"tw-block tw-w-full tw-@container\" ref={ref}>\n            <InternalRichTextEditor {...internalRteProps} isEnabled={isEditing && hasEnteredViewport} />\n        </div>\n    );\n};\n"],"names":["handleHideExternalFloatingModals","editorId","floatingButtonSelectors","floatingButtonActions","InternalRichTextEditor","memo","isEnabled","value","columns","gap","placeholder","plugins","onTextChange","showSerializedText","customClass","getResponsiveColumnClasses","shouldPreventPageLeave","setShouldPreventPageLeave","useState","useId","handleTextChange","useCallback","newContent","handleValueChange","useEffect","unloadHandler","event","jsx","FondueRichTextEditor","SerializedText","RichTextEditor","props","ref","useRef","hasEnteredViewport","setHasEnteredViewport","isEditing","internalRteProps","onViewportVisibilityChange","isInViewport","useIsInViewport"],"mappings":";;;;;;;AAYA,MAAMA,IAAmC,CAACC,MAAqB;AAC3D,EAAIC,EAAwB,OAAOD,CAAQ,KACvCE,EAAsB,MAAA;AAE9B,GAEMC,IAAyBC;AAAA,EAC3B,CAAC;AAAA,IACG,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,MACmE;AACnE,UAAMC,IAAcC,EAA2BP,CAAO,GAChD,CAACQ,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GACpEjB,IAAWkB,EAAA,GAEXC,IAAmBC;AAAA,MACrB,CAACC,MAAuB;AACpB,QAAIA,MAAef,KACfK,IAAeU,CAAU,GAE7BL,EAA0B,EAAK;AAAA,MACnC;AAAA,MACA,CAACL,GAAcL,CAAK;AAAA,IAAA,GAGlBgB,IAAoBF,EAAY,MAAMJ,EAA0B,EAAI,GAAG,CAAA,CAAE;AAe/E,WAbAO,EAAU,MAAM;AACZ,YAAMC,IAAgB,CAACC,MAA6B;AAChD,QAAAA,EAAM,eAAA,GACNA,EAAM,cAAc;AAAA,MACxB;AAEA,aAAIV,KACA,OAAO,iBAAiB,gBAAgBS,CAAa,GAGlD,MAAM,OAAO,oBAAoB,gBAAgBA,CAAa;AAAA,IACzE,GAAG,CAACT,CAAsB,CAAC,GAEvBV,IAEI,gBAAAqB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACG,IAAI3B;AAAA,QACJ,OAAAM;AAAA,QACA,QAAQ;AAAA,QACR,aAAAG;AAAA,QACA,SAAAC;AAAA,QACA,gBAAgBY;AAAA,QAChB,cAAcH;AAAA,QACd,4BAA4BpB;AAAA,QAC5B,oBAAmB;AAAA,MAAA;AAAA,IAAA,IAK3B,gBAAA2B;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,OAAAtB;AAAA,QACA,KAAAE;AAAA,QACA,aAAAK;AAAA,QACA,MAAMD;AAAA,QACN,SAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AACAP,EAAuB,cAAc;AAE9B,MAAM0B,IAAiB,CAACC,MAA+B;AAC1D,QAAMC,IAAMC,EAAuB,IAAI,GACjC,CAACC,GAAoBC,CAAqB,IAAIjB,EAAS,EAAK,GAE5D,EAAE,WAAAkB,GAAW,GAAGC,EAAA,IAAqBN,GAErCO,IAA6BjB,EAAY,CAACkB,MAA0B;AACtE,IAAIA,KACAJ,EAAsB,EAAI;AAAA,EAElC,GAAG,CAAA,CAAE;AAEL,SAAAK,EAAgB,EAAE,KAAAR,GAAK,UAAU,CAACI,GAAW,UAAUE,GAA4B,GAEnFd,EAAU,MAAM;AACZ,IAAKY,KAEDD,EAAsB,EAAK;AAAA,EAEnC,GAAG,CAACC,CAAS,CAAC,GAGV,gBAAAT,EAAC,OAAA,EAAI,gBAAa,8BAA6B,WAAU,oCAAmC,KAAAK,GACxF,UAAA,gBAAAL,EAACvB,GAAA,EAAwB,GAAGiC,GAAkB,WAAWD,KAAaF,GAAoB,GAC9F;AAER;"}
+{"version":3,"file":"RichTextEditor.es.js","names":[],"sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { RichTextEditor as FondueRichTextEditor } from '@frontify/fondue/rte';\nimport { memo, useCallback, useEffect, useId, useRef, useState } from 'react';\n\nimport { useIsInViewport } from '../../hooks/useIsInViewport';\n\nimport { floatingButtonActions, floatingButtonSelectors } from './plugins/ButtonPlugin/components';\nimport { getResponsiveColumnClasses } from './plugins/ColumnBreakPlugin/helpers';\nimport { SerializedText } from './SerializedText';\nimport { type RichTextEditorProps } from './types';\n\nconst handleHideExternalFloatingModals = (editorId: string) => {\n    if (floatingButtonSelectors.isOpen(editorId)) {\n        floatingButtonActions.reset();\n    }\n};\n\nconst InternalRichTextEditor = memo(\n    ({\n        isEnabled,\n        value,\n        columns,\n        gap,\n        placeholder,\n        plugins,\n        onTextChange,\n        showSerializedText,\n    }: Omit<RichTextEditorProps, 'isEditing'> & { isEnabled: boolean }) => {\n        const customClass = getResponsiveColumnClasses(columns);\n        const [shouldPreventPageLeave, setShouldPreventPageLeave] = useState(false);\n        const editorId = useId();\n\n        const handleTextChange = useCallback(\n            (newContent: string) => {\n                if (newContent !== value) {\n                    onTextChange?.(newContent);\n                }\n                setShouldPreventPageLeave(false);\n            },\n            [onTextChange, value],\n        );\n\n        const handleValueChange = useCallback(() => setShouldPreventPageLeave(true), []);\n\n        useEffect(() => {\n            const unloadHandler = (event: BeforeUnloadEvent) => {\n                event.preventDefault();\n                event.returnValue = 'Unprocessed changes';\n            };\n\n            if (shouldPreventPageLeave) {\n                window.addEventListener('beforeunload', unloadHandler);\n            }\n\n            return () => window.removeEventListener('beforeunload', unloadHandler);\n        }, [shouldPreventPageLeave]);\n\n        if (isEnabled) {\n            return (\n                <FondueRichTextEditor\n                    id={editorId}\n                    value={value}\n                    border={false}\n                    placeholder={placeholder}\n                    plugins={plugins}\n                    onValueChanged={handleValueChange}\n                    onTextChange={handleTextChange}\n                    hideExternalFloatingModals={handleHideExternalFloatingModals}\n                    placeholderOpacity=\"high\"\n                />\n            );\n        }\n        return (\n            <SerializedText\n                value={value}\n                gap={gap}\n                customClass={customClass}\n                show={showSerializedText}\n                plugins={plugins}\n            />\n        );\n    },\n);\nInternalRichTextEditor.displayName = 'InternalRichTextEditor';\n\nexport const RichTextEditor = (props: RichTextEditorProps) => {\n    const ref = useRef<HTMLDivElement>(null);\n    const [hasEnteredViewport, setHasEnteredViewport] = useState(false);\n\n    const { isEditing, ...internalRteProps } = props;\n\n    const onViewportVisibilityChange = useCallback((isInViewport: boolean) => {\n        if (isInViewport) {\n            setHasEnteredViewport(true);\n        }\n    }, []);\n\n    useIsInViewport({ ref, disabled: !isEditing, onChange: onViewportVisibilityChange });\n\n    useEffect(() => {\n        if (!isEditing) {\n            // oxlint-disable-next-line @eslint-react/set-state-in-effect\n            setHasEnteredViewport(false);\n        }\n    }, [isEditing]);\n\n    return (\n        <div data-test-id=\"rich-text-editor-container\" className=\"tw-block tw-w-full tw-@container\" ref={ref}>\n            <InternalRichTextEditor {...internalRteProps} isEnabled={isEditing && hasEnteredViewport} />\n        </div>\n    );\n};\n"],"mappings":";;;;;;;;AAYA,IAAM,KAAoC,MAAqB;CAC3D,AAAI,EAAwB,OAAO,CAAQ,KACvC,EAAsB,MAAM;AAEpC,GAEM,IAAyB,GAC1B,EACG,cACA,UACA,YACA,QACA,gBACA,YACA,iBACA,4BACmE;CACnE,IAAM,IAAc,EAA2B,CAAO,GAChD,CAAC,GAAwB,KAA6B,EAAS,EAAK,GACpE,IAAW,EAAM,GAEjB,IAAmB,GACpB,MAAuB;EAIpB,AAHI,MAAe,KACf,IAAe,CAAU,GAE7B,EAA0B,EAAK;CACnC,GACA,CAAC,GAAc,CAAK,CACxB,GAEM,IAAoB,QAAkB,EAA0B,EAAI,GAAG,CAAC,CAAC;CA8B/E,OA5BA,QAAgB;EACZ,IAAM,KAAiB,MAA6B;GAEhD,AADA,EAAM,eAAe,GACrB,EAAM,cAAc;EACxB;EAMA,OAJI,KACA,OAAO,iBAAiB,gBAAgB,CAAa,SAG5C,OAAO,oBAAoB,gBAAgB,CAAa;CACzE,GAAG,CAAC,CAAsB,CAAC,GAEvB,IAEI,kBAAC,GAAD;EACI,IAAI;EACG;EACP,QAAQ;EACK;EACJ;EACT,gBAAgB;EAChB,cAAc;EACd,4BAA4B;EAC5B,oBAAmB;CACtB,CAAA,IAIL,kBAAC,GAAD;EACW;EACF;EACQ;EACb,MAAM;EACG;CACZ,CAAA;AAET,CACJ;AACA,EAAuB,cAAc;AAErC,IAAa,KAAkB,MAA+B;CAC1D,IAAM,IAAM,EAAuB,IAAI,GACjC,CAAC,GAAoB,KAAyB,EAAS,EAAK,GAE5D,EAAE,cAAW,GAAG,MAAqB,GAErC,IAA6B,GAAa,MAA0B;EACtE,AAAI,KACA,EAAsB,EAAI;CAElC,GAAG,CAAC,CAAC;CAWL,OATA,EAAgB;EAAE;EAAK,UAAU,CAAC;EAAW,UAAU;CAA2B,CAAC,GAEnF,QAAgB;EACZ,AAAK,KAED,EAAsB,EAAK;CAEnC,GAAG,CAAC,CAAS,CAAC,GAGV,kBAAC,OAAD;EAAK,gBAAa;EAA6B,WAAU;EAAwC;EAC7F,UAAA,kBAAC,GAAD;GAAwB,GAAI;GAAkB,WAAW,KAAa;EAAqB,CAAA;CAC1F,CAAA;AAEb"}

package/dist/components/RichTextEditor/SerializedText.es.js

@@ -1,23 +1,26 @@
-import { jsx as s } from "react/jsx-runtime";
-import { serializeRawToHtmlAsync as c } from "@frontify/fondue/rte";
-import { useState as i, useEffect as u } from "react";
-const h = ({ value: e = "", gap: r, customClass: l, show: o = !0, plugins: n }) => {
-  const [t, a] = i(null);
-  return u(() => {
-    (async () => {
-      const m = await c(e, n, void 0, r, l);
-      a(m);
-    })().catch(console.error);
-  }, [e, r, n, l]), !o || t === "<br />" || t === null ? null : /* @__PURE__ */ s(
-    "div",
-    {
-      className: "tw-w-full tw-whitespace-pre-wrap",
-      "data-test-id": "rte-content-html",
-      dangerouslySetInnerHTML: { __html: t }
-    }
-  );
+import { useEffect as e, useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { serializeRawToHtmlAsync as r } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/SerializedText.tsx
+var i = ({ value: i = "", gap: a, customClass: o, show: s = !0, plugins: c }) => {
+	let [l, u] = t(null);
+	return e(() => {
+		(async () => {
+			let e = await r(i, c, void 0, a, o);
+			u(e);
+		})().catch(console.error);
+	}, [
+		i,
+		a,
+		c,
+		o
+	]), !s || l === "<br />" || l === null ? null : /* @__PURE__ */ n("div", {
+		className: "tw-w-full tw-whitespace-pre-wrap",
+		"data-test-id": "rte-content-html",
+		dangerouslySetInnerHTML: { __html: l }
+	});
 };
-export {
-  h as SerializedText
-};
-//# sourceMappingURL=SerializedText.es.js.map
+//#endregion
+export { i as SerializedText };
+
+//# sourceMappingURL=SerializedText.es.js.map

package/dist/components/RichTextEditor/SerializedText.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SerializedText.es.js","sources":["../../../src/components/RichTextEditor/SerializedText.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { serializeRawToHtmlAsync } from '@frontify/fondue/rte';\nimport { useEffect, useState } from 'react';\n\nimport { type SerializedTextProps } from './types';\n\nexport const SerializedText = ({ value = '', gap, customClass, show = true, plugins }: SerializedTextProps) => {\n    const [html, setHtml] = useState<string | null>(null);\n\n    useEffect(() => {\n        const updateHtml = async () => {\n            const htmlContent = await serializeRawToHtmlAsync(value, plugins, undefined, gap, customClass);\n            setHtml(htmlContent);\n        };\n        updateHtml().catch(console.error);\n    }, [value, gap, plugins, customClass]);\n\n    if (!show || html === '<br />' || html === null) {\n        return null;\n    }\n\n    return (\n        <div\n            className=\"tw-w-full tw-whitespace-pre-wrap\"\n            data-test-id=\"rte-content-html\"\n            dangerouslySetInnerHTML={{ __html: html }}\n        />\n    );\n};\n"],"names":["SerializedText","value","gap","customClass","show","plugins","html","setHtml","useState","useEffect","htmlContent","serializeRawToHtmlAsync","jsx"],"mappings":";;;AAOO,MAAMA,IAAiB,CAAC,EAAE,OAAAC,IAAQ,IAAI,KAAAC,GAAK,aAAAC,GAAa,MAAAC,IAAO,IAAM,SAAAC,QAAmC;AAC3G,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAwB,IAAI;AAUpD,SARAC,EAAU,MAAM;AAKZ,KAJmB,YAAY;AAC3B,YAAMC,IAAc,MAAMC,EAAwBV,GAAOI,GAAS,QAAWH,GAAKC,CAAW;AAC7F,MAAAI,EAAQG,CAAW;AAAA,IACvB,KACa,MAAM,QAAQ,KAAK;AAAA,EACpC,GAAG,CAACT,GAAOC,GAAKG,GAASF,CAAW,CAAC,GAEjC,CAACC,KAAQE,MAAS,YAAYA,MAAS,OAChC,OAIP,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,gBAAa;AAAA,MACb,yBAAyB,EAAE,QAAQN,EAAA;AAAA,IAAK;AAAA,EAAA;AAGpD;"}
+{"version":3,"file":"SerializedText.es.js","names":[],"sources":["../../../src/components/RichTextEditor/SerializedText.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { serializeRawToHtmlAsync } from '@frontify/fondue/rte';\nimport { useEffect, useState } from 'react';\n\nimport { type SerializedTextProps } from './types';\n\nexport const SerializedText = ({ value = '', gap, customClass, show = true, plugins }: SerializedTextProps) => {\n    const [html, setHtml] = useState<string | null>(null);\n\n    useEffect(() => {\n        const updateHtml = async () => {\n            const htmlContent = await serializeRawToHtmlAsync(value, plugins, undefined, gap, customClass);\n            setHtml(htmlContent);\n        };\n        updateHtml().catch(console.error);\n    }, [value, gap, plugins, customClass]);\n\n    if (!show || html === '<br />' || html === null) {\n        return null;\n    }\n\n    return (\n        <div\n            className=\"tw-w-full tw-whitespace-pre-wrap\"\n            data-test-id=\"rte-content-html\"\n            dangerouslySetInnerHTML={{ __html: html }}\n        />\n    );\n};\n"],"mappings":";;;;AAOA,IAAa,KAAkB,EAAE,WAAQ,IAAI,QAAK,gBAAa,UAAO,IAAM,iBAAmC;CAC3G,IAAM,CAAC,GAAM,KAAW,EAAwB,IAAI;CAcpD,OAZA,QAAgB;EAKZ,aAJ+B;GAC3B,IAAM,IAAc,MAAM,EAAwB,GAAO,GAAS,KAAA,GAAW,GAAK,CAAW;GAC7F,EAAQ,CAAW;EACvB,EACA,CAAW,CAAC,CAAC,MAAM,QAAQ,KAAK;CACpC,GAAG;EAAC;EAAO;EAAK;EAAS;CAAW,CAAC,GAEjC,CAAC,KAAQ,MAAS,YAAY,MAAS,OAChC,OAIP,kBAAC,OAAD;EACI,WAAU;EACV,gBAAa;EACb,yBAAyB,EAAE,QAAQ,EAAK;CAC3C,CAAA;AAET"}

package/dist/components/RichTextEditor/constants.es.js

@@ -1,5 +1,6 @@
-const t = "--f-theme-settings-";
-export {
-  t as THEME_PREFIX
-};
-//# sourceMappingURL=constants.es.js.map
+//#region src/components/RichTextEditor/constants.ts
+var e = "--f-theme-settings-";
+//#endregion
+export { e as THEME_PREFIX };
+
+//# sourceMappingURL=constants.es.js.map

package/dist/components/RichTextEditor/constants.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.es.js","sources":["../../../src/components/RichTextEditor/constants.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const THEME_PREFIX = '--f-theme-settings-';\n"],"names":["THEME_PREFIX"],"mappings":"AAEO,MAAMA,IAAe;"}
+{"version":3,"file":"constants.es.js","names":[],"sources":["../../../src/components/RichTextEditor/constants.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const THEME_PREFIX = '--f-theme-settings-';\n"],"mappings":";AAEA,IAAa,IAAe"}

package/dist/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js

@@ -1,37 +1,30 @@
-import { PluginComposer as i, SoftBreakPlugin as t, TextStylePlugin as l, BoldPlugin as g, ItalicPlugin as u, UnderlinePlugin as o, StrikethroughPlugin as r, CodePlugin as P, AlignLeftPlugin as w, AlignCenterPlugin as s, AlignRightPlugin as m, AlignJustifyPlugin as f, CheckboxListPlugin as a, ResetFormattingPlugin as d, AutoformatPlugin as p } from "@frontify/fondue/rte";
-import { TextStylePluginsWithoutImage as y, TextStylesWithoutImage as n } from "../plugins/TextStylePlugins/helpers.es.js";
-import { LinkPlugin as h } from "../plugins/LinkPlugin/index.es.js";
-import { ButtonPlugin as T } from "../plugins/ButtonPlugin/createButtonPlugin.es.js";
-import { UnorderedListPlugin as x } from "../plugins/UnorderedListPlugin/index.es.js";
-import { OrderedListPlugin as L } from "../plugins/OrderedListPlugin/index.es.js";
-const I = (e) => new i().setPlugin(
-  new t(),
-  new l({
-    textStyles: y
-  })
-).setPlugin(
-  [
-    new g(),
-    new u(),
-    new o(),
-    new r(),
-    new h({ appBridge: e }),
-    new T({ appBridge: e }),
-    new P()
-  ],
-  [
-    new w({ validTypes: n }),
-    new s({ validTypes: n }),
-    new m({ validTypes: n }),
-    new f({ validTypes: n }),
-    new x(),
-    new a(),
-    new L(),
-    new d(),
-    new p()
-  ]
-);
-export {
-  I as getDefaultPluginsWithLinkChooser
-};
-//# sourceMappingURL=defaultPluginsWithLinkChooser.es.js.map
+import { ButtonPlugin as e } from "../plugins/ButtonPlugin/createButtonPlugin.es.js";
+import { LinkPlugin as t } from "../plugins/LinkPlugin/index.es.js";
+import { TextStylePluginsWithoutImage as n, TextStylesWithoutImage as r } from "../plugins/TextStylePlugins/helpers.es.js";
+import { UnorderedListPlugin as i } from "../plugins/UnorderedListPlugin/index.es.js";
+import { OrderedListPlugin as a } from "../plugins/OrderedListPlugin/index.es.js";
+import { AlignCenterPlugin as o, AlignJustifyPlugin as s, AlignLeftPlugin as c, AlignRightPlugin as l, AutoformatPlugin as u, BoldPlugin as d, CheckboxListPlugin as f, CodePlugin as p, ItalicPlugin as m, PluginComposer as h, ResetFormattingPlugin as g, SoftBreakPlugin as _, StrikethroughPlugin as v, TextStylePlugin as y, UnderlinePlugin as b } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.tsx
+var x = (x) => new h().setPlugin(new _(), new y({ textStyles: n })).setPlugin([
+	new d(),
+	new m(),
+	new b(),
+	new v(),
+	new t({ appBridge: x }),
+	new e({ appBridge: x }),
+	new p()
+], [
+	new c({ validTypes: r }),
+	new o({ validTypes: r }),
+	new l({ validTypes: r }),
+	new s({ validTypes: r }),
+	new i(),
+	new f(),
+	new a(),
+	new g(),
+	new u()
+]);
+//#endregion
+export { x as getDefaultPluginsWithLinkChooser };
+
+//# sourceMappingURL=defaultPluginsWithLinkChooser.es.js.map

package/dist/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultPluginsWithLinkChooser.es.js","sources":["../../../../src/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    AlignCenterPlugin,\n    AlignJustifyPlugin,\n    AlignLeftPlugin,\n    AlignRightPlugin,\n    AutoformatPlugin,\n    BoldPlugin,\n    CheckboxListPlugin,\n    CodePlugin,\n    ItalicPlugin,\n    PluginComposer,\n    ResetFormattingPlugin,\n    SoftBreakPlugin,\n    StrikethroughPlugin,\n    TextStylePlugin,\n    UnderlinePlugin,\n} from '@frontify/fondue/rte';\n\nimport {\n    ButtonPlugin,\n    LinkPlugin,\n    OrderedListPlugin,\n    TextStylePluginsWithoutImage,\n    TextStylesWithoutImage,\n    UnorderedListPlugin,\n} from '../plugins';\n\nexport const getDefaultPluginsWithLinkChooser = (appBridge: AppBridgeBlock) => {\n    return new PluginComposer()\n        .setPlugin(\n            new SoftBreakPlugin(),\n            new TextStylePlugin({\n                textStyles: TextStylePluginsWithoutImage,\n            }),\n        )\n        .setPlugin(\n            [\n                new BoldPlugin(),\n                new ItalicPlugin(),\n                new UnderlinePlugin(),\n                new StrikethroughPlugin(),\n                new LinkPlugin({ appBridge }),\n                new ButtonPlugin({ appBridge }),\n                new CodePlugin(),\n            ],\n            [\n                new AlignLeftPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignCenterPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignRightPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignJustifyPlugin({ validTypes: TextStylesWithoutImage }),\n                new UnorderedListPlugin(),\n                new CheckboxListPlugin(),\n                new OrderedListPlugin(),\n                new ResetFormattingPlugin(),\n                new AutoformatPlugin(),\n            ],\n        );\n};\n"],"names":["getDefaultPluginsWithLinkChooser","appBridge","PluginComposer","SoftBreakPlugin","TextStylePlugin","TextStylePluginsWithoutImage","BoldPlugin","ItalicPlugin","UnderlinePlugin","StrikethroughPlugin","LinkPlugin","ButtonPlugin","CodePlugin","AlignLeftPlugin","TextStylesWithoutImage","AlignCenterPlugin","AlignRightPlugin","AlignJustifyPlugin","UnorderedListPlugin","CheckboxListPlugin","OrderedListPlugin","ResetFormattingPlugin","AutoformatPlugin"],"mappings":";;;;;;AA8BO,MAAMA,IAAmC,CAACC,MACtC,IAAIC,IACN;AAAA,EACG,IAAIC,EAAA;AAAA,EACJ,IAAIC,EAAgB;AAAA,IAChB,YAAYC;AAAA,EAAA,CACf;AAAA,EAEJ;AAAA,EACG;AAAA,IACI,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAW,EAAE,WAAAT,GAAW;AAAA,IAC5B,IAAIU,EAAa,EAAE,WAAAV,GAAW;AAAA,IAC9B,IAAIW,EAAA;AAAA,EAAW;AAAA,EAEnB;AAAA,IACI,IAAIC,EAAgB,EAAE,YAAYC,GAAwB;AAAA,IAC1D,IAAIC,EAAkB,EAAE,YAAYD,GAAwB;AAAA,IAC5D,IAAIE,EAAiB,EAAE,YAAYF,GAAwB;AAAA,IAC3D,IAAIG,EAAmB,EAAE,YAAYH,GAAwB;AAAA,IAC7D,IAAII,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,IACJ,IAAIC,EAAA;AAAA,EAAiB;AACzB;"}
+{"version":3,"file":"defaultPluginsWithLinkChooser.es.js","names":[],"sources":["../../../../src/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    AlignCenterPlugin,\n    AlignJustifyPlugin,\n    AlignLeftPlugin,\n    AlignRightPlugin,\n    AutoformatPlugin,\n    BoldPlugin,\n    CheckboxListPlugin,\n    CodePlugin,\n    ItalicPlugin,\n    PluginComposer,\n    ResetFormattingPlugin,\n    SoftBreakPlugin,\n    StrikethroughPlugin,\n    TextStylePlugin,\n    UnderlinePlugin,\n} from '@frontify/fondue/rte';\n\nimport {\n    ButtonPlugin,\n    LinkPlugin,\n    OrderedListPlugin,\n    TextStylePluginsWithoutImage,\n    TextStylesWithoutImage,\n    UnorderedListPlugin,\n} from '../plugins';\n\nexport const getDefaultPluginsWithLinkChooser = (appBridge: AppBridgeBlock) => {\n    return new PluginComposer()\n        .setPlugin(\n            new SoftBreakPlugin(),\n            new TextStylePlugin({\n                textStyles: TextStylePluginsWithoutImage,\n            }),\n        )\n        .setPlugin(\n            [\n                new BoldPlugin(),\n                new ItalicPlugin(),\n                new UnderlinePlugin(),\n                new StrikethroughPlugin(),\n                new LinkPlugin({ appBridge }),\n                new ButtonPlugin({ appBridge }),\n                new CodePlugin(),\n            ],\n            [\n                new AlignLeftPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignCenterPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignRightPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignJustifyPlugin({ validTypes: TextStylesWithoutImage }),\n                new UnorderedListPlugin(),\n                new CheckboxListPlugin(),\n                new OrderedListPlugin(),\n                new ResetFormattingPlugin(),\n                new AutoformatPlugin(),\n            ],\n        );\n};\n"],"mappings":";;;;;;;AA8BA,IAAa,KAAoC,MACtC,IAAI,EAAe,CAAC,CACtB,UACG,IAAI,EAAgB,GACpB,IAAI,EAAgB,EAChB,YAAY,EAChB,CAAC,CACL,CAAC,CACA,UACG;CACI,IAAI,EAAW;CACf,IAAI,EAAa;CACjB,IAAI,EAAgB;CACpB,IAAI,EAAoB;CACxB,IAAI,EAAW,EAAE,aAAU,CAAC;CAC5B,IAAI,EAAa,EAAE,aAAU,CAAC;CAC9B,IAAI,EAAW;AACnB,GACA;CACI,IAAI,EAAgB,EAAE,YAAY,EAAuB,CAAC;CAC1D,IAAI,EAAkB,EAAE,YAAY,EAAuB,CAAC;CAC5D,IAAI,EAAiB,EAAE,YAAY,EAAuB,CAAC;CAC3D,IAAI,EAAmB,EAAE,YAAY,EAAuB,CAAC;CAC7D,IAAI,EAAoB;CACxB,IAAI,EAAmB;CACvB,IAAI,EAAkB;CACtB,IAAI,EAAsB;CAC1B,IAAI,EAAiB;AACzB,CACJ"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.es.js

@@ -1,40 +1,32 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useState as a } from "react";
-import { BlockButtonStyles as c } from "../utils/styles.es.js";
-const v = (e) => {
-  const { attributes: t, children: o } = e, r = e.element.url || e.element.chosenLink?.searchResult?.link || "", l = e.element.target || "_self", n = String(e.element.buttonStyle) || "primary";
-  return /* @__PURE__ */ u(
-    m,
-    {
-      attributes: t,
-      href: r,
-      target: l,
-      styles: c[`button${n.charAt(0).toUpperCase() + n.slice(1)}`],
-      children: o
-    }
-  );
-}, m = ({
-  attributes: e,
-  styles: t = { hover: {} },
-  children: o,
-  href: r = "#",
-  target: l
-}) => {
-  const [n, s] = a(!1);
-  return /* @__PURE__ */ u(
-    "a",
-    {
-      ...e,
-      onMouseEnter: () => s(!0),
-      onMouseLeave: () => s(!1),
-      href: r,
-      target: l,
-      style: n ? { ...t, ...t.hover } : t,
-      children: o
-    }
-  );
+import { BlockButtonStyles as e } from "../utils/styles.es.js";
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.tsx
+var r = (t) => {
+	let { attributes: r, children: a } = t, o = t.element.url || t.element.chosenLink?.searchResult?.link || "", s = t.element.target || "_self", c = String(t.element.buttonStyle) || "primary";
+	return /* @__PURE__ */ n(i, {
+		attributes: r,
+		href: o,
+		target: s,
+		styles: e[`button${c.charAt(0).toUpperCase() + c.slice(1)}`],
+		children: a
+	});
+}, i = ({ attributes: e, styles: r = { hover: {} }, children: i, href: a = "#", target: o }) => {
+	let [s, c] = t(!1);
+	return /* @__PURE__ */ n("a", {
+		...e,
+		onMouseEnter: () => c(!0),
+		onMouseLeave: () => c(!1),
+		href: a,
+		target: o,
+		style: s ? {
+			...r,
+			...r.hover
+		} : r,
+		children: i
+	});
 };
-export {
-  v as ButtonMarkupElementNode
-};
-//# sourceMappingURL=ButtonMarkupElementNode.es.js.map
+//#endregion
+export { r as ButtonMarkupElementNode };
+
+//# sourceMappingURL=ButtonMarkupElementNode.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateRenderElementProps, type Value } from '@frontify/fondue/rte';\nimport { type CSSProperties, type HTMLAttributeAnchorTarget, type ReactElement, type ReactNode, useState } from 'react';\n\nimport { type TButtonElement } from '../types';\nimport { BlockButtonStyles } from '../utils';\n\nexport type ButtonRootProps = PlateRenderElementProps<Value, TButtonElement>;\n\nexport const ButtonMarkupElementNode = (props: ButtonRootProps) => {\n    const { attributes, children } = props;\n    const href = props.element.url || props.element.chosenLink?.searchResult?.link || '';\n    const target = props.element.target || '_self';\n    const buttonStyle = String(props.element.buttonStyle) || 'primary';\n    return (\n        <HoverableButtonLink\n            attributes={attributes}\n            href={href}\n            target={target}\n            styles={BlockButtonStyles[`button${buttonStyle.charAt(0).toUpperCase() + buttonStyle.slice(1)}`]}\n        >\n            {children}\n        </HoverableButtonLink>\n    );\n};\n\ntype Props = {\n    attributes: ButtonRootProps['attributes'];\n    children: ReactNode;\n    styles?: CSSProperties & { hover?: CSSProperties };\n    href?: string;\n    target?: HTMLAttributeAnchorTarget;\n};\n\nconst HoverableButtonLink = ({\n    attributes,\n    styles = { hover: {} },\n    children,\n    href = '#',\n    target,\n}: Props): ReactElement => {\n    const [hovered, setHovered] = useState(false);\n\n    return (\n        <a\n            {...attributes}\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            href={href}\n            target={target}\n            style={hovered ? { ...styles, ...styles.hover } : styles}\n        >\n            {children}\n        </a>\n    );\n};\n"],"names":["ButtonMarkupElementNode","props","attributes","children","href","target","buttonStyle","jsx","HoverableButtonLink","BlockButtonStyles","styles","hovered","setHovered","useState"],"mappings":";;;AAUO,MAAMA,IAA0B,CAACC,MAA2B;AAC/D,QAAM,EAAE,YAAAC,GAAY,UAAAC,EAAA,IAAaF,GAC3BG,IAAOH,EAAM,QAAQ,OAAOA,EAAM,QAAQ,YAAY,cAAc,QAAQ,IAC5EI,IAASJ,EAAM,QAAQ,UAAU,SACjCK,IAAc,OAAOL,EAAM,QAAQ,WAAW,KAAK;AACzD,SACI,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAAN;AAAA,MACA,MAAAE;AAAA,MACA,QAAAC;AAAA,MACA,QAAQI,EAAkB,SAASH,EAAY,OAAO,CAAC,EAAE,YAAA,IAAgBA,EAAY,MAAM,CAAC,CAAC,EAAE;AAAA,MAE9F,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGb,GAUMK,IAAsB,CAAC;AAAA,EACzB,YAAAN;AAAA,EACA,QAAAQ,IAAS,EAAE,OAAO,GAAC;AAAA,EACnB,UAAAP;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,QAAAC;AACJ,MAA2B;AACvB,QAAM,CAACM,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SACI,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGL;AAAA,MACJ,cAAc,MAAMU,EAAW,EAAI;AAAA,MACnC,cAAc,MAAMA,EAAW,EAAK;AAAA,MACpC,MAAAR;AAAA,MACA,QAAAC;AAAA,MACA,OAAOM,IAAU,EAAE,GAAGD,GAAQ,GAAGA,EAAO,UAAUA;AAAA,MAEjD,UAAAP;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"ButtonMarkupElementNode.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateRenderElementProps, type Value } from '@frontify/fondue/rte';\nimport { type CSSProperties, type HTMLAttributeAnchorTarget, type ReactElement, type ReactNode, useState } from 'react';\n\nimport { type TButtonElement } from '../types';\nimport { BlockButtonStyles } from '../utils';\n\nexport type ButtonRootProps = PlateRenderElementProps<Value, TButtonElement>;\n\nexport const ButtonMarkupElementNode = (props: ButtonRootProps) => {\n    const { attributes, children } = props;\n    const href = props.element.url || props.element.chosenLink?.searchResult?.link || '';\n    const target = props.element.target || '_self';\n    const buttonStyle = String(props.element.buttonStyle) || 'primary';\n    return (\n        <HoverableButtonLink\n            attributes={attributes}\n            href={href}\n            target={target}\n            styles={BlockButtonStyles[`button${buttonStyle.charAt(0).toUpperCase() + buttonStyle.slice(1)}`]}\n        >\n            {children}\n        </HoverableButtonLink>\n    );\n};\n\ntype Props = {\n    attributes: ButtonRootProps['attributes'];\n    children: ReactNode;\n    styles?: CSSProperties & { hover?: CSSProperties };\n    href?: string;\n    target?: HTMLAttributeAnchorTarget;\n};\n\nconst HoverableButtonLink = ({\n    attributes,\n    styles = { hover: {} },\n    children,\n    href = '#',\n    target,\n}: Props): ReactElement => {\n    const [hovered, setHovered] = useState(false);\n\n    return (\n        <a\n            {...attributes}\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            href={href}\n            target={target}\n            style={hovered ? { ...styles, ...styles.hover } : styles}\n        >\n            {children}\n        </a>\n    );\n};\n"],"mappings":";;;;AAUA,IAAa,KAA2B,MAA2B;CAC/D,IAAM,EAAE,eAAY,gBAAa,GAC3B,IAAO,EAAM,QAAQ,OAAO,EAAM,QAAQ,YAAY,cAAc,QAAQ,IAC5E,IAAS,EAAM,QAAQ,UAAU,SACjC,IAAc,OAAO,EAAM,QAAQ,WAAW,KAAK;CACzD,OACI,kBAAC,GAAD;EACgB;EACN;EACE;EACR,QAAQ,EAAkB,SAAS,EAAY,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,EAAY,MAAM,CAAC;EAE3F;CACgB,CAAA;AAE7B,GAUM,KAAuB,EACzB,eACA,YAAS,EAAE,OAAO,CAAC,EAAE,GACrB,aACA,UAAO,KACP,gBACuB;CACvB,IAAM,CAAC,GAAS,KAAc,EAAS,EAAK;CAE5C,OACI,kBAAC,KAAD;EACI,GAAI;EACJ,oBAAoB,EAAW,EAAI;EACnC,oBAAoB,EAAW,EAAK;EAC9B;EACE;EACR,OAAO,IAAU;GAAE,GAAG;GAAQ,GAAG,EAAO;EAAM,IAAI;EAEjD;CACF,CAAA;AAEX"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.es.js

@@ -1,12 +1,13 @@
-import { MarkupElement as o } from "@frontify/fondue/rte";
-import { ELEMENT_BUTTON as e } from "../createButtonPlugin.es.js";
-import { ButtonMarkupElementNode as m } from "./ButtonMarkupElementNode.es.js";
-class s extends o {
-  constructor(t = e, r = m) {
-    super(t, r);
-  }
-}
-export {
-  s as ButtonMarkupElement
+import { ButtonMarkupElementNode as e } from "./ButtonMarkupElementNode.es.js";
+import { ELEMENT_BUTTON as t } from "../createButtonPlugin.es.js";
+import { MarkupElement as n } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.ts
+var r = class extends n {
+	constructor(n = t, r = e) {
+		super(n, r);
+	}
 };
-//# sourceMappingURL=index.es.js.map
+//#endregion
+export { r as ButtonMarkupElement };
+
+//# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MarkupElement } from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\nimport { ButtonMarkupElementNode } from './ButtonMarkupElementNode';\n\nexport class ButtonMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_BUTTON, node = ButtonMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"names":["ButtonMarkupElement","MarkupElement","id","ELEMENT_BUTTON","node","ButtonMarkupElementNode"],"mappings":";;;AAQO,MAAMA,UAA4BC,EAAc;AAAA,EACnD,YAAYC,IAAKC,GAAgBC,IAAOC,GAAyB;AAC7D,UAAMH,GAAIE,CAAI;AAAA,EAClB;AACJ;"}
+{"version":3,"file":"index.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MarkupElement } from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\nimport { ButtonMarkupElementNode } from './ButtonMarkupElementNode';\n\nexport class ButtonMarkupElement extends MarkupElement {\n    constructor(id = ELEMENT_BUTTON, node = ButtonMarkupElementNode) {\n        super(id, node);\n    }\n}\n"],"mappings":";;;;AAQA,IAAa,IAAb,cAAyC,EAAc;CACnD,YAAY,IAAK,GAAgB,IAAO,GAAyB;EAC7D,MAAM,GAAI,CAAI;CAClB;AACJ"}