primereact 10.2.0 → 10.3.0

package/accordion/accordion.cjs.js

@@ -4,13 +4,13 @@
 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 chevrondown = require('primereact/icons/chevrondown');
-var chevronright = require('primereact/icons/chevronright');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
+var chevronright = require('primereact/icons/chevronright');
+var chevrondown = require('primereact/icons/chevrondown');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -185,7 +185,7 @@ var classes = {
     transition: 'p-toggleable-content'
   }
 };
-var 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";
+var 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        width: 100%;\n    }\n}\n";
 var AccordionBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Accordion',
@@ -288,6 +288,9 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     return AccordionTabBase.getCProp(tab, name);
   };
   var onTabHeaderClick = function onTabHeaderClick(event, tab, index) {
+    changeActiveIndex(event, tab, index);
+  };
+  var changeActiveIndex = function changeActiveIndex(event, tab, index) {
     if (!getTabProp(tab, 'disabled')) {
       var selected = isSelected(index);
       var newActiveIndex = null;
@@ -315,6 +318,73 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     }
     event.preventDefault();
   };
+  var onTabHeaderKeyDown = function onTabHeaderKeyDown(event, tab, index) {
+    switch (event.code) {
+      case 'ArrowDown':
+        onTabArrowDownKey(event);
+        break;
+      case 'ArrowUp':
+        onTabArrowUpKey(event);
+        break;
+      case 'Home':
+        onTabHomeKey(event);
+        break;
+      case 'End':
+        onTabEndKey(event);
+        break;
+      case 'Enter':
+      case 'Space':
+        onTabEnterKey(event, tab, index);
+        break;
+    }
+  };
+  var onTabArrowDownKey = function onTabArrowDownKey(event) {
+    var nextHeaderAction = findNextHeaderAction(event.target.parentElement.parentElement);
+    nextHeaderAction ? changeFocusedTab(nextHeaderAction) : onTabHomeKey(event);
+    event.preventDefault();
+  };
+  var onTabArrowUpKey = function onTabArrowUpKey(event) {
+    var prevHeaderAction = findPrevHeaderAction(event.target.parentElement.parentElement);
+    prevHeaderAction ? changeFocusedTab(prevHeaderAction) : onTabEndKey(event);
+    event.preventDefault();
+  };
+  var onTabHomeKey = function onTabHomeKey(event) {
+    var firstHeaderAction = findFirstHeaderAction();
+    changeFocusedTab(firstHeaderAction);
+    event.preventDefault();
+  };
+  var onTabEndKey = function onTabEndKey(event) {
+    var lastHeaderAction = findLastHeaderAction();
+    changeFocusedTab(lastHeaderAction);
+    event.preventDefault();
+  };
+  var onTabEnterKey = function onTabEnterKey(event, tab, index) {
+    changeActiveIndex(event, tab, index);
+    event.preventDefault();
+  };
+  var findNextHeaderAction = function findNextHeaderAction(tabElement) {
+    var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var nextTabElement = selfCheck ? tabElement : tabElement.nextElementSibling;
+    var headerElement = utils.DomHandler.findSingle(nextTabElement, '[data-pc-section="header"]');
+    return headerElement ? utils.DomHandler.getAttribute(headerElement, 'data-p-disabled') ? findNextHeaderAction(headerElement.parentElement) : utils.DomHandler.findSingle(headerElement, '[data-pc-section="headeraction"]') : null;
+  };
+  var findPrevHeaderAction = function findPrevHeaderAction(tabElement) {
+    var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var prevTabElement = selfCheck ? tabElement : tabElement.previousElementSibling;
+    var headerElement = utils.DomHandler.findSingle(prevTabElement, '[data-pc-section="header"]');
+    return headerElement ? utils.DomHandler.getAttribute(headerElement, 'data-p-disabled') ? findPrevHeaderAction(headerElement.parentElement) : utils.DomHandler.findSingle(headerElement, '[data-pc-section="headeraction"]') : null;
+  };
+  var findFirstHeaderAction = function findFirstHeaderAction() {
+    return findNextHeaderAction(elementRef.current.firstElementChild, true);
+  };
+  var findLastHeaderAction = function findLastHeaderAction() {
+    return findPrevHeaderAction(elementRef.current.lastElementChild, true);
+  };
+  var changeFocusedTab = function changeFocusedTab(element) {
+    if (element) {
+      utils.DomHandler.focus(element);
+    }
+  };
   var isSelected = function isSelected(index) {
     return props.multiple ? activeIndex && activeIndex.some(function (i) {
       return i === index;
@@ -344,9 +414,9 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     var headerTitleProps = utils.mergeProps({
       className: cx('tab.headertitle')
     }, getTabPT(tab, 'headertitle', index));
-    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 header = getTabProp(tab, 'headerTemplate') ? utils.ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), AccordionTabBase.getCProps(tab)) : /*#__PURE__*/React__namespace.createElement("span", headerTitleProps, getTabProp(tab, 'header'));
     var headerIconProps = utils.mergeProps({
+      'aria-hidden': 'true',
       className: cx('tab.headericon')
     }, getTabPT(tab, 'headericon', index));
     var icon = selected ? props.collapseIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, headerIconProps) : props.expandIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, headerIconProps);
@@ -354,7 +424,6 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       props: props,
       selected: selected
     });
-    var label = selected ? api.ariaLabel('collapseLabel') : api.ariaLabel('expandLabel');
     var headerProps = utils.mergeProps({
       className: utils.classNames(getTabProp(tab, 'headerClassName'), getTabProp(tab, 'className'), cx('tab.header', {
         selected: selected,
@@ -364,17 +433,20 @@ var Accordion = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       style: style,
       'data-p-highlight': selected,
       'data-p-disabled': getTabProp(tab, 'disabled')
-    }, getTabPT(tab, 'tab.header', index));
+    }, getTabPT(tab, 'header', index));
     var headerActionProps = utils.mergeProps({
       id: headerId,
       href: '#' + ariaControls,
       className: cx('tab.headeraction'),
-      role: 'tab',
+      role: 'button',
       tabIndex: tabIndex,
       onClick: function onClick(e) {
         return onTabHeaderClick(e, tab, index);
       },
-      'aria-label': label,
+      onKeyDown: function onKeyDown(e) {
+        return onTabHeaderKeyDown(e, tab, index);
+      },
+      'aria-disabled': getTabProp(tab, 'disabled'),
       'aria-controls': ariaControls,
       'aria-expanded': selected
     }, getTabPT(tab, 'headeraction', index));

package/accordion/accordion.cjs.min.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/csstransition"),n=require("primereact/hooks"),r=require("primereact/utils"),a=require("primereact/componentbase"),o=require("primereact/icons/chevronright"),i=require("primereact/icons/chevrondown"),l=require("primereact/api");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 f(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 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 b(){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 g(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=g(e,"string");return"symbol"===h(t)?t:String(t)}function v(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,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}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 E(e,t){return v(e)||P(e,t)||m(e,t)||O()}var S=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 r.classNames("p-accordion-tab",{"p-accordion-tab-active":e.selected})},content:"p-accordion-content",header:function(e){return r.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        width: 100%;\n    }\n}\n"}}),C=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 r.ObjectUtils.getComponentProp(e,t,C.defaultProps)},getCProps:function(e){return r.ObjectUtils.getComponentProps(e,C.defaultProps)},getCOtherProps:function(e){return r.ObjectUtils.getComponentDiffProps(e,C.defaultProps)}});function j(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 x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){var r,a,o;r=e,o=n[t],(a=y(a=t))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var w=function(){},N=s.forwardRef((function(e,c){var d=s.useContext(l.PrimeReactContext),h=S.getProps(e,d),g=E(s.useState(h.id),2),y=g[0],v=g[1],P=E(s.useState(h.activeIndex),2),O=P[0],j=P[1],w=s.useRef(null),N=h.onTabChange?h.activeIndex:O,D=s.Children.count(h.children),T={props:h,state:{id:y,activeIndex:O}},I=S.setMetaData(x({},T)),A=I.ptm,_=I.ptmo,k=I.cx;a.useHandleStyle(S.css.styles,I.isUnstyled,{name:"accordion"});var H=function(e,t,n){C.getCProps(e);var a={parent:T,context:{index:n,count:D,first:0===n,last:n===D-1,selected:L(n),disabled:U(e,"disabled")}};return r.mergeProps(A("accordiontab.".concat(t),{accordiontab:a}),A("accordiontab.".concat(t),a),_(e.props,t,a))},U=function(e,t){return C.getCProp(e,t)},q=function(e,t,n){R(e,t,n)},R=function(e,t,n){if(!U(t,"disabled")){var r=L(n),a=null;if(h.multiple){var o=N||[];a=r?o.filter((function(e){return e!==n})):[].concat(p(l=o)||f(l)||m(l)||b(),[n])}else a=r?null:n;var i=r?h.onTabClose:h.onTabOpen;i&&i({originalEvent:e,index:n}),h.onTabChange?h.onTabChange({originalEvent:e,index:a}):j(a)}var l;e.preventDefault()},M=function(e,t,n){switch(e.code){case"ArrowDown":z(e);break;case"ArrowUp":B(e);break;case"Home":J(e);break;case"End":X(e);break;case"Enter":case"Space":Y(e,t,n)}},z=function(e){var t=K(e.target.parentElement.parentElement);t?G(t):J(e),e.preventDefault()},B=function(e){var t=V(e.target.parentElement.parentElement);t?G(t):X(e),e.preventDefault()},J=function(e){var t=$();G(t),e.preventDefault()},X=function(e){var t=F();G(t),e.preventDefault()},Y=function(e,t,n){R(e,t,n),e.preventDefault()},K=function e(t){var n=r.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling,'[data-pc-section="header"]');return n?r.DomHandler.getAttribute(n,"data-p-disabled")?e(n.parentElement):r.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},V=function e(t){var n=r.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling,'[data-pc-section="header"]');return n?r.DomHandler.getAttribute(n,"data-p-disabled")?e(n.parentElement):r.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},$=function(){return K(w.current.firstElementChild,!0)},F=function(){return V(w.current.lastElementChild,!0)},G=function(e){e&&r.DomHandler.focus(e)},L=function(e){return h.multiple?N&&N.some((function(t){return t===e})):N===e};if(s.useImperativeHandle(c,(function(){return{props:h,getElement:function(){return w.current}}})),n.useMountEffect((function(){y||v(r.UniqueComponentId())})),!y)return null;var Q=function(e,t,n){var a=x(x({},U(e,"style")||{}),U(e,"headerStyle")||{}),l=y+"_header_"+n,c=y+"_content_"+n,u=U(e,"disabled")?-1:U(e,"tabIndex"),d=r.mergeProps({className:k("tab.headertitle")},H(e,"headertitle",n)),p=U(e,"headerTemplate")?r.ObjectUtils.getJSXElement(U(e,"headerTemplate"),C.getCProps(e)):s.createElement("span",d,U(e,"header")),f=r.mergeProps({"aria-hidden":"true",className:k("tab.headericon")},H(e,"headericon",n)),m=r.IconUtils.getJSXIcon(t?h.collapseIcon||s.createElement(i.ChevronDownIcon,f):h.expandIcon||s.createElement(o.ChevronRightIcon,f),x({},f),{props:h,selected:t}),b=r.mergeProps({className:r.classNames(U(e,"headerClassName"),U(e,"className"),k("tab.header",{selected:t,getTabProp:U,tab:e})),style:a,"data-p-highlight":t,"data-p-disabled":U(e,"disabled")},H(e,"header",n)),g=r.mergeProps({id:l,href:"#"+c,className:k("tab.headeraction"),role:"button",tabIndex:u,onClick:function(t){return q(t,e,n)},onKeyDown:function(t){return M(t,e,n)},"aria-disabled":U(e,"disabled"),"aria-controls":c,"aria-expanded":t},H(e,"headeraction",n));return s.createElement("div",b,s.createElement("a",g,m,p))},W=function(e,n,a){var o=x(x({},U(e,"style")||{}),U(e,"contentStyle")||{}),i=y+"_content_"+a,l=y+"_header_"+a,c=s.createRef(),d=r.mergeProps({id:i,ref:c,className:r.classNames(U(e,"contentClassName"),U(e,"className"),k("tab.toggleablecontent")),style:o,role:"region","aria-labelledby":l},H(e,"toggleablecontent",a)),p=r.mergeProps({className:k("tab.content")},H(e,"content",a)),f=r.mergeProps({classNames:k("tab.transition"),timeout:{enter:1e3,exit:450},in:n,unmountOnExit:!0,options:h.transitionOptions},H(e,"transition",a));return s.createElement(t.CSSTransition,u({nodeRef:c},f),s.createElement("div",d,s.createElement("div",p,U(e,"children"))))},Z=s.Children.map(h.children,(function(e,t){if(r.ObjectUtils.isValidChild(e,"AccordionTab")){var n=y+"_"+t,a=L(t),o=Q(e,a,t),i=W(e,a,t),l=r.mergeProps({key:n,className:k("tab.root",{selected:a})},C.getCOtherProps(e),H(e,"root",t));return s.createElement("div",l,o,i)}return null})),ee=r.mergeProps({className:r.classNames(h.className,k("root")),style:h.style},S.getOtherProps(h),A("root"));return s.createElement("div",u({id:y,ref:w},ee),Z)}));w.displayName="AccordionTab",N.displayName="Accordion",exports.Accordion=N,exports.AccordionTab=w;

package/accordion/accordion.d.ts

@@ -99,7 +99,7 @@ interface AccordionTabProps {
     /**
      * Used to define the header of the tab.
      */
-    header?: React.ReactNode | ((props: AccordionTabProps) => React.ReactNode) | undefined;
+    header?: 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 { ChevronDownIcon } from 'primereact/icons/chevrondown';
+import { ObjectUtils, classNames, UniqueComponentId, mergeProps, IconUtils, DomHandler } from 'primereact/utils';
+import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { ChevronRightIcon } from 'primereact/icons/chevronright';
-import { ObjectUtils, classNames, UniqueComponentId, mergeProps, IconUtils } from 'primereact/utils';
+import { ChevronDownIcon } from 'primereact/icons/chevrondown';
+import { PrimeReactContext } from 'primereact/api';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -161,7 +161,7 @@ var classes = {
     transition: 'p-toggleable-content'
   }
 };
-var 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";
+var 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        width: 100%;\n    }\n}\n";
 var AccordionBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Accordion',
@@ -264,6 +264,9 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     return AccordionTabBase.getCProp(tab, name);
   };
   var onTabHeaderClick = function onTabHeaderClick(event, tab, index) {
+    changeActiveIndex(event, tab, index);
+  };
+  var changeActiveIndex = function changeActiveIndex(event, tab, index) {
     if (!getTabProp(tab, 'disabled')) {
       var selected = isSelected(index);
       var newActiveIndex = null;
@@ -291,6 +294,73 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     }
     event.preventDefault();
   };
+  var onTabHeaderKeyDown = function onTabHeaderKeyDown(event, tab, index) {
+    switch (event.code) {
+      case 'ArrowDown':
+        onTabArrowDownKey(event);
+        break;
+      case 'ArrowUp':
+        onTabArrowUpKey(event);
+        break;
+      case 'Home':
+        onTabHomeKey(event);
+        break;
+      case 'End':
+        onTabEndKey(event);
+        break;
+      case 'Enter':
+      case 'Space':
+        onTabEnterKey(event, tab, index);
+        break;
+    }
+  };
+  var onTabArrowDownKey = function onTabArrowDownKey(event) {
+    var nextHeaderAction = findNextHeaderAction(event.target.parentElement.parentElement);
+    nextHeaderAction ? changeFocusedTab(nextHeaderAction) : onTabHomeKey(event);
+    event.preventDefault();
+  };
+  var onTabArrowUpKey = function onTabArrowUpKey(event) {
+    var prevHeaderAction = findPrevHeaderAction(event.target.parentElement.parentElement);
+    prevHeaderAction ? changeFocusedTab(prevHeaderAction) : onTabEndKey(event);
+    event.preventDefault();
+  };
+  var onTabHomeKey = function onTabHomeKey(event) {
+    var firstHeaderAction = findFirstHeaderAction();
+    changeFocusedTab(firstHeaderAction);
+    event.preventDefault();
+  };
+  var onTabEndKey = function onTabEndKey(event) {
+    var lastHeaderAction = findLastHeaderAction();
+    changeFocusedTab(lastHeaderAction);
+    event.preventDefault();
+  };
+  var onTabEnterKey = function onTabEnterKey(event, tab, index) {
+    changeActiveIndex(event, tab, index);
+    event.preventDefault();
+  };
+  var findNextHeaderAction = function findNextHeaderAction(tabElement) {
+    var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var nextTabElement = selfCheck ? tabElement : tabElement.nextElementSibling;
+    var headerElement = DomHandler.findSingle(nextTabElement, '[data-pc-section="header"]');
+    return headerElement ? DomHandler.getAttribute(headerElement, 'data-p-disabled') ? findNextHeaderAction(headerElement.parentElement) : DomHandler.findSingle(headerElement, '[data-pc-section="headeraction"]') : null;
+  };
+  var findPrevHeaderAction = function findPrevHeaderAction(tabElement) {
+    var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var prevTabElement = selfCheck ? tabElement : tabElement.previousElementSibling;
+    var headerElement = DomHandler.findSingle(prevTabElement, '[data-pc-section="header"]');
+    return headerElement ? DomHandler.getAttribute(headerElement, 'data-p-disabled') ? findPrevHeaderAction(headerElement.parentElement) : DomHandler.findSingle(headerElement, '[data-pc-section="headeraction"]') : null;
+  };
+  var findFirstHeaderAction = function findFirstHeaderAction() {
+    return findNextHeaderAction(elementRef.current.firstElementChild, true);
+  };
+  var findLastHeaderAction = function findLastHeaderAction() {
+    return findPrevHeaderAction(elementRef.current.lastElementChild, true);
+  };
+  var changeFocusedTab = function changeFocusedTab(element) {
+    if (element) {
+      DomHandler.focus(element);
+    }
+  };
   var isSelected = function isSelected(index) {
     return props.multiple ? activeIndex && activeIndex.some(function (i) {
       return i === index;
@@ -320,9 +390,9 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var headerTitleProps = mergeProps({
       className: cx('tab.headertitle')
     }, getTabPT(tab, 'headertitle', index));
-    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 header = getTabProp(tab, 'headerTemplate') ? ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), AccordionTabBase.getCProps(tab)) : /*#__PURE__*/React.createElement("span", headerTitleProps, getTabProp(tab, 'header'));
     var headerIconProps = mergeProps({
+      'aria-hidden': 'true',
       className: cx('tab.headericon')
     }, getTabPT(tab, 'headericon', index));
     var icon = selected ? props.collapseIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, headerIconProps) : props.expandIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, headerIconProps);
@@ -330,7 +400,6 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       props: props,
       selected: selected
     });
-    var label = selected ? ariaLabel('collapseLabel') : ariaLabel('expandLabel');
     var headerProps = mergeProps({
       className: classNames(getTabProp(tab, 'headerClassName'), getTabProp(tab, 'className'), cx('tab.header', {
         selected: selected,
@@ -340,17 +409,20 @@ var Accordion = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       style: style,
       'data-p-highlight': selected,
       'data-p-disabled': getTabProp(tab, 'disabled')
-    }, getTabPT(tab, 'tab.header', index));
+    }, getTabPT(tab, 'header', index));
     var headerActionProps = mergeProps({
       id: headerId,
       href: '#' + ariaControls,
       className: cx('tab.headeraction'),
-      role: 'tab',
+      role: 'button',
       tabIndex: tabIndex,
       onClick: function onClick(e) {
         return onTabHeaderClick(e, tab, index);
       },
-      'aria-label': label,
+      onKeyDown: function onKeyDown(e) {
+        return onTabHeaderKeyDown(e, tab, index);
+      },
+      'aria-disabled': getTabProp(tab, 'disabled'),
       'aria-controls': ariaControls,
       'aria-expanded': selected
     }, getTabPT(tab, 'headeraction', index));

package/accordion/accordion.esm.min.js

@@ -1 +1 @@
-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};
+import*as e from"react";import{CSSTransition as t}from"primereact/csstransition";import{useMountEffect as n}from"primereact/hooks";import{ObjectUtils as r,classNames as a,UniqueComponentId as o,mergeProps as i,IconUtils as l,DomHandler as c}from"primereact/utils";import{ComponentBase as u,useHandleStyle as s}from"primereact/componentbase";import{ChevronRightIcon as d}from"primereact/icons/chevronright";import{ChevronDownIcon as p}from"primereact/icons/chevrondown";import{PrimeReactContext as f}from"primereact/api";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 h(e){if(Array.isArray(e))return b(e)}function y(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 E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function O(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=O(e,"string");return"symbol"===E(t)?t:String(t)}function S(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return l}}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 w(e,t){return S(e)||x(e,t)||g(e,t)||C()}var j=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 a("p-accordion-tab",{"p-accordion-tab-active":e.selected})},content:"p-accordion-content",header:function(e){return a("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        width: 100%;\n    }\n}\n"}}),N=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 r.getComponentProp(e,t,N.defaultProps)},getCProps:function(e){return r.getComponentProps(e,N.defaultProps)},getCOtherProps:function(e){return r.getComponentDiffProps(e,N.defaultProps)}});function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){var r,a,o;r=e,o=n[t],(a=P(a=t))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=function(){},D=e.forwardRef((function(u,b){var E=e.useContext(f),O=j.getProps(u,E),P=w(e.useState(O.id),2),S=P[0],x=P[1],C=w(e.useState(O.activeIndex),2),T=C[0],I=C[1],D=e.useRef(null),_=O.onTabChange?O.activeIndex:T,k=e.Children.count(O.children),R={props:O,state:{id:S,activeIndex:T}},U=j.setMetaData(A({},R)),H=U.ptm,J=U.ptmo,M=U.cx;s(j.css.styles,U.isUnstyled,{name:"accordion"});var X=function(e,t,n){N.getCProps(e);var r={parent:R,context:{index:n,count:k,first:0===n,last:n===k-1,selected:te(n),disabled:Y(e,"disabled")}};return i(H("accordiontab.".concat(t),{accordiontab:r}),H("accordiontab.".concat(t),r),J(e.props,t,r))},Y=function(e,t){return N.getCProp(e,t)},z=function(e,t,n){K(e,t,n)},K=function(e,t,n){if(!Y(t,"disabled")){var r=te(n),a=null;if(O.multiple){var o=_||[];a=r?o.filter((function(e){return e!==n})):[].concat(h(l=o)||y(l)||g(l)||v(),[n])}else a=r?null:n;var i=r?O.onTabClose:O.onTabOpen;i&&i({originalEvent:e,index:n}),O.onTabChange?O.onTabChange({originalEvent:e,index:a}):I(a)}var l;e.preventDefault()},V=function(e,t,n){switch(e.code){case"ArrowDown":$(e);break;case"ArrowUp":q(e);break;case"Home":B(e);break;case"End":F(e);break;case"Enter":case"Space":G(e,t,n)}},$=function(e){var t=L(e.target.parentElement.parentElement);t?ee(t):B(e),e.preventDefault()},q=function(e){var t=Q(e.target.parentElement.parentElement);t?ee(t):F(e),e.preventDefault()},B=function(e){var t=W();ee(t),e.preventDefault()},F=function(e){var t=Z();ee(t),e.preventDefault()},G=function(e,t,n){K(e,t,n),e.preventDefault()},L=function e(t){var n=c.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling,'[data-pc-section="header"]');return n?c.getAttribute(n,"data-p-disabled")?e(n.parentElement):c.findSingle(n,'[data-pc-section="headeraction"]'):null},Q=function e(t){var n=c.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling,'[data-pc-section="header"]');return n?c.getAttribute(n,"data-p-disabled")?e(n.parentElement):c.findSingle(n,'[data-pc-section="headeraction"]'):null},W=function(){return L(D.current.firstElementChild,!0)},Z=function(){return Q(D.current.lastElementChild,!0)},ee=function(e){e&&c.focus(e)},te=function(e){return O.multiple?_&&_.some((function(t){return t===e})):_===e};if(e.useImperativeHandle(b,(function(){return{props:O,getElement:function(){return D.current}}})),n((function(){S||x(o())})),!S)return null;var ne=function(t,n,o){var c=A(A({},Y(t,"style")||{}),Y(t,"headerStyle")||{}),u=S+"_header_"+o,s=S+"_content_"+o,f=Y(t,"disabled")?-1:Y(t,"tabIndex"),m=i({className:M("tab.headertitle")},X(t,"headertitle",o)),b=Y(t,"headerTemplate")?r.getJSXElement(Y(t,"headerTemplate"),N.getCProps(t)):e.createElement("span",m,Y(t,"header")),h=i({"aria-hidden":"true",className:M("tab.headericon")},X(t,"headericon",o)),y=l.getJSXIcon(n?O.collapseIcon||e.createElement(p,h):O.expandIcon||e.createElement(d,h),A({},h),{props:O,selected:n}),g=i({className:a(Y(t,"headerClassName"),Y(t,"className"),M("tab.header",{selected:n,getTabProp:Y,tab:t})),style:c,"data-p-highlight":n,"data-p-disabled":Y(t,"disabled")},X(t,"header",o)),v=i({id:u,href:"#"+s,className:M("tab.headeraction"),role:"button",tabIndex:f,onClick:function(e){return z(e,t,o)},onKeyDown:function(e){return V(e,t,o)},"aria-disabled":Y(t,"disabled"),"aria-controls":s,"aria-expanded":n},X(t,"headeraction",o));return e.createElement("div",g,e.createElement("a",v,y,b))},re=function(n,r,o){var l=A(A({},Y(n,"style")||{}),Y(n,"contentStyle")||{}),c=S+"_content_"+o,u=S+"_header_"+o,s=e.createRef(),d=i({id:c,ref:s,className:a(Y(n,"contentClassName"),Y(n,"className"),M("tab.toggleablecontent")),style:l,role:"region","aria-labelledby":u},X(n,"toggleablecontent",o)),p=i({className:M("tab.content")},X(n,"content",o)),f=i({classNames:M("tab.transition"),timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0,options:O.transitionOptions},X(n,"transition",o));return e.createElement(t,m({nodeRef:s},f),e.createElement("div",d,e.createElement("div",p,Y(n,"children"))))},ae=e.Children.map(O.children,(function(t,n){if(r.isValidChild(t,"AccordionTab")){var a=S+"_"+n,o=te(n),l=ne(t,o,n),c=re(t,o,n),u=i({key:a,className:M("tab.root",{selected:o})},N.getCOtherProps(t),X(t,"root",n));return e.createElement("div",u,l,c)}return null})),oe=i({className:a(O.className,M("root")),style:O.style},j.getOtherProps(O),H("root"));return e.createElement("div",m({id:S,ref:D},oe),ae)}));I.displayName="AccordionTab",D.displayName="Accordion";export{D as Accordion,I as AccordionTab};

package/accordion/accordion.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.accordion = (function (exports, React, api, componentbase, csstransition, hooks, chevrondown, chevronright, utils) {
+this.primereact.accordion = (function (exports, React, csstransition, hooks, utils, componentbase, chevronright, chevrondown, api) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -175,7 +175,7 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
       transition: 'p-toggleable-content'
     }
   };
-  var 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";
+  var 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        width: 100%;\n    }\n}\n";
   var AccordionBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Accordion',
@@ -278,6 +278,9 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
       return AccordionTabBase.getCProp(tab, name);
     };
     var onTabHeaderClick = function onTabHeaderClick(event, tab, index) {
+      changeActiveIndex(event, tab, index);
+    };
+    var changeActiveIndex = function changeActiveIndex(event, tab, index) {
       if (!getTabProp(tab, 'disabled')) {
         var selected = isSelected(index);
         var newActiveIndex = null;
@@ -305,6 +308,73 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
       }
       event.preventDefault();
     };
+    var onTabHeaderKeyDown = function onTabHeaderKeyDown(event, tab, index) {
+      switch (event.code) {
+        case 'ArrowDown':
+          onTabArrowDownKey(event);
+          break;
+        case 'ArrowUp':
+          onTabArrowUpKey(event);
+          break;
+        case 'Home':
+          onTabHomeKey(event);
+          break;
+        case 'End':
+          onTabEndKey(event);
+          break;
+        case 'Enter':
+        case 'Space':
+          onTabEnterKey(event, tab, index);
+          break;
+      }
+    };
+    var onTabArrowDownKey = function onTabArrowDownKey(event) {
+      var nextHeaderAction = findNextHeaderAction(event.target.parentElement.parentElement);
+      nextHeaderAction ? changeFocusedTab(nextHeaderAction) : onTabHomeKey(event);
+      event.preventDefault();
+    };
+    var onTabArrowUpKey = function onTabArrowUpKey(event) {
+      var prevHeaderAction = findPrevHeaderAction(event.target.parentElement.parentElement);
+      prevHeaderAction ? changeFocusedTab(prevHeaderAction) : onTabEndKey(event);
+      event.preventDefault();
+    };
+    var onTabHomeKey = function onTabHomeKey(event) {
+      var firstHeaderAction = findFirstHeaderAction();
+      changeFocusedTab(firstHeaderAction);
+      event.preventDefault();
+    };
+    var onTabEndKey = function onTabEndKey(event) {
+      var lastHeaderAction = findLastHeaderAction();
+      changeFocusedTab(lastHeaderAction);
+      event.preventDefault();
+    };
+    var onTabEnterKey = function onTabEnterKey(event, tab, index) {
+      changeActiveIndex(event, tab, index);
+      event.preventDefault();
+    };
+    var findNextHeaderAction = function findNextHeaderAction(tabElement) {
+      var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var nextTabElement = selfCheck ? tabElement : tabElement.nextElementSibling;
+      var headerElement = utils.DomHandler.findSingle(nextTabElement, '[data-pc-section="header"]');
+      return headerElement ? utils.DomHandler.getAttribute(headerElement, 'data-p-disabled') ? findNextHeaderAction(headerElement.parentElement) : utils.DomHandler.findSingle(headerElement, '[data-pc-section="headeraction"]') : null;
+    };
+    var findPrevHeaderAction = function findPrevHeaderAction(tabElement) {
+      var selfCheck = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var prevTabElement = selfCheck ? tabElement : tabElement.previousElementSibling;
+      var headerElement = utils.DomHandler.findSingle(prevTabElement, '[data-pc-section="header"]');
+      return headerElement ? utils.DomHandler.getAttribute(headerElement, 'data-p-disabled') ? findPrevHeaderAction(headerElement.parentElement) : utils.DomHandler.findSingle(headerElement, '[data-pc-section="headeraction"]') : null;
+    };
+    var findFirstHeaderAction = function findFirstHeaderAction() {
+      return findNextHeaderAction(elementRef.current.firstElementChild, true);
+    };
+    var findLastHeaderAction = function findLastHeaderAction() {
+      return findPrevHeaderAction(elementRef.current.lastElementChild, true);
+    };
+    var changeFocusedTab = function changeFocusedTab(element) {
+      if (element) {
+        utils.DomHandler.focus(element);
+      }
+    };
     var isSelected = function isSelected(index) {
       return props.multiple ? activeIndex && activeIndex.some(function (i) {
         return i === index;
@@ -334,9 +404,9 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
       var headerTitleProps = utils.mergeProps({
         className: cx('tab.headertitle')
       }, getTabPT(tab, 'headertitle', index));
-      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 header = getTabProp(tab, 'headerTemplate') ? utils.ObjectUtils.getJSXElement(getTabProp(tab, 'headerTemplate'), AccordionTabBase.getCProps(tab)) : /*#__PURE__*/React__namespace.createElement("span", headerTitleProps, getTabProp(tab, 'header'));
       var headerIconProps = utils.mergeProps({
+        'aria-hidden': 'true',
         className: cx('tab.headericon')
       }, getTabPT(tab, 'headericon', index));
       var icon = selected ? props.collapseIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, headerIconProps) : props.expandIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, headerIconProps);
@@ -344,7 +414,6 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
         props: props,
         selected: selected
       });
-      var label = selected ? api.ariaLabel('collapseLabel') : api.ariaLabel('expandLabel');
       var headerProps = utils.mergeProps({
         className: utils.classNames(getTabProp(tab, 'headerClassName'), getTabProp(tab, 'className'), cx('tab.header', {
           selected: selected,
@@ -354,17 +423,20 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
         style: style,
         'data-p-highlight': selected,
         'data-p-disabled': getTabProp(tab, 'disabled')
-      }, getTabPT(tab, 'tab.header', index));
+      }, getTabPT(tab, 'header', index));
       var headerActionProps = utils.mergeProps({
         id: headerId,
         href: '#' + ariaControls,
         className: cx('tab.headeraction'),
-        role: 'tab',
+        role: 'button',
         tabIndex: tabIndex,
         onClick: function onClick(e) {
           return onTabHeaderClick(e, tab, index);
         },
-        'aria-label': label,
+        onKeyDown: function onKeyDown(e) {
+          return onTabHeaderKeyDown(e, tab, index);
+        },
+        'aria-disabled': getTabProp(tab, 'disabled'),
         'aria-controls': ariaControls,
         'aria-expanded': selected
       }, getTabPT(tab, 'headeraction', index));
@@ -439,4 +511,4 @@ this.primereact.accordion = (function (exports, React, api, componentbase, csstr
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.chevrondown, primereact.icons.chevronright, primereact.utils);
+})({}, React, primereact.csstransition, primereact.hooks, primereact.utils, primereact.componentbase, primereact.icons.chevronright, primereact.icons.chevrondown, primereact.api);

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 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);
+this.primereact=this.primereact||{},this.primereact.accordion=function(e,t,n,r,a,o,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 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 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 g(e){return g="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},g(e)}function y(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=y(e,"string");return"symbol"===g(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,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}function E(){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 S(e,t){return P(e)||O(e,t)||b(e,t)||E()}var C=o.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        width: 100%;\n    }\n}\n"}}),j=o.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,j.defaultProps)},getCProps:function(e){return a.ObjectUtils.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return a.ObjectUtils.getComponentDiffProps(e,j.defaultProps)}});function x(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 w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){var r,a,o;r=e,o=n[t],(a=v(a=t))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=function(){},D=u.forwardRef((function(e,t){var s=u.useContext(c.PrimeReactContext),p=C.getProps(e,s),g=S(u.useState(p.id),2),y=g[0],v=g[1],P=S(u.useState(p.activeIndex),2),O=P[0],E=P[1],x=u.useRef(null),N=p.onTabChange?p.activeIndex:O,D=u.Children.count(p.children),T={props:p,state:{id:y,activeIndex:O}},I=C.setMetaData(w({},T)),A=I.ptm,_=I.ptmo,k=I.cx;o.useHandleStyle(C.css.styles,I.isUnstyled,{name:"accordion"});var H=function(e,t,n){j.getCProps(e);var r={parent:T,context:{index:n,count:D,first:0===n,last:n===D-1,selected:L(n),disabled:U(e,"disabled")}};return a.mergeProps(A("accordiontab.".concat(t),{accordiontab:r}),A("accordiontab.".concat(t),r),_(e.props,t,r))},U=function(e,t){return j.getCProp(e,t)},R=function(e,t,n){M(e,t,n)},M=function(e,t,n){if(!U(t,"disabled")){var r=L(n),a=null;if(p.multiple){var o=N||[];a=r?o.filter((function(e){return e!==n})):[].concat(f(l=o)||m(l)||b(l)||h(),[n])}else a=r?null:n;var i=r?p.onTabClose:p.onTabOpen;i&&i({originalEvent:e,index:n}),p.onTabChange?p.onTabChange({originalEvent:e,index:a}):E(a)}var l;e.preventDefault()},z=function(e,t,n){switch(e.code){case"ArrowDown":B(e);break;case"ArrowUp":J(e);break;case"Home":X(e);break;case"End":Y(e);break;case"Enter":case"Space":q(e,t,n)}},B=function(e){var t=K(e.target.parentElement.parentElement);t?G(t):X(e),e.preventDefault()},J=function(e){var t=V(e.target.parentElement.parentElement);t?G(t):Y(e),e.preventDefault()},X=function(e){var t=$();G(t),e.preventDefault()},Y=function(e){var t=F();G(t),e.preventDefault()},q=function(e,t,n){M(e,t,n),e.preventDefault()},K=function e(t){var n=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling,'[data-pc-section="header"]');return n?a.DomHandler.getAttribute(n,"data-p-disabled")?e(n.parentElement):a.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},V=function e(t){var n=a.DomHandler.findSingle(arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling,'[data-pc-section="header"]');return n?a.DomHandler.getAttribute(n,"data-p-disabled")?e(n.parentElement):a.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},$=function(){return K(x.current.firstElementChild,!0)},F=function(){return V(x.current.lastElementChild,!0)},G=function(e){e&&a.DomHandler.focus(e)},L=function(e){return p.multiple?N&&N.some((function(t){return t===e})):N===e};if(u.useImperativeHandle(t,(function(){return{props:p,getElement:function(){return x.current}}})),r.useMountEffect((function(){y||v(a.UniqueComponentId())})),!y)return null;var Q=function(e,t,n){var r=w(w({},U(e,"style")||{}),U(e,"headerStyle")||{}),o=y+"_header_"+n,c=y+"_content_"+n,s=U(e,"disabled")?-1:U(e,"tabIndex"),d=a.mergeProps({className:k("tab.headertitle")},H(e,"headertitle",n)),f=U(e,"headerTemplate")?a.ObjectUtils.getJSXElement(U(e,"headerTemplate"),j.getCProps(e)):u.createElement("span",d,U(e,"header")),m=a.mergeProps({"aria-hidden":"true",className:k("tab.headericon")},H(e,"headericon",n)),b=a.IconUtils.getJSXIcon(t?p.collapseIcon||u.createElement(l.ChevronDownIcon,m):p.expandIcon||u.createElement(i.ChevronRightIcon,m),w({},m),{props:p,selected:t}),h=a.mergeProps({className:a.classNames(U(e,"headerClassName"),U(e,"className"),k("tab.header",{selected:t,getTabProp:U,tab:e})),style:r,"data-p-highlight":t,"data-p-disabled":U(e,"disabled")},H(e,"header",n)),g=a.mergeProps({id:o,href:"#"+c,className:k("tab.headeraction"),role:"button",tabIndex:s,onClick:function(t){return R(t,e,n)},onKeyDown:function(t){return z(t,e,n)},"aria-disabled":U(e,"disabled"),"aria-controls":c,"aria-expanded":t},H(e,"headeraction",n));return u.createElement("div",h,u.createElement("a",g,b,f))},W=function(e,t,r){var o=w(w({},U(e,"style")||{}),U(e,"contentStyle")||{}),i=y+"_content_"+r,l=y+"_header_"+r,c=u.createRef(),s=a.mergeProps({id:i,ref:c,className:a.classNames(U(e,"contentClassName"),U(e,"className"),k("tab.toggleablecontent")),style:o,role:"region","aria-labelledby":l},H(e,"toggleablecontent",r)),f=a.mergeProps({className:k("tab.content")},H(e,"content",r)),m=a.mergeProps({classNames:k("tab.transition"),timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0,options:p.transitionOptions},H(e,"transition",r));return u.createElement(n.CSSTransition,d({nodeRef:c},m),u.createElement("div",s,u.createElement("div",f,U(e,"children"))))},Z=u.Children.map(p.children,(function(e,t){if(a.ObjectUtils.isValidChild(e,"AccordionTab")){var n=y+"_"+t,r=L(t),o=Q(e,r,t),i=W(e,r,t),l=a.mergeProps({key:n,className:k("tab.root",{selected:r})},j.getCOtherProps(e),H(e,"root",t));return u.createElement("div",l,o,i)}return null})),ee=a.mergeProps({className:a.classNames(p.className,k("root")),style:p.style},C.getOtherProps(p),A("root"));return u.createElement("div",d({id:y,ref:x},ee),Z)}));return N.displayName="AccordionTab",D.displayName="Accordion",e.Accordion=D,e.AccordionTab=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.csstransition,primereact.hooks,primereact.utils,primereact.componentbase,primereact.icons.chevronright,primereact.icons.chevrondown,primereact.api);