@frontify/guideline-blocks-settings 1.0.13-alpha.2 → 1.0.13-alpha.3

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

@@ -1,20 +1,18 @@
-import { getAboveNode as i } from "../../../node_modules/.pnpm/@udecode_slate@31.0.0_slate-history@0.100.0_slate@0.102.0__slate@0.102.0/node_modules/@udecode/slate/dist/index.es.js";
-import { ELEMENT_LINK as c } from "../../../node_modules/.pnpm/@udecode_plate-link@31.0.0_@udecode_plate-common@36.5.9_@types_react@18.3.27_immer@10.1_52cadffbbd4957c8e8b355b0eb7b3dec/node_modules/@udecode/plate-link/dist/index.es.js";
-import "../../../node_modules/.pnpm/@udecode_zustood@2.0.0_react-dom@18.3.1_react@18.3.1__react-native@0.74.2_@babel_core@7_60421d597fce5528a24e6c32ee26ff05/node_modules/@udecode/zustood/dist/index.es.es.js";
-const n = (r, t) => {
-  const e = i(r, { match: { type: c } });
-  return Array.isArray(e) ? t(e[0]) : "";
-}, g = (r) => n(r, (t) => {
-  var e, o;
-  return ((o = (e = t.chosenLink) == null ? void 0 : e.searchResult) == null ? void 0 : o.link) || "";
-}), k = (r) => n(r, (t) => t.url || ""), s = (r) => {
-  var t, e;
-  return r.url || ((e = (t = r.chosenLink) == null ? void 0 : t.searchResult) == null ? void 0 : e.link) || "";
-}, m = (r) => n(r, s);
+import { getAboveNode as c, ELEMENT_LINK as s } from "@frontify/fondue/rte";
+const n = (r, e) => {
+  const t = c(r, { match: { type: s } });
+  return Array.isArray(t) ? e(t[0]) : "";
+}, L = (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 {
-  g as getLegacyUrl,
-  m as getLinkFromEditor,
-  k as getUrl,
-  s as getUrlFromLinkOrLegacyLink
+  L as getLegacyUrl,
+  g as getLinkFromEditor,
+  l as getUrl,
+  i 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","_b","_a","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,MAAA;;AAAS,WAAAC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAAA,CAAE,GAGrEE,IAAS,CAACT,MACZD,EAAYC,GAAQ,CAACM,MAASA,EAAK,OAAO,EAAE,GAG1CI,IAA6B,CAACJ,MAA+B;;AACtE,SAAOA,EAAK,SAAOC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAC9D,GAEaI,IAAoB,CAACX,MACvBD,EAAYC,GAAQU,CAA0B;"}
+{"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","_b","_a","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,MAAA;;AAAS,WAAAC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAAA,CAAE,GAGrEE,IAAS,CAACT,MACZD,EAAYC,GAAQ,CAACM,MAASA,EAAK,OAAO,EAAE,GAG1CI,IAA6B,CAACJ,MAA+B;;AACtE,SAAOA,EAAK,SAAOC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAC9D,GAEaI,IAAoB,CAACX,MACvBD,EAAYC,GAAQU,CAA0B;"}

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

@@ -1,14 +1,13 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useRef as x, useState as p, useCallback as c, useEffect as h, memo as R, useId as v } from "react";
-import { useIsInViewport as I } from "../../hooks/useIsInViewport.es.js";
-import { SerializedText as P } from "./SerializedText.es.js";
-import { getResponsiveColumnClasses as C } from "./plugins/ColumnBreakPlugin/helpers.es.js";
-import { RichTextEditor as L } from "../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/RichTextEditor.es.es.js";
-import "../../node_modules/.pnpm/@udecode_zustood@2.0.0_react-dom@18.3.1_react@18.3.1__react-native@0.74.2_@babel_core@7_60421d597fce5528a24e6c32ee26ff05/node_modules/@udecode/zustood/dist/index.es.es.js";
-import { floatingButtonSelectors as S, floatingButtonActions as k } from "./plugins/ButtonPlugin/components/FloatingButton/floatingButtonStore.es.js";
-const y = (r) => {
-  S.isOpen(r) && k.reset();
-}, E = R(
+import { RichTextEditor as R } from "@frontify/fondue/rte";
+import { useRef as V, useState as h, useCallback as c, useEffect as p, memo as v, useId as I } from "react";
+import { useIsInViewport as P } from "../../hooks/useIsInViewport.es.js";
+import { SerializedText as C } from "./SerializedText.es.js";
+import { getResponsiveColumnClasses as L } from "./plugins/ColumnBreakPlugin/helpers.es.js";
+import { floatingButtonSelectors as S, floatingButtonActions as y } from "./plugins/ButtonPlugin/components/FloatingButton/floatingButtonStore.es.js";
+const H = (r) => {
+  S.isOpen(r) && y.reset();
+}, E = v(
   ({
     isEnabled: r,
     value: e,
@@ -19,32 +18,32 @@ const y = (r) => {
     onTextChange: o,
     showSerializedText: d
   }) => {
-    const w = C(l), [f, u] = p(!1), g = v(), b = c(
+    const w = L(l), [f, u] = h(!1), g = I(), b = c(
       (i) => {
         i !== e && (o == null || o(i)), u(!1);
       },
       [o, e]
-    ), V = c(() => u(!0), []);
-    return h(() => {
+    ), x = c(() => u(!0), []);
+    return p(() => {
       const i = (m) => {
         m.preventDefault(), m.returnValue = "Unprocessed changes";
       };
       return f && window.addEventListener("beforeunload", i), () => window.removeEventListener("beforeunload", i);
     }, [f]), r ? /* @__PURE__ */ a(
-      L,
+      R,
       {
         id: g,
         value: e,
         border: !1,
         placeholder: t,
         plugins: s,
-        onValueChanged: V,
+        onValueChanged: x,
         onTextChange: b,
-        hideExternalFloatingModals: y,
+        hideExternalFloatingModals: H,
         placeholderOpacity: "high"
       }
     ) : /* @__PURE__ */ a(
-      P,
+      C,
       {
         value: e,
         gap: n,
@@ -56,15 +55,15 @@ const y = (r) => {
   }
 );
 E.displayName = "InternalRichTextEditor";
-const z = (r) => {
-  const e = x(null), [l, n] = p(!1), { isEditing: t, ...s } = r, o = c((d) => {
+const j = (r) => {
+  const e = V(null), [l, n] = h(!1), { isEditing: t, ...s } = r, o = c((d) => {
     d && n(!0);
   }, []);
-  return I({ ref: e, disabled: !t, onChange: o }), h(() => {
+  return P({ ref: e, disabled: !t, onChange: o }), p(() => {
     t || n(!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(E, { ...s, isEnabled: t && l }) });
 };
 export {
-  z as RichTextEditor
+  j 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 react-hooks/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,MACfK,KAAA,QAAAA,EAAeU,KAEnBL,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","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 react-hooks/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,MACfK,KAAA,QAAAA,EAAeU,KAEnBL,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;"}

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

@@ -1,15 +1,14 @@
 import { jsx as s } from "react/jsx-runtime";
-import { useState as i, useEffect as c } from "react";
-import { serializeRawToHtmlAsync as u } from "../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/serializer/serializeToHtml.es.es.js";
-import "../../node_modules/.pnpm/@udecode_zustood@2.0.0_react-dom@18.3.1_react@18.3.1__react-native@0.74.2_@babel_core@7_60421d597fce5528a24e6c32ee26ff05/node_modules/@udecode/zustood/dist/index.es.es.js";
-const H = ({ value: e = "", gap: r, customClass: o, show: n = !0, plugins: l }) => {
+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 c(() => {
+  return u(() => {
     (async () => {
-      const m = await u(e, l, void 0, r, o);
+      const m = await c(e, n, void 0, r, l);
       a(m);
     })().catch(console.error);
-  }, [e, r, l, o]), !n || t === "<br />" || t === null ? null : /* @__PURE__ */ s(
+  }, [e, r, n, l]), !o || t === "<br />" || t === null ? null : /* @__PURE__ */ s(
     "div",
     {
       className: "tw-w-full tw-whitespace-pre-wrap",
@@ -19,6 +18,6 @@ const H = ({ value: e = "", gap: r, customClass: o, show: n = !0, plugins: l })
   );
 };
 export {
-  H as SerializedText
+  h 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","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;"}

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

@@ -1,52 +1,35 @@
-import { PluginComposer as o } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/PluginComposer.es.es.js";
-import { AlignCenterPlugin as n } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/AlignPlugin/AlignCenterPlugin/index.es.es.js";
-import { AlignLeftPlugin as r } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/AlignPlugin/AlignLeftPlugin/index.es.es.js";
-import { AlignJustifyPlugin as e } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/AlignPlugin/AlignJustifyPlugin/index.es.es.js";
-import { AlignRightPlugin as m } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/AlignPlugin/AlignRightPlugin/index.es.es.js";
-import { AutoformatPlugin as l } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/AutoformatPlugin/index.es.es.js";
-import { CheckboxListPlugin as s } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/CheckboxListPlugin/index.es.es.js";
-import { SoftBreakPlugin as u } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/SoftBreakPlugin/index.es.es.js";
-import { BoldPlugin as g } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/MarkPlugin/BoldPlugin/index.es.es.js";
-import { CodePlugin as a } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/MarkPlugin/CodePlugin/index.es.es.js";
-import { ItalicPlugin as p } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/MarkPlugin/ItalicPlugin/index.es.es.js";
-import { StrikethroughPlugin as f } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/MarkPlugin/StrikethroughPlugin/index.es.es.js";
-import { UnderlinePlugin as P } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/MarkPlugin/UnderlinePlugin/index.es.es.js";
-import { OrderedListPlugin as w } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/ListPlugin/OrderedListPlugin/index.es.es.js";
-import { UnorderedListPlugin as d } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/ListPlugin/UnorderedListPlugin/index.es.es.js";
-import { ResetFormattingPlugin as h } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/ResetFormattingPlugin/index.es.es.js";
-import { TextStylePlugin as y } from "../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/TextStylePlugin/index.es.es.js";
-import "../../../node_modules/.pnpm/@udecode_zustood@2.0.0_react-dom@18.3.1_react@18.3.1__react-native@0.74.2_@babel_core@7_60421d597fce5528a24e6c32ee26ff05/node_modules/@udecode/zustood/dist/index.es.es.js";
-import { TextStylePluginsWithoutImage as L, TextStylesWithoutImage as i } from "../plugins/TextStylePlugins/helpers.es.js";
-import { LinkPlugin as S } from "../plugins/LinkPlugin/index.es.js";
-import { ButtonPlugin as T } from "../plugins/ButtonPlugin/createButtonPlugin.es.js";
-const z = (t) => new o().setPlugin(
-  new u(),
-  new y({
-    textStyles: L
+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 a, UnorderedListPlugin as d, CheckboxListPlugin as f, OrderedListPlugin as y, ResetFormattingPlugin as h, AutoformatPlugin as p } from "@frontify/fondue/rte";
+import { TextStylePluginsWithoutImage as T, TextStylesWithoutImage as n } from "../plugins/TextStylePlugins/helpers.es.js";
+import { LinkPlugin as x } from "../plugins/LinkPlugin/index.es.js";
+import { ButtonPlugin as L } from "../plugins/ButtonPlugin/createButtonPlugin.es.js";
+const v = (e) => new i().setPlugin(
+  new t(),
+  new l({
+    textStyles: T
   })
 ).setPlugin(
   [
     new g(),
-    new p(),
-    new P(),
-    new f(),
-    new S({ appBridge: t }),
-    new T({ appBridge: t }),
-    new a()
+    new u(),
+    new o(),
+    new r(),
+    new x({ appBridge: e }),
+    new L({ appBridge: e }),
+    new P()
   ],
   [
-    new r({ validTypes: i }),
-    new n({ validTypes: i }),
-    new m({ validTypes: i }),
-    new e({ validTypes: i }),
+    new w({ validTypes: n }),
+    new s({ validTypes: n }),
+    new m({ validTypes: n }),
+    new a({ validTypes: n }),
     new d(),
-    new s(),
-    new w(),
+    new f(),
+    new y(),
     new h(),
-    new l()
+    new p()
   ]
 );
 export {
-  z as getDefaultPluginsWithLinkChooser
+  v 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    OrderedListPlugin,\n    PluginComposer,\n    ResetFormattingPlugin,\n    SoftBreakPlugin,\n    StrikethroughPlugin,\n    TextStylePlugin,\n    UnderlinePlugin,\n    UnorderedListPlugin,\n} from '@frontify/fondue/rte';\n\nimport { ButtonPlugin, LinkPlugin, TextStylePluginsWithoutImage, TextStylesWithoutImage } 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":";;;;;;;;;;;;;;;;;;;;;AAyBO,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","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    OrderedListPlugin,\n    PluginComposer,\n    ResetFormattingPlugin,\n    SoftBreakPlugin,\n    StrikethroughPlugin,\n    TextStylePlugin,\n    UnderlinePlugin,\n    UnorderedListPlugin,\n} from '@frontify/fondue/rte';\n\nimport { ButtonPlugin, LinkPlugin, TextStylePluginsWithoutImage, TextStylesWithoutImage } 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":";;;;AAyBO,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;"}

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

@@ -1,13 +1,12 @@
-import { ELEMENT_BUTTON as o } from "../createButtonPlugin.es.js";
-import { ButtonMarkupElementNode as e } from "./ButtonMarkupElementNode.es.js";
-import { MarkupElement as m } from "../../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/Plugins/MarkupElement.es.es.js";
-import "../../../../../node_modules/.pnpm/@udecode_zustood@2.0.0_react-dom@18.3.1_react@18.3.1__react-native@0.74.2_@babel_core@7_60421d597fce5528a24e6c32ee26ff05/node_modules/@udecode/zustood/dist/index.es.es.js";
-class a extends m {
-  constructor(t = o, r = e) {
+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 {
-  a as ButtonMarkupElement
+  s 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","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;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.es.js

@@ -1,29 +1,24 @@
 import { jsx as e } from "react/jsx-runtime";
-import { ELEMENT_BUTTON as m } from "../createButtonPlugin.es.js";
-import { ButtonToolbarButton as a } from "./ButtonToolbarButton.es.js";
-import { useEditorState as l, useEventPlateId as p, getPluginType as c } from "../../../../../node_modules/.pnpm/@udecode_plate-core@36.5.9_@types_react@18.3.27_immer@10.1.3_react-dom@18.3.1_react@18._c9509afa110721f0311786c7b385e3f0/node_modules/@udecode/plate-core/dist/index.es.js";
-import { getHotkeyByPlatform as f } from "../../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/helpers/getHotkeyByPlatform.es.es.js";
-import { getTooltip as u } from "../../../../../node_modules/.pnpm/@frontify_fondue-rte@0.0.1-rc.8_d173a007c71094f25b802503e6ed01ef/node_modules/@frontify/fondue-rte/dist/components/RichTextEditor/helpers/getTooltip.es.es.js";
-import { someNode as d } from "../../../../../node_modules/.pnpm/@udecode_slate@31.0.0_slate-history@0.100.0_slate@0.102.0__slate@0.102.0/node_modules/@udecode/slate/dist/index.es.js";
-import { isRangeInSameBlock as B } from "../../../../../node_modules/.pnpm/@udecode_slate-utils@31.3.2_slate-history@0.100.0_slate@0.102.0__slate@0.102.0/node_modules/@udecode/slate-utils/dist/index.es.js";
-import "../../../../../node_modules/.pnpm/@udecode_zustood@2.0.0_react-dom@18.3.1_react@18.3.1__react-native@0.74.2_@babel_core@7_60421d597fce5528a24e6c32ee26ff05/node_modules/@udecode/zustood/dist/index.es.es.js";
-const P = ({ editorId: r, id: i }) => {
-  const t = l(p(r)), o = !!B(t, {
+import { useEditorState as r, useEventPlateId as a, isRangeInSameBlock as c, getPluginType as m, someNode as p, getTooltip as u, getHotkeyByPlatform as d } from "@frontify/fondue/rte";
+import { ELEMENT_BUTTON as B } from "../createButtonPlugin.es.js";
+import { ButtonToolbarButton as f } from "./ButtonToolbarButton.es.js";
+const y = ({ editorId: n, id: i }) => {
+  const t = r(a(n)), o = !!c(t, {
     at: t.selection
-  }), n = c(t, m), s = !!(t != null && t.selection) && d(t, { match: { type: n } });
+  }), s = m(t, B), l = !!(t != null && t.selection) && p(t, { match: { type: s } });
   return /* @__PURE__ */ e("div", { "data-plugin-id": i, children: /* @__PURE__ */ e(
-    a,
+    f,
     {
-      pressed: s,
+      pressed: l,
       disabled: !o,
       tooltip: u(
         o ? `Button
-${f("Ctrl+Shift+K")}` : "Buttons can only be set for a single text block."
+${d("Ctrl+Shift+K")}` : "Buttons can only be set for a single text block."
       )
     }
   ) });
 };
 export {
-  P as ButtonButton
+  y as ButtonButton
 };
 //# sourceMappingURL=ButtonButton.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PluginButtonProps,\n    getHotkeyByPlatform,\n    getPluginType,\n    getTooltip,\n    isRangeInSameBlock,\n    someNode,\n    useEditorState,\n    useEventPlateId,\n} from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\nimport { ButtonToolbarButton } from './ButtonToolbarButton';\n\nexport const ButtonButton = ({ editorId, id }: PluginButtonProps) => {\n    const editor = useEditorState(useEventPlateId(editorId));\n    const isEnabled = !!isRangeInSameBlock(editor, {\n        at: editor.selection,\n    });\n    const type = getPluginType(editor, ELEMENT_BUTTON);\n    const isLink = !!editor?.selection && someNode(editor, { match: { type } });\n\n    return (\n        <div data-plugin-id={id}>\n            <ButtonToolbarButton\n                pressed={isLink}\n                disabled={!isEnabled} // maybe pressed\n                tooltip={getTooltip(\n                    isEnabled\n                        ? `Button\\n${getHotkeyByPlatform('Ctrl+Shift+K')}`\n                        : 'Buttons can only be set for a single text block.',\n                )}\n            />\n        </div>\n    );\n};\n"],"names":["ButtonButton","editorId","id","editor","useEditorState","useEventPlateId","isEnabled","isRangeInSameBlock","type","getPluginType","ELEMENT_BUTTON","isLink","someNode","jsx","ButtonToolbarButton","getTooltip","getHotkeyByPlatform"],"mappings":";;;;;;;;;AAiBO,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,IAAAC,QAA4B;AACjE,QAAMC,IAASC,EAAeC,EAAgBJ,CAAQ,CAAC,GACjDK,IAAY,CAAC,CAACC,EAAmBJ,GAAQ;AAAA,IAC3C,IAAIA,EAAO;AAAA,EAAA,CACd,GACKK,IAAOC,EAAcN,GAAQO,CAAc,GAC3CC,IAAS,CAAC,EAACR,KAAA,QAAAA,EAAQ,cAAaS,EAAST,GAAQ,EAAE,OAAO,EAAE,MAAAK,EAAA,GAAQ;AAE1E,SACI,gBAAAK,EAAC,OAAA,EAAI,kBAAgBX,GACjB,UAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAASH;AAAA,MACT,UAAU,CAACL;AAAA,MACX,SAASS;AAAAA,QACLT,IACM;AAAA,EAAWU,EAAoB,cAAc,CAAC,KAC9C;AAAA,MAAA;AAAA,IACV;AAAA,EAAA,GAER;AAER;"}
+{"version":3,"file":"ButtonButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PluginButtonProps,\n    getHotkeyByPlatform,\n    getPluginType,\n    getTooltip,\n    isRangeInSameBlock,\n    someNode,\n    useEditorState,\n    useEventPlateId,\n} from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\nimport { ButtonToolbarButton } from './ButtonToolbarButton';\n\nexport const ButtonButton = ({ editorId, id }: PluginButtonProps) => {\n    const editor = useEditorState(useEventPlateId(editorId));\n    const isEnabled = !!isRangeInSameBlock(editor, {\n        at: editor.selection,\n    });\n    const type = getPluginType(editor, ELEMENT_BUTTON);\n    const isLink = !!editor?.selection && someNode(editor, { match: { type } });\n\n    return (\n        <div data-plugin-id={id}>\n            <ButtonToolbarButton\n                pressed={isLink}\n                disabled={!isEnabled} // maybe pressed\n                tooltip={getTooltip(\n                    isEnabled\n                        ? `Button\\n${getHotkeyByPlatform('Ctrl+Shift+K')}`\n                        : 'Buttons can only be set for a single text block.',\n                )}\n            />\n        </div>\n    );\n};\n"],"names":["ButtonButton","editorId","id","editor","useEditorState","useEventPlateId","isEnabled","isRangeInSameBlock","type","getPluginType","ELEMENT_BUTTON","isLink","someNode","jsx","ButtonToolbarButton","getTooltip","getHotkeyByPlatform"],"mappings":";;;;AAiBO,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,IAAAC,QAA4B;AACjE,QAAMC,IAASC,EAAeC,EAAgBJ,CAAQ,CAAC,GACjDK,IAAY,CAAC,CAACC,EAAmBJ,GAAQ;AAAA,IAC3C,IAAIA,EAAO;AAAA,EAAA,CACd,GACKK,IAAOC,EAAcN,GAAQO,CAAc,GAC3CC,IAAS,CAAC,EAACR,KAAA,QAAAA,EAAQ,cAAaS,EAAST,GAAQ,EAAE,OAAO,EAAE,MAAAK,EAAA,GAAQ;AAE1E,SACI,gBAAAK,EAAC,OAAA,EAAI,kBAAgBX,GACjB,UAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAASH;AAAA,MACT,UAAU,CAACL;AAAA,MACX,SAASS;AAAA,QACLT,IACM;AAAA,EAAWU,EAAoB,cAAc,CAAC,KAC9C;AAAA,MAAA;AAAA,IACV;AAAA,EAAA,GAER;AAER;"}