primereact 7.0.0-rc.2 → 7.2.0

package/editor/editor.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.editor = (function (exports, React, core) {
+this.primereact.editor = (function (exports, React, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,6 +25,9 @@ this.primereact.editor = (function (exports, React, core) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -49,23 +52,20 @@ this.primereact.editor = (function (exports, React, core) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
   }
 
   function _assertThisInitialized(self) {
@@ -108,9 +108,9 @@ this.primereact.editor = (function (exports, React, core) {
     return obj;
   }
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  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; }
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -137,10 +137,10 @@ this.primereact.editor = (function (exports, React, core) {
         var _this = this;
 
         import('quill').then(function (module) {
-          if (module && module.default) {
-            _this.quill = new module.default(_this.editorElement, {
+          if (module && module["default"] && utils.DomHandler.isExist(_this.editorElement)) {
+            _this.quill = new module["default"](_this.editorElement, {
               modules: _objectSpread({
-                toolbar: _this.toolbarElement
+                toolbar: _this.props.showHeader ? _this.toolbarElement : false
               }, _this.props.modules),
               placeholder: _this.props.placeholder,
               readOnly: _this.props.readOnly,
@@ -199,112 +199,115 @@ this.primereact.editor = (function (exports, React, core) {
       value: function render() {
         var _this2 = this;
 
-        var containerClass = core.classNames('p-component p-editor-container', this.props.className);
+        var containerClass = utils.classNames('p-component p-editor-container', this.props.className);
         var toolbarHeader = null;
 
-        if (this.props.headerTemplate) {
-          toolbarHeader = /*#__PURE__*/React__default['default'].createElement("div", {
+        if (this.props.showHeader === false) {
+          toolbarHeader = '';
+          this.toolbarElement = undefined;
+        } else if (this.props.headerTemplate) {
+          toolbarHeader = /*#__PURE__*/React__default["default"].createElement("div", {
             ref: function ref(el) {
               return _this2.toolbarElement = el;
             },
             className: "p-editor-toolbar"
           }, this.props.headerTemplate);
         } else {
-          toolbarHeader = /*#__PURE__*/React__default['default'].createElement("div", {
+          toolbarHeader = /*#__PURE__*/React__default["default"].createElement("div", {
             ref: function ref(el) {
               return _this2.toolbarElement = el;
             },
             className: "p-editor-toolbar"
-          }, /*#__PURE__*/React__default['default'].createElement("span", {
+          }, /*#__PURE__*/React__default["default"].createElement("span", {
             className: "ql-formats"
-          }, /*#__PURE__*/React__default['default'].createElement("select", {
+          }, /*#__PURE__*/React__default["default"].createElement("select", {
             className: "ql-header",
             defaultValue: "0"
-          }, /*#__PURE__*/React__default['default'].createElement("option", {
+          }, /*#__PURE__*/React__default["default"].createElement("option", {
             value: "1"
-          }, "Heading"), /*#__PURE__*/React__default['default'].createElement("option", {
+          }, "Heading"), /*#__PURE__*/React__default["default"].createElement("option", {
             value: "2"
-          }, "Subheading"), /*#__PURE__*/React__default['default'].createElement("option", {
+          }, "Subheading"), /*#__PURE__*/React__default["default"].createElement("option", {
             value: "0"
-          }, "Normal")), /*#__PURE__*/React__default['default'].createElement("select", {
+          }, "Normal")), /*#__PURE__*/React__default["default"].createElement("select", {
             className: "ql-font"
-          }, /*#__PURE__*/React__default['default'].createElement("option", null), /*#__PURE__*/React__default['default'].createElement("option", {
+          }, /*#__PURE__*/React__default["default"].createElement("option", null), /*#__PURE__*/React__default["default"].createElement("option", {
             value: "serif"
-          }), /*#__PURE__*/React__default['default'].createElement("option", {
+          }), /*#__PURE__*/React__default["default"].createElement("option", {
             value: "monospace"
-          }))), /*#__PURE__*/React__default['default'].createElement("span", {
+          }))), /*#__PURE__*/React__default["default"].createElement("span", {
             className: "ql-formats"
-          }, /*#__PURE__*/React__default['default'].createElement("button", {
+          }, /*#__PURE__*/React__default["default"].createElement("button", {
             type: "button",
             className: "ql-bold",
             "aria-label": "Bold"
-          }), /*#__PURE__*/React__default['default'].createElement("button", {
+          }), /*#__PURE__*/React__default["default"].createElement("button", {
             type: "button",
             className: "ql-italic",
             "aria-label": "Italic"
-          }), /*#__PURE__*/React__default['default'].createElement("button", {
+          }), /*#__PURE__*/React__default["default"].createElement("button", {
             type: "button",
             className: "ql-underline",
             "aria-label": "Underline"
-          })), /*#__PURE__*/React__default['default'].createElement("span", {
+          })), /*#__PURE__*/React__default["default"].createElement("span", {
             className: "ql-formats"
-          }, /*#__PURE__*/React__default['default'].createElement("select", {
+          }, /*#__PURE__*/React__default["default"].createElement("select", {
             className: "ql-color"
-          }), /*#__PURE__*/React__default['default'].createElement("select", {
+          }), /*#__PURE__*/React__default["default"].createElement("select", {
             className: "ql-background"
-          })), /*#__PURE__*/React__default['default'].createElement("span", {
+          })), /*#__PURE__*/React__default["default"].createElement("span", {
             className: "ql-formats"
-          }, /*#__PURE__*/React__default['default'].createElement("button", {
+          }, /*#__PURE__*/React__default["default"].createElement("button", {
             type: "button",
             className: "ql-list",
             value: "ordered",
             "aria-label": "Ordered List"
-          }), /*#__PURE__*/React__default['default'].createElement("button", {
+          }), /*#__PURE__*/React__default["default"].createElement("button", {
             type: "button",
             className: "ql-list",
             value: "bullet",
             "aria-label": "Unordered List"
-          }), /*#__PURE__*/React__default['default'].createElement("select", {
+          }), /*#__PURE__*/React__default["default"].createElement("select", {
             className: "ql-align"
-          }, /*#__PURE__*/React__default['default'].createElement("option", {
+          }, /*#__PURE__*/React__default["default"].createElement("option", {
             defaultValue: true
-          }), /*#__PURE__*/React__default['default'].createElement("option", {
+          }), /*#__PURE__*/React__default["default"].createElement("option", {
             value: "center"
-          }), /*#__PURE__*/React__default['default'].createElement("option", {
+          }), /*#__PURE__*/React__default["default"].createElement("option", {
             value: "right"
-          }), /*#__PURE__*/React__default['default'].createElement("option", {
+          }), /*#__PURE__*/React__default["default"].createElement("option", {
             value: "justify"
-          }))), /*#__PURE__*/React__default['default'].createElement("span", {
+          }))), /*#__PURE__*/React__default["default"].createElement("span", {
             className: "ql-formats"
-          }, /*#__PURE__*/React__default['default'].createElement("button", {
+          }, /*#__PURE__*/React__default["default"].createElement("button", {
             type: "button",
             className: "ql-link",
             "aria-label": "Insert Link"
-          }), /*#__PURE__*/React__default['default'].createElement("button", {
+          }), /*#__PURE__*/React__default["default"].createElement("button", {
             type: "button",
             className: "ql-image",
             "aria-label": "Insert Image"
-          }), /*#__PURE__*/React__default['default'].createElement("button", {
+          }), /*#__PURE__*/React__default["default"].createElement("button", {
             type: "button",
             className: "ql-code-block",
             "aria-label": "Insert Code Block"
-          })), /*#__PURE__*/React__default['default'].createElement("span", {
+          })), /*#__PURE__*/React__default["default"].createElement("span", {
             className: "ql-formats"
-          }, /*#__PURE__*/React__default['default'].createElement("button", {
+          }, /*#__PURE__*/React__default["default"].createElement("button", {
             type: "button",
             className: "ql-clean",
             "aria-label": "Remove Styles"
           })));
         }
 
-        var content = /*#__PURE__*/React__default['default'].createElement("div", {
+        var content = /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this2.editorElement = el;
           },
           className: "p-editor-content",
           style: this.props.style
         });
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           id: this.props.id,
           className: containerClass
         }, toolbarHeader, content);
@@ -324,6 +327,7 @@ this.primereact.editor = (function (exports, React, core) {
     modules: null,
     formats: null,
     theme: 'snow',
+    showHeader: true,
     headerTemplate: null,
     onTextChange: null,
     onSelectionChange: null,
@@ -336,4 +340,4 @@ this.primereact.editor = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils);

package/editor/editor.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.editor=function(e,t,l){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t);function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var l=0;l<t.length;l++){var n=t[l];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function u(e,t){return(u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}function i(e){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){if(t&&("object"===i(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function m(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function d(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 b(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?d(Object(l),!0).forEach((function(t){m(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):d(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var h=function(e){c(d,e);var t,n,u,i,s,m=(t=d,n=y(),function(){var e,l=f(t);if(n){var r=f(this).constructor;e=Reflect.construct(l,arguments,r)}else e=l.apply(this,arguments);return p(this,e)});function d(){return a(this,d),m.apply(this,arguments)}return u=d,(i=[{key:"getQuill",value:function(){return this.quill}},{key:"componentDidMount",value:function(){var e=this;import("quill").then((function(t){t&&t.default&&(e.quill=new t.default(e.editorElement,{modules:b({toolbar:e.toolbarElement},e.props.modules),placeholder:e.props.placeholder,readOnly:e.props.readOnly,theme:e.props.theme,formats:e.props.formats}),e.props.value&&e.quill.setContents(e.quill.clipboard.convert(e.props.value)),e.quill.on("text-change",(function(t,l){var n=e.editorElement.children[0].innerHTML,r=e.quill.getText();"<p><br></p>"===n&&(n=null),e.props.onTextChange&&e.props.onTextChange({htmlValue:n,textValue:r,delta:t,source:l})})),e.quill.on("selection-change",(function(t,l,n){e.props.onSelectionChange&&e.props.onSelectionChange({range:t,oldRange:l,source:n})})))})).then((function(){e.quill&&e.quill.getModule("toolbar")&&e.props.onLoad&&e.props.onLoad(e.quill)}))}},{key:"componentDidUpdate",value:function(e){this.props.value!==e.value&&this.quill&&!this.quill.hasFocus()&&(this.props.value?this.quill.setContents(this.quill.clipboard.convert(this.props.value)):this.quill.setText(""))}},{key:"render",value:function(){var e=this,t=l.classNames("p-component p-editor-container",this.props.className);return r.default.createElement("div",{id:this.props.id,className:t},this.props.headerTemplate?r.default.createElement("div",{ref:function(t){return e.toolbarElement=t},className:"p-editor-toolbar"},this.props.headerTemplate):r.default.createElement("div",{ref:function(t){return e.toolbarElement=t},className:"p-editor-toolbar"},r.default.createElement("span",{className:"ql-formats"},r.default.createElement("select",{className:"ql-header",defaultValue:"0"},r.default.createElement("option",{value:"1"},"Heading"),r.default.createElement("option",{value:"2"},"Subheading"),r.default.createElement("option",{value:"0"},"Normal")),r.default.createElement("select",{className:"ql-font"},r.default.createElement("option",null),r.default.createElement("option",{value:"serif"}),r.default.createElement("option",{value:"monospace"}))),r.default.createElement("span",{className:"ql-formats"},r.default.createElement("button",{type:"button",className:"ql-bold","aria-label":"Bold"}),r.default.createElement("button",{type:"button",className:"ql-italic","aria-label":"Italic"}),r.default.createElement("button",{type:"button",className:"ql-underline","aria-label":"Underline"})),r.default.createElement("span",{className:"ql-formats"},r.default.createElement("select",{className:"ql-color"}),r.default.createElement("select",{className:"ql-background"})),r.default.createElement("span",{className:"ql-formats"},r.default.createElement("button",{type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"}),r.default.createElement("button",{type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"}),r.default.createElement("select",{className:"ql-align"},r.default.createElement("option",{defaultValue:!0}),r.default.createElement("option",{value:"center"}),r.default.createElement("option",{value:"right"}),r.default.createElement("option",{value:"justify"}))),r.default.createElement("span",{className:"ql-formats"},r.default.createElement("button",{type:"button",className:"ql-link","aria-label":"Insert Link"}),r.default.createElement("button",{type:"button",className:"ql-image","aria-label":"Insert Image"}),r.default.createElement("button",{type:"button",className:"ql-code-block","aria-label":"Insert Code Block"})),r.default.createElement("span",{className:"ql-formats"},r.default.createElement("button",{type:"button",className:"ql-clean","aria-label":"Remove Styles"}))),r.default.createElement("div",{ref:function(t){return e.editorElement=t},className:"p-editor-content",style:this.props.style}))}}])&&o(u.prototype,i),s&&o(u,s),d}(t.Component);return m(h,"defaultProps",{id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null}),e.Editor=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.editor=function(e,t,l){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t);function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var l=0;l<t.length;l++){var n=t[l];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function u(e,t){return u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},u(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){if(t&&("object"===i(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function d(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function m(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 b(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?m(Object(l),!0).forEach((function(t){d(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):m(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var h=function(e){c(m,e);var t,n,u,i,s,d=(t=m,n=y(),function(){var e,l=f(t);if(n){var r=f(this).constructor;e=Reflect.construct(l,arguments,r)}else e=l.apply(this,arguments);return p(this,e)});function m(){return o(this,m),d.apply(this,arguments)}return u=m,(i=[{key:"getQuill",value:function(){return this.quill}},{key:"componentDidMount",value:function(){var e=this;import("quill").then((function(t){t&&t.default&&l.DomHandler.isExist(e.editorElement)&&(e.quill=new t.default(e.editorElement,{modules:b({toolbar:!!e.props.showHeader&&e.toolbarElement},e.props.modules),placeholder:e.props.placeholder,readOnly:e.props.readOnly,theme:e.props.theme,formats:e.props.formats}),e.props.value&&e.quill.setContents(e.quill.clipboard.convert(e.props.value)),e.quill.on("text-change",(function(t,l){var n=e.editorElement.children[0].innerHTML,r=e.quill.getText();"<p><br></p>"===n&&(n=null),e.props.onTextChange&&e.props.onTextChange({htmlValue:n,textValue:r,delta:t,source:l})})),e.quill.on("selection-change",(function(t,l,n){e.props.onSelectionChange&&e.props.onSelectionChange({range:t,oldRange:l,source:n})})))})).then((function(){e.quill&&e.quill.getModule("toolbar")&&e.props.onLoad&&e.props.onLoad(e.quill)}))}},{key:"componentDidUpdate",value:function(e){this.props.value!==e.value&&this.quill&&!this.quill.hasFocus()&&(this.props.value?this.quill.setContents(this.quill.clipboard.convert(this.props.value)):this.quill.setText(""))}},{key:"render",value:function(){var e=this,t=l.classNames("p-component p-editor-container",this.props.className),n=null;return!1===this.props.showHeader?(n="",this.toolbarElement=void 0):n=this.props.headerTemplate?r.default.createElement("div",{ref:function(t){return e.toolbarElement=t},className:"p-editor-toolbar"},this.props.headerTemplate):r.default.createElement("div",{ref:function(t){return e.toolbarElement=t},className:"p-editor-toolbar"},r.default.createElement("span",{className:"ql-formats"},r.default.createElement("select",{className:"ql-header",defaultValue:"0"},r.default.createElement("option",{value:"1"},"Heading"),r.default.createElement("option",{value:"2"},"Subheading"),r.default.createElement("option",{value:"0"},"Normal")),r.default.createElement("select",{className:"ql-font"},r.default.createElement("option",null),r.default.createElement("option",{value:"serif"}),r.default.createElement("option",{value:"monospace"}))),r.default.createElement("span",{className:"ql-formats"},r.default.createElement("button",{type:"button",className:"ql-bold","aria-label":"Bold"}),r.default.createElement("button",{type:"button",className:"ql-italic","aria-label":"Italic"}),r.default.createElement("button",{type:"button",className:"ql-underline","aria-label":"Underline"})),r.default.createElement("span",{className:"ql-formats"},r.default.createElement("select",{className:"ql-color"}),r.default.createElement("select",{className:"ql-background"})),r.default.createElement("span",{className:"ql-formats"},r.default.createElement("button",{type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"}),r.default.createElement("button",{type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"}),r.default.createElement("select",{className:"ql-align"},r.default.createElement("option",{defaultValue:!0}),r.default.createElement("option",{value:"center"}),r.default.createElement("option",{value:"right"}),r.default.createElement("option",{value:"justify"}))),r.default.createElement("span",{className:"ql-formats"},r.default.createElement("button",{type:"button",className:"ql-link","aria-label":"Insert Link"}),r.default.createElement("button",{type:"button",className:"ql-image","aria-label":"Insert Image"}),r.default.createElement("button",{type:"button",className:"ql-code-block","aria-label":"Insert Code Block"})),r.default.createElement("span",{className:"ql-formats"},r.default.createElement("button",{type:"button",className:"ql-clean","aria-label":"Remove Styles"}))),r.default.createElement("div",{id:this.props.id,className:t},n,r.default.createElement("div",{ref:function(t){return e.editorElement=t},className:"p-editor-content",style:this.props.style}))}}])&&a(u.prototype,i),s&&a(u,s),Object.defineProperty(u,"prototype",{writable:!1}),m}(t.Component);return d(h,"defaultProps",{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=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/fieldset/fieldset.cjs.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var csstransition = require('primereact/csstransition');
+var ripple = require('primereact/ripple');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,6 +30,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -60,23 +65,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -111,9 +113,9 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -141,7 +143,7 @@ var Fieldset = /*#__PURE__*/function (_Component) {
 
     _this.state = state;
     _this.toggle = _this.toggle.bind(_assertThisInitialized(_this));
-    _this.contentRef = /*#__PURE__*/React__default['default'].createRef();
+    _this.contentRef = /*#__PURE__*/React__default["default"].createRef();
     return _this;
   }
 
@@ -198,7 +200,7 @@ var Fieldset = /*#__PURE__*/function (_Component) {
     value: function componentDidMount() {
       if (!this.state.id) {
         this.setState({
-          id: core.UniqueComponentId()
+          id: utils.UniqueComponentId()
         });
       }
     }
@@ -206,24 +208,24 @@ var Fieldset = /*#__PURE__*/function (_Component) {
     key: "renderContent",
     value: function renderContent(collapsed) {
       var id = this.state.id + '_content';
-      return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+      return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
         nodeRef: this.contentRef,
         classNames: "p-toggleable-content",
         timeout: {
           enter: 1000,
           exit: 450
         },
-        in: !collapsed,
+        "in": !collapsed,
         unmountOnExit: true,
         options: this.props.transitionOptions
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: this.contentRef,
         id: id,
         className: "p-toggleable-content",
         "aria-hidden": collapsed,
         role: "region",
         "aria-labelledby": this.state.id + '_header'
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-fieldset-content"
       }, this.props.children)));
     }
@@ -231,11 +233,11 @@ var Fieldset = /*#__PURE__*/function (_Component) {
     key: "renderToggleIcon",
     value: function renderToggleIcon(collapsed) {
       if (this.props.toggleable) {
-        var className = core.classNames('p-fieldset-toggler pi', {
+        var className = utils.classNames('p-fieldset-toggler pi', {
           'pi-plus': collapsed,
           'pi-minus': !collapsed
         });
-        return /*#__PURE__*/React__default['default'].createElement("span", {
+        return /*#__PURE__*/React__default["default"].createElement("span", {
           className: className
         });
       }
@@ -248,18 +250,18 @@ var Fieldset = /*#__PURE__*/function (_Component) {
       if (this.props.toggleable) {
         var toggleIcon = this.renderToggleIcon(collapsed);
         var ariaControls = this.state.id + '_content';
-        return /*#__PURE__*/React__default['default'].createElement("a", {
+        return /*#__PURE__*/React__default["default"].createElement("a", {
           href: '#' + ariaControls,
           "aria-controls": ariaControls,
           id: this.state.id + '_header',
           "aria-expanded": !collapsed,
           tabIndex: this.props.toggleable ? null : -1
-        }, toggleIcon, /*#__PURE__*/React__default['default'].createElement("span", {
+        }, toggleIcon, /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-fieldset-legend-text"
-        }, this.props.legend), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }, this.props.legend), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
       }
 
-      return /*#__PURE__*/React__default['default'].createElement("span", {
+      return /*#__PURE__*/React__default["default"].createElement("span", {
         className: "p-fieldset-legend-text",
         id: this.state.id + '_header'
       }, this.props.legend);
@@ -270,7 +272,7 @@ var Fieldset = /*#__PURE__*/function (_Component) {
       var legendContent = this.renderLegendContent(collapsed);
 
       if (this.props.legend != null || this.props.toggleable) {
-        return /*#__PURE__*/React__default['default'].createElement("legend", {
+        return /*#__PURE__*/React__default["default"].createElement("legend", {
           className: "p-fieldset-legend p-unselectable-text",
           onClick: this.toggle
         }, legendContent);
@@ -279,13 +281,13 @@ var Fieldset = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var className = core.classNames('p-fieldset p-component', this.props.className, {
+      var className = utils.classNames('p-fieldset p-component', this.props.className, {
         'p-fieldset-toggleable': this.props.toggleable
       });
       var collapsed = this.isCollapsed();
       var legend = this.renderLegend(collapsed);
       var content = this.renderContent(collapsed);
-      return /*#__PURE__*/React__default['default'].createElement("fieldset", {
+      return /*#__PURE__*/React__default["default"].createElement("fieldset", {
         id: this.props.id,
         className: className,
         style: this.props.style,

package/fieldset/fieldset.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function i(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}function p(e){return(p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function c(e,t){if(t&&("object"===p(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return i(e)}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function h(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var y=function(n){a(m,e.Component);var s,p,f,d,y,b=(s=m,p=h(),function(){var e,t=u(s);if(p){var n=u(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return c(this,e)});function m(e){var t;r(this,m),t=b.call(this,e);var n={id:e.id};return t.props.onToggle||(n=g(g({},n),{},{collapsed:e.collapsed})),t.state=n,t.toggle=t.toggle.bind(i(t)),t.contentRef=o.default.createRef(),t}return f=m,(d=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:t.UniqueComponentId()})}},{key:"renderContent",value:function(e){return o.default.createElement(t.CSSTransition,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!e,unmountOnExit:!0,options:this.props.transitionOptions},o.default.createElement("div",{ref:this.contentRef,id:this.state.id+"_content",className:"p-toggleable-content","aria-hidden":e,role:"region","aria-labelledby":this.state.id+"_header"},o.default.createElement("div",{className:"p-fieldset-content"},this.props.children)))}},{key:"renderToggleIcon",value:function(e){if(this.props.toggleable){var n=t.classNames("p-fieldset-toggler pi",{"pi-plus":e,"pi-minus":!e});return o.default.createElement("span",{className:n})}return null}},{key:"renderLegendContent",value:function(e){if(this.props.toggleable){var n=this.renderToggleIcon(e),r=this.state.id+"_content";return o.default.createElement("a",{href:"#"+r,"aria-controls":r,id:this.state.id+"_header","aria-expanded":!e,tabIndex:this.props.toggleable?null:-1},n,o.default.createElement("span",{className:"p-fieldset-legend-text"},this.props.legend),o.default.createElement(t.Ripple,null))}return o.default.createElement("span",{className:"p-fieldset-legend-text",id:this.state.id+"_header"},this.props.legend)}},{key:"renderLegend",value:function(e){var t=this.renderLegendContent(e);if(null!=this.props.legend||this.props.toggleable)return o.default.createElement("legend",{className:"p-fieldset-legend p-unselectable-text",onClick:this.toggle},t)}},{key:"render",value:function(){var e=t.classNames("p-fieldset p-component",this.props.className,{"p-fieldset-toggleable":this.props.toggleable}),n=this.isCollapsed(),r=this.renderLegend(n),l=this.renderContent(n);return o.default.createElement("fieldset",{id:this.props.id,className:e,style:this.props.style,onClick:this.props.onClick},r,l)}}])&&l(f.prototype,d),y&&l(f,y),m}();f(y,"defaultProps",{id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null}),exports.Fieldset=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/csstransition"),r=require("primereact/ripple");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function f(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(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 y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m=function(o){c(O,e.Component);var p,u,g,h,m,v=(p=O,u=b(),function(){var e,t=d(p);if(u){var n=d(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return f(this,e)});function O(e){var t;i(this,O),t=v.call(this,e);var n={id:e.id};return t.props.onToggle||(n=y(y({},n),{},{collapsed:e.collapsed})),t.state=n,t.toggle=t.toggle.bind(a(t)),t.contentRef=l.default.createRef(),t}return g=O,(h=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:t.UniqueComponentId()})}},{key:"renderContent",value:function(e){return l.default.createElement(n.CSSTransition,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!e,unmountOnExit:!0,options:this.props.transitionOptions},l.default.createElement("div",{ref:this.contentRef,id:this.state.id+"_content",className:"p-toggleable-content","aria-hidden":e,role:"region","aria-labelledby":this.state.id+"_header"},l.default.createElement("div",{className:"p-fieldset-content"},this.props.children)))}},{key:"renderToggleIcon",value:function(e){if(this.props.toggleable){var n=t.classNames("p-fieldset-toggler pi",{"pi-plus":e,"pi-minus":!e});return l.default.createElement("span",{className:n})}return null}},{key:"renderLegendContent",value:function(e){if(this.props.toggleable){var t=this.renderToggleIcon(e),n=this.state.id+"_content";return l.default.createElement("a",{href:"#"+n,"aria-controls":n,id:this.state.id+"_header","aria-expanded":!e,tabIndex:this.props.toggleable?null:-1},t,l.default.createElement("span",{className:"p-fieldset-legend-text"},this.props.legend),l.default.createElement(r.Ripple,null))}return l.default.createElement("span",{className:"p-fieldset-legend-text",id:this.state.id+"_header"},this.props.legend)}},{key:"renderLegend",value:function(e){var t=this.renderLegendContent(e);if(null!=this.props.legend||this.props.toggleable)return l.default.createElement("legend",{className:"p-fieldset-legend p-unselectable-text",onClick:this.toggle},t)}},{key:"render",value:function(){var e=t.classNames("p-fieldset p-component",this.props.className,{"p-fieldset-toggleable":this.props.toggleable}),n=this.isCollapsed(),r=this.renderLegend(n),o=this.renderContent(n);return l.default.createElement("fieldset",{id:this.props.id,className:e,style:this.props.style,onClick:this.props.onClick},r,o)}}])&&s(g.prototype,h),m&&s(g,m),Object.defineProperty(g,"prototype",{writable:!1}),O}();g(m,"defaultProps",{id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null}),exports.Fieldset=m;

package/fieldset/fieldset.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { CSSTransitionProps } from '../csstransition';
 
 interface FieldsetToggleParams {
     originalEvent: React.MouseEvent<HTMLElement>;
@@ -12,7 +13,7 @@ export interface FieldsetProps {
     style?: object;
     toggleable?: boolean;
     collapsed?: boolean;
-    transitionOptions?: object;
+    transitionOptions?: CSSTransitionProps;
     onExpand?(event: React.MouseEvent<HTMLElement>): void;
     onCollapse?(event: React.MouseEvent<HTMLElement>): void;
     onToggle?(e: FieldsetToggleParams): void;

package/fieldset/fieldset.esm.js

@@ -1,5 +1,7 @@
 import React, { Component } from 'react';
-import { UniqueComponentId, CSSTransition, classNames, Ripple } from 'primereact/core';
+import { UniqueComponentId, classNames } from 'primereact/utils';
+import { CSSTransition } from 'primereact/csstransition';
+import { Ripple } from 'primereact/ripple';
 
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -20,6 +22,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -52,23 +57,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -103,9 +105,9 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -205,7 +207,7 @@ var Fieldset = /*#__PURE__*/function (_Component) {
           enter: 1000,
           exit: 450
         },
-        in: !collapsed,
+        "in": !collapsed,
         unmountOnExit: true,
         options: this.props.transitionOptions
       }, /*#__PURE__*/React.createElement("div", {

package/fieldset/fieldset.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{UniqueComponentId as n,CSSTransition as o,classNames as r,Ripple as l}from"primereact/core";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function f(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m=function(p){c(E,t);var u,g,h,m,v,O=(u=E,g=b(),function(){var e,t=d(u);if(g){var n=d(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return f(this,e)});function E(t){var n;i(this,E),n=O.call(this,t);var o={id:t.id};return n.props.onToggle||(o=y(y({},o),{},{collapsed:t.collapsed})),n.state=o,n.toggle=n.toggle.bind(a(n)),n.contentRef=e.createRef(),n}return h=E,(m=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n()})}},{key:"renderContent",value:function(t){return e.createElement(o,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!t,unmountOnExit:!0,options:this.props.transitionOptions},e.createElement("div",{ref:this.contentRef,id:this.state.id+"_content",className:"p-toggleable-content","aria-hidden":t,role:"region","aria-labelledby":this.state.id+"_header"},e.createElement("div",{className:"p-fieldset-content"},this.props.children)))}},{key:"renderToggleIcon",value:function(t){if(this.props.toggleable){var n=r("p-fieldset-toggler pi",{"pi-plus":t,"pi-minus":!t});return e.createElement("span",{className:n})}return null}},{key:"renderLegendContent",value:function(t){if(this.props.toggleable){var n=this.renderToggleIcon(t),o=this.state.id+"_content";return e.createElement("a",{href:"#"+o,"aria-controls":o,id:this.state.id+"_header","aria-expanded":!t,tabIndex:this.props.toggleable?null:-1},n,e.createElement("span",{className:"p-fieldset-legend-text"},this.props.legend),e.createElement(l,null))}return e.createElement("span",{className:"p-fieldset-legend-text",id:this.state.id+"_header"},this.props.legend)}},{key:"renderLegend",value:function(t){var n=this.renderLegendContent(t);if(null!=this.props.legend||this.props.toggleable)return e.createElement("legend",{className:"p-fieldset-legend p-unselectable-text",onClick:this.toggle},n)}},{key:"render",value:function(){var t=r("p-fieldset p-component",this.props.className,{"p-fieldset-toggleable":this.props.toggleable}),n=this.isCollapsed(),o=this.renderLegend(n),l=this.renderContent(n);return e.createElement("fieldset",{id:this.props.id,className:t,style:this.props.style,onClick:this.props.onClick},o,l)}}])&&s(h.prototype,m),v&&s(h,v),E}();g(m,"defaultProps",{id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null});export{m as Fieldset};
+import e,{Component as t}from"react";import{UniqueComponentId as n,classNames as r}from"primereact/utils";import{CSSTransition as o}from"primereact/csstransition";import{Ripple as l}from"primereact/ripple";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function f(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(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 y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var m=function(p){c(j,t);var u,g,h,m,v,O=(u=j,g=b(),function(){var e,t=d(u);if(g){var n=d(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return f(this,e)});function j(t){var n;i(this,j),n=O.call(this,t);var r={id:t.id};return n.props.onToggle||(r=y(y({},r),{},{collapsed:t.collapsed})),n.state=r,n.toggle=n.toggle.bind(a(n)),n.contentRef=e.createRef(),n}return h=j,(m=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n()})}},{key:"renderContent",value:function(t){return e.createElement(o,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!t,unmountOnExit:!0,options:this.props.transitionOptions},e.createElement("div",{ref:this.contentRef,id:this.state.id+"_content",className:"p-toggleable-content","aria-hidden":t,role:"region","aria-labelledby":this.state.id+"_header"},e.createElement("div",{className:"p-fieldset-content"},this.props.children)))}},{key:"renderToggleIcon",value:function(t){if(this.props.toggleable){var n=r("p-fieldset-toggler pi",{"pi-plus":t,"pi-minus":!t});return e.createElement("span",{className:n})}return null}},{key:"renderLegendContent",value:function(t){if(this.props.toggleable){var n=this.renderToggleIcon(t),r=this.state.id+"_content";return e.createElement("a",{href:"#"+r,"aria-controls":r,id:this.state.id+"_header","aria-expanded":!t,tabIndex:this.props.toggleable?null:-1},n,e.createElement("span",{className:"p-fieldset-legend-text"},this.props.legend),e.createElement(l,null))}return e.createElement("span",{className:"p-fieldset-legend-text",id:this.state.id+"_header"},this.props.legend)}},{key:"renderLegend",value:function(t){var n=this.renderLegendContent(t);if(null!=this.props.legend||this.props.toggleable)return e.createElement("legend",{className:"p-fieldset-legend p-unselectable-text",onClick:this.toggle},n)}},{key:"render",value:function(){var t=r("p-fieldset p-component",this.props.className,{"p-fieldset-toggleable":this.props.toggleable}),n=this.isCollapsed(),o=this.renderLegend(n),l=this.renderContent(n);return e.createElement("fieldset",{id:this.props.id,className:t,style:this.props.style,onClick:this.props.onClick},o,l)}}])&&s(h.prototype,m),v&&s(h,v),Object.defineProperty(h,"prototype",{writable:!1}),j}();g(m,"defaultProps",{id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null});export{m as Fieldset};