primereact 6.6.0 → 7.0.1

package/speeddial/speeddial.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.speeddial = (function (exports, React, button, core) {
+this.primereact.speeddial = (function (exports, React, button, ripple, utils) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -79,6 +79,8 @@ this.primereact.speeddial = (function (exports, React, button, core) {
   function _possibleConstructorReturn(self, call) {
     if (call && (_typeof(call) === "object" || typeof call === "function")) {
       return call;
+    } else if (call !== void 0) {
+      throw new TypeError("Derived constructors may only return object or undefined");
     }
 
     return _assertThisInitialized(self);
@@ -313,8 +315,8 @@ this.primereact.speeddial = (function (exports, React, button, core) {
       key: "componentDidMount",
       value: function componentDidMount() {
         if (this.props.type !== 'linear') {
-          var button = core.DomHandler.findSingle(this.container, '.p-speeddial-button');
-          var firstItem = core.DomHandler.findSingle(this.list, '.p-speeddial-item');
+          var button = utils.DomHandler.findSingle(this.container, '.p-speeddial-button');
+          var firstItem = utils.DomHandler.findSingle(this.list, '.p-speeddial-item');
 
           if (button && firstItem) {
             var wDiff = Math.abs(button.offsetWidth - firstItem.offsetWidth);
@@ -347,16 +349,16 @@ this.primereact.speeddial = (function (exports, React, button, core) {
             template = item.template,
             url = item.url,
             target = item.target;
-        var contentClassName = core.classNames('p-speeddial-action', {
+        var contentClassName = utils.classNames('p-speeddial-action', {
           'p-disabled': disabled
         });
-        var iconClassName = core.classNames('p-speeddial-action-icon', _icon);
+        var iconClassName = utils.classNames('p-speeddial-action-icon', _icon);
 
-        var icon = _icon && /*#__PURE__*/React__default['default'].createElement("span", {
+        var icon = _icon && /*#__PURE__*/React__default["default"].createElement("span", {
           className: iconClassName
         });
 
-        var content = /*#__PURE__*/React__default['default'].createElement("a", {
+        var content = /*#__PURE__*/React__default["default"].createElement("a", {
           href: url || '#',
           role: "menuitem",
           className: contentClassName,
@@ -365,7 +367,7 @@ this.primereact.speeddial = (function (exports, React, button, core) {
           onClick: function onClick(e) {
             return _this3.onItemClick(e, item);
           }
-        }, icon, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+        }, icon, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
 
         if (template) {
           var defaultContentOptions = {
@@ -378,10 +380,10 @@ this.primereact.speeddial = (function (exports, React, button, core) {
             props: this.props,
             visible: this.isVisible()
           };
-          content = core.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
+          content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
         }
 
-        return /*#__PURE__*/React__default['default'].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
           key: index,
           className: "p-speeddial-item",
           style: style,
@@ -407,7 +409,7 @@ this.primereact.speeddial = (function (exports, React, button, core) {
         var _this5 = this;
 
         var items = this.renderItems();
-        return /*#__PURE__*/React__default['default'].createElement("ul", {
+        return /*#__PURE__*/React__default["default"].createElement("ul", {
           ref: function ref(el) {
             return _this5.list = el;
           },
@@ -422,11 +424,11 @@ this.primereact.speeddial = (function (exports, React, button, core) {
             _this6 = this;
 
         var visible = this.isVisible();
-        var className = core.classNames('p-speeddial-button p-button-rounded', {
+        var className = utils.classNames('p-speeddial-button p-button-rounded', {
           'p-speeddial-rotate': this.props.rotateAnimation && !this.props.hideIcon
         }, this.props.buttonClassName);
-        var iconClassName = core.classNames((_classNames = {}, _defineProperty(_classNames, "".concat(this.props.showIcon), !visible && !!this.props.showIcon || !this.props.hideIcon), _defineProperty(_classNames, "".concat(this.props.hideIcon), visible && !!this.props.hideIcon), _classNames));
-        var content = /*#__PURE__*/React__default['default'].createElement(button.Button, {
+        var iconClassName = utils.classNames((_classNames = {}, _defineProperty(_classNames, "".concat(this.props.showIcon), !visible && !!this.props.showIcon || !this.props.hideIcon), _defineProperty(_classNames, "".concat(this.props.hideIcon), visible && !!this.props.hideIcon), _classNames));
+        var content = /*#__PURE__*/React__default["default"].createElement(button.Button, {
           type: "button",
           style: this.props.buttonStyle,
           className: className,
@@ -446,7 +448,7 @@ this.primereact.speeddial = (function (exports, React, button, core) {
             props: this.props,
             visible: visible
           };
-          return core.ObjectUtils.getJSXElement(this.props.buttonTemplate, defaultContentOptions);
+          return utils.ObjectUtils.getJSXElement(this.props.buttonTemplate, defaultContentOptions);
         }
 
         return content;
@@ -456,10 +458,10 @@ this.primereact.speeddial = (function (exports, React, button, core) {
       value: function renderMask() {
         if (this.props.mask) {
           var visible = this.isVisible();
-          var className = core.classNames('p-speeddial-mask', {
+          var className = utils.classNames('p-speeddial-mask', {
             'p-speeddial-mask-visible': visible
           }, this.props.maskClassName);
-          return /*#__PURE__*/React__default['default'].createElement("div", {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
             className: className,
             style: this.props.maskStyle
           });
@@ -473,11 +475,11 @@ this.primereact.speeddial = (function (exports, React, button, core) {
         var _classNames2,
             _this7 = this;
 
-        var className = core.classNames("p-speeddial p-component p-speeddial-".concat(this.props.type), (_classNames2 = {}, _defineProperty(_classNames2, "p-speeddial-direction-".concat(this.props.direction), this.props.type !== 'circle'), _defineProperty(_classNames2, 'p-speeddial-opened', this.isVisible()), _defineProperty(_classNames2, 'p-disabled', this.props.disabled), _classNames2), this.props.className);
+        var className = utils.classNames("p-speeddial p-component p-speeddial-".concat(this.props.type), (_classNames2 = {}, _defineProperty(_classNames2, "p-speeddial-direction-".concat(this.props.direction), this.props.type !== 'circle'), _defineProperty(_classNames2, 'p-speeddial-opened', this.isVisible()), _defineProperty(_classNames2, 'p-disabled', this.props.disabled), _classNames2), this.props.className);
         var button = this.renderButton();
         var list = this.renderList();
         var mask = this.renderMask();
-        return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this7.container = el;
           },
@@ -524,4 +526,4 @@ this.primereact.speeddial = (function (exports, React, button, core) {
 
   return exports;
 
-}({}, React, primereact.button, primereact.core));
+})({}, React, primereact.button, primereact.ripple, primereact.utils);

package/speeddial/speeddial.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.speeddial=function(e,t,i,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(t);function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function p(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&c(e,t)}function u(e){return(u="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})(e)}function f(e,t){return!t||"object"!==u(t)&&"function"!=typeof t?a(e):t}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function h(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function m(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function b(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?m(Object(i),!0).forEach((function(t){h(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v=function(e){p(k,e);var t,r,c,u,m,v=(t=k,r=y(),function(){var e,i=d(t);if(r){var n=d(this).constructor;e=Reflect.construct(i,arguments,n)}else e=i.apply(this,arguments);return f(this,e)});function k(e){var t;return o(this,k),(t=v.call(this,e)).state={visible:!1},t.onClick=t.onClick.bind(a(t)),t.onItemClick=t.onItemClick.bind(a(t)),t}return c=k,(u=[{key:"isVisible",value:function(){return this.props.onVisibleChange?this.props.visible:this.state.visible}},{key:"show",value:function(){this.props.onVisibleChange?this.props.onVisibleChange(!0):this.setState({visible:!0}),this.props.onShow&&this.props.onShow()}},{key:"hide",value:function(){this.props.onVisibleChange?this.props.onVisibleChange(!1):this.setState({visible:!1}),this.props.onHide&&this.props.onHide()}},{key:"onClick",value:function(e){this.isVisible()?this.hide():this.show(),this.props.onClick&&this.props.onClick(e),this.isItemClicked=!0}},{key:"onItemClick",value:function(e,t){t.command&&t.command({originalEvent:e,item:t}),this.hide(),this.isItemClicked=!0,e.preventDefault()}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.isVisible()&&e.isOutsideClicked(t)&&e.hide(),e.isItemClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.isItemClicked)}},{key:"calculateTransitionDelay",value:function(e){var t=this.props.model.length;return(this.isVisible()?e:t-e-1)*this.props.transitionDelay}},{key:"calculatePointStyle",value:function(e){var t=this.props.type;if("linear"!==t){var i=this.props.model.length,n=this.props.radius||20*i;if("circle"===t){var r=2*Math.PI/i;return{left:"calc(".concat(n*Math.cos(r*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(n*Math.sin(r*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var s=this.props.direction,o=Math.PI/(i-1),l="calc(".concat(n*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),a="calc(".concat(n*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===s)return{left:l,bottom:a};if("down"===s)return{left:l,top:a};if("left"===s)return{right:a,top:l};if("right"===s)return{left:a,top:l}}else if("quarter-circle"===t){var c=this.props.direction,p=Math.PI/(2*(i-1)),u="calc(".concat(n*Math.cos(p*e),"px + var(--item-diff-x, 0px))"),f="calc(".concat(n*Math.sin(p*e),"px + var(--item-diff-y, 0px))");if("up-left"===c)return{right:u,bottom:f};if("up-right"===c)return{left:u,bottom:f};if("down-left"===c)return{right:f,top:u};if("down-right"===c)return{left:f,top:u}}}return{}}},{key:"getItemStyle",value:function(e){var t=this.calculateTransitionDelay(e),i=this.calculatePointStyle(e);return b({transitionDelay:"".concat(t,"ms")},i)}},{key:"componentDidMount",value:function(){if("linear"!==this.props.type){var e=n.DomHandler.findSingle(this.container,".p-speeddial-button"),t=n.DomHandler.findSingle(this.list,".p-speeddial-item");if(e&&t){var i=Math.abs(e.offsetWidth-t.offsetWidth),r=Math.abs(e.offsetHeight-t.offsetHeight);this.list.style.setProperty("--item-diff-x","".concat(i/2,"px")),this.list.style.setProperty("--item-diff-y","".concat(r/2,"px"))}}this.props.hideOnClickOutside&&this.bindDocumentClickListener()}},{key:"componentWillUnmount",value:function(){this.props.hideOnClickOutside&&this.unbindDocumentClickListener()}},{key:"renderItem",value:function(e,t){var i=this,r=this.getItemStyle(t),o=e.icon,l=e.label,a=e.template,c=e.url,p=e.target,u=n.classNames("p-speeddial-action",{"p-disabled":e.disabled}),f=n.classNames("p-speeddial-action-icon",o),d=s.default.createElement("a",{href:c||"#",role:"menuitem",className:u,target:p,"data-pr-tooltip":l,onClick:function(t){return i.onItemClick(t,e)}},o&&s.default.createElement("span",{className:f}),s.default.createElement(n.Ripple,null));if(a){var h={onClick:function(t){return i.onItemClick(t,e)},className:u,iconClassName:f,element:d,props:this.props,visible:this.isVisible()};d=n.ObjectUtils.getJSXElement(a,e,h)}return s.default.createElement("li",{key:t,className:"p-speeddial-item",style:r,role:"none"},d)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,i){return e.renderItem(t,i)})):null}},{key:"renderList",value:function(){var e=this,t=this.renderItems();return s.default.createElement("ul",{ref:function(t){return e.list=t},className:"p-speeddial-list",role:"menu"},t)}},{key:"renderButton",value:function(){var e,t=this,r=this.isVisible(),o=n.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":this.props.rotateAnimation&&!this.props.hideIcon},this.props.buttonClassName),l=n.classNames((h(e={},"".concat(this.props.showIcon),!r&&!!this.props.showIcon||!this.props.hideIcon),h(e,"".concat(this.props.hideIcon),r&&!!this.props.hideIcon),e)),a=s.default.createElement(i.Button,{type:"button",style:this.props.buttonStyle,className:o,icon:l,onClick:this.onClick,disabled:this.props.disabled});return this.props.buttonTemplate?n.ObjectUtils.getJSXElement(this.props.buttonTemplate,{onClick:function(e){return t.onClick(e)},className:o,iconClassName:l,element:a,props:this.props,visible:r}):a}},{key:"renderMask",value:function(){if(this.props.mask){var e=this.isVisible(),t=n.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e},this.props.maskClassName);return s.default.createElement("div",{className:t,style:this.props.maskStyle})}return null}},{key:"render",value:function(){var e,t=this,i=n.classNames("p-speeddial p-component p-speeddial-".concat(this.props.type),(h(e={},"p-speeddial-direction-".concat(this.props.direction),"circle"!==this.props.type),h(e,"p-speeddial-opened",this.isVisible()),h(e,"p-disabled",this.props.disabled),e),this.props.className),r=this.renderButton(),o=this.renderList(),l=this.renderMask();return s.default.createElement(s.default.Fragment,null,s.default.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,className:i,style:this.props.style},r,o),l)}}])&&l(c.prototype,u),m&&l(c,m),k}(t.Component);return h(v,"defaultProps",{id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null}),e.SpeedDial=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.button,primereact.core);
+this.primereact=this.primereact||{},this.primereact.speeddial=function(e,t,i,n,r){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t);function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){return u=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},u(e,t)}function p(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&u(e,t)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function d(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return c(e)}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function m(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function y(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function b(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?y(Object(i),!0).forEach((function(t){m(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):y(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k=function(e){p(C,e);var t,s,u,f,y,k=(t=C,s=v(),function(){var e,i=h(t);if(s){var n=h(this).constructor;e=Reflect.construct(i,arguments,n)}else e=i.apply(this,arguments);return d(this,e)});function C(e){var t;return l(this,C),(t=k.call(this,e)).state={visible:!1},t.onClick=t.onClick.bind(c(t)),t.onItemClick=t.onItemClick.bind(c(t)),t}return u=C,f=[{key:"isVisible",value:function(){return this.props.onVisibleChange?this.props.visible:this.state.visible}},{key:"show",value:function(){this.props.onVisibleChange?this.props.onVisibleChange(!0):this.setState({visible:!0}),this.props.onShow&&this.props.onShow()}},{key:"hide",value:function(){this.props.onVisibleChange?this.props.onVisibleChange(!1):this.setState({visible:!1}),this.props.onHide&&this.props.onHide()}},{key:"onClick",value:function(e){this.isVisible()?this.hide():this.show(),this.props.onClick&&this.props.onClick(e),this.isItemClicked=!0}},{key:"onItemClick",value:function(e,t){t.command&&t.command({originalEvent:e,item:t}),this.hide(),this.isItemClicked=!0,e.preventDefault()}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.isVisible()&&e.isOutsideClicked(t)&&e.hide(),e.isItemClicked=!1},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.isItemClicked)}},{key:"calculateTransitionDelay",value:function(e){var t=this.props.model.length;return(this.isVisible()?e:t-e-1)*this.props.transitionDelay}},{key:"calculatePointStyle",value:function(e){var t=this.props.type;if("linear"!==t){var i=this.props.model.length,n=this.props.radius||20*i;if("circle"===t){var r=2*Math.PI/i;return{left:"calc(".concat(n*Math.cos(r*e),"px + var(--item-diff-x, 0px))"),top:"calc(".concat(n*Math.sin(r*e),"px + var(--item-diff-y, 0px))")}}if("semi-circle"===t){var s=this.props.direction,o=Math.PI/(i-1),l="calc(".concat(n*Math.cos(o*e),"px + var(--item-diff-x, 0px))"),a="calc(".concat(n*Math.sin(o*e),"px + var(--item-diff-y, 0px))");if("up"===s)return{left:l,bottom:a};if("down"===s)return{left:l,top:a};if("left"===s)return{right:a,top:l};if("right"===s)return{left:a,top:l}}else if("quarter-circle"===t){var c=this.props.direction,u=Math.PI/(2*(i-1)),p="calc(".concat(n*Math.cos(u*e),"px + var(--item-diff-x, 0px))"),f="calc(".concat(n*Math.sin(u*e),"px + var(--item-diff-y, 0px))");if("up-left"===c)return{right:p,bottom:f};if("up-right"===c)return{left:p,bottom:f};if("down-left"===c)return{right:f,top:p};if("down-right"===c)return{left:f,top:p}}}return{}}},{key:"getItemStyle",value:function(e){var t=this.calculateTransitionDelay(e),i=this.calculatePointStyle(e);return b({transitionDelay:"".concat(t,"ms")},i)}},{key:"componentDidMount",value:function(){if("linear"!==this.props.type){var e=r.DomHandler.findSingle(this.container,".p-speeddial-button"),t=r.DomHandler.findSingle(this.list,".p-speeddial-item");if(e&&t){var i=Math.abs(e.offsetWidth-t.offsetWidth),n=Math.abs(e.offsetHeight-t.offsetHeight);this.list.style.setProperty("--item-diff-x","".concat(i/2,"px")),this.list.style.setProperty("--item-diff-y","".concat(n/2,"px"))}}this.props.hideOnClickOutside&&this.bindDocumentClickListener()}},{key:"componentWillUnmount",value:function(){this.props.hideOnClickOutside&&this.unbindDocumentClickListener()}},{key:"renderItem",value:function(e,t){var i=this,s=this.getItemStyle(t),l=e.icon,a=e.label,c=e.template,u=e.url,p=e.target,f=r.classNames("p-speeddial-action",{"p-disabled":e.disabled}),d=r.classNames("p-speeddial-action-icon",l),h=o.default.createElement("a",{href:u||"#",role:"menuitem",className:f,target:p,"data-pr-tooltip":a,onClick:function(t){return i.onItemClick(t,e)}},l&&o.default.createElement("span",{className:d}),o.default.createElement(n.Ripple,null));if(c){var m={onClick:function(t){return i.onItemClick(t,e)},className:f,iconClassName:d,element:h,props:this.props,visible:this.isVisible()};h=r.ObjectUtils.getJSXElement(c,e,m)}return o.default.createElement("li",{key:t,className:"p-speeddial-item",style:s,role:"none"},h)}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,i){return e.renderItem(t,i)})):null}},{key:"renderList",value:function(){var e=this,t=this.renderItems();return o.default.createElement("ul",{ref:function(t){return e.list=t},className:"p-speeddial-list",role:"menu"},t)}},{key:"renderButton",value:function(){var e,t=this,n=this.isVisible(),s=r.classNames("p-speeddial-button p-button-rounded",{"p-speeddial-rotate":this.props.rotateAnimation&&!this.props.hideIcon},this.props.buttonClassName),l=r.classNames((m(e={},"".concat(this.props.showIcon),!n&&!!this.props.showIcon||!this.props.hideIcon),m(e,"".concat(this.props.hideIcon),n&&!!this.props.hideIcon),e)),a=o.default.createElement(i.Button,{type:"button",style:this.props.buttonStyle,className:s,icon:l,onClick:this.onClick,disabled:this.props.disabled});return this.props.buttonTemplate?r.ObjectUtils.getJSXElement(this.props.buttonTemplate,{onClick:function(e){return t.onClick(e)},className:s,iconClassName:l,element:a,props:this.props,visible:n}):a}},{key:"renderMask",value:function(){if(this.props.mask){var e=this.isVisible(),t=r.classNames("p-speeddial-mask",{"p-speeddial-mask-visible":e},this.props.maskClassName);return o.default.createElement("div",{className:t,style:this.props.maskStyle})}return null}},{key:"render",value:function(){var e,t=this,i=r.classNames("p-speeddial p-component p-speeddial-".concat(this.props.type),(m(e={},"p-speeddial-direction-".concat(this.props.direction),"circle"!==this.props.type),m(e,"p-speeddial-opened",this.isVisible()),m(e,"p-disabled",this.props.disabled),e),this.props.className),n=this.renderButton(),s=this.renderList(),l=this.renderMask();return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{ref:function(e){return t.container=e},id:this.props.id,className:i,style:this.props.style},n,s),l)}}],f&&a(u.prototype,f),y&&a(u,y),C}(t.Component);return m(k,"defaultProps",{id:null,model:null,visible:!1,style:null,className:null,direction:"up",transitionDelay:30,type:"linear",radius:0,mask:!1,disabled:!1,hideOnClickOutside:!0,buttonStyle:null,buttonClassName:null,buttonTemplate:null,maskStyle:null,maskClassName:null,showIcon:"pi pi-plus",hideIcon:null,rotateAnimation:!0,onVisibleChange:null,onClick:null,onShow:null,onHide:null}),e.SpeedDial=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.button,primereact.ripple,primereact.utils);

package/splitbutton/splitbutton.cjs.js

@@ -4,7 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var button = require('primereact/button');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var csstransition = require('primereact/csstransition');
+var portal = require('primereact/portal');
+var tooltip = require('primereact/tooltip');
+var overlayservice = require('primereact/overlayservice');
 var PrimeReact = require('primereact/api');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -85,6 +89,8 @@ function _typeof(obj) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -149,7 +155,7 @@ var SplitButtonItem = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderSeparator",
     value: function renderSeparator() {
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         className: "p-menu-separator",
         role: "separator"
       });
@@ -166,17 +172,17 @@ var SplitButtonItem = /*#__PURE__*/function (_Component) {
           template = _this$props$menuitem.template,
           url = _this$props$menuitem.url,
           target = _this$props$menuitem.target;
-      var className = core.classNames('p-menuitem-link', {
+      var className = utils.classNames('p-menuitem-link', {
         'p-disabled': disabled
       });
-      var iconClassName = core.classNames('p-menuitem-icon', icon);
-      icon = icon && /*#__PURE__*/React__default['default'].createElement("span", {
+      var iconClassName = utils.classNames('p-menuitem-icon', icon);
+      icon = icon && /*#__PURE__*/React__default["default"].createElement("span", {
         className: iconClassName
       });
-      label = label && /*#__PURE__*/React__default['default'].createElement("span", {
+      label = label && /*#__PURE__*/React__default["default"].createElement("span", {
         className: "p-menuitem-text"
       }, label);
-      var content = /*#__PURE__*/React__default['default'].createElement("a", {
+      var content = /*#__PURE__*/React__default["default"].createElement("a", {
         href: url || '#',
         role: "menuitem",
         className: className,
@@ -195,10 +201,10 @@ var SplitButtonItem = /*#__PURE__*/function (_Component) {
           element: content,
           props: this.props
         };
-        content = core.ObjectUtils.getJSXElement(template, this.props.menuitem, defaultContentOptions);
+        content = utils.ObjectUtils.getJSXElement(template, this.props.menuitem, defaultContentOptions);
       }
 
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         className: "p-menuitem",
         role: "none"
       }, content);
@@ -264,8 +270,8 @@ var SplitButtonPanelComponent = /*#__PURE__*/function (_Component) {
   _createClass(SplitButtonPanelComponent, [{
     key: "renderElement",
     value: function renderElement() {
-      var className = core.classNames('p-menu p-menu-overlay p-component', this.props.menuClassName);
-      return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+      var className = utils.classNames('p-menu p-menu-overlay p-component', this.props.menuClassName);
+      return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
         nodeRef: this.props.forwardRef,
         classNames: "p-connected-overlay",
         in: this.props.in,
@@ -279,13 +285,13 @@ var SplitButtonPanelComponent = /*#__PURE__*/function (_Component) {
         onEntered: this.props.onEntered,
         onExit: this.props.onExit,
         onExited: this.props.onExited
-      }, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: this.props.forwardRef,
         className: className,
         style: this.props.menuStyle,
         id: this.props.id,
         onClick: this.onClick
-      }, /*#__PURE__*/React__default['default'].createElement("ul", {
+      }, /*#__PURE__*/React__default["default"].createElement("ul", {
         className: "p-menu-list p-reset",
         role: "menu"
       }, this.props.children)));
@@ -294,7 +300,7 @@ var SplitButtonPanelComponent = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var element = this.renderElement();
-      return /*#__PURE__*/React__default['default'].createElement(core.Portal, {
+      return /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
         element: element,
         appendTo: this.props.appendTo
       });
@@ -312,8 +318,8 @@ _defineProperty(SplitButtonPanelComponent, "defaultProps", {
   onClick: null
 });
 
-var SplitButtonPanel = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default['default'].createElement(SplitButtonPanelComponent, _extends({
+var SplitButtonPanel = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default["default"].createElement(SplitButtonPanelComponent, _extends({
     forwardRef: ref
   }, props));
 });
@@ -347,14 +353,14 @@ var SplitButton = /*#__PURE__*/function (_Component) {
     _this.onOverlayExit = _this.onOverlayExit.bind(_assertThisInitialized(_this));
     _this.onOverlayExited = _this.onOverlayExited.bind(_assertThisInitialized(_this));
     _this.onPanelClick = _this.onPanelClick.bind(_assertThisInitialized(_this));
-    _this.overlayRef = /*#__PURE__*/React__default['default'].createRef();
+    _this.overlayRef = /*#__PURE__*/React__default["default"].createRef();
     return _this;
   }
 
   _createClass(SplitButton, [{
     key: "onPanelClick",
     value: function onPanelClick(event) {
-      core.OverlayService.emit('overlay-click', {
+      overlayservice.OverlayService.emit('overlay-click', {
         originalEvent: event,
         target: this.container
       });
@@ -386,7 +392,7 @@ var SplitButton = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      core.ZIndexUtils.set('overlay', this.overlayRef.current);
+      utils.ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
       this.alignOverlay();
     }
   }, {
@@ -407,13 +413,13 @@ var SplitButton = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayExited",
     value: function onOverlayExited() {
-      core.ZIndexUtils.clear(this.overlayRef.current);
+      utils.ZIndexUtils.clear(this.overlayRef.current);
       this.props.onHide && this.props.onHide();
     }
   }, {
     key: "alignOverlay",
     value: function alignOverlay() {
-      core.DomHandler.alignOverlay(this.overlayRef.current, this.defaultButton.parentElement, this.props.appendTo || PrimeReact__default['default'].appendTo);
+      utils.DomHandler.alignOverlay(this.overlayRef.current, this.defaultButton.parentElement, this.props.appendTo || PrimeReact__default["default"].appendTo);
     }
   }, {
     key: "bindDocumentClickListener",
@@ -436,7 +442,7 @@ var SplitButton = /*#__PURE__*/function (_Component) {
       var _this3 = this;
 
       if (!this.scrollHandler) {
-        this.scrollHandler = new core.ConnectedOverlayScrollHandler(this.container, function () {
+        this.scrollHandler = new utils.ConnectedOverlayScrollHandler(this.container, function () {
           if (_this3.state.overlayVisible) {
             _this3.hide();
           }
@@ -459,7 +465,7 @@ var SplitButton = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this4.state.overlayVisible && !core.DomHandler.isAndroid()) {
+          if (_this4.state.overlayVisible && !utils.DomHandler.isAndroid()) {
             _this4.hide();
           }
         };
@@ -493,7 +499,7 @@ var SplitButton = /*#__PURE__*/function (_Component) {
     value: function componentDidMount() {
       if (!this.state.id) {
         this.setState({
-          id: core.UniqueComponentId()
+          id: utils.UniqueComponentId()
         });
       }
 
@@ -526,12 +532,12 @@ var SplitButton = /*#__PURE__*/function (_Component) {
         this.tooltip = null;
       }
 
-      core.ZIndexUtils.clear(this.overlayRef.current);
+      utils.ZIndexUtils.clear(this.overlayRef.current);
     }
   }, {
     key: "renderTooltip",
     value: function renderTooltip() {
-      this.tooltip = core.tip({
+      this.tooltip = tooltip.tip({
         target: this.container,
         content: this.props.tooltip,
         options: this.props.tooltipOptions
@@ -544,7 +550,7 @@ var SplitButton = /*#__PURE__*/function (_Component) {
 
       if (this.props.model) {
         return this.props.model.map(function (menuitem, index) {
-          return /*#__PURE__*/React__default['default'].createElement(SplitButtonItem, {
+          return /*#__PURE__*/React__default["default"].createElement(SplitButtonItem, {
             menuitem: menuitem,
             key: index,
             onItemClick: _this5.onItemClick
@@ -559,19 +565,19 @@ var SplitButton = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this6 = this;
 
-      var className = core.classNames('p-splitbutton p-component', this.props.className, {
+      var className = utils.classNames('p-splitbutton p-component', this.props.className, {
         'p-disabled': this.props.disabled
       });
       var items = this.renderItems();
-      var buttonContent = this.props.buttonTemplate ? core.ObjectUtils.getJSXElement(this.props.buttonTemplate, this.props) : null;
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      var buttonContent = this.props.buttonTemplate ? utils.ObjectUtils.getJSXElement(this.props.buttonTemplate, this.props) : null;
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         id: this.state.id,
         className: className,
         style: this.props.style,
         ref: function ref(el) {
           return _this6.container = el;
         }
-      }, /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      }, /*#__PURE__*/React__default["default"].createElement(button.Button, {
         ref: function ref(el) {
           return _this6.defaultButton = el;
         },
@@ -582,7 +588,7 @@ var SplitButton = /*#__PURE__*/function (_Component) {
         onClick: this.props.onClick,
         disabled: this.props.disabled,
         tabIndex: this.props.tabIndex
-      }, buttonContent), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      }, buttonContent), /*#__PURE__*/React__default["default"].createElement(button.Button, {
         type: "button",
         className: "p-splitbutton-menubutton",
         icon: this.props.dropdownIcon,
@@ -591,7 +597,7 @@ var SplitButton = /*#__PURE__*/function (_Component) {
         "aria-expanded": this.state.overlayVisible,
         "aria-haspopup": true,
         "aria-owns": this.state.id + '_overlay'
-      }), /*#__PURE__*/React__default['default'].createElement(SplitButtonPanel, {
+      }), /*#__PURE__*/React__default["default"].createElement(SplitButtonPanel, {
         ref: this.overlayRef,
         appendTo: this.props.appendTo,
         id: this.state.id + '_overlay',

package/splitbutton/splitbutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/button"),n=require("primereact/core"),i=require("primereact/api");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e),l=r(i);function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function u(e,t,n){return t&&a(e.prototype,t),n&&a(e,n),e}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function d(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&p(e,t)}function f(e){return(f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function h(e,t){return!t||"object"!==f(t)&&"function"!=typeof t?c(e):t}function m(e){return(m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var b=function(t){d(a,e.Component);var i,r,l=(i=a,r=v(),function(){var e,t=m(i);if(r){var n=m(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function a(e){var t;return s(this,a),(t=l.call(this,e)).onClick=t.onClick.bind(c(t)),t}return u(a,[{key:"onClick",value:function(e){this.props.menuitem.command&&this.props.menuitem.command({originalEvent:e,item:this.props.menuitem}),this.props.onItemClick&&this.props.onItemClick(e),e.preventDefault()}},{key:"renderSeparator",value:function(){return o.default.createElement("li",{className:"p-menu-separator",role:"separator"})}},{key:"renderMenuitem",value:function(){var e=this,t=this.props.menuitem,i=t.icon,r=t.label,l=t.template,s=t.url,a=t.target,u=n.classNames("p-menuitem-link",{"p-disabled":t.disabled}),c=n.classNames("p-menuitem-icon",i),p=o.default.createElement("a",{href:s||"#",role:"menuitem",className:u,target:a,onClick:this.onClick},i=i&&o.default.createElement("span",{className:c}),r=r&&o.default.createElement("span",{className:"p-menuitem-text"},r));l&&(p=n.ObjectUtils.getJSXElement(l,this.props.menuitem,{onClick:function(t){return e.onClick(t)},className:u,labelClassName:"p-menuitem-text",iconClassName:c,element:p,props:this.props}));return o.default.createElement("li",{className:"p-menuitem",role:"none"},p)}},{key:"renderItem",value:function(){return this.props.menuitem.separator?this.renderSeparator():this.renderMenuitem()}},{key:"render",value:function(){return this.renderItem()}}]),a}();function k(){return(k=Object.assign||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}).apply(this,arguments)}function O(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}y(b,"defaultProps",{menuitem:null,onItemClick:null});var E=function(t){d(a,e.Component);var i,r,l=(i=a,r=O(),function(){var e,t=m(i);if(r){var n=m(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function a(){return s(this,a),l.apply(this,arguments)}return u(a,[{key:"renderElement",value:function(){var e=n.classNames("p-menu p-menu-overlay p-component",this.props.menuClassName);return o.default.createElement(n.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},o.default.createElement("div",{ref:this.props.forwardRef,className:e,style:this.props.menuStyle,id:this.props.id,onClick:this.onClick},o.default.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},this.props.children)))}},{key:"render",value:function(){var e=this.renderElement();return o.default.createElement(n.Portal,{element:e,appendTo:this.props.appendTo})}}]),a}();y(E,"defaultProps",{appendTo:null,menuStyle:null,menuClassName:null,id:null,onClick:null});var C=o.default.forwardRef((function(e,t){return o.default.createElement(E,k({forwardRef:t},e))}));function w(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 R(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){y(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}function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var L=function(i){d(f,e.Component);var r,a,p=(r=f,a=S(),function(){var e,t=m(r);if(a){var n=m(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function f(e){var t;return s(this,f),(t=p.call(this,e)).state={id:e.id,overlayVisible:!1},t.onDropdownButtonClick=t.onDropdownButtonClick.bind(c(t)),t.onItemClick=t.onItemClick.bind(c(t)),t.onOverlayEnter=t.onOverlayEnter.bind(c(t)),t.onOverlayEntered=t.onOverlayEntered.bind(c(t)),t.onOverlayExit=t.onOverlayExit.bind(c(t)),t.onOverlayExited=t.onOverlayExited.bind(c(t)),t.onPanelClick=t.onPanelClick.bind(c(t)),t.overlayRef=o.default.createRef(),t}return u(f,[{key:"onPanelClick",value:function(e){n.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onDropdownButtonClick",value:function(){this.state.overlayVisible?this.hide():this.show()}},{key:"onItemClick",value:function(){this.hide()}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(){n.ZIndexUtils.set("overlay",this.overlayRef.current),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){n.DomHandler.alignOverlay(this.overlayRef.current,this.defaultButton.parentElement,this.props.appendTo||l.default.appendTo)}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!n.DomHandler.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&this.overlayRef&&this.overlayRef.current&&!this.overlayRef.current.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n.UniqueComponentId()}),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(R({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=n.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return o.default.createElement(b,{menuitem:t,key:n,onItemClick:e.onItemClick})})):null}},{key:"render",value:function(){var e=this,i=n.classNames("p-splitbutton p-component",this.props.className,{"p-disabled":this.props.disabled}),r=this.renderItems(),l=this.props.buttonTemplate?n.ObjectUtils.getJSXElement(this.props.buttonTemplate,this.props):null;return o.default.createElement("div",{id:this.state.id,className:i,style:this.props.style,ref:function(t){return e.container=t}},o.default.createElement(t.Button,{ref:function(t){return e.defaultButton=t},type:"button",className:"p-splitbutton-defaultbutton",icon:this.props.icon,label:this.props.label,onClick:this.props.onClick,disabled:this.props.disabled,tabIndex:this.props.tabIndex},l),o.default.createElement(t.Button,{type:"button",className:"p-splitbutton-menubutton",icon:this.props.dropdownIcon,onClick:this.onDropdownButtonClick,disabled:this.props.disabled,"aria-expanded":this.state.overlayVisible,"aria-haspopup":!0,"aria-owns":this.state.id+"_overlay"}),o.default.createElement(C,{ref:this.overlayRef,appendTo:this.props.appendTo,id:this.state.id+"_overlay",menuStyle:this.props.menuStyle,menuClassName:this.props.menuClassName,onClick:this.onPanelClick,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited,transitionOptions:this.props.transitionOptions},r))}}]),f}();y(L,"defaultProps",{id:null,label:null,icon:null,model:null,disabled:null,style:null,className:null,menuStyle:null,menuClassName:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null}),exports.SplitButton=L;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/button"),n=require("primereact/utils"),r=require("primereact/csstransition"),i=require("primereact/portal"),o=require("primereact/tooltip"),l=require("primereact/overlayservice"),s=require("primereact/api");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(e),c=a(s);function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function f(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),e}function h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function y(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&m(e,t)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function b(e,t){if(t&&("object"===v(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return h(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function O(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var C=function(t){y(l,e.Component);var r,i,o=(r=l,i=E(),function(){var e,t=k(r);if(i){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function l(e){var t;return p(this,l),(t=o.call(this,e)).onClick=t.onClick.bind(h(t)),t}return f(l,[{key:"onClick",value:function(e){this.props.menuitem.command&&this.props.menuitem.command({originalEvent:e,item:this.props.menuitem}),this.props.onItemClick&&this.props.onItemClick(e),e.preventDefault()}},{key:"renderSeparator",value:function(){return u.default.createElement("li",{className:"p-menu-separator",role:"separator"})}},{key:"renderMenuitem",value:function(){var e=this,t=this.props.menuitem,r=t.icon,i=t.label,o=t.template,l=t.url,s=t.target,a=n.classNames("p-menuitem-link",{"p-disabled":t.disabled}),c=n.classNames("p-menuitem-icon",r),p=u.default.createElement("a",{href:l||"#",role:"menuitem",className:a,target:s,onClick:this.onClick},r=r&&u.default.createElement("span",{className:c}),i=i&&u.default.createElement("span",{className:"p-menuitem-text"},i));o&&(p=n.ObjectUtils.getJSXElement(o,this.props.menuitem,{onClick:function(t){return e.onClick(t)},className:a,labelClassName:"p-menuitem-text",iconClassName:c,element:p,props:this.props}));return u.default.createElement("li",{className:"p-menuitem",role:"none"},p)}},{key:"renderItem",value:function(){return this.props.menuitem.separator?this.renderSeparator():this.renderMenuitem()}},{key:"render",value:function(){return this.renderItem()}}]),l}();function w(){return w=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},w.apply(this,arguments)}function R(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}O(C,"defaultProps",{menuitem:null,onItemClick:null});var S=function(t){y(a,e.Component);var o,l,s=(o=a,l=R(),function(){var e,t=k(o);if(l){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function a(){return p(this,a),s.apply(this,arguments)}return f(a,[{key:"renderElement",value:function(){var e=n.classNames("p-menu p-menu-overlay p-component",this.props.menuClassName);return u.default.createElement(r.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},u.default.createElement("div",{ref:this.props.forwardRef,className:e,style:this.props.menuStyle,id:this.props.id,onClick:this.onClick},u.default.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},this.props.children)))}},{key:"render",value:function(){var e=this.renderElement();return u.default.createElement(i.Portal,{element:e,appendTo:this.props.appendTo})}}]),a}();O(S,"defaultProps",{appendTo:null,menuStyle:null,menuClassName:null,id:null,onClick:null});var x=u.default.forwardRef((function(e,t){return u.default.createElement(S,w({forwardRef:t},e))}));function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function P(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var j=function(r){y(d,e.Component);var i,s,a=(i=d,s=P(),function(){var e,t=k(i);if(s){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function d(e){var t;return p(this,d),(t=a.call(this,e)).state={id:e.id,overlayVisible:!1},t.onDropdownButtonClick=t.onDropdownButtonClick.bind(h(t)),t.onItemClick=t.onItemClick.bind(h(t)),t.onOverlayEnter=t.onOverlayEnter.bind(h(t)),t.onOverlayEntered=t.onOverlayEntered.bind(h(t)),t.onOverlayExit=t.onOverlayExit.bind(h(t)),t.onOverlayExited=t.onOverlayExited.bind(h(t)),t.onPanelClick=t.onPanelClick.bind(h(t)),t.overlayRef=u.default.createRef(),t}return f(d,[{key:"onPanelClick",value:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onDropdownButtonClick",value:function(){this.state.overlayVisible?this.hide():this.show()}},{key:"onItemClick",value:function(){this.hide()}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(){n.ZIndexUtils.set("overlay",this.overlayRef.current,c.default.autoZIndex,c.default.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){n.DomHandler.alignOverlay(this.overlayRef.current,this.defaultButton.parentElement,this.props.appendTo||c.default.appendTo)}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!n.DomHandler.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&this.overlayRef&&this.overlayRef.current&&!this.overlayRef.current.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n.UniqueComponentId()}),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(g({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=o.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderItems",value:function(){var e=this;return this.props.model?this.props.model.map((function(t,n){return u.default.createElement(C,{menuitem:t,key:n,onItemClick:e.onItemClick})})):null}},{key:"render",value:function(){var e=this,r=n.classNames("p-splitbutton p-component",this.props.className,{"p-disabled":this.props.disabled}),i=this.renderItems(),o=this.props.buttonTemplate?n.ObjectUtils.getJSXElement(this.props.buttonTemplate,this.props):null;return u.default.createElement("div",{id:this.state.id,className:r,style:this.props.style,ref:function(t){return e.container=t}},u.default.createElement(t.Button,{ref:function(t){return e.defaultButton=t},type:"button",className:"p-splitbutton-defaultbutton",icon:this.props.icon,label:this.props.label,onClick:this.props.onClick,disabled:this.props.disabled,tabIndex:this.props.tabIndex},o),u.default.createElement(t.Button,{type:"button",className:"p-splitbutton-menubutton",icon:this.props.dropdownIcon,onClick:this.onDropdownButtonClick,disabled:this.props.disabled,"aria-expanded":this.state.overlayVisible,"aria-haspopup":!0,"aria-owns":this.state.id+"_overlay"}),u.default.createElement(x,{ref:this.overlayRef,appendTo:this.props.appendTo,id:this.state.id+"_overlay",menuStyle:this.props.menuStyle,menuClassName:this.props.menuClassName,onClick:this.onPanelClick,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited,transitionOptions:this.props.transitionOptions},i))}}]),d}();O(j,"defaultProps",{id:null,label:null,icon:null,model:null,disabled:null,style:null,className:null,menuStyle:null,menuClassName:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null}),exports.SplitButton=j;

package/splitbutton/splitbutton.d.ts

@@ -1,15 +1,14 @@
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
 import TooltipOptions from '../tooltip/tooltipoptions';
-
-type SplitButtonButtonTemplateType = React.ReactNode | ((props: SplitButtonProps) => React.ReactNode);
+import {IconType, TemplateType} from "../utils/Utils";
 
 type SplitButtonAppendToType = 'self' | HTMLElement | undefined | null;
 
 export interface SplitButtonProps {
     id?: string;
     label?: string;
-    icon?: string;
+    icon?: IconType<SplitButtonProps>;
     model?: MenuItem[];
     disabled?: boolean;
     style?: object;
@@ -20,9 +19,9 @@ export interface SplitButtonProps {
     appendTo?: SplitButtonAppendToType;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
-    buttonTemplate?: SplitButtonButtonTemplateType;
+    buttonTemplate?: TemplateType<SplitButtonProps>;
     transitionOptions?: object;
-    dropdownIcon?: string;
+    dropdownIcon?: IconType<SplitButtonProps>;
     onClick?(event: React.MouseEvent<HTMLElement>): void;
     onShow?(): void;
     onHide?(): void;

package/splitbutton/splitbutton.esm.js

@@ -1,6 +1,10 @@
 import React, { Component } from 'react';
 import { Button } from 'primereact/button';
-import { classNames, ObjectUtils, CSSTransition, Portal, OverlayService, ZIndexUtils, DomHandler, ConnectedOverlayScrollHandler, UniqueComponentId, tip } from 'primereact/core';
+import { classNames, ObjectUtils, ZIndexUtils, DomHandler, ConnectedOverlayScrollHandler, UniqueComponentId } from 'primereact/utils';
+import { CSSTransition } from 'primereact/csstransition';
+import { Portal } from 'primereact/portal';
+import { tip } from 'primereact/tooltip';
+import { OverlayService } from 'primereact/overlayservice';
 import PrimeReact from 'primereact/api';
 
 function _classCallCheck(instance, Constructor) {
@@ -76,6 +80,8 @@ function _typeof(obj) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);
@@ -377,7 +383,7 @@ var SplitButton = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      ZIndexUtils.set('overlay', this.overlayRef.current);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
       this.alignOverlay();
     }
   }, {

package/splitbutton/splitbutton.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{Button as n}from"primereact/button";import{classNames as i,ObjectUtils as r,CSSTransition as o,Portal as l,OverlayService as s,ZIndexUtils as a,DomHandler as u,ConnectedOverlayScrollHandler as c,UniqueComponentId as p,tip as f}from"primereact/core";import h from"primereact/api";function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function y(e,t,n){return t&&m(e.prototype,t),n&&m(e,n),e}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e,t){return(b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function k(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&b(e,t)}function O(e){return(O="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})(e)}function E(e,t){return!t||"object"!==O(t)&&"function"!=typeof t?v(e):t}function C(e){return(C=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function R(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var L=function(n){k(a,t);var o,l,s=(o=a,l=R(),function(){var e,t=C(o);if(l){var n=C(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return E(this,e)});function a(e){var t;return d(this,a),(t=s.call(this,e)).onClick=t.onClick.bind(v(t)),t}return y(a,[{key:"onClick",value:function(e){this.props.menuitem.command&&this.props.menuitem.command({originalEvent:e,item:this.props.menuitem}),this.props.onItemClick&&this.props.onItemClick(e),e.preventDefault()}},{key:"renderSeparator",value:function(){return e.createElement("li",{className:"p-menu-separator",role:"separator"})}},{key:"renderMenuitem",value:function(){var t=this,n=this.props.menuitem,o=n.icon,l=n.label,s=n.template,a=n.url,u=n.target,c=i("p-menuitem-link",{"p-disabled":n.disabled}),p=i("p-menuitem-icon",o),f=e.createElement("a",{href:a||"#",role:"menuitem",className:c,target:u,onClick:this.onClick},o=o&&e.createElement("span",{className:p}),l=l&&e.createElement("span",{className:"p-menuitem-text"},l));s&&(f=r.getJSXElement(s,this.props.menuitem,{onClick:function(e){return t.onClick(e)},className:c,labelClassName:"p-menuitem-text",iconClassName:p,element:f,props:this.props}));return e.createElement("li",{className:"p-menuitem",role:"none"},f)}},{key:"renderItem",value:function(){return this.props.menuitem.separator?this.renderSeparator():this.renderMenuitem()}},{key:"render",value:function(){return this.renderItem()}}]),a}();function S(){return(S=Object.assign||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}).apply(this,arguments)}function g(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}w(L,"defaultProps",{menuitem:null,onItemClick:null});var x=function(n){k(u,t);var r,s,a=(r=u,s=g(),function(){var e,t=C(r);if(s){var n=C(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return E(this,e)});function u(){return d(this,u),a.apply(this,arguments)}return y(u,[{key:"renderElement",value:function(){var t=i("p-menu p-menu-overlay p-component",this.props.menuClassName);return e.createElement(o,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},e.createElement("div",{ref:this.props.forwardRef,className:t,style:this.props.menuStyle,id:this.props.id,onClick:this.onClick},e.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},this.props.children)))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(l,{element:t,appendTo:this.props.appendTo})}}]),u}();w(x,"defaultProps",{appendTo:null,menuStyle:null,menuClassName:null,id:null,onClick:null});var P=e.forwardRef((function(t,n){return e.createElement(x,S({forwardRef:n},t))}));function j(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 N(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){w(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}function I(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var D=function(o){k(O,t);var l,m,b=(l=O,m=I(),function(){var e,t=C(l);if(m){var n=C(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return E(this,e)});function O(t){var n;return d(this,O),(n=b.call(this,t)).state={id:t.id,overlayVisible:!1},n.onDropdownButtonClick=n.onDropdownButtonClick.bind(v(n)),n.onItemClick=n.onItemClick.bind(v(n)),n.onOverlayEnter=n.onOverlayEnter.bind(v(n)),n.onOverlayEntered=n.onOverlayEntered.bind(v(n)),n.onOverlayExit=n.onOverlayExit.bind(v(n)),n.onOverlayExited=n.onOverlayExited.bind(v(n)),n.onPanelClick=n.onPanelClick.bind(v(n)),n.overlayRef=e.createRef(),n}return y(O,[{key:"onPanelClick",value:function(e){s.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onDropdownButtonClick",value:function(){this.state.overlayVisible?this.hide():this.show()}},{key:"onItemClick",value:function(){this.hide()}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(){a.set("overlay",this.overlayRef.current),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){a.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){u.alignOverlay(this.overlayRef.current,this.defaultButton.parentElement,this.props.appendTo||h.appendTo)}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new c(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!u.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&this.overlayRef&&this.overlayRef.current&&!this.overlayRef.current.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:p()}),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(N({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),a.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=f({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderItems",value:function(){var t=this;return this.props.model?this.props.model.map((function(n,i){return e.createElement(L,{menuitem:n,key:i,onItemClick:t.onItemClick})})):null}},{key:"render",value:function(){var t=this,o=i("p-splitbutton p-component",this.props.className,{"p-disabled":this.props.disabled}),l=this.renderItems(),s=this.props.buttonTemplate?r.getJSXElement(this.props.buttonTemplate,this.props):null;return e.createElement("div",{id:this.state.id,className:o,style:this.props.style,ref:function(e){return t.container=e}},e.createElement(n,{ref:function(e){return t.defaultButton=e},type:"button",className:"p-splitbutton-defaultbutton",icon:this.props.icon,label:this.props.label,onClick:this.props.onClick,disabled:this.props.disabled,tabIndex:this.props.tabIndex},s),e.createElement(n,{type:"button",className:"p-splitbutton-menubutton",icon:this.props.dropdownIcon,onClick:this.onDropdownButtonClick,disabled:this.props.disabled,"aria-expanded":this.state.overlayVisible,"aria-haspopup":!0,"aria-owns":this.state.id+"_overlay"}),e.createElement(P,{ref:this.overlayRef,appendTo:this.props.appendTo,id:this.state.id+"_overlay",menuStyle:this.props.menuStyle,menuClassName:this.props.menuClassName,onClick:this.onPanelClick,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited,transitionOptions:this.props.transitionOptions},l))}}]),O}();w(D,"defaultProps",{id:null,label:null,icon:null,model:null,disabled:null,style:null,className:null,menuStyle:null,menuClassName:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null});export{D as SplitButton};
+import e,{Component as t}from"react";import{Button as n}from"primereact/button";import{classNames as r,ObjectUtils as i,ZIndexUtils as o,DomHandler as l,ConnectedOverlayScrollHandler as s,UniqueComponentId as a}from"primereact/utils";import{CSSTransition as u}from"primereact/csstransition";import{Portal as c}from"primereact/portal";import{tip as p}from"primereact/tooltip";import{OverlayService as f}from"primereact/overlayservice";import d from"primereact/api";function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function m(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function y(e,t,n){return t&&m(e.prototype,t),n&&m(e,n),e}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e,t){return b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},b(e,t)}function k(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&b(e,t)}function O(e){return O="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},O(e)}function E(e,t){if(t&&("object"===O(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return v(e)}function C(e){return C=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},C(e)}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function R(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var L=function(n){k(a,t);var o,l,s=(o=a,l=R(),function(){var e,t=C(o);if(l){var n=C(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return E(this,e)});function a(e){var t;return h(this,a),(t=s.call(this,e)).onClick=t.onClick.bind(v(t)),t}return y(a,[{key:"onClick",value:function(e){this.props.menuitem.command&&this.props.menuitem.command({originalEvent:e,item:this.props.menuitem}),this.props.onItemClick&&this.props.onItemClick(e),e.preventDefault()}},{key:"renderSeparator",value:function(){return e.createElement("li",{className:"p-menu-separator",role:"separator"})}},{key:"renderMenuitem",value:function(){var t=this,n=this.props.menuitem,o=n.icon,l=n.label,s=n.template,a=n.url,u=n.target,c=r("p-menuitem-link",{"p-disabled":n.disabled}),p=r("p-menuitem-icon",o),f=e.createElement("a",{href:a||"#",role:"menuitem",className:c,target:u,onClick:this.onClick},o=o&&e.createElement("span",{className:p}),l=l&&e.createElement("span",{className:"p-menuitem-text"},l));s&&(f=i.getJSXElement(s,this.props.menuitem,{onClick:function(e){return t.onClick(e)},className:c,labelClassName:"p-menuitem-text",iconClassName:p,element:f,props:this.props}));return e.createElement("li",{className:"p-menuitem",role:"none"},f)}},{key:"renderItem",value:function(){return this.props.menuitem.separator?this.renderSeparator():this.renderMenuitem()}},{key:"render",value:function(){return this.renderItem()}}]),a}();function x(){return x=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},x.apply(this,arguments)}function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}w(L,"defaultProps",{menuitem:null,onItemClick:null});var g=function(n){k(s,t);var i,o,l=(i=s,o=S(),function(){var e,t=C(i);if(o){var n=C(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return E(this,e)});function s(){return h(this,s),l.apply(this,arguments)}return y(s,[{key:"renderElement",value:function(){var t=r("p-menu p-menu-overlay p-component",this.props.menuClassName);return e.createElement(u,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},e.createElement("div",{ref:this.props.forwardRef,className:t,style:this.props.menuStyle,id:this.props.id,onClick:this.onClick},e.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},this.props.children)))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(c,{element:t,appendTo:this.props.appendTo})}}]),s}();w(g,"defaultProps",{appendTo:null,menuStyle:null,menuClassName:null,id:null,onClick:null});var P=e.forwardRef((function(t,n){return e.createElement(g,x({forwardRef:n},t))}));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 N(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){w(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}function I(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var D=function(u){k(O,t);var c,m,b=(c=O,m=I(),function(){var e,t=C(c);if(m){var n=C(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return E(this,e)});function O(t){var n;return h(this,O),(n=b.call(this,t)).state={id:t.id,overlayVisible:!1},n.onDropdownButtonClick=n.onDropdownButtonClick.bind(v(n)),n.onItemClick=n.onItemClick.bind(v(n)),n.onOverlayEnter=n.onOverlayEnter.bind(v(n)),n.onOverlayEntered=n.onOverlayEntered.bind(v(n)),n.onOverlayExit=n.onOverlayExit.bind(v(n)),n.onOverlayExited=n.onOverlayExited.bind(v(n)),n.onPanelClick=n.onPanelClick.bind(v(n)),n.overlayRef=e.createRef(),n}return y(O,[{key:"onPanelClick",value:function(e){f.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onDropdownButtonClick",value:function(){this.state.overlayVisible?this.hide():this.show()}},{key:"onItemClick",value:function(){this.hide()}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(){o.set("overlay",this.overlayRef.current,d.autoZIndex,d.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){o.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){l.alignOverlay(this.overlayRef.current,this.defaultButton.parentElement,this.props.appendTo||d.appendTo)}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new s(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!l.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&this.overlayRef&&this.overlayRef.current&&!this.overlayRef.current.contains(e.target)}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:a()}),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(N({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),o.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=p({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderItems",value:function(){var t=this;return this.props.model?this.props.model.map((function(n,r){return e.createElement(L,{menuitem:n,key:r,onItemClick:t.onItemClick})})):null}},{key:"render",value:function(){var t=this,o=r("p-splitbutton p-component",this.props.className,{"p-disabled":this.props.disabled}),l=this.renderItems(),s=this.props.buttonTemplate?i.getJSXElement(this.props.buttonTemplate,this.props):null;return e.createElement("div",{id:this.state.id,className:o,style:this.props.style,ref:function(e){return t.container=e}},e.createElement(n,{ref:function(e){return t.defaultButton=e},type:"button",className:"p-splitbutton-defaultbutton",icon:this.props.icon,label:this.props.label,onClick:this.props.onClick,disabled:this.props.disabled,tabIndex:this.props.tabIndex},s),e.createElement(n,{type:"button",className:"p-splitbutton-menubutton",icon:this.props.dropdownIcon,onClick:this.onDropdownButtonClick,disabled:this.props.disabled,"aria-expanded":this.state.overlayVisible,"aria-haspopup":!0,"aria-owns":this.state.id+"_overlay"}),e.createElement(P,{ref:this.overlayRef,appendTo:this.props.appendTo,id:this.state.id+"_overlay",menuStyle:this.props.menuStyle,menuClassName:this.props.menuClassName,onClick:this.onPanelClick,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited,transitionOptions:this.props.transitionOptions},l))}}]),O}();w(D,"defaultProps",{id:null,label:null,icon:null,model:null,disabled:null,style:null,className:null,menuStyle:null,menuClassName:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null});export{D as SplitButton};