primereact 8.7.2 → 9.0.0-beta.1

package/accordion/accordion.cjs.js

@@ -32,20 +32,45 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  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 _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -56,17 +81,14 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -100,33 +122,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -138,33 +160,26 @@ function _slicedToArray(arr, i) {
 }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AccordionTab = function AccordionTab() {};
-
 var shouldUseTab = function shouldUseTab(tab) {
   return tab && tab.props.__TYPE === 'AccordionTab';
 };
-
 var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(props.id),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      idState = _React$useState2[0],
-      setIdState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    idState = _React$useState2[0],
+    setIdState = _React$useState2[1];
   var _React$useState3 = React__namespace.useState(props.activeIndex),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      activeIndexState = _React$useState4[0],
-      setActiveIndexState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    activeIndexState = _React$useState4[0],
+    setActiveIndexState = _React$useState4[1];
   var elementRef = React__namespace.useRef(null);
   var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
-
   var onTabHeaderClick = function onTabHeaderClick(event, tab, index) {
     if (!tab.props.disabled) {
       var selected = isSelected(index);
       var newActiveIndex = null;
-
       if (props.multiple) {
         var indexes = activeIndex || [];
         newActiveIndex = selected ? indexes.filter(function (i) {
@@ -173,13 +188,11 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       } else {
         newActiveIndex = selected ? null : index;
       }
-
       var callback = selected ? props.onTabClose : props.onTabOpen;
       callback && callback({
         originalEvent: event,
         index: index
       });
-
       if (props.onTabChange) {
         props.onTabChange({
           originalEvent: event,
@@ -189,16 +202,13 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
         setActiveIndexState(newActiveIndex);
       }
     }
-
     event.preventDefault();
   };
-
   var isSelected = function isSelected(index) {
     return props.multiple ? activeIndex && activeIndex.some(function (i) {
       return i === index;
     }) : activeIndex === index;
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -212,14 +222,11 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       setIdState(utils.UniqueComponentId());
     }
   });
-
   if (!idState) {
     return null;
   }
-
   var createTabHeader = function createTabHeader(tab, selected, index) {
     var style = _objectSpread(_objectSpread({}, tab.props.style || {}), tab.props.headerStyle || {});
-
     var className = utils.classNames('p-accordion-header', {
       'p-highlight': selected,
       'p-disabled': tab.props.disabled
@@ -254,10 +261,8 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       "aria-label": label
     }, icon, header));
   };
-
   var createTabContent = function createTabContent(tab, selected, index) {
     var style = _objectSpread(_objectSpread({}, tab.props.style || {}), tab.props.contentStyle || {});
-
     var className = utils.classNames('p-toggleable-content', tab.props.contentClassName, tab.props.className);
     var contentId = idState + '_content_' + index;
     var ariaLabelledby = idState + '_header_' + index;
@@ -283,14 +288,11 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       className: "p-accordion-content"
     }, tab.props.children)));
   };
-
   var createTab = function createTab(tab, index) {
     if (shouldUseTab(tab)) {
       var key = idState + '_' + index;
       var selected = isSelected(index);
-
       var _otherProps = utils.ObjectUtils.findDiffKeys(tab.props, AccordionTab.defaultProps);
-
       var tabHeader = createTabHeader(tab, selected, index);
       var tabContent = createTabContent(tab, selected, index);
       var tabClassName = utils.classNames('p-accordion-tab', {
@@ -301,14 +303,11 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
         className: tabClassName
       }, _otherProps), tabHeader, tabContent);
     }
-
     return null;
   };
-
   var createTabs = function createTabs() {
     return React__namespace.Children.map(props.children, createTab);
   };
-
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Accordion.defaultProps);
   var className = utils.classNames('p-accordion p-component', props.className);
   var tabs = createTabs();

package/accordion/accordion.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),a=require("primereact/utils");function o(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=o(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},i.apply(this,arguments)}function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function u(e){if(Array.isArray(e))return s(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,r){if(e){if("string"==typeof e)return s(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?s(e,r):void 0}}function f(){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 b(e){if(Array.isArray(e))return e}function m(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o=[],l=!0,i=!1;try{for(t=t.call(e);!(l=(n=t.next()).done)&&(o.push(n.value),!r||o.length!==r);l=!0);}catch(e){i=!0,a=e}finally{try{l||null==t.return||t.return()}finally{if(i)throw a}}return o}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,r){return b(e)||m(e,r)||d(e,r)||y()}function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function g(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?v(Object(t),!0).forEach((function(r){c(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var O=function(){},j=function(e){return e&&"AccordionTab"===e.props.__TYPE},N=l.forwardRef((function(e,o){var c=h(l.useState(e.id),2),s=c[0],b=c[1],m=h(l.useState(e.activeIndex),2),y=m[0],v=m[1],E=l.useRef(null),T=e.onTabChange?e.activeIndex:y,P=function(r,t,n){if(!t.props.disabled){var a=S(n),o=null;if(e.multiple){var l=T||[];o=a?l.filter((function(e){return e!==n})):[].concat(u(c=l)||p(c)||d(c)||f(),[n])}else o=a?null:n;var i=a?e.onTabClose:e.onTabOpen;i&&i({originalEvent:r,index:n}),e.onTabChange?e.onTabChange({originalEvent:r,index:o}):v(o)}var c;r.preventDefault()},S=function(r){return e.multiple?T&&T.some((function(e){return e===r})):T===r};if(l.useImperativeHandle(o,(function(){return{props:e,getElement:function(){return E.current}}})),n.useMountEffect((function(){s||b(a.UniqueComponentId())})),!s)return null;var x=function(t,n,o){var i=g(g({},t.props.style||{}),t.props.headerStyle||{}),c=a.classNames("p-accordion-header",{"p-highlight":n,"p-disabled":t.props.disabled},t.props.headerClassName,t.props.className),u=s+"_header_"+o,p=s+"_content_"+o,d=t.props.disabled?-1:t.props.tabIndex,f=t.props.headerTemplate?a.ObjectUtils.getJSXElement(t.props.headerTemplate,t.props):l.createElement("span",{className:"p-accordion-header-text"},t.props.header),b=a.IconUtils.getJSXIcon(n?e.collapseIcon:e.expandIcon,{className:"p-accordion-toggle-icon"},{props:e,selected:n}),m=r.ariaLabel(n?"collapseLabel":"expandLabel");return l.createElement("div",{className:c,style:i},l.createElement("a",{href:"#"+p,id:u,className:"p-accordion-header-link","aria-controls":p,role:"tab","aria-expanded":n,onClick:function(e){return P(e,t,o)},tabIndex:d,"aria-label":m},b,f))},I=function(r,n,o){var i=g(g({},r.props.style||{}),r.props.contentStyle||{}),c=a.classNames("p-toggleable-content",r.props.contentClassName,r.props.className),u=s+"_content_"+o,p=s+"_header_"+o,d=l.createRef();return l.createElement(t.CSSTransition,{nodeRef:d,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:n,unmountOnExit:!0,options:e.transitionOptions},l.createElement("div",{ref:d,id:u,className:c,style:i,role:"region","aria-labelledby":p},l.createElement("div",{className:"p-accordion-content"},r.props.children)))},_=function(e,r){if(j(e)){var t=s+"_"+r,n=S(r),o=a.ObjectUtils.findDiffKeys(e.props,O.defaultProps),c=x(e,n,r),u=I(e,n,r),p=a.classNames("p-accordion-tab",{"p-accordion-tab-active":n});return l.createElement("div",i({key:t,className:p},o),c,u)}return null},w=a.ObjectUtils.findDiffKeys(e,N.defaultProps),A=a.classNames("p-accordion p-component",e.className),C=l.Children.map(e.children,_);return l.createElement("div",i({id:s,ref:E,className:A,style:e.style},w),C)}));O.displayName="AccordionTab",O.defaultProps={__TYPE:"AccordionTab",className:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,style:null,tabIndex:0},N.displayName="Accordion",N.defaultProps={__TYPE:"Accordion",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=N,exports.AccordionTab=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/csstransition"),n=require("primereact/hooks"),o=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=a(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},i.apply(this,arguments)}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},c(e)}function s(e,r){if("object"!==c(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function u(e){var r=s(e,"string");return"symbol"===c(r)?r:String(r)}function p(e,r,t){return(r=u(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function d(e){if(Array.isArray(e))return f(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,r){if(e){if("string"==typeof e)return f(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?f(e,r):void 0}}function y(){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 v(e){if(Array.isArray(e))return e}function h(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,a,l,i=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=a.call(t)).done)&&(i.push(n.value),i.length!==r);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw o}}return i}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,r){return v(e)||h(e,r)||m(e,r)||g()}function j(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function S(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?j(Object(t),!0).forEach((function(r){p(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var N=function(){},E=function(e){return e&&"AccordionTab"===e.props.__TYPE},P=l.forwardRef((function(e,a){var c=O(l.useState(e.id),2),s=c[0],u=c[1],p=O(l.useState(e.activeIndex),2),f=p[0],v=p[1],h=l.useRef(null),g=e.onTabChange?e.activeIndex:f,j=function(r,t,n){if(!t.props.disabled){var o=T(n),a=null;if(e.multiple){var l=g||[];a=o?l.filter((function(e){return e!==n})):[].concat(d(c=l)||b(c)||m(c)||y(),[n])}else a=o?null:n;var i=o?e.onTabClose:e.onTabOpen;i&&i({originalEvent:r,index:n}),e.onTabChange?e.onTabChange({originalEvent:r,index:a}):v(a)}var c;r.preventDefault()},T=function(r){return e.multiple?g&&g.some((function(e){return e===r})):g===r};if(l.useImperativeHandle(a,(function(){return{props:e,getElement:function(){return h.current}}})),n.useMountEffect((function(){s||u(o.UniqueComponentId())})),!s)return null;var w=function(t,n,a){var i=S(S({},t.props.style||{}),t.props.headerStyle||{}),c=o.classNames("p-accordion-header",{"p-highlight":n,"p-disabled":t.props.disabled},t.props.headerClassName,t.props.className),u=s+"_header_"+a,p=s+"_content_"+a,f=t.props.disabled?-1:t.props.tabIndex,d=t.props.headerTemplate?o.ObjectUtils.getJSXElement(t.props.headerTemplate,t.props):l.createElement("span",{className:"p-accordion-header-text"},t.props.header),b=o.IconUtils.getJSXIcon(n?e.collapseIcon:e.expandIcon,{className:"p-accordion-toggle-icon"},{props:e,selected:n}),m=r.ariaLabel(n?"collapseLabel":"expandLabel");return l.createElement("div",{className:c,style:i},l.createElement("a",{href:"#"+p,id:u,className:"p-accordion-header-link","aria-controls":p,role:"tab","aria-expanded":n,onClick:function(e){return j(e,t,a)},tabIndex:f,"aria-label":m},b,d))},x=function(r,n,a){var i=S(S({},r.props.style||{}),r.props.contentStyle||{}),c=o.classNames("p-toggleable-content",r.props.contentClassName,r.props.className),u=s+"_content_"+a,p=s+"_header_"+a,f=l.createRef();return l.createElement(t.CSSTransition,{nodeRef:f,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:n,unmountOnExit:!0,options:e.transitionOptions},l.createElement("div",{ref:f,id:u,className:c,style:i,role:"region","aria-labelledby":p},l.createElement("div",{className:"p-accordion-content"},r.props.children)))},I=function(e,r){if(E(e)){var t=s+"_"+r,n=T(r),a=o.ObjectUtils.findDiffKeys(e.props,N.defaultProps),c=w(e,n,r),u=x(e,n,r),p=o.classNames("p-accordion-tab",{"p-accordion-tab-active":n});return l.createElement("div",i({key:t,className:p},a),c,u)}return null},_=o.ObjectUtils.findDiffKeys(e,P.defaultProps),A=o.classNames("p-accordion p-component",e.className),C=l.Children.map(e.children,I);return l.createElement("div",i({id:s,ref:h,className:A,style:e.style},_),C)}));N.displayName="AccordionTab",N.defaultProps={__TYPE:"AccordionTab",className:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,style:null,tabIndex:0},P.displayName="Accordion",P.defaultProps={__TYPE:"Accordion",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=P,exports.AccordionTab=N;

package/accordion/accordion.d.ts

@@ -1,45 +1,188 @@
+/**
+ *
+ * Accordion groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/accordion/)
+ *
+ * Helper Components:
+ *
+ * - {@link AccordionTab}
+ *
+ * @module accordion
+ *
+ */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { IconType } from '../utils';
 
-type AccordionTabHeaderTemplateType = React.ReactNode | ((props: AccordionTabProps) => React.ReactNode);
-
+/**
+ * Defines valid properties in AccordionTab component.
+ * @group Properties
+ */
 interface AccordionTabProps {
-    children?: React.ReactNode;
-    className?: string;
-    contentClassName?: string;
-    contentStyle?: React.CSSProperties;
-    disabled?: boolean;
-    header?: React.ReactNode;
-    headerClassName?: string;
-    headerStyle?: React.CSSProperties;
-    headerTemplate?: AccordionTabHeaderTemplateType;
-    style?: React.CSSProperties;
-    tabIndex?: number;
+    /**
+     * Style class of the tab header and content.
+     */
+    className?: string | undefined;
+    /**
+     * Style class of the tab content.
+     */
+    contentClassName?: string | undefined;
+    /**
+     * Inline style of the tab content.
+     */
+    contentStyle?: React.CSSProperties | undefined;
+    /**
+     * Whether the tab is disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Used to define the header of the tab.
+     */
+    header?: React.ReactNode | undefined;
+    /**
+     * Style class of the tab header.
+     */
+    headerClassName?: string | undefined;
+    /**
+     * Inline style of the tab header.
+     */
+    headerStyle?: React.CSSProperties | undefined;
+    /**
+     * Custom header template of the tab.
+     */
+    headerTemplate?: React.ReactNode | ((props: AccordionTabProps) => React.ReactNode);
+    /**
+     * Inline style of the tab header and content.
+     */
+    style?: React.CSSProperties | undefined;
+    /**
+     * Index of the element in tabbing order.
+     * @defaultValue 0
+     */
+    tabIndex?: number | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * AccordionTab is a helper component for Accordion.
+ * @group Component
+ */
 export declare class AccordionTab extends React.Component<AccordionTabProps, any> {}
 
-type AccordionActiveIndexType = number | number[] | undefined | null;
-
-interface AccordionEventParams {
+/**
+ * Custom tab open event.
+ * @see {@link AccordionProps.onTabOpen}
+ * @event
+ */
+export interface AccordionTabOpenEvent {
+    /**
+     * Browser mouse event.
+     */
     originalEvent: React.MouseEvent<HTMLElement>;
+    /**
+     * Opened tab index.
+     */
     index: number;
 }
 
+/**
+ * Custom tab close event.
+ * @see {@link AccordionProps.onTabClose}
+ * @extends {AccordionTabOpenEvent}
+ * @event
+ */
+export interface AccordionTabCloseEvent extends AccordionTabOpenEvent {}
+
+/**
+ * Custom tab change event.
+ * @see {@link AccordionProps.onTabChange}
+ * @event
+ */
+export interface AccordionTabChangeEvent {
+    /**
+     * Browser mouse event.
+     */
+    originalEvent: React.MouseEvent<HTMLElement>;
+    /**
+     * Opened tab index.
+     */
+    index: number | number[];
+}
+
+/**
+ * Defines valid properties in Accordion component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface AccordionProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    activeIndex?: AccordionActiveIndexType;
-    multiple?: boolean;
-    expandIcon?: IconType<AccordionProps>;
-    collapseIcon?: IconType<AccordionProps>;
-    transitionOptions?: CSSTransitionProps;
-    onTabOpen?(e: AccordionEventParams): void;
-    onTabClose?(e: AccordionEventParams): void;
-    onTabChange?(e: AccordionEventParams): void;
-    children?: React.ReactNode;
+    /**
+     * Active index or indexes of the element. Use an array of numbers for multiple indexes.
+     * The {@link multiple} prop must be set to true in order to specify multiple indexes.
+     */
+    activeIndex?: number | number[] | null | undefined;
+    /**
+     * When enabled, multiple tabs can be activated at the same time.
+     * @defaultValue false
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Icon of a collapsed tab.
+     * @defaultValue pi pi-chevron-right
+     */
+    expandIcon?: IconType<AccordionProps> | undefined;
+    /**
+     * Icon of an expanded tab.
+     * @defaultValue pi pi-chevron-down
+     */
+    collapseIcon?: IconType<AccordionProps> | undefined;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     * @type {CSSTransitionProps}
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Callback to invoke when a tab gets expanded.
+     * @param {AccordionTabOpenEvent} event - Custom tab open event.
+     */
+    onTabOpen?(event: AccordionTabOpenEvent): void;
+    /**
+     * Callback to invoke when an active tab is collapsed by clicking on the header.
+     * @param {AccordionTabCloseEvent} event - Custom tab close event.
+     */
+    onTabClose?(event: AccordionTabCloseEvent): void;
+    /**
+     * Callback to invoke when state of the accordion changes.
+     * @param {AccordionTabChangeEvent} event - Custom tab close event.
+     */
+    onTabChange?(event: AccordionTabChangeEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Accordion**
+ *
+ * _Accordion groups a collection of contents in tabs._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/accordion/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 // tslint:disable-next-line:max-classes-per-file
 export declare class Accordion extends React.Component<AccordionProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }