primereact 8.1.1 → 8.4.0

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,6 +155,14 @@ 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();
   });
@@ -232,6 +241,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){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}));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,6 +131,14 @@ 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();
   });
@@ -208,6 +217,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 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],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){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),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:v,index:i}));return e.createElement("li",{ref:C.current["tab_".concat(i)],key:y,className:g,style:u,role:"tab","aria-selected":v,"aria-expanded":v,"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,6 +151,14 @@ 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();
     });
@@ -228,6 +237,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],y=d[1],v=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}):y(r))},j=function(e){return e===(O||0)};l.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return v.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){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),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}),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:v,element:h,props:e,active:b,index:a}));return l.createElement("li",{ref:N.current["tab_".concat(a)],key:d,className:y,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:v,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;

package/tabview/tabview.d.ts

@@ -44,11 +44,8 @@ interface TabViewTabCloseParams {
     index: number;
 }
 
-export interface TabViewProps {
-    id?: string;
+export interface TabViewProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     activeIndex?: number;
-    style?: object;
-    className?: string;
     renderActiveOnly?: boolean;
     scrollable?: boolean;
     panelContainerStyle?: object;
@@ -61,4 +58,5 @@ export interface TabViewProps {
 // tslint:disable-next-line:max-classes-per-file
 export declare class TabView extends React.Component<TabViewProps, any> {
     public reset(): void;
+    public getElement(): HTMLDivElement;
 }

package/tabview/tabview.esm.js

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

package/tabview/tabview.esm.min.js

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

package/tabview/tabview.js

@@ -162,6 +162,7 @@ this.primereact.tabview = (function (exports, React, hooks, ripple, utils) {
         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);
@@ -311,7 +312,11 @@ this.primereact.tabview = (function (exports, React, hooks, ripple, utils) {
     }, [props.activeIndex]);
     React__namespace.useImperativeHandle(ref, function () {
       return {
-        reset: reset
+        props: props,
+        reset: reset,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
       };
     });
 
@@ -500,6 +505,7 @@ this.primereact.tabview = (function (exports, React, hooks, ripple, utils) {
     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.min.js

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

package/tag/tag.cjs.js

@@ -61,6 +61,7 @@ function _defineProperty(obj, key, value) {
 var Tag = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _classNames;
 
+  var elementRef = React__namespace.useRef(null);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Tag.defaultProps);
   var className = utils.classNames('p-tag p-component', (_classNames = {}, _defineProperty(_classNames, "p-tag-".concat(props.severity), props.severity !== null), _defineProperty(_classNames, 'p-tag-rounded', props.rounded), _classNames), props.className);
   var icon = utils.IconUtils.getJSXIcon(props.icon, {
@@ -68,7 +69,16 @@ var Tag = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   }, {
     props: props
   });
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return /*#__PURE__*/React__namespace.createElement("span", _extends({
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), icon, /*#__PURE__*/React__namespace.createElement("span", {

package/tag/tag.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=r(e);function n(){return n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},n.apply(this,arguments)}function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var c=a.forwardRef((function(e,r){var u,s=t.ObjectUtils.findDiffKeys(e,c.defaultProps),o=t.classNames("p-tag p-component",(l(u={},"p-tag-".concat(e.severity),null!==e.severity),l(u,"p-tag-rounded",e.rounded),u),e.className),i=t.IconUtils.getJSXIcon(e.icon,{className:"p-tag-icon"},{props:e});return a.createElement("span",n({className:o,style:e.style},s),i,a.createElement("span",{className:"p-tag-value"},e.value),a.createElement("span",null,e.children))}));c.displayName="Tag",c.defaultProps={__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null},exports.Tag=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(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 n=r(e);function a(){return a=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},a.apply(this,arguments)}function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var u=n.forwardRef((function(e,r){var c,s=n.useRef(null),o=t.ObjectUtils.findDiffKeys(e,u.defaultProps),i=t.classNames("p-tag p-component",(l(c={},"p-tag-".concat(e.severity),null!==e.severity),l(c,"p-tag-rounded",e.rounded),c),e.className),p=t.IconUtils.getJSXIcon(e.icon,{className:"p-tag-icon"},{props:e});return n.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return s.current}}})),n.createElement("span",a({ref:s,className:i,style:e.style},o),p,n.createElement("span",{className:"p-tag-value"},e.value),n.createElement("span",null,e.children))}));u.displayName="Tag",u.defaultProps={__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null},exports.Tag=u;

package/tag/tag.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
 import { IconType } from '../utils';
 
-type TagSeverityType = 'success' | 'info' | 'warn' | 'error' | (string & {});
+type TagSeverityType = 'success' | 'info' | 'warning' | 'danger';
 
-export interface TagProps {
+export interface TagProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 'ref'> {
     value?: React.ReactNode;
     severity?: TagSeverityType;
     rounded?: boolean;
     icon?: IconType<TagProps>;
-    style?: object;
-    className?: string;
     children?: React.ReactNode;
 }
 
-export declare class Tag extends React.Component<TagProps, any> { }
+export declare class Tag extends React.Component<TagProps, any> { 
+    public getElement(): HTMLSpanElement;
+}

package/tag/tag.esm.js

@@ -37,6 +37,7 @@ function _defineProperty(obj, key, value) {
 var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
 
+  var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, Tag.defaultProps);
   var className = classNames('p-tag p-component', (_classNames = {}, _defineProperty(_classNames, "p-tag-".concat(props.severity), props.severity !== null), _defineProperty(_classNames, 'p-tag-rounded', props.rounded), _classNames), props.className);
   var icon = IconUtils.getJSXIcon(props.icon, {
@@ -44,7 +45,16 @@ var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, {
     props: props
   });
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return /*#__PURE__*/React.createElement("span", _extends({
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), icon, /*#__PURE__*/React.createElement("span", {

package/tag/tag.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as a,classNames as r,IconUtils as t}from"primereact/utils";function n(){return n=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},n.apply(this,arguments)}function l(e,a,r){return a in e?Object.defineProperty(e,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[a]=r,e}var o=e.forwardRef((function(s,c){var u,i=a.findDiffKeys(s,o.defaultProps),p=r("p-tag p-component",(l(u={},"p-tag-".concat(s.severity),null!==s.severity),l(u,"p-tag-rounded",s.rounded),u),s.className),f=t.getJSXIcon(s.icon,{className:"p-tag-icon"},{props:s});return e.createElement("span",n({className:p,style:s.style},i),f,e.createElement("span",{className:"p-tag-value"},s.value),e.createElement("span",null,s.children))}));o.displayName="Tag",o.defaultProps={__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null};export{o as Tag};
+import*as e from"react";import{ObjectUtils as n,classNames as r,IconUtils as t}from"primereact/utils";function a(){return a=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},a.apply(this,arguments)}function l(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}var u=e.forwardRef((function(o,s){var c,i=e.useRef(null),p=n.findDiffKeys(o,u.defaultProps),f=r("p-tag p-component",(l(c={},"p-tag-".concat(o.severity),null!==o.severity),l(c,"p-tag-rounded",o.rounded),c),o.className),m=t.getJSXIcon(o.icon,{className:"p-tag-icon"},{props:o});return e.useImperativeHandle(s,(function(){return{props:o,getElement:function(){return i.current}}})),e.createElement("span",a({ref:i,className:f,style:o.style},p),m,e.createElement("span",{className:"p-tag-value"},o.value),e.createElement("span",null,o.children))}));u.displayName="Tag",u.defaultProps={__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null};export{u as Tag};

package/tag/tag.js

@@ -58,6 +58,7 @@ this.primereact.tag = (function (exports, React, utils) {
   var Tag = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _classNames;
 
+    var elementRef = React__namespace.useRef(null);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Tag.defaultProps);
     var className = utils.classNames('p-tag p-component', (_classNames = {}, _defineProperty(_classNames, "p-tag-".concat(props.severity), props.severity !== null), _defineProperty(_classNames, 'p-tag-rounded', props.rounded), _classNames), props.className);
     var icon = utils.IconUtils.getJSXIcon(props.icon, {
@@ -65,7 +66,16 @@ this.primereact.tag = (function (exports, React, utils) {
     }, {
       props: props
     });
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     return /*#__PURE__*/React__namespace.createElement("span", _extends({
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), icon, /*#__PURE__*/React__namespace.createElement("span", {

package/tag/tag.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tag=function(e,t,r){"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 a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=a(t);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.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}var s=n.forwardRef((function(e,t){var a,u=r.ObjectUtils.findDiffKeys(e,s.defaultProps),i=r.classNames("p-tag p-component",(c(a={},"p-tag-".concat(e.severity),null!==e.severity),c(a,"p-tag-rounded",e.rounded),a),e.className),o=r.IconUtils.getJSXIcon(e.icon,{className:"p-tag-icon"},{props:e});return n.createElement("span",l({className:i,style:e.style},u),o,n.createElement("span",{className:"p-tag-value"},e.value),n.createElement("span",null,e.children))}));return s.displayName="Tag",s.defaultProps={__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null},e.Tag=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tag=function(e,t,r){"use strict";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(t);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 u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var c=a.forwardRef((function(e,t){var n,s=a.useRef(null),i=r.ObjectUtils.findDiffKeys(e,c.defaultProps),o=r.classNames("p-tag p-component",(u(n={},"p-tag-".concat(e.severity),null!==e.severity),u(n,"p-tag-rounded",e.rounded),n),e.className),p=r.IconUtils.getJSXIcon(e.icon,{className:"p-tag-icon"},{props:e});return a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return s.current}}})),a.createElement("span",l({ref:s,className:o,style:e.style},i),p,a.createElement("span",{className:"p-tag-value"},e.value),a.createElement("span",null,e.children))}));return c.displayName="Tag",c.defaultProps={__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null},e.Tag=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/terminal/terminal.cjs.js

@@ -147,7 +147,7 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var isEmitted = React__namespace.useRef(false);
 
   var onClick = function onClick() {
-    inputRef.current.focus();
+    utils.DomHandler.focus(inputRef.current);
   };
 
   var onInputChange = function onInputChange(e) {
@@ -190,6 +190,14 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   React__namespace.useEffect(function () {
     var response = function response(res) {
       if (commandsState && commandsState.length > 0) {