@unifiedsoftware/react-editor 2.0.0-alpha.2

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+
+type EditorToolbarButton = 'undo' | 'redo' | 'font' | 'fontsize' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'ol' | 'ul' | 'outdent' | 'indent' | 'left' | 'center' | 'right' | 'justify' | 'link' | 'unlink' | 'image' | 'source' | 'brush';
+interface EditorProps {
+    value?: string;
+    height?: number;
+    readOnly?: boolean;
+    toolbar?: {
+        buttons?: EditorToolbarButton[][];
+    };
+    onChange?: (value: string) => void;
+    onPaste?: (text: {
+        html: string;
+        plain: string;
+    }) => string;
+}
+declare const Editor: React.FC<EditorProps>;
+
+declare function convertHtmlToRtf(html: string): string;
+declare function convertHtmlToPlainText(html: string): string;
+
+export { Editor, type EditorProps, type EditorToolbarButton, convertHtmlToPlainText, convertHtmlToRtf };

package/dist/index.js

@@ -0,0 +1,2 @@
+"use strict";var R=Object.create;var g=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var H=(t,o)=>{for(var n in o)g(t,n,{get:o[n],enumerable:!0})},v=(t,o,n,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of B(o))!j.call(t,r)&&r!==n&&g(t,r,{get:()=>o[r],enumerable:!(i=k(o,r))||i.enumerable});return t};var h=(t,o,n)=>(n=t!=null?R(M(t)):{},v(o||!t||!t.__esModule?g(n,"default",{value:t,enumerable:!0}):n,t)),L=t=>v(g({},"__esModule",{value:!0}),t);var O={};H(O,{Editor:()=>A,convertHtmlToPlainText:()=>N,convertHtmlToRtf:()=>F});module.exports=L(O);var $=require("jodit/es5/jodit.min.css"),q=require("jodit/esm/plugins/source/source"),w=require("jodit/esm/plugins/indent/indent"),G=require("jodit/esm/plugins/justify/justify"),I=require("jodit/esm/plugins/select/select"),K=require("jodit/esm/plugins/select-cells/select-cells"),Q=require("jodit/esm/plugins/placeholder/placeholder"),T=h(require("dompurify")),x=require("jodit"),C=h(require("react")),u=require("react"),f=require("react/jsx-runtime"),S=({value:t,config:o,onChange:n,onBlur:i,onPaste:r})=>{let d=(0,u.useRef)(null),s=(0,u.useRef)(null);return(0,u.useEffect)(()=>{let e=d.current;if(!e)return;let a=o,l=x.Jodit.make(e,{...a,events:{paste:c=>{if(r){c.preventDefault();let m=c.clipboardData,D=m.getData("text/html"),b=m.getData("text/plain");b=b.split(`
+`).map(J=>`<p>${J.trim()}</p>`).join("");let P=r({html:D,plain:b});l.selection.insertHTML(P)}return c}}});l.container.style.cssText="border: 0; border-radius: 0; background-color: #fff;",s.current=l;let p=l.iframe?.contentDocument;if(p){let c=p.head.getElementsByTagName("style")??[];Array.from(c).forEach(m=>m.remove())}return()=>{l?.destruct()}},[o]),(0,u.useEffect)(()=>{let e=s.current;if(!e)return;let a=p=>{n?.(p)},l=()=>{i?.(e.value)};return e.events.on("change",a),e.events.on("blur",l),()=>{e?.events?.off("change",a),e?.events?.off("blur",l)}},[n,i]),(0,u.useEffect)(()=>{let e=s.current;e&&e.value!==t&&(e.value=t??"")},[t]),(0,f.jsx)("div",{ref:d})},z=[["undo","redo"],["font","fontsize"],["bold","italic","underline","strikethrough"],["ol","ul"],["outdent","indent"],["left","center","right","justify"],["link","unlink","image","source"]],A=({value:t,height:o,readOnly:n,toolbar:i,onChange:r,onPaste:d})=>{let s=C.useMemo(()=>(i?.buttons??z).map(a=>({buttons:a})),[i?.buttons]),e=a=>{r?.(T.default.sanitize(a))};return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(S,{value:t,config:{iframe:!0,height:o??"480px",readonly:n,statusbar:!1,toolbarAdaptive:!0,...n?{toolbar:!1}:{buttons:s,buttonsXS:s,buttonsSM:s,buttonsMD:s}},onBlur:e,onPaste:d})})};var E=h(require("html-to-rtf")),y=require("html-to-text");function F(t){return E.default.convertHtmlToRtf(t)}function N(t){return(0,y.convert)(t,{selectors:[{selector:"p",options:{leadingLineBreaks:1,trailingLineBreaks:1}}]})}0&&(module.exports={Editor,convertHtmlToPlainText,convertHtmlToRtf});

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@unifiedsoftware/react-editor",
+  "version": "2.0.0-alpha.2",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "files": [
+    "dist/**"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore",
+    "typecheck": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "dompurify": "^3.1.6",
+    "html-to-rtf": "^2.1.0",
+    "html-to-rtf-browser": "^1.6.1",
+    "html-to-text": "^9.0.5",
+    "jodit": "4.2.24"
+  },
+  "clean-package": "../../../clean-package.config.json",
+  "types": "dist/index.d.ts"
+}