primereact 8.2.0 → 8.3.0

package/styleclass/styleclass.cjs.js

@@ -26,6 +26,21 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -87,6 +102,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var targetRef = React__namespace.useRef(null);
   var animating = React__namespace.useRef(false);
@@ -273,6 +291,16 @@ 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 _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    }, props);
+  });
   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,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}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()}function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?f(Object(t),!0).forEach((function(r){l(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var C=a.forwardRef((function(e,n){var l=a.useRef(null),s=a.useRef(!1),u=a.useRef(null),c=m(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.enterActiveClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName),i(),"slidedown"===e.enterActiveClassName&&(l.current.style.maxHeight=""),s.current=!1}}),2),o=c[0],i=c[1],f=m(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.leaveActiveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName),v(),s.current=!1}}),2),C=f[0],v=f[1],p=m(r.useEventListener({type:"click",listener:function(e){E(l.current)&&"static"!==getComputedStyle(l.current).getPropertyValue("position")?w(e)&&D():y()},when:e.hideOnOutsideClick}),2),g=p[0],y=p[1],b=m(r.useEventListener({type:"click",listener:function(){l.current=j(),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():D()}}),2),N=b[0],O=b[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})},D=function(){e.leaveActiveClassName?s.current||(s.current=!0,t.DomHandler.addClass(l.current,e.leaveActiveClassName),e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),C({target:l.current})):(e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName)),e.hideOnOutsideClick&&y()},j=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)}},H=function(){u.current=t.ObjectUtils.getRefElement(e.nodeRef),N({target:u.current})},E=function(e){return null!==e.offsetParent},w=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!l.current.contains(e.target)};return a.useImperativeHandle(n,(function(){return d({getElement:function(){return u.current},getTarget:function(){return l.current}},e)})),r.useMountEffect((function(){H()})),r.useUpdateEffect((function(){return H(),function(){O()}})),r.useUnmountEffect((function(){O(),y(),l.current=null})),e.children}));C.displayName="StyleClass",C.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=C;

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

@@ -2,6 +2,21 @@ import * as React from 'react';
 import { useEventListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { DomHandler, ObjectUtils } from 'primereact/utils';
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -63,6 +78,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var targetRef = React.useRef(null);
   var animating = React.useRef(false);
@@ -249,6 +267,16 @@ 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 _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    }, props);
+  });
   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,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function c(e){if(Array.isArray(e))return e}function o(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 i(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 m(e,r){if(e){if("string"==typeof e)return i(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)?i(e,r):void 0}}function f(){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 c(e)||o(e,r)||m(e,r)||f()}function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){u(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var v=e.forwardRef((function(u,c){var o=e.useRef(null),i=e.useRef(!1),m=e.useRef(null),f=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),d=f[0],v=f[1],g=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.leaveActiveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName),N(),i.current=!1}}),2),y=g[0],N=g[1],h=C(r({type:"click",listener:function(e){x(o.current)&&"static"!==getComputedStyle(o.current).getPropertyValue("position")?k(e)&&S():O()},when:u.hideOnOutsideClick}),2),b=h[0],O=h[1],w=C(r({type:"click",listener:function(){o.current=T(),u.toggleClassName?l.hasClass(o.current,u.toggleClassName)?l.removeClass(o.current,u.toggleClassName):l.addClass(o.current,u.toggleClassName):null===o.current.offsetParent?P():S()}}),2),A=w[0],j=w[1],P=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),d({target:o.current})):(u.enterClassName&&l.removeClass(o.current,u.enterClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName)),b({target:m.current&&m.current.ownerDocument})},S=function(){u.leaveActiveClassName?i.current||(i.current=!0,l.addClass(o.current,u.leaveActiveClassName),u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),y({target:o.current})):(u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName)),u.hideOnOutsideClick&&O()},T=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)}},E=function(){m.current=s.getRefElement(u.nodeRef),A({target:m.current})},x=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 p({getElement:function(){return m.current},getTarget:function(){return o.current}},u)})),t((function(){E()})),n((function(){return E(),function(){j()}})),a((function(){j(),O(),o.current=null})),u.children}));v.displayName="StyleClass",v.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null};export{v as StyleClass};

package/styleclass/styleclass.js

@@ -22,6 +22,21 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -83,6 +98,9 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var targetRef = React__namespace.useRef(null);
     var animating = React__namespace.useRef(false);
@@ -269,6 +287,16 @@ 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 _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getTarget: function getTarget() {
+          return targetRef.current;
+        }
+      }, props);
+    });
     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,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}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 f(e,r){return u(e)||c(e,r)||i(e,r)||m()}function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function C(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){s(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var v=l.forwardRef((function(e,r){var a=l.useRef(null),s=l.useRef(!1),u=l.useRef(null),c=f(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],m=f(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(a.current,e.leaveActiveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName),v(),s.current=!1}}),2),d=m[0],v=m[1],p=f(t.useEventListener({type:"click",listener:function(e){E(a.current)&&"static"!==getComputedStyle(a.current).getPropertyValue("position")?w(e)&&D():g()},when:e.hideOnOutsideClick}),2),y=p[0],g=p[1],b=f(t.useEventListener({type:"click",listener:function(){a.current=j(),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?O():D()}}),2),N=b[0],h=b[1],O=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)),y({target:u.current&&u.current.ownerDocument})},D=function(){e.leaveActiveClassName?s.current||(s.current=!0,n.DomHandler.addClass(a.current,e.leaveActiveClassName),e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),d({target:a.current})):(e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName)),e.hideOnOutsideClick&&g()},j=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)}},H=function(){u.current=n.ObjectUtils.getRefElement(e.nodeRef),N({target:u.current})},E=function(e){return null!==e.offsetParent},w=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!a.current.contains(e.target)};return l.useImperativeHandle(r,(function(){return C({getElement:function(){return u.current},getTarget:function(){return a.current}},e)})),t.useMountEffect((function(){H()})),t.useUpdateEffect((function(){return H(),function(){h()}})),t.useUnmountEffect((function(){h(),g(),a.current=null})),e.children}));return v.displayName="StyleClass",v.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=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);

package/tabmenu/tabmenu.cjs.js

@@ -44,6 +44,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -105,12 +120,16 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(props.activeIndex),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       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,6 +173,13 @@ 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 _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   React__namespace.useEffect(function () {
     updateInkBar();
   });
@@ -232,6 +258,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"),r=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=n(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){if(Array.isArray(e))return e}function c(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l=[],i=!0,u=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(u)throw a}}return l}}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e,t){if(e){if("string"==typeof e)return o(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?o(e,t):void 0}}function f(){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,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){i(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var b=a.memo(a.forwardRef((function(e,n){var i,o,m=a.useState(e.activeIndex),d=(o=2,u(i=m)||c(i,o)||s(i,o)||f()),y=d[0],v=d[1],g=a.useRef(null),O=a.useRef(null),h=a.useRef(null),j=a.useRef({}),E=e.onTabChange?e.activeIndex:y,N=function(t,r,n){r.disabled?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.onTabChange?e.onTabChange({originalEvent:t,value:r,index:n}):v(n))},P=function(e){return e===(E||0)};a.useImperativeHandle(n,(function(){return p({getElement:function(){return g.current}},e)})),a.useEffect((function(){var e;e=j.current["tab_".concat(E)],O.current.style.width=r.DomHandler.getWidth(e)+"px",O.current.style.left=r.DomHandler.getOffset(e).left-r.DomHandler.getOffset(h.current).left+"px"}));var w=function(n,l){var i=n.className,u=n.style,c=n.disabled,o=n.icon,s=n.label,f=n.template,m=n.url,p=n.target,b=s+"_"+l,d=P(l),y=r.classNames("p-tabmenuitem",{"p-highlight":d,"p-disabled":c},i),v=r.classNames("p-menuitem-icon",o),g=r.IconUtils.getJSXIcon(o,{className:"p-menuitem-icon"},{props:e}),O=a.createElement("a",{href:m||"#",className:"p-menuitem-link",target:p,onClick:function(e){return N(e,n,l)},role:"presentation"},g,s&&a.createElement("span",{className:"p-menuitem-text"},s),a.createElement(t.Ripple,null));f&&(O=r.ObjectUtils.getJSXElement(f,n,{onClick:function(e){return N(e,n,l)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:v,element:O,props:e,active:d,index:l}));return a.createElement("li",{ref:j.current["tab_".concat(l)],key:b,className:y,style:u,role:"tab","aria-selected":d,"aria-expanded":d,"aria-disabled":c},O)};if(e.model){var x=r.ObjectUtils.findDiffKeys(e,b.defaultProps),D=r.classNames("p-tabmenu p-component",e.className),S=e.model.map(w);return a.createElement("div",l({id:e.id,ref:g,className:D,style:e.style},x),a.createElement("ul",{ref:h,className:"p-tabmenu-nav p-reset",role:"tablist"},S,a.createElement("li",{ref:O,className:"p-tabmenu-ink-bar"})))}return null})));b.displayName="TabMenu",b.defaultProps={__TYPE:"TabMenu",id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null},exports.TabMenu=b;

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

@@ -20,6 +20,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -81,12 +96,16 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.activeIndex),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       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,6 +149,13 @@ 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 _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   React.useEffect(function () {
     updateInkBar();
   });
@@ -208,6 +234,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 r,classNames as n,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 r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){if(Array.isArray(e))return e}function c(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw a}}return l}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function f(e,t){if(e){if("string"==typeof e)return s(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(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.")}function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var d=e.memo(e.forwardRef((function(o,s){var p,y,v=e.useState(o.activeIndex),g=(y=2,u(p=v)||c(p,y)||f(p,y)||m()),h=g[0],O=g[1],j=e.useRef(null),E=e.useRef(null),w=e.useRef(null),N=e.useRef({}),P=o.onTabChange?o.activeIndex:h,x=function(e,t,r){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),o.onTabChange?o.onTabChange({originalEvent:e,value:t,index:r}):O(r))},S=function(e){return e===(P||0)};e.useImperativeHandle(s,(function(){return b({getElement:function(){return j.current}},o)})),e.useEffect((function(){var e;e=N.current["tab_".concat(P)],E.current.style.width=a.getWidth(e)+"px",E.current.style.left=a.getOffset(e).left-a.getOffset(w.current).left+"px"}));var C=function(a,i){var u=a.className,c=a.style,s=a.disabled,f=a.icon,m=a.label,p=a.template,b=a.url,d=a.target,y=m+"_"+i,v=S(i),g=n("p-tabmenuitem",{"p-highlight":v,"p-disabled":s},u),h=n("p-menuitem-icon",f),O=l.getJSXIcon(f,{className:"p-menuitem-icon"},{props:o}),j=e.createElement("a",{href:b||"#",className:"p-menuitem-link",target:d,onClick:function(e){return x(e,a,i)},role:"presentation"},O,m&&e.createElement("span",{className:"p-menuitem-text"},m),e.createElement(t,null));p&&(j=r.getJSXElement(p,a,{onClick:function(e){return x(e,a,i)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:h,element:j,props:o,active:v,index:i}));return e.createElement("li",{ref:N.current["tab_".concat(i)],key:y,className:g,style:c,role:"tab","aria-selected":v,"aria-expanded":v,"aria-disabled":s},j)};if(o.model){var I=r.findDiffKeys(o,d.defaultProps),T=n("p-tabmenu p-component",o.className),k=o.model.map(C);return e.createElement("div",i({id:o.id,ref:j,className:T,style:o.style},I),e.createElement("ul",{ref:w,className:"p-tabmenu-nav p-reset",role:"tablist"},k,e.createElement("li",{ref:E,className:"p-tabmenu-ink-bar"})))}return null})));d.displayName="TabMenu",d.defaultProps={__TYPE:"TabMenu",id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null};export{d as TabMenu};

package/tabmenu/tabmenu.js

@@ -40,6 +40,21 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -101,12 +116,16 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.activeIndex),
         _React$useState2 = _slicedToArray(_React$useState, 2),
         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,6 +169,13 @@ 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 _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     React__namespace.useEffect(function () {
       updateInkBar();
     });
@@ -228,6 +254,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,r,n){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){if(Array.isArray(e))return e}function o(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l=[],i=!0,c=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){c=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(c)throw a}}return l}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function f(e,t){if(e){if("string"==typeof e)return s(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(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.")}function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var d=l.memo(l.forwardRef((function(e,t){var a,c,s=l.useState(e.activeIndex),p=(c=2,u(a=s)||o(a,c)||f(a,c)||m()),y=p[0],v=p[1],g=l.useRef(null),O=l.useRef(null),h=l.useRef(null),j=l.useRef({}),E=e.onTabChange?e.activeIndex:y,N=function(t,r,n){r.disabled?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.onTabChange?e.onTabChange({originalEvent:t,value:r,index:n}):v(n))},P=function(e){return e===(E||0)};l.useImperativeHandle(t,(function(){return b({getElement:function(){return g.current}},e)})),l.useEffect((function(){var e;e=j.current["tab_".concat(E)],O.current.style.width=n.DomHandler.getWidth(e)+"px",O.current.style.left=n.DomHandler.getOffset(e).left-n.DomHandler.getOffset(h.current).left+"px"}));var w=function(t,a){var i=t.className,c=t.style,u=t.disabled,o=t.icon,s=t.label,f=t.template,m=t.url,p=t.target,b=s+"_"+a,d=P(a),y=n.classNames("p-tabmenuitem",{"p-highlight":d,"p-disabled":u},i),v=n.classNames("p-menuitem-icon",o),g=n.IconUtils.getJSXIcon(o,{className:"p-menuitem-icon"},{props:e}),O=l.createElement("a",{href:m||"#",className:"p-menuitem-link",target:p,onClick:function(e){return N(e,t,a)},role:"presentation"},g,s&&l.createElement("span",{className:"p-menuitem-text"},s),l.createElement(r.Ripple,null));f&&(O=n.ObjectUtils.getJSXElement(f,t,{onClick:function(e){return N(e,t,a)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:v,element:O,props:e,active:d,index:a}));return l.createElement("li",{ref:j.current["tab_".concat(a)],key:b,className:y,style:c,role:"tab","aria-selected":d,"aria-expanded":d,"aria-disabled":u},O)};if(e.model){var x=n.ObjectUtils.findDiffKeys(e,d.defaultProps),D=n.classNames("p-tabmenu p-component",e.className),S=e.model.map(w);return l.createElement("div",i({id:e.id,ref:g,className:D,style:e.style},x),l.createElement("ul",{ref:h,className:"p-tabmenu-nav p-reset",role:"tablist"},S,l.createElement("li",{ref:O,className:"p-tabmenu-ink-bar"})))}return null})));return d.displayName="TabMenu",d.defaultProps={__TYPE:"TabMenu",id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null},e.TabMenu=d,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);
@@ -315,9 +316,12 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     updateScrollBar(props.activeIndex);
   }, [props.activeIndex]);
   React__namespace.useImperativeHandle(ref, function () {
-    return {
-      reset: reset
-    };
+    return _objectSpread({
+      reset: reset,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
   });
 
   var createTabHeader = function createTabHeader(tab, index) {
@@ -505,6 +509,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 h({reset:$,getElement:function(){return I.current}},e)}));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;