primereact 10.1.0 → 10.2.0

package/LICENSE.md

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016-2022 PrimeTek
+Copyright (c) 2016-2023 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

@@ -10,68 +10,54 @@
 
 # PrimeReact
 
-PrimeReact is available at [npm](https://www.npmjs.com/package/primereact).
+PrimeReact is a rich set of open source UI Components for React. See [PrimeReact homepage](https://primereact.org/) for live showcase and documentation.
 
 ## Download
 
-PrimeReact is available at npm, if you have an existing application run the following command to download it to your project.
+PrimeReact is available at [npm](https://www.npmjs.com/package/primereact).
 
 ```
-// with npm
+# Using npm
 npm install primereact
 
-// with yarn
+# Using yarn
 yarn add primereact
-```
-
-Please note that react >= 17.0.0 and react-dom >= 17.0.0 are peer dependencies and some components have optional dependencies.
-
-## Styles
-
-Theme is the necessary css file of the components, visit the [Themes](https://primereact.org/theming) section for the complete list of available themes to choose from.
-
-```javascript
-//theme
-import 'primereact/resources/themes/lara-light-indigo/theme.css';
-```
 
-Each PrimeReact theme has its own font family so it is suggested to apply it to your application for a unified look.
-
-```
-body {
-    font-family: var(--font-family);
-}
+# Using pnpm
+pnpm add primereact
 ```
 
-## Usage
+## Import
 
 Each component can be imported individually so that you only bundle what you use. Import path is available in the documentation of the corresponding component.
 
-#### Module
-
 ```javascript
 //import { ComponentName } from 'primereact/{componentname}';
-import { Dialog } from 'primereact/dialog';
-import { Accordion, AccordionTab } from 'primereact/accordion';
-```
+import { Button } from 'primereact/button';
 
-## QuickStart
+export default function MyComponent() {
+  return (
+    <Button label="PrimeReact" />
+  )
+}
+```
 
-[Example applications](https://github.com/primefaces/primereact-examples) based on create-react-app and Next.js are available at github.
+## Theming
 
-Next.js
-PrimeReact has first class support for SSR and Next.JS, in fact this website is also built with Next.js
+PrimeReact has two theming has modes; styled or unstyled.
 
-[![Getting Started with NextJS and PrimeReact](http://img.youtube.com/vi/OrRffCobuts/0.jpg)](http://www.youtube.com/watch?v=OrRffCobuts 'Getting Started with NextJS and PrimeReact')
+**Styled Mode**
 
-CRA
-Create-React-App is the official scaffolding project by Facebook
+Styled mode is based on pre-skinned components with opinionated themes like Material, Bootstrap or PrimeOne themes. Theme is the required css file to be imported, visit the [Themes](https://primereact.org/theming) section for the complete list of available themes to choose from.
 
-[![Getting Started with PrimeReact](http://img.youtube.com/vi/Prz3phy2bHY/0.jpg)](http://www.youtube.com/watch?v=Prz3phy2bHY 'Getting Started with PrimeReact')
+```javascript
+// theme
+import 'primereact/resources/themes/lara-light-cyan/theme.css';
+```
 
-## TypeScript
+**Unstyled Mode**
 
-Typescript is fully supported as type definition files are provided in the npm package of PrimeReact. A sample [typescript-primereact application](https://github.com/primefaces/primereact-examples/tree/main/cra-basic-ts) is available as well at github.
+Unstyled mode is disabled by default for all components. Using the PrimeReact context, set `unstyled` as true to enable it globally. Visit the [Unstyled mode](https://primereact.org/unstyled) documentation for more information and examples.
 
 ## Contributors
 

package/accordion/accordion.cjs.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var api = require('primereact/api');
+var componentbase = require('primereact/componentbase');
 var csstransition = require('primereact/csstransition');
 var hooks = require('primereact/hooks');
-var utils = require('primereact/utils');
-var componentbase = require('primereact/componentbase');
-var chevronright = require('primereact/icons/chevronright');
 var chevrondown = require('primereact/icons/chevrondown');
+var chevronright = require('primereact/icons/chevronright');
+var utils = require('primereact/utils');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -344,7 +344,8 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     var headerTitleProps = utils.mergeProps({
       className: cx('tab.headertitle')
     }, getTabPT(tab, 'headertitle', index));
-    var header = getTabProp(tab, 'headerTemplate') ? utils.ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), AccordionTabBase.getCProps(tab)) : /*#__PURE__*/React__namespace.createElement("span", headerTitleProps, getTabProp(tab, 'header'));
+    var tabCProps = AccordionTabBase.getCProps(tab);
+    var header = getTabProp(tab, 'headerTemplate') ? utils.ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), tabCProps) : /*#__PURE__*/React__namespace.createElement("span", headerTitleProps, utils.ObjectUtils.getJSXElement(getTabProp(tab, 'header'), tabCProps));
     var headerIconProps = utils.mergeProps({
       className: cx('tab.headericon')
     }, getTabPT(tab, 'headericon', index));
@@ -363,7 +364,7 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       style: style,
       'data-p-highlight': selected,
       'data-p-disabled': getTabProp(tab, 'disabled')
-    }, getTabPT(tab, 'header', index));
+    }, getTabPT(tab, 'tab.header', index));
     var headerActionProps = utils.mergeProps({
       id: headerId,
       href: '#' + ariaControls,

package/accordion/accordion.cjs.min.js

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

package/accordion/accordion.d.ts

@@ -99,7 +99,7 @@ interface AccordionTabProps {
     /**
      * Used to define the header of the tab.
      */
-    header?: React.ReactNode | undefined;
+    header?: React.ReactNode | ((props: AccordionTabProps) => React.ReactNode) | undefined;
     /**
      * Style class of the tab header.
      */

package/accordion/accordion.esm.js

@@ -1,12 +1,12 @@
 'use client';
 import * as React from 'react';
 import { PrimeReactContext, ariaLabel } from 'primereact/api';
+import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
 import { useMountEffect } from 'primereact/hooks';
-import { ObjectUtils, classNames, UniqueComponentId, mergeProps, IconUtils } from 'primereact/utils';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { ChevronRightIcon } from 'primereact/icons/chevronright';
 import { ChevronDownIcon } from 'primereact/icons/chevrondown';
+import { ChevronRightIcon } from 'primereact/icons/chevronright';
+import { ObjectUtils, classNames, UniqueComponentId, mergeProps, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -320,7 +320,8 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var headerTitleProps = mergeProps({
       className: cx('tab.headertitle')
     }, getTabPT(tab, 'headertitle', index));
-    var header = getTabProp(tab, 'headerTemplate') ? ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), AccordionTabBase.getCProps(tab)) : /*#__PURE__*/React.createElement("span", headerTitleProps, getTabProp(tab, 'header'));
+    var tabCProps = AccordionTabBase.getCProps(tab);
+    var header = getTabProp(tab, 'headerTemplate') ? ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), tabCProps) : /*#__PURE__*/React.createElement("span", headerTitleProps, ObjectUtils.getJSXElement(getTabProp(tab, 'header'), tabCProps));
     var headerIconProps = mergeProps({
       className: cx('tab.headericon')
     }, getTabPT(tab, 'headericon', index));
@@ -339,7 +340,7 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       style: style,
       'data-p-highlight': selected,
       'data-p-disabled': getTabProp(tab, 'disabled')
-    }, getTabPT(tab, 'header', index));
+    }, getTabPT(tab, 'tab.header', index));
     var headerActionProps = mergeProps({
       id: headerId,
       href: '#' + ariaControls,

package/accordion/accordion.esm.min.js

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

package/accordion/accordion.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.accordion = (function (exports, React, api, csstransition, hooks, utils, componentbase, chevronright, chevrondown) {
+this.primereact.accordion = (function (exports, React, api, componentbase, csstransition, hooks, chevrondown, chevronright, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -334,7 +334,8 @@ this.primereact.accordion = (function (exports, React, api, csstransition, hooks
       var headerTitleProps = utils.mergeProps({
         className: cx('tab.headertitle')
       }, getTabPT(tab, 'headertitle', index));
-      var header = getTabProp(tab, 'headerTemplate') ? utils.ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), AccordionTabBase.getCProps(tab)) : /*#__PURE__*/React__namespace.createElement("span", headerTitleProps, getTabProp(tab, 'header'));
+      var tabCProps = AccordionTabBase.getCProps(tab);
+      var header = getTabProp(tab, 'headerTemplate') ? utils.ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), tabCProps) : /*#__PURE__*/React__namespace.createElement("span", headerTitleProps, utils.ObjectUtils.getJSXElement(getTabProp(tab, 'header'), tabCProps));
       var headerIconProps = utils.mergeProps({
         className: cx('tab.headericon')
       }, getTabPT(tab, 'headericon', index));
@@ -353,7 +354,7 @@ this.primereact.accordion = (function (exports, React, api, csstransition, hooks
         style: style,
         'data-p-highlight': selected,
         'data-p-disabled': getTabProp(tab, 'disabled')
-      }, getTabPT(tab, 'header', index));
+      }, getTabPT(tab, 'tab.header', index));
       var headerActionProps = utils.mergeProps({
         id: headerId,
         href: '#' + ariaControls,
@@ -438,4 +439,4 @@ this.primereact.accordion = (function (exports, React, api, csstransition, hooks
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.utils, primereact.componentbase, primereact.icons.chevronright, primereact.icons.chevrondown);
+})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.chevrondown, primereact.icons.chevronright, primereact.utils);

package/accordion/accordion.min.js

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