primereact 8.0.0-rc.1 → 8.0.0-rc.2

package/tabmenu/tabmenu.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Ripple } from 'primereact/ripple';
-import { ObjectUtils, classNames, DomHandler } from 'primereact/utils';
+import { ObjectUtils, classNames, DomHandler, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -150,9 +150,10 @@ var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       'p-disabled': disabled
     }, _className);
     var iconClassName = classNames('p-menuitem-icon', _icon);
-
-    var icon = _icon && /*#__PURE__*/React.createElement("span", {
-      className: iconClassName
+    var icon = IconUtils.getJSXIcon(_icon, {
+      className: 'p-menuitem-icon'
+    }, {
+      props: props
     });
 
     var label = _label && /*#__PURE__*/React.createElement("span", {

package/tabmenu/tabmenu.esm.min.js

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

package/tabmenu/tabmenu.js

@@ -170,9 +170,10 @@ this.primereact.tabmenu = (function (exports, React, ripple, utils) {
         'p-disabled': disabled
       }, _className);
       var iconClassName = utils.classNames('p-menuitem-icon', _icon);
-
-      var icon = _icon && /*#__PURE__*/React__namespace.createElement("span", {
-        className: iconClassName
+      var icon = utils.IconUtils.getJSXIcon(_icon, {
+        className: 'p-menuitem-icon'
+      }, {
+        props: props
       });
 
       var label = _label && /*#__PURE__*/React__namespace.createElement("span", {

package/tabmenu/tabmenu.min.js

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

package/tabview/tabview.d.ts

@@ -29,6 +29,7 @@ export interface TabPanelProps {
     headerClassName?: string;
     contentStyle?: object;
     contentClassName?: string;
+    children?: React.ReactNode;
 }
 
 export declare class TabPanel extends React.Component<TabPanelProps, any> { }
@@ -54,6 +55,7 @@ export interface TabViewProps {
     panelContainerClassName?: string;
     onTabChange?(e: TabViewTabChangeParams): void;
     onTabClose?(e: TabViewTabCloseParams): void;
+    children?: React.ReactNode;
 }
 
 // tslint:disable-next-line:max-classes-per-file

package/tag/tag.d.ts

@@ -10,6 +10,7 @@ export interface TagProps {
     icon?: IconType<TagProps>;
     style?: object;
     className?: string;
+    children?: React.ReactNode;
 }
 
 export declare class Tag extends React.Component<TagProps, any> { }

package/terminal/terminal.d.ts

@@ -6,6 +6,7 @@ export interface TerminalProps {
     className?: string;
     welcomeMessage?: string;
     prompt?: string;
+    children?: React.ReactNode;
 }
 
 export declare class Terminal extends React.Component<TerminalProps, any> {}

package/tieredmenu/tieredmenu.cjs.js

@@ -271,6 +271,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
   var createSubmenu = function createSubmenu(item) {
     if (item.items) {
       return /*#__PURE__*/React__namespace.createElement(TieredMenuSub, {
+        menuProps: props.menuProps,
         model: item.items,
         onLeafClick: onLeafClick,
         popup: props.popup,
@@ -302,9 +303,10 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     });
     var iconClassName = utils.classNames('p-menuitem-icon', _icon);
     var submenuIconClassName = 'p-submenu-icon pi pi-angle-right';
-
-    var icon = _icon && /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
+    var icon = utils.IconUtils.getJSXIcon(_icon, {
+      className: 'p-menuitem-icon'
+    }, {
+      props: props.menuProps
     });
 
     var label = _label && /*#__PURE__*/React__namespace.createElement("span", {
@@ -489,6 +491,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     }, otherProps, {
       onClick: onPanelClick
     }), /*#__PURE__*/React__namespace.createElement(TieredMenuSub, {
+      menuProps: props,
       model: props.model,
       root: true,
       popup: props.popup

package/tieredmenu/tieredmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/overlayservice"),l=require("primereact/portal"),o=require("primereact/utils"),u=require("primereact/ripple");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var s=c(e),p=i(n);function m(){return m=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l=[],o=!0,u=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);o=!0);}catch(e){u=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(u)throw a}}return l}}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function y(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,n){return f(e)||d(e,n)||y(e,n)||b()}var E=s.memo((function(e){var n=h(s.useState(null),2),t=n[0],a=n[1],l=s.useRef(null),i=h(r.useEventListener({type:"click",listener:function(e){l.current&&!l.current.contains(e.target)&&a(null)}}),1)[0],c=function(){if(l.current){var e=l.current.parentElement,n=o.DomHandler.getOffset(e),t=o.DomHandler.getViewport(),r=l.current.offsetParent?l.current.offsetWidth:o.DomHandler.getHiddenElementOuterWidth(l.current),a=o.DomHandler.getOuterWidth(e.children[0]);parseInt(n.left,10)+a+r>t.width-o.DomHandler.calculateScrollbarWidth()&&o.DomHandler.addClass(l.current,"p-submenu-list-flipped")}},p=function(n,r){r.disabled?n.preventDefault():e.root?(t||e.popup)&&a(r):a(r)},m=function(n,r){r.disabled?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.root&&r.items&&a(t&&r===t?null:r),r.items||b())},f=function(n,t){var r=n.currentTarget.parentElement;switch(n.which){case 40:var l=v(r);l&&l.children[0].focus(),n.preventDefault();break;case 38:var o=y(r);o&&o.children[0].focus(),n.preventDefault();break;case 39:t.items&&(a(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,r)},d=function(e,n){37===e.which&&(a(null),n.parentElement.previousElementSibling.focus())},v=function e(n){var t=n.nextElementSibling;return t?o.DomHandler.hasClass(t,"p-disabled")||!o.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},y=function e(n){var t=n.previousElementSibling;return t?o.DomHandler.hasClass(t,"p-disabled")||!o.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},b=function(){a(null),e.onLeafClick&&e.onLeafClick()};r.useMountEffect((function(){i()})),r.useUpdateEffect((function(){e.parentActive||a(null),!e.root&&e.parentActive&&c()}),[e.parentActive]);var g=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},D=function(n){return n.items?s.createElement(E,{model:n.items,onLeafClick:b,popup:e.popup,onKeyDown:d,parentActive:n===t}):null},N=function(n,r){var a=n.style,l=n.disabled,i=n.icon,c=n.label,d=n.items,v=n.target,y=n.url,b=n.template,h=c+"_"+r,E=t===n,g=o.classNames("p-menuitem",{"p-menuitem-active":E},n.className),N=o.classNames("p-menuitem-link",{"p-disabled":l}),w=o.classNames("p-menuitem-icon",i),O="p-submenu-icon pi pi-angle-right",x=i&&s.createElement("span",{className:w}),S=c&&s.createElement("span",{className:"p-menuitem-text"},c),C=d&&s.createElement("span",{className:O}),H=D(n),k=s.createElement("a",{href:y||"#",className:N,target:v,role:"menuitem","aria-haspopup":null!=d,onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},"aria-disabled":l},x,S,C,s.createElement(u.Ripple,null));b&&(k=o.ObjectUtils.getJSXElement(b,n,{onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},className:N,labelClassName:"p-menuitem-text",iconClassName:w,submenuIconClassName:O,element:k,props:e,active:E}));return s.createElement("li",{key:h,className:g,style:a,onMouseEnter:function(e){return p(e,n)},role:"none"},k,H)},w=function(e,n){return e.separator?g(n):N(e,n)},O=o.classNames({"p-submenu-list":!e.root}),x=e.model?e.model.map(w):null;return s.createElement("ul",{ref:l,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},x)}));E.displayName="TieredMenuSub";var g=s.memo(s.forwardRef((function(e,n){var u=h(s.useState(!e.popup),2),i=u[0],c=u[1],f=s.useRef(null),d=s.useRef(null),v=h(r.useOverlayListener({target:d,overlay:f,listener:function(e,n){n.valid&&O(e)},when:i}),2),y=v[0],b=v[1],D=function(n){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:n,target:d.current})},N=function(n){e.popup&&(i?O(n):w(n))},w=function(n){d.current=n.currentTarget,c(!0),e.onShow&&e.onShow(n)},O=function(n){d.current=n.currentTarget,c(!1),e.onHide&&e.onHide(n)},x=function(){e.autoZIndex&&o.ZIndexUtils.set("menu",f.current,p.default.autoZIndex,e.baseZIndex||p.default.zIndex.menu),o.DomHandler.absolutePosition(f.current,d.current)},S=function(){y()},C=function(){d.current=null,b()},H=function(){o.ZIndexUtils.clear(f.current)};r.useUnmountEffect((function(){o.ZIndexUtils.clear(f.current)})),s.useImperativeHandle(n,(function(){return{toggle:N,show:w,hide:O}}));var k,I,j=(k=o.ObjectUtils.findDiffKeys(e,g.defaultProps),I=o.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.popup},e.className),s.createElement(t.CSSTransition,{nodeRef:f,classNames:"p-connected-overlay",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:x,onEntered:S,onExit:C,onExited:H},s.createElement("div",m({ref:f,id:e.id,className:I,style:e.style},k,{onClick:D}),s.createElement(E,{model:e.model,root:!0,popup:e.popup}))));return e.popup?s.createElement(l.Portal,{element:j,appendTo:e.appendTo}):j})));g.displayName="TieredMenu",g.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.TieredMenu=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/overlayservice"),l=require("primereact/portal"),o=require("primereact/utils"),u=require("primereact/ripple");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var s=c(e),p=i(n);function m(){return m=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l=[],o=!0,u=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);o=!0);}catch(e){u=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(u)throw a}}return l}}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function y(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,n){return f(e)||d(e,n)||y(e,n)||b()}var E=s.memo((function(e){var n=h(s.useState(null),2),t=n[0],a=n[1],l=s.useRef(null),i=h(r.useEventListener({type:"click",listener:function(e){l.current&&!l.current.contains(e.target)&&a(null)}}),1)[0],c=function(){if(l.current){var e=l.current.parentElement,n=o.DomHandler.getOffset(e),t=o.DomHandler.getViewport(),r=l.current.offsetParent?l.current.offsetWidth:o.DomHandler.getHiddenElementOuterWidth(l.current),a=o.DomHandler.getOuterWidth(e.children[0]);parseInt(n.left,10)+a+r>t.width-o.DomHandler.calculateScrollbarWidth()&&o.DomHandler.addClass(l.current,"p-submenu-list-flipped")}},p=function(n,r){r.disabled?n.preventDefault():e.root?(t||e.popup)&&a(r):a(r)},m=function(n,r){r.disabled?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.root&&r.items&&a(t&&r===t?null:r),r.items||b())},f=function(n,t){var r=n.currentTarget.parentElement;switch(n.which){case 40:var l=v(r);l&&l.children[0].focus(),n.preventDefault();break;case 38:var o=y(r);o&&o.children[0].focus(),n.preventDefault();break;case 39:t.items&&(a(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,r)},d=function(e,n){37===e.which&&(a(null),n.parentElement.previousElementSibling.focus())},v=function e(n){var t=n.nextElementSibling;return t?o.DomHandler.hasClass(t,"p-disabled")||!o.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},y=function e(n){var t=n.previousElementSibling;return t?o.DomHandler.hasClass(t,"p-disabled")||!o.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},b=function(){a(null),e.onLeafClick&&e.onLeafClick()};r.useMountEffect((function(){i()})),r.useUpdateEffect((function(){e.parentActive||a(null),!e.root&&e.parentActive&&c()}),[e.parentActive]);var g=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},D=function(n){return n.items?s.createElement(E,{menuProps:e.menuProps,model:n.items,onLeafClick:b,popup:e.popup,onKeyDown:d,parentActive:n===t}):null},N=function(n,r){var a=n.style,l=n.disabled,i=n.icon,c=n.label,d=n.items,v=n.target,y=n.url,b=n.template,h=c+"_"+r,E=t===n,g=o.classNames("p-menuitem",{"p-menuitem-active":E},n.className),N=o.classNames("p-menuitem-link",{"p-disabled":l}),w=o.classNames("p-menuitem-icon",i),O="p-submenu-icon pi pi-angle-right",S=o.IconUtils.getJSXIcon(i,{className:"p-menuitem-icon"},{props:e.menuProps}),x=c&&s.createElement("span",{className:"p-menuitem-text"},c),I=d&&s.createElement("span",{className:O}),C=D(n),H=s.createElement("a",{href:y||"#",className:N,target:v,role:"menuitem","aria-haspopup":null!=d,onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},"aria-disabled":l},S,x,I,s.createElement(u.Ripple,null));b&&(H=o.ObjectUtils.getJSXElement(b,n,{onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},className:N,labelClassName:"p-menuitem-text",iconClassName:w,submenuIconClassName:O,element:H,props:e,active:E}));return s.createElement("li",{key:h,className:g,style:a,onMouseEnter:function(e){return p(e,n)},role:"none"},H,C)},w=function(e,n){return e.separator?g(n):N(e,n)},O=o.classNames({"p-submenu-list":!e.root}),S=e.model?e.model.map(w):null;return s.createElement("ul",{ref:l,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},S)}));E.displayName="TieredMenuSub";var g=s.memo(s.forwardRef((function(e,n){var u=h(s.useState(!e.popup),2),i=u[0],c=u[1],f=s.useRef(null),d=s.useRef(null),v=h(r.useOverlayListener({target:d,overlay:f,listener:function(e,n){n.valid&&O(e)},when:i}),2),y=v[0],b=v[1],D=function(n){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:n,target:d.current})},N=function(n){e.popup&&(i?O(n):w(n))},w=function(n){d.current=n.currentTarget,c(!0),e.onShow&&e.onShow(n)},O=function(n){d.current=n.currentTarget,c(!1),e.onHide&&e.onHide(n)},S=function(){e.autoZIndex&&o.ZIndexUtils.set("menu",f.current,p.default.autoZIndex,e.baseZIndex||p.default.zIndex.menu),o.DomHandler.absolutePosition(f.current,d.current)},x=function(){y()},I=function(){d.current=null,b()},C=function(){o.ZIndexUtils.clear(f.current)};r.useUnmountEffect((function(){o.ZIndexUtils.clear(f.current)})),s.useImperativeHandle(n,(function(){return{toggle:N,show:w,hide:O}}));var H,k,j=(H=o.ObjectUtils.findDiffKeys(e,g.defaultProps),k=o.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.popup},e.className),s.createElement(t.CSSTransition,{nodeRef:f,classNames:"p-connected-overlay",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:I,onExited:C},s.createElement("div",m({ref:f,id:e.id,className:k,style:e.style},H,{onClick:D}),s.createElement(E,{menuProps:e,model:e.model,root:!0,popup:e.popup}))));return e.popup?s.createElement(l.Portal,{element:j,appendTo:e.appendTo}):j})));g.displayName="TieredMenu",g.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.TieredMenu=g;

package/tieredmenu/tieredmenu.d.ts

@@ -16,6 +16,7 @@ export interface TieredMenuProps {
     transitionOptions?: CSSTransitionProps;
     onShow?(e: React.SyntheticEvent): void;
     onHide?(e: React.SyntheticEvent): void;
+    children?: React.ReactNode;
 }
 
 export declare class TieredMenu extends React.Component<TieredMenuProps, any> {

package/tieredmenu/tieredmenu.esm.js

@@ -4,7 +4,7 @@ import { CSSTransition } from 'primereact/csstransition';
 import { useEventListener, useMountEffect, useUpdateEffect, useOverlayListener, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { classNames, DomHandler, ObjectUtils, ZIndexUtils } from 'primereact/utils';
+import { classNames, DomHandler, IconUtils, ObjectUtils, ZIndexUtils } from 'primereact/utils';
 import { Ripple } from 'primereact/ripple';
 
 function _extends() {
@@ -244,6 +244,7 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
   var createSubmenu = function createSubmenu(item) {
     if (item.items) {
       return /*#__PURE__*/React.createElement(TieredMenuSub, {
+        menuProps: props.menuProps,
         model: item.items,
         onLeafClick: onLeafClick,
         popup: props.popup,
@@ -275,9 +276,10 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
     });
     var iconClassName = classNames('p-menuitem-icon', _icon);
     var submenuIconClassName = 'p-submenu-icon pi pi-angle-right';
-
-    var icon = _icon && /*#__PURE__*/React.createElement("span", {
-      className: iconClassName
+    var icon = IconUtils.getJSXIcon(_icon, {
+      className: 'p-menuitem-icon'
+    }, {
+      props: props.menuProps
     });
 
     var label = _label && /*#__PURE__*/React.createElement("span", {
@@ -462,6 +464,7 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }, otherProps, {
       onClick: onPanelClick
     }), /*#__PURE__*/React.createElement(TieredMenuSub, {
+      menuProps: props,
       model: props.model,
       root: true,
       popup: props.popup

package/tieredmenu/tieredmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useEventListener as r,useMountEffect as o,useUpdateEffect as a,useOverlayListener as l,useUnmountEffect as i}from"primereact/hooks";import{OverlayService as u}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{classNames as s,DomHandler as p,ObjectUtils as m,ZIndexUtils as f}from"primereact/utils";import{Ripple as d}from"primereact/ripple";function v(){return v=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},v.apply(this,arguments)}function h(e){if(Array.isArray(e))return e}function y(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a=[],l=!0,i=!1;try{for(t=t.call(e);!(l=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==t.return||t.return()}finally{if(i)throw o}}return a}}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function E(e,n){if(e){if("string"==typeof e)return b(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,n):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,n){return h(e)||y(e,n)||E(e,n)||g()}var N=e.memo((function(n){var t=w(e.useState(null),2),l=t[0],i=t[1],u=e.useRef(null),c=w(r({type:"click",listener:function(e){u.current&&!u.current.contains(e.target)&&i(null)}}),1)[0],f=function(){if(u.current){var e=u.current.parentElement,n=p.getOffset(e),t=p.getViewport(),r=u.current.offsetParent?u.current.offsetWidth:p.getHiddenElementOuterWidth(u.current),o=p.getOuterWidth(e.children[0]);parseInt(n.left,10)+o+r>t.width-p.calculateScrollbarWidth()&&p.addClass(u.current,"p-submenu-list-flipped")}},v=function(e,t){t.disabled?e.preventDefault():n.root?(l||n.popup)&&i(t):i(t)},h=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),n.root&&t.items&&i(l&&t===l?null:t),t.items||S())},y=function(e,t){var r=e.currentTarget.parentElement;switch(e.which){case 40:var o=E(r);o&&o.children[0].focus(),e.preventDefault();break;case 38:var a=g(r);a&&a.children[0].focus(),e.preventDefault();break;case 39:t.items&&(i(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}n.onKeyDown&&n.onKeyDown(e,r)},b=function(e,n){37===e.which&&(i(null),n.parentElement.previousElementSibling.focus())},E=function e(n){var t=n.nextElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-menuitem")?e(t):t:null},g=function e(n){var t=n.previousElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-menuitem")?e(t):t:null},S=function(){i(null),n.onLeafClick&&n.onLeafClick()};o((function(){c()})),a((function(){n.parentActive||i(null),!n.root&&n.parentActive&&f()}),[n.parentActive]);var x=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator",role:"separator"})},C=function(t){return t.items?e.createElement(N,{model:t.items,onLeafClick:S,popup:n.popup,onKeyDown:b,parentActive:t===l}):null},k=function(t,r){var o=t.style,a=t.disabled,i=t.icon,u=t.label,c=t.items,p=t.target,f=t.url,b=t.template,E=u+"_"+r,g=l===t,w=s("p-menuitem",{"p-menuitem-active":g},t.className),N=s("p-menuitem-link",{"p-disabled":a}),S=s("p-menuitem-icon",i),x="p-submenu-icon pi pi-angle-right",k=i&&e.createElement("span",{className:S}),D=u&&e.createElement("span",{className:"p-menuitem-text"},u),I=c&&e.createElement("span",{className:x}),T=C(t),O=e.createElement("a",{href:f||"#",className:N,target:p,role:"menuitem","aria-haspopup":null!=c,onClick:function(e){return h(e,t)},onKeyDown:function(e){return y(e,t)},"aria-disabled":a},k,D,I,e.createElement(d,null));b&&(O=m.getJSXElement(b,t,{onClick:function(e){return h(e,t)},onKeyDown:function(e){return y(e,t)},className:N,labelClassName:"p-menuitem-text",iconClassName:S,submenuIconClassName:x,element:O,props:n,active:g}));return e.createElement("li",{key:E,className:w,style:o,onMouseEnter:function(e){return v(e,t)},role:"none"},O,T)},D=function(e,n){return e.separator?x(n):k(e,n)},I=s({"p-submenu-list":!n.root}),T=n.model?n.model.map(D):null;return e.createElement("ul",{ref:u,className:I,role:n.root?"menubar":"menu","aria-orientation":"horizontal"},T)}));N.displayName="TieredMenuSub";var S=e.memo(e.forwardRef((function(r,o){var a=w(e.useState(!r.popup),2),d=a[0],h=a[1],y=e.useRef(null),b=e.useRef(null),E=w(l({target:b,overlay:y,listener:function(e,n){n.valid&&I(e)},when:d}),2),g=E[0],x=E[1],C=function(e){r.popup&&u.emit("overlay-click",{originalEvent:e,target:b.current})},k=function(e){r.popup&&(d?I(e):D(e))},D=function(e){b.current=e.currentTarget,h(!0),r.onShow&&r.onShow(e)},I=function(e){b.current=e.currentTarget,h(!1),r.onHide&&r.onHide(e)},T=function(){r.autoZIndex&&f.set("menu",y.current,n.autoZIndex,r.baseZIndex||n.zIndex.menu),p.absolutePosition(y.current,b.current)},O=function(){g()},A=function(){b.current=null,x()},K=function(){f.clear(y.current)};i((function(){f.clear(y.current)})),e.useImperativeHandle(o,(function(){return{toggle:k,show:D,hide:I}}));var P,j,H=(P=m.findDiffKeys(r,S.defaultProps),j=s("p-tieredmenu p-component",{"p-tieredmenu-overlay":r.popup},r.className),e.createElement(t,{nodeRef:y,classNames:"p-connected-overlay",in:d,timeout:{enter:120,exit:100},options:r.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:O,onExit:A,onExited:K},e.createElement("div",v({ref:y,id:r.id,className:j,style:r.style},P,{onClick:C}),e.createElement(N,{model:r.model,root:!0,popup:r.popup}))));return r.popup?e.createElement(c,{element:H,appendTo:r.appendTo}):H})));S.displayName="TieredMenu",S.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{S as TieredMenu};
+import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useEventListener as r,useMountEffect as o,useUpdateEffect as a,useOverlayListener as i,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as u}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{classNames as s,DomHandler as p,IconUtils as m,ObjectUtils as f,ZIndexUtils as d}from"primereact/utils";import{Ripple as v}from"primereact/ripple";function h(){return h=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},h.apply(this,arguments)}function y(e){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a=[],i=!0,l=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==t.return||t.return()}finally{if(l)throw o}}return a}}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function E(e,n){if(e){if("string"==typeof e)return g(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,n):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,n){return y(e)||b(e,n)||E(e,n)||w()}var S=e.memo((function(n){var t=N(e.useState(null),2),i=t[0],l=t[1],u=e.useRef(null),c=N(r({type:"click",listener:function(e){u.current&&!u.current.contains(e.target)&&l(null)}}),1)[0],d=function(){if(u.current){var e=u.current.parentElement,n=p.getOffset(e),t=p.getViewport(),r=u.current.offsetParent?u.current.offsetWidth:p.getHiddenElementOuterWidth(u.current),o=p.getOuterWidth(e.children[0]);parseInt(n.left,10)+o+r>t.width-p.calculateScrollbarWidth()&&p.addClass(u.current,"p-submenu-list-flipped")}},h=function(e,t){t.disabled?e.preventDefault():n.root?(i||n.popup)&&l(t):l(t)},y=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),n.root&&t.items&&l(i&&t===i?null:t),t.items||x())},b=function(e,t){var r=e.currentTarget.parentElement;switch(e.which){case 40:var o=E(r);o&&o.children[0].focus(),e.preventDefault();break;case 38:var a=w(r);a&&a.children[0].focus(),e.preventDefault();break;case 39:t.items&&(l(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}n.onKeyDown&&n.onKeyDown(e,r)},g=function(e,n){37===e.which&&(l(null),n.parentElement.previousElementSibling.focus())},E=function e(n){var t=n.nextElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-menuitem")?e(t):t:null},w=function e(n){var t=n.previousElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-menuitem")?e(t):t:null},x=function(){l(null),n.onLeafClick&&n.onLeafClick()};o((function(){c()})),a((function(){n.parentActive||l(null),!n.root&&n.parentActive&&d()}),[n.parentActive]);var C=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator",role:"separator"})},k=function(t){return t.items?e.createElement(S,{menuProps:n.menuProps,model:t.items,onLeafClick:x,popup:n.popup,onKeyDown:g,parentActive:t===i}):null},I=function(t,r){var o=t.style,a=t.disabled,l=t.icon,u=t.label,c=t.items,p=t.target,d=t.url,g=t.template,E=u+"_"+r,w=i===t,N=s("p-menuitem",{"p-menuitem-active":w},t.className),S=s("p-menuitem-link",{"p-disabled":a}),x=s("p-menuitem-icon",l),C="p-submenu-icon pi pi-angle-right",I=m.getJSXIcon(l,{className:"p-menuitem-icon"},{props:n.menuProps}),D=u&&e.createElement("span",{className:"p-menuitem-text"},u),T=c&&e.createElement("span",{className:C}),O=k(t),A=e.createElement("a",{href:d||"#",className:S,target:p,role:"menuitem","aria-haspopup":null!=c,onClick:function(e){return y(e,t)},onKeyDown:function(e){return b(e,t)},"aria-disabled":a},I,D,T,e.createElement(v,null));g&&(A=f.getJSXElement(g,t,{onClick:function(e){return y(e,t)},onKeyDown:function(e){return b(e,t)},className:S,labelClassName:"p-menuitem-text",iconClassName:x,submenuIconClassName:C,element:A,props:n,active:w}));return e.createElement("li",{key:E,className:N,style:o,onMouseEnter:function(e){return h(e,t)},role:"none"},A,O)},D=function(e,n){return e.separator?C(n):I(e,n)},T=s({"p-submenu-list":!n.root}),O=n.model?n.model.map(D):null;return e.createElement("ul",{ref:u,className:T,role:n.root?"menubar":"menu","aria-orientation":"horizontal"},O)}));S.displayName="TieredMenuSub";var x=e.memo(e.forwardRef((function(r,o){var a=N(e.useState(!r.popup),2),m=a[0],v=a[1],y=e.useRef(null),b=e.useRef(null),g=N(i({target:b,overlay:y,listener:function(e,n){n.valid&&D(e)},when:m}),2),E=g[0],w=g[1],C=function(e){r.popup&&u.emit("overlay-click",{originalEvent:e,target:b.current})},k=function(e){r.popup&&(m?D(e):I(e))},I=function(e){b.current=e.currentTarget,v(!0),r.onShow&&r.onShow(e)},D=function(e){b.current=e.currentTarget,v(!1),r.onHide&&r.onHide(e)},T=function(){r.autoZIndex&&d.set("menu",y.current,n.autoZIndex,r.baseZIndex||n.zIndex.menu),p.absolutePosition(y.current,b.current)},O=function(){E()},A=function(){b.current=null,w()},P=function(){d.clear(y.current)};l((function(){d.clear(y.current)})),e.useImperativeHandle(o,(function(){return{toggle:k,show:I,hide:D}}));var K,j,H=(K=f.findDiffKeys(r,x.defaultProps),j=s("p-tieredmenu p-component",{"p-tieredmenu-overlay":r.popup},r.className),e.createElement(t,{nodeRef:y,classNames:"p-connected-overlay",in:m,timeout:{enter:120,exit:100},options:r.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:O,onExit:A,onExited:P},e.createElement("div",h({ref:y,id:r.id,className:j,style:r.style},K,{onClick:C}),e.createElement(S,{menuProps:r,model:r.model,root:!0,popup:r.popup}))));return r.popup?e.createElement(c,{element:H,appendTo:r.appendTo}):H})));x.displayName="TieredMenu",x.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{x as TieredMenu};

package/tieredmenu/tieredmenu.js

@@ -262,6 +262,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
     var createSubmenu = function createSubmenu(item) {
       if (item.items) {
         return /*#__PURE__*/React__namespace.createElement(TieredMenuSub, {
+          menuProps: props.menuProps,
           model: item.items,
           onLeafClick: onLeafClick,
           popup: props.popup,
@@ -293,9 +294,10 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
       });
       var iconClassName = utils.classNames('p-menuitem-icon', _icon);
       var submenuIconClassName = 'p-submenu-icon pi pi-angle-right';
-
-      var icon = _icon && /*#__PURE__*/React__namespace.createElement("span", {
-        className: iconClassName
+      var icon = utils.IconUtils.getJSXIcon(_icon, {
+        className: 'p-menuitem-icon'
+      }, {
+        props: props.menuProps
       });
 
       var label = _label && /*#__PURE__*/React__namespace.createElement("span", {
@@ -480,6 +482,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
       }, otherProps, {
         onClick: onPanelClick
       }), /*#__PURE__*/React__namespace.createElement(TieredMenuSub, {
+        menuProps: props,
         model: props.model,
         root: true,
         popup: props.popup

package/tieredmenu/tieredmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,t,n,r,a,l,o,i,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=s(t),m=c(n);function f(){return f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return l}}function y(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 h(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return d(e)||v(e,t)||h(e,t)||b()}var g=p.memo((function(e){var t=E(p.useState(null),2),n=t[0],r=t[1],l=p.useRef(null),o=E(a.useEventListener({type:"click",listener:function(e){l.current&&!l.current.contains(e.target)&&r(null)}}),1)[0],c=function(){if(l.current){var e=l.current.parentElement,t=i.DomHandler.getOffset(e),n=i.DomHandler.getViewport(),r=l.current.offsetParent?l.current.offsetWidth:i.DomHandler.getHiddenElementOuterWidth(l.current),a=i.DomHandler.getOuterWidth(e.children[0]);parseInt(t.left,10)+a+r>n.width-i.DomHandler.calculateScrollbarWidth()&&i.DomHandler.addClass(l.current,"p-submenu-list-flipped")}},s=function(t,a){a.disabled?t.preventDefault():e.root?(n||e.popup)&&r(a):r(a)},m=function(t,a){a.disabled?t.preventDefault():(a.url||t.preventDefault(),a.command&&a.command({originalEvent:t,item:a}),e.root&&a.items&&r(n&&a===n?null:a),a.items||h())},f=function(t,n){var a=t.currentTarget.parentElement;switch(t.which){case 40:var l=v(a);l&&l.children[0].focus(),t.preventDefault();break;case 38:var o=y(a);o&&o.children[0].focus(),t.preventDefault();break;case 39:n.items&&(r(n),setTimeout((function(){a.children[1].children[0].children[0].focus()}),50)),t.preventDefault()}e.onKeyDown&&e.onKeyDown(t,a)},d=function(e,t){37===e.which&&(r(null),t.parentElement.previousElementSibling.focus())},v=function e(t){var n=t.nextElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||!i.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},y=function e(t){var n=t.previousElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||!i.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},h=function(){r(null),e.onLeafClick&&e.onLeafClick()};a.useMountEffect((function(){o()})),a.useUpdateEffect((function(){e.parentActive||r(null),!e.root&&e.parentActive&&c()}),[e.parentActive]);var b=function(e){return p.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},D=function(t){return t.items?p.createElement(g,{model:t.items,onLeafClick:h,popup:e.popup,onKeyDown:d,parentActive:t===n}):null},N=function(t,r){var a=t.style,l=t.disabled,o=t.icon,c=t.label,d=t.items,v=t.target,y=t.url,h=t.template,b=c+"_"+r,E=n===t,g=i.classNames("p-menuitem",{"p-menuitem-active":E},t.className),N=i.classNames("p-menuitem-link",{"p-disabled":l}),w=i.classNames("p-menuitem-icon",o),O="p-submenu-icon pi pi-angle-right",S=o&&p.createElement("span",{className:w}),x=c&&p.createElement("span",{className:"p-menuitem-text"},c),C=d&&p.createElement("span",{className:O}),H=D(t),k=p.createElement("a",{href:y||"#",className:N,target:v,role:"menuitem","aria-haspopup":null!=d,onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)},"aria-disabled":l},S,x,C,p.createElement(u.Ripple,null));h&&(k=i.ObjectUtils.getJSXElement(h,t,{onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)},className:N,labelClassName:"p-menuitem-text",iconClassName:w,submenuIconClassName:O,element:k,props:e,active:E}));return p.createElement("li",{key:b,className:g,style:a,onMouseEnter:function(e){return s(e,t)},role:"none"},k,H)},w=function(e,t){return e.separator?b(t):N(e,t)},O=i.classNames({"p-submenu-list":!e.root}),S=e.model?e.model.map(w):null;return p.createElement("ul",{ref:l,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},S)}));g.displayName="TieredMenuSub";var D=p.memo(p.forwardRef((function(e,t){var n=E(p.useState(!e.popup),2),u=n[0],c=n[1],s=p.useRef(null),d=p.useRef(null),v=E(a.useOverlayListener({target:d,overlay:s,listener:function(e,t){t.valid&&O(e)},when:u}),2),y=v[0],h=v[1],b=function(t){e.popup&&l.OverlayService.emit("overlay-click",{originalEvent:t,target:d.current})},N=function(t){e.popup&&(u?O(t):w(t))},w=function(t){d.current=t.currentTarget,c(!0),e.onShow&&e.onShow(t)},O=function(t){d.current=t.currentTarget,c(!1),e.onHide&&e.onHide(t)},S=function(){e.autoZIndex&&i.ZIndexUtils.set("menu",s.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),i.DomHandler.absolutePosition(s.current,d.current)},x=function(){y()},C=function(){d.current=null,h()},H=function(){i.ZIndexUtils.clear(s.current)};a.useUnmountEffect((function(){i.ZIndexUtils.clear(s.current)})),p.useImperativeHandle(t,(function(){return{toggle:N,show:w,hide:O}}));var k,I,j=(k=i.ObjectUtils.findDiffKeys(e,D.defaultProps),I=i.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.popup},e.className),p.createElement(r.CSSTransition,{nodeRef:s,classNames:"p-connected-overlay",in:u,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:C,onExited:H},p.createElement("div",f({ref:s,id:e.id,className:I,style:e.style},k,{onClick:b}),p.createElement(g,{model:e.model,root:!0,popup:e.popup}))));return e.popup?p.createElement(o.Portal,{element:j,appendTo:e.appendTo}):j})));return D.displayName="TieredMenu",D.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.TieredMenu=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,a,l,o,i,u){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var p=s(n),m=c(t);function f(){return f=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function v(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw a}}return l}}function y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e,n){if(e){if("string"==typeof e)return y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,n):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,n){return d(e)||v(e,n)||h(e,n)||b()}var g=p.memo((function(e){var n=E(p.useState(null),2),t=n[0],r=n[1],l=p.useRef(null),o=E(a.useEventListener({type:"click",listener:function(e){l.current&&!l.current.contains(e.target)&&r(null)}}),1)[0],c=function(){if(l.current){var e=l.current.parentElement,n=i.DomHandler.getOffset(e),t=i.DomHandler.getViewport(),r=l.current.offsetParent?l.current.offsetWidth:i.DomHandler.getHiddenElementOuterWidth(l.current),a=i.DomHandler.getOuterWidth(e.children[0]);parseInt(n.left,10)+a+r>t.width-i.DomHandler.calculateScrollbarWidth()&&i.DomHandler.addClass(l.current,"p-submenu-list-flipped")}},s=function(n,a){a.disabled?n.preventDefault():e.root?(t||e.popup)&&r(a):r(a)},m=function(n,a){a.disabled?n.preventDefault():(a.url||n.preventDefault(),a.command&&a.command({originalEvent:n,item:a}),e.root&&a.items&&r(t&&a===t?null:a),a.items||h())},f=function(n,t){var a=n.currentTarget.parentElement;switch(n.which){case 40:var l=v(a);l&&l.children[0].focus(),n.preventDefault();break;case 38:var o=y(a);o&&o.children[0].focus(),n.preventDefault();break;case 39:t.items&&(r(t),setTimeout((function(){a.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,a)},d=function(e,n){37===e.which&&(r(null),n.parentElement.previousElementSibling.focus())},v=function e(n){var t=n.nextElementSibling;return t?i.DomHandler.hasClass(t,"p-disabled")||!i.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},y=function e(n){var t=n.previousElementSibling;return t?i.DomHandler.hasClass(t,"p-disabled")||!i.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},h=function(){r(null),e.onLeafClick&&e.onLeafClick()};a.useMountEffect((function(){o()})),a.useUpdateEffect((function(){e.parentActive||r(null),!e.root&&e.parentActive&&c()}),[e.parentActive]);var b=function(e){return p.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},D=function(n){return n.items?p.createElement(g,{menuProps:e.menuProps,model:n.items,onLeafClick:h,popup:e.popup,onKeyDown:d,parentActive:n===t}):null},N=function(n,r){var a=n.style,l=n.disabled,o=n.icon,c=n.label,d=n.items,v=n.target,y=n.url,h=n.template,b=c+"_"+r,E=t===n,g=i.classNames("p-menuitem",{"p-menuitem-active":E},n.className),N=i.classNames("p-menuitem-link",{"p-disabled":l}),w=i.classNames("p-menuitem-icon",o),O="p-submenu-icon pi pi-angle-right",S=i.IconUtils.getJSXIcon(o,{className:"p-menuitem-icon"},{props:e.menuProps}),x=c&&p.createElement("span",{className:"p-menuitem-text"},c),I=d&&p.createElement("span",{className:O}),C=D(n),H=p.createElement("a",{href:y||"#",className:N,target:v,role:"menuitem","aria-haspopup":null!=d,onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},"aria-disabled":l},S,x,I,p.createElement(u.Ripple,null));h&&(H=i.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},className:N,labelClassName:"p-menuitem-text",iconClassName:w,submenuIconClassName:O,element:H,props:e,active:E}));return p.createElement("li",{key:b,className:g,style:a,onMouseEnter:function(e){return s(e,n)},role:"none"},H,C)},w=function(e,n){return e.separator?b(n):N(e,n)},O=i.classNames({"p-submenu-list":!e.root}),S=e.model?e.model.map(w):null;return p.createElement("ul",{ref:l,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},S)}));g.displayName="TieredMenuSub";var D=p.memo(p.forwardRef((function(e,n){var t=E(p.useState(!e.popup),2),u=t[0],c=t[1],s=p.useRef(null),d=p.useRef(null),v=E(a.useOverlayListener({target:d,overlay:s,listener:function(e,n){n.valid&&O(e)},when:u}),2),y=v[0],h=v[1],b=function(n){e.popup&&l.OverlayService.emit("overlay-click",{originalEvent:n,target:d.current})},N=function(n){e.popup&&(u?O(n):w(n))},w=function(n){d.current=n.currentTarget,c(!0),e.onShow&&e.onShow(n)},O=function(n){d.current=n.currentTarget,c(!1),e.onHide&&e.onHide(n)},S=function(){e.autoZIndex&&i.ZIndexUtils.set("menu",s.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),i.DomHandler.absolutePosition(s.current,d.current)},x=function(){y()},I=function(){d.current=null,h()},C=function(){i.ZIndexUtils.clear(s.current)};a.useUnmountEffect((function(){i.ZIndexUtils.clear(s.current)})),p.useImperativeHandle(n,(function(){return{toggle:N,show:w,hide:O}}));var H,k,j=(H=i.ObjectUtils.findDiffKeys(e,D.defaultProps),k=i.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.popup},e.className),p.createElement(r.CSSTransition,{nodeRef:s,classNames:"p-connected-overlay",in:u,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:I,onExited:C},p.createElement("div",f({ref:s,id:e.id,className:k,style:e.style},H,{onClick:b}),p.createElement(g,{menuProps:e,model:e.model,root:!0,popup:e.popup}))));return e.popup?p.createElement(o.Portal,{element:j,appendTo:e.appendTo}):j})));return D.displayName="TieredMenu",D.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.TieredMenu=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.ripple);

package/timeline/timeline.d.ts

@@ -17,6 +17,7 @@ export interface TimelineProps {
     opposite?: TimelineTemplateType;
     marker?: TimelineTemplateType;
     content?: TimelineTemplateType;
+    children?: React.ReactNode;
 }
 
 export declare class Timeline extends React.Component<TimelineProps, any> { }

package/toast/toast.d.ts

@@ -35,6 +35,7 @@ export interface ToastProps {
     onRemove?(message: ToastMessage): void;
     onShow?(): void;
     onHide?(): void;
+    children?: React.ReactNode;
 }
 
 export declare class Toast extends React.Component<ToastProps, any> {

package/togglebutton/togglebutton.d.ts

@@ -35,6 +35,7 @@ export interface ToggleButtonProps extends Omit<React.DetailedHTMLProps<React.In
     onChange?(e: ToggleButtonChangeParams): void;
     onFocus?(event: React.FocusEvent<HTMLElement>): void;
     onBlur?(event: React.FocusEvent<HTMLElement>): void;
+    children?: React.ReactNode;
 }
 
 export declare class ToggleButton extends React.Component<ToggleButtonProps, any> { }

package/toolbar/toolbar.d.ts

@@ -8,6 +8,7 @@ export interface ToolbarProps {
     className?: string;
     left?: ToolbarTemplateType;
     right?: ToolbarTemplateType;
+    children?: React.ReactNode;
 }
 
 export declare class Toolbar extends React.Component<ToolbarProps, any> { }

package/tooltip/tooltip.d.ts

@@ -7,6 +7,7 @@ export interface TooltipProps extends TooltipOptions {
     id?: string;
     target?: TooltipTargetType;
     content?: string;
+    children?: React.ReactNode;
 }
 
 export declare class Tooltip extends React.Component<TooltipProps, any> {

package/tree/tree.d.ts

@@ -142,6 +142,7 @@ export interface TreeProps {
     onFilterValueChange?(e: TreeFilterValueChangeParams): void;
     onNodeClick?(e: TreeNodeClickParams): void;
     onNodeDoubleClick?(e: TreeNodeDoubleClickParams): void;
+    children?: React.ReactNode;
 }
 
 export declare class Tree extends React.Component<TreeProps, any> {

package/treeselect/treeselect.cjs.js

@@ -545,7 +545,6 @@ var TreeSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         updateTreeState();
       }
 
-      scrollInView();
       selfChange.current = false;
     }
   }, [props.value]);

package/treeselect/treeselect.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),r=require("primereact/ripple"),a=require("primereact/tree"),o=require("primereact/utils"),i=require("primereact/csstransition"),c=require("primereact/portal");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=s(e),f=u(t);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},d.apply(this,arguments)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function b(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return y(e)||v(e,t)||b(e,t)||g()}var O=p.forwardRef((function(e,t){var n,l,r=(n={maxHeight:e.scrollHeight||"auto"},l=o.classNames("p-treeselect-panel p-component",e.panelClassName),p.createElement(i.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntering:e.onEntering,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},p.createElement("div",{ref:t,className:l,style:e.panelStyle,onClick:e.onClick},e.header,p.createElement("div",{className:"p-treeselect-items-wrapper",style:n},e.children),e.footer)));return p.createElement(c.Portal,{element:r,appendTo:e.appendTo})}));function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=j(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function j(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}O.displayName="TreeSelectPanel";var k=p.memo(p.forwardRef((function(e,i){var c=E(p.useState(!1),2),u=c[0],s=c[1],y=E(p.useState(!1),2),v=y[0],h=y[1],b=E(p.useState({}),2),g=b[0],N=b[1],j=E(p.useState(""),2),x=j[0],C=j[1],T=p.useRef(null),I=p.useRef(null),P=p.useRef(null),U=p.useRef(null),H=p.useRef(null),M=p.useRef(null),D=e.onFilterValueChange?e.filterValue:x,A=o.ObjectUtils.isEmpty(e.value),F=o.ObjectUtils.isEmpty(e.options),R="single"===e.selectionMode,V="checkbox"===e.selectionMode,q=E(n.useOverlayListener({target:T,overlay:I,listener:function(e,t){t.valid&&Z()},when:v}),2),K=q[0],L=q[1],_=function(){return pe.length?pe.map((function(e){return e.label})).join(", "):e.placeholder},B=function(){h(!0)},Z=function(){h(!1)},J=function(){s(!0)},X=function(){s(!1)},z=function(t){e.onChange&&(M.current=!0,e.onChange({originalEvent:t.originalEvent,value:t.value,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t.value}}))},$=function(t){e.onNodeSelect&&e.onNodeSelect(t),R&&Z()},Y=function(t){e.onNodeUnselect&&e.onNodeUnselect(t)},G=function(e){N(e.value)},Q=function(e){C(e.value)},W=function(e){switch(e.which){case 40:!v&&e.altKey&&B();break;case 32:v||(B(),e.preventDefault());break;case 13:case 27:v&&(Z(),e.preventDefault());break;case 9:Z()}},ee=function(e){13===e.which&&e.preventDefault()},te=function(t){var n=t.target.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:t,value:n}):C(n)},ne=function(){o.DomHandler.alignOverlay(I.current,H.current.parentElement,e.appendTo||f.default.appendTo)},le=function(){var e=o.DomHandler.findSingle(I.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},re=function t(n,l,r){if(n){if(ae(n,l)&&(r.push(n),delete l[n.key]),Object.keys(l).length&&n.children){var a,o=w(n.children);try{for(o.s();!(a=o.n()).done;){t(a.value,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var i,c=w(e.options);try{for(c.s();!(i=c.n()).done;){t(i.value,l,r)}}catch(e){c.e(e)}finally{c.f()}}},ae=function(e,t){return V?t[e.key]&&t[e.key].checked:t[e.key]},oe=function(){var t=R?m({},"".concat(e.value),!0):S({},e.value);N({}),t&&e.options&&ie(null,null,t)},ie=function t(n,l,r){if(n){if(ae(n,r)&&(ce(l),delete r[n.key]),Object.keys(r).length&&n.children){var a,o=w(n.children);try{for(o.s();!(a=o.n()).done;){var i=a.value;l.push(n.key),t(i,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var c,u=w(e.options);try{for(u.s();!(c=u.n()).done;){t(c.value,[],r)}}catch(e){u.e(e)}finally{u.f()}}},ce=function(e){if(e.length>0){var t,n=S({},g||{}),l=w(e);try{for(l.s();!(t=l.n()).done;){n[t.value]=!0}}catch(e){l.e(e)}finally{l.f()}N(n)}};n.useMountEffect((function(){oe()})),n.useUpdateEffect((function(){v&&e.filter&&ne()})),n.useUpdateEffect((function(){oe()}),[e.options]),n.useUpdateEffect((function(){v&&g&&ne()}),[g]),n.useUpdateEffect((function(){v&&(M.current||oe(),le(),M.current=!1)}),[e.value]),n.useUnmountEffect((function(){o.ZIndexUtils.clear(I.current)}));var ue,se=function(){if(e.filter){var t=o.ObjectUtils.isNotEmpty(D)?D:"";return p.createElement("div",{className:"p-treeselect-filter-container"},p.createElement("input",{ref:P,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:ee,onChange:te,disabled:e.disabled}),p.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}))}return null},pe=function(){var t=[];if(o.ObjectUtils.isNotEmpty(e.value)&&e.options){var n=R?m({},"".concat(e.value),!0):S({},e.value);re(null,n,t)}return t}(),fe=o.ObjectUtils.findDiffKeys(e,k.defaultProps),de=o.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-focus":u,"p-inputwrapper-filled":!A,"p-inputwrapper-focus":u||v},e.className),me=p.createElement("div",{className:"p-hidden-accessible"},p.createElement("input",{ref:U,role:"listbox",id:e.inputId,type:"text",readOnly:!0,"aria-expanded":v,onFocus:J,onBlur:X,onKeyDown:W,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),ye=function(){var t=o.classNames("p-treeselect-label",{"p-placeholder":_()===e.placeholder,"p-treeselect-label-empty":!e.placeholder&&A}),n=null;return e.valueTemplate?n=o.ObjectUtils.getJSXElement(e.valueTemplate,pe,e):"comma"===e.display?n=_()||"empty":"chip"===e.display&&(n=p.createElement(p.Fragment,null,pe&&pe.map((function(e,t){return p.createElement("div",{className:"p-treeselect-token",key:"".concat(e.key,"_").concat(t)},p.createElement("span",{className:"p-treeselect-token-label"},e.label))})),A&&(e.placeholder||"empty"))),p.createElement("div",{className:"p-treeselect-label-container"},p.createElement("div",{className:t},n))}(),ve=(ue=o.classNames("p-treeselect-trigger-icon p-clickable",e.dropdownIcon),p.createElement("div",{ref:H,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":v},p.createElement("span",{className:ue}))),he=p.createElement(p.Fragment,null,p.createElement(a.Tree,{value:e.options,selectionMode:e.selectionMode,selectionKeys:e.value,metaKeySelection:e.metaKeySelection,onSelectionChange:z,onSelect:$,onUnselect:Y,expandedKeys:g,onToggle:G,onExpand:e.onNodeExpand,onCollapse:e.onNodeCollapse,filter:e.filter,filterValue:D,filterBy:e.filterBy,filterMode:e.filterMode,filterPlaceholder:e.filterPlaceholder,filterLocale:e.filterLocale,showHeader:!1,onFilterValueChange:Q}),F&&p.createElement("div",{className:"p-treeselect-empty-message"},e.emptyMessage||t.localeOption("emptyMessage"))),be=function(){var t=se(),n=p.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:Z},p.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),p.createElement(r.Ripple,null)),l=p.createElement("div",{className:"p-treeselect-header"},t,n);return e.panelHeaderTemplate?o.ObjectUtils.getJSXElement(e.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:Z,element:l,props:e}):l}(),ge=o.ObjectUtils.getJSXElement(e.footer,e);return p.createElement("div",d({id:e.id,ref:T,className:de,style:e.style},fe,{onClick:function(t){e.disabled||I.current&&I.current.contains(t.target)||o.DomHandler.hasClass(t.target,"p-treeselect-close")||(U.current.focus(),v?Z():B())}}),me,ye,ve,p.createElement(O,{ref:I,appendTo:e.appendTo,panelStyle:e.panelStyle,panelClassName:e.panelClassName,scrollHeight:e.scrollHeight,onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:T.current})},header:be,footer:ge,transitionOptions:e.transitionOptions,in:v,onEnter:function(){o.ZIndexUtils.set("overlay",I.current,f.default.autoZIndex,f.default.zIndex.overlay),ne(),le()},onEntered:function(){K(),e.filter&&e.filterInputAutoFocus&&P.current.focus(),e.onShow&&e.onShow()},onExit:function(){L()},onExited:function(){e.filter&&e.resetFilterOnHide&&C(""),o.ZIndexUtils.clear(I.current),e.onHide&&e.onHide()}},he))})));k.displayName="TreeSelect",k.defaultProps={__TYPE:"TreeSelect",id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null},exports.TreeSelect=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),l=require("primereact/overlayservice"),r=require("primereact/ripple"),a=require("primereact/tree"),o=require("primereact/utils"),i=require("primereact/csstransition"),c=require("primereact/portal");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=s(e),f=u(t);function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},d.apply(this,arguments)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function b(e,t){if(e){if("string"==typeof e)return h(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)?h(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){return y(e)||v(e,t)||b(e,t)||g()}var O=p.forwardRef((function(e,t){var n,l,r=(n={maxHeight:e.scrollHeight||"auto"},l=o.classNames("p-treeselect-panel p-component",e.panelClassName),p.createElement(i.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntering:e.onEntering,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},p.createElement("div",{ref:t,className:l,style:e.panelStyle,onClick:e.onClick},e.header,p.createElement("div",{className:"p-treeselect-items-wrapper",style:n},e.children),e.footer)));return p.createElement(c.Portal,{element:r,appendTo:e.appendTo})}));function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=j(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function j(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}O.displayName="TreeSelectPanel";var k=p.memo(p.forwardRef((function(e,i){var c=E(p.useState(!1),2),u=c[0],s=c[1],y=E(p.useState(!1),2),v=y[0],h=y[1],b=E(p.useState({}),2),g=b[0],N=b[1],j=E(p.useState(""),2),x=j[0],C=j[1],T=p.useRef(null),I=p.useRef(null),P=p.useRef(null),U=p.useRef(null),H=p.useRef(null),M=p.useRef(null),D=e.onFilterValueChange?e.filterValue:x,A=o.ObjectUtils.isEmpty(e.value),F=o.ObjectUtils.isEmpty(e.options),R="single"===e.selectionMode,V="checkbox"===e.selectionMode,q=E(n.useOverlayListener({target:T,overlay:I,listener:function(e,t){t.valid&&Z()},when:v}),2),K=q[0],L=q[1],_=function(){return pe.length?pe.map((function(e){return e.label})).join(", "):e.placeholder},B=function(){h(!0)},Z=function(){h(!1)},J=function(){s(!0)},X=function(){s(!1)},z=function(t){e.onChange&&(M.current=!0,e.onChange({originalEvent:t.originalEvent,value:t.value,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t.value}}))},$=function(t){e.onNodeSelect&&e.onNodeSelect(t),R&&Z()},Y=function(t){e.onNodeUnselect&&e.onNodeUnselect(t)},G=function(e){N(e.value)},Q=function(e){C(e.value)},W=function(e){switch(e.which){case 40:!v&&e.altKey&&B();break;case 32:v||(B(),e.preventDefault());break;case 13:case 27:v&&(Z(),e.preventDefault());break;case 9:Z()}},ee=function(e){13===e.which&&e.preventDefault()},te=function(t){var n=t.target.value;e.onFilterValueChange?e.onFilterValueChange({originalEvent:t,value:n}):C(n)},ne=function(){o.DomHandler.alignOverlay(I.current,H.current.parentElement,e.appendTo||f.default.appendTo)},le=function(){var e=o.DomHandler.findSingle(I.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},re=function t(n,l,r){if(n){if(ae(n,l)&&(r.push(n),delete l[n.key]),Object.keys(l).length&&n.children){var a,o=w(n.children);try{for(o.s();!(a=o.n()).done;){t(a.value,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var i,c=w(e.options);try{for(c.s();!(i=c.n()).done;){t(i.value,l,r)}}catch(e){c.e(e)}finally{c.f()}}},ae=function(e,t){return V?t[e.key]&&t[e.key].checked:t[e.key]},oe=function(){var t=R?m({},"".concat(e.value),!0):S({},e.value);N({}),t&&e.options&&ie(null,null,t)},ie=function t(n,l,r){if(n){if(ae(n,r)&&(ce(l),delete r[n.key]),Object.keys(r).length&&n.children){var a,o=w(n.children);try{for(o.s();!(a=o.n()).done;){var i=a.value;l.push(n.key),t(i,l,r)}}catch(e){o.e(e)}finally{o.f()}}}else{var c,u=w(e.options);try{for(u.s();!(c=u.n()).done;){t(c.value,[],r)}}catch(e){u.e(e)}finally{u.f()}}},ce=function(e){if(e.length>0){var t,n=S({},g||{}),l=w(e);try{for(l.s();!(t=l.n()).done;){n[t.value]=!0}}catch(e){l.e(e)}finally{l.f()}N(n)}};n.useMountEffect((function(){oe()})),n.useUpdateEffect((function(){v&&e.filter&&ne()})),n.useUpdateEffect((function(){oe()}),[e.options]),n.useUpdateEffect((function(){v&&g&&ne()}),[g]),n.useUpdateEffect((function(){v&&(M.current||oe(),M.current=!1)}),[e.value]),n.useUnmountEffect((function(){o.ZIndexUtils.clear(I.current)}));var ue,se=function(){if(e.filter){var t=o.ObjectUtils.isNotEmpty(D)?D:"";return p.createElement("div",{className:"p-treeselect-filter-container"},p.createElement("input",{ref:P,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:ee,onChange:te,disabled:e.disabled}),p.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}))}return null},pe=function(){var t=[];if(o.ObjectUtils.isNotEmpty(e.value)&&e.options){var n=R?m({},"".concat(e.value),!0):S({},e.value);re(null,n,t)}return t}(),fe=o.ObjectUtils.findDiffKeys(e,k.defaultProps),de=o.classNames("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-focus":u,"p-inputwrapper-filled":!A,"p-inputwrapper-focus":u||v},e.className),me=p.createElement("div",{className:"p-hidden-accessible"},p.createElement("input",{ref:U,role:"listbox",id:e.inputId,type:"text",readOnly:!0,"aria-expanded":v,onFocus:J,onBlur:X,onKeyDown:W,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),ye=function(){var t=o.classNames("p-treeselect-label",{"p-placeholder":_()===e.placeholder,"p-treeselect-label-empty":!e.placeholder&&A}),n=null;return e.valueTemplate?n=o.ObjectUtils.getJSXElement(e.valueTemplate,pe,e):"comma"===e.display?n=_()||"empty":"chip"===e.display&&(n=p.createElement(p.Fragment,null,pe&&pe.map((function(e,t){return p.createElement("div",{className:"p-treeselect-token",key:"".concat(e.key,"_").concat(t)},p.createElement("span",{className:"p-treeselect-token-label"},e.label))})),A&&(e.placeholder||"empty"))),p.createElement("div",{className:"p-treeselect-label-container"},p.createElement("div",{className:t},n))}(),ve=(ue=o.classNames("p-treeselect-trigger-icon p-clickable",e.dropdownIcon),p.createElement("div",{ref:H,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":v},p.createElement("span",{className:ue}))),he=p.createElement(p.Fragment,null,p.createElement(a.Tree,{value:e.options,selectionMode:e.selectionMode,selectionKeys:e.value,metaKeySelection:e.metaKeySelection,onSelectionChange:z,onSelect:$,onUnselect:Y,expandedKeys:g,onToggle:G,onExpand:e.onNodeExpand,onCollapse:e.onNodeCollapse,filter:e.filter,filterValue:D,filterBy:e.filterBy,filterMode:e.filterMode,filterPlaceholder:e.filterPlaceholder,filterLocale:e.filterLocale,showHeader:!1,onFilterValueChange:Q}),F&&p.createElement("div",{className:"p-treeselect-empty-message"},e.emptyMessage||t.localeOption("emptyMessage"))),be=function(){var t=se(),n=p.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:Z},p.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),p.createElement(r.Ripple,null)),l=p.createElement("div",{className:"p-treeselect-header"},t,n);return e.panelHeaderTemplate?o.ObjectUtils.getJSXElement(e.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:Z,element:l,props:e}):l}(),ge=o.ObjectUtils.getJSXElement(e.footer,e);return p.createElement("div",d({id:e.id,ref:T,className:de,style:e.style},fe,{onClick:function(t){e.disabled||I.current&&I.current.contains(t.target)||o.DomHandler.hasClass(t.target,"p-treeselect-close")||(U.current.focus(),v?Z():B())}}),me,ye,ve,p.createElement(O,{ref:I,appendTo:e.appendTo,panelStyle:e.panelStyle,panelClassName:e.panelClassName,scrollHeight:e.scrollHeight,onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:T.current})},header:be,footer:ge,transitionOptions:e.transitionOptions,in:v,onEnter:function(){o.ZIndexUtils.set("overlay",I.current,f.default.autoZIndex,f.default.zIndex.overlay),ne(),le()},onEntered:function(){K(),e.filter&&e.filterInputAutoFocus&&P.current.focus(),e.onShow&&e.onShow()},onExit:function(){L()},onExited:function(){e.filter&&e.resetFilterOnHide&&C(""),o.ZIndexUtils.clear(I.current),e.onHide&&e.onHide()}},he))})));k.displayName="TreeSelect",k.defaultProps={__TYPE:"TreeSelect",id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null},exports.TreeSelect=k;

package/treeselect/treeselect.d.ts

@@ -64,7 +64,7 @@ interface TreeSelectFilterValueChangeParams {
     value: string;
 }
 
-export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'|'value'> {
+export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'|'value' | 'ref'> {
     id?: string;
     value?: TreeSelectSelectionKeys;
     name?: string;
@@ -106,6 +106,7 @@ export interface TreeSelectProps extends Omit<React.DetailedHTMLProps<React.Inpu
     onNodeExpand?(e: TreeSelectEventNodeParams): void;
     onNodeCollapse?(e: TreeSelectEventNodeParams): void;
     onFilterValueChange?(e: TreeSelectFilterValueChangeParams): void;
+    children?: React.ReactNode;
 }
 
 export declare class TreeSelect extends React.Component<TreeSelectProps, any> { }

package/treeselect/treeselect.esm.js

@@ -518,7 +518,6 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         updateTreeState();
       }
 
-      scrollInView();
       selfChange.current = false;
     }
   }, [props.value]);

package/treeselect/treeselect.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{localeOption as n}from"primereact/api";import{useOverlayListener as l,useMountEffect as r,useUpdateEffect as a,useUnmountEffect as o}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Ripple as c}from"primereact/ripple";import{Tree as u}from"primereact/tree";import{classNames as s,ObjectUtils as p,ZIndexUtils as f,DomHandler as d}from"primereact/utils";import{CSSTransition as m}from"primereact/csstransition";import{Portal as y}from"primereact/portal";function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},v.apply(this,arguments)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function N(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return b(e)||g(e,t)||N(e,t)||w()}var O=e.forwardRef((function(t,n){var l,r,a=(l={maxHeight:t.scrollHeight||"auto"},r=s("p-treeselect-panel p-component",t.panelClassName),e.createElement(m,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:r,style:t.panelStyle,onClick:t.onClick},t.header,e.createElement("div",{className:"p-treeselect-items-wrapper",style:l},t.children),t.footer)));return e.createElement(y,{element:a,appendTo:t.appendTo})}));function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function x(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){h(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 C(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=j(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function j(e,t){if(e){if("string"==typeof e)return T(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)?T(e,t):void 0}}function T(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}O.displayName="TreeSelectPanel";var I=e.memo(e.forwardRef((function(m,y){var b=S(e.useState(!1),2),g=b[0],E=b[1],N=S(e.useState(!1),2),w=N[0],k=N[1],j=S(e.useState({}),2),T=j[0],P=j[1],A=S(e.useState(""),2),H=A[0],F=A[1],M=e.useRef(null),D=e.useRef(null),V=e.useRef(null),K=e.useRef(null),R=e.useRef(null),L=e.useRef(null),B=m.onFilterValueChange?m.filterValue:H,U=p.isEmpty(m.value),J=p.isEmpty(m.options),X="single"===m.selectionMode,_="checkbox"===m.selectionMode,$=S(l({target:M,overlay:D,listener:function(e,t){t.valid&&G()},when:w}),2),z=$[0],Y=$[1],Z=function(){return he.length?he.map((function(e){return e.label})).join(", "):m.placeholder},q=function(){k(!0)},G=function(){k(!1)},Q=function(){E(!0)},W=function(){E(!1)},ee=function(e){m.onChange&&(L.current=!0,m.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){},preventDefault:function(){},target:{name:m.name,id:m.id,value:e.value}}))},te=function(e){m.onNodeSelect&&m.onNodeSelect(e),X&&G()},ne=function(e){m.onNodeUnselect&&m.onNodeUnselect(e)},le=function(e){P(e.value)},re=function(e){F(e.value)},ae=function(e){switch(e.which){case 40:!w&&e.altKey&&q();break;case 32:w||(q(),e.preventDefault());break;case 13:case 27:w&&(G(),e.preventDefault());break;case 9:G()}},oe=function(e){13===e.which&&e.preventDefault()},ie=function(e){var t=e.target.value;m.onFilterValueChange?m.onFilterValueChange({originalEvent:e,value:t}):F(t)},ce=function(){d.alignOverlay(D.current,R.current.parentElement,m.appendTo||t.appendTo)},ue=function(){var e=d.findSingle(D.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},se=function e(t,n,l){if(t){if(pe(t,n)&&(l.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var r,a=C(t.children);try{for(a.s();!(r=a.n()).done;){e(r.value,n,l)}}catch(e){a.e(e)}finally{a.f()}}}else{var o,i=C(m.options);try{for(i.s();!(o=i.n()).done;){e(o.value,n,l)}}catch(e){i.e(e)}finally{i.f()}}},pe=function(e,t){return _?t[e.key]&&t[e.key].checked:t[e.key]},fe=function(){var e=X?h({},"".concat(m.value),!0):x({},m.value);P({}),e&&m.options&&de(null,null,e)},de=function e(t,n,l){if(t){if(pe(t,l)&&(me(n),delete l[t.key]),Object.keys(l).length&&t.children){var r,a=C(t.children);try{for(a.s();!(r=a.n()).done;){var o=r.value;n.push(t.key),e(o,n,l)}}catch(e){a.e(e)}finally{a.f()}}}else{var i,c=C(m.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],l)}}catch(e){c.e(e)}finally{c.f()}}},me=function(e){if(e.length>0){var t,n=x({},T||{}),l=C(e);try{for(l.s();!(t=l.n()).done;){n[t.value]=!0}}catch(e){l.e(e)}finally{l.f()}P(n)}};r((function(){fe()})),a((function(){w&&m.filter&&ce()})),a((function(){fe()}),[m.options]),a((function(){w&&T&&ce()}),[T]),a((function(){w&&(L.current||fe(),ue(),L.current=!1)}),[m.value]),o((function(){f.clear(D.current)}));var ye,ve=function(){if(m.filter){var t=p.isNotEmpty(B)?B:"";return e.createElement("div",{className:"p-treeselect-filter-container"},e.createElement("input",{ref:V,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:m.filterPlaceholder,onKeyDown:oe,onChange:ie,disabled:m.disabled}),e.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}))}return null},he=function(){var e=[];if(p.isNotEmpty(m.value)&&m.options){var t=X?h({},"".concat(m.value),!0):x({},m.value);se(null,t,e)}return e}(),be=p.findDiffKeys(m,I.defaultProps),ge=s("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===m.display,"p-disabled":m.disabled,"p-focus":g,"p-inputwrapper-filled":!U,"p-inputwrapper-focus":g||w},m.className),Ee=e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:K,role:"listbox",id:m.inputId,type:"text",readOnly:!0,"aria-expanded":w,onFocus:Q,onBlur:W,onKeyDown:ae,disabled:m.disabled,tabIndex:m.tabIndex,"aria-label":m.ariaLabel,"aria-labelledby":m.ariaLabelledBy})),Ne=function(){var t=s("p-treeselect-label",{"p-placeholder":Z()===m.placeholder,"p-treeselect-label-empty":!m.placeholder&&U}),n=null;return m.valueTemplate?n=p.getJSXElement(m.valueTemplate,he,m):"comma"===m.display?n=Z()||"empty":"chip"===m.display&&(n=e.createElement(e.Fragment,null,he&&he.map((function(t,n){return e.createElement("div",{className:"p-treeselect-token",key:"".concat(t.key,"_").concat(n)},e.createElement("span",{className:"p-treeselect-token-label"},t.label))})),U&&(m.placeholder||"empty"))),e.createElement("div",{className:"p-treeselect-label-container"},e.createElement("div",{className:t},n))}(),we=(ye=s("p-treeselect-trigger-icon p-clickable",m.dropdownIcon),e.createElement("div",{ref:R,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":w},e.createElement("span",{className:ye}))),Se=e.createElement(e.Fragment,null,e.createElement(u,{value:m.options,selectionMode:m.selectionMode,selectionKeys:m.value,metaKeySelection:m.metaKeySelection,onSelectionChange:ee,onSelect:te,onUnselect:ne,expandedKeys:T,onToggle:le,onExpand:m.onNodeExpand,onCollapse:m.onNodeCollapse,filter:m.filter,filterValue:B,filterBy:m.filterBy,filterMode:m.filterMode,filterPlaceholder:m.filterPlaceholder,filterLocale:m.filterLocale,showHeader:!1,onFilterValueChange:re}),J&&e.createElement("div",{className:"p-treeselect-empty-message"},m.emptyMessage||n("emptyMessage"))),Oe=function(){var t=ve(),n=e.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:G},e.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),e.createElement(c,null)),l=e.createElement("div",{className:"p-treeselect-header"},t,n);return m.panelHeaderTemplate?p.getJSXElement(m.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:G,element:l,props:m}):l}(),ke=p.getJSXElement(m.footer,m);return e.createElement("div",v({id:m.id,ref:M,className:ge,style:m.style},be,{onClick:function(e){m.disabled||D.current&&D.current.contains(e.target)||d.hasClass(e.target,"p-treeselect-close")||(K.current.focus(),w?G():q())}}),Ee,Ne,we,e.createElement(O,{ref:D,appendTo:m.appendTo,panelStyle:m.panelStyle,panelClassName:m.panelClassName,scrollHeight:m.scrollHeight,onClick:function(e){i.emit("overlay-click",{originalEvent:e,target:M.current})},header:Oe,footer:ke,transitionOptions:m.transitionOptions,in:w,onEnter:function(){f.set("overlay",D.current,t.autoZIndex,t.zIndex.overlay),ce(),ue()},onEntered:function(){z(),m.filter&&m.filterInputAutoFocus&&V.current.focus(),m.onShow&&m.onShow()},onExit:function(){Y()},onExited:function(){m.filter&&m.resetFilterOnHide&&F(""),f.clear(D.current),m.onHide&&m.onHide()}},Se))})));I.displayName="TreeSelect",I.defaultProps={__TYPE:"TreeSelect",id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null};export{I as TreeSelect};
+import*as e from"react";import t,{localeOption as n}from"primereact/api";import{useOverlayListener as l,useMountEffect as r,useUpdateEffect as a,useUnmountEffect as o}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Ripple as c}from"primereact/ripple";import{Tree as u}from"primereact/tree";import{classNames as s,ObjectUtils as p,ZIndexUtils as f,DomHandler as d}from"primereact/utils";import{CSSTransition as m}from"primereact/csstransition";import{Portal as y}from"primereact/portal";function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},v.apply(this,arguments)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw r}}return a}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function N(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return b(e)||g(e,t)||N(e,t)||w()}var O=e.forwardRef((function(t,n){var l,r,a=(l={maxHeight:t.scrollHeight||"auto"},r=s("p-treeselect-panel p-component",t.panelClassName),e.createElement(m,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:r,style:t.panelStyle,onClick:t.onClick},t.header,e.createElement("div",{className:"p-treeselect-items-wrapper",style:l},t.children),t.footer)));return e.createElement(y,{element:a,appendTo:t.appendTo})}));function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function x(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){h(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 C(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=j(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function j(e,t){if(e){if("string"==typeof e)return T(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)?T(e,t):void 0}}function T(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}O.displayName="TreeSelectPanel";var I=e.memo(e.forwardRef((function(m,y){var b=S(e.useState(!1),2),g=b[0],E=b[1],N=S(e.useState(!1),2),w=N[0],k=N[1],j=S(e.useState({}),2),T=j[0],P=j[1],A=S(e.useState(""),2),H=A[0],F=A[1],M=e.useRef(null),D=e.useRef(null),V=e.useRef(null),K=e.useRef(null),R=e.useRef(null),L=e.useRef(null),B=m.onFilterValueChange?m.filterValue:H,U=p.isEmpty(m.value),J=p.isEmpty(m.options),X="single"===m.selectionMode,_="checkbox"===m.selectionMode,$=S(l({target:M,overlay:D,listener:function(e,t){t.valid&&G()},when:w}),2),z=$[0],Y=$[1],Z=function(){return he.length?he.map((function(e){return e.label})).join(", "):m.placeholder},q=function(){k(!0)},G=function(){k(!1)},Q=function(){E(!0)},W=function(){E(!1)},ee=function(e){m.onChange&&(L.current=!0,m.onChange({originalEvent:e.originalEvent,value:e.value,stopPropagation:function(){},preventDefault:function(){},target:{name:m.name,id:m.id,value:e.value}}))},te=function(e){m.onNodeSelect&&m.onNodeSelect(e),X&&G()},ne=function(e){m.onNodeUnselect&&m.onNodeUnselect(e)},le=function(e){P(e.value)},re=function(e){F(e.value)},ae=function(e){switch(e.which){case 40:!w&&e.altKey&&q();break;case 32:w||(q(),e.preventDefault());break;case 13:case 27:w&&(G(),e.preventDefault());break;case 9:G()}},oe=function(e){13===e.which&&e.preventDefault()},ie=function(e){var t=e.target.value;m.onFilterValueChange?m.onFilterValueChange({originalEvent:e,value:t}):F(t)},ce=function(){d.alignOverlay(D.current,R.current.parentElement,m.appendTo||t.appendTo)},ue=function(){var e=d.findSingle(D.current,".p-treenode-content.p-highlight");e&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"start"})},se=function e(t,n,l){if(t){if(pe(t,n)&&(l.push(t),delete n[t.key]),Object.keys(n).length&&t.children){var r,a=C(t.children);try{for(a.s();!(r=a.n()).done;){e(r.value,n,l)}}catch(e){a.e(e)}finally{a.f()}}}else{var o,i=C(m.options);try{for(i.s();!(o=i.n()).done;){e(o.value,n,l)}}catch(e){i.e(e)}finally{i.f()}}},pe=function(e,t){return _?t[e.key]&&t[e.key].checked:t[e.key]},fe=function(){var e=X?h({},"".concat(m.value),!0):x({},m.value);P({}),e&&m.options&&de(null,null,e)},de=function e(t,n,l){if(t){if(pe(t,l)&&(me(n),delete l[t.key]),Object.keys(l).length&&t.children){var r,a=C(t.children);try{for(a.s();!(r=a.n()).done;){var o=r.value;n.push(t.key),e(o,n,l)}}catch(e){a.e(e)}finally{a.f()}}}else{var i,c=C(m.options);try{for(c.s();!(i=c.n()).done;){e(i.value,[],l)}}catch(e){c.e(e)}finally{c.f()}}},me=function(e){if(e.length>0){var t,n=x({},T||{}),l=C(e);try{for(l.s();!(t=l.n()).done;){n[t.value]=!0}}catch(e){l.e(e)}finally{l.f()}P(n)}};r((function(){fe()})),a((function(){w&&m.filter&&ce()})),a((function(){fe()}),[m.options]),a((function(){w&&T&&ce()}),[T]),a((function(){w&&(L.current||fe(),L.current=!1)}),[m.value]),o((function(){f.clear(D.current)}));var ye,ve=function(){if(m.filter){var t=p.isNotEmpty(B)?B:"";return e.createElement("div",{className:"p-treeselect-filter-container"},e.createElement("input",{ref:V,type:"text",value:t,autoComplete:"off",className:"p-treeselect-filter p-inputtext p-component",placeholder:m.filterPlaceholder,onKeyDown:oe,onChange:ie,disabled:m.disabled}),e.createElement("span",{className:"p-treeselect-filter-icon pi pi-search"}))}return null},he=function(){var e=[];if(p.isNotEmpty(m.value)&&m.options){var t=X?h({},"".concat(m.value),!0):x({},m.value);se(null,t,e)}return e}(),be=p.findDiffKeys(m,I.defaultProps),ge=s("p-treeselect p-component p-inputwrapper",{"p-treeselect-chip":"chip"===m.display,"p-disabled":m.disabled,"p-focus":g,"p-inputwrapper-filled":!U,"p-inputwrapper-focus":g||w},m.className),Ee=e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",{ref:K,role:"listbox",id:m.inputId,type:"text",readOnly:!0,"aria-expanded":w,onFocus:Q,onBlur:W,onKeyDown:ae,disabled:m.disabled,tabIndex:m.tabIndex,"aria-label":m.ariaLabel,"aria-labelledby":m.ariaLabelledBy})),Ne=function(){var t=s("p-treeselect-label",{"p-placeholder":Z()===m.placeholder,"p-treeselect-label-empty":!m.placeholder&&U}),n=null;return m.valueTemplate?n=p.getJSXElement(m.valueTemplate,he,m):"comma"===m.display?n=Z()||"empty":"chip"===m.display&&(n=e.createElement(e.Fragment,null,he&&he.map((function(t,n){return e.createElement("div",{className:"p-treeselect-token",key:"".concat(t.key,"_").concat(n)},e.createElement("span",{className:"p-treeselect-token-label"},t.label))})),U&&(m.placeholder||"empty"))),e.createElement("div",{className:"p-treeselect-label-container"},e.createElement("div",{className:t},n))}(),we=(ye=s("p-treeselect-trigger-icon p-clickable",m.dropdownIcon),e.createElement("div",{ref:R,className:"p-treeselect-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":w},e.createElement("span",{className:ye}))),Se=e.createElement(e.Fragment,null,e.createElement(u,{value:m.options,selectionMode:m.selectionMode,selectionKeys:m.value,metaKeySelection:m.metaKeySelection,onSelectionChange:ee,onSelect:te,onUnselect:ne,expandedKeys:T,onToggle:le,onExpand:m.onNodeExpand,onCollapse:m.onNodeCollapse,filter:m.filter,filterValue:B,filterBy:m.filterBy,filterMode:m.filterMode,filterPlaceholder:m.filterPlaceholder,filterLocale:m.filterLocale,showHeader:!1,onFilterValueChange:re}),J&&e.createElement("div",{className:"p-treeselect-empty-message"},m.emptyMessage||n("emptyMessage"))),Oe=function(){var t=ve(),n=e.createElement("button",{type:"button",className:"p-treeselect-close p-link",onClick:G},e.createElement("span",{className:"p-treeselect-close-icon pi pi-times"}),e.createElement(c,null)),l=e.createElement("div",{className:"p-treeselect-header"},t,n);return m.panelHeaderTemplate?p.getJSXElement(m.panelHeaderTemplate,{className:"p-treeselect-header",filterElement:t,closeElement:n,closeElementClassName:"p-treeselect-close p-link",closeIconClassName:"p-treeselect-close-icon pi pi-times",onCloseClick:G,element:l,props:m}):l}(),ke=p.getJSXElement(m.footer,m);return e.createElement("div",v({id:m.id,ref:M,className:ge,style:m.style},be,{onClick:function(e){m.disabled||D.current&&D.current.contains(e.target)||d.hasClass(e.target,"p-treeselect-close")||(K.current.focus(),w?G():q())}}),Ee,Ne,we,e.createElement(O,{ref:D,appendTo:m.appendTo,panelStyle:m.panelStyle,panelClassName:m.panelClassName,scrollHeight:m.scrollHeight,onClick:function(e){i.emit("overlay-click",{originalEvent:e,target:M.current})},header:Oe,footer:ke,transitionOptions:m.transitionOptions,in:w,onEnter:function(){f.set("overlay",D.current,t.autoZIndex,t.zIndex.overlay),ce(),ue()},onEntered:function(){z(),m.filter&&m.filterInputAutoFocus&&V.current.focus(),m.onShow&&m.onShow()},onExit:function(){Y()},onExited:function(){m.filter&&m.resetFilterOnHide&&F(""),f.clear(D.current),m.onHide&&m.onHide()}},Se))})));I.displayName="TreeSelect",I.defaultProps={__TYPE:"TreeSelect",id:null,value:null,name:null,style:null,className:null,disabled:!1,options:null,scrollHeight:"400px",placeholder:null,tabIndex:null,inputId:null,ariaLabel:null,ariaLabelledBy:null,selectionMode:"single",panelStyle:null,panelClassName:null,appendTo:null,emptyMessage:null,display:"comma",metaKeySelection:!0,valueTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",filter:!1,filterValue:null,filterBy:"label",filterMode:"lenient",filterPlaceholder:null,filterLocale:void 0,filterInputAutoFocus:!0,resetFilterOnHide:!1,onShow:null,onHide:null,onChange:null,onNodeSelect:null,onNodeUnselect:null,onNodeExpand:null,onNodeCollapse:null,onFilterValueChange:null};export{I as TreeSelect};

package/treeselect/treeselect.js

@@ -535,7 +535,6 @@ this.primereact.treeselect = (function (exports, React, PrimeReact, hooks, overl
           updateTreeState();
         }
 
-        scrollInView();
         selfChange.current = false;
       }
     }, [props.value]);