primereact 8.7.2 → 9.0.0-beta.1

package/panelmenu/panelmenu.esm.js

@@ -7,14 +7,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);
@@ -22,11 +20,9 @@ function _extends() {
 
 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;
 }
 
@@ -60,33 +56,33 @@ 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 _nonIterableRest() {
@@ -99,10 +95,9 @@ function _slicedToArray(arr, i) {
 
 var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
   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 findActiveItem = function findActiveItem() {
     if (props.model) {
       if (props.multiple) {
@@ -119,30 +114,24 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
         return activeItem;
       }
     }
-
     return null;
   };
-
   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
       });
     }
-
     var activeItem = activeItemState;
     var active = isItemActive(item);
-
     if (active) {
       item.expanded = false;
       setActiveItemState(props.multiple ? activeItem.filter(function (a_item) {
@@ -152,20 +141,16 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
       if (!props.multiple && activeItem) {
         activeItem.expanded = false;
       }
-
       item.expanded = true;
       setActiveItemState(props.multiple ? [].concat(_toConsumableArray(activeItem || []), [item]) : item);
     }
   };
-
   var isItemActive = function isItemActive(item) {
     return activeItemState && (props.multiple ? activeItemState.indexOf(item) > -1 : activeItemState === item);
   };
-
   useMountEffect(function () {
     setActiveItemState(findActiveItem());
   });
-
   var createSeparator = function createSeparator(index) {
     var key = 'separator_' + index;
     return /*#__PURE__*/React.createElement("li", {
@@ -173,13 +158,11 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
       className: "p-menu-separator"
     });
   };
-
   var createSubmenu = function createSubmenu(item, active) {
     var className = classNames('p-toggleable-content', {
       'p-toggleable-content-collapsed': !active
     });
     var submenuRef = /*#__PURE__*/React.createRef();
-
     if (item.items) {
       return /*#__PURE__*/React.createElement(CSSTransition, {
         nodeRef: submenuRef,
@@ -199,15 +182,12 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
         multiple: props.multiple
       })));
     }
-
     return null;
   };
-
   var createMenuItem = function createMenuItem(item, index) {
     if (item.visible === false) {
       return null;
     }
-
     var key = item.label + '_' + index;
     var active = isItemActive(item);
     var className = classNames('p-menuitem', item.className);
@@ -241,7 +221,6 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
       role: "menuitem",
       "aria-disabled": item.disabled
     }, submenuIcon, icon, label);
-
     if (item.template) {
       var defaultContentOptions = {
         onClick: function onClick(event) {
@@ -258,7 +237,6 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
       };
       content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-
     return /*#__PURE__*/React.createElement("li", {
       key: key,
       id: item.id,
@@ -267,15 +245,12 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
       role: "none"
     }, 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 className = classNames('p-submenu-list', props.className);
   var menu = createMenu();
   return /*#__PURE__*/React.createElement("ul", {
@@ -287,24 +262,20 @@ PanelMenuSub.displayName = 'PanelMenuSub';
 
 var PanelMenu = /*#__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(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      activeItemState = _React$useState4[0],
-      setActiveItemState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    activeItemState = _React$useState4[0],
+    setActiveItemState = _React$useState4[1];
   var _React$useState5 = React.useState(false),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      animationDisabled = _React$useState6[0],
-      setAnimationDisabled = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    animationDisabled = _React$useState6[0],
+    setAnimationDisabled = _React$useState6[1];
   var elementRef = React.useRef(null);
   var headerId = idState + '_header';
   var contentId = idState + '_content';
-
   var findActiveItem = function findActiveItem() {
     if (props.model) {
       if (props.multiple) {
@@ -321,30 +292,24 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         return activeItem;
       }
     }
-
     return null;
   };
-
   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
       });
     }
-
     var activeItem = activeItemState;
     var active = isItemActive(item);
-
     if (active) {
       item.expanded = false;
       setActiveItemState(props.multiple ? activeItem.filter(function (a_item) {
@@ -354,16 +319,13 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       if (!props.multiple && activeItem) {
         activeItem.expanded = false;
       }
-
       item.expanded = true;
       setActiveItemState(props.multiple ? [].concat(_toConsumableArray(activeItem || []), [item]) : item);
     }
   };
-
   var isItemActive = function isItemActive(item) {
     return activeItemState && (props.multiple ? activeItemState.indexOf(item) > -1 : activeItemState === item);
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -376,23 +338,19 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     if (!idState) {
       setIdState(UniqueComponentId());
     }
-
     setActiveItemState(findActiveItem());
   });
   useUpdateEffect(function () {
     setAnimationDisabled(true);
     setActiveItemState(findActiveItem());
   }, [props.model]);
-
   var onEnter = function onEnter() {
     setAnimationDisabled(false);
   };
-
   var createPanel = function createPanel(item, index) {
     if (item.visible === false) {
       return null;
     }
-
     var key = item.label + '_' + index;
     var active = isItemActive(item);
     var className = classNames('p-panelmenu-panel', item.className);
@@ -431,7 +389,6 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       "aria-controls": contentId,
       "aria-disabled": item.disabled
     }, submenuIcon, icon, label);
-
     if (item.template) {
       var defaultContentOptions = {
         onClick: function onClick(event) {
@@ -448,7 +405,6 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       };
       content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-
     return /*#__PURE__*/React.createElement("div", {
       key: key,
       className: className,
@@ -483,11 +439,9 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       multiple: props.multiple
     })))));
   };
-
   var createPanels = function createPanels() {
     return props.model ? props.model.map(createPanel) : null;
   };
-
   var otherProps = ObjectUtils.findDiffKeys(props, PanelMenu.defaultProps);
   var className = classNames('p-panelmenu p-component', props.className);
   var panels = createPanels();

package/panelmenu/panelmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{CSSTransition as n}from"primereact/csstransition";import{useMountEffect as t,useUpdateEffect as l}from"primereact/hooks";import{classNames as a,IconUtils as r,ObjectUtils as i,UniqueComponentId as o}from"primereact/utils";function u(){return u=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},u.apply(this,arguments)}function m(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 s(e){if(Array.isArray(e))return m(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,n){if(e){if("string"==typeof e)return m(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)?m(e,n):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return s(e)||c(e)||p(e)||d()}function b(e){if(Array.isArray(e))return e}function v(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,a,r=[],i=!0,o=!1;try{for(t=t.call(e);!(i=(l=t.next()).done)&&(r.push(l.value),!n||r.length!==n);i=!0);}catch(e){o=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(o)throw a}}return r}}function y(){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,n){return b(e)||v(e,n)||p(e,n)||y()}var N=e.memo((function(l){var o=g(e.useState(null),2),u=o[0],m=o[1],s=function(){if(l.model){if(l.multiple)return l.model.filter((function(e){return e.expanded}));var e=null;return l.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},c=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=u;p(n)?(n.expanded=!1,m(l.multiple?t.filter((function(e){return e!==n})):null)):(!l.multiple&&t&&(t.expanded=!1),n.expanded=!0,m(l.multiple?[].concat(f(t||[]),[n]):n))}},p=function(e){return u&&(l.multiple?u.indexOf(e)>-1:u===e)};t((function(){m(s())}));var d=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator"})},b=function(t,r){var i=a("p-toggleable-content",{"p-toggleable-content-collapsed":!r}),o=e.createRef();return t.items?e.createElement(n,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0},e.createElement("div",{ref:o,className:i},e.createElement(N,{menuProps:l.menuProps,model:t.items,multiple:l.multiple}))):null},v=function(n,t){if(!1===n.visible)return null;var o=n.label+"_"+t,u=p(n),m=a("p-menuitem",n.className),s=a("p-menuitem-link",{"p-disabled":n.disabled}),d=a("p-menuitem-icon",n.icon),f=a("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!u,"pi-angle-down":u}),v=r.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:l.menuProps}),y=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),g=n.items&&e.createElement("span",{className:f}),N=b(n,u),E=e.createElement("a",{href:n.url||"#",className:s,target:n.target,onClick:function(e){return c(e,n)},role:"menuitem","aria-disabled":n.disabled},g,v,y);n.template&&(E=i.getJSXElement(n.template,n,{onClick:function(e){return c(e,n)},className:s,labelClassName:"p-menuitem-text",iconClassName:d,submenuIconClassName:f,element:E,props:l,leaf:!n.items,active:u}));return e.createElement("li",{key:o,id:n.id,className:m,style:n.style,role:"none"},E,N)},y=function(e,n){return e.separator?d(n):v(e,n)},E=a("p-submenu-list",l.className),h=l.model?l.model.map(y):null;return e.createElement("ul",{className:E,role:"tree"},h)}));N.displayName="PanelMenuSub";var E=e.memo(e.forwardRef((function(m,s){var c=g(e.useState(m.id),2),p=c[0],d=c[1],b=g(e.useState(null),2),v=b[0],y=b[1],h=g(e.useState(!1),2),x=h[0],S=h[1],O=e.useRef(null),k=p+"_header",w=p+"_content",C=function(){if(m.model){if(m.multiple)return m.model.filter((function(e){return e.expanded}));var e=null;return m.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},P=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=v;I(n)?(n.expanded=!1,y(m.multiple?t.filter((function(e){return e!==n})):null)):(!m.multiple&&t&&(t.expanded=!1),n.expanded=!0,y(m.multiple?[].concat(f(t||[]),[n]):n))}},I=function(e){return v&&(m.multiple?v.indexOf(e)>-1:v===e)};e.useImperativeHandle(s,(function(){return{props:m,getElement:function(){return O.current}}})),t((function(){p||d(o()),y(C())})),l((function(){S(!0),y(C())}),[m.model]);var A=function(){S(!1)},j=function(t,l){if(!1===t.visible)return null;var o=t.label+"_"+l,u=I(t),s=a("p-panelmenu-panel",t.className),c=a("p-component p-panelmenu-header",{"p-highlight":u,"p-disabled":t.disabled}),p=a("p-panelmenu-icon pi",{"pi-chevron-right":!u," pi-chevron-down":u}),d=a("p-menuitem-icon",t.icon),f=r.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:m}),b=t.items&&e.createElement("span",{className:p}),v=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),y=a("p-toggleable-content",{"p-toggleable-content-collapsed":!u}),g=e.createRef(),E=e.createElement("a",{href:t.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return P(e,t)},"aria-expanded":u,id:k,"aria-controls":w,"aria-disabled":t.disabled},b,f,v);t.template&&(E=i.getJSXElement(t.template,t,{onClick:function(e){return P(e,t)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:p,iconClassName:d,element:E,props:m,leaf:!t.items,active:u}));return e.createElement("div",{key:o,className:s,style:t.style},e.createElement("div",{className:c,style:t.style},E),e.createElement(n,{nodeRef:g,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:A,disabled:x,in:u,unmountOnExit:!0,options:m.transitionOptions},e.createElement("div",{ref:g,className:y,role:"region",id:w,"aria-labelledby":k},e.createElement("div",{className:"p-panelmenu-content"},e.createElement(N,{menuProps:m,model:t.items,className:"p-panelmenu-root-submenu",multiple:m.multiple})))))},_=i.findDiffKeys(m,E.defaultProps),R=a("p-panelmenu p-component",m.className),D=m.model?m.model.map(j):null;return e.createElement("div",u({id:m.id,ref:O,className:R,style:m.style},_),D)})));E.displayName="PanelMenu",E.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null};export{E as PanelMenu};
+import*as e from"react";import{CSSTransition as n}from"primereact/csstransition";import{useMountEffect as t,useUpdateEffect as l}from"primereact/hooks";import{classNames as a,IconUtils as r,ObjectUtils as i,UniqueComponentId as o}from"primereact/utils";function u(){return u=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},u.apply(this,arguments)}function m(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 s(e){if(Array.isArray(e))return m(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,n){if(e){if("string"==typeof e)return m(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)?m(e,n):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return s(e)||c(e)||p(e)||d()}function b(e){if(Array.isArray(e))return e}function v(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,a,r,i,o=[],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)&&(o.push(l.value),o.length!==n);u=!0);}catch(e){m=!0,a=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(m)throw a}}return o}}function y(){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,n){return b(e)||v(e,n)||p(e,n)||y()}var N=e.memo((function(l){var o=g(e.useState(null),2),u=o[0],m=o[1],s=function(){if(l.model){if(l.multiple)return l.model.filter((function(e){return e.expanded}));var e=null;return l.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},c=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=u;p(n)?(n.expanded=!1,m(l.multiple?t.filter((function(e){return e!==n})):null)):(!l.multiple&&t&&(t.expanded=!1),n.expanded=!0,m(l.multiple?[].concat(f(t||[]),[n]):n))}},p=function(e){return u&&(l.multiple?u.indexOf(e)>-1:u===e)};t((function(){m(s())}));var d=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator"})},b=function(t,r){var i=a("p-toggleable-content",{"p-toggleable-content-collapsed":!r}),o=e.createRef();return t.items?e.createElement(n,{nodeRef:o,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0},e.createElement("div",{ref:o,className:i},e.createElement(N,{menuProps:l.menuProps,model:t.items,multiple:l.multiple}))):null},v=function(n,t){if(!1===n.visible)return null;var o=n.label+"_"+t,u=p(n),m=a("p-menuitem",n.className),s=a("p-menuitem-link",{"p-disabled":n.disabled}),d=a("p-menuitem-icon",n.icon),f=a("p-panelmenu-icon pi pi-fw",{"pi-angle-right":!u,"pi-angle-down":u}),v=r.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:l.menuProps}),y=n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label),g=n.items&&e.createElement("span",{className:f}),N=b(n,u),E=e.createElement("a",{href:n.url||"#",className:s,target:n.target,onClick:function(e){return c(e,n)},role:"menuitem","aria-disabled":n.disabled},g,v,y);n.template&&(E=i.getJSXElement(n.template,n,{onClick:function(e){return c(e,n)},className:s,labelClassName:"p-menuitem-text",iconClassName:d,submenuIconClassName:f,element:E,props:l,leaf:!n.items,active:u}));return e.createElement("li",{key:o,id:n.id,className:m,style:n.style,role:"none"},E,N)},y=function(e,n){return e.separator?d(n):v(e,n)},E=a("p-submenu-list",l.className),h=l.model?l.model.map(y):null;return e.createElement("ul",{className:E,role:"tree"},h)}));N.displayName="PanelMenuSub";var E=e.memo(e.forwardRef((function(m,s){var c=g(e.useState(m.id),2),p=c[0],d=c[1],b=g(e.useState(null),2),v=b[0],y=b[1],h=g(e.useState(!1),2),x=h[0],S=h[1],O=e.useRef(null),k=p+"_header",w=p+"_content",C=function(){if(m.model){if(m.multiple)return m.model.filter((function(e){return e.expanded}));var e=null;return m.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},P=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=v;I(n)?(n.expanded=!1,y(m.multiple?t.filter((function(e){return e!==n})):null)):(!m.multiple&&t&&(t.expanded=!1),n.expanded=!0,y(m.multiple?[].concat(f(t||[]),[n]):n))}},I=function(e){return v&&(m.multiple?v.indexOf(e)>-1:v===e)};e.useImperativeHandle(s,(function(){return{props:m,getElement:function(){return O.current}}})),t((function(){p||d(o()),y(C())})),l((function(){S(!0),y(C())}),[m.model]);var j=function(){S(!1)},A=function(t,l){if(!1===t.visible)return null;var o=t.label+"_"+l,u=I(t),s=a("p-panelmenu-panel",t.className),c=a("p-component p-panelmenu-header",{"p-highlight":u,"p-disabled":t.disabled}),p=a("p-panelmenu-icon pi",{"pi-chevron-right":!u," pi-chevron-down":u}),d=a("p-menuitem-icon",t.icon),f=r.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:m}),b=t.items&&e.createElement("span",{className:p}),v=t.label&&e.createElement("span",{className:"p-menuitem-text"},t.label),y=a("p-toggleable-content",{"p-toggleable-content-collapsed":!u}),g=e.createRef(),E=e.createElement("a",{href:t.url||"#",className:"p-panelmenu-header-link",onClick:function(e){return P(e,t)},"aria-expanded":u,id:k,"aria-controls":w,"aria-disabled":t.disabled},b,f,v);t.template&&(E=i.getJSXElement(t.template,t,{onClick:function(e){return P(e,t)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:p,iconClassName:d,element:E,props:m,leaf:!t.items,active:u}));return e.createElement("div",{key:o,className:s,style:t.style},e.createElement("div",{className:c,style:t.style},E),e.createElement(n,{nodeRef:g,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},onEnter:j,disabled:x,in:u,unmountOnExit:!0,options:m.transitionOptions},e.createElement("div",{ref:g,className:y,role:"region",id:w,"aria-labelledby":k},e.createElement("div",{className:"p-panelmenu-content"},e.createElement(N,{menuProps:m,model:t.items,className:"p-panelmenu-root-submenu",multiple:m.multiple})))))},_=i.findDiffKeys(m,E.defaultProps),R=a("p-panelmenu p-component",m.className),D=m.model?m.model.map(A):null;return e.createElement("div",u({id:m.id,ref:O,className:R,style:m.style},_),D)})));E.displayName="PanelMenu",E.defaultProps={__TYPE:"Panel",id:null,model:null,style:null,className:null,multiple:!1,transitionOptions:null};export{E as PanelMenu};