@progress/kendo-react-ripple 5.9.0 → 5.10.0-dev.202211101249
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
>
|
|
13
13
|
> [Start using KendoReact](https://www.telerik.com/try/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-ripple) and speed up your development process!
|
|
14
14
|
|
|
15
|
-
The
|
|
15
|
+
The [React Ripple](https://www.telerik.com/kendo-react-ui/ripple), part of KendoReact, provides the Material ink ripple effect, its effect is applied to all components that are located inside the Ripple component, and is also fully compatible with all available Kendo UI themes.
|
|
16
16
|
|
|
17
17
|
## Support Options
|
|
18
18
|
|
|
@@ -31,6 +31,10 @@ For any issues you might encounter while working with the KendoReact Ripple, use
|
|
|
31
31
|
* [KendoReact pricing and licensing](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-ripple)
|
|
32
32
|
* [Changelog](https://www.telerik.com/kendo-react-ui/components/changelogs/ui-for-react/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-ripple)
|
|
33
33
|
|
|
34
|
+
High-level component overview pages
|
|
35
|
+
|
|
36
|
+
* [React Ripple Component](https://www.telerik.com/kendo-react-ui/ripple)
|
|
37
|
+
|
|
34
38
|
*Copyright © 2022 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.*
|
|
35
39
|
|
|
36
40
|
*Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["react","prop-types","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoReactRipple=t(require("react"),require("prop-types"),require("@progress/kendo-licensing")):e.KendoReactRipple=t(e.React,e.PropTypes,e.KendoLicensing)}(self,(function(e,t,n){return(()=>{"use strict";var o={262:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0}),t.Ripple=void 0;var i=n(899),a=n(189),s=n(13),c=n(302),p=n(363),l=function(e){function t(t){var n=e.call(this,t)||this;if(n._element=null,n.removeListeners=function(){},n.registerListeners=function(){var e=n._element;n.removeListeners();var t=(0,s.register)(e,[{selector:".k-button:not(li)"},{selector:".k-list>.k-item,.k-list>.k-list-item",options:{global:!0}},{selector:".k-checkbox-label,.k-radio-label"},{selector:".k-checkbox,.k-radio",options:{events:["focusin","animationend","click"]}}]);n.removeListeners=t},void 0!==c)c.validatePackage(p.packageMetadata);else{var o="License activation failed for ".concat(p.packageMetadata.name,"\n");o+="The @progress/kendo-licensing script is not loaded.\n",o+="See ".concat(p.packageMetadata.licensingDocsUrl," for more information.\n"),console.warn(o)}return n}return r(t,e),t.prototype.componentDidMount=function(){this.registerListeners()},t.prototype.componentDidUpdate=function(){this.props.disabled?this.removeListeners():this.registerListeners()},t.prototype.componentWillUnmount=function(){this.removeListeners()},t.prototype.render=function(){var e=this,t=this.props.className?"k-ripple-container "+this.props.className:"k-ripple-container";return i.createElement("span",{className:t,ref:function(t){e._element=t}},this.props.children)},t.propTypes={disabled:a.bool},t}(i.PureComponent);t.Ripple=l},363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-ripple",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["react","prop-types","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoReactRipple=t(require("react"),require("prop-types"),require("@progress/kendo-licensing")):e.KendoReactRipple=t(e.React,e.PropTypes,e.KendoLicensing)}(self,(function(e,t,n){return(()=>{"use strict";var o={262:function(e,t,n){var o,r=this&&this.__extends||(o=function(e,t){return o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},o(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0}),t.Ripple=void 0;var i=n(899),a=n(189),s=n(13),c=n(302),p=n(363),l=function(e){function t(t){var n=e.call(this,t)||this;if(n._element=null,n.removeListeners=function(){},n.registerListeners=function(){var e=n._element;n.removeListeners();var t=(0,s.register)(e,[{selector:".k-button:not(li)"},{selector:".k-list>.k-item,.k-list>.k-list-item",options:{global:!0}},{selector:".k-checkbox-label,.k-radio-label"},{selector:".k-checkbox,.k-radio",options:{events:["focusin","animationend","click"]}}]);n.removeListeners=t},void 0!==c)c.validatePackage(p.packageMetadata);else{var o="License activation failed for ".concat(p.packageMetadata.name,"\n");o+="The @progress/kendo-licensing script is not loaded.\n",o+="See ".concat(p.packageMetadata.licensingDocsUrl," for more information.\n"),console.warn(o)}return n}return r(t,e),t.prototype.componentDidMount=function(){this.registerListeners()},t.prototype.componentDidUpdate=function(){this.props.disabled?this.removeListeners():this.registerListeners()},t.prototype.componentWillUnmount=function(){this.removeListeners()},t.prototype.render=function(){var e=this,t=this.props.className?"k-ripple-container "+this.props.className:"k-ripple-container";return i.createElement("span",{className:t,ref:function(t){e._element=t}},this.props.children)},t.propTypes={disabled:a.bool},t}(i.PureComponent);t.Ripple=l},363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-ripple",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1668084197,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},13:(e,t,n)=>{n.r(t),n.d(t,{register:()=>s});var o=function(e,t,n){var o=function(){n(),e.removeEventListener(t,o,!1)},r=function(){return e.addEventListener(t,o,!1)};return r(),{remove:r}},r=function(e){e.animated=!0,a(e)},i=function(e){e.released=!0,a(e)},a=function(e){if(e.released&&e.animated){var t=e.blob,n=e.ripple,r=e.container;r&&o(r,"blur",(function(){return r.classList.remove("k-ripple-target")})),t&&(o(t,"transitionend",(function(){n&&n.parentNode&&n.parentNode.removeChild(n)})),t.style.transition="opacity 200ms linear",t.style.opacity="0")}},s=function(e,t){var n,a=(n=t.map((function(t){var n={events:["mousedown","touchdown"],global:!1},a=t.selector,s=t.options,c=void 0===s?n:s,p=function(e,t){return function(n){var a,s=n.target,c=s.document||s.ownerDocument;if((a=t.container?t.container(s):function(e,t){if(e.closest)return e.closest(t);for(var n=Element.prototype.matches?function(e,t){return e.matches(t)}:function(e,t){return e.msMatchesSelector(t)},o=e;o;){if(n(o,t))return o;o=o.parentElement}}(s,e))&&(!/focus/i.test(n.type)||!a.classList.contains("k-ripple-target")))if(s.classList.contains("k-checkbox")||s.classList.contains("k-radio"))n.target.classList.remove("k-ripple-focus"),"animationend"!==n.type&&n.target.classList.add("k-ripple-focus");else{a.classList.add("k-ripple-target");var p=function(e){var t=e.createElement("div");t.className="k-ripple";var n=e.createElement("div");return n.className="k-ripple-blob",t.appendChild(n),[t,n]}(c),l=p[0],u=p[1],d={animated:!1,released:!1,blob:u,container:a,ripple:l},f={focusin:"focusout",keydown:"keyup",mousedown:"mouseup",pointerdown:"pointerup",touchdown:"touchup",animationstart:"animationend"}[n.type];o(n.currentTarget,f,(function(){return i(d)})),a.appendChild(l),window.getComputedStyle(l).getPropertyValue("opacity");var m=a.getBoundingClientRect(),v=0,y=0;/mouse|pointer|touch/.test(n.type)?(v=n.clientX-m.left,y=n.clientY-m.top):(v=m.width/2,y=m.height/2);var h=v-(v<m.width/2?m.width:0),g=y-(y<m.height/2?m.height:0),b=2*Math.sqrt(h*h+g*g);if(u.style.width=u.style.height=b+"px",u.offsetWidth<0)throw new Error("Inconceivable!");u.style.cssText="\n width: "+b+"px;\n height: "+b+"px;\n transform: translate(-50%, -50%) scale(1);\n left: "+v+"px;\n top: "+y+"px;\n ",setTimeout((function(){return r(d)}),500)}}}(a,c),l=c.events||n.events,u=c.global?document.body:e;return l.forEach((function(e){return u.addEventListener(e,p,!1)})),{events:l,options:c,activator:p}})),[].concat.apply([],n));return function(){e&&(a.forEach((function(t){var n=t.events,o=t.options,r=t.activator,i=o.global?document.body:e;n.forEach((function(e){return i.removeEventListener(e,r,!1)}))})),e=null)}}},302:e=>{e.exports=n},189:e=>{e.exports=t},899:t=>{t.exports=e}},r={};function i(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e].call(n.exports,n,n.exports,i),n.exports}i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{var e=a;Object.defineProperty(e,"__esModule",{value:!0}),e.Ripple=void 0;var t=i(262);Object.defineProperty(e,"Ripple",{enumerable:!0,get:function(){return t.Ripple}})})(),a})()}));
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-react-ripple',
|
|
6
6
|
productName: 'KendoReact',
|
|
7
7
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1668084197,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
11
11
|
};
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-ripple',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1668084197,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
14
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register("@progress/kendo-react-ripple",["@progress/kendo-licensing","@progress/kendo-ripple","prop-types","react"],function(e,t){var s={},c={},a={},p={};return Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(p,"__esModule",{value:!0}),{setters:[function(t){Object.keys(t).forEach(function(e){s[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){c[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){a[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){p[e]=t[e]})}],execute:function(){e((()=>{"use strict";var o={262:function(e,t,o){var n,r,i=this&&this.__extends||(n=function(e,t){return(n=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}),s=(Object.defineProperty(t,"__esModule",{value:!0}),t.Ripple=void 0,o(954)),c=o(895),a=o(841),p=o(527),l=o(363),o=(r=s.PureComponent,i(u,r),u.prototype.componentDidMount=function(){this.registerListeners()},u.prototype.componentDidUpdate=function(){this.props.disabled?this.removeListeners():this.registerListeners()},u.prototype.componentWillUnmount=function(){this.removeListeners()},u.prototype.render=function(){var t=this,e=this.props.className?"k-ripple-container "+this.props.className:"k-ripple-container";return s.createElement("span",{className:e,ref:function(e){t._element=e}},this.props.children)},u.propTypes={disabled:c.bool},u);function u(e){var t=r.call(this,e)||this;return t._element=null,t.removeListeners=function(){},t.registerListeners=function(){var e=t._element,e=(t.removeListeners(),(0,a.register)(e,[{selector:".k-button:not(li)"},{selector:".k-list>.k-item,.k-list>.k-list-item",options:{global:!0}},{selector:".k-checkbox-label,.k-radio-label"},{selector:".k-checkbox,.k-radio",options:{events:["focusin","animationend","click"]}}]));t.removeListeners=e},void 0!==p?p.validatePackage(l.packageMetadata):(e="License activation failed for ".concat(l.packageMetadata.name,"\n"),e=(e+="The @progress/kendo-licensing script is not loaded.\n")+"See ".concat(l.packageMetadata.licensingDocsUrl," for more information.\n"),console.warn(e)),t}t.Ripple=o},363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-ripple",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:
|
|
1
|
+
System.register("@progress/kendo-react-ripple",["@progress/kendo-licensing","@progress/kendo-ripple","prop-types","react"],function(e,t){var s={},c={},a={},p={};return Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(p,"__esModule",{value:!0}),{setters:[function(t){Object.keys(t).forEach(function(e){s[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){c[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){a[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){p[e]=t[e]})}],execute:function(){e((()=>{"use strict";var o={262:function(e,t,o){var n,r,i=this&&this.__extends||(n=function(e,t){return(n=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}))(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}),s=(Object.defineProperty(t,"__esModule",{value:!0}),t.Ripple=void 0,o(954)),c=o(895),a=o(841),p=o(527),l=o(363),o=(r=s.PureComponent,i(u,r),u.prototype.componentDidMount=function(){this.registerListeners()},u.prototype.componentDidUpdate=function(){this.props.disabled?this.removeListeners():this.registerListeners()},u.prototype.componentWillUnmount=function(){this.removeListeners()},u.prototype.render=function(){var t=this,e=this.props.className?"k-ripple-container "+this.props.className:"k-ripple-container";return s.createElement("span",{className:e,ref:function(e){t._element=e}},this.props.children)},u.propTypes={disabled:c.bool},u);function u(e){var t=r.call(this,e)||this;return t._element=null,t.removeListeners=function(){},t.registerListeners=function(){var e=t._element,e=(t.removeListeners(),(0,a.register)(e,[{selector:".k-button:not(li)"},{selector:".k-list>.k-item,.k-list>.k-list-item",options:{global:!0}},{selector:".k-checkbox-label,.k-radio-label"},{selector:".k-checkbox,.k-radio",options:{events:["focusin","animationend","click"]}}]));t.removeListeners=e},void 0!==p?p.validatePackage(l.packageMetadata):(e="License activation failed for ".concat(l.packageMetadata.name,"\n"),e=(e+="The @progress/kendo-licensing script is not loaded.\n")+"See ".concat(l.packageMetadata.licensingDocsUrl," for more information.\n"),console.warn(e)),t}t.Ripple=o},363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-ripple",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1668084197,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},527:e=>{e.exports=s},841:e=>{e.exports=c},895:e=>{e.exports=a},954:e=>{e.exports=p}},n={};function r(e){var t=n[e];return void 0!==t||(t=n[e]={exports:{}},o[e].call(t.exports,t,t.exports,r)),t.exports}var e,t,i={};return e=i,Object.defineProperty(e,"__esModule",{value:!0}),e.Ripple=void 0,t=r(262),Object.defineProperty(e,"Ripple",{enumerable:!0,get:function(){return t.Ripple}}),i})())}}});
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-ripple",
|
|
3
3
|
"description": "React Ripple provides the Material ink ripple effect. KendoReact Ripple package",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.10.0-dev.202211101249",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-react.git"
|