@frontify/guideline-blocks-settings 0.28.2 → 0.28.4

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"imageCaptionPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createPluginFactory } from '@udecode/plate';\nimport { CSSProperties } from 'react';\nimport {\n    MarkupElement,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-imageCaption-plugin';\n\nexport class ImageCaptionPlugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.imageCaption, ...props }: PluginProps = {}) {\n        super(TextStyles.imageCaption, {\n            label: 'Image Caption',\n            markupElement: new ImageCaptionMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins() {\n        return [createImageCaptionPlugin(this.styles)];\n    }\n}\n\nclass ImageCaptionMarkupElement extends MarkupElement {\n    constructor(id = ID, node = ImageCaptionMarkupElementNode) {\n        super(id, node);\n    }\n}\nconst ImageCaptionMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element), 'a-image-caption'])}\n        >\n            <span style={styles}>{children}</span>\n        </p>\n    );\n};\n\nconst createImageCaptionPlugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.imageCaption,\n        isElement: true,\n        component: ImageCaptionMarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.imageCaption }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <ImageCaptionMarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","ImageCaptionPlugin","Plugin","styles","BlockStyles","props","TextStyles","ImageCaptionMarkupElement","createImageCaptionPlugin","MarkupElement","id","node","ImageCaptionMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;AAeA,MAAMA,IAAK;AAEJ,MAAMC,UAA2BC,EAAO;AAAA,EAE3C,YAAY,EAAE,QAAAC,IAASC,EAAY,cAAc,GAAGC,EAAuB,IAAA,IAAI;AAC3E,UAAMC,EAAW,cAAc;AAAA,MAC3B,OAAO;AAAA,MACP,eAAe,IAAIC,EAA0B;AAAA,MAC7C,GAAGF;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAU;AACN,WAAO,CAACK,EAAyB,KAAK,MAAM,CAAC;AAAA,EACjD;AACJ;AAEA,MAAMD,UAAkCE,EAAc;AAAA,EAClD,YAAYC,IAAKV,GAAIW,IAAOC,GAA+B;AACvD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAAgC,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC9G,QAAMa,IAAQH,EAAQ;AAElB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,GAAG,iBAAiB,CAAC;AAAA,MAEzG,UAACI,gBAAAA,EAAA,IAAA,QAAA,EAAK,OAAOd,GAAS,UAAAY,GAAS;AAAA,IAAA;AAAA,EAAA;AAG3C,GAEMP,IAA2B,CAACL,MAC9BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBN,EAAW,cAAc;AAAA,EACvD;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,4BAAwCO,GAA+B,EAAA,GAAGP,GAAO,QAAAF,GAAgB;AACjH,CAAC;"}
+{"version":3,"file":"imageCaptionPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createPluginFactory } from '@udecode/plate';\nimport type { CSSProperties } from 'react';\nimport {\n    MarkupElement,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-imageCaption-plugin';\n\nexport class ImageCaptionPlugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.imageCaption, ...props }: PluginProps = {}) {\n        super(TextStyles.imageCaption, {\n            label: 'Image Caption',\n            markupElement: new ImageCaptionMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins() {\n        return [createImageCaptionPlugin(this.styles)];\n    }\n}\n\nclass ImageCaptionMarkupElement extends MarkupElement {\n    constructor(id = ID, node = ImageCaptionMarkupElementNode) {\n        super(id, node);\n    }\n}\nconst ImageCaptionMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element), 'a-image-caption'])}\n        >\n            <span style={styles}>{children}</span>\n        </p>\n    );\n};\n\nconst createImageCaptionPlugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.imageCaption,\n        isElement: true,\n        component: ImageCaptionMarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.imageCaption }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <ImageCaptionMarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","ImageCaptionPlugin","Plugin","styles","BlockStyles","props","TextStyles","ImageCaptionMarkupElement","createImageCaptionPlugin","MarkupElement","id","node","ImageCaptionMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;AAeA,MAAMA,IAAK;AAEJ,MAAMC,UAA2BC,EAAO;AAAA,EAE3C,YAAY,EAAE,QAAAC,IAASC,EAAY,cAAc,GAAGC,EAAuB,IAAA,IAAI;AAC3E,UAAMC,EAAW,cAAc;AAAA,MAC3B,OAAO;AAAA,MACP,eAAe,IAAIC,EAA0B;AAAA,MAC7C,GAAGF;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAU;AACN,WAAO,CAACK,EAAyB,KAAK,MAAM,CAAC;AAAA,EACjD;AACJ;AAEA,MAAMD,UAAkCE,EAAc;AAAA,EAClD,YAAYC,IAAKV,GAAIW,IAAOC,GAA+B;AACvD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAAgC,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC9G,QAAMa,IAAQH,EAAQ;AAElB,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,GAAG,iBAAiB,CAAC;AAAA,MAEzG,UAAC,gBAAAI,EAAA,QAAA,EAAK,OAAOd,GAAS,UAAAY,GAAS;AAAA,IAAA;AAAA,EAAA;AAG3C,GAEMP,IAA2B,CAACL,MAC9BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBN,EAAW,cAAc;AAAA,EACvD;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCO,GAA+B,EAAA,GAAGP,GAAO,QAAAF,GAAgB;AACjH,CAAC;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"imageTitlePlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createPluginFactory } from '@udecode/plate';\nimport { CSSProperties } from 'react';\nimport {\n    MarkupElement,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-imageTitle-plugin';\n\nexport class ImageTitlePlugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.imageTitle, ...props }: PluginProps = {}) {\n        super(TextStyles.imageTitle, {\n            label: 'Image Title',\n            markupElement: new ImageTitleMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins() {\n        return [createImageTitlePlugin(this.styles)];\n    }\n}\n\nclass ImageTitleMarkupElement extends MarkupElement {\n    constructor(id = ID, node = ImageTitleMarkupElementNode) {\n        super(id, node);\n    }\n}\nconst ImageTitleMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element), 'a-image-title'])}\n        >\n            <span style={styles}>{children}</span>\n        </p>\n    );\n};\n\nconst createImageTitlePlugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.imageTitle,\n        isElement: true,\n        component: ImageTitleMarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.imageTitle }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <ImageTitleMarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","ImageTitlePlugin","Plugin","styles","BlockStyles","props","TextStyles","ImageTitleMarkupElement","createImageTitlePlugin","MarkupElement","id","node","ImageTitleMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;AAeA,MAAMA,IAAK;AAEJ,MAAMC,UAAyBC,EAAO;AAAA,EAEzC,YAAY,EAAE,QAAAC,IAASC,EAAY,YAAY,GAAGC,EAAuB,IAAA,IAAI;AACzE,UAAMC,EAAW,YAAY;AAAA,MACzB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAwB;AAAA,MAC3C,GAAGF;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAU;AACN,WAAO,CAACK,EAAuB,KAAK,MAAM,CAAC;AAAA,EAC/C;AACJ;AAEA,MAAMD,UAAgCE,EAAc;AAAA,EAChD,YAAYC,IAAKV,GAAIW,IAAOC,GAA6B;AACrD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA8B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC5G,QAAMa,IAAQH,EAAQ;AAElB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,GAAG,eAAe,CAAC;AAAA,MAEvG,UAACI,gBAAAA,EAAA,IAAA,QAAA,EAAK,OAAOd,GAAS,UAAAY,GAAS;AAAA,IAAA;AAAA,EAAA;AAG3C,GAEMP,IAAyB,CAACL,MAC5BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBN,EAAW,YAAY;AAAA,EACrD;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,4BAAwCO,GAA6B,EAAA,GAAGP,GAAO,QAAAF,GAAgB;AAC/G,CAAC;"}
+{"version":3,"file":"imageTitlePlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createPluginFactory } from '@udecode/plate';\nimport type { CSSProperties } from 'react';\nimport {\n    MarkupElement,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-imageTitle-plugin';\n\nexport class ImageTitlePlugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.imageTitle, ...props }: PluginProps = {}) {\n        super(TextStyles.imageTitle, {\n            label: 'Image Title',\n            markupElement: new ImageTitleMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins() {\n        return [createImageTitlePlugin(this.styles)];\n    }\n}\n\nclass ImageTitleMarkupElement extends MarkupElement {\n    constructor(id = ID, node = ImageTitleMarkupElementNode) {\n        super(id, node);\n    }\n}\nconst ImageTitleMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element), 'a-image-title'])}\n        >\n            <span style={styles}>{children}</span>\n        </p>\n    );\n};\n\nconst createImageTitlePlugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.imageTitle,\n        isElement: true,\n        component: ImageTitleMarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.imageTitle }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <ImageTitleMarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","ImageTitlePlugin","Plugin","styles","BlockStyles","props","TextStyles","ImageTitleMarkupElement","createImageTitlePlugin","MarkupElement","id","node","ImageTitleMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;AAeA,MAAMA,IAAK;AAEJ,MAAMC,UAAyBC,EAAO;AAAA,EAEzC,YAAY,EAAE,QAAAC,IAASC,EAAY,YAAY,GAAGC,EAAuB,IAAA,IAAI;AACzE,UAAMC,EAAW,YAAY;AAAA,MACzB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAwB;AAAA,MAC3C,GAAGF;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAU;AACN,WAAO,CAACK,EAAuB,KAAK,MAAM,CAAC;AAAA,EAC/C;AACJ;AAEA,MAAMD,UAAgCE,EAAc;AAAA,EAChD,YAAYC,IAAKV,GAAIW,IAAOC,GAA6B;AACrD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA8B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC5G,QAAMa,IAAQH,EAAQ;AAElB,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,GAAG,eAAe,CAAC;AAAA,MAEvG,UAAC,gBAAAI,EAAA,QAAA,EAAK,OAAOd,GAAS,UAAAY,GAAS;AAAA,IAAA;AAAA,EAAA;AAG3C,GAEMP,IAAyB,CAACL,MAC5BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBN,EAAW,YAAY;AAAA,EACrD;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCO,GAA6B,EAAA,GAAGP,GAAO,QAAAF,GAAgB;AAC/G,CAAC;"}

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

@@ -1,11 +1,11 @@
-import { j as l } from "../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
+import { jsx as l } from "react/jsx-runtime";
 import { createPluginFactory as m, createParagraphPlugin as c } from "@udecode/plate";
-import { Plugin as u, merge as i, alignmentClassnames as g, getColumnBreakClasses as P, MarkupElement as x } from "@frontify/fondue";
-import { TextStyles as a, BlockStyles as y } from "../styles.es.js";
-class w extends u {
-  constructor({ styles: e = y.p, ...r } = {}) {
-    super(a.p, {
-      markupElement: new k(),
+import { Plugin as u, merge as g, alignmentClassnames as i, getColumnBreakClasses as P, MarkupElement as y } from "@frontify/fondue";
+import { TextStyles as s, BlockStyles as h } from "../styles.es.js";
+class A extends u {
+  constructor({ styles: e = h.p, ...r } = {}) {
+    super(s.p, {
+      markupElement: new x(),
       label: "Body Text",
       ...r
     }), this.styles = {}, this.styles = e;
@@ -14,28 +14,28 @@ class w extends u {
     return [E(this.styles)];
   }
 }
-const h = "tw-m-0 tw-px-0 tw-py-0", s = ({ element: t, attributes: e, children: r, styles: o }) => {
-  const n = t.align, p = i([n && g[n], h, P(t)]);
-  return /* @__PURE__ */ l.jsx("p", { ...e, className: p, style: o, children: r });
+const k = "tw-m-0 tw-px-0 tw-py-0", a = ({ element: t, attributes: e, children: r, styles: o }) => {
+  const n = t.align, p = g([n && i[n], k, P(t)]);
+  return /* @__PURE__ */ l("p", { ...e, className: p, style: o, children: r });
 };
-class k extends x {
-  constructor(e = a.p, r = s) {
+class x extends y {
+  constructor(e = s.p, r = a) {
     super(e, r);
   }
 }
 const E = (t) => m({
   ...c(),
-  key: a.p,
+  key: s.p,
   isElement: !0,
-  component: s
+  component: a
 })({
-  component: (e) => /* @__PURE__ */ l.jsx(s, { ...e, styles: t })
+  component: (e) => /* @__PURE__ */ l(a, { ...e, styles: t })
 });
 export {
-  h as PARAGRAPH_CLASSES,
-  k as ParagraphMarkupElement,
-  s as ParagraphMarkupElementNode,
-  w as ParagraphPlugin,
+  k as PARAGRAPH_CLASSES,
+  x as ParagraphMarkupElement,
+  a as ParagraphMarkupElementNode,
+  A as ParagraphPlugin,
   E as createParagraphPlugin
 };
 //# sourceMappingURL=paragraphPlugin.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"paragraphPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createParagraphPlugin as createPlateParagraphPlugin, createPluginFactory } from '@udecode/plate';\nimport { CSSProperties } from 'react';\nimport {\n    MarkupElement,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport { BlockStyles, TextStyles } from '../styles';\n\nexport class ParagraphPlugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.p, ...props }: PluginProps = {}) {\n        super(TextStyles.p, {\n            markupElement: new ParagraphMarkupElement(),\n            label: 'Body Text',\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins() {\n        return [createParagraphPlugin(this.styles)];\n    }\n}\n\nexport const PARAGRAPH_CLASSES = 'tw-m-0 tw-px-0 tw-py-0';\n\nexport const ParagraphMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    const className = merge([align && alignmentClassnames[align], PARAGRAPH_CLASSES, getColumnBreakClasses(element)]);\n    return (\n        <p {...attributes} className={className} style={styles}>\n            {children}\n        </p>\n    );\n};\n\nexport class ParagraphMarkupElement extends MarkupElement {\n    constructor(id = TextStyles.p, node = ParagraphMarkupElementNode) {\n        super(id, node);\n    }\n}\n\nexport const createParagraphPlugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        ...createPlateParagraphPlugin(),\n        key: TextStyles.p,\n        isElement: true,\n        component: ParagraphMarkupElementNode,\n    })({\n        component: (props: TextStyleRenderElementProps) => <ParagraphMarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ParagraphPlugin","Plugin","styles","BlockStyles","props","TextStyles","ParagraphMarkupElement","createParagraphPlugin","PARAGRAPH_CLASSES","ParagraphMarkupElementNode","element","attributes","children","align","className","merge","alignmentClassnames","getColumnBreakClasses","MarkupElement","id","node","createPluginFactory","createPlateParagraphPlugin"],"mappings":";;;;AAeO,MAAMA,UAAwBC,EAAO;AAAA,EAExC,YAAY,EAAE,QAAAC,IAASC,EAAY,GAAG,GAAGC,EAAuB,IAAA,IAAI;AAChE,UAAMC,EAAW,GAAG;AAAA,MAChB,eAAe,IAAIC,EAAuB;AAAA,MAC1C,OAAO;AAAA,MACP,GAAGF;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAU;AACN,WAAO,CAACK,EAAsB,KAAK,MAAM,CAAC;AAAA,EAC9C;AACJ;AAEO,MAAMC,IAAoB,0BAEpBC,IAA6B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAV,QAA0C;AAClH,QAAMW,IAAQH,EAAQ,OAChBI,IAAYC,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGL,GAAmBS,EAAsBP,CAAO,CAAC,CAAC;AAChH,+BACK,KAAG,EAAA,GAAGC,GAAY,WAAAG,GAAsB,OAAOZ,GAC3C,UAAAU,EACL,CAAA;AAER;AAEO,MAAMN,UAA+BY,EAAc;AAAA,EACtD,YAAYC,IAAKd,EAAW,GAAGe,IAAOX,GAA4B;AAC9D,UAAMU,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEa,MAAAb,IAAwB,CAACL,MAClCmB,EAAoB;AAAA,EAChB,GAAGC,EAA2B;AAAA,EAC9B,KAAKjB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWI;AACf,CAAC,EAAE;AAAA,EACC,WAAW,CAACL,4BAAwCK,GAA4B,EAAA,GAAGL,GAAO,QAAAF,GAAgB;AAC9G,CAAC;"}
+{"version":3,"file":"paragraphPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createParagraphPlugin as createPlateParagraphPlugin, createPluginFactory } from '@udecode/plate';\nimport type { CSSProperties } from 'react';\nimport {\n    MarkupElement,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport { BlockStyles, TextStyles } from '../styles';\n\nexport class ParagraphPlugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.p, ...props }: PluginProps = {}) {\n        super(TextStyles.p, {\n            markupElement: new ParagraphMarkupElement(),\n            label: 'Body Text',\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins() {\n        return [createParagraphPlugin(this.styles)];\n    }\n}\n\nexport const PARAGRAPH_CLASSES = 'tw-m-0 tw-px-0 tw-py-0';\n\nexport const ParagraphMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    const className = merge([align && alignmentClassnames[align], PARAGRAPH_CLASSES, getColumnBreakClasses(element)]);\n    return (\n        <p {...attributes} className={className} style={styles}>\n            {children}\n        </p>\n    );\n};\n\nexport class ParagraphMarkupElement extends MarkupElement {\n    constructor(id = TextStyles.p, node = ParagraphMarkupElementNode) {\n        super(id, node);\n    }\n}\n\nexport const createParagraphPlugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        ...createPlateParagraphPlugin(),\n        key: TextStyles.p,\n        isElement: true,\n        component: ParagraphMarkupElementNode,\n    })({\n        component: (props: TextStyleRenderElementProps) => <ParagraphMarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ParagraphPlugin","Plugin","styles","BlockStyles","props","TextStyles","ParagraphMarkupElement","createParagraphPlugin","PARAGRAPH_CLASSES","ParagraphMarkupElementNode","element","attributes","children","align","className","merge","alignmentClassnames","getColumnBreakClasses","MarkupElement","id","node","createPluginFactory","createPlateParagraphPlugin"],"mappings":";;;;AAeO,MAAMA,UAAwBC,EAAO;AAAA,EAExC,YAAY,EAAE,QAAAC,IAASC,EAAY,GAAG,GAAGC,EAAuB,IAAA,IAAI;AAChE,UAAMC,EAAW,GAAG;AAAA,MAChB,eAAe,IAAIC,EAAuB;AAAA,MAC1C,OAAO;AAAA,MACP,GAAGF;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAU;AACN,WAAO,CAACK,EAAsB,KAAK,MAAM,CAAC;AAAA,EAC9C;AACJ;AAEO,MAAMC,IAAoB,0BAEpBC,IAA6B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAV,QAA0C;AAClH,QAAMW,IAAQH,EAAQ,OAChBI,IAAYC,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGL,GAAmBS,EAAsBP,CAAO,CAAC,CAAC;AAChH,2BACK,KAAG,EAAA,GAAGC,GAAY,WAAAG,GAAsB,OAAOZ,GAC3C,UAAAU,EACL,CAAA;AAER;AAEO,MAAMN,UAA+BY,EAAc;AAAA,EACtD,YAAYC,IAAKd,EAAW,GAAGe,IAAOX,GAA4B;AAC9D,UAAMU,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEa,MAAAb,IAAwB,CAACL,MAClCmB,EAAoB;AAAA,EAChB,GAAGC,EAA2B;AAAA,EAC9B,KAAKjB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWI;AACf,CAAC,EAAE;AAAA,EACC,WAAW,CAACL,wBAAwCK,GAA4B,EAAA,GAAGL,GAAO,QAAAF,GAAgB;AAC9G,CAAC;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"quotePlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createPluginFactory } from '@udecode/plate';\nimport { CSSProperties } from 'react';\nimport {\n    MarkupElement,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-quote-plugin';\n\nexport class QuotePlugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.quote, ...props }: PluginProps = {}) {\n        super(TextStyles.quote, {\n            label: 'Quote',\n            markupElement: new QuoteMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins() {\n        return [createQuotePlugin(this.styles)];\n    }\n}\n\nclass QuoteMarkupElement extends MarkupElement {\n    constructor(id = ID, node = QuoteMarkupElementNode) {\n        super(id, node);\n    }\n}\n\nexport const QuoteMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <blockquote\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element), 'a-quote'])}\n        >\n            <span style={styles}>{children}</span>\n        </blockquote>\n    );\n};\n\nexport const createQuotePlugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.quote,\n        isElement: true,\n        component: QuoteMarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['blockquote', 'BLOCKQUOTE'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <QuoteMarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","QuotePlugin","Plugin","styles","BlockStyles","props","TextStyles","QuoteMarkupElement","createQuotePlugin","MarkupElement","id","node","QuoteMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;AAeA,MAAMA,IAAK;AAEJ,MAAMC,UAAoBC,EAAO;AAAA,EAEpC,YAAY,EAAE,QAAAC,IAASC,EAAY,OAAO,GAAGC,EAAuB,IAAA,IAAI;AACpE,UAAMC,EAAW,OAAO;AAAA,MACpB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAmB;AAAA,MACtC,GAAGF;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAU;AACN,WAAO,CAACK,EAAkB,KAAK,MAAM,CAAC;AAAA,EAC1C;AACJ;AAEA,MAAMD,UAA2BE,EAAc;AAAA,EAC3C,YAAYC,IAAKV,GAAIW,IAAOC,GAAwB;AAChD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEO,MAAMC,IAAyB,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC9G,QAAMa,IAAQH,EAAQ;AAElB,SAAAI,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,GAAG,SAAS,CAAC;AAAA,MAEjG,UAACI,gBAAAA,EAAA,IAAA,QAAA,EAAK,OAAOd,GAAS,UAAAY,GAAS;AAAA,IAAA;AAAA,EAAA;AAG3C,GAEaP,IAAoB,CAACL,MAC9BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,cAAc,YAAY,GAAG;AAAA,EAC3D;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACP,4BAAwCO,GAAwB,EAAA,GAAGP,GAAO,QAAAF,GAAgB;AAC1G,CAAC;"}
+{"version":3,"file":"quotePlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { createPluginFactory } from '@udecode/plate';\nimport type { CSSProperties } from 'react';\nimport {\n    MarkupElement,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-quote-plugin';\n\nexport class QuotePlugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.quote, ...props }: PluginProps = {}) {\n        super(TextStyles.quote, {\n            label: 'Quote',\n            markupElement: new QuoteMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins() {\n        return [createQuotePlugin(this.styles)];\n    }\n}\n\nclass QuoteMarkupElement extends MarkupElement {\n    constructor(id = ID, node = QuoteMarkupElementNode) {\n        super(id, node);\n    }\n}\n\nexport const QuoteMarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <blockquote\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element), 'a-quote'])}\n        >\n            <span style={styles}>{children}</span>\n        </blockquote>\n    );\n};\n\nexport const createQuotePlugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.quote,\n        isElement: true,\n        component: QuoteMarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['blockquote', 'BLOCKQUOTE'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <QuoteMarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","QuotePlugin","Plugin","styles","BlockStyles","props","TextStyles","QuoteMarkupElement","createQuotePlugin","MarkupElement","id","node","QuoteMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;AAeA,MAAMA,IAAK;AAEJ,MAAMC,UAAoBC,EAAO;AAAA,EAEpC,YAAY,EAAE,QAAAC,IAASC,EAAY,OAAO,GAAGC,EAAuB,IAAA,IAAI;AACpE,UAAMC,EAAW,OAAO;AAAA,MACpB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAmB;AAAA,MACtC,GAAGF;AAAA,IAAA,CACN,GANL,KAAO,SAAwB,IAO3B,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAU;AACN,WAAO,CAACK,EAAkB,KAAK,MAAM,CAAC;AAAA,EAC1C;AACJ;AAEA,MAAMD,UAA2BE,EAAc;AAAA,EAC3C,YAAYC,IAAKV,GAAIW,IAAOC,GAAwB;AAChD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEO,MAAMC,IAAyB,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC9G,QAAMa,IAAQH,EAAQ;AAElB,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,GAAG,SAAS,CAAC;AAAA,MAEjG,UAAC,gBAAAI,EAAA,QAAA,EAAK,OAAOd,GAAS,UAAAY,GAAS;AAAA,IAAA;AAAA,EAAA;AAG3C,GAEaP,IAAoB,CAACL,MAC9BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,cAAc,YAAY,GAAG;AAAA,EAC3D;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACP,wBAAwCO,GAAwB,EAAA,GAAGP,GAAO,QAAAF,GAAgB;AAC1G,CAAC;"}

package/dist/components/RichTextEditor/plugins/shared/LinkSelector/DocumentLink.es.js

@@ -1,68 +1,68 @@
-import { j as t } from "../../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { useState as c, useEffect as d } from "react";
-import { PageLinks as l } from "./PageLinks.es.js";
-import { merge as i, IconColorFan16 as b } from "@frontify/fondue";
-const v = ({
-  document: e,
-  appBridge: a,
+import { jsxs as i, Fragment as l, jsx as e } from "react/jsx-runtime";
+import { useState as x, useEffect as b } from "react";
+import { PageLinks as m } from "./PageLinks.es.js";
+import { merge as a, IconColorFan16 as h } from "@frontify/fondue";
+const u = ({
+  document: t,
+  appBridge: c,
   selectedUrl: w,
-  onSelectUrl: o,
+  onSelectUrl: n,
   itemsToExpandInitially: r
 }) => {
-  const [s, n] = c(e.id === r.documentId), x = e.permanentLink === w;
-  return d(() => {
-    e.id === r.documentId && n(!0);
-  }, [r, e.id]), /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs(
+  const [o, s] = x(t.id === r.documentId), d = t.permanentLink === w;
+  return b(() => {
+    t.id === r.documentId && s(!0);
+  }, [r, t.id]), /* @__PURE__ */ i(l, { children: [
+    /* @__PURE__ */ i(
       "button",
       {
         "data-test-id": "internal-link-selector-document-link",
-        className: i([
+        className: a([
           "tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-py-2 tw-px-2.5 tw-leading-5 tw-cursor-pointer tw-w-full",
-          x ? "tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover" : "hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover"
+          d ? "tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover" : "hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover"
         ]),
-        onClick: () => o(e.permanentLink),
-        onFocus: () => o(e.permanentLink),
+        onClick: () => n(t.permanentLink),
+        onFocus: () => n(t.permanentLink),
         children: [
-          /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ e(
             "div",
             {
               role: "button",
               tabIndex: 0,
               "data-test-id": "tree-item-toggle",
               className: "tw-flex tw-items-center tw-justify-center tw-p-1.5 tw-cursor-pointer",
-              onClick: () => n(!s),
-              onFocus: () => n(!s),
-              children: /* @__PURE__ */ t.jsx(
+              onClick: () => s(!o),
+              onFocus: () => s(!o),
+              children: /* @__PURE__ */ e(
                 "div",
                 {
-                  className: i([
+                  className: a([
                     "tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong",
-                    s ? "tw-rotate-90" : ""
+                    o ? "tw-rotate-90" : ""
                   ])
                 }
               )
             }
           ),
-          /* @__PURE__ */ t.jsx(b, {}),
-          /* @__PURE__ */ t.jsx("span", { className: "tw-text-s", children: e.title }),
-          /* @__PURE__ */ t.jsx("span", { className: "tw-flex-auto tw-font-sans tw-text-xs tw-text-right", children: "Document" })
+          /* @__PURE__ */ e(h, {}),
+          /* @__PURE__ */ e("span", { className: "tw-text-s", children: t.title }),
+          /* @__PURE__ */ e("span", { className: "tw-flex-auto tw-font-sans tw-text-xs tw-text-right", children: "Document" })
         ]
       }
     ),
-    s && /* @__PURE__ */ t.jsx(
-      l,
+    o && /* @__PURE__ */ e(
+      m,
       {
-        appBridge: a,
-        documentId: e.id,
+        appBridge: c,
+        documentId: t.id,
         selectedUrl: w,
-        onSelectUrl: o,
+        onSelectUrl: n,
         itemsToExpandInitially: r
       }
     )
   ] });
 };
 export {
-  v as DocumentLink
+  u as DocumentLink
 };
 //# sourceMappingURL=DocumentLink.es.js.map

package/dist/components/RichTextEditor/plugins/shared/LinkSelector/DocumentLink.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentLink.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/shared/LinkSelector/DocumentLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport { useEffect, useState } from 'react';\nimport { PageLinks } from './PageLinks';\nimport { IconColorFan16, merge } from '@frontify/fondue';\nimport { InitiallyExpandedItems } from '../../LinkPlugin/FloatingLink/InsertLinkModal/types';\n\ntype DocumentLinkProps = {\n    document: {\n        id: number;\n        title: string;\n        permanentLink: string;\n    };\n    appBridge: AppBridgeBlock;\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    itemsToExpandInitially: InitiallyExpandedItems;\n};\n\nexport const DocumentLink = ({\n    document,\n    appBridge,\n    selectedUrl,\n    onSelectUrl,\n    itemsToExpandInitially,\n}: DocumentLinkProps) => {\n    const [isExpanded, setIsExpanded] = useState(document.id === itemsToExpandInitially.documentId);\n    const isActive = document.permanentLink === selectedUrl;\n\n    useEffect(() => {\n        if (document.id === itemsToExpandInitially.documentId) {\n            setIsExpanded(true);\n        }\n    }, [itemsToExpandInitially, document.id]);\n\n    return (\n        <>\n            <button\n                data-test-id=\"internal-link-selector-document-link\"\n                className={merge([\n                    'tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-py-2 tw-px-2.5 tw-leading-5 tw-cursor-pointer tw-w-full',\n                    isActive\n                        ? 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover'\n                        : 'hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover',\n                ])}\n                onClick={() => onSelectUrl(document.permanentLink)}\n                onFocus={() => onSelectUrl(document.permanentLink)}\n            >\n                <div\n                    role=\"button\"\n                    tabIndex={0}\n                    data-test-id=\"tree-item-toggle\"\n                    className=\"tw-flex tw-items-center tw-justify-center tw-p-1.5 tw-cursor-pointer\"\n                    onClick={() => setIsExpanded(!isExpanded)}\n                    onFocus={() => setIsExpanded(!isExpanded)}\n                >\n                    <div\n                        className={merge([\n                            'tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong',\n                            isExpanded ? 'tw-rotate-90' : '',\n                        ])}\n                    ></div>\n                </div>\n                <IconColorFan16 />\n                <span className=\"tw-text-s\">{document.title}</span>\n                <span className=\"tw-flex-auto tw-font-sans tw-text-xs tw-text-right\">Document</span>\n            </button>\n            {isExpanded && (\n                <PageLinks\n                    appBridge={appBridge}\n                    documentId={document.id}\n                    selectedUrl={selectedUrl}\n                    onSelectUrl={onSelectUrl}\n                    itemsToExpandInitially={itemsToExpandInitially}\n                />\n            )}\n        </>\n    );\n};\n"],"names":["DocumentLink","document","appBridge","selectedUrl","onSelectUrl","itemsToExpandInitially","isExpanded","setIsExpanded","useState","isActive","useEffect","jsxs","Fragment","merge","jsx","IconColorFan16","PageLinks"],"mappings":";;;;AAoBO,MAAMA,IAAe,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AACJ,MAAyB;AACf,QAAA,CAACC,GAAYC,CAAa,IAAIC,EAASP,EAAS,OAAOI,EAAuB,UAAU,GACxFI,IAAWR,EAAS,kBAAkBE;AAE5C,SAAAO,EAAU,MAAM;AACR,IAAAT,EAAS,OAAOI,EAAuB,cACvCE,EAAc,EAAI;AAAA,EAEvB,GAAA,CAACF,GAAwBJ,EAAS,EAAE,CAAC,GAIhCU,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAAAD,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,WAAWE,EAAM;AAAA,UACb;AAAA,UACAJ,IACM,oKACA;AAAA,QAAA,CACT;AAAA,QACD,SAAS,MAAML,EAAYH,EAAS,aAAa;AAAA,QACjD,SAAS,MAAMG,EAAYH,EAAS,aAAa;AAAA,QAEjD,UAAA;AAAA,UAAAa,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,UAAU;AAAA,cACV,gBAAa;AAAA,cACb,WAAU;AAAA,cACV,SAAS,MAAMP,EAAc,CAACD,CAAU;AAAA,cACxC,SAAS,MAAMC,EAAc,CAACD,CAAU;AAAA,cAExC,UAAAQ,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAWD,EAAM;AAAA,oBACb;AAAA,oBACAP,IAAa,iBAAiB;AAAA,kBAAA,CACjC;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA;AAAA,UACL;AAAA,gCACCS,GAAe,EAAA;AAAA,UACfD,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,aAAa,YAAS,OAAM;AAAA,UAC3CA,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,sDAAqD,UAAQ,YAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjF;AAAA,IACCR,KACGQ,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,WAAAd;AAAA,QACA,YAAYD,EAAS;AAAA,QACrB,aAAAE;AAAA,QACA,aAAAC;AAAA,QACA,wBAAAC;AAAA,MAAA;AAAA,IACJ;AAAA,EAER,EAAA,CAAA;AAER;"}
+{"version":3,"file":"DocumentLink.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/shared/LinkSelector/DocumentLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport { useEffect, useState } from 'react';\nimport { PageLinks } from './PageLinks';\nimport { IconColorFan16, merge } from '@frontify/fondue';\nimport { InitiallyExpandedItems } from '../../LinkPlugin/FloatingLink/InsertLinkModal/types';\n\ntype DocumentLinkProps = {\n    document: {\n        id: number;\n        title: string;\n        permanentLink: string;\n    };\n    appBridge: AppBridgeBlock;\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    itemsToExpandInitially: InitiallyExpandedItems;\n};\n\nexport const DocumentLink = ({\n    document,\n    appBridge,\n    selectedUrl,\n    onSelectUrl,\n    itemsToExpandInitially,\n}: DocumentLinkProps) => {\n    const [isExpanded, setIsExpanded] = useState(document.id === itemsToExpandInitially.documentId);\n    const isActive = document.permanentLink === selectedUrl;\n\n    useEffect(() => {\n        if (document.id === itemsToExpandInitially.documentId) {\n            setIsExpanded(true);\n        }\n    }, [itemsToExpandInitially, document.id]);\n\n    return (\n        <>\n            <button\n                data-test-id=\"internal-link-selector-document-link\"\n                className={merge([\n                    'tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-py-2 tw-px-2.5 tw-leading-5 tw-cursor-pointer tw-w-full',\n                    isActive\n                        ? 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover'\n                        : 'hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover',\n                ])}\n                onClick={() => onSelectUrl(document.permanentLink)}\n                onFocus={() => onSelectUrl(document.permanentLink)}\n            >\n                <div\n                    role=\"button\"\n                    tabIndex={0}\n                    data-test-id=\"tree-item-toggle\"\n                    className=\"tw-flex tw-items-center tw-justify-center tw-p-1.5 tw-cursor-pointer\"\n                    onClick={() => setIsExpanded(!isExpanded)}\n                    onFocus={() => setIsExpanded(!isExpanded)}\n                >\n                    <div\n                        className={merge([\n                            'tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong',\n                            isExpanded ? 'tw-rotate-90' : '',\n                        ])}\n                    ></div>\n                </div>\n                <IconColorFan16 />\n                <span className=\"tw-text-s\">{document.title}</span>\n                <span className=\"tw-flex-auto tw-font-sans tw-text-xs tw-text-right\">Document</span>\n            </button>\n            {isExpanded && (\n                <PageLinks\n                    appBridge={appBridge}\n                    documentId={document.id}\n                    selectedUrl={selectedUrl}\n                    onSelectUrl={onSelectUrl}\n                    itemsToExpandInitially={itemsToExpandInitially}\n                />\n            )}\n        </>\n    );\n};\n"],"names":["DocumentLink","document","appBridge","selectedUrl","onSelectUrl","itemsToExpandInitially","isExpanded","setIsExpanded","useState","isActive","useEffect","jsxs","Fragment","merge","jsx","IconColorFan16","PageLinks"],"mappings":";;;;AAoBO,MAAMA,IAAe,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AACJ,MAAyB;AACf,QAAA,CAACC,GAAYC,CAAa,IAAIC,EAASP,EAAS,OAAOI,EAAuB,UAAU,GACxFI,IAAWR,EAAS,kBAAkBE;AAE5C,SAAAO,EAAU,MAAM;AACR,IAAAT,EAAS,OAAOI,EAAuB,cACvCE,EAAc,EAAI;AAAA,EAEvB,GAAA,CAACF,GAAwBJ,EAAS,EAAE,CAAC,GAIhC,gBAAAU,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,WAAWE,EAAM;AAAA,UACb;AAAA,UACAJ,IACM,oKACA;AAAA,QAAA,CACT;AAAA,QACD,SAAS,MAAML,EAAYH,EAAS,aAAa;AAAA,QACjD,SAAS,MAAMG,EAAYH,EAAS,aAAa;AAAA,QAEjD,UAAA;AAAA,UAAA,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,UAAU;AAAA,cACV,gBAAa;AAAA,cACb,WAAU;AAAA,cACV,SAAS,MAAMP,EAAc,CAACD,CAAU;AAAA,cACxC,SAAS,MAAMC,EAAc,CAACD,CAAU;AAAA,cAExC,UAAA,gBAAAQ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAWD,EAAM;AAAA,oBACb;AAAA,oBACAP,IAAa,iBAAiB;AAAA,kBAAA,CACjC;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA;AAAA,UACL;AAAA,4BACCS,GAAe,EAAA;AAAA,UACf,gBAAAD,EAAA,QAAA,EAAK,WAAU,aAAa,YAAS,OAAM;AAAA,UAC3C,gBAAAA,EAAA,QAAA,EAAK,WAAU,sDAAqD,UAAQ,YAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjF;AAAA,IACCR,KACG,gBAAAQ;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,WAAAd;AAAA,QACA,YAAYD,EAAS;AAAA,QACrB,aAAAE;AAAA,QACA,aAAAC;AAAA,QACA,wBAAAC;AAAA,MAAA;AAAA,IACJ;AAAA,EAER,EAAA,CAAA;AAER;"}

package/dist/components/RichTextEditor/plugins/shared/LinkSelector/DocumentLinks.es.js

@@ -1,14 +1,14 @@
-import { j as c } from "../../../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
-import { LoadingCircle as L } from "@frontify/fondue";
+import { jsx as i, Fragment as v } from "react/jsx-runtime";
+import { LoadingCircle as h } from "@frontify/fondue";
 import { useState as r, useEffect as d } from "react";
-import { DocumentLink as v } from "./DocumentLink.es.js";
-const U = ({ appBridge: e, selectedUrl: n, onSelectUrl: m }) => {
+import { DocumentLink as x } from "./DocumentLink.es.js";
+const C = ({ appBridge: e, selectedUrl: n, onSelectUrl: m }) => {
   const [u, l] = r(!0), [f, I] = r([]), [g, p] = r({
     documentId: void 0,
     pageId: void 0
   }), o = [...f.values()];
   d(() => {
-    n && o.length > 0 && x().then((t) => {
+    n && o.length > 0 && y().then((t) => {
       p(t);
     });
   }, [o.length]), d(() => {
@@ -18,7 +18,7 @@ const U = ({ appBridge: e, selectedUrl: n, onSelectUrl: m }) => {
       l(!1);
     });
   }, []);
-  const x = async () => {
+  const y = async () => {
     const t = {
       documentId: void 0,
       pageId: void 0
@@ -26,19 +26,19 @@ const U = ({ appBridge: e, selectedUrl: n, onSelectUrl: m }) => {
     if (o.find((s) => s.permanentLink === n))
       return t;
     for (const s of o) {
-      const y = await e.getDocumentPagesByDocumentId(s.id);
+      const D = await e.getDocumentPagesByDocumentId(s.id);
       e.getAllDocuments();
-      const a = [...y.values()];
-      if (!!a.find((i) => i.permanentLink === n))
+      const a = [...D.values()];
+      if (!!a.find((c) => c.permanentLink === n))
         return t.documentId = s.id, t;
-      for (const i of a)
-        if (!![...(await e.getDocumentSectionsByDocumentPageId(i.id)).values()].find((D) => D.permanentLink === n))
-          return t.documentId = s.id, t.pageId = i.id, t;
+      for (const c of a)
+        if (!![...(await e.getDocumentSectionsByDocumentPageId(c.id)).values()].find((L) => L.permanentLink === n))
+          return t.documentId = s.id, t.pageId = c.id, t;
     }
     return t;
   };
-  return u ? /* @__PURE__ */ c.jsx("div", { className: "tw-flex tw-justify-center tw-p-4", children: /* @__PURE__ */ c.jsx(L, {}) }) : /* @__PURE__ */ c.jsx(c.Fragment, { children: o.map((t) => /* @__PURE__ */ c.jsx(
-    v,
+  return u ? /* @__PURE__ */ i("div", { className: "tw-flex tw-justify-center tw-p-4", children: /* @__PURE__ */ i(h, {}) }) : /* @__PURE__ */ i(v, { children: o.map((t) => /* @__PURE__ */ i(
+    x,
     {
       document: t,
       appBridge: e,
@@ -50,6 +50,6 @@ const U = ({ appBridge: e, selectedUrl: n, onSelectUrl: m }) => {
   )) });
 };
 export {
-  U as DocumentLinks
+  C as DocumentLinks
 };
 //# sourceMappingURL=DocumentLinks.es.js.map

package/dist/components/RichTextEditor/plugins/shared/LinkSelector/DocumentLinks.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentLinks.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/shared/LinkSelector/DocumentLinks.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AppBridgeBlock, Document } from '@frontify/app-bridge';\nimport { LoadingCircle } from '@frontify/fondue';\nimport { ReactElement, useEffect, useState } from 'react';\nimport { InitiallyExpandedItems } from '../../LinkPlugin/FloatingLink/InsertLinkModal/types';\nimport { DocumentLink } from './DocumentLink';\n\ntype DocumentLinksProps = {\n    appBridge: AppBridgeBlock;\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n};\n\nexport const DocumentLinks = ({ appBridge, selectedUrl, onSelectUrl }: DocumentLinksProps): ReactElement => {\n    const [isLoading, setIsLoading] = useState(true);\n    const [documents, setDocuments] = useState<Document[]>([]);\n    const [itemsToExpandInitially, setItemsToExpandInitially] = useState<InitiallyExpandedItems>({\n        documentId: undefined,\n        pageId: undefined,\n    });\n\n    const documentArray = [...documents.values()];\n\n    useEffect(() => {\n        if (selectedUrl && documentArray.length > 0) {\n            findLocationOfSelectedUrl().then((items) => {\n                setItemsToExpandInitially(items);\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [documentArray.length]);\n\n    useEffect(() => {\n        appBridge\n            .getAllDocuments()\n            .then((_documents) => {\n                setDocuments(_documents);\n            })\n            .finally(() => {\n                setIsLoading(false);\n            });\n    }, []);\n\n    const findLocationOfSelectedUrl = async () => {\n        const itemsToExpand: InitiallyExpandedItems = {\n            documentId: undefined,\n            pageId: undefined,\n        };\n        const selectedUrlIsDocument = documentArray.find((document) => document.permanentLink === selectedUrl);\n        if (selectedUrlIsDocument) {\n            return itemsToExpand;\n        }\n        for (const document of documentArray) {\n            const pages = await appBridge.getDocumentPagesByDocumentId(document.id);\n            appBridge.getAllDocuments();\n            const pagesArray = [...pages.values()];\n            const selectedUrlIsPage = !!pagesArray.find((page) => page.permanentLink === selectedUrl);\n            if (selectedUrlIsPage) {\n                itemsToExpand.documentId = document.id;\n                return itemsToExpand;\n            }\n            for (const page of pagesArray) {\n                const sections = await appBridge.getDocumentSectionsByDocumentPageId(page.id);\n                const sectionsArray = [...sections.values()];\n                const selectedUrlIsSection = !!sectionsArray.find((section) => section.permanentLink === selectedUrl);\n                if (selectedUrlIsSection) {\n                    itemsToExpand.documentId = document.id;\n                    itemsToExpand.pageId = page.id;\n                    return itemsToExpand;\n                }\n            }\n        }\n        return itemsToExpand;\n    };\n\n    return isLoading ? (\n        <div className=\"tw-flex tw-justify-center tw-p-4\">\n            <LoadingCircle />\n        </div>\n    ) : (\n        <>\n            {documentArray.map((document) => {\n                return (\n                    <DocumentLink\n                        key={document.id}\n                        document={document}\n                        appBridge={appBridge}\n                        selectedUrl={selectedUrl}\n                        onSelectUrl={onSelectUrl}\n                        itemsToExpandInitially={itemsToExpandInitially}\n                    />\n                );\n            })}\n        </>\n    );\n};\n"],"names":["DocumentLinks","appBridge","selectedUrl","onSelectUrl","isLoading","setIsLoading","useState","documents","setDocuments","itemsToExpandInitially","setItemsToExpandInitially","documentArray","useEffect","findLocationOfSelectedUrl","items","_documents","itemsToExpand","document","pages","pagesArray","page","section","jsx","LoadingCircle","Fragment","DocumentLink"],"mappings":";;;;AAcO,MAAMA,IAAgB,CAAC,EAAE,WAAAC,GAAW,aAAAC,GAAa,aAAAC,QAAoD;AACxG,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAI,GACzC,CAACC,GAAWC,CAAY,IAAIF,EAAqB,CAAE,CAAA,GACnD,CAACG,GAAwBC,CAAyB,IAAIJ,EAAiC;AAAA,IACzF,YAAY;AAAA,IACZ,QAAQ;AAAA,EAAA,CACX,GAEKK,IAAgB,CAAC,GAAGJ,EAAU,OAAQ,CAAA;AAE5C,EAAAK,EAAU,MAAM;AACR,IAAAV,KAAeS,EAAc,SAAS,KACZE,EAAA,EAAE,KAAK,CAACC,MAAU;AACxC,MAAAJ,EAA0BI,CAAK;AAAA,IAAA,CAClC;AAAA,EACL,GAED,CAACH,EAAc,MAAM,CAAC,GAEzBC,EAAU,MAAM;AACZ,IAAAX,EACK,gBAAgB,EAChB,KAAK,CAACc,MAAe;AAClB,MAAAP,EAAaO,CAAU;AAAA,IAAA,CAC1B,EACA,QAAQ,MAAM;AACX,MAAAV,EAAa,EAAK;AAAA,IAAA,CACrB;AAAA,EACT,GAAG,CAAE,CAAA;AAEL,QAAMQ,IAA4B,YAAY;AAC1C,UAAMG,IAAwC;AAAA,MAC1C,YAAY;AAAA,MACZ,QAAQ;AAAA,IAAA;AAGZ,QAD8BL,EAAc,KAAK,CAACM,MAAaA,EAAS,kBAAkBf,CAAW;AAE1F,aAAAc;AAEX,eAAWC,KAAYN,GAAe;AAClC,YAAMO,IAAQ,MAAMjB,EAAU,6BAA6BgB,EAAS,EAAE;AACtE,MAAAhB,EAAU,gBAAgB;AAC1B,YAAMkB,IAAa,CAAC,GAAGD,EAAM,OAAQ,CAAA;AAErC,UAD0B,CAAC,CAACC,EAAW,KAAK,CAACC,MAASA,EAAK,kBAAkBlB,CAAW;AAEpF,eAAAc,EAAc,aAAaC,EAAS,IAC7BD;AAEX,iBAAWI,KAAQD;AAIf,YAD6B,CAAC,CADR,CAAC,IADN,MAAMlB,EAAU,oCAAoCmB,EAAK,EAAE,GACzC,OAAQ,CAAA,EACE,KAAK,CAACC,MAAYA,EAAQ,kBAAkBnB,CAAW;AAEhG,iBAAAc,EAAc,aAAaC,EAAS,IACpCD,EAAc,SAASI,EAAK,IACrBJ;AAAA,IAGnB;AACO,WAAAA;AAAA,EAAA;AAGX,SAAOZ,IACHkB,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,oCACX,UAAAA,gBAAAA,EAAAA,IAACC,GAAc,CAAA,CAAA,GACnB,IAEAD,gBAAAA,EAAA,IAAAE,YAAA,EACK,UAAcb,EAAA,IAAI,CAACM,MAEZK,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MAEG,UAAAR;AAAA,MACA,WAAAhB;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,wBAAAM;AAAA,IAAA;AAAA,IALKQ,EAAS;AAAA,EAAA,CAQzB,EACL,CAAA;AAER;"}
+{"version":3,"file":"DocumentLinks.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/shared/LinkSelector/DocumentLinks.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AppBridgeBlock, Document } from '@frontify/app-bridge';\nimport { LoadingCircle } from '@frontify/fondue';\nimport { ReactElement, useEffect, useState } from 'react';\nimport { InitiallyExpandedItems } from '../../LinkPlugin/FloatingLink/InsertLinkModal/types';\nimport { DocumentLink } from './DocumentLink';\n\ntype DocumentLinksProps = {\n    appBridge: AppBridgeBlock;\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n};\n\nexport const DocumentLinks = ({ appBridge, selectedUrl, onSelectUrl }: DocumentLinksProps): ReactElement => {\n    const [isLoading, setIsLoading] = useState(true);\n    const [documents, setDocuments] = useState<Document[]>([]);\n    const [itemsToExpandInitially, setItemsToExpandInitially] = useState<InitiallyExpandedItems>({\n        documentId: undefined,\n        pageId: undefined,\n    });\n\n    const documentArray = [...documents.values()];\n\n    useEffect(() => {\n        if (selectedUrl && documentArray.length > 0) {\n            findLocationOfSelectedUrl().then((items) => {\n                setItemsToExpandInitially(items);\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [documentArray.length]);\n\n    useEffect(() => {\n        appBridge\n            .getAllDocuments()\n            .then((_documents) => {\n                setDocuments(_documents);\n            })\n            .finally(() => {\n                setIsLoading(false);\n            });\n    }, []);\n\n    const findLocationOfSelectedUrl = async () => {\n        const itemsToExpand: InitiallyExpandedItems = {\n            documentId: undefined,\n            pageId: undefined,\n        };\n        const selectedUrlIsDocument = documentArray.find((document) => document.permanentLink === selectedUrl);\n        if (selectedUrlIsDocument) {\n            return itemsToExpand;\n        }\n        for (const document of documentArray) {\n            const pages = await appBridge.getDocumentPagesByDocumentId(document.id);\n            appBridge.getAllDocuments();\n            const pagesArray = [...pages.values()];\n            const selectedUrlIsPage = !!pagesArray.find((page) => page.permanentLink === selectedUrl);\n            if (selectedUrlIsPage) {\n                itemsToExpand.documentId = document.id;\n                return itemsToExpand;\n            }\n            for (const page of pagesArray) {\n                const sections = await appBridge.getDocumentSectionsByDocumentPageId(page.id);\n                const sectionsArray = [...sections.values()];\n                const selectedUrlIsSection = !!sectionsArray.find((section) => section.permanentLink === selectedUrl);\n                if (selectedUrlIsSection) {\n                    itemsToExpand.documentId = document.id;\n                    itemsToExpand.pageId = page.id;\n                    return itemsToExpand;\n                }\n            }\n        }\n        return itemsToExpand;\n    };\n\n    return isLoading ? (\n        <div className=\"tw-flex tw-justify-center tw-p-4\">\n            <LoadingCircle />\n        </div>\n    ) : (\n        <>\n            {documentArray.map((document) => {\n                return (\n                    <DocumentLink\n                        key={document.id}\n                        document={document}\n                        appBridge={appBridge}\n                        selectedUrl={selectedUrl}\n                        onSelectUrl={onSelectUrl}\n                        itemsToExpandInitially={itemsToExpandInitially}\n                    />\n                );\n            })}\n        </>\n    );\n};\n"],"names":["DocumentLinks","appBridge","selectedUrl","onSelectUrl","isLoading","setIsLoading","useState","documents","setDocuments","itemsToExpandInitially","setItemsToExpandInitially","documentArray","useEffect","findLocationOfSelectedUrl","items","_documents","itemsToExpand","document","pages","pagesArray","page","section","jsx","LoadingCircle","Fragment","DocumentLink"],"mappings":";;;;AAcO,MAAMA,IAAgB,CAAC,EAAE,WAAAC,GAAW,aAAAC,GAAa,aAAAC,QAAoD;AACxG,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAI,GACzC,CAACC,GAAWC,CAAY,IAAIF,EAAqB,CAAE,CAAA,GACnD,CAACG,GAAwBC,CAAyB,IAAIJ,EAAiC;AAAA,IACzF,YAAY;AAAA,IACZ,QAAQ;AAAA,EAAA,CACX,GAEKK,IAAgB,CAAC,GAAGJ,EAAU,OAAQ,CAAA;AAE5C,EAAAK,EAAU,MAAM;AACR,IAAAV,KAAeS,EAAc,SAAS,KACZE,EAAA,EAAE,KAAK,CAACC,MAAU;AACxC,MAAAJ,EAA0BI,CAAK;AAAA,IAAA,CAClC;AAAA,EACL,GAED,CAACH,EAAc,MAAM,CAAC,GAEzBC,EAAU,MAAM;AACZ,IAAAX,EACK,gBAAgB,EAChB,KAAK,CAACc,MAAe;AAClB,MAAAP,EAAaO,CAAU;AAAA,IAAA,CAC1B,EACA,QAAQ,MAAM;AACX,MAAAV,EAAa,EAAK;AAAA,IAAA,CACrB;AAAA,EACT,GAAG,CAAE,CAAA;AAEL,QAAMQ,IAA4B,YAAY;AAC1C,UAAMG,IAAwC;AAAA,MAC1C,YAAY;AAAA,MACZ,QAAQ;AAAA,IAAA;AAGZ,QAD8BL,EAAc,KAAK,CAACM,MAAaA,EAAS,kBAAkBf,CAAW;AAE1F,aAAAc;AAEX,eAAWC,KAAYN,GAAe;AAClC,YAAMO,IAAQ,MAAMjB,EAAU,6BAA6BgB,EAAS,EAAE;AACtE,MAAAhB,EAAU,gBAAgB;AAC1B,YAAMkB,IAAa,CAAC,GAAGD,EAAM,OAAQ,CAAA;AAErC,UAD0B,CAAC,CAACC,EAAW,KAAK,CAACC,MAASA,EAAK,kBAAkBlB,CAAW;AAEpF,eAAAc,EAAc,aAAaC,EAAS,IAC7BD;AAEX,iBAAWI,KAAQD;AAIf,YAD6B,CAAC,CADR,CAAC,IADN,MAAMlB,EAAU,oCAAoCmB,EAAK,EAAE,GACzC,OAAQ,CAAA,EACE,KAAK,CAACC,MAAYA,EAAQ,kBAAkBnB,CAAW;AAEhG,iBAAAc,EAAc,aAAaC,EAAS,IACpCD,EAAc,SAASI,EAAK,IACrBJ;AAAA,IAGnB;AACO,WAAAA;AAAA,EAAA;AAGX,SAAOZ,IACH,gBAAAkB,EAAC,OAAI,EAAA,WAAU,oCACX,UAAA,gBAAAA,EAACC,GAAc,CAAA,CAAA,GACnB,IAEA,gBAAAD,EAAAE,GAAA,EACK,UAAcb,EAAA,IAAI,CAACM,MAEZ,gBAAAK;AAAA,IAACG;AAAA,IAAA;AAAA,MAEG,UAAAR;AAAA,MACA,WAAAhB;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,MACA,wBAAAM;AAAA,IAAA;AAAA,IALKQ,EAAS;AAAA,EAAA,CAQzB,EACL,CAAA;AAER;"}