@frontify/guideline-blocks-settings 2.0.0 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (110) hide show
  1. package/dist/components/Attachments/AttachmentItem.es.js +83 -83
  2. package/dist/components/Attachments/AttachmentItem.es.js.map +1 -1
  3. package/dist/components/Attachments/Attachments.es.js +51 -54
  4. package/dist/components/Attachments/Attachments.es.js.map +1 -1
  5. package/dist/components/BlockInjectButton/BlockInjectButton.es.js +56 -57
  6. package/dist/components/BlockInjectButton/BlockInjectButton.es.js.map +1 -1
  7. package/dist/components/BlockItemWrapper/BlockItemWrapper.es.js +25 -25
  8. package/dist/components/BlockItemWrapper/BlockItemWrapper.es.js.map +1 -1
  9. package/dist/components/BlockItemWrapper/Toolbar/context/MultiFlyoutContext.es.js +3 -3
  10. package/dist/components/Link/LinkInput.es.js +35 -35
  11. package/dist/components/Link/LinkInput.es.js.map +1 -1
  12. package/dist/components/Link/LinkSelector/LinkSelector.es.js +31 -31
  13. package/dist/components/Link/LinkSelector/LinkSelector.es.js.map +1 -1
  14. package/dist/components/Link/helpers/filterDocumentSectionsWithUnreadableTitles.es.js +2 -5
  15. package/dist/components/Link/helpers/filterDocumentSectionsWithUnreadableTitles.es.js.map +1 -1
  16. package/dist/components/Link/utils/getUrl.es.js +9 -15
  17. package/dist/components/Link/utils/getUrl.es.js.map +1 -1
  18. package/dist/components/RichTextEditor/RichTextEditor.es.js +39 -39
  19. package/dist/components/RichTextEditor/RichTextEditor.es.js.map +1 -1
  20. package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.es.js +24 -25
  21. package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.es.js.map +1 -1
  22. package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.es.js +6 -6
  23. package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/ButtonButton.es.js.map +1 -1
  24. package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/useInsertModal.es.js +25 -25
  25. package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/InsertButtonModal/useInsertModal.es.js.map +1 -1
  26. package/dist/components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.es.js +29 -33
  27. package/dist/components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.es.js.map +1 -1
  28. package/dist/components/RichTextEditor/plugins/ButtonPlugin/transforms/submitFloatingButton.es.js +6 -6
  29. package/dist/components/RichTextEditor/plugins/ButtonPlugin/transforms/submitFloatingButton.es.js.map +1 -1
  30. package/dist/components/RichTextEditor/plugins/ButtonPlugin/transforms/unwrapButton.es.js +22 -23
  31. package/dist/components/RichTextEditor/plugins/ButtonPlugin/transforms/unwrapButton.es.js.map +1 -1
  32. package/dist/components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButton.es.js +61 -63
  33. package/dist/components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButton.es.js.map +1 -1
  34. package/dist/components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButtonText.es.js +6 -6
  35. package/dist/components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButtonText.es.js.map +1 -1
  36. package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/getButtonStyle.es.js +6 -7
  37. package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/getButtonStyle.es.js.map +1 -1
  38. package/dist/components/RichTextEditor/plugins/ButtonPlugin/withButton.es.js +21 -21
  39. package/dist/components/RichTextEditor/plugins/ButtonPlugin/withButton.es.js.map +1 -1
  40. package/dist/components/RichTextEditor/plugins/ColumnBreakPlugin/ColumnBreakPlugin.es.js +15 -19
  41. package/dist/components/RichTextEditor/plugins/ColumnBreakPlugin/ColumnBreakPlugin.es.js.map +1 -1
  42. package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.es.js +5 -5
  43. package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.es.js +13 -13
  44. package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/InsertModal.es.js.map +1 -1
  45. package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.es.js +23 -23
  46. package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/InsertLinkModal/useInsertModal.es.js.map +1 -1
  47. package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.es.js +7 -8
  48. package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.es.js.map +1 -1
  49. package/dist/components/RichTextEditor/plugins/LinkPlugin/index.es.js +23 -27
  50. package/dist/components/RichTextEditor/plugins/LinkPlugin/index.es.js.map +1 -1
  51. package/dist/components/RichTextEditor/plugins/LinkPlugin/utils/getUrl.es.js +6 -9
  52. package/dist/components/RichTextEditor/plugins/LinkPlugin/utils/getUrl.es.js.map +1 -1
  53. package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.es.js +24 -28
  54. package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.es.js.map +1 -1
  55. package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js +24 -28
  56. package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js.map +1 -1
  57. package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js +24 -28
  58. package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js.map +1 -1
  59. package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js +24 -28
  60. package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js.map +1 -1
  61. package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js +24 -28
  62. package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js.map +1 -1
  63. package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js +24 -28
  64. package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js.map +1 -1
  65. package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js +24 -28
  66. package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js.map +1 -1
  67. package/dist/components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.es.js +25 -29
  68. package/dist/components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.es.js.map +1 -1
  69. package/dist/components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.es.js +25 -29
  70. package/dist/components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.es.js.map +1 -1
  71. package/dist/components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.es.js +26 -30
  72. package/dist/components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.es.js.map +1 -1
  73. package/dist/components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.es.js +26 -30
  74. package/dist/components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.es.js.map +1 -1
  75. package/dist/helpers/customCoordinatesGetterFactory.es.js +18 -18
  76. package/dist/helpers/customCoordinatesGetterFactory.es.js.map +1 -1
  77. package/dist/hooks/useAttachments.es.js +6 -6
  78. package/dist/hooks/useAttachments.es.js.map +1 -1
  79. package/dist/index.cjs.js +7 -7
  80. package/dist/index.cjs.js.map +1 -1
  81. package/dist/index.d.ts +0 -15
  82. package/dist/index.es.js +208 -208
  83. package/dist/index.umd.js +7 -7
  84. package/dist/index.umd.js.map +1 -1
  85. package/dist/settings/background.es.js +4 -4
  86. package/dist/settings/background.es.js.map +1 -1
  87. package/dist/settings/border.es.js +17 -17
  88. package/dist/settings/border.es.js.map +1 -1
  89. package/dist/settings/borderRadius.es.js +12 -15
  90. package/dist/settings/borderRadius.es.js.map +1 -1
  91. package/dist/settings/borderRadiusExtended.es.js +25 -28
  92. package/dist/settings/borderRadiusExtended.es.js.map +1 -1
  93. package/dist/settings/gutter.es.js +17 -20
  94. package/dist/settings/gutter.es.js.map +1 -1
  95. package/dist/settings/margin.es.js +14 -14
  96. package/dist/settings/margin.es.js.map +1 -1
  97. package/dist/settings/marginExtended.es.js +29 -29
  98. package/dist/settings/marginExtended.es.js.map +1 -1
  99. package/dist/settings/padding.es.js +14 -14
  100. package/dist/settings/padding.es.js.map +1 -1
  101. package/dist/settings/paddingExtended.es.js +28 -28
  102. package/dist/settings/paddingExtended.es.js.map +1 -1
  103. package/dist/settings/securityDownloadable.es.js +8 -11
  104. package/dist/settings/securityDownloadable.es.js.map +1 -1
  105. package/dist/styles.css +1 -1
  106. package/dist/utilities/color/getReadableColor.es.js +6 -6
  107. package/dist/utilities/color/getReadableColor.es.js.map +1 -1
  108. package/dist/utilities/color/isDark.es.js +4 -4
  109. package/dist/utilities/color/isDark.es.js.map +1 -1
  110. package/package.json +16 -16
@@ -1,50 +1,46 @@
1
- var a = Object.defineProperty;
2
- var c = (t, s, e) => s in t ? a(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
3
- var n = (t, s, e) => c(t, typeof s != "symbol" ? s + "" : s, e);
4
- import { jsx as r } from "react/jsx-runtime";
5
- import { Plugin as i, TextStyles as o, createPluginFactory as p, MarkupElement as g, merge as y, alignmentClassnames as C, getColumnBreakClasses as k } from "@frontify/fondue/rte";
6
- import { BlockStyles as x } from "../styles.es.js";
7
- const d = "textstyle-custom3-plugin";
8
- class B extends i {
9
- constructor({ styles: e = x.custom3, ...l } = {}) {
10
- super(o.custom3, {
1
+ import { jsx as m } from "react/jsx-runtime";
2
+ import { Plugin as u, TextStyles as l, MarkupElement as a, createPluginFactory as c, merge as i, alignmentClassnames as p, getColumnBreakClasses as g } from "@frontify/fondue/rte";
3
+ import { BlockStyles as y } from "../styles.es.js";
4
+ const C = "textstyle-custom3-plugin";
5
+ class f extends u {
6
+ styles = {};
7
+ constructor({ styles: s = y.custom3, ...e } = {}) {
8
+ super(l.custom3, {
11
9
  label: "Custom 3",
12
- markupElement: new E(),
13
- ...l
14
- });
15
- n(this, "styles", {});
16
- this.styles = e;
10
+ markupElement: new k(),
11
+ ...e
12
+ }), this.styles = s;
17
13
  }
18
14
  plugins() {
19
- return [P(this.styles)];
15
+ return [x(this.styles)];
20
16
  }
21
17
  }
22
- class E extends g {
23
- constructor(s = d, e = u) {
18
+ class k extends a {
19
+ constructor(s = C, e = n) {
24
20
  super(s, e);
25
21
  }
26
22
  }
27
- const u = ({ element: t, attributes: s, children: e, styles: l }) => {
28
- const m = t.align;
29
- return /* @__PURE__ */ r(
23
+ const n = ({ element: t, attributes: s, children: e, styles: r }) => {
24
+ const o = t.align;
25
+ return /* @__PURE__ */ m(
30
26
  "p",
31
27
  {
32
28
  ...s,
33
- className: y([m && C[m], k(t)]),
34
- style: l,
29
+ className: i([o && p[o], g(t)]),
30
+ style: r,
35
31
  children: e
36
32
  }
37
33
  );
38
- }, P = (t) => p({
39
- key: o.custom3,
34
+ }, x = (t) => c({
35
+ key: l.custom3,
40
36
  isElement: !0,
41
37
  deserializeHtml: {
42
- rules: [{ validClassName: o.custom3 }]
38
+ rules: [{ validClassName: l.custom3 }]
43
39
  }
44
40
  })({
45
- component: (s) => /* @__PURE__ */ r(u, { ...s, styles: t })
41
+ component: (s) => /* @__PURE__ */ m(n, { ...s, styles: t })
46
42
  });
47
43
  export {
48
- B as Custom3Plugin
44
+ f as Custom3Plugin
49
45
  };
50
46
  //# sourceMappingURL=custom3Plugin.es.js.map
@@ -1 +1 @@
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 type PlatePlugin,\n type PlateRenderElementProps,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n TextStyles,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\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":";;;;;;AAmBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAEtC,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAA,IAAuB,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,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,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;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,IAAsB,CAACN,MACzBmB,EAAoB;AAAA,EAChB,KAAKhB,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAAA;AAEtD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAoCQ,GAAA,EAA0B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AACxG,CAAC;"}
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 type PlatePlugin,\n type PlateRenderElementProps,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n TextStyles,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\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","createCustom3Plugin","MarkupElement","id","node","Custom3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAmBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAC/B,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAA,IAAuB,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMD,UAA6BE,EAAc;AAAA,EAC7C,YAAYC,IAAKV,GAAIW,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AACzG,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACL,MACzBkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAAA;AAEtD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAoCO,GAAA,EAA0B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AACxG,CAAC;"}
@@ -1,51 +1,47 @@
1
- var g = Object.defineProperty;
2
- var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
3
- var r = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
4
- import { jsx as i } from "react/jsx-runtime";
5
- import { Plugin as u, createPluginFactory as c, MarkupElement as d, merge as p, alignmentClassnames as y, getColumnBreakClasses as h } from "@frontify/fondue/rte";
6
- import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
7
- const H = "textstyle-heading1-plugin";
8
- class M extends u {
9
- constructor({ styles: n = k.heading1, ...s } = {}) {
10
- super(o.heading1, {
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { Plugin as o, MarkupElement as g, createPluginFactory as m, merge as u, alignmentClassnames as c, getColumnBreakClasses as d } from "@frontify/fondue/rte";
3
+ import { TextStyles as r, BlockStyles as p } from "../styles.es.js";
4
+ const y = "textstyle-heading1-plugin";
5
+ class N extends o {
6
+ styles = {};
7
+ constructor({ styles: e = p.heading1, ...n } = {}) {
8
+ super(r.heading1, {
11
9
  label: "Heading 1",
12
- markupElement: new x(),
13
- ...s
14
- });
15
- r(this, "styles", {});
16
- this.styles = n;
10
+ markupElement: new h(),
11
+ ...n
12
+ }), this.styles = e;
17
13
  }
18
14
  plugins() {
19
- return [E(this.styles)];
15
+ return [k(this.styles)];
20
16
  }
21
17
  }
22
- class x extends d {
23
- constructor(e = H, n = l) {
18
+ class h extends g {
19
+ constructor(e = y, n = s) {
24
20
  super(e, n);
25
21
  }
26
22
  }
27
- const l = ({ element: t, attributes: e, children: n, styles: s }) => {
28
- const a = t.align;
29
- return /* @__PURE__ */ i(
23
+ const s = ({ element: t, attributes: e, children: n, styles: i }) => {
24
+ const l = t.align;
25
+ return /* @__PURE__ */ a(
30
26
  "h1",
31
27
  {
32
28
  ...e,
33
- className: p([a && y[a], h(t)]),
34
- style: s,
29
+ className: u([l && c[l], d(t)]),
30
+ style: i,
35
31
  children: n
36
32
  }
37
33
  );
38
- }, E = (t) => c({
39
- key: o.heading1,
34
+ }, k = (t) => m({
35
+ key: r.heading1,
40
36
  isElement: !0,
41
- component: l,
37
+ component: s,
42
38
  deserializeHtml: {
43
39
  rules: [{ validNodeName: ["h1", "H1"] }]
44
40
  }
45
41
  })({
46
- component: (e) => /* @__PURE__ */ i(l, { ...e, styles: t })
42
+ component: (e) => /* @__PURE__ */ a(s, { ...e, styles: t })
47
43
  });
48
44
  export {
49
- M as Heading1Plugin
45
+ N as Heading1Plugin
50
46
  };
51
47
  //# sourceMappingURL=heading1Plugin.es.js.map
@@ -1 +1 @@
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 type PlatePlugin,\n type PlateRenderElementProps,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-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":";;;;;;AAkBA,MAAMA,IAAK;AACJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,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,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;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,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,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAoCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AACzG,CAAC;"}
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 type PlatePlugin,\n type PlateRenderElementProps,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-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","createHeading1Plugin","MarkupElement","id","node","Heading1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAkBA,MAAMA,IAAK;AACJ,MAAMC,UAAuBC,EAAO;AAAA,EAChC,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMD,UAA8BE,EAAc;AAAA,EAC9C,YAAYC,IAAKV,GAAIW,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC1G,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACL,MAC1BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACP,wBAAoCO,GAAA,EAA2B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AACzG,CAAC;"}
@@ -1,51 +1,47 @@
1
- var g = Object.defineProperty;
2
- var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
3
- var r = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
4
- import { jsx as i } from "react/jsx-runtime";
5
- import { Plugin as u, createPluginFactory as c, MarkupElement as d, merge as p, alignmentClassnames as y, getColumnBreakClasses as h } from "@frontify/fondue/rte";
6
- import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
7
- const H = "textstyle-heading2-plugin";
8
- class M extends u {
9
- constructor({ styles: n = k.heading2, ...s } = {}) {
10
- super(o.heading2, {
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { Plugin as o, MarkupElement as g, createPluginFactory as m, merge as u, alignmentClassnames as c, getColumnBreakClasses as d } from "@frontify/fondue/rte";
3
+ import { TextStyles as r, BlockStyles as p } from "../styles.es.js";
4
+ const y = "textstyle-heading2-plugin";
5
+ class N extends o {
6
+ styles = {};
7
+ constructor({ styles: e = p.heading2, ...n } = {}) {
8
+ super(r.heading2, {
11
9
  label: "Heading 2",
12
- markupElement: new x(),
13
- ...s
14
- });
15
- r(this, "styles", {});
16
- this.styles = n;
10
+ markupElement: new h(),
11
+ ...n
12
+ }), this.styles = e;
17
13
  }
18
14
  plugins() {
19
- return [E(this.styles)];
15
+ return [k(this.styles)];
20
16
  }
21
17
  }
22
- class x extends d {
23
- constructor(e = H, n = l) {
18
+ class h extends g {
19
+ constructor(e = y, n = s) {
24
20
  super(e, n);
25
21
  }
26
22
  }
27
- const l = ({ element: t, attributes: e, children: n, styles: s }) => {
28
- const a = t.align;
29
- return /* @__PURE__ */ i(
23
+ const s = ({ element: t, attributes: e, children: n, styles: i }) => {
24
+ const l = t.align;
25
+ return /* @__PURE__ */ a(
30
26
  "h2",
31
27
  {
32
28
  ...e,
33
- className: p([a && y[a], h(t)]),
34
- style: s,
29
+ className: u([l && c[l], d(t)]),
30
+ style: i,
35
31
  children: n
36
32
  }
37
33
  );
38
- }, E = (t) => c({
39
- key: o.heading2,
34
+ }, k = (t) => m({
35
+ key: r.heading2,
40
36
  isElement: !0,
41
- component: l,
37
+ component: s,
42
38
  deserializeHtml: {
43
39
  rules: [{ validNodeName: ["h2", "H2"] }]
44
40
  }
45
41
  })({
46
- component: (e) => /* @__PURE__ */ i(l, { ...e, styles: t })
42
+ component: (e) => /* @__PURE__ */ a(s, { ...e, styles: t })
47
43
  });
48
44
  export {
49
- M as Heading2Plugin
45
+ N as Heading2Plugin
50
46
  };
51
47
  //# sourceMappingURL=heading2Plugin.es.js.map
@@ -1 +1 @@
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 type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-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":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,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,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;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,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,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}
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 type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-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","createHeading2Plugin","MarkupElement","id","node","Heading2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAChC,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMD,UAA8BE,EAAc;AAAA,EAC9C,YAAYC,IAAKV,GAAIW,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC1G,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACL,MAC1BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACP,wBAAwCO,GAAA,EAA2B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}
@@ -1,51 +1,47 @@
1
- var g = Object.defineProperty;
2
- var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
3
- var r = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
4
- import { jsx as i } from "react/jsx-runtime";
5
- import { Plugin as u, createPluginFactory as c, MarkupElement as d, merge as p, alignmentClassnames as y, getColumnBreakClasses as h } from "@frontify/fondue/rte";
6
- import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
7
- const H = "textstyle-heading3-plugin";
8
- class M extends u {
9
- constructor({ styles: n = k.heading3, ...s } = {}) {
10
- super(o.heading3, {
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { Plugin as o, MarkupElement as g, createPluginFactory as m, merge as u, alignmentClassnames as c, getColumnBreakClasses as d } from "@frontify/fondue/rte";
3
+ import { TextStyles as r, BlockStyles as p } from "../styles.es.js";
4
+ const y = "textstyle-heading3-plugin";
5
+ class N extends o {
6
+ styles = {};
7
+ constructor({ styles: e = p.heading3, ...n } = {}) {
8
+ super(r.heading3, {
11
9
  label: "Heading 3",
12
- markupElement: new x(),
13
- ...s
14
- });
15
- r(this, "styles", {});
16
- this.styles = n;
10
+ markupElement: new h(),
11
+ ...n
12
+ }), this.styles = e;
17
13
  }
18
14
  plugins() {
19
- return [E(this.styles)];
15
+ return [k(this.styles)];
20
16
  }
21
17
  }
22
- class x extends d {
23
- constructor(e = H, n = l) {
18
+ class h extends g {
19
+ constructor(e = y, n = s) {
24
20
  super(e, n);
25
21
  }
26
22
  }
27
- const l = ({ element: t, attributes: e, children: n, styles: s }) => {
28
- const a = t.align;
29
- return /* @__PURE__ */ i(
23
+ const s = ({ element: t, attributes: e, children: n, styles: i }) => {
24
+ const l = t.align;
25
+ return /* @__PURE__ */ a(
30
26
  "h3",
31
27
  {
32
28
  ...e,
33
- className: p([a && y[a], h(t)]),
34
- style: s,
29
+ className: u([l && c[l], d(t)]),
30
+ style: i,
35
31
  children: n
36
32
  }
37
33
  );
38
- }, E = (t) => c({
39
- key: o.heading3,
34
+ }, k = (t) => m({
35
+ key: r.heading3,
40
36
  isElement: !0,
41
- component: l,
37
+ component: s,
42
38
  deserializeHtml: {
43
39
  rules: [{ validNodeName: ["h3", "H3"] }]
44
40
  }
45
41
  })({
46
- component: (e) => /* @__PURE__ */ i(l, { ...e, styles: t })
42
+ component: (e) => /* @__PURE__ */ a(s, { ...e, styles: t })
47
43
  });
48
44
  export {
49
- M as Heading3Plugin
45
+ N as Heading3Plugin
50
46
  };
51
47
  //# sourceMappingURL=heading3Plugin.es.js.map
@@ -1 +1 @@
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 type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-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":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,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,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;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,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,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}
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 type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-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","createHeading3Plugin","MarkupElement","id","node","Heading3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAChC,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMD,UAA8BE,EAAc;AAAA,EAC9C,YAAYC,IAAKV,GAAIW,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC1G,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACL,MAC1BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACP,wBAAwCO,GAAA,EAA2B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}
@@ -1,51 +1,47 @@
1
- var g = Object.defineProperty;
2
- var m = (t, e, n) => e in t ? g(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
3
- var r = (t, e, n) => m(t, typeof e != "symbol" ? e + "" : e, n);
4
- import { jsx as i } from "react/jsx-runtime";
5
- import { Plugin as u, createPluginFactory as c, MarkupElement as d, merge as p, alignmentClassnames as y, getColumnBreakClasses as h } from "@frontify/fondue/rte";
6
- import { TextStyles as o, BlockStyles as k } from "../styles.es.js";
7
- const H = "textstyle-heading4-plugin";
8
- class M extends u {
9
- constructor({ styles: n = k.heading4, ...s } = {}) {
10
- super(o.heading4, {
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { Plugin as o, MarkupElement as g, createPluginFactory as m, merge as u, alignmentClassnames as c, getColumnBreakClasses as d } from "@frontify/fondue/rte";
3
+ import { TextStyles as r, BlockStyles as p } from "../styles.es.js";
4
+ const y = "textstyle-heading4-plugin";
5
+ class N extends o {
6
+ styles = {};
7
+ constructor({ styles: e = p.heading4, ...n } = {}) {
8
+ super(r.heading4, {
11
9
  label: "Heading 4",
12
- markupElement: new x(),
13
- ...s
14
- });
15
- r(this, "styles", {});
16
- this.styles = n;
10
+ markupElement: new h(),
11
+ ...n
12
+ }), this.styles = e;
17
13
  }
18
14
  plugins() {
19
- return [E(this.styles)];
15
+ return [k(this.styles)];
20
16
  }
21
17
  }
22
- class x extends d {
23
- constructor(e = H, n = l) {
18
+ class h extends g {
19
+ constructor(e = y, n = s) {
24
20
  super(e, n);
25
21
  }
26
22
  }
27
- const l = ({ element: t, attributes: e, children: n, styles: s }) => {
28
- const a = t.align;
29
- return /* @__PURE__ */ i(
23
+ const s = ({ element: t, attributes: e, children: n, styles: i }) => {
24
+ const l = t.align;
25
+ return /* @__PURE__ */ a(
30
26
  "h4",
31
27
  {
32
28
  ...e,
33
- className: p([a && y[a], h(t)]),
34
- style: s,
29
+ className: u([l && c[l], d(t)]),
30
+ style: i,
35
31
  children: n
36
32
  }
37
33
  );
38
- }, E = (t) => c({
39
- key: o.heading4,
34
+ }, k = (t) => m({
35
+ key: r.heading4,
40
36
  isElement: !0,
41
- component: l,
37
+ component: s,
42
38
  deserializeHtml: {
43
39
  rules: [{ validNodeName: ["h4", "H4"] }]
44
40
  }
45
41
  })({
46
- component: (e) => /* @__PURE__ */ i(l, { ...e, styles: t })
42
+ component: (e) => /* @__PURE__ */ a(s, { ...e, styles: t })
47
43
  });
48
44
  export {
49
- M as Heading4Plugin
45
+ N as Heading4Plugin
50
46
  };
51
47
  //# sourceMappingURL=heading4Plugin.es.js.map
@@ -1 +1 @@
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 type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-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":";;;;;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAEvC,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,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,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;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,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,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACR,wBAAwCQ,GAAA,EAA2B,GAAGR,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}
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 type PlatePlugin,\n Plugin,\n type PluginProps,\n type TextStyleRenderElementProps,\n alignmentClassnames,\n createPluginFactory,\n getColumnBreakClasses,\n merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-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","createHeading4Plugin","MarkupElement","id","node","Heading4MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAChC,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMD,UAA8BE,EAAc;AAAA,EAC9C,YAAYC,IAAKV,GAAIW,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC1G,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACL,MAC1BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACP,wBAAwCO,GAAA,EAA2B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}
@@ -1,51 +1,47 @@
1
- var r = Object.defineProperty;
2
- var p = (t, e, a) => e in t ? r(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
3
- var o = (t, e, a) => p(t, typeof e != "symbol" ? e + "" : e, a);
4
- import { jsx as m } from "react/jsx-runtime";
5
- import { Plugin as g, createPluginFactory as u, MarkupElement as c, merge as C, alignmentClassnames as y, getColumnBreakClasses as k } from "@frontify/fondue/rte";
6
- import { TextStyles as s, BlockStyles as x } from "../styles.es.js";
7
- const I = "textstyle-imageCaption-plugin";
8
- class h extends g {
9
- constructor({ styles: a = x.imageCaption, ...n } = {}) {
10
- super(s.imageCaption, {
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import { Plugin as m, MarkupElement as r, createPluginFactory as p, merge as g, alignmentClassnames as u, getColumnBreakClasses as c } from "@frontify/fondue/rte";
3
+ import { TextStyles as n, BlockStyles as C } from "../styles.es.js";
4
+ const y = "textstyle-imageCaption-plugin";
5
+ class P extends m {
6
+ styles = {};
7
+ constructor({ styles: e = C.imageCaption, ...a } = {}) {
8
+ super(n.imageCaption, {
11
9
  label: "Image Caption",
12
- markupElement: new d(),
13
- ...n
14
- });
15
- o(this, "styles", {});
16
- this.styles = a;
10
+ markupElement: new k(),
11
+ ...a
12
+ }), this.styles = e;
17
13
  }
18
14
  plugins() {
19
- return [E(this.styles)];
15
+ return [x(this.styles)];
20
16
  }
21
17
  }
22
- class d extends c {
23
- constructor(e = I, a = l) {
18
+ class k extends r {
19
+ constructor(e = y, a = s) {
24
20
  super(e, a);
25
21
  }
26
22
  }
27
- const l = ({ element: t, attributes: e, children: a, styles: n }) => {
28
- const i = t.align;
29
- return /* @__PURE__ */ m(
23
+ const s = ({ element: t, attributes: e, children: a, styles: o }) => {
24
+ const l = t.align;
25
+ return /* @__PURE__ */ i(
30
26
  "p",
31
27
  {
32
28
  ...e,
33
- className: C([i && y[i], k(t)]),
34
- style: n,
29
+ className: g([l && u[l], c(t)]),
30
+ style: o,
35
31
  children: a
36
32
  }
37
33
  );
38
- }, E = (t) => u({
39
- key: s.imageCaption,
34
+ }, x = (t) => p({
35
+ key: n.imageCaption,
40
36
  isElement: !0,
41
- component: l,
37
+ component: s,
42
38
  deserializeHtml: {
43
- rules: [{ validClassName: s.imageCaption }]
39
+ rules: [{ validClassName: n.imageCaption }]
44
40
  }
45
41
  })({
46
- component: (e) => /* @__PURE__ */ m(l, { ...e, styles: t })
42
+ component: (e) => /* @__PURE__ */ i(s, { ...e, styles: t })
47
43
  });
48
44
  export {
49
- h as ImageCaptionPlugin
45
+ P as ImageCaptionPlugin
50
46
  };
51
47
  //# sourceMappingURL=imageCaptionPlugin.es.js.map
@@ -1 +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/rte';\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;"}
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/rte';\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","createImageCaptionPlugin","MarkupElement","id","node","ImageCaptionMarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAA2BC,EAAO;AAAA,EACpC,SAAwB,CAAA;AAAA,EAC/B,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,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAyB,KAAK,MAAM,CAAC;AAAA,EACjD;AACJ;AAEA,MAAMD,UAAkCE,EAAc;AAAA,EAClD,YAAYC,IAAKV,GAAIW,IAAOC,GAA+B;AACvD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAAgC,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC9G,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAA2B,CAACL,MAC9BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBN,EAAW,cAAc;AAAA,EAAA;AAE3D,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAwCO,GAAA,EAA+B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AACjH,CAAC;"}