@pega/cosmos-react-rte 9.0.0-build.9.8 → 9.0.0

package/lib/components/Editor/extensions/FontSize.js

@@ -0,0 +1,42 @@
+import { Extension } from '@tiptap/core';
+import '@tiptap/extension-text-style';
+export const FontSize = Extension.create({
+    name: 'fontSize',
+    addOptions() {
+        return {
+            types: ['textStyle']
+        };
+    },
+    addGlobalAttributes() {
+        return [
+            {
+                types: this.options.types,
+                attributes: {
+                    fontSize: {
+                        default: null,
+                        parseHTML: element => element.style.fontSize?.replace(/['"]+/g, ''),
+                        renderHTML: attributes => {
+                            if (!attributes.fontSize) {
+                                return {};
+                            }
+                            return {
+                                style: `font-size: ${attributes.fontSize}`
+                            };
+                        }
+                    }
+                }
+            }
+        ];
+    },
+    addCommands() {
+        return {
+            setFontSize: (fontSize) => ({ chain }) => {
+                return chain().setMark('textStyle', { fontSize }).run();
+            },
+            unsetFontSize: () => ({ chain }) => {
+                return chain().setMark('textStyle', { fontSize: null }).run();
+            }
+        };
+    }
+});
+//# sourceMappingURL=FontSize.js.map

package/lib/components/Editor/extensions/FontSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontSize.js","sourceRoot":"","sources":["../../../../src/components/Editor/extensions/FontSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,8BAA8B,CAAC;AAqBtC,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,CAAkB;IACxD,IAAI,EAAE,UAAU;IAEhB,UAAU;QACR,OAAO;YACL,KAAK,EAAE,CAAC,WAAW,CAAC;SACrB,CAAC;IACJ,CAAC;IAED,mBAAmB;QACjB,OAAO;YACL;gBACE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK;gBACzB,UAAU,EAAE;oBACV,QAAQ,EAAE;wBACR,OAAO,EAAE,IAAI;wBACb,SAAS,EAAE,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;wBACnE,UAAU,EAAE,UAAU,CAAC,EAAE;4BACvB,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;gCACzB,OAAO,EAAE,CAAC;4BACZ,CAAC;4BAED,OAAO;gCACL,KAAK,EAAE,cAAc,UAAU,CAAC,QAAQ,EAAE;6BAC3C,CAAC;wBACJ,CAAC;qBACF;iBACF;aACF;SACF,CAAC;IACJ,CAAC;IAED,WAAW;QACT,OAAO;YACL,WAAW,EACT,CAAC,QAAgB,EAAE,EAAE,CACrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;gBACZ,OAAO,KAAK,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;YAC1D,CAAC;YACH,aAAa,EACX,GAAG,EAAE,CACL,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;gBACZ,OAAO,KAAK,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;YAChE,CAAC;SACJ,CAAC;IACJ,CAAC;CACF,CAAC,CAAC","sourcesContent":["import { Extension } from '@tiptap/core';\nimport '@tiptap/extension-text-style';\n\nexport interface FontSizeOptions {\n  types: string[];\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    fontSize: {\n      /**\n       * Set the font size\n       */\n      setFontSize: (size: string) => ReturnType;\n      /**\n       * Unset the font size\n       */\n      unsetFontSize: () => ReturnType;\n    };\n  }\n}\n\nexport const FontSize = Extension.create<FontSizeOptions>({\n  name: 'fontSize',\n\n  addOptions() {\n    return {\n      types: ['textStyle']\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          fontSize: {\n            default: null,\n            parseHTML: element => element.style.fontSize?.replace(/['\"]+/g, ''),\n            renderHTML: attributes => {\n              if (!attributes.fontSize) {\n                return {};\n              }\n\n              return {\n                style: `font-size: ${attributes.fontSize}`\n              };\n            }\n          }\n        }\n      }\n    ];\n  },\n\n  addCommands() {\n    return {\n      setFontSize:\n        (fontSize: string) =>\n        ({ chain }) => {\n          return chain().setMark('textStyle', { fontSize }).run();\n        },\n      unsetFontSize:\n        () =>\n        ({ chain }) => {\n          return chain().setMark('textStyle', { fontSize: null }).run();\n        }\n    };\n  }\n});\n"]}

package/lib/components/Editor/extensions/PreserveDiv.d.ts

@@ -0,0 +1,13 @@
+import { Node } from '@tiptap/core';
+export interface PreserveDivOptions {
+    HTMLAttributes: Record<string, string>;
+}
+/**
+ * PreserveDiv extension for Tiptap
+ *
+ * Preserves div elements with id, class, or style attributes that contain other blocks.
+ * This allows styled container elements from external sources (like email chains) to pass
+ * through without being stripped.
+ */
+export declare const PreserveDiv: Node<PreserveDivOptions, any>;
+//# sourceMappingURL=PreserveDiv.d.ts.map

package/lib/components/Editor/extensions/PreserveDiv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreserveDiv.d.ts","sourceRoot":"","sources":["../../../../src/components/Editor/extensions/PreserveDiv.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AA8BrD,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,+BAgDtB,CAAC"}

package/lib/components/Editor/extensions/PreserveDiv.js

@@ -0,0 +1,73 @@
+import { Node, mergeAttributes } from '@tiptap/core';
+/**
+ * Attributes to preserve on div elements
+ */
+const PRESERVED_ATTRIBUTES = ['id', 'class', 'style', 'title', 'lang', 'dir'];
+/**
+ * Get attributes from an element
+ */
+const getPreservedAttributes = (element) => {
+    const attrs = {};
+    PRESERVED_ATTRIBUTES.forEach(attr => {
+        const value = element.getAttribute(attr);
+        if (value !== null) {
+            attrs[attr] = value;
+        }
+    });
+    // Get data-* attributes
+    Array.from(element.attributes).forEach(attr => {
+        if (attr.name.startsWith('data-')) {
+            attrs[attr.name] = attr.value;
+        }
+    });
+    return attrs;
+};
+/**
+ * PreserveDiv extension for Tiptap
+ *
+ * Preserves div elements with id, class, or style attributes that contain other blocks.
+ * This allows styled container elements from external sources (like email chains) to pass
+ * through without being stripped.
+ */
+export const PreserveDiv = Node.create({
+    name: 'preserveDiv',
+    group: 'block',
+    content: 'block*',
+    isolating: true,
+    addOptions() {
+        return {
+            HTMLAttributes: {}
+        };
+    },
+    addAttributes() {
+        return {
+            preservedAttrs: {
+                default: {},
+                parseHTML: element => getPreservedAttributes(element),
+                renderHTML: attributes => attributes.preservedAttrs || {}
+            }
+        };
+    },
+    parseHTML() {
+        return [
+            {
+                tag: 'div',
+                priority: 30,
+                getAttrs: element => {
+                    if (typeof element === 'string')
+                        return false;
+                    if (!element.getAttribute('id') &&
+                        !element.getAttribute('class') &&
+                        !element.getAttribute('style')) {
+                        return false;
+                    }
+                    return null;
+                }
+            }
+        ];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return ['div', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+    }
+});
+//# sourceMappingURL=PreserveDiv.js.map

package/lib/components/Editor/extensions/PreserveDiv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreserveDiv.js","sourceRoot":"","sources":["../../../../src/components/Editor/extensions/PreserveDiv.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAErD;;GAEG;AACH,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AAE9E;;GAEG;AACH,MAAM,sBAAsB,GAAG,CAAC,OAAoB,EAA0B,EAAE;IAC9E,MAAM,KAAK,GAA2B,EAAE,CAAC;IAEzC,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAClC,MAAM,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACnB,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;QACtB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,wBAAwB;IACxB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAC5C,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;YAClC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAChC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAMF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAqB;IACzD,IAAI,EAAE,aAAa;IAEnB,KAAK,EAAE,OAAO;IAEd,OAAO,EAAE,QAAQ;IAEjB,SAAS,EAAE,IAAI;IAEf,UAAU;QACR,OAAO;YACL,cAAc,EAAE,EAAE;SACnB,CAAC;IACJ,CAAC;IAED,aAAa;QACX,OAAO;YACL,cAAc,EAAE;gBACd,OAAO,EAAE,EAAE;gBACX,SAAS,EAAE,OAAO,CAAC,EAAE,CAAC,sBAAsB,CAAC,OAAO,CAAC;gBACrD,UAAU,EAAE,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,IAAI,EAAE;aAC1D;SACF,CAAC;IACJ,CAAC;IAED,SAAS;QACP,OAAO;YACL;gBACE,GAAG,EAAE,KAAK;gBACV,QAAQ,EAAE,EAAE;gBACZ,QAAQ,EAAE,OAAO,CAAC,EAAE;oBAClB,IAAI,OAAO,OAAO,KAAK,QAAQ;wBAAE,OAAO,KAAK,CAAC;oBAC9C,IACE,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC;wBAC3B,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC;wBAC9B,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,EAC9B,CAAC;wBACD,OAAO,KAAK,CAAC;oBACf,CAAC;oBACD,OAAO,IAAI,CAAC;gBACd,CAAC;aACF;SACF,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE;QAC3B,OAAO,CAAC,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC;IAClF,CAAC;CACF,CAAC,CAAC","sourcesContent":["import { Node, mergeAttributes } from '@tiptap/core';\n\n/**\n * Attributes to preserve on div elements\n */\nconst PRESERVED_ATTRIBUTES = ['id', 'class', 'style', 'title', 'lang', 'dir'];\n\n/**\n * Get attributes from an element\n */\nconst getPreservedAttributes = (element: HTMLElement): Record<string, string> => {\n  const attrs: Record<string, string> = {};\n\n  PRESERVED_ATTRIBUTES.forEach(attr => {\n    const value = element.getAttribute(attr);\n    if (value !== null) {\n      attrs[attr] = value;\n    }\n  });\n\n  // Get data-* attributes\n  Array.from(element.attributes).forEach(attr => {\n    if (attr.name.startsWith('data-')) {\n      attrs[attr.name] = attr.value;\n    }\n  });\n\n  return attrs;\n};\n\nexport interface PreserveDivOptions {\n  HTMLAttributes: Record<string, string>;\n}\n\n/**\n * PreserveDiv extension for Tiptap\n *\n * Preserves div elements with id, class, or style attributes that contain other blocks.\n * This allows styled container elements from external sources (like email chains) to pass\n * through without being stripped.\n */\nexport const PreserveDiv = Node.create<PreserveDivOptions>({\n  name: 'preserveDiv',\n\n  group: 'block',\n\n  content: 'block*',\n\n  isolating: true,\n\n  addOptions() {\n    return {\n      HTMLAttributes: {}\n    };\n  },\n\n  addAttributes() {\n    return {\n      preservedAttrs: {\n        default: {},\n        parseHTML: element => getPreservedAttributes(element),\n        renderHTML: attributes => attributes.preservedAttrs || {}\n      }\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div',\n        priority: 30,\n        getAttrs: element => {\n          if (typeof element === 'string') return false;\n          if (\n            !element.getAttribute('id') &&\n            !element.getAttribute('class') &&\n            !element.getAttribute('style')\n          ) {\n            return false;\n          }\n          return null;\n        }\n      }\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return ['div', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];\n  }\n});\n"]}

package/lib/components/Editor/extensions/TableCellSelection.d.ts

@@ -0,0 +1,4 @@
+import { Extension } from '@tiptap/core';
+declare const TableCellSelection: Extension<any, any>;
+export default TableCellSelection;
+//# sourceMappingURL=TableCellSelection.d.ts.map

package/lib/components/Editor/extensions/TableCellSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellSelection.d.ts","sourceRoot":"","sources":["../../../../src/components/Editor/extensions/TableCellSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,QAAA,MAAM,kBAAkB,qBAsDtB,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

package/lib/components/Editor/extensions/TableCellSelection.js

@@ -0,0 +1,53 @@
+import { Extension } from '@tiptap/core';
+import { Plugin, PluginKey } from '@tiptap/pm/state';
+import { CellSelection } from '@tiptap/pm/tables';
+const TableCellSelection = Extension.create({
+    name: 'tableCellSelection',
+    addProseMirrorPlugins() {
+        return [
+            new Plugin({
+                key: new PluginKey('tableCellSelection'),
+                appendTransaction(transactions, oldState, newState) {
+                    // Only process if selection changed
+                    if (!transactions.some(tr => tr.selectionSet)) {
+                        return null;
+                    }
+                    const { selection } = newState;
+                    // Already a cell selection, nothing to do
+                    if (selection instanceof CellSelection) {
+                        return null;
+                    }
+                    // Check if selection spans multiple table cells
+                    const { $from, $to } = selection;
+                    // Find the table cell containing a resolved position by walking up the depth
+                    const findCellPos = ($pos) => {
+                        for (let d = $pos.depth; d > 0; d -= 1) {
+                            const node = $pos.node(d);
+                            if (node.type.name === 'tableCell' || node.type.name === 'tableHeader') {
+                                return $pos.before(d);
+                            }
+                        }
+                        return null;
+                    };
+                    const fromCell = findCellPos($from);
+                    const toCell = findCellPos($to);
+                    // If both ends are in table cells and they're different cells
+                    if (fromCell !== null && toCell !== null && fromCell !== toCell) {
+                        // Convert to cell selection
+                        try {
+                            const cellSelection = CellSelection.create(newState.doc, fromCell, toCell);
+                            return newState.tr.setSelection(cellSelection);
+                        }
+                        catch {
+                            // If cell selection creation fails, leave selection as is
+                            return null;
+                        }
+                    }
+                    return null;
+                }
+            })
+        ];
+    }
+});
+export default TableCellSelection;
+//# sourceMappingURL=TableCellSelection.js.map

package/lib/components/Editor/extensions/TableCellSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCellSelection.js","sourceRoot":"","sources":["../../../../src/components/Editor/extensions/TableCellSelection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,kBAAkB,GAAG,SAAS,CAAC,MAAM,CAAC;IAC1C,IAAI,EAAE,oBAAoB;IAE1B,qBAAqB;QACnB,OAAO;YACL,IAAI,MAAM,CAAC;gBACT,GAAG,EAAE,IAAI,SAAS,CAAC,oBAAoB,CAAC;gBACxC,iBAAiB,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ;oBAChD,oCAAoC;oBACpC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC;wBAC9C,OAAO,IAAI,CAAC;oBACd,CAAC;oBAED,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;oBAE/B,0CAA0C;oBAC1C,IAAI,SAAS,YAAY,aAAa,EAAE,CAAC;wBACvC,OAAO,IAAI,CAAC;oBACd,CAAC;oBAED,gDAAgD;oBAChD,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC;oBAEjC,6EAA6E;oBAC7E,MAAM,WAAW,GAAG,CAAC,IAAkB,EAAiB,EAAE;wBACxD,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;4BACvC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;4BAC1B,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;gCACvE,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;4BACxB,CAAC;wBACH,CAAC;wBACD,OAAO,IAAI,CAAC;oBACd,CAAC,CAAC;oBAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;oBACpC,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;oBAEhC,8DAA8D;oBAC9D,IAAI,QAAQ,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;wBAChE,4BAA4B;wBAC5B,IAAI,CAAC;4BACH,MAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;4BAC3E,OAAO,QAAQ,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;wBACjD,CAAC;wBAAC,MAAM,CAAC;4BACP,0DAA0D;4BAC1D,OAAO,IAAI,CAAC;wBACd,CAAC;oBACH,CAAC;oBAED,OAAO,IAAI,CAAC;gBACd,CAAC;aACF,CAAC;SACH,CAAC;IACJ,CAAC;CACF,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC","sourcesContent":["import { Extension } from '@tiptap/core';\nimport { Plugin, PluginKey } from '@tiptap/pm/state';\nimport { CellSelection } from '@tiptap/pm/tables';\n\nconst TableCellSelection = Extension.create({\n  name: 'tableCellSelection',\n\n  addProseMirrorPlugins() {\n    return [\n      new Plugin({\n        key: new PluginKey('tableCellSelection'),\n        appendTransaction(transactions, oldState, newState) {\n          // Only process if selection changed\n          if (!transactions.some(tr => tr.selectionSet)) {\n            return null;\n          }\n\n          const { selection } = newState;\n\n          // Already a cell selection, nothing to do\n          if (selection instanceof CellSelection) {\n            return null;\n          }\n\n          // Check if selection spans multiple table cells\n          const { $from, $to } = selection;\n\n          // Find the table cell containing a resolved position by walking up the depth\n          const findCellPos = ($pos: typeof $from): number | null => {\n            for (let d = $pos.depth; d > 0; d -= 1) {\n              const node = $pos.node(d);\n              if (node.type.name === 'tableCell' || node.type.name === 'tableHeader') {\n                return $pos.before(d);\n              }\n            }\n            return null;\n          };\n\n          const fromCell = findCellPos($from);\n          const toCell = findCellPos($to);\n\n          // If both ends are in table cells and they're different cells\n          if (fromCell !== null && toCell !== null && fromCell !== toCell) {\n            // Convert to cell selection\n            try {\n              const cellSelection = CellSelection.create(newState.doc, fromCell, toCell);\n              return newState.tr.setSelection(cellSelection);\n            } catch {\n              // If cell selection creation fails, leave selection as is\n              return null;\n            }\n          }\n\n          return null;\n        }\n      })\n    ];\n  }\n});\n\nexport default TableCellSelection;\n"]}

package/lib/components/Editor/extensions/TextIndent.d.ts

@@ -0,0 +1,22 @@
+import { Extension } from '@tiptap/core';
+export interface TextIndentOptions {
+    types: string[];
+    indentUnit: string;
+    defaultIndentLevel: number;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        textIndent: {
+            /**
+             * Increase indentation
+             */
+            indent: () => ReturnType;
+            /**
+             * Decrease indentation
+             */
+            outdent: () => ReturnType;
+        };
+    }
+}
+export declare const TextIndent: Extension<TextIndentOptions, any>;
+//# sourceMappingURL=TextIndent.d.ts.map

package/lib/components/Editor/extensions/TextIndent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextIndent.d.ts","sourceRoot":"","sources":["../../../../src/components/Editor/extensions/TextIndent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,UAAU,EAAE;YACV;;eAEG;YACH,MAAM,EAAE,MAAM,UAAU,CAAC;YACzB;;eAEG;YACH,OAAO,EAAE,MAAM,UAAU,CAAC;SAC3B,CAAC;KACH;CACF;AAED,eAAO,MAAM,UAAU,mCAiKrB,CAAC"}

package/lib/components/Editor/extensions/TextIndent.js

@@ -0,0 +1,137 @@
+import { Extension } from '@tiptap/core';
+export const TextIndent = Extension.create({
+    name: 'textIndent',
+    addOptions() {
+        return {
+            types: ['paragraph', 'heading'],
+            indentUnit: '2ch',
+            defaultIndentLevel: 0
+        };
+    },
+    addGlobalAttributes() {
+        return [
+            {
+                types: this.options.types,
+                attributes: {
+                    indent: {
+                        default: this.options.defaultIndentLevel,
+                        parseHTML: element => {
+                            const paddingInlineStart = element.style.paddingInlineStart || element.style.paddingLeft;
+                            if (!paddingInlineStart)
+                                return this.options.defaultIndentLevel;
+                            // Extract numeric values (e.g., "4ch" -> 4, "2ch" -> 2)
+                            const value = parseFloat(paddingInlineStart);
+                            const unitValue = parseFloat(this.options.indentUnit);
+                            // Calculate and return the level
+                            return Math.round(value / unitValue);
+                        },
+                        renderHTML: attributes => {
+                            if (!attributes.indent) {
+                                return {};
+                            }
+                            // Extract numeric value and unit type from indentUnit (e.g., "2ch" -> 2 and "ch")
+                            const unitValue = parseFloat(this.options.indentUnit);
+                            const unitType = this.options.indentUnit.replace(/[\d.]/g, '');
+                            return {
+                                style: `padding-inline-start: ${attributes.indent * unitValue}${unitType}`
+                            };
+                        }
+                    }
+                }
+            }
+        ];
+    },
+    addCommands() {
+        return {
+            indent: () => ({ tr, state, dispatch }) => {
+                const { selection } = state;
+                const { from, to } = selection;
+                let handled = false;
+                // Check if any node in selection is a list item
+                let inList = false;
+                state.doc.nodesBetween(from, to, node => {
+                    if (node.type.name === 'listItem') {
+                        inList = true;
+                        return false;
+                    }
+                });
+                // If in a list, don't handle - let list commands handle it
+                if (inList) {
+                    return false;
+                }
+                state.doc.nodesBetween(from, to, (node, pos) => {
+                    if (this.options.types.includes(node.type.name)) {
+                        const currentIndent = node.attrs.indent || this.options.defaultIndentLevel;
+                        tr.setNodeMarkup(pos, undefined, {
+                            ...node.attrs,
+                            indent: currentIndent + 1
+                        });
+                        handled = true;
+                    }
+                });
+                if (handled && dispatch) {
+                    dispatch(tr);
+                }
+                return handled;
+            },
+            outdent: () => ({ tr, state, dispatch }) => {
+                const { selection } = state;
+                const { from, to } = selection;
+                let handled = false;
+                // Check if any node in selection is a list item
+                let inList = false;
+                state.doc.nodesBetween(from, to, node => {
+                    if (node.type.name === 'listItem') {
+                        inList = true;
+                        return false;
+                    }
+                });
+                // If in a list, don't handle - let list commands handle it
+                if (inList) {
+                    return false;
+                }
+                state.doc.nodesBetween(from, to, (node, pos) => {
+                    if (this.options.types.includes(node.type.name)) {
+                        const currentIndent = node.attrs.indent || this.options.defaultIndentLevel;
+                        const prevIndent = Math.max(0, currentIndent - 1);
+                        if (prevIndent !== currentIndent) {
+                            tr.setNodeMarkup(pos, undefined, {
+                                ...node.attrs,
+                                indent: prevIndent
+                            });
+                            handled = true;
+                        }
+                    }
+                });
+                if (handled && dispatch) {
+                    dispatch(tr);
+                }
+                return handled;
+            }
+        };
+    },
+    addKeyboardShortcuts() {
+        return {
+            // Tab is reserved for form navigation, use Alt+M for indentation
+            'Alt-m': () => this.editor.commands.indent(),
+            'Alt-Shift-m': () => this.editor.commands.outdent(),
+            Backspace: () => {
+                const { state } = this.editor;
+                const { selection } = state;
+                const { $from } = selection;
+                // Only handle if cursor is at the start of a text block
+                if (!selection.empty || $from.parentOffset !== 0) {
+                    return false;
+                }
+                const node = $from.parent;
+                const indent = node.attrs.indent;
+                // If the node has indentation, outdent instead of deleting
+                if (indent && indent > 0 && this.options.types.includes(node.type.name)) {
+                    return this.editor.commands.outdent();
+                }
+                return false;
+            }
+        };
+    }
+});
+//# sourceMappingURL=TextIndent.js.map

package/lib/components/Editor/extensions/TextIndent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextIndent.js","sourceRoot":"","sources":["../../../../src/components/Editor/extensions/TextIndent.ts"],"names":[],"mappings":"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","sourcesContent":["import { Extension } from '@tiptap/core';\n\nexport interface TextIndentOptions {\n  types: string[];\n  indentUnit: string;\n  defaultIndentLevel: number;\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    textIndent: {\n      /**\n       * Increase indentation\n       */\n      indent: () => ReturnType;\n      /**\n       * Decrease indentation\n       */\n      outdent: () => ReturnType;\n    };\n  }\n}\n\nexport const TextIndent = Extension.create<TextIndentOptions>({\n  name: 'textIndent',\n\n  addOptions() {\n    return {\n      types: ['paragraph', 'heading'],\n      indentUnit: '2ch',\n      defaultIndentLevel: 0\n    };\n  },\n\n  addGlobalAttributes() {\n    return [\n      {\n        types: this.options.types,\n        attributes: {\n          indent: {\n            default: this.options.defaultIndentLevel,\n            parseHTML: element => {\n              const paddingInlineStart =\n                element.style.paddingInlineStart || element.style.paddingLeft;\n              if (!paddingInlineStart) return this.options.defaultIndentLevel;\n\n              // Extract numeric values (e.g., \"4ch\" -> 4, \"2ch\" -> 2)\n              const value = parseFloat(paddingInlineStart);\n              const unitValue = parseFloat(this.options.indentUnit);\n\n              // Calculate and return the level\n              return Math.round(value / unitValue);\n            },\n            renderHTML: attributes => {\n              if (!attributes.indent) {\n                return {};\n              }\n\n              // Extract numeric value and unit type from indentUnit (e.g., \"2ch\" -> 2 and \"ch\")\n              const unitValue = parseFloat(this.options.indentUnit);\n              const unitType = this.options.indentUnit.replace(/[\\d.]/g, '');\n\n              return {\n                style: `padding-inline-start: ${attributes.indent * unitValue}${unitType}`\n              };\n            }\n          }\n        }\n      }\n    ];\n  },\n\n  addCommands() {\n    return {\n      indent:\n        () =>\n        ({ tr, state, dispatch }) => {\n          const { selection } = state;\n          const { from, to } = selection;\n          let handled = false;\n\n          // Check if any node in selection is a list item\n          let inList = false;\n          state.doc.nodesBetween(from, to, node => {\n            if (node.type.name === 'listItem') {\n              inList = true;\n              return false;\n            }\n          });\n\n          // If in a list, don't handle - let list commands handle it\n          if (inList) {\n            return false;\n          }\n\n          state.doc.nodesBetween(from, to, (node, pos) => {\n            if (this.options.types.includes(node.type.name)) {\n              const currentIndent = node.attrs.indent || this.options.defaultIndentLevel;\n              tr.setNodeMarkup(pos, undefined, {\n                ...node.attrs,\n                indent: currentIndent + 1\n              });\n              handled = true;\n            }\n          });\n\n          if (handled && dispatch) {\n            dispatch(tr);\n          }\n\n          return handled;\n        },\n      outdent:\n        () =>\n        ({ tr, state, dispatch }) => {\n          const { selection } = state;\n          const { from, to } = selection;\n          let handled = false;\n\n          // Check if any node in selection is a list item\n          let inList = false;\n          state.doc.nodesBetween(from, to, node => {\n            if (node.type.name === 'listItem') {\n              inList = true;\n              return false;\n            }\n          });\n\n          // If in a list, don't handle - let list commands handle it\n          if (inList) {\n            return false;\n          }\n\n          state.doc.nodesBetween(from, to, (node, pos) => {\n            if (this.options.types.includes(node.type.name)) {\n              const currentIndent = node.attrs.indent || this.options.defaultIndentLevel;\n              const prevIndent = Math.max(0, currentIndent - 1);\n\n              if (prevIndent !== currentIndent) {\n                tr.setNodeMarkup(pos, undefined, {\n                  ...node.attrs,\n                  indent: prevIndent\n                });\n                handled = true;\n              }\n            }\n          });\n\n          if (handled && dispatch) {\n            dispatch(tr);\n          }\n\n          return handled;\n        }\n    };\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      // Tab is reserved for form navigation, use Alt+M for indentation\n      'Alt-m': () => this.editor.commands.indent(),\n      'Alt-Shift-m': () => this.editor.commands.outdent(),\n      Backspace: () => {\n        const { state } = this.editor;\n        const { selection } = state;\n        const { $from } = selection;\n\n        // Only handle if cursor is at the start of a text block\n        if (!selection.empty || $from.parentOffset !== 0) {\n          return false;\n        }\n\n        const node = $from.parent;\n        const indent = node.attrs.indent;\n\n        // If the node has indentation, outdent instead of deleting\n        if (indent && indent > 0 && this.options.types.includes(node.type.name)) {\n          return this.editor.commands.outdent();\n        }\n\n        return false;\n      }\n    };\n  }\n});\n"]}

package/lib/components/Editor/hooks/useCloseOnEditorClick.d.ts

@@ -0,0 +1,5 @@
+export declare const EDITOR_CLICK_EVENT = "rte-editor-click";
+export declare const dispatchEditorClickEvent: () => void;
+declare const useCloseOnEditorClick: (isOpen: boolean, onClose: () => void) => void;
+export default useCloseOnEditorClick;
+//# sourceMappingURL=useCloseOnEditorClick.d.ts.map

package/lib/components/Editor/hooks/useCloseOnEditorClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCloseOnEditorClick.d.ts","sourceRoot":"","sources":["../../../../src/components/Editor/hooks/useCloseOnEditorClick.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,qBAAqB,CAAC;AAErD,eAAO,MAAM,wBAAwB,YAEpC,CAAC;AAEF,QAAA,MAAM,qBAAqB,GAAI,QAAQ,OAAO,EAAE,SAAS,MAAM,IAAI,SAWlE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/components/Editor/hooks/useCloseOnEditorClick.js

@@ -0,0 +1,18 @@
+import { useEffect } from 'react';
+export const EDITOR_CLICK_EVENT = 'rte-editor-click';
+export const dispatchEditorClickEvent = () => {
+    document.dispatchEvent(new CustomEvent(EDITOR_CLICK_EVENT));
+};
+const useCloseOnEditorClick = (isOpen, onClose) => {
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleEditorClick = () => {
+            onClose();
+        };
+        document.addEventListener(EDITOR_CLICK_EVENT, handleEditorClick);
+        return () => document.removeEventListener(EDITOR_CLICK_EVENT, handleEditorClick);
+    }, [isOpen, onClose]);
+};
+export default useCloseOnEditorClick;
+//# sourceMappingURL=useCloseOnEditorClick.js.map

package/lib/components/Editor/hooks/useCloseOnEditorClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCloseOnEditorClick.js","sourceRoot":"","sources":["../../../../src/components/Editor/hooks/useCloseOnEditorClick.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,MAAM,kBAAkB,GAAG,kBAAkB,CAAC;AAErD,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,QAAQ,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,MAAe,EAAE,OAAmB,EAAE,EAAE;IACrE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC7B,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;QACjE,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC;IACnF,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AACxB,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import { useEffect } from 'react';\n\nexport const EDITOR_CLICK_EVENT = 'rte-editor-click';\n\nexport const dispatchEditorClickEvent = () => {\n  document.dispatchEvent(new CustomEvent(EDITOR_CLICK_EVENT));\n};\n\nconst useCloseOnEditorClick = (isOpen: boolean, onClose: () => void) => {\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleEditorClick = () => {\n      onClose();\n    };\n\n    document.addEventListener(EDITOR_CLICK_EVENT, handleEditorClick);\n    return () => document.removeEventListener(EDITOR_CLICK_EVENT, handleEditorClick);\n  }, [isOpen, onClose]);\n};\n\nexport default useCloseOnEditorClick;\n"]}

package/lib/components/Editor/hooks/useEscapeKey.d.ts

@@ -0,0 +1,4 @@
+import type { Editor as TiptapEditor } from '@tiptap/core';
+declare const useEscapeKey: (isOpen: boolean, onClose: () => void, editor?: TiptapEditor) => void;
+export default useEscapeKey;
+//# sourceMappingURL=useEscapeKey.d.ts.map

package/lib/components/Editor/hooks/useEscapeKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscapeKey.d.ts","sourceRoot":"","sources":["../../../../src/components/Editor/hooks/useEscapeKey.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AAE3D,QAAA,MAAM,YAAY,GAAI,QAAQ,OAAO,EAAE,SAAS,MAAM,IAAI,EAAE,SAAS,YAAY,SAqBhF,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/Editor/hooks/useEscapeKey.js

@@ -0,0 +1,24 @@
+import { useEffect } from 'react';
+const useEscapeKey = (isOpen, onClose, editor) => {
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleEscape = (e) => {
+            if (e.key === 'Escape') {
+                e.preventDefault();
+                onClose();
+            }
+        };
+        // Listen on both iframe window (for when focus is in editor) and parent document
+        // (for when focus is in popover/dialog)
+        const iframeWindow = editor?.view.dom.ownerDocument.defaultView;
+        iframeWindow?.addEventListener('keydown', handleEscape);
+        document.addEventListener('keydown', handleEscape);
+        return () => {
+            iframeWindow?.removeEventListener('keydown', handleEscape);
+            document.removeEventListener('keydown', handleEscape);
+        };
+    }, [isOpen, onClose, editor]);
+};
+export default useEscapeKey;
+//# sourceMappingURL=useEscapeKey.js.map

package/lib/components/Editor/hooks/useEscapeKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEscapeKey.js","sourceRoot":"","sources":["../../../../src/components/Editor/hooks/useEscapeKey.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,YAAY,GAAG,CAAC,MAAe,EAAE,OAAmB,EAAE,MAAqB,EAAE,EAAE;IACnF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QAEpB,MAAM,YAAY,GAAG,CAAC,CAAgB,EAAE,EAAE;YACxC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACvB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC,CAAC;QAEF,iFAAiF;QACjF,wCAAwC;QACxC,MAAM,YAAY,GAAG,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,WAAW,CAAC;QAChE,YAAY,EAAE,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QACxD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE;YACV,YAAY,EAAE,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;YAC3D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport type { Editor as TiptapEditor } from '@tiptap/core';\n\nconst useEscapeKey = (isOpen: boolean, onClose: () => void, editor?: TiptapEditor) => {\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onClose();\n      }\n    };\n\n    // Listen on both iframe window (for when focus is in editor) and parent document\n    // (for when focus is in popover/dialog)\n    const iframeWindow = editor?.view.dom.ownerDocument.defaultView;\n    iframeWindow?.addEventListener('keydown', handleEscape);\n    document.addEventListener('keydown', handleEscape);\n    return () => {\n      iframeWindow?.removeEventListener('keydown', handleEscape);\n      document.removeEventListener('keydown', handleEscape);\n    };\n  }, [isOpen, onClose, editor]);\n};\n\nexport default useEscapeKey;\n"]}

package/lib/components/Editor/hooks/useIframeSetup.d.ts

@@ -0,0 +1,54 @@
+import type { RefObject, MutableRefObject } from 'react';
+import type { Editor as TiptapEditor } from '@tiptap/core';
+import { useTheme } from '@pega/cosmos-react-core';
+import type { CustomComponent, EditorProps } from '../Editor.types';
+interface UseIframeSetupParams {
+    iframeRef: RefObject<HTMLIFrameElement>;
+    theme: ReturnType<typeof useTheme>;
+    styleSheetTarget?: HTMLElement | ShadowRoot;
+    customElements: CustomComponent[];
+    placeholder?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    onChange?: (editor: TiptapEditor) => void;
+    onKeyDown?: (event?: KeyboardEvent) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onInit?: (editor: TiptapEditor) => void;
+    spellcheck?: boolean;
+    initOptions?: EditorProps['initOptions'];
+    onImageAdded?: (image: File, id: string, altText?: string) => void;
+    imagesEnabled: boolean;
+    linksEnabled: boolean;
+    imageInsertionMode: 'file' | 'url' | 'all';
+    pastedImages: MutableRefObject<File[]>;
+    editorId: string;
+    required?: boolean;
+    setTiptapEditor: (editor: TiptapEditor) => void;
+    setFocused: (focused: boolean) => void;
+    autoResize?: boolean;
+    onTabOut?: () => void;
+    onFocusTableMenu?: () => void;
+    onFocusPreviousCellMenu?: () => void;
+    secure?: boolean;
+}
+export interface IframeEditorHandle {
+    focus: () => void;
+    getPlainText: () => string;
+    getRichText: () => string;
+    getHtml: () => string;
+    clear: () => void;
+    insertText: (text: string) => void;
+    setCursorLocationToStart: () => void;
+    insertHtml: (html: string, overwrite?: boolean) => void;
+    getEditor: () => TiptapEditor | null;
+    setEditable: (editable: boolean) => void;
+}
+export type IframeEditorRef = MutableRefObject<IframeEditorHandle | null>;
+interface UseIframeSetupReturn {
+    iframeEditorRef: IframeEditorRef;
+}
+export default function useIframeSetup({ iframeRef, theme, styleSheetTarget, customElements, placeholder, defaultValue, disabled, readOnly, onChange, onKeyDown, onFocus, onBlur, onInit, spellcheck, initOptions, onImageAdded, imagesEnabled, linksEnabled, imageInsertionMode, pastedImages, editorId, required, setTiptapEditor, setFocused, autoResize, onTabOut, onFocusTableMenu, onFocusPreviousCellMenu, secure }: UseIframeSetupParams): UseIframeSetupReturn;
+export {};
+//# sourceMappingURL=useIframeSetup.d.ts.map

package/lib/components/Editor/hooks/useIframeSetup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIframeSetup.d.ts","sourceRoot":"","sources":["../../../../src/components/Editor/hooks/useIframeSetup.tsx"],"names":[],"mappings":"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"}