primereact 7.0.0-rc.2 → 7.2.0

package/panel/panel.cjs.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var csstransition = require('primereact/csstransition');
+var utils = require('primereact/utils');
+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 Panel = /*#__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 Panel = /*#__PURE__*/function (_Component) {
     value: function componentDidMount() {
       if (!this.state.id) {
         this.setState({
-          id: core.UniqueComponentId()
+          id: utils.UniqueComponentId()
         });
       }
     }
@@ -209,16 +211,17 @@ var Panel = /*#__PURE__*/function (_Component) {
         var id = this.state.id + '_label';
         var ariaControls = this.state.id + '_content';
         var toggleIcon = collapsed ? this.props.expandIcon : this.props.collapseIcon;
-        return /*#__PURE__*/React__default['default'].createElement("button", {
+        return /*#__PURE__*/React__default["default"].createElement("button", {
           className: "p-panel-header-icon p-panel-toggler p-link",
           onClick: this.toggle,
           id: id,
           "aria-controls": ariaControls,
           "aria-expanded": !collapsed,
           role: "tab"
-        }, /*#__PURE__*/React__default['default'].createElement("span", {
-          className: toggleIcon
-        }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }, utils.IconUtils.getJSXIcon(toggleIcon, {
+          props: this.props,
+          collapsed: collapsed
+        }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
       }
 
       return null;
@@ -226,17 +229,17 @@ var Panel = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderHeader",
     value: function renderHeader(collapsed) {
-      var header = core.ObjectUtils.getJSXElement(this.props.header, this.props);
-      var icons = core.ObjectUtils.getJSXElement(this.props.icons, this.props);
+      var header = utils.ObjectUtils.getJSXElement(this.props.header, this.props);
+      var icons = utils.ObjectUtils.getJSXElement(this.props.icons, this.props);
       var togglerElement = this.renderToggleIcon(collapsed);
-      var titleElement = /*#__PURE__*/React__default['default'].createElement("span", {
+      var titleElement = /*#__PURE__*/React__default["default"].createElement("span", {
         className: "p-panel-title",
         id: this.state.id + '_header'
       }, header);
-      var iconsElement = /*#__PURE__*/React__default['default'].createElement("div", {
+      var iconsElement = /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-panel-icons"
       }, icons, togglerElement);
-      var content = /*#__PURE__*/React__default['default'].createElement("div", {
+      var content = /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-panel-header"
       }, titleElement, iconsElement);
 
@@ -255,7 +258,7 @@ var Panel = /*#__PURE__*/function (_Component) {
           props: this.props,
           collapsed: collapsed
         };
-        return core.ObjectUtils.getJSXElement(this.props.headerTemplate, defaultContentOptions);
+        return utils.ObjectUtils.getJSXElement(this.props.headerTemplate, defaultContentOptions);
       } else if (this.props.header || this.props.toggleable) {
         return content;
       }
@@ -266,37 +269,37 @@ var Panel = /*#__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,
         className: "p-toggleable-content",
         "aria-hidden": collapsed,
         role: "region",
         id: id,
         "aria-labelledby": this.state.id + '_header'
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-panel-content"
       }, this.props.children)));
     }
   }, {
     key: "render",
     value: function render() {
-      var className = core.classNames('p-panel p-component', {
+      var className = utils.classNames('p-panel p-component', {
         'p-panel-toggleable': this.props.toggleable
       }, this.props.className);
       var collapsed = this.isCollapsed();
       var header = this.renderHeader(collapsed);
       var content = this.renderContent(collapsed);
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         id: this.props.id,
         className: className,
         style: this.props.style

package/panel/panel.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 s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function i(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&&a(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 s(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 h(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 g(){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 b=function(n){i(m,e.Component);var a,p,f,d,b,y=(a=m,p=g(),function(){var e,t=u(a);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);var n={id:(t=y.call(this,e)).props.id};return t.props.onToggle||(n=h(h({},n),{},{collapsed:t.props.collapsed})),t.state=n,t.toggle=t.toggle.bind(s(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:"renderToggleIcon",value:function(e){return this.props.toggleable?o.default.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!e,role:"tab"},o.default.createElement("span",{className:e?this.props.expandIcon:this.props.collapseIcon}),o.default.createElement(t.Ripple,null)):null}},{key:"renderHeader",value:function(e){var n=t.ObjectUtils.getJSXElement(this.props.header,this.props),r=t.ObjectUtils.getJSXElement(this.props.icons,this.props),l=this.renderToggleIcon(e),s=o.default.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},n),a=o.default.createElement("div",{className:"p-panel-icons"},r,l),i=o.default.createElement("div",{className:"p-panel-header"},s,a);return this.props.headerTemplate?t.ObjectUtils.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:e?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:s,iconsElement:a,togglerElement:l,element:i,props:this.props,collapsed:e}):this.props.header||this.props.toggleable?i:null}},{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,className:"p-toggleable-content","aria-hidden":e,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},o.default.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var e=t.classNames("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),n=this.isCollapsed(),r=this.renderHeader(n),l=this.renderContent(n);return o.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},r,l)}}])&&l(f.prototype,d),b&&l(f,b),m}();f(b,"defaultProps",{id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null}),exports.Panel=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/utils"),o=require("primereact/ripple");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e);function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(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},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 h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(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 b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,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 m=function(r){c(O,e.Component);var p,u,h,g,m,v=(p=O,u=y(),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;s(this,O);var n={id:(t=v.call(this,e)).props.id};return t.props.onToggle||(n=b(b({},n),{},{collapsed:t.props.collapsed})),t.state=n,t.toggle=t.toggle.bind(a(t)),t.contentRef=l.default.createRef(),t}return h=O,(g=[{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.UniqueComponentId()})}},{key:"renderToggleIcon",value:function(e){return this.props.toggleable?l.default.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!e,role:"tab"},n.IconUtils.getJSXIcon(e?this.props.expandIcon:this.props.collapseIcon,{props:this.props,collapsed:e}),l.default.createElement(o.Ripple,null)):null}},{key:"renderHeader",value:function(e){var t=n.ObjectUtils.getJSXElement(this.props.header,this.props),o=n.ObjectUtils.getJSXElement(this.props.icons,this.props),r=this.renderToggleIcon(e),s=l.default.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},t),i=l.default.createElement("div",{className:"p-panel-icons"},o,r),a=l.default.createElement("div",{className:"p-panel-header"},s,i);return this.props.headerTemplate?n.ObjectUtils.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:e?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:s,iconsElement:i,togglerElement:r,element:a,props:this.props,collapsed:e}):this.props.header||this.props.toggleable?a:null}},{key:"renderContent",value:function(e){return l.default.createElement(t.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,className:"p-toggleable-content","aria-hidden":e,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},l.default.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var e=n.classNames("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),t=this.isCollapsed(),o=this.renderHeader(t),r=this.renderContent(t);return l.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},o,r)}}])&&i(h.prototype,g),m&&i(h,m),Object.defineProperty(h,"prototype",{writable:!1}),O}();h(m,"defaultProps",{id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null}),exports.Panel=m;

package/panel/panel.d.ts

@@ -1,4 +1,6 @@
 import * as React from 'react';
+import { CSSTransitionProps } from '../csstransition';
+import { IconType } from '../utils';
 
 type PanelHeaderTemplateType = React.ReactNode | ((options: PanelHeaderTemplateOptions) => React.ReactNode);
 
@@ -32,10 +34,10 @@ export interface PanelProps {
     style?: object;
     className?: string;
     collapsed?: boolean;
-    expandIcon?: string;
-    collapseIcon?: string;
+    expandIcon?: IconType<PanelProps>;
+    collapseIcon?: IconType<PanelProps>;
     icons?: PanelIconsTemplateType;
-    transitionOptions?: object;
+    transitionOptions?: CSSTransitionProps;
     onExpand?(event: React.SyntheticEvent): void;
     onCollapse?(event: React.SyntheticEvent): void;
     onToggle?(e: PanelToggleParams): void;

package/panel/panel.esm.js

@@ -1,5 +1,7 @@
 import React, { Component } from 'react';
-import { UniqueComponentId, Ripple, ObjectUtils, CSSTransition, classNames } from 'primereact/core';
+import { CSSTransition } from 'primereact/csstransition';
+import { UniqueComponentId, IconUtils, ObjectUtils, classNames } from 'primereact/utils';
+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); }; }
 
@@ -208,8 +210,9 @@ var Panel = /*#__PURE__*/function (_Component) {
           "aria-controls": ariaControls,
           "aria-expanded": !collapsed,
           role: "tab"
-        }, /*#__PURE__*/React.createElement("span", {
-          className: toggleIcon
+        }, IconUtils.getJSXIcon(toggleIcon, {
+          props: this.props,
+          collapsed: collapsed
         }), /*#__PURE__*/React.createElement(Ripple, null));
       }
 
@@ -265,7 +268,7 @@ var Panel = /*#__PURE__*/function (_Component) {
           enter: 1000,
           exit: 450
         },
-        in: !collapsed,
+        "in": !collapsed,
         unmountOnExit: true,
         options: this.props.transitionOptions
       }, /*#__PURE__*/React.createElement("div", {

package/panel/panel.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{UniqueComponentId as n,Ripple as o,ObjectUtils as r,CSSTransition as l,classNames as s}from"primereact/core";function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(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 p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function u(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&&c(e,t)}function f(e){return(f="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 h(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(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 m(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?m(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(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 v=function(c){u(j,t);var f,g,m,v,O,E=(f=j,g=b(),function(){var e,t=d(f);if(g){var n=d(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function j(t){var n;i(this,j);var o={id:(n=E.call(this,t)).props.id};return n.props.onToggle||(o=y(y({},o),{},{collapsed:n.props.collapsed})),n.state=o,n.toggle=n.toggle.bind(p(n)),n.contentRef=e.createRef(),n}return m=j,(v=[{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:"renderToggleIcon",value:function(t){return this.props.toggleable?e.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!t,role:"tab"},e.createElement("span",{className:t?this.props.expandIcon:this.props.collapseIcon}),e.createElement(o,null)):null}},{key:"renderHeader",value:function(t){var n=r.getJSXElement(this.props.header,this.props),o=r.getJSXElement(this.props.icons,this.props),l=this.renderToggleIcon(t),s=e.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},n),i=e.createElement("div",{className:"p-panel-icons"},o,l),a=e.createElement("div",{className:"p-panel-header"},s,i);return this.props.headerTemplate?r.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:t?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:s,iconsElement:i,togglerElement:l,element:a,props:this.props,collapsed:t}):this.props.header||this.props.toggleable?a:null}},{key:"renderContent",value:function(t){return e.createElement(l,{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,className:"p-toggleable-content","aria-hidden":t,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},e.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var t=s("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),n=this.isCollapsed(),o=this.renderHeader(n),r=this.renderContent(n);return e.createElement("div",{id:this.props.id,className:t,style:this.props.style},o,r)}}])&&a(m.prototype,v),O&&a(m,O),j}();g(v,"defaultProps",{id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null});export{v as Panel};
+import e,{Component as t}from"react";import{CSSTransition as n}from"primereact/csstransition";import{UniqueComponentId as o,IconUtils as r,ObjectUtils as l,classNames as s}from"primereact/utils";import{Ripple as i}from"primereact/ripple";function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(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 c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},u(e,t)}function f(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 h(e){return h="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},h(e)}function d(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return c(e)}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(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 b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function v(){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 O=function(u){f(w,t);var h,m,y,O,E,j=(h=w,m=v(),function(){var e,t=g(h);if(m){var n=g(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return d(this,e)});function w(t){var n;p(this,w);var o={id:(n=j.call(this,t)).props.id};return n.props.onToggle||(o=b(b({},o),{},{collapsed:n.props.collapsed})),n.state=o,n.toggle=n.toggle.bind(c(n)),n.contentRef=e.createRef(),n}return y=w,(O=[{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:o()})}},{key:"renderToggleIcon",value:function(t){return this.props.toggleable?e.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!t,role:"tab"},r.getJSXIcon(t?this.props.expandIcon:this.props.collapseIcon,{props:this.props,collapsed:t}),e.createElement(i,null)):null}},{key:"renderHeader",value:function(t){var n=l.getJSXElement(this.props.header,this.props),o=l.getJSXElement(this.props.icons,this.props),r=this.renderToggleIcon(t),s=e.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},n),i=e.createElement("div",{className:"p-panel-icons"},o,r),p=e.createElement("div",{className:"p-panel-header"},s,i);return this.props.headerTemplate?l.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:t?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:s,iconsElement:i,togglerElement:r,element:p,props:this.props,collapsed:t}):this.props.header||this.props.toggleable?p:null}},{key:"renderContent",value:function(t){return e.createElement(n,{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,className:"p-toggleable-content","aria-hidden":t,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},e.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var t=s("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),n=this.isCollapsed(),o=this.renderHeader(n),r=this.renderContent(n);return e.createElement("div",{id:this.props.id,className:t,style:this.props.style},o,r)}}])&&a(y.prototype,O),E&&a(y,E),Object.defineProperty(y,"prototype",{writable:!1}),w}();m(O,"defaultProps",{id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null});export{O as Panel};

package/panel/panel.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.panel = (function (exports, React, core) {
+this.primereact.panel = (function (exports, React, csstransition, utils, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,6 +25,9 @@ this.primereact.panel = (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;
   }
 
@@ -57,23 +60,20 @@ this.primereact.panel = (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 _possibleConstructorReturn(self, call) {
@@ -108,9 +108,9 @@ this.primereact.panel = (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); }; }
 
@@ -138,7 +138,7 @@ this.primereact.panel = (function (exports, React, core) {
 
       _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;
     }
 
@@ -195,7 +195,7 @@ this.primereact.panel = (function (exports, React, core) {
       value: function componentDidMount() {
         if (!this.state.id) {
           this.setState({
-            id: core.UniqueComponentId()
+            id: utils.UniqueComponentId()
           });
         }
       }
@@ -206,16 +206,17 @@ this.primereact.panel = (function (exports, React, core) {
           var id = this.state.id + '_label';
           var ariaControls = this.state.id + '_content';
           var toggleIcon = collapsed ? this.props.expandIcon : this.props.collapseIcon;
-          return /*#__PURE__*/React__default['default'].createElement("button", {
+          return /*#__PURE__*/React__default["default"].createElement("button", {
             className: "p-panel-header-icon p-panel-toggler p-link",
             onClick: this.toggle,
             id: id,
             "aria-controls": ariaControls,
             "aria-expanded": !collapsed,
             role: "tab"
-          }, /*#__PURE__*/React__default['default'].createElement("span", {
-            className: toggleIcon
-          }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+          }, utils.IconUtils.getJSXIcon(toggleIcon, {
+            props: this.props,
+            collapsed: collapsed
+          }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
         }
 
         return null;
@@ -223,17 +224,17 @@ this.primereact.panel = (function (exports, React, core) {
     }, {
       key: "renderHeader",
       value: function renderHeader(collapsed) {
-        var header = core.ObjectUtils.getJSXElement(this.props.header, this.props);
-        var icons = core.ObjectUtils.getJSXElement(this.props.icons, this.props);
+        var header = utils.ObjectUtils.getJSXElement(this.props.header, this.props);
+        var icons = utils.ObjectUtils.getJSXElement(this.props.icons, this.props);
         var togglerElement = this.renderToggleIcon(collapsed);
-        var titleElement = /*#__PURE__*/React__default['default'].createElement("span", {
+        var titleElement = /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-panel-title",
           id: this.state.id + '_header'
         }, header);
-        var iconsElement = /*#__PURE__*/React__default['default'].createElement("div", {
+        var iconsElement = /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-panel-icons"
         }, icons, togglerElement);
-        var content = /*#__PURE__*/React__default['default'].createElement("div", {
+        var content = /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-panel-header"
         }, titleElement, iconsElement);
 
@@ -252,7 +253,7 @@ this.primereact.panel = (function (exports, React, core) {
             props: this.props,
             collapsed: collapsed
           };
-          return core.ObjectUtils.getJSXElement(this.props.headerTemplate, defaultContentOptions);
+          return utils.ObjectUtils.getJSXElement(this.props.headerTemplate, defaultContentOptions);
         } else if (this.props.header || this.props.toggleable) {
           return content;
         }
@@ -263,37 +264,37 @@ this.primereact.panel = (function (exports, React, core) {
       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,
           className: "p-toggleable-content",
           "aria-hidden": collapsed,
           role: "region",
           id: id,
           "aria-labelledby": this.state.id + '_header'
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-panel-content"
         }, this.props.children)));
       }
     }, {
       key: "render",
       value: function render() {
-        var className = core.classNames('p-panel p-component', {
+        var className = utils.classNames('p-panel p-component', {
           'p-panel-toggleable': this.props.toggleable
         }, this.props.className);
         var collapsed = this.isCollapsed();
         var header = this.renderHeader(collapsed);
         var content = this.renderContent(collapsed);
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           id: this.props.id,
           className: className,
           style: this.props.style
@@ -327,4 +328,4 @@ this.primereact.panel = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.csstransition, primereact.utils, primereact.ripple);

package/panel/panel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.panel=function(e,t,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t);function l(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 i(e,t){return(i=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function p(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&&i(e,t)}function c(e){return(c="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 u(e,t){if(t&&("object"===c(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 f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(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 g(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){d(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 m(){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 b=function(e){p(b,e);var t,o,i,c,d,h=(t=b,o=m(),function(){var e,n=f(t);if(o){var r=f(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return u(this,e)});function b(e){var t;l(this,b);var n={id:(t=h.call(this,e)).props.id};return t.props.onToggle||(n=g(g({},n),{},{collapsed:t.props.collapsed})),t.state=n,t.toggle=t.toggle.bind(a(t)),t.contentRef=r.default.createRef(),t}return i=b,(c=[{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.UniqueComponentId()})}},{key:"renderToggleIcon",value:function(e){return this.props.toggleable?r.default.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!e,role:"tab"},r.default.createElement("span",{className:e?this.props.expandIcon:this.props.collapseIcon}),r.default.createElement(n.Ripple,null)):null}},{key:"renderHeader",value:function(e){var t=n.ObjectUtils.getJSXElement(this.props.header,this.props),o=n.ObjectUtils.getJSXElement(this.props.icons,this.props),l=this.renderToggleIcon(e),s=r.default.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},t),a=r.default.createElement("div",{className:"p-panel-icons"},o,l),i=r.default.createElement("div",{className:"p-panel-header"},s,a);return this.props.headerTemplate?n.ObjectUtils.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:e?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:s,iconsElement:a,togglerElement:l,element:i,props:this.props,collapsed:e}):this.props.header||this.props.toggleable?i:null}},{key:"renderContent",value:function(e){return r.default.createElement(n.CSSTransition,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!e,unmountOnExit:!0,options:this.props.transitionOptions},r.default.createElement("div",{ref:this.contentRef,className:"p-toggleable-content","aria-hidden":e,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},r.default.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var e=n.classNames("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),t=this.isCollapsed(),o=this.renderHeader(t),l=this.renderContent(t);return r.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},o,l)}}])&&s(i.prototype,c),d&&s(i,d),b}(t.Component);return d(b,"defaultProps",{id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null}),e.Panel=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.panel=function(e,t,n,o,r){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(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 p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t){return c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},c(e,t)}function u(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&&c(e,t)}function f(e){return f="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},f(e)}function d(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},h(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 b(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?b(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(){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 v=function(e){u(v,e);var t,l,c,f,g,b=(t=v,l=m(),function(){var e,n=h(t);if(l){var o=h(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return d(this,e)});function v(e){var t;i(this,v);var n={id:(t=b.call(this,e)).props.id};return t.props.onToggle||(n=y(y({},n),{},{collapsed:t.props.collapsed})),t.state=n,t.toggle=t.toggle.bind(p(t)),t.contentRef=s.default.createRef(),t}return c=v,(f=[{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:o.UniqueComponentId()})}},{key:"renderToggleIcon",value:function(e){return this.props.toggleable?s.default.createElement("button",{className:"p-panel-header-icon p-panel-toggler p-link",onClick:this.toggle,id:this.state.id+"_label","aria-controls":this.state.id+"_content","aria-expanded":!e,role:"tab"},o.IconUtils.getJSXIcon(e?this.props.expandIcon:this.props.collapseIcon,{props:this.props,collapsed:e}),s.default.createElement(r.Ripple,null)):null}},{key:"renderHeader",value:function(e){var t=o.ObjectUtils.getJSXElement(this.props.header,this.props),n=o.ObjectUtils.getJSXElement(this.props.icons,this.props),r=this.renderToggleIcon(e),l=s.default.createElement("span",{className:"p-panel-title",id:this.state.id+"_header"},t),i=s.default.createElement("div",{className:"p-panel-icons"},n,r),a=s.default.createElement("div",{className:"p-panel-header"},l,i);return this.props.headerTemplate?o.ObjectUtils.getJSXElement(this.props.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",togglerIconClassName:e?this.props.expandIcon:this.props.collapseIcon,onTogglerClick:this.toggle,titleElement:l,iconsElement:i,togglerElement:r,element:a,props:this.props,collapsed:e}):this.props.header||this.props.toggleable?a:null}},{key:"renderContent",value:function(e){return s.default.createElement(n.CSSTransition,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!e,unmountOnExit:!0,options:this.props.transitionOptions},s.default.createElement("div",{ref:this.contentRef,className:"p-toggleable-content","aria-hidden":e,role:"region",id:this.state.id+"_content","aria-labelledby":this.state.id+"_header"},s.default.createElement("div",{className:"p-panel-content"},this.props.children)))}},{key:"render",value:function(){var e=o.classNames("p-panel p-component",{"p-panel-toggleable":this.props.toggleable},this.props.className),t=this.isCollapsed(),n=this.renderHeader(t),r=this.renderContent(t);return s.default.createElement("div",{id:this.props.id,className:e,style:this.props.style},n,r)}}])&&a(c.prototype,f),g&&a(c,g),Object.defineProperty(c,"prototype",{writable:!1}),v}(t.Component);return g(v,"defaultProps",{id:null,header:null,headerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:"pi pi-plus",collapseIcon:"pi pi-minus",icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null}),e.Panel=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.utils,primereact.ripple);