primereact 8.2.0 → 8.5.0

package/steps/steps.d.ts

@@ -7,15 +7,14 @@ interface StepsSelectParams {
     index: number;
 }
 
-export interface StepsProps {
-    id?: string;
+export interface StepsProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onSelect' | 'ref'> {
     model: MenuItem[];
     activeIndex?: number;
     readOnly?: boolean;
-    style?: object;
-    className?: string;
     onSelect?(e: StepsSelectParams): void;
     children?: React.ReactNode;
 }
 
-export declare class Steps extends React.Component<StepsProps, any> { }
+export declare class Steps extends React.Component<StepsProps, any> {
+    public getElement(): HTMLDivElement;
+}

package/steps/steps.esm.js

@@ -20,6 +20,8 @@ function _extends() {
 }
 
 var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
+
   var itemClick = function itemClick(event, item, index) {
     if (props.readOnly || item.disabled) {
       event.preventDefault();
@@ -48,6 +50,10 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   };
 
   var createItem = function createItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var key = item.label + '_' + index;
     var active = index === props.activeIndex;
     var disabled = item.disabled || index !== props.activeIndex && props.readOnly;
@@ -119,6 +125,14 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     return null;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   var otherProps = ObjectUtils.findDiffKeys(props, Steps.defaultProps);
   var className = classNames('p-steps p-component', {
     'p-readonly': props.readOnly
@@ -126,6 +140,7 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   var items = createItems();
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), items);

package/steps/steps.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as t,classNames as a,IconUtils as l}from"primereact/utils";function n(){return n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},n.apply(this,arguments)}var r=e.memo(e.forwardRef((function(s,i){var m=function(e,t,a){s.readOnly||t.disabled?e.preventDefault():(s.onSelect&&s.onSelect({originalEvent:e,item:t,index:a}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:a}))},p=function(n,r){var i=n.label+"_"+r,p=r===s.activeIndex,c=n.disabled||r!==s.activeIndex&&s.readOnly,o=c?-1:"",d=a("p-steps-item",n.className,{"p-highlight p-steps-current":p,"p-disabled":c}),u=a("p-menuitem-icon",n.icon),f=l.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:s}),b=n.label&&e.createElement("span",{className:"p-steps-title"},n.label),v=e.createElement("a",{href:n.url||"#",className:"p-menuitem-link",role:"presentation",target:n.target,onClick:function(e){return m(e,n,r)},tabIndex:o},e.createElement("span",{className:"p-steps-number"},r+1),f,b);n.template&&(v=t.getJSXElement(n.template,n,{onClick:function(e){return m(e,n,r)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:u,element:v,props:s,tabIndex:o,active:p,disabled:c}));return e.createElement("li",{key:i,id:n.id,className:d,style:n.style,role:"tab","aria-selected":p,"aria-expanded":p},v)},c=t.findDiffKeys(s,r.defaultProps),o=a("p-steps p-component",{"p-readonly":s.readOnly},s.className),d=function(){if(s.model){var t=s.model.map(p);return e.createElement("ul",{role:"tablist"},t)}return null}();return e.createElement("div",n({id:s.id,className:o,style:s.style},c),d)})));r.displayName="Steps",r.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null};export{r as Steps};
+import*as e from"react";import{ObjectUtils as t,classNames as n,IconUtils as l}from"primereact/utils";function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}var r=e.memo(e.forwardRef((function(s,i){var m=e.useRef(null),p=function(e,t,n){s.readOnly||t.disabled?e.preventDefault():(s.onSelect&&s.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},c=function(a,r){if(!1===a.visible)return null;var i=a.label+"_"+r,m=r===s.activeIndex,c=a.disabled||r!==s.activeIndex&&s.readOnly,o=c?-1:"",u=n("p-steps-item",a.className,{"p-highlight p-steps-current":m,"p-disabled":c}),d=n("p-menuitem-icon",a.icon),f=l.getJSXIcon(a.icon,{className:"p-menuitem-icon"},{props:s}),v=a.label&&e.createElement("span",{className:"p-steps-title"},a.label),b=e.createElement("a",{href:a.url||"#",className:"p-menuitem-link",role:"presentation",target:a.target,onClick:function(e){return p(e,a,r)},tabIndex:o},e.createElement("span",{className:"p-steps-number"},r+1),f,v);a.template&&(b=t.getJSXElement(a.template,a,{onClick:function(e){return p(e,a,r)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:d,element:b,props:s,tabIndex:o,active:m,disabled:c}));return e.createElement("li",{key:i,id:a.id,className:u,style:a.style,role:"tab","aria-selected":m,"aria-expanded":m},b)};e.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return m.current}}}));var o=t.findDiffKeys(s,r.defaultProps),u=n("p-steps p-component",{"p-readonly":s.readOnly},s.className),d=function(){if(s.model){var t=s.model.map(c);return e.createElement("ul",{role:"tablist"},t)}return null}();return e.createElement("div",a({id:s.id,ref:m,className:u,style:s.style},o),d)})));r.displayName="Steps",r.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null};export{r as Steps};

package/steps/steps.js

@@ -41,6 +41,8 @@ this.primereact.steps = (function (exports, React, utils) {
   }
 
   var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
+
     var itemClick = function itemClick(event, item, index) {
       if (props.readOnly || item.disabled) {
         event.preventDefault();
@@ -69,6 +71,10 @@ this.primereact.steps = (function (exports, React, utils) {
     };
 
     var createItem = function createItem(item, index) {
+      if (item.visible === false) {
+        return null;
+      }
+
       var key = item.label + '_' + index;
       var active = index === props.activeIndex;
       var disabled = item.disabled || index !== props.activeIndex && props.readOnly;
@@ -140,6 +146,14 @@ this.primereact.steps = (function (exports, React, utils) {
       return null;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Steps.defaultProps);
     var className = utils.classNames('p-steps p-component', {
       'p-readonly': props.readOnly
@@ -147,6 +161,7 @@ this.primereact.steps = (function (exports, React, utils) {
     var items = createItems();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), items);

package/steps/steps.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.steps=function(e,t,a){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var l=n(t);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},r.apply(this,arguments)}var s=l.memo(l.forwardRef((function(e,t){var n=function(t,a,n){e.readOnly||a.disabled?t.preventDefault():(e.onSelect&&e.onSelect({originalEvent:t,item:a,index:n}),a.url||t.preventDefault(),a.command&&a.command({originalEvent:t,item:a,index:n}))},i=function(t,r){var s=t.label+"_"+r,i=r===e.activeIndex,c=t.disabled||r!==e.activeIndex&&e.readOnly,m=c?-1:"",o=a.classNames("p-steps-item",t.className,{"p-highlight p-steps-current":i,"p-disabled":c}),p=a.classNames("p-menuitem-icon",t.icon),u=a.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),d=t.label&&l.createElement("span",{className:"p-steps-title"},t.label),f=l.createElement("a",{href:t.url||"#",className:"p-menuitem-link",role:"presentation",target:t.target,onClick:function(e){return n(e,t,r)},tabIndex:m},l.createElement("span",{className:"p-steps-number"},r+1),u,d);t.template&&(f=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return n(e,t,r)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:p,element:f,props:e,tabIndex:m,active:i,disabled:c}));return l.createElement("li",{key:s,id:t.id,className:o,style:t.style,role:"tab","aria-selected":i,"aria-expanded":i},f)},c=a.ObjectUtils.findDiffKeys(e,s.defaultProps),m=a.classNames("p-steps p-component",{"p-readonly":e.readOnly},e.className),o=function(){if(e.model){var t=e.model.map(i);return l.createElement("ul",{role:"tablist"},t)}return null}();return l.createElement("div",r({id:e.id,className:m,style:e.style},c),o)})));return s.displayName="Steps",s.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},e.Steps=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.steps=function(e,t,n){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=a(t);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},r.apply(this,arguments)}var s=l.memo(l.forwardRef((function(e,t){var a=l.useRef(null),i=function(t,n,a){e.readOnly||n.disabled?t.preventDefault():(e.onSelect&&e.onSelect({originalEvent:t,item:n,index:a}),n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n,index:a}))},c=function(t,a){if(!1===t.visible)return null;var r=t.label+"_"+a,s=a===e.activeIndex,c=t.disabled||a!==e.activeIndex&&e.readOnly,u=c?-1:"",m=n.classNames("p-steps-item",t.className,{"p-highlight p-steps-current":s,"p-disabled":c}),o=n.classNames("p-menuitem-icon",t.icon),p=n.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),d=t.label&&l.createElement("span",{className:"p-steps-title"},t.label),f=l.createElement("a",{href:t.url||"#",className:"p-menuitem-link",role:"presentation",target:t.target,onClick:function(e){return i(e,t,a)},tabIndex:u},l.createElement("span",{className:"p-steps-number"},a+1),p,d);t.template&&(f=n.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return i(e,t,a)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:o,element:f,props:e,tabIndex:u,active:s,disabled:c}));return l.createElement("li",{key:r,id:t.id,className:m,style:t.style,role:"tab","aria-selected":s,"aria-expanded":s},f)};l.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return a.current}}}));var u=n.ObjectUtils.findDiffKeys(e,s.defaultProps),m=n.classNames("p-steps p-component",{"p-readonly":e.readOnly},e.className),o=function(){if(e.model){var t=e.model.map(c);return l.createElement("ul",{role:"tablist"},t)}return null}();return l.createElement("div",r({id:e.id,ref:a,className:m,style:e.style},u),o)})));return s.displayName="Steps",s.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},e.Steps=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/styleclass/styleclass.cjs.js

@@ -154,7 +154,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       if (props.toggleClassName) {
         if (utils.DomHandler.hasClass(targetRef.current, props.toggleClassName)) utils.DomHandler.removeClass(targetRef.current, props.toggleClassName);else utils.DomHandler.addClass(targetRef.current, props.toggleClassName);
       } else {
-        if (targetRef.current.offsetParent === null) enter();else leave();
+        utils.DomHandler.isVisible(targetRef.current) ? leave() : enter();
       }
     }
   }),
@@ -273,6 +273,17 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
     return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    };
+  });
   hooks.useMountEffect(function () {
     init();
   });

package/styleclass/styleclass.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=n(e);function l(e){if(Array.isArray(e))return e}function s(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function u(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function c(e,r){if(e){if("string"==typeof e)return u(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,r):void 0}}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 i(e,r){return l(e)||s(e,r)||c(e,r)||o()}var m=a.forwardRef((function(e,n){var l=a.useRef(null),s=a.useRef(!1),u=a.useRef(null),c=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.enterActiveClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName),m(),"slidedown"===e.enterActiveClassName&&(l.current.style.maxHeight=""),s.current=!1}}),2),o=c[0],m=c[1],d=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.leaveActiveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName),C(),s.current=!1}}),2),f=d[0],C=d[1],v=i(r.useEventListener({type:"click",listener:function(e){E(l.current)&&"static"!==getComputedStyle(l.current).getPropertyValue("position")?O(e)&&b():N()},when:e.hideOnOutsideClick}),2),g=v[0],N=v[1],p=i(r.useEventListener({type:"click",listener:function(){l.current=D(),e.toggleClassName?t.DomHandler.hasClass(l.current,e.toggleClassName)?t.DomHandler.removeClass(l.current,e.toggleClassName):t.DomHandler.addClass(l.current,e.toggleClassName):null===l.current.offsetParent?H():b()}}),2),y=p[0],h=p[1],H=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(l.current.style.height="0px",t.DomHandler.removeClass(l.current,"hidden"),l.current.style.maxHeight=l.current.scrollHeight+"px",t.DomHandler.addClass(l.current,"hidden"),l.current.style.height=""),t.DomHandler.addClass(l.current,e.enterActiveClassName),e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),o({target:l.current})):(e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument})},b=function(){e.leaveActiveClassName?s.current||(s.current=!0,t.DomHandler.addClass(l.current,e.leaveActiveClassName),e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),f({target:l.current})):(e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName)),e.hideOnOutsideClick&&N()},D=function(){if(l.current)return l.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},A=function(){u.current=t.ObjectUtils.getRefElement(e.nodeRef),y({target:u.current})},E=function(e){return null!==e.offsetParent},O=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!l.current.contains(e.target)};return r.useMountEffect((function(){A()})),r.useUpdateEffect((function(){return A(),function(){h()}})),r.useUnmountEffect((function(){h(),N(),l.current=null})),e.children}));m.displayName="StyleClass",m.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},exports.StyleClass=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=n(e);function l(e){if(Array.isArray(e))return e}function s(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function u(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function c(e,r){if(e){if("string"==typeof e)return u(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,r):void 0}}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 i(e,r){return l(e)||s(e,r)||c(e,r)||o()}var m=a.forwardRef((function(e,n){var l=a.useRef(null),s=a.useRef(!1),u=a.useRef(null),c=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.enterActiveClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName),m(),"slidedown"===e.enterActiveClassName&&(l.current.style.maxHeight=""),s.current=!1}}),2),o=c[0],m=c[1],d=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.leaveActiveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName),C(),s.current=!1}}),2),f=d[0],C=d[1],v=i(r.useEventListener({type:"click",listener:function(e){A(l.current)&&"static"!==getComputedStyle(l.current).getPropertyValue("position")?O(e)&&b():p()},when:e.hideOnOutsideClick}),2),g=v[0],p=v[1],N=i(r.useEventListener({type:"click",listener:function(){l.current=D(),e.toggleClassName?t.DomHandler.hasClass(l.current,e.toggleClassName)?t.DomHandler.removeClass(l.current,e.toggleClassName):t.DomHandler.addClass(l.current,e.toggleClassName):t.DomHandler.isVisible(l.current)?b():H()}}),2),y=N[0],h=N[1],H=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(l.current.style.height="0px",t.DomHandler.removeClass(l.current,"hidden"),l.current.style.maxHeight=l.current.scrollHeight+"px",t.DomHandler.addClass(l.current,"hidden"),l.current.style.height=""),t.DomHandler.addClass(l.current,e.enterActiveClassName),e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),o({target:l.current})):(e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument})},b=function(){e.leaveActiveClassName?s.current||(s.current=!0,t.DomHandler.addClass(l.current,e.leaveActiveClassName),e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),f({target:l.current})):(e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName)),e.hideOnOutsideClick&&p()},D=function(){if(l.current)return l.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},E=function(){u.current=t.ObjectUtils.getRefElement(e.nodeRef),y({target:u.current})},A=function(e){return null!==e.offsetParent},O=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!l.current.contains(e.target)};return a.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return u.current},getTarget:function(){return l.current}}})),r.useMountEffect((function(){E()})),r.useUpdateEffect((function(){return E(),function(){h()}})),r.useUnmountEffect((function(){h(),p(),l.current=null})),e.children}));m.displayName="StyleClass",m.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},exports.StyleClass=m;

package/styleclass/styleclass.d.ts

@@ -16,4 +16,7 @@ export interface StyleClassProps {
     children?: React.ReactNode;
 }
 
-export declare class StyleClass extends React.Component<StyleClassProps, any> { }
+export declare class StyleClass extends React.Component<StyleClassProps, any> {
+    public getElement(): HTMLElement;
+    public getTarget(): HTMLElement;
+}

package/styleclass/styleclass.esm.js

@@ -130,7 +130,7 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (props.toggleClassName) {
         if (DomHandler.hasClass(targetRef.current, props.toggleClassName)) DomHandler.removeClass(targetRef.current, props.toggleClassName);else DomHandler.addClass(targetRef.current, props.toggleClassName);
       } else {
-        if (targetRef.current.offsetParent === null) enter();else leave();
+        DomHandler.isVisible(targetRef.current) ? leave() : enter();
       }
     }
   }),
@@ -249,6 +249,17 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    };
+  });
   useMountEffect(function () {
     init();
   });

package/styleclass/styleclass.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useEventListener as r,useMountEffect as t,useUpdateEffect as n,useUnmountEffect as a}from"primereact/hooks";import{DomHandler as l,ObjectUtils as s}from"primereact/utils";function u(e){if(Array.isArray(e))return e}function c(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function o(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function i(e,r){if(e){if("string"==typeof e)return o(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?o(e,r):void 0}}function m(){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,r){return u(e)||c(e,r)||i(e,r)||m()}var d=e.forwardRef((function(u,c){var o=e.useRef(null),i=e.useRef(!1),m=e.useRef(null),d=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.enterActiveClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName),v(),"slidedown"===u.enterActiveClassName&&(o.current.style.maxHeight=""),i.current=!1}}),2),f=d[0],v=d[1],N=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.leaveActiveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName),p(),i.current=!1}}),2),g=N[0],p=N[1],y=C(r({type:"click",listener:function(e){R(o.current)&&"static"!==getComputedStyle(o.current).getPropertyValue("position")?k(e)&&x():A()},when:u.hideOnOutsideClick}),2),h=y[0],A=y[1],S=C(r({type:"click",listener:function(){o.current=E(),u.toggleClassName?l.hasClass(o.current,u.toggleClassName)?l.removeClass(o.current,u.toggleClassName):l.addClass(o.current,u.toggleClassName):null===o.current.offsetParent?w():x()}}),2),T=S[0],b=S[1],w=function(){u.enterActiveClassName?i.current||(i.current=!0,"slidedown"===u.enterActiveClassName&&(o.current.style.height="0px",l.removeClass(o.current,"hidden"),o.current.style.maxHeight=o.current.scrollHeight+"px",l.addClass(o.current,"hidden"),o.current.style.height=""),l.addClass(o.current,u.enterActiveClassName),u.enterClassName&&l.removeClass(o.current,u.enterClassName),f({target:o.current})):(u.enterClassName&&l.removeClass(o.current,u.enterClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName)),h({target:m.current&&m.current.ownerDocument})},x=function(){u.leaveActiveClassName?i.current||(i.current=!0,l.addClass(o.current,u.leaveActiveClassName),u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),g({target:o.current})):(u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName)),u.hideOnOutsideClick&&A()},E=function(){if(o.current)return o.current;switch(u.selector){case"@next":return m.current.nextElementSibling;case"@prev":return m.current.previousElementSibling;case"@parent":return m.current.parentElement;case"@grandparent":return m.current.parentElement.parentElement;default:return document.querySelector(u.selector)}},O=function(){m.current=s.getRefElement(u.nodeRef),T({target:m.current})},R=function(e){return null!==e.offsetParent},k=function(e){return!m.current.isSameNode(e.target)&&!m.current.contains(e.target)&&!o.current.contains(e.target)};return t((function(){O()})),n((function(){return O(),function(){b()}})),a((function(){b(),A(),o.current=null})),u.children}));d.displayName="StyleClass",d.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null};export{d as StyleClass};
+import*as e from"react";import{useEventListener as r,useMountEffect as t,useUpdateEffect as n,useUnmountEffect as a}from"primereact/hooks";import{DomHandler as l,ObjectUtils as s}from"primereact/utils";function u(e){if(Array.isArray(e))return e}function c(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function o(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function i(e,r){if(e){if("string"==typeof e)return o(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?o(e,r):void 0}}function m(){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,r){return u(e)||c(e,r)||i(e,r)||m()}var d=e.forwardRef((function(u,c){var o=e.useRef(null),i=e.useRef(!1),m=e.useRef(null),d=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.enterActiveClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName),v(),"slidedown"===u.enterActiveClassName&&(o.current.style.maxHeight=""),i.current=!1}}),2),f=d[0],v=d[1],g=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.leaveActiveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName),p(),i.current=!1}}),2),N=g[0],p=g[1],y=C(r({type:"click",listener:function(e){R(o.current)&&"static"!==getComputedStyle(o.current).getPropertyValue("position")?k(e)&&E():A()},when:u.hideOnOutsideClick}),2),h=y[0],A=y[1],T=C(r({type:"click",listener:function(){o.current=x(),u.toggleClassName?l.hasClass(o.current,u.toggleClassName)?l.removeClass(o.current,u.toggleClassName):l.addClass(o.current,u.toggleClassName):l.isVisible(o.current)?E():w()}}),2),b=T[0],S=T[1],w=function(){u.enterActiveClassName?i.current||(i.current=!0,"slidedown"===u.enterActiveClassName&&(o.current.style.height="0px",l.removeClass(o.current,"hidden"),o.current.style.maxHeight=o.current.scrollHeight+"px",l.addClass(o.current,"hidden"),o.current.style.height=""),l.addClass(o.current,u.enterActiveClassName),u.enterClassName&&l.removeClass(o.current,u.enterClassName),f({target:o.current})):(u.enterClassName&&l.removeClass(o.current,u.enterClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName)),h({target:m.current&&m.current.ownerDocument})},E=function(){u.leaveActiveClassName?i.current||(i.current=!0,l.addClass(o.current,u.leaveActiveClassName),u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),N({target:o.current})):(u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName)),u.hideOnOutsideClick&&A()},x=function(){if(o.current)return o.current;switch(u.selector){case"@next":return m.current.nextElementSibling;case"@prev":return m.current.previousElementSibling;case"@parent":return m.current.parentElement;case"@grandparent":return m.current.parentElement.parentElement;default:return document.querySelector(u.selector)}},O=function(){m.current=s.getRefElement(u.nodeRef),b({target:m.current})},R=function(e){return null!==e.offsetParent},k=function(e){return!m.current.isSameNode(e.target)&&!m.current.contains(e.target)&&!o.current.contains(e.target)};return e.useImperativeHandle(c,(function(){return{props:u,getElement:function(){return m.current},getTarget:function(){return o.current}}})),t((function(){O()})),n((function(){return O(),function(){S()}})),a((function(){S(),A(),o.current=null})),u.children}));d.displayName="StyleClass",d.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null};export{d as StyleClass};

package/styleclass/styleclass.js

@@ -150,7 +150,7 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
         if (props.toggleClassName) {
           if (utils.DomHandler.hasClass(targetRef.current, props.toggleClassName)) utils.DomHandler.removeClass(targetRef.current, props.toggleClassName);else utils.DomHandler.addClass(targetRef.current, props.toggleClassName);
         } else {
-          if (targetRef.current.offsetParent === null) enter();else leave();
+          utils.DomHandler.isVisible(targetRef.current) ? leave() : enter();
         }
       }
     }),
@@ -269,6 +269,17 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
       return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getTarget: function getTarget() {
+          return targetRef.current;
+        }
+      };
+    });
     hooks.useMountEffect(function () {
       init();
     });

package/styleclass/styleclass.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.styleclass=function(e,r,t,n){"use strict";function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=a(r);function s(e){if(Array.isArray(e))return e}function u(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function c(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function o(e,r){if(e){if("string"==typeof e)return c(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,r):void 0}}function i(){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 m(e,r){return s(e)||u(e,r)||o(e,r)||i()}var d=l.forwardRef((function(e,r){var a=l.useRef(null),s=l.useRef(!1),u=l.useRef(null),c=m(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(a.current,e.enterActiveClassName),e.enterToClassName&&n.DomHandler.addClass(a.current,e.enterToClassName),i(),"slidedown"===e.enterActiveClassName&&(a.current.style.maxHeight=""),s.current=!1}}),2),o=c[0],i=c[1],d=m(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(a.current,e.leaveActiveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName),C(),s.current=!1}}),2),f=d[0],C=d[1],v=m(t.useEventListener({type:"click",listener:function(e){E(a.current)&&"static"!==getComputedStyle(a.current).getPropertyValue("position")?O(e)&&b():p()},when:e.hideOnOutsideClick}),2),g=v[0],p=v[1],y=m(t.useEventListener({type:"click",listener:function(){a.current=D(),e.toggleClassName?n.DomHandler.hasClass(a.current,e.toggleClassName)?n.DomHandler.removeClass(a.current,e.toggleClassName):n.DomHandler.addClass(a.current,e.toggleClassName):null===a.current.offsetParent?H():b()}}),2),N=y[0],h=y[1],H=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(a.current.style.height="0px",n.DomHandler.removeClass(a.current,"hidden"),a.current.style.maxHeight=a.current.scrollHeight+"px",n.DomHandler.addClass(a.current,"hidden"),a.current.style.height=""),n.DomHandler.addClass(a.current,e.enterActiveClassName),e.enterClassName&&n.DomHandler.removeClass(a.current,e.enterClassName),o({target:a.current})):(e.enterClassName&&n.DomHandler.removeClass(a.current,e.enterClassName),e.enterToClassName&&n.DomHandler.addClass(a.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument})},b=function(){e.leaveActiveClassName?s.current||(s.current=!0,n.DomHandler.addClass(a.current,e.leaveActiveClassName),e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),f({target:a.current})):(e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName)),e.hideOnOutsideClick&&p()},D=function(){if(a.current)return a.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},A=function(){u.current=n.ObjectUtils.getRefElement(e.nodeRef),N({target:u.current})},E=function(e){return null!==e.offsetParent},O=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!a.current.contains(e.target)};return t.useMountEffect((function(){A()})),t.useUpdateEffect((function(){return A(),function(){h()}})),t.useUnmountEffect((function(){h(),p(),a.current=null})),e.children}));return d.displayName="StyleClass",d.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},e.StyleClass=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.styleclass=function(e,r,t,n){"use strict";function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=a(r);function s(e){if(Array.isArray(e))return e}function u(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function c(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function o(e,r){if(e){if("string"==typeof e)return c(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,r):void 0}}function i(){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 m(e,r){return s(e)||u(e,r)||o(e,r)||i()}var d=l.forwardRef((function(e,r){var a=l.useRef(null),s=l.useRef(!1),u=l.useRef(null),c=m(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(a.current,e.enterActiveClassName),e.enterToClassName&&n.DomHandler.addClass(a.current,e.enterToClassName),i(),"slidedown"===e.enterActiveClassName&&(a.current.style.maxHeight=""),s.current=!1}}),2),o=c[0],i=c[1],d=m(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(a.current,e.leaveActiveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName),C(),s.current=!1}}),2),f=d[0],C=d[1],v=m(t.useEventListener({type:"click",listener:function(e){A(a.current)&&"static"!==getComputedStyle(a.current).getPropertyValue("position")?O(e)&&b():p()},when:e.hideOnOutsideClick}),2),g=v[0],p=v[1],y=m(t.useEventListener({type:"click",listener:function(){a.current=D(),e.toggleClassName?n.DomHandler.hasClass(a.current,e.toggleClassName)?n.DomHandler.removeClass(a.current,e.toggleClassName):n.DomHandler.addClass(a.current,e.toggleClassName):n.DomHandler.isVisible(a.current)?b():H()}}),2),N=y[0],h=y[1],H=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(a.current.style.height="0px",n.DomHandler.removeClass(a.current,"hidden"),a.current.style.maxHeight=a.current.scrollHeight+"px",n.DomHandler.addClass(a.current,"hidden"),a.current.style.height=""),n.DomHandler.addClass(a.current,e.enterActiveClassName),e.enterClassName&&n.DomHandler.removeClass(a.current,e.enterClassName),o({target:a.current})):(e.enterClassName&&n.DomHandler.removeClass(a.current,e.enterClassName),e.enterToClassName&&n.DomHandler.addClass(a.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument})},b=function(){e.leaveActiveClassName?s.current||(s.current=!0,n.DomHandler.addClass(a.current,e.leaveActiveClassName),e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),f({target:a.current})):(e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName)),e.hideOnOutsideClick&&p()},D=function(){if(a.current)return a.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},E=function(){u.current=n.ObjectUtils.getRefElement(e.nodeRef),N({target:u.current})},A=function(e){return null!==e.offsetParent},O=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!a.current.contains(e.target)};return l.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return u.current},getTarget:function(){return a.current}}})),t.useMountEffect((function(){E()})),t.useUpdateEffect((function(){return E(),function(){h()}})),t.useUnmountEffect((function(){h(),p(),a.current=null})),e.children}));return d.displayName="StyleClass",d.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},e.StyleClass=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);

package/tabmenu/tabmenu.cjs.js

@@ -111,6 +111,7 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       activeIndexState = _React$useState2[0],
       setActiveIndexState = _React$useState2[1];
 
+  var elementRef = React__namespace.useRef(null);
   var inkbarRef = React__namespace.useRef(null);
   var navRef = React__namespace.useRef(null);
   var tabsRef = React__namespace.useRef({});
@@ -154,11 +155,23 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     inkbarRef.current.style.left = utils.DomHandler.getOffset(tabHeader).left - utils.DomHandler.getOffset(navRef.current).left + 'px';
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   React__namespace.useEffect(function () {
     updateInkBar();
   });
 
   var createMenuItem = function createMenuItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var _className = item.className,
         style = item.style,
         disabled = item.disabled,
@@ -205,7 +218,8 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
         element: content,
         props: props,
         active: active,
-        index: index
+        index: index,
+        disabled: disabled
       };
       content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
     }
@@ -232,6 +246,7 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     var items = createItems();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), /*#__PURE__*/React__namespace.createElement("ul", {

package/tabmenu/tabmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/utils");function r(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 a=r(e);function l(){return l=Object.assign||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},l.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,u=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(u)throw a}}return l}}function o(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 c(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}function s(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var m=a.memo(a.forwardRef((function(e,r){var o,f,p=a.useState(e.activeIndex),d=(f=2,i(o=p)||u(o,f)||c(o,f)||s()),b=d[0],y=d[1],v=a.useRef(null),g=a.useRef(null),h=a.useRef({}),N=e.onTabChange?e.activeIndex:b,O=function(t,n,r){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),e.onTabChange?e.onTabChange({originalEvent:t,value:n,index:r}):y(r))},E=function(e){return e===(N||0)};a.useEffect((function(){var e;e=h.current["tab_".concat(N)],v.current.style.width=n.DomHandler.getWidth(e)+"px",v.current.style.left=n.DomHandler.getOffset(e).left-n.DomHandler.getOffset(g.current).left+"px"}));var j=function(r,l){var i=r.className,u=r.style,o=r.disabled,c=r.icon,s=r.label,m=r.template,f=r.url,p=r.target,d=s+"_"+l,b=E(l),y=n.classNames("p-tabmenuitem",{"p-highlight":b,"p-disabled":o},i),v=n.classNames("p-menuitem-icon",c),g=n.IconUtils.getJSXIcon(c,{className:"p-menuitem-icon"},{props:e}),N=a.createElement("a",{href:f||"#",className:"p-menuitem-link",target:p,onClick:function(e){return O(e,r,l)},role:"presentation"},g,s&&a.createElement("span",{className:"p-menuitem-text"},s),a.createElement(t.Ripple,null));m&&(N=n.ObjectUtils.getJSXElement(m,r,{onClick:function(e){return O(e,r,l)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:v,element:N,props:e,active:b,index:l}));return a.createElement("li",{ref:h.current["tab_".concat(l)],key:d,className:y,style:u,role:"tab","aria-selected":b,"aria-expanded":b,"aria-disabled":o},N)};if(e.model){var x=n.ObjectUtils.findDiffKeys(e,m.defaultProps),C=n.classNames("p-tabmenu p-component",e.className),T=e.model.map(j);return a.createElement("div",l({id:e.id,className:C,style:e.style},x),a.createElement("ul",{ref:g,className:"p-tabmenu-nav p-reset",role:"tablist"},T,a.createElement("li",{ref:v,className:"p-tabmenu-ink-bar"})))}return null})));m.displayName="TabMenu",m.defaultProps={__TYPE:"TabMenu",id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null},exports.TabMenu=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/utils");function r(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 a=r(e);function l(){return l=Object.assign||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},l.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,u=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(u)throw a}}return l}}function o(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 c(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}function s(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var m=a.memo(a.forwardRef((function(e,r){var o,f,p=a.useState(e.activeIndex),d=(f=2,i(o=p)||u(o,f)||c(o,f)||s()),b=d[0],v=d[1],y=a.useRef(null),g=a.useRef(null),h=a.useRef(null),N=a.useRef({}),O=e.onTabChange?e.activeIndex:b,E=function(t,n,r){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),e.onTabChange?e.onTabChange({originalEvent:t,value:n,index:r}):v(r))},j=function(e){return e===(O||0)};a.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return y.current}}})),a.useEffect((function(){var e;e=N.current["tab_".concat(O)],g.current.style.width=n.DomHandler.getWidth(e)+"px",g.current.style.left=n.DomHandler.getOffset(e).left-n.DomHandler.getOffset(h.current).left+"px"}));var x=function(r,l){if(!1===r.visible)return null;var i=r.className,u=r.style,o=r.disabled,c=r.icon,s=r.label,m=r.template,f=r.url,p=r.target,d=s+"_"+l,b=j(l),v=n.classNames("p-tabmenuitem",{"p-highlight":b,"p-disabled":o},i),y=n.classNames("p-menuitem-icon",c),g=n.IconUtils.getJSXIcon(c,{className:"p-menuitem-icon"},{props:e}),h=a.createElement("a",{href:f||"#",className:"p-menuitem-link",target:p,onClick:function(e){return E(e,r,l)},role:"presentation"},g,s&&a.createElement("span",{className:"p-menuitem-text"},s),a.createElement(t.Ripple,null));m&&(h=n.ObjectUtils.getJSXElement(m,r,{onClick:function(e){return E(e,r,l)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:y,element:h,props:e,active:b,index:l,disabled:o}));return a.createElement("li",{ref:N.current["tab_".concat(l)],key:d,className:v,style:u,role:"tab","aria-selected":b,"aria-expanded":b,"aria-disabled":o},h)};if(e.model){var C=n.ObjectUtils.findDiffKeys(e,m.defaultProps),I=n.classNames("p-tabmenu p-component",e.className),T=e.model.map(x);return a.createElement("div",l({id:e.id,ref:y,className:I,style:e.style},C),a.createElement("ul",{ref:h,className:"p-tabmenu-nav p-reset",role:"tablist"},T,a.createElement("li",{ref:g,className:"p-tabmenu-ink-bar"})))}return null})));m.displayName="TabMenu",m.defaultProps={__TYPE:"TabMenu",id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null},exports.TabMenu=m;

package/tabmenu/tabmenu.d.ts

@@ -7,14 +7,13 @@ interface TabMenuTabChangeParams {
     index: number;
 }
 
-export interface TabMenuProps {
-    id?: string;
+export interface TabMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     model?: MenuItem[];
     activeIndex?: number;
-    style?: object;
-    className?: string;
     onTabChange?(e: TabMenuTabChangeParams): void;
     children?: React.ReactNode;
 }
 
-export declare class TabMenu extends React.Component<TabMenuProps, any> { }
+export declare class TabMenu extends React.Component<TabMenuProps, any> {
+    public getElement(): HTMLDivElement;
+}

package/tabmenu/tabmenu.esm.js

@@ -87,6 +87,7 @@ var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       activeIndexState = _React$useState2[0],
       setActiveIndexState = _React$useState2[1];
 
+  var elementRef = React.useRef(null);
   var inkbarRef = React.useRef(null);
   var navRef = React.useRef(null);
   var tabsRef = React.useRef({});
@@ -130,11 +131,23 @@ var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
     inkbarRef.current.style.left = DomHandler.getOffset(tabHeader).left - DomHandler.getOffset(navRef.current).left + 'px';
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   React.useEffect(function () {
     updateInkBar();
   });
 
   var createMenuItem = function createMenuItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var _className = item.className,
         style = item.style,
         disabled = item.disabled,
@@ -181,7 +194,8 @@ var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
         element: content,
         props: props,
         active: active,
-        index: index
+        index: index,
+        disabled: disabled
       };
       content = ObjectUtils.getJSXElement(template, item, defaultContentOptions);
     }
@@ -208,6 +222,7 @@ var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
     var items = createItems();
     return /*#__PURE__*/React.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), /*#__PURE__*/React.createElement("ul", {

package/tabmenu/tabmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Ripple as t}from"primereact/ripple";import{ObjectUtils as n,classNames as r,DomHandler as a,IconUtils as l}from"primereact/utils";function i(){return i=Object.assign||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},i.apply(this,arguments)}function o(e){if(Array.isArray(e))return e}function u(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw a}}return l}}function c(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 s(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=e.memo(e.forwardRef((function(c,p){var d,b,y=e.useState(c.activeIndex),v=(b=2,o(d=y)||u(d,b)||s(d,b)||m()),g=v[0],h=v[1],N=e.useRef(null),E=e.useRef(null),x=e.useRef({}),C=c.onTabChange?c.activeIndex:g,S=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}):h(n))},T=function(e){return e===(C||0)};e.useEffect((function(){var e;e=x.current["tab_".concat(C)],N.current.style.width=a.getWidth(e)+"px",N.current.style.left=a.getOffset(e).left-a.getOffset(E.current).left+"px"}));var w=function(a,i){var o=a.className,u=a.style,s=a.disabled,m=a.icon,f=a.label,p=a.template,d=a.url,b=a.target,y=f+"_"+i,v=T(i),g=r("p-tabmenuitem",{"p-highlight":v,"p-disabled":s},o),h=r("p-menuitem-icon",m),N=l.getJSXIcon(m,{className:"p-menuitem-icon"},{props:c}),E=e.createElement("a",{href:d||"#",className:"p-menuitem-link",target:b,onClick:function(e){return S(e,a,i)},role:"presentation"},N,f&&e.createElement("span",{className:"p-menuitem-text"},f),e.createElement(t,null));p&&(E=n.getJSXElement(p,a,{onClick:function(e){return S(e,a,i)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:h,element:E,props:c,active:v,index:i}));return e.createElement("li",{ref:x.current["tab_".concat(i)],key:y,className:g,style:u,role:"tab","aria-selected":v,"aria-expanded":v,"aria-disabled":s},E)};if(c.model){var I=n.findDiffKeys(c,f.defaultProps),O=r("p-tabmenu p-component",c.className),k=c.model.map(w);return e.createElement("div",i({id:c.id,className:O,style:c.style},I),e.createElement("ul",{ref:E,className:"p-tabmenu-nav p-reset",role:"tablist"},k,e.createElement("li",{ref:N,className:"p-tabmenu-ink-bar"})))}return null})));f.displayName="TabMenu",f.defaultProps={__TYPE:"TabMenu",id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null};export{f as TabMenu};
+import*as e from"react";import{Ripple as t}from"primereact/ripple";import{ObjectUtils as n,classNames as r,DomHandler as a,IconUtils as l}from"primereact/utils";function i(){return i=Object.assign||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},i.apply(this,arguments)}function u(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,l=[],i=!0,u=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(u)throw a}}return l}}function c(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 s(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=e.memo(e.forwardRef((function(c,p){var d,b,v=e.useState(c.activeIndex),y=(b=2,u(d=v)||o(d,b)||s(d,b)||m()),g=y[0],h=y[1],E=e.useRef(null),N=e.useRef(null),x=e.useRef(null),C=e.useRef({}),I=c.onTabChange?c.activeIndex:g,S=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}):h(n))},T=function(e){return e===(I||0)};e.useImperativeHandle(p,(function(){return{props:c,getElement:function(){return E.current}}})),e.useEffect((function(){var e;e=C.current["tab_".concat(I)],N.current.style.width=a.getWidth(e)+"px",N.current.style.left=a.getOffset(e).left-a.getOffset(x.current).left+"px"}));var w=function(a,i){if(!1===a.visible)return null;var u=a.className,o=a.style,s=a.disabled,m=a.icon,f=a.label,p=a.template,d=a.url,b=a.target,v=f+"_"+i,y=T(i),g=r("p-tabmenuitem",{"p-highlight":y,"p-disabled":s},u),h=r("p-menuitem-icon",m),E=l.getJSXIcon(m,{className:"p-menuitem-icon"},{props:c}),N=e.createElement("a",{href:d||"#",className:"p-menuitem-link",target:b,onClick:function(e){return S(e,a,i)},role:"presentation"},E,f&&e.createElement("span",{className:"p-menuitem-text"},f),e.createElement(t,null));p&&(N=n.getJSXElement(p,a,{onClick:function(e){return S(e,a,i)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:h,element:N,props:c,active:y,index:i,disabled:s}));return e.createElement("li",{ref:C.current["tab_".concat(i)],key:v,className:g,style:o,role:"tab","aria-selected":y,"aria-expanded":y,"aria-disabled":s},N)};if(c.model){var O=n.findDiffKeys(c,f.defaultProps),k=r("p-tabmenu p-component",c.className),A=c.model.map(w);return e.createElement("div",i({id:c.id,ref:E,className:k,style:c.style},O),e.createElement("ul",{ref:x,className:"p-tabmenu-nav p-reset",role:"tablist"},A,e.createElement("li",{ref:N,className:"p-tabmenu-ink-bar"})))}return null})));f.displayName="TabMenu",f.defaultProps={__TYPE:"TabMenu",id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null};export{f as TabMenu};

package/tabmenu/tabmenu.js

@@ -107,6 +107,7 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
         activeIndexState = _React$useState2[0],
         setActiveIndexState = _React$useState2[1];
 
+    var elementRef = React__namespace.useRef(null);
     var inkbarRef = React__namespace.useRef(null);
     var navRef = React__namespace.useRef(null);
     var tabsRef = React__namespace.useRef({});
@@ -150,11 +151,23 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
       inkbarRef.current.style.left = utils.DomHandler.getOffset(tabHeader).left - utils.DomHandler.getOffset(navRef.current).left + 'px';
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     React__namespace.useEffect(function () {
       updateInkBar();
     });
 
     var createMenuItem = function createMenuItem(item, index) {
+      if (item.visible === false) {
+        return null;
+      }
+
       var _className = item.className,
           style = item.style,
           disabled = item.disabled,
@@ -201,7 +214,8 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
           element: content,
           props: props,
           active: active,
-          index: index
+          index: index,
+          disabled: disabled
         };
         content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
       }
@@ -228,6 +242,7 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
       var items = createItems();
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
         id: props.id,
+        ref: elementRef,
         className: className,
         style: props.style
       }, otherProps), /*#__PURE__*/React__namespace.createElement("ul", {

package/tabmenu/tabmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tabmenu=function(e,t,n,r){"use strict";function a(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 l=a(t);function i(){return i=Object.assign||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},i.apply(this,arguments)}function u(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,a,l=[],i=!0,u=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(u)throw a}}return l}}function o(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 s(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=l.memo(l.forwardRef((function(e,t){var a,o,p=l.useState(e.activeIndex),d=(o=2,u(a=p)||c(a,o)||s(a,o)||m()),b=d[0],y=d[1],v=l.useRef(null),g=l.useRef(null),h=l.useRef({}),N=e.onTabChange?e.activeIndex:b,O=function(t,n,r){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),e.onTabChange?e.onTabChange({originalEvent:t,value:n,index:r}):y(r))},E=function(e){return e===(N||0)};l.useEffect((function(){var e;e=h.current["tab_".concat(N)],v.current.style.width=r.DomHandler.getWidth(e)+"px",v.current.style.left=r.DomHandler.getOffset(e).left-r.DomHandler.getOffset(g.current).left+"px"}));var j=function(t,a){var i=t.className,u=t.style,c=t.disabled,o=t.icon,s=t.label,m=t.template,f=t.url,p=t.target,d=s+"_"+a,b=E(a),y=r.classNames("p-tabmenuitem",{"p-highlight":b,"p-disabled":c},i),v=r.classNames("p-menuitem-icon",o),g=r.IconUtils.getJSXIcon(o,{className:"p-menuitem-icon"},{props:e}),N=l.createElement("a",{href:f||"#",className:"p-menuitem-link",target:p,onClick:function(e){return O(e,t,a)},role:"presentation"},g,s&&l.createElement("span",{className:"p-menuitem-text"},s),l.createElement(n.Ripple,null));m&&(N=r.ObjectUtils.getJSXElement(m,t,{onClick:function(e){return O(e,t,a)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:v,element:N,props:e,active:b,index:a}));return l.createElement("li",{ref:h.current["tab_".concat(a)],key:d,className:y,style:u,role:"tab","aria-selected":b,"aria-expanded":b,"aria-disabled":c},N)};if(e.model){var x=r.ObjectUtils.findDiffKeys(e,f.defaultProps),C=r.classNames("p-tabmenu p-component",e.className),T=e.model.map(j);return l.createElement("div",i({id:e.id,className:C,style:e.style},x),l.createElement("ul",{ref:g,className:"p-tabmenu-nav p-reset",role:"tablist"},T,l.createElement("li",{ref:v,className:"p-tabmenu-ink-bar"})))}return null})));return f.displayName="TabMenu",f.defaultProps={__TYPE:"TabMenu",id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null},e.TabMenu=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tabmenu=function(e,t,n,r){"use strict";function a(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 l=a(t);function i(){return i=Object.assign||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},i.apply(this,arguments)}function u(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,a,l=[],i=!0,u=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(u)throw a}}return l}}function o(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 s(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=l.memo(l.forwardRef((function(e,t){var a,o,p=l.useState(e.activeIndex),d=(o=2,u(a=p)||c(a,o)||s(a,o)||m()),b=d[0],v=d[1],y=l.useRef(null),g=l.useRef(null),h=l.useRef(null),N=l.useRef({}),O=e.onTabChange?e.activeIndex:b,E=function(t,n,r){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),e.onTabChange?e.onTabChange({originalEvent:t,value:n,index:r}):v(r))},j=function(e){return e===(O||0)};l.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return y.current}}})),l.useEffect((function(){var e;e=N.current["tab_".concat(O)],g.current.style.width=r.DomHandler.getWidth(e)+"px",g.current.style.left=r.DomHandler.getOffset(e).left-r.DomHandler.getOffset(h.current).left+"px"}));var x=function(t,a){if(!1===t.visible)return null;var i=t.className,u=t.style,c=t.disabled,o=t.icon,s=t.label,m=t.template,f=t.url,p=t.target,d=s+"_"+a,b=j(a),v=r.classNames("p-tabmenuitem",{"p-highlight":b,"p-disabled":c},i),y=r.classNames("p-menuitem-icon",o),g=r.IconUtils.getJSXIcon(o,{className:"p-menuitem-icon"},{props:e}),h=l.createElement("a",{href:f||"#",className:"p-menuitem-link",target:p,onClick:function(e){return E(e,t,a)},role:"presentation"},g,s&&l.createElement("span",{className:"p-menuitem-text"},s),l.createElement(n.Ripple,null));m&&(h=r.ObjectUtils.getJSXElement(m,t,{onClick:function(e){return E(e,t,a)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:y,element:h,props:e,active:b,index:a,disabled:c}));return l.createElement("li",{ref:N.current["tab_".concat(a)],key:d,className:v,style:u,role:"tab","aria-selected":b,"aria-expanded":b,"aria-disabled":c},h)};if(e.model){var C=r.ObjectUtils.findDiffKeys(e,f.defaultProps),I=r.classNames("p-tabmenu p-component",e.className),T=e.model.map(x);return l.createElement("div",i({id:e.id,ref:y,className:I,style:e.style},C),l.createElement("ul",{ref:h,className:"p-tabmenu-nav p-reset",role:"tablist"},T,l.createElement("li",{ref:g,className:"p-tabmenu-ink-bar"})))}return null})));return f.displayName="TabMenu",f.defaultProps={__TYPE:"TabMenu",id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null},e.TabMenu=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.utils);

package/tabview/tabview.cjs.js

@@ -167,6 +167,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       activeIndexState = _React$useState10[0],
       setActiveIndexState = _React$useState10[1];
 
+  var elementRef = React__namespace.useRef(null);
   var contentRef = React__namespace.useRef(null);
   var navRef = React__namespace.useRef(null);
   var inkbarRef = React__namespace.useRef(null);
@@ -316,7 +317,11 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   }, [props.activeIndex]);
   React__namespace.useImperativeHandle(ref, function () {
     return {
-      reset: reset
+      props: props,
+      reset: reset,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
     };
   });
 
@@ -505,6 +510,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var prevButton = createPrevButton();
   var nextButton = createNextButton();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    ref: elementRef,
     className: className
   }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-tabview-nav-container"

package/tabview/tabview.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/ripple"),r=require("primereact/utils");function a(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 l=a(e);function i(){return i=Object.assign||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},i.apply(this,arguments)}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(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 s(e){if(Array.isArray(e))return c(e)}function u(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 c(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)?c(e,t):void 0}}function p(){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 d(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw a}}return l}}function m(){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 v(e,t){return d(e)||b(e,t)||f(e,t)||m()}function y(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 h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=function(){},w=l.forwardRef((function(e,a){var o=v(l.useState(e.id),2),c=o[0],d=o[1],b=v(l.useState(!0),2),m=b[0],y=b[1],E=v(l.useState(!1),2),O=E[0],N=E[1],C=v(l.useState([]),2),j=C[0],P=C[1],x=v(l.useState(e.activeIndex),2),S=x[0],T=x[1],I=l.useRef(null),_=l.useRef(null),D=l.useRef(null),k=l.useRef(null),A=l.useRef(null),R=l.useRef({}),H=e.onTabChange?e.activeIndex:S,U=function(e){return e===H},W=function(e,t){return e&&"TabPanel"===e.props.__TYPE&&j.every((function(e){return e!==t}))},q=function(t,n){var r;P([].concat(s(r=j)||u(r)||f(r)||p(),[n])),e.onTabClose&&e.onTabClose({originalEvent:t,index:n}),t.preventDefault()},L=function(t,n,r){n.props.disabled||(e.onTabChange?e.onTabChange({originalEvent:t,index:r}):T(r)),K(r),t&&t.preventDefault()},V=function(e,t,n){"Enter"===e.code&&L(e,t,n)},K=function(e){var t=R.current["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},M=function(t){var n,a,l,i;e.scrollable&&(a=(n=I.current).scrollLeft,l=n.scrollWidth,i=r.DomHandler.getWidth(I.current),y(0===a),N(a===l-i)),t.preventDefault()},Y=function(){return[k.current,A.current].reduce((function(e,t){return t?e+r.DomHandler.getWidth(t):e}),0)},z=function(){var e=r.DomHandler.getWidth(I.current)-Y(),t=I.current.scrollLeft-e;I.current.scrollLeft=t<=0?0:t},J=function(){var e=r.DomHandler.getWidth(I.current)-Y(),t=I.current.scrollLeft+e,n=I.current.scrollWidth-e;I.current.scrollLeft=t>=n?n:t},X=function(){y(!0),N(!1),P([]),e.onTabChange?e.onTabChange({index:H}):T(e.activeIndex)};l.useEffect((function(){var e;e=R.current["tab_".concat(H)],D.current.style.width=r.DomHandler.getWidth(e)+"px",D.current.style.left=r.DomHandler.getOffset(e).left-r.DomHandler.getOffset(_.current).left+"px"})),t.useMountEffect((function(){c||d(r.UniqueComponentId())})),t.useUpdateEffect((function(){if(r.ObjectUtils.isNotEmpty(j)){var t=(n=j[j.length-1],(a=l.Children.map(e.children,(function(e,t){if(W(e,t))return{tab:e,index:t}}))).find((function(e){return!e.tab.props.disabled&&e.index>=n}))||a.reverse().find((function(e){return!e.tab.props.disabled&&n>e.index})));t&&L(null,t.tab,t.index)}var n,a}),[j]),t.useUpdateEffect((function(){K(e.activeIndex)}),[e.activeIndex]),l.useImperativeHandle(a,(function(){return{reset:X}}));var $,B=function(t,a){var i=U(a),o=t.props,s=o.headerClassName,u=o.style,f=o.className,p=o.disabled,d=o.leftIcon,b=o.rightIcon,m=o.header,v=o.headerTemplate,y=o.closable,g=h(h({},o.headerStyle||{}),u||{}),w=r.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":i,"p-disabled":p},s,f),E=c+"_header_"+a,O=c+"_content_"+a,N=p?null:0,C=d&&l.createElement("i",{className:d}),j=l.createElement("span",{className:"p-tabview-title"},m),P=b&&l.createElement("i",{className:b}),x=l.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(e){return L(e,t,a)},id:E,onKeyDown:function(e){return V(e,t,a)},"aria-controls":O,"aria-selected":i,tabIndex:N},C,j,P,y&&l.createElement("i",{className:"p-tabview-close pi pi-times",onClick:function(e){return q(e,a)}}),l.createElement(n.Ripple,null));v&&(x=r.ObjectUtils.getJSXElement(v,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return L(e,t,a)},onKeyDown:function(e){return V(e,t,a)},leftIconElement:C,titleElement:j,rightIconElement:P,element:x,props:e,index:a,selected:i,ariaControls:O}));return l.createElement("li",{ref:function(e){return R.current["tab_".concat(a)]=e},className:w,style:g,role:"presentation"},x)},F=r.ObjectUtils.findDiffKeys(e,w.defaultProps),G=r.classNames("p-tabview p-component",{"p-tabview-scrollable":e.scrollable},e.className),Q=($=l.Children.map(e.children,(function(e,t){if(W(e,t))return B(e,t)})),l.createElement("div",{ref:I,id:c,className:"p-tabview-nav-content",style:e.style,onScroll:M},l.createElement("ul",{ref:_,className:"p-tabview-nav",role:"tablist"},$,l.createElement("li",{ref:D,className:"p-tabview-ink-bar"})))),Z=function(){var t=r.classNames("p-tabview-panels",e.panelContainerClassName),n=l.Children.map(e.children,(function(t,n){if(W(t,n)&&(!e.renderActiveOnly||U(n))){var a=U(n),o=h(h({},t.props.contentStyle||{}),t.props.style||{}),s=r.classNames(t.props.contentClassName,t.props.className,"p-tabview-panel",{"p-hidden":!a}),u=c+"_content_"+n,f=c+"_header_"+n,p=r.ObjectUtils.findDiffKeys(t.props,g.defaultProps);return l.createElement("div",i({},p,{id:u,"aria-labelledby":f,"aria-hidden":!a,className:s,style:o,role:"tabpanel"}),e.renderActiveOnly?a&&t.props.children:t.props.children)}}));return l.createElement("div",{className:t,style:e.panelContainerStyle},n)}(),ee=e.scrollable&&!m?l.createElement("button",{ref:k,className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:z,type:"button"},l.createElement("span",{className:"pi pi-chevron-left"}),l.createElement(n.Ripple,null)):null,te=function(){if(e.scrollable&&!O)return l.createElement("button",{ref:A,className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:J,type:"button"},l.createElement("span",{className:"pi pi-chevron-right"}),l.createElement(n.Ripple,null))}();return l.createElement("div",i({className:G},F),l.createElement("div",{className:"p-tabview-nav-container"},ee,Q,te),Z)}));g.displayName="TabPanel",g.defaultProps={__TYPE:"TabPanel",header:null,headerTemplate:null,leftIcon:null,rightIcon:null,closable:!1,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,contentStyle:null,contentClassName:null},w.displayName="TabView",w.defaultProps={__TYPE:"TabView",id:null,activeIndex:0,style:null,className:null,renderActiveOnly:!0,onTabChange:null,onTabClose:null,scrollable:!1,panelContainerStyle:null,panelContainerClassName:null},exports.TabPanel=g,exports.TabView=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),n=require("primereact/ripple"),r=require("primereact/utils");function a(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 l=a(e);function i(){return i=Object.assign||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},i.apply(this,arguments)}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(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 s(e){if(Array.isArray(e))return c(e)}function u(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 c(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)?c(e,t):void 0}}function p(){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 d(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,o=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(o)throw a}}return l}}function m(){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 v(e,t){return d(e)||b(e,t)||f(e,t)||m()}function y(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 h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=function(){},w=l.forwardRef((function(e,a){var o=v(l.useState(e.id),2),c=o[0],d=o[1],b=v(l.useState(!0),2),m=b[0],y=b[1],E=v(l.useState(!1),2),O=E[0],N=E[1],C=v(l.useState([]),2),j=C[0],P=C[1],x=v(l.useState(e.activeIndex),2),S=x[0],T=x[1],I=l.useRef(null),_=l.useRef(null),D=l.useRef(null),k=l.useRef(null),A=l.useRef(null),R=l.useRef(null),H=l.useRef({}),U=e.onTabChange?e.activeIndex:S,W=function(e){return e===U},q=function(e,t){return e&&"TabPanel"===e.props.__TYPE&&j.every((function(e){return e!==t}))},L=function(t,n){var r;P([].concat(s(r=j)||u(r)||f(r)||p(),[n])),e.onTabClose&&e.onTabClose({originalEvent:t,index:n}),t.preventDefault()},V=function(t,n,r){n.props.disabled||(e.onTabChange?e.onTabChange({originalEvent:t,index:r}):T(r)),M(r),t&&t.preventDefault()},K=function(e,t,n){"Enter"===e.code&&V(e,t,n)},M=function(e){var t=H.current["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},Y=function(t){var n,a,l,i;e.scrollable&&(a=(n=_.current).scrollLeft,l=n.scrollWidth,i=r.DomHandler.getWidth(_.current),y(0===a),N(a===l-i)),t.preventDefault()},z=function(){return[A.current,R.current].reduce((function(e,t){return t?e+r.DomHandler.getWidth(t):e}),0)},J=function(){var e=r.DomHandler.getWidth(_.current)-z(),t=_.current.scrollLeft-e;_.current.scrollLeft=t<=0?0:t},X=function(){var e=r.DomHandler.getWidth(_.current)-z(),t=_.current.scrollLeft+e,n=_.current.scrollWidth-e;_.current.scrollLeft=t>=n?n:t},$=function(){y(!0),N(!1),P([]),e.onTabChange?e.onTabChange({index:U}):T(e.activeIndex)};l.useEffect((function(){var e;e=H.current["tab_".concat(U)],k.current.style.width=r.DomHandler.getWidth(e)+"px",k.current.style.left=r.DomHandler.getOffset(e).left-r.DomHandler.getOffset(D.current).left+"px"})),t.useMountEffect((function(){c||d(r.UniqueComponentId())})),t.useUpdateEffect((function(){if(r.ObjectUtils.isNotEmpty(j)){var t=(n=j[j.length-1],(a=l.Children.map(e.children,(function(e,t){if(q(e,t))return{tab:e,index:t}}))).find((function(e){return!e.tab.props.disabled&&e.index>=n}))||a.reverse().find((function(e){return!e.tab.props.disabled&&n>e.index})));t&&V(null,t.tab,t.index)}var n,a}),[j]),t.useUpdateEffect((function(){M(e.activeIndex)}),[e.activeIndex]),l.useImperativeHandle(a,(function(){return{props:e,reset:$,getElement:function(){return I.current}}}));var B,F=function(t,a){var i=W(a),o=t.props,s=o.headerClassName,u=o.style,f=o.className,p=o.disabled,d=o.leftIcon,b=o.rightIcon,m=o.header,v=o.headerTemplate,y=o.closable,g=h(h({},o.headerStyle||{}),u||{}),w=r.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":i,"p-disabled":p},s,f),E=c+"_header_"+a,O=c+"_content_"+a,N=p?null:0,C=d&&l.createElement("i",{className:d}),j=l.createElement("span",{className:"p-tabview-title"},m),P=b&&l.createElement("i",{className:b}),x=l.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(e){return V(e,t,a)},id:E,onKeyDown:function(e){return K(e,t,a)},"aria-controls":O,"aria-selected":i,tabIndex:N},C,j,P,y&&l.createElement("i",{className:"p-tabview-close pi pi-times",onClick:function(e){return L(e,a)}}),l.createElement(n.Ripple,null));v&&(x=r.ObjectUtils.getJSXElement(v,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return V(e,t,a)},onKeyDown:function(e){return K(e,t,a)},leftIconElement:C,titleElement:j,rightIconElement:P,element:x,props:e,index:a,selected:i,ariaControls:O}));return l.createElement("li",{ref:function(e){return H.current["tab_".concat(a)]=e},className:w,style:g,role:"presentation"},x)},G=r.ObjectUtils.findDiffKeys(e,w.defaultProps),Q=r.classNames("p-tabview p-component",{"p-tabview-scrollable":e.scrollable},e.className),Z=(B=l.Children.map(e.children,(function(e,t){if(q(e,t))return F(e,t)})),l.createElement("div",{ref:_,id:c,className:"p-tabview-nav-content",style:e.style,onScroll:Y},l.createElement("ul",{ref:D,className:"p-tabview-nav",role:"tablist"},B,l.createElement("li",{ref:k,className:"p-tabview-ink-bar"})))),ee=function(){var t=r.classNames("p-tabview-panels",e.panelContainerClassName),n=l.Children.map(e.children,(function(t,n){if(q(t,n)&&(!e.renderActiveOnly||W(n))){var a=W(n),o=h(h({},t.props.contentStyle||{}),t.props.style||{}),s=r.classNames(t.props.contentClassName,t.props.className,"p-tabview-panel",{"p-hidden":!a}),u=c+"_content_"+n,f=c+"_header_"+n,p=r.ObjectUtils.findDiffKeys(t.props,g.defaultProps);return l.createElement("div",i({},p,{id:u,"aria-labelledby":f,"aria-hidden":!a,className:s,style:o,role:"tabpanel"}),e.renderActiveOnly?a&&t.props.children:t.props.children)}}));return l.createElement("div",{className:t,style:e.panelContainerStyle},n)}(),te=e.scrollable&&!m?l.createElement("button",{ref:A,className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:J,type:"button"},l.createElement("span",{className:"pi pi-chevron-left"}),l.createElement(n.Ripple,null)):null,ne=function(){if(e.scrollable&&!O)return l.createElement("button",{ref:R,className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:X,type:"button"},l.createElement("span",{className:"pi pi-chevron-right"}),l.createElement(n.Ripple,null))}();return l.createElement("div",i({ref:I,className:Q},G),l.createElement("div",{className:"p-tabview-nav-container"},te,Z,ne),ee)}));g.displayName="TabPanel",g.defaultProps={__TYPE:"TabPanel",header:null,headerTemplate:null,leftIcon:null,rightIcon:null,closable:!1,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,contentStyle:null,contentClassName:null},w.displayName="TabView",w.defaultProps={__TYPE:"TabView",id:null,activeIndex:0,style:null,className:null,renderActiveOnly:!0,onTabChange:null,onTabClose:null,scrollable:!1,panelContainerStyle:null,panelContainerClassName:null},exports.TabPanel=g,exports.TabView=w;