@progress/kendo-react-ripple 6.1.1 → 7.0.0-develop.10
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/LICENSE.md +1 -1
- package/{dist/npm/Ripple.d.ts → Ripple.d.ts} +5 -1
- package/dist/cdn/js/kendo-react-ripple.js +8 -1
- package/index.d.ts +6 -0
- package/index.js +8 -0
- package/index.mjs +86 -0
- package/package-metadata.d.ts +9 -0
- package/package.json +27 -26
- package/about.md +0 -3
- package/dist/es/Ripple.d.ts +0 -59
- package/dist/es/Ripple.js +0 -96
- package/dist/es/main.d.ts +0 -2
- package/dist/es/main.js +0 -2
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/npm/Ripple.js +0 -99
- package/dist/npm/main.d.ts +0 -2
- package/dist/npm/main.js +0 -5
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/systemjs/kendo-react-ripple.js +0 -1
- package/e2e-next/basic.tests.ts +0 -24
package/LICENSE.md
CHANGED
|
@@ -8,4 +8,4 @@ This is commercial software. To use it, you need to agree to the [**End User Lic
|
|
|
8
8
|
|
|
9
9
|
All available KendoReact commercial licenses may be obtained at the [KendoReact website](https://www.telerik.com/kendo-react-ui/pricing).
|
|
10
10
|
|
|
11
|
-
*Copyright ©
|
|
11
|
+
*Copyright © 2023 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.*
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
1
5
|
import * as React from 'react';
|
|
2
6
|
import * as PropTypes from 'prop-types';
|
|
3
7
|
/**
|
|
@@ -54,6 +58,6 @@ export declare class Ripple extends React.PureComponent<RippleProps, {}> {
|
|
|
54
58
|
/**
|
|
55
59
|
* @hidden
|
|
56
60
|
*/
|
|
57
|
-
render(): JSX.Element;
|
|
61
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
58
62
|
private registerListeners;
|
|
59
63
|
}
|
|
@@ -1 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
(function(t,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react"),require("prop-types"),require("@progress/kendo-ripple"),require("@progress/kendo-licensing")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","@progress/kendo-ripple","@progress/kendo-licensing"],i):(t=typeof globalThis<"u"?globalThis:t||self,i(t.KendoReactRipple={},t.React,t.PropTypes,t.KendoRipple,t.KendoLicensing))})(this,function(t,i,d,m,u){"use strict";function r(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(s,e,o.get?o:{enumerable:!0,get:()=>n[e]})}}return s.default=n,Object.freeze(s)}const p=r(i),f=r(d),l=r(u),c={name:"@progress/kendo-react-ripple",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};class a extends p.PureComponent{constructor(s){if(super(s),this._element=null,this.removeListeners=()=>{},this.registerListeners=()=>{const e=this._element;this.removeListeners();const o=m.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"]}}]);this.removeListeners=o},typeof l<"u")l.validatePackage(c);else{let e=`License activation failed for ${c.name}
|
|
6
|
+
`;e+=`The @progress/kendo-licensing script is not loaded.
|
|
7
|
+
`,e+=`See ${c.licensingDocsUrl} for more information.
|
|
8
|
+
`,console.warn(e)}}componentDidMount(){this.registerListeners()}componentDidUpdate(){const{disabled:s}=this.props;s?this.removeListeners():this.registerListeners()}componentWillUnmount(){this.removeListeners()}render(){const s=this.props.className?"k-ripple-container "+this.props.className:"k-ripple-container";return p.createElement("span",{className:s,ref:e=>{this._element=e}},this.props.children)}}a.propTypes={disabled:f.bool},t.Ripple=a,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { Ripple, type RippleProps } from './Ripple';
|
|
6
|
+
export { Ripple, RippleProps };
|
package/index.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),p=require("prop-types"),m=require("@progress/kendo-ripple"),d=require("@progress/kendo-licensing");function i(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const e in s)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(s,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>s[e]})}}return t.default=s,Object.freeze(t)}const r=i(a),u=i(p),c=i(d),o={name:"@progress/kendo-react-ripple",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};class l extends r.PureComponent{constructor(t){if(super(t),this._element=null,this.removeListeners=()=>{},this.registerListeners=()=>{const e=this._element;this.removeListeners();const n=m.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"]}}]);this.removeListeners=n},typeof c<"u")c.validatePackage(o);else{let e=`License activation failed for ${o.name}
|
|
6
|
+
`;e+=`The @progress/kendo-licensing script is not loaded.
|
|
7
|
+
`,e+=`See ${o.licensingDocsUrl} for more information.
|
|
8
|
+
`,console.warn(e)}}componentDidMount(){this.registerListeners()}componentDidUpdate(){const{disabled:t}=this.props;t?this.removeListeners():this.registerListeners()}componentWillUnmount(){this.removeListeners()}render(){const t=this.props.className?"k-ripple-container "+this.props.className:"k-ripple-container";return r.createElement("span",{className:t,ref:e=>{this._element=e}},this.props.children)}}l.propTypes={disabled:u.bool};exports.Ripple=l;
|
package/index.mjs
ADDED
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import * as o from "react";
|
|
6
|
+
import * as n from "prop-types";
|
|
7
|
+
import { register as l } from "@progress/kendo-ripple";
|
|
8
|
+
import * as i from "@progress/kendo-licensing";
|
|
9
|
+
const t = {
|
|
10
|
+
name: "@progress/kendo-react-ripple",
|
|
11
|
+
productName: "KendoReact",
|
|
12
|
+
productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
|
|
13
|
+
publishDate: 1701439808,
|
|
14
|
+
version: "",
|
|
15
|
+
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
16
|
+
};
|
|
17
|
+
class c extends o.PureComponent {
|
|
18
|
+
constructor(s) {
|
|
19
|
+
if (super(s), this._element = null, this.removeListeners = () => {
|
|
20
|
+
}, this.registerListeners = () => {
|
|
21
|
+
const e = this._element;
|
|
22
|
+
this.removeListeners();
|
|
23
|
+
const r = l(e, [
|
|
24
|
+
{ selector: ".k-button:not(li)" },
|
|
25
|
+
{ selector: ".k-list>.k-item,.k-list>.k-list-item", options: { global: !0 } },
|
|
26
|
+
{ selector: ".k-checkbox-label,.k-radio-label" },
|
|
27
|
+
{
|
|
28
|
+
selector: ".k-checkbox,.k-radio",
|
|
29
|
+
options: {
|
|
30
|
+
events: ["focusin", "animationend", "click"]
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
]);
|
|
34
|
+
this.removeListeners = r;
|
|
35
|
+
}, typeof i < "u")
|
|
36
|
+
i.validatePackage(t);
|
|
37
|
+
else {
|
|
38
|
+
let e = `License activation failed for ${t.name}
|
|
39
|
+
`;
|
|
40
|
+
e += `The @progress/kendo-licensing script is not loaded.
|
|
41
|
+
`, e += `See ${t.licensingDocsUrl} for more information.
|
|
42
|
+
`, console.warn(e);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* @hidden
|
|
47
|
+
*/
|
|
48
|
+
componentDidMount() {
|
|
49
|
+
this.registerListeners();
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* @hidden
|
|
53
|
+
*/
|
|
54
|
+
componentDidUpdate() {
|
|
55
|
+
const { disabled: s } = this.props;
|
|
56
|
+
s ? this.removeListeners() : this.registerListeners();
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* @hidden
|
|
60
|
+
*/
|
|
61
|
+
componentWillUnmount() {
|
|
62
|
+
this.removeListeners();
|
|
63
|
+
}
|
|
64
|
+
/**
|
|
65
|
+
* @hidden
|
|
66
|
+
*/
|
|
67
|
+
render() {
|
|
68
|
+
const s = this.props.className ? "k-ripple-container " + this.props.className : "k-ripple-container";
|
|
69
|
+
return /* @__PURE__ */ o.createElement(
|
|
70
|
+
"span",
|
|
71
|
+
{
|
|
72
|
+
className: s,
|
|
73
|
+
ref: (e) => {
|
|
74
|
+
this._element = e;
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
this.props.children
|
|
78
|
+
);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
c.propTypes = {
|
|
82
|
+
disabled: n.bool
|
|
83
|
+
};
|
|
84
|
+
export {
|
|
85
|
+
c as Ripple
|
|
86
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
import { PackageMetadata } from '@progress/kendo-licensing';
|
|
6
|
+
/**
|
|
7
|
+
* @hidden
|
|
8
|
+
*/
|
|
9
|
+
export declare const packageMetadata: PackageMetadata;
|
package/package.json
CHANGED
|
@@ -1,20 +1,29 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-ripple",
|
|
3
|
+
"version": "7.0.0-develop.10",
|
|
3
4
|
"description": "React Ripple provides the Material ink ripple effect. KendoReact Ripple package",
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
"author": "Progress",
|
|
6
|
+
"license": "SEE LICENSE IN LICENSE.md",
|
|
7
|
+
"homepage": "https://www.telerik.com/kendo-react-ui",
|
|
8
|
+
"main": "./index.js",
|
|
9
|
+
"types": "./index.d.ts",
|
|
10
|
+
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"import": "./index.mjs",
|
|
13
|
+
"require": "./index.js"
|
|
14
|
+
}
|
|
8
15
|
},
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
+
"sideEffects": false,
|
|
17
|
+
"peerDependencies": {
|
|
18
|
+
"@progress/kendo-licensing": "^1.3.0",
|
|
19
|
+
"@progress/kendo-react-common": "7.0.0-develop.10",
|
|
20
|
+
"@progress/kendo-ripple": "^1.0.1",
|
|
21
|
+
"react": "^16.8.2 || ^17.0.0 || ^18.0.0",
|
|
22
|
+
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
|
|
23
|
+
},
|
|
24
|
+
"dependencies": {
|
|
25
|
+
"prop-types": "^15.6.0"
|
|
16
26
|
},
|
|
17
|
-
"homepage": "https://www.telerik.com/kendo-react-ui",
|
|
18
27
|
"keywords": [
|
|
19
28
|
"Kendo UI",
|
|
20
29
|
"React",
|
|
@@ -28,23 +37,15 @@
|
|
|
28
37
|
"React component",
|
|
29
38
|
"Telerik"
|
|
30
39
|
],
|
|
31
|
-
"peerDependencies": {
|
|
32
|
-
"@progress/kendo-licensing": "^1.3.0",
|
|
33
|
-
"react": "^16.8.2 || ^17.0.0 || ^18.0.0",
|
|
34
|
-
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
|
|
35
|
-
},
|
|
36
|
-
"dependencies": {
|
|
37
|
-
"@progress/kendo-ripple": "^1.0.1",
|
|
38
|
-
"prop-types": "^15.6.0"
|
|
39
|
-
},
|
|
40
40
|
"@progress": {
|
|
41
41
|
"friendlyName": "Ripple",
|
|
42
42
|
"framework": "KendoReact"
|
|
43
43
|
},
|
|
44
|
-
"
|
|
45
|
-
|
|
44
|
+
"repository": {
|
|
45
|
+
"type": "git",
|
|
46
|
+
"url": "git+https://github.com/telerik/kendo-react.git"
|
|
47
|
+
},
|
|
46
48
|
"publishConfig": {
|
|
47
49
|
"access": "public"
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
}
|
|
50
|
+
}
|
|
51
|
+
}
|
package/about.md
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<a href="https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-ripple&utm_content=banner" target="_blank">
|
|
2
|
-
<img src="https://www.telerik.com/kendo-react-ui/components/npm-banner.svg" alt="KendoReact NPM Banner">
|
|
3
|
-
</a>
|
package/dist/es/Ripple.d.ts
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as PropTypes from 'prop-types';
|
|
3
|
-
/**
|
|
4
|
-
* Represents the KendoReact Ripple component.
|
|
5
|
-
*
|
|
6
|
-
* The ripple effect will show on the following elements:
|
|
7
|
-
* - Buttons
|
|
8
|
-
* - Checkboxes
|
|
9
|
-
* - Radio buttons
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* ```jsx-no-run
|
|
13
|
-
* <Ripple disabled="true">
|
|
14
|
-
* <button className="k-button"> Default Button</button>
|
|
15
|
-
* </Ripple>
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
export interface RippleProps {
|
|
19
|
-
/**
|
|
20
|
-
* Provides an option to disable the ripple effect on the children of the component. Defaults to `false`.
|
|
21
|
-
*/
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
className?: string;
|
|
27
|
-
/**
|
|
28
|
-
* @hidden
|
|
29
|
-
*/
|
|
30
|
-
children?: any;
|
|
31
|
-
}
|
|
32
|
-
export declare class Ripple extends React.PureComponent<RippleProps, {}> {
|
|
33
|
-
/**
|
|
34
|
-
* @hidden
|
|
35
|
-
*/
|
|
36
|
-
static propTypes: {
|
|
37
|
-
disabled: PropTypes.Requireable<boolean>;
|
|
38
|
-
};
|
|
39
|
-
private _element;
|
|
40
|
-
private removeListeners;
|
|
41
|
-
constructor(props: RippleProps);
|
|
42
|
-
/**
|
|
43
|
-
* @hidden
|
|
44
|
-
*/
|
|
45
|
-
componentDidMount(): void;
|
|
46
|
-
/**
|
|
47
|
-
* @hidden
|
|
48
|
-
*/
|
|
49
|
-
componentDidUpdate(): void;
|
|
50
|
-
/**
|
|
51
|
-
* @hidden
|
|
52
|
-
*/
|
|
53
|
-
componentWillUnmount(): void;
|
|
54
|
-
/**
|
|
55
|
-
* @hidden
|
|
56
|
-
*/
|
|
57
|
-
render(): JSX.Element;
|
|
58
|
-
private registerListeners;
|
|
59
|
-
}
|
package/dist/es/Ripple.js
DELETED
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
import * as React from 'react';
|
|
17
|
-
import * as PropTypes from 'prop-types';
|
|
18
|
-
import { register } from '@progress/kendo-ripple';
|
|
19
|
-
import * as licensing from '@progress/kendo-licensing';
|
|
20
|
-
import { packageMetadata } from './package-metadata';
|
|
21
|
-
var Ripple = /** @class */ (function (_super) {
|
|
22
|
-
__extends(Ripple, _super);
|
|
23
|
-
function Ripple(props) {
|
|
24
|
-
var _this = _super.call(this, props) || this;
|
|
25
|
-
_this._element = null;
|
|
26
|
-
_this.removeListeners = (function () { });
|
|
27
|
-
_this.registerListeners = function () {
|
|
28
|
-
var root = _this._element;
|
|
29
|
-
_this.removeListeners();
|
|
30
|
-
var callback = register(root, [
|
|
31
|
-
{ selector: '.k-button:not(li)' },
|
|
32
|
-
{ selector: '.k-list>.k-item,.k-list>.k-list-item', options: { global: true } },
|
|
33
|
-
{ selector: '.k-checkbox-label,.k-radio-label' },
|
|
34
|
-
{
|
|
35
|
-
selector: '.k-checkbox,.k-radio',
|
|
36
|
-
options: {
|
|
37
|
-
events: ['focusin', 'animationend', 'click']
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
]);
|
|
41
|
-
_this.removeListeners = callback;
|
|
42
|
-
};
|
|
43
|
-
if (typeof licensing !== 'undefined') {
|
|
44
|
-
licensing.validatePackage(packageMetadata);
|
|
45
|
-
}
|
|
46
|
-
else {
|
|
47
|
-
var message = "License activation failed for ".concat(packageMetadata.name, "\n");
|
|
48
|
-
message += 'The @progress/kendo-licensing script is not loaded.\n';
|
|
49
|
-
message += "See ".concat(packageMetadata.licensingDocsUrl, " for more information.\n");
|
|
50
|
-
console.warn(message);
|
|
51
|
-
}
|
|
52
|
-
return _this;
|
|
53
|
-
}
|
|
54
|
-
/**
|
|
55
|
-
* @hidden
|
|
56
|
-
*/
|
|
57
|
-
Ripple.prototype.componentDidMount = function () {
|
|
58
|
-
this.registerListeners();
|
|
59
|
-
};
|
|
60
|
-
/**
|
|
61
|
-
* @hidden
|
|
62
|
-
*/
|
|
63
|
-
Ripple.prototype.componentDidUpdate = function () {
|
|
64
|
-
var disabled = this.props.disabled;
|
|
65
|
-
if (disabled) {
|
|
66
|
-
this.removeListeners();
|
|
67
|
-
}
|
|
68
|
-
else {
|
|
69
|
-
this.registerListeners();
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
/**
|
|
73
|
-
* @hidden
|
|
74
|
-
*/
|
|
75
|
-
Ripple.prototype.componentWillUnmount = function () {
|
|
76
|
-
this.removeListeners();
|
|
77
|
-
};
|
|
78
|
-
/**
|
|
79
|
-
* @hidden
|
|
80
|
-
*/
|
|
81
|
-
Ripple.prototype.render = function () {
|
|
82
|
-
var _this = this;
|
|
83
|
-
var classNames = this.props.className
|
|
84
|
-
? 'k-ripple-container' + ' ' + this.props.className
|
|
85
|
-
: 'k-ripple-container';
|
|
86
|
-
return (React.createElement("span", { className: classNames, ref: function (el) { _this._element = el; } }, this.props.children));
|
|
87
|
-
};
|
|
88
|
-
/**
|
|
89
|
-
* @hidden
|
|
90
|
-
*/
|
|
91
|
-
Ripple.propTypes = {
|
|
92
|
-
disabled: PropTypes.bool
|
|
93
|
-
};
|
|
94
|
-
return Ripple;
|
|
95
|
-
}(React.PureComponent));
|
|
96
|
-
export { Ripple };
|
package/dist/es/main.d.ts
DELETED
package/dist/es/main.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @hidden
|
|
3
|
-
*/
|
|
4
|
-
export var packageMetadata = {
|
|
5
|
-
name: '@progress/kendo-react-ripple',
|
|
6
|
-
productName: 'KendoReact',
|
|
7
|
-
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate: 1700065020,
|
|
9
|
-
version: '',
|
|
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
|
-
};
|
package/dist/npm/Ripple.js
DELETED
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.Ripple = void 0;
|
|
19
|
-
var React = require("react");
|
|
20
|
-
var PropTypes = require("prop-types");
|
|
21
|
-
var kendo_ripple_1 = require("@progress/kendo-ripple");
|
|
22
|
-
var licensing = require("@progress/kendo-licensing");
|
|
23
|
-
var package_metadata_1 = require("./package-metadata");
|
|
24
|
-
var Ripple = /** @class */ (function (_super) {
|
|
25
|
-
__extends(Ripple, _super);
|
|
26
|
-
function Ripple(props) {
|
|
27
|
-
var _this = _super.call(this, props) || this;
|
|
28
|
-
_this._element = null;
|
|
29
|
-
_this.removeListeners = (function () { });
|
|
30
|
-
_this.registerListeners = function () {
|
|
31
|
-
var root = _this._element;
|
|
32
|
-
_this.removeListeners();
|
|
33
|
-
var callback = (0, kendo_ripple_1.register)(root, [
|
|
34
|
-
{ selector: '.k-button:not(li)' },
|
|
35
|
-
{ selector: '.k-list>.k-item,.k-list>.k-list-item', options: { global: true } },
|
|
36
|
-
{ selector: '.k-checkbox-label,.k-radio-label' },
|
|
37
|
-
{
|
|
38
|
-
selector: '.k-checkbox,.k-radio',
|
|
39
|
-
options: {
|
|
40
|
-
events: ['focusin', 'animationend', 'click']
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
]);
|
|
44
|
-
_this.removeListeners = callback;
|
|
45
|
-
};
|
|
46
|
-
if (typeof licensing !== 'undefined') {
|
|
47
|
-
licensing.validatePackage(package_metadata_1.packageMetadata);
|
|
48
|
-
}
|
|
49
|
-
else {
|
|
50
|
-
var message = "License activation failed for ".concat(package_metadata_1.packageMetadata.name, "\n");
|
|
51
|
-
message += 'The @progress/kendo-licensing script is not loaded.\n';
|
|
52
|
-
message += "See ".concat(package_metadata_1.packageMetadata.licensingDocsUrl, " for more information.\n");
|
|
53
|
-
console.warn(message);
|
|
54
|
-
}
|
|
55
|
-
return _this;
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* @hidden
|
|
59
|
-
*/
|
|
60
|
-
Ripple.prototype.componentDidMount = function () {
|
|
61
|
-
this.registerListeners();
|
|
62
|
-
};
|
|
63
|
-
/**
|
|
64
|
-
* @hidden
|
|
65
|
-
*/
|
|
66
|
-
Ripple.prototype.componentDidUpdate = function () {
|
|
67
|
-
var disabled = this.props.disabled;
|
|
68
|
-
if (disabled) {
|
|
69
|
-
this.removeListeners();
|
|
70
|
-
}
|
|
71
|
-
else {
|
|
72
|
-
this.registerListeners();
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
/**
|
|
76
|
-
* @hidden
|
|
77
|
-
*/
|
|
78
|
-
Ripple.prototype.componentWillUnmount = function () {
|
|
79
|
-
this.removeListeners();
|
|
80
|
-
};
|
|
81
|
-
/**
|
|
82
|
-
* @hidden
|
|
83
|
-
*/
|
|
84
|
-
Ripple.prototype.render = function () {
|
|
85
|
-
var _this = this;
|
|
86
|
-
var classNames = this.props.className
|
|
87
|
-
? 'k-ripple-container' + ' ' + this.props.className
|
|
88
|
-
: 'k-ripple-container';
|
|
89
|
-
return (React.createElement("span", { className: classNames, ref: function (el) { _this._element = el; } }, this.props.children));
|
|
90
|
-
};
|
|
91
|
-
/**
|
|
92
|
-
* @hidden
|
|
93
|
-
*/
|
|
94
|
-
Ripple.propTypes = {
|
|
95
|
-
disabled: PropTypes.bool
|
|
96
|
-
};
|
|
97
|
-
return Ripple;
|
|
98
|
-
}(React.PureComponent));
|
|
99
|
-
exports.Ripple = Ripple;
|
package/dist/npm/main.d.ts
DELETED
package/dist/npm/main.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.packageMetadata = void 0;
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
exports.packageMetadata = {
|
|
8
|
-
name: '@progress/kendo-react-ripple',
|
|
9
|
-
productName: 'KendoReact',
|
|
10
|
-
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate: 1700065020,
|
|
12
|
-
version: '',
|
|
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
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
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:1700065020,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/e2e-next/basic.tests.ts
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { Browser } from '@progress/kendo-e2e';
|
|
2
|
-
import { LOCATORS } from '../../../e2eUtils/const';
|
|
3
|
-
|
|
4
|
-
let browser: Browser;
|
|
5
|
-
|
|
6
|
-
beforeAll(() => {
|
|
7
|
-
browser = new Browser();
|
|
8
|
-
});
|
|
9
|
-
|
|
10
|
-
beforeEach(async () => {
|
|
11
|
-
await browser.navigateTo('http://localhost:3000/ripple/overview');
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
afterEach(async () => {
|
|
15
|
-
expect(await browser.getErrorLogs()).toEqual([]);
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
afterAll(async () => {
|
|
19
|
-
await browser.close();
|
|
20
|
-
});
|
|
21
|
-
|
|
22
|
-
it('should not have errors', async () => {
|
|
23
|
-
expect(await browser.isVisible(LOCATORS.RIPPLE)).toBe(true);
|
|
24
|
-
});
|