@frontify/guideline-blocks-settings 0.33.4 → 0.34.0

package/dist/components/RichTextEditor/plugins/LinkPlugin/id.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/id.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const LINK_PLUGIN = 'link-plugin';\n"],"names":["LINK_PLUGIN"],"mappings":"AAEO,MAAMA,IAAc;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/index.es.js

@@ -0,0 +1,45 @@
+var a = Object.defineProperty;
+var l = (t, e, r) => e in t ? a(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var i = (t, e, r) => (l(t, typeof e != "symbol" ? e + "" : e, r), r);
+import { createPluginFactory as s, createLinkPlugin as p, Plugin as m } from "@frontify/fondue";
+import { CustomFloatingLink as u } from "./FloatingLink/CustomFloatingLink.es.js";
+import { LINK_PLUGIN as o } from "./id.es.js";
+import { LinkButton as g } from "./LinkButton.es.js";
+import { LinkMarkupElement as k } from "./LinkMarkupElement/index.es.js";
+import { BlockStyles as c } from "../styles.es.js";
+import { isValidUrl as d } from "../../../Link/utils/url.es.js";
+const f = (t) => s({
+  ...p(),
+  renderAfterEditable: u,
+  options: {
+    isUrl: d,
+    rangeBeforeOptions: {
+      matchString: " ",
+      skipInvalid: !0,
+      afterMatch: !0
+    },
+    triggerFloatingLinkHotkeys: "meta+k, ctrl+k",
+    keepSelectedTextOnPaste: !0,
+    appBridge: t
+  }
+})();
+class I extends m {
+  constructor({ styles: r = c[o], ...n }) {
+    super(o, {
+      button: g,
+      markupElement: new k(),
+      ...n
+    });
+    i(this, "styles", {});
+    i(this, "appBridge");
+    this.styles = r, this.appBridge = n.appBridge;
+  }
+  plugins() {
+    return [f(this.appBridge)];
+  }
+}
+export {
+  I as LinkPlugin,
+  f as createLinkPlugin
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/LinkPlugin/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { CSSProperties } from 'react';\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    PlatePlugin,\n    Plugin,\n    PluginProps,\n    createLinkPlugin as createPlateLinkPlugin,\n    createPluginFactory,\n} from '@frontify/fondue';\n\nimport { CustomFloatingLink } from './FloatingLink/CustomFloatingLink';\nimport { LINK_PLUGIN } from './id';\nimport { LinkButton } from './LinkButton';\nimport { LinkMarkupElement } from './LinkMarkupElement';\nimport { BlockStyles } from '../styles';\nimport { isValidUrl } from '../../../Link';\n\nexport const createLinkPlugin = (appBridge: AppBridgeBlock): PlatePlugin =>\n    createPluginFactory({\n        ...createPlateLinkPlugin(),\n        renderAfterEditable: CustomFloatingLink,\n        options: {\n            isUrl: isValidUrl,\n            rangeBeforeOptions: {\n                matchString: ' ',\n                skipInvalid: true,\n                afterMatch: true,\n            },\n            triggerFloatingLinkHotkeys: 'meta+k, ctrl+k',\n            keepSelectedTextOnPaste: true,\n            appBridge,\n        },\n    })();\n\nexport type LinkPluginProps = PluginProps & { appBridge: AppBridgeBlock };\n\nexport class LinkPlugin extends Plugin {\n    public styles: CSSProperties = {};\n    private appBridge: AppBridgeBlock;\n    constructor({ styles = BlockStyles[LINK_PLUGIN], ...props }: LinkPluginProps) {\n        super(LINK_PLUGIN, {\n            button: LinkButton,\n            markupElement: new LinkMarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n        this.appBridge = props.appBridge;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createLinkPlugin(this.appBridge)];\n    }\n}\n"],"names":["createLinkPlugin","appBridge","createPluginFactory","createPlateLinkPlugin","CustomFloatingLink","isValidUrl","LinkPlugin","Plugin","styles","BlockStyles","LINK_PLUGIN","props","LinkButton","LinkMarkupElement","__publicField"],"mappings":";;;;;;;;;;AAmBa,MAAAA,IAAmB,CAACC,MAC7BC,EAAoB;AAAA,EAChB,GAAGC,EAAsB;AAAA,EACzB,qBAAqBC;AAAA,EACrB,SAAS;AAAA,IACL,OAAOC;AAAA,IACP,oBAAoB;AAAA,MAChB,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,IAChB;AAAA,IACA,4BAA4B;AAAA,IAC5B,yBAAyB;AAAA,IACzB,WAAAJ;AAAA,EACJ;AACJ,CAAC,EAAE;AAIA,MAAMK,UAAmBC,EAAO;AAAA,EAGnC,YAAY,EAAE,QAAAC,IAASC,EAAYC,CAAW,GAAG,GAAGC,KAA0B;AAC1E,UAAMD,GAAa;AAAA,MACf,QAAQE;AAAA,MACR,eAAe,IAAIC,EAAkB;AAAA,MACrC,GAAGF;AAAA,IAAA,CACN;AAPE,IAAAG,EAAA,gBAAwB,CAAA;AACvB,IAAAA,EAAA;AAOJ,SAAK,SAASN,GACd,KAAK,YAAYG,EAAM;AAAA,EAC3B;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACX,EAAiB,KAAK,SAAS,CAAC;AAAA,EAC5C;AACJ;"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/utils/getUrl.es.js

@@ -0,0 +1,13 @@
+import { getAboveNode as c, ELEMENT_LINK as s } from "@frontify/fondue";
+const o = (r, e) => {
+  const t = c(r, { match: { type: s } });
+  return Array.isArray(t) ? e(t[0]) : "";
+}, l = (r) => o(r, (e) => {
+  var t, n;
+  return ((n = (t = e.chosenLink) == null ? void 0 : t.searchResult) == null ? void 0 : n.link) || "";
+}), u = (r) => o(r, (e) => e.url || "");
+export {
+  l as getLegacyUrl,
+  u as getUrl
+};
+//# sourceMappingURL=getUrl.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/utils/getUrl.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getUrl.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/utils/getUrl.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_LINK, PlateEditor, getAboveNode } from '@frontify/fondue';\nimport { TLinkElement } from '../types';\n\nconst getLinkNode = (editor: PlateEditor, cb: (link: TLinkElement) => string): string => {\n    const linkNode = getAboveNode<TLinkElement>(editor, { match: { type: ELEMENT_LINK } });\n\n    if (!Array.isArray(linkNode)) {\n        return '';\n    }\n\n    return cb(linkNode[0]);\n};\n\nexport const getLegacyUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.chosenLink?.searchResult?.link || '');\n};\n\nexport const getUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.url || '');\n};\n\nexport const getUrlFromLinkOrLegacyLink = (link: TLinkElement): string => {\n    return link.url || link.chosenLink?.searchResult?.link || '';\n};\n\nexport const getUrlFromEditor = (editor: PlateEditor) => {\n    return getLinkNode(editor, getUrlFromLinkOrLegacyLink);\n};\n"],"names":["getLinkNode","editor","cb","linkNode","getAboveNode","ELEMENT_LINK","getLegacyUrl","link","_b","_a","getUrl"],"mappings":";AAKA,MAAMA,IAAc,CAACC,GAAqBC,MAA+C;AAC/E,QAAAC,IAAWC,EAA2BH,GAAQ,EAAE,OAAO,EAAE,MAAMI,EAAa,EAAA,CAAG;AAErF,SAAK,MAAM,QAAQF,CAAQ,IAIpBD,EAAGC,EAAS,CAAC,CAAC,IAHV;AAIf,GAEaG,IAAe,CAACL,MAClBD,EAAYC,GAAQ,CAACM,MAAS;;AAAA,WAAAC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAAA,CAAE,GAGrEE,IAAS,CAACT,MACZD,EAAYC,GAAQ,CAACM,MAASA,EAAK,OAAO,EAAE;"}

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

@@ -0,0 +1,50 @@
+var a = Object.defineProperty;
+var c = (t, s, e) => s in t ? a(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var n = (t, s, e) => (c(t, typeof s != "symbol" ? s + "" : s, e), e);
+import { jsx as r } from "react/jsx-runtime";
+import { Plugin as i, MarkupElement as p, merge as g, alignmentClassnames as y, getColumnBreakClasses as C, createPluginFactory as k } from "@frontify/fondue";
+import { TextStyles as o, BlockStyles as x } from "../styles.es.js";
+const d = "textstyle-custom1-plugin";
+class B extends i {
+  constructor({ styles: e = x.custom1, ...l } = {}) {
+    super(o.custom1, {
+      label: "Custom 1",
+      markupElement: new E(),
+      ...l
+    });
+    n(this, "styles", {});
+    this.styles = e;
+  }
+  plugins() {
+    return [P(this.styles)];
+  }
+}
+class E extends p {
+  constructor(s = d, e = u) {
+    super(s, e);
+  }
+}
+const u = ({ element: t, attributes: s, children: e, styles: l }) => {
+  const m = t.align;
+  return /* @__PURE__ */ r(
+    "p",
+    {
+      ...s,
+      style: l,
+      className: g([m && y[m], C(t)]),
+      children: e
+    }
+  );
+}, P = (t) => k({
+  key: o.custom1,
+  isElement: !0,
+  deserializeHtml: {
+    rules: [{ validClassName: o.custom1 }]
+  }
+})({
+  component: (s) => /* @__PURE__ */ r(u, { ...s, styles: t })
+});
+export {
+  B as Custom1Plugin
+};
+//# sourceMappingURL=custom1Plugin.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom1Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    PlatePlugin,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport type { CSSProperties } from 'react';\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-custom1-plugin';\n\nexport class Custom1Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.custom1, ...props }: PluginProps = {}) {\n        super(TextStyles.custom1, {\n            label: 'Custom 1',\n            markupElement: new Custom1MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createCustom1Plugin(this.styles)];\n    }\n}\n\nclass Custom1MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Custom1MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Custom1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            style={styles}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createCustom1Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.custom1,\n        isElement: true,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.custom1 }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Custom1MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Custom1Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom1MarkupElement","__publicField","createCustom1Plugin","MarkupElement","id","node","Custom1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAgBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAuB,IAAA,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAqB;AAAA,MACxC,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,QAAMc,IAAQH,EAAQ;AAElB,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,OAAOZ;AAAA,MACP,WAAWgB,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MAErF,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAClD;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAA0B,EAAA,GAAGR,GAAO,QAAAF,GAAgB;AAC5G,CAAC;"}

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

@@ -0,0 +1,50 @@
+var a = Object.defineProperty;
+var c = (t, s, e) => s in t ? a(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var n = (t, s, e) => (c(t, typeof s != "symbol" ? s + "" : s, e), e);
+import { jsx as r } from "react/jsx-runtime";
+import { Plugin as i, MarkupElement as p, merge as g, alignmentClassnames as y, getColumnBreakClasses as C, createPluginFactory as k } from "@frontify/fondue";
+import { TextStyles as o, BlockStyles as x } from "../styles.es.js";
+const d = "textstyle-custom2-plugin";
+class B extends i {
+  constructor({ styles: e = x.custom2, ...l } = {}) {
+    super(o.custom2, {
+      label: "Custom 2",
+      markupElement: new E(),
+      ...l
+    });
+    n(this, "styles", {});
+    this.styles = e;
+  }
+  plugins() {
+    return [P(this.styles)];
+  }
+}
+class E extends p {
+  constructor(s = d, e = u) {
+    super(s, e);
+  }
+}
+const u = ({ element: t, attributes: s, children: e, styles: l }) => {
+  const m = t.align;
+  return /* @__PURE__ */ r(
+    "p",
+    {
+      ...s,
+      className: g([m && y[m], C(t)]),
+      style: l,
+      children: e
+    }
+  );
+}, P = (t) => k({
+  key: o.custom2,
+  isElement: !0,
+  deserializeHtml: {
+    rules: [{ validClassName: o.custom2 }]
+  }
+})({
+  component: (s) => /* @__PURE__ */ r(u, { ...s, styles: t })
+});
+export {
+  B as Custom2Plugin
+};
+//# sourceMappingURL=custom2Plugin.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    PlatePlugin,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport type { CSSProperties } from 'react';\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-custom2-plugin';\n\nexport class Custom2Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.custom2, ...props }: PluginProps = {}) {\n        super(TextStyles.custom2, {\n            label: 'Custom 2',\n            markupElement: new Custom2MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createCustom2Plugin(this.styles)];\n    }\n}\n\nclass Custom2MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Custom2MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Custom2MarkupElementNode = ({ 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 createCustom2Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.custom2,\n        isElement: true,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.custom2 }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Custom2MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Custom2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom2MarkupElement","__publicField","createCustom2Plugin","MarkupElement","id","node","Custom2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAgBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAuB,IAAA,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAqB;AAAA,MACxC,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,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,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAClD;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCQ,GAA0B,EAAA,GAAGR,GAAO,QAAAF,GAAgB;AAC5G,CAAC;"}

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

@@ -0,0 +1,50 @@
+var a = Object.defineProperty;
+var c = (t, s, e) => s in t ? a(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var n = (t, s, e) => (c(t, typeof s != "symbol" ? s + "" : s, e), e);
+import { jsx as r } from "react/jsx-runtime";
+import { Plugin as i, TextStyles as o, MarkupElement as p, merge as g, alignmentClassnames as y, getColumnBreakClasses as C, createPluginFactory as k } from "@frontify/fondue";
+import { BlockStyles as x } from "../styles.es.js";
+const d = "textstyle-custom3-plugin";
+class B extends i {
+  constructor({ styles: e = x.custom3, ...l } = {}) {
+    super(o.custom3, {
+      label: "Custom 3",
+      markupElement: new E(),
+      ...l
+    });
+    n(this, "styles", {});
+    this.styles = e;
+  }
+  plugins() {
+    return [P(this.styles)];
+  }
+}
+class E extends p {
+  constructor(s = d, e = u) {
+    super(s, e);
+  }
+}
+const u = ({ element: t, attributes: s, children: e, styles: l }) => {
+  const m = t.align;
+  return /* @__PURE__ */ r(
+    "p",
+    {
+      ...s,
+      className: g([m && y[m], C(t)]),
+      style: l,
+      children: e
+    }
+  );
+}, P = (t) => k({
+  key: o.custom3,
+  isElement: !0,
+  deserializeHtml: {
+    rules: [{ validClassName: o.custom3 }]
+  }
+})({
+  component: (s) => /* @__PURE__ */ r(u, { ...s, styles: t })
+});
+export {
+  B as Custom3Plugin
+};
+//# sourceMappingURL=custom3Plugin.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    PlatePlugin,\n    type PlateRenderElementProps,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    TextStyles,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport type { CSSProperties } from 'react';\nimport { BlockStyles } from '../styles';\n\nconst ID = 'textstyle-custom3-plugin';\n\nexport class Custom3Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.custom3, ...props }: PluginProps = {}) {\n        super(TextStyles.custom3, {\n            label: 'Custom 3',\n            markupElement: new Custom3MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createCustom3Plugin(this.styles)];\n    }\n}\n\nclass Custom3MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Custom3MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Custom3MarkupElementNode = ({ 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 createCustom3Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.custom3,\n        isElement: true,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.custom3 }],\n        },\n    })({\n        component: (props: PlateRenderElementProps) => <Custom3MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Custom3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom3MarkupElement","__publicField","createCustom3Plugin","MarkupElement","id","node","Custom3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAkBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAuB,IAAA,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAqB;AAAA,MACxC,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMF,UAA6BG,EAAc;AAAA,EAC7C,YAAYC,IAAKX,GAAIY,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AACzG,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,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAClD;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAoCQ,GAA0B,EAAA,GAAGR,GAAO,QAAAF,GAAgB;AACxG,CAAC;"}

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

@@ -0,0 +1,51 @@
+var g = Object.defineProperty;
+var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var r = (t, e, n) => (m(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { jsx as i } from "react/jsx-runtime";
+import { Plugin as u, MarkupElement as c, merge as d, alignmentClassnames as p, getColumnBreakClasses as y, createPluginFactory as h } from "@frontify/fondue";
+import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
+const H = "textstyle-heading1-plugin";
+class M extends u {
+  constructor({ styles: n = k.heading1, ...s } = {}) {
+    super(o.heading1, {
+      label: "Heading 1",
+      markupElement: new x(),
+      ...s
+    });
+    r(this, "styles", {});
+    this.styles = n;
+  }
+  plugins() {
+    return [E(this.styles)];
+  }
+}
+class x extends c {
+  constructor(e = H, n = l) {
+    super(e, n);
+  }
+}
+const l = ({ element: t, attributes: e, children: n, styles: s }) => {
+  const a = t.align;
+  return /* @__PURE__ */ i(
+    "h1",
+    {
+      ...e,
+      className: d([a && p[a], y(t)]),
+      style: s,
+      children: n
+    }
+  );
+}, E = (t) => h({
+  key: o.heading1,
+  isElement: !0,
+  component: l,
+  deserializeHtml: {
+    rules: [{ validNodeName: ["h1", "H1"] }]
+  }
+})({
+  component: (e) => /* @__PURE__ */ i(l, { ...e, styles: t })
+});
+export {
+  M as Heading1Plugin
+};
+//# sourceMappingURL=heading1Plugin.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading1Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    PlatePlugin,\n    type PlateRenderElementProps,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport type { CSSProperties } from 'react';\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading1-plugin';\nexport class Heading1Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading1, ...props }: PluginProps = {}) {\n        super(TextStyles.heading1, {\n            label: 'Heading 1',\n            markupElement: new Heading1MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading1Plugin(this.styles)];\n    }\n}\n\nclass Heading1MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading1MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h1\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h1>\n    );\n};\n\nconst createHeading1Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading1,\n        isElement: true,\n        component: Heading1MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h1', 'H1'] }],\n        },\n    })({\n        component: (props: PlateRenderElementProps) => <Heading1MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading1Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading1MarkupElement","__publicField","createHeading1Plugin","MarkupElement","id","node","Heading1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAiBA,MAAMA,IAAK;AACJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAuB,IAAA,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAsB;AAAA,MACzC,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,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,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAC3C;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAoCQ,GAA2B,EAAA,GAAGR,GAAO,QAAAF,GAAgB;AACzG,CAAC;"}

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

@@ -0,0 +1,51 @@
+var g = Object.defineProperty;
+var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var r = (t, e, n) => (m(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { jsx as i } from "react/jsx-runtime";
+import { Plugin as u, MarkupElement as c, merge as d, alignmentClassnames as p, getColumnBreakClasses as y, createPluginFactory as h } from "@frontify/fondue";
+import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
+const H = "textstyle-heading2-plugin";
+class M extends u {
+  constructor({ styles: n = k.heading2, ...s } = {}) {
+    super(o.heading2, {
+      label: "Heading 2",
+      markupElement: new x(),
+      ...s
+    });
+    r(this, "styles", {});
+    this.styles = n;
+  }
+  plugins() {
+    return [E(this.styles)];
+  }
+}
+class x extends c {
+  constructor(e = H, n = l) {
+    super(e, n);
+  }
+}
+const l = ({ element: t, attributes: e, children: n, styles: s }) => {
+  const a = t.align;
+  return /* @__PURE__ */ i(
+    "h2",
+    {
+      ...e,
+      className: d([a && p[a], y(t)]),
+      style: s,
+      children: n
+    }
+  );
+}, E = (t) => h({
+  key: o.heading2,
+  isElement: !0,
+  component: l,
+  deserializeHtml: {
+    rules: [{ validNodeName: ["h2", "H2"] }]
+  }
+})({
+  component: (e) => /* @__PURE__ */ i(l, { ...e, styles: t })
+});
+export {
+  M as Heading2Plugin
+};
+//# sourceMappingURL=heading2Plugin.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    PlatePlugin,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport type { CSSProperties } from 'react';\nimport { BlockStyles, TextStyles } from '../styles';\nconst ID = 'textstyle-heading2-plugin';\n\nexport class Heading2Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading2, ...props }: PluginProps = {}) {\n        super(TextStyles.heading2, {\n            label: 'Heading 2',\n            markupElement: new Heading2MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading2Plugin(this.styles)];\n    }\n}\n\nclass Heading2MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading2MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h2\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h2>\n    );\n};\n\nconst createHeading2Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading2,\n        isElement: true,\n        component: Heading2MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h2', 'H2'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading2MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading2MarkupElement","__publicField","createHeading2Plugin","MarkupElement","id","node","Heading2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAeA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAuB,IAAA,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAsB;AAAA,MACzC,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,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,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAC3C;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAA2B,EAAA,GAAGR,GAAO,QAAAF,GAAgB;AAC7G,CAAC;"}

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

@@ -0,0 +1,51 @@
+var g = Object.defineProperty;
+var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var r = (t, e, n) => (m(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { jsx as i } from "react/jsx-runtime";
+import { Plugin as u, MarkupElement as c, merge as d, alignmentClassnames as p, getColumnBreakClasses as y, createPluginFactory as h } from "@frontify/fondue";
+import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
+const H = "textstyle-heading3-plugin";
+class M extends u {
+  constructor({ styles: n = k.heading3, ...s } = {}) {
+    super(o.heading3, {
+      label: "Heading 3",
+      markupElement: new x(),
+      ...s
+    });
+    r(this, "styles", {});
+    this.styles = n;
+  }
+  plugins() {
+    return [E(this.styles)];
+  }
+}
+class x extends c {
+  constructor(e = H, n = l) {
+    super(e, n);
+  }
+}
+const l = ({ element: t, attributes: e, children: n, styles: s }) => {
+  const a = t.align;
+  return /* @__PURE__ */ i(
+    "h3",
+    {
+      ...e,
+      className: d([a && p[a], y(t)]),
+      style: s,
+      children: n
+    }
+  );
+}, E = (t) => h({
+  key: o.heading3,
+  isElement: !0,
+  component: l,
+  deserializeHtml: {
+    rules: [{ validNodeName: ["h3", "H3"] }]
+  }
+})({
+  component: (e) => /* @__PURE__ */ i(l, { ...e, styles: t })
+});
+export {
+  M as Heading3Plugin
+};
+//# sourceMappingURL=heading3Plugin.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    PlatePlugin,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport type { CSSProperties } from 'react';\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading3-plugin';\n\nexport class Heading3Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading3, ...props }: PluginProps = {}) {\n        super(TextStyles.heading3, {\n            label: 'Heading 3',\n            markupElement: new Heading3MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading3Plugin(this.styles)];\n    }\n}\n\nclass Heading3MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading3MarkupElementNode) {\n        super(id, node);\n    }\n}\nconst Heading3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h3\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h3>\n    );\n};\n\nconst createHeading3Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading3,\n        isElement: true,\n        component: Heading3MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h3', 'H3'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading3MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading3MarkupElement","__publicField","createHeading3Plugin","MarkupElement","id","node","Heading3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAgBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAuB,IAAA,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAsB;AAAA,MACzC,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,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,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAC3C;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAA2B,EAAA,GAAGR,GAAO,QAAAF,GAAgB;AAC7G,CAAC;"}

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

@@ -0,0 +1,51 @@
+var g = Object.defineProperty;
+var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var r = (t, e, n) => (m(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { jsx as i } from "react/jsx-runtime";
+import { Plugin as u, MarkupElement as c, merge as d, alignmentClassnames as p, getColumnBreakClasses as y, createPluginFactory as h } from "@frontify/fondue";
+import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
+const H = "textstyle-heading4-plugin";
+class M extends u {
+  constructor({ styles: n = k.heading4, ...s } = {}) {
+    super(o.heading4, {
+      label: "Heading 4",
+      markupElement: new x(),
+      ...s
+    });
+    r(this, "styles", {});
+    this.styles = n;
+  }
+  plugins() {
+    return [E(this.styles)];
+  }
+}
+class x extends c {
+  constructor(e = H, n = l) {
+    super(e, n);
+  }
+}
+const l = ({ element: t, attributes: e, children: n, styles: s }) => {
+  const a = t.align;
+  return /* @__PURE__ */ i(
+    "h4",
+    {
+      ...e,
+      className: d([a && p[a], y(t)]),
+      style: s,
+      children: n
+    }
+  );
+}, E = (t) => h({
+  key: o.heading4,
+  isElement: !0,
+  component: l,
+  deserializeHtml: {
+    rules: [{ validNodeName: ["h4", "H4"] }]
+  }
+})({
+  component: (e) => /* @__PURE__ */ i(l, { ...e, styles: t })
+});
+export {
+  M as Heading4Plugin
+};
+//# sourceMappingURL=heading4Plugin.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading4Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    PlatePlugin,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport type { CSSProperties } from 'react';\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading4-plugin';\n\nexport class Heading4Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading4, ...props }: PluginProps = {}) {\n        super(TextStyles.heading4, {\n            label: 'Heading 4',\n            markupElement: new Heading4MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading4Plugin(this.styles)];\n    }\n}\n\nclass Heading4MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading4MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading4MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h4\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h4>\n    );\n};\n\nconst createHeading4Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading4,\n        isElement: true,\n        component: Heading4MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h4', 'H4'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading4MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading4Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading4MarkupElement","__publicField","createHeading4Plugin","MarkupElement","id","node","Heading4MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;;;;AAgBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAuB,IAAA,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAsB;AAAA,MACzC,GAAGF;AAAA,IAAA,CACN;AANE,IAAAG,EAAA,gBAAwB,CAAA;AAO3B,SAAK,SAASL;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACM,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMF,UAA8BG,EAAc;AAAA,EAC9C,YAAYC,IAAKX,GAAIY,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAb,QAA0C;AAC1G,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,IAAuB,CAACN,MAC1BmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWO;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAC3C;AACJ,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAA2B,EAAA,GAAGR,GAAO,QAAAF,GAAgB;AAC7G,CAAC;"}

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

@@ -0,0 +1,40 @@
+import { TextStyles as t } from "../styles.es.js";
+import { Heading1Plugin as i } from "./heading1Plugin.es.js";
+import { Heading2Plugin as o } from "./heading2Plugin.es.js";
+import { Heading3Plugin as e } from "./heading3Plugin.es.js";
+import { Heading4Plugin as n } from "./heading4Plugin.es.js";
+import { Custom1Plugin as m } from "./custom1Plugin.es.js";
+import { Custom2Plugin as g } from "./custom2Plugin.es.js";
+import { Custom3Plugin as r } from "./custom3Plugin.es.js";
+import { QuotePlugin as l } from "./quotePlugin.es.js";
+import { ParagraphPlugin as u } from "./paragraphPlugin.es.js";
+import { ImageCaptionPlugin as a } from "./imageCaptionPlugin.es.js";
+import { ImageTitlePlugin as p } from "./imageTitlePlugin.es.js";
+const s = [
+  new i(),
+  new o(),
+  new e(),
+  new n(),
+  new m(),
+  new g(),
+  new r(),
+  new l(),
+  new u()
+], P = [
+  t.heading1,
+  t.heading2,
+  t.heading3,
+  t.heading4,
+  t.custom1,
+  t.custom2,
+  t.custom3,
+  t.quote,
+  t.p
+], A = [...s, new a(), new p()], W = [...P, t.imageCaption, t.imageTitle];
+export {
+  A as AllTextStylePlugins,
+  W as AllTextStyles,
+  s as TextStylePluginsWithoutImage,
+  P as TextStylesWithoutImage
+};
+//# sourceMappingURL=helpers.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/helpers.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    Custom1Plugin,\n    Custom2Plugin,\n    Custom3Plugin,\n    Heading1Plugin,\n    Heading2Plugin,\n    Heading3Plugin,\n    Heading4Plugin,\n    ImageCaptionPlugin,\n    ImageTitlePlugin,\n    ParagraphPlugin,\n    QuotePlugin,\n} from '.';\nimport { TextStyles } from '../styles';\n\nexport const TextStylePluginsWithoutImage = [\n    new Heading1Plugin(),\n    new Heading2Plugin(),\n    new Heading3Plugin(),\n    new Heading4Plugin(),\n    new Custom1Plugin(),\n    new Custom2Plugin(),\n    new Custom3Plugin(),\n    new QuotePlugin(),\n    new ParagraphPlugin(),\n];\n\nexport const TextStylesWithoutImage = [\n    TextStyles.heading1,\n    TextStyles.heading2,\n    TextStyles.heading3,\n    TextStyles.heading4,\n    TextStyles.custom1,\n    TextStyles.custom2,\n    TextStyles.custom3,\n    TextStyles.quote,\n    TextStyles.p,\n];\n\nexport const AllTextStylePlugins = [...TextStylePluginsWithoutImage, new ImageCaptionPlugin(), new ImageTitlePlugin()];\n\nexport const AllTextStyles = [...TextStylesWithoutImage, TextStyles.imageCaption, TextStyles.imageTitle];\n"],"names":["TextStylePluginsWithoutImage","Heading1Plugin","Heading2Plugin","Heading3Plugin","Heading4Plugin","Custom1Plugin","Custom2Plugin","Custom3Plugin","QuotePlugin","ParagraphPlugin","TextStylesWithoutImage","TextStyles","AllTextStylePlugins","ImageCaptionPlugin","ImageTitlePlugin","AllTextStyles"],"mappings":";;;;;;;;;;;;AAiBO,MAAMA,IAA+B;AAAA,EACxC,IAAIC,EAAe;AAAA,EACnB,IAAIC,EAAe;AAAA,EACnB,IAAIC,EAAe;AAAA,EACnB,IAAIC,EAAe;AAAA,EACnB,IAAIC,EAAc;AAAA,EAClB,IAAIC,EAAc;AAAA,EAClB,IAAIC,EAAc;AAAA,EAClB,IAAIC,EAAY;AAAA,EAChB,IAAIC,EAAgB;AACxB,GAEaC,IAAyB;AAAA,EAClCC,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AAAA,EACXA,EAAW;AACf,GAEaC,IAAsB,CAAC,GAAGZ,GAA8B,IAAIa,EAAmB,GAAG,IAAIC,GAAkB,GAExGC,IAAgB,CAAC,GAAGL,GAAwBC,EAAW,cAAcA,EAAW,UAAU;"}

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

@@ -0,0 +1,51 @@
+var r = Object.defineProperty;
+var p = (t, e, a) => e in t ? r(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
+var o = (t, e, a) => (p(t, typeof e != "symbol" ? e + "" : e, a), a);
+import { jsx as m } from "react/jsx-runtime";
+import { Plugin as g, MarkupElement as u, merge as c, alignmentClassnames as C, getColumnBreakClasses as y, createPluginFactory as k } from "@frontify/fondue";
+import { TextStyles as s, BlockStyles as x } from "../styles.es.js";
+const I = "textstyle-imageCaption-plugin";
+class h extends g {
+  constructor({ styles: a = x.imageCaption, ...n } = {}) {
+    super(s.imageCaption, {
+      label: "Image Caption",
+      markupElement: new d(),
+      ...n
+    });
+    o(this, "styles", {});
+    this.styles = a;
+  }
+  plugins() {
+    return [E(this.styles)];
+  }
+}
+class d extends u {
+  constructor(e = I, a = l) {
+    super(e, a);
+  }
+}
+const l = ({ element: t, attributes: e, children: a, styles: n }) => {
+  const i = t.align;
+  return /* @__PURE__ */ m(
+    "p",
+    {
+      ...e,
+      className: c([i && C[i], y(t)]),
+      style: n,
+      children: a
+    }
+  );
+}, E = (t) => k({
+  key: s.imageCaption,
+  isElement: !0,
+  component: l,
+  deserializeHtml: {
+    rules: [{ validClassName: s.imageCaption }]
+  }
+})({
+  component: (e) => /* @__PURE__ */ m(l, { ...e, styles: t })
+});
+export {
+  h as ImageCaptionPlugin
+};
+//# sourceMappingURL=imageCaptionPlugin.es.js.map

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

@@ -0,0 +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    PlatePlugin,\n    Plugin,\n    PluginProps,\n    TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue';\nimport type { CSSProperties } from 'react';\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":";;;;;;AAgBA,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;"}