primereact 10.3.1 → 10.3.3

package/panel/panel.cjs.js

@@ -147,6 +147,7 @@ var PanelBase = componentbase.ComponentBase.extend({
 });
 
 var Panel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = PanelBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -224,7 +225,7 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var createToggleIcon = function createToggleIcon() {
     if (props.toggleable) {
       var buttonId = idState + '_label';
-      var togglerProps = utils.mergeProps({
+      var togglerProps = mergeProps({
         className: cx('toggler'),
         onClick: toggle,
         id: buttonId,
@@ -234,7 +235,7 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
         role: 'button',
         'aria-label': props.header
       }, ptm('toggler'));
-      var togglerIconProps = utils.mergeProps(ptm('togglericon'));
+      var togglerIconProps = mergeProps(ptm('togglericon'));
       var icon = collapsed ? props.expandIcon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, togglerIconProps) : props.collapseIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, togglerIconProps);
       var toggleIcon = utils.IconUtils.getJSXIcon(icon, togglerIconProps, {
         props: props,
@@ -248,16 +249,16 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var header = utils.ObjectUtils.getJSXElement(props.header, props);
     var icons = utils.ObjectUtils.getJSXElement(props.icons, props);
     var togglerElement = createToggleIcon();
-    var titleProps = utils.mergeProps({
+    var titleProps = mergeProps({
       id: headerId,
       className: cx('title')
     }, ptm('title'));
     var titleElement = /*#__PURE__*/React__namespace.createElement("span", titleProps, header);
-    var iconsProps = utils.mergeProps({
+    var iconsProps = mergeProps({
       className: cx('icons')
     }, ptm('icons'));
     var iconsElement = /*#__PURE__*/React__namespace.createElement("div", iconsProps, icons, togglerElement);
-    var headerProps = utils.mergeProps({
+    var headerProps = mergeProps({
       className: cx('header')
     }, ptm('header'));
     var content = /*#__PURE__*/React__namespace.createElement("div", headerProps, titleElement, iconsElement);
@@ -284,7 +285,7 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   };
   var createFooter = function createFooter() {
     var footer = utils.ObjectUtils.getJSXElement(props.footer, props);
-    var footerProps = utils.mergeProps({
+    var footerProps = mergeProps({
       className: cx('footer')
     }, ptm('footer'));
     var content = /*#__PURE__*/React__namespace.createElement("div", footerProps, footer);
@@ -301,7 +302,7 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     return null;
   };
   var createContent = function createContent() {
-    var toggleableContentProps = utils.mergeProps({
+    var toggleableContentProps = mergeProps({
       ref: contentRef,
       className: cx('toggleableContent'),
       'aria-hidden': collapsed,
@@ -309,10 +310,10 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       id: contentId,
       'aria-labelledby': headerId
     }, ptm('toggleablecontent'));
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       className: cx('content')
     }, ptm('content'));
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       timeout: {
         enter: 1000,
@@ -326,7 +327,7 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       nodeRef: contentRef
     }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", toggleableContentProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children)));
   };
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: idState,
     ref: elementRef,
     style: props.style,

package/panel/panel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),l=require("primereact/hooks"),o=require("primereact/icons/minus"),a=require("primereact/icons/plus"),i=require("primereact/ripple"),s=require("primereact/utils");function c(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 p=c(e);function u(){return u=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},u.apply(this,arguments)}function g(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,l=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw l}}return i}}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 f(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 h(e,t){return g(e)||m(e,t)||f(e,t)||b()}var y=n.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:void 0},css:{classes:{root:function(e){return s.classNames("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        "}}),v=p.forwardRef((function(e,c){var g=p.useContext(t.PrimeReactContext),m=y.getProps(e,g),d=h(p.useState(m.id),2),f=d[0],b=d[1],v=h(p.useState(m.collapsed),2),E=v[0],O=v[1],P=p.useRef(null),j=p.useRef(null),x=!!m.toggleable&&(m.onToggle?m.collapsed:E),N=f+"_header",C=f+"_content",S=y.setMetaData({props:m,state:{id:f,collapsed:x}}),T=S.ptm,I=S.cx;n.useHandleStyle(y.css.styles,S.isUnstyled,{name:"panel"});var q=function(e){m.toggleable&&(x?_(e):w(e),e&&(m.onToggle&&m.onToggle({originalEvent:e,value:!x}),e.preventDefault()))},_=function(e){m.onToggle||O(!1),m.onExpand&&e&&m.onExpand(e)},w=function(e){m.onToggle||O(!0),m.onCollapse&&e&&m.onCollapse(e)};p.useImperativeHandle(c,(function(){return{props:m,toggle:q,expand:_,collapse:w,getElement:function(){return P.current},getContent:function(){return j.current}}})),l.useMountEffect((function(){f||b(s.UniqueComponentId())}));var U,k,A,J=function(){if(m.toggleable){var e=f+"_label",t=s.mergeProps({className:I("toggler"),onClick:q,id:e,"aria-controls":C,"aria-expanded":!x,type:"button",role:"button","aria-label":m.header},T("toggler")),n=s.mergeProps(T("togglericon")),r=s.IconUtils.getJSXIcon(x?m.expandIcon||p.createElement(a.PlusIcon,n):m.collapseIcon||p.createElement(o.MinusIcon,n),n,{props:m,collapsed:x});return p.createElement("button",t,r,p.createElement(i.Ripple,null))}return null},M=s.mergeProps({id:f,ref:P,style:m.style,className:s.classNames(m.className,I("root"))},y.getOtherProps(m),T("root")),R=function(){var e=s.ObjectUtils.getJSXElement(m.header,m),t=s.ObjectUtils.getJSXElement(m.icons,m),n=J(),r=s.mergeProps({id:N,className:I("title")},T("title")),l=p.createElement("span",r,e),o=s.mergeProps({className:I("icons")},T("icons")),a=p.createElement("div",o,t,n),i=s.mergeProps({className:I("header")},T("header")),c=p.createElement("div",i,l,a);return m.headerTemplate?s.ObjectUtils.getJSXElement(m.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:q,titleElement:l,iconsElement:a,togglerElement:n,element:c,id:f+"_header",props:m,collapsed:x}):m.header||m.toggleable?c:null}(),X=(U=s.mergeProps({ref:j,className:I("toggleableContent"),"aria-hidden":x,role:"region",id:C,"aria-labelledby":N},T("toggleablecontent")),k=s.mergeProps({className:I("content")},T("content")),A=s.mergeProps({classNames:I("transition"),timeout:{enter:1e3,exit:450},in:!x,unmountOnExit:!0,options:m.transitionOptions},T("transition")),p.createElement(r.CSSTransition,u({nodeRef:j},A),p.createElement("div",U,p.createElement("div",k,m.children)))),D=function(){var e=s.ObjectUtils.getJSXElement(m.footer,m),t=s.mergeProps({className:I("footer")},T("footer")),n=p.createElement("div",t,e);if(m.footerTemplate){var r={className:I("footer"),element:n,props:m};return s.ObjectUtils.getJSXElement(m.footerTemplate,r)}return m.footer?n:null}();return p.createElement("div",M,R,X,D)}));v.displayName="Panel",exports.Panel=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),l=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/icons/minus"),a=require("primereact/icons/plus"),i=require("primereact/ripple"),s=require("primereact/utils");function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=c(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},u.apply(this,arguments)}function g(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,a,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(l=o.call(n)).done)&&(i.push(l.value),i.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw r}}return i}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function f(e,t){if(e){if("string"==typeof e)return m(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)?m(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 h(e,t){return g(e)||d(e,t)||f(e,t)||b()}var y=n.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:void 0},css:{classes:{root:function(e){return s.classNames("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        "}}),v=p.forwardRef((function(e,c){var g=r.useMergeProps(),d=p.useContext(t.PrimeReactContext),m=y.getProps(e,d),f=h(p.useState(m.id),2),b=f[0],v=f[1],E=h(p.useState(m.collapsed),2),O=E[0],j=E[1],x=p.useRef(null),N=p.useRef(null),C=!!m.toggleable&&(m.onToggle?m.collapsed:O),S=b+"_header",T=b+"_content",I=y.setMetaData({props:m,state:{id:b,collapsed:C}}),P=I.ptm,q=I.cx;n.useHandleStyle(y.css.styles,I.isUnstyled,{name:"panel"});var _=function(e){m.toggleable&&(C?w(e):U(e),e&&(m.onToggle&&m.onToggle({originalEvent:e,value:!C}),e.preventDefault()))},w=function(e){m.onToggle||j(!1),m.onExpand&&e&&m.onExpand(e)},U=function(e){m.onToggle||j(!0),m.onCollapse&&e&&m.onCollapse(e)};p.useImperativeHandle(c,(function(){return{props:m,toggle:_,expand:w,collapse:U,getElement:function(){return x.current},getContent:function(){return N.current}}})),r.useMountEffect((function(){b||v(s.UniqueComponentId())}));var k,M,A,J=function(){if(m.toggleable){var e=b+"_label",t=g({className:q("toggler"),onClick:_,id:e,"aria-controls":T,"aria-expanded":!C,type:"button",role:"button","aria-label":m.header},P("toggler")),n=g(P("togglericon")),l=s.IconUtils.getJSXIcon(C?m.expandIcon||p.createElement(a.PlusIcon,n):m.collapseIcon||p.createElement(o.MinusIcon,n),n,{props:m,collapsed:C});return p.createElement("button",t,l,p.createElement(i.Ripple,null))}return null},R=g({id:b,ref:x,style:m.style,className:s.classNames(m.className,q("root"))},y.getOtherProps(m),P("root")),X=function(){var e=s.ObjectUtils.getJSXElement(m.header,m),t=s.ObjectUtils.getJSXElement(m.icons,m),n=J(),l=g({id:S,className:q("title")},P("title")),r=p.createElement("span",l,e),o=g({className:q("icons")},P("icons")),a=p.createElement("div",o,t,n),i=g({className:q("header")},P("header")),c=p.createElement("div",i,r,a);return m.headerTemplate?s.ObjectUtils.getJSXElement(m.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:_,titleElement:r,iconsElement:a,togglerElement:n,element:c,id:b+"_header",props:m,collapsed:C}):m.header||m.toggleable?c:null}(),D=(k=g({ref:N,className:q("toggleableContent"),"aria-hidden":C,role:"region",id:T,"aria-labelledby":S},P("toggleablecontent")),M=g({className:q("content")},P("content")),A=g({classNames:q("transition"),timeout:{enter:1e3,exit:450},in:!C,unmountOnExit:!0,options:m.transitionOptions},P("transition")),p.createElement(l.CSSTransition,u({nodeRef:N},A),p.createElement("div",k,p.createElement("div",M,m.children)))),H=function(){var e=s.ObjectUtils.getJSXElement(m.footer,m),t=g({className:q("footer")},P("footer")),n=p.createElement("div",t,e);if(m.footerTemplate){var l={className:q("footer"),element:n,props:m};return s.ObjectUtils.getJSXElement(m.footerTemplate,l)}return m.footer?n:null}();return p.createElement("div",R,X,D,H)}));v.displayName="Panel",exports.Panel=v;

package/panel/panel.esm.js

@@ -3,11 +3,11 @@ import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useMountEffect } from 'primereact/hooks';
+import { useMergeProps, 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 { classNames, UniqueComponentId, ObjectUtils, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -123,6 +123,7 @@ var PanelBase = ComponentBase.extend({
 });
 
 var Panel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = PanelBase.getProps(inProps, context);
   var _React$useState = React.useState(props.id),

package/panel/panel.esm.min.js

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

package/panel/panel.js

@@ -136,6 +136,7 @@ this.primereact.panel = (function (exports, React, api, componentbase, csstransi
   });
 
   var Panel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = PanelBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(props.id),
@@ -213,7 +214,7 @@ this.primereact.panel = (function (exports, React, api, componentbase, csstransi
     var createToggleIcon = function createToggleIcon() {
       if (props.toggleable) {
         var buttonId = idState + '_label';
-        var togglerProps = utils.mergeProps({
+        var togglerProps = mergeProps({
           className: cx('toggler'),
           onClick: toggle,
           id: buttonId,
@@ -223,7 +224,7 @@ this.primereact.panel = (function (exports, React, api, componentbase, csstransi
           role: 'button',
           'aria-label': props.header
         }, ptm('toggler'));
-        var togglerIconProps = utils.mergeProps(ptm('togglericon'));
+        var togglerIconProps = mergeProps(ptm('togglericon'));
         var icon = collapsed ? props.expandIcon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, togglerIconProps) : props.collapseIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, togglerIconProps);
         var toggleIcon = utils.IconUtils.getJSXIcon(icon, togglerIconProps, {
           props: props,
@@ -237,16 +238,16 @@ this.primereact.panel = (function (exports, React, api, componentbase, csstransi
       var header = utils.ObjectUtils.getJSXElement(props.header, props);
       var icons = utils.ObjectUtils.getJSXElement(props.icons, props);
       var togglerElement = createToggleIcon();
-      var titleProps = utils.mergeProps({
+      var titleProps = mergeProps({
         id: headerId,
         className: cx('title')
       }, ptm('title'));
       var titleElement = /*#__PURE__*/React__namespace.createElement("span", titleProps, header);
-      var iconsProps = utils.mergeProps({
+      var iconsProps = mergeProps({
         className: cx('icons')
       }, ptm('icons'));
       var iconsElement = /*#__PURE__*/React__namespace.createElement("div", iconsProps, icons, togglerElement);
-      var headerProps = utils.mergeProps({
+      var headerProps = mergeProps({
         className: cx('header')
       }, ptm('header'));
       var content = /*#__PURE__*/React__namespace.createElement("div", headerProps, titleElement, iconsElement);
@@ -273,7 +274,7 @@ this.primereact.panel = (function (exports, React, api, componentbase, csstransi
     };
     var createFooter = function createFooter() {
       var footer = utils.ObjectUtils.getJSXElement(props.footer, props);
-      var footerProps = utils.mergeProps({
+      var footerProps = mergeProps({
         className: cx('footer')
       }, ptm('footer'));
       var content = /*#__PURE__*/React__namespace.createElement("div", footerProps, footer);
@@ -290,7 +291,7 @@ this.primereact.panel = (function (exports, React, api, componentbase, csstransi
       return null;
     };
     var createContent = function createContent() {
-      var toggleableContentProps = utils.mergeProps({
+      var toggleableContentProps = mergeProps({
         ref: contentRef,
         className: cx('toggleableContent'),
         'aria-hidden': collapsed,
@@ -298,10 +299,10 @@ this.primereact.panel = (function (exports, React, api, componentbase, csstransi
         id: contentId,
         'aria-labelledby': headerId
       }, ptm('toggleablecontent'));
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         className: cx('content')
       }, ptm('content'));
-      var transitionProps = utils.mergeProps({
+      var transitionProps = mergeProps({
         classNames: cx('transition'),
         timeout: {
           enter: 1000,
@@ -315,7 +316,7 @@ this.primereact.panel = (function (exports, React, api, componentbase, csstransi
         nodeRef: contentRef
       }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", toggleableContentProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children)));
     };
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: idState,
       ref: elementRef,
       style: props.style,

package/panel/panel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.panel=function(e,t,n,l,r,o,a,i,s,c){"use strict";function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=p(t);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},g.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,a,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(l=o.call(n)).done)&&(i.push(l.value),i.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw r}}return i}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function b(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return m(e)||d(e,t)||b(e,t)||h()}var v=l.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:void 0},css:{classes:{root:function(e){return c.classNames("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        "}}),E=u.forwardRef((function(e,t){var p=u.useContext(n.PrimeReactContext),m=v.getProps(e,p),d=y(u.useState(m.id),2),f=d[0],b=d[1],h=y(u.useState(m.collapsed),2),E=h[0],O=h[1],P=u.useRef(null),j=u.useRef(null),N=!!m.toggleable&&(m.onToggle?m.collapsed:E),x=f+"_header",C=f+"_content",S=v.setMetaData({props:m,state:{id:f,collapsed:N}}),T=S.ptm,I=S.cx;l.useHandleStyle(v.css.styles,S.isUnstyled,{name:"panel"});var _=function(e){m.toggleable&&(N?w(e):U(e),e&&(m.onToggle&&m.onToggle({originalEvent:e,value:!N}),e.preventDefault()))},w=function(e){m.onToggle||O(!1),m.onExpand&&e&&m.onExpand(e)},U=function(e){m.onToggle||O(!0),m.onCollapse&&e&&m.onCollapse(e)};u.useImperativeHandle(t,(function(){return{props:m,toggle:_,expand:w,collapse:U,getElement:function(){return P.current},getContent:function(){return j.current}}})),o.useMountEffect((function(){f||b(c.UniqueComponentId())}));var k,R,A,J=function(){if(m.toggleable){var e=f+"_label",t=c.mergeProps({className:I("toggler"),onClick:_,id:e,"aria-controls":C,"aria-expanded":!N,type:"button",role:"button","aria-label":m.header},T("toggler")),n=c.mergeProps(T("togglericon")),l=c.IconUtils.getJSXIcon(N?m.expandIcon||u.createElement(i.PlusIcon,n):m.collapseIcon||u.createElement(a.MinusIcon,n),n,{props:m,collapsed:N});return u.createElement("button",t,l,u.createElement(s.Ripple,null))}return null},M=c.mergeProps({id:f,ref:P,style:m.style,className:c.classNames(m.className,I("root"))},v.getOtherProps(m),T("root")),X=function(){var e=c.ObjectUtils.getJSXElement(m.header,m),t=c.ObjectUtils.getJSXElement(m.icons,m),n=J(),l=c.mergeProps({id:x,className:I("title")},T("title")),r=u.createElement("span",l,e),o=c.mergeProps({className:I("icons")},T("icons")),a=u.createElement("div",o,t,n),i=c.mergeProps({className:I("header")},T("header")),s=u.createElement("div",i,r,a);return m.headerTemplate?c.ObjectUtils.getJSXElement(m.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:_,titleElement:r,iconsElement:a,togglerElement:n,element:s,id:f+"_header",props:m,collapsed:N}):m.header||m.toggleable?s:null}(),D=(k=c.mergeProps({ref:j,className:I("toggleableContent"),"aria-hidden":N,role:"region",id:C,"aria-labelledby":x},T("toggleablecontent")),R=c.mergeProps({className:I("content")},T("content")),A=c.mergeProps({classNames:I("transition"),timeout:{enter:1e3,exit:450},in:!N,unmountOnExit:!0,options:m.transitionOptions},T("transition")),u.createElement(r.CSSTransition,g({nodeRef:j},A),u.createElement("div",k,u.createElement("div",R,m.children)))),H=function(){var e=c.ObjectUtils.getJSXElement(m.footer,m),t=c.mergeProps({className:I("footer")},T("footer")),n=u.createElement("div",t,e);if(m.footerTemplate){var l={className:I("footer"),element:n,props:m};return c.ObjectUtils.getJSXElement(m.footerTemplate,l)}return m.footer?n:null}();return u.createElement("div",M,X,D,H)}));return E.displayName="Panel",e.Panel=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.panel=function(e,t,n,l,r,a,o,i,c,s){"use strict";function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=p(t);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},g.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a,o,i=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(l=a.call(n)).done)&&(i.push(l.value),i.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return i}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function b(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return m(e)||d(e,t)||b(e,t)||h()}var v=l.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:void 0},css:{classes:{root:function(e){return s.classNames("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        "}}),E=u.forwardRef((function(e,t){var p=a.useMergeProps(),m=u.useContext(n.PrimeReactContext),d=v.getProps(e,m),f=y(u.useState(d.id),2),b=f[0],h=f[1],E=y(u.useState(d.collapsed),2),O=E[0],j=E[1],N=u.useRef(null),x=u.useRef(null),C=!!d.toggleable&&(d.onToggle?d.collapsed:O),S=b+"_header",T=b+"_content",I=v.setMetaData({props:d,state:{id:b,collapsed:C}}),P=I.ptm,_=I.cx;l.useHandleStyle(v.css.styles,I.isUnstyled,{name:"panel"});var w=function(e){d.toggleable&&(C?U(e):k(e),e&&(d.onToggle&&d.onToggle({originalEvent:e,value:!C}),e.preventDefault()))},U=function(e){d.onToggle||j(!1),d.onExpand&&e&&d.onExpand(e)},k=function(e){d.onToggle||j(!0),d.onCollapse&&e&&d.onCollapse(e)};u.useImperativeHandle(t,(function(){return{props:d,toggle:w,expand:U,collapse:k,getElement:function(){return N.current},getContent:function(){return x.current}}})),a.useMountEffect((function(){b||h(s.UniqueComponentId())}));var M,R,A,J=function(){if(d.toggleable){var e=b+"_label",t=p({className:_("toggler"),onClick:w,id:e,"aria-controls":T,"aria-expanded":!C,type:"button",role:"button","aria-label":d.header},P("toggler")),n=p(P("togglericon")),l=s.IconUtils.getJSXIcon(C?d.expandIcon||u.createElement(i.PlusIcon,n):d.collapseIcon||u.createElement(o.MinusIcon,n),n,{props:d,collapsed:C});return u.createElement("button",t,l,u.createElement(c.Ripple,null))}return null},X=p({id:b,ref:N,style:d.style,className:s.classNames(d.className,_("root"))},v.getOtherProps(d),P("root")),D=function(){var e=s.ObjectUtils.getJSXElement(d.header,d),t=s.ObjectUtils.getJSXElement(d.icons,d),n=J(),l=p({id:S,className:_("title")},P("title")),r=u.createElement("span",l,e),a=p({className:_("icons")},P("icons")),o=u.createElement("div",a,t,n),i=p({className:_("header")},P("header")),c=u.createElement("div",i,r,o);return d.headerTemplate?s.ObjectUtils.getJSXElement(d.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:w,titleElement:r,iconsElement:o,togglerElement:n,element:c,id:b+"_header",props:d,collapsed:C}):d.header||d.toggleable?c:null}(),H=(M=p({ref:x,className:_("toggleableContent"),"aria-hidden":C,role:"region",id:T,"aria-labelledby":S},P("toggleablecontent")),R=p({className:_("content")},P("content")),A=p({classNames:_("transition"),timeout:{enter:1e3,exit:450},in:!C,unmountOnExit:!0,options:d.transitionOptions},P("transition")),u.createElement(r.CSSTransition,g({nodeRef:x},A),u.createElement("div",M,u.createElement("div",R,d.children)))),q=function(){var e=s.ObjectUtils.getJSXElement(d.footer,d),t=p({className:_("footer")},P("footer")),n=u.createElement("div",t,e);if(d.footerTemplate){var l={className:_("footer"),element:n,props:d};return s.ObjectUtils.getJSXElement(d.footerTemplate,l)}return d.footer?n:null}();return u.createElement("div",X,D,H,q)}));return E.displayName="Panel",e.Panel=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);

package/panelmenu/panelmenu.cjs.js

@@ -245,6 +245,7 @@ var PanelMenuBase = componentbase.ComponentBase.extend({
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PanelMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var mergeProps = hooks.useMergeProps();
   var ptm = props.ptm,
     cx = props.cx;
   var elementRef = React__namespace.useRef(null);
@@ -271,7 +272,7 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     return processedItem && processedItem.item ? utils.ObjectUtils.getItemValue(processedItem.item[name], params) : undefined;
   };
   var isItemActive = function isItemActive(processedItem) {
-    return props.activeItemPath.some(function (path) {
+    return props.activeItemPath && props.activeItemPath.some(function (path) {
       return path.key === processedItem.key;
     });
   };
@@ -322,7 +323,7 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   });
   var createSeparator = function createSeparator(index) {
     var key = props.id + '_sep_' + index;
-    var separatorProps = utils.mergeProps({
+    var separatorProps = mergeProps({
       id: key,
       key: key,
       className: cx('separator'),
@@ -332,13 +333,13 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
   var createSubmenu = function createSubmenu(processedItem, active) {
     var submenuRef = /*#__PURE__*/React__namespace.createRef();
-    var toggleableContentProps = utils.mergeProps({
+    var toggleableContentProps = mergeProps({
       className: cx('toggleableContent', {
         active: active
       })
     }, _ptm('toggleableContent'));
     if (isItemVisible(processedItem) && isItemGroup(processedItem)) {
-      var transitionProps = utils.mergeProps({
+      var transitionProps = mergeProps({
         classNames: cx('transition'),
         timeout: {
           enter: 1000,
@@ -381,7 +382,7 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       'p-disabled': item.disabled
     });
     var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: cx('icon', {
         item: item
       })
@@ -389,17 +390,17 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     var icon = utils.IconUtils.getJSXIcon(item.icon, _objectSpread$1({}, iconProps), {
       props: props.menuProps
     });
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       className: cx('label')
     }, getPTOptions(processedItem, 'label', index));
     var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
     var submenuIconClassName = 'p-panelmenu-icon';
-    var submenuIconProps = utils.mergeProps({
+    var submenuIconProps = mergeProps({
       className: cx('submenuicon')
     }, getPTOptions(processedItem, 'submenuicon', index));
     var submenuIcon = item.items && utils.IconUtils.getJSXIcon(active ? props.submenuIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, submenuIconProps) : props.submenuIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, submenuIconProps));
     var submenu = createSubmenu(processedItem, active);
-    var actionProps = utils.mergeProps({
+    var actionProps = mergeProps({
       href: item.url || '#',
       className: cx('action', {
         item: item
@@ -425,13 +426,13 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       };
       content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       onClick: function onClick(event) {
         return onItemClick(event, processedItem);
       },
       className: cx('content')
     }, getPTOptions(processedItem, 'content', index));
-    var menuitemProps = utils.mergeProps({
+    var menuitemProps = mergeProps({
       key: key,
       id: key,
       className: cx('menuitem', {
@@ -459,7 +460,7 @@ var PanelMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
   var menu = createMenu();
   var ptKey = props.root ? 'menu' : 'submenu';
-  var menuProps = utils.mergeProps({
+  var menuProps = mergeProps({
     id: props.id,
     ref: elementRef,
     tabIndex: props.tabIndex,
@@ -489,7 +490,7 @@ var PanelMenuList = /*#__PURE__*/React__namespace.memo(function (props) {
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     focusedItemId = _React$useState6[0],
     setFocusedItemId = _React$useState6[1];
-  var _React$useState7 = React__namespace.useState(null),
+  var _React$useState7 = React__namespace.useState([]),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     activeItemPath = _React$useState8[0],
     setActiveItemPath = _React$useState8[1];
@@ -517,7 +518,7 @@ var PanelMenuList = /*#__PURE__*/React__namespace.memo(function (props) {
     return getItemProp(processedItem, 'disabled');
   };
   var isItemActive = function isItemActive(processedItem) {
-    return activeItemPath.some(function (path) {
+    return activeItemPath && activeItemPath.some(function (path) {
       return path.key === processedItem.parentKey;
     });
   };
@@ -844,21 +845,24 @@ var PanelMenuList = /*#__PURE__*/React__namespace.memo(function (props) {
     });
     return processedFlattenItems;
   };
-  useUpdateEffect(function () {
+  React__namespace.useEffect(function () {
     var processed = createProcessedItems(props.model);
     setProcessedItems(processed);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.model]);
-  useUpdateEffect(function () {
+  React__namespace.useEffect(function () {
     var _visibleItems = flatItems(processedItems);
     setVisibleItems(_visibleItems);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [processedItems, activeItemPath]);
+  React__namespace.useEffect(function () {
+    autoUpdateActiveItemPath(props.expandedKeys);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.expandedKeys]);
   useUpdateEffect(function () {
     var _id = utils.ObjectUtils.isNotEmpty(focusedItem) ? "".concat(props.panelId, "_").concat(focusedItem.key) : null;
     setFocusedItemId(_id);
   }, [props.panelId, focusedItem]);
-  useUpdateEffect(function () {
-    autoUpdateActiveItemPath(props.expandedKeys);
-  }, [props.expandedKeys]);
   return /*#__PURE__*/React__namespace.createElement(PanelMenuSub, {
     hostName: "PanelMenu",
     id: props.panelId + '_list',
@@ -888,6 +892,7 @@ PanelMenuList.displayName = 'PanelMenuList';
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = PanelMenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -934,7 +939,9 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         item: item
       });
     }
-    changeActiveItem(event, item);
+    if (item.items) {
+      changeActiveItem(event, item);
+    }
   };
   var getItemProp = function getItemProp(item, name) {
     return item ? utils.ObjectUtils.getItemValue(item[name]) : undefined;
@@ -1103,9 +1110,7 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     };
   });
   hooks.useMountEffect(function () {
-    if (!idState) {
-      setIdState(utils.UniqueComponentId());
-    }
+    !idState && setIdState(utils.UniqueComponentId());
   });
   useUpdateEffect(function () {
     setAnimationDisabled(true);
@@ -1120,7 +1125,7 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     var key = item.id || idState + '_' + index;
     var active = isItemActive(item);
     var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-    var headerIconProps = utils.mergeProps({
+    var headerIconProps = mergeProps({
       className: cx('headerIcon', {
         item: item
       })
@@ -1129,16 +1134,16 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       props: props
     });
     var submenuIconClassName = 'p-panelmenu-icon';
-    var headerSubmenuIconProps = utils.mergeProps({
+    var headerSubmenuIconProps = mergeProps({
       className: cx('headerSubmenuIcon')
     }, getPTOptions(item, 'headerSubmenuIcon', index));
     var submenuIcon = item.items && utils.IconUtils.getJSXIcon(active ? props.submenuIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, headerSubmenuIconProps) : props.submenuIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, headerSubmenuIconProps));
-    var headerLabelProps = utils.mergeProps({
+    var headerLabelProps = mergeProps({
       className: cx('headerLabel')
     }, getPTOptions(item, 'headerLabel', index));
     var label = item.label && /*#__PURE__*/React__namespace.createElement("span", headerLabelProps, item.label);
     var menuContentRef = /*#__PURE__*/React__namespace.createRef();
-    var headerActionProps = utils.mergeProps({
+    var headerActionProps = mergeProps({
       href: item.url || '#',
       className: cx('headerAction'),
       tabIndex: '-1'
@@ -1160,14 +1165,14 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       };
       content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-    var panelProps = utils.mergeProps({
+    var panelProps = mergeProps({
       key: key,
       className: cx('panel', {
         item: item
       }),
       style: item.style
     }, getPTOptions(item, 'panel', index));
-    var headerProps = utils.mergeProps({
+    var headerProps = mergeProps({
       id: getHeaderId(index),
       className: cx('header', {
         active: active,
@@ -1189,20 +1194,20 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       role: 'button',
       style: item.style
     }, getPTOptions(item, 'header', index));
-    var headerContentProps = utils.mergeProps({
+    var headerContentProps = mergeProps({
       className: cx('headerContent')
     }, getPTOptions(item, 'headerContent', index));
-    var menuContentProps = utils.mergeProps({
+    var menuContentProps = mergeProps({
       className: cx('menuContent')
     }, getPTOptions(item, 'menuContent', index));
-    var toggleableContentProps = utils.mergeProps({
+    var toggleableContentProps = mergeProps({
       className: cx('toggleableContent', {
         active: active
       }),
       role: 'region',
       'aria-labelledby': getHeaderId(index)
     }, getPTOptions(item, 'toggleableContent', index));
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       timeout: {
         enter: 1000,
@@ -1236,7 +1241,7 @@ var PanelMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     return props.model ? props.model.map(createPanel) : null;
   };
   var panels = createPanels();
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: elementRef,
     className: cx('root'),
     id: props.id,