primereact 10.5.0 → 10.5.2

package/steps/steps.cjs.js

@@ -204,9 +204,6 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
         index: index
       });
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -214,6 +211,10 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
         index: index
       });
     }
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var onItemKeyDown = function onItemKeyDown(event, item, index) {
     if (props.readOnly) {

package/steps/steps.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"),i=require("primereact/utils");function a(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=a(e);function o(e){return o="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},o(e)}function s(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function c(e){var t=s(e,"string");return"symbol"===o(t)?t:String(t)}function u(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,l,o=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(o.push(r.value),o.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw i}}return o}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=n.ComponentBase.extend({defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},css:{classes:{icon:function(e){return i.classNames("p-menuitem-icon",e.item.icon)},label:"p-steps-title",step:"p-steps-number",action:"p-menuitem-link",menuitem:function(e){return i.classNames("p-steps-item",e.item.className,{"p-highlight p-steps-current":e.active,"p-disabled":e.disabled})},root:function(e){var t=e.props;return i.classNames("p-steps p-component",{"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps ol {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-steps.p-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n"}});function y(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?y(Object(n),!0).forEach((function(t){var r,i,a;r=e,a=n[t],(i=c(i=t))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=l.memo(l.forwardRef((function(e,a){var o,s,c=r.useMergeProps(),m=l.useContext(t.PrimeReactContext),y=b.getProps(e,m),g=l.useState(y.id),O=(s=2,u(o=g)||p(o,s)||f(o,s)||d()),h=O[0],S=O[1],j=l.useRef(null),x=l.useRef(null),E=b.setMetaData({props:y,state:{id:h}}),w=E.ptm,P=E.cx;n.useHandleStyle(b.css.styles,E.isUnstyled,{name:"steps"});var N=function(e,t,n){y.readOnly||t.disabled?e.preventDefault():(y.onSelect&&y.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},k=function(e,t,n){if(!y.readOnly)switch(e.code){case"ArrowRight":D(e.target),e.preventDefault();break;case"ArrowLeft":I(e.target),e.preventDefault();break;case"Home":C(e.target),e.preventDefault();break;case"End":A(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":N(e,t,n),e.preventDefault()}},D=function(e){var t=_(e);t&&R(e,t)},I=function(e){var t=q(e);t&&R(e,t)},C=function(e){var t=M();t&&R(e,t)},A=function(e){var t=H();t&&R(e,t)},_=function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},q=function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},M=function(){var e=i.DomHandler.findSingle(x.current,'[data-pc-section="menuitem"]');return e?e.children[0]:null},H=function(){var e=i.DomHandler.find(x.current,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},R=function(e,t){e.tabIndex="-1",t.tabIndex="0",setTimeout((function(){return t.focus()}),0)},T=function(){var e=M();e.tabIndex="0",e.focus()},U=function(e,t){if(!1===e.visible)return null;var n=e.id||h+"_"+t,r=t===y.activeIndex,a=e.disabled||t!==y.activeIndex&&y.readOnly,o=i.classNames("p-menuitem-icon",e.icon),s=c({className:P("icon",{item:e})},w("icon")),u=i.IconUtils.getJSXIcon(e.icon,v({},s),{props:y}),p=c({className:P("label")},w("label")),m=e.label&&l.createElement("span",p,e.label),f=c({className:P("step")},w("step")),d=c({href:e.url||"#",className:P("action"),tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},target:e.target,onKeyDown:function(n){return k(n,e,t)},onClick:function(n){return N(n,e,t)}},w("action")),b=l.createElement("a",d,l.createElement("span",f,t+1),u,m);e.template&&(b=i.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return N(n,e,t)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:o,"aria-current":r,element:b,props:y,active:r,disabled:a}));var g=c({key:n,id:n,className:P("menuitem",{active:r,disabled:a,item:e}),style:e.style},w("menuitem"));return l.createElement("li",g,b)};r.useMountEffect((function(){h||S(i.UniqueComponentId())})),l.useImperativeHandle(a,(function(){return{props:y,getElement:function(){return j.current}}}));var B=c({id:y.id,ref:j,className:P("root"),style:y.style},b.getOtherProps(y),w("root")),F=function(){var e=c({ref:x,tabIndex:y.readOnly?null:"0",onFocus:function(){y.readOnly||T()},onBlur:function(){return T}},w("menu"));if(y.model){var t=y.model.map(U);return l.createElement("ol",e,t)}return null}();return l.createElement("nav",B,F)})));g.displayName="Steps",exports.Steps=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),i=require("primereact/utils");function a(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=a(e);function o(e){return o="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},o(e)}function s(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function c(e){var t=s(e,"string");return"symbol"===o(t)?t:String(t)}function u(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,l,o=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(o.push(r.value),o.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw i}}return o}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=n.ComponentBase.extend({defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},css:{classes:{icon:function(e){return i.classNames("p-menuitem-icon",e.item.icon)},label:"p-steps-title",step:"p-steps-number",action:"p-menuitem-link",menuitem:function(e){return i.classNames("p-steps-item",e.item.className,{"p-highlight p-steps-current":e.active,"p-disabled":e.disabled})},root:function(e){var t=e.props;return i.classNames("p-steps p-component",{"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps ol {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-steps.p-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n"}});function y(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?y(Object(n),!0).forEach((function(t){var r,i,a;r=e,a=n[t],(i=c(i=t))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=l.memo(l.forwardRef((function(e,a){var o,s,c=r.useMergeProps(),m=l.useContext(t.PrimeReactContext),y=b.getProps(e,m),g=l.useState(y.id),O=(s=2,u(o=g)||p(o,s)||f(o,s)||d()),h=O[0],S=O[1],j=l.useRef(null),x=l.useRef(null),E=b.setMetaData({props:y,state:{id:h}}),w=E.ptm,P=E.cx;n.useHandleStyle(b.css.styles,E.isUnstyled,{name:"steps"});var N=function(e,t,n){y.readOnly||t.disabled?e.preventDefault():(y.onSelect&&y.onSelect({originalEvent:e,item:t,index:n}),t.command&&t.command({originalEvent:e,item:t,index:n}),t.url||(e.preventDefault(),e.stopPropagation()))},k=function(e,t,n){if(!y.readOnly)switch(e.code){case"ArrowRight":D(e.target),e.preventDefault();break;case"ArrowLeft":I(e.target),e.preventDefault();break;case"Home":C(e.target),e.preventDefault();break;case"End":A(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":N(e,t,n),e.preventDefault()}},D=function(e){var t=_(e);t&&R(e,t)},I=function(e){var t=q(e);t&&R(e,t)},C=function(e){var t=M();t&&R(e,t)},A=function(e){var t=H();t&&R(e,t)},_=function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},q=function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},M=function(){var e=i.DomHandler.findSingle(x.current,'[data-pc-section="menuitem"]');return e?e.children[0]:null},H=function(){var e=i.DomHandler.find(x.current,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},R=function(e,t){e.tabIndex="-1",t.tabIndex="0",setTimeout((function(){return t.focus()}),0)},T=function(){var e=M();e.tabIndex="0",e.focus()},U=function(e,t){if(!1===e.visible)return null;var n=e.id||h+"_"+t,r=t===y.activeIndex,a=e.disabled||t!==y.activeIndex&&y.readOnly,o=i.classNames("p-menuitem-icon",e.icon),s=c({className:P("icon",{item:e})},w("icon")),u=i.IconUtils.getJSXIcon(e.icon,v({},s),{props:y}),p=c({className:P("label")},w("label")),m=e.label&&l.createElement("span",p,e.label),f=c({className:P("step")},w("step")),d=c({href:e.url||"#",className:P("action"),tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},target:e.target,onKeyDown:function(n){return k(n,e,t)},onClick:function(n){return N(n,e,t)}},w("action")),b=l.createElement("a",d,l.createElement("span",f,t+1),u,m);e.template&&(b=i.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return N(n,e,t)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:o,"aria-current":r,element:b,props:y,active:r,disabled:a}));var g=c({key:n,id:n,className:P("menuitem",{active:r,disabled:a,item:e}),style:e.style},w("menuitem"));return l.createElement("li",g,b)};r.useMountEffect((function(){h||S(i.UniqueComponentId())})),l.useImperativeHandle(a,(function(){return{props:y,getElement:function(){return j.current}}}));var B=c({id:y.id,ref:j,className:P("root"),style:y.style},b.getOtherProps(y),w("root")),F=function(){var e=c({ref:x,tabIndex:y.readOnly?null:"0",onFocus:function(){y.readOnly||T()},onBlur:function(){return T}},w("menu"));if(y.model){var t=y.model.map(U);return l.createElement("ol",e,t)}return null}();return l.createElement("nav",B,F)})));g.displayName="Steps",exports.Steps=g;

package/steps/steps.esm.js

@@ -180,9 +180,6 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
         index: index
       });
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -190,6 +187,10 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
         index: index
       });
     }
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var onItemKeyDown = function onItemKeyDown(event, item, index) {
     if (props.readOnly) {

package/steps/steps.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 i,useMountEffect as a}from"primereact/hooks";import{classNames as o,UniqueComponentId as l,IconUtils as c,ObjectUtils as s,DomHandler as u}from"primereact/utils";function p(e){return p="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},p(e)}function m(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=m(e,"string");return"symbol"===p(t)?t:String(t)}function d(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,o,l=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h=n.extend({defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},css:{classes:{icon:function(e){return o("p-menuitem-icon",e.item.icon)},label:"p-steps-title",step:"p-steps-number",action:"p-menuitem-link",menuitem:function(e){return o("p-steps-item",e.item.className,{"p-highlight p-steps-current":e.active,"p-disabled":e.disabled})},root:function(e){var t=e.props;return o("p-steps p-component",{"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps ol {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-steps.p-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n"}});function O(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 S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){var r,i,a;r=e,a=n[t],(i=f(i=t))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=e.memo(e.forwardRef((function(n,p){var m,f,b=i(),O=e.useContext(t),x=h.getProps(n,O),j=e.useState(x.id),w=(f=2,d(m=j)||y(m,f)||v(m,f)||g()),E=w[0],P=w[1],k=e.useRef(null),N=e.useRef(null),D=h.setMetaData({props:x,state:{id:E}}),I=D.ptm,A=D.cx;r(h.css.styles,D.isUnstyled,{name:"steps"});var C=function(e,t,n){x.readOnly||t.disabled?e.preventDefault():(x.onSelect&&x.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},T=function(e,t,n){if(!x.readOnly)switch(e.code){case"ArrowRight":R(e.target),e.preventDefault();break;case"ArrowLeft":_(e.target),e.preventDefault();break;case"Home":F(e.target),e.preventDefault();break;case"End":H(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":C(e,t,n),e.preventDefault()}},R=function(e){var t=J(e);t&&B(e,t)},_=function(e){var t=M(e);t&&B(e,t)},F=function(e){var t=U();t&&B(e,t)},H=function(e){var t=X();t&&B(e,t)},J=function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},M=function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},U=function(){var e=u.findSingle(N.current,'[data-pc-section="menuitem"]');return e?e.children[0]:null},X=function(){var e=u.find(N.current,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},B=function(e,t){e.tabIndex="-1",t.tabIndex="0",setTimeout((function(){return t.focus()}),0)},K=function(){var e=U();e.tabIndex="0",e.focus()},L=function(t,n){if(!1===t.visible)return null;var r=t.id||E+"_"+n,i=n===x.activeIndex,a=t.disabled||n!==x.activeIndex&&x.readOnly,l=o("p-menuitem-icon",t.icon),u=b({className:A("icon",{item:t})},I("icon")),p=c.getJSXIcon(t.icon,S({},u),{props:x}),m=b({className:A("label")},I("label")),f=t.label&&e.createElement("span",m,t.label),d=b({className:A("step")},I("step")),y=b({href:t.url||"#",className:A("action"),tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},target:t.target,onKeyDown:function(e){return T(e,t,n)},onClick:function(e){return C(e,t,n)}},I("action")),v=e.createElement("a",y,e.createElement("span",d,n+1),p,f);t.template&&(v=s.getJSXElement(t.template,t,{onClick:function(e){return C(e,t,n)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:l,"aria-current":i,element:v,props:x,active:i,disabled:a}));var g=b({key:r,id:r,className:A("menuitem",{active:i,disabled:a,item:t}),style:t.style},I("menuitem"));return e.createElement("li",g,v)};a((function(){E||P(l())})),e.useImperativeHandle(p,(function(){return{props:x,getElement:function(){return k.current}}}));var Y=b({id:x.id,ref:k,className:A("root"),style:x.style},h.getOtherProps(x),I("root")),$=function(){var t=b({ref:N,tabIndex:x.readOnly?null:"0",onFocus:function(){x.readOnly||K()},onBlur:function(){return K}},I("menu"));if(x.model){var n=x.model.map(L);return e.createElement("ol",t,n)}return null}();return e.createElement("nav",Y,$)})));x.displayName="Steps";export{x as Steps};
+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 i,useMountEffect as a}from"primereact/hooks";import{classNames as o,UniqueComponentId as l,IconUtils as c,ObjectUtils as s,DomHandler as u}from"primereact/utils";function p(e){return p="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},p(e)}function m(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=m(e,"string");return"symbol"===p(t)?t:String(t)}function d(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,o,l=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h=n.extend({defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},css:{classes:{icon:function(e){return o("p-menuitem-icon",e.item.icon)},label:"p-steps-title",step:"p-steps-number",action:"p-menuitem-link",menuitem:function(e){return o("p-steps-item",e.item.className,{"p-highlight p-steps-current":e.active,"p-disabled":e.disabled})},root:function(e){var t=e.props;return o("p-steps p-component",{"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps ol {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-steps.p-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n"}});function O(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 S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){var r,i,a;r=e,a=n[t],(i=f(i=t))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=e.memo(e.forwardRef((function(n,p){var m,f,b=i(),O=e.useContext(t),x=h.getProps(n,O),j=e.useState(x.id),w=(f=2,d(m=j)||y(m,f)||v(m,f)||g()),E=w[0],P=w[1],k=e.useRef(null),N=e.useRef(null),D=h.setMetaData({props:x,state:{id:E}}),I=D.ptm,A=D.cx;r(h.css.styles,D.isUnstyled,{name:"steps"});var C=function(e,t,n){x.readOnly||t.disabled?e.preventDefault():(x.onSelect&&x.onSelect({originalEvent:e,item:t,index:n}),t.command&&t.command({originalEvent:e,item:t,index:n}),t.url||(e.preventDefault(),e.stopPropagation()))},T=function(e,t,n){if(!x.readOnly)switch(e.code){case"ArrowRight":R(e.target),e.preventDefault();break;case"ArrowLeft":_(e.target),e.preventDefault();break;case"Home":F(e.target),e.preventDefault();break;case"End":H(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":C(e,t,n),e.preventDefault()}},R=function(e){var t=J(e);t&&B(e,t)},_=function(e){var t=M(e);t&&B(e,t)},F=function(e){var t=U();t&&B(e,t)},H=function(e){var t=X();t&&B(e,t)},J=function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},M=function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},U=function(){var e=u.findSingle(N.current,'[data-pc-section="menuitem"]');return e?e.children[0]:null},X=function(){var e=u.find(N.current,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},B=function(e,t){e.tabIndex="-1",t.tabIndex="0",setTimeout((function(){return t.focus()}),0)},K=function(){var e=U();e.tabIndex="0",e.focus()},L=function(t,n){if(!1===t.visible)return null;var r=t.id||E+"_"+n,i=n===x.activeIndex,a=t.disabled||n!==x.activeIndex&&x.readOnly,l=o("p-menuitem-icon",t.icon),u=b({className:A("icon",{item:t})},I("icon")),p=c.getJSXIcon(t.icon,S({},u),{props:x}),m=b({className:A("label")},I("label")),f=t.label&&e.createElement("span",m,t.label),d=b({className:A("step")},I("step")),y=b({href:t.url||"#",className:A("action"),tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},target:t.target,onKeyDown:function(e){return T(e,t,n)},onClick:function(e){return C(e,t,n)}},I("action")),v=e.createElement("a",y,e.createElement("span",d,n+1),p,f);t.template&&(v=s.getJSXElement(t.template,t,{onClick:function(e){return C(e,t,n)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:l,"aria-current":i,element:v,props:x,active:i,disabled:a}));var g=b({key:r,id:r,className:A("menuitem",{active:i,disabled:a,item:t}),style:t.style},I("menuitem"));return e.createElement("li",g,v)};a((function(){E||P(l())})),e.useImperativeHandle(p,(function(){return{props:x,getElement:function(){return k.current}}}));var Y=b({id:x.id,ref:k,className:A("root"),style:x.style},h.getOtherProps(x),I("root")),$=function(){var t=b({ref:N,tabIndex:x.readOnly?null:"0",onFocus:function(){x.readOnly||K()},onBlur:function(){return K}},I("menu"));if(x.model){var n=x.model.map(L);return e.createElement("ol",t,n)}return null}();return e.createElement("nav",Y,$)})));x.displayName="Steps";export{x as Steps};

package/steps/steps.js

@@ -197,9 +197,6 @@ this.primereact.steps = (function (exports, React, api, componentbase, hooks, ut
           index: index
         });
       }
-      if (!item.url) {
-        event.preventDefault();
-      }
       if (item.command) {
         item.command({
           originalEvent: event,
@@ -207,6 +204,10 @@ this.primereact.steps = (function (exports, React, api, componentbase, hooks, ut
           index: index
         });
       }
+      if (!item.url) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
     };
     var onItemKeyDown = function onItemKeyDown(event, item, index) {
       if (props.readOnly) {

package/steps/steps.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.steps=function(e,t,n,r,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 o=l(t);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 c(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 u(e){var t=c(e,"string");return"symbol"===s(t)?t:String(t)}function p(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,l,o=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(o.push(r.value),o.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw i}}return o}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var y=r.ComponentBase.extend({defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},css:{classes:{icon:function(e){return a.classNames("p-menuitem-icon",e.item.icon)},label:"p-steps-title",step:"p-steps-number",action:"p-menuitem-link",menuitem:function(e){return a.classNames("p-steps-item",e.item.className,{"p-highlight p-steps-current":e.active,"p-disabled":e.disabled})},root:function(e){var t=e.props;return a.classNames("p-steps p-component",{"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps ol {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-steps.p-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n"}});function v(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 g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){var r,i,a;r=e,a=n[t],(i=u(i=t))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=o.memo(o.forwardRef((function(e,t){var l,s,c=i.useMergeProps(),u=o.useContext(n.PrimeReactContext),f=y.getProps(e,u),v=o.useState(f.id),O=(s=2,p(l=v)||m(l,s)||d(l,s)||b()),h=O[0],S=O[1],j=o.useRef(null),x=o.useRef(null),E=y.setMetaData({props:f,state:{id:h}}),w=E.ptm,P=E.cx;r.useHandleStyle(y.css.styles,E.isUnstyled,{name:"steps"});var N=function(e,t,n){f.readOnly||t.disabled?e.preventDefault():(f.onSelect&&f.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},k=function(e,t,n){if(!f.readOnly)switch(e.code){case"ArrowRight":D(e.target),e.preventDefault();break;case"ArrowLeft":I(e.target),e.preventDefault();break;case"Home":C(e.target),e.preventDefault();break;case"End":A(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":N(e,t,n),e.preventDefault()}},D=function(e){var t=_(e);t&&T(e,t)},I=function(e){var t=M(e);t&&T(e,t)},C=function(e){var t=R();t&&T(e,t)},A=function(e){var t=H();t&&T(e,t)},_=function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},M=function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},R=function(){var e=a.DomHandler.findSingle(x.current,'[data-pc-section="menuitem"]');return e?e.children[0]:null},H=function(){var e=a.DomHandler.find(x.current,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},T=function(e,t){e.tabIndex="-1",t.tabIndex="0",setTimeout((function(){return t.focus()}),0)},U=function(){var e=R();e.tabIndex="0",e.focus()},B=function(e,t){if(!1===e.visible)return null;var n=e.id||h+"_"+t,r=t===f.activeIndex,i=e.disabled||t!==f.activeIndex&&f.readOnly,l=a.classNames("p-menuitem-icon",e.icon),s=c({className:P("icon",{item:e})},w("icon")),u=a.IconUtils.getJSXIcon(e.icon,g({},s),{props:f}),p=c({className:P("label")},w("label")),m=e.label&&o.createElement("span",p,e.label),d=c({className:P("step")},w("step")),b=c({href:e.url||"#",className:P("action"),tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},target:e.target,onKeyDown:function(n){return k(n,e,t)},onClick:function(n){return N(n,e,t)}},w("action")),y=o.createElement("a",b,o.createElement("span",d,t+1),u,m);e.template&&(y=a.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return N(n,e,t)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:l,"aria-current":r,element:y,props:f,active:r,disabled:i}));var v=c({key:n,id:n,className:P("menuitem",{active:r,disabled:i,item:e}),style:e.style},w("menuitem"));return o.createElement("li",v,y)};i.useMountEffect((function(){h||S(a.UniqueComponentId())})),o.useImperativeHandle(t,(function(){return{props:f,getElement:function(){return j.current}}}));var F=c({id:f.id,ref:j,className:P("root"),style:f.style},y.getOtherProps(f),w("root")),J=function(){var e=c({ref:x,tabIndex:f.readOnly?null:"0",onFocus:function(){f.readOnly||U()},onBlur:function(){return U}},w("menu"));if(f.model){var t=f.model.map(B);return o.createElement("ol",e,t)}return null}();return o.createElement("nav",F,J)})));return O.displayName="Steps",e.Steps=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.steps=function(e,t,n,r,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 o=l(t);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 c(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 u(e){var t=c(e,"string");return"symbol"===s(t)?t:String(t)}function p(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,l,o=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(o.push(r.value),o.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw i}}return o}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var y=r.ComponentBase.extend({defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},css:{classes:{icon:function(e){return a.classNames("p-menuitem-icon",e.item.icon)},label:"p-steps-title",step:"p-steps-number",action:"p-menuitem-link",menuitem:function(e){return a.classNames("p-steps-item",e.item.className,{"p-highlight p-steps-current":e.active,"p-disabled":e.disabled})},root:function(e){var t=e.props;return a.classNames("p-steps p-component",{"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps ol {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-steps.p-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n"}});function v(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 g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){var r,i,a;r=e,a=n[t],(i=u(i=t))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=o.memo(o.forwardRef((function(e,t){var l,s,c=i.useMergeProps(),u=o.useContext(n.PrimeReactContext),f=y.getProps(e,u),v=o.useState(f.id),O=(s=2,p(l=v)||m(l,s)||d(l,s)||b()),h=O[0],S=O[1],j=o.useRef(null),x=o.useRef(null),E=y.setMetaData({props:f,state:{id:h}}),w=E.ptm,P=E.cx;r.useHandleStyle(y.css.styles,E.isUnstyled,{name:"steps"});var N=function(e,t,n){f.readOnly||t.disabled?e.preventDefault():(f.onSelect&&f.onSelect({originalEvent:e,item:t,index:n}),t.command&&t.command({originalEvent:e,item:t,index:n}),t.url||(e.preventDefault(),e.stopPropagation()))},k=function(e,t,n){if(!f.readOnly)switch(e.code){case"ArrowRight":D(e.target),e.preventDefault();break;case"ArrowLeft":I(e.target),e.preventDefault();break;case"Home":C(e.target),e.preventDefault();break;case"End":A(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":N(e,t,n),e.preventDefault()}},D=function(e){var t=_(e);t&&T(e,t)},I=function(e){var t=M(e);t&&T(e,t)},C=function(e){var t=R();t&&T(e,t)},A=function(e){var t=H();t&&T(e,t)},_=function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},M=function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},R=function(){var e=a.DomHandler.findSingle(x.current,'[data-pc-section="menuitem"]');return e?e.children[0]:null},H=function(){var e=a.DomHandler.find(x.current,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},T=function(e,t){e.tabIndex="-1",t.tabIndex="0",setTimeout((function(){return t.focus()}),0)},U=function(){var e=R();e.tabIndex="0",e.focus()},B=function(e,t){if(!1===e.visible)return null;var n=e.id||h+"_"+t,r=t===f.activeIndex,i=e.disabled||t!==f.activeIndex&&f.readOnly,l=a.classNames("p-menuitem-icon",e.icon),s=c({className:P("icon",{item:e})},w("icon")),u=a.IconUtils.getJSXIcon(e.icon,g({},s),{props:f}),p=c({className:P("label")},w("label")),m=e.label&&o.createElement("span",p,e.label),d=c({className:P("step")},w("step")),b=c({href:e.url||"#",className:P("action"),tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},target:e.target,onKeyDown:function(n){return k(n,e,t)},onClick:function(n){return N(n,e,t)}},w("action")),y=o.createElement("a",b,o.createElement("span",d,t+1),u,m);e.template&&(y=a.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return N(n,e,t)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:l,"aria-current":r,element:y,props:f,active:r,disabled:i}));var v=c({key:n,id:n,className:P("menuitem",{active:r,disabled:i,item:e}),style:e.style},w("menuitem"));return o.createElement("li",v,y)};i.useMountEffect((function(){h||S(a.UniqueComponentId())})),o.useImperativeHandle(t,(function(){return{props:f,getElement:function(){return j.current}}}));var F=c({id:f.id,ref:j,className:P("root"),style:f.style},y.getOtherProps(f),w("root")),J=function(){var e=c({ref:x,tabIndex:f.readOnly?null:"0",onFocus:function(){f.readOnly||U()},onBlur:function(){return U}},w("menu"));if(f.model){var t=f.model.map(B);return o.createElement("ol",e,t)}return null}();return o.createElement("nav",F,J)})));return O.displayName="Steps",e.Steps=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/styleclass/styleclass.cjs.js

@@ -4,9 +4,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var api = require('primereact/api');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
-var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -89,9 +89,11 @@ var StyleClassBase = {
     nodeRef: null,
     selector: null,
     enterClassName: null,
+    enterFromClassName: null,
     enterActiveClassName: null,
     enterToClassName: null,
     leaveClassName: null,
+    leaveFromClassName: null,
     leaveActiveClassName: null,
     leaveToClassName: null,
     hideOnOutsideClick: false,
@@ -183,17 +185,26 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref
           targetRef.current.style.height = '';
         }
         utils.DomHandler.addClass(targetRef.current, props.enterActiveClassName);
+
+        // enterClassName will be deprecated, use enterFromClassName
         if (props.enterClassName) {
           utils.DomHandler.removeClass(targetRef.current, props.enterClassName);
         }
+        if (props.enterFromClassName) {
+          utils.DomHandler.removeClass(targetRef.current, props.enterFromClassName);
+        }
         bindTargetEnterListener({
           target: targetRef.current
         });
       }
     } else {
+      // enterClassName will be deprecated, use enterFromClassName
       if (props.enterClassName) {
         utils.DomHandler.removeClass(targetRef.current, props.enterClassName);
       }
+      if (props.enterFromClassName) {
+        utils.DomHandler.removeClass(targetRef.current, props.enterFromClassName);
+      }
       if (props.enterToClassName) {
         utils.DomHandler.addClass(targetRef.current, props.enterToClassName);
       }
@@ -207,17 +218,26 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref
       if (!animating.current) {
         animating.current = true;
         utils.DomHandler.addClass(targetRef.current, props.leaveActiveClassName);
+
+        // leaveClassName will be deprecated, use leaveFromClassName
         if (props.leaveClassName) {
           utils.DomHandler.removeClass(targetRef.current, props.leaveClassName);
         }
+        if (props.leaveFromClassName) {
+          utils.DomHandler.removeClass(targetRef.current, props.leaveFromClassName);
+        }
         bindTargetLeaveListener({
           target: targetRef.current
         });
       }
     } else {
+      // leaveClassName will be deprecated, use leaveFromClassName
       if (props.leaveClassName) {
         utils.DomHandler.removeClass(targetRef.current, props.leaveClassName);
       }
+      if (props.leaveFromClassName) {
+        utils.DomHandler.removeClass(targetRef.current, props.leaveFromClassName);
+      }
       if (props.leaveToClassName) {
         utils.DomHandler.addClass(targetRef.current, props.leaveToClassName);
       }

package/styleclass/styleclass.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),t=require("primereact/utils"),n=require("primereact/api");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=a(e);function s(e){if(Array.isArray(e))return e}function u(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l,s,u=[],c=!0,o=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){o=!0,a=e}finally{try{if(!c&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(o)throw a}}return u}}function c(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function o(e,r){if(e){if("string"==typeof e)return c(e,r);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)?c(e,r):void 0}}function i(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e,r){return s(e)||u(e,r)||o(e,r)||i()}var d={defaultProps:{__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,d.defaultProps)}},f=l.forwardRef((function(e,a){var s=l.useContext(n.PrimeReactContext),u=d.getProps(e,s),c=l.useRef(null),o=l.useRef(!1),i=l.useRef(null),f=m(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(c.current,u.enterActiveClassName),u.enterToClassName&&t.DomHandler.addClass(c.current,u.enterToClassName),v(),"slidedown"===u.enterActiveClassName&&(c.current.style.maxHeight=""),o.current=!1}}),2),C=f[0],v=f[1],p=m(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(c.current,u.leaveActiveClassName),u.leaveToClassName&&t.DomHandler.addClass(c.current,u.leaveToClassName),N(),o.current=!1}}),2),g=p[0],N=p[1],y=m(r.useEventListener({type:"click",listener:function(e){S(c.current)&&"static"!==getComputedStyle(c.current).getPropertyValue("position")?T(e)&&A():b()},when:u.hideOnOutsideClick}),2),h=y[0],b=y[1],H=m(r.useEventListener({type:"click",listener:function(){c.current=P(),u.toggleClassName?t.DomHandler.hasClass(c.current,u.toggleClassName)?t.DomHandler.removeClass(c.current,u.toggleClassName):t.DomHandler.addClass(c.current,u.toggleClassName):t.DomHandler.isVisible(c.current)?A():E()}}),2),D=H[0],O=H[1],E=function(){u.enterActiveClassName?o.current||(o.current=!0,"slidedown"===u.enterActiveClassName&&(c.current.style.height="0px",t.DomHandler.removeClass(c.current,"hidden"),c.current.style.maxHeight=c.current.scrollHeight+"px",t.DomHandler.addClass(c.current,"hidden"),c.current.style.height=""),t.DomHandler.addClass(c.current,u.enterActiveClassName),u.enterClassName&&t.DomHandler.removeClass(c.current,u.enterClassName),C({target:c.current})):(u.enterClassName&&t.DomHandler.removeClass(c.current,u.enterClassName),u.enterToClassName&&t.DomHandler.addClass(c.current,u.enterToClassName)),h({target:i.current&&i.current.ownerDocument})},A=function(){u.leaveActiveClassName?o.current||(o.current=!0,t.DomHandler.addClass(c.current,u.leaveActiveClassName),u.leaveClassName&&t.DomHandler.removeClass(c.current,u.leaveClassName),g({target:c.current})):(u.leaveClassName&&t.DomHandler.removeClass(c.current,u.leaveClassName),u.leaveToClassName&&t.DomHandler.addClass(c.current,u.leaveToClassName)),u.hideOnOutsideClick&&b()},P=function(){if(c.current)return c.current;switch(u.selector){case"@next":return i.current&&i.current.nextElementSibling;case"@prev":return i.current&&i.current.previousElementSibling;case"@parent":return i.current&&i.current.parentElement;case"@grandparent":return i.current&&i.current.parentElement.parentElement;default:return document.querySelector(u.selector)}},j=function(){Promise.resolve().then((function(){i.current=t.ObjectUtils.getRefElement(u.nodeRef),D({target:i.current})}))},S=function(e){return e&&null!==e.offsetParent},T=function(e){return!i.current.isSameNode(e.target)&&!i.current.contains(e.target)&&!c.current.contains(e.target)};return l.useImperativeHandle(a,(function(){return{props:u,getElement:function(){return i.current},getTarget:function(){return c.current}}})),r.useMountEffect((function(){j()})),r.useUpdateEffect((function(){return j(),function(){O()}})),r.useUnmountEffect((function(){O(),b(),c.current=null})),u.children}));f.displayName="StyleClass",exports.StyleClass=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/hooks"),n=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=a(e);function s(e){if(Array.isArray(e))return e}function u(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l,s,u=[],o=!0,c=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;o=!1}else for(;!(o=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(c)throw a}}return u}}function o(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function c(e,r){if(e){if("string"==typeof e)return o(e,r);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)?o(e,r):void 0}}function i(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e,r){return s(e)||u(e,r)||c(e,r)||i()}var d={defaultProps:{__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterFromClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveFromClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,d.defaultProps)}},f=l.forwardRef((function(e,a){var s=l.useContext(r.PrimeReactContext),u=d.getProps(e,s),o=l.useRef(null),c=l.useRef(!1),i=l.useRef(null),f=m(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(o.current,u.enterActiveClassName),u.enterToClassName&&n.DomHandler.addClass(o.current,u.enterToClassName),v(),"slidedown"===u.enterActiveClassName&&(o.current.style.maxHeight=""),c.current=!1}}),2),C=f[0],v=f[1],p=m(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(o.current,u.leaveActiveClassName),u.leaveToClassName&&n.DomHandler.addClass(o.current,u.leaveToClassName),g(),c.current=!1}}),2),N=p[0],g=p[1],y=m(t.useEventListener({type:"click",listener:function(e){S(o.current)&&"static"!==getComputedStyle(o.current).getPropertyValue("position")?T(e)&&A():H()},when:u.hideOnOutsideClick}),2),h=y[0],H=y[1],D=m(t.useEventListener({type:"click",listener:function(){o.current=P(),u.toggleClassName?n.DomHandler.hasClass(o.current,u.toggleClassName)?n.DomHandler.removeClass(o.current,u.toggleClassName):n.DomHandler.addClass(o.current,u.toggleClassName):n.DomHandler.isVisible(o.current)?A():E()}}),2),b=D[0],O=D[1],E=function(){u.enterActiveClassName?c.current||(c.current=!0,"slidedown"===u.enterActiveClassName&&(o.current.style.height="0px",n.DomHandler.removeClass(o.current,"hidden"),o.current.style.maxHeight=o.current.scrollHeight+"px",n.DomHandler.addClass(o.current,"hidden"),o.current.style.height=""),n.DomHandler.addClass(o.current,u.enterActiveClassName),u.enterClassName&&n.DomHandler.removeClass(o.current,u.enterClassName),u.enterFromClassName&&n.DomHandler.removeClass(o.current,u.enterFromClassName),C({target:o.current})):(u.enterClassName&&n.DomHandler.removeClass(o.current,u.enterClassName),u.enterFromClassName&&n.DomHandler.removeClass(o.current,u.enterFromClassName),u.enterToClassName&&n.DomHandler.addClass(o.current,u.enterToClassName)),h({target:i.current&&i.current.ownerDocument})},A=function(){u.leaveActiveClassName?c.current||(c.current=!0,n.DomHandler.addClass(o.current,u.leaveActiveClassName),u.leaveClassName&&n.DomHandler.removeClass(o.current,u.leaveClassName),u.leaveFromClassName&&n.DomHandler.removeClass(o.current,u.leaveFromClassName),N({target:o.current})):(u.leaveClassName&&n.DomHandler.removeClass(o.current,u.leaveClassName),u.leaveFromClassName&&n.DomHandler.removeClass(o.current,u.leaveFromClassName),u.leaveToClassName&&n.DomHandler.addClass(o.current,u.leaveToClassName)),u.hideOnOutsideClick&&H()},P=function(){if(o.current)return o.current;switch(u.selector){case"@next":return i.current&&i.current.nextElementSibling;case"@prev":return i.current&&i.current.previousElementSibling;case"@parent":return i.current&&i.current.parentElement;case"@grandparent":return i.current&&i.current.parentElement.parentElement;default:return document.querySelector(u.selector)}},j=function(){Promise.resolve().then((function(){i.current=n.ObjectUtils.getRefElement(u.nodeRef),b({target:i.current})}))},S=function(e){return e&&null!==e.offsetParent},T=function(e){return!i.current.isSameNode(e.target)&&!i.current.contains(e.target)&&!o.current.contains(e.target)};return l.useImperativeHandle(a,(function(){return{props:u,getElement:function(){return i.current},getTarget:function(){return o.current}}})),t.useMountEffect((function(){j()})),t.useUpdateEffect((function(){return j(),function(){O()}})),t.useUnmountEffect((function(){O(),H(),o.current=null})),u.children}));f.displayName="StyleClass",exports.StyleClass=f;

package/styleclass/styleclass.d.ts

@@ -24,8 +24,13 @@ export interface StyleClassProps {
     selector?: '@next' | '@prev' | '@parent' | '@grandparent' | string | undefined;
     /**
      * Style class to add when item begins to get displayed.
+     * @deprecated since 10.5.2 Use 'enterFromClassName' option instead.
      */
     enterClassName?: string | undefined;
+    /**
+     * Style class to add when item begins to get displayed.
+     */
+    enterFromClassName?: string | undefined;
     /**
      * Style class to add during enter animation.
      */
@@ -36,8 +41,13 @@ export interface StyleClassProps {
     enterToClassName?: string | undefined;
     /**
      * Style class to add when item begins to get hidden.
+     * @deprecated since 10.5.2 Use 'leaveFromClassName' option instead.
      */
     leaveClassName?: string | undefined;
+    /**
+     * Style class to add when item begins to get hidden.
+     */
+    leaveFromClassName?: string | undefined;
     /**
      * Style class to add during leave animation.
      */

package/styleclass/styleclass.esm.js

@@ -1,8 +1,8 @@
 'use client';
 import * as React from 'react';
+import { PrimeReactContext } from 'primereact/api';
 import { useEventListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { ObjectUtils, DomHandler } from 'primereact/utils';
-import { PrimeReactContext } from 'primereact/api';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -65,9 +65,11 @@ var StyleClassBase = {
     nodeRef: null,
     selector: null,
     enterClassName: null,
+    enterFromClassName: null,
     enterActiveClassName: null,
     enterToClassName: null,
     leaveClassName: null,
+    leaveFromClassName: null,
     leaveActiveClassName: null,
     leaveToClassName: null,
     hideOnOutsideClick: false,
@@ -159,17 +161,26 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
           targetRef.current.style.height = '';
         }
         DomHandler.addClass(targetRef.current, props.enterActiveClassName);
+
+        // enterClassName will be deprecated, use enterFromClassName
         if (props.enterClassName) {
           DomHandler.removeClass(targetRef.current, props.enterClassName);
         }
+        if (props.enterFromClassName) {
+          DomHandler.removeClass(targetRef.current, props.enterFromClassName);
+        }
         bindTargetEnterListener({
           target: targetRef.current
         });
       }
     } else {
+      // enterClassName will be deprecated, use enterFromClassName
       if (props.enterClassName) {
         DomHandler.removeClass(targetRef.current, props.enterClassName);
       }
+      if (props.enterFromClassName) {
+        DomHandler.removeClass(targetRef.current, props.enterFromClassName);
+      }
       if (props.enterToClassName) {
         DomHandler.addClass(targetRef.current, props.enterToClassName);
       }
@@ -183,17 +194,26 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       if (!animating.current) {
         animating.current = true;
         DomHandler.addClass(targetRef.current, props.leaveActiveClassName);
+
+        // leaveClassName will be deprecated, use leaveFromClassName
         if (props.leaveClassName) {
           DomHandler.removeClass(targetRef.current, props.leaveClassName);
         }
+        if (props.leaveFromClassName) {
+          DomHandler.removeClass(targetRef.current, props.leaveFromClassName);
+        }
         bindTargetLeaveListener({
           target: targetRef.current
         });
       }
     } else {
+      // leaveClassName will be deprecated, use leaveFromClassName
       if (props.leaveClassName) {
         DomHandler.removeClass(targetRef.current, props.leaveClassName);
       }
+      if (props.leaveFromClassName) {
+        DomHandler.removeClass(targetRef.current, props.leaveFromClassName);
+      }
       if (props.leaveToClassName) {
         DomHandler.addClass(targetRef.current, props.leaveToClassName);
       }

package/styleclass/styleclass.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useEventListener as r,useMountEffect as t,useUpdateEffect as n,useUnmountEffect as a}from"primereact/hooks";import{ObjectUtils as l,DomHandler as s}from"primereact/utils";import{PrimeReactContext as u}from"primereact/api";function c(e){if(Array.isArray(e))return e}function o(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l,s,u=[],c=!0,o=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){o=!0,a=e}finally{try{if(!c&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(o)throw a}}return u}}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function m(e,r){if(e){if("string"==typeof e)return i(e,r);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)?i(e,r):void 0}}function f(){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 C(e,r){return c(e)||o(e,r)||m(e,r)||f()}var d={defaultProps:{__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null,children:void 0},getProps:function(e){return l.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return l.getDiffProps(e,d.defaultProps)}},v=e.forwardRef((function(c,o){var i=e.useContext(u),m=d.getProps(c,i),f=e.useRef(null),v=e.useRef(!1),p=e.useRef(null),g=C(r({type:"animationend",listener:function(){s.removeClass(f.current,m.enterActiveClassName),m.enterToClassName&&s.addClass(f.current,m.enterToClassName),y(),"slidedown"===m.enterActiveClassName&&(f.current.style.maxHeight=""),v.current=!1}}),2),N=g[0],y=g[1],h=C(r({type:"animationend",listener:function(){s.removeClass(f.current,m.leaveActiveClassName),m.leaveToClassName&&s.addClass(f.current,m.leaveToClassName),b(),v.current=!1}}),2),A=h[0],b=h[1],T=C(r({type:"click",listener:function(e){H(f.current)&&"static"!==getComputedStyle(f.current).getPropertyValue("position")?I(e)&&R():S()},when:m.hideOnOutsideClick}),2),P=T[0],S=T[1],O=C(r({type:"click",listener:function(){f.current=k(),m.toggleClassName?s.hasClass(f.current,m.toggleClassName)?s.removeClass(f.current,m.toggleClassName):s.addClass(f.current,m.toggleClassName):s.isVisible(f.current)?R():E()}}),2),w=O[0],x=O[1],E=function(){m.enterActiveClassName?v.current||(v.current=!0,"slidedown"===m.enterActiveClassName&&(f.current.style.height="0px",s.removeClass(f.current,"hidden"),f.current.style.maxHeight=f.current.scrollHeight+"px",s.addClass(f.current,"hidden"),f.current.style.height=""),s.addClass(f.current,m.enterActiveClassName),m.enterClassName&&s.removeClass(f.current,m.enterClassName),N({target:f.current})):(m.enterClassName&&s.removeClass(f.current,m.enterClassName),m.enterToClassName&&s.addClass(f.current,m.enterToClassName)),P({target:p.current&&p.current.ownerDocument})},R=function(){m.leaveActiveClassName?v.current||(v.current=!0,s.addClass(f.current,m.leaveActiveClassName),m.leaveClassName&&s.removeClass(f.current,m.leaveClassName),A({target:f.current})):(m.leaveClassName&&s.removeClass(f.current,m.leaveClassName),m.leaveToClassName&&s.addClass(f.current,m.leaveToClassName)),m.hideOnOutsideClick&&S()},k=function(){if(f.current)return f.current;switch(m.selector){case"@next":return p.current&&p.current.nextElementSibling;case"@prev":return p.current&&p.current.previousElementSibling;case"@parent":return p.current&&p.current.parentElement;case"@grandparent":return p.current&&p.current.parentElement.parentElement;default:return document.querySelector(m.selector)}},j=function(){Promise.resolve().then((function(){p.current=l.getRefElement(m.nodeRef),w({target:p.current})}))},H=function(e){return e&&null!==e.offsetParent},I=function(e){return!p.current.isSameNode(e.target)&&!p.current.contains(e.target)&&!f.current.contains(e.target)};return e.useImperativeHandle(o,(function(){return{props:m,getElement:function(){return p.current},getTarget:function(){return f.current}}})),t((function(){j()})),n((function(){return j(),function(){x()}})),a((function(){x(),S(),f.current=null})),m.children}));v.displayName="StyleClass";export{v as StyleClass};
+import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{useEventListener as t,useMountEffect as n,useUpdateEffect as a,useUnmountEffect as s}from"primereact/hooks";import{ObjectUtils as l,DomHandler as u}from"primereact/utils";function o(e){if(Array.isArray(e))return e}function c(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,s,l,u=[],o=!0,c=!1;try{if(s=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;o=!1}else for(;!(o=(n=s.call(t)).done)&&(u.push(n.value),u.length!==r);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw a}}return u}}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function m(e,r){if(e){if("string"==typeof e)return i(e,r);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)?i(e,r):void 0}}function C(){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 f(e,r){return o(e)||c(e,r)||m(e,r)||C()}var d={defaultProps:{__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterFromClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveFromClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null,children:void 0},getProps:function(e){return l.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return l.getDiffProps(e,d.defaultProps)}},v=e.forwardRef((function(o,c){var i=e.useContext(r),m=d.getProps(o,i),C=e.useRef(null),v=e.useRef(!1),N=e.useRef(null),p=f(t({type:"animationend",listener:function(){u.removeClass(C.current,m.enterActiveClassName),m.enterToClassName&&u.addClass(C.current,m.enterToClassName),y(),"slidedown"===m.enterActiveClassName&&(C.current.style.maxHeight=""),v.current=!1}}),2),g=p[0],y=p[1],h=f(t({type:"animationend",listener:function(){u.removeClass(C.current,m.leaveActiveClassName),m.leaveToClassName&&u.addClass(C.current,m.leaveToClassName),b(),v.current=!1}}),2),A=h[0],b=h[1],T=f(t({type:"click",listener:function(e){j(C.current)&&"static"!==getComputedStyle(C.current).getPropertyValue("position")?H(e)&&E():S()},when:m.hideOnOutsideClick}),2),P=T[0],S=T[1],O=f(t({type:"click",listener:function(){C.current=R(),m.toggleClassName?u.hasClass(C.current,m.toggleClassName)?u.removeClass(C.current,m.toggleClassName):u.addClass(C.current,m.toggleClassName):u.isVisible(C.current)?E():x()}}),2),w=O[0],F=O[1],x=function(){m.enterActiveClassName?v.current||(v.current=!0,"slidedown"===m.enterActiveClassName&&(C.current.style.height="0px",u.removeClass(C.current,"hidden"),C.current.style.maxHeight=C.current.scrollHeight+"px",u.addClass(C.current,"hidden"),C.current.style.height=""),u.addClass(C.current,m.enterActiveClassName),m.enterClassName&&u.removeClass(C.current,m.enterClassName),m.enterFromClassName&&u.removeClass(C.current,m.enterFromClassName),g({target:C.current})):(m.enterClassName&&u.removeClass(C.current,m.enterClassName),m.enterFromClassName&&u.removeClass(C.current,m.enterFromClassName),m.enterToClassName&&u.addClass(C.current,m.enterToClassName)),P({target:N.current&&N.current.ownerDocument})},E=function(){m.leaveActiveClassName?v.current||(v.current=!0,u.addClass(C.current,m.leaveActiveClassName),m.leaveClassName&&u.removeClass(C.current,m.leaveClassName),m.leaveFromClassName&&u.removeClass(C.current,m.leaveFromClassName),A({target:C.current})):(m.leaveClassName&&u.removeClass(C.current,m.leaveClassName),m.leaveFromClassName&&u.removeClass(C.current,m.leaveFromClassName),m.leaveToClassName&&u.addClass(C.current,m.leaveToClassName)),m.hideOnOutsideClick&&S()},R=function(){if(C.current)return C.current;switch(m.selector){case"@next":return N.current&&N.current.nextElementSibling;case"@prev":return N.current&&N.current.previousElementSibling;case"@parent":return N.current&&N.current.parentElement;case"@grandparent":return N.current&&N.current.parentElement.parentElement;default:return document.querySelector(m.selector)}},k=function(){Promise.resolve().then((function(){N.current=l.getRefElement(m.nodeRef),w({target:N.current})}))},j=function(e){return e&&null!==e.offsetParent},H=function(e){return!N.current.isSameNode(e.target)&&!N.current.contains(e.target)&&!C.current.contains(e.target)};return e.useImperativeHandle(c,(function(){return{props:m,getElement:function(){return N.current},getTarget:function(){return C.current}}})),n((function(){k()})),a((function(){return k(),function(){F()}})),s((function(){F(),S(),C.current=null})),m.children}));v.displayName="StyleClass";export{v as StyleClass};

package/styleclass/styleclass.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.styleclass = (function (exports, React, hooks, utils, api) {
+this.primereact.styleclass = (function (exports, React, api, hooks, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -83,9 +83,11 @@ this.primereact.styleclass = (function (exports, React, hooks, utils, api) {
       nodeRef: null,
       selector: null,
       enterClassName: null,
+      enterFromClassName: null,
       enterActiveClassName: null,
       enterToClassName: null,
       leaveClassName: null,
+      leaveFromClassName: null,
       leaveActiveClassName: null,
       leaveToClassName: null,
       hideOnOutsideClick: false,
@@ -177,17 +179,26 @@ this.primereact.styleclass = (function (exports, React, hooks, utils, api) {
             targetRef.current.style.height = '';
           }
           utils.DomHandler.addClass(targetRef.current, props.enterActiveClassName);
+
+          // enterClassName will be deprecated, use enterFromClassName
           if (props.enterClassName) {
             utils.DomHandler.removeClass(targetRef.current, props.enterClassName);
           }
+          if (props.enterFromClassName) {
+            utils.DomHandler.removeClass(targetRef.current, props.enterFromClassName);
+          }
           bindTargetEnterListener({
             target: targetRef.current
           });
         }
       } else {
+        // enterClassName will be deprecated, use enterFromClassName
         if (props.enterClassName) {
           utils.DomHandler.removeClass(targetRef.current, props.enterClassName);
         }
+        if (props.enterFromClassName) {
+          utils.DomHandler.removeClass(targetRef.current, props.enterFromClassName);
+        }
         if (props.enterToClassName) {
           utils.DomHandler.addClass(targetRef.current, props.enterToClassName);
         }
@@ -201,17 +212,26 @@ this.primereact.styleclass = (function (exports, React, hooks, utils, api) {
         if (!animating.current) {
           animating.current = true;
           utils.DomHandler.addClass(targetRef.current, props.leaveActiveClassName);
+
+          // leaveClassName will be deprecated, use leaveFromClassName
           if (props.leaveClassName) {
             utils.DomHandler.removeClass(targetRef.current, props.leaveClassName);
           }
+          if (props.leaveFromClassName) {
+            utils.DomHandler.removeClass(targetRef.current, props.leaveFromClassName);
+          }
           bindTargetLeaveListener({
             target: targetRef.current
           });
         }
       } else {
+        // leaveClassName will be deprecated, use leaveFromClassName
         if (props.leaveClassName) {
           utils.DomHandler.removeClass(targetRef.current, props.leaveClassName);
         }
+        if (props.leaveFromClassName) {
+          utils.DomHandler.removeClass(targetRef.current, props.leaveFromClassName);
+        }
         if (props.leaveToClassName) {
           utils.DomHandler.addClass(targetRef.current, props.leaveToClassName);
         }
@@ -289,4 +309,4 @@ this.primereact.styleclass = (function (exports, React, hooks, utils, api) {
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.utils, primereact.api);
+})({}, React, primereact.api, primereact.hooks, primereact.utils);

package/styleclass/styleclass.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.styleclass=function(e,r,t,n,a){"use strict";function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=l(r);function u(e){if(Array.isArray(e))return e}function c(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l,s,u=[],c=!0,o=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(e){o=!0,a=e}finally{try{if(!c&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(o)throw a}}return u}}function o(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function i(e,r){if(e){if("string"==typeof e)return o(e,r);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)?o(e,r):void 0}}function m(){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 d(e,r){return u(e)||c(e,r)||i(e,r)||m()}var f={defaultProps:{__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,f.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,f.defaultProps)}},C=s.forwardRef((function(e,r){var l=s.useContext(a.PrimeReactContext),u=f.getProps(e,l),c=s.useRef(null),o=s.useRef(!1),i=s.useRef(null),m=d(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(c.current,u.enterActiveClassName),u.enterToClassName&&n.DomHandler.addClass(c.current,u.enterToClassName),v(),"slidedown"===u.enterActiveClassName&&(c.current.style.maxHeight=""),o.current=!1}}),2),C=m[0],v=m[1],p=d(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(c.current,u.leaveActiveClassName),u.leaveToClassName&&n.DomHandler.addClass(c.current,u.leaveToClassName),y(),o.current=!1}}),2),g=p[0],y=p[1],N=d(t.useEventListener({type:"click",listener:function(e){S(c.current)&&"static"!==getComputedStyle(c.current).getPropertyValue("position")?T(e)&&A():b()},when:u.hideOnOutsideClick}),2),h=N[0],b=N[1],H=d(t.useEventListener({type:"click",listener:function(){c.current=P(),u.toggleClassName?n.DomHandler.hasClass(c.current,u.toggleClassName)?n.DomHandler.removeClass(c.current,u.toggleClassName):n.DomHandler.addClass(c.current,u.toggleClassName):n.DomHandler.isVisible(c.current)?A():E()}}),2),D=H[0],O=H[1],E=function(){u.enterActiveClassName?o.current||(o.current=!0,"slidedown"===u.enterActiveClassName&&(c.current.style.height="0px",n.DomHandler.removeClass(c.current,"hidden"),c.current.style.maxHeight=c.current.scrollHeight+"px",n.DomHandler.addClass(c.current,"hidden"),c.current.style.height=""),n.DomHandler.addClass(c.current,u.enterActiveClassName),u.enterClassName&&n.DomHandler.removeClass(c.current,u.enterClassName),C({target:c.current})):(u.enterClassName&&n.DomHandler.removeClass(c.current,u.enterClassName),u.enterToClassName&&n.DomHandler.addClass(c.current,u.enterToClassName)),h({target:i.current&&i.current.ownerDocument})},A=function(){u.leaveActiveClassName?o.current||(o.current=!0,n.DomHandler.addClass(c.current,u.leaveActiveClassName),u.leaveClassName&&n.DomHandler.removeClass(c.current,u.leaveClassName),g({target:c.current})):(u.leaveClassName&&n.DomHandler.removeClass(c.current,u.leaveClassName),u.leaveToClassName&&n.DomHandler.addClass(c.current,u.leaveToClassName)),u.hideOnOutsideClick&&b()},P=function(){if(c.current)return c.current;switch(u.selector){case"@next":return i.current&&i.current.nextElementSibling;case"@prev":return i.current&&i.current.previousElementSibling;case"@parent":return i.current&&i.current.parentElement;case"@grandparent":return i.current&&i.current.parentElement.parentElement;default:return document.querySelector(u.selector)}},j=function(){Promise.resolve().then((function(){i.current=n.ObjectUtils.getRefElement(u.nodeRef),D({target:i.current})}))},S=function(e){return e&&null!==e.offsetParent},T=function(e){return!i.current.isSameNode(e.target)&&!i.current.contains(e.target)&&!c.current.contains(e.target)};return s.useImperativeHandle(r,(function(){return{props:u,getElement:function(){return i.current},getTarget:function(){return c.current}}})),t.useMountEffect((function(){j()})),t.useUpdateEffect((function(){return j(),function(){O()}})),t.useUnmountEffect((function(){O(),b(),c.current=null})),u.children}));return C.displayName="StyleClass",e.StyleClass=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils,primereact.api);
+this.primereact=this.primereact||{},this.primereact.styleclass=function(e,r,t,n,a){"use strict";function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=l(r);function u(e){if(Array.isArray(e))return e}function o(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l,s,u=[],o=!0,c=!1;try{if(l=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;o=!1}else for(;!(o=(n=l.call(t)).done)&&(u.push(n.value),u.length!==r);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(c)throw a}}return u}}function c(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function i(e,r){if(e){if("string"==typeof e)return c(e,r);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)?c(e,r):void 0}}function m(){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 d(e,r){return u(e)||o(e,r)||i(e,r)||m()}var f={defaultProps:{__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterFromClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveFromClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,f.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,f.defaultProps)}},C=s.forwardRef((function(e,r){var l=s.useContext(t.PrimeReactContext),u=f.getProps(e,l),o=s.useRef(null),c=s.useRef(!1),i=s.useRef(null),m=d(n.useEventListener({type:"animationend",listener:function(){a.DomHandler.removeClass(o.current,u.enterActiveClassName),u.enterToClassName&&a.DomHandler.addClass(o.current,u.enterToClassName),v(),"slidedown"===u.enterActiveClassName&&(o.current.style.maxHeight=""),c.current=!1}}),2),C=m[0],v=m[1],p=d(n.useEventListener({type:"animationend",listener:function(){a.DomHandler.removeClass(o.current,u.leaveActiveClassName),u.leaveToClassName&&a.DomHandler.addClass(o.current,u.leaveToClassName),g(),c.current=!1}}),2),N=p[0],g=p[1],y=d(n.useEventListener({type:"click",listener:function(e){S(o.current)&&"static"!==getComputedStyle(o.current).getPropertyValue("position")?T(e)&&A():H()},when:u.hideOnOutsideClick}),2),h=y[0],H=y[1],D=d(n.useEventListener({type:"click",listener:function(){o.current=P(),u.toggleClassName?a.DomHandler.hasClass(o.current,u.toggleClassName)?a.DomHandler.removeClass(o.current,u.toggleClassName):a.DomHandler.addClass(o.current,u.toggleClassName):a.DomHandler.isVisible(o.current)?A():E()}}),2),b=D[0],O=D[1],E=function(){u.enterActiveClassName?c.current||(c.current=!0,"slidedown"===u.enterActiveClassName&&(o.current.style.height="0px",a.DomHandler.removeClass(o.current,"hidden"),o.current.style.maxHeight=o.current.scrollHeight+"px",a.DomHandler.addClass(o.current,"hidden"),o.current.style.height=""),a.DomHandler.addClass(o.current,u.enterActiveClassName),u.enterClassName&&a.DomHandler.removeClass(o.current,u.enterClassName),u.enterFromClassName&&a.DomHandler.removeClass(o.current,u.enterFromClassName),C({target:o.current})):(u.enterClassName&&a.DomHandler.removeClass(o.current,u.enterClassName),u.enterFromClassName&&a.DomHandler.removeClass(o.current,u.enterFromClassName),u.enterToClassName&&a.DomHandler.addClass(o.current,u.enterToClassName)),h({target:i.current&&i.current.ownerDocument})},A=function(){u.leaveActiveClassName?c.current||(c.current=!0,a.DomHandler.addClass(o.current,u.leaveActiveClassName),u.leaveClassName&&a.DomHandler.removeClass(o.current,u.leaveClassName),u.leaveFromClassName&&a.DomHandler.removeClass(o.current,u.leaveFromClassName),N({target:o.current})):(u.leaveClassName&&a.DomHandler.removeClass(o.current,u.leaveClassName),u.leaveFromClassName&&a.DomHandler.removeClass(o.current,u.leaveFromClassName),u.leaveToClassName&&a.DomHandler.addClass(o.current,u.leaveToClassName)),u.hideOnOutsideClick&&H()},P=function(){if(o.current)return o.current;switch(u.selector){case"@next":return i.current&&i.current.nextElementSibling;case"@prev":return i.current&&i.current.previousElementSibling;case"@parent":return i.current&&i.current.parentElement;case"@grandparent":return i.current&&i.current.parentElement.parentElement;default:return document.querySelector(u.selector)}},j=function(){Promise.resolve().then((function(){i.current=a.ObjectUtils.getRefElement(u.nodeRef),b({target:i.current})}))},S=function(e){return e&&null!==e.offsetParent},T=function(e){return!i.current.isSameNode(e.target)&&!i.current.contains(e.target)&&!o.current.contains(e.target)};return s.useImperativeHandle(r,(function(){return{props:u,getElement:function(){return i.current},getTarget:function(){return o.current}}})),n.useMountEffect((function(){j()})),n.useUpdateEffect((function(){return j(),function(){O()}})),n.useUnmountEffect((function(){O(),H(),o.current=null})),u.children}));return C.displayName="StyleClass",e.StyleClass=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils);

package/tabmenu/tabmenu.cjs.js

@@ -192,7 +192,7 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     props: props,
     state: {
       id: idState,
-      activeIndex: activeIndexState
+      activeIndex: activeIndex
     }
   };
   var _TabMenuBase$setMetaD = TabMenuBase.setMetaData(_objectSpread({}, metaData)),
@@ -216,9 +216,6 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       event.preventDefault();
       return;
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -234,6 +231,10 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     } else {
       setActiveIndexState(index);
     }
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var isSelected = function isSelected(index) {
     return index === (activeIndex || 0);

package/tabmenu/tabmenu.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"),a=require("primereact/ripple"),i=require("primereact/utils");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 o=l(e);function u(e){return u="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},u(e)}function c(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function m(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return o}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){return m(e)||f(e,t)||p(e,t)||b()}var y=n.ComponentBase.extend({defaultProps:{__TYPE:"TabMenu",id:null,model:null,activeIndex:0,ariaLabel:null,ariaLabelledBy:null,style:null,className:null,onTabChange:null,children:void 0},css:{classes:{icon:function(e){return i.classNames("p-menuitem-icon",e._icon)},label:"p-menuitem-text",action:"p-menuitem-link",menuitem:function(e){return i.classNames("p-tabmenuitem",{"p-highlight":e.active,"p-disabled":e.disabled},e._className)},inkbar:"p-tabmenu-ink-bar",menu:"p-tabmenu-nav p-reset",root:function(e){return i.classNames("p-tabmenu p-component",e.props.className)}},styles:"\n@layer primereact {\n    .p-tabmenu {\n        overflow-x: auto;\n    }\n\n    .p-tabmenu-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex-wrap: nowrap;\n    }\n\n    .p-tabmenu-nav a {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabmenu-nav a:focus {\n        z-index: 1;\n    }\n\n    .p-tabmenu-nav .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tabmenu-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabmenu::-webkit-scrollbar {\n        display: none;\n    }\n}\n"}});function g(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 h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){var r,a,i;r=e,i=n[t],(a=s(a=t))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=o.memo(o.forwardRef((function(e,l){var u=r.useMergeProps(),c=o.useContext(t.PrimeReactContext),s=y.getProps(e,c),m=v(o.useState(s.id),2),f=m[0],d=m[1],p=v(o.useState(s.activeIndex),2),b=p[0],g=p[1],x=o.useRef(null),O=o.useRef(null),j=o.useRef(null),w=o.useRef({}),S=s.onTabChange?s.activeIndex:b,E={props:s,state:{id:f,activeIndex:b}},D=y.setMetaData(h({},E)),N=D.ptm,P=D.cx,k=function(e,t,n){return N(e,{parent:E,context:{item:t,index:n}})};n.useHandleStyle(y.css.styles,D.isUnstyled,{name:"tabmenu"});var I=function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),s.onTabChange?s.onTabChange({originalEvent:e,value:t,index:n}):g(n))},C=function(e){return e===(S||0)},H=function(){if(s.model){for(var e=j.current.children,t=!1,n=0;n<e.length;n++){var r=e[n];i.DomHandler.getAttribute(r,"data-p-highlight")&&(O.current.style.width=i.DomHandler.getWidth(r)+"px",O.current.style.left=i.DomHandler.getOffset(r).left-i.DomHandler.getOffset(j.current).left+"px",t=!0)}t||(O.current.style.width="0px",O.current.style.left="0px")}};r.useMountEffect((function(){f||d(i.UniqueComponentId())})),o.useImperativeHandle(l,(function(){return{props:s,getElement:function(){return x.current}}})),o.useEffect((function(){H()}));var _=function(e,t,n){switch(e.code){case"ArrowRight":A(e.target),e.preventDefault();break;case"ArrowLeft":T(e.target),e.preventDefault();break;case"Home":M(e.target),e.preventDefault();break;case"End":R(e.target),e.preventDefault();break;case"Space":case"Enter":I(e,t,n),e.preventDefault();break;case"Tab":J()}},A=function(e){var t=q(e);t&&B(e,t)},T=function(e){var t=L(e);t&&B(e,t)},M=function(e){var t=U();t&&B(e,t)},R=function(e){var t=z();t&&B(e,t)},q=function e(t){var n=t.parentElement.nextElementSibling;return n?!0===i.DomHandler.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},L=function e(t){var n=t.parentElement.previousElementSibling;return n?!0===i.DomHandler.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},U=function(){var e=i.DomHandler.findSingle(j.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},z=function(){var e=i.DomHandler.find(j.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},B=function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},J=function(){var e=i.DomHandler.findSingle(j.current,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),t=i.DomHandler.findSingle(j.current,'[data-pc-section="action"][tabindex="0"]');t!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),t.tabIndex="-1")},X=function(e,t){if(!1===e.visible)return null;var n=e.className,r=e.style,l=e.disabled,c=e.icon,m=e.label,d=e.template,p=e.url,b=e.target,v=e.id||f+"_"+t,y=C(t),g=i.classNames("p-menuitem-icon",c),x=u({className:P("icon",{_icon:c})},k("icon",e,t)),O=i.IconUtils.getJSXIcon(c,h({},x),{props:s}),j=u({className:P("label")},k("label",e,t)),S=m&&o.createElement("span",j,m),E=u({href:p||"#",role:"menuitem","aria-label":m,tabIndex:y?"0":"-1",className:P("action"),target:b,onClick:function(n){return I(n,e,t)}},k("action",e,t)),D=o.createElement("a",E,O,S,o.createElement(a.Ripple,null));d&&(D=i.ObjectUtils.getJSXElement(d,e,{onClick:function(n){return I(n,e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:g,element:D,props:s,active:y,index:t,disabled:l}));var N=u({ref:w.current["tab_".concat(t)],id:v,key:v,onKeyDown:function(n){return _(n,e,t)},className:P("menuitem",{_className:n,active:y,disabled:l}),style:r,role:"presentation","data-p-highlight":y,"data-p-disabled":l||!1,"aria-disabled":l},k("menuitem",e,t));return o.createElement("li",N,D)};if(s.model){var K=s.model.map(X),W=u({ref:O,role:"none",className:P("inkbar")},N("inkbar")),Y=u({ref:j,"aria-label":s.ariaLabel,"aria-labelledby":s.ariaLabelledBy,className:P("menu"),role:"menubar"},N("menu")),$=u({id:s.id,ref:x,className:P("root"),style:s.style},y.getOtherProps(s),N("root"));return o.createElement("div",$,o.createElement("ul",Y,K,o.createElement("li",W)))}return null})));x.displayName="TabMenu",exports.TabMenu=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),a=require("primereact/ripple"),i=require("primereact/utils");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 o=l(e);function u(e){return u="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},u(e)}function c(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function m(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return o}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){return m(e)||f(e,t)||p(e,t)||b()}var y=n.ComponentBase.extend({defaultProps:{__TYPE:"TabMenu",id:null,model:null,activeIndex:0,ariaLabel:null,ariaLabelledBy:null,style:null,className:null,onTabChange:null,children:void 0},css:{classes:{icon:function(e){return i.classNames("p-menuitem-icon",e._icon)},label:"p-menuitem-text",action:"p-menuitem-link",menuitem:function(e){return i.classNames("p-tabmenuitem",{"p-highlight":e.active,"p-disabled":e.disabled},e._className)},inkbar:"p-tabmenu-ink-bar",menu:"p-tabmenu-nav p-reset",root:function(e){return i.classNames("p-tabmenu p-component",e.props.className)}},styles:"\n@layer primereact {\n    .p-tabmenu {\n        overflow-x: auto;\n    }\n\n    .p-tabmenu-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex-wrap: nowrap;\n    }\n\n    .p-tabmenu-nav a {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabmenu-nav a:focus {\n        z-index: 1;\n    }\n\n    .p-tabmenu-nav .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tabmenu-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabmenu::-webkit-scrollbar {\n        display: none;\n    }\n}\n"}});function g(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 h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){var r,a,i;r=e,i=n[t],(a=s(a=t))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=o.memo(o.forwardRef((function(e,l){var u=r.useMergeProps(),c=o.useContext(t.PrimeReactContext),s=y.getProps(e,c),m=v(o.useState(s.id),2),f=m[0],d=m[1],p=v(o.useState(s.activeIndex),2),b=p[0],g=p[1],x=o.useRef(null),O=o.useRef(null),j=o.useRef(null),w=o.useRef({}),S=s.onTabChange?s.activeIndex:b,E={props:s,state:{id:f,activeIndex:S}},D=y.setMetaData(h({},E)),N=D.ptm,P=D.cx,k=function(e,t,n){return N(e,{parent:E,context:{item:t,index:n}})};n.useHandleStyle(y.css.styles,D.isUnstyled,{name:"tabmenu"});var I=function(e,t,n){t.disabled?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),s.onTabChange?s.onTabChange({originalEvent:e,value:t,index:n}):g(n),t.url||(e.preventDefault(),e.stopPropagation()))},C=function(e){return e===(S||0)},H=function(){if(s.model){for(var e=j.current.children,t=!1,n=0;n<e.length;n++){var r=e[n];i.DomHandler.getAttribute(r,"data-p-highlight")&&(O.current.style.width=i.DomHandler.getWidth(r)+"px",O.current.style.left=i.DomHandler.getOffset(r).left-i.DomHandler.getOffset(j.current).left+"px",t=!0)}t||(O.current.style.width="0px",O.current.style.left="0px")}};r.useMountEffect((function(){f||d(i.UniqueComponentId())})),o.useImperativeHandle(l,(function(){return{props:s,getElement:function(){return x.current}}})),o.useEffect((function(){H()}));var _=function(e,t,n){switch(e.code){case"ArrowRight":A(e.target),e.preventDefault();break;case"ArrowLeft":T(e.target),e.preventDefault();break;case"Home":M(e.target),e.preventDefault();break;case"End":R(e.target),e.preventDefault();break;case"Space":case"Enter":I(e,t,n),e.preventDefault();break;case"Tab":J()}},A=function(e){var t=q(e);t&&B(e,t)},T=function(e){var t=L(e);t&&B(e,t)},M=function(e){var t=U();t&&B(e,t)},R=function(e){var t=z();t&&B(e,t)},q=function e(t){var n=t.parentElement.nextElementSibling;return n?!0===i.DomHandler.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},L=function e(t){var n=t.parentElement.previousElementSibling;return n?!0===i.DomHandler.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},U=function(){var e=i.DomHandler.findSingle(j.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},z=function(){var e=i.DomHandler.find(j.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},B=function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},J=function(){var e=i.DomHandler.findSingle(j.current,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),t=i.DomHandler.findSingle(j.current,'[data-pc-section="action"][tabindex="0"]');t!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),t.tabIndex="-1")},X=function(e,t){if(!1===e.visible)return null;var n=e.className,r=e.style,l=e.disabled,c=e.icon,m=e.label,d=e.template,p=e.url,b=e.target,v=e.id||f+"_"+t,y=C(t),g=i.classNames("p-menuitem-icon",c),x=u({className:P("icon",{_icon:c})},k("icon",e,t)),O=i.IconUtils.getJSXIcon(c,h({},x),{props:s}),j=u({className:P("label")},k("label",e,t)),S=m&&o.createElement("span",j,m),E=u({href:p||"#",role:"menuitem","aria-label":m,tabIndex:y?"0":"-1",className:P("action"),target:b,onClick:function(n){return I(n,e,t)}},k("action",e,t)),D=o.createElement("a",E,O,S,o.createElement(a.Ripple,null));d&&(D=i.ObjectUtils.getJSXElement(d,e,{onClick:function(n){return I(n,e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:g,element:D,props:s,active:y,index:t,disabled:l}));var N=u({ref:w.current["tab_".concat(t)],id:v,key:v,onKeyDown:function(n){return _(n,e,t)},className:P("menuitem",{_className:n,active:y,disabled:l}),style:r,role:"presentation","data-p-highlight":y,"data-p-disabled":l||!1,"aria-disabled":l},k("menuitem",e,t));return o.createElement("li",N,D)};if(s.model){var K=s.model.map(X),W=u({ref:O,role:"none",className:P("inkbar")},N("inkbar")),Y=u({ref:j,"aria-label":s.ariaLabel,"aria-labelledby":s.ariaLabelledBy,className:P("menu"),role:"menubar"},N("menu")),$=u({id:s.id,ref:x,className:P("root"),style:s.style},y.getOtherProps(s),N("root"));return o.createElement("div",$,o.createElement("ul",Y,K,o.createElement("li",W)))}return null})));x.displayName="TabMenu",exports.TabMenu=x;