primereact 8.7.2 → 9.0.0-beta.1

package/megamenu/megamenu.esm.js

@@ -8,14 +8,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);
@@ -26,42 +24,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;
 }
 
@@ -84,171 +80,141 @@ function _slicedToArray(arr, i) {
 
 var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.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 elementRef = React.useRef(null);
   var horizontal = props.orientation === 'horizontal';
   var vertical = props.orientation === 'vertical';
-
   var _useEventListener = useEventListener({
-    type: 'click',
-    listener: function listener(event) {
-      isOutsideClicked(event) && setActiveItemState(null);
-    }
-  }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 1),
-      bindDocumentClickListener = _useEventListener2[0];
-
+      type: 'click',
+      listener: function listener(event) {
+        isOutsideClicked(event) && setActiveItemState(null);
+      }
+    }),
+    _useEventListener2 = _slicedToArray(_useEventListener, 1),
+    bindDocumentClickListener = _useEventListener2[0];
   var onLeafClick = function onLeafClick(event, item) {
     if (item.disabled) {
       event.preventDefault();
       return;
     }
-
     if (!item.url) {
       event.preventDefault();
     }
-
     if (item.command) {
       item.command({
         originalEvent: event,
         item: item
       });
     }
-
     setActiveItemState(null);
   };
-
   var onCategoryMouseEnter = function onCategoryMouseEnter(event, item) {
     if (item.disabled) {
       event.preventDefault();
       return;
     }
-
     if (activeItemState) {
       setActiveItemState(item);
     }
   };
-
   var onCategoryClick = function onCategoryClick(event, item) {
     if (item.disabled) {
       event.preventDefault();
       return;
     }
-
     if (!item.url) {
       event.preventDefault();
     }
-
     if (item.command) {
       item.command({
         originalEvent: event,
         item: props.item
       });
     }
-
     if (item.items) {
       activeItemState && activeItemState === item ? setActiveItemState(null) : setActiveItemState(item);
     }
-
     event.preventDefault();
   };
-
   var onCategoryKeyDown = function onCategoryKeyDown(event, item) {
     var listItem = event.currentTarget.parentElement;
-
     switch (event.which) {
       //down
       case 40:
         horizontal ? expandMenu(item) : navigateToNextItem(listItem);
         event.preventDefault();
         break;
-      //up
 
+      //up
       case 38:
         vertical ? navigateToPrevItem(listItem) : item.items && item === activeItemState && collapseMenu();
         event.preventDefault();
         break;
-      //right
 
+      //right
       case 39:
         horizontal ? navigateToNextItem(listItem) : expandMenu(item);
         event.preventDefault();
         break;
-      //left
 
+      //left
       case 37:
         horizontal ? navigateToPrevItem(listItem) : item.items && item === activeItemState && collapseMenu();
         event.preventDefault();
         break;
     }
   };
-
   var expandMenu = function expandMenu(item) {
     if (item.items) {
       setActiveItemState(item);
     }
   };
-
   var collapseMenu = function collapseMenu(item) {
     setActiveItemState(null);
   };
-
   var findNextItem = function findNextItem(item) {
     var nextItem = item.nextElementSibling;
     return nextItem ? DomHandler.hasClass(nextItem, 'p-disabled') || !DomHandler.hasClass(nextItem, 'p-menuitem') ? findNextItem(nextItem) : nextItem : null;
   };
-
   var findPrevItem = function findPrevItem(item) {
     var prevItem = item.previousElementSibling;
     return prevItem ? DomHandler.hasClass(prevItem, 'p-disabled') || !DomHandler.hasClass(prevItem, 'p-menuitem') ? findPrevItem(prevItem) : prevItem : null;
   };
-
   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 isOutsideClicked = function isOutsideClicked(event) {
     return elementRef.current && !(elementRef.current.isSameNode(event.target) || elementRef.current.contains(event.target));
   };
-
   var getColumnClassName = function getColumnClassName(category) {
     var length = category.items ? category.items.length : 0;
     var columnClass;
-
     switch (length) {
       case 2:
         columnClass = 'p-megamenu-col-6';
         break;
-
       case 3:
         columnClass = 'p-megamenu-col-4';
         break;
-
       case 4:
         columnClass = 'p-megamenu-col-3';
         break;
-
       case 6:
         columnClass = 'p-megamenu-col-2';
         break;
-
       default:
         columnClass = 'p-megamenu-col-12';
         break;
     }
-
     return columnClass;
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -262,16 +228,13 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   });
   useUpdateEffect(function () {
     var currentPanel = DomHandler.findSingle(elementRef.current, '.p-menuitem-active > .p-megamenu-panel');
-
     if (activeItemState) {
       ZIndexUtils.set('menu', currentPanel, PrimeReact.autoZIndex, PrimeReact.zIndex['menu']);
     }
-
     return function () {
       ZIndexUtils.clear(currentPanel);
     };
   }, [activeItemState]);
-
   var createSeparator = function createSeparator(index) {
     var key = 'separator_' + index;
     return /*#__PURE__*/React.createElement("li", {
@@ -280,34 +243,27 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       role: "separator"
     });
   };
-
   var createSubmenuIcon = function createSubmenuIcon(item) {
     if (item.items) {
       var _className = classNames('p-submenu-icon pi', {
         'pi-angle-down': horizontal,
         'pi-angle-right': vertical
       });
-
       return /*#__PURE__*/React.createElement("span", {
         className: _className
       });
     }
-
     return null;
   };
-
   var createSubmenuItem = function createSubmenuItem(item, index) {
     if (item.visible === false) {
       return null;
     }
-
     if (item.separator) {
       return createSeparator(index);
     } else {
       var key = item.label + '_' + index;
-
       var _className2 = classNames('p-menuitem', item.className);
-
       var linkClassName = classNames('p-menuitem-link', {
         'p-disabled': item.disabled
       });
@@ -330,7 +286,6 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         role: "menuitem",
         "aria-disabled": item.disabled
       }, icon, label, /*#__PURE__*/React.createElement(Ripple, null));
-
       if (item.template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
@@ -344,7 +299,6 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         };
         content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
-
       return /*#__PURE__*/React.createElement("li", {
         key: key,
         id: item.id,
@@ -354,7 +308,6 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       }, content);
     }
   };
-
   var createSubmenu = function createSubmenu(submenu) {
     var className = classNames('p-megamenu-submenu-header', {
       'p-disabled': submenu.disabled
@@ -369,11 +322,9 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       role: "presentation"
     }, submenu.label), items);
   };
-
   var createSubmenus = function createSubmenus(column) {
     return column.map(createSubmenu);
   };
-
   var createColumn = function createColumn(category, column, index, columnClassName) {
     var key = category.label + '_column_' + index;
     var submenus = createSubmenus(column);
@@ -385,7 +336,6 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       role: "menu"
     }, submenus));
   };
-
   var createColumns = function createColumns(category) {
     if (category.items) {
       var columnClassName = getColumnClassName(category);
@@ -393,10 +343,8 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         return createColumn(category, column, index, columnClassName);
       });
     }
-
     return null;
   };
-
   var createCategoryPanel = function createCategoryPanel(category) {
     if (category.items) {
       var columns = createColumns(category);
@@ -406,10 +354,8 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         className: "p-megamenu-grid"
       }, columns));
     }
-
     return null;
   };
-
   var createCategory = function createCategory(category, index) {
     var className = classNames('p-menuitem', {
       'p-menuitem-active': category === activeItemState
@@ -451,7 +397,6 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       "aria-haspopup": category.items != null
     }, icon, label, itemContent, submenuIcon, /*#__PURE__*/React.createElement(Ripple, null)), panel);
   };
-
   var createMenu = function createMenu() {
     if (props.model) {
       return /*#__PURE__*/React.createElement("ul", {
@@ -461,34 +406,26 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         return createCategory(item, index);
       }));
     }
-
     return null;
   };
-
   var createStartContent = function createStartContent() {
     if (props.start) {
       var _start = ObjectUtils.getJSXElement(props.start, props);
-
       return /*#__PURE__*/React.createElement("div", {
         className: "p-megamenu-start"
       }, _start);
     }
-
     return null;
   };
-
   var createEndContent = function createEndContent() {
     if (props.end) {
       var _end = ObjectUtils.getJSXElement(props.end, props);
-
       return /*#__PURE__*/React.createElement("div", {
         className: "p-megamenu-end"
       }, _end);
     }
-
     return null;
   };
-
   var otherProps = ObjectUtils.findDiffKeys(props, MegaMenu.defaultProps);
   var className = classNames('p-megamenu p-component', {
     'p-megamenu-horizontal': props.orientation === 'horizontal',

package/megamenu/megamenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n from"primereact/api";import{useEventListener as t,useMountEffect as r,useUpdateEffect as a}from"primereact/hooks";import{Ripple as l}from"primereact/ripple";import{DomHandler as i,ZIndexUtils as u,ObjectUtils as m,classNames as o,IconUtils as s}from"primereact/utils";function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},c.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l=[],i=!0,u=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);i=!0);}catch(e){u=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(u)throw a}}return l}}function d(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e,n){if(e){if("string"==typeof e)return d(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)?d(e,n):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e,n){return p(e)||f(e,n)||v(e,n)||g()}var y=e.memo(e.forwardRef((function(p,f){var d=b(e.useState(null),2),v=d[0],g=d[1],h=e.useRef(null),E="horizontal"===p.orientation,N="vertical"===p.orientation,k=b(t({type:"click",listener:function(e){A(e)&&g(null)}}),1)[0],S=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),g(null))},w=function(e,n){var t=e.currentTarget.parentElement;switch(e.which){case 40:E?D(n):_(t),e.preventDefault();break;case 38:N?j(t):n.items&&n===v&&C(),e.preventDefault();break;case 39:E?_(t):D(n),e.preventDefault();break;case 37:E?j(t):n.items&&n===v&&C(),e.preventDefault()}},D=function(e){e.items&&g(e)},C=function(e){g(null)},x=function e(n){var t=n.nextElementSibling;return t?i.hasClass(t,"p-disabled")||!i.hasClass(t,"p-menuitem")?e(t):t:null},I=function e(n){var t=n.previousElementSibling;return t?i.hasClass(t,"p-disabled")||!i.hasClass(t,"p-menuitem")?e(t):t:null},_=function(e){var n=x(e);n&&n.children[0].focus()},j=function(e){var n=I(e);n&&n.children[0].focus()},A=function(e){return h.current&&!(h.current.isSameNode(e.target)||h.current.contains(e.target))},J=function(e){var n;switch(e.items?e.items.length:0){case 2:n="p-megamenu-col-6";break;case 3:n="p-megamenu-col-4";break;case 4:n="p-megamenu-col-3";break;case 6:n="p-megamenu-col-2";break;default:n="p-megamenu-col-12"}return n};e.useImperativeHandle(f,(function(){return{props:p,getElement:function(){return h.current}}})),r((function(){k()})),a((function(){var e=i.findSingle(h.current,".p-menuitem-active > .p-megamenu-panel");return v&&u.set("menu",e,n.autoZIndex,n.zIndex.menu),function(){u.clear(e)}}),[v]);var M=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator",role:"separator"})},O=function(n){if(n.items){var t=o("p-submenu-icon pi",{"pi-angle-down":E,"pi-angle-right":N});return e.createElement("span",{className:t})}return null},X=function(n,t){if(!1===n.visible)return null;if(n.separator)return M(t);var r=n.label+"_"+t,a=o("p-menuitem",n.className),i=o("p-menuitem-link",{"p-disabled":n.disabled}),u=o(n.icon,"p-menuitem-icon"),c=s.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:p}),f=e.createElement("a",{href:n.url||"#",className:i,target:n.target,onClick:function(e){return S(e,n)},role:"menuitem","aria-disabled":n.disabled},c,n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),e.createElement(l,null));return n.template&&(f=m.getJSXElement(n.template,n,{onClick:function(e){return S(e,n)},className:i,labelClassName:"p-menuitem-text",iconClassName:u,element:f,props:p})),e.createElement("li",{key:r,id:n.id,className:a,style:n.style,role:"none"},f)},z=function(n){var t=o("p-megamenu-submenu-header",{"p-disabled":n.disabled},n.className),r=n.items.map(X);return e.createElement(e.Fragment,{key:n.label},e.createElement("li",{id:n.id,className:t,style:n.style,role:"presentation"},n.label),r)},P=function(e){return e.map(z)},T=function(n,t,r,a){var l=n.label+"_column_"+r,i=P(t);return e.createElement("div",{key:l,className:a},e.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},i))},K=function(e){if(e.items){var n=J(e);return e.items.map((function(t,r){return T(e,t,r,n)}))}return null},R=function(n){if(n.items){var t=K(n);return e.createElement("div",{className:"p-megamenu-panel"},e.createElement("div",{className:"p-megamenu-grid"},t))}return null},F=function(n,t){var r=o("p-menuitem",{"p-menuitem-active":n===v},n.className),a=o("p-menuitem-link",{"p-disabled":n.disabled}),i=s.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:p}),u=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),c=n.template?m.getJSXElement(n.template,n):null,f=O(n),d=R(n);return e.createElement("li",{key:n.label+"_"+t,id:n.id,className:r,style:n.style,onMouseEnter:function(e){return t=e,void((r=n).disabled?t.preventDefault():v&&g(r));var t,r},role:"none"},e.createElement("a",{href:n.url||"#",className:a,target:n.target,onClick:function(e){return t=e,(r=n).disabled||(r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:p.item}),r.items&&g(v&&v===r?null:r)),void t.preventDefault();var t,r},onKeyDown:function(e){return w(e,n)},role:"menuitem","aria-haspopup":null!=n.items},i,u,c,f,e.createElement(l,null)),d)},H=m.findDiffKeys(p,y.defaultProps),U=o("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===p.orientation,"p-megamenu-vertical":"vertical"===p.orientation},p.className),Y=p.model?e.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},p.model.map((function(e,n){return F(e,n)}))):null,Z=function(){if(p.start){var n=m.getJSXElement(p.start,p);return e.createElement("div",{className:"p-megamenu-start"},n)}return null}(),$=function(){if(p.end){var n=m.getJSXElement(p.end,p);return e.createElement("div",{className:"p-megamenu-end"},n)}return null}();return e.createElement("div",c({ref:h,id:p.id,className:U,style:p.style},H),Z,Y,$)})));y.displayName="MegaMenu",y.defaultProps={__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",start:null,end:null};export{y as MegaMenu};
+import*as e from"react";import t from"primereact/api";import{useEventListener as n,useMountEffect as r,useUpdateEffect as a}from"primereact/hooks";import{Ripple as l}from"primereact/ripple";import{DomHandler as i,ZIndexUtils as u,ObjectUtils as m,classNames as o,IconUtils as s}from"primereact/utils";function c(){return c=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},c.apply(this,arguments)}function p(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,a,l,i,u=[],m=!0,o=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;m=!1}else for(;!(m=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);m=!0);}catch(e){o=!0,a=e}finally{try{if(!m&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(o)throw a}}return u}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e,t){if(e){if("string"==typeof e)return d(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)?d(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 g(e,t){return p(e)||f(e,t)||v(e,t)||b()}var y=e.memo(e.forwardRef((function(p,f){var d=g(e.useState(null),2),v=d[0],b=d[1],h=e.useRef(null),E="horizontal"===p.orientation,N="vertical"===p.orientation,k=g(n({type:"click",listener:function(e){_(e)&&b(null)}}),1)[0],S=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),b(null))},w=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:E?D(t):I(n),e.preventDefault();break;case 38:N?O(n):t.items&&t===v&&C(),e.preventDefault();break;case 39:E?I(n):D(t),e.preventDefault();break;case 37:E?O(n):t.items&&t===v&&C(),e.preventDefault()}},D=function(e){e.items&&b(e)},C=function(e){b(null)},j=function e(t){var n=t.nextElementSibling;return n?i.hasClass(n,"p-disabled")||!i.hasClass(n,"p-menuitem")?e(n):n:null},x=function e(t){var n=t.previousElementSibling;return n?i.hasClass(n,"p-disabled")||!i.hasClass(n,"p-menuitem")?e(n):n:null},I=function(e){var t=j(e);t&&t.children[0].focus()},O=function(e){var t=x(e);t&&t.children[0].focus()},_=function(e){return h.current&&!(h.current.isSameNode(e.target)||h.current.contains(e.target))},A=function(e){var t;switch(e.items?e.items.length:0){case 2:t="p-megamenu-col-6";break;case 3:t="p-megamenu-col-4";break;case 4:t="p-megamenu-col-3";break;case 6:t="p-megamenu-col-2";break;default:t="p-megamenu-col-12"}return t};e.useImperativeHandle(f,(function(){return{props:p,getElement:function(){return h.current}}})),r((function(){k()})),a((function(){var e=i.findSingle(h.current,".p-menuitem-active > .p-megamenu-panel");return v&&u.set("menu",e,t.autoZIndex,t.zIndex.menu),function(){u.clear(e)}}),[v]);var J=function(t){return e.createElement("li",{key:"separator_"+t,className:"p-menu-separator",role:"separator"})},M=function(t){if(t.items){var n=o("p-submenu-icon pi",{"pi-angle-down":E,"pi-angle-right":N});return e.createElement("span",{className:n})}return null},X=function(t,n){if(!1===t.visible)return null;if(t.separator)return J(n);var r=t.label+"_"+n,a=o("p-menuitem",t.className),i=o("p-menuitem-link",{"p-disabled":t.disabled}),u=o(t.icon,"p-menuitem-icon"),c=s.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:p}),f=e.createElement("a",{href:t.url||"#",className:i,target:t.target,onClick:function(e){return S(e,t)},role:"menuitem","aria-disabled":t.disabled},c,t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),e.createElement(l,null));return t.template&&(f=m.getJSXElement(t.template,t,{onClick:function(e){return S(e,t)},className:i,labelClassName:"p-menuitem-text",iconClassName:u,element:f,props:p})),e.createElement("li",{key:r,id:t.id,className:a,style:t.style,role:"none"},f)},z=function(t){var n=o("p-megamenu-submenu-header",{"p-disabled":t.disabled},t.className),r=t.items.map(X);return e.createElement(e.Fragment,{key:t.label},e.createElement("li",{id:t.id,className:n,style:t.style,role:"presentation"},t.label),r)},P=function(e){return e.map(z)},T=function(t,n,r,a){var l=t.label+"_column_"+r,i=P(n);return e.createElement("div",{key:l,className:a},e.createElement("ul",{className:"p-megamenu-submenu",role:"menu"},i))},K=function(e){if(e.items){var t=A(e);return e.items.map((function(n,r){return T(e,n,r,t)}))}return null},R=function(t){if(t.items){var n=K(t);return e.createElement("div",{className:"p-megamenu-panel"},e.createElement("div",{className:"p-megamenu-grid"},n))}return null},F=function(t,n){var r=o("p-menuitem",{"p-menuitem-active":t===v},t.className),a=o("p-menuitem-link",{"p-disabled":t.disabled}),i=s.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:p}),u=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),c=t.template?m.getJSXElement(t.template,t):null,f=M(t),d=R(t);return e.createElement("li",{key:t.label+"_"+n,id:t.id,className:r,style:t.style,onMouseEnter:function(e){return n=e,void((r=t).disabled?n.preventDefault():v&&b(r));var n,r},role:"none"},e.createElement("a",{href:t.url||"#",className:a,target:t.target,onClick:function(e){return n=e,(r=t).disabled||(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:p.item}),r.items&&b(v&&v===r?null:r)),void n.preventDefault();var n,r},onKeyDown:function(e){return w(e,t)},role:"menuitem","aria-haspopup":null!=t.items},i,u,c,f,e.createElement(l,null)),d)},H=m.findDiffKeys(p,y.defaultProps),U=o("p-megamenu p-component",{"p-megamenu-horizontal":"horizontal"===p.orientation,"p-megamenu-vertical":"vertical"===p.orientation},p.className),Y=p.model?e.createElement("ul",{className:"p-megamenu-root-list",role:"menubar"},p.model.map((function(e,t){return F(e,t)}))):null,Z=function(){if(p.start){var t=m.getJSXElement(p.start,p);return e.createElement("div",{className:"p-megamenu-start"},t)}return null}(),$=function(){if(p.end){var t=m.getJSXElement(p.end,p);return e.createElement("div",{className:"p-megamenu-end"},t)}return null}();return e.createElement("div",c({ref:h,id:p.id,className:U,style:p.style},H),Z,Y,$)})));y.displayName="MegaMenu",y.defaultProps={__TYPE:"MegaMenu",id:null,model:null,style:null,className:null,orientation:"horizontal",start:null,end:null};export{y as MegaMenu};