@frontify/guideline-blocks-settings 1.0.3 → 1.0.5-alpha.0

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 {\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';\nimport { type CSSProperties } from 'react';\n\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(): PlatePlugin[] {\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)])}\n            style={styles}\n        >\n            {children}\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","__publicField","createImageCaptionPlugin","MarkupElement","id","node","ImageCaptionMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,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;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAyB,KAAK,MAAM,CAAC;AAAA,EACjD;AACJ;AAEA,MAAMF,UAAkCG,EAAc;AAAA,EAClD,YAAYC,IAAKX,GAAIY,IAAOC,GAA+B;AACvD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAAgC,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC9G,QAAMc,IAAQH,EAAQ;AAElB,SAAA,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,IAA2B,CAACN,MAC9BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBP,EAAW,cAAc;AAAA,EACvD;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAA+B,EAAA,GAAGR,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 {\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';\nimport { type CSSProperties } from 'react';\n\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(): PlatePlugin[] {\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)])}\n            style={styles}\n        >\n            {children}\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","__publicField","createImageCaptionPlugin","MarkupElement","id","node","ImageCaptionMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAA2BC,EAAO;AAAA,EAE3C,YAAY,EAAE,QAAAC,IAASC,EAAY,cAAc,GAAGC,EAAA,IAAuB,IAAI;AAC3E,UAAMC,EAAW,cAAc;AAAA,MAC3B,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,EAAyB,KAAK,MAAM,CAAC;AAAA,EACjD;AACJ;AAEA,MAAMF,UAAkCG,EAAc;AAAA,EAClD,YAAYC,IAAKX,GAAIY,IAAOC,GAA+B;AACvD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAAgC,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,GAEMP,IAA2B,CAACN,MAC9BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBP,EAAW,cAAc;AAAA,EAAA;AAE3D,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAAA,EAA+B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AACjH,CAAC;"}

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

@@ -2,7 +2,7 @@ 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, MarkupElement as c, merge as p, alignmentClassnames as T, getColumnBreakClasses as y, createPluginFactory as k } from "@frontify/fondue";
+import { Plugin as u, createPluginFactory as c, MarkupElement as p, merge as T, alignmentClassnames as y, getColumnBreakClasses as k } from "@frontify/fondue";
 import { TextStyles as a, BlockStyles as x } from "../styles.es.js";
 const I = "textstyle-imageTitle-plugin";
 class N extends u {
@@ -19,7 +19,7 @@ class N extends u {
     return [E(this.styles)];
   }
 }
-class d extends c {
+class d extends p {
   constructor(e = I, l = i) {
     super(e, l);
   }
@@ -30,12 +30,12 @@ const i = ({ element: t, attributes: e, children: l, styles: s }) => {
     "p",
     {
       ...e,
-      className: p([n && T[n], y(t)]),
+      className: T([n && y[n], k(t)]),
       style: s,
       children: l
     }
   );
-}, E = (t) => k({
+}, E = (t) => c({
   key: a.imageTitle,
   isElement: !0,
   component: i,

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';\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,EAAuB,IAAA,IAAI;AACzE,UAAMC,EAAW,YAAY;AAAA,MACzB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAwB;AAAA,MAC3C,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;AAElB,SAAA,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,EACrD;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAA6B,EAAA,GAAGR,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 {\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';\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;"}

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

@@ -2,9 +2,9 @@ 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 { Plugin as g, merge as i, alignmentClassnames as P, getColumnBreakClasses as y, MarkupElement as h, createPluginFactory as k, createParagraphPlugin as x } from "@frontify/fondue";
+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";
 import { TextStyles as n, BlockStyles as E } from "../styles.es.js";
-class M extends g {
+class M extends i {
   constructor({ styles: r = E.p, ...a } = {}) {
     super(n.p, {
       markupElement: new d(),
@@ -19,15 +19,15 @@ class M extends g {
   }
 }
 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 = i([l && P[l], S, y(t)]);
+  const l = t.align, c = P([l && y[l], S, h(t)]);
   return /* @__PURE__ */ o("p", { ...e, className: c, style: a, children: r });
 };
-class d extends h {
+class d extends k {
   constructor(e = n.p, r = s) {
     super(e, r);
   }
 }
-const w = (t) => k({
+const w = (t) => g({
   ...x(),
   key: n.p,
   isElement: !0,

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';\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,EAAuB,IAAA,IAAI;AAChE,UAAMC,EAAW,GAAG;AAAA,MAChB,eAAe,IAAIC,EAAuB;AAAA,MAC1C,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,KAAG,EAAA,GAAGC,GAAY,WAAAG,GAAsB,OAAOb,GAC3C,UAAAW,EACL,CAAA;AAER;AAEO,MAAMP,UAA+Ba,EAAc;AAAA,EACtD,YAAYC,IAAKf,EAAW,GAAGgB,IAAOX,GAA4B;AAC9D,UAAMU,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEa,MAAAb,IAAwB,CAACN,MAClCoB,EAAoB;AAAA,EAChB,GAAGC,EAA2B;AAAA,EAC9B,KAAKlB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWK;AACf,CAAC,EAAE;AAAA,EACC,WAAW,CAACN,wBAAwCM,GAA4B,EAAA,GAAGN,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 {\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';\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;"}

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

@@ -2,10 +2,10 @@ 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 { Plugin as i, MarkupElement as p, merge as g, alignmentClassnames as k, getColumnBreakClasses as y, createPluginFactory as d } from "@frontify/fondue";
+import { createPluginFactory as i, Plugin as p, merge as g, alignmentClassnames as k, getColumnBreakClasses as y, MarkupElement as d } from "@frontify/fondue";
 import { TextStyles as a, BlockStyles as q } from "../styles.es.js";
 const x = "textstyle-quote-plugin";
-class f extends i {
+class f extends p {
   constructor({ styles: s = q.quote, ...o } = {}) {
     super(a.quote, {
       label: "Quote",
@@ -19,7 +19,7 @@ class f extends i {
     return [Q(this.styles)];
   }
 }
-class E extends p {
+class E extends d {
   constructor(e = x, s = l) {
     super(e, s);
   }
@@ -35,7 +35,7 @@ const l = ({ element: t, attributes: e, children: s, styles: o }) => {
       children: s
     }
   );
-}, Q = (t) => d({
+}, Q = (t) => i({
   key: a.quote,
   isElement: !0,
   component: l,

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';\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,EAAuB,IAAA,IAAI;AACpE,UAAMC,EAAW,OAAO;AAAA,MACpB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAmB;AAAA,MACtC,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;AAElB,SAAA,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,EAC3D;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAwB,EAAA,GAAGR,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 {\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';\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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.es.js","sources":["../../../../src/components/RichTextEditor/plugins/styles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type CSSProperties } from 'react';\n\nimport { BlockButtonStyles } from './ButtonPlugin';\nimport { LINK_PLUGIN } from './LinkPlugin/id';\n\nexport enum TextStyles {\n    heading1 = 'heading1',\n    heading2 = 'heading2',\n    heading3 = 'heading3',\n    heading4 = 'heading4',\n    custom1 = 'custom1',\n    custom2 = 'custom2',\n    custom3 = 'custom3',\n    quote = 'quote',\n    imageCaption = 'imageCaption',\n    imageTitle = 'imageTitle',\n    p = 'p',\n}\nexport const BlockStyles: Record<string, CSSProperties & { hover?: CSSProperties }> = {\n    [TextStyles.heading1]: {\n        fontSize: 'var(--f-theme-settings-heading1-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading1-line-height)',\n        marginTop: 'var(--f-theme-settings-heading1-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading1-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading1-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading1-font-style)',\n        textTransform: 'var(--f-theme-settings-heading1-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading1-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading1-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading1-font-family)',\n        color: 'var(--f-theme-settings-heading1-color)',\n    },\n    [TextStyles.heading2]: {\n        fontSize: 'var(--f-theme-settings-heading2-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading2-line-height)',\n        marginTop: 'var(--f-theme-settings-heading2-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading2-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading2-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading2-font-style)',\n        textTransform: 'var(--f-theme-settings-heading2-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading2-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading2-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading2-font-family)',\n        color: 'var(--f-theme-settings-heading2-color)',\n    },\n    [TextStyles.heading3]: {\n        fontSize: 'var(--f-theme-settings-heading3-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading3-line-height)',\n        marginTop: 'var(--f-theme-settings-heading3-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading3-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading3-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading3-font-style)',\n        textTransform: 'var(--f-theme-settings-heading3-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading3-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading3-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading3-font-family)',\n        color: 'var(--f-theme-settings-heading3-color)',\n    },\n    [TextStyles.heading4]: {\n        fontSize: 'var(--f-theme-settings-heading4-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading4-line-height)',\n        marginTop: 'var(--f-theme-settings-heading4-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading4-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading4-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading4-font-style)',\n        textTransform: 'var(--f-theme-settings-heading4-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading4-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading4-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading4-font-family)',\n        color: 'var(--f-theme-settings-heading4-color)',\n    },\n    [TextStyles.custom1]: {\n        fontSize: 'var(--f-theme-settings-custom1-font-size)',\n        lineHeight: 'var(--f-theme-settings-custom1-line-height)',\n        marginTop: 'var(--f-theme-settings-custom1-margin-top)',\n        marginBottom: 'var(--f-theme-settings-custom1-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-custom1-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-custom1-font-style)',\n        textTransform: 'var(--f-theme-settings-custom1-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-custom1-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-custom1-font-weight)',\n        fontFamily: 'var(--f-theme-settings-custom1-font-family)',\n        color: 'var(--f-theme-settings-custom1-color)',\n    },\n    [TextStyles.custom2]: {\n        fontSize: 'var(--f-theme-settings-custom2-font-size)',\n        lineHeight: 'var(--f-theme-settings-custom2-line-height)',\n        marginTop: 'var(--f-theme-settings-custom2-margin-top)',\n        marginBottom: 'var(--f-theme-settings-custom2-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-custom2-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-custom2-font-style)',\n        textTransform: 'var(--f-theme-settings-custom2-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-custom2-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-custom2-font-weight)',\n        fontFamily: 'var(--f-theme-settings-custom2-font-family)',\n        color: 'var(--f-theme-settings-custom2-color)',\n    },\n    [TextStyles.custom3]: {\n        fontSize: 'var(--f-theme-settings-custom3-font-size)',\n        lineHeight: 'var(--f-theme-settings-custom3-line-height)',\n        marginTop: 'var(--f-theme-settings-custom3-margin-top)',\n        marginBottom: 'var(--f-theme-settings-custom3-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-custom3-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-custom3-font-style)',\n        textTransform: 'var(--f-theme-settings-custom3-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-custom3-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-custom3-font-weight)',\n        fontFamily: 'var(--f-theme-settings-custom3-font-family)',\n        color: 'var(--f-theme-settings-custom3-color)',\n    },\n    [TextStyles.p]: {\n        fontSize: 'var(--f-theme-settings-body-font-size)',\n        lineHeight: 'var(--f-theme-settings-body-line-height)',\n        marginTop: 'var(--f-theme-settings-body-margin-top)',\n        marginBottom: 'var(--f-theme-settings-body-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-body-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-body-font-style)',\n        textTransform: 'var(--f-theme-settings-body-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-body-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-body-font-weight)',\n        fontFamily: 'var(--f-theme-settings-body-font-family)',\n        color: 'var(--f-theme-settings-body-color)',\n    },\n    [TextStyles.quote]: {\n        fontSize: 'var(--f-theme-settings-quote-font-size)',\n        lineHeight: 'var(--f-theme-settings-quote-line-height)',\n        marginTop: 'var(--f-theme-settings-quote-margin-top)',\n        marginBottom: 'var(--f-theme-settings-quote-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-quote-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-quote-font-style)',\n        textTransform: 'var(--f-theme-settings-quote-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-quote-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-quote-font-weight)',\n        fontFamily: 'var(--f-theme-settings-quote-font-family)',\n        color: 'var(--f-theme-settings-quote-color)',\n    },\n    [TextStyles.imageCaption]: {\n        fontSize: 'var(--f-theme-settings-image-caption-font-size)',\n        lineHeight: 'var(--f-theme-settings-image-caption-line-height)',\n        marginTop: 'var(--f-theme-settings-image-caption-margin-top)',\n        marginBottom: 'var(--f-theme-settings-image-caption-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-image-caption-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-image-caption-font-style)',\n        textTransform: 'var(--f-theme-settings-image-caption-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-image-caption-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-image-caption-font-weight)',\n        fontFamily: 'var(--f-theme-settings-image-caption-font-family)',\n        color: 'var(--f-theme-settings-image-caption-color)',\n    },\n    [TextStyles.imageTitle]: {\n        fontSize: 'var(--f-theme-settings-image-title-font-size)',\n        lineHeight: 'var(--f-theme-settings-image-title-line-height)',\n        marginTop: 'var(--f-theme-settings-image-title-margin-top)',\n        marginBottom: 'var(--f-theme-settings-image-title-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-image-title-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-image-title-font-style)',\n        textTransform: 'var(--f-theme-settings-image-title-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-image-title-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-image-title-font-weight)',\n        fontFamily: 'var(--f-theme-settings-image-title-font-family)',\n        color: 'var(--f-theme-settings-image-title-color)',\n    },\n    [LINK_PLUGIN]: {\n        fontSize: 'var(--f-theme-settings-link-font-size)',\n        lineHeight: 'var(--f-theme-settings-link-line-height)',\n        marginTop: 'var(--f-theme-settings-link-margin-top)',\n        marginBottom: 'var(--f-theme-settings-link-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-link-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-link-font-style)',\n        textTransform: 'var(--f-theme-settings-link-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-link-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-link-font-weight)',\n        fontFamily: 'var(--f-theme-settings-link-font-family)',\n        color: 'var(--f-theme-settings-link-color)',\n    },\n    ...BlockButtonStyles,\n};\n"],"names":["TextStyles","BlockStyles","LINK_PLUGIN","BlockButtonStyles"],"mappings":";;AAOY,IAAAA,sBAAAA,OACRA,EAAA,WAAW,YACXA,EAAA,WAAW,YACXA,EAAA,WAAW,YACXA,EAAA,WAAW,YACXA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,eAAe,gBACfA,EAAA,aAAa,cACbA,EAAA,IAAI,KAXIA,IAAAA,KAAA,CAAA,CAAA;AAaL,MAAMC,IAAyE;AAAA,EACjF,UAAsB;AAAA,IACnB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA,EACX;AAAA,EACC,UAAsB;AAAA,IACnB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA,EACX;AAAA,EACC,UAAsB;AAAA,IACnB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA,EACX;AAAA,EACC,UAAsB;AAAA,IACnB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA,EACX;AAAA,EACC,SAAqB;AAAA,IAClB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA,EACX;AAAA,EACC,SAAqB;AAAA,IAClB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA,EACX;AAAA,EACC,SAAqB;AAAA,IAClB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA,EACX;AAAA,EACC,GAAe;AAAA,IACZ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA,EACX;AAAA,EACC,OAAmB;AAAA,IAChB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA,EACX;AAAA,EACC,cAA0B;AAAA,IACvB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA,EACX;AAAA,EACC,YAAwB;AAAA,IACrB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA,EACX;AAAA,EACA,CAACC,CAAW,GAAG;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA,EACX;AAAA,EACA,GAAGC;AACP;"}
+{"version":3,"file":"styles.es.js","sources":["../../../../src/components/RichTextEditor/plugins/styles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type CSSProperties } from 'react';\n\nimport { BlockButtonStyles } from './ButtonPlugin';\nimport { LINK_PLUGIN } from './LinkPlugin/id';\n\nexport enum TextStyles {\n    heading1 = 'heading1',\n    heading2 = 'heading2',\n    heading3 = 'heading3',\n    heading4 = 'heading4',\n    custom1 = 'custom1',\n    custom2 = 'custom2',\n    custom3 = 'custom3',\n    quote = 'quote',\n    imageCaption = 'imageCaption',\n    imageTitle = 'imageTitle',\n    p = 'p',\n}\nexport const BlockStyles: Record<string, CSSProperties & { hover?: CSSProperties }> = {\n    [TextStyles.heading1]: {\n        fontSize: 'var(--f-theme-settings-heading1-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading1-line-height)',\n        marginTop: 'var(--f-theme-settings-heading1-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading1-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading1-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading1-font-style)',\n        textTransform: 'var(--f-theme-settings-heading1-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading1-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading1-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading1-font-family)',\n        color: 'var(--f-theme-settings-heading1-color)',\n    },\n    [TextStyles.heading2]: {\n        fontSize: 'var(--f-theme-settings-heading2-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading2-line-height)',\n        marginTop: 'var(--f-theme-settings-heading2-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading2-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading2-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading2-font-style)',\n        textTransform: 'var(--f-theme-settings-heading2-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading2-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading2-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading2-font-family)',\n        color: 'var(--f-theme-settings-heading2-color)',\n    },\n    [TextStyles.heading3]: {\n        fontSize: 'var(--f-theme-settings-heading3-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading3-line-height)',\n        marginTop: 'var(--f-theme-settings-heading3-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading3-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading3-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading3-font-style)',\n        textTransform: 'var(--f-theme-settings-heading3-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading3-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading3-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading3-font-family)',\n        color: 'var(--f-theme-settings-heading3-color)',\n    },\n    [TextStyles.heading4]: {\n        fontSize: 'var(--f-theme-settings-heading4-font-size)',\n        lineHeight: 'var(--f-theme-settings-heading4-line-height)',\n        marginTop: 'var(--f-theme-settings-heading4-margin-top)',\n        marginBottom: 'var(--f-theme-settings-heading4-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-heading4-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-heading4-font-style)',\n        textTransform: 'var(--f-theme-settings-heading4-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-heading4-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-heading4-font-weight)',\n        fontFamily: 'var(--f-theme-settings-heading4-font-family)',\n        color: 'var(--f-theme-settings-heading4-color)',\n    },\n    [TextStyles.custom1]: {\n        fontSize: 'var(--f-theme-settings-custom1-font-size)',\n        lineHeight: 'var(--f-theme-settings-custom1-line-height)',\n        marginTop: 'var(--f-theme-settings-custom1-margin-top)',\n        marginBottom: 'var(--f-theme-settings-custom1-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-custom1-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-custom1-font-style)',\n        textTransform: 'var(--f-theme-settings-custom1-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-custom1-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-custom1-font-weight)',\n        fontFamily: 'var(--f-theme-settings-custom1-font-family)',\n        color: 'var(--f-theme-settings-custom1-color)',\n    },\n    [TextStyles.custom2]: {\n        fontSize: 'var(--f-theme-settings-custom2-font-size)',\n        lineHeight: 'var(--f-theme-settings-custom2-line-height)',\n        marginTop: 'var(--f-theme-settings-custom2-margin-top)',\n        marginBottom: 'var(--f-theme-settings-custom2-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-custom2-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-custom2-font-style)',\n        textTransform: 'var(--f-theme-settings-custom2-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-custom2-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-custom2-font-weight)',\n        fontFamily: 'var(--f-theme-settings-custom2-font-family)',\n        color: 'var(--f-theme-settings-custom2-color)',\n    },\n    [TextStyles.custom3]: {\n        fontSize: 'var(--f-theme-settings-custom3-font-size)',\n        lineHeight: 'var(--f-theme-settings-custom3-line-height)',\n        marginTop: 'var(--f-theme-settings-custom3-margin-top)',\n        marginBottom: 'var(--f-theme-settings-custom3-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-custom3-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-custom3-font-style)',\n        textTransform: 'var(--f-theme-settings-custom3-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-custom3-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-custom3-font-weight)',\n        fontFamily: 'var(--f-theme-settings-custom3-font-family)',\n        color: 'var(--f-theme-settings-custom3-color)',\n    },\n    [TextStyles.p]: {\n        fontSize: 'var(--f-theme-settings-body-font-size)',\n        lineHeight: 'var(--f-theme-settings-body-line-height)',\n        marginTop: 'var(--f-theme-settings-body-margin-top)',\n        marginBottom: 'var(--f-theme-settings-body-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-body-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-body-font-style)',\n        textTransform: 'var(--f-theme-settings-body-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-body-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-body-font-weight)',\n        fontFamily: 'var(--f-theme-settings-body-font-family)',\n        color: 'var(--f-theme-settings-body-color)',\n    },\n    [TextStyles.quote]: {\n        fontSize: 'var(--f-theme-settings-quote-font-size)',\n        lineHeight: 'var(--f-theme-settings-quote-line-height)',\n        marginTop: 'var(--f-theme-settings-quote-margin-top)',\n        marginBottom: 'var(--f-theme-settings-quote-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-quote-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-quote-font-style)',\n        textTransform: 'var(--f-theme-settings-quote-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-quote-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-quote-font-weight)',\n        fontFamily: 'var(--f-theme-settings-quote-font-family)',\n        color: 'var(--f-theme-settings-quote-color)',\n    },\n    [TextStyles.imageCaption]: {\n        fontSize: 'var(--f-theme-settings-image-caption-font-size)',\n        lineHeight: 'var(--f-theme-settings-image-caption-line-height)',\n        marginTop: 'var(--f-theme-settings-image-caption-margin-top)',\n        marginBottom: 'var(--f-theme-settings-image-caption-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-image-caption-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-image-caption-font-style)',\n        textTransform: 'var(--f-theme-settings-image-caption-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-image-caption-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-image-caption-font-weight)',\n        fontFamily: 'var(--f-theme-settings-image-caption-font-family)',\n        color: 'var(--f-theme-settings-image-caption-color)',\n    },\n    [TextStyles.imageTitle]: {\n        fontSize: 'var(--f-theme-settings-image-title-font-size)',\n        lineHeight: 'var(--f-theme-settings-image-title-line-height)',\n        marginTop: 'var(--f-theme-settings-image-title-margin-top)',\n        marginBottom: 'var(--f-theme-settings-image-title-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-image-title-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-image-title-font-style)',\n        textTransform: 'var(--f-theme-settings-image-title-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-image-title-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-image-title-font-weight)',\n        fontFamily: 'var(--f-theme-settings-image-title-font-family)',\n        color: 'var(--f-theme-settings-image-title-color)',\n    },\n    [LINK_PLUGIN]: {\n        fontSize: 'var(--f-theme-settings-link-font-size)',\n        lineHeight: 'var(--f-theme-settings-link-line-height)',\n        marginTop: 'var(--f-theme-settings-link-margin-top)',\n        marginBottom: 'var(--f-theme-settings-link-margin-bottom)',\n        textDecoration: 'var(--f-theme-settings-link-text-decoration)',\n        fontStyle: 'var(--f-theme-settings-link-font-style)',\n        textTransform: 'var(--f-theme-settings-link-text-transform)' as CSSProperties['textTransform'],\n        letterSpacing: 'var(--f-theme-settings-link-letter-spacing)',\n        fontWeight: 'var(--f-theme-settings-link-font-weight)',\n        fontFamily: 'var(--f-theme-settings-link-font-family)',\n        color: 'var(--f-theme-settings-link-color)',\n    },\n    ...BlockButtonStyles,\n};\n"],"names":["TextStyles","BlockStyles","LINK_PLUGIN","BlockButtonStyles"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"addHttps.es.js","sources":["../../src/helpers/addHttps.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { relativeUrlRegex } from '../components/Link/utils';\n\nexport const addHttps = (url: string) => {\n    if (relativeUrlRegex.test(url)) {\n        return url;\n    }\n    try {\n        new URL(url);\n        return url;\n    } catch {\n        return `https://${url}`;\n    }\n};\n"],"names":["addHttps","url","relativeUrlRegex"],"mappings":";AAIa,MAAAA,IAAW,CAACC,MAAgB;AACjC,MAAAC,EAAiB,KAAKD,CAAG;AAClB,WAAAA;AAEP,MAAA;AACA,eAAI,IAAIA,CAAG,GACJA;AAAA,EAAA,QACH;AACJ,WAAO,WAAWA,CAAG;AAAA,EACzB;AACJ;"}
+{"version":3,"file":"addHttps.es.js","sources":["../../src/helpers/addHttps.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { relativeUrlRegex } from '../components/Link/utils';\n\nexport const addHttps = (url: string) => {\n    if (relativeUrlRegex.test(url)) {\n        return url;\n    }\n    try {\n        new URL(url);\n        return url;\n    } catch {\n        return `https://${url}`;\n    }\n};\n"],"names":["addHttps","url","relativeUrlRegex"],"mappings":";AAIO,MAAMA,IAAW,CAACC,MAAgB;AACrC,MAAIC,EAAiB,KAAKD,CAAG;AACzB,WAAOA;AAEX,MAAI;AACA,eAAI,IAAIA,CAAG,GACJA;AAAA,EACX,QAAQ;AACJ,WAAO,WAAWA,CAAG;AAAA,EACzB;AACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"convertToRichTextValue.es.js","sources":["../../src/helpers/convertToRichTextValue.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { hasRichTextValue } from './hasRichTextValue';\n\nexport const convertToRteValue = (textStyle = 'p', text = '', align?: 'center' | 'right' | 'left' | 'justify') =>\n    hasRichTextValue(text) ? text : JSON.stringify([{ type: textStyle, children: [{ text, textStyle }], align }]);\n"],"names":["convertToRteValue","textStyle","text","align","hasRichTextValue"],"mappings":";AAIa,MAAAA,IAAoB,CAACC,IAAY,KAAKC,IAAO,IAAIC,MAC1DC,EAAiBF,CAAI,IAAIA,IAAO,KAAK,UAAU,CAAC,EAAE,MAAMD,GAAW,UAAU,CAAC,EAAE,MAAAC,GAAM,WAAAD,EAAA,CAAW,GAAG,OAAAE,GAAO,CAAC;"}
+{"version":3,"file":"convertToRichTextValue.es.js","sources":["../../src/helpers/convertToRichTextValue.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { hasRichTextValue } from './hasRichTextValue';\n\nexport const convertToRteValue = (textStyle = 'p', text = '', align?: 'center' | 'right' | 'left' | 'justify') =>\n    hasRichTextValue(text) ? text : JSON.stringify([{ type: textStyle, children: [{ text, textStyle }], align }]);\n"],"names":["convertToRteValue","textStyle","text","align","hasRichTextValue"],"mappings":";AAIO,MAAMA,IAAoB,CAACC,IAAY,KAAKC,IAAO,IAAIC,MAC1DC,EAAiBF,CAAI,IAAIA,IAAO,KAAK,UAAU,CAAC,EAAE,MAAMD,GAAW,UAAU,CAAC,EAAE,MAAAC,GAAM,WAAAD,EAAA,CAAW,GAAG,OAAAE,GAAO,CAAC;"}

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,EAAW,QAAQ;AAExD,MADAF,EAAM,eAAe,GACjBL,EAAW,SAASK,EAAM,IAAI,GAAG;AAC3B,UAAAG,KAAQD,KAAA,gBAAAA,EAAY,gBAAe,GACnCE,KAASF,KAAA,gBAAAA,EAAY,iBAAgB;AAE3C,YAAQF,EAAM,MAAM;AAAA,MAChB,KAAKJ,EAAa;AACP,eAAA;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIE,IAAQL;AAAA,QAAA;AAAA,MAE1C,KAAKF,EAAa;AACP,eAAA;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIE,IAAQL;AAAA,QAAA;AAAA,MAE1C,KAAKF,EAAa;AACP,eAAA;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIG,IAASL;AAAA,QAAA;AAAA,MAE3C,KAAKH,EAAa;AACP,eAAA;AAAA,UACH,GAAGK;AAAA,UACH,GAAGA,EAAmB,IAAIG,IAASL;AAAA,QAAA;AAAA,IAE/C;AAAA,EACJ;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,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;"}

package/dist/helpers/hasRichTextValue.es.js

@@ -1,10 +1,10 @@
-const s = (t) => {
-  if (!t)
+const s = (r) => {
+  if (!r)
     return !1;
-  const n = (e) => e.some((r) => r.text ? r.text !== "" : r.children ? n(r.children) : !1);
+  const n = (t) => t.some((e) => e.text ? e.text !== "" : e.children ? n(e.children) : !1);
   try {
-    const e = JSON.parse(t);
-    return n(e);
+    const t = JSON.parse(r);
+    return n(t);
   } catch {
     return !1;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"hasRichTextValue.es.js","sources":["../../src/helpers/hasRichTextValue.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\ntype TextElement = {\n    text: string;\n    children?: TextElement[];\n};\n\nexport const hasRichTextValue = (string?: string): boolean => {\n    if (!string) {\n        return false;\n    }\n    const hasText = (children: TextElement[]): boolean =>\n        children.some((child: TextElement) => {\n            if (child.text) {\n                return child.text !== '';\n            }\n            if (child.children) {\n                return hasText(child.children);\n            }\n            return false;\n        });\n\n    try {\n        const json = JSON.parse(string);\n        return hasText(json);\n    } catch (error) {\n        return false;\n    }\n};\n"],"names":["hasRichTextValue","string","hasText","children","child","json"],"mappings":"AAOa,MAAAA,IAAmB,CAACC,MAA6B;AAC1D,MAAI,CAACA;AACM,WAAA;AAEX,QAAMC,IAAU,CAACC,MACbA,EAAS,KAAK,CAACC,MACPA,EAAM,OACCA,EAAM,SAAS,KAEtBA,EAAM,WACCF,EAAQE,EAAM,QAAQ,IAE1B,EACV;AAED,MAAA;AACM,UAAAC,IAAO,KAAK,MAAMJ,CAAM;AAC9B,WAAOC,EAAQG,CAAI;AAAA,UACP;AACL,WAAA;AAAA,EACX;AACJ;"}
+{"version":3,"file":"hasRichTextValue.es.js","sources":["../../src/helpers/hasRichTextValue.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\ntype TextElement = {\n    text: string;\n    children?: TextElement[];\n};\n\nexport const hasRichTextValue = (string?: string): boolean => {\n    if (!string) {\n        return false;\n    }\n    const hasText = (children: TextElement[]): boolean =>\n        children.some((child: TextElement) => {\n            if (child.text) {\n                return child.text !== '';\n            }\n            if (child.children) {\n                return hasText(child.children);\n            }\n            return false;\n        });\n\n    try {\n        const json = JSON.parse(string);\n        return hasText(json);\n    } catch {\n        return false;\n    }\n};\n"],"names":["hasRichTextValue","string","hasText","children","child","json"],"mappings":"AAOO,MAAMA,IAAmB,CAACC,MAA6B;AAC1D,MAAI,CAACA;AACD,WAAO;AAEX,QAAMC,IAAU,CAACC,MACbA,EAAS,KAAK,CAACC,MACPA,EAAM,OACCA,EAAM,SAAS,KAEtBA,EAAM,WACCF,EAAQE,EAAM,QAAQ,IAE1B,EACV;AAEL,MAAI;AACA,UAAMC,IAAO,KAAK,MAAMJ,CAAM;AAC9B,WAAOC,EAAQG,CAAI;AAAA,EACvB,QAAQ;AACJ,WAAO;AAAA,EACX;AACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"mapColorPalettes.es.js","sources":["../../src/helpers/mapColorPalettes.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorPalette } from '@frontify/app-bridge';\nimport { type Palette } from '@frontify/fondue';\n\ntype Nullable<T> = T | null;\n\ntype V3Color = {\n    id: number;\n    name: Nullable<string>;\n    red: Nullable<number>;\n    green: Nullable<number>;\n    blue: Nullable<number>;\n    alpha: Nullable<number>;\n};\n\ntype V4Color = {\n    id: number;\n    title: Nullable<string>;\n    revision: {\n        rgba: {\n            red: Nullable<number>;\n            green: Nullable<number>;\n            blue: Nullable<number>;\n            alpha: Nullable<number>;\n        };\n    };\n};\n\ntype Color = V3Color | V4Color;\n\nexport const mapAppBridgeColorPalettesToFonduePalettes = (colorPalettes: ColorPalette[]): Palette[] => {\n    return colorPalettes.map(mapAppBridgeColorPaletteToFonduePalette);\n};\nexport const mapAppBridgeColorPaletteToFonduePalette = (colorPalette: ColorPalette): Palette => {\n    return {\n        id: colorPalette.id,\n        title: colorPalette.name,\n        colors: colorPalette.colors.map(mapColor),\n    };\n};\n\nconst isV4Color = (color: Color): color is V4Color => {\n    return 'revision' in color;\n};\n\nconst mapColor = (color: Color) => {\n    if (isV4Color(color)) {\n        const { title, revision } = color;\n        return {\n            alpha: revision.rgba.alpha ? revision.rgba.alpha / 255 : 1,\n            red: revision.rgba.red ?? 0,\n            green: revision.rgba.green ?? 0,\n            blue: revision.rgba.blue ?? 0,\n            name: title ?? '',\n        };\n    }\n    return {\n        alpha: color.alpha ? color.alpha / 255 : 1,\n        red: color.red ?? 0,\n        green: color.green ?? 0,\n        blue: color.blue ?? 0,\n        name: color.name ?? '',\n    };\n};\n"],"names":["mapAppBridgeColorPalettesToFonduePalettes","colorPalettes","mapAppBridgeColorPaletteToFonduePalette","colorPalette","mapColor","isV4Color","color","title","revision"],"mappings":"AA+Ba,MAAAA,IAA4C,CAACC,MAC/CA,EAAc,IAAIC,CAAuC,GAEvDA,IAA0C,CAACC,OAC7C;AAAA,EACH,IAAIA,EAAa;AAAA,EACjB,OAAOA,EAAa;AAAA,EACpB,QAAQA,EAAa,OAAO,IAAIC,CAAQ;AAAA,IAI1CC,IAAY,CAACC,MACR,cAAcA,GAGnBF,IAAW,CAACE,MAAiB;AAC3B,MAAAD,EAAUC,CAAK,GAAG;AACZ,UAAA,EAAE,OAAAC,GAAO,UAAAC,EAAa,IAAAF;AACrB,WAAA;AAAA,MACH,OAAOE,EAAS,KAAK,QAAQA,EAAS,KAAK,QAAQ,MAAM;AAAA,MACzD,KAAKA,EAAS,KAAK,OAAO;AAAA,MAC1B,OAAOA,EAAS,KAAK,SAAS;AAAA,MAC9B,MAAMA,EAAS,KAAK,QAAQ;AAAA,MAC5B,MAAMD,KAAS;AAAA,IAAA;AAAA,EAEvB;AACO,SAAA;AAAA,IACH,OAAOD,EAAM,QAAQA,EAAM,QAAQ,MAAM;AAAA,IACzC,KAAKA,EAAM,OAAO;AAAA,IAClB,OAAOA,EAAM,SAAS;AAAA,IACtB,MAAMA,EAAM,QAAQ;AAAA,IACpB,MAAMA,EAAM,QAAQ;AAAA,EAAA;AAE5B;"}
+{"version":3,"file":"mapColorPalettes.es.js","sources":["../../src/helpers/mapColorPalettes.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorPalette } from '@frontify/app-bridge';\nimport { type Palette } from '@frontify/fondue';\n\ntype Nullable<T> = T | null;\n\ntype V3Color = {\n    id: number;\n    name: Nullable<string>;\n    red: Nullable<number>;\n    green: Nullable<number>;\n    blue: Nullable<number>;\n    alpha: Nullable<number>;\n};\n\ntype V4Color = {\n    id: number;\n    title: Nullable<string>;\n    revision: {\n        rgba: {\n            red: Nullable<number>;\n            green: Nullable<number>;\n            blue: Nullable<number>;\n            alpha: Nullable<number>;\n        };\n    };\n};\n\ntype Color = V3Color | V4Color;\n\nexport const mapAppBridgeColorPalettesToFonduePalettes = (colorPalettes: ColorPalette[]): Palette[] => {\n    return colorPalettes.map(mapAppBridgeColorPaletteToFonduePalette);\n};\nexport const mapAppBridgeColorPaletteToFonduePalette = (colorPalette: ColorPalette): Palette => {\n    return {\n        id: colorPalette.id,\n        title: colorPalette.name,\n        colors: colorPalette.colors.map(mapColor),\n    };\n};\n\nconst isV4Color = (color: Color): color is V4Color => {\n    return 'revision' in color;\n};\n\nconst mapColor = (color: Color) => {\n    if (isV4Color(color)) {\n        const { title, revision } = color;\n        return {\n            alpha: revision.rgba.alpha ? revision.rgba.alpha / 255 : 1,\n            red: revision.rgba.red ?? 0,\n            green: revision.rgba.green ?? 0,\n            blue: revision.rgba.blue ?? 0,\n            name: title ?? '',\n        };\n    }\n    return {\n        alpha: color.alpha ? color.alpha / 255 : 1,\n        red: color.red ?? 0,\n        green: color.green ?? 0,\n        blue: color.blue ?? 0,\n        name: color.name ?? '',\n    };\n};\n"],"names":["mapAppBridgeColorPalettesToFonduePalettes","colorPalettes","mapAppBridgeColorPaletteToFonduePalette","colorPalette","mapColor","isV4Color","color","title","revision"],"mappings":"AA+BO,MAAMA,IAA4C,CAACC,MAC/CA,EAAc,IAAIC,CAAuC,GAEvDA,IAA0C,CAACC,OAC7C;AAAA,EACH,IAAIA,EAAa;AAAA,EACjB,OAAOA,EAAa;AAAA,EACpB,QAAQA,EAAa,OAAO,IAAIC,CAAQ;AAAA,IAI1CC,IAAY,CAACC,MACR,cAAcA,GAGnBF,IAAW,CAACE,MAAiB;AAC/B,MAAID,EAAUC,CAAK,GAAG;AAClB,UAAM,EAAE,OAAAC,GAAO,UAAAC,EAAA,IAAaF;AAC5B,WAAO;AAAA,MACH,OAAOE,EAAS,KAAK,QAAQA,EAAS,KAAK,QAAQ,MAAM;AAAA,MACzD,KAAKA,EAAS,KAAK,OAAO;AAAA,MAC1B,OAAOA,EAAS,KAAK,SAAS;AAAA,MAC9B,MAAMA,EAAS,KAAK,QAAQ;AAAA,MAC5B,MAAMD,KAAS;AAAA,IAAA;AAAA,EAEvB;AACA,SAAO;AAAA,IACH,OAAOD,EAAM,QAAQA,EAAM,QAAQ,MAAM;AAAA,IACzC,KAAKA,EAAM,OAAO;AAAA,IAClB,OAAOA,EAAM,SAAS;AAAA,IACtB,MAAMA,EAAM,QAAQ;AAAA,IACpB,MAAMA,EAAM,QAAQ;AAAA,EAAA;AAE5B;"}

package/dist/hooks/useAttachments.es.js

@@ -14,13 +14,13 @@ const p = (t, o) => {
       await a(t, [s.id]);
     },
     onAttachmentReplace: async (s, c) => {
-      const i = d.map(
+      const A = d.map(
         (h) => h.id === s.id ? c.id : h.id
       );
-      await r(t, i);
+      await r(t, A);
     },
     onAttachmentsSorted: async (s) => {
-      const c = s.map((i) => i.id);
+      const c = s.map((A) => A.id);
       await r(t, c);
     },
     attachments: d
@@ -35,38 +35,40 @@ const p = (t, o) => {
     attachments: d,
     appBridge: t
   };
-}, A = l(null), x = ({
+}, i = l(null);
+i.displayName = "AttachmentsContext";
+const x = ({
   appBridge: t,
   children: o,
   assetId: e
 }) => {
   const n = v(t, e);
-  return /* @__PURE__ */ m(A.Provider, { value: n, children: o });
-}, R = ({
+  return /* @__PURE__ */ m(i.Provider, { value: n, children: o });
+}, O = ({
   blockAssetBundle: t,
   appBridge: o,
   children: e,
   assetId: n
 }) => {
   const a = p(n, t);
-  return /* @__PURE__ */ m(A.Provider, { value: { ...a, appBridge: o }, children: e });
-}, S = () => {
-  const t = w(A);
+  return /* @__PURE__ */ m(i.Provider, { value: { ...a, appBridge: o }, children: e });
+}, R = () => {
+  const t = w(i);
   if (!t)
     throw new Error(
       "No AttachmentsContext Provided. Component must be wrapped in an 'AttachmentsProvider' or the 'withAttachmentsProvider' HOC"
     );
   return t;
-}, B = (t, o) => {
+}, S = (t, o) => {
   const e = (n) => /* @__PURE__ */ m(x, { appBridge: n.appBridge, assetId: o, children: /* @__PURE__ */ m(t, { ...n }) });
   return e.displayName = "withAttachmentsProvider", e;
 };
 export {
-  R as AttachmentOperationsProvider,
+  O as AttachmentOperationsProvider,
   x as AttachmentsProvider,
   p as useAttachmentOperations,
   v as useAttachments,
-  S as useAttachmentsContext,
-  B as withAttachmentsProvider
+  R as useAttachmentsContext,
+  S as withAttachmentsProvider
 };
 //# sourceMappingURL=useAttachments.es.js.map

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);\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":";;;AAOa,MAAAA,IAA0B,CAACC,GAAuBC,MAAwD;AACnH,QAAM,EAAE,aAAAC,GAAa,kBAAAC,GAAkB,uBAAAC,GAAuB,uBAAAC,MAA0BJ,GAClFK,KAAcJ,KAAA,gBAAAA,EAAcF,OAAkB,CAAA;AA2B7C,SAAA;AAAA,IACH,kBA1BqB,OAAOO,MAAuB;AAC7C,YAAAJ;AAAA,QACFH;AAAA,QACAO,EAAU,IAAI,CAACC,MAAUA,EAAM,EAAE;AAAA,MAAA;AAAA,IACrC;AAAA,IAuBA,oBApBuB,OAAOC,MAAyB;AACvD,YAAML,EAAsBJ,GAAe,CAACS,EAAc,EAAE,CAAC;AAAA,IAAA;AAAA,IAoB7D,qBAjBwB,OAAOC,GAA4BC,MAAoB;AAC/E,YAAMC,IAAcN,EAAY;AAAA,QAAI,CAACO,MACjCA,EAAW,OAAOH,EAAoB,KAAKC,EAAS,KAAKE,EAAW;AAAA,MAAA;AAGlE,YAAAR,EAAsBL,GAAeY,CAAW;AAAA,IAAA;AAAA,IAatD,qBAVwB,OAAOE,MAAoB;AACnD,YAAMF,IAAcE,EAAO,IAAI,CAACN,MAAUA,EAAM,EAAE;AAE5C,YAAAH,EAAsBL,GAAeY,CAAW;AAAA,IAAA;AAAA,IAQtD,aAAAN;AAAA,EAAA;AAER,GAEaS,IAAiB,CAACC,GAA2BhB,MAA0B;AAC1E,QAAA,EAAE,kBAAAiB,GAAkB,oBAAAC,GAAoB,qBAAAC,GAAqB,qBAAAC,GAAqB,aAAAd,MACpFP,EAAwBC,GAAeqB,EAAeL,CAAS,CAAC;AAE7D,SAAA;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,GAE1EC,IAAsB,CAAC;AAAA,EAChC,WAAAR;AAAA,EACA,UAAAS;AAAA,EACA,SAAAC;AACJ,MAIM;AACI,QAAAC,IAAoBZ,EAAeC,GAAWU,CAAO;AAE3D,2BAAQJ,EAAmB,UAAnB,EAA4B,OAAOK,GAAoB,UAAAF,EAAS,CAAA;AAC5E,GAEaG,IAA+B,CAAC;AAAA,EACzC,kBAAA3B;AAAA,EACA,WAAAe;AAAA,EACA,UAAAS;AAAA,EACA,SAAAC;AACJ,MAKM;AACI,QAAAC,IAAoB5B,EAAwB2B,GAASzB,CAAgB;AAGvE,SAAA,gBAAA4B,EAACP,EAAmB,UAAnB,EAA4B,OAAO,EAAE,GAAGK,GAAmB,WAAAX,EAAU,GACjE,UAAAS,EACL,CAAA;AAER,GAEaK,IAAwB,MAAM;AACjC,QAAAC,IAAUC,EAAWV,CAAkB;AAE7C,MAAI,CAACS;AACD,UAAM,IAAI;AAAA,MACN;AAAA,IAAA;AAID,SAAAA;AACX,GAOaE,IAA0B,CAAuBC,GAAoCR,MAAoB;AAClH,QAAMS,IAAmB,CAACC,MACtB,gBAAAP,EAACL,GAAoB,EAAA,WAAWY,EAAM,WAAW,SAAAV,GAC7C,UAAA,gBAAAG,EAACK,GAAW,EAAA,GAAGE,GAAO,EAC1B,CAAA;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,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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDndSensors.es.js","sources":["../../src/hooks/useDndSensors.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\nimport { useMemo } from 'react';\n\nimport { customCoordinatesGetterFactory } from '../helpers/customCoordinatesGetterFactory';\n\nconst keyboardCodes = {\n    start: ['Space', 'Enter'],\n    cancel: [],\n    end: ['Space', 'Enter', 'Escape'],\n};\n\nexport const useDndSensors = (columnGap = 0, rowGap = 0) => {\n    const keyboardSensorOptions = useMemo(() => {\n        const customCoordinatesGetter = customCoordinatesGetterFactory(columnGap, rowGap);\n        return {\n            coordinateGetter: customCoordinatesGetter,\n            keyboardCodes,\n        };\n    }, [columnGap, rowGap]);\n\n    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, keyboardSensorOptions));\n\n    return sensors;\n};\n"],"names":["keyboardCodes","useDndSensors","columnGap","rowGap","keyboardSensorOptions","useMemo","customCoordinatesGetterFactory","useSensors","useSensor","PointerSensor","KeyboardSensor"],"mappings":";;;AAOA,MAAMA,IAAgB;AAAA,EAClB,OAAO,CAAC,SAAS,OAAO;AAAA,EACxB,QAAQ,CAAC;AAAA,EACT,KAAK,CAAC,SAAS,SAAS,QAAQ;AACpC,GAEaC,IAAgB,CAACC,IAAY,GAAGC,IAAS,MAAM;AAClD,QAAAC,IAAwBC,EAAQ,OAE3B;AAAA,IACH,kBAF4BC,EAA+BJ,GAAWC,CAAM;AAAA,IAG5E,eAAAH;AAAA,EAAA,IAEL,CAACE,GAAWC,CAAM,CAAC;AAIf,SAFSI,EAAWC,EAAUC,CAAa,GAAGD,EAAUE,GAAgBN,CAAqB,CAAC;AAGzG;"}
+{"version":3,"file":"useDndSensors.es.js","sources":["../../src/hooks/useDndSensors.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\nimport { useMemo } from 'react';\n\nimport { customCoordinatesGetterFactory } from '../helpers/customCoordinatesGetterFactory';\n\nconst keyboardCodes = {\n    start: ['Space', 'Enter'],\n    cancel: [],\n    end: ['Space', 'Enter', 'Escape'],\n};\n\nexport const useDndSensors = (columnGap = 0, rowGap = 0) => {\n    const keyboardSensorOptions = useMemo(() => {\n        const customCoordinatesGetter = customCoordinatesGetterFactory(columnGap, rowGap);\n        return {\n            coordinateGetter: customCoordinatesGetter,\n            keyboardCodes,\n        };\n    }, [columnGap, rowGap]);\n\n    const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, keyboardSensorOptions));\n\n    return sensors;\n};\n"],"names":["keyboardCodes","useDndSensors","columnGap","rowGap","keyboardSensorOptions","useMemo","customCoordinatesGetterFactory","useSensors","useSensor","PointerSensor","KeyboardSensor"],"mappings":";;;AAOA,MAAMA,IAAgB;AAAA,EAClB,OAAO,CAAC,SAAS,OAAO;AAAA,EACxB,QAAQ,CAAA;AAAA,EACR,KAAK,CAAC,SAAS,SAAS,QAAQ;AACpC,GAEaC,IAAgB,CAACC,IAAY,GAAGC,IAAS,MAAM;AACxD,QAAMC,IAAwBC,EAAQ,OAE3B;AAAA,IACH,kBAF4BC,EAA+BJ,GAAWC,CAAM;AAAA,IAG5E,eAAAH;AAAA,EAAA,IAEL,CAACE,GAAWC,CAAM,CAAC;AAItB,SAFgBI,EAAWC,EAAUC,CAAa,GAAGD,EAAUE,GAAgBN,CAAqB,CAAC;AAGzG;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useIsInViewport.es.js","sources":["../../src/hooks/useIsInViewport.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type RefObject, useEffect } from 'react';\n\nexport const useIsInViewport = <T extends Element>({\n    ref,\n    disabled,\n    onChange,\n}: {\n    ref: RefObject<T>;\n    disabled: boolean;\n    onChange: (isInViewport: boolean) => void;\n}) => {\n    useEffect(() => {\n        if (disabled || !ref.current) {\n            return;\n        }\n\n        let isInViewport = false;\n\n        const intersectionObserver = new IntersectionObserver(([entry]) => {\n            if (entry.isIntersecting !== isInViewport) {\n                isInViewport = entry.isIntersecting;\n                onChange(entry.isIntersecting);\n            }\n        });\n\n        intersectionObserver.observe(ref.current);\n\n        return () => {\n            intersectionObserver.disconnect();\n        };\n    }, [ref, disabled, onChange]);\n};\n"],"names":["useIsInViewport","ref","disabled","onChange","useEffect","isInViewport","intersectionObserver","entry"],"mappings":";AAIO,MAAMA,IAAkB,CAAoB;AAAA,EAC/C,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACJ,MAIM;AACF,EAAAC,EAAU,MAAM;AACR,QAAAF,KAAY,CAACD,EAAI;AACjB;AAGJ,QAAII,IAAe;AAEnB,UAAMC,IAAuB,IAAI,qBAAqB,CAAC,CAACC,CAAK,MAAM;AAC3D,MAAAA,EAAM,mBAAmBF,MACzBA,IAAeE,EAAM,gBACrBJ,EAASI,EAAM,cAAc;AAAA,IACjC,CACH;AAEoB,WAAAD,EAAA,QAAQL,EAAI,OAAO,GAEjC,MAAM;AACT,MAAAK,EAAqB,WAAW;AAAA,IAAA;AAAA,EAErC,GAAA,CAACL,GAAKC,GAAUC,CAAQ,CAAC;AAChC;"}
+{"version":3,"file":"useIsInViewport.es.js","sources":["../../src/hooks/useIsInViewport.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type RefObject, useEffect } from 'react';\n\nexport const useIsInViewport = <T extends Element>({\n    ref,\n    disabled,\n    onChange,\n}: {\n    ref: RefObject<T>;\n    disabled: boolean;\n    onChange: (isInViewport: boolean) => void;\n}) => {\n    useEffect(() => {\n        if (disabled || !ref.current) {\n            return;\n        }\n\n        let isInViewport = false;\n\n        const intersectionObserver = new IntersectionObserver(([entry]) => {\n            if (entry.isIntersecting !== isInViewport) {\n                isInViewport = entry.isIntersecting;\n                onChange(entry.isIntersecting);\n            }\n        });\n\n        intersectionObserver.observe(ref.current);\n\n        return () => {\n            intersectionObserver.disconnect();\n        };\n    }, [ref, disabled, onChange]);\n};\n"],"names":["useIsInViewport","ref","disabled","onChange","useEffect","isInViewport","intersectionObserver","entry"],"mappings":";AAIO,MAAMA,IAAkB,CAAoB;AAAA,EAC/C,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACJ,MAIM;AACF,EAAAC,EAAU,MAAM;AACZ,QAAIF,KAAY,CAACD,EAAI;AACjB;AAGJ,QAAII,IAAe;AAEnB,UAAMC,IAAuB,IAAI,qBAAqB,CAAC,CAACC,CAAK,MAAM;AAC/D,MAAIA,EAAM,mBAAmBF,MACzBA,IAAeE,EAAM,gBACrBJ,EAASI,EAAM,cAAc;AAAA,IAErC,CAAC;AAED,WAAAD,EAAqB,QAAQL,EAAI,OAAO,GAEjC,MAAM;AACT,MAAAK,EAAqB,WAAA;AAAA,IACzB;AAAA,EACJ,GAAG,CAACL,GAAKC,GAAUC,CAAQ,CAAC;AAChC;"}