primereact 10.7.0 → 10.8.0

package/radiobutton/radiobutton.cjs.js

@@ -97,9 +97,9 @@ var classes = {
       'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
     });
   },
-  radiobuttonbox: 'p-radiobutton-box',
-  radiobuttoninput: 'p-radiobutton-input',
-  radiobuttonicon: 'p-radiobutton-icon'
+  box: 'p-radiobutton-box',
+  input: 'p-radiobutton-input',
+  icon: 'p-radiobutton-icon'
 };
 var RadioButtonBase = componentbase.ComponentBase.extend({
   defaultProps: {
@@ -256,19 +256,19 @@ var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       readOnly: props.readonly,
       required: props.required,
       tabIndex: props.tabIndex,
-      className: cx('radiobuttoninput')
-    }, ariaProps), inProps.input, ptm('radiobuttoninput'));
+      className: cx('input')
+    }, ariaProps), inProps.input, ptm('input'));
     return /*#__PURE__*/React__namespace.createElement("input", _extends({
       ref: inputRef
     }, inputProps));
   };
   var createBoxElement = function createBoxElement() {
     var boxProps = mergeProps({
-      className: cx('radiobuttonbox')
-    }, inProps.box, ptm('radiobuttonbox'));
+      className: cx('box')
+    }, inProps.box, ptm('box'));
     var iconProps = mergeProps({
-      className: cx('radiobuttonicon')
-    }, inProps.icon, ptm('radiobuttonicon'));
+      className: cx('icon')
+    }, inProps.icon, ptm('icon'));
     return /*#__PURE__*/React__namespace.createElement("div", boxProps, /*#__PURE__*/React__namespace.createElement("div", iconProps));
   };
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({

package/radiobutton/radiobutton.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/hooks"),o=require("primereact/tooltip"),i=require("primereact/utils");function u(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 a=u(e);function l(){return l=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},l.apply(this,arguments)}function c(e){return c="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},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=s(e,"string");return"symbol"===c(t)?t:String(t)}var p=n.ComponentBase.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return i.classNames("p-radiobutton p-component",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},radiobuttonbox:"p-radiobutton-box",radiobuttoninput:"p-radiobutton-input",radiobuttonicon:"p-radiobutton-icon"}}});function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=d(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var m=a.memo(a.forwardRef((function(e,u){var c=r.useMergeProps(),s=a.useContext(t.PrimeReactContext),d=p.getProps(e,s),f=a.useRef(null),m=a.useRef(d.inputRef),v=p.setMetaData({props:d}),y=v.ptm,g=v.cx;n.useHandleStyle(p.css.styles,v.isUnstyled,{name:"radiobutton"});var O=function(e){h(e)},h=function(e){if(!d.disabled&&!d.readonly&&d.onChange){var t=d.checked,n=e.target instanceof HTMLDivElement,r=e.target===m.current&&e.target.checked!==t,o=n&&i.DomHandler.hasClass(f.current,"p-radiobutton-checked")===t&&!t,u=!t;if(r||o){var a;if(null==d||null===(a=d.onChange)||void 0===a||a.call(d,{originalEvent:e,value:d.value,checked:u,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"radio",name:d.name,id:d.id,value:d.value,checked:u}}),e.defaultPrevented)return;o&&(m.current.checked=u)}i.DomHandler.focus(m.current)}},j=function(e){var t;null==d||null===(t=d.onFocus)||void 0===t||t.call(d,e)},P=function(e){var t;null==d||null===(t=d.onBlur)||void 0===t||t.call(d,e)};a.useImperativeHandle(u,(function(){return{props:d,select:O,focus:function(){return i.DomHandler.focus(m.current)},getElement:function(){return f.current},getInput:function(){return m.current}}})),a.useEffect((function(){m.current&&(m.current.checked=d.checked)}),[d.checked]),a.useEffect((function(){i.ObjectUtils.combinedRefs(m,d.inputRef)}),[m,d.inputRef]),r.useMountEffect((function(){d.autoFocus&&i.DomHandler.focus(m.current,d.autoFocus)}));var k=i.ObjectUtils.isNotEmpty(d.tooltip),E=p.getOtherProps(d),x=c({id:d.id,className:i.classNames(d.className,g("root",{context:s})),style:d.style,"data-p-checked":d.checked},E,y("root"));delete x.input,delete x.box,delete x.icon;var D,R,S,w;return a.createElement(a.Fragment,null,a.createElement("div",l({ref:f},x),(S=i.ObjectUtils.reduceKeys(E,i.DomHandler.ARIA_PROPS),w=c(b({id:d.inputId,type:"radio",name:d.name,defaultChecked:d.checked,onFocus:j,onBlur:P,onChange:h,disabled:d.disabled,readOnly:d.readonly,required:d.required,tabIndex:d.tabIndex,className:g("radiobuttoninput")},S),e.input,y("radiobuttoninput")),a.createElement("input",l({ref:m},w))),(D=c({className:g("radiobuttonbox")},e.box,y("radiobuttonbox")),R=c({className:g("radiobuttonicon")},e.icon,y("radiobuttonicon")),a.createElement("div",D,a.createElement("div",R)))),k&&a.createElement(o.Tooltip,l({target:f,content:d.tooltip,pt:y("tooltip")},d.tooltipOptions)))})));m.displayName="RadioButton",exports.RadioButton=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/tooltip"),i=require("primereact/utils");function u(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 l=u(e);function a(){return a=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},a.apply(this,arguments)}function c(e){return c="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},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=s(e,"string");return"symbol"===c(t)?t:String(t)}var d=n.ComponentBase.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return i.classNames("p-radiobutton p-component",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}}});function f(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=p(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var m=l.memo(l.forwardRef((function(e,u){var c=r.useMergeProps(),s=l.useContext(t.PrimeReactContext),p=d.getProps(e,s),f=l.useRef(null),m=l.useRef(p.inputRef),v=d.setMetaData({props:p}),y=v.ptm,g=v.cx;n.useHandleStyle(d.css.styles,v.isUnstyled,{name:"radiobutton"});var O=function(e){h(e)},h=function(e){if(!p.disabled&&!p.readonly&&p.onChange){var t=p.checked,n=e.target instanceof HTMLDivElement,r=e.target===m.current&&e.target.checked!==t,o=n&&i.DomHandler.hasClass(f.current,"p-radiobutton-checked")===t&&!t,u=!t;if(r||o){var l;if(null==p||null===(l=p.onChange)||void 0===l||l.call(p,{originalEvent:e,value:p.value,checked:u,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"radio",name:p.name,id:p.id,value:p.value,checked:u}}),e.defaultPrevented)return;o&&(m.current.checked=u)}i.DomHandler.focus(m.current)}},j=function(e){var t;null==p||null===(t=p.onFocus)||void 0===t||t.call(p,e)},P=function(e){var t;null==p||null===(t=p.onBlur)||void 0===t||t.call(p,e)};l.useImperativeHandle(u,(function(){return{props:p,select:O,focus:function(){return i.DomHandler.focus(m.current)},getElement:function(){return f.current},getInput:function(){return m.current}}})),l.useEffect((function(){m.current&&(m.current.checked=p.checked)}),[p.checked]),l.useEffect((function(){i.ObjectUtils.combinedRefs(m,p.inputRef)}),[m,p.inputRef]),r.useMountEffect((function(){p.autoFocus&&i.DomHandler.focus(m.current,p.autoFocus)}));var k=i.ObjectUtils.isNotEmpty(p.tooltip),E=d.getOtherProps(p),x=c({id:p.id,className:i.classNames(p.className,g("root",{context:s})),style:p.style,"data-p-checked":p.checked},E,y("root"));delete x.input,delete x.box,delete x.icon;var D,R,S,w;return l.createElement(l.Fragment,null,l.createElement("div",a({ref:f},x),(S=i.ObjectUtils.reduceKeys(E,i.DomHandler.ARIA_PROPS),w=c(b({id:p.inputId,type:"radio",name:p.name,defaultChecked:p.checked,onFocus:j,onBlur:P,onChange:h,disabled:p.disabled,readOnly:p.readonly,required:p.required,tabIndex:p.tabIndex,className:g("input")},S),e.input,y("input")),l.createElement("input",a({ref:m},w))),(D=c({className:g("box")},e.box,y("box")),R=c({className:g("icon")},e.icon,y("icon")),l.createElement("div",D,l.createElement("div",R)))),k&&l.createElement(o.Tooltip,a({target:f,content:p.tooltip,pt:y("tooltip")},p.tooltipOptions)))})));m.displayName="RadioButton",exports.RadioButton=m;

package/radiobutton/radiobutton.esm.js

@@ -73,9 +73,9 @@ var classes = {
       'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
     });
   },
-  radiobuttonbox: 'p-radiobutton-box',
-  radiobuttoninput: 'p-radiobutton-input',
-  radiobuttonicon: 'p-radiobutton-icon'
+  box: 'p-radiobutton-box',
+  input: 'p-radiobutton-input',
+  icon: 'p-radiobutton-icon'
 };
 var RadioButtonBase = ComponentBase.extend({
   defaultProps: {
@@ -232,19 +232,19 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       readOnly: props.readonly,
       required: props.required,
       tabIndex: props.tabIndex,
-      className: cx('radiobuttoninput')
-    }, ariaProps), inProps.input, ptm('radiobuttoninput'));
+      className: cx('input')
+    }, ariaProps), inProps.input, ptm('input'));
     return /*#__PURE__*/React.createElement("input", _extends({
       ref: inputRef
     }, inputProps));
   };
   var createBoxElement = function createBoxElement() {
     var boxProps = mergeProps({
-      className: cx('radiobuttonbox')
-    }, inProps.box, ptm('radiobuttonbox'));
+      className: cx('box')
+    }, inProps.box, ptm('box'));
     var iconProps = mergeProps({
-      className: cx('radiobuttonicon')
-    }, inProps.icon, ptm('radiobuttonicon'));
+      className: cx('icon')
+    }, inProps.icon, ptm('icon'));
     return /*#__PURE__*/React.createElement("div", boxProps, /*#__PURE__*/React.createElement("div", iconProps));
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({

package/radiobutton/radiobutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{Tooltip as u}from"primereact/tooltip";import{classNames as a,DomHandler as l,ObjectUtils as c}from"primereact/utils";function p(){return p=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},p.apply(this,arguments)}function d(e){return d="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},d(e)}function s(e,t){if("object"!==d(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==d(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=s(e,"string");return"symbol"===d(t)?t:String(t)}var b=n.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return a("p-radiobutton p-component",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},radiobuttonbox:"p-radiobutton-box",radiobuttoninput:"p-radiobutton-input",radiobuttonicon:"p-radiobutton-icon"}}});function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=f(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=e.memo(e.forwardRef((function(n,d){var s=o(),f=e.useContext(t),m=b.getProps(n,f),y=e.useRef(null),g=e.useRef(m.inputRef),h=b.setMetaData({props:m}),O=h.ptm,P=h.cx;r(b.css.styles,h.isUnstyled,{name:"radiobutton"});var k=function(e){j(e)},j=function(e){if(!m.disabled&&!m.readonly&&m.onChange){var t=m.checked,n=e.target instanceof HTMLDivElement,r=e.target===g.current&&e.target.checked!==t,o=n&&l.hasClass(y.current,"p-radiobutton-checked")===t&&!t,i=!t;if(r||o){var u;if(null==m||null===(u=m.onChange)||void 0===u||u.call(m,{originalEvent:e,value:m.value,checked:i,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"radio",name:m.name,id:m.id,value:m.value,checked:i}}),e.defaultPrevented)return;o&&(g.current.checked=i)}l.focus(g.current)}},E=function(e){var t;null==m||null===(t=m.onFocus)||void 0===t||t.call(m,e)},x=function(e){var t;null==m||null===(t=m.onBlur)||void 0===t||t.call(m,e)};e.useImperativeHandle(d,(function(){return{props:m,select:k,focus:function(){return l.focus(g.current)},getElement:function(){return y.current},getInput:function(){return g.current}}})),e.useEffect((function(){g.current&&(g.current.checked=m.checked)}),[m.checked]),e.useEffect((function(){c.combinedRefs(g,m.inputRef)}),[g,m.inputRef]),i((function(){m.autoFocus&&l.focus(g.current,m.autoFocus)}));var R=c.isNotEmpty(m.tooltip),S=b.getOtherProps(m),w=s({id:m.id,className:a(m.className,P("root",{context:f})),style:m.style,"data-p-checked":m.checked},S,O("root"));delete w.input,delete w.box,delete w.icon;var N,C,D,I;return e.createElement(e.Fragment,null,e.createElement("div",p({ref:y},w),(D=c.reduceKeys(S,l.ARIA_PROPS),I=s(v({id:m.inputId,type:"radio",name:m.name,defaultChecked:m.checked,onFocus:E,onBlur:x,onChange:j,disabled:m.disabled,readOnly:m.readonly,required:m.required,tabIndex:m.tabIndex,className:P("radiobuttoninput")},D),n.input,O("radiobuttoninput")),e.createElement("input",p({ref:g},I))),(N=s({className:P("radiobuttonbox")},n.box,O("radiobuttonbox")),C=s({className:P("radiobuttonicon")},n.icon,O("radiobuttonicon")),e.createElement("div",N,e.createElement("div",C)))),R&&e.createElement(u,p({target:y,content:m.tooltip,pt:O("tooltip")},m.tooltipOptions)))})));y.displayName="RadioButton";export{y as RadioButton};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as i}from"primereact/hooks";import{Tooltip as l}from"primereact/tooltip";import{classNames as u,DomHandler as a,ObjectUtils as c}from"primereact/utils";function p(){return p=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},p.apply(this,arguments)}function s(e){return s="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},s(e)}function d(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=d(e,"string");return"symbol"===s(t)?t:String(t)}var m=n.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return u("p-radiobutton p-component",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}}});function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=f(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=e.memo(e.forwardRef((function(n,s){var d=o(),f=e.useContext(t),b=m.getProps(n,f),y=e.useRef(null),g=e.useRef(b.inputRef),h=m.setMetaData({props:b}),O=h.ptm,P=h.cx;r(m.css.styles,h.isUnstyled,{name:"radiobutton"});var k=function(e){j(e)},j=function(e){if(!b.disabled&&!b.readonly&&b.onChange){var t=b.checked,n=e.target instanceof HTMLDivElement,r=e.target===g.current&&e.target.checked!==t,o=n&&a.hasClass(y.current,"p-radiobutton-checked")===t&&!t,i=!t;if(r||o){var l;if(null==b||null===(l=b.onChange)||void 0===l||l.call(b,{originalEvent:e,value:b.value,checked:i,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"radio",name:b.name,id:b.id,value:b.value,checked:i}}),e.defaultPrevented)return;o&&(g.current.checked=i)}a.focus(g.current)}},E=function(e){var t;null==b||null===(t=b.onFocus)||void 0===t||t.call(b,e)},x=function(e){var t;null==b||null===(t=b.onBlur)||void 0===t||t.call(b,e)};e.useImperativeHandle(s,(function(){return{props:b,select:k,focus:function(){return a.focus(g.current)},getElement:function(){return y.current},getInput:function(){return g.current}}})),e.useEffect((function(){g.current&&(g.current.checked=b.checked)}),[b.checked]),e.useEffect((function(){c.combinedRefs(g,b.inputRef)}),[g,b.inputRef]),i((function(){b.autoFocus&&a.focus(g.current,b.autoFocus)}));var R=c.isNotEmpty(b.tooltip),S=m.getOtherProps(b),w=d({id:b.id,className:u(b.className,P("root",{context:f})),style:b.style,"data-p-checked":b.checked},S,O("root"));delete w.input,delete w.box,delete w.icon;var N,C,D,I;return e.createElement(e.Fragment,null,e.createElement("div",p({ref:y},w),(D=c.reduceKeys(S,a.ARIA_PROPS),I=d(v({id:b.inputId,type:"radio",name:b.name,defaultChecked:b.checked,onFocus:E,onBlur:x,onChange:j,disabled:b.disabled,readOnly:b.readonly,required:b.required,tabIndex:b.tabIndex,className:P("input")},D),n.input,O("input")),e.createElement("input",p({ref:g},I))),(N=d({className:P("box")},n.box,O("box")),C=d({className:P("icon")},n.icon,O("icon")),e.createElement("div",N,e.createElement("div",C)))),R&&e.createElement(l,p({target:y,content:b.tooltip,pt:O("tooltip")},b.tooltipOptions)))})));y.displayName="RadioButton";export{y as RadioButton};

package/radiobutton/radiobutton.js

@@ -89,9 +89,9 @@ this.primereact.radiobutton = (function (exports, React, api, componentbase, hoo
         'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
       });
     },
-    radiobuttonbox: 'p-radiobutton-box',
-    radiobuttoninput: 'p-radiobutton-input',
-    radiobuttonicon: 'p-radiobutton-icon'
+    box: 'p-radiobutton-box',
+    input: 'p-radiobutton-input',
+    icon: 'p-radiobutton-icon'
   };
   var RadioButtonBase = componentbase.ComponentBase.extend({
     defaultProps: {
@@ -248,19 +248,19 @@ this.primereact.radiobutton = (function (exports, React, api, componentbase, hoo
         readOnly: props.readonly,
         required: props.required,
         tabIndex: props.tabIndex,
-        className: cx('radiobuttoninput')
-      }, ariaProps), inProps.input, ptm('radiobuttoninput'));
+        className: cx('input')
+      }, ariaProps), inProps.input, ptm('input'));
       return /*#__PURE__*/React__namespace.createElement("input", _extends({
         ref: inputRef
       }, inputProps));
     };
     var createBoxElement = function createBoxElement() {
       var boxProps = mergeProps({
-        className: cx('radiobuttonbox')
-      }, inProps.box, ptm('radiobuttonbox'));
+        className: cx('box')
+      }, inProps.box, ptm('box'));
       var iconProps = mergeProps({
-        className: cx('radiobuttonicon')
-      }, inProps.icon, ptm('radiobuttonicon'));
+        className: cx('icon')
+      }, inProps.icon, ptm('icon'));
       return /*#__PURE__*/React__namespace.createElement("div", boxProps, /*#__PURE__*/React__namespace.createElement("div", iconProps));
     };
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({

package/radiobutton/radiobutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.radiobutton=function(e,t,n,r,o,i,a){"use strict";function u(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 l=u(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(e){return s="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},s(e)}function d(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=d(e,"string");return"symbol"===s(t)?t:String(t)}var f=r.ComponentBase.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return a.classNames("p-radiobutton p-component",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},radiobuttonbox:"p-radiobutton-box",radiobuttoninput:"p-radiobutton-input",radiobuttonicon:"p-radiobutton-icon"}}});function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=p(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=l.memo(l.forwardRef((function(e,t){var u=o.useMergeProps(),s=l.useContext(n.PrimeReactContext),d=f.getProps(e,s),p=l.useRef(null),b=l.useRef(d.inputRef),v=f.setMetaData({props:d}),y=v.ptm,g=v.cx;r.useHandleStyle(f.css.styles,v.isUnstyled,{name:"radiobutton"});var h=function(e){O(e)},O=function(e){if(!d.disabled&&!d.readonly&&d.onChange){var t=d.checked,n=e.target instanceof HTMLDivElement,r=e.target===b.current&&e.target.checked!==t,o=n&&a.DomHandler.hasClass(p.current,"p-radiobutton-checked")===t&&!t,i=!t;if(r||o){var u;if(null==d||null===(u=d.onChange)||void 0===u||u.call(d,{originalEvent:e,value:d.value,checked:i,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"radio",name:d.name,id:d.id,value:d.value,checked:i}}),e.defaultPrevented)return;o&&(b.current.checked=i)}a.DomHandler.focus(b.current)}},j=function(e){var t;null==d||null===(t=d.onFocus)||void 0===t||t.call(d,e)},P=function(e){var t;null==d||null===(t=d.onBlur)||void 0===t||t.call(d,e)};l.useImperativeHandle(t,(function(){return{props:d,select:h,focus:function(){return a.DomHandler.focus(b.current)},getElement:function(){return p.current},getInput:function(){return b.current}}})),l.useEffect((function(){b.current&&(b.current.checked=d.checked)}),[d.checked]),l.useEffect((function(){a.ObjectUtils.combinedRefs(b,d.inputRef)}),[b,d.inputRef]),o.useMountEffect((function(){d.autoFocus&&a.DomHandler.focus(b.current,d.autoFocus)}));var k=a.ObjectUtils.isNotEmpty(d.tooltip),E=f.getOtherProps(d),x=u({id:d.id,className:a.classNames(d.className,g("root",{context:s})),style:d.style,"data-p-checked":d.checked},E,y("root"));delete x.input,delete x.box,delete x.icon;var R,D,S,w;return l.createElement(l.Fragment,null,l.createElement("div",c({ref:p},x),(S=a.ObjectUtils.reduceKeys(E,a.DomHandler.ARIA_PROPS),w=u(m({id:d.inputId,type:"radio",name:d.name,defaultChecked:d.checked,onFocus:j,onBlur:P,onChange:O,disabled:d.disabled,readOnly:d.readonly,required:d.required,tabIndex:d.tabIndex,className:g("radiobuttoninput")},S),e.input,y("radiobuttoninput")),l.createElement("input",c({ref:b},w))),(R=u({className:g("radiobuttonbox")},e.box,y("radiobuttonbox")),D=u({className:g("radiobuttonicon")},e.icon,y("radiobuttonicon")),l.createElement("div",R,l.createElement("div",D)))),k&&l.createElement(i.Tooltip,c({target:p,content:d.tooltip,pt:y("tooltip")},d.tooltipOptions)))})));return v.displayName="RadioButton",e.RadioButton=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.radiobutton=function(e,t,n,r,o,i,a){"use strict";function l(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 u=l(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(e){return s="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},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}var f=r.ComponentBase.extend({defaultProps:{__TYPE:"RadioButton",autoFocus:!1,checked:!1,className:null,disabled:!1,id:null,inputId:null,inputRef:null,invalid:!1,variant:null,name:null,onChange:null,onClick:null,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return a.classNames("p-radiobutton p-component",{"p-highlight":t.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:n&&"filled"===n.inputStyle})},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon"}}});function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=d(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=u.memo(u.forwardRef((function(e,t){var l=o.useMergeProps(),s=u.useContext(n.PrimeReactContext),p=f.getProps(e,s),d=u.useRef(null),b=u.useRef(p.inputRef),v=f.setMetaData({props:p}),y=v.ptm,g=v.cx;r.useHandleStyle(f.css.styles,v.isUnstyled,{name:"radiobutton"});var h=function(e){O(e)},O=function(e){if(!p.disabled&&!p.readonly&&p.onChange){var t=p.checked,n=e.target instanceof HTMLDivElement,r=e.target===b.current&&e.target.checked!==t,o=n&&a.DomHandler.hasClass(d.current,"p-radiobutton-checked")===t&&!t,i=!t;if(r||o){var l;if(null==p||null===(l=p.onChange)||void 0===l||l.call(p,{originalEvent:e,value:p.value,checked:i,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"radio",name:p.name,id:p.id,value:p.value,checked:i}}),e.defaultPrevented)return;o&&(b.current.checked=i)}a.DomHandler.focus(b.current)}},j=function(e){var t;null==p||null===(t=p.onFocus)||void 0===t||t.call(p,e)},P=function(e){var t;null==p||null===(t=p.onBlur)||void 0===t||t.call(p,e)};u.useImperativeHandle(t,(function(){return{props:p,select:h,focus:function(){return a.DomHandler.focus(b.current)},getElement:function(){return d.current},getInput:function(){return b.current}}})),u.useEffect((function(){b.current&&(b.current.checked=p.checked)}),[p.checked]),u.useEffect((function(){a.ObjectUtils.combinedRefs(b,p.inputRef)}),[b,p.inputRef]),o.useMountEffect((function(){p.autoFocus&&a.DomHandler.focus(b.current,p.autoFocus)}));var k=a.ObjectUtils.isNotEmpty(p.tooltip),E=f.getOtherProps(p),x=l({id:p.id,className:a.classNames(p.className,g("root",{context:s})),style:p.style,"data-p-checked":p.checked},E,y("root"));delete x.input,delete x.box,delete x.icon;var R,D,S,w;return u.createElement(u.Fragment,null,u.createElement("div",c({ref:d},x),(S=a.ObjectUtils.reduceKeys(E,a.DomHandler.ARIA_PROPS),w=l(m({id:p.inputId,type:"radio",name:p.name,defaultChecked:p.checked,onFocus:j,onBlur:P,onChange:O,disabled:p.disabled,readOnly:p.readonly,required:p.required,tabIndex:p.tabIndex,className:g("input")},S),e.input,y("input")),u.createElement("input",c({ref:b},w))),(R=l({className:g("box")},e.box,y("box")),D=l({className:g("icon")},e.icon,y("icon")),u.createElement("div",R,u.createElement("div",D)))),k&&u.createElement(i.Tooltip,c({target:d,content:p.tooltip,pt:y("tooltip")},p.tooltipOptions)))})));return v.displayName="RadioButton",e.RadioButton=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils);

package/sidebar/sidebar.cjs.js

@@ -361,7 +361,7 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     if (props.visible !== visibleState && maskVisibleState) {
       setVisibleState(props.visible);
     }
-  });
+  }, [props.visible]);
   hooks.useUpdateEffect(function () {
     if (maskVisibleState) {
       utils.ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex.modal || PrimeReact__default["default"].zIndex.modal);

package/sidebar/sidebar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),a=require("primereact/icons/times"),o=require("primereact/portal"),s=require("primereact/ripple"),l=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=p(e),b=c(n);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 r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},u.apply(this,arguments)}function f(e){return f="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},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function h(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(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 r,i,a,o,s=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw i}}return s}}function g(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 x(e,n){if(e){if("string"==typeof e)return g(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)?g(e,n):void 0}}function S(){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 y(e)||v(e,n)||x(e,n)||S()}var O=t.ComponentBase.extend({defaultProps:{__TYPE:"Sidebar",appendTo:null,ariaCloseLabel:null,baseZIndex:0,blockScroll:!1,children:void 0,className:null,closeIcon:null,closeOnEscape:!0,content:null,dismissable:!0,fullScreen:!1,header:null,icons:null,id:null,maskClassName:null,maskStyle:null,modal:!0,onHide:null,onShow:null,position:"left",showCloseIcon:!0,style:null,transitionOptions:null,visible:!1},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,t=e.maskVisibleState,r=["left","right","top","bottom"].find((function(e){return e===n.position}));return l.classNames("p-sidebar-mask",r&&!n.fullScreen?"p-sidebar-".concat(r):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":t,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return l.classNames("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var n=e.context;return l.classNames("p-sidebar p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===b.default.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function E(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?E(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=h(i=n))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d.forwardRef((function(e,c){var p=i.useMergeProps(),f=d.useContext(n.PrimeReactContext),m=O.getProps(e,f),h=w(d.useState(!1),2),y=h[0],v=h[1],g=w(d.useState(!1),2),x=g[0],S=g[1],E=O.setMetaData({props:m,state:{containerVisible:y}}),k=E.ptm,I=E.cx,P=E.sx,N=E.isUnstyled;t.useHandleStyle(O.css.styles,N,{name:"sidebar"});var C=d.useRef(null),D=d.useRef(null),R=d.useRef(null),U=x&&m.closeOnEscape,T=i.useDisplayOrder("sidebar",U);i.useGlobalOnEscapeKey({callback:function(e){H(e)},when:U&&T,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR,T]});var q=w(i.useEventListener({type:"click",listener:function(e){0===e.button&&B(e)&&H(e)}}),2),A=q[0],_=q[1],B=function(e){return C&&C.current&&!C.current.contains(e.target)},H=function(e){m.onHide(),e.preventDefault()},M=function(){m.dismissable&&!m.modal&&A(),m.blockScroll&&l.DomHandler.blockBodyScroll()},Z=function(){_(),m.blockScroll&&l.DomHandler.unblockBodyScroll()};d.useImperativeHandle(c,(function(){return{props:m,getElement:function(){return C.current},gteMask:function(){return D.current},getCloseIcon:function(){return R.current}}})),i.useMountEffect((function(){m.visible&&v(!0)})),i.useUpdateEffect((function(){m.visible&&!y&&v(!0),m.visible!==x&&y&&S(m.visible)})),i.useUpdateEffect((function(){y&&(l.ZIndexUtils.set("modal",D.current,f&&f.autoZIndex||b.default.autoZIndex,m.baseZIndex||f&&f.zIndex.modal||b.default.zIndex.modal),S(!0))}),[y]),i.useUpdateEffect((function(){x&&(_(),m.dismissable&&!m.modal&&A())}),[m.dismissable,m.modal,x]),i.useUnmountEffect((function(){Z(),D.current&&l.ZIndexUtils.clear(D.current)}));var z,L,J,X,V,G=function(){var e=m.ariaCloseLabel||n.localeOption("close"),t=p({type:"button",ref:R,className:I("closeButton"),onClick:function(e){return H(e)},"aria-label":e},k("closeButton")),r=p({className:I("closeIcon")},k("closeIcon")),i=l.IconUtils.getJSXIcon(m.closeIcon||d.createElement(a.TimesIcon,r),j({},r),{props:m});return m.showCloseIcon?d.createElement("button",t,i,d.createElement(s.Ripple,null)):null},K=p({ref:D,style:P("mask"),className:I("mask",{maskVisibleState:y}),onMouseDown:function(e){return n=e,void(m.dismissable&&m.modal&&D.current===n.target&&H(n));var n}},k("mask")),Y=p({id:m.id,className:l.classNames(m.className,I("root",{context:f})),style:m.style,role:"complementary"},O.getOtherProps(m),k("root")),F=p({className:I("header")},k("header")),$=p({className:I("content")},k("content")),Q=p({className:I("icons")},k("icons")),W={enter:m.fullScreen?150:300,exit:m.fullScreen?150:300},ee=p({classNames:I("transition"),in:x,timeout:W,options:m.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;m.onShow&&m.onShow(),!((e=document.activeElement)&&C&&C.current.contains(e))&&m.showCloseIcon&&R.current&&R.current.focus(),M()},onExiting:function(){m.modal&&!N()&&l.DomHandler.addClass(D.current,"p-component-overlay-leave")},onExited:function(){l.ZIndexUtils.clear(D.current),v(!1),Z()}},k("transition"));return y&&(V=null!=e&&e.content?(X={closeIconRef:R,hide:H},d.createElement("div",K,d.createElement(r.CSSTransition,u({nodeRef:C},ee),d.createElement("div",u({ref:C},Y),l.ObjectUtils.getJSXElement(e.content,X))))):(z=G(),L=m.icons?l.ObjectUtils.getJSXElement(m.icons,m):null,J=m.header?l.ObjectUtils.getJSXElement(m.header,m):null,d.createElement("div",K,d.createElement(r.CSSTransition,u({nodeRef:C},ee),d.createElement("div",u({ref:C},Y),d.createElement("div",F,J,d.createElement("div",Q,L,z)),d.createElement("div",$,m.children))))),d.createElement(o.Portal,{element:V,appendTo:m.appendTo,visible:!0}))}));k.displayName="Sidebar",exports.Sidebar=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),a=require("primereact/icons/times"),o=require("primereact/portal"),s=require("primereact/ripple"),l=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=p(e),b=c(n);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 r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},u.apply(this,arguments)}function f(e){return f="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},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function h(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function v(e){if(Array.isArray(e))return e}function y(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,s=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw i}}return s}}function g(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 x(e,n){if(e){if("string"==typeof e)return g(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)?g(e,n):void 0}}function S(){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 v(e)||y(e,n)||x(e,n)||S()}var O=t.ComponentBase.extend({defaultProps:{__TYPE:"Sidebar",appendTo:null,ariaCloseLabel:null,baseZIndex:0,blockScroll:!1,children:void 0,className:null,closeIcon:null,closeOnEscape:!0,content:null,dismissable:!0,fullScreen:!1,header:null,icons:null,id:null,maskClassName:null,maskStyle:null,modal:!0,onHide:null,onShow:null,position:"left",showCloseIcon:!0,style:null,transitionOptions:null,visible:!1},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,t=e.maskVisibleState,r=["left","right","top","bottom"].find((function(e){return e===n.position}));return l.classNames("p-sidebar-mask",r&&!n.fullScreen?"p-sidebar-".concat(r):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":t,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return l.classNames("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var n=e.context;return l.classNames("p-sidebar p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===b.default.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function E(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?E(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=h(i=n))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d.forwardRef((function(e,c){var p=i.useMergeProps(),f=d.useContext(n.PrimeReactContext),m=O.getProps(e,f),h=w(d.useState(!1),2),v=h[0],y=h[1],g=w(d.useState(!1),2),x=g[0],S=g[1],E=O.setMetaData({props:m,state:{containerVisible:v}}),k=E.ptm,I=E.cx,P=E.sx,N=E.isUnstyled;t.useHandleStyle(O.css.styles,N,{name:"sidebar"});var C=d.useRef(null),D=d.useRef(null),R=d.useRef(null),U=x&&m.closeOnEscape,T=i.useDisplayOrder("sidebar",U);i.useGlobalOnEscapeKey({callback:function(e){H(e)},when:U&&T,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR,T]});var q=w(i.useEventListener({type:"click",listener:function(e){0===e.button&&B(e)&&H(e)}}),2),A=q[0],_=q[1],B=function(e){return C&&C.current&&!C.current.contains(e.target)},H=function(e){m.onHide(),e.preventDefault()},M=function(){m.dismissable&&!m.modal&&A(),m.blockScroll&&l.DomHandler.blockBodyScroll()},Z=function(){_(),m.blockScroll&&l.DomHandler.unblockBodyScroll()};d.useImperativeHandle(c,(function(){return{props:m,getElement:function(){return C.current},gteMask:function(){return D.current},getCloseIcon:function(){return R.current}}})),i.useMountEffect((function(){m.visible&&y(!0)})),i.useUpdateEffect((function(){m.visible&&!v&&y(!0),m.visible!==x&&v&&S(m.visible)}),[m.visible]),i.useUpdateEffect((function(){v&&(l.ZIndexUtils.set("modal",D.current,f&&f.autoZIndex||b.default.autoZIndex,m.baseZIndex||f&&f.zIndex.modal||b.default.zIndex.modal),S(!0))}),[v]),i.useUpdateEffect((function(){x&&(_(),m.dismissable&&!m.modal&&A())}),[m.dismissable,m.modal,x]),i.useUnmountEffect((function(){Z(),D.current&&l.ZIndexUtils.clear(D.current)}));var z,L,J,X,V,G=function(){var e=m.ariaCloseLabel||n.localeOption("close"),t=p({type:"button",ref:R,className:I("closeButton"),onClick:function(e){return H(e)},"aria-label":e},k("closeButton")),r=p({className:I("closeIcon")},k("closeIcon")),i=l.IconUtils.getJSXIcon(m.closeIcon||d.createElement(a.TimesIcon,r),j({},r),{props:m});return m.showCloseIcon?d.createElement("button",t,i,d.createElement(s.Ripple,null)):null},K=p({ref:D,style:P("mask"),className:I("mask",{maskVisibleState:v}),onMouseDown:function(e){return n=e,void(m.dismissable&&m.modal&&D.current===n.target&&H(n));var n}},k("mask")),Y=p({id:m.id,className:l.classNames(m.className,I("root",{context:f})),style:m.style,role:"complementary"},O.getOtherProps(m),k("root")),F=p({className:I("header")},k("header")),$=p({className:I("content")},k("content")),Q=p({className:I("icons")},k("icons")),W={enter:m.fullScreen?150:300,exit:m.fullScreen?150:300},ee=p({classNames:I("transition"),in:x,timeout:W,options:m.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;m.onShow&&m.onShow(),!((e=document.activeElement)&&C&&C.current.contains(e))&&m.showCloseIcon&&R.current&&R.current.focus(),M()},onExiting:function(){m.modal&&!N()&&l.DomHandler.addClass(D.current,"p-component-overlay-leave")},onExited:function(){l.ZIndexUtils.clear(D.current),y(!1),Z()}},k("transition"));return v&&(V=null!=e&&e.content?(X={closeIconRef:R,hide:H},d.createElement("div",K,d.createElement(r.CSSTransition,u({nodeRef:C},ee),d.createElement("div",u({ref:C},Y),l.ObjectUtils.getJSXElement(e.content,X))))):(z=G(),L=m.icons?l.ObjectUtils.getJSXElement(m.icons,m):null,J=m.header?l.ObjectUtils.getJSXElement(m.header,m):null,d.createElement("div",K,d.createElement(r.CSSTransition,u({nodeRef:C},ee),d.createElement("div",u({ref:C},Y),d.createElement("div",F,J,d.createElement("div",Q,L,z)),d.createElement("div",$,m.children))))),d.createElement(o.Portal,{element:V,appendTo:m.appendTo,visible:!0}))}));k.displayName="Sidebar",exports.Sidebar=k;

package/sidebar/sidebar.esm.js

@@ -334,7 +334,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     if (props.visible !== visibleState && maskVisibleState) {
       setVisibleState(props.visible);
     }
-  });
+  }, [props.visible]);
   useUpdateEffect(function () {
     if (maskVisibleState) {
       ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex.modal || PrimeReact.zIndex.modal);

package/sidebar/sidebar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{PrimeReactContext as t,localeOption as r}from"primereact/api";import{ComponentBase as i,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as s,useDisplayOrder as l,useGlobalOnEscapeKey as p,ESC_KEY_HANDLING_PRIORITIES as c,useEventListener as d,useMountEffect as b,useUpdateEffect as u,useUnmountEffect as m}from"primereact/hooks";import{TimesIcon as f}from"primereact/icons/times";import{Portal as h}from"primereact/portal";import{Ripple as v}from"primereact/ripple";import{classNames as y,ZIndexUtils as g,DomHandler as x,ObjectUtils as w,IconUtils as S}from"primereact/utils";function O(){return O=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},O.apply(this,arguments)}function k(e){return k="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},k(e)}function E(e,n){if("object"!==k(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=E(e,"string");return"symbol"===k(n)?n:String(n)}function I(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,i,a,o,s=[],l=!0,p=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){p=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw i}}return s}}function N(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 C(e,n){if(e){if("string"==typeof e)return N(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)?N(e,n):void 0}}function R(){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 A(e,n){return I(e)||P(e,n)||C(e,n)||R()}var D=i.extend({defaultProps:{__TYPE:"Sidebar",appendTo:null,ariaCloseLabel:null,baseZIndex:0,blockScroll:!1,children:void 0,className:null,closeIcon:null,closeOnEscape:!0,content:null,dismissable:!0,fullScreen:!1,header:null,icons:null,id:null,maskClassName:null,maskStyle:null,modal:!0,onHide:null,onShow:null,position:"left",showCloseIcon:!0,style:null,transitionOptions:null,visible:!1},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,t=e.maskVisibleState,r=["left","right","top","bottom"].find((function(e){return e===n.position}));return y("p-sidebar-mask",r&&!n.fullScreen?"p-sidebar-".concat(r):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":t,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return y("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var t=e.context;return y("p-sidebar p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function B(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 T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?B(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=j(i=n))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):B(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z=e.forwardRef((function(i,k){var E=s(),j=e.useContext(t),I=D.getProps(i,j),P=A(e.useState(!1),2),N=P[0],C=P[1],R=A(e.useState(!1),2),B=R[0],z=R[1],J=D.setMetaData({props:I,state:{containerVisible:N}}),M=J.ptm,X=J.cx,Z=J.sx,H=J.isUnstyled;a(D.css.styles,H,{name:"sidebar"});var L=e.useRef(null),V=e.useRef(null),U=e.useRef(null),_=B&&I.closeOnEscape,F=l("sidebar",_);p({callback:function(e){K(e)},when:_&&F,priority:[c.SIDEBAR,F]});var Y=A(d({type:"click",listener:function(e){0===e.button&&G(e)&&K(e)}}),2),$=Y[0],q=Y[1],G=function(e){return L&&L.current&&!L.current.contains(e.target)},K=function(e){I.onHide(),e.preventDefault()},Q=function(){I.dismissable&&!I.modal&&$(),I.blockScroll&&x.blockBodyScroll()},W=function(){q(),I.blockScroll&&x.unblockBodyScroll()};e.useImperativeHandle(k,(function(){return{props:I,getElement:function(){return L.current},gteMask:function(){return V.current},getCloseIcon:function(){return U.current}}})),b((function(){I.visible&&C(!0)})),u((function(){I.visible&&!N&&C(!0),I.visible!==B&&N&&z(I.visible)})),u((function(){N&&(g.set("modal",V.current,j&&j.autoZIndex||n.autoZIndex,I.baseZIndex||j&&j.zIndex.modal||n.zIndex.modal),z(!0))}),[N]),u((function(){B&&(q(),I.dismissable&&!I.modal&&$())}),[I.dismissable,I.modal,B]),m((function(){W(),V.current&&g.clear(V.current)}));var ee,ne,te,re,ie,ae=function(){var n=I.ariaCloseLabel||r("close"),t=E({type:"button",ref:U,className:X("closeButton"),onClick:function(e){return K(e)},"aria-label":n},M("closeButton")),i=E({className:X("closeIcon")},M("closeIcon")),a=S.getJSXIcon(I.closeIcon||e.createElement(f,i),T({},i),{props:I});return I.showCloseIcon?e.createElement("button",t,a,e.createElement(v,null)):null},oe=E({ref:V,style:Z("mask"),className:X("mask",{maskVisibleState:N}),onMouseDown:function(e){return n=e,void(I.dismissable&&I.modal&&V.current===n.target&&K(n));var n}},M("mask")),se=E({id:I.id,className:y(I.className,X("root",{context:j})),style:I.style,role:"complementary"},D.getOtherProps(I),M("root")),le=E({className:X("header")},M("header")),pe=E({className:X("content")},M("content")),ce=E({className:X("icons")},M("icons")),de={enter:I.fullScreen?150:300,exit:I.fullScreen?150:300},be=E({classNames:X("transition"),in:B,timeout:de,options:I.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;I.onShow&&I.onShow(),!((e=document.activeElement)&&L&&L.current.contains(e))&&I.showCloseIcon&&U.current&&U.current.focus(),Q()},onExiting:function(){I.modal&&!H()&&x.addClass(V.current,"p-component-overlay-leave")},onExited:function(){g.clear(V.current),C(!1),W()}},M("transition"));return N&&(ie=null!=i&&i.content?(re={closeIconRef:U,hide:K},e.createElement("div",oe,e.createElement(o,O({nodeRef:L},be),e.createElement("div",O({ref:L},se),w.getJSXElement(i.content,re))))):(ee=ae(),ne=I.icons?w.getJSXElement(I.icons,I):null,te=I.header?w.getJSXElement(I.header,I):null,e.createElement("div",oe,e.createElement(o,O({nodeRef:L},be),e.createElement("div",O({ref:L},se),e.createElement("div",le,te,e.createElement("div",ce,ne,ee)),e.createElement("div",pe,I.children))))),e.createElement(h,{element:ie,appendTo:I.appendTo,visible:!0}))}));z.displayName="Sidebar";export{z as Sidebar};
+import*as e from"react";import n,{PrimeReactContext as t,localeOption as r}from"primereact/api";import{ComponentBase as i,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as s,useDisplayOrder as l,useGlobalOnEscapeKey as p,ESC_KEY_HANDLING_PRIORITIES as c,useEventListener as d,useMountEffect as b,useUpdateEffect as u,useUnmountEffect as m}from"primereact/hooks";import{TimesIcon as f}from"primereact/icons/times";import{Portal as h}from"primereact/portal";import{Ripple as v}from"primereact/ripple";import{classNames as y,ZIndexUtils as g,DomHandler as x,ObjectUtils as w,IconUtils as S}from"primereact/utils";function O(){return O=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},O.apply(this,arguments)}function k(e){return k="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},k(e)}function E(e,n){if("object"!==k(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=E(e,"string");return"symbol"===k(n)?n:String(n)}function I(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,i,a,o,s=[],l=!0,p=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){p=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw i}}return s}}function N(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 C(e,n){if(e){if("string"==typeof e)return N(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)?N(e,n):void 0}}function R(){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 A(e,n){return I(e)||P(e,n)||C(e,n)||R()}var D=i.extend({defaultProps:{__TYPE:"Sidebar",appendTo:null,ariaCloseLabel:null,baseZIndex:0,blockScroll:!1,children:void 0,className:null,closeIcon:null,closeOnEscape:!0,content:null,dismissable:!0,fullScreen:!1,header:null,icons:null,id:null,maskClassName:null,maskStyle:null,modal:!0,onHide:null,onShow:null,position:"left",showCloseIcon:!0,style:null,transitionOptions:null,visible:!1},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,t=e.maskVisibleState,r=["left","right","top","bottom"].find((function(e){return e===n.position}));return y("p-sidebar-mask",r&&!n.fullScreen?"p-sidebar-".concat(r):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":t,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return y("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var t=e.context;return y("p-sidebar p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function B(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 T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?B(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=j(i=n))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):B(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var z=e.forwardRef((function(i,k){var E=s(),j=e.useContext(t),I=D.getProps(i,j),P=A(e.useState(!1),2),N=P[0],C=P[1],R=A(e.useState(!1),2),B=R[0],z=R[1],J=D.setMetaData({props:I,state:{containerVisible:N}}),M=J.ptm,X=J.cx,Z=J.sx,H=J.isUnstyled;a(D.css.styles,H,{name:"sidebar"});var L=e.useRef(null),V=e.useRef(null),U=e.useRef(null),_=B&&I.closeOnEscape,F=l("sidebar",_);p({callback:function(e){K(e)},when:_&&F,priority:[c.SIDEBAR,F]});var Y=A(d({type:"click",listener:function(e){0===e.button&&G(e)&&K(e)}}),2),$=Y[0],q=Y[1],G=function(e){return L&&L.current&&!L.current.contains(e.target)},K=function(e){I.onHide(),e.preventDefault()},Q=function(){I.dismissable&&!I.modal&&$(),I.blockScroll&&x.blockBodyScroll()},W=function(){q(),I.blockScroll&&x.unblockBodyScroll()};e.useImperativeHandle(k,(function(){return{props:I,getElement:function(){return L.current},gteMask:function(){return V.current},getCloseIcon:function(){return U.current}}})),b((function(){I.visible&&C(!0)})),u((function(){I.visible&&!N&&C(!0),I.visible!==B&&N&&z(I.visible)}),[I.visible]),u((function(){N&&(g.set("modal",V.current,j&&j.autoZIndex||n.autoZIndex,I.baseZIndex||j&&j.zIndex.modal||n.zIndex.modal),z(!0))}),[N]),u((function(){B&&(q(),I.dismissable&&!I.modal&&$())}),[I.dismissable,I.modal,B]),m((function(){W(),V.current&&g.clear(V.current)}));var ee,ne,te,re,ie,ae=function(){var n=I.ariaCloseLabel||r("close"),t=E({type:"button",ref:U,className:X("closeButton"),onClick:function(e){return K(e)},"aria-label":n},M("closeButton")),i=E({className:X("closeIcon")},M("closeIcon")),a=S.getJSXIcon(I.closeIcon||e.createElement(f,i),T({},i),{props:I});return I.showCloseIcon?e.createElement("button",t,a,e.createElement(v,null)):null},oe=E({ref:V,style:Z("mask"),className:X("mask",{maskVisibleState:N}),onMouseDown:function(e){return n=e,void(I.dismissable&&I.modal&&V.current===n.target&&K(n));var n}},M("mask")),se=E({id:I.id,className:y(I.className,X("root",{context:j})),style:I.style,role:"complementary"},D.getOtherProps(I),M("root")),le=E({className:X("header")},M("header")),pe=E({className:X("content")},M("content")),ce=E({className:X("icons")},M("icons")),de={enter:I.fullScreen?150:300,exit:I.fullScreen?150:300},be=E({classNames:X("transition"),in:B,timeout:de,options:I.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;I.onShow&&I.onShow(),!((e=document.activeElement)&&L&&L.current.contains(e))&&I.showCloseIcon&&U.current&&U.current.focus(),Q()},onExiting:function(){I.modal&&!H()&&x.addClass(V.current,"p-component-overlay-leave")},onExited:function(){g.clear(V.current),C(!1),W()}},M("transition"));return N&&(ie=null!=i&&i.content?(re={closeIconRef:U,hide:K},e.createElement("div",oe,e.createElement(o,O({nodeRef:L},be),e.createElement("div",O({ref:L},se),w.getJSXElement(i.content,re))))):(ee=ae(),ne=I.icons?w.getJSXElement(I.icons,I):null,te=I.header?w.getJSXElement(I.header,I):null,e.createElement("div",oe,e.createElement(o,O({nodeRef:L},be),e.createElement("div",O({ref:L},se),e.createElement("div",le,te,e.createElement("div",ce,ne,ee)),e.createElement("div",pe,I.children))))),e.createElement(h,{element:ie,appendTo:I.appendTo,visible:!0}))}));z.displayName="Sidebar";export{z as Sidebar};

package/sidebar/sidebar.js

@@ -350,7 +350,7 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, componentbase,
       if (props.visible !== visibleState && maskVisibleState) {
         setVisibleState(props.visible);
       }
-    });
+    }, [props.visible]);
     hooks.useUpdateEffect(function () {
       if (maskVisibleState) {
         utils.ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex.modal || PrimeReact__default["default"].zIndex.modal);

package/sidebar/sidebar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.sidebar=function(e,n,t,r,i,a,o,s,l,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var b=d(n),u=p(t);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 r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function m(e){return m="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},m(e)}function h(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=h(e,"string");return"symbol"===m(n)?n:String(n)}function v(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,s=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw i}}return s}}function x(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 S(e,n){if(e){if("string"==typeof e)return x(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)?x(e,n):void 0}}function w(){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 O(e,n){return v(e)||g(e,n)||S(e,n)||w()}var E=r.ComponentBase.extend({defaultProps:{__TYPE:"Sidebar",appendTo:null,ariaCloseLabel:null,baseZIndex:0,blockScroll:!1,children:void 0,className:null,closeIcon:null,closeOnEscape:!0,content:null,dismissable:!0,fullScreen:!1,header:null,icons:null,id:null,maskClassName:null,maskStyle:null,modal:!0,onHide:null,onShow:null,position:"left",showCloseIcon:!0,style:null,transitionOptions:null,visible:!1},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,t=e.maskVisibleState,r=["left","right","top","bottom"].find((function(e){return e===n.position}));return c.classNames("p-sidebar-mask",r&&!n.fullScreen?"p-sidebar-".concat(r):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":t,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return c.classNames("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var n=e.context;return c.classNames("p-sidebar p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===u.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===u.default.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function j(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 k(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=y(i=n))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var I=b.forwardRef((function(e,n){var p=a.useMergeProps(),d=b.useContext(t.PrimeReactContext),m=E.getProps(e,d),h=O(b.useState(!1),2),y=h[0],v=h[1],g=O(b.useState(!1),2),x=g[0],S=g[1],w=E.setMetaData({props:m,state:{containerVisible:y}}),j=w.ptm,I=w.cx,P=w.sx,N=w.isUnstyled;r.useHandleStyle(E.css.styles,N,{name:"sidebar"});var C=b.useRef(null),D=b.useRef(null),R=b.useRef(null),U=x&&m.closeOnEscape,T=a.useDisplayOrder("sidebar",U);a.useGlobalOnEscapeKey({callback:function(e){M(e)},when:U&&T,priority:[a.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR,T]});var A=O(a.useEventListener({type:"click",listener:function(e){0===e.button&&H(e)&&M(e)}}),2),_=A[0],B=A[1],H=function(e){return C&&C.current&&!C.current.contains(e.target)},M=function(e){m.onHide(),e.preventDefault()},Z=function(){m.dismissable&&!m.modal&&_(),m.blockScroll&&c.DomHandler.blockBodyScroll()},z=function(){B(),m.blockScroll&&c.DomHandler.unblockBodyScroll()};b.useImperativeHandle(n,(function(){return{props:m,getElement:function(){return C.current},gteMask:function(){return D.current},getCloseIcon:function(){return R.current}}})),a.useMountEffect((function(){m.visible&&v(!0)})),a.useUpdateEffect((function(){m.visible&&!y&&v(!0),m.visible!==x&&y&&S(m.visible)})),a.useUpdateEffect((function(){y&&(c.ZIndexUtils.set("modal",D.current,d&&d.autoZIndex||u.default.autoZIndex,m.baseZIndex||d&&d.zIndex.modal||u.default.zIndex.modal),S(!0))}),[y]),a.useUpdateEffect((function(){x&&(B(),m.dismissable&&!m.modal&&_())}),[m.dismissable,m.modal,x]),a.useUnmountEffect((function(){z(),D.current&&c.ZIndexUtils.clear(D.current)}));var L,J,X,V,G,K=function(){var e=m.ariaCloseLabel||t.localeOption("close"),n=p({type:"button",ref:R,className:I("closeButton"),onClick:function(e){return M(e)},"aria-label":e},j("closeButton")),r=p({className:I("closeIcon")},j("closeIcon")),i=c.IconUtils.getJSXIcon(m.closeIcon||b.createElement(o.TimesIcon,r),k({},r),{props:m});return m.showCloseIcon?b.createElement("button",n,i,b.createElement(l.Ripple,null)):null},Y=p({ref:D,style:P("mask"),className:I("mask",{maskVisibleState:y}),onMouseDown:function(e){return n=e,void(m.dismissable&&m.modal&&D.current===n.target&&M(n));var n}},j("mask")),F=p({id:m.id,className:c.classNames(m.className,I("root",{context:d})),style:m.style,role:"complementary"},E.getOtherProps(m),j("root")),$=p({className:I("header")},j("header")),q=p({className:I("content")},j("content")),Q=p({className:I("icons")},j("icons")),W={enter:m.fullScreen?150:300,exit:m.fullScreen?150:300},ee=p({classNames:I("transition"),in:x,timeout:W,options:m.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;m.onShow&&m.onShow(),!((e=document.activeElement)&&C&&C.current.contains(e))&&m.showCloseIcon&&R.current&&R.current.focus(),Z()},onExiting:function(){m.modal&&!N()&&c.DomHandler.addClass(D.current,"p-component-overlay-leave")},onExited:function(){c.ZIndexUtils.clear(D.current),v(!1),z()}},j("transition"));return y&&(G=null!=e&&e.content?(V={closeIconRef:R,hide:M},b.createElement("div",Y,b.createElement(i.CSSTransition,f({nodeRef:C},ee),b.createElement("div",f({ref:C},F),c.ObjectUtils.getJSXElement(e.content,V))))):(L=K(),J=m.icons?c.ObjectUtils.getJSXElement(m.icons,m):null,X=m.header?c.ObjectUtils.getJSXElement(m.header,m):null,b.createElement("div",Y,b.createElement(i.CSSTransition,f({nodeRef:C},ee),b.createElement("div",f({ref:C},F),b.createElement("div",$,X,b.createElement("div",Q,J,L)),b.createElement("div",q,m.children))))),b.createElement(s.Portal,{element:G,appendTo:m.appendTo,visible:!0}))}));return I.displayName="Sidebar",e.Sidebar=I,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.portal,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.sidebar=function(e,n,t,r,i,a,o,s,l,c){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var b=d(n),u=p(t);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 r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function m(e){return m="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},m(e)}function h(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=h(e,"string");return"symbol"===m(n)?n:String(n)}function v(e){if(Array.isArray(e))return e}function g(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,s=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw i}}return s}}function x(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 S(e,n){if(e){if("string"==typeof e)return x(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)?x(e,n):void 0}}function w(){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 O(e,n){return v(e)||g(e,n)||S(e,n)||w()}var E=r.ComponentBase.extend({defaultProps:{__TYPE:"Sidebar",appendTo:null,ariaCloseLabel:null,baseZIndex:0,blockScroll:!1,children:void 0,className:null,closeIcon:null,closeOnEscape:!0,content:null,dismissable:!0,fullScreen:!1,header:null,icons:null,id:null,maskClassName:null,maskStyle:null,modal:!0,onHide:null,onShow:null,position:"left",showCloseIcon:!0,style:null,transitionOptions:null,visible:!1},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,t=e.maskVisibleState,r=["left","right","top","bottom"].find((function(e){return e===n.position}));return c.classNames("p-sidebar-mask",r&&!n.fullScreen?"p-sidebar-".concat(r):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":t,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return c.classNames("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var n=e.context;return c.classNames("p-sidebar p-component",{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===u.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===u.default.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function j(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 k(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=y(i=n))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var I=b.forwardRef((function(e,n){var p=a.useMergeProps(),d=b.useContext(t.PrimeReactContext),m=E.getProps(e,d),h=O(b.useState(!1),2),y=h[0],v=h[1],g=O(b.useState(!1),2),x=g[0],S=g[1],w=E.setMetaData({props:m,state:{containerVisible:y}}),j=w.ptm,I=w.cx,P=w.sx,N=w.isUnstyled;r.useHandleStyle(E.css.styles,N,{name:"sidebar"});var C=b.useRef(null),D=b.useRef(null),R=b.useRef(null),U=x&&m.closeOnEscape,T=a.useDisplayOrder("sidebar",U);a.useGlobalOnEscapeKey({callback:function(e){M(e)},when:U&&T,priority:[a.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR,T]});var A=O(a.useEventListener({type:"click",listener:function(e){0===e.button&&H(e)&&M(e)}}),2),_=A[0],B=A[1],H=function(e){return C&&C.current&&!C.current.contains(e.target)},M=function(e){m.onHide(),e.preventDefault()},Z=function(){m.dismissable&&!m.modal&&_(),m.blockScroll&&c.DomHandler.blockBodyScroll()},z=function(){B(),m.blockScroll&&c.DomHandler.unblockBodyScroll()};b.useImperativeHandle(n,(function(){return{props:m,getElement:function(){return C.current},gteMask:function(){return D.current},getCloseIcon:function(){return R.current}}})),a.useMountEffect((function(){m.visible&&v(!0)})),a.useUpdateEffect((function(){m.visible&&!y&&v(!0),m.visible!==x&&y&&S(m.visible)}),[m.visible]),a.useUpdateEffect((function(){y&&(c.ZIndexUtils.set("modal",D.current,d&&d.autoZIndex||u.default.autoZIndex,m.baseZIndex||d&&d.zIndex.modal||u.default.zIndex.modal),S(!0))}),[y]),a.useUpdateEffect((function(){x&&(B(),m.dismissable&&!m.modal&&_())}),[m.dismissable,m.modal,x]),a.useUnmountEffect((function(){z(),D.current&&c.ZIndexUtils.clear(D.current)}));var L,J,X,V,G,K=function(){var e=m.ariaCloseLabel||t.localeOption("close"),n=p({type:"button",ref:R,className:I("closeButton"),onClick:function(e){return M(e)},"aria-label":e},j("closeButton")),r=p({className:I("closeIcon")},j("closeIcon")),i=c.IconUtils.getJSXIcon(m.closeIcon||b.createElement(o.TimesIcon,r),k({},r),{props:m});return m.showCloseIcon?b.createElement("button",n,i,b.createElement(l.Ripple,null)):null},Y=p({ref:D,style:P("mask"),className:I("mask",{maskVisibleState:y}),onMouseDown:function(e){return n=e,void(m.dismissable&&m.modal&&D.current===n.target&&M(n));var n}},j("mask")),F=p({id:m.id,className:c.classNames(m.className,I("root",{context:d})),style:m.style,role:"complementary"},E.getOtherProps(m),j("root")),$=p({className:I("header")},j("header")),q=p({className:I("content")},j("content")),Q=p({className:I("icons")},j("icons")),W={enter:m.fullScreen?150:300,exit:m.fullScreen?150:300},ee=p({classNames:I("transition"),in:x,timeout:W,options:m.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;m.onShow&&m.onShow(),!((e=document.activeElement)&&C&&C.current.contains(e))&&m.showCloseIcon&&R.current&&R.current.focus(),Z()},onExiting:function(){m.modal&&!N()&&c.DomHandler.addClass(D.current,"p-component-overlay-leave")},onExited:function(){c.ZIndexUtils.clear(D.current),v(!1),z()}},j("transition"));return y&&(G=null!=e&&e.content?(V={closeIconRef:R,hide:M},b.createElement("div",Y,b.createElement(i.CSSTransition,f({nodeRef:C},ee),b.createElement("div",f({ref:C},F),c.ObjectUtils.getJSXElement(e.content,V))))):(L=K(),J=m.icons?c.ObjectUtils.getJSXElement(m.icons,m):null,X=m.header?c.ObjectUtils.getJSXElement(m.header,m):null,b.createElement("div",Y,b.createElement(i.CSSTransition,f({nodeRef:C},ee),b.createElement("div",f({ref:C},F),b.createElement("div",$,X,b.createElement("div",Q,J,L)),b.createElement("div",q,m.children))))),b.createElement(s.Portal,{element:G,appendTo:m.appendTo,visible:!0}))}));return I.displayName="Sidebar",e.Sidebar=I,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.portal,primereact.ripple,primereact.utils);

package/stepper/stepper.cjs.js

@@ -305,6 +305,11 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
       setIdState(utils.UniqueComponentId());
     }
   });
+  hooks.useUpdateEffect(function () {
+    if (props.activeStep >= 0 && props.activeStep <= stepperPanels().length - 1) {
+      updateActiveStep(undefined, props.activeStep);
+    }
+  }, [props.activeStep]);
   var getStepProp = function getStepProp(step, name) {
     var _step$props;
     return step === null || step === void 0 || (_step$props = step.props) === null || _step$props === void 0 ? void 0 : _step$props[name];

package/stepper/stepper.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/csstransition"),a=require("primereact/hooks"),i=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=l(e),c=p(e);function s(e){return s="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},s(e)}function u(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=u(e,"string");return"symbol"===s(t)?t:String(t)}function f(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,p,l=[],o=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=r.return&&(p=r.return(),Object(p)!==p))return}finally{if(c)throw a}}return l}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function g(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(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 O(e,t){return b(e)||v(e,t)||g(e,t)||h()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Stepper",activeStep:0,orientation:"horizontal",linear:!1},css:{classes:{root:function(e){var t=e.props;return i.classNames("p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear})},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.isItemDisabled,r=e.index;return i.classNames("p-stepper-header",{"p-highlight":(0,e.isStepActive)(r),"p-disabled":t(r)})},action:"p-stepper-action p-component",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return i.classNames("p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation})}},panelContainer:"p-stepper-panels",panel:function(e){return i.classNames("p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&(0,e.isStepActive)(e.index)})}},styles:"\n@layer primereact {\n    .p-stepper .p-stepper-nav {\n        position: relative;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow-x: auto;\n    }\n    \n    .p-stepper-vertical .p-stepper-nav {\n        flex-direction: column;\n    }\n    \n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        align-items: center;\n    \n        &:last-of-type {\n            flex: initial;\n        }\n    }\n    \n    .p-stepper-header .p-stepper-action {\n        border: 0 none;\n        display: inline-flex;\n        align-items: center;\n        text-decoration: none;\n        cursor: pointer;\n    \n        &:focus-visible {\n            @include focused();\n        }\n    }\n    \n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n    \n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n    \n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n    \n    .p-stepper-number {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-stepper-separator {\n        flex: 1 1 0;\n    }\n}\n"}});function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps(),n=e.ptm,i=r(j(j(j({ref:t,id:e.id,className:(0,e.cx)("stepper.content",{stepperpanel:e.stepperpanel,index:e.index}),role:"tabpanel","aria-labelledby":e.ariaLabelledby},e.getStepPT(e.stepperpanel,"root",e.index)),e.getStepPT(e.stepperpanel,"content",e.index)),{},{"data-p-active":e.active}),n("stepperpanel"));return o.createElement("div",i,e.template?o.createElement(e.template,{index:e.index,active:e.active,highlighted:e.highlighted,clickCallback:function(t){return e.onItemClick(t,e.index)},prevCallback:function(t){return e.prevCallback(t,e.index)},nextCallback:function(t){return e.nextCallback(t,e.index)}}):e.stepperpanel)})));P.displayName="StepperContent";var C=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps(),n=e.cx,i=r({ref:t,id:e.id,className:n("stepper.action"),role:"tab",type:"button",tabIndex:e.disabled?-1:void 0,"aria-controls":e.ariaControls,onClick:function(t){return e.clickCallback(t,e.index)}});return e.template?e.template():o.createElement("button",i,o.createElement("span",{className:n("stepper.number")},e.index+1),o.createElement("span",{className:n("stepper.title")},e.getStepProp(e.stepperpanel,"header")))})));function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}C.displayName="StepperHeader";var k=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps()(E({ref:t,"aria-hidden":!0,className:e.separatorClass},e.getStepPT(e.stepperpanel,"separator",e.index)));return e.template?e.template():o.createElement("span",r)})));function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}k.displayName="StepperSeparator";var A=c.default.memo(c.default.forwardRef((function(e,p){var l=a.useMergeProps(),o=c.default.useContext(t.PrimeReactContext),s=x.getProps(e,o),u=x.setMetaData({props:s}),d=u.ptm,f=u.cx,b=u.isUnstyled,v=u.ptmo,y=O(c.default.useState(s.id),2),g=y[0],h=y[1],S=O(c.default.useState(s.activeStep),2),j=S[0],w=S[1],E=c.default.useRef();r.useHandleStyle(x.css.styles,b,{name:"stepper"}),a.useMountEffect((function(){g||h(i.UniqueComponentId())}));var N=function(e,t){var r;return null==e||null===(r=e.props)||void 0===r?void 0:r[t]},A=function(e,t){return N(e,"header")||t},T=function(e){return"StepperPanel"===e.type.displayName},I=function(e){return j===e},_=function(e){return s.linear&&!I(e)},M=function(e,t){w(t),s.onChangeStep&&s.onChangeStep({originalEvent:e,index:t})},R=function(e){return"".concat(g,"_").concat(e,"_header_action")},q=function(e){return"".concat(g,"_").concat(e,"content")},z=function(){return c.default.Children.toArray(s.children).reduce((function(e,t){return T(t)?e.push(t):t&&Array.isArray(t)&&c.default.Children.toArray(t.props.children).forEach((function(t){T(t)&&e.push(t)})),e}),[])},H=function(e,t){0!==t&&M(e,t-1)},L=function(e,t){t!==z().length-1&&M(e,t+1)},U=function(e,t,r){var n=z().length,a={props:e.props,parent:{props:s},context:{index:r,count:n,first:0===r,last:r===n-1,active:I(r),highlighted:r<j,disabled:_(r)}};return l(d("stepperpanel.".concat(t),{stepperpanel:a}),d("stepperpanel.".concat(t),a),v(N(e,"pt"),t,a))},B=function(e,t){s.linear?e.preventDefault():t!==j&&M(e,t)};c.default.useImperativeHandle(p,(function(){return{getElement:function(){return E.current},getActiveStep:function(){return j},setActiveStep:function(e){return w(e)},nextCallback:function(e){return L(e,j)},prevCallback:function(e){return H(e,j)}}}));var F,Y,$,G=l({className:i.classNames(f("root")),role:"tablist"},x.getOtherProps(s),d("root"));return c.default.createElement("div",G,s.start&&s.start(),"horizontal"===s.orientation&&(F=z().map((function(e,t){var r,n,a=l({className:i.classNames(f("stepper.header",{isStepActive:I,isItemDisabled:_,step:e,index:t})),"aria-current":I(t)&&"step",role:"presentation","data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)},d("stepperpanel"));return c.default.createElement("li",m({key:A(e,t)},a),c.default.createElement(C,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<j,ariaControls:q(t),clickCallback:B,getStepPT:U,getStepProp:N,cx:f}),t!==z().length-1&&c.default.createElement(k,{template:null===(n=e.children)||void 0===n?void 0:n.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<j,getStepPT:U}))})),Y=l({className:i.classNames(f("nav")),ref:E},d("nav")),$=l({className:f("panelContainer")},d("panelContainer")),c.default.createElement(c.default.Fragment,null,c.default.createElement("ul",Y,F),c.default.createElement("div",$,z().map((function(e,t){var r;return I(t)?c.default.createElement(P,{key:q(t),id:q(t),tempate:null==e||null===(r=e.children)||void 0===r?void 0:r.content,stepperpanel:e,index:t,active:I(t),highlighted:t<j,clickCallback:B,prevCallback:H,nextCallback:L,getStepPT:U,ariaLabelledby:R(t),ptm:d,cx:f}):null}))))),"vertical"===s.orientation&&z().map((function(e,t){var r,a,i,p=c.default.createRef(null),o=l(D(D(D({ref:E,className:f("panel",{props:s,index:t,isStepActive:I}),"aria-current":I(t)&&"step"},U(e,"root",t)),U(e,"panel",t)),{},{"data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)}),d("nav")),u=l(D({className:f("stepper.header",{step:e,isStepActive:I,isItemDisabled:_,index:t})},U(e,"header",t))),b=l(D(D({classNames:f("stepper.content")},U(e,"transition",t)),{},{timeout:{enter:1e3,exit:450},in:I(t),unmountOnExit:!0})),v=l(D({ref:p,className:f("stepper.toggleableContent")},U(e,"toggleableContent",t)));return c.default.createElement("div",m({key:A(e,t)},o),c.default.createElement("div",u,c.default.createElement(C,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<j,ariaControls:q(t),clickCallback:B,getStepPT:U,getStepProp:N,cx:f})),c.default.createElement(n.CSSTransition,m({nodeRef:p},b),c.default.createElement("div",v,t!==z().length-1&&c.default.createElement(k,{template:null===(a=e.children)||void 0===a?void 0:a.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<j,getStepPT:U}),c.default.createElement(P,{key:q(t),id:q(t),tempate:null==e||null===(i=e.children)||void 0===i?void 0:i.content,stepperpanel:e,index:t,active:I(t),highlighted:t<j,clickCallback:B,prevCallback:H,nextCallback:L,getStepPT:U,ariaLabelledby:R(t),ptm:d,cx:f}))))})),s.end&&s.end())})));x.displayName="StepperBase",exports.Stepper=A;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/csstransition"),a=require("primereact/hooks"),i=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=l(e),c=p(e);function s(e){return s="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},s(e)}function u(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=u(e,"string");return"symbol"===s(t)?t:String(t)}function f(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,p,l=[],o=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=r.return&&(p=r.return(),Object(p)!==p))return}finally{if(c)throw a}}return l}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function g(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(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 O(e,t){return b(e)||v(e,t)||g(e,t)||h()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Stepper",activeStep:0,orientation:"horizontal",linear:!1},css:{classes:{root:function(e){var t=e.props;return i.classNames("p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear})},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.isItemDisabled,r=e.index;return i.classNames("p-stepper-header",{"p-highlight":(0,e.isStepActive)(r),"p-disabled":t(r)})},action:"p-stepper-action p-component",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return i.classNames("p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation})}},panelContainer:"p-stepper-panels",panel:function(e){return i.classNames("p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&(0,e.isStepActive)(e.index)})}},styles:"\n@layer primereact {\n    .p-stepper .p-stepper-nav {\n        position: relative;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow-x: auto;\n    }\n    \n    .p-stepper-vertical .p-stepper-nav {\n        flex-direction: column;\n    }\n    \n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        align-items: center;\n    \n        &:last-of-type {\n            flex: initial;\n        }\n    }\n    \n    .p-stepper-header .p-stepper-action {\n        border: 0 none;\n        display: inline-flex;\n        align-items: center;\n        text-decoration: none;\n        cursor: pointer;\n    \n        &:focus-visible {\n            @include focused();\n        }\n    }\n    \n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n    \n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n    \n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n    \n    .p-stepper-number {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-stepper-separator {\n        flex: 1 1 0;\n    }\n}\n"}});function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps(),n=e.ptm,i=r(j(j(j({ref:t,id:e.id,className:(0,e.cx)("stepper.content",{stepperpanel:e.stepperpanel,index:e.index}),role:"tabpanel","aria-labelledby":e.ariaLabelledby},e.getStepPT(e.stepperpanel,"root",e.index)),e.getStepPT(e.stepperpanel,"content",e.index)),{},{"data-p-active":e.active}),n("stepperpanel"));return o.createElement("div",i,e.template?o.createElement(e.template,{index:e.index,active:e.active,highlighted:e.highlighted,clickCallback:function(t){return e.onItemClick(t,e.index)},prevCallback:function(t){return e.prevCallback(t,e.index)},nextCallback:function(t){return e.nextCallback(t,e.index)}}):e.stepperpanel)})));P.displayName="StepperContent";var C=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps(),n=e.cx,i=r({ref:t,id:e.id,className:n("stepper.action"),role:"tab",type:"button",tabIndex:e.disabled?-1:void 0,"aria-controls":e.ariaControls,onClick:function(t){return e.clickCallback(t,e.index)}});return e.template?e.template():o.createElement("button",i,o.createElement("span",{className:n("stepper.number")},e.index+1),o.createElement("span",{className:n("stepper.title")},e.getStepProp(e.stepperpanel,"header")))})));function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}C.displayName="StepperHeader";var k=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps()(E({ref:t,"aria-hidden":!0,className:e.separatorClass},e.getStepPT(e.stepperpanel,"separator",e.index)));return e.template?e.template():o.createElement("span",r)})));function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}k.displayName="StepperSeparator";var A=c.default.memo(c.default.forwardRef((function(e,p){var l=a.useMergeProps(),o=c.default.useContext(t.PrimeReactContext),s=x.getProps(e,o),u=x.setMetaData({props:s}),d=u.ptm,f=u.cx,b=u.isUnstyled,v=u.ptmo,y=O(c.default.useState(s.id),2),g=y[0],h=y[1],S=O(c.default.useState(s.activeStep),2),j=S[0],w=S[1],E=c.default.useRef();r.useHandleStyle(x.css.styles,b,{name:"stepper"}),a.useMountEffect((function(){g||h(i.UniqueComponentId())})),a.useUpdateEffect((function(){s.activeStep>=0&&s.activeStep<=z().length-1&&M(void 0,s.activeStep)}),[s.activeStep]);var N=function(e,t){var r;return null==e||null===(r=e.props)||void 0===r?void 0:r[t]},A=function(e,t){return N(e,"header")||t},T=function(e){return"StepperPanel"===e.type.displayName},I=function(e){return j===e},_=function(e){return s.linear&&!I(e)},M=function(e,t){w(t),s.onChangeStep&&s.onChangeStep({originalEvent:e,index:t})},R=function(e){return"".concat(g,"_").concat(e,"_header_action")},q=function(e){return"".concat(g,"_").concat(e,"content")},z=function(){return c.default.Children.toArray(s.children).reduce((function(e,t){return T(t)?e.push(t):t&&Array.isArray(t)&&c.default.Children.toArray(t.props.children).forEach((function(t){T(t)&&e.push(t)})),e}),[])},U=function(e,t){0!==t&&M(e,t-1)},H=function(e,t){t!==z().length-1&&M(e,t+1)},L=function(e,t,r){var n=z().length,a={props:e.props,parent:{props:s},context:{index:r,count:n,first:0===r,last:r===n-1,active:I(r),highlighted:r<j,disabled:_(r)}};return l(d("stepperpanel.".concat(t),{stepperpanel:a}),d("stepperpanel.".concat(t),a),v(N(e,"pt"),t,a))},B=function(e,t){s.linear?e.preventDefault():t!==j&&M(e,t)};c.default.useImperativeHandle(p,(function(){return{getElement:function(){return E.current},getActiveStep:function(){return j},setActiveStep:function(e){return w(e)},nextCallback:function(e){return H(e,j)},prevCallback:function(e){return U(e,j)}}}));var F,Y,$,G=l({className:i.classNames(f("root")),role:"tablist"},x.getOtherProps(s),d("root"));return c.default.createElement("div",G,s.start&&s.start(),"horizontal"===s.orientation&&(F=z().map((function(e,t){var r,n,a=l({className:i.classNames(f("stepper.header",{isStepActive:I,isItemDisabled:_,step:e,index:t})),"aria-current":I(t)&&"step",role:"presentation","data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)},d("stepperpanel"));return c.default.createElement("li",m({key:A(e,t)},a),c.default.createElement(C,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<j,ariaControls:q(t),clickCallback:B,getStepPT:L,getStepProp:N,cx:f}),t!==z().length-1&&c.default.createElement(k,{template:null===(n=e.children)||void 0===n?void 0:n.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<j,getStepPT:L}))})),Y=l({className:i.classNames(f("nav")),ref:E},d("nav")),$=l({className:f("panelContainer")},d("panelContainer")),c.default.createElement(c.default.Fragment,null,c.default.createElement("ul",Y,F),c.default.createElement("div",$,z().map((function(e,t){var r;return I(t)?c.default.createElement(P,{key:q(t),id:q(t),tempate:null==e||null===(r=e.children)||void 0===r?void 0:r.content,stepperpanel:e,index:t,active:I(t),highlighted:t<j,clickCallback:B,prevCallback:U,nextCallback:H,getStepPT:L,ariaLabelledby:R(t),ptm:d,cx:f}):null}))))),"vertical"===s.orientation&&z().map((function(e,t){var r,a,i,p=c.default.createRef(null),o=l(D(D(D({ref:E,className:f("panel",{props:s,index:t,isStepActive:I}),"aria-current":I(t)&&"step"},L(e,"root",t)),L(e,"panel",t)),{},{"data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)}),d("nav")),u=l(D({className:f("stepper.header",{step:e,isStepActive:I,isItemDisabled:_,index:t})},L(e,"header",t))),b=l(D(D({classNames:f("stepper.content")},L(e,"transition",t)),{},{timeout:{enter:1e3,exit:450},in:I(t),unmountOnExit:!0})),v=l(D({ref:p,className:f("stepper.toggleableContent")},L(e,"toggleableContent",t)));return c.default.createElement("div",m({key:A(e,t)},o),c.default.createElement("div",u,c.default.createElement(C,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<j,ariaControls:q(t),clickCallback:B,getStepPT:L,getStepProp:N,cx:f})),c.default.createElement(n.CSSTransition,m({nodeRef:p},b),c.default.createElement("div",v,t!==z().length-1&&c.default.createElement(k,{template:null===(a=e.children)||void 0===a?void 0:a.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<j,getStepPT:L}),c.default.createElement(P,{key:q(t),id:q(t),tempate:null==e||null===(i=e.children)||void 0===i?void 0:i.content,stepperpanel:e,index:t,active:I(t),highlighted:t<j,clickCallback:B,prevCallback:U,nextCallback:H,getStepPT:L,ariaLabelledby:R(t),ptm:d,cx:f}))))})),s.end&&s.end())})));x.displayName="StepperBase",exports.Stepper=A;

package/stepper/stepper.esm.js

@@ -4,7 +4,7 @@ import React__default from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useMergeProps, useMountEffect } from 'primereact/hooks';
+import { useMergeProps, useMountEffect, useUpdateEffect } from 'primereact/hooks';
 import { classNames, UniqueComponentId } from 'primereact/utils';
 
 function _typeof(o) {
@@ -279,6 +279,11 @@ var Stepper = /*#__PURE__*/React__default.memo( /*#__PURE__*/React__default.forw
       setIdState(UniqueComponentId());
     }
   });
+  useUpdateEffect(function () {
+    if (props.activeStep >= 0 && props.activeStep <= stepperPanels().length - 1) {
+      updateActiveStep(undefined, props.activeStep);
+    }
+  }, [props.activeStep]);
   var getStepProp = function getStepProp(step, name) {
     var _step$props;
     return step === null || step === void 0 || (_step$props = step.props) === null || _step$props === void 0 ? void 0 : _step$props[name];