primereact 10.0.4 → 10.0.6

package/ripple/ripple.cjs.js

@@ -7,38 +7,99 @@ var React = require('react');
 var PrimeReact = require('primereact/api');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
         });
-    }
-    n["default"] = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 var 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 !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n";
-var RippleBase = {
+var classes = {
+  root: 'p-ink'
+};
+var RippleBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Ripple',
     children: undefined
   },
   css: {
-    styles: styles
+    styles: styles,
+    classes: classes
   },
   getProps: function getProps(props) {
     return utils.ObjectUtils.getMergedProps(props, RippleBase.defaultProps);
@@ -46,15 +107,24 @@ var RippleBase = {
   getOtherProps: function getOtherProps(props) {
     return utils.ObjectUtils.getDiffProps(props, RippleBase.defaultProps);
   }
-};
+});
 
-var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function () {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps) {
   var inkRef = React__namespace.useRef(null);
   var targetRef = React__namespace.useRef(null);
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+  var props = RippleBase.getProps(inProps, context);
+  var metaData = {
+    props: props
+  };
   hooks.useStyle(RippleBase.css.styles, {
     name: 'ripple'
   });
+  var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread({}, metaData)),
+    ptm = _RippleBase$setMetaDa.ptm,
+    cx = _RippleBase$setMetaDa.cx;
   var getTarget = function getTarget() {
     return inkRef.current && inkRef.current.parentElement;
   };
@@ -114,12 +184,15 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       unbindEvents();
     }
   });
-  return context && context.ripple || PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", {
+  var rootProps = utils.mergeProps({
+    className: utils.classNames(cx('root'))
+  }, ptm('root'));
+  return context && context.ripple || PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", _extends({
     role: "presentation",
-    ref: inkRef,
-    className: "p-ink",
+    ref: inkRef
+  }, rootProps, {
     onAnimationEnd: onAnimationEnd
-  }) : null;
+  })) : 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");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(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 o=i(e),c=u(r),a={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 !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n"},getProps:function(e){return n.ObjectUtils.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,a.defaultProps)}},l=o.memo(o.forwardRef((function(){var e=o.useRef(null),u=o.useRef(null),i=o.useContext(r.PrimeReactContext);t.useStyle(a.css.styles,{name:"ripple"});var l=function(){return e.current&&e.current.parentElement},p=function(){u.current&&u.current.addEventListener("pointerdown",s)},s=function(r){var t=n.DomHandler.getOffset(u.current),i=r.pageX-t.left+document.body.scrollTop-n.DomHandler.getWidth(e.current)/2,o=r.pageY-t.top+document.body.scrollLeft-n.DomHandler.getHeight(e.current)/2;d(i,o)},d=function(r,t){e.current&&"none"!==getComputedStyle(e.current,null).display&&(n.DomHandler.removeClass(e.current,"p-ink-active"),f(),e.current.style.top=t+"px",e.current.style.left=r+"px",n.DomHandler.addClass(e.current,"p-ink-active"))},f=function(){if(e.current&&!n.DomHandler.getHeight(e.current)&&!n.DomHandler.getWidth(e.current)){var r=Math.max(n.DomHandler.getOuterWidth(u.current),n.DomHandler.getOuterHeight(u.current));e.current.style.height=r+"px",e.current.style.width=r+"px"}};return t.useMountEffect((function(){e.current&&(u.current=l(),f(),p())})),t.useUpdateEffect((function(){e.current&&!u.current&&(u.current=l(),f(),p())})),t.useUnmountEffect((function(){e.current&&(u.current=null,u.current&&u.current.removeEventListener("pointerdown",s))})),i&&i.ripple||c.default.ripple?o.createElement("span",{role:"presentation",ref:e,className:"p-ink",onAnimationEnd:function(e){n.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}):null})));l.displayName="Ripple",exports.Ripple=l;
+"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)}var d=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 !important;\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,d.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,d.defaultProps)}});function m(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 b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(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)):m(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var y=c.memo(c.forwardRef((function(e){var o=c.useRef(null),i=c.useRef(null),u=c.useContext(r.PrimeReactContext),p={props:d.getProps(e,u)};t.useStyle(d.css.styles,{name:"ripple"});var s=d.setMetaData(b({},p)),f=s.ptm,m=s.cx,y=function(){return o.current&&o.current.parentElement},g=function(){i.current&&i.current.addEventListener("pointerdown",v)},v=function(e){var r=n.DomHandler.getOffset(i.current),t=e.pageX-r.left+document.body.scrollTop-n.DomHandler.getWidth(o.current)/2,u=e.pageY-r.top+document.body.scrollLeft-n.DomHandler.getHeight(o.current)/2;O(t,u)},O=function(e,r){o.current&&"none"!==getComputedStyle(o.current,null).display&&(n.DomHandler.removeClass(o.current,"p-ink-active"),j(),o.current.style.top=r+"px",o.current.style.left=e+"px",n.DomHandler.addClass(o.current,"p-ink-active"))},j=function(){if(o.current&&!n.DomHandler.getHeight(o.current)&&!n.DomHandler.getWidth(o.current)){var e=Math.max(n.DomHandler.getOuterWidth(i.current),n.DomHandler.getOuterHeight(i.current));o.current.style.height=e+"px",o.current.style.width=e+"px"}};t.useMountEffect((function(){o.current&&(i.current=y(),j(),g())})),t.useUpdateEffect((function(){o.current&&!i.current&&(i.current=y(),j(),g())})),t.useUnmountEffect((function(){o.current&&(i.current=null,i.current&&i.current.removeEventListener("pointerdown",v))}));var P=n.mergeProps({className:n.classNames(m("root"))},f("root"));return u&&u.ripple||a.default.ripple?c.createElement("span",l({role:"presentation",ref:o},P,{onAnimationEnd:function(e){n.DomHandler.removeClass(e.currentTarget,"p-ink-active")}})):null})));y.displayName="Ripple",exports.Ripple=y;

package/ripple/ripple.esm.js

@@ -2,16 +2,77 @@
 import * as React from 'react';
 import PrimeReact, { PrimeReactContext } from 'primereact/api';
 import { useStyle, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
-import { ObjectUtils, DomHandler } from 'primereact/utils';
+import { ObjectUtils, mergeProps, classNames, DomHandler } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
 
 var 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 !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n";
-var RippleBase = {
+var classes = {
+  root: 'p-ink'
+};
+var RippleBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Ripple',
     children: undefined
   },
   css: {
-    styles: styles
+    styles: styles,
+    classes: classes
   },
   getProps: function getProps(props) {
     return ObjectUtils.getMergedProps(props, RippleBase.defaultProps);
@@ -19,15 +80,24 @@ var RippleBase = {
   getOtherProps: function getOtherProps(props) {
     return ObjectUtils.getDiffProps(props, RippleBase.defaultProps);
   }
-};
+});
 
-var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function () {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps) {
   var inkRef = React.useRef(null);
   var targetRef = React.useRef(null);
   var context = React.useContext(PrimeReactContext);
+  var props = RippleBase.getProps(inProps, context);
+  var metaData = {
+    props: props
+  };
   useStyle(RippleBase.css.styles, {
     name: 'ripple'
   });
+  var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread({}, metaData)),
+    ptm = _RippleBase$setMetaDa.ptm,
+    cx = _RippleBase$setMetaDa.cx;
   var getTarget = function getTarget() {
     return inkRef.current && inkRef.current.parentElement;
   };
@@ -87,12 +157,15 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function ()
       unbindEvents();
     }
   });
-  return context && context.ripple || PrimeReact.ripple ? /*#__PURE__*/React.createElement("span", {
+  var rootProps = mergeProps({
+    className: classNames(cx('root'))
+  }, ptm('root'));
+  return context && context.ripple || PrimeReact.ripple ? /*#__PURE__*/React.createElement("span", _extends({
     role: "presentation",
-    ref: inkRef,
-    className: "p-ink",
+    ref: inkRef
+  }, rootProps, {
     onAnimationEnd: onAnimationEnd
-  }) : null;
+  })) : null;
 }));
 Ripple.displayName = 'Ripple';
 

package/ripple/ripple.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import r,{PrimeReactContext as n}from"primereact/api";import{useStyle as t,useMountEffect as i,useUpdateEffect as o,useUnmountEffect as p}from"primereact/hooks";import{ObjectUtils as u,DomHandler as c}from"primereact/utils";var a={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 !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n"},getProps:function(e){return u.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return u.getDiffProps(e,a.defaultProps)}},l=e.memo(e.forwardRef((function(){var u=e.useRef(null),l=e.useRef(null),s=e.useContext(n);t(a.css.styles,{name:"ripple"});var f=function(){return u.current&&u.current.parentElement},d=function(){l.current&&l.current.addEventListener("pointerdown",m)},m=function(e){var r=c.getOffset(l.current),n=e.pageX-r.left+document.body.scrollTop-c.getWidth(u.current)/2,t=e.pageY-r.top+document.body.scrollLeft-c.getHeight(u.current)/2;g(n,t)},g=function(e,r){u.current&&"none"!==getComputedStyle(u.current,null).display&&(c.removeClass(u.current,"p-ink-active"),v(),u.current.style.top=r+"px",u.current.style.left=e+"px",c.addClass(u.current,"p-ink-active"))},v=function(){if(u.current&&!c.getHeight(u.current)&&!c.getWidth(u.current)){var e=Math.max(c.getOuterWidth(l.current),c.getOuterHeight(l.current));u.current.style.height=e+"px",u.current.style.width=e+"px"}};return i((function(){u.current&&(l.current=f(),v(),d())})),o((function(){u.current&&!l.current&&(l.current=f(),v(),d())})),p((function(){u.current&&(l.current=null,l.current&&l.current.removeEventListener("pointerdown",m))})),s&&s.ripple||r.ripple?e.createElement("span",{role:"presentation",ref:u,className:"p-ink",onAnimationEnd:function(e){c.removeClass(e.currentTarget,"p-ink-active")}}):null})));l.displayName="Ripple";export{l as Ripple};
+import*as e from"react";import r,{PrimeReactContext as t}from"primereact/api";import{useStyle as n,useMountEffect as o,useUpdateEffect as i,useUnmountEffect as c}from"primereact/hooks";import{ObjectUtils as u,mergeProps as p,classNames as a,DomHandler as l}from"primereact/utils";import{ComponentBase as s}from"primereact/componentbase";function f(){return f=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},f.apply(this,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function y(e,r){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function b(e){var r=y(e,"string");return"symbol"===m(r)?r:String(r)}var d=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 !important;\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 u.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return u.getDiffProps(e,d.defaultProps)}});function g(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 v(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?g(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=b(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)):g(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var O=e.memo(e.forwardRef((function(u){var s=e.useRef(null),m=e.useRef(null),y=e.useContext(t),b={props:d.getProps(u,y)};n(d.css.styles,{name:"ripple"});var g=d.setMetaData(v({},b)),O=g.ptm,h=g.cx,P=function(){return s.current&&s.current.parentElement},j=function(){m.current&&m.current.addEventListener("pointerdown",w)},w=function(e){var r=l.getOffset(m.current),t=e.pageX-r.left+document.body.scrollTop-l.getWidth(s.current)/2,n=e.pageY-r.top+document.body.scrollLeft-l.getHeight(s.current)/2;k(t,n)},k=function(e,r){s.current&&"none"!==getComputedStyle(s.current,null).display&&(l.removeClass(s.current,"p-ink-active"),S(),s.current.style.top=r+"px",s.current.style.left=e+"px",l.addClass(s.current,"p-ink-active"))},S=function(){if(s.current&&!l.getHeight(s.current)&&!l.getWidth(s.current)){var e=Math.max(l.getOuterWidth(m.current),l.getOuterHeight(m.current));s.current.style.height=e+"px",s.current.style.width=e+"px"}};o((function(){s.current&&(m.current=P(),S(),j())})),i((function(){s.current&&!m.current&&(m.current=P(),S(),j())})),c((function(){s.current&&(m.current=null,m.current&&m.current.removeEventListener("pointerdown",w))}));var x=p({className:a(h("root"))},O("root"));return y&&y.ripple||r.ripple?e.createElement("span",f({role:"presentation",ref:s},x,{onAnimationEnd:function(e){l.removeClass(e.currentTarget,"p-ink-active")}})):null})));O.displayName="Ripple";export{O as Ripple};

package/ripple/ripple.js

@@ -1,126 +1,198 @@
 this.primereact = this.primereact || {};
-this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils) {
-    'use strict';
+this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, componentbase) {
+  'use strict';
 
-    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
+  function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () { return e[k]; }
+          });
         }
-        n["default"] = e;
-        return Object.freeze(n);
+      });
     }
+    n["default"] = e;
+    return Object.freeze(n);
+  }
 
-    var React__namespace = /*#__PURE__*/_interopNamespace(React);
-    var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
+  var React__namespace = /*#__PURE__*/_interopNamespace(React);
+  var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-    var 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 !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n";
-    var RippleBase = {
-      defaultProps: {
-        __TYPE: 'Ripple',
-        children: undefined
-      },
-      css: {
-        styles: styles
-      },
-      getProps: function getProps(props) {
-        return utils.ObjectUtils.getMergedProps(props, RippleBase.defaultProps);
-      },
-      getOtherProps: function getOtherProps(props) {
-        return utils.ObjectUtils.getDiffProps(props, RippleBase.defaultProps);
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
       }
+      return target;
     };
+    return _extends.apply(this, arguments);
+  }
+
+  function _typeof(o) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+      return typeof o;
+    } : function (o) {
+      return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+    }, _typeof(o);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
 
-    var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function () {
-      var inkRef = React__namespace.useRef(null);
-      var targetRef = React__namespace.useRef(null);
-      var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
-      hooks.useStyle(RippleBase.css.styles, {
-        name: 'ripple'
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
       });
-      var getTarget = function getTarget() {
-        return inkRef.current && inkRef.current.parentElement;
-      };
-      var bindEvents = function bindEvents() {
-        if (targetRef.current) {
-          targetRef.current.addEventListener('pointerdown', onPointerDown);
-        }
-      };
-      var unbindEvents = function unbindEvents() {
-        if (targetRef.current) {
-          targetRef.current.removeEventListener('pointerdown', onPointerDown);
-        }
-      };
-      var onPointerDown = function onPointerDown(event) {
-        var offset = utils.DomHandler.getOffset(targetRef.current);
-        var offsetX = event.pageX - offset.left + document.body.scrollTop - utils.DomHandler.getWidth(inkRef.current) / 2;
-        var offsetY = event.pageY - offset.top + document.body.scrollLeft - utils.DomHandler.getHeight(inkRef.current) / 2;
-        activateRipple(offsetX, offsetY);
-      };
-      var activateRipple = function activateRipple(offsetX, offsetY) {
-        if (!inkRef.current || getComputedStyle(inkRef.current, null).display === 'none') {
-          return;
-        }
-        utils.DomHandler.removeClass(inkRef.current, 'p-ink-active');
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
+  var 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 !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n";
+  var classes = {
+    root: 'p-ink'
+  };
+  var RippleBase = componentbase.ComponentBase.extend({
+    defaultProps: {
+      __TYPE: 'Ripple',
+      children: undefined
+    },
+    css: {
+      styles: styles,
+      classes: classes
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, RippleBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, RippleBase.defaultProps);
+    }
+  });
+
+  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps) {
+    var inkRef = React__namespace.useRef(null);
+    var targetRef = React__namespace.useRef(null);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = RippleBase.getProps(inProps, context);
+    var metaData = {
+      props: props
+    };
+    hooks.useStyle(RippleBase.css.styles, {
+      name: 'ripple'
+    });
+    var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread({}, metaData)),
+      ptm = _RippleBase$setMetaDa.ptm,
+      cx = _RippleBase$setMetaDa.cx;
+    var getTarget = function getTarget() {
+      return inkRef.current && inkRef.current.parentElement;
+    };
+    var bindEvents = function bindEvents() {
+      if (targetRef.current) {
+        targetRef.current.addEventListener('pointerdown', onPointerDown);
+      }
+    };
+    var unbindEvents = function unbindEvents() {
+      if (targetRef.current) {
+        targetRef.current.removeEventListener('pointerdown', onPointerDown);
+      }
+    };
+    var onPointerDown = function onPointerDown(event) {
+      var offset = utils.DomHandler.getOffset(targetRef.current);
+      var offsetX = event.pageX - offset.left + document.body.scrollTop - utils.DomHandler.getWidth(inkRef.current) / 2;
+      var offsetY = event.pageY - offset.top + document.body.scrollLeft - utils.DomHandler.getHeight(inkRef.current) / 2;
+      activateRipple(offsetX, offsetY);
+    };
+    var activateRipple = function activateRipple(offsetX, offsetY) {
+      if (!inkRef.current || getComputedStyle(inkRef.current, null).display === 'none') {
+        return;
+      }
+      utils.DomHandler.removeClass(inkRef.current, 'p-ink-active');
+      setDimensions();
+      inkRef.current.style.top = offsetY + 'px';
+      inkRef.current.style.left = offsetX + 'px';
+      utils.DomHandler.addClass(inkRef.current, 'p-ink-active');
+    };
+    var onAnimationEnd = function onAnimationEnd(event) {
+      utils.DomHandler.removeClass(event.currentTarget, 'p-ink-active');
+    };
+    var setDimensions = function setDimensions() {
+      if (inkRef.current && !utils.DomHandler.getHeight(inkRef.current) && !utils.DomHandler.getWidth(inkRef.current)) {
+        var d = Math.max(utils.DomHandler.getOuterWidth(targetRef.current), utils.DomHandler.getOuterHeight(targetRef.current));
+        inkRef.current.style.height = d + 'px';
+        inkRef.current.style.width = d + 'px';
+      }
+    };
+    hooks.useMountEffect(function () {
+      if (inkRef.current) {
+        targetRef.current = getTarget();
         setDimensions();
-        inkRef.current.style.top = offsetY + 'px';
-        inkRef.current.style.left = offsetX + 'px';
-        utils.DomHandler.addClass(inkRef.current, 'p-ink-active');
-      };
-      var onAnimationEnd = function onAnimationEnd(event) {
-        utils.DomHandler.removeClass(event.currentTarget, 'p-ink-active');
-      };
-      var setDimensions = function setDimensions() {
-        if (inkRef.current && !utils.DomHandler.getHeight(inkRef.current) && !utils.DomHandler.getWidth(inkRef.current)) {
-          var d = Math.max(utils.DomHandler.getOuterWidth(targetRef.current), utils.DomHandler.getOuterHeight(targetRef.current));
-          inkRef.current.style.height = d + 'px';
-          inkRef.current.style.width = d + 'px';
-        }
-      };
-      hooks.useMountEffect(function () {
-        if (inkRef.current) {
-          targetRef.current = getTarget();
-          setDimensions();
-          bindEvents();
-        }
-      });
-      hooks.useUpdateEffect(function () {
-        if (inkRef.current && !targetRef.current) {
-          targetRef.current = getTarget();
-          setDimensions();
-          bindEvents();
-        }
-      });
-      hooks.useUnmountEffect(function () {
-        if (inkRef.current) {
-          targetRef.current = null;
-          unbindEvents();
-        }
-      });
-      return context && context.ripple || PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", {
-        role: "presentation",
-        ref: inkRef,
-        className: "p-ink",
-        onAnimationEnd: onAnimationEnd
-      }) : null;
-    }));
-    Ripple.displayName = 'Ripple';
+        bindEvents();
+      }
+    });
+    hooks.useUpdateEffect(function () {
+      if (inkRef.current && !targetRef.current) {
+        targetRef.current = getTarget();
+        setDimensions();
+        bindEvents();
+      }
+    });
+    hooks.useUnmountEffect(function () {
+      if (inkRef.current) {
+        targetRef.current = null;
+        unbindEvents();
+      }
+    });
+    var rootProps = utils.mergeProps({
+      className: utils.classNames(cx('root'))
+    }, ptm('root'));
+    return context && context.ripple || PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", _extends({
+      role: "presentation",
+      ref: inkRef
+    }, rootProps, {
+      onAnimationEnd: onAnimationEnd
+    })) : null;
+  }));
+  Ripple.displayName = 'Ripple';
 
-    exports.Ripple = Ripple;
+  exports.Ripple = Ripple;
 
-    Object.defineProperty(exports, '__esModule', { value: true });
+  Object.defineProperty(exports, '__esModule', { value: true });
 
-    return exports;
+  return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.utils);
+})({}, React, primereact.api, primereact.hooks, primereact.utils, primereact.componentbase);