primereact 8.7.2 → 9.0.0-beta.1

package/splitbutton/splitbutton.esm.js

@@ -12,14 +12,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -30,42 +28,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -94,34 +90,30 @@ var SplitButtonItem = /*#__PURE__*/React.memo(function (props) {
         item: props.menuitem
       });
     }
-
     if (props.onItemClick) {
       props.onItemClick(e);
     }
-
     e.preventDefault();
   };
-
   var createSeparator = function createSeparator() {
     return /*#__PURE__*/React.createElement("li", {
       className: "p-menu-separator",
       role: "separator"
     });
   };
-
   var createMenuitem = function createMenuitem() {
     if (props.menuitem.visible === false) {
       return null;
     }
-
     var _props$menuitem = props.menuitem,
-        disabled = _props$menuitem.disabled,
-        _icon = _props$menuitem.icon,
-        _label = _props$menuitem.label,
-        template = _props$menuitem.template,
-        url = _props$menuitem.url,
-        target = _props$menuitem.target;
-    var className = classNames('p-menuitem-link', {
+      disabled = _props$menuitem.disabled,
+      _icon = _props$menuitem.icon,
+      _label = _props$menuitem.label,
+      template = _props$menuitem.template,
+      url = _props$menuitem.url,
+      target = _props$menuitem.target,
+      _className = _props$menuitem.className;
+    var className = classNames('p-menuitem-link', _className, {
       'p-disabled': disabled
     });
     var iconClassName = classNames('p-menuitem-icon', _icon);
@@ -130,11 +122,9 @@ var SplitButtonItem = /*#__PURE__*/React.memo(function (props) {
     }, {
       props: props.splitButtonProps
     });
-
     var label = _label && /*#__PURE__*/React.createElement("span", {
       className: "p-menuitem-text"
     }, _label);
-
     var content = /*#__PURE__*/React.createElement("a", {
       href: url || '#',
       role: "menuitem",
@@ -143,7 +133,6 @@ var SplitButtonItem = /*#__PURE__*/React.memo(function (props) {
       onClick: onClick,
       "aria-label": _label
     }, icon, label);
-
     if (template) {
       var defaultContentOptions = {
         onClick: onClick,
@@ -155,17 +144,14 @@ var SplitButtonItem = /*#__PURE__*/React.memo(function (props) {
       };
       content = ObjectUtils.getJSXElement(template, props.menuitem, defaultContentOptions);
     }
-
     return /*#__PURE__*/React.createElement("li", {
       className: "p-menuitem",
       role: "none"
     }, content);
   };
-
   var createItem = function createItem() {
     return props.menuitem.separator ? createSeparator() : createMenuitem();
   };
-
   var item = createItem();
   return item;
 });
@@ -199,7 +185,6 @@ var SplitButtonPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       role: "menu"
     }, props.children)));
   };
-
   var element = createElement();
   return /*#__PURE__*/React.createElement(Portal, {
     element: element,
@@ -210,78 +195,64 @@ SplitButtonPanel.displayName = 'SplitButtonPanel';
 
 var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.id),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      idState = _React$useState2[0],
-      setIdState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    idState = _React$useState2[0],
+    setIdState = _React$useState2[1];
   var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      overlayVisibleState = _React$useState4[0],
-      setOverlayVisibleState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    overlayVisibleState = _React$useState4[0],
+    setOverlayVisibleState = _React$useState4[1];
   var elementRef = React.useRef(null);
   var defaultButtonRef = React.useRef(null);
   var overlayRef = React.useRef(null);
-
   var _useOverlayListener = useOverlayListener({
-    target: elementRef,
-    overlay: overlayRef,
-    listener: function listener(event, _ref) {
-      var valid = _ref.valid;
-      valid && hide();
-    },
-    when: overlayVisibleState
-  }),
-      _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-      bindOverlayListener = _useOverlayListener2[0],
-      unbindOverlayListener = _useOverlayListener2[1];
-
+      target: elementRef,
+      overlay: overlayRef,
+      listener: function listener(event, _ref) {
+        var valid = _ref.valid;
+        valid && hide();
+      },
+      when: overlayVisibleState
+    }),
+    _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
+    bindOverlayListener = _useOverlayListener2[0],
+    unbindOverlayListener = _useOverlayListener2[1];
   var onPanelClick = function onPanelClick(event) {
     OverlayService.emit('overlay-click', {
       originalEvent: event,
       target: elementRef.current
     });
   };
-
   var onDropdownButtonClick = function onDropdownButtonClick() {
     overlayVisibleState ? hide() : show();
   };
-
   var onItemClick = function onItemClick() {
     hide();
   };
-
   var show = function show() {
     setOverlayVisibleState(true);
   };
-
   var hide = function hide() {
     setOverlayVisibleState(false);
   };
-
   var onOverlayEnter = function onOverlayEnter() {
     ZIndexUtils.set('overlay', overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
     alignOverlay();
   };
-
   var onOverlayEntered = function onOverlayEntered() {
     bindOverlayListener();
     props.onShow && props.onShow();
   };
-
   var onOverlayExit = function onOverlayExit() {
     unbindOverlayListener();
   };
-
   var onOverlayExited = function onOverlayExited() {
     ZIndexUtils.clear(overlayRef.current);
     props.onHide && props.onHide();
   };
-
   var alignOverlay = function alignOverlay() {
     DomHandler.alignOverlay(overlayRef.current, defaultButtonRef.current.parentElement, props.appendTo || PrimeReact.appendTo);
   };
-
   useMountEffect(function () {
     if (!idState) {
       setIdState(UniqueComponentId());
@@ -300,7 +271,6 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       }
     };
   });
-
   var createItems = function createItems() {
     if (props.model) {
       return props.model.map(function (menuitem, index) {
@@ -312,14 +282,11 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
         });
       });
     }
-
     return null;
   };
-
   if (props.visible === false) {
     return null;
   }
-
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, SplitButton.defaultProps);
   var className = classNames('p-splitbutton p-component', props.className, {

package/splitbutton/splitbutton.esm.min.js

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

package/splitbutton/splitbutton.js

@@ -29,14 +29,12 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -47,42 +45,40 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
       arr2[i] = arr[i];
     }
-
     return arr2;
   }
 
@@ -111,34 +107,30 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
           item: props.menuitem
         });
       }
-
       if (props.onItemClick) {
         props.onItemClick(e);
       }
-
       e.preventDefault();
     };
-
     var createSeparator = function createSeparator() {
       return /*#__PURE__*/React__namespace.createElement("li", {
         className: "p-menu-separator",
         role: "separator"
       });
     };
-
     var createMenuitem = function createMenuitem() {
       if (props.menuitem.visible === false) {
         return null;
       }
-
       var _props$menuitem = props.menuitem,
-          disabled = _props$menuitem.disabled,
-          _icon = _props$menuitem.icon,
-          _label = _props$menuitem.label,
-          template = _props$menuitem.template,
-          url = _props$menuitem.url,
-          target = _props$menuitem.target;
-      var className = utils.classNames('p-menuitem-link', {
+        disabled = _props$menuitem.disabled,
+        _icon = _props$menuitem.icon,
+        _label = _props$menuitem.label,
+        template = _props$menuitem.template,
+        url = _props$menuitem.url,
+        target = _props$menuitem.target,
+        _className = _props$menuitem.className;
+      var className = utils.classNames('p-menuitem-link', _className, {
         'p-disabled': disabled
       });
       var iconClassName = utils.classNames('p-menuitem-icon', _icon);
@@ -147,11 +139,9 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
       }, {
         props: props.splitButtonProps
       });
-
       var label = _label && /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-menuitem-text"
       }, _label);
-
       var content = /*#__PURE__*/React__namespace.createElement("a", {
         href: url || '#',
         role: "menuitem",
@@ -160,7 +150,6 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
         onClick: onClick,
         "aria-label": _label
       }, icon, label);
-
       if (template) {
         var defaultContentOptions = {
           onClick: onClick,
@@ -172,17 +161,14 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
         };
         content = utils.ObjectUtils.getJSXElement(template, props.menuitem, defaultContentOptions);
       }
-
       return /*#__PURE__*/React__namespace.createElement("li", {
         className: "p-menuitem",
         role: "none"
       }, content);
     };
-
     var createItem = function createItem() {
       return props.menuitem.separator ? createSeparator() : createMenuitem();
     };
-
     var item = createItem();
     return item;
   });
@@ -216,7 +202,6 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
         role: "menu"
       }, props.children)));
     };
-
     var element = createElement();
     return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
       element: element,
@@ -227,78 +212,64 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
 
   var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.id),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        idState = _React$useState2[0],
-        setIdState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      idState = _React$useState2[0],
+      setIdState = _React$useState2[1];
     var _React$useState3 = React__namespace.useState(false),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        overlayVisibleState = _React$useState4[0],
-        setOverlayVisibleState = _React$useState4[1];
-
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      overlayVisibleState = _React$useState4[0],
+      setOverlayVisibleState = _React$useState4[1];
     var elementRef = React__namespace.useRef(null);
     var defaultButtonRef = React__namespace.useRef(null);
     var overlayRef = React__namespace.useRef(null);
-
     var _useOverlayListener = hooks.useOverlayListener({
-      target: elementRef,
-      overlay: overlayRef,
-      listener: function listener(event, _ref) {
-        var valid = _ref.valid;
-        valid && hide();
-      },
-      when: overlayVisibleState
-    }),
-        _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-        bindOverlayListener = _useOverlayListener2[0],
-        unbindOverlayListener = _useOverlayListener2[1];
-
+        target: elementRef,
+        overlay: overlayRef,
+        listener: function listener(event, _ref) {
+          var valid = _ref.valid;
+          valid && hide();
+        },
+        when: overlayVisibleState
+      }),
+      _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
+      bindOverlayListener = _useOverlayListener2[0],
+      unbindOverlayListener = _useOverlayListener2[1];
     var onPanelClick = function onPanelClick(event) {
       overlayservice.OverlayService.emit('overlay-click', {
         originalEvent: event,
         target: elementRef.current
       });
     };
-
     var onDropdownButtonClick = function onDropdownButtonClick() {
       overlayVisibleState ? hide() : show();
     };
-
     var onItemClick = function onItemClick() {
       hide();
     };
-
     var show = function show() {
       setOverlayVisibleState(true);
     };
-
     var hide = function hide() {
       setOverlayVisibleState(false);
     };
-
     var onOverlayEnter = function onOverlayEnter() {
       utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
       alignOverlay();
     };
-
     var onOverlayEntered = function onOverlayEntered() {
       bindOverlayListener();
       props.onShow && props.onShow();
     };
-
     var onOverlayExit = function onOverlayExit() {
       unbindOverlayListener();
     };
-
     var onOverlayExited = function onOverlayExited() {
       utils.ZIndexUtils.clear(overlayRef.current);
       props.onHide && props.onHide();
     };
-
     var alignOverlay = function alignOverlay() {
       utils.DomHandler.alignOverlay(overlayRef.current, defaultButtonRef.current.parentElement, props.appendTo || PrimeReact__default["default"].appendTo);
     };
-
     hooks.useMountEffect(function () {
       if (!idState) {
         setIdState(utils.UniqueComponentId());
@@ -317,7 +288,6 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
         }
       };
     });
-
     var createItems = function createItems() {
       if (props.model) {
         return props.model.map(function (menuitem, index) {
@@ -329,14 +299,11 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, hoo
           });
         });
       }
-
       return null;
     };
-
     if (props.visible === false) {
       return null;
     }
-
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, SplitButton.defaultProps);
     var className = utils.classNames('p-splitbutton p-component', props.className, {

package/splitbutton/splitbutton.min.js

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