primereact 8.3.0 → 8.4.0

package/editor/editor.cjs.js

@@ -62,6 +62,15 @@ function _defineProperty(obj, key, value) {
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var QuillJS = function () {
+  try {
+    return Quill;
+  } catch (_unused) {
+    return null;
+  }
+}();
+
 var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
   var contentRef = React__namespace.useRef(null);
@@ -70,73 +79,101 @@ var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   var isQuillLoaded = React__namespace.useRef(false);
   hooks.useMountEffect(function () {
     if (!isQuillLoaded.current) {
-      Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('quill')); }).then(function (module) {
-        if (module && utils.DomHandler.isExist(contentRef.current)) {
-          var configuration = {
-            modules: _objectSpread({
-              toolbar: props.showHeader ? toolbarRef.current : false
-            }, props.modules),
-            placeholder: props.placeholder,
-            readOnly: props.readOnly,
-            theme: props.theme,
-            formats: props.formats
-          };
-
-          if (module["default"]) {
-            // webpack
-            quill.current = new module["default"](contentRef.current, configuration);
-          } else {
-            // parceljs
-            quill.current = new module(contentRef.current, configuration);
-          }
+      var configuration = {
+        modules: _objectSpread({
+          toolbar: props.showHeader ? toolbarRef.current : false
+        }, props.modules),
+        placeholder: props.placeholder,
+        readOnly: props.readOnly,
+        theme: props.theme,
+        formats: props.formats
+      };
 
-          if (props.value) {
-            quill.current.setContents(quill.current.clipboard.convert(props.value));
-          }
-
-          quill.current.on('text-change', function (delta, source) {
-            var firstChild = contentRef.current.children[0];
-            var html = firstChild ? firstChild.innerHTML : null;
-            var text = quill.current.getText();
+      if (QuillJS) {
+        // GitHub #3097 loaded by script only
+        quill.current = new Quill(contentRef.current, configuration);
+        initQuill();
 
-            if (html === '<p><br></p>') {
-              html = null;
-            }
-
-            if (props.onTextChange) {
-              props.onTextChange({
-                htmlValue: html,
-                textValue: text,
-                delta: delta,
-                source: source
-              });
-            }
-          });
-          quill.current.on('selection-change', function (range, oldRange, source) {
-            if (props.onSelectionChange) {
-              props.onSelectionChange({
-                range: range,
-                oldRange: oldRange,
-                source: source
-              });
-            }
-          });
-        }
-      }).then(function () {
         if (quill.current && quill.current.getModule('toolbar')) {
           props.onLoad && props.onLoad(quill.current);
         }
-      });
+      } else {
+        Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('quill')); }).then(function (module) {
+          if (module && utils.DomHandler.isExist(contentRef.current)) {
+            if (module["default"]) {
+              // webpack
+              quill.current = new module["default"](contentRef.current, configuration);
+            } else {
+              // parceljs
+              quill.current = new module(contentRef.current, configuration);
+            }
+
+            initQuill();
+          }
+        }).then(function () {
+          if (quill.current && quill.current.getModule('toolbar')) {
+            props.onLoad && props.onLoad(quill.current);
+          }
+        });
+      }
+
       isQuillLoaded.current = true;
     }
   });
+
+  var initQuill = function initQuill() {
+    if (props.value) {
+      quill.current.setContents(quill.current.clipboard.convert(props.value));
+    }
+
+    quill.current.on('text-change', function (delta, oldContents, source) {
+      var firstChild = contentRef.current.children[0];
+      var html = firstChild ? firstChild.innerHTML : null;
+      var text = quill.current.getText();
+
+      if (html === '<p><br></p>') {
+        html = null;
+      } // GitHub #2271 prevent infinite loop on clipboard paste of HTML
+
+
+      if (source === "api") {
+        var htmlValue = contentRef.current.children[0];
+        var editorValue = document.createElement("div");
+        editorValue.innerHTML = props.value || ""; // this is necessary because Quill rearranged style elements
+
+        if (utils.DomHandler.isEqualElement(htmlValue, editorValue)) {
+          return;
+        }
+      }
+
+      if (props.onTextChange) {
+        props.onTextChange({
+          htmlValue: html,
+          textValue: text,
+          delta: delta,
+          source: source
+        });
+      }
+    });
+    quill.current.on('selection-change', function (range, oldRange, source) {
+      if (props.onSelectionChange) {
+        props.onSelectionChange({
+          range: range,
+          oldRange: oldRange,
+          source: source
+        });
+      }
+    });
+  };
+
   hooks.useUpdateEffect(function () {
     if (quill.current && !quill.current.hasFocus()) {
       props.value ? quill.current.setContents(quill.current.clipboard.convert(props.value)) : quill.current.setText('');
     }
   }, [props.value]);
   React__namespace.useImperativeHandle(ref, function () {
-    return _objectSpread({
+    return {
+      props: props,
       getQuill: function getQuill() {
         return quill.current;
       },
@@ -149,7 +186,7 @@ var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       getToolbar: function getToolbar() {
         return toolbarRef.current;
       }
-    }, props);
+    };
   });
 
   var createToolbarHeader = function createToolbarHeader() {

package/editor/editor.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=n(e);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=l.memo(l.forwardRef((function(e,o){var c=l.useRef(null),i=l.useRef(null),m=l.useRef(null),f=l.useRef(null),p=l.useRef(!1);t.useMountEffect((function(){p.current||(Promise.resolve().then((function(){return n(require("quill"))})).then((function(t){if(t&&r.DomHandler.isExist(i.current)){var n={modules:u({toolbar:!!e.showHeader&&m.current},e.modules),placeholder:e.placeholder,readOnly:e.readOnly,theme:e.theme,formats:e.formats};f.current=t.default?new t.default(i.current,n):new t(i.current,n),e.value&&f.current.setContents(f.current.clipboard.convert(e.value)),f.current.on("text-change",(function(t,r){var n=i.current.children[0],l=n?n.innerHTML:null,a=f.current.getText();"<p><br></p>"===l&&(l=null),e.onTextChange&&e.onTextChange({htmlValue:l,textValue:a,delta:t,source:r})})),f.current.on("selection-change",(function(t,r,n){e.onSelectionChange&&e.onSelectionChange({range:t,oldRange:r,source:n})}))}})).then((function(){f.current&&f.current.getModule("toolbar")&&e.onLoad&&e.onLoad(f.current)})),p.current=!0)})),t.useUpdateEffect((function(){f.current&&!f.current.hasFocus()&&(e.value?f.current.setContents(f.current.clipboard.convert(e.value)):f.current.setText(""))}),[e.value]),l.useImperativeHandle(o,(function(){return u({getQuill:function(){return f.current},getElement:function(){return c.current},getContent:function(){return i.current},getToolbar:function(){return m.current}},e)}));var d=r.ObjectUtils.findDiffKeys(e,s.defaultProps),b=r.classNames("p-component p-editor-container",e.className),E=!1===e.showHeader?null:e.headerTemplate?l.createElement("div",{ref:m,className:"p-editor-toolbar"},e.headerTemplate):l.createElement("div",{ref:m,className:"p-editor-toolbar"},l.createElement("span",{className:"ql-formats"},l.createElement("select",{className:"ql-header",defaultValue:"0"},l.createElement("option",{value:"1"},"Heading"),l.createElement("option",{value:"2"},"Subheading"),l.createElement("option",{value:"0"},"Normal")),l.createElement("select",{className:"ql-font"},l.createElement("option",null),l.createElement("option",{value:"serif"}),l.createElement("option",{value:"monospace"}))),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-bold","aria-label":"Bold"}),l.createElement("button",{type:"button",className:"ql-italic","aria-label":"Italic"}),l.createElement("button",{type:"button",className:"ql-underline","aria-label":"Underline"})),l.createElement("span",{className:"ql-formats"},l.createElement("select",{className:"ql-color"}),l.createElement("select",{className:"ql-background"})),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"}),l.createElement("button",{type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"}),l.createElement("select",{className:"ql-align"},l.createElement("option",{defaultValue:!0}),l.createElement("option",{value:"center"}),l.createElement("option",{value:"right"}),l.createElement("option",{value:"justify"}))),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-link","aria-label":"Insert Link"}),l.createElement("button",{type:"button",className:"ql-image","aria-label":"Insert Image"}),l.createElement("button",{type:"button",className:"ql-code-block","aria-label":"Insert Code Block"})),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-clean","aria-label":"Remove Styles"}))),v=l.createElement("div",{ref:i,className:"p-editor-content",style:e.style});return l.createElement("div",a({id:e.id,ref:c,className:b},d),E,v)})));s.displayName="Editor",s.defaultProps={__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null},exports.Editor=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=n(e);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?c(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=function(){try{return Quill}catch(e){return null}}(),i=l.memo(l.forwardRef((function(e,o){var c=l.useRef(null),m=l.useRef(null),f=l.useRef(null),d=l.useRef(null),p=l.useRef(!1);t.useMountEffect((function(){if(!p.current){var t={modules:u({toolbar:!!e.showHeader&&f.current},e.modules),placeholder:e.placeholder,readOnly:e.readOnly,theme:e.theme,formats:e.formats};s?(d.current=new Quill(m.current,t),b(),d.current&&d.current.getModule("toolbar")&&e.onLoad&&e.onLoad(d.current)):Promise.resolve().then((function(){return n(require("quill"))})).then((function(e){e&&r.DomHandler.isExist(m.current)&&(d.current=e.default?new e.default(m.current,t):new e(m.current,t),b())})).then((function(){d.current&&d.current.getModule("toolbar")&&e.onLoad&&e.onLoad(d.current)})),p.current=!0}}));var b=function(){e.value&&d.current.setContents(d.current.clipboard.convert(e.value)),d.current.on("text-change",(function(t,n,l){var a=m.current.children[0],o=a?a.innerHTML:null,c=d.current.getText();if("<p><br></p>"===o&&(o=null),"api"===l){var u=m.current.children[0],s=document.createElement("div");if(s.innerHTML=e.value||"",r.DomHandler.isEqualElement(u,s))return}e.onTextChange&&e.onTextChange({htmlValue:o,textValue:c,delta:t,source:l})})),d.current.on("selection-change",(function(t,r,n){e.onSelectionChange&&e.onSelectionChange({range:t,oldRange:r,source:n})}))};t.useUpdateEffect((function(){d.current&&!d.current.hasFocus()&&(e.value?d.current.setContents(d.current.clipboard.convert(e.value)):d.current.setText(""))}),[e.value]),l.useImperativeHandle(o,(function(){return{props:e,getQuill:function(){return d.current},getElement:function(){return c.current},getContent:function(){return m.current},getToolbar:function(){return f.current}}}));var E=r.ObjectUtils.findDiffKeys(e,i.defaultProps),v=r.classNames("p-component p-editor-container",e.className),h=!1===e.showHeader?null:e.headerTemplate?l.createElement("div",{ref:f,className:"p-editor-toolbar"},e.headerTemplate):l.createElement("div",{ref:f,className:"p-editor-toolbar"},l.createElement("span",{className:"ql-formats"},l.createElement("select",{className:"ql-header",defaultValue:"0"},l.createElement("option",{value:"1"},"Heading"),l.createElement("option",{value:"2"},"Subheading"),l.createElement("option",{value:"0"},"Normal")),l.createElement("select",{className:"ql-font"},l.createElement("option",null),l.createElement("option",{value:"serif"}),l.createElement("option",{value:"monospace"}))),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-bold","aria-label":"Bold"}),l.createElement("button",{type:"button",className:"ql-italic","aria-label":"Italic"}),l.createElement("button",{type:"button",className:"ql-underline","aria-label":"Underline"})),l.createElement("span",{className:"ql-formats"},l.createElement("select",{className:"ql-color"}),l.createElement("select",{className:"ql-background"})),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"}),l.createElement("button",{type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"}),l.createElement("select",{className:"ql-align"},l.createElement("option",{defaultValue:!0}),l.createElement("option",{value:"center"}),l.createElement("option",{value:"right"}),l.createElement("option",{value:"justify"}))),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-link","aria-label":"Insert Link"}),l.createElement("button",{type:"button",className:"ql-image","aria-label":"Insert Image"}),l.createElement("button",{type:"button",className:"ql-code-block","aria-label":"Insert Code Block"})),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-clean","aria-label":"Remove Styles"}))),y=l.createElement("div",{ref:m,className:"p-editor-content",style:e.style});return l.createElement("div",a({id:e.id,ref:c,className:v},E),h,y)})));i.displayName="Editor",i.defaultProps={__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null},exports.Editor=i;

package/editor/editor.esm.js

@@ -38,6 +38,15 @@ function _defineProperty(obj, key, value) {
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var QuillJS = function () {
+  try {
+    return Quill;
+  } catch (_unused) {
+    return null;
+  }
+}();
+
 var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var contentRef = React.useRef(null);
@@ -46,73 +55,101 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
   var isQuillLoaded = React.useRef(false);
   useMountEffect(function () {
     if (!isQuillLoaded.current) {
-      import('quill').then(function (module) {
-        if (module && DomHandler.isExist(contentRef.current)) {
-          var configuration = {
-            modules: _objectSpread({
-              toolbar: props.showHeader ? toolbarRef.current : false
-            }, props.modules),
-            placeholder: props.placeholder,
-            readOnly: props.readOnly,
-            theme: props.theme,
-            formats: props.formats
-          };
-
-          if (module["default"]) {
-            // webpack
-            quill.current = new module["default"](contentRef.current, configuration);
-          } else {
-            // parceljs
-            quill.current = new module(contentRef.current, configuration);
-          }
+      var configuration = {
+        modules: _objectSpread({
+          toolbar: props.showHeader ? toolbarRef.current : false
+        }, props.modules),
+        placeholder: props.placeholder,
+        readOnly: props.readOnly,
+        theme: props.theme,
+        formats: props.formats
+      };
 
-          if (props.value) {
-            quill.current.setContents(quill.current.clipboard.convert(props.value));
-          }
-
-          quill.current.on('text-change', function (delta, source) {
-            var firstChild = contentRef.current.children[0];
-            var html = firstChild ? firstChild.innerHTML : null;
-            var text = quill.current.getText();
-
-            if (html === '<p><br></p>') {
-              html = null;
-            }
+      if (QuillJS) {
+        // GitHub #3097 loaded by script only
+        quill.current = new Quill(contentRef.current, configuration);
+        initQuill();
 
-            if (props.onTextChange) {
-              props.onTextChange({
-                htmlValue: html,
-                textValue: text,
-                delta: delta,
-                source: source
-              });
-            }
-          });
-          quill.current.on('selection-change', function (range, oldRange, source) {
-            if (props.onSelectionChange) {
-              props.onSelectionChange({
-                range: range,
-                oldRange: oldRange,
-                source: source
-              });
-            }
-          });
-        }
-      }).then(function () {
         if (quill.current && quill.current.getModule('toolbar')) {
           props.onLoad && props.onLoad(quill.current);
         }
-      });
+      } else {
+        import('quill').then(function (module) {
+          if (module && DomHandler.isExist(contentRef.current)) {
+            if (module["default"]) {
+              // webpack
+              quill.current = new module["default"](contentRef.current, configuration);
+            } else {
+              // parceljs
+              quill.current = new module(contentRef.current, configuration);
+            }
+
+            initQuill();
+          }
+        }).then(function () {
+          if (quill.current && quill.current.getModule('toolbar')) {
+            props.onLoad && props.onLoad(quill.current);
+          }
+        });
+      }
+
       isQuillLoaded.current = true;
     }
   });
+
+  var initQuill = function initQuill() {
+    if (props.value) {
+      quill.current.setContents(quill.current.clipboard.convert(props.value));
+    }
+
+    quill.current.on('text-change', function (delta, oldContents, source) {
+      var firstChild = contentRef.current.children[0];
+      var html = firstChild ? firstChild.innerHTML : null;
+      var text = quill.current.getText();
+
+      if (html === '<p><br></p>') {
+        html = null;
+      } // GitHub #2271 prevent infinite loop on clipboard paste of HTML
+
+
+      if (source === "api") {
+        var htmlValue = contentRef.current.children[0];
+        var editorValue = document.createElement("div");
+        editorValue.innerHTML = props.value || ""; // this is necessary because Quill rearranged style elements
+
+        if (DomHandler.isEqualElement(htmlValue, editorValue)) {
+          return;
+        }
+      }
+
+      if (props.onTextChange) {
+        props.onTextChange({
+          htmlValue: html,
+          textValue: text,
+          delta: delta,
+          source: source
+        });
+      }
+    });
+    quill.current.on('selection-change', function (range, oldRange, source) {
+      if (props.onSelectionChange) {
+        props.onSelectionChange({
+          range: range,
+          oldRange: oldRange,
+          source: source
+        });
+      }
+    });
+  };
+
   useUpdateEffect(function () {
     if (quill.current && !quill.current.hasFocus()) {
       props.value ? quill.current.setContents(quill.current.clipboard.convert(props.value)) : quill.current.setText('');
     }
   }, [props.value]);
   React.useImperativeHandle(ref, function () {
-    return _objectSpread({
+    return {
+      props: props,
       getQuill: function getQuill() {
         return quill.current;
       },
@@ -125,7 +162,7 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
       getToolbar: function getToolbar() {
         return toolbarRef.current;
       }
-    }, props);
+    };
   });
 
   var createToolbarHeader = function createToolbarHeader() {

package/editor/editor.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useMountEffect as t,useUpdateEffect as n}from"primereact/hooks";import{DomHandler as r,ObjectUtils as l,classNames as a}from"primereact/utils";function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var i=e.memo(e.forwardRef((function(c,u){var m=e.useRef(null),p=e.useRef(null),f=e.useRef(null),d=e.useRef(null),b=e.useRef(!1);t((function(){b.current||(import("quill").then((function(e){if(e&&r.isExist(p.current)){var t={modules:s({toolbar:!!c.showHeader&&f.current},c.modules),placeholder:c.placeholder,readOnly:c.readOnly,theme:c.theme,formats:c.formats};d.current=e.default?new e.default(p.current,t):new e(p.current,t),c.value&&d.current.setContents(d.current.clipboard.convert(c.value)),d.current.on("text-change",(function(e,t){var n=p.current.children[0],r=n?n.innerHTML:null,l=d.current.getText();"<p><br></p>"===r&&(r=null),c.onTextChange&&c.onTextChange({htmlValue:r,textValue:l,delta:e,source:t})})),d.current.on("selection-change",(function(e,t,n){c.onSelectionChange&&c.onSelectionChange({range:e,oldRange:t,source:n})}))}})).then((function(){d.current&&d.current.getModule("toolbar")&&c.onLoad&&c.onLoad(d.current)})),b.current=!0)})),n((function(){d.current&&!d.current.hasFocus()&&(c.value?d.current.setContents(d.current.clipboard.convert(c.value)):d.current.setText(""))}),[c.value]),e.useImperativeHandle(u,(function(){return s({getQuill:function(){return d.current},getElement:function(){return m.current},getContent:function(){return p.current},getToolbar:function(){return f.current}},c)}));var E=l.findDiffKeys(c,i.defaultProps),v=a("p-component p-editor-container",c.className),h=!1===c.showHeader?null:c.headerTemplate?e.createElement("div",{ref:f,className:"p-editor-toolbar"},c.headerTemplate):e.createElement("div",{ref:f,className:"p-editor-toolbar"},e.createElement("span",{className:"ql-formats"},e.createElement("select",{className:"ql-header",defaultValue:"0"},e.createElement("option",{value:"1"},"Heading"),e.createElement("option",{value:"2"},"Subheading"),e.createElement("option",{value:"0"},"Normal")),e.createElement("select",{className:"ql-font"},e.createElement("option",null),e.createElement("option",{value:"serif"}),e.createElement("option",{value:"monospace"}))),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-bold","aria-label":"Bold"}),e.createElement("button",{type:"button",className:"ql-italic","aria-label":"Italic"}),e.createElement("button",{type:"button",className:"ql-underline","aria-label":"Underline"})),e.createElement("span",{className:"ql-formats"},e.createElement("select",{className:"ql-color"}),e.createElement("select",{className:"ql-background"})),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"}),e.createElement("button",{type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"}),e.createElement("select",{className:"ql-align"},e.createElement("option",{defaultValue:!0}),e.createElement("option",{value:"center"}),e.createElement("option",{value:"right"}),e.createElement("option",{value:"justify"}))),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-link","aria-label":"Insert Link"}),e.createElement("button",{type:"button",className:"ql-image","aria-label":"Insert Image"}),e.createElement("button",{type:"button",className:"ql-code-block","aria-label":"Insert Code Block"})),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-clean","aria-label":"Remove Styles"}))),y=e.createElement("div",{ref:p,className:"p-editor-content",style:c.style});return e.createElement("div",o({id:c.id,ref:m,className:v},E),h,y)})));i.displayName="Editor",i.defaultProps={__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null};export{i as Editor};
+import*as e from"react";import{useMountEffect as t,useUpdateEffect as n}from"primereact/hooks";import{DomHandler as r,ObjectUtils as l,classNames as a}from"primereact/utils";function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){c(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var i=function(){try{return Quill}catch(e){return null}}(),m=e.memo(e.forwardRef((function(c,u){var p=e.useRef(null),d=e.useRef(null),f=e.useRef(null),b=e.useRef(null),E=e.useRef(!1);t((function(){if(!E.current){var e={modules:s({toolbar:!!c.showHeader&&f.current},c.modules),placeholder:c.placeholder,readOnly:c.readOnly,theme:c.theme,formats:c.formats};i?(b.current=new Quill(d.current,e),v(),b.current&&b.current.getModule("toolbar")&&c.onLoad&&c.onLoad(b.current)):import("quill").then((function(t){t&&r.isExist(d.current)&&(b.current=t.default?new t.default(d.current,e):new t(d.current,e),v())})).then((function(){b.current&&b.current.getModule("toolbar")&&c.onLoad&&c.onLoad(b.current)})),E.current=!0}}));var v=function(){c.value&&b.current.setContents(b.current.clipboard.convert(c.value)),b.current.on("text-change",(function(e,t,n){var l=d.current.children[0],a=l?l.innerHTML:null,o=b.current.getText();if("<p><br></p>"===a&&(a=null),"api"===n){var u=d.current.children[0],s=document.createElement("div");if(s.innerHTML=c.value||"",r.isEqualElement(u,s))return}c.onTextChange&&c.onTextChange({htmlValue:a,textValue:o,delta:e,source:n})})),b.current.on("selection-change",(function(e,t,n){c.onSelectionChange&&c.onSelectionChange({range:e,oldRange:t,source:n})}))};n((function(){b.current&&!b.current.hasFocus()&&(c.value?b.current.setContents(b.current.clipboard.convert(c.value)):b.current.setText(""))}),[c.value]),e.useImperativeHandle(u,(function(){return{props:c,getQuill:function(){return b.current},getElement:function(){return p.current},getContent:function(){return d.current},getToolbar:function(){return f.current}}}));var h=l.findDiffKeys(c,m.defaultProps),y=a("p-component p-editor-container",c.className),g=!1===c.showHeader?null:c.headerTemplate?e.createElement("div",{ref:f,className:"p-editor-toolbar"},c.headerTemplate):e.createElement("div",{ref:f,className:"p-editor-toolbar"},e.createElement("span",{className:"ql-formats"},e.createElement("select",{className:"ql-header",defaultValue:"0"},e.createElement("option",{value:"1"},"Heading"),e.createElement("option",{value:"2"},"Subheading"),e.createElement("option",{value:"0"},"Normal")),e.createElement("select",{className:"ql-font"},e.createElement("option",null),e.createElement("option",{value:"serif"}),e.createElement("option",{value:"monospace"}))),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-bold","aria-label":"Bold"}),e.createElement("button",{type:"button",className:"ql-italic","aria-label":"Italic"}),e.createElement("button",{type:"button",className:"ql-underline","aria-label":"Underline"})),e.createElement("span",{className:"ql-formats"},e.createElement("select",{className:"ql-color"}),e.createElement("select",{className:"ql-background"})),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"}),e.createElement("button",{type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"}),e.createElement("select",{className:"ql-align"},e.createElement("option",{defaultValue:!0}),e.createElement("option",{value:"center"}),e.createElement("option",{value:"right"}),e.createElement("option",{value:"justify"}))),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-link","aria-label":"Insert Link"}),e.createElement("button",{type:"button",className:"ql-image","aria-label":"Insert Image"}),e.createElement("button",{type:"button",className:"ql-code-block","aria-label":"Insert Code Block"})),e.createElement("span",{className:"ql-formats"},e.createElement("button",{type:"button",className:"ql-clean","aria-label":"Remove Styles"}))),N=e.createElement("div",{ref:d,className:"p-editor-content",style:c.style});return e.createElement("div",o({id:c.id,ref:p,className:y},h),g,N)})));m.displayName="Editor",m.defaultProps={__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null};export{m as Editor};

package/editor/editor.js

@@ -58,6 +58,15 @@ this.primereact.editor = (function (exports, React, hooks, utils) {
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+  var QuillJS = function () {
+    try {
+      return Quill;
+    } catch (_unused) {
+      return null;
+    }
+  }();
+
   var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
     var contentRef = React__namespace.useRef(null);
@@ -66,73 +75,101 @@ this.primereact.editor = (function (exports, React, hooks, utils) {
     var isQuillLoaded = React__namespace.useRef(false);
     hooks.useMountEffect(function () {
       if (!isQuillLoaded.current) {
-        import('quill').then(function (module) {
-          if (module && utils.DomHandler.isExist(contentRef.current)) {
-            var configuration = {
-              modules: _objectSpread({
-                toolbar: props.showHeader ? toolbarRef.current : false
-              }, props.modules),
-              placeholder: props.placeholder,
-              readOnly: props.readOnly,
-              theme: props.theme,
-              formats: props.formats
-            };
-
-            if (module["default"]) {
-              // webpack
-              quill.current = new module["default"](contentRef.current, configuration);
-            } else {
-              // parceljs
-              quill.current = new module(contentRef.current, configuration);
-            }
+        var configuration = {
+          modules: _objectSpread({
+            toolbar: props.showHeader ? toolbarRef.current : false
+          }, props.modules),
+          placeholder: props.placeholder,
+          readOnly: props.readOnly,
+          theme: props.theme,
+          formats: props.formats
+        };
 
-            if (props.value) {
-              quill.current.setContents(quill.current.clipboard.convert(props.value));
-            }
-
-            quill.current.on('text-change', function (delta, source) {
-              var firstChild = contentRef.current.children[0];
-              var html = firstChild ? firstChild.innerHTML : null;
-              var text = quill.current.getText();
+        if (QuillJS) {
+          // GitHub #3097 loaded by script only
+          quill.current = new Quill(contentRef.current, configuration);
+          initQuill();
 
-              if (html === '<p><br></p>') {
-                html = null;
-              }
-
-              if (props.onTextChange) {
-                props.onTextChange({
-                  htmlValue: html,
-                  textValue: text,
-                  delta: delta,
-                  source: source
-                });
-              }
-            });
-            quill.current.on('selection-change', function (range, oldRange, source) {
-              if (props.onSelectionChange) {
-                props.onSelectionChange({
-                  range: range,
-                  oldRange: oldRange,
-                  source: source
-                });
-              }
-            });
-          }
-        }).then(function () {
           if (quill.current && quill.current.getModule('toolbar')) {
             props.onLoad && props.onLoad(quill.current);
           }
-        });
+        } else {
+          import('quill').then(function (module) {
+            if (module && utils.DomHandler.isExist(contentRef.current)) {
+              if (module["default"]) {
+                // webpack
+                quill.current = new module["default"](contentRef.current, configuration);
+              } else {
+                // parceljs
+                quill.current = new module(contentRef.current, configuration);
+              }
+
+              initQuill();
+            }
+          }).then(function () {
+            if (quill.current && quill.current.getModule('toolbar')) {
+              props.onLoad && props.onLoad(quill.current);
+            }
+          });
+        }
+
         isQuillLoaded.current = true;
       }
     });
+
+    var initQuill = function initQuill() {
+      if (props.value) {
+        quill.current.setContents(quill.current.clipboard.convert(props.value));
+      }
+
+      quill.current.on('text-change', function (delta, oldContents, source) {
+        var firstChild = contentRef.current.children[0];
+        var html = firstChild ? firstChild.innerHTML : null;
+        var text = quill.current.getText();
+
+        if (html === '<p><br></p>') {
+          html = null;
+        } // GitHub #2271 prevent infinite loop on clipboard paste of HTML
+
+
+        if (source === "api") {
+          var htmlValue = contentRef.current.children[0];
+          var editorValue = document.createElement("div");
+          editorValue.innerHTML = props.value || ""; // this is necessary because Quill rearranged style elements
+
+          if (utils.DomHandler.isEqualElement(htmlValue, editorValue)) {
+            return;
+          }
+        }
+
+        if (props.onTextChange) {
+          props.onTextChange({
+            htmlValue: html,
+            textValue: text,
+            delta: delta,
+            source: source
+          });
+        }
+      });
+      quill.current.on('selection-change', function (range, oldRange, source) {
+        if (props.onSelectionChange) {
+          props.onSelectionChange({
+            range: range,
+            oldRange: oldRange,
+            source: source
+          });
+        }
+      });
+    };
+
     hooks.useUpdateEffect(function () {
       if (quill.current && !quill.current.hasFocus()) {
         props.value ? quill.current.setContents(quill.current.clipboard.convert(props.value)) : quill.current.setText('');
       }
     }, [props.value]);
     React__namespace.useImperativeHandle(ref, function () {
-      return _objectSpread({
+      return {
+        props: props,
         getQuill: function getQuill() {
           return quill.current;
         },
@@ -145,7 +182,7 @@ this.primereact.editor = (function (exports, React, hooks, utils) {
         getToolbar: function getToolbar() {
           return toolbarRef.current;
         }
-      }, props);
+      };
     });
 
     var createToolbarHeader = function createToolbarHeader() {

package/editor/editor.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.editor=function(e,t,r,n){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=l(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var i=a.memo(a.forwardRef((function(e,t){var l=a.useRef(null),c=a.useRef(null),u=a.useRef(null),m=a.useRef(null),f=a.useRef(!1);r.useMountEffect((function(){f.current||(import("quill").then((function(t){if(t&&n.DomHandler.isExist(c.current)){var r={modules:s({toolbar:!!e.showHeader&&u.current},e.modules),placeholder:e.placeholder,readOnly:e.readOnly,theme:e.theme,formats:e.formats};m.current=t.default?new t.default(c.current,r):new t(c.current,r),e.value&&m.current.setContents(m.current.clipboard.convert(e.value)),m.current.on("text-change",(function(t,r){var n=c.current.children[0],l=n?n.innerHTML:null,a=m.current.getText();"<p><br></p>"===l&&(l=null),e.onTextChange&&e.onTextChange({htmlValue:l,textValue:a,delta:t,source:r})})),m.current.on("selection-change",(function(t,r,n){e.onSelectionChange&&e.onSelectionChange({range:t,oldRange:r,source:n})}))}})).then((function(){m.current&&m.current.getModule("toolbar")&&e.onLoad&&e.onLoad(m.current)})),f.current=!0)})),r.useUpdateEffect((function(){m.current&&!m.current.hasFocus()&&(e.value?m.current.setContents(m.current.clipboard.convert(e.value)):m.current.setText(""))}),[e.value]),a.useImperativeHandle(t,(function(){return s({getQuill:function(){return m.current},getElement:function(){return l.current},getContent:function(){return c.current},getToolbar:function(){return u.current}},e)}));var p=n.ObjectUtils.findDiffKeys(e,i.defaultProps),d=n.classNames("p-component p-editor-container",e.className),b=!1===e.showHeader?null:e.headerTemplate?a.createElement("div",{ref:u,className:"p-editor-toolbar"},e.headerTemplate):a.createElement("div",{ref:u,className:"p-editor-toolbar"},a.createElement("span",{className:"ql-formats"},a.createElement("select",{className:"ql-header",defaultValue:"0"},a.createElement("option",{value:"1"},"Heading"),a.createElement("option",{value:"2"},"Subheading"),a.createElement("option",{value:"0"},"Normal")),a.createElement("select",{className:"ql-font"},a.createElement("option",null),a.createElement("option",{value:"serif"}),a.createElement("option",{value:"monospace"}))),a.createElement("span",{className:"ql-formats"},a.createElement("button",{type:"button",className:"ql-bold","aria-label":"Bold"}),a.createElement("button",{type:"button",className:"ql-italic","aria-label":"Italic"}),a.createElement("button",{type:"button",className:"ql-underline","aria-label":"Underline"})),a.createElement("span",{className:"ql-formats"},a.createElement("select",{className:"ql-color"}),a.createElement("select",{className:"ql-background"})),a.createElement("span",{className:"ql-formats"},a.createElement("button",{type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"}),a.createElement("button",{type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"}),a.createElement("select",{className:"ql-align"},a.createElement("option",{defaultValue:!0}),a.createElement("option",{value:"center"}),a.createElement("option",{value:"right"}),a.createElement("option",{value:"justify"}))),a.createElement("span",{className:"ql-formats"},a.createElement("button",{type:"button",className:"ql-link","aria-label":"Insert Link"}),a.createElement("button",{type:"button",className:"ql-image","aria-label":"Insert Image"}),a.createElement("button",{type:"button",className:"ql-code-block","aria-label":"Insert Code Block"})),a.createElement("span",{className:"ql-formats"},a.createElement("button",{type:"button",className:"ql-clean","aria-label":"Remove Styles"}))),E=a.createElement("div",{ref:c,className:"p-editor-content",style:e.style});return a.createElement("div",o({id:e.id,ref:l,className:d},p),b,E)})));return i.displayName="Editor",i.defaultProps={__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null},e.Editor=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.editor=function(e,t,r,n){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=l(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var i=function(){try{return Quill}catch(e){return null}}(),m=a.memo(a.forwardRef((function(e,t){var l=a.useRef(null),c=a.useRef(null),u=a.useRef(null),f=a.useRef(null),d=a.useRef(!1);r.useMountEffect((function(){if(!d.current){var t={modules:s({toolbar:!!e.showHeader&&u.current},e.modules),placeholder:e.placeholder,readOnly:e.readOnly,theme:e.theme,formats:e.formats};i?(f.current=new Quill(c.current,t),p(),f.current&&f.current.getModule("toolbar")&&e.onLoad&&e.onLoad(f.current)):import("quill").then((function(e){e&&n.DomHandler.isExist(c.current)&&(f.current=e.default?new e.default(c.current,t):new e(c.current,t),p())})).then((function(){f.current&&f.current.getModule("toolbar")&&e.onLoad&&e.onLoad(f.current)})),d.current=!0}}));var p=function(){e.value&&f.current.setContents(f.current.clipboard.convert(e.value)),f.current.on("text-change",(function(t,r,l){var a=c.current.children[0],o=a?a.innerHTML:null,u=f.current.getText();if("<p><br></p>"===o&&(o=null),"api"===l){var s=c.current.children[0],i=document.createElement("div");if(i.innerHTML=e.value||"",n.DomHandler.isEqualElement(s,i))return}e.onTextChange&&e.onTextChange({htmlValue:o,textValue:u,delta:t,source:l})})),f.current.on("selection-change",(function(t,r,n){e.onSelectionChange&&e.onSelectionChange({range:t,oldRange:r,source:n})}))};r.useUpdateEffect((function(){f.current&&!f.current.hasFocus()&&(e.value?f.current.setContents(f.current.clipboard.convert(e.value)):f.current.setText(""))}),[e.value]),a.useImperativeHandle(t,(function(){return{props:e,getQuill:function(){return f.current},getElement:function(){return l.current},getContent:function(){return c.current},getToolbar:function(){return u.current}}}));var b=n.ObjectUtils.findDiffKeys(e,m.defaultProps),E=n.classNames("p-component p-editor-container",e.className),v=!1===e.showHeader?null:e.headerTemplate?a.createElement("div",{ref:u,className:"p-editor-toolbar"},e.headerTemplate):a.createElement("div",{ref:u,className:"p-editor-toolbar"},a.createElement("span",{className:"ql-formats"},a.createElement("select",{className:"ql-header",defaultValue:"0"},a.createElement("option",{value:"1"},"Heading"),a.createElement("option",{value:"2"},"Subheading"),a.createElement("option",{value:"0"},"Normal")),a.createElement("select",{className:"ql-font"},a.createElement("option",null),a.createElement("option",{value:"serif"}),a.createElement("option",{value:"monospace"}))),a.createElement("span",{className:"ql-formats"},a.createElement("button",{type:"button",className:"ql-bold","aria-label":"Bold"}),a.createElement("button",{type:"button",className:"ql-italic","aria-label":"Italic"}),a.createElement("button",{type:"button",className:"ql-underline","aria-label":"Underline"})),a.createElement("span",{className:"ql-formats"},a.createElement("select",{className:"ql-color"}),a.createElement("select",{className:"ql-background"})),a.createElement("span",{className:"ql-formats"},a.createElement("button",{type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"}),a.createElement("button",{type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"}),a.createElement("select",{className:"ql-align"},a.createElement("option",{defaultValue:!0}),a.createElement("option",{value:"center"}),a.createElement("option",{value:"right"}),a.createElement("option",{value:"justify"}))),a.createElement("span",{className:"ql-formats"},a.createElement("button",{type:"button",className:"ql-link","aria-label":"Insert Link"}),a.createElement("button",{type:"button",className:"ql-image","aria-label":"Insert Image"}),a.createElement("button",{type:"button",className:"ql-code-block","aria-label":"Insert Code Block"})),a.createElement("span",{className:"ql-formats"},a.createElement("button",{type:"button",className:"ql-clean","aria-label":"Remove Styles"}))),h=a.createElement("div",{ref:c,className:"p-editor-content",style:e.style});return a.createElement("div",o({id:e.id,ref:l,className:E},b),v,h)})));return m.displayName="Editor",m.defaultProps={__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null},e.Editor=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);