primereact 10.3.0 → 10.3.2

package/tabmenu/tabmenu.esm.js

@@ -2,9 +2,9 @@
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMountEffect } from 'primereact/hooks';
+import { useMergeProps, useMountEffect } from 'primereact/hooks';
 import { Ripple } from 'primereact/ripple';
-import { classNames, UniqueComponentId, mergeProps, DomHandler, IconUtils, ObjectUtils } from 'primereact/utils';
+import { classNames, UniqueComponentId, DomHandler, IconUtils, ObjectUtils } from 'primereact/utils';
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -148,6 +148,7 @@ var TabMenuBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = TabMenuBase.getProps(inProps, context);
   var _React$useState = React.useState(props.id),
@@ -163,18 +164,20 @@ var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
   var navRef = React.useRef(null);
   var tabsRef = React.useRef({});
   var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
-  var _TabMenuBase$setMetaD = TabMenuBase.setMetaData({
-      props: props,
-      state: {
-        id: idState,
-        activeIndex: activeIndexState
-      }
-    }),
+  var metaData = {
+    props: props,
+    state: {
+      id: idState,
+      activeIndex: activeIndexState
+    }
+  };
+  var _TabMenuBase$setMetaD = TabMenuBase.setMetaData(_objectSpread({}, metaData)),
     ptm = _TabMenuBase$setMetaD.ptm,
     cx = _TabMenuBase$setMetaD.cx,
     isUnstyled = _TabMenuBase$setMetaD.isUnstyled;
   var getPTOptions = function getPTOptions(key, item, index) {
     return ptm(key, {
+      parent: metaData,
       context: {
         item: item,
         index: index

package/tabmenu/tabmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMountEffect as a}from"primereact/hooks";import{Ripple as i}from"primereact/ripple";import{classNames as l,UniqueComponentId as o,mergeProps as u,DomHandler as c,IconUtils as s,ObjectUtils as m}from"primereact/utils";function f(e){return f="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},f(e)}function p(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=p(e,"string");return"symbol"===f(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return o}}function y(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 g(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function h(){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 x(e,t){return b(e)||v(e,t)||g(e,t)||h()}var w=n.extend({defaultProps:{__TYPE:"TabMenu",id:null,model:null,activeIndex:0,ariaLabel:null,ariaLabelledBy:null,style:null,className:null,onTabChange:null,children:void 0},css:{classes:{icon:function(e){return l("p-menuitem-icon",e._icon)},label:"p-menuitem-text",action:"p-menuitem-link",menuitem:function(e){return l("p-tabmenuitem",{"p-highlight":e.active,"p-disabled":e.disabled},e._className)},inkbar:"p-tabmenu-ink-bar",menu:"p-tabmenu-nav p-reset",root:function(e){return l("p-tabmenu p-component",e.props.className)}},styles:"\n@layer primereact {\n    .p-tabmenu {\n        overflow-x: auto;\n    }\n\n    .p-tabmenu-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex-wrap: nowrap;\n    }\n\n    .p-tabmenu-nav a {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabmenu-nav a:focus {\n        z-index: 1;\n    }\n\n    .p-tabmenu-nav .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tabmenu-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabmenu::-webkit-scrollbar {\n        display: none;\n    }\n}\n"}});function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){var r,a,i;r=e,i=n[t],(a=d(a=t))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=e.memo(e.forwardRef((function(n,f){var p=e.useContext(t),d=w.getProps(n,p),b=x(e.useState(d.id),2),v=b[0],y=b[1],g=x(e.useState(d.activeIndex),2),h=g[0],O=g[1],E=e.useRef(null),j=e.useRef(null),k=e.useRef(null),N=e.useRef({}),P=d.onTabChange?d.activeIndex:h,I=w.setMetaData({props:d,state:{id:v,activeIndex:h}}),D=I.ptm,A=I.cx,C=function(e,t,n){return D(e,{context:{item:t,index:n}})};r(w.css.styles,I.isUnstyled,{name:"tabmenu"});var T=function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),d.onTabChange?d.onTabChange({originalEvent:e,value:t,index:n}):O(n))},_=function(e){return e===(P||0)},R=function(){if(d.model){for(var e=k.current.children,t=!1,n=0;n<e.length;n++){var r=e[n];c.getAttribute(r,"data-p-highlight")&&(j.current.style.width=c.getWidth(r)+"px",j.current.style.left=c.getOffset(r).left-c.getOffset(k.current).left+"px",t=!0)}t||(j.current.style.width="0px",j.current.style.left="0px")}};a((function(){v||y(o())})),e.useImperativeHandle(f,(function(){return{props:d,getElement:function(){return E.current}}})),e.useEffect((function(){R()}));var L=function(e,t,n){switch(e.code){case"ArrowRight":M(e.target),e.preventDefault();break;case"ArrowLeft":z(e.target),e.preventDefault();break;case"Home":B(e.target),e.preventDefault();break;case"End":H(e.target),e.preventDefault();break;case"Space":case"Enter":T(e,t,n),e.preventDefault();break;case"Tab":Y()}},M=function(e){var t=J(e);t&&W(e,t)},z=function(e){var t=U(e);t&&W(e,t)},B=function(e){var t=X();t&&W(e,t)},H=function(e){var t=K();t&&W(e,t)},J=function e(t){var n=t.parentElement.nextElementSibling;return n?!0===c.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},U=function e(t){var n=t.parentElement.previousElementSibling;return n?!0===c.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},X=function(){var e=c.findSingle(k.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},K=function(){var e=c.find(k.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},W=function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},Y=function(){var e=c.findSingle(k.current,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),t=c.findSingle(k.current,'[data-pc-section="action"][tabindex="0"]');t!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),t.tabIndex="-1")},$=function(t,n){if(!1===t.visible)return null;var r=t.className,a=t.style,o=t.disabled,c=t.icon,f=t.label,p=t.template,b=t.url,y=t.target,g=t.id||v+"_"+n,h=_(n),x=l("p-menuitem-icon",c),w=u({className:A("icon",{_icon:c})},C("icon",t,n)),O=s.getJSXIcon(c,S({},w),{props:d}),E=u({className:A("label")},C("label",t,n)),j=f&&e.createElement("span",E,f),k=u({href:b||"#",role:"menuitem","aria-label":f,tabIndex:h?"0":"-1",className:A("action"),target:y,onClick:function(e){return T(e,t,n)}},C("action",t,n)),P=e.createElement("a",k,O,j,e.createElement(i,null));p&&(P=m.getJSXElement(p,t,{onClick:function(e){return T(e,t,n)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:x,element:P,props:d,active:h,index:n,disabled:o}));var I=u({ref:N.current["tab_".concat(n)],id:g,key:g,onKeyDown:function(e){return L(e,t,n)},className:A("menuitem",{_className:r,active:h,disabled:o}),style:a,role:"presentation","data-p-highlight":h,"data-p-disabled":o||!1,"aria-disabled":o},C("menuitem",t,n));return e.createElement("li",I,P)};if(d.model){var q=d.model.map($),F=u({ref:j,role:"none",className:A("inkbar")},D("inkbar")),G=u({ref:k,"aria-label":d.ariaLabel,"aria-labelledby":d.ariaLabelledBy,className:A("menu"),role:"menubar"},D("menu")),Q=u({id:d.id,ref:E,className:A("root"),style:d.style},w.getOtherProps(d),D("root"));return e.createElement("div",Q,e.createElement("ul",G,q,e.createElement("li",F)))}return null})));E.displayName="TabMenu";export{E as TabMenu};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as a,useMountEffect as i}from"primereact/hooks";import{Ripple as l}from"primereact/ripple";import{classNames as o,UniqueComponentId as u,DomHandler as c,IconUtils as s,ObjectUtils as m}from"primereact/utils";function f(e){return f="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},f(e)}function p(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=p(e,"string");return"symbol"===f(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return o}}function y(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 g(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function h(){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 x(e,t){return b(e)||v(e,t)||g(e,t)||h()}var w=n.extend({defaultProps:{__TYPE:"TabMenu",id:null,model:null,activeIndex:0,ariaLabel:null,ariaLabelledBy:null,style:null,className:null,onTabChange:null,children:void 0},css:{classes:{icon:function(e){return o("p-menuitem-icon",e._icon)},label:"p-menuitem-text",action:"p-menuitem-link",menuitem:function(e){return o("p-tabmenuitem",{"p-highlight":e.active,"p-disabled":e.disabled},e._className)},inkbar:"p-tabmenu-ink-bar",menu:"p-tabmenu-nav p-reset",root:function(e){return o("p-tabmenu p-component",e.props.className)}},styles:"\n@layer primereact {\n    .p-tabmenu {\n        overflow-x: auto;\n    }\n\n    .p-tabmenu-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex-wrap: nowrap;\n    }\n\n    .p-tabmenu-nav a {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabmenu-nav a:focus {\n        z-index: 1;\n    }\n\n    .p-tabmenu-nav .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tabmenu-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabmenu::-webkit-scrollbar {\n        display: none;\n    }\n}\n"}});function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){var r,a,i;r=e,i=n[t],(a=d(a=t))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=e.memo(e.forwardRef((function(n,f){var p=a(),d=e.useContext(t),b=w.getProps(n,d),v=x(e.useState(b.id),2),y=v[0],g=v[1],h=x(e.useState(b.activeIndex),2),O=h[0],E=h[1],j=e.useRef(null),k=e.useRef(null),N=e.useRef(null),P=e.useRef({}),I=b.onTabChange?b.activeIndex:O,D={props:b,state:{id:y,activeIndex:O}},A=w.setMetaData(S({},D)),C=A.ptm,T=A.cx,_=function(e,t,n){return C(e,{parent:D,context:{item:t,index:n}})};r(w.css.styles,A.isUnstyled,{name:"tabmenu"});var R=function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),b.onTabChange?b.onTabChange({originalEvent:e,value:t,index:n}):E(n))},L=function(e){return e===(I||0)},M=function(){if(b.model){for(var e=N.current.children,t=!1,n=0;n<e.length;n++){var r=e[n];c.getAttribute(r,"data-p-highlight")&&(k.current.style.width=c.getWidth(r)+"px",k.current.style.left=c.getOffset(r).left-c.getOffset(N.current).left+"px",t=!0)}t||(k.current.style.width="0px",k.current.style.left="0px")}};i((function(){y||g(u())})),e.useImperativeHandle(f,(function(){return{props:b,getElement:function(){return j.current}}})),e.useEffect((function(){M()}));var z=function(e,t,n){switch(e.code){case"ArrowRight":B(e.target),e.preventDefault();break;case"ArrowLeft":H(e.target),e.preventDefault();break;case"Home":J(e.target),e.preventDefault();break;case"End":U(e.target),e.preventDefault();break;case"Space":case"Enter":R(e,t,n),e.preventDefault();break;case"Tab":q()}},B=function(e){var t=X(e);t&&$(e,t)},H=function(e){var t=K(e);t&&$(e,t)},J=function(e){var t=W();t&&$(e,t)},U=function(e){var t=Y();t&&$(e,t)},X=function e(t){var n=t.parentElement.nextElementSibling;return n?!0===c.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},K=function e(t){var n=t.parentElement.previousElementSibling;return n?!0===c.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},W=function(){var e=c.findSingle(N.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},Y=function(){var e=c.find(N.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},$=function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},q=function(){var e=c.findSingle(N.current,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),t=c.findSingle(N.current,'[data-pc-section="action"][tabindex="0"]');t!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),t.tabIndex="-1")},F=function(t,n){if(!1===t.visible)return null;var r=t.className,a=t.style,i=t.disabled,u=t.icon,c=t.label,f=t.template,d=t.url,v=t.target,g=t.id||y+"_"+n,h=L(n),x=o("p-menuitem-icon",u),w=p({className:T("icon",{_icon:u})},_("icon",t,n)),O=s.getJSXIcon(u,S({},w),{props:b}),E=p({className:T("label")},_("label",t,n)),j=c&&e.createElement("span",E,c),k=p({href:d||"#",role:"menuitem","aria-label":c,tabIndex:h?"0":"-1",className:T("action"),target:v,onClick:function(e){return R(e,t,n)}},_("action",t,n)),N=e.createElement("a",k,O,j,e.createElement(l,null));f&&(N=m.getJSXElement(f,t,{onClick:function(e){return R(e,t,n)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:x,element:N,props:b,active:h,index:n,disabled:i}));var I=p({ref:P.current["tab_".concat(n)],id:g,key:g,onKeyDown:function(e){return z(e,t,n)},className:T("menuitem",{_className:r,active:h,disabled:i}),style:a,role:"presentation","data-p-highlight":h,"data-p-disabled":i||!1,"aria-disabled":i},_("menuitem",t,n));return e.createElement("li",I,N)};if(b.model){var G=b.model.map(F),Q=p({ref:k,role:"none",className:T("inkbar")},C("inkbar")),V=p({ref:N,"aria-label":b.ariaLabel,"aria-labelledby":b.ariaLabelledBy,className:T("menu"),role:"menubar"},C("menu")),Z=p({id:b.id,ref:j,className:T("root"),style:b.style},w.getOtherProps(b),C("root"));return e.createElement("div",Z,e.createElement("ul",V,G,e.createElement("li",Q)))}return null})));E.displayName="TabMenu";export{E as TabMenu};

package/tabmenu/tabmenu.js

@@ -164,6 +164,7 @@ this.primereact.tabmenu = (function (exports, React, api, componentbase, hooks,
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = TabMenuBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(props.id),
@@ -179,18 +180,20 @@ this.primereact.tabmenu = (function (exports, React, api, componentbase, hooks,
     var navRef = React__namespace.useRef(null);
     var tabsRef = React__namespace.useRef({});
     var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
-    var _TabMenuBase$setMetaD = TabMenuBase.setMetaData({
-        props: props,
-        state: {
-          id: idState,
-          activeIndex: activeIndexState
-        }
-      }),
+    var metaData = {
+      props: props,
+      state: {
+        id: idState,
+        activeIndex: activeIndexState
+      }
+    };
+    var _TabMenuBase$setMetaD = TabMenuBase.setMetaData(_objectSpread({}, metaData)),
       ptm = _TabMenuBase$setMetaD.ptm,
       cx = _TabMenuBase$setMetaD.cx,
       isUnstyled = _TabMenuBase$setMetaD.isUnstyled;
     var getPTOptions = function getPTOptions(key, item, index) {
       return ptm(key, {
+        parent: metaData,
         context: {
           item: item,
           index: index
@@ -349,7 +352,7 @@ this.primereact.tabmenu = (function (exports, React, api, componentbase, hooks,
       var key = item.id || idState + '_' + index;
       var active = isSelected(index);
       var iconClassName = utils.classNames('p-menuitem-icon', _icon);
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: cx('icon', {
           _icon: _icon
         })
@@ -357,11 +360,11 @@ this.primereact.tabmenu = (function (exports, React, api, componentbase, hooks,
       var icon = utils.IconUtils.getJSXIcon(_icon, _objectSpread({}, iconProps), {
         props: props
       });
-      var labelProps = utils.mergeProps({
+      var labelProps = mergeProps({
         className: cx('label')
       }, getPTOptions('label', item, index));
       var label = _label && /*#__PURE__*/React__namespace.createElement("span", labelProps, _label);
-      var actionProps = utils.mergeProps({
+      var actionProps = mergeProps({
         href: url || '#',
         role: 'menuitem',
         'aria-label': _label,
@@ -389,7 +392,7 @@ this.primereact.tabmenu = (function (exports, React, api, componentbase, hooks,
         };
         content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
       }
-      var menuItemProps = utils.mergeProps({
+      var menuItemProps = mergeProps({
         ref: tabsRef.current["tab_".concat(index)],
         id: key,
         key: key,
@@ -414,19 +417,19 @@ this.primereact.tabmenu = (function (exports, React, api, componentbase, hooks,
     };
     if (props.model) {
       var items = createItems();
-      var inkbarProps = utils.mergeProps({
+      var inkbarProps = mergeProps({
         ref: inkbarRef,
         role: 'none',
         className: cx('inkbar')
       }, ptm('inkbar'));
-      var menuProps = utils.mergeProps({
+      var menuProps = mergeProps({
         ref: navRef,
         'aria-label': props.ariaLabel,
         'aria-labelledby': props.ariaLabelledBy,
         className: cx('menu'),
         role: 'menubar'
       }, ptm('menu'));
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         id: props.id,
         ref: elementRef,
         className: cx('root'),

package/tabmenu/tabmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tabmenu=function(e,t,n,r,a,i,l){"use strict";function o(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=o(t);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=s(e,"string");return"symbol"===c(t)?t:String(t)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return o}}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 b(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 v(){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 y(e,t){return p(e)||f(e,t)||b(e,t)||v()}var g=r.ComponentBase.extend({defaultProps:{__TYPE:"TabMenu",id:null,model:null,activeIndex:0,ariaLabel:null,ariaLabelledBy:null,style:null,className:null,onTabChange:null,children:void 0},css:{classes:{icon:function(e){return l.classNames("p-menuitem-icon",e._icon)},label:"p-menuitem-text",action:"p-menuitem-link",menuitem:function(e){return l.classNames("p-tabmenuitem",{"p-highlight":e.active,"p-disabled":e.disabled},e._className)},inkbar:"p-tabmenu-ink-bar",menu:"p-tabmenu-nav p-reset",root:function(e){return l.classNames("p-tabmenu p-component",e.props.className)}},styles:"\n@layer primereact {\n    .p-tabmenu {\n        overflow-x: auto;\n    }\n\n    .p-tabmenu-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex-wrap: nowrap;\n    }\n\n    .p-tabmenu-nav a {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabmenu-nav a:focus {\n        z-index: 1;\n    }\n\n    .p-tabmenu-nav .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tabmenu-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabmenu::-webkit-scrollbar {\n        display: none;\n    }\n}\n"}});function h(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?h(Object(n),!0).forEach((function(t){var r,a,i;r=e,i=n[t],(a=m(a=t))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=u.memo(u.forwardRef((function(e,t){var o=u.useContext(n.PrimeReactContext),c=g.getProps(e,o),s=y(u.useState(c.id),2),m=s[0],p=s[1],f=y(u.useState(c.activeIndex),2),d=f[0],b=f[1],v=u.useRef(null),h=u.useRef(null),O=u.useRef(null),j=u.useRef({}),w=c.onTabChange?c.activeIndex:d,P=g.setMetaData({props:c,state:{id:m,activeIndex:d}}),S=P.ptm,E=P.cx,D=function(e,t,n){return S(e,{context:{item:t,index:n}})};r.useHandleStyle(g.css.styles,P.isUnstyled,{name:"tabmenu"});var N=function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),c.onTabChange?c.onTabChange({originalEvent:e,value:t,index:n}):b(n))},k=function(e){return e===(w||0)},I=function(){if(c.model){for(var e=O.current.children,t=!1,n=0;n<e.length;n++){var r=e[n];l.DomHandler.getAttribute(r,"data-p-highlight")&&(h.current.style.width=l.DomHandler.getWidth(r)+"px",h.current.style.left=l.DomHandler.getOffset(r).left-l.DomHandler.getOffset(O.current).left+"px",t=!0)}t||(h.current.style.width="0px",h.current.style.left="0px")}};a.useMountEffect((function(){m||p(l.UniqueComponentId())})),u.useImperativeHandle(t,(function(){return{props:c,getElement:function(){return v.current}}})),u.useEffect((function(){I()}));var C=function(e,t,n){switch(e.code){case"ArrowRight":H(e.target),e.preventDefault();break;case"ArrowLeft":_(e.target),e.preventDefault();break;case"Home":A(e.target),e.preventDefault();break;case"End":T(e.target),e.preventDefault();break;case"Space":case"Enter":N(e,t,n),e.preventDefault();break;case"Tab":B()}},H=function(e){var t=R(e);t&&z(e,t)},_=function(e){var t=M(e);t&&z(e,t)},A=function(e){var t=L();t&&z(e,t)},T=function(e){var t=U();t&&z(e,t)},R=function e(t){var n=t.parentElement.nextElementSibling;return n?!0===l.DomHandler.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},M=function e(t){var n=t.parentElement.previousElementSibling;return n?!0===l.DomHandler.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},L=function(){var e=l.DomHandler.findSingle(O.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},U=function(){var e=l.DomHandler.find(O.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},z=function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},B=function(){var e=l.DomHandler.findSingle(O.current,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),t=l.DomHandler.findSingle(O.current,'[data-pc-section="action"][tabindex="0"]');t!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),t.tabIndex="-1")},J=function(e,t){if(!1===e.visible)return null;var n=e.className,r=e.style,a=e.disabled,o=e.icon,s=e.label,p=e.template,f=e.url,d=e.target,b=e.id||m+"_"+t,v=k(t),y=l.classNames("p-menuitem-icon",o),g=l.mergeProps({className:E("icon",{_icon:o})},D("icon",e,t)),h=l.IconUtils.getJSXIcon(o,x({},g),{props:c}),O=l.mergeProps({className:E("label")},D("label",e,t)),w=s&&u.createElement("span",O,s),P=l.mergeProps({href:f||"#",role:"menuitem","aria-label":s,tabIndex:v?"0":"-1",className:E("action"),target:d,onClick:function(n){return N(n,e,t)}},D("action",e,t)),S=u.createElement("a",P,h,w,u.createElement(i.Ripple,null));p&&(S=l.ObjectUtils.getJSXElement(p,e,{onClick:function(n){return N(n,e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:y,element:S,props:c,active:v,index:t,disabled:a}));var I=l.mergeProps({ref:j.current["tab_".concat(t)],id:b,key:b,onKeyDown:function(n){return C(n,e,t)},className:E("menuitem",{_className:n,active:v,disabled:a}),style:r,role:"presentation","data-p-highlight":v,"data-p-disabled":a||!1,"aria-disabled":a},D("menuitem",e,t));return u.createElement("li",I,S)};if(c.model){var X=c.model.map(J),q=l.mergeProps({ref:h,role:"none",className:E("inkbar")},S("inkbar")),K=l.mergeProps({ref:O,"aria-label":c.ariaLabel,"aria-labelledby":c.ariaLabelledBy,className:E("menu"),role:"menubar"},S("menu")),W=l.mergeProps({id:c.id,ref:v,className:E("root"),style:c.style},g.getOtherProps(c),S("root"));return u.createElement("div",W,u.createElement("ul",K,X,u.createElement("li",q)))}return null})));return O.displayName="TabMenu",e.TabMenu=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tabmenu=function(e,t,n,r,a,i,l){"use strict";function o(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=o(t);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=s(e,"string");return"symbol"===c(t)?t:String(t)}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return o}}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 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 v(){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 y(e,t){return f(e)||d(e,t)||b(e,t)||v()}var g=r.ComponentBase.extend({defaultProps:{__TYPE:"TabMenu",id:null,model:null,activeIndex:0,ariaLabel:null,ariaLabelledBy:null,style:null,className:null,onTabChange:null,children:void 0},css:{classes:{icon:function(e){return l.classNames("p-menuitem-icon",e._icon)},label:"p-menuitem-text",action:"p-menuitem-link",menuitem:function(e){return l.classNames("p-tabmenuitem",{"p-highlight":e.active,"p-disabled":e.disabled},e._className)},inkbar:"p-tabmenu-ink-bar",menu:"p-tabmenu-nav p-reset",root:function(e){return l.classNames("p-tabmenu p-component",e.props.className)}},styles:"\n@layer primereact {\n    .p-tabmenu {\n        overflow-x: auto;\n    }\n\n    .p-tabmenu-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex-wrap: nowrap;\n    }\n\n    .p-tabmenu-nav a {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabmenu-nav a:focus {\n        z-index: 1;\n    }\n\n    .p-tabmenu-nav .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tabmenu-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabmenu::-webkit-scrollbar {\n        display: none;\n    }\n}\n"}});function h(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?h(Object(n),!0).forEach((function(t){var r,a,i;r=e,i=n[t],(a=m(a=t))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=u.memo(u.forwardRef((function(e,t){var o=a.useMergeProps(),c=u.useContext(n.PrimeReactContext),s=g.getProps(e,c),m=y(u.useState(s.id),2),f=m[0],d=m[1],p=y(u.useState(s.activeIndex),2),b=p[0],v=p[1],h=u.useRef(null),O=u.useRef(null),j=u.useRef(null),w=u.useRef({}),S=s.onTabChange?s.activeIndex:b,E={props:s,state:{id:f,activeIndex:b}},D=g.setMetaData(x({},E)),N=D.ptm,P=D.cx,k=function(e,t,n){return N(e,{parent:E,context:{item:t,index:n}})};r.useHandleStyle(g.css.styles,D.isUnstyled,{name:"tabmenu"});var I=function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),s.onTabChange?s.onTabChange({originalEvent:e,value:t,index:n}):v(n))},C=function(e){return e===(S||0)},H=function(){if(s.model){for(var e=j.current.children,t=!1,n=0;n<e.length;n++){var r=e[n];l.DomHandler.getAttribute(r,"data-p-highlight")&&(O.current.style.width=l.DomHandler.getWidth(r)+"px",O.current.style.left=l.DomHandler.getOffset(r).left-l.DomHandler.getOffset(j.current).left+"px",t=!0)}t||(O.current.style.width="0px",O.current.style.left="0px")}};a.useMountEffect((function(){f||d(l.UniqueComponentId())})),u.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return h.current}}})),u.useEffect((function(){H()}));var _=function(e,t,n){switch(e.code){case"ArrowRight":A(e.target),e.preventDefault();break;case"ArrowLeft":T(e.target),e.preventDefault();break;case"Home":M(e.target),e.preventDefault();break;case"End":R(e.target),e.preventDefault();break;case"Space":case"Enter":I(e,t,n),e.preventDefault();break;case"Tab":X()}},A=function(e){var t=L(e);t&&J(e,t)},T=function(e){var t=U(e);t&&J(e,t)},M=function(e){var t=z();t&&J(e,t)},R=function(e){var t=B();t&&J(e,t)},L=function e(t){var n=t.parentElement.nextElementSibling;return n?!0===l.DomHandler.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},U=function e(t){var n=t.parentElement.previousElementSibling;return n?!0===l.DomHandler.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},z=function(){var e=l.DomHandler.findSingle(j.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},B=function(){var e=l.DomHandler.find(j.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},J=function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},X=function(){var e=l.DomHandler.findSingle(j.current,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),t=l.DomHandler.findSingle(j.current,'[data-pc-section="action"][tabindex="0"]');t!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),t.tabIndex="-1")},q=function(e,t){if(!1===e.visible)return null;var n=e.className,r=e.style,a=e.disabled,c=e.icon,m=e.label,d=e.template,p=e.url,b=e.target,v=e.id||f+"_"+t,y=C(t),g=l.classNames("p-menuitem-icon",c),h=o({className:P("icon",{_icon:c})},k("icon",e,t)),O=l.IconUtils.getJSXIcon(c,x({},h),{props:s}),j=o({className:P("label")},k("label",e,t)),S=m&&u.createElement("span",j,m),E=o({href:p||"#",role:"menuitem","aria-label":m,tabIndex:y?"0":"-1",className:P("action"),target:b,onClick:function(n){return I(n,e,t)}},k("action",e,t)),D=u.createElement("a",E,O,S,u.createElement(i.Ripple,null));d&&(D=l.ObjectUtils.getJSXElement(d,e,{onClick:function(n){return I(n,e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:g,element:D,props:s,active:y,index:t,disabled:a}));var N=o({ref:w.current["tab_".concat(t)],id:v,key:v,onKeyDown:function(n){return _(n,e,t)},className:P("menuitem",{_className:n,active:y,disabled:a}),style:r,role:"presentation","data-p-highlight":y,"data-p-disabled":a||!1,"aria-disabled":a},k("menuitem",e,t));return u.createElement("li",N,D)};if(s.model){var K=s.model.map(q),W=o({ref:O,role:"none",className:P("inkbar")},N("inkbar")),Y=o({ref:j,"aria-label":s.ariaLabel,"aria-labelledby":s.ariaLabelledBy,className:P("menu"),role:"menubar"},N("menu")),$=o({id:s.id,ref:h,className:P("root"),style:s.style},g.getOtherProps(s),N("root"));return u.createElement("div",$,u.createElement("ul",Y,K,u.createElement("li",W)))}return null})));return O.displayName="TabMenu",e.TabMenu=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.utils);

package/tabview/tabview.cjs.js

@@ -268,6 +268,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TabPanel = function TabPanel() {};
 var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = TabViewBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -298,6 +299,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var nextBtnRef = React__namespace.useRef(null);
   var tabsRef = React__namespace.useRef({});
   var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
+  var count = React__namespace.Children.count(props.children);
   var metaData = {
     props: props,
     state: {
@@ -317,11 +319,24 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   componentbase.useHandleStyle(TabViewBase.css.styles, isUnstyled, {
     name: 'tabview'
   });
-  var getTabPT = function getTabPT(tab, key) {
-    return ptmo(getTabProp(tab, 'pt'), key, {
+  var getTabPT = function getTabPT(tab, key, index) {
+    var tabMetaData = {
       props: tab.props,
-      parent: metaData
-    });
+      parent: metaData,
+      context: {
+        index: index,
+        count: count,
+        first: index === 0,
+        last: index === count - 1,
+        active: index == activeIndexState,
+        disabled: getTabProp(tab, 'disabled')
+      }
+    };
+    return mergeProps(ptm("tab.".concat(key), {
+      tab: tabMetaData
+    }), ptm("tabpanel.".concat(key), {
+      tabpanel: tabMetaData
+    }), ptm("tabpanel.".concat(key), tabMetaData), ptmo(getTabProp(tab, 'pt'), key, tabMetaData));
   };
   var isSelected = function isSelected(index) {
     return index === activeIndex;
@@ -538,6 +553,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   };
   React__namespace.useEffect(function () {
     updateInkBar();
+    updateButtonState();
   });
   hooks.useMountEffect(function () {
     if (!idState) {
@@ -586,9 +602,9 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var leftIconElement = leftIcon && utils.IconUtils.getJSXIcon(leftIcon, undefined, {
       props: props
     });
-    var headerTitleProps = utils.mergeProps({
+    var headerTitleProps = mergeProps({
       className: cx('tab.headertitle')
-    }, getTabPT(tab, 'headertitle'));
+    }, getTabPT(tab, 'headertitle', index));
     var titleElement = /*#__PURE__*/React__namespace.createElement("span", headerTitleProps, header);
     var rightIconElement = rightIcon && utils.IconUtils.getJSXIcon(rightIcon, undefined, {
       props: props
@@ -608,7 +624,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     }, {
       props: props
     }) : null;
-    var headerActionProps = utils.mergeProps({
+    var headerActionProps = mergeProps({
       id: headerId,
       role: 'tab',
       className: cx('tab.headeraction'),
@@ -622,7 +638,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       onKeyDown: function onKeyDown(e) {
         return _onKeyDown(e, tab, index);
       }
-    }, getTabPT(tab, 'headeraction'));
+    }, getTabPT(tab, 'headeraction', index));
     var content =
     /*#__PURE__*/
     // eslint-disable /
@@ -651,7 +667,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       };
       content = utils.ObjectUtils.getJSXElement(headerTemplate, defaultContentOptions);
     }
-    var headerProps = utils.mergeProps({
+    var headerProps = mergeProps({
       ref: function ref(el) {
         return tabsRef.current["tab_".concat(index)] = el;
       },
@@ -666,7 +682,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
         _style: _style
       }),
       role: 'presentation'
-    }, getTabPT(tab, 'root'), getTabPT(tab, 'header'));
+    }, getTabPT(tab, 'root', index), getTabPT(tab, 'header', index));
     return /*#__PURE__*/React__namespace.createElement("li", headerProps, content);
   };
   var createTabHeaders = function createTabHeaders() {
@@ -678,19 +694,19 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   };
   var createNavigator = function createNavigator() {
     var headers = createTabHeaders();
-    var navContentProps = utils.mergeProps({
+    var navContentProps = mergeProps({
       id: idState,
       ref: contentRef,
       className: cx('navcontent'),
       style: props.style,
       onScroll: onScroll
     }, ptm('navcontent'));
-    var navProps = utils.mergeProps({
+    var navProps = mergeProps({
       ref: navRef,
       className: cx('nav'),
       role: 'tablist'
     }, ptm('nav'));
-    var inkbarProps = utils.mergeProps({
+    var inkbarProps = mergeProps({
       ref: inkbarRef,
       'aria-hidden': 'true',
       role: 'presentation',
@@ -699,7 +715,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     return /*#__PURE__*/React__namespace.createElement("div", navContentProps, /*#__PURE__*/React__namespace.createElement("ul", navProps, headers, /*#__PURE__*/React__namespace.createElement("li", inkbarProps)));
   };
   var createContent = function createContent() {
-    var panelContainerProps = utils.mergeProps({
+    var panelContainerProps = mergeProps({
       className: cx('panelcontainer'),
       style: props.panelContainerStyle
     }, ptm('panelcontainer'));
@@ -708,7 +724,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
         var selected = isSelected(index);
         var contentId = idState + index + '_content';
         var ariaLabelledBy = idState + '_header_' + index;
-        var contentProps = utils.mergeProps({
+        var contentProps = mergeProps({
           id: contentId,
           className: cx('tab.content', {
             props: props,
@@ -729,21 +745,21 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
           }),
           role: 'tabpanel',
           'aria-labelledby': ariaLabelledBy
-        }, TabPanelBase.getCOtherProps(tab), getTabPT(tab, 'root'), getTabPT(tab, 'content'));
+        }, TabPanelBase.getCOtherProps(tab), getTabPT(tab, 'root', index), getTabPT(tab, 'content', index));
         return /*#__PURE__*/React__namespace.createElement("div", contentProps, !props.renderActiveOnly ? getTabProp(tab, 'children') : selected && getTabProp(tab, 'children'));
       }
     });
     return /*#__PURE__*/React__namespace.createElement("div", panelContainerProps, contents);
   };
   var createPrevButton = function createPrevButton() {
-    var prevIconProps = utils.mergeProps({
+    var prevIconProps = mergeProps({
       'aria-hidden': 'true'
     }, ptm('previcon'));
     var icon = props.prevButton || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, prevIconProps);
     var leftIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, prevIconProps), {
       props: props
     });
-    var prevButtonProps = utils.mergeProps({
+    var prevButtonProps = mergeProps({
       ref: prevBtnRef,
       type: 'button',
       className: cx('prevbutton'),
@@ -758,14 +774,14 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     return null;
   };
   var createNextButton = function createNextButton() {
-    var nextIconProps = utils.mergeProps({
+    var nextIconProps = mergeProps({
       'aria-hidden': 'true'
     }, ptm('nexticon'));
     var icon = props.nextButton || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, nextIconProps);
     var rightIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, nextIconProps), {
       props: props
     });
-    var nextButtonProps = utils.mergeProps({
+    var nextButtonProps = mergeProps({
       ref: nextBtnRef,
       type: 'button',
       className: cx('nextbutton'),
@@ -778,13 +794,13 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       return /*#__PURE__*/React__namespace.createElement("button", nextButtonProps, rightIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
   };
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: idState,
     ref: elementRef,
     style: props.style,
     className: cx('root')
   }, TabViewBase.getOtherProps(props), ptm('root'));
-  var navContainerProps = utils.mergeProps({
+  var navContainerProps = mergeProps({
     className: cx('navcontainer')
   }, ptm('navcontainer'));
   var navigator = createNavigator();

package/tabview/tabview.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/hooks"),a=require("primereact/icons/chevronleft"),o=require("primereact/icons/chevronright"),l=require("primereact/icons/times"),i=require("primereact/ripple"),c=require("primereact/utils");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(e);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 d(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 f(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 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 m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function h(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===m(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(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,l,i=[],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)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}function x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return w(e)||P(e,t)||f(e,t)||x()}function C(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 S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=n.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return c.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){var t=e.props;return c.classNames("p-tabview p-component",{"p-tabview-scrollable":t.scrollable},t.className)},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return c.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,o=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(a,l)||t.renderActiveOnly&&!o(l)?void 0:c.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n        position: relative;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-nav-link {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-nav-link:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-close {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return S(S({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(r,o)||t.renderActiveOnly&&!a(o)?void 0:S(S({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),j=n.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",className:null,closable:!1,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,rightIcon:null,prevButton:null,nextButton:null,closeIcon:null,style:null,children:void 0},getCProp:function(e,t){return c.ObjectUtils.getComponentProp(e,t,j.defaultProps)},getCProps:function(e){return c.ObjectUtils.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return c.ObjectUtils.getComponentDiffProps(e,j.defaultProps)}});function D(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?D(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=function(){},T=u.forwardRef((function(e,s){var p=u.useContext(t.PrimeReactContext),m=E.getProps(e,p),h=O(u.useState(m.id),2),y=h[0],g=h[1],w=O(u.useState(!0),2),P=w[0],x=w[1],C=O(u.useState(!1),2),S=C[0],D=C[1],I=O(u.useState([]),2),T=I[0],k=I[1],U=O(u.useState(m.activeIndex),2),_=U[0],A=U[1],H=u.useRef(null),R=u.useRef(null),B=u.useRef(null),L=u.useRef(null),q=u.useRef(null),W=u.useRef(null),J=u.useRef({}),V=m.onTabChange?m.activeIndex:_,X={props:m,state:{id:y,isPrevButtonDisabled:P,isNextButtonDisabled:S,hiddenTabsState:T,activeIndex:_}},z=E.setMetaData(N({},X)),M=z.ptm,K=z.ptmo,Y=z.cx,$=z.sx;n.useHandleStyle(E.css.styles,z.isUnstyled,{name:"tabview"});var F=function(e,t){return K(Q(e,"pt"),t,{props:e.props,parent:X})},G=function(e){return e===V},Q=function(e,t){return j.getCProp(e,t)},Z=function(e){return e&&c.ObjectUtils.isValidChild(e,"TabPanel")&&T.every((function(t){return t!==e.key}))},ee=function(e,t){e.preventDefault();var n,r=m.onBeforeTabClose,a=m.onTabClose,o=m.children[t].key;r&&!1===r({originalEvent:e,index:t})||(k([].concat(d(n=T)||b(n)||f(n)||v(),[o])),a&&a({originalEvent:e,index:t}))},te=function(e,t,n){ne(e,t,n)},ne=function(e,t,n){if(e&&e.preventDefault(),!Q(t,"disabled")){if(m.onBeforeTabChange&&!1===m.onBeforeTabChange({originalEvent:e,index:n}))return;m.onTabChange?m.onTabChange({originalEvent:e,index:n}):A(n)}me({index:n})},re=function(e,t,n){switch(e.code){case"ArrowLeft":oe(e);break;case"ArrowRight":ae(e);break;case"Home":le(e);break;case"End":ie(e);break;case"PageDown":ce(e);break;case"PageUp":se(e);break;case"Enter":case"Space":ue(e,t,n)}},ae=function(e){var t=pe(e.target.parentElement);t?ve(t):le(e),e.preventDefault()},oe=function(e){var t=de(e.target.parentElement);t?ve(t):ie(e),e.preventDefault()},le=function(e){var t=be();ve(t),e.preventDefault()},ie=function(e){var t=fe();ve(t),e.preventDefault()},ce=function(e){me({index:u.Children.count(m.children)-1}),e.preventDefault()},se=function(e){me({index:0}),e.preventDefault()},ue=function(e,t,n){ne(e,t,n),e.preventDefault()},pe=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?c.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(n,"data-pc-section")?e(n):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},de=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?c.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(n,"data-pc-section")?e(n):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},be=function(){return pe(B.current.firstElementChild,!0)},fe=function(){return de(B.current.lastElementChild,!0)},ve=function(e){e&&(c.DomHandler.focus(e),me({element:e}))},me=function(e){var t=e.element||J.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},he=function(e){var t,n,r,a;m.scrollable&&(n=(t=R.current).scrollLeft,r=t.scrollWidth,a=c.DomHandler.getWidth(R.current),x(0===n),D(n===r-a)),e.preventDefault()},ye=function(){return[q.current,W.current].reduce((function(e,t){return t?e+c.DomHandler.getWidth(t):e}),0)},ge=function(){x(!0),D(!1),k([]),m.onTabChange?m.onTabChange({index:V}):A(m.activeIndex)};u.useEffect((function(){var e;e=J.current["tab_".concat(V)],L.current.style.width=c.DomHandler.getWidth(e)+"px",L.current.style.left=c.DomHandler.getOffset(e).left-c.DomHandler.getOffset(B.current).left+"px"})),r.useMountEffect((function(){y||g(c.UniqueComponentId())})),r.useUpdateEffect((function(){if(c.ObjectUtils.isNotEmpty(T)){var e=(t=T[T.length-1],(n=u.Children.map(m.children,(function(e,t){if(Z(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!Q(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!Q(e.tab,"disabled")&&t>n})));e&&te(null,e.tab,e.index)}var t,n}),[T]),r.useUpdateEffect((function(){m.activeIndex!==_&&me({index:m.activeIndex})}),[m.activeIndex]),u.useImperativeHandle(s,(function(){return{props:m,reset:ge,getElement:function(){return H.current}}}));var we,Pe,xe,Oe,Ce,Se,Ee,je,De,Ne=function(e,t){var n=G(t),r=j.getCProps(e),a=r.headerStyle,o=r.headerClassName,s=r.style,p=r.className,d=r.disabled,b=r.leftIcon,f=r.rightIcon,v=r.header,h=r.headerTemplate,g=r.closable,w=r.closeIcon,P=y+"_header_"+t,x=y+t+"_content",O=d||!n?-1:0,C=b&&c.IconUtils.getJSXIcon(b,void 0,{props:m}),S=c.mergeProps({className:Y("tab.headertitle")},F(e,"headertitle")),E=u.createElement("span",S,v),D=f&&c.IconUtils.getJSXIcon(f,void 0,{props:m}),N="p-tabview-close",I=g?c.IconUtils.getJSXIcon(w||u.createElement(l.TimesIcon,{className:N,onClick:function(e){return ee(e,t)}}),{className:N,onClick:function(e){return ee(e,t)}},{props:m}):null,T=c.mergeProps({id:P,role:"tab",className:Y("tab.headeraction"),tabIndex:O,"aria-controls":x,"aria-selected":n,"aria-disabled":d,onClick:function(n){return te(n,e,t)},onKeyDown:function(n){return re(n,e,t)}},F(e,"headeraction")),k=u.createElement("a",T,C,E,D,I,u.createElement(i.Ripple,null));h&&(k=c.ObjectUtils.getJSXElement(h,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return te(n,e,t)},onKeyDown:function(n){return re(n,e,t)},leftIconElement:C,titleElement:E,rightIconElement:D,element:k,props:m,index:t,selected:n,ariaControls:x}));var U=c.mergeProps({ref:function(e){return J.current["tab_".concat(t)]=e},className:Y("tab.header",{selected:n,disabled:d,headerClassName:o,_className:p}),style:$("tab.header",{headerStyle:a,_style:s}),role:"presentation"},F(e,"root"),F(e,"header"));return u.createElement("li",U,k)},Ie=c.mergeProps({id:y,ref:H,style:m.style,className:Y("root")},E.getOtherProps(m),M("root")),Te=c.mergeProps({className:Y("navcontainer")},M("navcontainer")),ke=(we=u.Children.map(m.children,(function(e,t){if(Z(e))return Ne(e,t)})),Pe=c.mergeProps({id:y,ref:R,className:Y("navcontent"),style:m.style,onScroll:he},M("navcontent")),xe=c.mergeProps({ref:B,className:Y("nav"),role:"tablist"},M("nav")),Oe=c.mergeProps({ref:L,"aria-hidden":"true",role:"presentation",className:Y("inkbar")},M("inkbar")),u.createElement("div",Pe,u.createElement("ul",xe,we,u.createElement("li",Oe)))),Ue=(Ce=c.mergeProps({className:Y("panelcontainer"),style:m.panelContainerStyle},M("panelcontainer")),Se=u.Children.map(m.children,(function(e,t){if(Z(e)&&(!m.renderActiveOnly||G(t))){var n=G(t),r=y+"_header_"+t,a=c.mergeProps({id:y+t+"_content",className:Y("tab.content",{props:m,selected:n,getTabProp:Q,tab:e,isSelected:G,shouldUseTab:Z,index:t}),style:$("tab.content",{props:m,getTabProp:Q,tab:e,isSelected:G,shouldUseTab:Z,index:t}),role:"tabpanel","aria-labelledby":r},j.getCOtherProps(e),F(e,"root"),F(e,"content"));return u.createElement("div",a,m.renderActiveOnly?n&&Q(e,"children"):Q(e,"children"))}})),u.createElement("div",Ce,Se)),_e=(Ee=c.mergeProps({"aria-hidden":"true"},M("previcon")),je=c.IconUtils.getJSXIcon(m.prevButton||u.createElement(a.ChevronLeftIcon,Ee),N({},Ee),{props:m}),De=c.mergeProps({ref:q,type:"button",className:Y("prevbutton"),"aria-label":t.ariaLabel("previousPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(R.current)-ye(),void(R.current.scrollLeft=(n=R.current.scrollLeft-t)<=0?0:n);var t,n}},M("prevbutton")),m.scrollable&&!P?u.createElement("button",De,je,u.createElement(i.Ripple,null)):null),Ae=function(){var e=c.mergeProps({"aria-hidden":"true"},M("nexticon")),n=c.IconUtils.getJSXIcon(m.nextButton||u.createElement(o.ChevronRightIcon,e),N({},e),{props:m}),r=c.mergeProps({ref:W,type:"button",className:Y("nextbutton"),"aria-label":t.ariaLabel("nextPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(R.current)-ye(),void(R.current.scrollLeft=(n=R.current.scrollLeft+t)>=(r=R.current.scrollWidth-t)?r:n);var t,n,r}},M("nextbutton"));if(m.scrollable&&!S)return u.createElement("button",r,n,u.createElement(i.Ripple,null))}();return u.createElement("div",Ie,u.createElement("div",Te,_e,ke,Ae),Ue)}));I.displayName="TabPanel",T.displayName="TabView",exports.TabPanel=I,exports.TabView=T;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),a=require("primereact/icons/chevronleft"),o=require("primereact/icons/chevronright"),l=require("primereact/icons/times"),i=require("primereact/ripple"),c=require("primereact/utils");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(e);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 d(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 f(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 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 m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function h(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===m(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(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,l,i=[],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)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}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 C(e,t){return w(e)||x(e,t)||f(e,t)||O()}function P(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 S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=n.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return c.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){var t=e.props;return c.classNames("p-tabview p-component",{"p-tabview-scrollable":t.scrollable},t.className)},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return c.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,o=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(a,l)||t.renderActiveOnly&&!o(l)?void 0:c.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n        position: relative;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-nav-link {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-nav-link:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-close {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return S(S({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(r,o)||t.renderActiveOnly&&!a(o)?void 0:S(S({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),j=n.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",className:null,closable:!1,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,rightIcon:null,prevButton:null,nextButton:null,closeIcon:null,style:null,children:void 0},getCProp:function(e,t){return c.ObjectUtils.getComponentProp(e,t,j.defaultProps)},getCProps:function(e){return c.ObjectUtils.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return c.ObjectUtils.getComponentDiffProps(e,j.defaultProps)}});function D(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?D(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var I=function(){},T=u.forwardRef((function(e,s){var p=r.useMergeProps(),m=u.useContext(t.PrimeReactContext),h=E.getProps(e,m),y=C(u.useState(h.id),2),g=y[0],w=y[1],x=C(u.useState(!0),2),O=x[0],P=x[1],S=C(u.useState(!1),2),D=S[0],I=S[1],T=C(u.useState([]),2),k=T[0],U=T[1],_=C(u.useState(h.activeIndex),2),A=_[0],H=_[1],R=u.useRef(null),B=u.useRef(null),L=u.useRef(null),q=u.useRef(null),W=u.useRef(null),J=u.useRef(null),M=u.useRef({}),V=h.onTabChange?h.activeIndex:A,X=u.Children.count(h.children),z={props:h,state:{id:g,isPrevButtonDisabled:O,isNextButtonDisabled:D,hiddenTabsState:k,activeIndex:A}},K=E.setMetaData(N({},z)),Y=K.ptm,$=K.ptmo,F=K.cx,G=K.sx;n.useHandleStyle(E.css.styles,K.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:z,context:{index:n,count:X,first:0===n,last:n===X-1,active:n==A,disabled:ee(e,"disabled")}};return p(Y("tab.".concat(t),{tab:r}),Y("tabpanel.".concat(t),{tabpanel:r}),Y("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===V},ee=function(e,t){return j.getCProp(e,t)},te=function(e){return e&&c.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,o=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(U([].concat(d(n=k)||b(n)||f(n)||v(),[o])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},oe=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":le(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":pe(e);break;case"Enter":case"Space":de(e,t,n)}},le=function(e){var t=be(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=fe(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:u.Children.count(h.children)-1}),e.preventDefault()},pe=function(e){ye({index:0}),e.preventDefault()},de=function(e,t,n){ae(e,t,n),e.preventDefault()},be=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?c.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(n,"data-pc-section")?e(n):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},fe=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?c.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(n,"data-pc-section")?e(n):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},ve=function(){return be(L.current.firstElementChild,!0)},me=function(){return fe(L.current.lastElementChild,!0)},he=function(e){e&&(c.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||M.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=c.DomHandler.getWidth(B.current);P(0===t),I(t===n-r)},we=function(e){h.scrollable&&ge(),e.preventDefault()},xe=function(){return[W.current,J.current].reduce((function(e,t){return t?e+c.DomHandler.getWidth(t):e}),0)},Oe=function(){P(!0),I(!1),U([]),h.onTabChange?h.onTabChange({index:V}):H(h.activeIndex)};u.useEffect((function(){var e;e=M.current["tab_".concat(V)],q.current.style.width=c.DomHandler.getWidth(e)+"px",q.current.style.left=c.DomHandler.getOffset(e).left-c.DomHandler.getOffset(L.current).left+"px",ge()})),r.useMountEffect((function(){g||w(c.UniqueComponentId())})),r.useUpdateEffect((function(){if(c.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=u.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),r.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),u.useImperativeHandle(s,(function(){return{props:h,reset:Oe,getElement:function(){return R.current}}}));var Ce,Pe,Se,Ee,je,De,Ne,Ie,Te,ke=function(e,t){var n=Z(t),r=j.getCProps(e),a=r.headerStyle,o=r.headerClassName,s=r.style,d=r.className,b=r.disabled,f=r.leftIcon,v=r.rightIcon,m=r.header,y=r.headerTemplate,w=r.closable,x=r.closeIcon,O=g+"_header_"+t,C=g+t+"_content",P=b||!n?-1:0,S=f&&c.IconUtils.getJSXIcon(f,void 0,{props:h}),E=p({className:F("tab.headertitle")},Q(e,"headertitle",t)),D=u.createElement("span",E,m),N=v&&c.IconUtils.getJSXIcon(v,void 0,{props:h}),I="p-tabview-close",T=w?c.IconUtils.getJSXIcon(x||u.createElement(l.TimesIcon,{className:I,onClick:function(e){return ne(e,t)}}),{className:I,onClick:function(e){return ne(e,t)}},{props:h}):null,k=p({id:O,role:"tab",className:F("tab.headeraction"),tabIndex:P,"aria-controls":C,"aria-selected":n,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return oe(n,e,t)}},Q(e,"headeraction",t)),U=u.createElement("a",k,S,D,N,T,u.createElement(i.Ripple,null));y&&(U=c.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return oe(n,e,t)},leftIconElement:S,titleElement:D,rightIconElement:N,element:U,props:h,index:t,selected:n,ariaControls:C}));var _=p({ref:function(e){return M.current["tab_".concat(t)]=e},className:F("tab.header",{selected:n,disabled:b,headerClassName:o,_className:d}),style:G("tab.header",{headerStyle:a,_style:s}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return u.createElement("li",_,U)},Ue=p({id:g,ref:R,style:h.style,className:F("root")},E.getOtherProps(h),Y("root")),_e=p({className:F("navcontainer")},Y("navcontainer")),Ae=(Ce=u.Children.map(h.children,(function(e,t){if(te(e))return ke(e,t)})),Pe=p({id:g,ref:B,className:F("navcontent"),style:h.style,onScroll:we},Y("navcontent")),Se=p({ref:L,className:F("nav"),role:"tablist"},Y("nav")),Ee=p({ref:q,"aria-hidden":"true",role:"presentation",className:F("inkbar")},Y("inkbar")),u.createElement("div",Pe,u.createElement("ul",Se,Ce,u.createElement("li",Ee)))),He=(je=p({className:F("panelcontainer"),style:h.panelContainerStyle},Y("panelcontainer")),De=u.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=p({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},j.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return u.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),u.createElement("div",je,De)),Re=(Ne=p({"aria-hidden":"true"},Y("previcon")),Ie=c.IconUtils.getJSXIcon(h.prevButton||u.createElement(a.ChevronLeftIcon,Ne),N({},Ne),{props:h}),Te=p({ref:W,type:"button",className:F("prevbutton"),"aria-label":t.ariaLabel("previousPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(B.current)-xe(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},Y("prevbutton")),h.scrollable&&!O?u.createElement("button",Te,Ie,u.createElement(i.Ripple,null)):null),Be=function(){var e=p({"aria-hidden":"true"},Y("nexticon")),n=c.IconUtils.getJSXIcon(h.nextButton||u.createElement(o.ChevronRightIcon,e),N({},e),{props:h}),r=p({ref:J,type:"button",className:F("nextbutton"),"aria-label":t.ariaLabel("nextPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(B.current)-xe(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},Y("nextbutton"));if(h.scrollable&&!D)return u.createElement("button",r,n,u.createElement(i.Ripple,null))}();return u.createElement("div",Ue,u.createElement("div",_e,Re,Ae,Be),He)}));I.displayName="TabPanel",T.displayName="TabView",exports.TabPanel=I,exports.TabView=T;

package/tabview/tabview.d.ts

@@ -81,6 +81,41 @@ interface TabPanelHeaderTemplateOptions {
 export interface TabPanelPassThroughMethodOptions {
     props: TabPanelProps;
     parent: TabViewPassThroughMethodOptions;
+    context: TabViewContext;
+}
+
+/**
+ * Defines current inline context in Tabview component.
+ */
+export interface TabViewContext {
+    /**
+     * Opened tab index.
+     */
+    index: number;
+    /**
+     * Total number of tabs
+     */
+    count: number;
+    /**
+     * Is this the first tab?
+     * @defaultValue false
+     */
+    first: boolean;
+    /**
+     * Is this the last tab?
+     * @defaultValue false
+     */
+    last: boolean;
+    /**
+     * Is this tab currently selected.
+     * @defaultValue false
+     */
+    selected: boolean;
+    /**
+     * Is this tab currently disabled.
+     * @defaultValue false
+     */
+    disabled: boolean;
 }
 
 /**