@progress/kendo-react-ripple 13.3.0 → 13.4.0-develop.1
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/Ripple.d.ts +79 -0
- package/dist/cdn/js/kendo-react-ripple.js +1 -1
- package/index.d.mts +2 -77
- package/index.d.ts +2 -77
- package/package-metadata.d.ts +12 -0
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +10 -16
- package/package.json +3 -3
package/Ripple.d.ts
ADDED
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { default as PropTypes } from 'prop-types';
|
|
9
|
+
import * as React from 'react';
|
|
10
|
+
/**
|
|
11
|
+
* Represents the KendoReact Ripple component.
|
|
12
|
+
*
|
|
13
|
+
* The ripple effect will show on the following elements:
|
|
14
|
+
* - Buttons
|
|
15
|
+
* - Checkboxes
|
|
16
|
+
* - Radio buttons
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```jsx-no-run
|
|
20
|
+
* <Ripple disabled="true">
|
|
21
|
+
* <Button> Default Button</Button>
|
|
22
|
+
* </Ripple>
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
25
|
+
export interface RippleProps {
|
|
26
|
+
/**
|
|
27
|
+
* Provides an option to disable the ripple effect on the children of the component. Defaults to `false`.
|
|
28
|
+
*
|
|
29
|
+
* @default false
|
|
30
|
+
*
|
|
31
|
+
* @example
|
|
32
|
+
* ```jsx
|
|
33
|
+
* <Ripple disabled={true}>
|
|
34
|
+
* <Button>Default Button</Button>
|
|
35
|
+
* </Ripple>
|
|
36
|
+
* ```
|
|
37
|
+
*/
|
|
38
|
+
disabled?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* @hidden
|
|
41
|
+
* Specifies additional CSS classes to apply to the ripple container.
|
|
42
|
+
*/
|
|
43
|
+
className?: string;
|
|
44
|
+
/**
|
|
45
|
+
* @hidden
|
|
46
|
+
* Specifies the child elements of the Ripple component.
|
|
47
|
+
*/
|
|
48
|
+
children?: any;
|
|
49
|
+
}
|
|
50
|
+
export declare class Ripple extends React.PureComponent<RippleProps, {}> {
|
|
51
|
+
/**
|
|
52
|
+
* @hidden
|
|
53
|
+
*/
|
|
54
|
+
static propTypes: {
|
|
55
|
+
disabled: PropTypes.Requireable<boolean>;
|
|
56
|
+
};
|
|
57
|
+
private _element;
|
|
58
|
+
private removeListeners;
|
|
59
|
+
private readonly showLicenseWatermark;
|
|
60
|
+
private readonly licenseMessage?;
|
|
61
|
+
constructor(props: RippleProps);
|
|
62
|
+
/**
|
|
63
|
+
* @hidden
|
|
64
|
+
*/
|
|
65
|
+
componentDidMount(): void;
|
|
66
|
+
/**
|
|
67
|
+
* @hidden
|
|
68
|
+
*/
|
|
69
|
+
componentDidUpdate(): void;
|
|
70
|
+
/**
|
|
71
|
+
* @hidden
|
|
72
|
+
*/
|
|
73
|
+
componentWillUnmount(): void;
|
|
74
|
+
/**
|
|
75
|
+
* @hidden
|
|
76
|
+
*/
|
|
77
|
+
render(): React.JSX.Element;
|
|
78
|
+
private registerListeners;
|
|
79
|
+
}
|
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
13
13
|
*-------------------------------------------------------------------------------------------
|
|
14
14
|
*/
|
|
15
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-ripple"),require("@progress/kendo-react-common")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-ripple","@progress/kendo-react-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactRipple={},e.React,e.PropTypes,e.KendoRipple,e.KendoReactCommon)}(this,
|
|
15
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-ripple"),require("@progress/kendo-react-common")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-ripple","@progress/kendo-react-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactRipple={},e.React,e.PropTypes,e.KendoRipple,e.KendoReactCommon)}(this,function(e,t,s,r,o){"use strict";function n(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(s){if("default"!==s){var r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:function(){return e[s]}})}}),t.default=e,Object.freeze(t)}var i=n(t);const c=Object.freeze({name:"@progress/kendo-react-ripple",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"13.4.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),p=class extends i.PureComponent{constructor(e){super(e),this._element=null,this.removeListeners=()=>{},this.showLicenseWatermark=!1,this.registerListeners=()=>{const e=this._element;this.removeListeners();const t=r.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=t},this.showLicenseWatermark=!o.validatePackage(c,{component:"Ripple"}),this.licenseMessage=o.getLicenseMessage(c)}componentDidMount(){this.registerListeners()}componentDidUpdate(){const{disabled:e}=this.props;e?this.removeListeners():this.registerListeners()}componentWillUnmount(){this.removeListeners()}render(){const e=this.props.className?"k-ripple-container "+this.props.className:"k-ripple-container";return i.createElement("span",{className:e,ref:e=>{this._element=e}},this.props.children,this.showLicenseWatermark&&i.createElement(o.WatermarkOverlay,{message:this.licenseMessage}))}};p.propTypes={disabled:s.bool};let a=p;e.Ripple=a});
|
package/index.d.mts
CHANGED
|
@@ -5,80 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
import * as React_2 from 'react';
|
|
11
|
-
|
|
12
|
-
export declare class Ripple extends React_2.PureComponent<RippleProps, {}> {
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
static propTypes: {
|
|
17
|
-
disabled: default_2.Requireable<boolean>;
|
|
18
|
-
};
|
|
19
|
-
private _element;
|
|
20
|
-
private removeListeners;
|
|
21
|
-
private readonly showLicenseWatermark;
|
|
22
|
-
private readonly licenseMessage?;
|
|
23
|
-
constructor(props: RippleProps);
|
|
24
|
-
/**
|
|
25
|
-
* @hidden
|
|
26
|
-
*/
|
|
27
|
-
componentDidMount(): void;
|
|
28
|
-
/**
|
|
29
|
-
* @hidden
|
|
30
|
-
*/
|
|
31
|
-
componentDidUpdate(): void;
|
|
32
|
-
/**
|
|
33
|
-
* @hidden
|
|
34
|
-
*/
|
|
35
|
-
componentWillUnmount(): void;
|
|
36
|
-
/**
|
|
37
|
-
* @hidden
|
|
38
|
-
*/
|
|
39
|
-
render(): JSX.Element;
|
|
40
|
-
private registerListeners;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* Represents the KendoReact Ripple component.
|
|
45
|
-
*
|
|
46
|
-
* The ripple effect will show on the following elements:
|
|
47
|
-
* - Buttons
|
|
48
|
-
* - Checkboxes
|
|
49
|
-
* - Radio buttons
|
|
50
|
-
*
|
|
51
|
-
* @example
|
|
52
|
-
* ```jsx-no-run
|
|
53
|
-
* <Ripple disabled="true">
|
|
54
|
-
* <Button> Default Button</Button>
|
|
55
|
-
* </Ripple>
|
|
56
|
-
* ```
|
|
57
|
-
*/
|
|
58
|
-
export declare interface RippleProps {
|
|
59
|
-
/**
|
|
60
|
-
* Provides an option to disable the ripple effect on the children of the component. Defaults to `false`.
|
|
61
|
-
*
|
|
62
|
-
* @default false
|
|
63
|
-
*
|
|
64
|
-
* @example
|
|
65
|
-
* ```jsx
|
|
66
|
-
* <Ripple disabled={true}>
|
|
67
|
-
* <Button>Default Button</Button>
|
|
68
|
-
* </Ripple>
|
|
69
|
-
* ```
|
|
70
|
-
*/
|
|
71
|
-
disabled?: boolean;
|
|
72
|
-
/**
|
|
73
|
-
* @hidden
|
|
74
|
-
* Specifies additional CSS classes to apply to the ripple container.
|
|
75
|
-
*/
|
|
76
|
-
className?: string;
|
|
77
|
-
/**
|
|
78
|
-
* @hidden
|
|
79
|
-
* Specifies the child elements of the Ripple component.
|
|
80
|
-
*/
|
|
81
|
-
children?: any;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
export { }
|
|
8
|
+
import { Ripple, RippleProps } from './Ripple.js';
|
|
9
|
+
export { Ripple, RippleProps };
|
package/index.d.ts
CHANGED
|
@@ -5,80 +5,5 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
import * as React_2 from 'react';
|
|
11
|
-
|
|
12
|
-
export declare class Ripple extends React_2.PureComponent<RippleProps, {}> {
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
static propTypes: {
|
|
17
|
-
disabled: default_2.Requireable<boolean>;
|
|
18
|
-
};
|
|
19
|
-
private _element;
|
|
20
|
-
private removeListeners;
|
|
21
|
-
private readonly showLicenseWatermark;
|
|
22
|
-
private readonly licenseMessage?;
|
|
23
|
-
constructor(props: RippleProps);
|
|
24
|
-
/**
|
|
25
|
-
* @hidden
|
|
26
|
-
*/
|
|
27
|
-
componentDidMount(): void;
|
|
28
|
-
/**
|
|
29
|
-
* @hidden
|
|
30
|
-
*/
|
|
31
|
-
componentDidUpdate(): void;
|
|
32
|
-
/**
|
|
33
|
-
* @hidden
|
|
34
|
-
*/
|
|
35
|
-
componentWillUnmount(): void;
|
|
36
|
-
/**
|
|
37
|
-
* @hidden
|
|
38
|
-
*/
|
|
39
|
-
render(): JSX.Element;
|
|
40
|
-
private registerListeners;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* Represents the KendoReact Ripple component.
|
|
45
|
-
*
|
|
46
|
-
* The ripple effect will show on the following elements:
|
|
47
|
-
* - Buttons
|
|
48
|
-
* - Checkboxes
|
|
49
|
-
* - Radio buttons
|
|
50
|
-
*
|
|
51
|
-
* @example
|
|
52
|
-
* ```jsx-no-run
|
|
53
|
-
* <Ripple disabled="true">
|
|
54
|
-
* <Button> Default Button</Button>
|
|
55
|
-
* </Ripple>
|
|
56
|
-
* ```
|
|
57
|
-
*/
|
|
58
|
-
export declare interface RippleProps {
|
|
59
|
-
/**
|
|
60
|
-
* Provides an option to disable the ripple effect on the children of the component. Defaults to `false`.
|
|
61
|
-
*
|
|
62
|
-
* @default false
|
|
63
|
-
*
|
|
64
|
-
* @example
|
|
65
|
-
* ```jsx
|
|
66
|
-
* <Ripple disabled={true}>
|
|
67
|
-
* <Button>Default Button</Button>
|
|
68
|
-
* </Ripple>
|
|
69
|
-
* ```
|
|
70
|
-
*/
|
|
71
|
-
disabled?: boolean;
|
|
72
|
-
/**
|
|
73
|
-
* @hidden
|
|
74
|
-
* Specifies additional CSS classes to apply to the ripple container.
|
|
75
|
-
*/
|
|
76
|
-
className?: string;
|
|
77
|
-
/**
|
|
78
|
-
* @hidden
|
|
79
|
-
* Specifies the child elements of the Ripple component.
|
|
80
|
-
*/
|
|
81
|
-
children?: any;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
export { }
|
|
8
|
+
import { Ripple, RippleProps } from './Ripple.js';
|
|
9
|
+
export { Ripple, RippleProps };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { PackageMetadata } from '@progress/kendo-licensing';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export declare const packageMetadata: PackageMetadata;
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-ripple",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-ripple",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1770219115,version:"13.4.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -1,19 +1,13 @@
|
|
|
1
|
+
// Generated file. DO NOT EDIT.
|
|
1
2
|
/**
|
|
2
|
-
* @
|
|
3
|
-
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
-
*-------------------------------------------------------------------------------------------
|
|
3
|
+
* @hidden
|
|
7
4
|
*/
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
5
|
+
export const packageMetadata = Object.freeze({
|
|
6
|
+
name: '@progress/kendo-react-ripple',
|
|
7
|
+
productName: 'KendoReact',
|
|
8
|
+
productCode: 'KENDOUIREACT',
|
|
9
|
+
productCodes: ['KENDOUIREACT'],
|
|
10
|
+
publishDate: 0,
|
|
11
|
+
version: '13.4.0-develop.1',
|
|
12
|
+
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
|
|
16
13
|
});
|
|
17
|
-
export {
|
|
18
|
-
e as packageMetadata
|
|
19
|
-
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-ripple",
|
|
3
|
-
"version": "13.
|
|
3
|
+
"version": "13.4.0-develop.1",
|
|
4
4
|
"description": "React Ripple provides the Material ink ripple effect. KendoReact Ripple package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"@progress/kendo-licensing": "^1.7.2",
|
|
29
|
-
"@progress/kendo-react-common": "13.
|
|
29
|
+
"@progress/kendo-react-common": "13.4.0-develop.1",
|
|
30
30
|
"@progress/kendo-ripple": "^1.0.1",
|
|
31
31
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
|
|
32
32
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"package": {
|
|
54
54
|
"productName": "KendoReact",
|
|
55
55
|
"productCode": "KENDOUIREACT",
|
|
56
|
-
"publishDate":
|
|
56
|
+
"publishDate": 1770219115,
|
|
57
57
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
58
58
|
}
|
|
59
59
|
},
|