primereact 9.2.2 → 9.3.0

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"),r=require("primereact/hooks"),l=require("primereact/overlayservice"),o=require("primereact/tooltip"),i=require("primereact/utils"),a=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 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 m=c(e),p=s(t);function d(){return d=Object.assign?Object.assign.bind():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},d.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function b(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===f(t)?t:String(t)}function v(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(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 r,l,o,i,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function N(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e,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 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.")}function h(e,t){return g(e)||E(e,t)||O(e,t)||S()}var I={defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:"pi pi-spinner pi-spin",model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,I.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,I.defaultProps)}},x=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(){if(!1===e.menuitem.visible)return null;var n=e.menuitem,r=n.icon,l=n.label,o=n.template,a=n.url,u=n.target,s=i.classNames("p-menuitem-link",n.className,{"p-disabled":n.disabled}),c=i.classNames("p-menuitem-icon",r),p=i.IconUtils.getJSXIcon(r,{className:"p-menuitem-icon"},{props:e.splitButtonProps}),d=m.createElement("a",{href:a||"#",role:"menuitem",className:s,target:u,onClick:t,"aria-label":l},p,l&&m.createElement("span",{className:"p-menuitem-text"},l));o&&(d=i.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()}));x.displayName="SplitButtonItem";var C=m.forwardRef((function(e,t){var n,r=(n=i.classNames("p-menu p-menu-overlay p-component",e.menuClassName),m.createElement(a.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,onClick:e.onClick},m.createElement("ul",{id:e.menuId,className:"p-menu-list p-reset",role:"menu"},e.children))));return m.createElement(u.Portal,{element:r,appendTo:e.appendTo})}));C.displayName="SplitButtonPanel";var P=m.memo(m.forwardRef((function(e,t){var a,u=I.getProps(e),s=h(m.useState(u.id),2),c=s[0],f=s[1],b=h(m.useState(!1),2),y=b[0],g=b[1],E=m.useRef(null),N=m.useRef(null),O=m.useRef(null),S=h(r.useOverlayListener({target:E,overlay:O,listener:function(e,t){t.valid&&T()},when:y}),2),P=S[0],j=S[1],w=function(){T()},k=function(){g(!0)},T=function(){g(!1)},B=function(){i.DomHandler.alignOverlay(O.current,N.current.parentElement,u.appendTo||p.default.appendTo)};r.useMountEffect((function(){c||f(i.UniqueComponentId())})),r.useUnmountEffect((function(){i.ZIndexUtils.clear(O.current)})),m.useImperativeHandle(t,(function(){return{props:u,show:k,hide:T,getElement:function(){return E.current}}}));if(!1===u.visible)return null;var U=i.ObjectUtils.isNotEmpty(u.tooltip),q=I.getOtherProps(u),_={large:"lg",small:"sm"}[u.size],A=i.classNames("p-splitbutton p-component",u.className,(v(a={"p-disabled":u.disabled,"p-button-loading-label-only":u.loading&&!u.icon&&u.label},"p-button-".concat(u.severity),u.severity),v(a,"p-button-raised",u.raised),v(a,"p-button-rounded",u.rounded),v(a,"p-button-text",u.text),v(a,"p-button-outlined",u.outlined),v(a,"p-button-".concat(_),_),a)),R=i.classNames("p-splitbutton-defaultbutton",u.buttonClassName),H=i.classNames("p-splitbutton-menubutton",u.menuButtonClassName),M=u.buttonTemplate?i.ObjectUtils.getJSXElement(u.buttonTemplate,u):null,z=u.model?u.model.map((function(e,t){return m.createElement(x,{splitButtonProps:u,menuitem:e,key:t,onItemClick:w})})):null,D=c+"_menu";return m.createElement(m.Fragment,null,m.createElement("div",d({ref:E,id:c,className:A,style:u.style},q),m.createElement(n.Button,d({ref:N,type:"button",className:R,icon:u.icon,loading:u.loading,loadingIcon:u.loadingIcon,label:u.label,onClick:u.onClick,disabled:u.disabled,tabIndex:u.tabIndex},u.buttonProps),M),m.createElement(n.Button,d({type:"button",className:H,icon:u.dropdownIcon,onClick:function(){y?T():k()},disabled:u.disabled,"aria-expanded":y,"aria-haspopup":"true","aria-controls":y?D:null},u.menuButtonProps)),m.createElement(C,{ref:O,appendTo:u.appendTo,menuId:D,menuStyle:u.menuStyle,menuClassName:u.menuClassName,onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:E.current})},in:y,onEnter:function(){i.ZIndexUtils.set("overlay",O.current,p.default.autoZIndex,p.default.zIndex.overlay),B()},onEntered:function(){P(),u.onShow&&u.onShow()},onExit:function(){j()},onExited:function(){i.ZIndexUtils.clear(O.current),u.onHide&&u.onHide()},transitionOptions:u.transitionOptions},z)),U&&m.createElement(o.Tooltip,d({target:E,content:u.tooltip},u.tooltipOptions)))})));P.displayName="SplitButton",exports.SplitButton=P;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/hooks"),o=require("primereact/overlayservice"),l=require("primereact/tooltip"),i=require("primereact/utils"),a=require("primereact/csstransition"),u=require("primereact/portal"),s=require("primereact/icons/chevrondown");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 r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=m(e),d=c(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function y(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=y(e,"string");return"symbol"===b(t)?t:String(t)}function g(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function 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 I(e,t){return E(e)||N(e,t)||O(e,t)||h()}var C={defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,C.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,C.defaultProps)}},x=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(){if(!1===e.menuitem.visible)return null;var n=e.menuitem,r=n.icon,o=n.label,l=n.template,a=n.url,u=n.target,s=i.classNames("p-menuitem-link",n.className,{"p-disabled":n.disabled}),c=i.classNames("p-menuitem-icon",r),m=i.IconUtils.getJSXIcon(r,{className:"p-menuitem-icon"},{props:e.splitButtonProps}),d=p.createElement("a",{href:a||"#",role:"menuitem",className:s,target:u,onClick:t,"aria-label":o},m,o&&p.createElement("span",{className:"p-menuitem-text"},o));l&&(d=i.ObjectUtils.getJSXElement(l,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()}));x.displayName="SplitButtonItem";var P=p.forwardRef((function(e,t){var n,r=(n=i.classNames("p-menu p-menu-overlay p-component",e.menuClassName),p.createElement(a.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,onClick:e.onClick},p.createElement("ul",{id:e.menuId,className:"p-menu-list p-reset",role:"menu"},e.children))));return p.createElement(u.Portal,{element:r,appendTo:e.appendTo})}));P.displayName="SplitButtonPanel";var j=p.memo(p.forwardRef((function(e,t){var a,u=C.getProps(e),c=I(p.useState(u.id),2),m=c[0],b=c[1],y=I(p.useState(!1),2),v=y[0],E=y[1],N=p.useRef(null),S=p.useRef(null),O=p.useRef(null),h=I(r.useOverlayListener({target:N,overlay:O,listener:function(e,t){t.valid&&B()},when:v}),2),j=h[0],w=h[1],k=function(){B()},T=function(){E(!0)},B=function(){E(!1)},U=function(){i.DomHandler.alignOverlay(O.current,S.current.parentElement,u.appendTo||d.default.appendTo)};r.useMountEffect((function(){m||b(i.UniqueComponentId())})),r.useUnmountEffect((function(){i.ZIndexUtils.clear(O.current)})),p.useImperativeHandle(t,(function(){return{props:u,show:T,hide:B,getElement:function(){return N.current}}}));if(!1===u.visible)return null;var q=i.ObjectUtils.isNotEmpty(u.tooltip),_=C.getOtherProps(u),A={large:"lg",small:"sm"}[u.size],R=i.classNames("p-splitbutton p-component",u.className,(g(a={"p-disabled":u.disabled,"p-button-loading-label-only":u.loading&&!u.icon&&u.label},"p-button-".concat(u.severity),u.severity),g(a,"p-button-raised",u.raised),g(a,"p-button-rounded",u.rounded),g(a,"p-button-text",u.text),g(a,"p-button-outlined",u.outlined),g(a,"p-button-".concat(A),A),a)),D=i.classNames("p-splitbutton-defaultbutton",u.buttonClassName),H=i.classNames("p-splitbutton-menubutton",u.menuButtonClassName),M=u.buttonTemplate?i.ObjectUtils.getJSXElement(u.buttonTemplate,u):null,z=u.model?u.model.map((function(e,t){return p.createElement(x,{splitButtonProps:u,menuitem:e,key:t,onItemClick:k})})):null,J=m+"_menu";return p.createElement(p.Fragment,null,p.createElement("div",f({ref:N,id:m,className:R,style:u.style},_),p.createElement(n.Button,f({ref:S,type:"button",className:D,icon:u.icon,loading:u.loading,loadingIcon:u.loadingIcon,label:u.label,onClick:u.onClick,disabled:u.disabled,tabIndex:u.tabIndex},u.buttonProps),M),p.createElement(n.Button,f({type:"button",className:H,icon:function(){var e="p-button-icon p-c",t=i.IconUtils.getJSXIcon(u.dropdownIcon||p.createElement(s.ChevronDownIcon,{className:e}),{className:e},{props:u});return t},onClick:function(){v?B():T()},disabled:u.disabled,"aria-expanded":v,"aria-haspopup":"true","aria-controls":v?J:null},u.menuButtonProps)),p.createElement(P,{ref:O,appendTo:u.appendTo,menuId:J,menuStyle:u.menuStyle,menuClassName:u.menuClassName,onClick:function(e){o.OverlayService.emit("overlay-click",{originalEvent:e,target:N.current})},in:v,onEnter:function(){i.ZIndexUtils.set("overlay",O.current,d.default.autoZIndex,d.default.zIndex.overlay),U()},onEntered:function(){j(),u.onShow&&u.onShow()},onExit:function(){w()},onExited:function(){i.ZIndexUtils.clear(O.current),u.onHide&&u.onHide()},transitionOptions:u.transitionOptions},z)),q&&p.createElement(l.Tooltip,f({target:N,content:u.tooltip},u.tooltipOptions)))})));j.displayName="SplitButton",exports.SplitButton=j;

package/splitbutton/splitbutton.d.ts

@@ -123,8 +123,7 @@ export interface SplitButtonProps extends Omit<React.DetailedHTMLProps<React.HTM
      */
     transitionOptions?: CSSTransitionProps | undefined;
     /**
-     * Icon class of the dropdown icon.
-     * @defaultValue pi pi-chevron-down
+     * Name of the dropdown icon or JSX.Element for dropdown icon.
      */
     dropdownIcon?: IconType<SplitButtonProps> | undefined;
     /**

package/splitbutton/splitbutton.esm.js

@@ -7,6 +7,7 @@ import { Tooltip } from 'primereact/tooltip';
 import { ObjectUtils, classNames, IconUtils, UniqueComponentId, ZIndexUtils, DomHandler } from 'primereact/utils';
 import { CSSTransition } from 'primereact/csstransition';
 import { Portal } from 'primereact/portal';
+import { ChevronDownIcon } from 'primereact/icons/chevrondown';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -126,7 +127,7 @@ var SplitButtonBase = {
     label: null,
     icon: null,
     loading: false,
-    loadingIcon: 'pi pi-spinner pi-spin',
+    loadingIcon: null,
     model: null,
     disabled: null,
     style: null,
@@ -149,7 +150,7 @@ var SplitButtonBase = {
     tooltipOptions: null,
     buttonTemplate: null,
     transitionOptions: null,
-    dropdownIcon: 'pi pi-chevron-down',
+    dropdownIcon: null,
     onClick: null,
     onShow: null,
     onHide: null,
@@ -386,6 +387,18 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   var buttonContent = props.buttonTemplate ? ObjectUtils.getJSXElement(props.buttonTemplate, props) : null;
   var items = createItems();
   var menuId = idState + '_menu';
+  var dropdownIcon = function dropdownIcon() {
+    var iconClassName = 'p-button-icon p-c';
+    var icon = props.dropdownIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, {
+      className: iconClassName
+    });
+    var dropdownIcon = IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    });
+    return dropdownIcon;
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
     ref: elementRef,
     id: idState,
@@ -405,7 +418,7 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   }, props.buttonProps), buttonContent), /*#__PURE__*/React.createElement(Button, _extends({
     type: "button",
     className: menuButtonClassName,
-    icon: props.dropdownIcon,
+    icon: dropdownIcon,
     onClick: onDropdownButtonClick,
     disabled: props.disabled,
     "aria-expanded": overlayVisibleState,

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 o,useMountEffect as r,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Tooltip as a}from"primereact/tooltip";import{ObjectUtils as u,classNames as m,IconUtils as s,UniqueComponentId as c,ZIndexUtils as p,DomHandler as d}from"primereact/utils";import{CSSTransition as f}from"primereact/csstransition";import{Portal as b}from"primereact/portal";function y(){return y=Object.assign?Object.assign.bind():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},y.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function g(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==v(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=g(e,"string");return"symbol"===v(t)?t:String(t)}function N(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,i,a=[],u=!0,m=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(o=l.call(n)).done)&&(a.push(o.value),a.length!==t);u=!0);}catch(e){m=!0,r=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(m)throw r}}return a}}function C(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 x(e,t){if(e){if("string"==typeof e)return C(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?C(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,t){return S(e)||h(e,t)||x(e,t)||I()}var O={defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:"pi pi-spinner pi-spin",model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return u.getMergedProps(e,O.defaultProps)},getOtherProps:function(e){return u.getDiffProps(e,O.defaultProps)}},w=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(){if(!1===t.menuitem.visible)return null;var o=t.menuitem,r=o.icon,l=o.label,i=o.template,a=o.url,c=o.target,p=m("p-menuitem-link",o.className,{"p-disabled":o.disabled}),d=m("p-menuitem-icon",r),f=s.getJSXIcon(r,{className:"p-menuitem-icon"},{props:t.splitButtonProps}),b=e.createElement("a",{href:a||"#",role:"menuitem",className:p,target:c,onClick:n,"aria-label":l},f,l&&e.createElement("span",{className:"p-menuitem-text"},l));i&&(b=u.getJSXElement(i,t.menuitem,{onClick:n,className:p,labelClassName:"p-menuitem-text",iconClassName:d,element:b,props:t}));return e.createElement("li",{className:"p-menuitem",role:"none"},b)};return t.menuitem.separator?e.createElement("li",{className:"p-menu-separator",role:"separator"}):o()}));w.displayName="SplitButtonItem";var k=e.forwardRef((function(t,n){var o,r=(o=m("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,onClick:t.onClick},e.createElement("ul",{id:t.menuId,className:"p-menu-list p-reset",role:"menu"},t.children))));return e.createElement(b,{element:r,appendTo:t.appendTo})}));k.displayName="SplitButtonPanel";var T=e.memo(e.forwardRef((function(s,f){var b,v=O.getProps(s),g=P(e.useState(v.id),2),E=g[0],S=g[1],h=P(e.useState(!1),2),C=h[0],x=h[1],I=e.useRef(null),T=e.useRef(null),j=e.useRef(null),B=P(o({target:I,overlay:j,listener:function(e,t){t.valid&&J()},when:C}),2),A=B[0],R=B[1],H=function(){J()},z=function(){x(!0)},J=function(){x(!1)},X=function(){d.alignOverlay(j.current,T.current.parentElement,v.appendTo||t.appendTo)};r((function(){E||S(c())})),l((function(){p.clear(j.current)})),e.useImperativeHandle(f,(function(){return{props:v,show:z,hide:J,getElement:function(){return I.current}}}));if(!1===v.visible)return null;var _=u.isNotEmpty(v.tooltip),D=O.getOtherProps(v),M={large:"lg",small:"sm"}[v.size],F=m("p-splitbutton p-component",v.className,(N(b={"p-disabled":v.disabled,"p-button-loading-label-only":v.loading&&!v.icon&&v.label},"p-button-".concat(v.severity),v.severity),N(b,"p-button-raised",v.raised),N(b,"p-button-rounded",v.rounded),N(b,"p-button-text",v.text),N(b,"p-button-outlined",v.outlined),N(b,"p-button-".concat(M),M),b)),U=m("p-splitbutton-defaultbutton",v.buttonClassName),Y=m("p-splitbutton-menubutton",v.menuButtonClassName),Z=v.buttonTemplate?u.getJSXElement(v.buttonTemplate,v):null,$=v.model?v.model.map((function(t,n){return e.createElement(w,{splitButtonProps:v,menuitem:t,key:n,onItemClick:H})})):null,q=E+"_menu";return e.createElement(e.Fragment,null,e.createElement("div",y({ref:I,id:E,className:F,style:v.style},D),e.createElement(n,y({ref:T,type:"button",className:U,icon:v.icon,loading:v.loading,loadingIcon:v.loadingIcon,label:v.label,onClick:v.onClick,disabled:v.disabled,tabIndex:v.tabIndex},v.buttonProps),Z),e.createElement(n,y({type:"button",className:Y,icon:v.dropdownIcon,onClick:function(){C?J():z()},disabled:v.disabled,"aria-expanded":C,"aria-haspopup":"true","aria-controls":C?q:null},v.menuButtonProps)),e.createElement(k,{ref:j,appendTo:v.appendTo,menuId:q,menuStyle:v.menuStyle,menuClassName:v.menuClassName,onClick:function(e){i.emit("overlay-click",{originalEvent:e,target:I.current})},in:C,onEnter:function(){p.set("overlay",j.current,t.autoZIndex,t.zIndex.overlay),X()},onEntered:function(){A(),v.onShow&&v.onShow()},onExit:function(){R()},onExited:function(){p.clear(j.current),v.onHide&&v.onHide()},transitionOptions:v.transitionOptions},$)),_&&e.createElement(a,y({target:I,content:v.tooltip},v.tooltipOptions)))})));T.displayName="SplitButton";export{T 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 r,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Tooltip as a}from"primereact/tooltip";import{ObjectUtils as u,classNames as m,IconUtils as c,UniqueComponentId as s,ZIndexUtils as p,DomHandler as d}from"primereact/utils";import{CSSTransition as f}from"primereact/csstransition";import{Portal as b}from"primereact/portal";import{ChevronDownIcon as y}from"primereact/icons/chevrondown";function v(){return v=Object.assign?Object.assign.bind():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},v.apply(this,arguments)}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function E(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==g(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function N(e){var t=E(e,"string");return"symbol"===g(t)?t:String(t)}function S(e,t,n){return(t=N(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,i,a=[],u=!0,m=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(o=l.call(n)).done)&&(a.push(o.value),a.length!==t);u=!0);}catch(e){m=!0,r=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(m)throw r}}return a}}function I(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 x(e,t){if(e){if("string"==typeof e)return I(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?I(e,t):void 0}}function P(){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 O(e,t){return h(e)||C(e,t)||x(e,t)||P()}var w={defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return u.getMergedProps(e,w.defaultProps)},getOtherProps:function(e){return u.getDiffProps(e,w.defaultProps)}},k=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(){if(!1===t.menuitem.visible)return null;var o=t.menuitem,r=o.icon,l=o.label,i=o.template,a=o.url,s=o.target,p=m("p-menuitem-link",o.className,{"p-disabled":o.disabled}),d=m("p-menuitem-icon",r),f=c.getJSXIcon(r,{className:"p-menuitem-icon"},{props:t.splitButtonProps}),b=e.createElement("a",{href:a||"#",role:"menuitem",className:p,target:s,onClick:n,"aria-label":l},f,l&&e.createElement("span",{className:"p-menuitem-text"},l));i&&(b=u.getJSXElement(i,t.menuitem,{onClick:n,className:p,labelClassName:"p-menuitem-text",iconClassName:d,element:b,props:t}));return e.createElement("li",{className:"p-menuitem",role:"none"},b)};return t.menuitem.separator?e.createElement("li",{className:"p-menu-separator",role:"separator"}):o()}));k.displayName="SplitButtonItem";var T=e.forwardRef((function(t,n){var o,r=(o=m("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,onClick:t.onClick},e.createElement("ul",{id:t.menuId,className:"p-menu-list p-reset",role:"menu"},t.children))));return e.createElement(b,{element:r,appendTo:t.appendTo})}));T.displayName="SplitButtonPanel";var j=e.memo(e.forwardRef((function(f,b){var g,E=w.getProps(f),N=O(e.useState(E.id),2),h=N[0],C=N[1],I=O(e.useState(!1),2),x=I[0],P=I[1],j=e.useRef(null),B=e.useRef(null),A=e.useRef(null),R=O(o({target:j,overlay:A,listener:function(e,t){t.valid&&_()},when:x}),2),H=R[0],J=R[1],X=function(){_()},z=function(){P(!0)},_=function(){P(!1)},D=function(){d.alignOverlay(A.current,B.current.parentElement,E.appendTo||t.appendTo)};r((function(){h||C(s())})),l((function(){p.clear(A.current)})),e.useImperativeHandle(b,(function(){return{props:E,show:z,hide:_,getElement:function(){return j.current}}}));if(!1===E.visible)return null;var M=u.isNotEmpty(E.tooltip),F=w.getOtherProps(E),U={large:"lg",small:"sm"}[E.size],Y=m("p-splitbutton p-component",E.className,(S(g={"p-disabled":E.disabled,"p-button-loading-label-only":E.loading&&!E.icon&&E.label},"p-button-".concat(E.severity),E.severity),S(g,"p-button-raised",E.raised),S(g,"p-button-rounded",E.rounded),S(g,"p-button-text",E.text),S(g,"p-button-outlined",E.outlined),S(g,"p-button-".concat(U),U),g)),Z=m("p-splitbutton-defaultbutton",E.buttonClassName),$=m("p-splitbutton-menubutton",E.menuButtonClassName),q=E.buttonTemplate?u.getJSXElement(E.buttonTemplate,E):null,G=E.model?E.model.map((function(t,n){return e.createElement(k,{splitButtonProps:E,menuitem:t,key:n,onItemClick:X})})):null,K=h+"_menu";return e.createElement(e.Fragment,null,e.createElement("div",v({ref:j,id:h,className:Y,style:E.style},F),e.createElement(n,v({ref:B,type:"button",className:Z,icon:E.icon,loading:E.loading,loadingIcon:E.loadingIcon,label:E.label,onClick:E.onClick,disabled:E.disabled,tabIndex:E.tabIndex},E.buttonProps),q),e.createElement(n,v({type:"button",className:$,icon:function(){var t="p-button-icon p-c",n=c.getJSXIcon(E.dropdownIcon||e.createElement(y,{className:t}),{className:t},{props:E});return n},onClick:function(){x?_():z()},disabled:E.disabled,"aria-expanded":x,"aria-haspopup":"true","aria-controls":x?K:null},E.menuButtonProps)),e.createElement(T,{ref:A,appendTo:E.appendTo,menuId:K,menuStyle:E.menuStyle,menuClassName:E.menuClassName,onClick:function(e){i.emit("overlay-click",{originalEvent:e,target:j.current})},in:x,onEnter:function(){p.set("overlay",A.current,t.autoZIndex,t.zIndex.overlay),D()},onEntered:function(){H(),E.onShow&&E.onShow()},onExit:function(){J()},onExited:function(){p.clear(A.current),E.onHide&&E.onHide()},transitionOptions:E.transitionOptions},G)),M&&e.createElement(a,v({target:j,content:E.tooltip},E.tooltipOptions)))})));j.displayName="SplitButton";export{j as SplitButton};

package/splitbutton/splitbutton.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hooks, overlayservice, tooltip, utils, csstransition, portal) {
+this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hooks, overlayservice, tooltip, utils, csstransition, portal, chevrondown) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -143,7 +143,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
       label: null,
       icon: null,
       loading: false,
-      loadingIcon: 'pi pi-spinner pi-spin',
+      loadingIcon: null,
       model: null,
       disabled: null,
       style: null,
@@ -166,7 +166,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
       tooltipOptions: null,
       buttonTemplate: null,
       transitionOptions: null,
-      dropdownIcon: 'pi pi-chevron-down',
+      dropdownIcon: null,
       onClick: null,
       onShow: null,
       onHide: null,
@@ -403,6 +403,18 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
     var buttonContent = props.buttonTemplate ? utils.ObjectUtils.getJSXElement(props.buttonTemplate, props) : null;
     var items = createItems();
     var menuId = idState + '_menu';
+    var dropdownIcon = function dropdownIcon() {
+      var iconClassName = 'p-button-icon p-c';
+      var icon = props.dropdownIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
+        className: iconClassName
+      });
+      var dropdownIcon = utils.IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props
+      });
+      return dropdownIcon;
+    };
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: elementRef,
       id: idState,
@@ -422,7 +434,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
     }, props.buttonProps), buttonContent), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
       type: "button",
       className: menuButtonClassName,
-      icon: props.dropdownIcon,
+      icon: dropdownIcon,
       onClick: onDropdownButtonClick,
       disabled: props.disabled,
       "aria-expanded": overlayVisibleState,
@@ -454,4 +466,4 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
 
   return exports;
 
-})({}, React, primereact.api, primereact.button, primereact.hooks, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.portal);
+})({}, React, primereact.api, primereact.button, primereact.hooks, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.portal, primereact.icons/chevrondown);

package/splitbutton/splitbutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,r,l,o,i,a,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 r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=m(t),d=c(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function y(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=y(e,"string");return"symbol"===b(t)?t:String(t)}function g(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,i,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,l=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw l}}return a}}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(e,t){if(e){if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?O(e,t):void 0}}function 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 I(e,t){return E(e)||N(e,t)||S(e,t)||h()}var C={defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:"pi pi-spinner pi-spin",model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,C.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,C.defaultProps)}},P=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(){if(!1===e.menuitem.visible)return null;var n=e.menuitem,r=n.icon,l=n.label,o=n.template,i=n.url,u=n.target,s=a.classNames("p-menuitem-link",n.className,{"p-disabled":n.disabled}),c=a.classNames("p-menuitem-icon",r),m=a.IconUtils.getJSXIcon(r,{className:"p-menuitem-icon"},{props:e.splitButtonProps}),d=p.createElement("a",{href:i||"#",role:"menuitem",className:s,target:u,onClick:t,"aria-label":l},m,l&&p.createElement("span",{className:"p-menuitem-text"},l));o&&(d=a.ObjectUtils.getJSXElement(o,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()}));P.displayName="SplitButtonItem";var j=p.forwardRef((function(e,t){var n,r=(n=a.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,onClick:e.onClick},p.createElement("ul",{id:e.menuId,className:"p-menu-list p-reset",role:"menu"},e.children))));return p.createElement(s.Portal,{element:r,appendTo:e.appendTo})}));j.displayName="SplitButtonPanel";var x=p.memo(p.forwardRef((function(e,t){var n,u=C.getProps(e),s=I(p.useState(u.id),2),c=s[0],m=s[1],b=I(p.useState(!1),2),y=b[0],v=b[1],E=p.useRef(null),N=p.useRef(null),O=p.useRef(null),S=I(l.useOverlayListener({target:E,overlay:O,listener:function(e,t){t.valid&&T()},when:y}),2),h=S[0],x=S[1],w=function(){T()},k=function(){v(!0)},T=function(){v(!1)},B=function(){a.DomHandler.alignOverlay(O.current,N.current.parentElement,u.appendTo||d.default.appendTo)};l.useMountEffect((function(){c||m(a.UniqueComponentId())})),l.useUnmountEffect((function(){a.ZIndexUtils.clear(O.current)})),p.useImperativeHandle(t,(function(){return{props:u,show:k,hide:T,getElement:function(){return E.current}}}));if(!1===u.visible)return null;var U=a.ObjectUtils.isNotEmpty(u.tooltip),R=C.getOtherProps(u),_={large:"lg",small:"sm"}[u.size],A=a.classNames("p-splitbutton p-component",u.className,(g(n={"p-disabled":u.disabled,"p-button-loading-label-only":u.loading&&!u.icon&&u.label},"p-button-".concat(u.severity),u.severity),g(n,"p-button-raised",u.raised),g(n,"p-button-rounded",u.rounded),g(n,"p-button-text",u.text),g(n,"p-button-outlined",u.outlined),g(n,"p-button-".concat(_),_),n)),H=a.classNames("p-splitbutton-defaultbutton",u.buttonClassName),M=a.classNames("p-splitbutton-menubutton",u.menuButtonClassName),z=u.buttonTemplate?a.ObjectUtils.getJSXElement(u.buttonTemplate,u):null,D=u.model?u.model.map((function(e,t){return p.createElement(P,{splitButtonProps:u,menuitem:e,key:t,onItemClick:w})})):null,Z=c+"_menu";return p.createElement(p.Fragment,null,p.createElement("div",f({ref:E,id:c,className:A,style:u.style},R),p.createElement(r.Button,f({ref:N,type:"button",className:H,icon:u.icon,loading:u.loading,loadingIcon:u.loadingIcon,label:u.label,onClick:u.onClick,disabled:u.disabled,tabIndex:u.tabIndex},u.buttonProps),z),p.createElement(r.Button,f({type:"button",className:M,icon:u.dropdownIcon,onClick:function(){y?T():k()},disabled:u.disabled,"aria-expanded":y,"aria-haspopup":"true","aria-controls":y?Z:null},u.menuButtonProps)),p.createElement(j,{ref:O,appendTo:u.appendTo,menuId:Z,menuStyle:u.menuStyle,menuClassName:u.menuClassName,onClick:function(e){o.OverlayService.emit("overlay-click",{originalEvent:e,target:E.current})},in:y,onEnter:function(){a.ZIndexUtils.set("overlay",O.current,d.default.autoZIndex,d.default.zIndex.overlay),B()},onEntered:function(){h(),u.onShow&&u.onShow()},onExit:function(){x()},onExited:function(){a.ZIndexUtils.clear(O.current),u.onHide&&u.onHide()},transitionOptions:u.transitionOptions},D)),U&&p.createElement(i.Tooltip,f({target:E,content:u.tooltip},u.tooltipOptions)))})));return x.displayName="SplitButton",e.SplitButton=x,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,r,o,l,i,a,u,s,c){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 d=p(t),f=m(n);function b(){return b=Object.assign?Object.assign.bind():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},b.apply(this,arguments)}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function v(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=v(e,"string");return"symbol"===y(t)?t:String(t)}function E(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}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 h(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 I(){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 N(e)||S(e,t)||h(e,t)||I()}var P={defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,P.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,P.defaultProps)}},j=d.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(){if(!1===e.menuitem.visible)return null;var n=e.menuitem,r=n.icon,o=n.label,l=n.template,i=n.url,u=n.target,s=a.classNames("p-menuitem-link",n.className,{"p-disabled":n.disabled}),c=a.classNames("p-menuitem-icon",r),m=a.IconUtils.getJSXIcon(r,{className:"p-menuitem-icon"},{props:e.splitButtonProps}),p=d.createElement("a",{href:i||"#",role:"menuitem",className:s,target:u,onClick:t,"aria-label":o},m,o&&d.createElement("span",{className:"p-menuitem-text"},o));l&&(p=a.ObjectUtils.getJSXElement(l,e.menuitem,{onClick:t,className:s,labelClassName:"p-menuitem-text",iconClassName:c,element:p,props:e}));return d.createElement("li",{className:"p-menuitem",role:"none"},p)};return e.menuitem.separator?d.createElement("li",{className:"p-menu-separator",role:"separator"}):n()}));j.displayName="SplitButtonItem";var x=d.forwardRef((function(e,t){var n,r=(n=a.classNames("p-menu p-menu-overlay p-component",e.menuClassName),d.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},d.createElement("div",{ref:t,className:n,style:e.menuStyle,onClick:e.onClick},d.createElement("ul",{id:e.menuId,className:"p-menu-list p-reset",role:"menu"},e.children))));return d.createElement(s.Portal,{element:r,appendTo:e.appendTo})}));x.displayName="SplitButtonPanel";var w=d.memo(d.forwardRef((function(e,t){var n,u=P.getProps(e),s=C(d.useState(u.id),2),m=s[0],p=s[1],y=C(d.useState(!1),2),v=y[0],g=y[1],N=d.useRef(null),S=d.useRef(null),O=d.useRef(null),h=C(o.useOverlayListener({target:N,overlay:O,listener:function(e,t){t.valid&&B()},when:v}),2),I=h[0],w=h[1],k=function(){B()},T=function(){g(!0)},B=function(){g(!1)},U=function(){a.DomHandler.alignOverlay(O.current,S.current.parentElement,u.appendTo||f.default.appendTo)};o.useMountEffect((function(){m||p(a.UniqueComponentId())})),o.useUnmountEffect((function(){a.ZIndexUtils.clear(O.current)})),d.useImperativeHandle(t,(function(){return{props:u,show:T,hide:B,getElement:function(){return N.current}}}));if(!1===u.visible)return null;var R=a.ObjectUtils.isNotEmpty(u.tooltip),_=P.getOtherProps(u),A={large:"lg",small:"sm"}[u.size],D=a.classNames("p-splitbutton p-component",u.className,(E(n={"p-disabled":u.disabled,"p-button-loading-label-only":u.loading&&!u.icon&&u.label},"p-button-".concat(u.severity),u.severity),E(n,"p-button-raised",u.raised),E(n,"p-button-rounded",u.rounded),E(n,"p-button-text",u.text),E(n,"p-button-outlined",u.outlined),E(n,"p-button-".concat(A),A),n)),H=a.classNames("p-splitbutton-defaultbutton",u.buttonClassName),M=a.classNames("p-splitbutton-menubutton",u.menuButtonClassName),z=u.buttonTemplate?a.ObjectUtils.getJSXElement(u.buttonTemplate,u):null,J=u.model?u.model.map((function(e,t){return d.createElement(j,{splitButtonProps:u,menuitem:e,key:t,onItemClick:k})})):null,X=m+"_menu";return d.createElement(d.Fragment,null,d.createElement("div",b({ref:N,id:m,className:D,style:u.style},_),d.createElement(r.Button,b({ref:S,type:"button",className:H,icon:u.icon,loading:u.loading,loadingIcon:u.loadingIcon,label:u.label,onClick:u.onClick,disabled:u.disabled,tabIndex:u.tabIndex},u.buttonProps),z),d.createElement(r.Button,b({type:"button",className:M,icon:function(){var e="p-button-icon p-c",t=a.IconUtils.getJSXIcon(u.dropdownIcon||d.createElement(c.ChevronDownIcon,{className:e}),{className:e},{props:u});return t},onClick:function(){v?B():T()},disabled:u.disabled,"aria-expanded":v,"aria-haspopup":"true","aria-controls":v?X:null},u.menuButtonProps)),d.createElement(x,{ref:O,appendTo:u.appendTo,menuId:X,menuStyle:u.menuStyle,menuClassName:u.menuClassName,onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:N.current})},in:v,onEnter:function(){a.ZIndexUtils.set("overlay",O.current,f.default.autoZIndex,f.default.zIndex.overlay),U()},onEntered:function(){I(),u.onShow&&u.onShow()},onExit:function(){w()},onExited:function(){a.ZIndexUtils.clear(O.current),u.onHide&&u.onHide()},transitionOptions:u.transitionOptions},J)),R&&d.createElement(i.Tooltip,b({target:N,content:u.tooltip},u.tooltipOptions)))})));return w.displayName="SplitButton",e.SplitButton=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.icons/chevrondown);

package/tabview/tabview.cjs.js

@@ -7,6 +7,9 @@ var api = require('primereact/api');
 var hooks = require('primereact/hooks');
 var ripple = require('primereact/ripple');
 var utils = require('primereact/utils');
+var chevronright = require('primereact/icons/chevronright');
+var chevronleft = require('primereact/icons/chevronleft');
+var times = require('primereact/icons/times');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -193,6 +196,9 @@ var TabPanelBase = {
     headerTemplate: null,
     leftIcon: null,
     rightIcon: null,
+    prevButton: null,
+    nextButton: null,
+    closeIcon: null,
     style: null,
     children: undefined
   },
@@ -399,7 +405,8 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       rightIcon = _TabPanelBase$getCPro.rightIcon,
       header = _TabPanelBase$getCPro.header,
       headerTemplate = _TabPanelBase$getCPro.headerTemplate,
-      closable = _TabPanelBase$getCPro.closable;
+      closable = _TabPanelBase$getCPro.closable,
+      closeIcon = _TabPanelBase$getCPro.closeIcon;
     var style = _objectSpread(_objectSpread({}, headerStyle || {}), _style || {});
     var className = utils.classNames('p-unselectable-text', {
       'p-tabview-selected p-highlight': selected,
@@ -408,21 +415,27 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var headerId = idState + '_header_' + index;
     var ariaControls = idState + '_content_' + index;
     var tabIndex = disabled ? null : 0;
-    var leftIconElement = leftIcon && /*#__PURE__*/React__namespace.createElement("i", {
-      className: leftIcon
-    });
+    var leftIconElement = leftIcon && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, utils.IconUtils.getJSXIcon(leftIcon, {
+      props: props
+    }));
     var titleElement = /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-tabview-title"
     }, header);
-    var rightIconElement = rightIcon && /*#__PURE__*/React__namespace.createElement("i", {
-      className: rightIcon
-    });
-    var closableIconElement = closable && /*#__PURE__*/React__namespace.createElement("i", {
-      className: "p-tabview-close pi pi-times",
+    var rightIconElement = rightIcon && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, utils.IconUtils.getJSXIcon(rightIcon, {
+      props: props
+    }));
+    var iconClassName = 'p-tabview-close';
+    var icon = closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, {
+      className: iconClassName,
       onClick: function onClick(e) {
         return onTabHeaderClose(e, index);
       }
     });
+    var closableIconElement = closable ? utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    }) : null;
     var content =
     /*#__PURE__*/
     // eslint-disable /
@@ -525,6 +538,10 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     }, contents);
   };
   var createPrevButton = function createPrevButton() {
+    var icon = props.prevButton || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, null);
+    var leftIcon = utils.IconUtils.getJSXIcon(icon, undefined, {
+      props: props
+    });
     if (props.scrollable && !backwardIsDisabledState) {
       return /*#__PURE__*/React__namespace.createElement("button", {
         ref: prevBtnRef,
@@ -532,13 +549,17 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
         onClick: navBackward,
         type: "button",
         "aria-label": api.ariaLabel('previousPageLabel')
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "pi pi-chevron-left"
-      }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }, leftIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
     return null;
   };
   var createNextButton = function createNextButton() {
+    var icon = props.prevButton || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, null);
+    var rightIcon = utils.IconUtils.getJSXIcon(icon, {
+      'aria-hidden': 'true'
+    }, {
+      props: props
+    });
     if (props.scrollable && !forwardIsDisabledState) {
       return /*#__PURE__*/React__namespace.createElement("button", {
         ref: nextBtnRef,
@@ -546,10 +567,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
         onClick: navForward,
         type: "button",
         "aria-label": api.ariaLabel('nextPageLabel')
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "pi pi-chevron-right",
-        "aria-hidden": "true"
-      }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }, rightIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
   };
   var otherProps = TabViewBase.getOtherProps(props);

package/tabview/tabview.cjs.min.js

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

package/tabview/tabview.d.ts

@@ -12,6 +12,7 @@
  *
  */
 import * as React from 'react';
+import { IconType } from '../utils/utils';
 
 /**
  * Custom Tabpanel header template options
@@ -85,11 +86,23 @@ export interface TabPanelProps {
     /**
      * Icons can be placed at left of a header.
      */
-    leftIcon?: string | undefined;
+    leftIcon?: IconType<TabPanel> | undefined;
     /**
      * Icons can be placed at right of a header.
      */
-    rightIcon?: string | undefined;
+    rightIcon?: IconType<TabPanel> | undefined;
+    /**
+     * Previous button of the tab header.
+     */
+    prevButton: IconType<TabPanel> | undefined;
+    /**
+     * Next button of the tab header.
+     */
+    nextButton: IconType<TabPanel> | undefined;
+    /**
+     * Close button of the tab header.
+     */
+    closeIcon: IconType<TabPanel> | undefined;
     /**
      * Whether the tab is disabled.
      * @defaultValue false

package/tabview/tabview.esm.js

@@ -2,7 +2,10 @@ import * as React from 'react';
 import { ariaLabel } from 'primereact/api';
 import { useMountEffect, useUpdateEffect } from 'primereact/hooks';
 import { Ripple } from 'primereact/ripple';
-import { ObjectUtils, UniqueComponentId, classNames, DomHandler } from 'primereact/utils';
+import { ObjectUtils, UniqueComponentId, classNames, DomHandler, IconUtils } from 'primereact/utils';
+import { ChevronRightIcon } from 'primereact/icons/chevronright';
+import { ChevronLeftIcon } from 'primereact/icons/chevronleft';
+import { TimesIcon } from 'primereact/icons/times';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -169,6 +172,9 @@ var TabPanelBase = {
     headerTemplate: null,
     leftIcon: null,
     rightIcon: null,
+    prevButton: null,
+    nextButton: null,
+    closeIcon: null,
     style: null,
     children: undefined
   },
@@ -375,7 +381,8 @@ var TabView = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       rightIcon = _TabPanelBase$getCPro.rightIcon,
       header = _TabPanelBase$getCPro.header,
       headerTemplate = _TabPanelBase$getCPro.headerTemplate,
-      closable = _TabPanelBase$getCPro.closable;
+      closable = _TabPanelBase$getCPro.closable,
+      closeIcon = _TabPanelBase$getCPro.closeIcon;
     var style = _objectSpread(_objectSpread({}, headerStyle || {}), _style || {});
     var className = classNames('p-unselectable-text', {
       'p-tabview-selected p-highlight': selected,
@@ -384,21 +391,27 @@ var TabView = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var headerId = idState + '_header_' + index;
     var ariaControls = idState + '_content_' + index;
     var tabIndex = disabled ? null : 0;
-    var leftIconElement = leftIcon && /*#__PURE__*/React.createElement("i", {
-      className: leftIcon
-    });
+    var leftIconElement = leftIcon && /*#__PURE__*/React.createElement(React.Fragment, null, IconUtils.getJSXIcon(leftIcon, {
+      props: props
+    }));
     var titleElement = /*#__PURE__*/React.createElement("span", {
       className: "p-tabview-title"
     }, header);
-    var rightIconElement = rightIcon && /*#__PURE__*/React.createElement("i", {
-      className: rightIcon
-    });
-    var closableIconElement = closable && /*#__PURE__*/React.createElement("i", {
-      className: "p-tabview-close pi pi-times",
+    var rightIconElement = rightIcon && /*#__PURE__*/React.createElement(React.Fragment, null, IconUtils.getJSXIcon(rightIcon, {
+      props: props
+    }));
+    var iconClassName = 'p-tabview-close';
+    var icon = closeIcon || /*#__PURE__*/React.createElement(TimesIcon, {
+      className: iconClassName,
       onClick: function onClick(e) {
         return onTabHeaderClose(e, index);
       }
     });
+    var closableIconElement = closable ? IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    }) : null;
     var content =
     /*#__PURE__*/
     // eslint-disable /
@@ -501,6 +514,10 @@ var TabView = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     }, contents);
   };
   var createPrevButton = function createPrevButton() {
+    var icon = props.prevButton || /*#__PURE__*/React.createElement(ChevronLeftIcon, null);
+    var leftIcon = IconUtils.getJSXIcon(icon, undefined, {
+      props: props
+    });
     if (props.scrollable && !backwardIsDisabledState) {
       return /*#__PURE__*/React.createElement("button", {
         ref: prevBtnRef,
@@ -508,13 +525,17 @@ var TabView = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         onClick: navBackward,
         type: "button",
         "aria-label": ariaLabel('previousPageLabel')
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "pi pi-chevron-left"
-      }), /*#__PURE__*/React.createElement(Ripple, null));
+      }, leftIcon, /*#__PURE__*/React.createElement(Ripple, null));
     }
     return null;
   };
   var createNextButton = function createNextButton() {
+    var icon = props.prevButton || /*#__PURE__*/React.createElement(ChevronRightIcon, null);
+    var rightIcon = IconUtils.getJSXIcon(icon, {
+      'aria-hidden': 'true'
+    }, {
+      props: props
+    });
     if (props.scrollable && !forwardIsDisabledState) {
       return /*#__PURE__*/React.createElement("button", {
         ref: nextBtnRef,
@@ -522,10 +543,7 @@ var TabView = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         onClick: navForward,
         type: "button",
         "aria-label": ariaLabel('nextPageLabel')
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "pi pi-chevron-right",
-        "aria-hidden": "true"
-      }), /*#__PURE__*/React.createElement(Ripple, null));
+      }, rightIcon, /*#__PURE__*/React.createElement(Ripple, null));
     }
   };
   var otherProps = TabViewBase.getOtherProps(props);