primereact 10.3.0 → 10.3.2

package/resources/themes/vela-green/theme.css

@@ -3258,6 +3258,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3271,15 +3272,17 @@
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #a7d8a9;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(255, 255, 255, 0.09);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(129, 199, 132, 0.16);
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(129, 199, 132, 0.24);
+  }
   .p-tree {
     border: 1px solid #304562;
     background: #1f2d40;
@@ -3289,6 +3292,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #a7d8a9;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3325,11 +3334,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #a7d8a9;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(129, 199, 132, 0.16);
     color: rgba(255, 255, 255, 0.87);
@@ -3836,6 +3840,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #304562;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #a7d8a9;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #304562;
   }

package/resources/themes/vela-orange/theme.css

@@ -3258,6 +3258,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3271,15 +3272,17 @@
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #ffe284;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(255, 255, 255, 0.09);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(255, 213, 79, 0.16);
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(255, 213, 79, 0.24);
+  }
   .p-tree {
     border: 1px solid #304562;
     background: #1f2d40;
@@ -3289,6 +3292,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #ffe284;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3325,11 +3334,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #ffe284;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(255, 213, 79, 0.16);
     color: rgba(255, 255, 255, 0.87);
@@ -3836,6 +3840,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #304562;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #ffe284;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #304562;
   }

package/resources/themes/vela-purple/theme.css

@@ -3258,6 +3258,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3271,15 +3272,17 @@
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #cf95d9;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(255, 255, 255, 0.09);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(186, 104, 200, 0.16);
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(186, 104, 200, 0.24);
+  }
   .p-tree {
     border: 1px solid #304562;
     background: #1f2d40;
@@ -3289,6 +3292,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #cf95d9;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3325,11 +3334,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #cf95d9;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(186, 104, 200, 0.16);
     color: rgba(255, 255, 255, 0.87);
@@ -3836,6 +3840,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #304562;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #cf95d9;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #304562;
   }

package/resources/themes/viva-dark/theme.css

@@ -3284,6 +3284,7 @@
     padding: 0.5rem 0.5rem;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3297,15 +3298,17 @@
     background: rgba(158, 173, 230, 0.08);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #9eade6;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(158, 173, 230, 0.1);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #9eade6;
     background: rgba(158, 173, 230, 0.16);
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(158, 173, 230, 0.24);
+  }
   .p-tree {
     border: 2px solid #263238;
     background: #161d21;
@@ -3315,6 +3318,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #9eade6;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 6px;
@@ -3351,11 +3360,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #9eade6;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(158, 173, 230, 0.16);
     color: #9eade6;
@@ -3862,6 +3866,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #263238;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #9eade6;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #263238;
   }

package/resources/themes/viva-light/theme.css

@@ -3284,6 +3284,7 @@
     padding: 0.5rem 0.5rem;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3297,15 +3298,17 @@
     background: #edf0fa;
     color: #6c6c6c;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #bbc7ee;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #6c6c6c;
+    background: #e6e9f3;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #585858;
     background: #ced6f1;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #aebbe8;
+  }
   .p-tree {
     border: 2px solid #ebebeb;
     background: #ffffff;
@@ -3315,6 +3318,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #bbc7ee;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 6px;
@@ -3351,11 +3360,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #6c6c6c;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #bbc7ee;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #ced6f1;
     color: #585858;
@@ -3862,6 +3866,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #ebebeb;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem #bbc7ee;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #ebebeb;
   }

package/ripple/ripple.cjs.js

@@ -173,13 +173,16 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     setMounted = _React$useState2[1];
   var inkRef = React__namespace.useRef(null);
   var targetRef = React__namespace.useRef(null);
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = RippleBase.getProps(inProps, context);
+  var isRippleActive = context && context.ripple || PrimeReact__default["default"].ripple;
   var metaData = {
     props: props
   };
   hooks.useStyle(RippleBase.css.styles, {
-    name: 'ripple'
+    name: 'ripple',
+    manual: !isRippleActive
   });
   var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread({}, metaData)),
     ptm = _RippleBase$setMetaDa.ptm,
@@ -258,16 +261,17 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       unbindEvents();
     }
   });
-  var rootProps = utils.mergeProps({
+  if (!isRippleActive) return null;
+  var rootProps = mergeProps({
     'aria-hidden': true,
     className: utils.classNames(cx('root'))
   }, RippleBase.getOtherProps(props), ptm('root'));
-  return context && context.ripple || PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", _extends({
+  return /*#__PURE__*/React__namespace.createElement("span", _extends({
     role: "presentation",
     ref: inkRef
   }, rootProps, {
     onAnimationEnd: onAnimationEnd
-  })) : null;
+  }));
 }));
 Ripple.displayName = 'Ripple';
 

package/ripple/ripple.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/hooks"),n=require("primereact/utils"),o=require("primereact/componentbase");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 c=u(e),a=i(r);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},l.apply(this,arguments)}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 s(e,r){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function f(e){var r=s(e,"string");return"symbol"===p(r)?r:String(r)}function d(e){if(Array.isArray(e))return e}function m(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,u,c=[],a=!0,l=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;a=!1}else for(;!(a=(n=i.call(t)).done)&&(c.push(n.value),c.length!==r);a=!0);}catch(e){l=!0,o=e}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw o}}return c}}function y(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 b(e,r){if(e){if("string"==typeof e)return y(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)?y(e,r):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 v=o.ComponentBase.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(e){return n.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,v.defaultProps)}});function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=f(o=r))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var j=c.memo(c.forwardRef((function(e,o){var i,u,p=c.useState(!1),s=(u=2,d(i=p)||m(i,u)||b(i,u)||g()),f=s[0],y=s[1],O=c.useRef(null),j=c.useRef(null),P=c.useContext(r.PrimeReactContext),w=v.getProps(e,P),S={props:w};t.useStyle(v.css.styles,{name:"ripple"});var D=v.setMetaData(h({},S)),E=D.ptm,k=D.cx,H=function(){return O.current&&O.current.parentElement},x=function(){j.current&&j.current.addEventListener("pointerdown",C)},C=function(e){var r=n.DomHandler.getOffset(j.current),t=e.pageX-r.left+document.body.scrollTop-n.DomHandler.getWidth(O.current)/2,o=e.pageY-r.top+document.body.scrollLeft-n.DomHandler.getHeight(O.current)/2;A(t,o)},A=function(e,r){O.current&&"none"!==getComputedStyle(O.current,null).display&&(n.DomHandler.removeClass(O.current,"p-ink-active"),M(),O.current.style.top=r+"px",O.current.style.left=e+"px",n.DomHandler.addClass(O.current,"p-ink-active"))},M=function(){if(O.current&&!n.DomHandler.getHeight(O.current)&&!n.DomHandler.getWidth(O.current)){var e=Math.max(n.DomHandler.getOuterWidth(j.current),n.DomHandler.getOuterHeight(j.current));O.current.style.height=e+"px",O.current.style.width=e+"px"}};c.useImperativeHandle(o,(function(){return{props:w,getInk:function(){return O.current},getTarget:function(){return j.current}}})),t.useMountEffect((function(){y(!0)})),t.useUpdateEffect((function(){f&&O.current&&(j.current=H(),M(),x())}),[f]),t.useUpdateEffect((function(){O.current&&!j.current&&(j.current=H(),M(),x())})),t.useUnmountEffect((function(){O.current&&(j.current=null,j.current&&j.current.removeEventListener("pointerdown",C))}));var R=n.mergeProps({"aria-hidden":!0,className:n.classNames(k("root"))},v.getOtherProps(w),E("root"));return P&&P.ripple||a.default.ripple?c.createElement("span",l({role:"presentation",ref:O},R,{onAnimationEnd:function(e){n.DomHandler.removeClass(e.currentTarget,"p-ink-active")}})):null})));j.displayName="Ripple",exports.Ripple=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/hooks"),n=require("primereact/utils"),o=require("primereact/componentbase");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 a=u(e),c=i(r);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},l.apply(this,arguments)}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 s(e,r){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function f(e){var r=s(e,"string");return"symbol"===p(r)?r:String(r)}function d(e){if(Array.isArray(e))return e}function m(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,u,a=[],c=!0,l=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}function y(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 b(e,r){if(e){if("string"==typeof e)return y(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)?y(e,r):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 v=o.ComponentBase.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(e){return n.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,v.defaultProps)}});function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=f(o=r))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var j=a.memo(a.forwardRef((function(e,o){var i,u,p=a.useState(!1),s=(u=2,d(i=p)||m(i,u)||b(i,u)||g()),f=s[0],y=s[1],O=a.useRef(null),j=a.useRef(null),P=t.useMergeProps(),w=a.useContext(r.PrimeReactContext),S=v.getProps(e,w),D=w&&w.ripple||c.default.ripple,E={props:S};t.useStyle(v.css.styles,{name:"ripple",manual:!D});var k=v.setMetaData(h({},E)),H=k.ptm,x=k.cx,C=function(){return O.current&&O.current.parentElement},M=function(){j.current&&j.current.addEventListener("pointerdown",A)},A=function(e){var r=n.DomHandler.getOffset(j.current),t=e.pageX-r.left+document.body.scrollTop-n.DomHandler.getWidth(O.current)/2,o=e.pageY-r.top+document.body.scrollLeft-n.DomHandler.getHeight(O.current)/2;R(t,o)},R=function(e,r){O.current&&"none"!==getComputedStyle(O.current,null).display&&(n.DomHandler.removeClass(O.current,"p-ink-active"),T(),O.current.style.top=r+"px",O.current.style.left=e+"px",n.DomHandler.addClass(O.current,"p-ink-active"))},T=function(){if(O.current&&!n.DomHandler.getHeight(O.current)&&!n.DomHandler.getWidth(O.current)){var e=Math.max(n.DomHandler.getOuterWidth(j.current),n.DomHandler.getOuterHeight(j.current));O.current.style.height=e+"px",O.current.style.width=e+"px"}};if(a.useImperativeHandle(o,(function(){return{props:S,getInk:function(){return O.current},getTarget:function(){return j.current}}})),t.useMountEffect((function(){y(!0)})),t.useUpdateEffect((function(){f&&O.current&&(j.current=C(),T(),M())}),[f]),t.useUpdateEffect((function(){O.current&&!j.current&&(j.current=C(),T(),M())})),t.useUnmountEffect((function(){O.current&&(j.current=null,j.current&&j.current.removeEventListener("pointerdown",A))})),!D)return null;var U=P({"aria-hidden":!0,className:n.classNames(x("root"))},v.getOtherProps(S),H("root"));return a.createElement("span",l({role:"presentation",ref:O},U,{onAnimationEnd:function(e){n.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}))})));j.displayName="Ripple",exports.Ripple=j;

package/ripple/ripple.esm.js

@@ -1,8 +1,8 @@
 'use client';
 import * as React from 'react';
 import PrimeReact, { PrimeReactContext } from 'primereact/api';
-import { useStyle, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
-import { ObjectUtils, mergeProps, classNames, DomHandler } from 'primereact/utils';
+import { useMergeProps, useStyle, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
+import { ObjectUtils, classNames, DomHandler } from 'primereact/utils';
 import { ComponentBase } from 'primereact/componentbase';
 
 function _extends() {
@@ -146,13 +146,16 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     setMounted = _React$useState2[1];
   var inkRef = React.useRef(null);
   var targetRef = React.useRef(null);
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = RippleBase.getProps(inProps, context);
+  var isRippleActive = context && context.ripple || PrimeReact.ripple;
   var metaData = {
     props: props
   };
   useStyle(RippleBase.css.styles, {
-    name: 'ripple'
+    name: 'ripple',
+    manual: !isRippleActive
   });
   var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread({}, metaData)),
     ptm = _RippleBase$setMetaDa.ptm,
@@ -231,16 +234,17 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
       unbindEvents();
     }
   });
+  if (!isRippleActive) return null;
   var rootProps = mergeProps({
     'aria-hidden': true,
     className: classNames(cx('root'))
   }, RippleBase.getOtherProps(props), ptm('root'));
-  return context && context.ripple || PrimeReact.ripple ? /*#__PURE__*/React.createElement("span", _extends({
+  return /*#__PURE__*/React.createElement("span", _extends({
     role: "presentation",
     ref: inkRef
   }, rootProps, {
     onAnimationEnd: onAnimationEnd
-  })) : null;
+  }));
 }));
 Ripple.displayName = 'Ripple';
 

package/ripple/ripple.esm.min.js

@@ -1 +1 @@
-import*as r from"react";import e,{PrimeReactContext as t}from"primereact/api";import{useStyle as n,useMountEffect as o,useUpdateEffect as i,useUnmountEffect as u}from"primereact/hooks";import{ObjectUtils as c,mergeProps as a,classNames as l,DomHandler as p}from"primereact/utils";import{ComponentBase as s}from"primereact/componentbase";function f(){return f=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},f.apply(this,arguments)}function m(r){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},m(r)}function y(r,e){if("object"!==m(r)||null===r)return r;var t=r[Symbol.toPrimitive];if(void 0!==t){var n=t.call(r,e||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(r)}function b(r){var e=y(r,"string");return"symbol"===m(e)?e:String(e)}function d(r){if(Array.isArray(r))return r}function g(r,e){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var n,o,i,u,c=[],a=!0,l=!1;try{if(i=(t=t.call(r)).next,0===e){if(Object(t)!==t)return;a=!1}else for(;!(a=(n=i.call(t)).done)&&(c.push(n.value),c.length!==e);a=!0);}catch(r){l=!0,o=r}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw o}}return c}}function v(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}function h(r,e){if(r){if("string"==typeof r)return v(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(r,e):void 0}}function O(){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 j=s.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(r){return c.getMergedProps(r,j.defaultProps)},getOtherProps:function(r){return c.getDiffProps(r,j.defaultProps)}});function P(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,n)}return t}function w(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?P(Object(t),!0).forEach((function(e){var n,o,i;n=r,i=t[e],(o=b(o=e))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}var S=r.memo(r.forwardRef((function(c,s){var m,y,b=r.useState(!1),v=(y=2,d(m=b)||g(m,y)||h(m,y)||O()),P=v[0],S=v[1],k=r.useRef(null),x=r.useRef(null),E=r.useContext(t),A=j.getProps(c,E),C={props:A};n(j.css.styles,{name:"ripple"});var D=j.setMetaData(w({},C)),T=D.ptm,I=D.cx,R=function(){return k.current&&k.current.parentElement},H=function(){x.current&&x.current.addEventListener("pointerdown",M)},M=function(r){var e=p.getOffset(x.current),t=r.pageX-e.left+document.body.scrollTop-p.getWidth(k.current)/2,n=r.pageY-e.top+document.body.scrollLeft-p.getHeight(k.current)/2;L(t,n)},L=function(r,e){k.current&&"none"!==getComputedStyle(k.current,null).display&&(p.removeClass(k.current,"p-ink-active"),N(),k.current.style.top=e+"px",k.current.style.left=r+"px",p.addClass(k.current,"p-ink-active"))},N=function(){if(k.current&&!p.getHeight(k.current)&&!p.getWidth(k.current)){var r=Math.max(p.getOuterWidth(x.current),p.getOuterHeight(x.current));k.current.style.height=r+"px",k.current.style.width=r+"px"}};r.useImperativeHandle(s,(function(){return{props:A,getInk:function(){return k.current},getTarget:function(){return x.current}}})),o((function(){S(!0)})),i((function(){P&&k.current&&(x.current=R(),N(),H())}),[P]),i((function(){k.current&&!x.current&&(x.current=R(),N(),H())})),u((function(){k.current&&(x.current=null,x.current&&x.current.removeEventListener("pointerdown",M))}));var W=a({"aria-hidden":!0,className:l(I("root"))},j.getOtherProps(A),T("root"));return E&&E.ripple||e.ripple?r.createElement("span",f({role:"presentation",ref:k},W,{onAnimationEnd:function(r){p.removeClass(r.currentTarget,"p-ink-active")}})):null})));S.displayName="Ripple";export{S as Ripple};
+import*as r from"react";import e,{PrimeReactContext as t}from"primereact/api";import{useMergeProps as n,useStyle as o,useMountEffect as i,useUpdateEffect as u,useUnmountEffect as c}from"primereact/hooks";import{ObjectUtils as a,classNames as l,DomHandler as p}from"primereact/utils";import{ComponentBase as s}from"primereact/componentbase";function f(){return f=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},f.apply(this,arguments)}function m(r){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},m(r)}function y(r,e){if("object"!==m(r)||null===r)return r;var t=r[Symbol.toPrimitive];if(void 0!==t){var n=t.call(r,e||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(r)}function b(r){var e=y(r,"string");return"symbol"===m(e)?e:String(e)}function d(r){if(Array.isArray(r))return r}function g(r,e){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var n,o,i,u,c=[],a=!0,l=!1;try{if(i=(t=t.call(r)).next,0===e){if(Object(t)!==t)return;a=!1}else for(;!(a=(n=i.call(t)).done)&&(c.push(n.value),c.length!==e);a=!0);}catch(r){l=!0,o=r}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw o}}return c}}function v(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}function h(r,e){if(r){if("string"==typeof r)return v(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(r,e):void 0}}function O(){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 j=s.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(r){return a.getMergedProps(r,j.defaultProps)},getOtherProps:function(r){return a.getDiffProps(r,j.defaultProps)}});function P(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,n)}return t}function w(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?P(Object(t),!0).forEach((function(e){var n,o,i;n=r,i=t[e],(o=b(o=e))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}var S=r.memo(r.forwardRef((function(a,s){var m,y,b=r.useState(!1),v=(y=2,d(m=b)||g(m,y)||h(m,y)||O()),P=v[0],S=v[1],k=r.useRef(null),x=r.useRef(null),E=n(),A=r.useContext(t),C=j.getProps(a,A),D=A&&A.ripple||e.ripple,T={props:C};o(j.css.styles,{name:"ripple",manual:!D});var I=j.setMetaData(w({},T)),R=I.ptm,H=I.cx,M=function(){return k.current&&k.current.parentElement},L=function(){x.current&&x.current.addEventListener("pointerdown",N)},N=function(r){var e=p.getOffset(x.current),t=r.pageX-e.left+document.body.scrollTop-p.getWidth(k.current)/2,n=r.pageY-e.top+document.body.scrollLeft-p.getHeight(k.current)/2;W(t,n)},W=function(r,e){k.current&&"none"!==getComputedStyle(k.current,null).display&&(p.removeClass(k.current,"p-ink-active"),Y(),k.current.style.top=e+"px",k.current.style.left=r+"px",p.addClass(k.current,"p-ink-active"))},Y=function(){if(k.current&&!p.getHeight(k.current)&&!p.getWidth(k.current)){var r=Math.max(p.getOuterWidth(x.current),p.getOuterHeight(x.current));k.current.style.height=r+"px",k.current.style.width=r+"px"}};if(r.useImperativeHandle(s,(function(){return{props:C,getInk:function(){return k.current},getTarget:function(){return x.current}}})),i((function(){S(!0)})),u((function(){P&&k.current&&(x.current=M(),Y(),L())}),[P]),u((function(){k.current&&!x.current&&(x.current=M(),Y(),L())})),c((function(){k.current&&(x.current=null,x.current&&x.current.removeEventListener("pointerdown",N))})),!D)return null;var _=E({"aria-hidden":!0,className:l(H("root"))},j.getOtherProps(C),R("root"));return r.createElement("span",f({role:"presentation",ref:k},_,{onAnimationEnd:function(r){p.removeClass(r.currentTarget,"p-ink-active")}}))})));S.displayName="Ripple";export{S as Ripple};

package/ripple/ripple.js

@@ -166,13 +166,16 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
       setMounted = _React$useState2[1];
     var inkRef = React__namespace.useRef(null);
     var targetRef = React__namespace.useRef(null);
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = RippleBase.getProps(inProps, context);
+    var isRippleActive = context && context.ripple || PrimeReact__default["default"].ripple;
     var metaData = {
       props: props
     };
     hooks.useStyle(RippleBase.css.styles, {
-      name: 'ripple'
+      name: 'ripple',
+      manual: !isRippleActive
     });
     var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread({}, metaData)),
       ptm = _RippleBase$setMetaDa.ptm,
@@ -251,16 +254,17 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
         unbindEvents();
       }
     });
-    var rootProps = utils.mergeProps({
+    if (!isRippleActive) return null;
+    var rootProps = mergeProps({
       'aria-hidden': true,
       className: utils.classNames(cx('root'))
     }, RippleBase.getOtherProps(props), ptm('root'));
-    return context && context.ripple || PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", _extends({
+    return /*#__PURE__*/React__namespace.createElement("span", _extends({
       role: "presentation",
       ref: inkRef
     }, rootProps, {
       onAnimationEnd: onAnimationEnd
-    })) : null;
+    }));
   }));
   Ripple.displayName = 'Ripple';
 

package/ripple/ripple.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,o,i){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=c(t),l=u(r);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function f(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}function m(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,u,c=[],a=!0,l=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{if(!a&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return c}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function g(e,t){if(e){if("string"==typeof e)return b(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?b(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var O=i.ComponentBase.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(e){return o.ObjectUtils.getMergedProps(e,O.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,O.defaultProps)}});function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=d(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=a.memo(a.forwardRef((function(e,t){var i,u,c=a.useState(!1),s=(u=2,m(i=c)||y(i,u)||g(i,u)||v()),f=s[0],d=s[1],b=a.useRef(null),h=a.useRef(null),P=a.useContext(r.PrimeReactContext),w=O.getProps(e,P),S={props:w};n.useStyle(O.css.styles,{name:"ripple"});var D=O.setMetaData(j({},S)),E=D.ptm,k=D.cx,H=function(){return b.current&&b.current.parentElement},x=function(){h.current&&h.current.addEventListener("pointerdown",C)},C=function(e){var t=o.DomHandler.getOffset(h.current),r=e.pageX-t.left+document.body.scrollTop-o.DomHandler.getWidth(b.current)/2,n=e.pageY-t.top+document.body.scrollLeft-o.DomHandler.getHeight(b.current)/2;R(r,n)},R=function(e,t){b.current&&"none"!==getComputedStyle(b.current,null).display&&(o.DomHandler.removeClass(b.current,"p-ink-active"),A(),b.current.style.top=t+"px",b.current.style.left=e+"px",o.DomHandler.addClass(b.current,"p-ink-active"))},A=function(){if(b.current&&!o.DomHandler.getHeight(b.current)&&!o.DomHandler.getWidth(b.current)){var e=Math.max(o.DomHandler.getOuterWidth(h.current),o.DomHandler.getOuterHeight(h.current));b.current.style.height=e+"px",b.current.style.width=e+"px"}};a.useImperativeHandle(t,(function(){return{props:w,getInk:function(){return b.current},getTarget:function(){return h.current}}})),n.useMountEffect((function(){d(!0)})),n.useUpdateEffect((function(){f&&b.current&&(h.current=H(),A(),x())}),[f]),n.useUpdateEffect((function(){b.current&&!h.current&&(h.current=H(),A(),x())})),n.useUnmountEffect((function(){b.current&&(h.current=null,h.current&&h.current.removeEventListener("pointerdown",C))}));var M=o.mergeProps({"aria-hidden":!0,className:o.classNames(k("root"))},O.getOtherProps(w),E("root"));return P&&P.ripple||l.default.ripple?a.createElement("span",p({role:"presentation",ref:b},M,{onAnimationEnd:function(e){o.DomHandler.removeClass(e.currentTarget,"p-ink-active")}})):null})));return P.displayName="Ripple",e.Ripple=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,o,i){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=c(t),l=u(r);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function f(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}function m(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,u,c=[],a=!0,l=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{if(!a&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return c}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function g(e,t){if(e){if("string"==typeof e)return b(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?b(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var O=i.ComponentBase.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(e){return o.ObjectUtils.getMergedProps(e,O.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,O.defaultProps)}});function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=d(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=a.memo(a.forwardRef((function(e,t){var i,u,c=a.useState(!1),s=(u=2,m(i=c)||y(i,u)||g(i,u)||v()),f=s[0],d=s[1],b=a.useRef(null),h=a.useRef(null),P=n.useMergeProps(),w=a.useContext(r.PrimeReactContext),S=O.getProps(e,w),D=w&&w.ripple||l.default.ripple,E={props:S};n.useStyle(O.css.styles,{name:"ripple",manual:!D});var k=O.setMetaData(j({},E)),H=k.ptm,x=k.cx,C=function(){return b.current&&b.current.parentElement},M=function(){h.current&&h.current.addEventListener("pointerdown",R)},R=function(e){var t=o.DomHandler.getOffset(h.current),r=e.pageX-t.left+document.body.scrollTop-o.DomHandler.getWidth(b.current)/2,n=e.pageY-t.top+document.body.scrollLeft-o.DomHandler.getHeight(b.current)/2;A(r,n)},A=function(e,t){b.current&&"none"!==getComputedStyle(b.current,null).display&&(o.DomHandler.removeClass(b.current,"p-ink-active"),T(),b.current.style.top=t+"px",b.current.style.left=e+"px",o.DomHandler.addClass(b.current,"p-ink-active"))},T=function(){if(b.current&&!o.DomHandler.getHeight(b.current)&&!o.DomHandler.getWidth(b.current)){var e=Math.max(o.DomHandler.getOuterWidth(h.current),o.DomHandler.getOuterHeight(h.current));b.current.style.height=e+"px",b.current.style.width=e+"px"}};if(a.useImperativeHandle(t,(function(){return{props:S,getInk:function(){return b.current},getTarget:function(){return h.current}}})),n.useMountEffect((function(){d(!0)})),n.useUpdateEffect((function(){f&&b.current&&(h.current=C(),T(),M())}),[f]),n.useUpdateEffect((function(){b.current&&!h.current&&(h.current=C(),T(),M())})),n.useUnmountEffect((function(){b.current&&(h.current=null,h.current&&h.current.removeEventListener("pointerdown",R))})),!D)return null;var U=P({"aria-hidden":!0,className:o.classNames(x("root"))},O.getOtherProps(S),H("root"));return a.createElement("span",p({role:"presentation",ref:b},U,{onAnimationEnd:function(e){o.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}))})));return P.displayName="Ripple",e.Ripple=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);

package/row/row.cjs.js

@@ -4,9 +4,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var api = require('primereact/api');
+var hooks = require('primereact/hooks');
 var componentbase = require('primereact/componentbase');
 var utils = require('primereact/utils');
-var api = require('primereact/api');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -41,6 +42,7 @@ var RowBase = componentbase.ComponentBase.extend({
 });
 
 var Row = function Row(inProps) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = RowBase.getProps(inProps, context);
   //@todo Pass Parent MetaData
@@ -48,7 +50,7 @@ var Row = function Row(inProps) {
       props: props
     }),
     ptm = _RowBase$setMetaData.ptm;
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     className: props.className,
     style: props.style
   }, RowBase.getOtherProps(props), ptm('root'));

package/row/row.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/componentbase"),r=require("primereact/utils"),o=require("primereact/api");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=n(e),s=t.ComponentBase.extend({defaultProps:{__TYPE:"Row",style:null,className:null,children:void 0},getCProp:function(e,t){return r.ObjectUtils.getComponentProp(e,t,s.defaultProps)}}),c=function(e){var t=a.useContext(o.PrimeReactContext),n=s.getProps(e,t),c=s.setMetaData({props:n}).ptm,u=r.mergeProps({className:n.className,style:n.style},s.getOtherProps(n),c("root"));return a.createElement("tr",u,n.children)};c.displayName="Row",exports.Row=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/hooks"),o=require("primereact/componentbase"),a=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=n(e),u=o.ComponentBase.extend({defaultProps:{__TYPE:"Row",style:null,className:null,children:void 0},getCProp:function(e,r){return a.ObjectUtils.getComponentProp(e,r,u.defaultProps)}}),c=function(e){var o=t.useMergeProps(),a=s.useContext(r.PrimeReactContext),n=u.getProps(e,a),c=u.setMetaData({props:n}).ptm,i=o({className:n.className,style:n.style},u.getOtherProps(n),c("root"));return s.createElement("tr",i,n.children)};c.displayName="Row",exports.Row=c;

package/row/row.esm.js

@@ -1,8 +1,9 @@
 'use client';
 import * as React from 'react';
-import { ComponentBase } from 'primereact/componentbase';
-import { ObjectUtils, mergeProps } from 'primereact/utils';
 import { PrimeReactContext } from 'primereact/api';
+import { useMergeProps } from 'primereact/hooks';
+import { ComponentBase } from 'primereact/componentbase';
+import { ObjectUtils } from 'primereact/utils';
 
 var RowBase = ComponentBase.extend({
   defaultProps: {
@@ -17,6 +18,7 @@ var RowBase = ComponentBase.extend({
 });
 
 var Row = function Row(inProps) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = RowBase.getProps(inProps, context);
   //@todo Pass Parent MetaData

package/row/row.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ComponentBase as t}from"primereact/componentbase";import{ObjectUtils as r,mergeProps as o}from"primereact/utils";import{PrimeReactContext as a}from"primereact/api";var p=t.extend({defaultProps:{__TYPE:"Row",style:null,className:null,children:void 0},getCProp:function(e,t){return r.getComponentProp(e,t,p.defaultProps)}}),s=function(t){var r=e.useContext(a),s=p.getProps(t,r),m=p.setMetaData({props:s}).ptm,l=o({className:s.className,style:s.style},p.getOtherProps(s),m("root"));return e.createElement("tr",l,s.children)};s.displayName="Row";export{s as Row};
+import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{useMergeProps as t}from"primereact/hooks";import{ComponentBase as o}from"primereact/componentbase";import{ObjectUtils as a}from"primereact/utils";var p=o.extend({defaultProps:{__TYPE:"Row",style:null,className:null,children:void 0},getCProp:function(e,r){return a.getComponentProp(e,r,p.defaultProps)}}),m=function(o){var a=t(),m=e.useContext(r),s=p.getProps(o,m),i=p.setMetaData({props:s}).ptm,l=a({className:s.className,style:s.style},p.getOtherProps(s),i("root"));return e.createElement("tr",l,s.children)};m.displayName="Row";export{m as Row};

package/row/row.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.row = (function (exports, React, componentbase, utils, api) {
+this.primereact.row = (function (exports, React, api, hooks, componentbase, utils) {
     'use strict';
 
     function _interopNamespace(e) {
@@ -35,6 +35,7 @@ this.primereact.row = (function (exports, React, componentbase, utils, api) {
     });
 
     var Row = function Row(inProps) {
+      var mergeProps = hooks.useMergeProps();
       var context = React__namespace.useContext(api.PrimeReactContext);
       var props = RowBase.getProps(inProps, context);
       //@todo Pass Parent MetaData
@@ -42,7 +43,7 @@ this.primereact.row = (function (exports, React, componentbase, utils, api) {
           props: props
         }),
         ptm = _RowBase$setMetaData.ptm;
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         className: props.className,
         style: props.style
       }, RowBase.getOtherProps(props), ptm('root'));
@@ -56,4 +57,4 @@ this.primereact.row = (function (exports, React, componentbase, utils, api) {
 
     return exports;
 
-})({}, React, primereact.componentbase, primereact.utils, primereact.api);
+})({}, React, primereact.api, primereact.hooks, primereact.componentbase, primereact.utils);