@frontify/guideline-blocks-settings 2.0.0 → 2.0.2

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

@@ -1,51 +1,47 @@
-var o = Object.defineProperty;
-var g = (t, e, l) => e in t ? o(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l;
-var m = (t, e, l) => g(t, typeof e != "symbol" ? e + "" : e, l);
-import { jsx as r } from "react/jsx-runtime";
-import { Plugin as u, createPluginFactory as c, MarkupElement as p, merge as T, alignmentClassnames as y, getColumnBreakClasses as k } from "@frontify/fondue/rte";
-import { TextStyles as a, BlockStyles as x } from "../styles.es.js";
-const I = "textstyle-imageTitle-plugin";
-class N extends u {
-  constructor({ styles: l = x.imageTitle, ...s } = {}) {
-    super(a.imageTitle, {
+import { jsx as n } from "react/jsx-runtime";
+import { Plugin as r, MarkupElement as o, createPluginFactory as g, merge as u, alignmentClassnames as c, getColumnBreakClasses as p } from "@frontify/fondue/rte";
+import { TextStyles as s, BlockStyles as T } from "../styles.es.js";
+const y = "textstyle-imageTitle-plugin";
+class C extends r {
+  styles = {};
+  constructor({ styles: e = T.imageTitle, ...l } = {}) {
+    super(s.imageTitle, {
       label: "Image Title",
-      markupElement: new d(),
-      ...s
-    });
-    m(this, "styles", {});
-    this.styles = l;
+      markupElement: new k(),
+      ...l
+    }), this.styles = e;
   }
   plugins() {
-    return [E(this.styles)];
+    return [x(this.styles)];
   }
 }
-class d extends p {
-  constructor(e = I, l = i) {
+class k extends o {
+  constructor(e = y, l = a) {
     super(e, l);
   }
 }
-const i = ({ element: t, attributes: e, children: l, styles: s }) => {
-  const n = t.align;
-  return /* @__PURE__ */ r(
+const a = ({ element: t, attributes: e, children: l, styles: m }) => {
+  const i = t.align;
+  return /* @__PURE__ */ n(
     "p",
     {
       ...e,
-      className: T([n && y[n], k(t)]),
-      style: s,
+      className: u([i && c[i], p(t)]),
+      style: m,
       children: l
     }
   );
-}, E = (t) => c({
-  key: a.imageTitle,
+}, x = (t) => g({
+  key: s.imageTitle,
   isElement: !0,
-  component: i,
+  component: a,
   deserializeHtml: {
-    rules: [{ validClassName: a.imageTitle }]
+    rules: [{ validClassName: s.imageTitle }]
   }
 })({
-  component: (e) => /* @__PURE__ */ r(i, { ...e, styles: t })
+  component: (e) => /* @__PURE__ */ n(a, { ...e, styles: t })
 });
 export {
-  N as ImageTitlePlugin
+  C 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 {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-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(): PlatePlugin[] {\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)])}\n            style={styles}\n        >\n            {children}\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","__publicField","createImageTitlePlugin","MarkupElement","id","node","ImageTitleMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAyBC,EAAO;AAAA,EAEzC,YAAY,EAAE,QAAAC,IAASC,EAAY,YAAY,GAAGC,EAAA,IAAuB,IAAI;AACzE,UAAMC,EAAW,YAAY;AAAA,MACzB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAuB,KAAK,MAAM,CAAC;AAAA,EAC/C;AACJ;AAEA,MAAMF,UAAgCG,EAAc;AAAA,EAChD,YAAYC,IAAKX,GAAIY,IAAOC,GAA6B;AACrD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA8B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC5G,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAyB,CAACN,MAC5BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBP,EAAW,YAAY;AAAA,EAAA;AAEzD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAAA,EAA6B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;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 {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-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(): PlatePlugin[] {\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)])}\n            style={styles}\n        >\n            {children}\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":";;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAyBC,EAAO;AAAA,EAClC,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,YAAY,GAAGC,EAAA,IAAuB,IAAI;AACzE,UAAMC,EAAW,YAAY;AAAA,MACzB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,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;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,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,EAAA;AAEzD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCO,GAAA,EAA6B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AAC/G,CAAC;"}

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

@@ -1,45 +1,41 @@
-var m = Object.defineProperty;
-var u = (t, e, r) => e in t ? m(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var p = (t, e, r) => u(t, typeof e != "symbol" ? e + "" : e, r);
-import { jsx as o } from "react/jsx-runtime";
-import { createPluginFactory as g, Plugin as i, merge as P, alignmentClassnames as y, getColumnBreakClasses as h, MarkupElement as k, createParagraphPlugin as x } from "@frontify/fondue/rte";
-import { TextStyles as n, BlockStyles as E } from "../styles.es.js";
-class M extends i {
-  constructor({ styles: r = E.p, ...a } = {}) {
-    super(n.p, {
-      markupElement: new d(),
+import { jsx as l } from "react/jsx-runtime";
+import { Plugin as c, MarkupElement as m, merge as u, alignmentClassnames as g, getColumnBreakClasses as i, createPluginFactory as P, createParagraphPlugin as y } from "@frontify/fondue/rte";
+import { TextStyles as s, BlockStyles as h } from "../styles.es.js";
+class A extends c {
+  styles = {};
+  constructor({ styles: e = h.p, ...r } = {}) {
+    super(s.p, {
+      markupElement: new x(),
       label: "Body Text",
-      ...a
-    });
-    p(this, "styles", {});
-    this.styles = r;
+      ...r
+    }), this.styles = e;
   }
   plugins() {
-    return [w(this.styles)];
+    return [E(this.styles)];
   }
 }
-const S = "tw-m-0 tw-px-0 tw-py-0", s = ({ element: t, attributes: e, children: r, styles: a }) => {
-  const l = t.align, c = P([l && y[l], S, h(t)]);
-  return /* @__PURE__ */ o("p", { ...e, className: c, style: a, children: r });
+const k = "tw-m-0 tw-px-0 tw-py-0", a = ({ element: t, attributes: e, children: r, styles: p }) => {
+  const n = t.align, o = u([n && g[n], k, i(t)]);
+  return /* @__PURE__ */ l("p", { ...e, className: o, style: p, children: r });
 };
-class d extends k {
-  constructor(e = n.p, r = s) {
+class x extends m {
+  constructor(e = s.p, r = a) {
     super(e, r);
   }
 }
-const w = (t) => g({
-  ...x(),
-  key: n.p,
+const E = (t) => P({
+  ...y(),
+  key: s.p,
   isElement: !0,
-  component: s
+  component: a
 })({
-  component: (e) => /* @__PURE__ */ o(s, { ...e, styles: t })
+  component: (e) => /* @__PURE__ */ l(a, { ...e, styles: t })
 });
 export {
-  S as PARAGRAPH_CLASSES,
-  d as ParagraphMarkupElement,
-  s as ParagraphMarkupElementNode,
-  M as ParagraphPlugin,
-  w as createParagraphPlugin
+  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 {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createParagraphPlugin as createPlateParagraphPlugin,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nexport class ParagraphPlugin extends Plugin {\n    public styles = {};\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(): PlatePlugin[] {\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): PlatePlugin =>\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","__publicField","createParagraphPlugin","PARAGRAPH_CLASSES","ParagraphMarkupElementNode","element","attributes","children","align","className","merge","alignmentClassnames","getColumnBreakClasses","MarkupElement","id","node","createPluginFactory","createPlateParagraphPlugin"],"mappings":";;;;;;AAkBO,MAAMA,UAAwBC,EAAO;AAAA,EAExC,YAAY,EAAE,QAAAC,IAASC,EAAY,GAAG,GAAGC,EAAA,IAAuB,IAAI;AAChE,UAAMC,EAAW,GAAG;AAAA,MAChB,eAAe,IAAIC,EAAA;AAAA,MACnB,OAAO;AAAA,MACP,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAS,CAAA;AAOZ,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAsB,KAAK,MAAM,CAAC;AAAA,EAC9C;AACJ;AAEO,MAAMC,IAAoB,0BAEpBC,IAA6B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAX,QAA0C;AAClH,QAAMY,IAAQH,EAAQ,OAChBI,IAAYC,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGL,GAAmBS,EAAsBP,CAAO,CAAC,CAAC;AAChH,2BACK,KAAA,EAAG,GAAGC,GAAY,WAAAG,GAAsB,OAAOb,GAC3C,UAAAW,GACL;AAER;AAEO,MAAMP,UAA+Ba,EAAc;AAAA,EACtD,YAAYC,IAAKf,EAAW,GAAGgB,IAAOX,GAA4B;AAC9D,UAAMU,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEO,MAAMb,IAAwB,CAACN,MAClCoB,EAAoB;AAAA,EAChB,GAAGC,EAAA;AAAA,EACH,KAAKlB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWK;AACf,CAAC,EAAE;AAAA,EACC,WAAW,CAACN,wBAAwCM,GAAA,EAA4B,GAAGN,GAAO,QAAAF,EAAA,CAAgB;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 {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createParagraphPlugin as createPlateParagraphPlugin,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nexport class ParagraphPlugin extends Plugin {\n    public styles = {};\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(): PlatePlugin[] {\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): PlatePlugin =>\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":";;;AAkBO,MAAMA,UAAwBC,EAAO;AAAA,EACjC,SAAS,CAAA;AAAA,EAChB,YAAY,EAAE,QAAAC,IAASC,EAAY,GAAG,GAAGC,EAAA,IAAuB,IAAI;AAChE,UAAMC,EAAW,GAAG;AAAA,MAChB,eAAe,IAAIC,EAAA;AAAA,MACnB,OAAO;AAAA,MACP,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,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,KAAA,EAAG,GAAGC,GAAY,WAAAG,GAAsB,OAAOZ,GAC3C,UAAAU,GACL;AAER;AAEO,MAAMN,UAA+BY,EAAc;AAAA,EACtD,YAAYC,IAAKd,EAAW,GAAGe,IAAOX,GAA4B;AAC9D,UAAMU,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEO,MAAMb,IAAwB,CAACL,MAClCmB,EAAoB;AAAA,EAChB,GAAGC,EAAA;AAAA,EACH,KAAKjB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWI;AACf,CAAC,EAAE;AAAA,EACC,WAAW,CAACL,wBAAwCK,GAAA,EAA4B,GAAGL,GAAO,QAAAF,EAAA,CAAgB;AAC9G,CAAC;"}

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

@@ -1,53 +1,49 @@
-var m = Object.defineProperty;
-var c = (t, e, s) => e in t ? m(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var u = (t, e, s) => c(t, typeof e != "symbol" ? e + "" : e, s);
-import { jsx as r } from "react/jsx-runtime";
-import { createPluginFactory as i, Plugin as p, merge as g, alignmentClassnames as k, getColumnBreakClasses as y, MarkupElement as d } from "@frontify/fondue/rte";
-import { TextStyles as a, BlockStyles as q } from "../styles.es.js";
-const x = "textstyle-quote-plugin";
-class f extends p {
-  constructor({ styles: s = q.quote, ...o } = {}) {
-    super(a.quote, {
+import { jsx as n } from "react/jsx-runtime";
+import { Plugin as a, merge as m, alignmentClassnames as c, getColumnBreakClasses as i, createPluginFactory as p, MarkupElement as g } from "@frontify/fondue/rte";
+import { TextStyles as u, BlockStyles as k } from "../styles.es.js";
+const y = "textstyle-quote-plugin";
+class C extends a {
+  styles = {};
+  constructor({ styles: e = k.quote, ...s } = {}) {
+    super(u.quote, {
       label: "Quote",
-      markupElement: new E(),
-      ...o
-    });
-    u(this, "styles", {});
-    this.styles = s;
+      markupElement: new d(),
+      ...s
+    }), this.styles = e;
   }
   plugins() {
-    return [Q(this.styles)];
+    return [q(this.styles)];
   }
 }
-class E extends d {
-  constructor(e = x, s = l) {
+class d extends g {
+  constructor(e = y, s = o) {
     super(e, s);
   }
 }
-const l = ({ element: t, attributes: e, children: s, styles: o }) => {
-  const n = t.align;
-  return /* @__PURE__ */ r(
+const o = ({ element: t, attributes: e, children: s, styles: r }) => {
+  const l = t.align;
+  return /* @__PURE__ */ n(
     "blockquote",
     {
       ...e,
-      className: g([n && k[n], y(t)]),
-      style: o,
+      className: m([l && c[l], i(t)]),
+      style: r,
       children: s
     }
   );
-}, Q = (t) => i({
-  key: a.quote,
+}, q = (t) => p({
+  key: u.quote,
   isElement: !0,
-  component: l,
+  component: o,
   deserializeHtml: {
     rules: [{ validNodeName: ["blockquote", "BLOCKQUOTE"] }]
   }
 })({
-  component: (e) => /* @__PURE__ */ r(l, { ...e, styles: t })
+  component: (e) => /* @__PURE__ */ n(o, { ...e, styles: t })
 });
 export {
-  l as QuoteMarkupElementNode,
-  f as QuotePlugin,
-  Q as createQuotePlugin
+  o as QuoteMarkupElementNode,
+  C 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 {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-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(): PlatePlugin[] {\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)])}\n            style={styles}\n        >\n            {children}\n        </blockquote>\n    );\n};\n\nexport const createQuotePlugin = (styles: CSSProperties): PlatePlugin =>\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","__publicField","createQuotePlugin","MarkupElement","id","node","QuoteMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAoBC,EAAO;AAAA,EAEpC,YAAY,EAAE,QAAAC,IAASC,EAAY,OAAO,GAAGC,EAAA,IAAuB,IAAI;AACpE,UAAMC,EAAW,OAAO;AAAA,MACpB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAkB,KAAK,MAAM,CAAC;AAAA,EAC1C;AACJ;AAEA,MAAMF,UAA2BG,EAAc;AAAA,EAC3C,YAAYC,IAAKX,GAAIY,IAAOC,GAAwB;AAChD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEO,MAAMC,IAAyB,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC9G,QAAMc,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOX;AAAA,MAEN,UAAAa;AAAA,IAAA;AAAA,EAAA;AAGb,GAEaP,IAAoB,CAACN,MAC9BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,cAAc,YAAY,GAAG;AAAA,EAAA;AAE/D,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAAwB,GAAGR,GAAO,QAAAF,EAAA,CAAgB;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 {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-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(): PlatePlugin[] {\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)])}\n            style={styles}\n        >\n            {children}\n        </blockquote>\n    );\n};\n\nexport const createQuotePlugin = (styles: CSSProperties): PlatePlugin =>\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":";;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAoBC,EAAO;AAAA,EAC7B,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,OAAO,GAAGC,EAAA,IAAuB,IAAI;AACpE,UAAMC,EAAW,OAAO;AAAA,MACpB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,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;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,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,EAAA;AAE/D,CAAC,EAAE;AAAA,EACC,WAAW,CAACP,wBAAwCO,GAAA,EAAwB,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AAC1G,CAAC;"}

package/dist/helpers/customCoordinatesGetterFactory.es.js

@@ -1,32 +1,32 @@
-import { KeyboardCode as h } from "@dnd-kit/core";
-const w = [h.Down, h.Right, h.Up, h.Left], m = (x, y) => (t, { currentCoordinates: f, context: { activeNode: s } }) => {
-  if (t.preventDefault(), w.includes(t.code)) {
-    const g = (s == null ? void 0 : s.offsetWidth) ?? 0, p = (s == null ? void 0 : s.offsetHeight) ?? 0;
-    switch (t.code) {
-      case h.Right:
+import { KeyboardCode as e } from "@dnd-kit/core";
+const y = [e.Down, e.Right, e.Up, e.Left], g = (h, s) => (f, { currentCoordinates: t, context: { activeNode: c } }) => {
+  if (f.preventDefault(), y.includes(f.code)) {
+    const i = c?.offsetWidth ?? 0, x = c?.offsetHeight ?? 0;
+    switch (f.code) {
+      case e.Right:
         return {
-          ...f,
-          x: f.x + g + x
+          ...t,
+          x: t.x + i + h
         };
-      case h.Left:
+      case e.Left:
         return {
-          ...f,
-          x: f.x - g - x
+          ...t,
+          x: t.x - i - h
         };
-      case h.Down:
+      case e.Down:
         return {
-          ...f,
-          y: f.y + p + y
+          ...t,
+          y: t.y + x + s
         };
-      case h.Up:
+      case e.Up:
         return {
-          ...f,
-          y: f.y - p - y
+          ...t,
+          y: t.y - x - s
         };
     }
   }
 };
 export {
-  m as customCoordinatesGetterFactory
+  g as customCoordinatesGetterFactory
 };
 //# sourceMappingURL=customCoordinatesGetterFactory.es.js.map

package/dist/helpers/customCoordinatesGetterFactory.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"customCoordinatesGetterFactory.es.js","sources":["../../src/helpers/customCoordinatesGetterFactory.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { KeyboardCode, type KeyboardCoordinateGetter } from '@dnd-kit/core';\n\nconst directions: string[] = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];\n\nexport const customCoordinatesGetterFactory =\n    (columnGap: number, rowGap: number): KeyboardCoordinateGetter =>\n    (event, { currentCoordinates, context: { activeNode } }) => {\n        event.preventDefault();\n        if (directions.includes(event.code)) {\n            const width = activeNode?.offsetWidth ?? 0;\n            const height = activeNode?.offsetHeight ?? 0;\n\n            switch (event.code) {\n                case KeyboardCode.Right:\n                    return {\n                        ...currentCoordinates,\n                        x: currentCoordinates.x + width + columnGap,\n                    };\n                case KeyboardCode.Left:\n                    return {\n                        ...currentCoordinates,\n                        x: currentCoordinates.x - width - columnGap,\n                    };\n                case KeyboardCode.Down:\n                    return {\n                        ...currentCoordinates,\n                        y: currentCoordinates.y + height + rowGap,\n                    };\n                case KeyboardCode.Up:\n                    return {\n                        ...currentCoordinates,\n                        y: currentCoordinates.y - height - rowGap,\n                    };\n            }\n        }\n        return undefined;\n    };\n"],"names":["directions","KeyboardCode","customCoordinatesGetterFactory","columnGap","rowGap","event","currentCoordinates","activeNode","width","height"],"mappings":";AAIA,MAAMA,IAAuB,CAACC,EAAa,MAAMA,EAAa,OAAOA,EAAa,IAAIA,EAAa,IAAI,GAE1FC,IACT,CAACC,GAAmBC,MACpB,CAACC,GAAO,EAAE,oBAAAC,GAAoB,SAAS,EAAE,YAAAC,EAAA,QAAmB;AAExD,MADAF,EAAM,eAAA,GACFL,EAAW,SAASK,EAAM,IAAI,GAAG;AACjC,UAAMG,KAAQD,KAAA,gBAAAA,EAAY,gBAAe,GACnCE,KAASF,KAAA,gBAAAA,EAAY,iBAAgB;AAE3C,YAAQF,EAAM,MAAA;AAAA,MACV,KAAKJ,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIE,IAAQL;AAAA,QAAA;AAAA,MAE1C,KAAKF,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIE,IAAQL;AAAA,QAAA;AAAA,MAE1C,KAAKF,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIG,IAASL;AAAA,QAAA;AAAA,MAE3C,KAAKH,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIG,IAASL;AAAA,QAAA;AAAA,IACvC;AAAA,EAEZ;AAEJ;"}
+{"version":3,"file":"customCoordinatesGetterFactory.es.js","sources":["../../src/helpers/customCoordinatesGetterFactory.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { KeyboardCode, type KeyboardCoordinateGetter } from '@dnd-kit/core';\n\nconst directions: string[] = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];\n\nexport const customCoordinatesGetterFactory =\n    (columnGap: number, rowGap: number): KeyboardCoordinateGetter =>\n    (event, { currentCoordinates, context: { activeNode } }) => {\n        event.preventDefault();\n        if (directions.includes(event.code)) {\n            const width = activeNode?.offsetWidth ?? 0;\n            const height = activeNode?.offsetHeight ?? 0;\n\n            switch (event.code) {\n                case KeyboardCode.Right:\n                    return {\n                        ...currentCoordinates,\n                        x: currentCoordinates.x + width + columnGap,\n                    };\n                case KeyboardCode.Left:\n                    return {\n                        ...currentCoordinates,\n                        x: currentCoordinates.x - width - columnGap,\n                    };\n                case KeyboardCode.Down:\n                    return {\n                        ...currentCoordinates,\n                        y: currentCoordinates.y + height + rowGap,\n                    };\n                case KeyboardCode.Up:\n                    return {\n                        ...currentCoordinates,\n                        y: currentCoordinates.y - height - rowGap,\n                    };\n            }\n        }\n        return undefined;\n    };\n"],"names":["directions","KeyboardCode","customCoordinatesGetterFactory","columnGap","rowGap","event","currentCoordinates","activeNode","width","height"],"mappings":";AAIA,MAAMA,IAAuB,CAACC,EAAa,MAAMA,EAAa,OAAOA,EAAa,IAAIA,EAAa,IAAI,GAE1FC,IACT,CAACC,GAAmBC,MACpB,CAACC,GAAO,EAAE,oBAAAC,GAAoB,SAAS,EAAE,YAAAC,EAAA,QAAmB;AAExD,MADAF,EAAM,eAAA,GACFL,EAAW,SAASK,EAAM,IAAI,GAAG;AACjC,UAAMG,IAAQD,GAAY,eAAe,GACnCE,IAASF,GAAY,gBAAgB;AAE3C,YAAQF,EAAM,MAAA;AAAA,MACV,KAAKJ,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIE,IAAQL;AAAA,QAAA;AAAA,MAE1C,KAAKF,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIE,IAAQL;AAAA,QAAA;AAAA,MAE1C,KAAKF,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIG,IAASL;AAAA,QAAA;AAAA,MAE3C,KAAKH,EAAa;AACd,eAAO;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIG,IAASL;AAAA,QAAA;AAAA,IACvC;AAAA,EAEZ;AAEJ;"}

package/dist/hooks/useAttachments.es.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
-import { useBlockAssets as u } from "@frontify/app-bridge";
-import { createContext as l, useContext as w } from "react";
+import { useBlockAssets as l } from "@frontify/app-bridge";
+import { useContext as u, createContext as w } from "react";
 const p = (t, o) => {
-  const { blockAssets: e, addAssetIdsToKey: n, deleteAssetIdsFromKey: a, updateAssetIdsFromKey: r } = o, d = (e == null ? void 0 : e[t]) || [];
+  const { blockAssets: e, addAssetIdsToKey: n, deleteAssetIdsFromKey: a, updateAssetIdsFromKey: r } = o, d = e?.[t] || [];
   return {
     onAttachmentsAdd: async (s) => {
       await n(
@@ -26,7 +26,7 @@ const p = (t, o) => {
     attachments: d
   };
 }, v = (t, o) => {
-  const { onAttachmentsAdd: e, onAttachmentDelete: n, onAttachmentReplace: a, onAttachmentsSorted: r, attachments: d } = p(o, u(t));
+  const { onAttachmentsAdd: e, onAttachmentDelete: n, onAttachmentReplace: a, onAttachmentsSorted: r, attachments: d } = p(o, l(t));
   return {
     onAttachmentsAdd: e,
     onAttachmentDelete: n,
@@ -35,7 +35,7 @@ const p = (t, o) => {
     attachments: d,
     appBridge: t
   };
-}, i = l(null);
+}, i = w(null);
 i.displayName = "AttachmentsContext";
 const x = ({
   appBridge: t,
@@ -53,7 +53,7 @@ const x = ({
   const a = p(n, t);
   return /* @__PURE__ */ m(i.Provider, { value: { ...a, appBridge: o }, children: e });
 }, R = () => {
-  const t = w(i);
+  const t = u(i);
   if (!t)
     throw new Error(
       "No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC"

package/dist/hooks/useAttachments.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAttachments.es.js","sources":["../../src/hooks/useAttachments.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock, type Asset, useBlockAssets } from '@frontify/app-bridge';\nimport { type ReactNode, createContext, useContext } from 'react';\n\nimport { type BlockProps } from '../index';\n\nexport const useAttachmentOperations = (attachmentKey: string, blockAssetBundle: ReturnType<typeof useBlockAssets>) => {\n    const { blockAssets, addAssetIdsToKey, deleteAssetIdsFromKey, updateAssetIdsFromKey } = blockAssetBundle;\n    const attachments = blockAssets?.[attachmentKey] || [];\n\n    const onAttachmentsAdd = async (newAssets: Asset[]) => {\n        await addAssetIdsToKey(\n            attachmentKey,\n            newAssets.map((asset) => asset.id),\n        );\n    };\n\n    const onAttachmentDelete = async (assetToDelete: Asset) => {\n        await deleteAssetIdsFromKey(attachmentKey, [assetToDelete.id]);\n    };\n\n    const onAttachmentReplace = async (attachmentToReplace: Asset, newAsset: Asset) => {\n        const newAssetIds = attachments.map((attachment) =>\n            attachment.id === attachmentToReplace.id ? newAsset.id : attachment.id,\n        );\n\n        await updateAssetIdsFromKey(attachmentKey, newAssetIds);\n    };\n\n    const onAttachmentsSorted = async (assets: Asset[]) => {\n        const newAssetIds = assets.map((asset) => asset.id);\n\n        await updateAssetIdsFromKey(attachmentKey, newAssetIds);\n    };\n\n    return {\n        onAttachmentsAdd,\n        onAttachmentDelete,\n        onAttachmentReplace,\n        onAttachmentsSorted,\n        attachments,\n    };\n};\n\nexport const useAttachments = (appBridge: AppBridgeBlock, attachmentKey: string) => {\n    const { onAttachmentsAdd, onAttachmentDelete, onAttachmentReplace, onAttachmentsSorted, attachments } =\n        useAttachmentOperations(attachmentKey, useBlockAssets(appBridge));\n\n    return {\n        onAttachmentsAdd,\n        onAttachmentDelete,\n        onAttachmentReplace,\n        onAttachmentsSorted,\n        attachments,\n        appBridge,\n    };\n};\n\nconst AttachmentsContext = createContext<ReturnType<typeof useAttachments> | null>(null);\nAttachmentsContext.displayName = 'AttachmentsContext';\n\nexport const AttachmentsProvider = ({\n    appBridge,\n    children,\n    assetId,\n}: {\n    appBridge: AppBridgeBlock;\n    children: ReactNode;\n    assetId: string;\n}) => {\n    const attachmentContext = useAttachments(appBridge, assetId);\n\n    return <AttachmentsContext.Provider value={attachmentContext}>{children}</AttachmentsContext.Provider>;\n};\n\nexport const AttachmentOperationsProvider = ({\n    blockAssetBundle,\n    appBridge,\n    children,\n    assetId,\n}: {\n    blockAssetBundle: ReturnType<typeof useBlockAssets>;\n    children: ReactNode;\n    assetId: string;\n    appBridge: AppBridgeBlock;\n}) => {\n    const attachmentContext = useAttachmentOperations(assetId, blockAssetBundle);\n\n    return (\n        <AttachmentsContext.Provider value={{ ...attachmentContext, appBridge }}>\n            {children}\n        </AttachmentsContext.Provider>\n    );\n};\n\nexport const useAttachmentsContext = () => {\n    const context = useContext(AttachmentsContext);\n\n    if (!context) {\n        throw new Error(\n            \"No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC\",\n        );\n    }\n\n    return context;\n};\n\n/**\n * Block-level HOC for cases when there is only one attachment asset field related to the block.\n * Recommended for most cases.\n * If finer control is required over attachments, use {@link AttachmentsProvider} component.\n */\nexport const withAttachmentsProvider = <T extends BlockProps>(Component: (props: T) => ReactNode, assetId: string) => {\n    const wrappedComponent = (props: T) => (\n        <AttachmentsProvider appBridge={props.appBridge} assetId={assetId}>\n            <Component {...props} />\n        </AttachmentsProvider>\n    );\n\n    wrappedComponent.displayName = 'withAttachmentsProvider';\n\n    return wrappedComponent;\n};\n"],"names":["useAttachmentOperations","attachmentKey","blockAssetBundle","blockAssets","addAssetIdsToKey","deleteAssetIdsFromKey","updateAssetIdsFromKey","attachments","newAssets","asset","assetToDelete","attachmentToReplace","newAsset","newAssetIds","attachment","assets","useAttachments","appBridge","onAttachmentsAdd","onAttachmentDelete","onAttachmentReplace","onAttachmentsSorted","useBlockAssets","AttachmentsContext","createContext","AttachmentsProvider","children","assetId","attachmentContext","AttachmentOperationsProvider","jsx","useAttachmentsContext","context","useContext","withAttachmentsProvider","Component","wrappedComponent","props"],"mappings":";;;AAOO,MAAMA,IAA0B,CAACC,GAAuBC,MAAwD;AACnH,QAAM,EAAE,aAAAC,GAAa,kBAAAC,GAAkB,uBAAAC,GAAuB,uBAAAC,MAA0BJ,GAClFK,KAAcJ,KAAA,gBAAAA,EAAcF,OAAkB,CAAA;AA2BpD,SAAO;AAAA,IACH,kBA1BqB,OAAOO,MAAuB;AACnD,YAAMJ;AAAA,QACFH;AAAA,QACAO,EAAU,IAAI,CAACC,MAAUA,EAAM,EAAE;AAAA,MAAA;AAAA,IAEzC;AAAA,IAsBI,oBApBuB,OAAOC,MAAyB;AACvD,YAAML,EAAsBJ,GAAe,CAACS,EAAc,EAAE,CAAC;AAAA,IACjE;AAAA,IAmBI,qBAjBwB,OAAOC,GAA4BC,MAAoB;AAC/E,YAAMC,IAAcN,EAAY;AAAA,QAAI,CAACO,MACjCA,EAAW,OAAOH,EAAoB,KAAKC,EAAS,KAAKE,EAAW;AAAA,MAAA;AAGxE,YAAMR,EAAsBL,GAAeY,CAAW;AAAA,IAC1D;AAAA,IAYI,qBAVwB,OAAOE,MAAoB;AACnD,YAAMF,IAAcE,EAAO,IAAI,CAACN,MAAUA,EAAM,EAAE;AAElD,YAAMH,EAAsBL,GAAeY,CAAW;AAAA,IAC1D;AAAA,IAOI,aAAAN;AAAA,EAAA;AAER,GAEaS,IAAiB,CAACC,GAA2BhB,MAA0B;AAChF,QAAM,EAAE,kBAAAiB,GAAkB,oBAAAC,GAAoB,qBAAAC,GAAqB,qBAAAC,GAAqB,aAAAd,EAAA,IACpFP,EAAwBC,GAAeqB,EAAeL,CAAS,CAAC;AAEpE,SAAO;AAAA,IACH,kBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAd;AAAA,IACA,WAAAU;AAAA,EAAA;AAER,GAEMM,IAAqBC,EAAwD,IAAI;AACvFD,EAAmB,cAAc;AAE1B,MAAME,IAAsB,CAAC;AAAA,EAChC,WAAAR;AAAA,EACA,UAAAS;AAAA,EACA,SAAAC;AACJ,MAIM;AACF,QAAMC,IAAoBZ,EAAeC,GAAWU,CAAO;AAE3D,2BAAQJ,EAAmB,UAAnB,EAA4B,OAAOK,GAAoB,UAAAF,GAAS;AAC5E,GAEaG,IAA+B,CAAC;AAAA,EACzC,kBAAA3B;AAAA,EACA,WAAAe;AAAA,EACA,UAAAS;AAAA,EACA,SAAAC;AACJ,MAKM;AACF,QAAMC,IAAoB5B,EAAwB2B,GAASzB,CAAgB;AAE3E,SACI,gBAAA4B,EAACP,EAAmB,UAAnB,EAA4B,OAAO,EAAE,GAAGK,GAAmB,WAAAX,KACvD,UAAAS,GACL;AAER,GAEaK,IAAwB,MAAM;AACvC,QAAMC,IAAUC,EAAWV,CAAkB;AAE7C,MAAI,CAACS;AACD,UAAM,IAAI;AAAA,MACN;AAAA,IAAA;AAIR,SAAOA;AACX,GAOaE,IAA0B,CAAuBC,GAAoCR,MAAoB;AAClH,QAAMS,IAAmB,CAACC,MACtB,gBAAAP,EAACL,GAAA,EAAoB,WAAWY,EAAM,WAAW,SAAAV,GAC7C,UAAA,gBAAAG,EAACK,GAAA,EAAW,GAAGE,GAAO,GAC1B;AAGJ,SAAAD,EAAiB,cAAc,2BAExBA;AACX;"}
+{"version":3,"file":"useAttachments.es.js","sources":["../../src/hooks/useAttachments.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type AppBridgeBlock, type Asset, useBlockAssets } from '@frontify/app-bridge';\nimport { type ReactNode, createContext, useContext } from 'react';\n\nimport { type BlockProps } from '../index';\n\nexport const useAttachmentOperations = (attachmentKey: string, blockAssetBundle: ReturnType<typeof useBlockAssets>) => {\n    const { blockAssets, addAssetIdsToKey, deleteAssetIdsFromKey, updateAssetIdsFromKey } = blockAssetBundle;\n    const attachments = blockAssets?.[attachmentKey] || [];\n\n    const onAttachmentsAdd = async (newAssets: Asset[]) => {\n        await addAssetIdsToKey(\n            attachmentKey,\n            newAssets.map((asset) => asset.id),\n        );\n    };\n\n    const onAttachmentDelete = async (assetToDelete: Asset) => {\n        await deleteAssetIdsFromKey(attachmentKey, [assetToDelete.id]);\n    };\n\n    const onAttachmentReplace = async (attachmentToReplace: Asset, newAsset: Asset) => {\n        const newAssetIds = attachments.map((attachment) =>\n            attachment.id === attachmentToReplace.id ? newAsset.id : attachment.id,\n        );\n\n        await updateAssetIdsFromKey(attachmentKey, newAssetIds);\n    };\n\n    const onAttachmentsSorted = async (assets: Asset[]) => {\n        const newAssetIds = assets.map((asset) => asset.id);\n\n        await updateAssetIdsFromKey(attachmentKey, newAssetIds);\n    };\n\n    return {\n        onAttachmentsAdd,\n        onAttachmentDelete,\n        onAttachmentReplace,\n        onAttachmentsSorted,\n        attachments,\n    };\n};\n\nexport const useAttachments = (appBridge: AppBridgeBlock, attachmentKey: string) => {\n    const { onAttachmentsAdd, onAttachmentDelete, onAttachmentReplace, onAttachmentsSorted, attachments } =\n        useAttachmentOperations(attachmentKey, useBlockAssets(appBridge));\n\n    return {\n        onAttachmentsAdd,\n        onAttachmentDelete,\n        onAttachmentReplace,\n        onAttachmentsSorted,\n        attachments,\n        appBridge,\n    };\n};\n\nconst AttachmentsContext = createContext<ReturnType<typeof useAttachments> | null>(null);\nAttachmentsContext.displayName = 'AttachmentsContext';\n\nexport const AttachmentsProvider = ({\n    appBridge,\n    children,\n    assetId,\n}: {\n    appBridge: AppBridgeBlock;\n    children: ReactNode;\n    assetId: string;\n}) => {\n    const attachmentContext = useAttachments(appBridge, assetId);\n\n    return <AttachmentsContext.Provider value={attachmentContext}>{children}</AttachmentsContext.Provider>;\n};\n\nexport const AttachmentOperationsProvider = ({\n    blockAssetBundle,\n    appBridge,\n    children,\n    assetId,\n}: {\n    blockAssetBundle: ReturnType<typeof useBlockAssets>;\n    children: ReactNode;\n    assetId: string;\n    appBridge: AppBridgeBlock;\n}) => {\n    const attachmentContext = useAttachmentOperations(assetId, blockAssetBundle);\n\n    return (\n        <AttachmentsContext.Provider value={{ ...attachmentContext, appBridge }}>\n            {children}\n        </AttachmentsContext.Provider>\n    );\n};\n\nexport const useAttachmentsContext = () => {\n    const context = useContext(AttachmentsContext);\n\n    if (!context) {\n        throw new Error(\n            \"No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC\",\n        );\n    }\n\n    return context;\n};\n\n/**\n * Block-level HOC for cases when there is only one attachment asset field related to the block.\n * Recommended for most cases.\n * If finer control is required over attachments, use {@link AttachmentsProvider} component.\n */\nexport const withAttachmentsProvider = <T extends BlockProps>(Component: (props: T) => ReactNode, assetId: string) => {\n    const wrappedComponent = (props: T) => (\n        <AttachmentsProvider appBridge={props.appBridge} assetId={assetId}>\n            <Component {...props} />\n        </AttachmentsProvider>\n    );\n\n    wrappedComponent.displayName = 'withAttachmentsProvider';\n\n    return wrappedComponent;\n};\n"],"names":["useAttachmentOperations","attachmentKey","blockAssetBundle","blockAssets","addAssetIdsToKey","deleteAssetIdsFromKey","updateAssetIdsFromKey","attachments","newAssets","asset","assetToDelete","attachmentToReplace","newAsset","newAssetIds","attachment","assets","useAttachments","appBridge","onAttachmentsAdd","onAttachmentDelete","onAttachmentReplace","onAttachmentsSorted","useBlockAssets","AttachmentsContext","createContext","AttachmentsProvider","children","assetId","attachmentContext","AttachmentOperationsProvider","jsx","useAttachmentsContext","context","useContext","withAttachmentsProvider","Component","wrappedComponent","props"],"mappings":";;;AAOO,MAAMA,IAA0B,CAACC,GAAuBC,MAAwD;AACnH,QAAM,EAAE,aAAAC,GAAa,kBAAAC,GAAkB,uBAAAC,GAAuB,uBAAAC,MAA0BJ,GAClFK,IAAcJ,IAAcF,CAAa,KAAK,CAAA;AA2BpD,SAAO;AAAA,IACH,kBA1BqB,OAAOO,MAAuB;AACnD,YAAMJ;AAAA,QACFH;AAAA,QACAO,EAAU,IAAI,CAACC,MAAUA,EAAM,EAAE;AAAA,MAAA;AAAA,IAEzC;AAAA,IAsBI,oBApBuB,OAAOC,MAAyB;AACvD,YAAML,EAAsBJ,GAAe,CAACS,EAAc,EAAE,CAAC;AAAA,IACjE;AAAA,IAmBI,qBAjBwB,OAAOC,GAA4BC,MAAoB;AAC/E,YAAMC,IAAcN,EAAY;AAAA,QAAI,CAACO,MACjCA,EAAW,OAAOH,EAAoB,KAAKC,EAAS,KAAKE,EAAW;AAAA,MAAA;AAGxE,YAAMR,EAAsBL,GAAeY,CAAW;AAAA,IAC1D;AAAA,IAYI,qBAVwB,OAAOE,MAAoB;AACnD,YAAMF,IAAcE,EAAO,IAAI,CAACN,MAAUA,EAAM,EAAE;AAElD,YAAMH,EAAsBL,GAAeY,CAAW;AAAA,IAC1D;AAAA,IAOI,aAAAN;AAAA,EAAA;AAER,GAEaS,IAAiB,CAACC,GAA2BhB,MAA0B;AAChF,QAAM,EAAE,kBAAAiB,GAAkB,oBAAAC,GAAoB,qBAAAC,GAAqB,qBAAAC,GAAqB,aAAAd,EAAA,IACpFP,EAAwBC,GAAeqB,EAAeL,CAAS,CAAC;AAEpE,SAAO;AAAA,IACH,kBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAd;AAAA,IACA,WAAAU;AAAA,EAAA;AAER,GAEMM,IAAqBC,EAAwD,IAAI;AACvFD,EAAmB,cAAc;AAE1B,MAAME,IAAsB,CAAC;AAAA,EAChC,WAAAR;AAAA,EACA,UAAAS;AAAA,EACA,SAAAC;AACJ,MAIM;AACF,QAAMC,IAAoBZ,EAAeC,GAAWU,CAAO;AAE3D,2BAAQJ,EAAmB,UAAnB,EAA4B,OAAOK,GAAoB,UAAAF,GAAS;AAC5E,GAEaG,IAA+B,CAAC;AAAA,EACzC,kBAAA3B;AAAA,EACA,WAAAe;AAAA,EACA,UAAAS;AAAA,EACA,SAAAC;AACJ,MAKM;AACF,QAAMC,IAAoB5B,EAAwB2B,GAASzB,CAAgB;AAE3E,SACI,gBAAA4B,EAACP,EAAmB,UAAnB,EAA4B,OAAO,EAAE,GAAGK,GAAmB,WAAAX,KACvD,UAAAS,GACL;AAER,GAEaK,IAAwB,MAAM;AACvC,QAAMC,IAAUC,EAAWV,CAAkB;AAE7C,MAAI,CAACS;AACD,UAAM,IAAI;AAAA,MACN;AAAA,IAAA;AAIR,SAAOA;AACX,GAOaE,IAA0B,CAAuBC,GAAoCR,MAAoB;AAClH,QAAMS,IAAmB,CAACC,MACtB,gBAAAP,EAACL,GAAA,EAAoB,WAAWY,EAAM,WAAW,SAAAV,GAC7C,UAAA,gBAAAG,EAACK,GAAA,EAAW,GAAGE,GAAO,GAC1B;AAGJ,SAAAD,EAAiB,cAAc,2BAExBA;AACX;"}