primereact 10.0.5 → 10.0.6

package/ripple/ripple.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,i){"use strict";function u(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(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 o=c(t),a=u(r),l={defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n"},getProps:function(e){return i.ObjectUtils.getMergedProps(e,l.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,l.defaultProps)}},p=o.memo(o.forwardRef((function(){var e=o.useRef(null),t=o.useRef(null),u=o.useContext(r.PrimeReactContext);n.useStyle(l.css.styles,{name:"ripple"});var c=function(){return e.current&&e.current.parentElement},p=function(){t.current&&t.current.addEventListener("pointerdown",s)},s=function(r){var n=i.DomHandler.getOffset(t.current),u=r.pageX-n.left+document.body.scrollTop-i.DomHandler.getWidth(e.current)/2,c=r.pageY-n.top+document.body.scrollLeft-i.DomHandler.getHeight(e.current)/2;f(u,c)},f=function(t,r){e.current&&"none"!==getComputedStyle(e.current,null).display&&(i.DomHandler.removeClass(e.current,"p-ink-active"),d(),e.current.style.top=r+"px",e.current.style.left=t+"px",i.DomHandler.addClass(e.current,"p-ink-active"))},d=function(){if(e.current&&!i.DomHandler.getHeight(e.current)&&!i.DomHandler.getWidth(e.current)){var r=Math.max(i.DomHandler.getOuterWidth(t.current),i.DomHandler.getOuterHeight(t.current));e.current.style.height=r+"px",e.current.style.width=r+"px"}};return n.useMountEffect((function(){e.current&&(t.current=c(),d(),p())})),n.useUpdateEffect((function(){e.current&&!t.current&&(t.current=c(),d(),p())})),n.useUnmountEffect((function(){e.current&&(t.current=null,t.current&&t.current.removeEventListener("pointerdown",s))})),u&&u.ripple||a.default.ripple?o.createElement("span",{role:"presentation",ref:e,className:"p-ink",onAnimationEnd:function(e){i.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));return p.displayName="Ripple",e.Ripple=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,o,i){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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=u(t),l=c(r);function p(){return p=Object.assign?Object.assign.bind():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},p.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function f(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}var d=i.ComponentBase.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(e){return o.ObjectUtils.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,d.defaultProps)}});function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=m(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=a.memo(a.forwardRef((function(e){var t=a.useRef(null),i=a.useRef(null),c=a.useContext(r.PrimeReactContext),u={props:d.getProps(e,c)};n.useStyle(d.css.styles,{name:"ripple"});var s=d.setMetaData(y({},u)),f=s.ptm,m=s.cx,b=function(){return t.current&&t.current.parentElement},g=function(){i.current&&i.current.addEventListener("pointerdown",v)},v=function(e){var r=o.DomHandler.getOffset(i.current),n=e.pageX-r.left+document.body.scrollTop-o.DomHandler.getWidth(t.current)/2,c=e.pageY-r.top+document.body.scrollLeft-o.DomHandler.getHeight(t.current)/2;O(n,c)},O=function(e,r){t.current&&"none"!==getComputedStyle(t.current,null).display&&(o.DomHandler.removeClass(t.current,"p-ink-active"),h(),t.current.style.top=r+"px",t.current.style.left=e+"px",o.DomHandler.addClass(t.current,"p-ink-active"))},h=function(){if(t.current&&!o.DomHandler.getHeight(t.current)&&!o.DomHandler.getWidth(t.current)){var e=Math.max(o.DomHandler.getOuterWidth(i.current),o.DomHandler.getOuterHeight(i.current));t.current.style.height=e+"px",t.current.style.width=e+"px"}};n.useMountEffect((function(){t.current&&(i.current=b(),h(),g())})),n.useUpdateEffect((function(){t.current&&!i.current&&(i.current=b(),h(),g())})),n.useUnmountEffect((function(){t.current&&(i.current=null,i.current&&i.current.removeEventListener("pointerdown",v))}));var j=o.mergeProps({className:o.classNames(m("root"))},f("root"));return c&&c.ripple||l.default.ripple?a.createElement("span",p({role:"presentation",ref:t},j,{onAnimationEnd:function(e){o.DomHandler.removeClass(e.currentTarget,"p-ink-active")}})):null})));return g.displayName="Ripple",e.Ripple=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);

package/speeddial/speeddial.cjs.js

@@ -412,7 +412,9 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       label = item.label,
       template = item.template,
       url = item.url,
-      target = item.target;
+      target = item.target,
+      _itemClassName = item.className,
+      _itemStyle = item.style;
     var contentClassName = utils.classNames('p-speeddial-action', {
       'p-disabled': disabled
     });
@@ -423,9 +425,10 @@ var SpeedDial = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     var actionProps = utils.mergeProps({
       href: url || '#',
       role: 'menuitem',
-      className: cx('action', {
+      className: utils.classNames(_itemClassName, cx('action', {
         disabled: disabled
-      }),
+      })),
+      style: _itemStyle,
       target: target,
       'data-pr-tooltip': label,
       onClick: function onClick(e) {

package/speeddial/speeddial.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/componentbase"),i=require("primereact/hooks"),o=require("primereact/icons/minus"),a=require("primereact/icons/plus"),l=require("primereact/ripple"),s=require("primereact/utils");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 p(){return p=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},p.apply(this,arguments)}function d(e){return d="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},d(e)}function m(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=m(e,"string");return"symbol"===d(t)?t:String(t)}function b(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}function h(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 g(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function O(){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 y(e)||v(e,t)||g(e,t)||O()}var S=r.ComponentBase.extend({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,"aria-label":null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t,n=e.props,r=e.visible;return s.classNames("p-speeddial p-component p-speeddial-".concat(n.type),(b(t={},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),b(t,"p-speeddial-opened",r),b(t,"p-disabled",n.disabled),t))},button:function(e){var t=e.props;return s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return s.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return s.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return s.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:"p-speeddial-item"},styles:"\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n    \n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n    \n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n    \n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n    \n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n    \n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n    \n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n    \n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});function j(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 x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=u.memo(u.forwardRef((function(e,c){var d=w(u.useState(!1),2),m=d[0],f=d[1],y=u.useContext(t.PrimeReactContext),v=S.getProps(e,y),h=v.onVisibleChange?v.visible:m,g={props:v,state:{visible:h}},O=S.setMetaData(g),j=O.ptm,N=O.cx,P=O.sx;r.useHandleStyle(S.css.styles,O.isUnstyled,{name:"speeddial"});var I=u.useRef(!1),k=u.useRef(null),C=u.useRef(null),E=w(i.useEventListener({type:"click",listener:function(e){!I.current&&U(e)&&A(),I.current=!1},when:m}),2),M=E[0],D=E[1],q=function(){v.onVisibleChange?v.onVisibleChange(!0):f(!0),v.onShow&&v.onShow()},A=function(){v.onVisibleChange?v.onVisibleChange(!1):f(!1),v.onHide&&v.onHide()},H=function(e){h?A():q(),v.onClick&&v.onClick(e),I.current=!0},_=function(e,t){t.command&&t.command({originalEvent:e,item:t}),A(),I.current=!0,e.preventDefault()},U=function(e){return k.current&&!(k.current.isSameNode(e.target)||k.current.contains(e.target))},z=function(e){return(h?e:v.model.length-e-1)*v.transitionDelay},R=function(e){var t=v.type;if("linear"!==t){var n=v.model.length,r=v.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=v.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),s="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:s};if("down"===o)return{left:l,top:s};if("left"===o)return{right:s,top:l};if("right"===o)return{left:s,top:l}}else if("quarter-circle"===t){var c=v.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"===c)return{right:p,bottom:d};if("up-right"===c)return{left:p,bottom:d};if("down-left"===c)return{right:d,top:p};if("down-right"===c)return{left:d,top:p}}}return{}},T=function(e){var t=z(e),n=R(e);return x({transitionDelay:"".concat(t,"ms")},n)};i.useMountEffect((function(){if("linear"!==v.type){var e=s.DomHandler.findSingle(k.current,".p-speeddial-button"),t=s.DomHandler.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.useUpdateEffect((function(){return m&&v.hideOnClickOutside&&M(),function(){v.hideOnClickOutside&&D()}}),[m]),u.useImperativeHandle(c,(function(){return{props:v,show:q,hide:A,getElement:function(){return k.current}}}));var V,J,X,B,W,F,L,Y,$,G,K=function(e,t){if(!1===e.visible)return null;var n=e.disabled,r=e.icon,i=e.label,o=e.template,a=e.url,c=e.target,p=s.classNames("p-speeddial-action",{"p-disabled":n}),d=s.classNames("p-speeddial-action-icon",r),m=s.mergeProps({className:N("actionIcon")},j("actionIcon")),f=s.mergeProps({href:a||"#",role:"menuitem",className:N("action",{disabled:n}),target:c,"data-pr-tooltip":i,onClick:function(t){return _(t,e)}},j("action")),b=s.IconUtils.getJSXIcon(r,x({},m),{props:v}),y=u.createElement("a",f,b,u.createElement(l.Ripple,null));o&&(y=s.ObjectUtils.getJSXElement(o,e,{onClick:function(t){return _(t,e)},className:p,iconClassName:d,element:y,props:v,visible:h}));var g=s.mergeProps({key:t,className:N("menuitem"),style:T(t),role:"none"},j("menuitem"));return u.createElement("li",g,y)},Q=(J=!h&&!!v.showIcon||!v.hideIcon,X=h&&!!v.hideIcon,B=s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":v.rotateAnimation&&!v.hideIcon},v.buttonClassName),W=s.classNames((b(V={},"".concat(v.showIcon),!h&&!!v.showIcon||!v.hideIcon),b(V,"".concat(v.hideIcon),h&&!!v.hideIcon),V)),F=s.IconUtils.getJSXIcon(J?v.showIcon||u.createElement(a.PlusIcon,null):X?v.hideIcon||u.createElement(o.MinusIcon,null):null,void 0,{props:v,visible:h}),L=s.mergeProps({type:"button",style:v.buttonStyle,className:s.classNames(v.buttonClassName,N("button")),icon:F,onClick:function(e){return H(e)},disabled:v.disabled,"aria-label":v["aria-label"],pt:j("button"),unstyled:v.unstyled,__parentMetadata:{parent:g}}),Y=u.createElement(n.Button,L),v.buttonTemplate?s.ObjectUtils.getJSXElement(v.buttonTemplate,{onClick:H,className:B,iconClassName:W,element:Y,props:v,visible:h}):Y),Z=($=v.model?v.model.map(K):null,G=s.mergeProps({ref:C,className:N("menu"),style:P("menu"),role:"menu"},j("menu")),u.createElement("ul",G,$)),ee=function(){if(v.mask){var e=s.mergeProps({className:s.classNames(v.maskClassName,N("mask",{visible:h})),style:v.maskStyle},j("mask"));return u.createElement("div",e)}return null}(),te=s.mergeProps({className:s.classNames(v.className,N("root",{visible:h})),style:x(x({},v.style),P("root"))},S.getOtherProps(v),j("root"));return u.createElement(u.Fragment,null,u.createElement("div",p({id:v.id,ref:k},te),Q,Z),ee)})));N.displayName="SpeedDial",exports.SpeedDial=N;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/componentbase"),i=require("primereact/hooks"),o=require("primereact/icons/minus"),a=require("primereact/icons/plus"),l=require("primereact/ripple"),s=require("primereact/utils");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 p(){return p=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},p.apply(this,arguments)}function d(e){return d="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},d(e)}function m(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=m(e,"string");return"symbol"===d(t)?t:String(t)}function b(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}function h(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 g(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function O(){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 y(e)||v(e,t)||g(e,t)||O()}var N=r.ComponentBase.extend({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,"aria-label":null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t,n=e.props,r=e.visible;return s.classNames("p-speeddial p-component p-speeddial-".concat(n.type),(b(t={},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),b(t,"p-speeddial-opened",r),b(t,"p-disabled",n.disabled),t))},button:function(e){var t=e.props;return s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return s.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return s.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return s.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:"p-speeddial-item"},styles:"\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n    \n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n    \n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n    \n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n    \n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n    \n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n    \n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n    \n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});function S(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=u.memo(u.forwardRef((function(e,c){var d=w(u.useState(!1),2),m=d[0],f=d[1],y=u.useContext(t.PrimeReactContext),v=N.getProps(e,y),h=v.onVisibleChange?v.visible:m,g={props:v,state:{visible:h}},O=N.setMetaData(g),S=O.ptm,x=O.cx,P=O.sx;r.useHandleStyle(N.css.styles,O.isUnstyled,{name:"speeddial"});var I=u.useRef(!1),k=u.useRef(null),C=u.useRef(null),E=w(i.useEventListener({type:"click",listener:function(e){!I.current&&U(e)&&A(),I.current=!1},when:m}),2),M=E[0],D=E[1],q=function(){v.onVisibleChange?v.onVisibleChange(!0):f(!0),v.onShow&&v.onShow()},A=function(){v.onVisibleChange?v.onVisibleChange(!1):f(!1),v.onHide&&v.onHide()},H=function(e){h?A():q(),v.onClick&&v.onClick(e),I.current=!0},_=function(e,t){t.command&&t.command({originalEvent:e,item:t}),A(),I.current=!0,e.preventDefault()},U=function(e){return k.current&&!(k.current.isSameNode(e.target)||k.current.contains(e.target))},z=function(e){return(h?e:v.model.length-e-1)*v.transitionDelay},R=function(e){var t=v.type;if("linear"!==t){var n=v.model.length,r=v.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=v.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),s="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:s};if("down"===o)return{left:l,top:s};if("left"===o)return{right:s,top:l};if("right"===o)return{left:s,top:l}}else if("quarter-circle"===t){var c=v.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"===c)return{right:p,bottom:d};if("up-right"===c)return{left:p,bottom:d};if("down-left"===c)return{right:d,top:p};if("down-right"===c)return{left:d,top:p}}}return{}},T=function(e){var t=z(e),n=R(e);return j({transitionDelay:"".concat(t,"ms")},n)};i.useMountEffect((function(){if("linear"!==v.type){var e=s.DomHandler.findSingle(k.current,".p-speeddial-button"),t=s.DomHandler.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.useUpdateEffect((function(){return m&&v.hideOnClickOutside&&M(),function(){v.hideOnClickOutside&&D()}}),[m]),u.useImperativeHandle(c,(function(){return{props:v,show:q,hide:A,getElement:function(){return k.current}}}));var V,J,X,B,W,F,L,Y,$,G,K=function(e,t){if(!1===e.visible)return null;var n=e.disabled,r=e.icon,i=e.label,o=e.template,a=e.url,c=e.target,p=e.className,d=e.style,m=s.classNames("p-speeddial-action",{"p-disabled":n}),f=s.classNames("p-speeddial-action-icon",r),b=s.mergeProps({className:x("actionIcon")},S("actionIcon")),y=s.mergeProps({href:a||"#",role:"menuitem",className:s.classNames(p,x("action",{disabled:n})),style:d,target:c,"data-pr-tooltip":i,onClick:function(t){return _(t,e)}},S("action")),g=s.IconUtils.getJSXIcon(r,j({},b),{props:v}),O=u.createElement("a",y,g,u.createElement(l.Ripple,null));o&&(O=s.ObjectUtils.getJSXElement(o,e,{onClick:function(t){return _(t,e)},className:m,iconClassName:f,element:O,props:v,visible:h}));var w=s.mergeProps({key:t,className:x("menuitem"),style:T(t),role:"none"},S("menuitem"));return u.createElement("li",w,O)},Q=(J=!h&&!!v.showIcon||!v.hideIcon,X=h&&!!v.hideIcon,B=s.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":v.rotateAnimation&&!v.hideIcon},v.buttonClassName),W=s.classNames((b(V={},"".concat(v.showIcon),!h&&!!v.showIcon||!v.hideIcon),b(V,"".concat(v.hideIcon),h&&!!v.hideIcon),V)),F=s.IconUtils.getJSXIcon(J?v.showIcon||u.createElement(a.PlusIcon,null):X?v.hideIcon||u.createElement(o.MinusIcon,null):null,void 0,{props:v,visible:h}),L=s.mergeProps({type:"button",style:v.buttonStyle,className:s.classNames(v.buttonClassName,x("button")),icon:F,onClick:function(e){return H(e)},disabled:v.disabled,"aria-label":v["aria-label"],pt:S("button"),unstyled:v.unstyled,__parentMetadata:{parent:g}}),Y=u.createElement(n.Button,L),v.buttonTemplate?s.ObjectUtils.getJSXElement(v.buttonTemplate,{onClick:H,className:B,iconClassName:W,element:Y,props:v,visible:h}):Y),Z=($=v.model?v.model.map(K):null,G=s.mergeProps({ref:C,className:x("menu"),style:P("menu"),role:"menu"},S("menu")),u.createElement("ul",G,$)),ee=function(){if(v.mask){var e=s.mergeProps({className:s.classNames(v.maskClassName,x("mask",{visible:h})),style:v.maskStyle},S("mask"));return u.createElement("div",e)}return null}(),te=s.mergeProps({className:s.classNames(v.className,x("root",{visible:h})),style:j(j({},v.style),P("root"))},N.getOtherProps(v),S("root"));return u.createElement(u.Fragment,null,u.createElement("div",p({id:v.id,ref:k},te),Q,Z),ee)})));x.displayName="SpeedDial",exports.SpeedDial=x;

package/speeddial/speeddial.esm.js

@@ -388,7 +388,9 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       label = item.label,
       template = item.template,
       url = item.url,
-      target = item.target;
+      target = item.target,
+      _itemClassName = item.className,
+      _itemStyle = item.style;
     var contentClassName = classNames('p-speeddial-action', {
       'p-disabled': disabled
     });
@@ -399,9 +401,10 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var actionProps = mergeProps({
       href: url || '#',
       role: 'menuitem',
-      className: cx('action', {
+      className: classNames(_itemClassName, cx('action', {
         disabled: disabled
-      }),
+      })),
+      style: _itemStyle,
       target: target,
       'data-pr-tooltip': label,
       onClick: function onClick(e) {

package/speeddial/speeddial.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{Button as n}from"primereact/button";import{ComponentBase as i,useHandleStyle as r}from"primereact/componentbase";import{useEventListener as o,useMountEffect as a,useUpdateEffect as l}from"primereact/hooks";import{MinusIcon as c}from"primereact/icons/minus";import{PlusIcon as s}from"primereact/icons/plus";import{Ripple as p}from"primereact/ripple";import{classNames as u,DomHandler as d,mergeProps as m,IconUtils as f,ObjectUtils as b}from"primereact/utils";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 i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},y.apply(this,arguments)}function h(e){return h="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},h(e)}function v(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==h(i))return i;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"===h(t)?t:String(t)}function w(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 O(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 i,r,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(i=o.call(n)).done)&&(l.push(i.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function k(e,t){if(e){if("string"==typeof e)return x(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?x(e,t):void 0}}function 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 O(e)||S(e,t)||k(e,t)||I()}var j=i.extend({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,"aria-label":null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t,n=e.props,i=e.visible;return u("p-speeddial p-component p-speeddial-".concat(n.type),(w(t={},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),w(t,"p-speeddial-opened",i),w(t,"p-disabled",n.disabled),t))},button:function(e){var t=e.props;return u("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return u("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return u("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return u("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:"p-speeddial-item"},styles:"\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n    \n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n    \n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n    \n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n    \n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n    \n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n    \n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n    \n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=e.memo(e.forwardRef((function(i,h){var v=C(e.useState(!1),2),g=v[0],O=v[1],S=e.useContext(t),x=j.getProps(i,S),k=x.onVisibleChange?x.visible:g,I={props:x,state:{visible:k}},N=j.setMetaData(I),E=N.ptm,M=N.cx,D=N.sx;r(j.css.styles,N.isUnstyled,{name:"speeddial"});var A=e.useRef(!1),H=e.useRef(null),T=e.useRef(null),V=C(o({type:"click",listener:function(e){!A.current&&U(e)&&R(),A.current=!1},when:g}),2),z=V[0],_=V[1],J=function(){x.onVisibleChange?x.onVisibleChange(!0):O(!0),x.onShow&&x.onShow()},R=function(){x.onVisibleChange?x.onVisibleChange(!1):O(!1),x.onHide&&x.onHide()},X=function(e){k?R():J(),x.onClick&&x.onClick(e),A.current=!0},q=function(e,t){t.command&&t.command({originalEvent:e,item:t}),R(),A.current=!0,e.preventDefault()},U=function(e){return H.current&&!(H.current.isSameNode(e.target)||H.current.contains(e.target))},W=function(e){return(k?e:x.model.length-e-1)*x.transitionDelay},F=function(e){var t=x.type;if("linear"!==t){var n=x.model.length,i=x.radius||20*n;if("circle"===t){var r=2*Math.PI/n;return{left:"calc(".concat(i*Math.cos(r*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(i*Math.sin(r*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=x.direction,a=Math.PI/(n-1),l="calc(".concat(i*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(i*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=x.direction,p=Math.PI/(2*(n-1)),u="calc(".concat(i*Math.cos(p*e),"px + var(--item-diff-x, 0px))"),d="calc(".concat(i*Math.sin(p*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:u,bottom:d};if("up-right"===s)return{left:u,bottom:d};if("down-left"===s)return{right:d,top:u};if("down-right"===s)return{left:d,top:u}}}return{}},Y=function(e){var t=W(e),n=F(e);return P({transitionDelay:"".concat(t,"ms")},n)};a((function(){if("linear"!==x.type){var e=d.findSingle(H.current,".p-speeddial-button"),t=d.findSingle(T.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),i=Math.abs(e.offsetHeight-t.offsetHeight);T.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),T.current.style.setProperty("--item-diff-y","".concat(i/2,"px"))}}})),l((function(){return g&&x.hideOnClickOutside&&z(),function(){x.hideOnClickOutside&&_()}}),[g]),e.useImperativeHandle(h,(function(){return{props:x,show:J,hide:R,getElement:function(){return H.current}}}));var $,B,G,K,L,Q,Z,ee,te,ne,ie=function(t,n){if(!1===t.visible)return null;var i=t.disabled,r=t.icon,o=t.label,a=t.template,l=t.url,c=t.target,s=u("p-speeddial-action",{"p-disabled":i}),d=u("p-speeddial-action-icon",r),y=m({className:M("actionIcon")},E("actionIcon")),h=m({href:l||"#",role:"menuitem",className:M("action",{disabled:i}),target:c,"data-pr-tooltip":o,onClick:function(e){return q(e,t)}},E("action")),v=f.getJSXIcon(r,P({},y),{props:x}),g=e.createElement("a",h,v,e.createElement(p,null));a&&(g=b.getJSXElement(a,t,{onClick:function(e){return q(e,t)},className:s,iconClassName:d,element:g,props:x,visible:k}));var w=m({key:n,className:M("menuitem"),style:Y(n),role:"none"},E("menuitem"));return e.createElement("li",w,g)},re=(B=!k&&!!x.showIcon||!x.hideIcon,G=k&&!!x.hideIcon,K=u("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":x.rotateAnimation&&!x.hideIcon},x.buttonClassName),L=u((w($={},"".concat(x.showIcon),!k&&!!x.showIcon||!x.hideIcon),w($,"".concat(x.hideIcon),k&&!!x.hideIcon),$)),Q=f.getJSXIcon(B?x.showIcon||e.createElement(s,null):G?x.hideIcon||e.createElement(c,null):null,void 0,{props:x,visible:k}),Z=m({type:"button",style:x.buttonStyle,className:u(x.buttonClassName,M("button")),icon:Q,onClick:function(e){return X(e)},disabled:x.disabled,"aria-label":x["aria-label"],pt:E("button"),unstyled:x.unstyled,__parentMetadata:{parent:I}}),ee=e.createElement(n,Z),x.buttonTemplate?b.getJSXElement(x.buttonTemplate,{onClick:X,className:K,iconClassName:L,element:ee,props:x,visible:k}):ee),oe=(te=x.model?x.model.map(ie):null,ne=m({ref:T,className:M("menu"),style:D("menu"),role:"menu"},E("menu")),e.createElement("ul",ne,te)),ae=function(){if(x.mask){var t=m({className:u(x.maskClassName,M("mask",{visible:k})),style:x.maskStyle},E("mask"));return e.createElement("div",t)}return null}(),le=m({className:u(x.className,M("root",{visible:k})),style:P(P({},x.style),D("root"))},j.getOtherProps(x),E("root"));return e.createElement(e.Fragment,null,e.createElement("div",y({id:x.id,ref:H},le),re,oe),ae)})));E.displayName="SpeedDial";export{E as SpeedDial};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{Button as n}from"primereact/button";import{ComponentBase as i,useHandleStyle as r}from"primereact/componentbase";import{useEventListener as o,useMountEffect as a,useUpdateEffect as l}from"primereact/hooks";import{MinusIcon as c}from"primereact/icons/minus";import{PlusIcon as s}from"primereact/icons/plus";import{Ripple as p}from"primereact/ripple";import{classNames as u,DomHandler as d,mergeProps as m,IconUtils as f,ObjectUtils as b}from"primereact/utils";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 i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},y.apply(this,arguments)}function h(e){return h="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},h(e)}function v(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==h(i))return i;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"===h(t)?t:String(t)}function w(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 O(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 i,r,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(i=o.call(n)).done)&&(l.push(i.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function k(e,t){if(e){if("string"==typeof e)return x(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?x(e,t):void 0}}function 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 O(e)||S(e,t)||k(e,t)||I()}var j=i.extend({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,"aria-label":null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t,n=e.props,i=e.visible;return u("p-speeddial p-component p-speeddial-".concat(n.type),(w(t={},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),w(t,"p-speeddial-opened",i),w(t,"p-disabled",n.disabled),t))},button:function(e){var t=e.props;return u("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return u("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return u("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return u("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:"p-speeddial-item"},styles:"\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n    \n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n    \n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n    \n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n    \n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n    \n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n    \n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n    \n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=e.memo(e.forwardRef((function(i,h){var v=C(e.useState(!1),2),g=v[0],O=v[1],S=e.useContext(t),x=j.getProps(i,S),k=x.onVisibleChange?x.visible:g,I={props:x,state:{visible:k}},N=j.setMetaData(I),E=N.ptm,M=N.cx,D=N.sx;r(j.css.styles,N.isUnstyled,{name:"speeddial"});var A=e.useRef(!1),H=e.useRef(null),T=e.useRef(null),V=C(o({type:"click",listener:function(e){!A.current&&U(e)&&R(),A.current=!1},when:g}),2),z=V[0],_=V[1],J=function(){x.onVisibleChange?x.onVisibleChange(!0):O(!0),x.onShow&&x.onShow()},R=function(){x.onVisibleChange?x.onVisibleChange(!1):O(!1),x.onHide&&x.onHide()},X=function(e){k?R():J(),x.onClick&&x.onClick(e),A.current=!0},q=function(e,t){t.command&&t.command({originalEvent:e,item:t}),R(),A.current=!0,e.preventDefault()},U=function(e){return H.current&&!(H.current.isSameNode(e.target)||H.current.contains(e.target))},W=function(e){return(k?e:x.model.length-e-1)*x.transitionDelay},F=function(e){var t=x.type;if("linear"!==t){var n=x.model.length,i=x.radius||20*n;if("circle"===t){var r=2*Math.PI/n;return{left:"calc(".concat(i*Math.cos(r*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(i*Math.sin(r*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var o=x.direction,a=Math.PI/(n-1),l="calc(".concat(i*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),c="calc(".concat(i*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=x.direction,p=Math.PI/(2*(n-1)),u="calc(".concat(i*Math.cos(p*e),"px + var(--item-diff-x, 0px))"),d="calc(".concat(i*Math.sin(p*e),"px + var(--item-diff-y, 0px))");if("up-left"===s)return{right:u,bottom:d};if("up-right"===s)return{left:u,bottom:d};if("down-left"===s)return{right:d,top:u};if("down-right"===s)return{left:d,top:u}}}return{}},Y=function(e){var t=W(e),n=F(e);return P({transitionDelay:"".concat(t,"ms")},n)};a((function(){if("linear"!==x.type){var e=d.findSingle(H.current,".p-speeddial-button"),t=d.findSingle(T.current,".p-speeddial-item");if(e&&t){var n=Math.abs(e.offsetWidth-t.offsetWidth),i=Math.abs(e.offsetHeight-t.offsetHeight);T.current.style.setProperty("--item-diff-x","".concat(n/2,"px")),T.current.style.setProperty("--item-diff-y","".concat(i/2,"px"))}}})),l((function(){return g&&x.hideOnClickOutside&&z(),function(){x.hideOnClickOutside&&_()}}),[g]),e.useImperativeHandle(h,(function(){return{props:x,show:J,hide:R,getElement:function(){return H.current}}}));var $,B,G,K,L,Q,Z,ee,te,ne,ie=function(t,n){if(!1===t.visible)return null;var i=t.disabled,r=t.icon,o=t.label,a=t.template,l=t.url,c=t.target,s=t.className,d=t.style,y=u("p-speeddial-action",{"p-disabled":i}),h=u("p-speeddial-action-icon",r),v=m({className:M("actionIcon")},E("actionIcon")),g=m({href:l||"#",role:"menuitem",className:u(s,M("action",{disabled:i})),style:d,target:c,"data-pr-tooltip":o,onClick:function(e){return q(e,t)}},E("action")),w=f.getJSXIcon(r,P({},v),{props:x}),O=e.createElement("a",g,w,e.createElement(p,null));a&&(O=b.getJSXElement(a,t,{onClick:function(e){return q(e,t)},className:y,iconClassName:h,element:O,props:x,visible:k}));var S=m({key:n,className:M("menuitem"),style:Y(n),role:"none"},E("menuitem"));return e.createElement("li",S,O)},re=(B=!k&&!!x.showIcon||!x.hideIcon,G=k&&!!x.hideIcon,K=u("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":x.rotateAnimation&&!x.hideIcon},x.buttonClassName),L=u((w($={},"".concat(x.showIcon),!k&&!!x.showIcon||!x.hideIcon),w($,"".concat(x.hideIcon),k&&!!x.hideIcon),$)),Q=f.getJSXIcon(B?x.showIcon||e.createElement(s,null):G?x.hideIcon||e.createElement(c,null):null,void 0,{props:x,visible:k}),Z=m({type:"button",style:x.buttonStyle,className:u(x.buttonClassName,M("button")),icon:Q,onClick:function(e){return X(e)},disabled:x.disabled,"aria-label":x["aria-label"],pt:E("button"),unstyled:x.unstyled,__parentMetadata:{parent:I}}),ee=e.createElement(n,Z),x.buttonTemplate?b.getJSXElement(x.buttonTemplate,{onClick:X,className:K,iconClassName:L,element:ee,props:x,visible:k}):ee),oe=(te=x.model?x.model.map(ie):null,ne=m({ref:T,className:M("menu"),style:D("menu"),role:"menu"},E("menu")),e.createElement("ul",ne,te)),ae=function(){if(x.mask){var t=m({className:u(x.maskClassName,M("mask",{visible:k})),style:x.maskStyle},E("mask"));return e.createElement("div",t)}return null}(),le=m({className:u(x.className,M("root",{visible:k})),style:P(P({},x.style),D("root"))},j.getOtherProps(x),E("root"));return e.createElement(e.Fragment,null,e.createElement("div",y({id:x.id,ref:H},le),re,oe),ae)})));E.displayName="SpeedDial";export{E as SpeedDial};

package/speeddial/speeddial.js

@@ -401,7 +401,9 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
         label = item.label,
         template = item.template,
         url = item.url,
-        target = item.target;
+        target = item.target,
+        _itemClassName = item.className,
+        _itemStyle = item.style;
       var contentClassName = utils.classNames('p-speeddial-action', {
         'p-disabled': disabled
       });
@@ -412,9 +414,10 @@ this.primereact.speeddial = (function (exports, React, api, button, componentbas
       var actionProps = utils.mergeProps({
         href: url || '#',
         role: 'menuitem',
-        className: cx('action', {
+        className: utils.classNames(_itemClassName, cx('action', {
           disabled: disabled
-        }),
+        })),
+        style: _itemStyle,
         target: target,
         'data-pr-tooltip': label,
         onClick: function onClick(e) {

package/speeddial/speeddial.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.speeddial=function(e,t,n,r,i,o,a,l,s,c){"use strict";function u(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=u(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 m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function f(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=f(e,"string");return"symbol"===m(t)?t:String(t)}function y(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 h(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}function g(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 g(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)?g(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return h(e)||v(e,t)||O(e,t)||w()}var j=i.ComponentBase.extend({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,"aria-label":null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t,n=e.props,r=e.visible;return c.classNames("p-speeddial p-component p-speeddial-".concat(n.type),(y(t={},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),y(t,"p-speeddial-opened",r),y(t,"p-disabled",n.disabled),t))},button:function(e){var t=e.props;return c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return c.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return c.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return c.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:"p-speeddial-item"},styles:"\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n    \n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n    \n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n    \n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n    \n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n    \n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n    \n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n    \n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});function N(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 P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=p.memo(p.forwardRef((function(e,t){var u=S(p.useState(!1),2),m=u[0],f=u[1],b=p.useContext(n.PrimeReactContext),h=j.getProps(e,b),v=h.onVisibleChange?h.visible:m,g={props:h,state:{visible:v}},O=j.setMetaData(g),w=O.ptm,N=O.cx,x=O.sx;i.useHandleStyle(j.css.styles,O.isUnstyled,{name:"speeddial"});var I=p.useRef(!1),k=p.useRef(null),C=p.useRef(null),E=S(o.useEventListener({type:"click",listener:function(e){!I.current&&U(e)&&H(),I.current=!1},when:m}),2),M=E[0],D=E[1],A=function(){h.onVisibleChange?h.onVisibleChange(!0):f(!0),h.onShow&&h.onShow()},H=function(){h.onVisibleChange?h.onVisibleChange(!1):f(!1),h.onHide&&h.onHide()},_=function(e){v?H():A(),h.onClick&&h.onClick(e),I.current=!0},R=function(e,t){t.command&&t.command({originalEvent:e,item:t}),H(),I.current=!0,e.preventDefault()},U=function(e){return k.current&&!(k.current.isSameNode(e.target)||k.current.contains(e.target))},z=function(e){return(v?e:h.model.length-e-1)*h.transitionDelay},T=function(e){var t=h.type;if("linear"!==t){var n=h.model.length,r=h.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=h.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),s="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:s};if("down"===o)return{left:l,top:s};if("left"===o)return{right:s,top:l};if("right"===o)return{left:s,top:l}}else if("quarter-circle"===t){var c=h.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"===c)return{right:p,bottom:d};if("up-right"===c)return{left:p,bottom:d};if("down-left"===c)return{right:d,top:p};if("down-right"===c)return{left:d,top:p}}}return{}},V=function(e){var t=z(e),n=T(e);return P({transitionDelay:"".concat(t,"ms")},n)};o.useMountEffect((function(){if("linear"!==h.type){var e=c.DomHandler.findSingle(k.current,".p-speeddial-button"),t=c.DomHandler.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"))}}})),o.useUpdateEffect((function(){return m&&h.hideOnClickOutside&&M(),function(){h.hideOnClickOutside&&D()}}),[m]),p.useImperativeHandle(t,(function(){return{props:h,show:A,hide:H,getElement:function(){return k.current}}}));var J,X,q,B,W,F,L,Y,$,G,K=function(e,t){if(!1===e.visible)return null;var n=e.disabled,r=e.icon,i=e.label,o=e.template,a=e.url,l=e.target,u=c.classNames("p-speeddial-action",{"p-disabled":n}),d=c.classNames("p-speeddial-action-icon",r),m=c.mergeProps({className:N("actionIcon")},w("actionIcon")),f=c.mergeProps({href:a||"#",role:"menuitem",className:N("action",{disabled:n}),target:l,"data-pr-tooltip":i,onClick:function(t){return R(t,e)}},w("action")),b=c.IconUtils.getJSXIcon(r,P({},m),{props:h}),y=p.createElement("a",f,b,p.createElement(s.Ripple,null));o&&(y=c.ObjectUtils.getJSXElement(o,e,{onClick:function(t){return R(t,e)},className:u,iconClassName:d,element:y,props:h,visible:v}));var g=c.mergeProps({key:t,className:N("menuitem"),style:V(t),role:"none"},w("menuitem"));return p.createElement("li",g,y)},Q=(X=!v&&!!h.showIcon||!h.hideIcon,q=v&&!!h.hideIcon,B=c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":h.rotateAnimation&&!h.hideIcon},h.buttonClassName),W=c.classNames((y(J={},"".concat(h.showIcon),!v&&!!h.showIcon||!h.hideIcon),y(J,"".concat(h.hideIcon),v&&!!h.hideIcon),J)),F=c.IconUtils.getJSXIcon(X?h.showIcon||p.createElement(l.PlusIcon,null):q?h.hideIcon||p.createElement(a.MinusIcon,null):null,void 0,{props:h,visible:v}),L=c.mergeProps({type:"button",style:h.buttonStyle,className:c.classNames(h.buttonClassName,N("button")),icon:F,onClick:function(e){return _(e)},disabled:h.disabled,"aria-label":h["aria-label"],pt:w("button"),unstyled:h.unstyled,__parentMetadata:{parent:g}}),Y=p.createElement(r.Button,L),h.buttonTemplate?c.ObjectUtils.getJSXElement(h.buttonTemplate,{onClick:_,className:B,iconClassName:W,element:Y,props:h,visible:v}):Y),Z=($=h.model?h.model.map(K):null,G=c.mergeProps({ref:C,className:N("menu"),style:x("menu"),role:"menu"},w("menu")),p.createElement("ul",G,$)),ee=function(){if(h.mask){var e=c.mergeProps({className:c.classNames(h.maskClassName,N("mask",{visible:v})),style:h.maskStyle},w("mask"));return p.createElement("div",e)}return null}(),te=c.mergeProps({className:c.classNames(h.className,N("root",{visible:v})),style:P(P({},h.style),x("root"))},j.getOtherProps(h),w("root"));return p.createElement(p.Fragment,null,p.createElement("div",d({id:h.id,ref:k},te),Q,Z),ee)})));return x.displayName="SpeedDial",e.SpeedDial=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.speeddial=function(e,t,n,r,i,o,a,l,s,c){"use strict";function u(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=u(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 m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function f(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=f(e,"string");return"symbol"===m(t)?t:String(t)}function y(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 h(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return l}}function g(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 g(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)?g(e,t):void 0}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,t){return h(e)||v(e,t)||O(e,t)||w()}var S=i.ComponentBase.extend({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,"aria-label":null,maskStyle:null,maskClassName:null,showIcon:null,hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t,n=e.props,r=e.visible;return c.classNames("p-speeddial p-component p-speeddial-".concat(n.type),(y(t={},"p-speeddial-direction-".concat(n.direction),"circle"!==n.type),y(t,"p-speeddial-opened",r),y(t,"p-disabled",n.disabled),t))},button:function(e){var t=e.props;return c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":t.rotateAnimation&&!t.hideIcon})},mask:function(e){return c.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e.visible})},action:function(e){return c.classNames("p-speeddial-action",{"p-disabled":e.disabled})},actionIcon:function(e){return c.classNames("p-speeddial-action-icon",e._icon)},menu:"p-speeddial-list",menuitem:"p-speeddial-item"},styles:"\n@layer primereact {\n    .p-speeddial {\n        position: absolute;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-speeddial-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: top 0s linear 0.2s;\n        pointer-events: none;\n    }\n    \n    .p-speeddial-item {\n        transform: scale(0);\n        opacity: 0;\n        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n        will-change: transform;\n    }\n    \n    .p-speeddial-action {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        position: relative;\n        overflow: hidden;\n        text-decoration: none;\n    }\n    \n    .p-speeddial-circle .p-speeddial-item,\n    .p-speeddial-semi-circle .p-speeddial-item,\n    .p-speeddial-quarter-circle .p-speeddial-item {\n        position: absolute;\n    }\n    \n    .p-speeddial-rotate {\n        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n        will-change: transform;\n    }\n    \n    .p-speeddial-mask {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-mask-visible {\n        pointer-events: none;\n        opacity: 1;\n        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n    }\n    \n    .p-speeddial-opened .p-speeddial-list {\n        pointer-events: auto;\n    }\n    \n    .p-speeddial-opened .p-speeddial-item {\n        transform: scale(1);\n        opacity: 1;\n    }\n    \n    .p-speeddial-opened .p-speeddial-rotate {\n        transform: rotate(45deg);\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{alignItems:"up"===t.direction||"down"===t.direction?"center":"",justifyContent:"left"===t.direction||"right"===t.direction?"center":"",flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}},menu:function(e){var t=e.props;return{flexDirection:"up"===t.direction?"column-reverse":"down"===t.direction?"column":"left"===t.direction?"row-reverse":"right"===t.direction?"row":null}}}}});function j(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 P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=p.memo(p.forwardRef((function(e,t){var u=N(p.useState(!1),2),m=u[0],f=u[1],b=p.useContext(n.PrimeReactContext),h=S.getProps(e,b),v=h.onVisibleChange?h.visible:m,g={props:h,state:{visible:v}},O=S.setMetaData(g),w=O.ptm,j=O.cx,x=O.sx;i.useHandleStyle(S.css.styles,O.isUnstyled,{name:"speeddial"});var I=p.useRef(!1),k=p.useRef(null),C=p.useRef(null),E=N(o.useEventListener({type:"click",listener:function(e){!I.current&&U(e)&&H(),I.current=!1},when:m}),2),M=E[0],D=E[1],A=function(){h.onVisibleChange?h.onVisibleChange(!0):f(!0),h.onShow&&h.onShow()},H=function(){h.onVisibleChange?h.onVisibleChange(!1):f(!1),h.onHide&&h.onHide()},_=function(e){v?H():A(),h.onClick&&h.onClick(e),I.current=!0},R=function(e,t){t.command&&t.command({originalEvent:e,item:t}),H(),I.current=!0,e.preventDefault()},U=function(e){return k.current&&!(k.current.isSameNode(e.target)||k.current.contains(e.target))},z=function(e){return(v?e:h.model.length-e-1)*h.transitionDelay},T=function(e){var t=h.type;if("linear"!==t){var n=h.model.length,r=h.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=h.direction,a=Math.PI/(n-1),l="calc(".concat(r*Math.cos(a*e),"px + var(--item-diff-x, 0px))"),s="calc(".concat(r*Math.sin(a*e),"px + var(--item-diff-y, 0px))");if("up"===o)return{left:l,bottom:s};if("down"===o)return{left:l,top:s};if("left"===o)return{right:s,top:l};if("right"===o)return{left:s,top:l}}else if("quarter-circle"===t){var c=h.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"===c)return{right:p,bottom:d};if("up-right"===c)return{left:p,bottom:d};if("down-left"===c)return{right:d,top:p};if("down-right"===c)return{left:d,top:p}}}return{}},V=function(e){var t=z(e),n=T(e);return P({transitionDelay:"".concat(t,"ms")},n)};o.useMountEffect((function(){if("linear"!==h.type){var e=c.DomHandler.findSingle(k.current,".p-speeddial-button"),t=c.DomHandler.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"))}}})),o.useUpdateEffect((function(){return m&&h.hideOnClickOutside&&M(),function(){h.hideOnClickOutside&&D()}}),[m]),p.useImperativeHandle(t,(function(){return{props:h,show:A,hide:H,getElement:function(){return k.current}}}));var J,X,q,B,W,F,L,Y,$,G,K=function(e,t){if(!1===e.visible)return null;var n=e.disabled,r=e.icon,i=e.label,o=e.template,a=e.url,l=e.target,u=e.className,d=e.style,m=c.classNames("p-speeddial-action",{"p-disabled":n}),f=c.classNames("p-speeddial-action-icon",r),b=c.mergeProps({className:j("actionIcon")},w("actionIcon")),y=c.mergeProps({href:a||"#",role:"menuitem",className:c.classNames(u,j("action",{disabled:n})),style:d,target:l,"data-pr-tooltip":i,onClick:function(t){return R(t,e)}},w("action")),g=c.IconUtils.getJSXIcon(r,P({},b),{props:h}),O=p.createElement("a",y,g,p.createElement(s.Ripple,null));o&&(O=c.ObjectUtils.getJSXElement(o,e,{onClick:function(t){return R(t,e)},className:m,iconClassName:f,element:O,props:h,visible:v}));var N=c.mergeProps({key:t,className:j("menuitem"),style:V(t),role:"none"},w("menuitem"));return p.createElement("li",N,O)},Q=(X=!v&&!!h.showIcon||!h.hideIcon,q=v&&!!h.hideIcon,B=c.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":h.rotateAnimation&&!h.hideIcon},h.buttonClassName),W=c.classNames((y(J={},"".concat(h.showIcon),!v&&!!h.showIcon||!h.hideIcon),y(J,"".concat(h.hideIcon),v&&!!h.hideIcon),J)),F=c.IconUtils.getJSXIcon(X?h.showIcon||p.createElement(l.PlusIcon,null):q?h.hideIcon||p.createElement(a.MinusIcon,null):null,void 0,{props:h,visible:v}),L=c.mergeProps({type:"button",style:h.buttonStyle,className:c.classNames(h.buttonClassName,j("button")),icon:F,onClick:function(e){return _(e)},disabled:h.disabled,"aria-label":h["aria-label"],pt:w("button"),unstyled:h.unstyled,__parentMetadata:{parent:g}}),Y=p.createElement(r.Button,L),h.buttonTemplate?c.ObjectUtils.getJSXElement(h.buttonTemplate,{onClick:_,className:B,iconClassName:W,element:Y,props:h,visible:v}):Y),Z=($=h.model?h.model.map(K):null,G=c.mergeProps({ref:C,className:j("menu"),style:x("menu"),role:"menu"},w("menu")),p.createElement("ul",G,$)),ee=function(){if(h.mask){var e=c.mergeProps({className:c.classNames(h.maskClassName,j("mask",{visible:v})),style:h.maskStyle},w("mask"));return p.createElement("div",e)}return null}(),te=c.mergeProps({className:c.classNames(h.className,j("root",{visible:v})),style:P(P({},h.style),x("root"))},S.getOtherProps(h),w("root"));return p.createElement(p.Fragment,null,p.createElement("div",d({id:h.id,ref:k},te),Q,Z),ee)})));return x.displayName="SpeedDial",e.SpeedDial=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);

package/splitbutton/splitbutton.cjs.js

@@ -160,6 +160,8 @@ var classes = {
       'p-button-loading-label-only': props.loading && !props.icon && props.label
     }, _defineProperty(_classNames, "p-button-".concat(props.severity), props.severity), _defineProperty(_classNames, 'p-button-raised', props.raised), _defineProperty(_classNames, 'p-button-rounded', props.rounded), _defineProperty(_classNames, 'p-button-text', props.text), _defineProperty(_classNames, 'p-button-outlined', props.outlined), _defineProperty(_classNames, "p-button-".concat(size), size), _classNames));
   },
+  button: 'p-splitbutton-defaultbutton',
+  menuButton: 'p-splitbutton-menubutton',
   menu: function menu(_ref2) {
     var props = _ref2.subProps;
     return utils.classNames('p-menu p-menu-overlay p-component', props.menuClassName);
@@ -486,8 +488,6 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     small: 'sm'
   };
   var size = sizeMapping[props.size];
-  var buttonClassName = utils.classNames('p-splitbutton-defaultbutton', props.buttonClassName);
-  var menuButtonClassName = utils.classNames('p-splitbutton-menubutton', props.menuButtonClassName);
   var buttonContent = props.buttonTemplate ? utils.ObjectUtils.getJSXElement(props.buttonTemplate, props) : null;
   var items = createItems();
   var menuId = idState + '_menu';
@@ -512,15 +512,19 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
     ref: defaultButtonRef,
     type: "button",
-    className: buttonClassName,
+    className: props.buttonClassName,
     icon: props.icon,
     loading: props.loading,
     loadingIcon: props.loadingIcon,
+    severity: props.severity,
     label: props.label,
+    raised: props.raised,
     onClick: props.onClick,
     disabled: props.disabled,
     tabIndex: props.tabIndex,
-    size: props.size
+    size: props.size,
+    outlined: props.outlined,
+    text: props.text
   }, props.buttonProps, {
     pt: ptm('button'),
     __parentMetadata: {
@@ -529,7 +533,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     unstyled: props.unstyled
   }), buttonContent), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
     type: "button",
-    className: menuButtonClassName,
+    className: props.menuButtonClassName,
     icon: dropdownIcon,
     onClick: onDropdownButtonClick,
     disabled: props.disabled,
@@ -538,6 +542,10 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     "aria-controls": overlayVisibleState ? menuId : null
   }, props.menuButtonProps, {
     size: props.size,
+    severity: props.severity,
+    outlined: props.outlined,
+    text: props.text,
+    raised: props.raised,
     pt: ptm('menuButton'),
     __parentMetadata: {
       parent: metaData

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/componentbase"),o=require("primereact/hooks"),l=require("primereact/icons/chevrondown"),i=require("primereact/overlayservice"),u=require("primereact/tooltip"),a=require("primereact/utils"),s=require("primereact/csstransition"),c=require("primereact/portal");function p(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 b=m(e),d=p(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 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 O(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 v(e){var t=O(e,"string");return"symbol"===y(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 P(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,u=[],a=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return u}}function h(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 E(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function 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 S(e,t){return P(e)||j(e,t)||E(e,t)||N()}var w=r.ComponentBase.extend({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},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t,n=e.props,r=e.size;return a.classNames("p-splitbutton p-component",(g(t={"p-disabled":n.disabled,"p-button-loading-label-only":n.loading&&!n.icon&&n.label},"p-button-".concat(n.severity),n.severity),g(t,"p-button-raised",n.raised),g(t,"p-button-rounded",n.rounded),g(t,"p-button-text",n.text),g(t,"p-button-outlined",n.outlined),g(t,"p-button-".concat(r),r),t))},menu:function(e){return a.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return a.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=b.memo((function(e){var t,n=e.ptm,r=e.cx,o=function(t,r){return n(t,I({hostName:e.hostName},r))},l=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},i=function(){if(!1===e.menuitem.visible)return null;var t=e.menuitem,n=t.icon,i=t.label,u=t.template,s=t.url,c=t.target,p=a.classNames("p-menuitem-link",t.className,{"p-disabled":t.disabled}),m=a.classNames("p-menuitem-icon",n),d=a.mergeProps({className:r("menuIcon")},o("menuIcon")),f=a.IconUtils.getJSXIcon(n,I({},d),{props:e.splitButtonProps}),y=a.mergeProps({className:r("menuLabel")},o("menuLabel")),O=i&&b.createElement("span",y,i),v=a.mergeProps({href:s||"#",role:"menuitem",className:r("anchor"),target:c,onClick:l,"aria-label":i},o("anchor")),g=b.createElement("a",v,f,O);u&&(g=a.ObjectUtils.getJSXElement(u,e.menuitem,{onClick:l,className:p,labelClassName:"p-menuitem-text",iconClassName:m,element:g,props:e}));var P=a.mergeProps({className:r("menuItem"),role:"none"},o("menuItem"));return b.createElement("li",P,g)};return e.menuitem.separator?(t=a.mergeProps({className:r("separator"),role:"separator"},o("separator")),b.createElement("li",t)):i()}));function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}C.displayName="SplitButtonItem";var B=b.forwardRef((function(e,t){var n,r,o,l=e.ptm,i=e.cx,u=function(t,n){return l(t,D({hostName:e.hostName},n))},p=(n=a.mergeProps({ref:t,className:i("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},u("menu")),r=a.mergeProps({id:e.menuId,className:i("menuList"),role:"menu"},u("menuList")),o=a.mergeProps({classNames:i("transition"),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},u("transition")),b.createElement(s.CSSTransition,f({nodeRef:t},o),b.createElement("div",n,b.createElement("ul",r,e.children))));return b.createElement(c.Portal,{element:p,appendTo:e.appendTo})}));function T(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 q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}B.displayName="SplitButtonPanel";var U=b.memo(b.forwardRef((function(e,s){var c=b.useContext(t.PrimeReactContext),p=w.getProps(e,c),m=S(b.useState(p.id),2),y=m[0],O=m[1],v=S(b.useState(!1),2),g=v[0],P=v[1],j=b.useRef(null),h=b.useRef(null),E=b.useRef(null),N={props:p,state:{id:y,overlayVisible:g}},x=w.setMetaData(N),I=x.ptm,k=x.cx;r.useHandleStyle(w.css.styles,x.isUnstyled,{name:"splitbutton"});var D=S(o.useOverlayListener({target:j,overlay:E,listener:function(e,t){t.valid&&H()},when:g}),2),T=D[0],U=D[1],_=function(){H()},z=function(){P(!0)},H=function(){P(!1)},L=function(){a.DomHandler.alignOverlay(E.current,h.current.parentElement,p.appendTo||c&&c.appendTo||d.default.appendTo)};o.useMountEffect((function(){y||O(a.UniqueComponentId())})),o.useUnmountEffect((function(){a.ZIndexUtils.clear(E.current)})),b.useImperativeHandle(s,(function(){return{props:p,show:z,hide:H,getElement:function(){return j.current}}}));if(!1===p.visible)return null;var M=a.ObjectUtils.isNotEmpty(p.tooltip),R={large:"lg",small:"sm"}[p.size],A=a.classNames("p-splitbutton-defaultbutton",p.buttonClassName),Z=a.classNames("p-splitbutton-menubutton",p.menuButtonClassName),J=p.buttonTemplate?a.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,X=p.model?p.model.map((function(e,t){return b.createElement(C,{hostName:"SplitButton",splitButtonProps:p,menuitem:e,key:t,onItemClick:_,ptm:I,cx:k})})):null,F=y+"_menu",V=a.mergeProps({ref:j,id:y,className:a.classNames(p.className,k("root",{size:R})),style:p.style},w.getOtherProps(p),I("root"));return b.createElement(b.Fragment,null,b.createElement("div",V,b.createElement(n.Button,f({ref:h,type:"button",className:A,icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,label:p.label,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size},p.buttonProps,{pt:I("button"),__parentMetadata:{parent:N},unstyled:p.unstyled}),J),b.createElement(n.Button,f({type:"button",className:Z,icon:function(){var e=a.mergeProps({className:k("icon")},I("icon")),t=a.IconUtils.getJSXIcon(p.dropdownIcon||b.createElement(l.ChevronDownIcon,e),q({},e),{props:p});return t},onClick:function(){g?H():z()},disabled:p.disabled,"aria-expanded":g,"aria-haspopup":"true","aria-controls":g?F:null},p.menuButtonProps,{size:p.size,pt:I("menuButton"),__parentMetadata:{parent:N},unstyled:p.unstyled})),b.createElement(B,{hostName:"SplitButton",ref:E,appendTo:p.appendTo,menuId:F,menuStyle:p.menuStyle,menuClassName:p.menuClassName,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:j.current})},in:g,onEnter:function(){a.ZIndexUtils.set("overlay",E.current,c&&c.autoZIndex||d.default.autoZIndex,c&&c.zIndex.overlay||d.default.zIndex.overlay),a.DomHandler.addStyles(E.current,{position:"absolute",top:"0",left:"0"}),L()},onEntered:function(){T(),p.onShow&&p.onShow()},onExit:function(){U()},onExited:function(){a.ZIndexUtils.clear(E.current),p.onHide&&p.onHide()},transitionOptions:p.transitionOptions,ptm:I,cx:k},X)),M&&b.createElement(u.Tooltip,f({target:j,content:p.tooltip},p.tooltipOptions,{pt:I("tooltip")})))})));U.displayName="SplitButton",exports.SplitButton=U;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/componentbase"),o=require("primereact/hooks"),i=require("primereact/icons/chevrondown"),l=require("primereact/overlayservice"),u=require("primereact/tooltip"),a=require("primereact/utils"),s=require("primereact/csstransition"),c=require("primereact/portal");function p(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 d=m(e),b=p(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 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 O(e){var t=v(e,"string");return"symbol"===y(t)?t:String(t)}function g(e,t,n){return(t=O(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 j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,u=[],a=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return u}}function h(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 E(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function 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 S(e,t){return P(e)||j(e,t)||E(e,t)||N()}var x=r.ComponentBase.extend({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},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t,n=e.props,r=e.size;return a.classNames("p-splitbutton p-component",(g(t={"p-disabled":n.disabled,"p-button-loading-label-only":n.loading&&!n.icon&&n.label},"p-button-".concat(n.severity),n.severity),g(t,"p-button-raised",n.raised),g(t,"p-button-rounded",n.rounded),g(t,"p-button-text",n.text),g(t,"p-button-outlined",n.outlined),g(t,"p-button-".concat(r),r),t))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return a.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return a.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});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 I(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){g(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 C=d.memo((function(e){var t,n=e.ptm,r=e.cx,o=function(t,r){return n(t,I({hostName:e.hostName},r))},i=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},l=function(){if(!1===e.menuitem.visible)return null;var t=e.menuitem,n=t.icon,l=t.label,u=t.template,s=t.url,c=t.target,p=a.classNames("p-menuitem-link",t.className,{"p-disabled":t.disabled}),m=a.classNames("p-menuitem-icon",n),b=a.mergeProps({className:r("menuIcon")},o("menuIcon")),f=a.IconUtils.getJSXIcon(n,I({},b),{props:e.splitButtonProps}),y=a.mergeProps({className:r("menuLabel")},o("menuLabel")),v=l&&d.createElement("span",y,l),O=a.mergeProps({href:s||"#",role:"menuitem",className:r("anchor"),target:c,onClick:i,"aria-label":l},o("anchor")),g=d.createElement("a",O,f,v);u&&(g=a.ObjectUtils.getJSXElement(u,e.menuitem,{onClick:i,className:p,labelClassName:"p-menuitem-text",iconClassName:m,element:g,props:e}));var P=a.mergeProps({className:r("menuItem"),role:"none"},o("menuItem"));return d.createElement("li",P,g)};return e.menuitem.separator?(t=a.mergeProps({className:r("separator"),role:"separator"},o("separator")),d.createElement("li",t)):l()}));function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}C.displayName="SplitButtonItem";var D=d.forwardRef((function(e,t){var n,r,o,i=e.ptm,l=e.cx,u=function(t,n){return i(t,B({hostName:e.hostName},n))},p=(n=a.mergeProps({ref:t,className:l("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},u("menu")),r=a.mergeProps({id:e.menuId,className:l("menuList"),role:"menu"},u("menuList")),o=a.mergeProps({classNames:l("transition"),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},u("transition")),d.createElement(s.CSSTransition,f({nodeRef:t},o),d.createElement("div",n,d.createElement("ul",r,e.children))));return d.createElement(c.Portal,{element:p,appendTo:e.appendTo})}));function T(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 q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}D.displayName="SplitButtonPanel";var U=d.memo(d.forwardRef((function(e,s){var c=d.useContext(t.PrimeReactContext),p=x.getProps(e,c),m=S(d.useState(p.id),2),y=m[0],v=m[1],O=S(d.useState(!1),2),g=O[0],P=O[1],j=d.useRef(null),h=d.useRef(null),E=d.useRef(null),N={props:p,state:{id:y,overlayVisible:g}},w=x.setMetaData(N),I=w.ptm,k=w.cx;r.useHandleStyle(x.css.styles,w.isUnstyled,{name:"splitbutton"});var B=S(o.useOverlayListener({target:j,overlay:E,listener:function(e,t){t.valid&&H()},when:g}),2),T=B[0],U=B[1],_=function(){H()},z=function(){P(!0)},H=function(){P(!1)},L=function(){a.DomHandler.alignOverlay(E.current,h.current.parentElement,p.appendTo||c&&c.appendTo||b.default.appendTo)};o.useMountEffect((function(){y||v(a.UniqueComponentId())})),o.useUnmountEffect((function(){a.ZIndexUtils.clear(E.current)})),d.useImperativeHandle(s,(function(){return{props:p,show:z,hide:H,getElement:function(){return j.current}}}));if(!1===p.visible)return null;var M=a.ObjectUtils.isNotEmpty(p.tooltip),R={large:"lg",small:"sm"}[p.size],A=p.buttonTemplate?a.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,Z=p.model?p.model.map((function(e,t){return d.createElement(C,{hostName:"SplitButton",splitButtonProps:p,menuitem:e,key:t,onItemClick:_,ptm:I,cx:k})})):null,J=y+"_menu",X=a.mergeProps({ref:j,id:y,className:a.classNames(p.className,k("root",{size:R})),style:p.style},x.getOtherProps(p),I("root"));return d.createElement(d.Fragment,null,d.createElement("div",X,d.createElement(n.Button,f({ref:h,type:"button",className:p.buttonClassName,icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:I("button"),__parentMetadata:{parent:N},unstyled:p.unstyled}),A),d.createElement(n.Button,f({type:"button",className:p.menuButtonClassName,icon:function(){var e=a.mergeProps({className:k("icon")},I("icon")),t=a.IconUtils.getJSXIcon(p.dropdownIcon||d.createElement(i.ChevronDownIcon,e),q({},e),{props:p});return t},onClick:function(){g?H():z()},disabled:p.disabled,"aria-expanded":g,"aria-haspopup":"true","aria-controls":g?J:null},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:I("menuButton"),__parentMetadata:{parent:N},unstyled:p.unstyled})),d.createElement(D,{hostName:"SplitButton",ref:E,appendTo:p.appendTo,menuId:J,menuStyle:p.menuStyle,menuClassName:p.menuClassName,onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:j.current})},in:g,onEnter:function(){a.ZIndexUtils.set("overlay",E.current,c&&c.autoZIndex||b.default.autoZIndex,c&&c.zIndex.overlay||b.default.zIndex.overlay),a.DomHandler.addStyles(E.current,{position:"absolute",top:"0",left:"0"}),L()},onEntered:function(){T(),p.onShow&&p.onShow()},onExit:function(){U()},onExited:function(){a.ZIndexUtils.clear(E.current),p.onHide&&p.onHide()},transitionOptions:p.transitionOptions,ptm:I,cx:k},Z)),M&&d.createElement(u.Tooltip,f({target:j,content:p.tooltip},p.tooltipOptions,{pt:I("tooltip")})))})));U.displayName="SplitButton",exports.SplitButton=U;

package/splitbutton/splitbutton.esm.js

@@ -133,6 +133,8 @@ var classes = {
       'p-button-loading-label-only': props.loading && !props.icon && props.label
     }, _defineProperty(_classNames, "p-button-".concat(props.severity), props.severity), _defineProperty(_classNames, 'p-button-raised', props.raised), _defineProperty(_classNames, 'p-button-rounded', props.rounded), _defineProperty(_classNames, 'p-button-text', props.text), _defineProperty(_classNames, 'p-button-outlined', props.outlined), _defineProperty(_classNames, "p-button-".concat(size), size), _classNames));
   },
+  button: 'p-splitbutton-defaultbutton',
+  menuButton: 'p-splitbutton-menubutton',
   menu: function menu(_ref2) {
     var props = _ref2.subProps;
     return classNames('p-menu p-menu-overlay p-component', props.menuClassName);
@@ -459,8 +461,6 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     small: 'sm'
   };
   var size = sizeMapping[props.size];
-  var buttonClassName = classNames('p-splitbutton-defaultbutton', props.buttonClassName);
-  var menuButtonClassName = classNames('p-splitbutton-menubutton', props.menuButtonClassName);
   var buttonContent = props.buttonTemplate ? ObjectUtils.getJSXElement(props.buttonTemplate, props) : null;
   var items = createItems();
   var menuId = idState + '_menu';
@@ -485,15 +485,19 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement(Button, _extends({
     ref: defaultButtonRef,
     type: "button",
-    className: buttonClassName,
+    className: props.buttonClassName,
     icon: props.icon,
     loading: props.loading,
     loadingIcon: props.loadingIcon,
+    severity: props.severity,
     label: props.label,
+    raised: props.raised,
     onClick: props.onClick,
     disabled: props.disabled,
     tabIndex: props.tabIndex,
-    size: props.size
+    size: props.size,
+    outlined: props.outlined,
+    text: props.text
   }, props.buttonProps, {
     pt: ptm('button'),
     __parentMetadata: {
@@ -502,7 +506,7 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     unstyled: props.unstyled
   }), buttonContent), /*#__PURE__*/React.createElement(Button, _extends({
     type: "button",
-    className: menuButtonClassName,
+    className: props.menuButtonClassName,
     icon: dropdownIcon,
     onClick: onDropdownButtonClick,
     disabled: props.disabled,
@@ -511,6 +515,10 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     "aria-controls": overlayVisibleState ? menuId : null
   }, props.menuButtonProps, {
     size: props.size,
+    severity: props.severity,
+    outlined: props.outlined,
+    text: props.text,
+    raised: props.raised,
     pt: ptm('menuButton'),
     __parentMetadata: {
       parent: metaData

package/splitbutton/splitbutton.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import e,{PrimeReactContext as n}from"primereact/api";import{Button as r}from"primereact/button";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useOverlayListener as l,useMountEffect as u,useUnmountEffect as a}from"primereact/hooks";import{ChevronDownIcon as p}from"primereact/icons/chevrondown";import{OverlayService as s}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{classNames as m,mergeProps as b,IconUtils as d,ObjectUtils as f,UniqueComponentId as y,ZIndexUtils as v,DomHandler as O}from"primereact/utils";import{CSSTransition as g}from"primereact/csstransition";import{Portal as h}from"primereact/portal";function j(){return j=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},j.apply(this,arguments)}function E(t){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},E(t)}function P(t,e){if("object"!==E(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function S(t){var e=P(t,"string");return"symbol"===E(e)?e:String(e)}function N(t,e,n){return(e=S(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function w(t){if(Array.isArray(t))return t}function x(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,l,u=[],a=!0,p=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(u.push(r.value),u.length!==e);a=!0);}catch(t){p=!0,o=t}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(p)throw o}}return u}}function I(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function C(t,e){if(t){if("string"==typeof t)return I(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?I(t,e):void 0}}function k(){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 D(t,e){return w(t)||x(t,e)||C(t,e)||k()}var T=o.extend({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},css:{classes:{icon:"p-button-icon p-c",root:function(t){var e,n=t.props,r=t.size;return m("p-splitbutton p-component",(N(e={"p-disabled":n.disabled,"p-button-loading-label-only":n.loading&&!n.icon&&n.label},"p-button-".concat(n.severity),n.severity),N(e,"p-button-raised",n.raised),N(e,"p-button-rounded",n.rounded),N(e,"p-button-text",n.text),N(e,"p-button-outlined",n.outlined),N(e,"p-button-".concat(r),r),e))},menu:function(t){return m("p-menu p-menu-overlay p-component",t.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(t){return m("p-menuitem-link",t._className,{"p-disabled":t.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function B(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function z(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?B(Object(n),!0).forEach((function(e){N(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var _=t.memo((function(e){var n,r=e.ptm,o=e.cx,i=function(t,n){return r(t,z({hostName:e.hostName},n))},l=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},u=function(){if(!1===e.menuitem.visible)return null;var n=e.menuitem,r=n.icon,u=n.label,a=n.template,p=n.url,s=n.target,c=m("p-menuitem-link",n.className,{"p-disabled":n.disabled}),y=m("p-menuitem-icon",r),v=b({className:o("menuIcon")},i("menuIcon")),O=d.getJSXIcon(r,z({},v),{props:e.splitButtonProps}),g=b({className:o("menuLabel")},i("menuLabel")),h=u&&t.createElement("span",g,u),j=b({href:p||"#",role:"menuitem",className:o("anchor"),target:s,onClick:l,"aria-label":u},i("anchor")),E=t.createElement("a",j,O,h);a&&(E=f.getJSXElement(a,e.menuitem,{onClick:l,className:c,labelClassName:"p-menuitem-text",iconClassName:y,element:E,props:e}));var P=b({className:o("menuItem"),role:"none"},i("menuItem"));return t.createElement("li",P,E)};return e.menuitem.separator?(n=b({className:o("separator"),role:"separator"},i("separator")),t.createElement("li",n)):u()}));function A(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function L(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?A(Object(n),!0).forEach((function(e){N(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}_.displayName="SplitButtonItem";var R=t.forwardRef((function(e,n){var r,o,i,l=e.ptm,u=e.cx,a=function(t,n){return l(t,L({hostName:e.hostName},n))},p=(r=b({ref:n,className:u("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},a("menu")),o=b({id:e.menuId,className:u("menuList"),role:"menu"},a("menuList")),i=b({classNames:u("transition"),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},a("transition")),t.createElement(g,j({nodeRef:n},i),t.createElement("div",r,t.createElement("ul",o,e.children))));return t.createElement(h,{element:p,appendTo:e.appendTo})}));function H(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function J(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?H(Object(n),!0).forEach((function(e){N(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}R.displayName="SplitButtonPanel";var M=t.memo(t.forwardRef((function(o,g){var h=t.useContext(n),E=T.getProps(o,h),P=D(t.useState(E.id),2),S=P[0],N=P[1],w=D(t.useState(!1),2),x=w[0],I=w[1],C=t.useRef(null),k=t.useRef(null),B=t.useRef(null),z={props:E,state:{id:S,overlayVisible:x}},A=T.setMetaData(z),L=A.ptm,H=A.cx;i(T.css.styles,A.isUnstyled,{name:"splitbutton"});var M=D(l({target:C,overlay:B,listener:function(t,e){e.valid&&V()},when:x}),2),X=M[0],U=M[1],Z=function(){V()},F=function(){I(!0)},V=function(){I(!1)},Y=function(){O.alignOverlay(B.current,k.current.parentElement,E.appendTo||h&&h.appendTo||e.appendTo)};u((function(){S||N(y())})),a((function(){v.clear(B.current)})),t.useImperativeHandle(g,(function(){return{props:E,show:F,hide:V,getElement:function(){return C.current}}}));if(!1===E.visible)return null;var $=f.isNotEmpty(E.tooltip),q={large:"lg",small:"sm"}[E.size],G=m("p-splitbutton-defaultbutton",E.buttonClassName),K=m("p-splitbutton-menubutton",E.menuButtonClassName),Q=E.buttonTemplate?f.getJSXElement(E.buttonTemplate,E):null,W=E.model?E.model.map((function(e,n){return t.createElement(_,{hostName:"SplitButton",splitButtonProps:E,menuitem:e,key:n,onItemClick:Z,ptm:L,cx:H})})):null,tt=S+"_menu",et=b({ref:C,id:S,className:m(E.className,H("root",{size:q})),style:E.style},T.getOtherProps(E),L("root"));return t.createElement(t.Fragment,null,t.createElement("div",et,t.createElement(r,j({ref:k,type:"button",className:G,icon:E.icon,loading:E.loading,loadingIcon:E.loadingIcon,label:E.label,onClick:E.onClick,disabled:E.disabled,tabIndex:E.tabIndex,size:E.size},E.buttonProps,{pt:L("button"),__parentMetadata:{parent:z},unstyled:E.unstyled}),Q),t.createElement(r,j({type:"button",className:K,icon:function(){var e=b({className:H("icon")},L("icon")),n=d.getJSXIcon(E.dropdownIcon||t.createElement(p,e),J({},e),{props:E});return n},onClick:function(){x?V():F()},disabled:E.disabled,"aria-expanded":x,"aria-haspopup":"true","aria-controls":x?tt:null},E.menuButtonProps,{size:E.size,pt:L("menuButton"),__parentMetadata:{parent:z},unstyled:E.unstyled})),t.createElement(R,{hostName:"SplitButton",ref:B,appendTo:E.appendTo,menuId:tt,menuStyle:E.menuStyle,menuClassName:E.menuClassName,onClick:function(t){s.emit("overlay-click",{originalEvent:t,target:C.current})},in:x,onEnter:function(){v.set("overlay",B.current,h&&h.autoZIndex||e.autoZIndex,h&&h.zIndex.overlay||e.zIndex.overlay),O.addStyles(B.current,{position:"absolute",top:"0",left:"0"}),Y()},onEntered:function(){X(),E.onShow&&E.onShow()},onExit:function(){U()},onExited:function(){v.clear(B.current),E.onHide&&E.onHide()},transitionOptions:E.transitionOptions,ptm:L,cx:H},W)),$&&t.createElement(c,j({target:C,content:E.tooltip},E.tooltipOptions,{pt:L("tooltip")})))})));M.displayName="SplitButton";export{M as SplitButton};
+import*as t from"react";import e,{PrimeReactContext as n}from"primereact/api";import{Button as r}from"primereact/button";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useOverlayListener as l,useMountEffect as u,useUnmountEffect as a}from"primereact/hooks";import{ChevronDownIcon as s}from"primereact/icons/chevrondown";import{OverlayService as p}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{classNames as m,mergeProps as b,IconUtils as d,ObjectUtils as f,UniqueComponentId as y,ZIndexUtils as v,DomHandler as O}from"primereact/utils";import{CSSTransition as g}from"primereact/csstransition";import{Portal as h}from"primereact/portal";function j(){return j=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},j.apply(this,arguments)}function E(t){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},E(t)}function P(t,e){if("object"!==E(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function S(t){var e=P(t,"string");return"symbol"===E(e)?e:String(e)}function x(t,e,n){return(e=S(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function N(t){if(Array.isArray(t))return t}function w(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,l,u=[],a=!0,s=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(u.push(r.value),u.length!==e);a=!0);}catch(t){s=!0,o=t}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return u}}function I(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function C(t,e){if(t){if("string"==typeof t)return I(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?I(t,e):void 0}}function k(){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(t,e){return N(t)||w(t,e)||C(t,e)||k()}var D=o.extend({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},css:{classes:{icon:"p-button-icon p-c",root:function(t){var e,n=t.props,r=t.size;return m("p-splitbutton p-component",(x(e={"p-disabled":n.disabled,"p-button-loading-label-only":n.loading&&!n.icon&&n.label},"p-button-".concat(n.severity),n.severity),x(e,"p-button-raised",n.raised),x(e,"p-button-rounded",n.rounded),x(e,"p-button-text",n.text),x(e,"p-button-outlined",n.outlined),x(e,"p-button-".concat(r),r),e))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(t){return m("p-menu p-menu-overlay p-component",t.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(t){return m("p-menuitem-link",t._className,{"p-disabled":t.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function T(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function z(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?T(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var _=t.memo((function(e){var n,r=e.ptm,o=e.cx,i=function(t,n){return r(t,z({hostName:e.hostName},n))},l=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},u=function(){if(!1===e.menuitem.visible)return null;var n=e.menuitem,r=n.icon,u=n.label,a=n.template,s=n.url,p=n.target,c=m("p-menuitem-link",n.className,{"p-disabled":n.disabled}),y=m("p-menuitem-icon",r),v=b({className:o("menuIcon")},i("menuIcon")),O=d.getJSXIcon(r,z({},v),{props:e.splitButtonProps}),g=b({className:o("menuLabel")},i("menuLabel")),h=u&&t.createElement("span",g,u),j=b({href:s||"#",role:"menuitem",className:o("anchor"),target:p,onClick:l,"aria-label":u},i("anchor")),E=t.createElement("a",j,O,h);a&&(E=f.getJSXElement(a,e.menuitem,{onClick:l,className:c,labelClassName:"p-menuitem-text",iconClassName:y,element:E,props:e}));var P=b({className:o("menuItem"),role:"none"},i("menuItem"));return t.createElement("li",P,E)};return e.menuitem.separator?(n=b({className:o("separator"),role:"separator"},i("separator")),t.createElement("li",n)):u()}));function A(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function L(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?A(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}_.displayName="SplitButtonItem";var R=t.forwardRef((function(e,n){var r,o,i,l=e.ptm,u=e.cx,a=function(t,n){return l(t,L({hostName:e.hostName},n))},s=(r=b({ref:n,className:u("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},a("menu")),o=b({id:e.menuId,className:u("menuList"),role:"menu"},a("menuList")),i=b({classNames:u("transition"),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},a("transition")),t.createElement(g,j({nodeRef:n},i),t.createElement("div",r,t.createElement("ul",o,e.children))));return t.createElement(h,{element:s,appendTo:e.appendTo})}));function H(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function J(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?H(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}R.displayName="SplitButtonPanel";var M=t.memo(t.forwardRef((function(o,g){var h=t.useContext(n),E=D.getProps(o,h),P=B(t.useState(E.id),2),S=P[0],x=P[1],N=B(t.useState(!1),2),w=N[0],I=N[1],C=t.useRef(null),k=t.useRef(null),T=t.useRef(null),z={props:E,state:{id:S,overlayVisible:w}},A=D.setMetaData(z),L=A.ptm,H=A.cx;i(D.css.styles,A.isUnstyled,{name:"splitbutton"});var M=B(l({target:C,overlay:T,listener:function(t,e){e.valid&&V()},when:w}),2),X=M[0],U=M[1],Z=function(){V()},F=function(){I(!0)},V=function(){I(!1)},Y=function(){O.alignOverlay(T.current,k.current.parentElement,E.appendTo||h&&h.appendTo||e.appendTo)};u((function(){S||x(y())})),a((function(){v.clear(T.current)})),t.useImperativeHandle(g,(function(){return{props:E,show:F,hide:V,getElement:function(){return C.current}}}));if(!1===E.visible)return null;var $=f.isNotEmpty(E.tooltip),q={large:"lg",small:"sm"}[E.size],G=E.buttonTemplate?f.getJSXElement(E.buttonTemplate,E):null,K=E.model?E.model.map((function(e,n){return t.createElement(_,{hostName:"SplitButton",splitButtonProps:E,menuitem:e,key:n,onItemClick:Z,ptm:L,cx:H})})):null,Q=S+"_menu",W=b({ref:C,id:S,className:m(E.className,H("root",{size:q})),style:E.style},D.getOtherProps(E),L("root"));return t.createElement(t.Fragment,null,t.createElement("div",W,t.createElement(r,j({ref:k,type:"button",className:E.buttonClassName,icon:E.icon,loading:E.loading,loadingIcon:E.loadingIcon,severity:E.severity,label:E.label,raised:E.raised,onClick:E.onClick,disabled:E.disabled,tabIndex:E.tabIndex,size:E.size,outlined:E.outlined,text:E.text},E.buttonProps,{pt:L("button"),__parentMetadata:{parent:z},unstyled:E.unstyled}),G),t.createElement(r,j({type:"button",className:E.menuButtonClassName,icon:function(){var e=b({className:H("icon")},L("icon")),n=d.getJSXIcon(E.dropdownIcon||t.createElement(s,e),J({},e),{props:E});return n},onClick:function(){w?V():F()},disabled:E.disabled,"aria-expanded":w,"aria-haspopup":"true","aria-controls":w?Q:null},E.menuButtonProps,{size:E.size,severity:E.severity,outlined:E.outlined,text:E.text,raised:E.raised,pt:L("menuButton"),__parentMetadata:{parent:z},unstyled:E.unstyled})),t.createElement(R,{hostName:"SplitButton",ref:T,appendTo:E.appendTo,menuId:Q,menuStyle:E.menuStyle,menuClassName:E.menuClassName,onClick:function(t){p.emit("overlay-click",{originalEvent:t,target:C.current})},in:w,onEnter:function(){v.set("overlay",T.current,h&&h.autoZIndex||e.autoZIndex,h&&h.zIndex.overlay||e.zIndex.overlay),O.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),Y()},onEntered:function(){X(),E.onShow&&E.onShow()},onExit:function(){U()},onExited:function(){v.clear(T.current),E.onHide&&E.onHide()},transitionOptions:E.transitionOptions,ptm:L,cx:H},K)),$&&t.createElement(c,j({target:C,content:E.tooltip},E.tooltipOptions,{pt:L("tooltip")})))})));M.displayName="SplitButton";export{M as SplitButton};

package/splitbutton/splitbutton.js

@@ -147,6 +147,8 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
         'p-button-loading-label-only': props.loading && !props.icon && props.label
       }, _defineProperty(_classNames, "p-button-".concat(props.severity), props.severity), _defineProperty(_classNames, 'p-button-raised', props.raised), _defineProperty(_classNames, 'p-button-rounded', props.rounded), _defineProperty(_classNames, 'p-button-text', props.text), _defineProperty(_classNames, 'p-button-outlined', props.outlined), _defineProperty(_classNames, "p-button-".concat(size), size), _classNames));
     },
+    button: 'p-splitbutton-defaultbutton',
+    menuButton: 'p-splitbutton-menubutton',
     menu: function menu(_ref2) {
       var props = _ref2.subProps;
       return utils.classNames('p-menu p-menu-overlay p-component', props.menuClassName);
@@ -473,8 +475,6 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
       small: 'sm'
     };
     var size = sizeMapping[props.size];
-    var buttonClassName = utils.classNames('p-splitbutton-defaultbutton', props.buttonClassName);
-    var menuButtonClassName = utils.classNames('p-splitbutton-menubutton', props.menuButtonClassName);
     var buttonContent = props.buttonTemplate ? utils.ObjectUtils.getJSXElement(props.buttonTemplate, props) : null;
     var items = createItems();
     var menuId = idState + '_menu';
@@ -499,15 +499,19 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
       ref: defaultButtonRef,
       type: "button",
-      className: buttonClassName,
+      className: props.buttonClassName,
       icon: props.icon,
       loading: props.loading,
       loadingIcon: props.loadingIcon,
+      severity: props.severity,
       label: props.label,
+      raised: props.raised,
       onClick: props.onClick,
       disabled: props.disabled,
       tabIndex: props.tabIndex,
-      size: props.size
+      size: props.size,
+      outlined: props.outlined,
+      text: props.text
     }, props.buttonProps, {
       pt: ptm('button'),
       __parentMetadata: {
@@ -516,7 +520,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
       unstyled: props.unstyled
     }), buttonContent), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
       type: "button",
-      className: menuButtonClassName,
+      className: props.menuButtonClassName,
       icon: dropdownIcon,
       onClick: onDropdownButtonClick,
       disabled: props.disabled,
@@ -525,6 +529,10 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
       "aria-controls": overlayVisibleState ? menuId : null
     }, props.menuButtonProps, {
       size: props.size,
+      severity: props.severity,
+      outlined: props.outlined,
+      text: props.text,
+      raised: props.raised,
       pt: ptm('menuButton'),
       __parentMetadata: {
         parent: metaData