primereact 8.1.0 → 8.3.0

package/tabmenu/tabmenu.cjs.js

@@ -44,6 +44,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -105,12 +120,16 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(props.activeIndex),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       activeIndexState = _React$useState2[0],
       setActiveIndexState = _React$useState2[1];
 
+  var elementRef = React__namespace.useRef(null);
   var inkbarRef = React__namespace.useRef(null);
   var navRef = React__namespace.useRef(null);
   var tabsRef = React__namespace.useRef({});
@@ -154,6 +173,13 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     inkbarRef.current.style.left = utils.DomHandler.getOffset(tabHeader).left - utils.DomHandler.getOffset(navRef.current).left + 'px';
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   React__namespace.useEffect(function () {
     updateInkBar();
   });
@@ -232,6 +258,7 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     var items = createItems();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), /*#__PURE__*/React__namespace.createElement("ul", {

package/tabmenu/tabmenu.cjs.min.js

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

package/tabmenu/tabmenu.d.ts

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

package/tabmenu/tabmenu.esm.js

@@ -20,6 +20,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -81,12 +96,16 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.activeIndex),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       activeIndexState = _React$useState2[0],
       setActiveIndexState = _React$useState2[1];
 
+  var elementRef = React.useRef(null);
   var inkbarRef = React.useRef(null);
   var navRef = React.useRef(null);
   var tabsRef = React.useRef({});
@@ -130,6 +149,13 @@ var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
     inkbarRef.current.style.left = DomHandler.getOffset(tabHeader).left - DomHandler.getOffset(navRef.current).left + 'px';
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   React.useEffect(function () {
     updateInkBar();
   });
@@ -208,6 +234,7 @@ var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
     var items = createItems();
     return /*#__PURE__*/React.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), /*#__PURE__*/React.createElement("ul", {

package/tabmenu/tabmenu.esm.min.js

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

package/tabmenu/tabmenu.js

@@ -40,6 +40,21 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -101,12 +116,16 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.activeIndex),
         _React$useState2 = _slicedToArray(_React$useState, 2),
         activeIndexState = _React$useState2[0],
         setActiveIndexState = _React$useState2[1];
 
+    var elementRef = React__namespace.useRef(null);
     var inkbarRef = React__namespace.useRef(null);
     var navRef = React__namespace.useRef(null);
     var tabsRef = React__namespace.useRef({});
@@ -150,6 +169,13 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
       inkbarRef.current.style.left = utils.DomHandler.getOffset(tabHeader).left - utils.DomHandler.getOffset(navRef.current).left + 'px';
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     React__namespace.useEffect(function () {
       updateInkBar();
     });
@@ -228,6 +254,7 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
       var items = createItems();
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
         id: props.id,
+        ref: elementRef,
         className: className,
         style: props.style
       }, otherProps), /*#__PURE__*/React__namespace.createElement("ul", {

package/tabmenu/tabmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tabmenu=function(e,t,n,r){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=a(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],i=!0,u=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{i||null==n.return||n.return()}finally{if(u)throw a}}return l}}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e,t){if(e){if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=l.memo(l.forwardRef((function(e,t){var a,o,p=l.useState(e.activeIndex),d=(o=2,u(a=p)||c(a,o)||s(a,o)||m()),b=d[0],y=d[1],v=l.useRef(null),g=l.useRef(null),h=l.useRef({}),N=e.onTabChange?e.activeIndex:b,O=function(t,n,r){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),e.onTabChange?e.onTabChange({originalEvent:t,value:n,index:r}):y(r))},E=function(e){return e===(N||0)};l.useEffect((function(){var e;e=h.current["tab_".concat(N)],v.current.style.width=r.DomHandler.getWidth(e)+"px",v.current.style.left=r.DomHandler.getOffset(e).left-r.DomHandler.getOffset(g.current).left+"px"}));var j=function(t,a){var i=t.className,u=t.style,c=t.disabled,o=t.icon,s=t.label,m=t.template,f=t.url,p=t.target,d=s+"_"+a,b=E(a),y=r.classNames("p-tabmenuitem",{"p-highlight":b,"p-disabled":c},i),v=r.classNames("p-menuitem-icon",o),g=r.IconUtils.getJSXIcon(o,{className:"p-menuitem-icon"},{props:e}),N=l.createElement("a",{href:f||"#",className:"p-menuitem-link",target:p,onClick:function(e){return O(e,t,a)},role:"presentation"},g,s&&l.createElement("span",{className:"p-menuitem-text"},s),l.createElement(n.Ripple,null));m&&(N=r.ObjectUtils.getJSXElement(m,t,{onClick:function(e){return O(e,t,a)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:v,element:N,props:e,active:b,index:a}));return l.createElement("li",{ref:h.current["tab_".concat(a)],key:d,className:y,style:u,role:"tab","aria-selected":b,"aria-expanded":b,"aria-disabled":c},N)};if(e.model){var x=r.ObjectUtils.findDiffKeys(e,f.defaultProps),C=r.classNames("p-tabmenu p-component",e.className),T=e.model.map(j);return l.createElement("div",i({id:e.id,className:C,style:e.style},x),l.createElement("ul",{ref:g,className:"p-tabmenu-nav p-reset",role:"tablist"},T,l.createElement("li",{ref:v,className:"p-tabmenu-ink-bar"})))}return null})));return f.displayName="TabMenu",f.defaultProps={__TYPE:"TabMenu",id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null},e.TabMenu=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tabmenu=function(e,t,r,n){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(this,arguments)}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){if(Array.isArray(e))return e}function o(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,l=[],i=!0,c=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){c=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(c)throw a}}return l}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function f(e,t){if(e){if("string"==typeof e)return s(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var d=l.memo(l.forwardRef((function(e,t){var a,c,s=l.useState(e.activeIndex),p=(c=2,u(a=s)||o(a,c)||f(a,c)||m()),y=p[0],v=p[1],g=l.useRef(null),O=l.useRef(null),h=l.useRef(null),j=l.useRef({}),E=e.onTabChange?e.activeIndex:y,N=function(t,r,n){r.disabled?t.preventDefault():(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r}),e.onTabChange?e.onTabChange({originalEvent:t,value:r,index:n}):v(n))},P=function(e){return e===(E||0)};l.useImperativeHandle(t,(function(){return b({getElement:function(){return g.current}},e)})),l.useEffect((function(){var e;e=j.current["tab_".concat(E)],O.current.style.width=n.DomHandler.getWidth(e)+"px",O.current.style.left=n.DomHandler.getOffset(e).left-n.DomHandler.getOffset(h.current).left+"px"}));var w=function(t,a){var i=t.className,c=t.style,u=t.disabled,o=t.icon,s=t.label,f=t.template,m=t.url,p=t.target,b=s+"_"+a,d=P(a),y=n.classNames("p-tabmenuitem",{"p-highlight":d,"p-disabled":u},i),v=n.classNames("p-menuitem-icon",o),g=n.IconUtils.getJSXIcon(o,{className:"p-menuitem-icon"},{props:e}),O=l.createElement("a",{href:m||"#",className:"p-menuitem-link",target:p,onClick:function(e){return N(e,t,a)},role:"presentation"},g,s&&l.createElement("span",{className:"p-menuitem-text"},s),l.createElement(r.Ripple,null));f&&(O=n.ObjectUtils.getJSXElement(f,t,{onClick:function(e){return N(e,t,a)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:v,element:O,props:e,active:d,index:a}));return l.createElement("li",{ref:j.current["tab_".concat(a)],key:b,className:y,style:c,role:"tab","aria-selected":d,"aria-expanded":d,"aria-disabled":u},O)};if(e.model){var x=n.ObjectUtils.findDiffKeys(e,d.defaultProps),D=n.classNames("p-tabmenu p-component",e.className),S=e.model.map(w);return l.createElement("div",i({id:e.id,ref:g,className:D,style:e.style},x),l.createElement("ul",{ref:h,className:"p-tabmenu-nav p-reset",role:"tablist"},S,l.createElement("li",{ref:O,className:"p-tabmenu-ink-bar"})))}return null})));return d.displayName="TabMenu",d.defaultProps={__TYPE:"TabMenu",id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null},e.TabMenu=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.utils);

package/tabview/tabview.cjs.js

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

package/tabview/tabview.cjs.min.js

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

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);
@@ -291,9 +292,12 @@ var TabView = /*#__PURE__*/React.forwardRef(function (props, ref) {
     updateScrollBar(props.activeIndex);
   }, [props.activeIndex]);
   React.useImperativeHandle(ref, function () {
-    return {
-      reset: reset
-    };
+    return _objectSpread({
+      reset: reset,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
   });
 
   var createTabHeader = function createTabHeader(tab, index) {
@@ -481,6 +485,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 w({reset:Q,getElement:function(){return D.current}},u)}));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);
@@ -310,9 +311,12 @@ this.primereact.tabview = (function (exports, React, hooks, ripple, utils) {
       updateScrollBar(props.activeIndex);
     }, [props.activeIndex]);
     React__namespace.useImperativeHandle(ref, function () {
-      return {
-        reset: reset
-      };
+      return _objectSpread({
+        reset: reset,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
     });
 
     var createTabHeader = function createTabHeader(tab, index) {
@@ -500,6 +504,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 g({reset:$,getElement:function(){return _.current}},e)}));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

@@ -58,9 +58,13 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var 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 +72,15 @@ var Tag = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   }, {
     props: props
   });
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   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 c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var u=n.forwardRef((function(e,r){var l,s=n.useRef(null),i=t.ObjectUtils.findDiffKeys(e,u.defaultProps),p=t.classNames("p-tag p-component",(c(l={},"p-tag-".concat(e.severity),null!==e.severity),c(l,"p-tag-rounded",e.rounded),l),e.className),f=t.IconUtils.getJSXIcon(e.icon,{className:"p-tag-icon"},{props:e});return n.useImperativeHandle(r,(function(){return o({getElement:function(){return s.current}},e)})),n.createElement("span",a({ref:s,className:p,style:e.style},i),f,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;
+}