@progress/kendo-react-popup 7.2.4-develop.3 → 7.3.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/Popup.js +8 -0
- package/Popup.mjs +25 -0
- package/PopupWithoutContext.js +8 -0
- package/PopupWithoutContext.mjs +324 -0
- package/animation.js +8 -0
- package/animation.mjs +35 -0
- package/dist/cdn/js/kendo-react-popup.js +8 -5
- package/index.d.mts +468 -5
- package/index.d.ts +468 -16
- package/index.js +8 -5
- package/index.mjs +12 -373
- package/package-metadata.js +8 -0
- package/package-metadata.mjs +19 -0
- package/package.json +2 -2
- package/util.js +8 -0
- package/util.mjs +25 -0
- package/Popup.d.ts +0 -31
- package/PopupWithoutContext.d.ts +0 -188
- package/animation.d.ts +0 -8
- package/models/Align.d.ts +0 -28
- package/models/Collision.d.ts +0 -18
- package/models/CollisionType.d.ts +0 -14
- package/models/Events.d.ts +0 -40
- package/models/Margin.d.ts +0 -18
- package/models/Offset.d.ts +0 -18
- package/models/PopupAnimation.d.ts +0 -17
- package/models/PopupProps.d.ts +0 -119
- package/models/PositionMode.d.ts +0 -9
- package/package-metadata.d.ts +0 -9
- package/util.d.ts +0 -21
package/animation.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare const slide: (element: HTMLElement, direction: 'up' | 'down' | 'left' | 'right', duration: number, type: 'enter' | 'exit', callback: Function) => any;
|
package/models/Align.d.ts
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { AlignStrategy } from '@progress/kendo-popup-common';
|
|
6
|
-
/**
|
|
7
|
-
* Defines the horizontal and vertical aligning point of the Popup.
|
|
8
|
-
*/
|
|
9
|
-
export interface Align extends AlignStrategy {
|
|
10
|
-
/**
|
|
11
|
-
* Defines the possible horizontal point values that are relative to the anchor or the Popup.
|
|
12
|
-
*
|
|
13
|
-
* The available options are:
|
|
14
|
-
* - `left`—Uses the leftmost point of the anchor element.
|
|
15
|
-
* - `center`—Uses the center point of the anchor element.
|
|
16
|
-
* - `right`—Uses the rightmost point of the anchor element.
|
|
17
|
-
*/
|
|
18
|
-
horizontal: 'left' | 'center' | 'right';
|
|
19
|
-
/**
|
|
20
|
-
* Defines the possible vertical point values that are relative to the anchor or the Popup.
|
|
21
|
-
*
|
|
22
|
-
* The available options are:
|
|
23
|
-
* - `top`—Uses the top point of the anchor element.
|
|
24
|
-
* - `center`—Uses the center point of the anchor element.
|
|
25
|
-
* - `bottom`—Uses the bottom point of the anchor element.
|
|
26
|
-
*/
|
|
27
|
-
vertical: 'top' | 'center' | 'bottom';
|
|
28
|
-
}
|
package/models/Collision.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { CollisionType } from './CollisionType';
|
|
6
|
-
/**
|
|
7
|
-
* Defines the horizontal and vertical collision behavior of the Popup.
|
|
8
|
-
*/
|
|
9
|
-
export interface Collision {
|
|
10
|
-
/**
|
|
11
|
-
* Defines the horizontal collision behavior of the Popup.
|
|
12
|
-
*/
|
|
13
|
-
horizontal: CollisionType;
|
|
14
|
-
/**
|
|
15
|
-
* Defines the vertical collision behavior of the Popup.
|
|
16
|
-
*/
|
|
17
|
-
vertical: CollisionType;
|
|
18
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { CollisionType as CollisionTypeBase } from '@progress/kendo-popup-common';
|
|
6
|
-
/**
|
|
7
|
-
* Defines the possible collision behavior when the Popup is not fully visible.
|
|
8
|
-
*
|
|
9
|
-
* The available options are:
|
|
10
|
-
* - `fit`—Moves the Popup horizontally until it is fully displayed in the viewport.
|
|
11
|
-
* - `flip`—Flips the Popup position based on the origin and the position properties.
|
|
12
|
-
* - `none`—The Popup is rendered at its original position.
|
|
13
|
-
*/
|
|
14
|
-
export type CollisionType = CollisionTypeBase;
|
package/models/Events.d.ts
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Popup } from '../Popup';
|
|
6
|
-
/**
|
|
7
|
-
* Represents the object of the `Open` Popup event.
|
|
8
|
-
*/
|
|
9
|
-
export interface OpenEvent {
|
|
10
|
-
/**
|
|
11
|
-
* An event target.
|
|
12
|
-
*/
|
|
13
|
-
target: Popup;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* Represents the object of the `Close` Popup event.
|
|
17
|
-
*/
|
|
18
|
-
export interface CloseEvent {
|
|
19
|
-
/**
|
|
20
|
-
* An event target.
|
|
21
|
-
*/
|
|
22
|
-
target: Popup;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Represents the object of the `Position` Popup event.
|
|
26
|
-
*/
|
|
27
|
-
export interface PositionEvent {
|
|
28
|
-
/**
|
|
29
|
-
* An event target.
|
|
30
|
-
*/
|
|
31
|
-
target: Popup;
|
|
32
|
-
/**
|
|
33
|
-
* Indicates if the position is fitted.
|
|
34
|
-
*/
|
|
35
|
-
fitted: boolean;
|
|
36
|
-
/**
|
|
37
|
-
* Indicates if the position is flipped.
|
|
38
|
-
*/
|
|
39
|
-
flipped: boolean;
|
|
40
|
-
}
|
package/models/Margin.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { MarginSettings } from '@progress/kendo-popup-common';
|
|
6
|
-
/**
|
|
7
|
-
* Defines the horizontal and the vertical margin offset of the component.
|
|
8
|
-
*/
|
|
9
|
-
export interface Margin extends MarginSettings {
|
|
10
|
-
/**
|
|
11
|
-
* Defines the possible horizontal margin value.
|
|
12
|
-
*/
|
|
13
|
-
horizontal: number;
|
|
14
|
-
/**
|
|
15
|
-
* Defines the possible vertical margin value.
|
|
16
|
-
*/
|
|
17
|
-
vertical: number;
|
|
18
|
-
}
|
package/models/Offset.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { OffsetPosition } from '@progress/kendo-popup-common';
|
|
6
|
-
/**
|
|
7
|
-
* The offset position of the Popup.
|
|
8
|
-
*/
|
|
9
|
-
export interface Offset extends OffsetPosition {
|
|
10
|
-
/**
|
|
11
|
-
* Defines the top position of the Popup.
|
|
12
|
-
*/
|
|
13
|
-
top: number;
|
|
14
|
-
/**
|
|
15
|
-
* Defines the left position of the Popup.
|
|
16
|
-
*/
|
|
17
|
-
left: number;
|
|
18
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
/**
|
|
6
|
-
* The animation settings for the Popup component.
|
|
7
|
-
*/
|
|
8
|
-
export interface PopupAnimation {
|
|
9
|
-
/**
|
|
10
|
-
* The duration of the opening animation in milliseconds. Defaults to `300ms`.
|
|
11
|
-
*/
|
|
12
|
-
openDuration?: number;
|
|
13
|
-
/**
|
|
14
|
-
* The duration of the closing animation in milliseconds. Defaults to `300ms`.
|
|
15
|
-
*/
|
|
16
|
-
closeDuration?: number;
|
|
17
|
-
}
|
package/models/PopupProps.d.ts
DELETED
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Collision } from './Collision';
|
|
6
|
-
import { Align } from './Align';
|
|
7
|
-
import { OpenEvent, CloseEvent, PositionEvent } from './Events';
|
|
8
|
-
import { Offset } from './Offset';
|
|
9
|
-
import { PopupAnimation } from './PopupAnimation';
|
|
10
|
-
import { Margin } from './Margin';
|
|
11
|
-
import { PositionMode } from './PositionMode';
|
|
12
|
-
import { PopupSettings } from '@progress/kendo-popup-common';
|
|
13
|
-
/**
|
|
14
|
-
* Represents the props of the [KendoReact Popup component]({% slug overview_popup %}).
|
|
15
|
-
*/
|
|
16
|
-
export interface PopupProps extends PopupSettings {
|
|
17
|
-
/**
|
|
18
|
-
* Controls the Popup animation ([see example]({% slug animations_popup %})). By default, the opening and closing animations are enabled.
|
|
19
|
-
*/
|
|
20
|
-
animate?: boolean | PopupAnimation;
|
|
21
|
-
/**
|
|
22
|
-
* Specifies the element which will be used as an anchor ([see example]({% slug alignmentpositioning_popup %})). The Popup opens next to that element.
|
|
23
|
-
*/
|
|
24
|
-
anchor?: HTMLElement | null;
|
|
25
|
-
/**
|
|
26
|
-
* Defines the container to which the Popup will be appended. Defaults to [`body`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body).
|
|
27
|
-
* * If set to `null` the Popup will be rendered without React Portal.
|
|
28
|
-
*/
|
|
29
|
-
appendTo?: HTMLElement | null;
|
|
30
|
-
/**
|
|
31
|
-
* Specifies the pivot point of the anchor ([see example]({% slug alignmentpositioning_popup %})).
|
|
32
|
-
*/
|
|
33
|
-
anchorAlign?: Align;
|
|
34
|
-
/**
|
|
35
|
-
* Configures the collision behavior of the Popup ([see example]({% slug viewportboundarydetection_popup %})).
|
|
36
|
-
*/
|
|
37
|
-
collision?: Collision;
|
|
38
|
-
/**
|
|
39
|
-
* Configures the margin value that will be added to the popup dimensions
|
|
40
|
-
* in pixels and leaves a blank space between the popup and the anchor.
|
|
41
|
-
*/
|
|
42
|
-
margin?: Margin;
|
|
43
|
-
/**
|
|
44
|
-
* Specifies the position mode of the component. By default, the Popup uses fixed positioning.
|
|
45
|
-
* To make the Popup acquire absolute positioning, set this option to `absolute`.
|
|
46
|
-
*
|
|
47
|
-
* > If you need to support mobile browsers with the zoom option, use the `absolute` positioning of the Popup.
|
|
48
|
-
*/
|
|
49
|
-
positionMode?: PositionMode;
|
|
50
|
-
/**
|
|
51
|
-
* Used to set the document scale when using a [scale transform](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale).
|
|
52
|
-
*
|
|
53
|
-
* The document or container scale is required to compute the popup position correctly. Detecting the scale is not reliable and must be set by providing a value for SCALE. See [Support for Document Scale]({% slug documentscale_popup %}).
|
|
54
|
-
*
|
|
55
|
-
* > Using this token is not necessary for user-applied browser zoom.
|
|
56
|
-
*
|
|
57
|
-
*/
|
|
58
|
-
scale?: number;
|
|
59
|
-
/**
|
|
60
|
-
* Specifies the pivot point of the Popup ([see example]({% slug alignmentpositioning_popup %})).
|
|
61
|
-
*/
|
|
62
|
-
popupAlign?: Align;
|
|
63
|
-
/**
|
|
64
|
-
* Specifies the absolute position of the element ([see example]({% slug alignmentpositioning_popup %})). The Popup opens next to that point. The pivot point of the Popup is defined by the `popupAlign` configuration option. The boundary detection is applied by using the window viewport.
|
|
65
|
-
*/
|
|
66
|
-
offset?: Offset;
|
|
67
|
-
/**
|
|
68
|
-
* Specifies a list of CSS classes that will be added to the internal animated element ([see example]({% slug appearance_popup %})).
|
|
69
|
-
*/
|
|
70
|
-
popupClass?: string | Array<string> | {
|
|
71
|
-
[key: string]: boolean;
|
|
72
|
-
};
|
|
73
|
-
/**
|
|
74
|
-
* Specifies a list of CSS classes that will be added to the Popup element.
|
|
75
|
-
*/
|
|
76
|
-
className?: string | Array<string>;
|
|
77
|
-
/**
|
|
78
|
-
* Specifies the id that will be added to the Popup element.
|
|
79
|
-
*/
|
|
80
|
-
id?: string;
|
|
81
|
-
/**
|
|
82
|
-
* Represents the styles that are applied to the Popup.
|
|
83
|
-
*/
|
|
84
|
-
style?: React.CSSProperties;
|
|
85
|
-
/**
|
|
86
|
-
* Fires after the Popup is opened and the opening animation ends.
|
|
87
|
-
*/
|
|
88
|
-
onOpen?: (event: OpenEvent) => void;
|
|
89
|
-
/**
|
|
90
|
-
* Fires after the Popup is closed.
|
|
91
|
-
*/
|
|
92
|
-
onClose?: (event: CloseEvent) => void;
|
|
93
|
-
/**
|
|
94
|
-
* Fires after the Popup position is set.
|
|
95
|
-
*/
|
|
96
|
-
onPosition?: (event: PositionEvent) => void;
|
|
97
|
-
/**
|
|
98
|
-
* Controls the Popup visibility ([see example]({% slug hidden_popup %})). Defaults to `false`.
|
|
99
|
-
*/
|
|
100
|
-
show?: boolean;
|
|
101
|
-
/**
|
|
102
|
-
* @hidden
|
|
103
|
-
*
|
|
104
|
-
* If contentKey has changed, the popup will recalculate its position.
|
|
105
|
-
*/
|
|
106
|
-
contentKey?: any;
|
|
107
|
-
/**
|
|
108
|
-
* @hidden
|
|
109
|
-
*/
|
|
110
|
-
children?: React.ReactNode;
|
|
111
|
-
/**
|
|
112
|
-
* @hidden
|
|
113
|
-
*/
|
|
114
|
-
useBaseStyles?: boolean;
|
|
115
|
-
/**
|
|
116
|
-
* @hidden
|
|
117
|
-
*/
|
|
118
|
-
role?: string;
|
|
119
|
-
}
|
package/models/PositionMode.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { PositionMode as PositionModeBase } from '@progress/kendo-popup-common';
|
|
6
|
-
/**
|
|
7
|
-
* The type which defines all possible position modes of the Popup.
|
|
8
|
-
*/
|
|
9
|
-
export type PositionMode = PositionModeBase;
|
package/package-metadata.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 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/util.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { OffsetPosition } from '@progress/kendo-popup-common';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export declare const isDifferentOffset: (oldOffset: OffsetPosition, newOffset: OffsetPosition) => boolean;
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export declare const hasBoundingRect: (elem: HTMLElement) => boolean;
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
export declare const FRAME_DURATION: number;
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
export declare const throttle: (func: Function, wait: number, options?: any) => () => any;
|