primereact 8.7.2 → 9.0.0-beta.1

package/menubar/menubar.js

@@ -29,14 +29,12 @@ this.primereact.menubar = (function (exports, React, PrimeReact, hooks, utils, r
     _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.menubar = (function (exports, React, PrimeReact, hooks, utils, r
   }
 
   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;
   }
 
@@ -105,27 +101,24 @@ this.primereact.menubar = (function (exports, React, PrimeReact, hooks, utils, r
 
   var MenubarSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        activeItemState = _React$useState2[0],
-        setActiveItemState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      activeItemState = _React$useState2[0],
+      setActiveItemState = _React$useState2[1];
     var _useEventListener = hooks.useEventListener({
-      type: 'click',
-      listener: function listener(event) {
-        if (ref && ref.current && !ref.current.contains(event.target)) {
-          setActiveItemState(null);
+        type: 'click',
+        listener: function listener(event) {
+          if (ref && ref.current && !ref.current.contains(event.target)) {
+            setActiveItemState(null);
+          }
         }
-      }
-    }),
-        _useEventListener2 = _slicedToArray(_useEventListener, 1),
-        bindDocumentClickListener = _useEventListener2[0];
-
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 1),
+      bindDocumentClickListener = _useEventListener2[0];
     var onItemMouseEnter = function onItemMouseEnter(event, item) {
       if (item.disabled || props.mobileActive) {
         event.preventDefault();
         return;
       }
-
       if (props.root) {
         if (activeItemState || props.popup) {
           setActiveItemState(item);
@@ -134,44 +127,38 @@ this.primereact.menubar = (function (exports, React, PrimeReact, hooks, utils, r
         setActiveItemState(item);
       }
     };
-
     var onItemClick = function onItemClick(event, item) {
       if (item.disabled) {
         event.preventDefault();
         return;
       }
-
       if (!item.url) {
         event.preventDefault();
       }
-
       if (item.command) {
         item.command({
           originalEvent: event,
           item: item
         });
       }
-
       if (item.items) activeItemState && item === activeItemState ? setActiveItemState(null) : setActiveItemState(item);else onLeafClick();
     };
-
     var onItemKeyDown = function onItemKeyDown(event, item) {
       var listItem = event.currentTarget.parentElement;
-
       switch (event.which) {
         //down
         case 40:
           if (props.root) item.items && expandSubmenu(item, listItem);else navigateToNextItem(listItem);
           event.preventDefault();
           break;
-        //up
 
+        //up
         case 38:
           !props.root && navigateToPrevItem(listItem);
           event.preventDefault();
           break;
-        //right
 
+        //right
         case 39:
           if (props.root) {
             var nextItem = findNextItem(listItem);
@@ -179,20 +166,17 @@ this.primereact.menubar = (function (exports, React, PrimeReact, hooks, utils, r
           } else {
             item.items && expandSubmenu(item, listItem);
           }
-
           event.preventDefault();
           break;
-        //left
 
+        //left
         case 37:
           props.root && navigateToPrevItem(listItem);
           event.preventDefault();
           break;
       }
-
       props.onKeyDown && props.onKeyDown(event, listItem);
     };
-
     var onChildItemKeyDown = function onChildItemKeyDown(event, childListItem) {
       if (props.root) {
         //up
@@ -206,51 +190,42 @@ this.primereact.menubar = (function (exports, React, PrimeReact, hooks, utils, r
         }
       }
     };
-
     var expandSubmenu = function expandSubmenu(item, listItem) {
       setActiveItemState(item);
       setTimeout(function () {
         listItem.children[1].children[0].children[0].focus();
       }, 50);
     };
-
     var collapseMenu = function collapseMenu(listItem) {
       setActiveItemState(null);
       listItem.parentElement.previousElementSibling.focus();
     };
-
     var navigateToNextItem = function navigateToNextItem(listItem) {
       var nextItem = findNextItem(listItem);
       nextItem && nextItem.children[0].focus();
     };
-
     var navigateToPrevItem = function navigateToPrevItem(listItem) {
       var prevItem = findPrevItem(listItem);
       prevItem && prevItem.children[0].focus();
     };
-
     var findNextItem = function findNextItem(item) {
       var nextItem = item.nextElementSibling;
       return nextItem ? utils.DomHandler.hasClass(nextItem, 'p-disabled') || !utils.DomHandler.hasClass(nextItem, 'p-menuitem') ? findNextItem(nextItem) : nextItem : null;
     };
-
     var findPrevItem = function findPrevItem(item) {
       var prevItem = item.previousElementSibling;
       return prevItem ? utils.DomHandler.hasClass(prevItem, 'p-disabled') || !utils.DomHandler.hasClass(prevItem, 'p-menuitem') ? findPrevItem(prevItem) : prevItem : null;
     };
-
     var onLeafClick = function onLeafClick() {
       setActiveItemState(null);
       props.onLeafClick && props.onLeafClick();
     };
-
     hooks.useMountEffect(function () {
       bindDocumentClickListener();
     });
     hooks.useUpdateEffect(function () {
       !props.parentActive && setActiveItemState(null);
     }, [props.parentActive]);
-
     var createSeparator = function createSeparator(index) {
       var key = 'separator_' + index;
       return /*#__PURE__*/React__namespace.createElement("li", {
@@ -259,7 +234,6 @@ this.primereact.menubar = (function (exports, React, PrimeReact, hooks, utils, r
         role: "separator"
       });
     };
-
     var createSubmenu = function createSubmenu(item) {
       if (item.items) {
         return /*#__PURE__*/React__namespace.createElement(MenubarSub, {
@@ -271,15 +245,12 @@ this.primereact.menubar = (function (exports, React, PrimeReact, hooks, utils, r
           parentActive: item === activeItemState
         });
       }
-
       return null;
     };
-
     var createMenuitem = function createMenuitem(item, index) {
       if (item.visible === false) {
         return null;
       }
-
       var key = item.label + '_' + index;
       var className = utils.classNames('p-menuitem', {
         'p-menuitem-active': activeItemState === item
@@ -317,7 +288,6 @@ this.primereact.menubar = (function (exports, React, PrimeReact, hooks, utils, r
           return onItemKeyDown(event, item);
         }
       }, icon, label, submenuIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-
       if (item.template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
@@ -335,7 +305,6 @@ this.primereact.menubar = (function (exports, React, PrimeReact, hooks, utils, r
         };
         content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
-
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
         role: "none",
@@ -347,15 +316,12 @@ this.primereact.menubar = (function (exports, React, PrimeReact, hooks, utils, r
         }
       }, content, submenu);
     };
-
     var createItem = function createItem(item, index) {
       return item.separator ? createSeparator(index) : createMenuitem(item, index);
     };
-
     var createMenu = function createMenu() {
       return props.model ? props.model.map(createItem) : null;
     };
-
     var role = props.root ? 'menubar' : 'menu';
     var className = utils.classNames({
       'p-submenu-list': !props.root,
@@ -372,41 +338,35 @@ this.primereact.menubar = (function (exports, React, PrimeReact, hooks, utils, r
 
   var Menubar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        mobileActiveState = _React$useState2[0],
-        setMobileActiveState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      mobileActiveState = _React$useState2[0],
+      setMobileActiveState = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
     var rootMenuRef = React__namespace.useRef(null);
     var menuButtonRef = React__namespace.useRef(null);
-
     var _useEventListener = hooks.useEventListener({
-      type: 'click',
-      listener: function listener(event) {
-        if (mobileActiveState && isOutsideClicked(event)) {
-          setMobileActiveState(false);
+        type: 'click',
+        listener: function listener(event) {
+          if (mobileActiveState && isOutsideClicked(event)) {
+            setMobileActiveState(false);
+          }
         }
-      }
-    }),
-        _useEventListener2 = _slicedToArray(_useEventListener, 2),
-        bindDocumentClickListener = _useEventListener2[0],
-        unbindDocumentClickListener = _useEventListener2[1];
-
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindDocumentClickListener = _useEventListener2[0],
+      unbindDocumentClickListener = _useEventListener2[1];
     var toggle = function toggle(event) {
       event.preventDefault();
       setMobileActiveState(function (prevMobileActive) {
         return !prevMobileActive;
       });
     };
-
     var onLeafClick = function onLeafClick() {
       setMobileActiveState(false);
     };
-
     var isOutsideClicked = function isOutsideClicked(event) {
       return rootMenuRef.current !== event.target && !rootMenuRef.current.contains(event.target) && menuButtonRef.current !== event.target && !menuButtonRef.current.contains(event.target);
     };
-
     hooks.useUpdateEffect(function () {
       if (mobileActiveState) {
         utils.ZIndexUtils.set('menu', rootMenuRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['menu']);
@@ -435,38 +395,29 @@ this.primereact.menubar = (function (exports, React, PrimeReact, hooks, utils, r
         }
       };
     });
-
     var createStartContent = function createStartContent() {
       if (props.start) {
         var _start = utils.ObjectUtils.getJSXElement(props.start, props);
-
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-menubar-start"
         }, _start);
       }
-
       return null;
     };
-
     var createEndContent = function createEndContent() {
       if (props.end) {
         var _end = utils.ObjectUtils.getJSXElement(props.end, props);
-
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-menubar-end"
         }, _end);
       }
-
       return null;
     };
-
     var createMenuButton = function createMenuButton() {
       if (props.model && props.model.length < 1) {
         return null;
       }
       /* eslint-disable */
-
-
       var button = /*#__PURE__*/React__namespace.createElement("a", {
         ref: menuButtonRef,
         href: '#',
@@ -481,7 +432,6 @@ this.primereact.menubar = (function (exports, React, PrimeReact, hooks, utils, r
 
       return button;
     };
-
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Menubar.defaultProps);
     var className = utils.classNames('p-menubar p-component', {
       'p-menubar-mobile-active': mobileActiveState

package/menubar/menubar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.menubar=function(e,t,n,r,l,a){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=o(t),c=u(n);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a=[],u=!0,o=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);u=!0);}catch(e){o=!0,l=e}finally{try{u||null==n.return||n.return()}finally{if(o)throw l}}return a}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){return m(e)||f(e,t)||d(e,t)||b()}var y=i.memo(i.forwardRef((function(e,t){var n=v(i.useState(null),2),u=n[0],o=n[1],c=v(r.useEventListener({type:"click",listener:function(e){t&&t.current&&!t.current.contains(e.target)&&o(null)}}),1)[0],s=function(t,n){n.disabled||e.mobileActive?t.preventDefault():e.root?(u||e.popup)&&o(n):o(n)},m=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items?o(u&&t===u?null:t):C())},f=function(t,n){var r=t.currentTarget.parentElement;switch(t.which){case 40:e.root?n.items&&d(n,r):h(r),t.preventDefault();break;case 38:!e.root&&g(r),t.preventDefault();break;case 39:if(e.root){var l=E(r);l&&l.children[0].focus()}else n.items&&d(n,r);t.preventDefault();break;case 37:e.root&&g(r),t.preventDefault()}e.onKeyDown&&e.onKeyDown(t,r)},p=function(t,n){e.root?38===t.which&&null==n.previousElementSibling&&b(n):37===t.which&&b(n)},d=function(e,t){o(e),setTimeout((function(){t.children[1].children[0].children[0].focus()}),50)},b=function(e){o(null),e.parentElement.previousElementSibling.focus()},h=function(e){var t=E(e);t&&t.children[0].focus()},g=function(e){var t=N(e);t&&t.children[0].focus()},E=function e(t){var n=t.nextElementSibling;return n?l.DomHandler.hasClass(n,"p-disabled")||!l.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},N=function e(t){var n=t.previousElementSibling;return n?l.DomHandler.hasClass(n,"p-disabled")||!l.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},C=function(){o(null),e.onLeafClick&&e.onLeafClick()};r.useMountEffect((function(){c()})),r.useUpdateEffect((function(){!e.parentActive&&o(null)}),[e.parentActive]);var D=function(e){return i.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},w=function(t){return t.items?i.createElement(y,{menuProps:e.menuProps,model:t.items,mobileActive:e.mobileActive,onLeafClick:C,onKeyDown:p,parentActive:t===u}):null},j=function(t,n){if(!1===t.visible)return null;var r=t.label+"_"+n,o=l.classNames("p-menuitem",{"p-menuitem-active":u===t},t.className),c=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),p=l.classNames("p-menuitem-icon",t.icon),d=l.classNames("p-submenu-icon pi",{"pi-angle-down":e.root,"pi-angle-right":!e.root}),b=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),v=t.label&&i.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&i.createElement("span",{className:d}),h=w(t),g=i.createElement("a",{href:t.url||"#",role:"menuitem",className:c,target:t.target,"aria-haspopup":null!=t.items,onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)}},b,v,y,i.createElement(a.Ripple,null));t.template&&(g=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)},className:c,labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:d,element:g,props:e}));return i.createElement("li",{key:r,role:"none",id:t.id,className:o,style:t.style,onMouseEnter:function(e){return s(e,t)}},g,h)},k=function(e,t){return e.separator?D(t):j(e,t)},O=e.root?"menubar":"menu",S=l.classNames({"p-submenu-list":!e.root,"p-menubar-root-list":e.root}),A=e.model?e.model.map(k):null;return i.createElement("ul",{ref:t,className:S,role:O},A)})));y.displayName="MenubarSub";var h=i.memo(i.forwardRef((function(e,t){var n=v(i.useState(!1),2),a=n[0],u=n[1],o=i.useRef(null),m=i.useRef(null),f=i.useRef(null),p=v(r.useEventListener({type:"click",listener:function(e){a&&E(e)&&u(!1)}}),2),d=p[0],b=p[1],g=function(e){e.preventDefault(),u((function(e){return!e}))},E=function(e){return m.current!==e.target&&!m.current.contains(e.target)&&f.current!==e.target&&!f.current.contains(e.target)};r.useUpdateEffect((function(){a?(l.ZIndexUtils.set("menu",m.current,c.default.autoZIndex,c.default.zIndex.menu),d()):(b(),l.ZIndexUtils.clear(m.current))}),[a]),r.useUnmountEffect((function(){l.ZIndexUtils.clear(m.current)})),i.useImperativeHandle(t,(function(){return{props:e,toggle:g,useCustomContent:useCustomContent,getElement:function(){return o.current},getRootMenu:function(){return m.current},getMenuButton:function(){return f.current}}}));var N=l.ObjectUtils.findDiffKeys(e,h.defaultProps),C=l.classNames("p-menubar p-component",{"p-menubar-mobile-active":a},e.className),D=function(){if(e.start){var t=l.ObjectUtils.getJSXElement(e.start,e);return i.createElement("div",{className:"p-menubar-start"},t)}return null}(),w=function(){if(e.end){var t=l.ObjectUtils.getJSXElement(e.end,e);return i.createElement("div",{className:"p-menubar-end"},t)}return null}(),j=e.model&&e.model.length<1?null:i.createElement("a",{ref:f,href:"#",role:"button",tabIndex:0,className:"p-menubar-button",onClick:g},i.createElement("i",{className:"pi pi-bars"})),k=i.createElement(y,{ref:m,menuProps:e,model:e.model,root:!0,mobileActive:a,onLeafClick:function(){u(!1)}});return i.createElement("div",s({id:e.id,className:C,style:e.style},N),D,j,k,w)})));return h.displayName="Menubar",h.defaultProps={__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,end:null},e.Menubar=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.menubar=function(e,t,n,r,l,a){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=i(t),c=u(n);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,u,i=[],o=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);o=!0);}catch(e){c=!0,l=e}finally{try{if(!o&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw l}}return i}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){return m(e)||f(e,t)||d(e,t)||b()}var y=o.memo(o.forwardRef((function(e,t){var n=v(o.useState(null),2),u=n[0],i=n[1],c=v(r.useEventListener({type:"click",listener:function(e){t&&t.current&&!t.current.contains(e.target)&&i(null)}}),1)[0],s=function(t,n){n.disabled||e.mobileActive?t.preventDefault():e.root?(u||e.popup)&&i(n):i(n)},m=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items?i(u&&t===u?null:t):j())},f=function(t,n){var r=t.currentTarget.parentElement;switch(t.which){case 40:e.root?n.items&&d(n,r):h(r),t.preventDefault();break;case 38:!e.root&&g(r),t.preventDefault();break;case 39:if(e.root){var l=E(r);l&&l.children[0].focus()}else n.items&&d(n,r);t.preventDefault();break;case 37:e.root&&g(r),t.preventDefault()}e.onKeyDown&&e.onKeyDown(t,r)},p=function(t,n){e.root?38===t.which&&null==n.previousElementSibling&&b(n):37===t.which&&b(n)},d=function(e,t){i(e),setTimeout((function(){t.children[1].children[0].children[0].focus()}),50)},b=function(e){i(null),e.parentElement.previousElementSibling.focus()},h=function(e){var t=E(e);t&&t.children[0].focus()},g=function(e){var t=N(e);t&&t.children[0].focus()},E=function e(t){var n=t.nextElementSibling;return n?l.DomHandler.hasClass(n,"p-disabled")||!l.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},N=function e(t){var n=t.previousElementSibling;return n?l.DomHandler.hasClass(n,"p-disabled")||!l.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},j=function(){i(null),e.onLeafClick&&e.onLeafClick()};r.useMountEffect((function(){c()})),r.useUpdateEffect((function(){!e.parentActive&&i(null)}),[e.parentActive]);var C=function(e){return o.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},D=function(t){return t.items?o.createElement(y,{menuProps:e.menuProps,model:t.items,mobileActive:e.mobileActive,onLeafClick:j,onKeyDown:p,parentActive:t===u}):null},O=function(t,n){if(!1===t.visible)return null;var r=t.label+"_"+n,i=l.classNames("p-menuitem",{"p-menuitem-active":u===t},t.className),c=l.classNames("p-menuitem-link",{"p-disabled":t.disabled}),p=l.classNames("p-menuitem-icon",t.icon),d=l.classNames("p-submenu-icon pi",{"pi-angle-down":e.root,"pi-angle-right":!e.root}),b=l.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),v=t.label&&o.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&o.createElement("span",{className:d}),h=D(t),g=o.createElement("a",{href:t.url||"#",role:"menuitem",className:c,target:t.target,"aria-haspopup":null!=t.items,onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)}},b,v,y,o.createElement(a.Ripple,null));t.template&&(g=l.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)},className:c,labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:d,element:g,props:e}));return o.createElement("li",{key:r,role:"none",id:t.id,className:i,style:t.style,onMouseEnter:function(e){return s(e,t)}},g,h)},w=function(e,t){return e.separator?C(t):O(e,t)},k=e.root?"menubar":"menu",S=l.classNames({"p-submenu-list":!e.root,"p-menubar-root-list":e.root}),A=e.model?e.model.map(w):null;return o.createElement("ul",{ref:t,className:S,role:k},A)})));y.displayName="MenubarSub";var h=o.memo(o.forwardRef((function(e,t){var n=v(o.useState(!1),2),a=n[0],u=n[1],i=o.useRef(null),m=o.useRef(null),f=o.useRef(null),p=v(r.useEventListener({type:"click",listener:function(e){a&&E(e)&&u(!1)}}),2),d=p[0],b=p[1],g=function(e){e.preventDefault(),u((function(e){return!e}))},E=function(e){return m.current!==e.target&&!m.current.contains(e.target)&&f.current!==e.target&&!f.current.contains(e.target)};r.useUpdateEffect((function(){a?(l.ZIndexUtils.set("menu",m.current,c.default.autoZIndex,c.default.zIndex.menu),d()):(b(),l.ZIndexUtils.clear(m.current))}),[a]),r.useUnmountEffect((function(){l.ZIndexUtils.clear(m.current)})),o.useImperativeHandle(t,(function(){return{props:e,toggle:g,useCustomContent:useCustomContent,getElement:function(){return i.current},getRootMenu:function(){return m.current},getMenuButton:function(){return f.current}}}));var N=l.ObjectUtils.findDiffKeys(e,h.defaultProps),j=l.classNames("p-menubar p-component",{"p-menubar-mobile-active":a},e.className),C=function(){if(e.start){var t=l.ObjectUtils.getJSXElement(e.start,e);return o.createElement("div",{className:"p-menubar-start"},t)}return null}(),D=function(){if(e.end){var t=l.ObjectUtils.getJSXElement(e.end,e);return o.createElement("div",{className:"p-menubar-end"},t)}return null}(),O=e.model&&e.model.length<1?null:o.createElement("a",{ref:f,href:"#",role:"button",tabIndex:0,className:"p-menubar-button",onClick:g},o.createElement("i",{className:"pi pi-bars"})),w=o.createElement(y,{ref:m,menuProps:e,model:e.model,root:!0,mobileActive:a,onLeafClick:function(){u(!1)}});return o.createElement("div",s({id:e.id,className:j,style:e.style},N),C,O,w,D)})));return h.displayName="Menubar",h.defaultProps={__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,end:null},e.Menubar=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.ripple);

package/menuitem/menuitem.d.ts

@@ -1,35 +1,130 @@
-import React from 'react';
+/**
+ *
+ * PrimeReact menus components share a common api to specify the menuitems and submenus.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/menumodel/)
+ *
+ * @module menuitem
+ *
+ */
+import * as React from 'react';
 
-interface MenuItemCommandParams {
+/**
+ * Custom command event.
+ * @see {@link MenuItem.command}
+ * @event
+ */
+interface MenuItemCommandEvent {
+    /**
+     * Browser event
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Selected item instance.
+     */
     item: MenuItem;
 }
 
+/**
+ * Menu item options
+ * @group Misc
+ */
 interface MenuItemOptions {
+    /**
+     * Callback to invoke on click.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
     onClick(event: React.SyntheticEvent): void;
+    /**
+     * Style class of the component.
+     */
     className: string;
+    /**
+     * Style class of the label element.
+     */
     labelClassName: string;
+    /**
+     * Class name of the options icon.
+     */
     iconClassName: string;
+    /**
+     * Default element created by the component.
+     */
     element: React.ReactNode;
+    /**
+     * All component props
+     */
     props: any;
 }
 
-type MenuItemTemplateType = React.ReactNode | ((item: MenuItem, options: MenuItemOptions) => React.ReactNode);
-
+/**
+ * Defines valid properties in MenuItem API.
+ * @group Properties
+ */
 export interface MenuItem {
-    id?: string;
-    label?: string;
-    icon?: any;
-    url?: string;
-    items?: MenuItem[] | MenuItem[][];
-    expanded?: boolean;
-    disabled?: boolean;
-    visible?: boolean;
-    target?: string;
-    separator?: boolean;
-    style?: React.CSSProperties;
-    className?: string;
-    command?(e: MenuItemCommandParams): void;
-    template?: MenuItemTemplateType;
-    data?: any;
+    /**
+     * Unique identifier of the menuitem.
+     */
+    id?: string | undefined;
+    /**
+     * Text of the menuitem.
+     */
+    label?: string | undefined;
+    /**
+     * Icon of the item. It can be a string, JSX.Element or method.
+     */
+    icon?: any | undefined;
+    /**
+     * External link to navigate when item is clicked.
+     */
+    url?: string | undefined;
+    /**
+     * An array of children the menuitems.
+     */
+    items?: MenuItem[] | MenuItem[][] | undefined;
+    /**
+     * Visibility of submenu.
+     * @defaultValue false
+     */
+    expanded?: boolean | undefined;
+    /**
+     * When set as true, disables the menuitem.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * When set as false, hides the menuitem.
+     * @defaultValue true
+     */
+    visible?: boolean | undefined;
+    /**
+     * Specifies where to open the linked document.
+     */
+    target?: string | undefined;
+    /**
+     * Defines the item as a separator.
+     * @defaultValue false
+     */
+    separator?: boolean | undefined;
+    /**
+     * Inline style of the menuitem.
+     */
+    style?: React.CSSProperties | undefined;
+    /**
+     * Style class of the menuitem.
+     */
+    className?: string | undefined;
+    /**
+     * Callback to execute when item is clicked.
+     * @param {MenuItemCommandEvent} event - Custom command event.
+     */
+    command?(event: MenuItemCommandEvent): void;
+    /**
+     * Template of the menuitem.
+     */
+    template?: React.ReactNode | ((item: MenuItem, options: MenuItemOptions) => React.ReactNode);
+    /**
+     * The data of the menuitem.
+     */
+    data?: any | undefined;
 }

package/message/message.cjs.js

@@ -29,14 +29,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);
@@ -44,15 +42,12 @@ function _extends() {
 
 var Message = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
-
   var createContent = function createContent() {
     if (props.content) {
       return utils.ObjectUtils.getJSXElement(props.content, props);
     }
-
     var text = utils.ObjectUtils.getJSXElement(props.text, props);
     var iconValue = props.icon;
-
     if (!iconValue) {
       iconValue = utils.classNames('pi', {
         'pi-info-circle': props.severity === 'info',
@@ -61,7 +56,6 @@ var Message = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
         'pi-check': props.severity === 'success'
       });
     }
-
     var icon = utils.IconUtils.getJSXIcon(iconValue, {
       className: 'p-inline-message-icon'
     }, {
@@ -71,7 +65,6 @@ var Message = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       className: "p-inline-message-text"
     }, text));
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,