@crystaldesign/rtf-editor 24.12.0-beta.16

package/build/esm/index.js

@@ -0,0 +1,69 @@
+import { useEffect } from 'react';
+import { useQuill } from 'react-quilljs';
+import 'quill/dist/quill.snow.css';
+import { QuillDeltaToHtmlConverter } from 'quill-delta-to-html';
+import { jsx } from 'react/jsx-runtime';
+
+(function() {
+    const env = {"STAGE":"production"};
+    try {
+        if (process) {
+            process.env = Object.assign({}, process.env);
+            Object.assign(process.env, env);
+            return;
+        }
+    } catch (e) {} // avoid ReferenceError: process is not defined
+    globalThis.process = { env:env };
+})();
+
+var RTFEditor = function RTFEditor(_ref) {
+  var initialValue = _ref.initialValue,
+    onChange = _ref.onChange;
+  var modules = {
+    toolbar: [['bold', 'italic', 'underline', 'strike'], [{
+      align: []
+    }], [{
+      color: []
+    }, {
+      background: []
+    }], [{
+      list: 'ordered'
+    }, {
+      list: 'bullet'
+    }], [{
+      indent: '-1'
+    }, {
+      indent: '+1'
+    }], [{
+      size: ['small', false, 'large', 'huge']
+    }], [{
+      header: [1, 2, 3, 4, 5, 6, false]
+    }], ['link'], ['clean']]
+  };
+  var _useQuill = useQuill({
+      modules: modules
+    }),
+    quill = _useQuill.quill,
+    quillRef = _useQuill.quillRef;
+  useEffect(function () {
+    if (quill) {
+      quill.clipboard.dangerouslyPasteHTML(initialValue);
+      var handleTextChange = function handleTextChange() {
+        var content = quill.getContents();
+        var converter = new QuillDeltaToHtmlConverter(content.ops, {
+          inlineStyles: true
+        });
+        var html = converter.convert();
+        onChange(html);
+      };
+      quill.on('text-change', handleTextChange);
+    }
+  }, [quill]);
+  return /*#__PURE__*/jsx("div", {
+    children: /*#__PURE__*/jsx("div", {
+      ref: quillRef
+    })
+  });
+};
+
+export { RTFEditor as default };

package/build/types/index.d.ts

@@ -0,0 +1,11 @@
+
+
+import 'quill/dist/quill.snow.css';
+interface RTFEditorProps {
+    initialValue: string;
+    onChange: (val: string) => void;
+}
+declare const RTFEditor: ({ initialValue, onChange }: RTFEditorProps) => JSX.Element;
+export default RTFEditor;
+//# sourceMappingURL=index.d.ts.map
+  

package/build/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC;AAGnC,UAAU,cAAc;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,SAAS,+BAAgC,cAAc,gBAmC5D,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@crystaldesign/rtf-editor",
+  "version": "24.12.0-beta.16",
+  "license": "COMMERCIAL",
+  "devDependencies": {
+    "@testing-library/jest-dom": "^5.15.0",
+    "@testing-library/react": "^12.1.2",
+    "react": "17.0.2",
+    "react-dom": "17.0.2"
+  },
+  "dependencies": {
+    "quill": "2.0.2",
+    "quill-delta-to-html": "0.12.1",
+    "react-quilljs": "2.0.4"
+  },
+  "peerDependencies": {
+    "react": "17.0.2",
+    "react-dom": "17.0.2"
+  },
+  "module": "build/esm/index.js",
+  "types": "./build/types/index.d.ts",
+  "gitHead": "c4637cc66f8e880e0a9a7f8d58ef21d7a8baf105"
+}