primereact 9.3.1 → 9.4.0

package/accordion/accordion.esm.js

@@ -2,23 +2,40 @@ import * as React from 'react';
 import { ariaLabel } from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
 import { useMountEffect } from 'primereact/hooks';
-import { ObjectUtils, UniqueComponentId, classNames, IconUtils } from 'primereact/utils';
+import { ObjectUtils, UniqueComponentId, classNames, mergeProps, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 import { ChevronRightIcon } from 'primereact/icons/chevronright';
 import { ChevronDownIcon } from 'primereact/icons/chevrondown';
 
-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 _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;
+}
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableSpread() {
+  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 _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
 function _typeof(obj) {
@@ -62,37 +79,6 @@ function _defineProperty(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;
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableSpread() {
-  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 _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -133,7 +119,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var AccordionBase = {
+var AccordionBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Accordion',
     id: null,
@@ -148,15 +134,9 @@ var AccordionBase = {
     onTabClose: null,
     onTabChange: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, AccordionBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, AccordionBase.defaultProps);
   }
-};
-var AccordionTabBase = {
+});
+var AccordionTabBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'AccordionTab',
     className: null,
@@ -180,7 +160,7 @@ var AccordionTabBase = {
   getCOtherProps: function getCOtherProps(tab) {
     return ObjectUtils.getComponentDiffProps(tab, AccordionTabBase.defaultProps);
   }
-};
+});
 
 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; }
@@ -197,6 +177,22 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     setActiveIndexState = _React$useState4[1];
   var elementRef = React.useRef(null);
   var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
+  var metaData = {
+    props: props,
+    state: {
+      id: idState,
+      activeIndex: activeIndexState
+    }
+  };
+  var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread({}, metaData)),
+    ptm = _AccordionBase$setMet.ptm,
+    ptmo = _AccordionBase$setMet.ptmo;
+  var getTabPT = function getTabPT(tab, key) {
+    return ptmo(getTabProp(tab, 'pt'), key, {
+      props: tab.props,
+      parent: metaData
+    });
+  };
   var getTabProp = function getTabProp(tab, name) {
     return AccordionTabBase.getCProp(tab, name);
   };
@@ -258,38 +254,38 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var headerId = idState + '_header_' + index;
     var ariaControls = idState + '_content_' + index;
     var tabIndex = getTabProp(tab, 'disabled') ? -1 : getTabProp(tab, 'tabIndex');
-    var header = getTabProp(tab, 'headerTemplate') ? ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), AccordionTabBase.getCProps(tab)) : /*#__PURE__*/React.createElement("span", {
-      className: "p-accordion-header-text"
-    }, getTabProp(tab, 'header'));
+    var headerTitleProps = mergeProps({
+      className: 'p-accordion-header-text'
+    }, getTabPT(tab, 'headertitle'));
+    var header = getTabProp(tab, 'headerTemplate') ? ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), AccordionTabBase.getCProps(tab)) : /*#__PURE__*/React.createElement("span", headerTitleProps, getTabProp(tab, 'header'));
     var iconClassName = 'p-accordion-toggle-icon';
-    var icon = selected ? props.collapseIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, {
+    var headerIconProps = mergeProps({
       className: iconClassName
-    }) : props.expandIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, {
-      className: iconClassName
-    });
-    var toggleIcon = IconUtils.getJSXIcon(icon, {
-      className: iconClassName
-    }, {
+    }, getTabPT(tab, 'headericon'));
+    var icon = selected ? props.collapseIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, headerIconProps) : props.expandIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, headerIconProps);
+    var toggleIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, headerIconProps), {
       props: props,
       selected: selected
     });
     var label = selected ? ariaLabel('collapseLabel') : ariaLabel('expandLabel');
-    return /*#__PURE__*/React.createElement("div", {
+    var headerProps = mergeProps({
       className: className,
       style: style
-    }, /*#__PURE__*/React.createElement("a", {
-      href: '#' + ariaControls,
+    }, getTabPT(tab, 'header'));
+    var headerActionProps = mergeProps({
       id: headerId,
-      className: "p-accordion-header-link",
-      "aria-controls": ariaControls,
-      role: "tab",
-      "aria-expanded": selected,
+      href: '#' + ariaControls,
+      className: 'p-accordion-header-link',
+      role: 'tab',
+      tabIndex: tabIndex,
       onClick: function onClick(e) {
         return onTabHeaderClick(e, tab, index);
       },
-      tabIndex: tabIndex,
-      "aria-label": label
-    }, toggleIcon, header));
+      'aria-label': label,
+      'aria-controls': ariaControls,
+      'aria-expanded': selected
+    }, getTabPT(tab, 'headeraction'));
+    return /*#__PURE__*/React.createElement("div", headerProps, /*#__PURE__*/React.createElement("a", headerActionProps, toggleIcon, header));
   };
   var createTabContent = function createTabContent(tab, selected, index) {
     var style = _objectSpread(_objectSpread({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'contentStyle') || {});
@@ -297,6 +293,17 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var contentId = idState + '_content_' + index;
     var ariaLabelledby = idState + '_header_' + index;
     var contentRef = /*#__PURE__*/React.createRef();
+    var toggleableContentProps = mergeProps({
+      id: contentId,
+      ref: contentRef,
+      className: className,
+      style: style,
+      role: 'region',
+      'aria-labelledby': ariaLabelledby
+    }, getTabPT(tab, 'toggleablecontent'));
+    var contentProps = mergeProps({
+      className: 'p-accordion-content'
+    }, getTabPT(tab, 'content'));
     return /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: contentRef,
       classNames: "p-toggleable-content",
@@ -307,46 +314,37 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       "in": selected,
       unmountOnExit: true,
       options: props.transitionOptions
-    }, /*#__PURE__*/React.createElement("div", {
-      ref: contentRef,
-      id: contentId,
-      className: className,
-      style: style,
-      role: "region",
-      "aria-labelledby": ariaLabelledby
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "p-accordion-content"
-    }, getTabProp(tab, 'children'))));
+    }, /*#__PURE__*/React.createElement("div", toggleableContentProps, /*#__PURE__*/React.createElement("div", contentProps, getTabProp(tab, 'children'))));
   };
   var createTab = function createTab(tab, index) {
     if (ObjectUtils.isValidChild(tab, 'AccordionTab')) {
       var key = idState + '_' + index;
       var selected = isSelected(index);
-      var _otherProps = AccordionTabBase.getCOtherProps(tab);
       var tabHeader = createTabHeader(tab, selected, index);
       var tabContent = createTabContent(tab, selected, index);
       var tabClassName = classNames('p-accordion-tab', {
         'p-accordion-tab-active': selected
       });
-      return /*#__PURE__*/React.createElement("div", _extends({
+      var _rootProps = mergeProps({
         key: key,
         className: tabClassName
-      }, _otherProps), tabHeader, tabContent);
+      }, AccordionTabBase.getCOtherProps(tab), getTabPT(tab, 'root'));
+      return /*#__PURE__*/React.createElement("div", _rootProps, tabHeader, tabContent);
     }
     return null;
   };
   var createTabs = function createTabs() {
     return React.Children.map(props.children, createTab);
   };
-  var otherProps = AccordionBase.getOtherProps(props);
   var className = classNames('p-accordion p-component', props.className);
   var tabs = createTabs();
-  return /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     id: idState,
     ref: elementRef,
     className: className,
     style: props.style
-  }, otherProps), tabs);
+  }, AccordionBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("div", rootProps, tabs);
 });
 AccordionTab.displayName = 'AccordionTab';
 Accordion.displayName = 'Accordion';

package/accordion/accordion.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ariaLabel as t}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useMountEffect as n}from"primereact/hooks";import{ObjectUtils as o,UniqueComponentId as a,classNames as l,IconUtils as i}from"primereact/utils";import{ChevronRightIcon as c}from"primereact/icons/chevronright";import{ChevronDownIcon as u}from"primereact/icons/chevrondown";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}function m(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(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 y(e){if(Array.isArray(e))return b(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function v(){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){if(Array.isArray(e))return e}function O(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,i=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function S(){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 j(e,t){return P(e)||O(e,t)||h(e,t)||S()}var C={defaultProps:{__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:null,collapseIcon:null,transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null,children:void 0},getProps:function(e){return o.getMergedProps(e,C.defaultProps)},getOtherProps:function(e){return o.getDiffProps(e,C.defaultProps)}},N={defaultProps:{__TYPE:"AccordionTab",className:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,style:null,tabIndex:0,children:void 0},getCProp:function(e,t){return o.getComponentProp(e,t,N.defaultProps)},getCProps:function(e){return o.getComponentProps(e,N.defaultProps)},getCOtherProps:function(e){return o.getComponentDiffProps(e,N.defaultProps)}};function E(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?E(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var w=function(){},x=e.forwardRef((function(p,f){var d=C.getProps(p),m=j(e.useState(d.id),2),b=m[0],P=m[1],O=j(e.useState(d.activeIndex),2),S=O[0],E=O[1],w=e.useRef(null),x=d.onTabChange?d.activeIndex:S,I=function(e,t){return N.getCProp(e,t)},A=function(e,t,r){if(!I(t,"disabled")){var n=_(r),o=null;if(d.multiple){var a=x||[];o=n?a.filter((function(e){return e!==r})):[].concat(y(i=a)||g(i)||h(i)||v(),[r])}else o=n?null:r;var l=n?d.onTabClose:d.onTabOpen;l&&l({originalEvent:e,index:r}),d.onTabChange?d.onTabChange({originalEvent:e,index:o}):E(o)}var i;e.preventDefault()},_=function(e){return d.multiple?x&&x.some((function(t){return t===e})):x===e};if(e.useImperativeHandle(f,(function(){return{props:d,getElement:function(){return w.current}}})),n((function(){b||P(a())})),!b)return null;var D=function(r,n,a){var s=T(T({},I(r,"style")||{}),I(r,"headerStyle")||{}),p=l("p-accordion-header",{"p-highlight":n,"p-disabled":I(r,"disabled")},I(r,"headerClassName"),I(r,"className")),f=b+"_header_"+a,m=b+"_content_"+a,y=I(r,"disabled")?-1:I(r,"tabIndex"),g=I(r,"headerTemplate")?o.getJSXElement(I(r,"headerTemplate"),N.getCProps(r)):e.createElement("span",{className:"p-accordion-header-text"},I(r,"header")),h="p-accordion-toggle-icon",v=i.getJSXIcon(n?d.collapseIcon||e.createElement(u,{className:h}):d.expandIcon||e.createElement(c,{className:h}),{className:h},{props:d,selected:n}),P=t(n?"collapseLabel":"expandLabel");return e.createElement("div",{className:p,style:s},e.createElement("a",{href:"#"+m,id:f,className:"p-accordion-header-link","aria-controls":m,role:"tab","aria-expanded":n,onClick:function(e){return A(e,r,a)},tabIndex:y,"aria-label":P},v,g))},k=function(t,n,o){var a=T(T({},I(t,"style")||{}),I(t,"contentStyle")||{}),i=l("p-toggleable-content",I(t,"contentClassName"),I(t,"className")),c=b+"_content_"+o,u=b+"_header_"+o,s=e.createRef();return e.createElement(r,{nodeRef:s,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:n,unmountOnExit:!0,options:d.transitionOptions},e.createElement("div",{ref:s,id:c,className:i,style:a,role:"region","aria-labelledby":u},e.createElement("div",{className:"p-accordion-content"},I(t,"children"))))},R=function(t,r){if(o.isValidChild(t,"AccordionTab")){var n=b+"_"+r,a=_(r),i=N.getCOtherProps(t),c=D(t,a,r),u=k(t,a,r),p=l("p-accordion-tab",{"p-accordion-tab-active":a});return e.createElement("div",s({key:n,className:p},i),c,u)}return null},J=C.getOtherProps(d),L=l("p-accordion p-component",d.className),M=e.Children.map(d.children,R);return e.createElement("div",s({id:b,ref:w,className:L,style:d.style},J),M)}));w.displayName="AccordionTab",x.displayName="Accordion";export{x as Accordion,w as AccordionTab};
+import*as e from"react";import{ariaLabel as t}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useMountEffect as n}from"primereact/hooks";import{ObjectUtils as o,UniqueComponentId as a,classNames as l,mergeProps as i,IconUtils as c}from"primereact/utils";import{ComponentBase as u}from"primereact/componentbase";import{ChevronRightIcon as s}from"primereact/icons/chevronright";import{ChevronDownIcon as p}from"primereact/icons/chevrondown";function d(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 f(e){if(Array.isArray(e))return d(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):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 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 v(e,t){if("object"!==h(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==h(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=v(e,"string");return"symbol"===h(t)?t:String(t)}function O(e,t,r){return(t=g(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function P(e){if(Array.isArray(e))return e}function S(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,i=[],c=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=a.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function C(){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 E(e,t){return P(e)||S(e,t)||b(e,t)||C()}var N=u.extend({defaultProps:{__TYPE:"Accordion",id:null,activeIndex:null,className:null,style:null,multiple:!1,expandIcon:null,collapseIcon:null,transitionOptions:null,onTabOpen:null,onTabClose:null,onTabChange:null,children:void 0}}),j=u.extend({defaultProps:{__TYPE:"AccordionTab",className:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,style:null,tabIndex:0,children:void 0},getCProp:function(e,t){return o.getComponentProp(e,t,j.defaultProps)},getCProps:function(e){return o.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return o.getComponentDiffProps(e,j.defaultProps)}});function x(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?x(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var I=function(){},w=e.forwardRef((function(u,d){var h=N.getProps(u),v=E(e.useState(h.id),2),g=v[0],O=v[1],P=E(e.useState(h.activeIndex),2),S=P[0],C=P[1],x=e.useRef(null),I=h.onTabChange?h.activeIndex:S,w={props:h,state:{id:g,activeIndex:S}},A=N.setMetaData(T({},w)),_=A.ptm,D=A.ptmo,k=function(e,t){return D(R(e,"pt"),t,{props:e.props,parent:w})},R=function(e,t){return j.getCProp(e,t)},J=function(e,t,r){if(!R(t,"disabled")){var n=L(r),o=null;if(h.multiple){var a=I||[];o=n?a.filter((function(e){return e!==r})):[].concat(f(i=a)||m(i)||b(i)||y(),[r])}else o=n?null:r;var l=n?h.onTabClose:h.onTabOpen;l&&l({originalEvent:e,index:r}),h.onTabChange?h.onTabChange({originalEvent:e,index:o}):C(o)}var i;e.preventDefault()},L=function(e){return h.multiple?I&&I.some((function(t){return t===e})):I===e};if(e.useImperativeHandle(d,(function(){return{props:h,getElement:function(){return x.current}}})),n((function(){g||O(a())})),!g)return null;var M=function(r,n,a){var u=T(T({},R(r,"style")||{}),R(r,"headerStyle")||{}),d=l("p-accordion-header",{"p-highlight":n,"p-disabled":R(r,"disabled")},R(r,"headerClassName"),R(r,"className")),f=g+"_header_"+a,m=g+"_content_"+a,b=R(r,"disabled")?-1:R(r,"tabIndex"),y=i({className:"p-accordion-header-text"},k(r,"headertitle")),v=R(r,"headerTemplate")?o.getJSXElement(R(r,"headerTemplate"),j.getCProps(r)):e.createElement("span",y,R(r,"header")),O=i({className:"p-accordion-toggle-icon"},k(r,"headericon")),P=c.getJSXIcon(n?h.collapseIcon||e.createElement(p,O):h.expandIcon||e.createElement(s,O),T({},O),{props:h,selected:n}),S=t(n?"collapseLabel":"expandLabel"),C=i({className:d,style:u},k(r,"header")),E=i({id:f,href:"#"+m,className:"p-accordion-header-link",role:"tab",tabIndex:b,onClick:function(e){return J(e,r,a)},"aria-label":S,"aria-controls":m,"aria-expanded":n},k(r,"headeraction"));return e.createElement("div",C,e.createElement("a",E,P,v))},X=function(t,n,o){var a=T(T({},R(t,"style")||{}),R(t,"contentStyle")||{}),c=l("p-toggleable-content",R(t,"contentClassName"),R(t,"className")),u=g+"_content_"+o,s=g+"_header_"+o,p=e.createRef(),d=i({id:u,ref:p,className:c,style:a,role:"region","aria-labelledby":s},k(t,"toggleablecontent")),f=i({className:"p-accordion-content"},k(t,"content"));return e.createElement(r,{nodeRef:p,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:n,unmountOnExit:!0,options:h.transitionOptions},e.createElement("div",d,e.createElement("div",f,R(t,"children"))))},Y=function(t,r){if(o.isValidChild(t,"AccordionTab")){var n=g+"_"+r,a=L(r),c=M(t,a,r),u=X(t,a,r),s=l("p-accordion-tab",{"p-accordion-tab-active":a}),p=i({key:n,className:s},j.getCOtherProps(t),k(t,"root"));return e.createElement("div",p,c,u)}return null},H=l("p-accordion p-component",h.className),U=e.Children.map(h.children,Y),V=i({id:g,ref:x,className:H,style:h.style},N.getOtherProps(h),_("root"));return e.createElement("div",V,U)}));I.displayName="AccordionTab",w.displayName="Accordion";export{w as Accordion,I as AccordionTab};

package/accordion/accordion.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.accordion = (function (exports, React, api, csstransition, hooks, utils, chevronright, chevrondown) {
+this.primereact.accordion = (function (exports, React, api, csstransition, hooks, utils, componentbase, chevronright, chevrondown) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,19 +22,35 @@ this.primereact.accordion = (function (exports, React, api, csstransition, hooks
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  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 _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;
+  }
+
+  function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+  }
+
+  function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _nonIterableSpread() {
+    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 _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
 
   function _typeof(obj) {
@@ -78,37 +94,6 @@ this.primereact.accordion = (function (exports, React, api, csstransition, hooks
     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;
-  }
-
-  function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-  }
-
-  function _iterableToArray(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
-  function _nonIterableSpread() {
-    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 _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-  }
-
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -149,7 +134,7 @@ this.primereact.accordion = (function (exports, React, api, csstransition, hooks
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var AccordionBase = {
+  var AccordionBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Accordion',
       id: null,
@@ -164,15 +149,9 @@ this.primereact.accordion = (function (exports, React, api, csstransition, hooks
       onTabClose: null,
       onTabChange: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, AccordionBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, AccordionBase.defaultProps);
     }
-  };
-  var AccordionTabBase = {
+  });
+  var AccordionTabBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'AccordionTab',
       className: null,
@@ -196,7 +175,7 @@ this.primereact.accordion = (function (exports, React, api, csstransition, hooks
     getCOtherProps: function getCOtherProps(tab) {
       return utils.ObjectUtils.getComponentDiffProps(tab, AccordionTabBase.defaultProps);
     }
-  };
+  });
 
   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; }
@@ -213,6 +192,22 @@ this.primereact.accordion = (function (exports, React, api, csstransition, hooks
       setActiveIndexState = _React$useState4[1];
     var elementRef = React__namespace.useRef(null);
     var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
+    var metaData = {
+      props: props,
+      state: {
+        id: idState,
+        activeIndex: activeIndexState
+      }
+    };
+    var _AccordionBase$setMet = AccordionBase.setMetaData(_objectSpread({}, metaData)),
+      ptm = _AccordionBase$setMet.ptm,
+      ptmo = _AccordionBase$setMet.ptmo;
+    var getTabPT = function getTabPT(tab, key) {
+      return ptmo(getTabProp(tab, 'pt'), key, {
+        props: tab.props,
+        parent: metaData
+      });
+    };
     var getTabProp = function getTabProp(tab, name) {
       return AccordionTabBase.getCProp(tab, name);
     };
@@ -274,38 +269,38 @@ this.primereact.accordion = (function (exports, React, api, csstransition, hooks
       var headerId = idState + '_header_' + index;
       var ariaControls = idState + '_content_' + index;
       var tabIndex = getTabProp(tab, 'disabled') ? -1 : getTabProp(tab, 'tabIndex');
-      var header = getTabProp(tab, 'headerTemplate') ? utils.ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), AccordionTabBase.getCProps(tab)) : /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-accordion-header-text"
-      }, getTabProp(tab, 'header'));
+      var headerTitleProps = utils.mergeProps({
+        className: 'p-accordion-header-text'
+      }, getTabPT(tab, 'headertitle'));
+      var header = getTabProp(tab, 'headerTemplate') ? utils.ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), AccordionTabBase.getCProps(tab)) : /*#__PURE__*/React__namespace.createElement("span", headerTitleProps, getTabProp(tab, 'header'));
       var iconClassName = 'p-accordion-toggle-icon';
-      var icon = selected ? props.collapseIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
+      var headerIconProps = utils.mergeProps({
         className: iconClassName
-      }) : props.expandIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, {
-        className: iconClassName
-      });
-      var toggleIcon = utils.IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
+      }, getTabPT(tab, 'headericon'));
+      var icon = selected ? props.collapseIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, headerIconProps) : props.expandIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, headerIconProps);
+      var toggleIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, headerIconProps), {
         props: props,
         selected: selected
       });
       var label = selected ? api.ariaLabel('collapseLabel') : api.ariaLabel('expandLabel');
-      return /*#__PURE__*/React__namespace.createElement("div", {
+      var headerProps = utils.mergeProps({
         className: className,
         style: style
-      }, /*#__PURE__*/React__namespace.createElement("a", {
-        href: '#' + ariaControls,
+      }, getTabPT(tab, 'header'));
+      var headerActionProps = utils.mergeProps({
         id: headerId,
-        className: "p-accordion-header-link",
-        "aria-controls": ariaControls,
-        role: "tab",
-        "aria-expanded": selected,
+        href: '#' + ariaControls,
+        className: 'p-accordion-header-link',
+        role: 'tab',
+        tabIndex: tabIndex,
         onClick: function onClick(e) {
           return onTabHeaderClick(e, tab, index);
         },
-        tabIndex: tabIndex,
-        "aria-label": label
-      }, toggleIcon, header));
+        'aria-label': label,
+        'aria-controls': ariaControls,
+        'aria-expanded': selected
+      }, getTabPT(tab, 'headeraction'));
+      return /*#__PURE__*/React__namespace.createElement("div", headerProps, /*#__PURE__*/React__namespace.createElement("a", headerActionProps, toggleIcon, header));
     };
     var createTabContent = function createTabContent(tab, selected, index) {
       var style = _objectSpread(_objectSpread({}, getTabProp(tab, 'style') || {}), getTabProp(tab, 'contentStyle') || {});
@@ -313,6 +308,17 @@ this.primereact.accordion = (function (exports, React, api, csstransition, hooks
       var contentId = idState + '_content_' + index;
       var ariaLabelledby = idState + '_header_' + index;
       var contentRef = /*#__PURE__*/React__namespace.createRef();
+      var toggleableContentProps = utils.mergeProps({
+        id: contentId,
+        ref: contentRef,
+        className: className,
+        style: style,
+        role: 'region',
+        'aria-labelledby': ariaLabelledby
+      }, getTabPT(tab, 'toggleablecontent'));
+      var contentProps = utils.mergeProps({
+        className: 'p-accordion-content'
+      }, getTabPT(tab, 'content'));
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: contentRef,
         classNames: "p-toggleable-content",
@@ -323,46 +329,37 @@ this.primereact.accordion = (function (exports, React, api, csstransition, hooks
         "in": selected,
         unmountOnExit: true,
         options: props.transitionOptions
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        ref: contentRef,
-        id: contentId,
-        className: className,
-        style: style,
-        role: "region",
-        "aria-labelledby": ariaLabelledby
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-accordion-content"
-      }, getTabProp(tab, 'children'))));
+      }, /*#__PURE__*/React__namespace.createElement("div", toggleableContentProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, getTabProp(tab, 'children'))));
     };
     var createTab = function createTab(tab, index) {
       if (utils.ObjectUtils.isValidChild(tab, 'AccordionTab')) {
         var key = idState + '_' + index;
         var selected = isSelected(index);
-        var _otherProps = AccordionTabBase.getCOtherProps(tab);
         var tabHeader = createTabHeader(tab, selected, index);
         var tabContent = createTabContent(tab, selected, index);
         var tabClassName = utils.classNames('p-accordion-tab', {
           'p-accordion-tab-active': selected
         });
-        return /*#__PURE__*/React__namespace.createElement("div", _extends({
+        var _rootProps = utils.mergeProps({
           key: key,
           className: tabClassName
-        }, _otherProps), tabHeader, tabContent);
+        }, AccordionTabBase.getCOtherProps(tab), getTabPT(tab, 'root'));
+        return /*#__PURE__*/React__namespace.createElement("div", _rootProps, tabHeader, tabContent);
       }
       return null;
     };
     var createTabs = function createTabs() {
       return React__namespace.Children.map(props.children, createTab);
     };
-    var otherProps = AccordionBase.getOtherProps(props);
     var className = utils.classNames('p-accordion p-component', props.className);
     var tabs = createTabs();
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       id: idState,
       ref: elementRef,
       className: className,
       style: props.style
-    }, otherProps), tabs);
+    }, AccordionBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, tabs);
   });
   AccordionTab.displayName = 'AccordionTab';
   Accordion.displayName = 'Accordion';
@@ -374,4 +371,4 @@ this.primereact.accordion = (function (exports, React, api, csstransition, hooks
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.utils, primereact.icons.chevronright, primereact.icons.chevrondown);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.utils, primereact.componentbase, primereact.icons.chevronright, primereact.icons.chevrondown);