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

package/speeddial/speeddial.esm.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Button } from 'primereact/button';
 import { useEventListener, useMountEffect, useUpdateEffect } from 'primereact/hooks';
 import { Ripple } from 'primereact/ripple';
-import { DomHandler, ObjectUtils, classNames } from 'primereact/utils';
+import { DomHandler, ObjectUtils, classNames, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -292,11 +292,11 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       'p-disabled': disabled
     });
     var iconClassName = classNames('p-speeddial-action-icon', _icon);
-
-    var icon = _icon && /*#__PURE__*/React.createElement("span", {
-      className: iconClassName
+    var icon = IconUtils.getJSXIcon(_icon, {
+      className: 'p-speeddial-action-icon'
+    }, {
+      props: props
     });
-
     var content = /*#__PURE__*/React.createElement("a", {
       href: url || '#',
       role: "menuitem",
@@ -346,15 +346,20 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var createButton = function createButton() {
     var _classNames;
 
+    var showIconVisible = !visible && !!props.showIcon || !props.hideIcon;
+    var hideIconVisible = visible && !!props.hideIcon;
     var className = classNames('p-speeddial-button p-button-rounded', {
       'p-speeddial-rotate': props.rotateAnimation && !props.hideIcon
     }, props.buttonClassName);
     var iconClassName = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(props.showIcon), !visible && !!props.showIcon || !props.hideIcon), _defineProperty(_classNames, "".concat(props.hideIcon), visible && !!props.hideIcon), _classNames));
+    var icon = IconUtils.getJSXIcon(showIconVisible ? props.showIcon : hideIconVisible ? props.hideIcon : null, undefined, {
+      props: props
+    });
     var content = /*#__PURE__*/React.createElement(Button, {
       type: "button",
       style: props.buttonStyle,
       className: className,
-      icon: iconClassName,
+      icon: icon,
       onClick: onClick,
       disabled: props.disabled
     });

package/speeddial/speeddial.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Button as t}from"primereact/button";import{useEventListener as n,useMountEffect as r,useUpdateEffect as i}from"primereact/hooks";import{Ripple as a}from"primereact/ripple";import{DomHandler as l,ObjectUtils as o,classNames as c}from"primereact/utils";function s(){return s=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},s.apply(this,arguments)}function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){o=!0,i=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw i}}return a}}function d(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 m(e,t){if(e){if("string"==typeof e)return d(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)?d(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 h(e,t){return p(e)||f(e,t)||m(e,t)||b()}function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=e.memo(e.forwardRef((function(p,f){var d,m=h(e.useState(!1),2),b=m[0],y=m[1],O=e.useRef(!1),w=e.useRef(null),C=e.useRef(null),k=p.onVisibleChange?p.visible:b,S=h(n({type:"click",listener:function(e){!O.current&&M(e)&&j(),O.current=!1},when:b}),2),x=S[0],N=S[1],P=function(){p.onVisibleChange?p.onVisibleChange(!0):y(!0),p.onShow&&p.onShow()},j=function(){p.onVisibleChange?p.onVisibleChange(!1):y(!1),p.onHide&&p.onHide()},E=function(e){k?j():P(),p.onClick&&p.onClick(e),O.current=!0},I=function(e,t){t.command&&t.command({originalEvent:e,item:t}),j(),O.current=!0,e.preventDefault()},M=function(e){return w.current&&!(w.current.isSameNode(e.target)||w.current.contains(e.target))},D=function(e){return(k?e:p.model.length-e-1)*p.transitionDelay},A=function(e){var t=p.type;if("linear"!==t){var n=p.model.length,r=p.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var a=p.direction,l=Math.PI/(n-1),o="calc(".concat(r*Math.cos(l*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(l*e),"px + var(--item-diff-y, 0px))");if("up"===a)return{left:o,bottom:c};if("down"===a)return{left:o,top:c};if("left"===a)return{right:c,top:o};if("right"===a)return{left:c,top:o}}else if("quarter-circle"===t){var s=p.direction,u=Math.PI/(2*(n-1)),f="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),d="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:f,bottom:d};if("up-right"===s)return{left:f,bottom:d};if("down-left"===s)return{right:d,top:f};if("down-right"===s)return{left:d,top:f}}}return{}},H=function(e){var t=D(e),n=A(e);return v({transitionDelay:"".concat(t,"ms")},n)};r((function(){if("linear"!==p.type){var e=l.findSingle(w.current,".p-speeddial-button"),t=l.findSingle(C.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);C.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),C.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),i((function(){return b&&p.hideOnClickOutside&&x(),function(){p.hideOnClickOutside&&N()}}),[b]),e.useImperativeHandle(f,(function(){return{show:P,hide:j}}));var V,T=function(t,n){var r=H(n),i=t.icon,l=t.label,s=t.template,u=t.url,f=t.target,d=c("p-speeddial-action",{"p-disabled":t.disabled}),m=c("p-speeddial-action-icon",i),b=e.createElement("a",{href:u||"#",role:"menuitem",className:d,target:f,"data-pr-tooltip":l,onClick:function(e){return I(e,t)}},i&&e.createElement("span",{className:m}),e.createElement(a,null));s&&(b=o.getJSXElement(s,t,{onClick:function(e){return I(e,t)},className:d,iconClassName:m,element:b,props:p,visible:k}));return e.createElement("li",{key:n,className:"p-speeddial-item",style:r,role:"none"},b)},R=o.findDiffKeys(p,g.defaultProps),J=c("p-speeddial p-component p-speeddial-".concat(p.type),(u(d={},"p-speeddial-direction-".concat(p.direction),"circle"!==p.type),u(d,"p-speeddial-opened",k),u(d,"p-disabled",p.disabled),d),p.className),W=function(){var n,r=c("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":p.rotateAnimation&&!p.hideIcon},p.buttonClassName),i=c((u(n={},"".concat(p.showIcon),!k&&!!p.showIcon||!p.hideIcon),u(n,"".concat(p.hideIcon),k&&!!p.hideIcon),n)),a=e.createElement(t,{type:"button",style:p.buttonStyle,className:r,icon:i,onClick:E,disabled:p.disabled});return p.buttonTemplate?o.getJSXElement(p.buttonTemplate,{onClick:E,className:r,iconClassName:i,element:a,props:p,visible:k}):a}(),X=(V=p.model?p.model.map(T):null,e.createElement("ul",{ref:C,className:"p-speeddial-list",role:"menu"},V)),_=function(){if(p.mask){var t=c("p-speeddial-mask",{"p-speeddial-mask-visible":k},p.maskClassName);return e.createElement("div",{className:t,style:p.maskStyle})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",s({ref:w,id:p.id,className:J,style:p.style},R),W,X),_)})));g.displayName="SpeedDial",g.defaultProps={__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null};export{g as SpeedDial};
+import*as e from"react";import{Button as t}from"primereact/button";import{useEventListener as n,useMountEffect as r,useUpdateEffect as i}from"primereact/hooks";import{Ripple as o}from"primereact/ripple";import{DomHandler as a,ObjectUtils as l,classNames as c,IconUtils as s}from"primereact/utils";function u(){return u=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},u.apply(this,arguments)}function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o=[],a=!0,l=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){l=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(l)throw i}}return o}}function m(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 m(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)?m(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 y(e,t){return f(e)||d(e,t)||h(e,t)||b()}function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=e.memo(e.forwardRef((function(f,d){var m,h=y(e.useState(!1),2),b=h[0],v=h[1],w=e.useRef(!1),S=e.useRef(null),C=e.useRef(null),k=f.onVisibleChange?f.visible:b,I=y(n({type:"click",listener:function(e){!w.current&&D(e)&&j(),w.current=!1},when:b}),2),x=I[0],N=I[1],P=function(){f.onVisibleChange?f.onVisibleChange(!0):v(!0),f.onShow&&f.onShow()},j=function(){f.onVisibleChange?f.onVisibleChange(!1):v(!1),f.onHide&&f.onHide()},E=function(e){k?j():P(),f.onClick&&f.onClick(e),w.current=!0},M=function(e,t){t.command&&t.command({originalEvent:e,item:t}),j(),w.current=!0,e.preventDefault()},D=function(e){return S.current&&!(S.current.isSameNode(e.target)||S.current.contains(e.target))},A=function(e){return(k?e:f.model.length-e-1)*f.transitionDelay},H=function(e){var t=f.type;if("linear"!==t){var n=f.model.length,r=f.radius||20*n;if("circle"===t){var i=2*Math.PI/n;return{left:"calc(".concat(r*Math.cos(i*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(r*Math.sin(i*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=f.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:c};if("down"===o)return{left:l,top:c};if("left"===o)return{right:c,top:l};if("right"===o)return{left:c,top:l}}else if("quarter-circle"===t){var s=f.direction,u=Math.PI/(2*(n-1)),p="calc(".concat(r*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),d="calc(".concat(r*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:p,bottom:d};if("up-right"===s)return{left:p,bottom:d};if("down-left"===s)return{right:d,top:p};if("down-right"===s)return{left:d,top:p}}}return{}},V=function(e){var t=A(e),n=H(e);return g({transitionDelay:"".concat(t,"ms")},n)};r((function(){if("linear"!==f.type){var e=a.findSingle(S.current,".p-speeddial-button"),t=a.findSingle(C.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);C.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),C.current.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}})),i((function(){return b&&f.hideOnClickOutside&&x(),function(){f.hideOnClickOutside&&N()}}),[b]),e.useImperativeHandle(d,(function(){return{show:P,hide:j}}));var T,J=function(t,n){var r=V(n),i=t.icon,a=t.label,u=t.template,p=t.url,d=t.target,m=c("p-speeddial-action",{"p-disabled":t.disabled}),h=c("p-speeddial-action-icon",i),b=s.getJSXIcon(i,{className:"p-speeddial-action-icon"},{props:f}),y=e.createElement("a",{href:p||"#",role:"menuitem",className:m,target:d,"data-pr-tooltip":a,onClick:function(e){return M(e,t)}},b,e.createElement(o,null));u&&(y=l.getJSXElement(u,t,{onClick:function(e){return M(e,t)},className:m,iconClassName:h,element:y,props:f,visible:k}));return e.createElement("li",{key:n,className:"p-speeddial-item",style:r,role:"none"},y)},R=l.findDiffKeys(f,O.defaultProps),X=c("p-speeddial p-component p-speeddial-".concat(f.type),(p(m={},"p-speeddial-direction-".concat(f.direction),"circle"!==f.type),p(m,"p-speeddial-opened",k),p(m,"p-disabled",f.disabled),m),f.className),W=function(){var n,r=!k&&!!f.showIcon||!f.hideIcon,i=k&&!!f.hideIcon,o=c("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":f.rotateAnimation&&!f.hideIcon},f.buttonClassName),a=c((p(n={},"".concat(f.showIcon),!k&&!!f.showIcon||!f.hideIcon),p(n,"".concat(f.hideIcon),k&&!!f.hideIcon),n)),u=s.getJSXIcon(r?f.showIcon:i?f.hideIcon:null,void 0,{props:f}),d=e.createElement(t,{type:"button",style:f.buttonStyle,className:o,icon:u,onClick:E,disabled:f.disabled});return f.buttonTemplate?l.getJSXElement(f.buttonTemplate,{onClick:E,className:o,iconClassName:a,element:d,props:f,visible:k}):d}(),_=(T=f.model?f.model.map(J):null,e.createElement("ul",{ref:C,className:"p-speeddial-list",role:"menu"},T)),q=function(){if(f.mask){var t=c("p-speeddial-mask",{"p-speeddial-mask-visible":k},f.maskClassName);return e.createElement("div",{className:t,style:f.maskStyle})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",u({ref:S,id:f.id,className:X,style:f.style},R),W,_),q)})));O.displayName="SpeedDial",O.defaultProps={__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null};export{O as SpeedDial};

package/speeddial/speeddial.js

@@ -310,11 +310,11 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
         'p-disabled': disabled
       });
       var iconClassName = utils.classNames('p-speeddial-action-icon', _icon);
-
-      var icon = _icon && /*#__PURE__*/React__namespace.createElement("span", {
-        className: iconClassName
+      var icon = utils.IconUtils.getJSXIcon(_icon, {
+        className: 'p-speeddial-action-icon'
+      }, {
+        props: props
       });
-
       var content = /*#__PURE__*/React__namespace.createElement("a", {
         href: url || '#',
         role: "menuitem",
@@ -364,15 +364,20 @@ this.primereact.speeddial = (function (exports, React, button, hooks, ripple, ut
     var createButton = function createButton() {
       var _classNames;
 
+      var showIconVisible = !visible && !!props.showIcon || !props.hideIcon;
+      var hideIconVisible = visible && !!props.hideIcon;
       var className = utils.classNames('p-speeddial-button p-button-rounded', {
         'p-speeddial-rotate': props.rotateAnimation && !props.hideIcon
       }, props.buttonClassName);
       var iconClassName = utils.classNames((_classNames = {}, _defineProperty(_classNames, "".concat(props.showIcon), !visible && !!props.showIcon || !props.hideIcon), _defineProperty(_classNames, "".concat(props.hideIcon), visible && !!props.hideIcon), _classNames));
+      var icon = utils.IconUtils.getJSXIcon(showIconVisible ? props.showIcon : hideIconVisible ? props.hideIcon : null, undefined, {
+        props: props
+      });
       var content = /*#__PURE__*/React__namespace.createElement(button.Button, {
         type: "button",
         style: props.buttonStyle,
         className: className,
-        icon: iconClassName,
+        icon: icon,
         onClick: onClick,
         disabled: props.disabled
       });

package/speeddial/speeddial.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.speeddial=function(e,t,n,r,i,a){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=l(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){o=!0,i=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw i}}return a}}function p(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 d(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e,t){return u(e)||f(e,t)||d(e,t)||m()}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=o.memo(o.forwardRef((function(e,t){var l,u=b(o.useState(!1),2),f=u[0],p=u[1],d=o.useRef(!1),m=o.useRef(null),h=o.useRef(null),g=e.onVisibleChange?e.visible:f,O=b(r.useEventListener({type:"click",listener:function(e){!d.current&&P(e)&&k(),d.current=!1},when:f}),2),j=O[0],w=O[1],N=function(){e.onVisibleChange?e.onVisibleChange(!0):p(!0),e.onShow&&e.onShow()},k=function(){e.onVisibleChange?e.onVisibleChange(!1):p(!1),e.onHide&&e.onHide()},C=function(t){g?k():N(),e.onClick&&e.onClick(t),d.current=!0},S=function(e,t){t.command&&t.command({originalEvent:e,item:t}),k(),d.current=!0,e.preventDefault()},P=function(e){return m.current&&!(m.current.isSameNode(e.target)||m.current.contains(e.target))},E=function(t){return(g?t:e.model.length-t-1)*e.transitionDelay},x=function(t){var n=e.type;if("linear"!==n){var r=e.model.length,i=e.radius||20*r;if("circle"===n){var a=2*Math.PI/r;return{left:"calc(".concat(i*Math.cos(a*t),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(i*Math.sin(a*t),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===n){var l=e.direction,o=Math.PI/(r-1),c="calc(".concat(i*Math.cos(o*t),"px + var(--item-diff-x, 0px))"),s="calc(".concat(i*Math.sin(o*t),"px + var(--item-diff-y, 0px))");if("up"===l)return{left:c,bottom:s};if("down"===l)return{left:c,top:s};if("left"===l)return{right:s,top:c};if("right"===l)return{left:s,top:c}}else if("quarter-circle"===n){var u=e.direction,f=Math.PI/(2*(r-1)),p="calc(".concat(i*Math.cos(f*t),"px + var(--item-diff-x, 0px))"),d="calc(".concat(i*Math.sin(f*t),"px + var(--item-diff-y, 0px))");if("up-left"===u)return{right:p,bottom:d};if("up-right"===u)return{left:p,bottom:d};if("down-left"===u)return{right:d,top:p};if("down-right"===u)return{left:d,top:p}}}return{}},D=function(e){var t=E(e),n=x(e);return y({transitionDelay:"".concat(t,"ms")},n)};r.useMountEffect((function(){if("linear"!==e.type){var t=a.DomHandler.findSingle(m.current,".p-speeddial-button"),n=a.DomHandler.findSingle(h.current,".p-speeddial-item");if(t&&n){var r=Math.abs(t.offsetWidth-n.offsetWidth),i=Math.abs(t.offsetHeight-n.offsetHeight);h.current.style.setProperty("--item-diff-x","".concat(r/2,"px")),h.current.style.setProperty("--item-diff-y","".concat(i/2,"px"))}}})),r.useUpdateEffect((function(){return f&&e.hideOnClickOutside&&j(),function(){e.hideOnClickOutside&&w()}}),[f]),o.useImperativeHandle(t,(function(){return{show:N,hide:k}}));var I,M=function(t,n){var r=D(n),l=t.icon,c=t.label,s=t.template,u=t.url,f=t.target,p=a.classNames("p-speeddial-action",{"p-disabled":t.disabled}),d=a.classNames("p-speeddial-action-icon",l),m=o.createElement("a",{href:u||"#",role:"menuitem",className:p,target:f,"data-pr-tooltip":c,onClick:function(e){return S(e,t)}},l&&o.createElement("span",{className:d}),o.createElement(i.Ripple,null));s&&(m=a.ObjectUtils.getJSXElement(s,t,{onClick:function(e){return S(e,t)},className:p,iconClassName:d,element:m,props:e,visible:g}));return o.createElement("li",{key:n,className:"p-speeddial-item",style:r,role:"none"},m)},A=a.ObjectUtils.findDiffKeys(e,v.defaultProps),H=a.classNames("p-speeddial p-component p-speeddial-".concat(e.type),(s(l={},"p-speeddial-direction-".concat(e.direction),"circle"!==e.type),s(l,"p-speeddial-opened",g),s(l,"p-disabled",e.disabled),l),e.className),R=function(){var t,r=a.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":e.rotateAnimation&&!e.hideIcon},e.buttonClassName),i=a.classNames((s(t={},"".concat(e.showIcon),!g&&!!e.showIcon||!e.hideIcon),s(t,"".concat(e.hideIcon),g&&!!e.hideIcon),t)),l=o.createElement(n.Button,{type:"button",style:e.buttonStyle,className:r,icon:i,onClick:C,disabled:e.disabled});return e.buttonTemplate?a.ObjectUtils.getJSXElement(e.buttonTemplate,{onClick:C,className:r,iconClassName:i,element:l,props:e,visible:g}):l}(),V=(I=e.model?e.model.map(M):null,o.createElement("ul",{ref:h,className:"p-speeddial-list",role:"menu"},I)),_=function(){if(e.mask){var t=a.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":g},e.maskClassName);return o.createElement("div",{className:t,style:e.maskStyle})}return null}();return o.createElement(o.Fragment,null,o.createElement("div",c({ref:m,id:e.id,className:H,style:e.style},A),R,V),_)})));return v.displayName="SpeedDial",v.defaultProps={__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null},e.SpeedDial=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.button,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.speeddial=function(e,t,n,r,i,a){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=l(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a=[],l=!0,o=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){o=!0,i=e}finally{try{l||null==n.return||n.return()}finally{if(o)throw i}}return a}}function f(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 d(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e,t){return u(e)||p(e,t)||d(e,t)||m()}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=o.memo(o.forwardRef((function(e,t){var l,u=b(o.useState(!1),2),p=u[0],f=u[1],d=o.useRef(!1),m=o.useRef(null),h=o.useRef(null),g=e.onVisibleChange?e.visible:p,O=b(r.useEventListener({type:"click",listener:function(e){!d.current&&C(e)&&S(),d.current=!1},when:p}),2),w=O[0],j=O[1],N=function(){e.onVisibleChange?e.onVisibleChange(!0):f(!0),e.onShow&&e.onShow()},S=function(){e.onVisibleChange?e.onVisibleChange(!1):f(!1),e.onHide&&e.onHide()},I=function(t){g?S():N(),e.onClick&&e.onClick(t),d.current=!0},k=function(e,t){t.command&&t.command({originalEvent:e,item:t}),S(),d.current=!0,e.preventDefault()},C=function(e){return m.current&&!(m.current.isSameNode(e.target)||m.current.contains(e.target))},P=function(t){return(g?t:e.model.length-t-1)*e.transitionDelay},x=function(t){var n=e.type;if("linear"!==n){var r=e.model.length,i=e.radius||20*r;if("circle"===n){var a=2*Math.PI/r;return{left:"calc(".concat(i*Math.cos(a*t),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(i*Math.sin(a*t),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===n){var l=e.direction,o=Math.PI/(r-1),c="calc(".concat(i*Math.cos(o*t),"px + var(--item-diff-x, 0px))"),s="calc(".concat(i*Math.sin(o*t),"px + var(--item-diff-y, 0px))");if("up"===l)return{left:c,bottom:s};if("down"===l)return{left:c,top:s};if("left"===l)return{right:s,top:c};if("right"===l)return{left:s,top:c}}else if("quarter-circle"===n){var u=e.direction,p=Math.PI/(2*(r-1)),f="calc(".concat(i*Math.cos(p*t),"px + var(--item-diff-x, 0px))"),d="calc(".concat(i*Math.sin(p*t),"px + var(--item-diff-y, 0px))");if("up-left"===u)return{right:f,bottom:d};if("up-right"===u)return{left:f,bottom:d};if("down-left"===u)return{right:d,top:f};if("down-right"===u)return{left:d,top:f}}}return{}},E=function(e){var t=P(e),n=x(e);return y({transitionDelay:"".concat(t,"ms")},n)};r.useMountEffect((function(){if("linear"!==e.type){var t=a.DomHandler.findSingle(m.current,".p-speeddial-button"),n=a.DomHandler.findSingle(h.current,".p-speeddial-item");if(t&&n){var r=Math.abs(t.offsetWidth-n.offsetWidth),i=Math.abs(t.offsetHeight-n.offsetHeight);h.current.style.setProperty("--item-diff-x","".concat(r/2,"px")),h.current.style.setProperty("--item-diff-y","".concat(i/2,"px"))}}})),r.useUpdateEffect((function(){return p&&e.hideOnClickOutside&&w(),function(){e.hideOnClickOutside&&j()}}),[p]),o.useImperativeHandle(t,(function(){return{show:N,hide:S}}));var D,M=function(t,n){var r=E(n),l=t.icon,c=t.label,s=t.template,u=t.url,p=t.target,f=a.classNames("p-speeddial-action",{"p-disabled":t.disabled}),d=a.classNames("p-speeddial-action-icon",l),m=a.IconUtils.getJSXIcon(l,{className:"p-speeddial-action-icon"},{props:e}),b=o.createElement("a",{href:u||"#",role:"menuitem",className:f,target:p,"data-pr-tooltip":c,onClick:function(e){return k(e,t)}},m,o.createElement(i.Ripple,null));s&&(b=a.ObjectUtils.getJSXElement(s,t,{onClick:function(e){return k(e,t)},className:f,iconClassName:d,element:b,props:e,visible:g}));return o.createElement("li",{key:n,className:"p-speeddial-item",style:r,role:"none"},b)},A=a.ObjectUtils.findDiffKeys(e,v.defaultProps),H=a.classNames("p-speeddial p-component p-speeddial-".concat(e.type),(s(l={},"p-speeddial-direction-".concat(e.direction),"circle"!==e.type),s(l,"p-speeddial-opened",g),s(l,"p-disabled",e.disabled),l),e.className),U=function(){var t,r=!g&&!!e.showIcon||!e.hideIcon,i=g&&!!e.hideIcon,l=a.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":e.rotateAnimation&&!e.hideIcon},e.buttonClassName),c=a.classNames((s(t={},"".concat(e.showIcon),!g&&!!e.showIcon||!e.hideIcon),s(t,"".concat(e.hideIcon),g&&!!e.hideIcon),t)),u=a.IconUtils.getJSXIcon(r?e.showIcon:i?e.hideIcon:null,void 0,{props:e}),p=o.createElement(n.Button,{type:"button",style:e.buttonStyle,className:l,icon:u,onClick:I,disabled:e.disabled});return e.buttonTemplate?a.ObjectUtils.getJSXElement(e.buttonTemplate,{onClick:I,className:l,iconClassName:c,element:p,props:e,visible:g}):p}(),R=(D=e.model?e.model.map(M):null,o.createElement("ul",{ref:h,className:"p-speeddial-list",role:"menu"},D)),V=function(){if(e.mask){var t=a.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":g},e.maskClassName);return o.createElement("div",{className:t,style:e.maskStyle})}return null}();return o.createElement(o.Fragment,null,o.createElement("div",c({ref:m,id:e.id,className:H,style:e.style},A),U,R),V)})));return v.displayName="SpeedDial",v.defaultProps={__TYPE:"SpeedDial",id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null},e.SpeedDial=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.button,primereact.hooks,primereact.ripple,primereact.utils);

package/splitbutton/splitbutton.cjs.js

@@ -149,9 +149,10 @@ var SplitButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
       'p-disabled': disabled
     });
     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.splitButtonProps
     });
 
     var label = _label && /*#__PURE__*/React__namespace.createElement("span", {
@@ -323,6 +324,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     if (props.model) {
       return props.model.map(function (menuitem, index) {
         return /*#__PURE__*/React__namespace.createElement(SplitButtonItem, {
+          splitButtonProps: props,
           menuitem: menuitem,
           key: index,
           onItemClick: onItemClick

package/splitbutton/splitbutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),l=require("primereact/hooks"),r=require("primereact/overlayservice"),a=require("primereact/tooltip"),o=require("primereact/utils"),i=require("primereact/csstransition"),u=require("primereact/portal");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 m=c(e),p=s(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 f(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var 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 y(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 v(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 E(){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,t){return f(e)||b(e,t)||v(e,t)||E()}var O=m.memo((function(e){var t=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},n=function(){var n=e.menuitem,l=n.icon,r=n.label,a=n.template,i=n.url,u=n.target,s=o.classNames("p-menuitem-link",{"p-disabled":n.disabled}),c=o.classNames("p-menuitem-icon",l),p=m.createElement("a",{href:i||"#",role:"menuitem",className:s,target:u,onClick:t},l&&m.createElement("span",{className:c}),r&&m.createElement("span",{className:"p-menuitem-text"},r));a&&(p=o.ObjectUtils.getJSXElement(a,e.menuitem,{onClick:t,className:s,labelClassName:"p-menuitem-text",iconClassName:c,element:p,props:e}));return m.createElement("li",{className:"p-menuitem",role:"none"},p)};return e.menuitem.separator?m.createElement("li",{className:"p-menu-separator",role:"separator"}):n()}));O.displayName="SplitButtonItem";var C=m.forwardRef((function(e,t){var n,l=(n=o.classNames("p-menu p-menu-overlay p-component",e.menuClassName),m.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,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},m.createElement("div",{ref:t,className:n,style:e.menuStyle,id:e.id,onClick:e.onClick},m.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},e.children))));return m.createElement(u.Portal,{element:l,appendTo:e.appendTo})}));C.displayName="SplitButtonPanel";var h=m.memo(m.forwardRef((function(e,t){var i=N(m.useState(e.id),2),u=i[0],s=i[1],c=N(m.useState(!1),2),f=c[0],b=c[1],y=m.useRef(null),v=m.useRef(null),E=m.useRef(null),S=N(l.useOverlayListener({target:y,overlay:E,listener:function(e,t){t.valid&&w()},when:f}),2),g=S[0],x=S[1],I=function(){w()},k=function(){b(!0)},w=function(){b(!1)},j=function(){o.DomHandler.alignOverlay(E.current,v.current.parentElement,e.appendTo||p.default.appendTo)};l.useMountEffect((function(){u||s(o.UniqueComponentId())})),l.useUnmountEffect((function(){o.ZIndexUtils.clear(E.current)})),m.useImperativeHandle(t,(function(){return{show:k,hide:w}}));var T=o.ObjectUtils.isNotEmpty(e.tooltip),q=o.ObjectUtils.findDiffKeys(e,h.defaultProps),U=o.classNames("p-splitbutton p-component",e.className,{"p-disabled":e.disabled}),B=o.classNames("p-splitbutton-defaultbutton",e.buttonClassName),P=o.classNames("p-splitbutton-menubutton",e.menuButtonClassName),_=e.buttonTemplate?o.ObjectUtils.getJSXElement(e.buttonTemplate,e):null,A=e.model?e.model.map((function(e,t){return m.createElement(O,{menuitem:e,key:t,onItemClick:I})})):null,R=u+"_overlay";return m.createElement(m.Fragment,null,m.createElement("div",d({ref:y,id:u,className:U,style:e.style},q),m.createElement(n.Button,{ref:v,type:"button",className:B,icon:e.icon,label:e.label,onClick:e.onClick,disabled:e.disabled,tabIndex:e.tabIndex},_),m.createElement(n.Button,{type:"button",className:P,icon:e.dropdownIcon,onClick:function(){f?w():k()},disabled:e.disabled,"aria-expanded":f,"aria-haspopup":!0,"aria-owns":R}),m.createElement(C,{ref:E,appendTo:e.appendTo,id:R,menuStyle:e.menuStyle,menuClassName:e.menuClassName,onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:y.current})},in:f,onEnter:function(){o.ZIndexUtils.set("overlay",E.current,p.default.autoZIndex,p.default.zIndex.overlay),j()},onEntered:function(){g(),e.onShow&&e.onShow()},onExit:function(){x()},onExited:function(){o.ZIndexUtils.clear(E.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},A)),T&&m.createElement(a.Tooltip,d({target:y,content:e.tooltip},e.tooltipOptions)))})));h.displayName="SplitButton",h.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null},exports.SplitButton=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),l=require("primereact/hooks"),r=require("primereact/overlayservice"),o=require("primereact/tooltip"),a=require("primereact/utils"),i=require("primereact/csstransition"),u=require("primereact/portal");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 m=c(e),p=s(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 f(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(o.push(l.value),!t||o.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw r}}return o}}function y(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 v(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 E(){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,t){return f(e)||b(e,t)||v(e,t)||E()}var O=m.memo((function(e){var t=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},n=function(){var n=e.menuitem,l=n.icon,r=n.label,o=n.template,i=n.url,u=n.target,s=a.classNames("p-menuitem-link",{"p-disabled":n.disabled}),c=a.classNames("p-menuitem-icon",l),p=a.IconUtils.getJSXIcon(l,{className:"p-menuitem-icon"},{props:e.splitButtonProps}),d=m.createElement("a",{href:i||"#",role:"menuitem",className:s,target:u,onClick:t},p,r&&m.createElement("span",{className:"p-menuitem-text"},r));o&&(d=a.ObjectUtils.getJSXElement(o,e.menuitem,{onClick:t,className:s,labelClassName:"p-menuitem-text",iconClassName:c,element:d,props:e}));return m.createElement("li",{className:"p-menuitem",role:"none"},d)};return e.menuitem.separator?m.createElement("li",{className:"p-menu-separator",role:"separator"}):n()}));O.displayName="SplitButtonItem";var C=m.forwardRef((function(e,t){var n,l=(n=a.classNames("p-menu p-menu-overlay p-component",e.menuClassName),m.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,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},m.createElement("div",{ref:t,className:n,style:e.menuStyle,id:e.id,onClick:e.onClick},m.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},e.children))));return m.createElement(u.Portal,{element:l,appendTo:e.appendTo})}));C.displayName="SplitButtonPanel";var S=m.memo(m.forwardRef((function(e,t){var i=N(m.useState(e.id),2),u=i[0],s=i[1],c=N(m.useState(!1),2),f=c[0],b=c[1],y=m.useRef(null),v=m.useRef(null),E=m.useRef(null),h=N(l.useOverlayListener({target:y,overlay:E,listener:function(e,t){t.valid&&w()},when:f}),2),g=h[0],x=h[1],I=function(){w()},k=function(){b(!0)},w=function(){b(!1)},j=function(){a.DomHandler.alignOverlay(E.current,v.current.parentElement,e.appendTo||p.default.appendTo)};l.useMountEffect((function(){u||s(a.UniqueComponentId())})),l.useUnmountEffect((function(){a.ZIndexUtils.clear(E.current)})),m.useImperativeHandle(t,(function(){return{show:k,hide:w}}));var T=a.ObjectUtils.isNotEmpty(e.tooltip),B=a.ObjectUtils.findDiffKeys(e,S.defaultProps),P=a.classNames("p-splitbutton p-component",e.className,{"p-disabled":e.disabled}),U=a.classNames("p-splitbutton-defaultbutton",e.buttonClassName),q=a.classNames("p-splitbutton-menubutton",e.menuButtonClassName),_=e.buttonTemplate?a.ObjectUtils.getJSXElement(e.buttonTemplate,e):null,A=e.model?e.model.map((function(t,n){return m.createElement(O,{splitButtonProps:e,menuitem:t,key:n,onItemClick:I})})):null,R=u+"_overlay";return m.createElement(m.Fragment,null,m.createElement("div",d({ref:y,id:u,className:P,style:e.style},B),m.createElement(n.Button,{ref:v,type:"button",className:U,icon:e.icon,label:e.label,onClick:e.onClick,disabled:e.disabled,tabIndex:e.tabIndex},_),m.createElement(n.Button,{type:"button",className:q,icon:e.dropdownIcon,onClick:function(){f?w():k()},disabled:e.disabled,"aria-expanded":f,"aria-haspopup":!0,"aria-owns":R}),m.createElement(C,{ref:E,appendTo:e.appendTo,id:R,menuStyle:e.menuStyle,menuClassName:e.menuClassName,onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:y.current})},in:f,onEnter:function(){a.ZIndexUtils.set("overlay",E.current,p.default.autoZIndex,p.default.zIndex.overlay),j()},onEntered:function(){g(),e.onShow&&e.onShow()},onExit:function(){x()},onExited:function(){a.ZIndexUtils.clear(E.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},A)),T&&m.createElement(o.Tooltip,d({target:y,content:e.tooltip},e.tooltipOptions)))})));S.displayName="SplitButton",S.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null},exports.SplitButton=S;

package/splitbutton/splitbutton.d.ts

@@ -28,6 +28,7 @@ export interface SplitButtonProps {
     onClick?(event: React.MouseEvent<HTMLElement>): void;
     onShow?(): void;
     onHide?(): void;
+    children?: React.ReactNode;
 }
 
 export declare class SplitButton extends React.Component<SplitButtonProps, any> {

package/splitbutton/splitbutton.esm.js

@@ -4,7 +4,7 @@ import { Button } from 'primereact/button';
 import { useOverlayListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, ObjectUtils, UniqueComponentId, ZIndexUtils, DomHandler } from 'primereact/utils';
+import { classNames, IconUtils, ObjectUtils, UniqueComponentId, ZIndexUtils, DomHandler } from 'primereact/utils';
 import { CSSTransition } from 'primereact/csstransition';
 import { Portal } from 'primereact/portal';
 
@@ -122,9 +122,10 @@ var SplitButtonItem = /*#__PURE__*/React.memo(function (props) {
       'p-disabled': disabled
     });
     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.splitButtonProps
     });
 
     var label = _label && /*#__PURE__*/React.createElement("span", {
@@ -296,6 +297,7 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     if (props.model) {
       return props.model.map(function (menuitem, index) {
         return /*#__PURE__*/React.createElement(SplitButtonItem, {
+          splitButtonProps: props,
           menuitem: menuitem,
           key: index,
           onItemClick: onItemClick

package/splitbutton/splitbutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{Button as n}from"primereact/button";import{useOverlayListener as l,useMountEffect as o,useUnmountEffect as r}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Tooltip as i}from"primereact/tooltip";import{classNames as u,ObjectUtils as m,UniqueComponentId as c,ZIndexUtils as s,DomHandler as p}from"primereact/utils";import{CSSTransition as d}from"primereact/csstransition";import{Portal as f}from"primereact/portal";function y(){return y=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},y.apply(this,arguments)}function b(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,o,r=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return r}}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 h(){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 C(e,t){return b(e)||v(e,t)||N(e,t)||h()}var S=e.memo((function(t){var n=function(e){t.menuitem.command&&t.menuitem.command({originalEvent:e,item:t.menuitem}),t.onItemClick&&t.onItemClick(e),e.preventDefault()},l=function(){var l=t.menuitem,o=l.icon,r=l.label,a=l.template,i=l.url,c=l.target,s=u("p-menuitem-link",{"p-disabled":l.disabled}),p=u("p-menuitem-icon",o),d=e.createElement("a",{href:i||"#",role:"menuitem",className:s,target:c,onClick:n},o&&e.createElement("span",{className:p}),r&&e.createElement("span",{className:"p-menuitem-text"},r));a&&(d=m.getJSXElement(a,t.menuitem,{onClick:n,className:s,labelClassName:"p-menuitem-text",iconClassName:p,element:d,props:t}));return e.createElement("li",{className:"p-menuitem",role:"none"},d)};return t.menuitem.separator?e.createElement("li",{className:"p-menu-separator",role:"separator"}):l()}));S.displayName="SplitButtonItem";var g=e.forwardRef((function(t,n){var l,o=(l=u("p-menu p-menu-overlay p-component",t.menuClassName),e.createElement(d,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:l,style:t.menuStyle,id:t.id,onClick:t.onClick},e.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},t.children))));return e.createElement(f,{element:o,appendTo:t.appendTo})}));g.displayName="SplitButtonPanel";var x=e.memo(e.forwardRef((function(d,f){var b=C(e.useState(d.id),2),v=b[0],E=b[1],N=C(e.useState(!1),2),h=N[0],k=N[1],w=e.useRef(null),I=e.useRef(null),O=e.useRef(null),T=C(l({target:w,overlay:O,listener:function(e,t){t.valid&&P()},when:h}),2),A=T[0],B=T[1],R=function(){P()},j=function(){k(!0)},P=function(){k(!1)},H=function(){p.alignOverlay(O.current,I.current.parentElement,d.appendTo||t.appendTo)};o((function(){v||E(c())})),r((function(){s.clear(O.current)})),e.useImperativeHandle(f,(function(){return{show:j,hide:P}}));var _=m.isNotEmpty(d.tooltip),D=m.findDiffKeys(d,x.defaultProps),J=u("p-splitbutton p-component",d.className,{"p-disabled":d.disabled}),X=u("p-splitbutton-defaultbutton",d.buttonClassName),z=u("p-splitbutton-menubutton",d.menuButtonClassName),F=d.buttonTemplate?m.getJSXElement(d.buttonTemplate,d):null,K=d.model?d.model.map((function(t,n){return e.createElement(S,{menuitem:t,key:n,onItemClick:R})})):null,M=v+"_overlay";return e.createElement(e.Fragment,null,e.createElement("div",y({ref:w,id:v,className:J,style:d.style},D),e.createElement(n,{ref:I,type:"button",className:X,icon:d.icon,label:d.label,onClick:d.onClick,disabled:d.disabled,tabIndex:d.tabIndex},F),e.createElement(n,{type:"button",className:z,icon:d.dropdownIcon,onClick:function(){h?P():j()},disabled:d.disabled,"aria-expanded":h,"aria-haspopup":!0,"aria-owns":M}),e.createElement(g,{ref:O,appendTo:d.appendTo,id:M,menuStyle:d.menuStyle,menuClassName:d.menuClassName,onClick:function(e){a.emit("overlay-click",{originalEvent:e,target:w.current})},in:h,onEnter:function(){s.set("overlay",O.current,t.autoZIndex,t.zIndex.overlay),H()},onEntered:function(){A(),d.onShow&&d.onShow()},onExit:function(){B()},onExited:function(){s.clear(O.current),d.onHide&&d.onHide()},transitionOptions:d.transitionOptions},K)),_&&e.createElement(i,y({target:w,content:d.tooltip},d.tooltipOptions)))})));x.displayName="SplitButton",x.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null};export{x as SplitButton};
+import*as e from"react";import t from"primereact/api";import{Button as n}from"primereact/button";import{useOverlayListener as o,useMountEffect as l,useUnmountEffect as r}from"primereact/hooks";import{OverlayService as a}from"primereact/overlayservice";import{Tooltip as i}from"primereact/tooltip";import{classNames as u,IconUtils as m,ObjectUtils as s,UniqueComponentId as c,ZIndexUtils as p,DomHandler as d}from"primereact/utils";import{CSSTransition as f}from"primereact/csstransition";import{Portal as y}from"primereact/portal";function b(){return b=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},b.apply(this,arguments)}function v(e){if(Array.isArray(e))return e}function E(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,l,r=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(o=n.next()).done)&&(r.push(o.value),!t||r.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw l}}return r}}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function h(e,t){if(e){if("string"==typeof e)return N(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)?N(e,t):void 0}}function C(){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 v(e)||E(e,t)||h(e,t)||C()}var g=e.memo((function(t){var n=function(e){t.menuitem.command&&t.menuitem.command({originalEvent:e,item:t.menuitem}),t.onItemClick&&t.onItemClick(e),e.preventDefault()},o=function(){var o=t.menuitem,l=o.icon,r=o.label,a=o.template,i=o.url,c=o.target,p=u("p-menuitem-link",{"p-disabled":o.disabled}),d=u("p-menuitem-icon",l),f=m.getJSXIcon(l,{className:"p-menuitem-icon"},{props:t.splitButtonProps}),y=e.createElement("a",{href:i||"#",role:"menuitem",className:p,target:c,onClick:n},f,r&&e.createElement("span",{className:"p-menuitem-text"},r));a&&(y=s.getJSXElement(a,t.menuitem,{onClick:n,className:p,labelClassName:"p-menuitem-text",iconClassName:d,element:y,props:t}));return e.createElement("li",{className:"p-menuitem",role:"none"},y)};return t.menuitem.separator?e.createElement("li",{className:"p-menu-separator",role:"separator"}):o()}));g.displayName="SplitButtonItem";var x=e.forwardRef((function(t,n){var o,l=(o=u("p-menu p-menu-overlay p-component",t.menuClassName),e.createElement(f,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:o,style:t.menuStyle,id:t.id,onClick:t.onClick},e.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},t.children))));return e.createElement(y,{element:l,appendTo:t.appendTo})}));x.displayName="SplitButtonPanel";var k=e.memo(e.forwardRef((function(m,f){var y=S(e.useState(m.id),2),v=y[0],E=y[1],N=S(e.useState(!1),2),h=N[0],C=N[1],w=e.useRef(null),I=e.useRef(null),O=e.useRef(null),T=S(o({target:w,overlay:O,listener:function(e,t){t.valid&&j()},when:h}),2),B=T[0],P=T[1],A=function(){j()},R=function(){C(!0)},j=function(){C(!1)},H=function(){d.alignOverlay(O.current,I.current.parentElement,m.appendTo||t.appendTo)};l((function(){v||E(c())})),r((function(){p.clear(O.current)})),e.useImperativeHandle(f,(function(){return{show:R,hide:j}}));var J=s.isNotEmpty(m.tooltip),X=s.findDiffKeys(m,k.defaultProps),_=u("p-splitbutton p-component",m.className,{"p-disabled":m.disabled}),D=u("p-splitbutton-defaultbutton",m.buttonClassName),z=u("p-splitbutton-menubutton",m.menuButtonClassName),F=m.buttonTemplate?s.getJSXElement(m.buttonTemplate,m):null,K=m.model?m.model.map((function(t,n){return e.createElement(g,{splitButtonProps:m,menuitem:t,key:n,onItemClick:A})})):null,M=v+"_overlay";return e.createElement(e.Fragment,null,e.createElement("div",b({ref:w,id:v,className:_,style:m.style},X),e.createElement(n,{ref:I,type:"button",className:D,icon:m.icon,label:m.label,onClick:m.onClick,disabled:m.disabled,tabIndex:m.tabIndex},F),e.createElement(n,{type:"button",className:z,icon:m.dropdownIcon,onClick:function(){h?j():R()},disabled:m.disabled,"aria-expanded":h,"aria-haspopup":!0,"aria-owns":M}),e.createElement(x,{ref:O,appendTo:m.appendTo,id:M,menuStyle:m.menuStyle,menuClassName:m.menuClassName,onClick:function(e){a.emit("overlay-click",{originalEvent:e,target:w.current})},in:h,onEnter:function(){p.set("overlay",O.current,t.autoZIndex,t.zIndex.overlay),H()},onEntered:function(){B(),m.onShow&&m.onShow()},onExit:function(){P()},onExited:function(){p.clear(O.current),m.onHide&&m.onHide()},transitionOptions:m.transitionOptions},K)),J&&e.createElement(i,b({target:w,content:m.tooltip},m.tooltipOptions)))})));k.displayName="SplitButton",k.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null};export{k as SplitButton};

package/splitbutton/splitbutton.js

@@ -139,9 +139,10 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
         'p-disabled': disabled
       });
       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.splitButtonProps
       });
 
       var label = _label && /*#__PURE__*/React__namespace.createElement("span", {
@@ -313,6 +314,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
       if (props.model) {
         return props.model.map(function (menuitem, index) {
           return /*#__PURE__*/React__namespace.createElement(SplitButtonItem, {
+            splitButtonProps: props,
             menuitem: menuitem,
             key: index,
             onItemClick: onItemClick

package/splitbutton/splitbutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,l,a,r,o,i,u,s){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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=m(t),d=c(n);function f(){return f=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},f.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}function v(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 E(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return b(e)||y(e,t)||E(e,t)||N()}var O=p.memo((function(e){var t=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},n=function(){var n=e.menuitem,l=n.icon,a=n.label,r=n.template,o=n.url,u=n.target,s=i.classNames("p-menuitem-link",{"p-disabled":n.disabled}),c=i.classNames("p-menuitem-icon",l),m=p.createElement("a",{href:o||"#",role:"menuitem",className:s,target:u,onClick:t},l&&p.createElement("span",{className:c}),a&&p.createElement("span",{className:"p-menuitem-text"},a));r&&(m=i.ObjectUtils.getJSXElement(r,e.menuitem,{onClick:t,className:s,labelClassName:"p-menuitem-text",iconClassName:c,element:m,props:e}));return p.createElement("li",{className:"p-menuitem",role:"none"},m)};return e.menuitem.separator?p.createElement("li",{className:"p-menu-separator",role:"separator"}):n()}));O.displayName="SplitButtonItem";var C=p.forwardRef((function(e,t){var n,l=(n=i.classNames("p-menu p-menu-overlay p-component",e.menuClassName),p.createElement(u.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},p.createElement("div",{ref:t,className:n,style:e.menuStyle,id:e.id,onClick:e.onClick},p.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},e.children))));return p.createElement(s.Portal,{element:l,appendTo:e.appendTo})}));C.displayName="SplitButtonPanel";var S=p.memo(p.forwardRef((function(e,t){var n=h(p.useState(e.id),2),u=n[0],s=n[1],c=h(p.useState(!1),2),m=c[0],b=c[1],y=p.useRef(null),v=p.useRef(null),E=p.useRef(null),N=h(a.useOverlayListener({target:y,overlay:E,listener:function(e,t){t.valid&&w()},when:m}),2),g=N[0],x=N[1],I=function(){w()},k=function(){b(!0)},w=function(){b(!1)},j=function(){i.DomHandler.alignOverlay(E.current,v.current.parentElement,e.appendTo||d.default.appendTo)};a.useMountEffect((function(){u||s(i.UniqueComponentId())})),a.useUnmountEffect((function(){i.ZIndexUtils.clear(E.current)})),p.useImperativeHandle(t,(function(){return{show:k,hide:w}}));var T=i.ObjectUtils.isNotEmpty(e.tooltip),U=i.ObjectUtils.findDiffKeys(e,S.defaultProps),B=i.classNames("p-splitbutton p-component",e.className,{"p-disabled":e.disabled}),P=i.classNames("p-splitbutton-defaultbutton",e.buttonClassName),R=i.classNames("p-splitbutton-menubutton",e.menuButtonClassName),_=e.buttonTemplate?i.ObjectUtils.getJSXElement(e.buttonTemplate,e):null,A=e.model?e.model.map((function(e,t){return p.createElement(O,{menuitem:e,key:t,onItemClick:I})})):null,H=u+"_overlay";return p.createElement(p.Fragment,null,p.createElement("div",f({ref:y,id:u,className:B,style:e.style},U),p.createElement(l.Button,{ref:v,type:"button",className:P,icon:e.icon,label:e.label,onClick:e.onClick,disabled:e.disabled,tabIndex:e.tabIndex},_),p.createElement(l.Button,{type:"button",className:R,icon:e.dropdownIcon,onClick:function(){m?w():k()},disabled:e.disabled,"aria-expanded":m,"aria-haspopup":!0,"aria-owns":H}),p.createElement(C,{ref:E,appendTo:e.appendTo,id:H,menuStyle:e.menuStyle,menuClassName:e.menuClassName,onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:y.current})},in:m,onEnter:function(){i.ZIndexUtils.set("overlay",E.current,d.default.autoZIndex,d.default.zIndex.overlay),j()},onEntered:function(){g(),e.onShow&&e.onShow()},onExit:function(){x()},onExited:function(){i.ZIndexUtils.clear(E.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},A)),T&&p.createElement(o.Tooltip,f({target:y,content:e.tooltip},e.tooltipOptions)))})));return S.displayName="SplitButton",S.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null},e.SplitButton=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);
+this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,l,r,a,o,i,u,s){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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=m(t),d=c(n);function f(){return f=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},f.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function y(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 v(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 E(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function N(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return b(e)||y(e,t)||E(e,t)||N()}var O=p.memo((function(e){var t=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},n=function(){var n=e.menuitem,l=n.icon,r=n.label,a=n.template,o=n.url,u=n.target,s=i.classNames("p-menuitem-link",{"p-disabled":n.disabled}),c=i.classNames("p-menuitem-icon",l),m=i.IconUtils.getJSXIcon(l,{className:"p-menuitem-icon"},{props:e.splitButtonProps}),d=p.createElement("a",{href:o||"#",role:"menuitem",className:s,target:u,onClick:t},m,r&&p.createElement("span",{className:"p-menuitem-text"},r));a&&(d=i.ObjectUtils.getJSXElement(a,e.menuitem,{onClick:t,className:s,labelClassName:"p-menuitem-text",iconClassName:c,element:d,props:e}));return p.createElement("li",{className:"p-menuitem",role:"none"},d)};return e.menuitem.separator?p.createElement("li",{className:"p-menu-separator",role:"separator"}):n()}));O.displayName="SplitButtonItem";var C=p.forwardRef((function(e,t){var n,l=(n=i.classNames("p-menu p-menu-overlay p-component",e.menuClassName),p.createElement(u.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},p.createElement("div",{ref:t,className:n,style:e.menuStyle,id:e.id,onClick:e.onClick},p.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},e.children))));return p.createElement(s.Portal,{element:l,appendTo:e.appendTo})}));C.displayName="SplitButtonPanel";var S=p.memo(p.forwardRef((function(e,t){var n=h(p.useState(e.id),2),u=n[0],s=n[1],c=h(p.useState(!1),2),m=c[0],b=c[1],y=p.useRef(null),v=p.useRef(null),E=p.useRef(null),N=h(r.useOverlayListener({target:y,overlay:E,listener:function(e,t){t.valid&&w()},when:m}),2),g=N[0],I=N[1],x=function(){w()},k=function(){b(!0)},w=function(){b(!1)},j=function(){i.DomHandler.alignOverlay(E.current,v.current.parentElement,e.appendTo||d.default.appendTo)};r.useMountEffect((function(){u||s(i.UniqueComponentId())})),r.useUnmountEffect((function(){i.ZIndexUtils.clear(E.current)})),p.useImperativeHandle(t,(function(){return{show:k,hide:w}}));var T=i.ObjectUtils.isNotEmpty(e.tooltip),B=i.ObjectUtils.findDiffKeys(e,S.defaultProps),P=i.classNames("p-splitbutton p-component",e.className,{"p-disabled":e.disabled}),U=i.classNames("p-splitbutton-defaultbutton",e.buttonClassName),R=i.classNames("p-splitbutton-menubutton",e.menuButtonClassName),_=e.buttonTemplate?i.ObjectUtils.getJSXElement(e.buttonTemplate,e):null,A=e.model?e.model.map((function(t,n){return p.createElement(O,{splitButtonProps:e,menuitem:t,key:n,onItemClick:x})})):null,H=u+"_overlay";return p.createElement(p.Fragment,null,p.createElement("div",f({ref:y,id:u,className:P,style:e.style},B),p.createElement(l.Button,{ref:v,type:"button",className:U,icon:e.icon,label:e.label,onClick:e.onClick,disabled:e.disabled,tabIndex:e.tabIndex},_),p.createElement(l.Button,{type:"button",className:R,icon:e.dropdownIcon,onClick:function(){m?w():k()},disabled:e.disabled,"aria-expanded":m,"aria-haspopup":!0,"aria-owns":H}),p.createElement(C,{ref:E,appendTo:e.appendTo,id:H,menuStyle:e.menuStyle,menuClassName:e.menuClassName,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:y.current})},in:m,onEnter:function(){i.ZIndexUtils.set("overlay",E.current,d.default.autoZIndex,d.default.zIndex.overlay),j()},onEntered:function(){g(),e.onShow&&e.onShow()},onExit:function(){I()},onExited:function(){i.ZIndexUtils.clear(E.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},A)),T&&p.createElement(o.Tooltip,f({target:y,content:e.tooltip},e.tooltipOptions)))})));return S.displayName="SplitButton",S.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null},e.SplitButton=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);

package/splitter/splitter.d.ts

@@ -14,6 +14,7 @@ interface SplitterPanelProps {
     minSize?: number;
     style?: object;
     className?: string;
+    children?: React.ReactNode;
 }
 
 export declare class SplitterPanel extends React.Component<SplitterPanelProps, any> { }
@@ -27,6 +28,7 @@ export interface SplitterProps {
     stateKey?: string;
     stateStorage?: SplitterStateStorageType;
     onResizeEnd?(e: SplitterResizeEndParams): void;
+    children?: React.ReactNode;
 }
 
 export declare class Splitter extends React.Component<SplitterProps, any> { }

package/steps/steps.cjs.js

@@ -80,6 +80,12 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       '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);
@@ -94,7 +100,7 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       tabIndex: tabIndex
     }, /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-steps-number"
-    }, index + 1), label);
+    }, index + 1), icon, label);
 
     if (item.template) {
       var defaultContentOptions = {
@@ -104,6 +110,7 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
         className: 'p-menuitem-link',
         labelClassName: 'p-steps-title',
         numberClassName: 'p-steps-number',
+        iconClassName: iconClassName,
         element: content,
         props: props,
         tabIndex: tabIndex,

package/steps/steps.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function a(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 l=a(e);function n(){return n=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},n.apply(this,arguments)}var r=l.memo(l.forwardRef((function(e,a){var s=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(a,n){var r=a.label+"_"+n,i=n===e.activeIndex,c=a.disabled||n!==e.activeIndex&&e.readOnly,u=c?-1:"",p=t.classNames("p-steps-item",a.className,{"p-highlight p-steps-current":i,"p-disabled":c}),o=a.label&&l.createElement("span",{className:"p-steps-title"},a.label),m=l.createElement("a",{href:a.url||"#",className:"p-menuitem-link",role:"presentation",target:a.target,onClick:function(e){return s(e,a,n)},tabIndex:u},l.createElement("span",{className:"p-steps-number"},n+1),o);a.template&&(m=t.ObjectUtils.getJSXElement(a.template,a,{onClick:function(e){return s(e,a,n)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",element:m,props:e,tabIndex:u,active:i,disabled:c}));return l.createElement("li",{key:r,className:p,style:a.style,role:"tab","aria-selected":i,"aria-expanded":i},m)},c=t.ObjectUtils.findDiffKeys(e,r.defaultProps),u=t.classNames("p-steps p-component",{"p-readonly":e.readOnly},e.className),p=function(){if(e.model){var t=e.model.map(i);return l.createElement("ul",{role:"tablist"},t)}return null}();return l.createElement("div",n({id:e.id,className:u,style:e.style},c),p)})));r.displayName="Steps",r.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},exports.Steps=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function a(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 n=a(e);function l(){return l=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},l.apply(this,arguments)}var r=n.memo(n.forwardRef((function(e,a){var s=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(a,l){var r=a.label+"_"+l,i=l===e.activeIndex,c=a.disabled||l!==e.activeIndex&&e.readOnly,o=c?-1:"",m=t.classNames("p-steps-item",a.className,{"p-highlight p-steps-current":i,"p-disabled":c}),p=t.classNames("p-menuitem-icon",a.icon),u=t.IconUtils.getJSXIcon(a.icon,{className:"p-menuitem-icon"},{props:e}),d=a.label&&n.createElement("span",{className:"p-steps-title"},a.label),f=n.createElement("a",{href:a.url||"#",className:"p-menuitem-link",role:"presentation",target:a.target,onClick:function(e){return s(e,a,l)},tabIndex:o},n.createElement("span",{className:"p-steps-number"},l+1),u,d);a.template&&(f=t.ObjectUtils.getJSXElement(a.template,a,{onClick:function(e){return s(e,a,l)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:p,element:f,props:e,tabIndex:o,active:i,disabled:c}));return n.createElement("li",{key:r,className:m,style:a.style,role:"tab","aria-selected":i,"aria-expanded":i},f)},c=t.ObjectUtils.findDiffKeys(e,r.defaultProps),o=t.classNames("p-steps p-component",{"p-readonly":e.readOnly},e.className),m=function(){if(e.model){var t=e.model.map(i);return n.createElement("ul",{role:"tablist"},t)}return null}();return n.createElement("div",l({id:e.id,className:o,style:e.style},c),m)})));r.displayName="Steps",r.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},exports.Steps=r;

package/steps/steps.d.ts

@@ -15,6 +15,7 @@ export interface StepsProps {
     style?: object;
     className?: string;
     onSelect?(e: StepsSelectParams): void;
+    children?: React.ReactNode;
 }
 
 export declare class Steps extends React.Component<StepsProps, any> { }

package/steps/steps.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ObjectUtils, classNames } from 'primereact/utils';
+import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -56,6 +56,12 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       'p-highlight p-steps-current': active,
       'p-disabled': disabled
     });
+    var iconClassName = classNames('p-menuitem-icon', item.icon);
+    var icon = IconUtils.getJSXIcon(item.icon, {
+      className: 'p-menuitem-icon'
+    }, {
+      props: props
+    });
     var label = item.label && /*#__PURE__*/React.createElement("span", {
       className: "p-steps-title"
     }, item.label);
@@ -70,7 +76,7 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       tabIndex: tabIndex
     }, /*#__PURE__*/React.createElement("span", {
       className: "p-steps-number"
-    }, index + 1), label);
+    }, index + 1), icon, label);
 
     if (item.template) {
       var defaultContentOptions = {
@@ -80,6 +86,7 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
         className: 'p-menuitem-link',
         labelClassName: 'p-steps-title',
         numberClassName: 'p-steps-number',
+        iconClassName: iconClassName,
         element: content,
         props: props,
         tabIndex: tabIndex,

package/steps/steps.esm.min.js

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

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> { }