primereact 7.0.1 → 7.2.1

package/LICENSE.md

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016-2021 PrimeTek
+Copyright (c) 2016-2022 PrimeTek
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -2,7 +2,7 @@
 [![npm version](https://badge.fury.io/js/primereact.svg)](https://badge.fury.io/js/primereact)
 [![Discord Chat](https://img.shields.io/discord/557940238991753223.svg?color=7289da&label=chat&logo=discord)](https://discord.gg/gzKFYnpmCY)
 
-[![PrimeReact Hero](https://www.primefaces.org/wp-content/uploads/2020/08/primereact-promotion-21aug2020@2x.jpg)](https://www.primefaces.org/primereact)
+[![PrimeReact Hero](https://www.primefaces.org/wp-content/uploads/2021/12/primereact-release-7.jpeg)](https://www.primefaces.org/primereact)
 
 # PrimeReact
 

package/accordion/accordion.cjs.js

@@ -58,6 +58,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;
 }
 
@@ -88,23 +91,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 _assertThisInitialized(self) {
@@ -147,9 +147,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); }; }
 
@@ -165,12 +165,14 @@ var AccordionTab = /*#__PURE__*/function (_Component) {
     return _super.apply(this, arguments);
   }
 
-  return AccordionTab;
+  return _createClass(AccordionTab);
 }(React.Component);
 
 _defineProperty(AccordionTab, "defaultProps", {
   header: null,
   disabled: false,
+  style: null,
+  className: null,
   headerStyle: null,
   headerClassName: null,
   headerTemplate: null,
@@ -268,10 +270,12 @@ var Accordion = /*#__PURE__*/function (_Component2) {
     value: function renderTabHeader(tab, selected, index) {
       var _this2 = this;
 
-      var tabHeaderClass = utils.classNames('p-accordion-header', {
+      var style = _objectSpread(_objectSpread({}, tab.props.headerStyle || {}), tab.props.style || {});
+
+      var className = utils.classNames('p-accordion-header', {
         'p-highlight': selected,
         'p-disabled': tab.props.disabled
-      }, tab.props.headerClassName);
+      }, tab.props.headerClassName, tab.props.className);
       var id = this.state.id + '_header_' + index;
       var ariaControls = this.state.id + '_content_' + index;
       var tabIndex = tab.props.disabled ? -1 : null;
@@ -280,8 +284,8 @@ var Accordion = /*#__PURE__*/function (_Component2) {
       }, tab.props.header);
       var icon = selected ? this.props.collapseIcon : this.props.expandIcon;
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: tabHeaderClass,
-        style: tab.props.headerStyle
+        className: className,
+        style: style
       }, /*#__PURE__*/React__default["default"].createElement("a", {
         href: '#' + ariaControls,
         id: id,
@@ -303,7 +307,9 @@ var Accordion = /*#__PURE__*/function (_Component2) {
   }, {
     key: "renderTabContent",
     value: function renderTabContent(tab, selected, index) {
-      var className = utils.classNames('p-toggleable-content', tab.props.contentClassName);
+      var style = _objectSpread(_objectSpread({}, tab.props.contentStyle || {}), tab.props.style || {});
+
+      var className = utils.classNames('p-toggleable-content', tab.props.contentClassName, tab.props.className);
       var id = this.state.id + '_content_' + index;
       var toggleableContentRef = /*#__PURE__*/React__default["default"].createRef();
       return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
@@ -313,14 +319,14 @@ var Accordion = /*#__PURE__*/function (_Component2) {
           enter: 1000,
           exit: 450
         },
-        in: selected,
+        "in": selected,
         unmountOnExit: true,
         options: this.props.transitionOptions
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: toggleableContentRef,
         id: id,
         className: className,
-        style: tab.props.contentStyle,
+        style: style,
         role: "region",
         "aria-labelledby": this.state.id + '_header_' + index
       }, /*#__PURE__*/React__default["default"].createElement("div", {

package/accordion/accordion.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/csstransition");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function i(e){if(Array.isArray(e))return a(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function l(e,t){if(e){if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(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 p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){return d=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},d(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}}),t&&d(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 b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(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 b(e)}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(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 g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function T(e){var t=j();return function(){var n,r=m(e);if(t){var o=m(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return y(this,n)}}function j(){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 S=function(t){f(r,e.Component);var n=T(r);function r(){return p(this,r),n.apply(this,arguments)}return r}();v(S,"defaultProps",{header:null,disabled:!1,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null});var C=function(r){f(y,e.Component);var a,d,h,b=T(y);function y(e){var t;p(this,y);var n={id:(t=b.call(this,e)).props.id};return t.props.onTabChange||(n=g(g({},n),{},{activeIndex:e.activeIndex})),t.state=n,t}return a=y,(d=[{key:"shouldTabRender",value:function(e){return e&&e.type===S}},{key:"onTabHeaderClick",value:function(e,t,n){if(!t.props.disabled){var r=this.isSelected(n),o=null;if(this.props.multiple){var a=(this.props.onTabChange?this.props.activeIndex:this.state.activeIndex)||[];o=a=r?a.filter((function(e){return e!==n})):[].concat(i(p=a)||s(p)||l(p)||c(),[n])}else o=r?null:n;var u=r?this.props.onTabClose:this.props.onTabOpen;u&&u({originalEvent:e,index:n}),this.props.onTabChange?this.props.onTabChange({originalEvent:e,index:o}):this.setState({activeIndex:o})}var p;e.preventDefault()}},{key:"isSelected",value:function(e){var t=this.props.onTabChange?this.props.activeIndex:this.state.activeIndex;return this.props.multiple?t&&t.indexOf(e)>=0:t===e}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:t.UniqueComponentId()})}},{key:"renderTabHeader",value:function(e,n,r){var a=this,i=t.classNames("p-accordion-header",{"p-highlight":n,"p-disabled":e.props.disabled},e.props.headerClassName),s=this.state.id+"_header_"+r,l=this.state.id+"_content_"+r,c=e.props.disabled?-1:null,u=e.props.headerTemplate?t.ObjectUtils.getJSXElement(e.props.headerTemplate,e.props):o.default.createElement("span",{className:"p-accordion-header-text"},e.props.header);return o.default.createElement("div",{className:i,style:e.props.headerStyle},o.default.createElement("a",{href:"#"+l,id:s,className:"p-accordion-header-link","aria-controls":l,role:"tab","aria-expanded":n,onClick:function(t){return a.onTabHeaderClick(t,e,r)},tabIndex:c},t.IconUtils.getJSXIcon(n?this.props.collapseIcon:this.props.expandIcon,{className:"p-accordion-toggle-icon"},{props:this.props,selected:n}),u))}},{key:"renderTabContent",value:function(e,r,a){var i=t.classNames("p-toggleable-content",e.props.contentClassName),s=this.state.id+"_content_"+a,l=o.default.createRef();return o.default.createElement(n.CSSTransition,{nodeRef:l,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0,options:this.props.transitionOptions},o.default.createElement("div",{ref:l,id:s,className:i,style:e.props.contentStyle,role:"region","aria-labelledby":this.state.id+"_header_"+a},o.default.createElement("div",{className:"p-accordion-content"},e.props.children)))}},{key:"renderTab",value:function(e,n){var r=this.isSelected(n),a=this.renderTabHeader(e,r,n),i=this.renderTabContent(e,r,n),s=t.classNames("p-accordion-tab",{"p-accordion-tab-active":r});return o.default.createElement("div",{key:e.props.header,className:s},a,i)}},{key:"renderTabs",value:function(){var e=this;return o.default.Children.map(this.props.children,(function(t,n){if(e.shouldTabRender(t))return e.renderTab(t,n)}))}},{key:"render",value:function(){var e=this,n=t.classNames("p-accordion p-component",this.props.className),r=this.renderTabs();return o.default.createElement("div",{ref:function(t){return e.container=t},id:this.state.id,className:n,style:this.props.style},r)}}])&&u(a.prototype,d),h&&u(a,h),y}();v(C,"defaultProps",{id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null}),exports.Accordion=C,exports.AccordionTab=S;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),r=require("primereact/csstransition");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function i(e){if(Array.isArray(e))return a(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function l(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function p(e,t,r){return t&&u(e.prototype,t),r&&u(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){return f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},f(e,t)}function h(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&&f(e,t)}function b(e){return b="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},b(e)}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return y(e)}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},v(e)}function O(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function T(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function j(e){var t=S();return function(){var r,n=v(e);if(t){var o=v(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return m(this,r)}}function S(){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 C=function(t){h(n,e.Component);var r=j(n);function n(){return d(this,n),r.apply(this,arguments)}return p(n)}();O(C,"defaultProps",{header:null,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null});var w=function(n){h(u,e.Component);var a=j(u);function u(e){var t;d(this,u);var r={id:(t=a.call(this,e)).props.id};return t.props.onTabChange||(r=T(T({},r),{},{activeIndex:e.activeIndex})),t.state=r,t}return p(u,[{key:"shouldTabRender",value:function(e){return e&&e.type===C}},{key:"onTabHeaderClick",value:function(e,t,r){if(!t.props.disabled){var n=this.isSelected(r),o=null;if(this.props.multiple){var a=(this.props.onTabChange?this.props.activeIndex:this.state.activeIndex)||[];o=a=n?a.filter((function(e){return e!==r})):[].concat(i(p=a)||s(p)||l(p)||c(),[r])}else o=n?null:r;var u=n?this.props.onTabClose:this.props.onTabOpen;u&&u({originalEvent:e,index:r}),this.props.onTabChange?this.props.onTabChange({originalEvent:e,index:o}):this.setState({activeIndex:o})}var p;e.preventDefault()}},{key:"isSelected",value:function(e){var t=this.props.onTabChange?this.props.activeIndex:this.state.activeIndex;return this.props.multiple?t&&t.indexOf(e)>=0:t===e}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:t.UniqueComponentId()})}},{key:"renderTabHeader",value:function(e,r,n){var a=this,i=T(T({},e.props.headerStyle||{}),e.props.style||{}),s=t.classNames("p-accordion-header",{"p-highlight":r,"p-disabled":e.props.disabled},e.props.headerClassName,e.props.className),l=this.state.id+"_header_"+n,c=this.state.id+"_content_"+n,u=e.props.disabled?-1:null,p=e.props.headerTemplate?t.ObjectUtils.getJSXElement(e.props.headerTemplate,e.props):o.default.createElement("span",{className:"p-accordion-header-text"},e.props.header);return o.default.createElement("div",{className:s,style:i},o.default.createElement("a",{href:"#"+c,id:l,className:"p-accordion-header-link","aria-controls":c,role:"tab","aria-expanded":r,onClick:function(t){return a.onTabHeaderClick(t,e,n)},tabIndex:u},t.IconUtils.getJSXIcon(r?this.props.collapseIcon:this.props.expandIcon,{className:"p-accordion-toggle-icon"},{props:this.props,selected:r}),p))}},{key:"renderTabContent",value:function(e,n,a){var i=T(T({},e.props.contentStyle||{}),e.props.style||{}),s=t.classNames("p-toggleable-content",e.props.contentClassName,e.props.className),l=this.state.id+"_content_"+a,c=o.default.createRef();return o.default.createElement(r.CSSTransition,{nodeRef:c,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:n,unmountOnExit:!0,options:this.props.transitionOptions},o.default.createElement("div",{ref:c,id:l,className:s,style:i,role:"region","aria-labelledby":this.state.id+"_header_"+a},o.default.createElement("div",{className:"p-accordion-content"},e.props.children)))}},{key:"renderTab",value:function(e,r){var n=this.isSelected(r),a=this.renderTabHeader(e,n,r),i=this.renderTabContent(e,n,r),s=t.classNames("p-accordion-tab",{"p-accordion-tab-active":n});return o.default.createElement("div",{key:e.props.header,className:s},a,i)}},{key:"renderTabs",value:function(){var e=this;return o.default.Children.map(this.props.children,(function(t,r){if(e.shouldTabRender(t))return e.renderTab(t,r)}))}},{key:"render",value:function(){var e=this,r=t.classNames("p-accordion p-component",this.props.className),n=this.renderTabs();return o.default.createElement("div",{ref:function(t){return e.container=t},id:this.state.id,className:r,style:this.props.style},n)}}]),u}();O(w,"defaultProps",{id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null}),exports.Accordion=w,exports.AccordionTab=C;

package/accordion/accordion.d.ts

@@ -1,11 +1,14 @@
 import * as React from 'react';
-import {IconType} from "../utils/Utils";
+import { CSSTransitionProps } from '../csstransition';
+import { IconType } from '../utils';
 
 type AccordionTabHeaderTemplateType = React.ReactNode | ((props: AccordionTabProps) => React.ReactNode);
 
 interface AccordionTabProps {
     header?: React.ReactNode;
     disabled?: boolean;
+    style?: object;
+    className?: string;
     headerStyle?: object;
     headerClassName?: string;
     headerTemplate?: AccordionTabHeaderTemplateType;
@@ -30,7 +33,7 @@ export interface AccordionProps {
     multiple?: boolean;
     expandIcon?: IconType<AccordionProps>;
     collapseIcon?: IconType<AccordionProps>;
-    transitionOptions?: object;
+    transitionOptions?: CSSTransitionProps;
     onTabOpen?(e: AccordionEventParams): void;
     onTabClose?(e: AccordionEventParams): void;
     onTabChange?(e: AccordionEventParams): void;

package/accordion/accordion.esm.js

@@ -50,6 +50,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;
 }
 
@@ -80,23 +83,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 _assertThisInitialized(self) {
@@ -139,9 +139,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); }; }
 
@@ -157,12 +157,14 @@ var AccordionTab = /*#__PURE__*/function (_Component) {
     return _super.apply(this, arguments);
   }
 
-  return AccordionTab;
+  return _createClass(AccordionTab);
 }(Component);
 
 _defineProperty(AccordionTab, "defaultProps", {
   header: null,
   disabled: false,
+  style: null,
+  className: null,
   headerStyle: null,
   headerClassName: null,
   headerTemplate: null,
@@ -260,10 +262,12 @@ var Accordion = /*#__PURE__*/function (_Component2) {
     value: function renderTabHeader(tab, selected, index) {
       var _this2 = this;
 
-      var tabHeaderClass = classNames('p-accordion-header', {
+      var style = _objectSpread(_objectSpread({}, tab.props.headerStyle || {}), tab.props.style || {});
+
+      var className = classNames('p-accordion-header', {
         'p-highlight': selected,
         'p-disabled': tab.props.disabled
-      }, tab.props.headerClassName);
+      }, tab.props.headerClassName, tab.props.className);
       var id = this.state.id + '_header_' + index;
       var ariaControls = this.state.id + '_content_' + index;
       var tabIndex = tab.props.disabled ? -1 : null;
@@ -272,8 +276,8 @@ var Accordion = /*#__PURE__*/function (_Component2) {
       }, tab.props.header);
       var icon = selected ? this.props.collapseIcon : this.props.expandIcon;
       return /*#__PURE__*/React.createElement("div", {
-        className: tabHeaderClass,
-        style: tab.props.headerStyle
+        className: className,
+        style: style
       }, /*#__PURE__*/React.createElement("a", {
         href: '#' + ariaControls,
         id: id,
@@ -295,7 +299,9 @@ var Accordion = /*#__PURE__*/function (_Component2) {
   }, {
     key: "renderTabContent",
     value: function renderTabContent(tab, selected, index) {
-      var className = classNames('p-toggleable-content', tab.props.contentClassName);
+      var style = _objectSpread(_objectSpread({}, tab.props.contentStyle || {}), tab.props.style || {});
+
+      var className = classNames('p-toggleable-content', tab.props.contentClassName, tab.props.className);
       var id = this.state.id + '_content_' + index;
       var toggleableContentRef = /*#__PURE__*/React.createRef();
       return /*#__PURE__*/React.createElement(CSSTransition, {
@@ -305,14 +311,14 @@ var Accordion = /*#__PURE__*/function (_Component2) {
           enter: 1000,
           exit: 450
         },
-        in: selected,
+        "in": selected,
         unmountOnExit: true,
         options: this.props.transitionOptions
       }, /*#__PURE__*/React.createElement("div", {
         ref: toggleableContentRef,
         id: id,
         className: className,
-        style: tab.props.contentStyle,
+        style: style,
         role: "region",
         "aria-labelledby": this.state.id + '_header_' + index
       }, /*#__PURE__*/React.createElement("div", {

package/accordion/accordion.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{UniqueComponentId as r,classNames as n,ObjectUtils as o,IconUtils as a}from"primereact/utils";import{CSSTransition as i}from"primereact/csstransition";function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e){if(Array.isArray(e))return c(e)}function l(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function u(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function h(e,t){return h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},h(e,t)}function b(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&&h(e,t)}function y(e){return y="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},y(e)}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function O(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function T(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?T(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function j(e){var t=w();return function(){var r,n=g(e);if(t){var o=g(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return v(this,r)}}function w(){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 x=function(e){b(n,t);var r=j(n);function n(){return d(this,n),r.apply(this,arguments)}return n}();O(x,"defaultProps",{header:null,disabled:!1,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null});var C=function(c){b(g,t);var h,y,m,v=j(g);function g(e){var t;d(this,g);var r={id:(t=v.call(this,e)).props.id};return t.props.onTabChange||(r=S(S({},r),{},{activeIndex:e.activeIndex})),t.state=r,t}return h=g,(y=[{key:"shouldTabRender",value:function(e){return e&&e.type===x}},{key:"onTabHeaderClick",value:function(e,t,r){if(!t.props.disabled){var n=this.isSelected(r),o=null;if(this.props.multiple){var a=(this.props.onTabChange?this.props.activeIndex:this.state.activeIndex)||[];o=a=n?a.filter((function(e){return e!==r})):[].concat(s(c=a)||l(c)||p(c)||u(),[r])}else o=n?null:r;var i=n?this.props.onTabClose:this.props.onTabOpen;i&&i({originalEvent:e,index:r}),this.props.onTabChange?this.props.onTabChange({originalEvent:e,index:o}):this.setState({activeIndex:o})}var c;e.preventDefault()}},{key:"isSelected",value:function(e){var t=this.props.onTabChange?this.props.activeIndex:this.state.activeIndex;return this.props.multiple?t&&t.indexOf(e)>=0:t===e}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:r()})}},{key:"renderTabHeader",value:function(t,r,i){var c=this,s=n("p-accordion-header",{"p-highlight":r,"p-disabled":t.props.disabled},t.props.headerClassName),l=this.state.id+"_header_"+i,p=this.state.id+"_content_"+i,u=t.props.disabled?-1:null,f=t.props.headerTemplate?o.getJSXElement(t.props.headerTemplate,t.props):e.createElement("span",{className:"p-accordion-header-text"},t.props.header);return e.createElement("div",{className:s,style:t.props.headerStyle},e.createElement("a",{href:"#"+p,id:l,className:"p-accordion-header-link","aria-controls":p,role:"tab","aria-expanded":r,onClick:function(e){return c.onTabHeaderClick(e,t,i)},tabIndex:u},a.getJSXIcon(r?this.props.collapseIcon:this.props.expandIcon,{className:"p-accordion-toggle-icon"},{props:this.props,selected:r}),f))}},{key:"renderTabContent",value:function(t,r,o){var a=n("p-toggleable-content",t.props.contentClassName),c=this.state.id+"_content_"+o,s=e.createRef();return e.createElement(i,{nodeRef:s,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0,options:this.props.transitionOptions},e.createElement("div",{ref:s,id:c,className:a,style:t.props.contentStyle,role:"region","aria-labelledby":this.state.id+"_header_"+o},e.createElement("div",{className:"p-accordion-content"},t.props.children)))}},{key:"renderTab",value:function(t,r){var o=this.isSelected(r),a=this.renderTabHeader(t,o,r),i=this.renderTabContent(t,o,r),c=n("p-accordion-tab",{"p-accordion-tab-active":o});return e.createElement("div",{key:t.props.header,className:c},a,i)}},{key:"renderTabs",value:function(){var t=this;return e.Children.map(this.props.children,(function(e,r){if(t.shouldTabRender(e))return t.renderTab(e,r)}))}},{key:"render",value:function(){var t=this,r=n("p-accordion p-component",this.props.className),o=this.renderTabs();return e.createElement("div",{ref:function(e){return t.container=e},id:this.state.id,className:r,style:this.props.style},o)}}])&&f(h.prototype,y),m&&f(h,m),g}();O(C,"defaultProps",{id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null});export{C as Accordion,x as AccordionTab};
+import e,{Component as t}from"react";import{UniqueComponentId as r,classNames as n,ObjectUtils as o,IconUtils as a}from"primereact/utils";import{CSSTransition as i}from"primereact/csstransition";function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function l(e){if(Array.isArray(e))return s(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return s(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}function u(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function d(e,t,r){return t&&f(e.prototype,t),r&&f(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function b(e,t){return b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},b(e,t)}function y(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&&b(e,t)}function m(e){return m="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},m(e)}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function O(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return v(e)}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function T(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?j(Object(r),!0).forEach((function(t){T(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function w(e){var t=x();return function(){var r,n=g(e);if(t){var o=g(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return O(this,r)}}function x(){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 C=function(e){y(n,t);var r=w(n);function n(){return h(this,n),r.apply(this,arguments)}return d(n)}();T(C,"defaultProps",{header:null,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null});var E=function(s){y(b,t);var f=w(b);function b(e){var t;h(this,b);var r={id:(t=f.call(this,e)).props.id};return t.props.onTabChange||(r=S(S({},r),{},{activeIndex:e.activeIndex})),t.state=r,t}return d(b,[{key:"shouldTabRender",value:function(e){return e&&e.type===C}},{key:"onTabHeaderClick",value:function(e,t,r){if(!t.props.disabled){var n=this.isSelected(r),o=null;if(this.props.multiple){var a=(this.props.onTabChange?this.props.activeIndex:this.state.activeIndex)||[];o=a=n?a.filter((function(e){return e!==r})):[].concat(l(s=a)||c(s)||p(s)||u(),[r])}else o=n?null:r;var i=n?this.props.onTabClose:this.props.onTabOpen;i&&i({originalEvent:e,index:r}),this.props.onTabChange?this.props.onTabChange({originalEvent:e,index:o}):this.setState({activeIndex:o})}var s;e.preventDefault()}},{key:"isSelected",value:function(e){var t=this.props.onTabChange?this.props.activeIndex:this.state.activeIndex;return this.props.multiple?t&&t.indexOf(e)>=0:t===e}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:r()})}},{key:"renderTabHeader",value:function(t,r,i){var s=this,l=S(S({},t.props.headerStyle||{}),t.props.style||{}),c=n("p-accordion-header",{"p-highlight":r,"p-disabled":t.props.disabled},t.props.headerClassName,t.props.className),p=this.state.id+"_header_"+i,u=this.state.id+"_content_"+i,f=t.props.disabled?-1:null,d=t.props.headerTemplate?o.getJSXElement(t.props.headerTemplate,t.props):e.createElement("span",{className:"p-accordion-header-text"},t.props.header);return e.createElement("div",{className:c,style:l},e.createElement("a",{href:"#"+u,id:p,className:"p-accordion-header-link","aria-controls":u,role:"tab","aria-expanded":r,onClick:function(e){return s.onTabHeaderClick(e,t,i)},tabIndex:f},a.getJSXIcon(r?this.props.collapseIcon:this.props.expandIcon,{className:"p-accordion-toggle-icon"},{props:this.props,selected:r}),d))}},{key:"renderTabContent",value:function(t,r,o){var a=S(S({},t.props.contentStyle||{}),t.props.style||{}),s=n("p-toggleable-content",t.props.contentClassName,t.props.className),l=this.state.id+"_content_"+o,c=e.createRef();return e.createElement(i,{nodeRef:c,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0,options:this.props.transitionOptions},e.createElement("div",{ref:c,id:l,className:s,style:a,role:"region","aria-labelledby":this.state.id+"_header_"+o},e.createElement("div",{className:"p-accordion-content"},t.props.children)))}},{key:"renderTab",value:function(t,r){var o=this.isSelected(r),a=this.renderTabHeader(t,o,r),i=this.renderTabContent(t,o,r),s=n("p-accordion-tab",{"p-accordion-tab-active":o});return e.createElement("div",{key:t.props.header,className:s},a,i)}},{key:"renderTabs",value:function(){var t=this;return e.Children.map(this.props.children,(function(e,r){if(t.shouldTabRender(e))return t.renderTab(e,r)}))}},{key:"render",value:function(){var t=this,r=n("p-accordion p-component",this.props.className),o=this.renderTabs();return e.createElement("div",{ref:function(e){return t.container=e},id:this.state.id,className:r,style:this.props.style},o)}}]),b}();T(E,"defaultProps",{id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null});export{E as Accordion,C as AccordionTab};

package/accordion/accordion.js

@@ -54,6 +54,9 @@ this.primereact.accordion = (function (exports, React, utils, csstransition) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -84,23 +87,20 @@ this.primereact.accordion = (function (exports, React, utils, csstransition) {
         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) {
@@ -143,9 +143,9 @@ this.primereact.accordion = (function (exports, React, utils, csstransition) {
     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); }; }
 
@@ -161,12 +161,14 @@ this.primereact.accordion = (function (exports, React, utils, csstransition) {
       return _super.apply(this, arguments);
     }
 
-    return AccordionTab;
+    return _createClass(AccordionTab);
   }(React.Component);
 
   _defineProperty(AccordionTab, "defaultProps", {
     header: null,
     disabled: false,
+    style: null,
+    className: null,
     headerStyle: null,
     headerClassName: null,
     headerTemplate: null,
@@ -264,10 +266,12 @@ this.primereact.accordion = (function (exports, React, utils, csstransition) {
       value: function renderTabHeader(tab, selected, index) {
         var _this2 = this;
 
-        var tabHeaderClass = utils.classNames('p-accordion-header', {
+        var style = _objectSpread(_objectSpread({}, tab.props.headerStyle || {}), tab.props.style || {});
+
+        var className = utils.classNames('p-accordion-header', {
           'p-highlight': selected,
           'p-disabled': tab.props.disabled
-        }, tab.props.headerClassName);
+        }, tab.props.headerClassName, tab.props.className);
         var id = this.state.id + '_header_' + index;
         var ariaControls = this.state.id + '_content_' + index;
         var tabIndex = tab.props.disabled ? -1 : null;
@@ -276,8 +280,8 @@ this.primereact.accordion = (function (exports, React, utils, csstransition) {
         }, tab.props.header);
         var icon = selected ? this.props.collapseIcon : this.props.expandIcon;
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: tabHeaderClass,
-          style: tab.props.headerStyle
+          className: className,
+          style: style
         }, /*#__PURE__*/React__default["default"].createElement("a", {
           href: '#' + ariaControls,
           id: id,
@@ -299,7 +303,9 @@ this.primereact.accordion = (function (exports, React, utils, csstransition) {
     }, {
       key: "renderTabContent",
       value: function renderTabContent(tab, selected, index) {
-        var className = utils.classNames('p-toggleable-content', tab.props.contentClassName);
+        var style = _objectSpread(_objectSpread({}, tab.props.contentStyle || {}), tab.props.style || {});
+
+        var className = utils.classNames('p-toggleable-content', tab.props.contentClassName, tab.props.className);
         var id = this.state.id + '_content_' + index;
         var toggleableContentRef = /*#__PURE__*/React__default["default"].createRef();
         return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
@@ -309,14 +315,14 @@ this.primereact.accordion = (function (exports, React, utils, csstransition) {
             enter: 1000,
             exit: 450
           },
-          in: selected,
+          "in": selected,
           unmountOnExit: true,
           options: this.props.transitionOptions
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: toggleableContentRef,
           id: id,
           className: className,
-          style: tab.props.contentStyle,
+          style: style,
           role: "region",
           "aria-labelledby": this.state.id + '_header_' + index
         }, /*#__PURE__*/React__default["default"].createElement("div", {

package/accordion/accordion.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.accordion=function(e,t,n,r){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(t);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e){if(Array.isArray(e))return i(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function l(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}function u(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(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 d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){return f=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},f(e,t)}function h(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&&f(e,t)}function b(e){return b="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},b(e)}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return y(e)}function v(e){return v=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},v(e)}function O(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 r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(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){O(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 j(e){var t=S();return function(){var n,r=v(e);if(t){var o=v(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return m(this,n)}}function S(){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 C=function(e){h(n,e);var t=j(n);function n(){return d(this,n),t.apply(this,arguments)}return n}(t.Component);O(C,"defaultProps",{header:null,disabled:!1,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null});var w=function(e){h(b,e);var t,o,i,f=j(b);function b(e){var t;d(this,b);var n={id:(t=f.call(this,e)).props.id};return t.props.onTabChange||(n=T(T({},n),{},{activeIndex:e.activeIndex})),t.state=n,t}return t=b,(o=[{key:"shouldTabRender",value:function(e){return e&&e.type===C}},{key:"onTabHeaderClick",value:function(e,t,n){if(!t.props.disabled){var r=this.isSelected(n),o=null;if(this.props.multiple){var a=(this.props.onTabChange?this.props.activeIndex:this.state.activeIndex)||[];o=a=r?a.filter((function(e){return e!==n})):[].concat(c(p=a)||s(p)||l(p)||u(),[n])}else o=r?null:n;var i=r?this.props.onTabClose:this.props.onTabOpen;i&&i({originalEvent:e,index:n}),this.props.onTabChange?this.props.onTabChange({originalEvent:e,index:o}):this.setState({activeIndex:o})}var p;e.preventDefault()}},{key:"isSelected",value:function(e){var t=this.props.onTabChange?this.props.activeIndex:this.state.activeIndex;return this.props.multiple?t&&t.indexOf(e)>=0:t===e}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n.UniqueComponentId()})}},{key:"renderTabHeader",value:function(e,t,r){var o=this,i=n.classNames("p-accordion-header",{"p-highlight":t,"p-disabled":e.props.disabled},e.props.headerClassName),c=this.state.id+"_header_"+r,s=this.state.id+"_content_"+r,l=e.props.disabled?-1:null,u=e.props.headerTemplate?n.ObjectUtils.getJSXElement(e.props.headerTemplate,e.props):a.default.createElement("span",{className:"p-accordion-header-text"},e.props.header);return a.default.createElement("div",{className:i,style:e.props.headerStyle},a.default.createElement("a",{href:"#"+s,id:c,className:"p-accordion-header-link","aria-controls":s,role:"tab","aria-expanded":t,onClick:function(t){return o.onTabHeaderClick(t,e,r)},tabIndex:l},n.IconUtils.getJSXIcon(t?this.props.collapseIcon:this.props.expandIcon,{className:"p-accordion-toggle-icon"},{props:this.props,selected:t}),u))}},{key:"renderTabContent",value:function(e,t,o){var i=n.classNames("p-toggleable-content",e.props.contentClassName),c=this.state.id+"_content_"+o,s=a.default.createRef();return a.default.createElement(r.CSSTransition,{nodeRef:s,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0,options:this.props.transitionOptions},a.default.createElement("div",{ref:s,id:c,className:i,style:e.props.contentStyle,role:"region","aria-labelledby":this.state.id+"_header_"+o},a.default.createElement("div",{className:"p-accordion-content"},e.props.children)))}},{key:"renderTab",value:function(e,t){var r=this.isSelected(t),o=this.renderTabHeader(e,r,t),i=this.renderTabContent(e,r,t),c=n.classNames("p-accordion-tab",{"p-accordion-tab-active":r});return a.default.createElement("div",{key:e.props.header,className:c},o,i)}},{key:"renderTabs",value:function(){var e=this;return a.default.Children.map(this.props.children,(function(t,n){if(e.shouldTabRender(t))return e.renderTab(t,n)}))}},{key:"render",value:function(){var e=this,t=n.classNames("p-accordion p-component",this.props.className),r=this.renderTabs();return a.default.createElement("div",{ref:function(t){return e.container=t},id:this.state.id,className:t,style:this.props.style},r)}}])&&p(t.prototype,o),i&&p(t,i),b}(t.Component);return O(w,"defaultProps",{id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null}),e.Accordion=w,e.AccordionTab=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition);
+this.primereact=this.primereact||{},this.primereact.accordion=function(e,t,n,r){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(t);function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e){if(Array.isArray(e))return i(e)}function l(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return i(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(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 d(e,t,n){return t&&u(e.prototype,t),n&&u(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function h(e,t){return h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},h(e,t)}function b(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&&h(e,t)}function y(e){return y="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},y(e)}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}function O(e){return O=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},O(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 T(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(e){var t=C();return function(){var n,r=O(e);if(t){var o=O(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return v(this,n)}}function C(){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 w=function(e){b(n,e);var t=S(n);function n(){return f(this,n),t.apply(this,arguments)}return d(n)}(t.Component);g(w,"defaultProps",{header:null,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,headerTemplate:null,contentStyle:null,contentClassName:null});var N=function(e){b(o,e);var t=S(o);function o(e){var n;f(this,o);var r={id:(n=t.call(this,e)).props.id};return n.props.onTabChange||(r=j(j({},r),{},{activeIndex:e.activeIndex})),n.state=r,n}return d(o,[{key:"shouldTabRender",value:function(e){return e&&e.type===w}},{key:"onTabHeaderClick",value:function(e,t,n){if(!t.props.disabled){var r=this.isSelected(n),o=null;if(this.props.multiple){var a=(this.props.onTabChange?this.props.activeIndex:this.state.activeIndex)||[];o=a=r?a.filter((function(e){return e!==n})):[].concat(s(u=a)||l(u)||c(u)||p(),[n])}else o=r?null:n;var i=r?this.props.onTabClose:this.props.onTabOpen;i&&i({originalEvent:e,index:n}),this.props.onTabChange?this.props.onTabChange({originalEvent:e,index:o}):this.setState({activeIndex:o})}var u;e.preventDefault()}},{key:"isSelected",value:function(e){var t=this.props.onTabChange?this.props.activeIndex:this.state.activeIndex;return this.props.multiple?t&&t.indexOf(e)>=0:t===e}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n.UniqueComponentId()})}},{key:"renderTabHeader",value:function(e,t,r){var o=this,i=j(j({},e.props.headerStyle||{}),e.props.style||{}),s=n.classNames("p-accordion-header",{"p-highlight":t,"p-disabled":e.props.disabled},e.props.headerClassName,e.props.className),l=this.state.id+"_header_"+r,c=this.state.id+"_content_"+r,p=e.props.disabled?-1:null,u=e.props.headerTemplate?n.ObjectUtils.getJSXElement(e.props.headerTemplate,e.props):a.default.createElement("span",{className:"p-accordion-header-text"},e.props.header);return a.default.createElement("div",{className:s,style:i},a.default.createElement("a",{href:"#"+c,id:l,className:"p-accordion-header-link","aria-controls":c,role:"tab","aria-expanded":t,onClick:function(t){return o.onTabHeaderClick(t,e,r)},tabIndex:p},n.IconUtils.getJSXIcon(t?this.props.collapseIcon:this.props.expandIcon,{className:"p-accordion-toggle-icon"},{props:this.props,selected:t}),u))}},{key:"renderTabContent",value:function(e,t,o){var i=j(j({},e.props.contentStyle||{}),e.props.style||{}),s=n.classNames("p-toggleable-content",e.props.contentClassName,e.props.className),l=this.state.id+"_content_"+o,c=a.default.createRef();return a.default.createElement(r.CSSTransition,{nodeRef:c,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0,options:this.props.transitionOptions},a.default.createElement("div",{ref:c,id:l,className:s,style:i,role:"region","aria-labelledby":this.state.id+"_header_"+o},a.default.createElement("div",{className:"p-accordion-content"},e.props.children)))}},{key:"renderTab",value:function(e,t){var r=this.isSelected(t),o=this.renderTabHeader(e,r,t),i=this.renderTabContent(e,r,t),s=n.classNames("p-accordion-tab",{"p-accordion-tab-active":r});return a.default.createElement("div",{key:e.props.header,className:s},o,i)}},{key:"renderTabs",value:function(){var e=this;return a.default.Children.map(this.props.children,(function(t,n){if(e.shouldTabRender(t))return e.renderTab(t,n)}))}},{key:"render",value:function(){var e=this,t=n.classNames("p-accordion p-component",this.props.className),r=this.renderTabs();return a.default.createElement("div",{ref:function(t){return e.container=t},id:this.state.id,className:t,style:this.props.style},r)}}]),o}(t.Component);return g(N,"defaultProps",{id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:"pi pi-chevron-right",collapseIcon:"pi pi-chevron-down",transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null}),e.Accordion=N,e.AccordionTab=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition);