primereact 8.1.1 → 8.4.0

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),p=l.useRef(!1),d=function(){return m.current};t.useMountEffect((function(){p.current||(Promise.resolve().then((function(){return n(require("quill"))})).then((function(t){t&&t.default&&r.DomHandler.isExist(c.current)&&(m.current=new t.default(c.current,{modules:u({toolbar:!!e.showHeader&&i.current},e.modules),placeholder:e.placeholder,readOnly:e.readOnly,theme:e.theme,formats:e.formats}),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)})),p.current=!0)})),t.useUpdateEffect((function(){m.current&&!m.current.hasFocus()&&(e.value?m.current.setContents(m.current.clipboard.convert(e.value)):m.current.setText(""))}),[e.value]),l.useImperativeHandle(o,(function(){return{getQuill:d}}));var f=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:i,className:"p-editor-toolbar"},e.headerTemplate):l.createElement("div",{ref:i,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:c,className:"p-editor-content",style:e.style});return l.createElement("div",a({id:e.id,className:b},f),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.d.ts

@@ -33,4 +33,7 @@ export interface EditorProps extends React.DetailedHTMLProps<React.InputHTMLAttr
 
 export declare class Editor extends React.Component<EditorProps, any> {
     public getQuill(): any;
+    public getElement(): HTMLDivElement;
+    public getContent(): HTMLDivElement;
+    public getToolbar(): HTMLDivElement;
 }

package/editor/editor.esm.js

@@ -38,70 +38,110 @@ 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);
   var toolbarRef = React.useRef(null);
   var quill = React.useRef(null);
   var isQuillLoaded = React.useRef(false);
-
-  var getQuill = function getQuill() {
-    return quill.current;
-  };
-
   useMountEffect(function () {
     if (!isQuillLoaded.current) {
-      import('quill').then(function (module) {
-        if (module && module["default"] && DomHandler.isExist(contentRef.current)) {
-          quill.current = new module["default"](contentRef.current, {
-            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));
-          }
+      var configuration = {
+        modules: _objectSpread({
+          toolbar: props.showHeader ? toolbarRef.current : false
+        }, props.modules),
+        placeholder: props.placeholder,
+        readOnly: props.readOnly,
+        theme: props.theme,
+        formats: props.formats
+      };
 
-          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('');
@@ -109,7 +149,19 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
   }, [props.value]);
   React.useImperativeHandle(ref, function () {
     return {
-      getQuill: getQuill
+      props: props,
+      getQuill: function getQuill() {
+        return quill.current;
+      },
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getContent: function getContent() {
+        return contentRef.current;
+      },
+      getToolbar: function getToolbar() {
+        return toolbarRef.current;
+      }
     };
   });
 
@@ -218,6 +270,7 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
   });
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: className
   }, otherProps), header, content);
 }));

package/editor/editor.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useMountEffect as t,useUpdateEffect as l}from"primereact/hooks";import{DomHandler as n,ObjectUtils as a,classNames as r}from"primereact/utils";function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e},o.apply(this,arguments)}function c(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function u(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,n)}return l}function s(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?u(Object(l),!0).forEach((function(t){c(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):u(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}var i=e.memo(e.forwardRef((function(c,u){var m=e.useRef(null),p=e.useRef(null),d=e.useRef(null),f=e.useRef(!1),b=function(){return d.current};t((function(){f.current||(import("quill").then((function(e){e&&e.default&&n.isExist(m.current)&&(d.current=new e.default(m.current,{modules:s({toolbar:!!c.showHeader&&p.current},c.modules),placeholder:c.placeholder,readOnly:c.readOnly,theme:c.theme,formats:c.formats}),c.value&&d.current.setContents(d.current.clipboard.convert(c.value)),d.current.on("text-change",(function(e,t){var l=m.current.children[0],n=l?l.innerHTML:null,a=d.current.getText();"<p><br></p>"===n&&(n=null),c.onTextChange&&c.onTextChange({htmlValue:n,textValue:a,delta:e,source:t})})),d.current.on("selection-change",(function(e,t,l){c.onSelectionChange&&c.onSelectionChange({range:e,oldRange:t,source:l})})))})).then((function(){d.current&&d.current.getModule("toolbar")&&c.onLoad&&c.onLoad(d.current)})),f.current=!0)})),l((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{getQuill:b}}));var E=a.findDiffKeys(c,i.defaultProps),h=r("p-component p-editor-container",c.className),v=!1===c.showHeader?null:c.headerTemplate?e.createElement("div",{ref:p,className:"p-editor-toolbar"},c.headerTemplate):e.createElement("div",{ref:p,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:m,className:"p-editor-content",style:c.style});return e.createElement("div",o({id:c.id,className:h},E),v,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,70 +58,110 @@ 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);
     var toolbarRef = React__namespace.useRef(null);
     var quill = React__namespace.useRef(null);
     var isQuillLoaded = React__namespace.useRef(false);
-
-    var getQuill = function getQuill() {
-      return quill.current;
-    };
-
     hooks.useMountEffect(function () {
       if (!isQuillLoaded.current) {
-        import('quill').then(function (module) {
-          if (module && module["default"] && utils.DomHandler.isExist(contentRef.current)) {
-            quill.current = new module["default"](contentRef.current, {
-              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));
-            }
+        var configuration = {
+          modules: _objectSpread({
+            toolbar: props.showHeader ? toolbarRef.current : false
+          }, props.modules),
+          placeholder: props.placeholder,
+          readOnly: props.readOnly,
+          theme: props.theme,
+          formats: props.formats
+        };
 
-            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 && 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('');
@@ -129,7 +169,19 @@ this.primereact.editor = (function (exports, React, hooks, utils) {
     }, [props.value]);
     React__namespace.useImperativeHandle(ref, function () {
       return {
-        getQuill: getQuill
+        props: props,
+        getQuill: function getQuill() {
+          return quill.current;
+        },
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getContent: function getContent() {
+          return contentRef.current;
+        },
+        getToolbar: function getToolbar() {
+          return toolbarRef.current;
+        }
       };
     });
 
@@ -238,6 +290,7 @@ this.primereact.editor = (function (exports, React, hooks, utils) {
     });
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       className: className
     }, otherProps), header, content);
   }));

package/editor/editor.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.editor=function(e,t,r,n){"use strict";function a(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=a(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=l.memo(l.forwardRef((function(e,t){var a=l.useRef(null),c=l.useRef(null),u=l.useRef(null),m=l.useRef(!1),p=function(){return u.current};r.useMountEffect((function(){m.current||(import("quill").then((function(t){t&&t.default&&n.DomHandler.isExist(a.current)&&(u.current=new t.default(a.current,{modules:s({toolbar:!!e.showHeader&&c.current},e.modules),placeholder:e.placeholder,readOnly:e.readOnly,theme:e.theme,formats:e.formats}),e.value&&u.current.setContents(u.current.clipboard.convert(e.value)),u.current.on("text-change",(function(t,r){var n=a.current.children[0],l=n?n.innerHTML:null,o=u.current.getText();"<p><br></p>"===l&&(l=null),e.onTextChange&&e.onTextChange({htmlValue:l,textValue:o,delta:t,source:r})})),u.current.on("selection-change",(function(t,r,n){e.onSelectionChange&&e.onSelectionChange({range:t,oldRange:r,source:n})})))})).then((function(){u.current&&u.current.getModule("toolbar")&&e.onLoad&&e.onLoad(u.current)})),m.current=!0)})),r.useUpdateEffect((function(){u.current&&!u.current.hasFocus()&&(e.value?u.current.setContents(u.current.clipboard.convert(e.value)):u.current.setText(""))}),[e.value]),l.useImperativeHandle(t,(function(){return{getQuill:p}}));var d=n.ObjectUtils.findDiffKeys(e,i.defaultProps),f=n.classNames("p-component p-editor-container",e.className),b=!1===e.showHeader?null:e.headerTemplate?l.createElement("div",{ref:c,className:"p-editor-toolbar"},e.headerTemplate):l.createElement("div",{ref:c,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"}))),E=l.createElement("div",{ref:a,className:"p-editor-content",style:e.style});return l.createElement("div",o({id:e.id,className:f},d),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);

package/fieldset/fieldset.cjs.js

@@ -119,6 +119,7 @@ var Fieldset = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       setCollapsedState = _React$useState4[1];
 
   var collapsed = props.toggleable ? props.onToggle ? props.collapsed : collapsedState : false;
+  var elementRef = React__namespace.useRef(null);
   var contentRef = React__namespace.useRef(null);
   var headerId = idState + '_header';
   var contentId = idState + '_content';
@@ -228,6 +229,17 @@ var Fieldset = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     }
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getContent: function getContent() {
+        return contentRef.current;
+      }
+    };
+  });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Fieldset.defaultProps);
   var className = utils.classNames('p-fieldset p-component', {
     'p-fieldset-toggleable': props.toggleable
@@ -236,6 +248,7 @@ var Fieldset = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var content = createContent();
   return /*#__PURE__*/React__namespace.createElement("fieldset", _extends({
     id: idState,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps, {

package/fieldset/fieldset.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/hooks"),l=require("primereact/ripple"),r=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},i.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function f(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e,t){return s(e)||u(e,t)||f(e,t)||p()}var g=o.forwardRef((function(e,a){var s=d(o.useState(e.id),2),u=s[0],c=s[1],f=d(o.useState(e.collapsed),2),p=f[1],m=!!e.toggleable&&(e.onToggle?e.collapsed:f[0]),b=o.useRef(null),y=u+"_header",v=u+"_content",E=function(t){e.toggleable&&(m?h(t):O(t),e.onToggle&&e.onToggle({originalEvent:t,value:!m})),t.preventDefault()},h=function(t){e.onToggle||p(!1),e.onExpand&&e.onExpand(t)},O=function(t){e.onToggle||p(!0),e.onCollapse&&e.onCollapse(t)};n.useMountEffect((function(){e.id||c(r.UniqueComponentId())}));var x=function(){if(e.toggleable){var t=r.classNames("p-fieldset-toggler pi",{"pi-plus":m,"pi-minus":!m});return o.createElement("span",{className:t})}return null},N=function(){if(e.toggleable){var t=x();return o.createElement("a",{href:"#"+v,"aria-controls":v,id:y,"aria-expanded":!m,tabIndex:e.toggleable?null:-1},t,o.createElement("span",{className:"p-fieldset-legend-text"},e.legend),o.createElement(l.Ripple,null))}return o.createElement("span",{className:"p-fieldset-legend-text",id:y},e.legend)},j=r.ObjectUtils.findDiffKeys(e,g.defaultProps),C=r.classNames("p-fieldset p-component",{"p-fieldset-toggleable":e.toggleable},e.className),S=function(){if(null!=e.legend||e.toggleable){var t=N();return o.createElement("legend",{className:"p-fieldset-legend p-unselectable-text",onClick:E},t)}}(),T=o.createElement(t.CSSTransition,{nodeRef:b,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!m,unmountOnExit:!0,options:e.transitionOptions},o.createElement("div",{ref:b,id:v,className:"p-toggleable-content","aria-hidden":m,role:"region","aria-labelledby":y},o.createElement("div",{className:"p-fieldset-content"},e.children)));return o.createElement("fieldset",i({id:u,className:C,style:e.style},j,{onClick:e.onClick}),S,T)}));g.displayName="Fieldset",g.defaultProps={__TYPE:"Fieldset",id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null},exports.Fieldset=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/hooks"),l=require("primereact/ripple"),r=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},i.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function f(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e,t){return u(e)||s(e,t)||f(e,t)||p()}var g=o.forwardRef((function(e,a){var u=d(o.useState(e.id),2),s=u[0],c=u[1],f=d(o.useState(e.collapsed),2),p=f[1],m=!!e.toggleable&&(e.onToggle?e.collapsed:f[0]),b=o.useRef(null),y=o.useRef(null),v=s+"_header",E=s+"_content",h=function(t){e.toggleable&&(m?O(t):x(t),e.onToggle&&e.onToggle({originalEvent:t,value:!m})),t.preventDefault()},O=function(t){e.onToggle||p(!1),e.onExpand&&e.onExpand(t)},x=function(t){e.onToggle||p(!0),e.onCollapse&&e.onCollapse(t)};n.useMountEffect((function(){e.id||c(r.UniqueComponentId())}));var N=function(){if(e.toggleable){var t=r.classNames("p-fieldset-toggler pi",{"pi-plus":m,"pi-minus":!m});return o.createElement("span",{className:t})}return null},j=function(){if(e.toggleable){var t=N();return o.createElement("a",{href:"#"+E,"aria-controls":E,id:v,"aria-expanded":!m,tabIndex:e.toggleable?null:-1},t,o.createElement("span",{className:"p-fieldset-legend-text"},e.legend),o.createElement(l.Ripple,null))}return o.createElement("span",{className:"p-fieldset-legend-text",id:v},e.legend)};o.useImperativeHandle(a,(function(){return{props:e,getElement:function(){return b.current},getContent:function(){return y.current}}}));var C=r.ObjectUtils.findDiffKeys(e,g.defaultProps),S=r.classNames("p-fieldset p-component",{"p-fieldset-toggleable":e.toggleable},e.className),T=function(){if(null!=e.legend||e.toggleable){var t=j();return o.createElement("legend",{className:"p-fieldset-legend p-unselectable-text",onClick:h},t)}}(),_=o.createElement(t.CSSTransition,{nodeRef:y,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!m,unmountOnExit:!0,options:e.transitionOptions},o.createElement("div",{ref:y,id:E,className:"p-toggleable-content","aria-hidden":m,role:"region","aria-labelledby":v},o.createElement("div",{className:"p-fieldset-content"},e.children)));return o.createElement("fieldset",i({id:s,ref:b,className:S,style:e.style},C,{onClick:e.onClick}),T,_)}));g.displayName="Fieldset",g.defaultProps={__TYPE:"Fieldset",id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null},exports.Fieldset=g;

package/fieldset/fieldset.d.ts

@@ -6,11 +6,8 @@ interface FieldsetToggleParams {
     value: boolean;
 }
 
-export interface FieldsetProps {
-    id?: string;
+export interface FieldsetProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, 'ref'> {
     legend?: React.ReactNode;
-    className?: string;
-    style?: object;
     toggleable?: boolean;
     collapsed?: boolean;
     transitionOptions?: CSSTransitionProps;
@@ -21,4 +18,7 @@ export interface FieldsetProps {
     children?: React.ReactNode;
 }
 
-export declare class Fieldset extends React.Component<FieldsetProps, any> { }
+export declare class Fieldset extends React.Component<FieldsetProps, any> { 
+    public getElement(): HTMLFieldSetElement;
+    public getContent(): HTMLDivElement;
+}

package/fieldset/fieldset.esm.js

@@ -95,6 +95,7 @@ var Fieldset = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setCollapsedState = _React$useState4[1];
 
   var collapsed = props.toggleable ? props.onToggle ? props.collapsed : collapsedState : false;
+  var elementRef = React.useRef(null);
   var contentRef = React.useRef(null);
   var headerId = idState + '_header';
   var contentId = idState + '_content';
@@ -204,6 +205,17 @@ var Fieldset = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getContent: function getContent() {
+        return contentRef.current;
+      }
+    };
+  });
   var otherProps = ObjectUtils.findDiffKeys(props, Fieldset.defaultProps);
   var className = classNames('p-fieldset p-component', {
     'p-fieldset-toggleable': props.toggleable
@@ -212,6 +224,7 @@ var Fieldset = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var content = createContent();
   return /*#__PURE__*/React.createElement("fieldset", _extends({
     id: idState,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps, {

package/fieldset/fieldset.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{CSSTransition as t}from"primereact/csstransition";import{useMountEffect as n}from"primereact/hooks";import{Ripple as l}from"primereact/ripple";import{UniqueComponentId as r,ObjectUtils as a,classNames as o}from"primereact/utils";function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},i.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function p(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e,t){return s(e)||u(e,t)||p(e,t)||f()}var g=e.forwardRef((function(s,u){var c=d(e.useState(s.id),2),p=c[0],f=c[1],m=d(e.useState(s.collapsed),2),b=m[1],y=!!s.toggleable&&(s.onToggle?s.collapsed:m[0]),v=e.useRef(null),h=p+"_header",E=p+"_content",x=function(e){s.toggleable&&(y?N(e):C(e),s.onToggle&&s.onToggle({originalEvent:e,value:!y})),e.preventDefault()},N=function(e){s.onToggle||b(!1),s.onExpand&&s.onExpand(e)},C=function(e){s.onToggle||b(!0),s.onCollapse&&s.onCollapse(e)};n((function(){s.id||f(r())}));var O=function(){if(s.toggleable){var t=o("p-fieldset-toggler pi",{"pi-plus":y,"pi-minus":!y});return e.createElement("span",{className:t})}return null},T=function(){if(s.toggleable){var t=O();return e.createElement("a",{href:"#"+E,"aria-controls":E,id:h,"aria-expanded":!y,tabIndex:s.toggleable?null:-1},t,e.createElement("span",{className:"p-fieldset-legend-text"},s.legend),e.createElement(l,null))}return e.createElement("span",{className:"p-fieldset-legend-text",id:h},s.legend)},S=a.findDiffKeys(s,g.defaultProps),w=o("p-fieldset p-component",{"p-fieldset-toggleable":s.toggleable},s.className),A=function(){if(null!=s.legend||s.toggleable){var t=T();return e.createElement("legend",{className:"p-fieldset-legend p-unselectable-text",onClick:x},t)}}(),j=e.createElement(t,{nodeRef:v,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!y,unmountOnExit:!0,options:s.transitionOptions},e.createElement("div",{ref:v,id:E,className:"p-toggleable-content","aria-hidden":y,role:"region","aria-labelledby":h},e.createElement("div",{className:"p-fieldset-content"},s.children)));return e.createElement("fieldset",i({id:p,className:w,style:s.style},S,{onClick:s.onClick}),A,j)}));g.displayName="Fieldset",g.defaultProps={__TYPE:"Fieldset",id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null};export{g as Fieldset};
+import*as e from"react";import{CSSTransition as t}from"primereact/csstransition";import{useMountEffect as n}from"primereact/hooks";import{Ripple as l}from"primereact/ripple";import{UniqueComponentId as r,ObjectUtils as o,classNames as a}from"primereact/utils";function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},i.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(o.push(l.value),!t||o.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw r}}return o}}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function p(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e,t){return u(e)||s(e,t)||p(e,t)||f()}var g=e.forwardRef((function(u,s){var c=d(e.useState(u.id),2),p=c[0],f=c[1],m=d(e.useState(u.collapsed),2),b=m[1],y=!!u.toggleable&&(u.onToggle?u.collapsed:m[0]),v=e.useRef(null),E=e.useRef(null),h=p+"_header",x=p+"_content",N=function(e){u.toggleable&&(y?C(e):O(e),u.onToggle&&u.onToggle({originalEvent:e,value:!y})),e.preventDefault()},C=function(e){u.onToggle||b(!1),u.onExpand&&u.onExpand(e)},O=function(e){u.onToggle||b(!0),u.onCollapse&&u.onCollapse(e)};n((function(){u.id||f(r())}));var T=function(){if(u.toggleable){var t=a("p-fieldset-toggler pi",{"pi-plus":y,"pi-minus":!y});return e.createElement("span",{className:t})}return null},S=function(){if(u.toggleable){var t=T();return e.createElement("a",{href:"#"+x,"aria-controls":x,id:h,"aria-expanded":!y,tabIndex:u.toggleable?null:-1},t,e.createElement("span",{className:"p-fieldset-legend-text"},u.legend),e.createElement(l,null))}return e.createElement("span",{className:"p-fieldset-legend-text",id:h},u.legend)};e.useImperativeHandle(s,(function(){return{props:u,getElement:function(){return v.current},getContent:function(){return E.current}}}));var w=o.findDiffKeys(u,g.defaultProps),A=a("p-fieldset p-component",{"p-fieldset-toggleable":u.toggleable},u.className),j=function(){if(null!=u.legend||u.toggleable){var t=S();return e.createElement("legend",{className:"p-fieldset-legend p-unselectable-text",onClick:N},t)}}(),k=e.createElement(t,{nodeRef:E,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!y,unmountOnExit:!0,options:u.transitionOptions},e.createElement("div",{ref:E,id:x,className:"p-toggleable-content","aria-hidden":y,role:"region","aria-labelledby":h},e.createElement("div",{className:"p-fieldset-content"},u.children)));return e.createElement("fieldset",i({id:p,ref:v,className:A,style:u.style},w,{onClick:u.onClick}),j,k)}));g.displayName="Fieldset",g.defaultProps={__TYPE:"Fieldset",id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null};export{g as Fieldset};