primereact 10.0.0 → 10.0.2

package/panel/panel.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useMountEffect as l}from"primereact/hooks";import{MinusIcon as r}from"primereact/icons/minus";import{PlusIcon as o}from"primereact/icons/plus";import{Ripple as a}from"primereact/ripple";import{classNames as i,UniqueComponentId as p,mergeProps as c,ObjectUtils as s,IconUtils as u}from"primereact/utils";import{ComponentBase as m,useHandleStyle as g}from"primereact/componentbase";function f(){return f=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},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,r,o,a,i=[],p=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;p=!1}else for(;!(p=(l=o.call(t)).done)&&(i.push(l.value),i.length!==n);p=!0);}catch(e){c=!0,r=e}finally{try{if(!p&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw r}}return i}}function b(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 y(e,n){if(e){if("string"==typeof e)return b(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)?b(e,n):void 0}}function v(){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 E(e,n){return d(e)||h(e,n)||y(e,n)||v()}var x=m.extend({defaultProps:{__TYPE:"Panel",id:null,header:null,headerTemplate:null,footer:null,footerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:null,collapseIcon:null,icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,children:void 0},css:{classes:{root:function(e){return i("p-panel p-component",{"p-panel-toggleable":e.props.toggleable})},header:"p-panel-header",title:"p-panel-title",icons:"p-panel-icons",toggler:"p-panel-header-icon p-panel-toggler p-link",togglerIcon:"p-panel-header-icon p-panel-toggler p-link",toggleableContent:"p-toggleable-content",content:"p-panel-content",footer:"p-panel-footer",transition:"p-toggleable-content"},styles:"\n        @layer primereact {\n            .p-panel-header {\n              display: flex;\n              justify-content: space-between;\n              align-items: center;\n            }\n            \n            .p-panel-title {\n              line-height: 1;\n            }\n            \n            .p-panel-header-icon {\n              display: inline-flex;\n              justify-content: center;\n              align-items: center;\n              cursor: pointer;\n              text-decoration: none;\n              overflow: hidden;\n              position: relative;\n            }\n        }\n        "}}),N=e.forwardRef((function(i,m){var d=e.useContext(n),h=x.getProps(i,d),b=E(e.useState(h.id),2),y=b[0],v=b[1],N=E(e.useState(h.collapsed),2),T=N[0],C=N[1],S=e.useRef(null),O=e.useRef(null),j=!!h.toggleable&&(h.onToggle?h.collapsed:T),I=y+"_header",w=y+"_content",P=x.setMetaData({props:h,state:{id:y,collapsed:j}}),k=P.ptm,A=P.cx;g(x.css.styles,P.isUnstyled,{name:"panel"});var J=function(e){h.toggleable&&(j?X(e):_(e),e&&(h.onToggle&&h.onToggle({originalEvent:e,value:!j}),e.preventDefault()))},X=function(e){h.onToggle||C(!1),h.onExpand&&e&&h.onExpand(e)},_=function(e){h.onToggle||C(!0),h.onCollapse&&e&&h.onCollapse(e)};e.useImperativeHandle(m,(function(){return{props:h,toggle:J,expand:X,collapse:_,getElement:function(){return S.current},getContent:function(){return O.current}}})),l((function(){y||v(p())}));var R,D,M,U=function(){if(h.toggleable){var n=y+"_label",t=c({className:A("toggler"),onClick:J,id:n,"aria-controls":w,"aria-expanded":!j,role:"tab"},k("toggler")),l=c(k("togglericon")),i=u.getJSXIcon(j?h.expandIcon||e.createElement(o,l):h.collapseIcon||e.createElement(r,l),l,{props:h,collapsed:j});return e.createElement("button",t,i,e.createElement(a,null))}return null},H=c({id:y,ref:S,style:h.style,className:A("root")},x.getOtherProps(h),k("root")),Y=function(){var n=s.getJSXElement(h.header,h),t=s.getJSXElement(h.icons,h),l=U(),r=c({id:I,className:A("title")},k("title")),o=e.createElement("span",r,n),a=c({className:A("icons")},k("icons")),i=e.createElement("div",a,t,l),p=c({className:A("header")},k("header")),u=e.createElement("div",p,o,i);return h.headerTemplate?s.getJSXElement(h.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:J,titleElement:o,iconsElement:i,togglerElement:l,element:u,props:h,collapsed:j}):h.header||h.toggleable?u:null}(),$=(R=c({ref:O,className:A("toggleableContent"),"aria-hidden":j,role:"region",id:w,"aria-labelledby":I},k("toggleablecontent")),D=c({className:A("content")},k("content")),M=c({classNames:A("transition"),timeout:{enter:1e3,exit:450},in:!j,unmountOnExit:!0,options:h.transitionOptions},k("transition")),e.createElement(t,f({nodeRef:O},M),e.createElement("div",R,e.createElement("div",D,h.children)))),q=function(){var n=s.getJSXElement(h.footer,h),t=c({className:A("footer")},k("footer")),l=e.createElement("div",t,n);if(h.footerTemplate){var r={className:A("footer"),element:l,props:h};return s.getJSXElement(h.footerTemplate,r)}return h.footer?l:null}();return e.createElement("div",H,Y,$,q)}));N.displayName="Panel";export{N as Panel};

package/panel/panel.esm.mjs

@@ -1,315 +0,0 @@
-'use client';
-import * as React from 'react';
-import { PrimeReactContext } from 'primereact/api';
-import { CSSTransition } from 'primereact/csstransition';
-import { useMountEffect } from 'primereact/hooks';
-import { MinusIcon } from 'primereact/icons/minus';
-import { PlusIcon } from 'primereact/icons/plus';
-import { Ripple } from 'primereact/ripple';
-import { classNames, UniqueComponentId, mergeProps, ObjectUtils, IconUtils } from 'primereact/utils';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-
-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);
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-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;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  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 _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-var PanelBase = ComponentBase.extend({
-  defaultProps: {
-    __TYPE: 'Panel',
-    id: null,
-    header: null,
-    headerTemplate: null,
-    footer: null,
-    footerTemplate: null,
-    toggleable: null,
-    style: null,
-    className: null,
-    collapsed: null,
-    expandIcon: null,
-    collapseIcon: null,
-    icons: null,
-    transitionOptions: null,
-    onExpand: null,
-    onCollapse: null,
-    onToggle: null,
-    children: undefined
-  },
-  css: {
-    classes: {
-      root: function root(_ref) {
-        var props = _ref.props;
-        return classNames('p-panel p-component', {
-          'p-panel-toggleable': props.toggleable
-        });
-      },
-      header: 'p-panel-header',
-      title: 'p-panel-title',
-      icons: 'p-panel-icons',
-      toggler: 'p-panel-header-icon p-panel-toggler p-link',
-      togglerIcon: 'p-panel-header-icon p-panel-toggler p-link',
-      toggleableContent: 'p-toggleable-content',
-      content: 'p-panel-content',
-      footer: 'p-panel-footer',
-      transition: 'p-toggleable-content'
-    },
-    styles: "\n        @layer primereact {\n            .p-panel-header {\n              display: flex;\n              justify-content: space-between;\n              align-items: center;\n            }\n            \n            .p-panel-title {\n              line-height: 1;\n            }\n            \n            .p-panel-header-icon {\n              display: inline-flex;\n              justify-content: center;\n              align-items: center;\n              cursor: pointer;\n              text-decoration: none;\n              overflow: hidden;\n              position: relative;\n            }\n        }\n        "
-  }
-});
-
-var Panel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = PanelBase.getProps(inProps, context);
-  var _React$useState = React.useState(props.id),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    idState = _React$useState2[0],
-    setIdState = _React$useState2[1];
-  var _React$useState3 = React.useState(props.collapsed),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    collapsedState = _React$useState4[0],
-    setCollapsedState = _React$useState4[1];
-  var elementRef = React.useRef(null);
-  var contentRef = React.useRef(null);
-  var collapsed = props.toggleable ? props.onToggle ? props.collapsed : collapsedState : false;
-  var headerId = idState + '_header';
-  var contentId = idState + '_content';
-  var _PanelBase$setMetaDat = PanelBase.setMetaData({
-      props: props,
-      state: {
-        id: idState,
-        collapsed: collapsed
-      }
-    }),
-    ptm = _PanelBase$setMetaDat.ptm,
-    cx = _PanelBase$setMetaDat.cx,
-    isUnstyled = _PanelBase$setMetaDat.isUnstyled;
-  useHandleStyle(PanelBase.css.styles, isUnstyled, {
-    name: 'panel'
-  });
-  var toggle = function toggle(event) {
-    if (!props.toggleable) {
-      return;
-    }
-    collapsed ? expand(event) : collapse(event);
-    if (event) {
-      if (props.onToggle) {
-        props.onToggle({
-          originalEvent: event,
-          value: !collapsed
-        });
-      }
-      event.preventDefault();
-    }
-  };
-  var expand = function expand(event) {
-    if (!props.onToggle) {
-      setCollapsedState(false);
-    }
-    props.onExpand && event && props.onExpand(event);
-  };
-  var collapse = function collapse(event) {
-    if (!props.onToggle) {
-      setCollapsedState(true);
-    }
-    props.onCollapse && event && props.onCollapse(event);
-  };
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      toggle: toggle,
-      expand: expand,
-      collapse: collapse,
-      getElement: function getElement() {
-        return elementRef.current;
-      },
-      getContent: function getContent() {
-        return contentRef.current;
-      }
-    };
-  });
-  useMountEffect(function () {
-    if (!idState) {
-      setIdState(UniqueComponentId());
-    }
-  });
-  var createToggleIcon = function createToggleIcon() {
-    if (props.toggleable) {
-      var buttonId = idState + '_label';
-      var togglerProps = mergeProps({
-        className: cx('toggler'),
-        onClick: toggle,
-        id: buttonId,
-        'aria-controls': contentId,
-        'aria-expanded': !collapsed,
-        role: 'tab'
-      }, ptm('toggler'));
-      var togglerIconProps = mergeProps(ptm('togglericon'));
-      var icon = collapsed ? props.expandIcon || /*#__PURE__*/React.createElement(PlusIcon, togglerIconProps) : props.collapseIcon || /*#__PURE__*/React.createElement(MinusIcon, togglerIconProps);
-      var toggleIcon = IconUtils.getJSXIcon(icon, togglerIconProps, {
-        props: props,
-        collapsed: collapsed
-      });
-      return /*#__PURE__*/React.createElement("button", togglerProps, toggleIcon, /*#__PURE__*/React.createElement(Ripple, null));
-    }
-    return null;
-  };
-  var createHeader = function createHeader() {
-    var header = ObjectUtils.getJSXElement(props.header, props);
-    var icons = ObjectUtils.getJSXElement(props.icons, props);
-    var togglerElement = createToggleIcon();
-    var titleProps = mergeProps({
-      id: headerId,
-      className: cx('title')
-    }, ptm('title'));
-    var titleElement = /*#__PURE__*/React.createElement("span", titleProps, header);
-    var iconsProps = mergeProps({
-      className: cx('icons')
-    }, ptm('icons'));
-    var iconsElement = /*#__PURE__*/React.createElement("div", iconsProps, icons, togglerElement);
-    var headerProps = mergeProps({
-      className: cx('header')
-    }, ptm('header'));
-    var content = /*#__PURE__*/React.createElement("div", headerProps, titleElement, iconsElement);
-    if (props.headerTemplate) {
-      var defaultContentOptions = {
-        className: 'p-panel-header',
-        titleClassName: 'p-panel-title',
-        iconsClassName: 'p-panel-icons',
-        togglerClassName: 'p-panel-header-icon p-panel-toggler p-link',
-        onTogglerClick: toggle,
-        titleElement: titleElement,
-        iconsElement: iconsElement,
-        togglerElement: togglerElement,
-        element: content,
-        props: props,
-        collapsed: collapsed
-      };
-      return ObjectUtils.getJSXElement(props.headerTemplate, defaultContentOptions);
-    } else if (props.header || props.toggleable) {
-      return content;
-    }
-    return null;
-  };
-  var createContent = function createContent() {
-    var toggleableContentProps = mergeProps({
-      ref: contentRef,
-      className: cx('toggleableContent'),
-      'aria-hidden': collapsed,
-      role: 'region',
-      id: contentId,
-      'aria-labelledby': headerId
-    }, ptm('toggleablecontent'));
-    var contentProps = mergeProps({
-      className: cx('content')
-    }, ptm('content'));
-    var transitionProps = mergeProps({
-      classNames: cx('transition'),
-      timeout: {
-        enter: 1000,
-        exit: 450
-      },
-      "in": !collapsed,
-      unmountOnExit: true,
-      options: props.transitionOptions
-    }, ptm('transition'));
-    return /*#__PURE__*/React.createElement(CSSTransition, _extends({
-      nodeRef: contentRef
-    }, transitionProps), /*#__PURE__*/React.createElement("div", toggleableContentProps, /*#__PURE__*/React.createElement("div", contentProps, props.children)));
-  };
-  var createFooter = function createFooter() {
-    var footer = ObjectUtils.getJSXElement(props.footer, props);
-    var footerProps = mergeProps({
-      className: cx('footer')
-    }, ptm('footer'));
-    var content = /*#__PURE__*/React.createElement("div", footerProps, footer);
-    if (props.footerTemplate) {
-      var defaultContentOptions = {
-        className: cx('footer'),
-        element: content,
-        props: props
-      };
-      return ObjectUtils.getJSXElement(props.footerTemplate, defaultContentOptions);
-    } else if (props.footer) {
-      return content;
-    }
-    return null;
-  };
-  var rootProps = mergeProps({
-    id: idState,
-    ref: elementRef,
-    style: props.style,
-    className: cx('root')
-  }, PanelBase.getOtherProps(props), ptm('root'));
-  var header = createHeader();
-  var content = createContent();
-  var footer = createFooter();
-  return /*#__PURE__*/React.createElement("div", rootProps, header, content, footer);
-});
-Panel.displayName = 'Panel';
-
-export { Panel };

package/panelmenu/panelmenu.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMountEffect as o,useUpdateEffect as i}from"primereact/hooks";import{ChevronDownIcon as l}from"primereact/icons/chevrondown";import{ChevronRightIcon as u}from"primereact/icons/chevronright";import{classNames as c,mergeProps as m,IconUtils as s,ObjectUtils as p,UniqueComponentId as f}from"primereact/utils";function d(){return d=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},d.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function y(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=y(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=v(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(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 O(e){if(Array.isArray(e))return h(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,n){if(e){if("string"==typeof e)return h(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)?h(e,n):void 0}}function N(){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 j(e){return O(e)||x(e)||E(e)||N()}function S(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,l=[],u=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}function I(){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 w(e,n){return S(e)||P(e,n)||E(e,n)||I()}var C=t.extend({defaultProps:{__TYPE:"Panel",id:null,model:null,style:null,submenuIcon:null,className:null,multiple:!1,transitionOptions:null,children:void 0},css:{classes:{headerIcon:function(e){return c("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-panelmenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return c("p-panelmenu-panel",e.item.className)},header:function(e){return c("p-component p-panelmenu-header",{"p-highlight":e.active,"p-disabled":e.item.disabled})},menuContent:"p-panelmenu-content",root:function(e){return c("p-panelmenu p-component",e.props.className)},separator:"p-menu-separator",toggleableContent:function(e){return c("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return c("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-panelmenu-icon",action:function(e){return c("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return c("p-menuitem",e.item.className)},menu:"p-submenu-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n    .p-panelmenu .p-panelmenu-header-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        position: relative;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-panelmenu-header-link:focus {\n        z-index: 1;\n    }\n    \n    .p-panelmenu .p-submenu-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-panelmenu .p-menuitem-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n"}});function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var A=e.memo((function(n){var t=w(e.useState(null),2),r=t[0],i=t[1],f=n.ptm,b=n.cx,y=function(e,t){return f(e,D({hostName:n.hostName},t))},v=function(e,n){return y(n,{context:{active:O(e)}})},g=function(){if(n.model){if(n.multiple)return n.model.filter((function(e){return e.expanded}));var e=null;return n.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},h=function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var a=r;O(t)?(t.expanded=!1,i(n.multiple?a.filter((function(e){return e!==t})):null)):(!n.multiple&&a&&(a.expanded=!1),t.expanded=!0,i(n.multiple?[].concat(j(a||[]),[t]):t))}},O=function(e){return r&&(n.multiple?r.indexOf(e)>-1:r===e)};o((function(){i(g())}));var x=function(t){var r=n.id+"_sep_"+t,a=m({id:r,key:r,className:b("separator"),role:"separator"},y("separator"));return e.createElement("li",a)},E=function(t,r,o){var i=e.createRef(),l=m({className:b("toggleableContent",{active:r})},y("toggleableContent"));if(t.items){var u=m({classNames:b("transition"),timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0},y("transition"));return e.createElement(a,d({nodeRef:i},u),e.createElement("div",d({ref:i},l),e.createElement(A,{id:n.id+"_"+o,menuProps:n.menuProps,model:t.items,multiple:n.multiple,submenuIcon:n.submenuIcon,ptm:f,cx:b})))}return null},N=function(t,r){if(!1===t.visible)return null;var a=t.id||n.id+"_"+r,o=O(t),i=c("p-menuitem-link",{"p-disabled":t.disabled}),f=c("p-menuitem-icon",t.icon),d=m({className:b("icon",{item:t})},v(t,"icon")),y=s.getJSXIcon(t.icon,D({},d),{props:n.menuProps}),g=m({className:b("label")},v(t,"label")),x=t.label&&e.createElement("span",g,t.label),N=m({className:b("submenuicon")},v(t,"submenuicon")),j=t.items&&s.getJSXIcon(o?n.submenuIcon||e.createElement(l,N):n.submenuIcon||e.createElement(u,N)),S=E(t,o,r),P=m({href:t.url||"#",className:b("action",{item:t}),target:t.target,onClick:function(e){return h(e,t)},role:"menuitem","aria-disabled":t.disabled},v(t,"action")),I=e.createElement("a",P,j,y,x);t.template&&(I=p.getJSXElement(t.template,t,{onClick:function(e){return h(e,t)},className:i,labelClassName:"p-menuitem-text",iconClassName:f,submenuIconClassName:"p-panelmenu-icon",element:I,props:n,leaf:!t.items,active:o}));var w=m({key:a,id:a,className:b("menuitem",{item:t}),style:t.style,role:"none"},v(t,"menuitem"));return e.createElement("li",w,I,S)},S=n.model?n.model.map((function(e,n){return e.separator?x(n):N(e,n)})):null,P=n.root?"menu":"submenu",I=m({className:c(b(P),n.className),role:"tree"},f(P));return e.createElement("ul",I,S)}));function _(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function J(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?_(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}A.displayName="PanelMenuSub";var R=e.memo(e.forwardRef((function(t,b){var y=e.useContext(n),v=C.getProps(t,y),g=w(e.useState(v.id),2),h=g[0],O=g[1],x=w(e.useState(null),2),E=x[0],N=x[1],S=w(e.useState(!1),2),P=S[0],I=S[1],k=e.useRef(null),D=h+"_header",_=h+"_content",R=C.setMetaData({props:v,state:{id:h,activeItem:E,animationDisabled:P}}),X=R.ptm,M=R.cx;r(C.css.styles,R.isUnstyled,{name:"panelmenu"});var T=function(){if(v.model){if(v.multiple)return v.model.filter((function(e){return e.expanded}));var e=null;return v.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},L=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=E;U(n)?(n.expanded=!1,N(v.multiple?t.filter((function(e){return e!==n})):null)):(!v.multiple&&t&&(t.expanded=!1),n.expanded=!0,N(v.multiple?[].concat(j(t||[]),[n]):n))}},U=function(e){return E&&(v.multiple?E.indexOf(e)>-1:E===e)},z=function(e,n){return X(n,{context:{active:U(e)}})};e.useImperativeHandle(b,(function(){return{props:v,getElement:function(){return k.current}}})),o((function(){h||O(f()),N(T())})),i((function(){I(!0),N(T())}),[v.model]);var H=function(){I(!1)},Y=v.model?v.model.map((function(n,t){if(!1===n.visible)return null;var r=n.id||h+"_"+t,o=U(n),i=c("p-menuitem-icon",n.icon),f=m({className:M("headerIcon",{item:n})},z(n,"headerIcon")),b=s.getJSXIcon(n.icon,J({},f),{props:v}),y=m({className:M("headerSubmenuIcon")},z(n,"headerSubmenuIcon")),g=n.items&&s.getJSXIcon(o?v.submenuIcon||e.createElement(l,y):v.submenuIcon||e.createElement(u,y)),O=m({className:M("headerLabel")},z(n,"headerLabel")),x=n.label&&e.createElement("span",O,n.label),E=e.createRef(),N=m({href:n.url||"#",className:M("headerAction"),onClick:function(e){return L(e,n)},"aria-expanded":o,id:D,"aria-controls":_,"aria-disabled":n.disabled},z(n,"headerAction")),j=e.createElement("a",N,g,b,x);n.template&&(j=p.getJSXElement(n.template,n,{onClick:function(e){return L(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:i,element:j,props:v,leaf:!n.items,active:o}));var S=m({key:r,className:M("panel",{item:n}),style:n.style},z(n,"panel")),I=m({className:M("header",{active:o,item:n}),style:n.style},z(n,"header")),w=m({className:M("menuContent")},z(n,"menuContent")),C=m({className:M("toggleableContent",{active:o}),role:"region","aria-labelledby":D},z(n,"toggleableContent")),k=m({classNames:M("transition"),timeout:{enter:1e3,exit:450},onEnter:H,disabled:P,in:o,unmountOnExit:!0,options:v.transitionOptions},z(n,"transition"));return e.createElement("div",S,e.createElement("div",I,j),e.createElement(a,d({nodeRef:E},k),e.createElement("div",d({id:_,ref:E},C),e.createElement("div",w,e.createElement(A,{hostName:"PanelMenu",id:r,menuProps:v,model:n.items,className:"p-panelmenu-root-submenu",multiple:v.multiple,submenuIcon:v.submenuIcon,root:!0,ptm:X,cx:M})))))})):null,$=m({className:M("root"),style:v.style},C.getOtherProps(v),X("root"));return e.createElement("div",d({id:v.id,ref:k},$),Y)})));R.displayName="PanelMenu";export{R as PanelMenu};