primereact 7.2.0 → 7.2.1

package/resources/themes/vela-purple/theme.css

@@ -2192,6 +2192,258 @@
   border-color: transparent;
 }
 
+.p-splitbutton {
+  border-radius: 3px;
+}
+.p-splitbutton.p-button-outlined > .p-button {
+  background-color: transparent;
+  color: #BA68C8;
+  border: 1px solid;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(186, 104, 200, 0.04);
+  color: #BA68C8;
+}
+.p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(186, 104, 200, 0.16);
+  color: #BA68C8;
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
+  color: rgba(255, 255, 255, 0.6);
+  border-color: rgba(255, 255, 255, 0.6);
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(255, 255, 255, 0.16);
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-splitbutton.p-button-text > .p-button {
+  background-color: transparent;
+  color: #BA68C8;
+  border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(186, 104, 200, 0.04);
+  color: #BA68C8;
+  border-color: transparent;
+}
+.p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(186, 104, 200, 0.16);
+  color: #BA68C8;
+  border-color: transparent;
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button {
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(255, 255, 255, 0.03);
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(255, 255, 255, 0.16);
+  color: rgba(255, 255, 255, 0.6);
+}
+.p-splitbutton.p-button-raised {
+  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+}
+.p-splitbutton.p-button-rounded {
+  border-radius: 2rem;
+}
+.p-splitbutton.p-button-rounded > .p-button {
+  border-radius: 2rem;
+}
+.p-splitbutton.p-button-sm > .p-button {
+  font-size: 0.875rem;
+  padding: 0.4375rem 0.875rem;
+}
+.p-splitbutton.p-button-sm > .p-button .p-button-icon {
+  font-size: 0.875rem;
+}
+.p-splitbutton.p-button-lg > .p-button {
+  font-size: 1.25rem;
+  padding: 0.625rem 1.25rem;
+}
+.p-splitbutton.p-button-lg > .p-button .p-button-icon {
+  font-size: 1.25rem;
+}
+
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
+  background-color: transparent;
+  color: #78909C;
+  border: 1px solid;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(120, 144, 156, 0.04);
+  color: #78909C;
+}
+.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(120, 144, 156, 0.16);
+  color: #78909C;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button {
+  background-color: transparent;
+  color: #78909C;
+  border-color: transparent;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(120, 144, 156, 0.04);
+  border-color: transparent;
+  color: #78909C;
+}
+.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(120, 144, 156, 0.16);
+  border-color: transparent;
+  color: #78909C;
+}
+
+.p-splitbutton.p-button-info.p-button-outlined > .p-button {
+  background-color: transparent;
+  color: #81D4FA;
+  border: 1px solid;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(129, 212, 250, 0.04);
+  color: #81D4FA;
+}
+.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(129, 212, 250, 0.16);
+  color: #81D4FA;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button {
+  background-color: transparent;
+  color: #81D4FA;
+  border-color: transparent;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(129, 212, 250, 0.04);
+  border-color: transparent;
+  color: #81D4FA;
+}
+.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(129, 212, 250, 0.16);
+  border-color: transparent;
+  color: #81D4FA;
+}
+
+.p-splitbutton.p-button-success.p-button-outlined > .p-button {
+  background-color: transparent;
+  color: #C5E1A5;
+  border: 1px solid;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(197, 225, 165, 0.04);
+  color: #C5E1A5;
+}
+.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(197, 225, 165, 0.16);
+  color: #C5E1A5;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button {
+  background-color: transparent;
+  color: #C5E1A5;
+  border-color: transparent;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(197, 225, 165, 0.04);
+  border-color: transparent;
+  color: #C5E1A5;
+}
+.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(197, 225, 165, 0.16);
+  border-color: transparent;
+  color: #C5E1A5;
+}
+
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
+  background-color: transparent;
+  color: #FFE082;
+  border: 1px solid;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(255, 224, 130, 0.04);
+  color: #FFE082;
+}
+.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(255, 224, 130, 0.16);
+  color: #FFE082;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button {
+  background-color: transparent;
+  color: #FFE082;
+  border-color: transparent;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(255, 224, 130, 0.04);
+  border-color: transparent;
+  color: #FFE082;
+}
+.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(255, 224, 130, 0.16);
+  border-color: transparent;
+  color: #FFE082;
+}
+
+.p-splitbutton.p-button-help.p-button-outlined > .p-button {
+  background-color: transparent;
+  color: #CE93D8;
+  border: 1px solid;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(206, 147, 216, 0.04);
+  color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(206, 147, 216, 0.16);
+  color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button {
+  background-color: transparent;
+  color: #CE93D8;
+  border-color: transparent;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(206, 147, 216, 0.04);
+  border-color: transparent;
+  color: #CE93D8;
+}
+.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(206, 147, 216, 0.16);
+  border-color: transparent;
+  color: #CE93D8;
+}
+
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
+  background-color: transparent;
+  color: #F48FB1;
+  border: 1px solid;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(244, 143, 177, 0.04);
+  color: #F48FB1;
+}
+.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(244, 143, 177, 0.16);
+  color: #F48FB1;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button {
+  background-color: transparent;
+  color: #F48FB1;
+  border-color: transparent;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
+  background: rgba(244, 143, 177, 0.04);
+  border-color: transparent;
+  color: #F48FB1;
+}
+.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
+  background: rgba(244, 143, 177, 0.16);
+  border-color: transparent;
+  color: #F48FB1;
+}
+
 .p-speeddial-button.p-button.p-button-icon-only {
   width: 4rem;
   height: 4rem;
@@ -2497,7 +2749,7 @@
   border-width: 1px;
 }
 .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
-  background: rgba(255, 255, 255, 0.01);
+  background: #253144;
 }
 .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
   background: rgba(186, 104, 200, 0.16);
@@ -2510,7 +2762,7 @@
   color: rgba(255, 255, 255, 0.87);
 }
 .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
-  background: rgba(255, 255, 255, 0.01);
+  background: #253144;
 }
 .p-datatable.p-datatable-sm .p-datatable-header {
   padding: 0.5rem 0.5rem;

package/splitbutton/splitbutton.d.ts

@@ -30,4 +30,7 @@ export interface SplitButtonProps {
     onHide?(): void;
 }
 
-export declare class SplitButton extends React.Component<SplitButtonProps, any> { }
+export declare class SplitButton extends React.Component<SplitButtonProps, any> {
+    public show(): void;
+    public hide(): void;
+}

package/splitbutton/splitbutton.min.css

@@ -1 +1 @@
-.p-splitbutton{display:inline-flex;position:relative}.p-splitbutton .p-splitbutton-defaultbutton{flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0 none}.p-splitbutton-menubutton{display:flex;align-items:center;justify-content:center;border-top-left-radius:0;border-bottom-left-radius:0}.p-splitbutton .p-menu{min-width:100%}.p-fluid .p-splitbutton{display:flex}
+.p-splitbutton{display:inline-flex;position:relative}.p-splitbutton .p-splitbutton-defaultbutton,.p-splitbutton.p-button-rounded>.p-splitbutton-defaultbutton.p-button,.p-splitbutton.p-button-outlined>.p-splitbutton-defaultbutton.p-button{flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0 none}.p-splitbutton-menubutton,.p-splitbutton.p-button-rounded>.p-splitbutton-menubutton.p-button,.p-splitbutton.p-button-outlined>.p-splitbutton-menubutton.p-button{display:flex;align-items:center;justify-content:center;border-top-left-radius:0;border-bottom-left-radius:0}.p-splitbutton .p-menu{min-width:100%}.p-fluid .p-splitbutton{display:flex}

package/tabmenu/tabmenu.cjs.js

@@ -225,7 +225,7 @@ var TabMenu = /*#__PURE__*/function (_Component) {
       if (item.template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
-            return _this2.itemClick(event, item);
+            return _this2.itemClick(event, item, index);
           },
           className: 'p-menuitem-link',
           labelClassName: 'p-menuitem-text',

package/tabmenu/tabmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/ripple");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function l(e,t){return l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},l(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var d,b,y,h=function(r){u(h,e.Component);var l,c,s,d,b,y=(l=h,c=m(),function(){var e,t=f(l);if(c){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return p(this,e)});function h(e){var t;return i(this,h),(t=y.call(this,e)).props.onTabChange||(t.state={activeIndex:e.activeIndex}),t}return s=h,(d=[{key:"itemClick",value:function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.props.onTabChange?this.props.onTabChange({originalEvent:e,value:t,index:n}):this.setState({activeIndex:n}))}},{key:"getActiveIndex",value:function(){return this.props.onTabChange?this.props.activeIndex:this.state.activeIndex}},{key:"isSelected",value:function(e){return e===(this.getActiveIndex()||0)}},{key:"updateInkBar",value:function(){var e=this.getActiveIndex(),n=this["tab_".concat(e)];this.inkbar.style.width=t.DomHandler.getWidth(n)+"px",this.inkbar.style.left=t.DomHandler.getOffset(n).left-t.DomHandler.getOffset(this.nav).left+"px"}},{key:"componentDidMount",value:function(){this.updateInkBar()}},{key:"componentDidUpdate",value:function(){this.updateInkBar()}},{key:"renderMenuItem",value:function(e,r){var i=this,o=this.isSelected(r),l=t.classNames("p-tabmenuitem",{"p-highlight":o,"p-disabled":e.disabled},e.className),u=t.classNames("p-menuitem-icon",e.icon),c=a.default.createElement("a",{href:e.url||"#",className:"p-menuitem-link",target:e.target,onClick:function(t){return i.itemClick(t,e,r)},role:"presentation"},e.icon&&a.default.createElement("span",{className:u}),e.label&&a.default.createElement("span",{className:"p-menuitem-text"},e.label),a.default.createElement(n.Ripple,null));return e.template&&(c=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return i.itemClick(t,e)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:u,element:c,props:this.props,active:o,index:r})),a.default.createElement("li",{ref:function(e){return i["tab_".concat(r)]=e},key:e.label+"_"+r,className:l,style:e.style,role:"tab","aria-selected":o,"aria-expanded":o,"aria-disabled":e.disabled},c)}},{key:"renderItems",value:function(){var e=this;return this.props.model.map((function(t,n){return e.renderMenuItem(t,n)}))}},{key:"render",value:function(){var e=this;if(this.props.model){var n=t.classNames("p-tabmenu p-component",this.props.className),r=this.renderItems();return a.default.createElement("div",{id:this.props.id,className:n,style:this.props.style},a.default.createElement("ul",{ref:function(t){return e.nav=t},className:"p-tabmenu-nav p-reset",role:"tablist"},r,a.default.createElement("li",{ref:function(t){return e.inkbar=t},className:"p-tabmenu-ink-bar"})))}return null}}])&&o(s.prototype,d),b&&o(s,b),Object.defineProperty(s,"prototype",{writable:!1}),h}();y={id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null},(b="defaultProps")in(d=h)?Object.defineProperty(d,b,{value:y,enumerable:!0,configurable:!0,writable:!0}):d[b]=y,exports.TabMenu=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/ripple");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function l(e,t){return l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},l(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var d,b,y,h=function(r){u(h,e.Component);var l,c,s,d,b,y=(l=h,c=m(),function(){var e,t=f(l);if(c){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return p(this,e)});function h(e){var t;return i(this,h),(t=y.call(this,e)).props.onTabChange||(t.state={activeIndex:e.activeIndex}),t}return s=h,(d=[{key:"itemClick",value:function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.props.onTabChange?this.props.onTabChange({originalEvent:e,value:t,index:n}):this.setState({activeIndex:n}))}},{key:"getActiveIndex",value:function(){return this.props.onTabChange?this.props.activeIndex:this.state.activeIndex}},{key:"isSelected",value:function(e){return e===(this.getActiveIndex()||0)}},{key:"updateInkBar",value:function(){var e=this.getActiveIndex(),n=this["tab_".concat(e)];this.inkbar.style.width=t.DomHandler.getWidth(n)+"px",this.inkbar.style.left=t.DomHandler.getOffset(n).left-t.DomHandler.getOffset(this.nav).left+"px"}},{key:"componentDidMount",value:function(){this.updateInkBar()}},{key:"componentDidUpdate",value:function(){this.updateInkBar()}},{key:"renderMenuItem",value:function(e,r){var i=this,o=this.isSelected(r),l=t.classNames("p-tabmenuitem",{"p-highlight":o,"p-disabled":e.disabled},e.className),u=t.classNames("p-menuitem-icon",e.icon),c=a.default.createElement("a",{href:e.url||"#",className:"p-menuitem-link",target:e.target,onClick:function(t){return i.itemClick(t,e,r)},role:"presentation"},e.icon&&a.default.createElement("span",{className:u}),e.label&&a.default.createElement("span",{className:"p-menuitem-text"},e.label),a.default.createElement(n.Ripple,null));return e.template&&(c=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return i.itemClick(t,e,r)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:u,element:c,props:this.props,active:o,index:r})),a.default.createElement("li",{ref:function(e){return i["tab_".concat(r)]=e},key:e.label+"_"+r,className:l,style:e.style,role:"tab","aria-selected":o,"aria-expanded":o,"aria-disabled":e.disabled},c)}},{key:"renderItems",value:function(){var e=this;return this.props.model.map((function(t,n){return e.renderMenuItem(t,n)}))}},{key:"render",value:function(){var e=this;if(this.props.model){var n=t.classNames("p-tabmenu p-component",this.props.className),r=this.renderItems();return a.default.createElement("div",{id:this.props.id,className:n,style:this.props.style},a.default.createElement("ul",{ref:function(t){return e.nav=t},className:"p-tabmenu-nav p-reset",role:"tablist"},r,a.default.createElement("li",{ref:function(t){return e.inkbar=t},className:"p-tabmenu-ink-bar"})))}return null}}])&&o(s.prototype,d),b&&o(s,b),Object.defineProperty(s,"prototype",{writable:!1}),h}();y={id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null},(b="defaultProps")in(d=h)?Object.defineProperty(d,b,{value:y,enumerable:!0,configurable:!0,writable:!0}):d[b]=y,exports.TabMenu=h;

package/tabmenu/tabmenu.esm.js

@@ -217,7 +217,7 @@ var TabMenu = /*#__PURE__*/function (_Component) {
       if (item.template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
-            return _this2.itemClick(event, item);
+            return _this2.itemClick(event, item, index);
           },
           className: 'p-menuitem-link',
           labelClassName: 'p-menuitem-text',

package/tabmenu/tabmenu.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{DomHandler as n,classNames as r,ObjectUtils as i}from"primereact/utils";import{Ripple as o}from"primereact/ripple";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function c(e,t){return c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},c(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){if(t&&("object"===s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var b,y,h,v=function(c){u(k,t);var s,p,b,y,h,v=(s=k,p=d(),function(){var e,t=m(s);if(p){var n=m(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return f(this,e)});function k(e){var t;return a(this,k),(t=v.call(this,e)).props.onTabChange||(t.state={activeIndex:e.activeIndex}),t}return b=k,(y=[{key:"itemClick",value:function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.props.onTabChange?this.props.onTabChange({originalEvent:e,value:t,index:n}):this.setState({activeIndex:n}))}},{key:"getActiveIndex",value:function(){return this.props.onTabChange?this.props.activeIndex:this.state.activeIndex}},{key:"isSelected",value:function(e){return e===(this.getActiveIndex()||0)}},{key:"updateInkBar",value:function(){var e=this.getActiveIndex(),t=this["tab_".concat(e)];this.inkbar.style.width=n.getWidth(t)+"px",this.inkbar.style.left=n.getOffset(t).left-n.getOffset(this.nav).left+"px"}},{key:"componentDidMount",value:function(){this.updateInkBar()}},{key:"componentDidUpdate",value:function(){this.updateInkBar()}},{key:"renderMenuItem",value:function(t,n){var a=this,l=this.isSelected(n),c=r("p-tabmenuitem",{"p-highlight":l,"p-disabled":t.disabled},t.className),u=r("p-menuitem-icon",t.icon),s=e.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return a.itemClick(e,t,n)},role:"presentation"},t.icon&&e.createElement("span",{className:u}),t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),e.createElement(o,null));return t.template&&(s=i.getJSXElement(t.template,t,{onClick:function(e){return a.itemClick(e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:u,element:s,props:this.props,active:l,index:n})),e.createElement("li",{ref:function(e){return a["tab_".concat(n)]=e},key:t.label+"_"+n,className:c,style:t.style,role:"tab","aria-selected":l,"aria-expanded":l,"aria-disabled":t.disabled},s)}},{key:"renderItems",value:function(){var e=this;return this.props.model.map((function(t,n){return e.renderMenuItem(t,n)}))}},{key:"render",value:function(){var t=this;if(this.props.model){var n=r("p-tabmenu p-component",this.props.className),i=this.renderItems();return e.createElement("div",{id:this.props.id,className:n,style:this.props.style},e.createElement("ul",{ref:function(e){return t.nav=e},className:"p-tabmenu-nav p-reset",role:"tablist"},i,e.createElement("li",{ref:function(e){return t.inkbar=e},className:"p-tabmenu-ink-bar"})))}return null}}])&&l(b.prototype,y),h&&l(b,h),Object.defineProperty(b,"prototype",{writable:!1}),k}();h={id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null},(y="defaultProps")in(b=v)?Object.defineProperty(b,y,{value:h,enumerable:!0,configurable:!0,writable:!0}):b[y]=h;export{v as TabMenu};
+import e,{Component as t}from"react";import{DomHandler as n,classNames as r,ObjectUtils as i}from"primereact/utils";import{Ripple as o}from"primereact/ripple";function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function c(e,t){return c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},c(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){if(t&&("object"===s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var b,y,h,v=function(c){u(k,t);var s,p,b,y,h,v=(s=k,p=d(),function(){var e,t=m(s);if(p){var n=m(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return f(this,e)});function k(e){var t;return a(this,k),(t=v.call(this,e)).props.onTabChange||(t.state={activeIndex:e.activeIndex}),t}return b=k,(y=[{key:"itemClick",value:function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.props.onTabChange?this.props.onTabChange({originalEvent:e,value:t,index:n}):this.setState({activeIndex:n}))}},{key:"getActiveIndex",value:function(){return this.props.onTabChange?this.props.activeIndex:this.state.activeIndex}},{key:"isSelected",value:function(e){return e===(this.getActiveIndex()||0)}},{key:"updateInkBar",value:function(){var e=this.getActiveIndex(),t=this["tab_".concat(e)];this.inkbar.style.width=n.getWidth(t)+"px",this.inkbar.style.left=n.getOffset(t).left-n.getOffset(this.nav).left+"px"}},{key:"componentDidMount",value:function(){this.updateInkBar()}},{key:"componentDidUpdate",value:function(){this.updateInkBar()}},{key:"renderMenuItem",value:function(t,n){var a=this,l=this.isSelected(n),c=r("p-tabmenuitem",{"p-highlight":l,"p-disabled":t.disabled},t.className),u=r("p-menuitem-icon",t.icon),s=e.createElement("a",{href:t.url||"#",className:"p-menuitem-link",target:t.target,onClick:function(e){return a.itemClick(e,t,n)},role:"presentation"},t.icon&&e.createElement("span",{className:u}),t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),e.createElement(o,null));return t.template&&(s=i.getJSXElement(t.template,t,{onClick:function(e){return a.itemClick(e,t,n)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:u,element:s,props:this.props,active:l,index:n})),e.createElement("li",{ref:function(e){return a["tab_".concat(n)]=e},key:t.label+"_"+n,className:c,style:t.style,role:"tab","aria-selected":l,"aria-expanded":l,"aria-disabled":t.disabled},s)}},{key:"renderItems",value:function(){var e=this;return this.props.model.map((function(t,n){return e.renderMenuItem(t,n)}))}},{key:"render",value:function(){var t=this;if(this.props.model){var n=r("p-tabmenu p-component",this.props.className),i=this.renderItems();return e.createElement("div",{id:this.props.id,className:n,style:this.props.style},e.createElement("ul",{ref:function(e){return t.nav=e},className:"p-tabmenu-nav p-reset",role:"tablist"},i,e.createElement("li",{ref:function(e){return t.inkbar=e},className:"p-tabmenu-ink-bar"})))}return null}}])&&l(b.prototype,y),h&&l(b,h),Object.defineProperty(b,"prototype",{writable:!1}),k}();h={id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null},(y="defaultProps")in(b=v)?Object.defineProperty(b,y,{value:h,enumerable:!0,configurable:!0,writable:!0}):b[y]=h;export{v as TabMenu};

package/tabmenu/tabmenu.js

@@ -221,7 +221,7 @@ this.primereact.tabmenu = (function (exports, React, utils, ripple) {
         if (item.template) {
           var defaultContentOptions = {
             onClick: function onClick(event) {
-              return _this2.itemClick(event, item);
+              return _this2.itemClick(event, item, index);
             },
             className: 'p-menuitem-link',
             labelClassName: 'p-menuitem-text',

package/tabmenu/tabmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tabmenu=function(e,t,n,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t);function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function u(e,t){return u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},u(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){if(t&&("object"===s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var b,y,h,v=function(e){c(y,e);var t,a,u,s,p,b=(t=y,a=d(),function(){var e,n=m(t);if(a){var r=m(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return f(this,e)});function y(e){var t;return o(this,y),(t=b.call(this,e)).props.onTabChange||(t.state={activeIndex:e.activeIndex}),t}return u=y,(s=[{key:"itemClick",value:function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.props.onTabChange?this.props.onTabChange({originalEvent:e,value:t,index:n}):this.setState({activeIndex:n}))}},{key:"getActiveIndex",value:function(){return this.props.onTabChange?this.props.activeIndex:this.state.activeIndex}},{key:"isSelected",value:function(e){return e===(this.getActiveIndex()||0)}},{key:"updateInkBar",value:function(){var e=this.getActiveIndex(),t=this["tab_".concat(e)];this.inkbar.style.width=n.DomHandler.getWidth(t)+"px",this.inkbar.style.left=n.DomHandler.getOffset(t).left-n.DomHandler.getOffset(this.nav).left+"px"}},{key:"componentDidMount",value:function(){this.updateInkBar()}},{key:"componentDidUpdate",value:function(){this.updateInkBar()}},{key:"renderMenuItem",value:function(e,t){var a=this,o=this.isSelected(t),l=n.classNames("p-tabmenuitem",{"p-highlight":o,"p-disabled":e.disabled},e.className),u=n.classNames("p-menuitem-icon",e.icon),c=i.default.createElement("a",{href:e.url||"#",className:"p-menuitem-link",target:e.target,onClick:function(n){return a.itemClick(n,e,t)},role:"presentation"},e.icon&&i.default.createElement("span",{className:u}),e.label&&i.default.createElement("span",{className:"p-menuitem-text"},e.label),i.default.createElement(r.Ripple,null));return e.template&&(c=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return a.itemClick(t,e)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:u,element:c,props:this.props,active:o,index:t})),i.default.createElement("li",{ref:function(e){return a["tab_".concat(t)]=e},key:e.label+"_"+t,className:l,style:e.style,role:"tab","aria-selected":o,"aria-expanded":o,"aria-disabled":e.disabled},c)}},{key:"renderItems",value:function(){var e=this;return this.props.model.map((function(t,n){return e.renderMenuItem(t,n)}))}},{key:"render",value:function(){var e=this;if(this.props.model){var t=n.classNames("p-tabmenu p-component",this.props.className),r=this.renderItems();return i.default.createElement("div",{id:this.props.id,className:t,style:this.props.style},i.default.createElement("ul",{ref:function(t){return e.nav=t},className:"p-tabmenu-nav p-reset",role:"tablist"},r,i.default.createElement("li",{ref:function(t){return e.inkbar=t},className:"p-tabmenu-ink-bar"})))}return null}}])&&l(u.prototype,s),p&&l(u,p),Object.defineProperty(u,"prototype",{writable:!1}),y}(t.Component);return h={id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null},(y="defaultProps")in(b=v)?Object.defineProperty(b,y,{value:h,enumerable:!0,configurable:!0,writable:!0}):b[y]=h,e.TabMenu=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.tabmenu=function(e,t,n,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t);function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function u(e,t){return u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},u(e,t)}function c(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&u(e,t)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){if(t&&("object"===s(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}function d(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var b,y,h,v=function(e){c(y,e);var t,a,u,s,p,b=(t=y,a=d(),function(){var e,n=m(t);if(a){var r=m(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return f(this,e)});function y(e){var t;return o(this,y),(t=b.call(this,e)).props.onTabChange||(t.state={activeIndex:e.activeIndex}),t}return u=y,(s=[{key:"itemClick",value:function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),this.props.onTabChange?this.props.onTabChange({originalEvent:e,value:t,index:n}):this.setState({activeIndex:n}))}},{key:"getActiveIndex",value:function(){return this.props.onTabChange?this.props.activeIndex:this.state.activeIndex}},{key:"isSelected",value:function(e){return e===(this.getActiveIndex()||0)}},{key:"updateInkBar",value:function(){var e=this.getActiveIndex(),t=this["tab_".concat(e)];this.inkbar.style.width=n.DomHandler.getWidth(t)+"px",this.inkbar.style.left=n.DomHandler.getOffset(t).left-n.DomHandler.getOffset(this.nav).left+"px"}},{key:"componentDidMount",value:function(){this.updateInkBar()}},{key:"componentDidUpdate",value:function(){this.updateInkBar()}},{key:"renderMenuItem",value:function(e,t){var a=this,o=this.isSelected(t),l=n.classNames("p-tabmenuitem",{"p-highlight":o,"p-disabled":e.disabled},e.className),u=n.classNames("p-menuitem-icon",e.icon),c=i.default.createElement("a",{href:e.url||"#",className:"p-menuitem-link",target:e.target,onClick:function(n){return a.itemClick(n,e,t)},role:"presentation"},e.icon&&i.default.createElement("span",{className:u}),e.label&&i.default.createElement("span",{className:"p-menuitem-text"},e.label),i.default.createElement(r.Ripple,null));return e.template&&(c=n.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return a.itemClick(n,e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:u,element:c,props:this.props,active:o,index:t})),i.default.createElement("li",{ref:function(e){return a["tab_".concat(t)]=e},key:e.label+"_"+t,className:l,style:e.style,role:"tab","aria-selected":o,"aria-expanded":o,"aria-disabled":e.disabled},c)}},{key:"renderItems",value:function(){var e=this;return this.props.model.map((function(t,n){return e.renderMenuItem(t,n)}))}},{key:"render",value:function(){var e=this;if(this.props.model){var t=n.classNames("p-tabmenu p-component",this.props.className),r=this.renderItems();return i.default.createElement("div",{id:this.props.id,className:t,style:this.props.style},i.default.createElement("ul",{ref:function(t){return e.nav=t},className:"p-tabmenu-nav p-reset",role:"tablist"},r,i.default.createElement("li",{ref:function(t){return e.inkbar=t},className:"p-tabmenu-ink-bar"})))}return null}}])&&l(u.prototype,s),p&&l(u,p),Object.defineProperty(u,"prototype",{writable:!1}),y}(t.Component);return h={id:null,model:null,activeIndex:0,style:null,className:null,onTabChange:null},(y="defaultProps")in(b=v)?Object.defineProperty(b,y,{value:h,enumerable:!0,configurable:!0,writable:!0}):b[y]=h,e.TabMenu=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.ripple);

package/tabview/tabview.cjs.js

@@ -316,7 +316,7 @@ var TabView = /*#__PURE__*/function (_Component2) {
     value: function updateScrollBar(index) {
       var tabHeader = this["tab_".concat(index)];
 
-      if (tabHeader) {
+      if (tabHeader && tabHeader.scrollIntoView) {
         tabHeader.scrollIntoView({
           block: 'nearest'
         });

package/tabview/tabview.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/ripple");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e);function i(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 o(e){if(Array.isArray(e))return i(e)}function l(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function c(){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 u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t,n){return t&&p(e.prototype,t),n&&p(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function b(e,t){return b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},b(e,t)}function h(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&b(e,t)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,t){if(t&&("object"===v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(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?k(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function T(e){var t=C();return function(){var n,r=m(e);if(t){var a=m(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return y(this,n)}}function C(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var I=function(t){h(r,e.Component);var n=T(r);function r(){return f(this,r),n.apply(this,arguments)}return d(r)}();w(I,"defaultProps",{header:null,headerTemplate:null,leftIcon:null,rightIcon:null,closable:!1,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,contentStyle:null,contentClassName:null});var O=function(r){h(p,e.Component);var i=T(p);function p(e){var t;f(this,p),t=i.call(this,e);var n={id:e.id,backwardIsDisabled:!0,forwardIsDisabled:!1,hiddenTabs:[]};return t.props.onTabChange||(n=g(g({},n),{},{activeIndex:e.activeIndex})),t.state=n,t.navBackward=t.navBackward.bind(u(t)),t.navForward=t.navForward.bind(u(t)),t.onScroll=t.onScroll.bind(u(t)),t}return d(p,[{key:"getActiveIndex",value:function(){return this.props.onTabChange?this.props.activeIndex:this.state.activeIndex}},{key:"isSelected",value:function(e){return e===this.getActiveIndex()}},{key:"shouldTabRender",value:function(e,t){return e&&e.type===I&&this.state.hiddenTabs.every((function(e){return e!==t}))}},{key:"findVisibleActiveTab",value:function(e){var t=this,n=a.default.Children.map(this.props.children,(function(e,n){if(t.shouldTabRender(e,n))return{tab:e,index:n}}));return n.find((function(t){return!t.tab.props.disabled&&t.index>=e}))||n.reverse().find((function(t){return!t.tab.props.disabled&&e>t.index}))}},{key:"onTabHeaderClose",value:function(e,t){var n,r=this,a=[].concat(o(n=this.state.hiddenTabs)||l(n)||s(n)||c(),[t]);this.setState({hiddenTabs:a},(function(){var n=r.findVisibleActiveTab(t);n&&r.onTabHeaderClick(e,n.tab,n.index)})),this.props.onTabClose&&this.props.onTabClose({originalEvent:e,index:t}),e.preventDefault()}},{key:"onTabHeaderClick",value:function(e,t,n){t.props.disabled||(this.props.onTabChange?this.props.onTabChange({originalEvent:e,index:n}):this.setState({activeIndex:n})),this.updateScrollBar(n),e.preventDefault()}},{key:"onKeyDown",value:function(e,t,n){"Enter"===e.code&&this.onTabHeaderClick(e,t,n)}},{key:"updateInkBar",value:function(){var e=this.getActiveIndex(),n=this["tab_".concat(e)];this.inkbar.style.width=t.DomHandler.getWidth(n)+"px",this.inkbar.style.left=t.DomHandler.getOffset(n).left-t.DomHandler.getOffset(this.nav).left+"px"}},{key:"updateScrollBar",value:function(e){var t=this["tab_".concat(e)];t&&t.scrollIntoView({block:"nearest"})}},{key:"updateButtonState",value:function(){var e=this.content,n=e.scrollLeft,r=e.scrollWidth,a=t.DomHandler.getWidth(e);this.setState({backwardIsDisabled:0===n}),this.setState({forwardIsDisabled:n===r-a})}},{key:"onScroll",value:function(e){this.props.scrollable&&this.updateButtonState(),e.preventDefault()}},{key:"getVisibleButtonWidths",value:function(){return[this.prevBtn,this.nextBtn].reduce((function(e,n){return n?e+t.DomHandler.getWidth(n):e}),0)}},{key:"navBackward",value:function(){var e=this.content,n=t.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),r=e.scrollLeft-n;e.scrollLeft=r<=0?0:r}},{key:"navForward",value:function(){var e=this.content,n=t.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),r=e.scrollLeft+n,a=e.scrollWidth-n;e.scrollLeft=r>=a?a:r}},{key:"reset",value:function(){var e={backwardIsDisabled:!0,forwardIsDisabled:!1,hiddenTabs:[]};this.props.onTabChange?this.props.onTabChange({index:this.props.activeIndex}):e=g(g({},e),{},{activeIndex:this.props.activeIndex}),this.setState(e)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:t.UniqueComponentId()}),this.updateInkBar()}},{key:"componentDidUpdate",value:function(e){this.updateInkBar(),e.activeIndex!==this.props.activeIndex&&this.updateScrollBar(this.props.activeIndex)}},{key:"renderTabHeader",value:function(e,r){var i=this,o=this.isSelected(r),l=g(g({},e.props.headerStyle||{}),e.props.style||{}),s=t.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":o,"p-disabled":e.props.disabled},e.props.headerClassName,e.props.className),c=this.state.id+"_header_"+r,u=this.state.id+"_content_"+r,p=e.props.disabled?null:0,d=e.props.leftIcon&&a.default.createElement("i",{className:e.props.leftIcon}),f=a.default.createElement("span",{className:"p-tabview-title"},e.props.header),b=e.props.rightIcon&&a.default.createElement("i",{className:e.props.rightIcon}),h=a.default.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(t){return i.onTabHeaderClick(t,e,r)},id:c,onKeyDown:function(t){return i.onKeyDown(t,e,r)},"aria-controls":u,"aria-selected":o,tabIndex:p},d,f,b,e.props.closable&&a.default.createElement("i",{className:"p-tabview-close pi pi-times",onClick:function(e){return i.onTabHeaderClose(e,r)}}),a.default.createElement(n.Ripple,null));e.props.headerTemplate&&(h=t.ObjectUtils.getJSXElement(e.props.headerTemplate,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(t){return i.onTabHeaderClick(t,e,r)},onKeyDown:function(t){return i.onKeyDown(t,e,r)},leftIconElement:d,titleElement:f,rightIconElement:b,element:h,props:this.props,index:r,selected:o,ariaControls:u}));return a.default.createElement("li",{ref:function(e){return i["tab_".concat(r)]=e},className:s,style:l,role:"presentation"},h)}},{key:"renderTabHeaders",value:function(){var e=this;return a.default.Children.map(this.props.children,(function(t,n){if(e.shouldTabRender(t,n))return e.renderTabHeader(t,n)}))}},{key:"renderNavigator",value:function(){var e=this,t=this.renderTabHeaders();return a.default.createElement("div",{ref:function(t){return e.content=t},id:this.props.id,className:"p-tabview-nav-content",style:this.props.style,onScroll:this.onScroll},a.default.createElement("ul",{ref:function(t){return e.nav=t},className:"p-tabview-nav",role:"tablist"},t,a.default.createElement("li",{ref:function(t){return e.inkbar=t},className:"p-tabview-ink-bar"})))}},{key:"renderContent",value:function(){var e=this,t=a.default.Children.map(this.props.children,(function(t,n){if(e.shouldTabRender(t,n)&&(!e.props.renderActiveOnly||e.isSelected(n)))return e.createContent(t,n)}));return a.default.createElement("div",{className:"p-tabview-panels"},t)}},{key:"createContent",value:function(e,n){var r=this.isSelected(n),i=g(g({},e.props.contentStyle||{}),e.props.style||{}),o=t.classNames(e.props.contentClassName,e.props.className,"p-tabview-panel",{"p-hidden":!r});return a.default.createElement("div",{id:this.state.id+"_content_"+n,"aria-labelledby":this.state.id+"_header_"+n,"aria-hidden":!r,className:o,style:i,role:"tabpanel"},this.props.renderActiveOnly?r&&e.props.children:e.props.children)}},{key:"renderPrevButton",value:function(){var e=this;return this.props.scrollable&&!this.state.backwardIsDisabled?a.default.createElement("button",{ref:function(t){return e.prevBtn=t},className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:this.navBackward,type:"button"},a.default.createElement("span",{className:"pi pi-chevron-left"}),a.default.createElement(n.Ripple,null)):null}},{key:"renderNextButton",value:function(){var e=this;if(this.props.scrollable&&!this.state.forwardIsDisabled)return a.default.createElement("button",{ref:function(t){return e.nextBtn=t},className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:this.navForward,type:"button"},a.default.createElement("span",{className:"pi pi-chevron-right"}),a.default.createElement(n.Ripple,null))}},{key:"render",value:function(){var e=t.classNames("p-tabview p-component",this.props.className,{"p-tabview-scrollable":this.props.scrollable}),n=this.renderNavigator(),r=this.renderContent(),i=this.renderPrevButton(),o=this.renderNextButton();return a.default.createElement("div",{className:e},a.default.createElement("div",{className:"p-tabview-nav-container"},i,n,o),r)}}]),p}();w(O,"defaultProps",{id:null,activeIndex:0,style:null,className:null,renderActiveOnly:!0,onTabChange:null,onTabClose:null,scrollable:!1}),exports.TabPanel=I,exports.TabView=O;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),n=require("primereact/ripple");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e);function i(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 o(e){if(Array.isArray(e))return i(e)}function l(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function c(){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 u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t,n){return t&&p(e.prototype,t),n&&p(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function b(e,t){return b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},b(e,t)}function h(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&b(e,t)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,t){if(t&&("object"===v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(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?k(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function I(e){var t=T();return function(){var n,r=m(e);if(t){var a=m(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return y(this,n)}}function T(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var C=function(t){h(r,e.Component);var n=I(r);function r(){return f(this,r),n.apply(this,arguments)}return d(r)}();w(C,"defaultProps",{header:null,headerTemplate:null,leftIcon:null,rightIcon:null,closable:!1,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,contentStyle:null,contentClassName:null});var O=function(r){h(p,e.Component);var i=I(p);function p(e){var t;f(this,p),t=i.call(this,e);var n={id:e.id,backwardIsDisabled:!0,forwardIsDisabled:!1,hiddenTabs:[]};return t.props.onTabChange||(n=g(g({},n),{},{activeIndex:e.activeIndex})),t.state=n,t.navBackward=t.navBackward.bind(u(t)),t.navForward=t.navForward.bind(u(t)),t.onScroll=t.onScroll.bind(u(t)),t}return d(p,[{key:"getActiveIndex",value:function(){return this.props.onTabChange?this.props.activeIndex:this.state.activeIndex}},{key:"isSelected",value:function(e){return e===this.getActiveIndex()}},{key:"shouldTabRender",value:function(e,t){return e&&e.type===C&&this.state.hiddenTabs.every((function(e){return e!==t}))}},{key:"findVisibleActiveTab",value:function(e){var t=this,n=a.default.Children.map(this.props.children,(function(e,n){if(t.shouldTabRender(e,n))return{tab:e,index:n}}));return n.find((function(t){return!t.tab.props.disabled&&t.index>=e}))||n.reverse().find((function(t){return!t.tab.props.disabled&&e>t.index}))}},{key:"onTabHeaderClose",value:function(e,t){var n,r=this,a=[].concat(o(n=this.state.hiddenTabs)||l(n)||s(n)||c(),[t]);this.setState({hiddenTabs:a},(function(){var n=r.findVisibleActiveTab(t);n&&r.onTabHeaderClick(e,n.tab,n.index)})),this.props.onTabClose&&this.props.onTabClose({originalEvent:e,index:t}),e.preventDefault()}},{key:"onTabHeaderClick",value:function(e,t,n){t.props.disabled||(this.props.onTabChange?this.props.onTabChange({originalEvent:e,index:n}):this.setState({activeIndex:n})),this.updateScrollBar(n),e.preventDefault()}},{key:"onKeyDown",value:function(e,t,n){"Enter"===e.code&&this.onTabHeaderClick(e,t,n)}},{key:"updateInkBar",value:function(){var e=this.getActiveIndex(),n=this["tab_".concat(e)];this.inkbar.style.width=t.DomHandler.getWidth(n)+"px",this.inkbar.style.left=t.DomHandler.getOffset(n).left-t.DomHandler.getOffset(this.nav).left+"px"}},{key:"updateScrollBar",value:function(e){var t=this["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})}},{key:"updateButtonState",value:function(){var e=this.content,n=e.scrollLeft,r=e.scrollWidth,a=t.DomHandler.getWidth(e);this.setState({backwardIsDisabled:0===n}),this.setState({forwardIsDisabled:n===r-a})}},{key:"onScroll",value:function(e){this.props.scrollable&&this.updateButtonState(),e.preventDefault()}},{key:"getVisibleButtonWidths",value:function(){return[this.prevBtn,this.nextBtn].reduce((function(e,n){return n?e+t.DomHandler.getWidth(n):e}),0)}},{key:"navBackward",value:function(){var e=this.content,n=t.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),r=e.scrollLeft-n;e.scrollLeft=r<=0?0:r}},{key:"navForward",value:function(){var e=this.content,n=t.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),r=e.scrollLeft+n,a=e.scrollWidth-n;e.scrollLeft=r>=a?a:r}},{key:"reset",value:function(){var e={backwardIsDisabled:!0,forwardIsDisabled:!1,hiddenTabs:[]};this.props.onTabChange?this.props.onTabChange({index:this.props.activeIndex}):e=g(g({},e),{},{activeIndex:this.props.activeIndex}),this.setState(e)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:t.UniqueComponentId()}),this.updateInkBar()}},{key:"componentDidUpdate",value:function(e){this.updateInkBar(),e.activeIndex!==this.props.activeIndex&&this.updateScrollBar(this.props.activeIndex)}},{key:"renderTabHeader",value:function(e,r){var i=this,o=this.isSelected(r),l=g(g({},e.props.headerStyle||{}),e.props.style||{}),s=t.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":o,"p-disabled":e.props.disabled},e.props.headerClassName,e.props.className),c=this.state.id+"_header_"+r,u=this.state.id+"_content_"+r,p=e.props.disabled?null:0,d=e.props.leftIcon&&a.default.createElement("i",{className:e.props.leftIcon}),f=a.default.createElement("span",{className:"p-tabview-title"},e.props.header),b=e.props.rightIcon&&a.default.createElement("i",{className:e.props.rightIcon}),h=a.default.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(t){return i.onTabHeaderClick(t,e,r)},id:c,onKeyDown:function(t){return i.onKeyDown(t,e,r)},"aria-controls":u,"aria-selected":o,tabIndex:p},d,f,b,e.props.closable&&a.default.createElement("i",{className:"p-tabview-close pi pi-times",onClick:function(e){return i.onTabHeaderClose(e,r)}}),a.default.createElement(n.Ripple,null));e.props.headerTemplate&&(h=t.ObjectUtils.getJSXElement(e.props.headerTemplate,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(t){return i.onTabHeaderClick(t,e,r)},onKeyDown:function(t){return i.onKeyDown(t,e,r)},leftIconElement:d,titleElement:f,rightIconElement:b,element:h,props:this.props,index:r,selected:o,ariaControls:u}));return a.default.createElement("li",{ref:function(e){return i["tab_".concat(r)]=e},className:s,style:l,role:"presentation"},h)}},{key:"renderTabHeaders",value:function(){var e=this;return a.default.Children.map(this.props.children,(function(t,n){if(e.shouldTabRender(t,n))return e.renderTabHeader(t,n)}))}},{key:"renderNavigator",value:function(){var e=this,t=this.renderTabHeaders();return a.default.createElement("div",{ref:function(t){return e.content=t},id:this.props.id,className:"p-tabview-nav-content",style:this.props.style,onScroll:this.onScroll},a.default.createElement("ul",{ref:function(t){return e.nav=t},className:"p-tabview-nav",role:"tablist"},t,a.default.createElement("li",{ref:function(t){return e.inkbar=t},className:"p-tabview-ink-bar"})))}},{key:"renderContent",value:function(){var e=this,t=a.default.Children.map(this.props.children,(function(t,n){if(e.shouldTabRender(t,n)&&(!e.props.renderActiveOnly||e.isSelected(n)))return e.createContent(t,n)}));return a.default.createElement("div",{className:"p-tabview-panels"},t)}},{key:"createContent",value:function(e,n){var r=this.isSelected(n),i=g(g({},e.props.contentStyle||{}),e.props.style||{}),o=t.classNames(e.props.contentClassName,e.props.className,"p-tabview-panel",{"p-hidden":!r});return a.default.createElement("div",{id:this.state.id+"_content_"+n,"aria-labelledby":this.state.id+"_header_"+n,"aria-hidden":!r,className:o,style:i,role:"tabpanel"},this.props.renderActiveOnly?r&&e.props.children:e.props.children)}},{key:"renderPrevButton",value:function(){var e=this;return this.props.scrollable&&!this.state.backwardIsDisabled?a.default.createElement("button",{ref:function(t){return e.prevBtn=t},className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:this.navBackward,type:"button"},a.default.createElement("span",{className:"pi pi-chevron-left"}),a.default.createElement(n.Ripple,null)):null}},{key:"renderNextButton",value:function(){var e=this;if(this.props.scrollable&&!this.state.forwardIsDisabled)return a.default.createElement("button",{ref:function(t){return e.nextBtn=t},className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:this.navForward,type:"button"},a.default.createElement("span",{className:"pi pi-chevron-right"}),a.default.createElement(n.Ripple,null))}},{key:"render",value:function(){var e=t.classNames("p-tabview p-component",this.props.className,{"p-tabview-scrollable":this.props.scrollable}),n=this.renderNavigator(),r=this.renderContent(),i=this.renderPrevButton(),o=this.renderNextButton();return a.default.createElement("div",{className:e},a.default.createElement("div",{className:"p-tabview-nav-container"},i,n,o),r)}}]),p}();w(O,"defaultProps",{id:null,activeIndex:0,style:null,className:null,renderActiveOnly:!0,onTabChange:null,onTabClose:null,scrollable:!1}),exports.TabPanel=C,exports.TabView=O;

package/tabview/tabview.esm.js

@@ -308,7 +308,7 @@ var TabView = /*#__PURE__*/function (_Component2) {
     value: function updateScrollBar(index) {
       var tabHeader = this["tab_".concat(index)];
 
-      if (tabHeader) {
+      if (tabHeader && tabHeader.scrollIntoView) {
         tabHeader.scrollIntoView({
           block: 'nearest'
         });

package/tabview/tabview.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{DomHandler as n,UniqueComponentId as r,classNames as a,ObjectUtils as i}from"primereact/utils";import{Ripple as o}from"primereact/ripple";function l(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 l(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,t){if(e){if("string"==typeof e)return l(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)?l(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(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function b(e,t,n){return t&&f(e.prototype,t),n&&f(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function v(e,t){return v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},v(e,t)}function y(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&v(e,t)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function w(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return d(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function O(e){var t=S();return function(){var n,r=k(e);if(t){var a=k(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return w(this,n)}}function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var C=function(e){y(r,t);var n=O(r);function r(){return h(this,r),n.apply(this,arguments)}return b(r)}();g(C,"defaultProps",{header:null,headerTemplate:null,leftIcon:null,rightIcon:null,closable:!1,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,contentStyle:null,contentClassName:null});var x=function(l){y(v,t);var f=O(v);function v(e){var t;h(this,v),t=f.call(this,e);var n={id:e.id,backwardIsDisabled:!0,forwardIsDisabled:!1,hiddenTabs:[]};return t.props.onTabChange||(n=T(T({},n),{},{activeIndex:e.activeIndex})),t.state=n,t.navBackward=t.navBackward.bind(d(t)),t.navForward=t.navForward.bind(d(t)),t.onScroll=t.onScroll.bind(d(t)),t}return b(v,[{key:"getActiveIndex",value:function(){return this.props.onTabChange?this.props.activeIndex:this.state.activeIndex}},{key:"isSelected",value:function(e){return e===this.getActiveIndex()}},{key:"shouldTabRender",value:function(e,t){return e&&e.type===C&&this.state.hiddenTabs.every((function(e){return e!==t}))}},{key:"findVisibleActiveTab",value:function(t){var n=this,r=e.Children.map(this.props.children,(function(e,t){if(n.shouldTabRender(e,t))return{tab:e,index:t}}));return r.find((function(e){return!e.tab.props.disabled&&e.index>=t}))||r.reverse().find((function(e){return!e.tab.props.disabled&&t>e.index}))}},{key:"onTabHeaderClose",value:function(e,t){var n,r=this,a=[].concat(s(n=this.state.hiddenTabs)||c(n)||u(n)||p(),[t]);this.setState({hiddenTabs:a},(function(){var n=r.findVisibleActiveTab(t);n&&r.onTabHeaderClick(e,n.tab,n.index)})),this.props.onTabClose&&this.props.onTabClose({originalEvent:e,index:t}),e.preventDefault()}},{key:"onTabHeaderClick",value:function(e,t,n){t.props.disabled||(this.props.onTabChange?this.props.onTabChange({originalEvent:e,index:n}):this.setState({activeIndex:n})),this.updateScrollBar(n),e.preventDefault()}},{key:"onKeyDown",value:function(e,t,n){"Enter"===e.code&&this.onTabHeaderClick(e,t,n)}},{key:"updateInkBar",value:function(){var e=this.getActiveIndex(),t=this["tab_".concat(e)];this.inkbar.style.width=n.getWidth(t)+"px",this.inkbar.style.left=n.getOffset(t).left-n.getOffset(this.nav).left+"px"}},{key:"updateScrollBar",value:function(e){var t=this["tab_".concat(e)];t&&t.scrollIntoView({block:"nearest"})}},{key:"updateButtonState",value:function(){var e=this.content,t=e.scrollLeft,r=e.scrollWidth,a=n.getWidth(e);this.setState({backwardIsDisabled:0===t}),this.setState({forwardIsDisabled:t===r-a})}},{key:"onScroll",value:function(e){this.props.scrollable&&this.updateButtonState(),e.preventDefault()}},{key:"getVisibleButtonWidths",value:function(){return[this.prevBtn,this.nextBtn].reduce((function(e,t){return t?e+n.getWidth(t):e}),0)}},{key:"navBackward",value:function(){var e=this.content,t=n.getWidth(e)-this.getVisibleButtonWidths(),r=e.scrollLeft-t;e.scrollLeft=r<=0?0:r}},{key:"navForward",value:function(){var e=this.content,t=n.getWidth(e)-this.getVisibleButtonWidths(),r=e.scrollLeft+t,a=e.scrollWidth-t;e.scrollLeft=r>=a?a:r}},{key:"reset",value:function(){var e={backwardIsDisabled:!0,forwardIsDisabled:!1,hiddenTabs:[]};this.props.onTabChange?this.props.onTabChange({index:this.props.activeIndex}):e=T(T({},e),{},{activeIndex:this.props.activeIndex}),this.setState(e)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:r()}),this.updateInkBar()}},{key:"componentDidUpdate",value:function(e){this.updateInkBar(),e.activeIndex!==this.props.activeIndex&&this.updateScrollBar(this.props.activeIndex)}},{key:"renderTabHeader",value:function(t,n){var r=this,l=this.isSelected(n),s=T(T({},t.props.headerStyle||{}),t.props.style||{}),c=a("p-unselectable-text",{"p-tabview-selected p-highlight":l,"p-disabled":t.props.disabled},t.props.headerClassName,t.props.className),u=this.state.id+"_header_"+n,p=this.state.id+"_content_"+n,d=t.props.disabled?null:0,f=t.props.leftIcon&&e.createElement("i",{className:t.props.leftIcon}),b=e.createElement("span",{className:"p-tabview-title"},t.props.header),h=t.props.rightIcon&&e.createElement("i",{className:t.props.rightIcon}),v=e.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(e){return r.onTabHeaderClick(e,t,n)},id:u,onKeyDown:function(e){return r.onKeyDown(e,t,n)},"aria-controls":p,"aria-selected":l,tabIndex:d},f,b,h,t.props.closable&&e.createElement("i",{className:"p-tabview-close pi pi-times",onClick:function(e){return r.onTabHeaderClose(e,n)}}),e.createElement(o,null));t.props.headerTemplate&&(v=i.getJSXElement(t.props.headerTemplate,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return r.onTabHeaderClick(e,t,n)},onKeyDown:function(e){return r.onKeyDown(e,t,n)},leftIconElement:f,titleElement:b,rightIconElement:h,element:v,props:this.props,index:n,selected:l,ariaControls:p}));return e.createElement("li",{ref:function(e){return r["tab_".concat(n)]=e},className:c,style:s,role:"presentation"},v)}},{key:"renderTabHeaders",value:function(){var t=this;return e.Children.map(this.props.children,(function(e,n){if(t.shouldTabRender(e,n))return t.renderTabHeader(e,n)}))}},{key:"renderNavigator",value:function(){var t=this,n=this.renderTabHeaders();return e.createElement("div",{ref:function(e){return t.content=e},id:this.props.id,className:"p-tabview-nav-content",style:this.props.style,onScroll:this.onScroll},e.createElement("ul",{ref:function(e){return t.nav=e},className:"p-tabview-nav",role:"tablist"},n,e.createElement("li",{ref:function(e){return t.inkbar=e},className:"p-tabview-ink-bar"})))}},{key:"renderContent",value:function(){var t=this,n=e.Children.map(this.props.children,(function(e,n){if(t.shouldTabRender(e,n)&&(!t.props.renderActiveOnly||t.isSelected(n)))return t.createContent(e,n)}));return e.createElement("div",{className:"p-tabview-panels"},n)}},{key:"createContent",value:function(t,n){var r=this.isSelected(n),i=T(T({},t.props.contentStyle||{}),t.props.style||{}),o=a(t.props.contentClassName,t.props.className,"p-tabview-panel",{"p-hidden":!r});return e.createElement("div",{id:this.state.id+"_content_"+n,"aria-labelledby":this.state.id+"_header_"+n,"aria-hidden":!r,className:o,style:i,role:"tabpanel"},this.props.renderActiveOnly?r&&t.props.children:t.props.children)}},{key:"renderPrevButton",value:function(){var t=this;return this.props.scrollable&&!this.state.backwardIsDisabled?e.createElement("button",{ref:function(e){return t.prevBtn=e},className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:this.navBackward,type:"button"},e.createElement("span",{className:"pi pi-chevron-left"}),e.createElement(o,null)):null}},{key:"renderNextButton",value:function(){var t=this;if(this.props.scrollable&&!this.state.forwardIsDisabled)return e.createElement("button",{ref:function(e){return t.nextBtn=e},className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:this.navForward,type:"button"},e.createElement("span",{className:"pi pi-chevron-right"}),e.createElement(o,null))}},{key:"render",value:function(){var t=a("p-tabview p-component",this.props.className,{"p-tabview-scrollable":this.props.scrollable}),n=this.renderNavigator(),r=this.renderContent(),i=this.renderPrevButton(),o=this.renderNextButton();return e.createElement("div",{className:t},e.createElement("div",{className:"p-tabview-nav-container"},i,n,o),r)}}]),v}();g(x,"defaultProps",{id:null,activeIndex:0,style:null,className:null,renderActiveOnly:!0,onTabChange:null,onTabClose:null,scrollable:!1});export{C as TabPanel,x as TabView};
+import e,{Component as t}from"react";import{DomHandler as n,UniqueComponentId as r,classNames as a,ObjectUtils as i}from"primereact/utils";import{Ripple as o}from"primereact/ripple";function l(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 l(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,t){if(e){if("string"==typeof e)return l(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)?l(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(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function b(e,t,n){return t&&f(e.prototype,t),n&&f(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function v(e,t){return v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},v(e,t)}function y(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&v(e,t)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function w(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return d(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function O(e){var t=S();return function(){var n,r=k(e);if(t){var a=k(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return w(this,n)}}function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var C=function(e){y(r,t);var n=O(r);function r(){return h(this,r),n.apply(this,arguments)}return b(r)}();g(C,"defaultProps",{header:null,headerTemplate:null,leftIcon:null,rightIcon:null,closable:!1,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,contentStyle:null,contentClassName:null});var x=function(l){y(v,t);var f=O(v);function v(e){var t;h(this,v),t=f.call(this,e);var n={id:e.id,backwardIsDisabled:!0,forwardIsDisabled:!1,hiddenTabs:[]};return t.props.onTabChange||(n=T(T({},n),{},{activeIndex:e.activeIndex})),t.state=n,t.navBackward=t.navBackward.bind(d(t)),t.navForward=t.navForward.bind(d(t)),t.onScroll=t.onScroll.bind(d(t)),t}return b(v,[{key:"getActiveIndex",value:function(){return this.props.onTabChange?this.props.activeIndex:this.state.activeIndex}},{key:"isSelected",value:function(e){return e===this.getActiveIndex()}},{key:"shouldTabRender",value:function(e,t){return e&&e.type===C&&this.state.hiddenTabs.every((function(e){return e!==t}))}},{key:"findVisibleActiveTab",value:function(t){var n=this,r=e.Children.map(this.props.children,(function(e,t){if(n.shouldTabRender(e,t))return{tab:e,index:t}}));return r.find((function(e){return!e.tab.props.disabled&&e.index>=t}))||r.reverse().find((function(e){return!e.tab.props.disabled&&t>e.index}))}},{key:"onTabHeaderClose",value:function(e,t){var n,r=this,a=[].concat(s(n=this.state.hiddenTabs)||c(n)||u(n)||p(),[t]);this.setState({hiddenTabs:a},(function(){var n=r.findVisibleActiveTab(t);n&&r.onTabHeaderClick(e,n.tab,n.index)})),this.props.onTabClose&&this.props.onTabClose({originalEvent:e,index:t}),e.preventDefault()}},{key:"onTabHeaderClick",value:function(e,t,n){t.props.disabled||(this.props.onTabChange?this.props.onTabChange({originalEvent:e,index:n}):this.setState({activeIndex:n})),this.updateScrollBar(n),e.preventDefault()}},{key:"onKeyDown",value:function(e,t,n){"Enter"===e.code&&this.onTabHeaderClick(e,t,n)}},{key:"updateInkBar",value:function(){var e=this.getActiveIndex(),t=this["tab_".concat(e)];this.inkbar.style.width=n.getWidth(t)+"px",this.inkbar.style.left=n.getOffset(t).left-n.getOffset(this.nav).left+"px"}},{key:"updateScrollBar",value:function(e){var t=this["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})}},{key:"updateButtonState",value:function(){var e=this.content,t=e.scrollLeft,r=e.scrollWidth,a=n.getWidth(e);this.setState({backwardIsDisabled:0===t}),this.setState({forwardIsDisabled:t===r-a})}},{key:"onScroll",value:function(e){this.props.scrollable&&this.updateButtonState(),e.preventDefault()}},{key:"getVisibleButtonWidths",value:function(){return[this.prevBtn,this.nextBtn].reduce((function(e,t){return t?e+n.getWidth(t):e}),0)}},{key:"navBackward",value:function(){var e=this.content,t=n.getWidth(e)-this.getVisibleButtonWidths(),r=e.scrollLeft-t;e.scrollLeft=r<=0?0:r}},{key:"navForward",value:function(){var e=this.content,t=n.getWidth(e)-this.getVisibleButtonWidths(),r=e.scrollLeft+t,a=e.scrollWidth-t;e.scrollLeft=r>=a?a:r}},{key:"reset",value:function(){var e={backwardIsDisabled:!0,forwardIsDisabled:!1,hiddenTabs:[]};this.props.onTabChange?this.props.onTabChange({index:this.props.activeIndex}):e=T(T({},e),{},{activeIndex:this.props.activeIndex}),this.setState(e)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:r()}),this.updateInkBar()}},{key:"componentDidUpdate",value:function(e){this.updateInkBar(),e.activeIndex!==this.props.activeIndex&&this.updateScrollBar(this.props.activeIndex)}},{key:"renderTabHeader",value:function(t,n){var r=this,l=this.isSelected(n),s=T(T({},t.props.headerStyle||{}),t.props.style||{}),c=a("p-unselectable-text",{"p-tabview-selected p-highlight":l,"p-disabled":t.props.disabled},t.props.headerClassName,t.props.className),u=this.state.id+"_header_"+n,p=this.state.id+"_content_"+n,d=t.props.disabled?null:0,f=t.props.leftIcon&&e.createElement("i",{className:t.props.leftIcon}),b=e.createElement("span",{className:"p-tabview-title"},t.props.header),h=t.props.rightIcon&&e.createElement("i",{className:t.props.rightIcon}),v=e.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(e){return r.onTabHeaderClick(e,t,n)},id:u,onKeyDown:function(e){return r.onKeyDown(e,t,n)},"aria-controls":p,"aria-selected":l,tabIndex:d},f,b,h,t.props.closable&&e.createElement("i",{className:"p-tabview-close pi pi-times",onClick:function(e){return r.onTabHeaderClose(e,n)}}),e.createElement(o,null));t.props.headerTemplate&&(v=i.getJSXElement(t.props.headerTemplate,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return r.onTabHeaderClick(e,t,n)},onKeyDown:function(e){return r.onKeyDown(e,t,n)},leftIconElement:f,titleElement:b,rightIconElement:h,element:v,props:this.props,index:n,selected:l,ariaControls:p}));return e.createElement("li",{ref:function(e){return r["tab_".concat(n)]=e},className:c,style:s,role:"presentation"},v)}},{key:"renderTabHeaders",value:function(){var t=this;return e.Children.map(this.props.children,(function(e,n){if(t.shouldTabRender(e,n))return t.renderTabHeader(e,n)}))}},{key:"renderNavigator",value:function(){var t=this,n=this.renderTabHeaders();return e.createElement("div",{ref:function(e){return t.content=e},id:this.props.id,className:"p-tabview-nav-content",style:this.props.style,onScroll:this.onScroll},e.createElement("ul",{ref:function(e){return t.nav=e},className:"p-tabview-nav",role:"tablist"},n,e.createElement("li",{ref:function(e){return t.inkbar=e},className:"p-tabview-ink-bar"})))}},{key:"renderContent",value:function(){var t=this,n=e.Children.map(this.props.children,(function(e,n){if(t.shouldTabRender(e,n)&&(!t.props.renderActiveOnly||t.isSelected(n)))return t.createContent(e,n)}));return e.createElement("div",{className:"p-tabview-panels"},n)}},{key:"createContent",value:function(t,n){var r=this.isSelected(n),i=T(T({},t.props.contentStyle||{}),t.props.style||{}),o=a(t.props.contentClassName,t.props.className,"p-tabview-panel",{"p-hidden":!r});return e.createElement("div",{id:this.state.id+"_content_"+n,"aria-labelledby":this.state.id+"_header_"+n,"aria-hidden":!r,className:o,style:i,role:"tabpanel"},this.props.renderActiveOnly?r&&t.props.children:t.props.children)}},{key:"renderPrevButton",value:function(){var t=this;return this.props.scrollable&&!this.state.backwardIsDisabled?e.createElement("button",{ref:function(e){return t.prevBtn=e},className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:this.navBackward,type:"button"},e.createElement("span",{className:"pi pi-chevron-left"}),e.createElement(o,null)):null}},{key:"renderNextButton",value:function(){var t=this;if(this.props.scrollable&&!this.state.forwardIsDisabled)return e.createElement("button",{ref:function(e){return t.nextBtn=e},className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:this.navForward,type:"button"},e.createElement("span",{className:"pi pi-chevron-right"}),e.createElement(o,null))}},{key:"render",value:function(){var t=a("p-tabview p-component",this.props.className,{"p-tabview-scrollable":this.props.scrollable}),n=this.renderNavigator(),r=this.renderContent(),i=this.renderPrevButton(),o=this.renderNextButton();return e.createElement("div",{className:t},e.createElement("div",{className:"p-tabview-nav-container"},i,n,o),r)}}]),v}();g(x,"defaultProps",{id:null,activeIndex:0,style:null,className:null,renderActiveOnly:!0,onTabChange:null,onTabClose:null,scrollable:!1});export{C as TabPanel,x as TabView};

package/tabview/tabview.js

@@ -312,7 +312,7 @@ this.primereact.tabview = (function (exports, React, utils, ripple) {
       value: function updateScrollBar(index) {
         var tabHeader = this["tab_".concat(index)];
 
-        if (tabHeader) {
+        if (tabHeader && tabHeader.scrollIntoView) {
           tabHeader.scrollIntoView({
             block: 'nearest'
           });

package/tabview/tabview.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t);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 l(e){if(Array.isArray(e))return o(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}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 u(){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 p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function f(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function b(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function h(e,t){return h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},h(e,t)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function m(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function w(e){return w=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},w(e)}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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 T(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){k(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}function C(e){var t=I();return function(){var n,r=w(e);if(t){var a=w(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return m(this,n)}}function I(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var O=function(e){v(n,e);var t=C(n);function n(){return b(this,n),t.apply(this,arguments)}return f(n)}(t.Component);k(O,"defaultProps",{header:null,headerTemplate:null,leftIcon:null,rightIcon:null,closable:!1,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,contentStyle:null,contentClassName:null});var S=function(e){v(a,e);var t=C(a);function a(e){var n;b(this,a),n=t.call(this,e);var r={id:e.id,backwardIsDisabled:!0,forwardIsDisabled:!1,hiddenTabs:[]};return n.props.onTabChange||(r=T(T({},r),{},{activeIndex:e.activeIndex})),n.state=r,n.navBackward=n.navBackward.bind(p(n)),n.navForward=n.navForward.bind(p(n)),n.onScroll=n.onScroll.bind(p(n)),n}return f(a,[{key:"getActiveIndex",value:function(){return this.props.onTabChange?this.props.activeIndex:this.state.activeIndex}},{key:"isSelected",value:function(e){return e===this.getActiveIndex()}},{key:"shouldTabRender",value:function(e,t){return e&&e.type===O&&this.state.hiddenTabs.every((function(e){return e!==t}))}},{key:"findVisibleActiveTab",value:function(e){var t=this,n=i.default.Children.map(this.props.children,(function(e,n){if(t.shouldTabRender(e,n))return{tab:e,index:n}}));return n.find((function(t){return!t.tab.props.disabled&&t.index>=e}))||n.reverse().find((function(t){return!t.tab.props.disabled&&e>t.index}))}},{key:"onTabHeaderClose",value:function(e,t){var n,r=this,a=[].concat(l(n=this.state.hiddenTabs)||s(n)||c(n)||u(),[t]);this.setState({hiddenTabs:a},(function(){var n=r.findVisibleActiveTab(t);n&&r.onTabHeaderClick(e,n.tab,n.index)})),this.props.onTabClose&&this.props.onTabClose({originalEvent:e,index:t}),e.preventDefault()}},{key:"onTabHeaderClick",value:function(e,t,n){t.props.disabled||(this.props.onTabChange?this.props.onTabChange({originalEvent:e,index:n}):this.setState({activeIndex:n})),this.updateScrollBar(n),e.preventDefault()}},{key:"onKeyDown",value:function(e,t,n){"Enter"===e.code&&this.onTabHeaderClick(e,t,n)}},{key:"updateInkBar",value:function(){var e=this.getActiveIndex(),t=this["tab_".concat(e)];this.inkbar.style.width=n.DomHandler.getWidth(t)+"px",this.inkbar.style.left=n.DomHandler.getOffset(t).left-n.DomHandler.getOffset(this.nav).left+"px"}},{key:"updateScrollBar",value:function(e){var t=this["tab_".concat(e)];t&&t.scrollIntoView({block:"nearest"})}},{key:"updateButtonState",value:function(){var e=this.content,t=e.scrollLeft,r=e.scrollWidth,a=n.DomHandler.getWidth(e);this.setState({backwardIsDisabled:0===t}),this.setState({forwardIsDisabled:t===r-a})}},{key:"onScroll",value:function(e){this.props.scrollable&&this.updateButtonState(),e.preventDefault()}},{key:"getVisibleButtonWidths",value:function(){return[this.prevBtn,this.nextBtn].reduce((function(e,t){return t?e+n.DomHandler.getWidth(t):e}),0)}},{key:"navBackward",value:function(){var e=this.content,t=n.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),r=e.scrollLeft-t;e.scrollLeft=r<=0?0:r}},{key:"navForward",value:function(){var e=this.content,t=n.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),r=e.scrollLeft+t,a=e.scrollWidth-t;e.scrollLeft=r>=a?a:r}},{key:"reset",value:function(){var e={backwardIsDisabled:!0,forwardIsDisabled:!1,hiddenTabs:[]};this.props.onTabChange?this.props.onTabChange({index:this.props.activeIndex}):e=T(T({},e),{},{activeIndex:this.props.activeIndex}),this.setState(e)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n.UniqueComponentId()}),this.updateInkBar()}},{key:"componentDidUpdate",value:function(e){this.updateInkBar(),e.activeIndex!==this.props.activeIndex&&this.updateScrollBar(this.props.activeIndex)}},{key:"renderTabHeader",value:function(e,t){var a=this,o=this.isSelected(t),l=T(T({},e.props.headerStyle||{}),e.props.style||{}),s=n.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":o,"p-disabled":e.props.disabled},e.props.headerClassName,e.props.className),c=this.state.id+"_header_"+t,u=this.state.id+"_content_"+t,p=e.props.disabled?null:0,d=e.props.leftIcon&&i.default.createElement("i",{className:e.props.leftIcon}),f=i.default.createElement("span",{className:"p-tabview-title"},e.props.header),b=e.props.rightIcon&&i.default.createElement("i",{className:e.props.rightIcon}),h=i.default.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(n){return a.onTabHeaderClick(n,e,t)},id:c,onKeyDown:function(n){return a.onKeyDown(n,e,t)},"aria-controls":u,"aria-selected":o,tabIndex:p},d,f,b,e.props.closable&&i.default.createElement("i",{className:"p-tabview-close pi pi-times",onClick:function(e){return a.onTabHeaderClose(e,t)}}),i.default.createElement(r.Ripple,null));e.props.headerTemplate&&(h=n.ObjectUtils.getJSXElement(e.props.headerTemplate,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return a.onTabHeaderClick(n,e,t)},onKeyDown:function(n){return a.onKeyDown(n,e,t)},leftIconElement:d,titleElement:f,rightIconElement:b,element:h,props:this.props,index:t,selected:o,ariaControls:u}));return i.default.createElement("li",{ref:function(e){return a["tab_".concat(t)]=e},className:s,style:l,role:"presentation"},h)}},{key:"renderTabHeaders",value:function(){var e=this;return i.default.Children.map(this.props.children,(function(t,n){if(e.shouldTabRender(t,n))return e.renderTabHeader(t,n)}))}},{key:"renderNavigator",value:function(){var e=this,t=this.renderTabHeaders();return i.default.createElement("div",{ref:function(t){return e.content=t},id:this.props.id,className:"p-tabview-nav-content",style:this.props.style,onScroll:this.onScroll},i.default.createElement("ul",{ref:function(t){return e.nav=t},className:"p-tabview-nav",role:"tablist"},t,i.default.createElement("li",{ref:function(t){return e.inkbar=t},className:"p-tabview-ink-bar"})))}},{key:"renderContent",value:function(){var e=this,t=i.default.Children.map(this.props.children,(function(t,n){if(e.shouldTabRender(t,n)&&(!e.props.renderActiveOnly||e.isSelected(n)))return e.createContent(t,n)}));return i.default.createElement("div",{className:"p-tabview-panels"},t)}},{key:"createContent",value:function(e,t){var r=this.isSelected(t),a=T(T({},e.props.contentStyle||{}),e.props.style||{}),o=n.classNames(e.props.contentClassName,e.props.className,"p-tabview-panel",{"p-hidden":!r});return i.default.createElement("div",{id:this.state.id+"_content_"+t,"aria-labelledby":this.state.id+"_header_"+t,"aria-hidden":!r,className:o,style:a,role:"tabpanel"},this.props.renderActiveOnly?r&&e.props.children:e.props.children)}},{key:"renderPrevButton",value:function(){var e=this;return this.props.scrollable&&!this.state.backwardIsDisabled?i.default.createElement("button",{ref:function(t){return e.prevBtn=t},className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:this.navBackward,type:"button"},i.default.createElement("span",{className:"pi pi-chevron-left"}),i.default.createElement(r.Ripple,null)):null}},{key:"renderNextButton",value:function(){var e=this;if(this.props.scrollable&&!this.state.forwardIsDisabled)return i.default.createElement("button",{ref:function(t){return e.nextBtn=t},className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:this.navForward,type:"button"},i.default.createElement("span",{className:"pi pi-chevron-right"}),i.default.createElement(r.Ripple,null))}},{key:"render",value:function(){var e=n.classNames("p-tabview p-component",this.props.className,{"p-tabview-scrollable":this.props.scrollable}),t=this.renderNavigator(),r=this.renderContent(),a=this.renderPrevButton(),o=this.renderNextButton();return i.default.createElement("div",{className:e},i.default.createElement("div",{className:"p-tabview-nav-container"},a,t,o),r)}}]),a}(t.Component);return k(S,"defaultProps",{id:null,activeIndex:0,style:null,className:null,renderActiveOnly:!0,onTabChange:null,onTabClose:null,scrollable:!1}),e.TabPanel=O,e.TabView=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t);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 l(e){if(Array.isArray(e))return o(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}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 u(){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 p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function f(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function b(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function h(e,t){return h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},h(e,t)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function m(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function w(e){return w=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},w(e)}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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 I(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){k(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}function T(e){var t=C();return function(){var n,r=w(e);if(t){var a=w(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return m(this,n)}}function C(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var O=function(e){v(n,e);var t=T(n);function n(){return b(this,n),t.apply(this,arguments)}return f(n)}(t.Component);k(O,"defaultProps",{header:null,headerTemplate:null,leftIcon:null,rightIcon:null,closable:!1,disabled:!1,style:null,className:null,headerStyle:null,headerClassName:null,contentStyle:null,contentClassName:null});var S=function(e){v(a,e);var t=T(a);function a(e){var n;b(this,a),n=t.call(this,e);var r={id:e.id,backwardIsDisabled:!0,forwardIsDisabled:!1,hiddenTabs:[]};return n.props.onTabChange||(r=I(I({},r),{},{activeIndex:e.activeIndex})),n.state=r,n.navBackward=n.navBackward.bind(p(n)),n.navForward=n.navForward.bind(p(n)),n.onScroll=n.onScroll.bind(p(n)),n}return f(a,[{key:"getActiveIndex",value:function(){return this.props.onTabChange?this.props.activeIndex:this.state.activeIndex}},{key:"isSelected",value:function(e){return e===this.getActiveIndex()}},{key:"shouldTabRender",value:function(e,t){return e&&e.type===O&&this.state.hiddenTabs.every((function(e){return e!==t}))}},{key:"findVisibleActiveTab",value:function(e){var t=this,n=i.default.Children.map(this.props.children,(function(e,n){if(t.shouldTabRender(e,n))return{tab:e,index:n}}));return n.find((function(t){return!t.tab.props.disabled&&t.index>=e}))||n.reverse().find((function(t){return!t.tab.props.disabled&&e>t.index}))}},{key:"onTabHeaderClose",value:function(e,t){var n,r=this,a=[].concat(l(n=this.state.hiddenTabs)||s(n)||c(n)||u(),[t]);this.setState({hiddenTabs:a},(function(){var n=r.findVisibleActiveTab(t);n&&r.onTabHeaderClick(e,n.tab,n.index)})),this.props.onTabClose&&this.props.onTabClose({originalEvent:e,index:t}),e.preventDefault()}},{key:"onTabHeaderClick",value:function(e,t,n){t.props.disabled||(this.props.onTabChange?this.props.onTabChange({originalEvent:e,index:n}):this.setState({activeIndex:n})),this.updateScrollBar(n),e.preventDefault()}},{key:"onKeyDown",value:function(e,t,n){"Enter"===e.code&&this.onTabHeaderClick(e,t,n)}},{key:"updateInkBar",value:function(){var e=this.getActiveIndex(),t=this["tab_".concat(e)];this.inkbar.style.width=n.DomHandler.getWidth(t)+"px",this.inkbar.style.left=n.DomHandler.getOffset(t).left-n.DomHandler.getOffset(this.nav).left+"px"}},{key:"updateScrollBar",value:function(e){var t=this["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})}},{key:"updateButtonState",value:function(){var e=this.content,t=e.scrollLeft,r=e.scrollWidth,a=n.DomHandler.getWidth(e);this.setState({backwardIsDisabled:0===t}),this.setState({forwardIsDisabled:t===r-a})}},{key:"onScroll",value:function(e){this.props.scrollable&&this.updateButtonState(),e.preventDefault()}},{key:"getVisibleButtonWidths",value:function(){return[this.prevBtn,this.nextBtn].reduce((function(e,t){return t?e+n.DomHandler.getWidth(t):e}),0)}},{key:"navBackward",value:function(){var e=this.content,t=n.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),r=e.scrollLeft-t;e.scrollLeft=r<=0?0:r}},{key:"navForward",value:function(){var e=this.content,t=n.DomHandler.getWidth(e)-this.getVisibleButtonWidths(),r=e.scrollLeft+t,a=e.scrollWidth-t;e.scrollLeft=r>=a?a:r}},{key:"reset",value:function(){var e={backwardIsDisabled:!0,forwardIsDisabled:!1,hiddenTabs:[]};this.props.onTabChange?this.props.onTabChange({index:this.props.activeIndex}):e=I(I({},e),{},{activeIndex:this.props.activeIndex}),this.setState(e)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n.UniqueComponentId()}),this.updateInkBar()}},{key:"componentDidUpdate",value:function(e){this.updateInkBar(),e.activeIndex!==this.props.activeIndex&&this.updateScrollBar(this.props.activeIndex)}},{key:"renderTabHeader",value:function(e,t){var a=this,o=this.isSelected(t),l=I(I({},e.props.headerStyle||{}),e.props.style||{}),s=n.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":o,"p-disabled":e.props.disabled},e.props.headerClassName,e.props.className),c=this.state.id+"_header_"+t,u=this.state.id+"_content_"+t,p=e.props.disabled?null:0,d=e.props.leftIcon&&i.default.createElement("i",{className:e.props.leftIcon}),f=i.default.createElement("span",{className:"p-tabview-title"},e.props.header),b=e.props.rightIcon&&i.default.createElement("i",{className:e.props.rightIcon}),h=i.default.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(n){return a.onTabHeaderClick(n,e,t)},id:c,onKeyDown:function(n){return a.onKeyDown(n,e,t)},"aria-controls":u,"aria-selected":o,tabIndex:p},d,f,b,e.props.closable&&i.default.createElement("i",{className:"p-tabview-close pi pi-times",onClick:function(e){return a.onTabHeaderClose(e,t)}}),i.default.createElement(r.Ripple,null));e.props.headerTemplate&&(h=n.ObjectUtils.getJSXElement(e.props.headerTemplate,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return a.onTabHeaderClick(n,e,t)},onKeyDown:function(n){return a.onKeyDown(n,e,t)},leftIconElement:d,titleElement:f,rightIconElement:b,element:h,props:this.props,index:t,selected:o,ariaControls:u}));return i.default.createElement("li",{ref:function(e){return a["tab_".concat(t)]=e},className:s,style:l,role:"presentation"},h)}},{key:"renderTabHeaders",value:function(){var e=this;return i.default.Children.map(this.props.children,(function(t,n){if(e.shouldTabRender(t,n))return e.renderTabHeader(t,n)}))}},{key:"renderNavigator",value:function(){var e=this,t=this.renderTabHeaders();return i.default.createElement("div",{ref:function(t){return e.content=t},id:this.props.id,className:"p-tabview-nav-content",style:this.props.style,onScroll:this.onScroll},i.default.createElement("ul",{ref:function(t){return e.nav=t},className:"p-tabview-nav",role:"tablist"},t,i.default.createElement("li",{ref:function(t){return e.inkbar=t},className:"p-tabview-ink-bar"})))}},{key:"renderContent",value:function(){var e=this,t=i.default.Children.map(this.props.children,(function(t,n){if(e.shouldTabRender(t,n)&&(!e.props.renderActiveOnly||e.isSelected(n)))return e.createContent(t,n)}));return i.default.createElement("div",{className:"p-tabview-panels"},t)}},{key:"createContent",value:function(e,t){var r=this.isSelected(t),a=I(I({},e.props.contentStyle||{}),e.props.style||{}),o=n.classNames(e.props.contentClassName,e.props.className,"p-tabview-panel",{"p-hidden":!r});return i.default.createElement("div",{id:this.state.id+"_content_"+t,"aria-labelledby":this.state.id+"_header_"+t,"aria-hidden":!r,className:o,style:a,role:"tabpanel"},this.props.renderActiveOnly?r&&e.props.children:e.props.children)}},{key:"renderPrevButton",value:function(){var e=this;return this.props.scrollable&&!this.state.backwardIsDisabled?i.default.createElement("button",{ref:function(t){return e.prevBtn=t},className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:this.navBackward,type:"button"},i.default.createElement("span",{className:"pi pi-chevron-left"}),i.default.createElement(r.Ripple,null)):null}},{key:"renderNextButton",value:function(){var e=this;if(this.props.scrollable&&!this.state.forwardIsDisabled)return i.default.createElement("button",{ref:function(t){return e.nextBtn=t},className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:this.navForward,type:"button"},i.default.createElement("span",{className:"pi pi-chevron-right"}),i.default.createElement(r.Ripple,null))}},{key:"render",value:function(){var e=n.classNames("p-tabview p-component",this.props.className,{"p-tabview-scrollable":this.props.scrollable}),t=this.renderNavigator(),r=this.renderContent(),a=this.renderPrevButton(),o=this.renderNextButton();return i.default.createElement("div",{className:e},i.default.createElement("div",{className:"p-tabview-nav-container"},a,t,o),r)}}]),a}(t.Component);return k(S,"defaultProps",{id:null,activeIndex:0,style:null,className:null,renderActiveOnly:!0,onTabChange:null,onTabClose:null,scrollable:!1}),e.TabPanel=O,e.TabView=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.ripple);

package/toolbar/toolbar.min.css

@@ -1 +1 @@
-.p-toolbar{display:flex;align-items:center;justify-content:space-between}.p-toolbar-group-left,.p-toolbar-group-right{display:flex;align-items:center}
+.p-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.p-toolbar-group-left,.p-toolbar-group-right{display:flex;align-items:center}