primereact 8.0.0-rc.1 → 8.0.1

package/steps/steps.js

@@ -77,6 +77,12 @@ this.primereact.steps = (function (exports, React, utils) {
         'p-highlight p-steps-current': active,
         'p-disabled': disabled
       });
+      var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
+      var icon = utils.IconUtils.getJSXIcon(item.icon, {
+        className: 'p-menuitem-icon'
+      }, {
+        props: props
+      });
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-steps-title"
       }, item.label);
@@ -91,7 +97,7 @@ this.primereact.steps = (function (exports, React, utils) {
         tabIndex: tabIndex
       }, /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-steps-number"
-      }, index + 1), label);
+      }, index + 1), icon, label);
 
       if (item.template) {
         var defaultContentOptions = {
@@ -101,6 +107,7 @@ this.primereact.steps = (function (exports, React, utils) {
           className: 'p-menuitem-link',
           labelClassName: 'p-steps-title',
           numberClassName: 'p-steps-number',
+          iconClassName: iconClassName,
           element: content,
           props: props,
           tabIndex: tabIndex,

package/steps/steps.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.steps=function(e,t,a){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var n=l(t);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},r.apply(this,arguments)}var s=n.memo(n.forwardRef((function(e,t){var l=function(t,a,l){e.readOnly||a.disabled?t.preventDefault():(e.onSelect&&e.onSelect({originalEvent:t,item:a,index:l}),a.url||t.preventDefault(),a.command&&a.command({originalEvent:t,item:a,index:l}))},i=function(t,r){var s=t.label+"_"+r,i=r===e.activeIndex,c=t.disabled||r!==e.activeIndex&&e.readOnly,p=c?-1:"",u=a.classNames("p-steps-item",t.className,{"p-highlight p-steps-current":i,"p-disabled":c}),m=t.label&&n.createElement("span",{className:"p-steps-title"},t.label),o=n.createElement("a",{href:t.url||"#",className:"p-menuitem-link",role:"presentation",target:t.target,onClick:function(e){return l(e,t,r)},tabIndex:p},n.createElement("span",{className:"p-steps-number"},r+1),m);t.template&&(o=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return l(e,t,r)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",element:o,props:e,tabIndex:p,active:i,disabled:c}));return n.createElement("li",{key:s,className:u,style:t.style,role:"tab","aria-selected":i,"aria-expanded":i},o)},c=a.ObjectUtils.findDiffKeys(e,s.defaultProps),p=a.classNames("p-steps p-component",{"p-readonly":e.readOnly},e.className),u=function(){if(e.model){var t=e.model.map(i);return n.createElement("ul",{role:"tablist"},t)}return null}();return n.createElement("div",r({id:e.id,className:p,style:e.style},c),u)})));return s.displayName="Steps",s.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},e.Steps=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.steps=function(e,t,a){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var l=n(t);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},r.apply(this,arguments)}var s=l.memo(l.forwardRef((function(e,t){var n=function(t,a,n){e.readOnly||a.disabled?t.preventDefault():(e.onSelect&&e.onSelect({originalEvent:t,item:a,index:n}),a.url||t.preventDefault(),a.command&&a.command({originalEvent:t,item:a,index:n}))},i=function(t,r){var s=t.label+"_"+r,i=r===e.activeIndex,c=t.disabled||r!==e.activeIndex&&e.readOnly,m=c?-1:"",o=a.classNames("p-steps-item",t.className,{"p-highlight p-steps-current":i,"p-disabled":c}),p=a.classNames("p-menuitem-icon",t.icon),u=a.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),d=t.label&&l.createElement("span",{className:"p-steps-title"},t.label),f=l.createElement("a",{href:t.url||"#",className:"p-menuitem-link",role:"presentation",target:t.target,onClick:function(e){return n(e,t,r)},tabIndex:m},l.createElement("span",{className:"p-steps-number"},r+1),u,d);t.template&&(f=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return n(e,t,r)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:p,element:f,props:e,tabIndex:m,active:i,disabled:c}));return l.createElement("li",{key:s,className:o,style:t.style,role:"tab","aria-selected":i,"aria-expanded":i},f)},c=a.ObjectUtils.findDiffKeys(e,s.defaultProps),m=a.classNames("p-steps p-component",{"p-readonly":e.readOnly},e.className),o=function(){if(e.model){var t=e.model.map(i);return l.createElement("ul",{role:"tablist"},t)}return null}();return l.createElement("div",r({id:e.id,className:m,style:e.style},c),o)})));return s.displayName="Steps",s.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},e.Steps=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/styleclass/styleclass.d.ts

@@ -13,6 +13,7 @@ export interface StyleClassProps {
     leaveToClassName?: string;
     hideOnOutsideClick?: boolean;
     toggleClassName?: string;
+    children?: React.ReactNode;
 }
 
 export declare class StyleClass extends React.Component<StyleClassProps, any> { }

package/tabmenu/tabmenu.cjs.js

@@ -174,9 +174,10 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       '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.cjs.min.js

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

package/tabmenu/tabmenu.d.ts

@@ -14,6 +14,7 @@ export interface TabMenuProps {
     style?: object;
     className?: string;
     onTabChange?(e: TabMenuTabChangeParams): void;
+    children?: React.ReactNode;
 }
 
 export declare class TabMenu extends React.Component<TabMenuProps, any> { }

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.cjs.js

@@ -69,7 +69,7 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
 
   var onKeyDown = function onKeyDown(event) {
-    if (event.key === 'Enter') {
+    if (event.keyCode === 32) {
       toggle(event);
       event.preventDefault();
     }
@@ -111,7 +111,8 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     onBlur: props.onBlur,
     onKeyDown: onKeyDown,
     tabIndex: tabIndex,
-    "aria-labelledby": props.ariaLabelledBy
+    role: "button",
+    "aria-pressed": props.checked
   }), iconElement, /*#__PURE__*/React__namespace.createElement("span", {
     className: "p-button-label"
   }, label), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
@@ -134,7 +135,6 @@ ToggleButton.defaultProps = {
   tabIndex: 0,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
   onChange: null,
   onFocus: null,
   onBlur: null

package/togglebutton/togglebutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),o=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(e);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},r.apply(this,arguments)}var c=a.memo(a.forwardRef((function(e,l){var i=a.useRef(null),u=e.onLabel&&e.onLabel.length>0&&e.offLabel&&e.offLabel.length>0,s=e.onIcon&&e.onIcon.length>0&&e.offIcon&&e.offIcon.length>0,f=u?e.checked?e.onLabel:e.offLabel:"&nbsp;",p=e.checked?e.onIcon:e.offIcon,b=function(t){!e.disabled&&e.onChange&&e.onChange({originalEvent:t,value:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:!e.checked}})},d=o.ObjectUtils.isNotEmpty(e.tooltip),g=!e.disabled&&e.tabIndex,m=o.ObjectUtils.findDiffKeys(e,c.defaultProps),h=o.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!u,"p-highlight":e.checked,"p-disabled":e.disabled},e.className),y=function(){if(s){var t=o.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&f,"p-button-icon-right":"right"===e.iconPos&&f});return o.IconUtils.getJSXIcon(p,{className:t},{props:e})}return null}();return a.createElement(a.Fragment,null,a.createElement("div",r({ref:i,id:e.id,className:h,style:e.style},m,{onClick:b,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:function(e){"Enter"===e.key&&(b(e),e.preventDefault())},tabIndex:g,"aria-labelledby":e.ariaLabelledBy}),y,a.createElement("span",{className:"p-button-label"},f),a.createElement(t.Ripple,null)),d&&a.createElement(n.Tooltip,r({target:i,content:e.tooltip},e.tooltipOptions)))})));c.displayName="ToggleButton",c.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onFocus:null,onBlur:null},exports.ToggleButton=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),o=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=l(e);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a.apply(this,arguments)}var c=r.memo(r.forwardRef((function(e,l){var i=r.useRef(null),u=e.onLabel&&e.onLabel.length>0&&e.offLabel&&e.offLabel.length>0,s=e.onIcon&&e.onIcon.length>0&&e.offIcon&&e.offIcon.length>0,f=u?e.checked?e.onLabel:e.offLabel:"&nbsp;",p=e.checked?e.onIcon:e.offIcon,d=function(t){!e.disabled&&e.onChange&&e.onChange({originalEvent:t,value:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:!e.checked}})},b=o.ObjectUtils.isNotEmpty(e.tooltip),g=!e.disabled&&e.tabIndex,m=o.ObjectUtils.findDiffKeys(e,c.defaultProps),h=o.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!u,"p-highlight":e.checked,"p-disabled":e.disabled},e.className),v=function(){if(s){var t=o.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&f,"p-button-icon-right":"right"===e.iconPos&&f});return o.IconUtils.getJSXIcon(p,{className:t},{props:e})}return null}();return r.createElement(r.Fragment,null,r.createElement("div",a({ref:i,id:e.id,className:h,style:e.style},m,{onClick:d,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:function(e){32===e.keyCode&&(d(e),e.preventDefault())},tabIndex:g,role:"button","aria-pressed":e.checked}),v,r.createElement("span",{className:"p-button-label"},f),r.createElement(t.Ripple,null)),b&&r.createElement(n.Tooltip,a({target:i,content:e.tooltip},e.tooltipOptions)))})));c.displayName="ToggleButton",c.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null},exports.ToggleButton=c;

package/togglebutton/togglebutton.d.ts

@@ -31,10 +31,10 @@ export interface ToggleButtonProps extends Omit<React.DetailedHTMLProps<React.In
     tabIndex?: number;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
-    ariaLabelledBy?: string;
     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/togglebutton/togglebutton.esm.js

@@ -45,7 +45,7 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
 
   var onKeyDown = function onKeyDown(event) {
-    if (event.key === 'Enter') {
+    if (event.keyCode === 32) {
       toggle(event);
       event.preventDefault();
     }
@@ -87,7 +87,8 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     onBlur: props.onBlur,
     onKeyDown: onKeyDown,
     tabIndex: tabIndex,
-    "aria-labelledby": props.ariaLabelledBy
+    role: "button",
+    "aria-pressed": props.checked
   }), iconElement, /*#__PURE__*/React.createElement("span", {
     className: "p-button-label"
   }, label), /*#__PURE__*/React.createElement(Ripple, null)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
@@ -110,7 +111,6 @@ ToggleButton.defaultProps = {
   tabIndex: 0,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
   onChange: null,
   onFocus: null,
   onBlur: null

package/togglebutton/togglebutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Ripple as n}from"primereact/ripple";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as t,classNames as l,IconUtils as a}from"primereact/utils";function r(){return r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},r.apply(this,arguments)}var i=e.memo(e.forwardRef((function(c,u){var p=e.useRef(null),f=c.onLabel&&c.onLabel.length>0&&c.offLabel&&c.offLabel.length>0,s=c.onIcon&&c.onIcon.length>0&&c.offIcon&&c.offIcon.length>0,d=f?c.checked?c.onLabel:c.offLabel:"&nbsp;",b=c.checked?c.onIcon:c.offIcon,m=function(e){!c.disabled&&c.onChange&&c.onChange({originalEvent:e,value:!c.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:c.name,id:c.id,value:!c.checked}})},g=t.isNotEmpty(c.tooltip),h=!c.disabled&&c.tabIndex,y=t.findDiffKeys(c,i.defaultProps),v=l("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!f,"p-highlight":c.checked,"p-disabled":c.disabled},c.className),I=function(){if(s){var e=l("p-button-icon p-c",{"p-button-icon-left":"left"===c.iconPos&&d,"p-button-icon-right":"right"===c.iconPos&&d});return a.getJSXIcon(b,{className:e},{props:c})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",r({ref:p,id:c.id,className:v,style:c.style},y,{onClick:m,onFocus:c.onFocus,onBlur:c.onBlur,onKeyDown:function(e){"Enter"===e.key&&(m(e),e.preventDefault())},tabIndex:h,"aria-labelledby":c.ariaLabelledBy}),I,e.createElement("span",{className:"p-button-label"},d),e.createElement(n,null)),g&&e.createElement(o,r({target:p,content:c.tooltip},c.tooltipOptions)))})));i.displayName="ToggleButton",i.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,onChange:null,onFocus:null,onBlur:null};export{i as ToggleButton};
+import*as e from"react";import{Ripple as n}from"primereact/ripple";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as t,classNames as l,IconUtils as a}from"primereact/utils";function r(){return r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},r.apply(this,arguments)}var c=e.memo(e.forwardRef((function(i,u){var p=e.useRef(null),f=i.onLabel&&i.onLabel.length>0&&i.offLabel&&i.offLabel.length>0,s=i.onIcon&&i.onIcon.length>0&&i.offIcon&&i.offIcon.length>0,d=f?i.checked?i.onLabel:i.offLabel:"&nbsp;",m=i.checked?i.onIcon:i.offIcon,b=function(e){!i.disabled&&i.onChange&&i.onChange({originalEvent:e,value:!i.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:!i.checked}})},g=t.isNotEmpty(i.tooltip),h=!i.disabled&&i.tabIndex,v=t.findDiffKeys(i,c.defaultProps),y=l("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!f,"p-highlight":i.checked,"p-disabled":i.disabled},i.className),I=function(){if(s){var e=l("p-button-icon p-c",{"p-button-icon-left":"left"===i.iconPos&&d,"p-button-icon-right":"right"===i.iconPos&&d});return a.getJSXIcon(m,{className:e},{props:i})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",r({ref:p,id:i.id,className:y,style:i.style},v,{onClick:b,onFocus:i.onFocus,onBlur:i.onBlur,onKeyDown:function(e){32===e.keyCode&&(b(e),e.preventDefault())},tabIndex:h,role:"button","aria-pressed":i.checked}),I,e.createElement("span",{className:"p-button-label"},d),e.createElement(n,null)),g&&e.createElement(o,r({target:p,content:i.tooltip},i.tooltipOptions)))})));c.displayName="ToggleButton",c.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null};export{c as ToggleButton};

package/togglebutton/togglebutton.js

@@ -64,7 +64,7 @@ this.primereact.togglebutton = (function (exports, React, ripple, tooltip, utils
     };
 
     var onKeyDown = function onKeyDown(event) {
-      if (event.key === 'Enter') {
+      if (event.keyCode === 32) {
         toggle(event);
         event.preventDefault();
       }
@@ -106,7 +106,8 @@ this.primereact.togglebutton = (function (exports, React, ripple, tooltip, utils
       onBlur: props.onBlur,
       onKeyDown: onKeyDown,
       tabIndex: tabIndex,
-      "aria-labelledby": props.ariaLabelledBy
+      role: "button",
+      "aria-pressed": props.checked
     }), iconElement, /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-button-label"
     }, label), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
@@ -129,7 +130,6 @@ this.primereact.togglebutton = (function (exports, React, ripple, tooltip, utils
     tabIndex: 0,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
     onChange: null,
     onFocus: null,
     onBlur: null