@unifiedsoftware/react-editor 2.0.0-alpha.10

package/dist/index.d.ts

@@ -0,0 +1,44 @@
+type EditorToolbarButtonCommand = 'undo' | 'redo' | 'font' | 'fontSize' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'ol' | 'ul' | 'outdent' | 'indent' | 'left' | 'center' | 'right' | 'justify' | 'link' | 'unlink' | 'image' | 'source' | 'brush';
+type EditorToolbarButtonLabel = {
+    label: string;
+    tooltip?: string;
+    onAction: () => void;
+};
+type EditorToolbarButtonIcon = {
+    icon: React.ReactNode;
+    tooltip?: string;
+    onAction: () => void;
+};
+type EditorToolbarButtonLabelIcon = {
+    label: string;
+    icon: React.ReactNode;
+    tooltip?: string;
+    onAction: () => void;
+};
+type EditorToolbarButton = EditorToolbarButtonCommand | EditorToolbarButtonLabel | EditorToolbarButtonIcon | EditorToolbarButtonLabelIcon;
+type EditorChangeCallback = (value: string) => void;
+type EditorBlurCallback = (value: string) => void;
+type EditorPasteCallback = (text: {
+    html: string;
+    plain: string;
+}) => string;
+interface EditorToolbarOptions {
+    buttons?: EditorToolbarButton[][];
+}
+
+interface EditorProps {
+    value?: string;
+    height?: number;
+    readOnly?: boolean;
+    toolbar?: EditorToolbarOptions;
+    onChange?: EditorChangeCallback;
+    onBlur?: EditorBlurCallback;
+    onPaste?: EditorPasteCallback;
+}
+declare const Editor: React.FC<EditorProps>;
+
+declare function isToolbarButtonLabel(arg: any): arg is EditorToolbarButtonLabel;
+declare function isToolbarButtonIcon(arg: any): arg is EditorToolbarButtonIcon;
+declare function isToolbarButtonLabelIcon(arg: any): arg is EditorToolbarButtonLabelIcon;
+
+export { Editor, type EditorProps, isToolbarButtonIcon, isToolbarButtonLabel, isToolbarButtonLabelIcon };

package/dist/index.js

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

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@unifiedsoftware/react-editor",
+  "version": "2.0.0-alpha.10",
+  "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": {
+    "@unifiedsoftware/react-ui": "2.0.0-alpha.10",
+    "dompurify": "^3.1.6",
+    "jodit": "4.2.24"
+  },
+  "clean-package": "../../../clean-package.config.json",
+  "types": "dist/index.d.ts"
+}