@progress/kendo-react-dialogs 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/{dist/es/Dialog.d.ts → Dialog.d.ts} +6 -2
- package/{dist/npm/DialogActionsBar.d.ts → DialogActionsBar.d.ts} +4 -0
- package/{dist/es/DialogProps.d.ts → DialogProps.d.ts} +4 -1
- package/{dist/es/DialogTitleBar.d.ts → DialogTitleBar.d.ts} +4 -0
- package/LICENSE.md +1 -1
- package/{dist/es/MiddleLayerOptimization.d.ts → MiddleLayerOptimization.d.ts} +4 -0
- package/StageEnum.d.ts +9 -0
- package/{dist/es/Window.d.ts → Window.d.ts} +6 -2
- package/{dist/npm/WindowActionsBar.d.ts → WindowActionsBar.d.ts} +4 -0
- package/{dist/npm/WindowProps.d.ts → WindowProps.d.ts} +4 -1
- package/WindowResizeHandlers.d.ts +20 -0
- package/{dist/npm/WindowTitlebar.d.ts → WindowTitlebar.d.ts} +4 -0
- package/constants.d.ts +12 -0
- package/dist/cdn/js/kendo-react-dialogs.js +5 -1
- package/{dist/npm/events.d.ts → events.d.ts} +4 -0
- package/index.d.ts +13 -0
- package/index.js +5 -0
- package/index.mjs +677 -0
- package/{dist/npm/messages → messages}/index.d.ts +4 -0
- package/models/actions-layout.d.ts +8 -0
- package/package-metadata.d.ts +9 -0
- package/package.json +28 -36
- package/utils.d.ts +6 -0
- package/about.md +0 -3
- package/dist/es/Dialog.js +0 -203
- package/dist/es/DialogActionsBar.d.ts +0 -21
- package/dist/es/DialogActionsBar.js +0 -32
- package/dist/es/DialogProps.js +0 -3
- package/dist/es/DialogTitleBar.js +0 -13
- package/dist/es/MiddleLayerOptimization.js +0 -33
- package/dist/es/StageEnum.d.ts +0 -5
- package/dist/es/StageEnum.js +0 -6
- package/dist/es/Window.js +0 -643
- package/dist/es/WindowActionsBar.d.ts +0 -21
- package/dist/es/WindowActionsBar.js +0 -34
- package/dist/es/WindowProps.d.ts +0 -144
- package/dist/es/WindowProps.js +0 -2
- package/dist/es/WindowResizeHandlers.d.ts +0 -16
- package/dist/es/WindowResizeHandlers.js +0 -49
- package/dist/es/WindowTitlebar.d.ts +0 -63
- package/dist/es/WindowTitlebar.js +0 -47
- package/dist/es/constants.d.ts +0 -8
- package/dist/es/constants.js +0 -8
- package/dist/es/events.d.ts +0 -45
- package/dist/es/events.js +0 -2
- package/dist/es/main.d.ts +0 -9
- package/dist/es/main.js +0 -5
- package/dist/es/messages/index.d.ts +0 -25
- package/dist/es/messages/index.js +0 -26
- package/dist/es/models/actions-layout.d.ts +0 -4
- package/dist/es/models/actions-layout.js +0 -1
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/es/utils.d.ts +0 -2
- package/dist/es/utils.js +0 -22
- package/dist/npm/Dialog.d.ts +0 -90
- package/dist/npm/Dialog.js +0 -206
- package/dist/npm/DialogActionsBar.js +0 -36
- package/dist/npm/DialogProps.d.ts +0 -74
- package/dist/npm/DialogProps.js +0 -4
- package/dist/npm/DialogTitleBar.d.ts +0 -26
- package/dist/npm/DialogTitleBar.js +0 -17
- package/dist/npm/MiddleLayerOptimization.d.ts +0 -17
- package/dist/npm/MiddleLayerOptimization.js +0 -36
- package/dist/npm/StageEnum.d.ts +0 -5
- package/dist/npm/StageEnum.js +0 -9
- package/dist/npm/Window.d.ts +0 -174
- package/dist/npm/Window.js +0 -646
- package/dist/npm/WindowActionsBar.js +0 -38
- package/dist/npm/WindowProps.js +0 -3
- package/dist/npm/WindowResizeHandlers.d.ts +0 -16
- package/dist/npm/WindowResizeHandlers.js +0 -52
- package/dist/npm/WindowTitlebar.js +0 -50
- package/dist/npm/constants.d.ts +0 -8
- package/dist/npm/constants.js +0 -11
- package/dist/npm/events.js +0 -3
- package/dist/npm/main.d.ts +0 -9
- package/dist/npm/main.js +0 -13
- package/dist/npm/messages/index.js +0 -29
- package/dist/npm/models/actions-layout.d.ts +0 -4
- package/dist/npm/models/actions-layout.js +0 -2
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/npm/utils.d.ts +0 -2
- package/dist/npm/utils.js +0 -26
- package/dist/systemjs/kendo-react-dialogs.js +0 -1
- package/e2e-next/dialog.basic.tests.ts +0 -24
- package/e2e-next/window.basic.tests.ts +0 -24
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
import * as PropTypes from 'prop-types';
|
|
14
|
-
import { classNames } from '@progress/kendo-react-common';
|
|
15
|
-
/**
|
|
16
|
-
* Returns the action bar of the Window.
|
|
17
|
-
*
|
|
18
|
-
* @returns React.ReactElement
|
|
19
|
-
*/
|
|
20
|
-
export var WindowActionsBar = function (props) {
|
|
21
|
-
var combinedProps = __assign({ layout: 'end' }, props);
|
|
22
|
-
var layout = combinedProps.layout, children = combinedProps.children;
|
|
23
|
-
var wrapperClasses = classNames('k-actions', 'k-window-actions', 'k-actions-horizontal', 'k-hstack', {
|
|
24
|
-
'k-justify-content-start': layout === 'start',
|
|
25
|
-
'k-justify-content-center': layout === 'center',
|
|
26
|
-
'k-justify-content-end': layout === 'end',
|
|
27
|
-
'k-justify-content-stretch': layout === 'stretched'
|
|
28
|
-
});
|
|
29
|
-
return (React.createElement("div", { className: wrapperClasses }, children));
|
|
30
|
-
};
|
|
31
|
-
WindowActionsBar.propTypes = {
|
|
32
|
-
children: PropTypes.any,
|
|
33
|
-
layout: PropTypes.oneOf(['start', 'center', 'end', 'stretched'])
|
|
34
|
-
};
|
package/dist/es/WindowProps.d.ts
DELETED
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { WindowActionsEvent, WindowMoveEvent } from './events';
|
|
3
|
-
import { windowStage } from './StageEnum';
|
|
4
|
-
/**
|
|
5
|
-
* Represents the props of the [KendoReact Window component]({% slug overview_window %}).
|
|
6
|
-
*/
|
|
7
|
-
export interface WindowProps {
|
|
8
|
-
/**
|
|
9
|
-
* Defines the container to which the Window will be appended. Defaults to its parent element.
|
|
10
|
-
* * If set to `null` the Window will be rendered without React Portal.
|
|
11
|
-
*/
|
|
12
|
-
appendTo?: HTMLElement | null;
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
children?: React.ReactNode;
|
|
17
|
-
/**
|
|
18
|
-
* Specifies if the Window will render the close button.
|
|
19
|
-
*/
|
|
20
|
-
closeButton?: React.ComponentType<any>;
|
|
21
|
-
/**
|
|
22
|
-
* Specifies if the Window stage will change on title double click. The this is on by default.
|
|
23
|
-
*/
|
|
24
|
-
doubleClickStageChange?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Specifies if the Window will be draggable ([see example]({% slug positioningdragging_window %}#toc-dragging)).
|
|
27
|
-
*/
|
|
28
|
-
draggable?: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* Specifies the height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)).
|
|
31
|
-
*/
|
|
32
|
-
height?: number;
|
|
33
|
-
/**
|
|
34
|
-
* Specifies the initial `left` value ([see example]({% slug positioningdragging_window %}#toc-positioning)). The Window will be in an uncontrolled mode.
|
|
35
|
-
*/
|
|
36
|
-
initialLeft?: number;
|
|
37
|
-
/**
|
|
38
|
-
* Specifies the initial `top` value ([see example]({% slug positioningdragging_window %}#toc-positioning)). The component will be in an uncontrolled mode.
|
|
39
|
-
*/
|
|
40
|
-
initialTop?: number;
|
|
41
|
-
/**
|
|
42
|
-
* Specifies the initial width of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)). The component will be in an uncontrolled mode.
|
|
43
|
-
*/
|
|
44
|
-
initialWidth?: number;
|
|
45
|
-
/**
|
|
46
|
-
* Specifies the initial height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-dimensions)). The component will be in an uncontrolled mode.
|
|
47
|
-
*/
|
|
48
|
-
initialHeight?: number;
|
|
49
|
-
/**
|
|
50
|
-
* Specifies the left coordinates of the Window.
|
|
51
|
-
*/
|
|
52
|
-
left?: number;
|
|
53
|
-
/**
|
|
54
|
-
* Specifies if the Window will render the maximize button.
|
|
55
|
-
*/
|
|
56
|
-
maximizeButton?: React.ComponentType<any>;
|
|
57
|
-
/**
|
|
58
|
-
* Specifies the minimum height of the Window ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
|
|
59
|
-
*/
|
|
60
|
-
minHeight?: number;
|
|
61
|
-
/**
|
|
62
|
-
* Specifies the minimum width of the Window ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
|
|
63
|
-
*/
|
|
64
|
-
minWidth?: number;
|
|
65
|
-
/**
|
|
66
|
-
* Specifies if the Window will render the minimize button.
|
|
67
|
-
*/
|
|
68
|
-
minimizeButton?: React.ComponentType<any>;
|
|
69
|
-
/**
|
|
70
|
-
* Specifies if the Window will be modal by rendering an overlay under the component.
|
|
71
|
-
*/
|
|
72
|
-
modal?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* Specifies if the Window will be resizable ([see example]({% slug dimensionsresizing_window %}#toc-resizing)).
|
|
75
|
-
*/
|
|
76
|
-
resizable?: boolean;
|
|
77
|
-
/**
|
|
78
|
-
* Specifies if the Window will render the restore button.
|
|
79
|
-
*/
|
|
80
|
-
restoreButton?: React.ComponentType<any>;
|
|
81
|
-
/**
|
|
82
|
-
* Specifies if the Window content will update during resizing.
|
|
83
|
-
*/
|
|
84
|
-
shouldUpdateOnDrag?: boolean;
|
|
85
|
-
/**
|
|
86
|
-
* Specifies the title of the Window ([see example]({% slug title_window %})).
|
|
87
|
-
*/
|
|
88
|
-
title?: React.ReactNode | string;
|
|
89
|
-
/**
|
|
90
|
-
* Specifies the top coordinates of the Window.
|
|
91
|
-
*/
|
|
92
|
-
top?: number;
|
|
93
|
-
/**
|
|
94
|
-
* Specifies the width of the Window.
|
|
95
|
-
*/
|
|
96
|
-
width?: number;
|
|
97
|
-
/**
|
|
98
|
-
* Controls the state of the Window ([see example]({% slug windowstage_window %})).
|
|
99
|
-
*
|
|
100
|
-
* The supported values are:
|
|
101
|
-
* * `DEFAULT`
|
|
102
|
-
* * `MINIMIZED`
|
|
103
|
-
* * `FULLSCREEN`
|
|
104
|
-
*/
|
|
105
|
-
stage?: windowStage | string;
|
|
106
|
-
/**
|
|
107
|
-
* Set styles to the Window element.
|
|
108
|
-
*/
|
|
109
|
-
style?: React.CSSProperties;
|
|
110
|
-
/**
|
|
111
|
-
* Set styles to the Window overlay element rendered when the `modal` prop is enabled.
|
|
112
|
-
*/
|
|
113
|
-
overlayStyle?: React.CSSProperties;
|
|
114
|
-
/**
|
|
115
|
-
* Sets a class of the Window DOM element.
|
|
116
|
-
*/
|
|
117
|
-
className?: string;
|
|
118
|
-
/**
|
|
119
|
-
* Configures the `themeColor` of the Window.
|
|
120
|
-
*
|
|
121
|
-
* The available options are:
|
|
122
|
-
* - primary
|
|
123
|
-
* - dark
|
|
124
|
-
* - light
|
|
125
|
-
*
|
|
126
|
-
*/
|
|
127
|
-
themeColor?: 'primary' | 'dark' | 'light';
|
|
128
|
-
/**
|
|
129
|
-
* Fires when the **Close** button in the title is clicked or when the `Esc` button is pressed.
|
|
130
|
-
*/
|
|
131
|
-
onClose?: (event: WindowActionsEvent) => void;
|
|
132
|
-
/**
|
|
133
|
-
* Fires when the Window is dragged.
|
|
134
|
-
*/
|
|
135
|
-
onMove?: (event: WindowMoveEvent) => void;
|
|
136
|
-
/**
|
|
137
|
-
* Fires when the `DEFAULT`, `FULLSCREEN`, or `MINIMIZED` state of the Window is changed.
|
|
138
|
-
*/
|
|
139
|
-
onStageChange?: (event: WindowActionsEvent) => void;
|
|
140
|
-
/**
|
|
141
|
-
* Fires when the Window resizes.
|
|
142
|
-
*/
|
|
143
|
-
onResize?: (event: WindowMoveEvent) => void;
|
|
144
|
-
}
|
package/dist/es/WindowProps.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @hidden
|
|
4
|
-
*/
|
|
5
|
-
export interface ResizeHandlersProps {
|
|
6
|
-
onResize: (e: any, args: {
|
|
7
|
-
end: boolean;
|
|
8
|
-
direction: any;
|
|
9
|
-
}) => void;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* @hidden
|
|
13
|
-
*/
|
|
14
|
-
export declare class ResizeHandlers extends React.Component<ResizeHandlersProps, {}> {
|
|
15
|
-
render(): JSX.Element;
|
|
16
|
-
}
|
|
@@ -1,49 +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 { Draggable } from '@progress/kendo-react-common';
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
var keys = ['n', 'e', 's', 'w', 'se', 'sw', 'ne', 'nw'];
|
|
22
|
-
/**
|
|
23
|
-
* @hidden
|
|
24
|
-
*/
|
|
25
|
-
var ResizeHandlers = /** @class */ (function (_super) {
|
|
26
|
-
__extends(ResizeHandlers, _super);
|
|
27
|
-
function ResizeHandlers() {
|
|
28
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
29
|
-
}
|
|
30
|
-
ResizeHandlers.prototype.render = function () {
|
|
31
|
-
var _this = this;
|
|
32
|
-
return (React.createElement("div", { className: 'k-resize-handles-wrapper' },
|
|
33
|
-
" ",
|
|
34
|
-
keys.map(function (key, index) {
|
|
35
|
-
return (React.createElement(Draggable, { key: index, onDrag: function (data) {
|
|
36
|
-
var event = data.event;
|
|
37
|
-
event.originalEvent.preventDefault();
|
|
38
|
-
_this.props.onResize(event, { end: false, direction: key });
|
|
39
|
-
}, onRelease: function (data) {
|
|
40
|
-
var event = data.event;
|
|
41
|
-
event.originalEvent.preventDefault();
|
|
42
|
-
_this.props.onResize(event, { end: true, direction: key });
|
|
43
|
-
} },
|
|
44
|
-
React.createElement("div", { className: 'k-resize-handle k-resize-' + key, style: { display: 'block', touchAction: 'none' } })));
|
|
45
|
-
})));
|
|
46
|
-
};
|
|
47
|
-
return ResizeHandlers;
|
|
48
|
-
}(React.Component));
|
|
49
|
-
export { ResizeHandlers };
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { windowStage } from './StageEnum';
|
|
3
|
-
/**
|
|
4
|
-
* @hidden
|
|
5
|
-
*/
|
|
6
|
-
export interface WindowTitleBarProps {
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
onCloseButtonClick?: (event: React.SyntheticEvent<any>) => void;
|
|
11
|
-
/**
|
|
12
|
-
* @hidden
|
|
13
|
-
*/
|
|
14
|
-
onDoubleClick?: (event: React.SyntheticEvent<any>) => void;
|
|
15
|
-
/**
|
|
16
|
-
* @hidden
|
|
17
|
-
*/
|
|
18
|
-
onMinimizeButtonClick?: (event: React.SyntheticEvent<any>) => void;
|
|
19
|
-
/**
|
|
20
|
-
* @hidden
|
|
21
|
-
*/
|
|
22
|
-
onFullScreenButtonClick?: (event: React.SyntheticEvent<any>) => void;
|
|
23
|
-
/**
|
|
24
|
-
* @hidden
|
|
25
|
-
*/
|
|
26
|
-
onRestoreButtonClick?: (event: React.SyntheticEvent<any>) => void;
|
|
27
|
-
/**
|
|
28
|
-
* @hidden
|
|
29
|
-
*/
|
|
30
|
-
id?: string;
|
|
31
|
-
/**
|
|
32
|
-
* @hidden
|
|
33
|
-
*/
|
|
34
|
-
stage?: windowStage | string;
|
|
35
|
-
/**
|
|
36
|
-
* @hidden
|
|
37
|
-
*/
|
|
38
|
-
children?: any;
|
|
39
|
-
/**
|
|
40
|
-
* @hidden
|
|
41
|
-
*/
|
|
42
|
-
closeButton?: React.ComponentType<any>;
|
|
43
|
-
/**
|
|
44
|
-
* @hidden
|
|
45
|
-
*/
|
|
46
|
-
minimizeButton?: React.ComponentType<any>;
|
|
47
|
-
/**
|
|
48
|
-
* @hidden
|
|
49
|
-
*/
|
|
50
|
-
maximizeButton?: React.ComponentType<any>;
|
|
51
|
-
/**
|
|
52
|
-
* @hidden
|
|
53
|
-
*/
|
|
54
|
-
restoreButton?: React.ComponentType<any>;
|
|
55
|
-
/**
|
|
56
|
-
* @hidden
|
|
57
|
-
*/
|
|
58
|
-
forwardedRef?: any;
|
|
59
|
-
}
|
|
60
|
-
/**
|
|
61
|
-
* @hidden
|
|
62
|
-
*/
|
|
63
|
-
export declare const WindowTitleBar: React.ForwardRefExoticComponent<WindowTitleBarProps & React.RefAttributes<unknown>>;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
import { windowStage } from './StageEnum';
|
|
14
|
-
import { Button } from '@progress/kendo-react-buttons';
|
|
15
|
-
import { useLocalization } from '@progress/kendo-react-intl';
|
|
16
|
-
import { xIcon, windowMinimizeIcon, windowRestoreIcon, windowIcon } from '@progress/kendo-svg-icons';
|
|
17
|
-
import { messages, dialogsWindowMaximizeButton, dialogsWindowMinimizeButton, dialogsWindowRestoreButton, dialogsWindowCloseButton } from './messages';
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
var WindowTitleBarComponent = function (props) {
|
|
22
|
-
var children = props.children, onCloseButtonClick = props.onCloseButtonClick, onMinimizeButtonClick = props.onMinimizeButtonClick, onFullScreenButtonClick = props.onFullScreenButtonClick, onRestoreButtonClick = props.onRestoreButtonClick, onDoubleClick = props.onDoubleClick, stage = props.stage, forwardedRef = props.forwardedRef, id = props.id;
|
|
23
|
-
var localization = useLocalization();
|
|
24
|
-
var minimizeButtonRender = props.minimizeButton ?
|
|
25
|
-
React.createElement(props.minimizeButton, { onClick: onMinimizeButtonClick, stage: stage }) :
|
|
26
|
-
(React.createElement(Button, { fillMode: "flat", icon: "window-minimize", svgIcon: windowMinimizeIcon, className: "k-window-titlebar-action", onClick: onMinimizeButtonClick, "aria-label": localization.toLanguageString(dialogsWindowMinimizeButton, messages[dialogsWindowMinimizeButton]) }));
|
|
27
|
-
var maximizeButtonRender = props.maximizeButton ?
|
|
28
|
-
React.createElement(props.maximizeButton, { onClick: onFullScreenButtonClick, stage: stage }) :
|
|
29
|
-
(React.createElement(Button, { fillMode: "flat", icon: "window-maximize", svgIcon: windowIcon, className: "k-window-titlebar-action", onClick: onFullScreenButtonClick, "aria-label": localization.toLanguageString(dialogsWindowMaximizeButton, messages[dialogsWindowMaximizeButton]) }));
|
|
30
|
-
var restoreButtonRender = props.restoreButton ?
|
|
31
|
-
React.createElement(props.restoreButton, { onClick: onRestoreButtonClick, stage: stage }) :
|
|
32
|
-
(React.createElement(Button, { fillMode: "flat", icon: "window-restore", svgIcon: windowRestoreIcon, className: "k-window-titlebar-action", onClick: onRestoreButtonClick, "aria-label": localization.toLanguageString(dialogsWindowRestoreButton, messages[dialogsWindowRestoreButton]) }));
|
|
33
|
-
var closeButtonRender = props.closeButton ?
|
|
34
|
-
React.createElement(props.closeButton, { onClick: onCloseButtonClick, stage: stage }) :
|
|
35
|
-
(React.createElement(Button, { fillMode: "flat", icon: "x", svgIcon: xIcon, className: "k-window-titlebar-action", onClick: onCloseButtonClick, "aria-label": localization.toLanguageString(dialogsWindowCloseButton, messages[dialogsWindowCloseButton]) }));
|
|
36
|
-
return (React.createElement("div", { className: "k-window-titlebar", style: { touchAction: 'none' }, ref: forwardedRef, onDoubleClick: onDoubleClick },
|
|
37
|
-
React.createElement("span", { className: "k-window-title", id: id }, children ? children : ''),
|
|
38
|
-
React.createElement("div", { className: "k-window-titlebar-actions" },
|
|
39
|
-
(stage === windowStage.DEFAULT) && minimizeButtonRender,
|
|
40
|
-
(stage === windowStage.DEFAULT) && maximizeButtonRender,
|
|
41
|
-
(stage !== windowStage.DEFAULT) && restoreButtonRender,
|
|
42
|
-
closeButtonRender)));
|
|
43
|
-
};
|
|
44
|
-
/**
|
|
45
|
-
* @hidden
|
|
46
|
-
*/
|
|
47
|
-
export var WindowTitleBar = React.forwardRef(function (props, ref) { return (React.createElement(WindowTitleBarComponent, __assign({}, props, { forwardedRef: ref }))); });
|
package/dist/es/constants.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/** @hidden */
|
|
2
|
-
export declare const DATA_DIALOGS_ID = "data-windowid";
|
|
3
|
-
/** @hidden */
|
|
4
|
-
export declare const DEFAULT_DIALOGS_ZINDEX = 10002;
|
|
5
|
-
/** @hidden */
|
|
6
|
-
export declare const ZINDEX_DIALOGS_STEP = 2;
|
|
7
|
-
/** @hidden */
|
|
8
|
-
export declare const DIALOGS_SELECTOR = ".k-window:not(.k-dialog), .k-dialog-wrapper";
|
package/dist/es/constants.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/** @hidden */
|
|
2
|
-
export var DATA_DIALOGS_ID = 'data-windowid';
|
|
3
|
-
/** @hidden */
|
|
4
|
-
export var DEFAULT_DIALOGS_ZINDEX = 10002;
|
|
5
|
-
/** @hidden */
|
|
6
|
-
export var ZINDEX_DIALOGS_STEP = 2;
|
|
7
|
-
/** @hidden */
|
|
8
|
-
export var DIALOGS_SELECTOR = '.k-window:not(.k-dialog), .k-dialog-wrapper';
|
package/dist/es/events.d.ts
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { Dialog } from './Dialog';
|
|
2
|
-
import { BaseEvent } from '@progress/kendo-react-common';
|
|
3
|
-
import { Window } from './Window';
|
|
4
|
-
/**
|
|
5
|
-
* @hidden
|
|
6
|
-
*/
|
|
7
|
-
export interface DialogCloseEvent extends BaseEvent<Dialog> {
|
|
8
|
-
}
|
|
9
|
-
export interface WindowActionsEvent extends BaseEvent<Window> {
|
|
10
|
-
state?: 'DEFAULT' | 'FULLSCREEN' | 'MINIMIZED';
|
|
11
|
-
}
|
|
12
|
-
export interface WindowMoveEvent {
|
|
13
|
-
/**
|
|
14
|
-
* An event target.
|
|
15
|
-
*/
|
|
16
|
-
target: Window;
|
|
17
|
-
/**
|
|
18
|
-
* A native DOM event.
|
|
19
|
-
*/
|
|
20
|
-
nativeEvent: any;
|
|
21
|
-
/**
|
|
22
|
-
* Indicates that dragging is completed and that the user dropped the resize handler.
|
|
23
|
-
*/
|
|
24
|
-
end: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Indicates that the move operation was initialized through dragging. If the Window is moved through the keyboard, the value will be `false`.
|
|
27
|
-
*/
|
|
28
|
-
drag: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* The new top value of the Window.
|
|
31
|
-
*/
|
|
32
|
-
top: number;
|
|
33
|
-
/**
|
|
34
|
-
* The new left value of the Window.
|
|
35
|
-
*/
|
|
36
|
-
left: number;
|
|
37
|
-
/**
|
|
38
|
-
* The new width value of the Window.
|
|
39
|
-
*/
|
|
40
|
-
width: number;
|
|
41
|
-
/**
|
|
42
|
-
* The new height value of the Window.
|
|
43
|
-
*/
|
|
44
|
-
height: number;
|
|
45
|
-
}
|
package/dist/es/events.js
DELETED
package/dist/es/main.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Dialog, DialogHandle, DialogPropsContext } from './Dialog';
|
|
2
|
-
import { DialogActionsBar } from './DialogActionsBar';
|
|
3
|
-
import { Window, WindowHandle, WindowPropsContext } from './Window';
|
|
4
|
-
import { WindowProps } from './WindowProps';
|
|
5
|
-
import { WindowActionsBar } from './WindowActionsBar';
|
|
6
|
-
import { DialogCloseEvent, WindowActionsEvent, WindowMoveEvent } from './events';
|
|
7
|
-
import { ActionsLayout } from './models/actions-layout';
|
|
8
|
-
import { DialogProps } from './DialogProps';
|
|
9
|
-
export { Dialog, DialogProps, DialogActionsBar, DialogCloseEvent, DialogHandle, DialogPropsContext, Window, WindowProps, WindowActionsBar, WindowActionsEvent, WindowMoveEvent, WindowHandle, WindowPropsContext, ActionsLayout };
|
package/dist/es/main.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { Dialog, DialogPropsContext } from './Dialog';
|
|
2
|
-
import { DialogActionsBar } from './DialogActionsBar';
|
|
3
|
-
import { Window, WindowPropsContext } from './Window';
|
|
4
|
-
import { WindowActionsBar } from './WindowActionsBar';
|
|
5
|
-
export { Dialog, DialogActionsBar, DialogPropsContext, Window, WindowActionsBar, WindowPropsContext };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @hidden
|
|
3
|
-
*/
|
|
4
|
-
export declare const dialogsWindowMaximizeButton = "dialogs.windowMaximizeButton";
|
|
5
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export declare const dialogsWindowMinimizeButton = "dialogs.windowMinimizeButton";
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
export declare const dialogsWindowRestoreButton = "dialogs.windowRestoreButton";
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export declare const dialogsWindowCloseButton = "dialogs.windowCloseButton";
|
|
17
|
-
/**
|
|
18
|
-
* @hidden
|
|
19
|
-
*/
|
|
20
|
-
export declare const messages: {
|
|
21
|
-
"dialogs.windowMaximizeButton": string;
|
|
22
|
-
"dialogs.windowMinimizeButton": string;
|
|
23
|
-
"dialogs.windowRestoreButton": string;
|
|
24
|
-
"dialogs.windowCloseButton": string;
|
|
25
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
var _a;
|
|
2
|
-
/**
|
|
3
|
-
* @hidden
|
|
4
|
-
*/
|
|
5
|
-
export var dialogsWindowMaximizeButton = 'dialogs.windowMaximizeButton';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export var dialogsWindowMinimizeButton = 'dialogs.windowMinimizeButton';
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export var dialogsWindowRestoreButton = 'dialogs.windowRestoreButton';
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
export var dialogsWindowCloseButton = 'dialogs.windowCloseButton';
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
export var messages = (_a = {},
|
|
22
|
-
_a[dialogsWindowMaximizeButton] = 'maximize',
|
|
23
|
-
_a[dialogsWindowMinimizeButton] = 'minimize',
|
|
24
|
-
_a[dialogsWindowRestoreButton] = 'restore',
|
|
25
|
-
_a[dialogsWindowCloseButton] = 'close',
|
|
26
|
-
_a);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @hidden
|
|
3
|
-
*/
|
|
4
|
-
export var packageMetadata = {
|
|
5
|
-
name: '@progress/kendo-react-dialogs',
|
|
6
|
-
productName: 'KendoReact',
|
|
7
|
-
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate: 1700063922,
|
|
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/es/utils.d.ts
DELETED
package/dist/es/utils.js
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { DATA_DIALOGS_ID, DIALOGS_SELECTOR, ZINDEX_DIALOGS_STEP } from './constants';
|
|
2
|
-
/** @hidden */
|
|
3
|
-
export var getMaxZIndex = function (currentZIndex, currentDocument, currentWindowId) {
|
|
4
|
-
var maxZindex = currentZIndex;
|
|
5
|
-
if (currentDocument && currentDocument.defaultView) {
|
|
6
|
-
var allWindows = currentDocument.querySelectorAll(DIALOGS_SELECTOR);
|
|
7
|
-
var zIndexChanged_1 = false;
|
|
8
|
-
allWindows.forEach(function (KRwindow) {
|
|
9
|
-
var computedStyle = currentDocument.defaultView.getComputedStyle(KRwindow, null);
|
|
10
|
-
var dataId = KRwindow.getAttribute(DATA_DIALOGS_ID);
|
|
11
|
-
if (dataId !== currentWindowId && computedStyle.zIndex !== null) {
|
|
12
|
-
var zIndexValue = parseInt(computedStyle.zIndex, 10);
|
|
13
|
-
if (zIndexValue >= maxZindex) {
|
|
14
|
-
maxZindex = zIndexValue;
|
|
15
|
-
zIndexChanged_1 = true;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
return zIndexChanged_1 ? (maxZindex + ZINDEX_DIALOGS_STEP) : maxZindex;
|
|
20
|
-
}
|
|
21
|
-
return maxZindex;
|
|
22
|
-
};
|
package/dist/npm/Dialog.d.ts
DELETED
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import * as PropTypes from 'prop-types';
|
|
3
|
-
import { ZIndexContext } from '@progress/kendo-react-common';
|
|
4
|
-
import { DialogProps } from './DialogProps';
|
|
5
|
-
interface DialogState {
|
|
6
|
-
zIndex: number;
|
|
7
|
-
}
|
|
8
|
-
/** @hidden */
|
|
9
|
-
declare class DialogWithoutContext extends React.Component<DialogProps, DialogState> {
|
|
10
|
-
static displayName: string;
|
|
11
|
-
/**
|
|
12
|
-
* @hidden
|
|
13
|
-
*/
|
|
14
|
-
static propTypes: {
|
|
15
|
-
title: PropTypes.Requireable<any>;
|
|
16
|
-
id: PropTypes.Requireable<string>;
|
|
17
|
-
dir: PropTypes.Requireable<string>;
|
|
18
|
-
style: PropTypes.Requireable<object>;
|
|
19
|
-
closeIcon: PropTypes.Requireable<boolean>;
|
|
20
|
-
width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
21
|
-
height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
22
|
-
minWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
|
|
23
|
-
autoFocus: PropTypes.Requireable<boolean>;
|
|
24
|
-
};
|
|
25
|
-
/**
|
|
26
|
-
* @hidden
|
|
27
|
-
*/
|
|
28
|
-
static defaultProps: {
|
|
29
|
-
autoFocus: boolean;
|
|
30
|
-
};
|
|
31
|
-
/**
|
|
32
|
-
* @hidden
|
|
33
|
-
*/
|
|
34
|
-
static contextType: React.Context<import("@progress/kendo-react-common").ZIndexContextType>;
|
|
35
|
-
/**
|
|
36
|
-
* @hidden
|
|
37
|
-
*/
|
|
38
|
-
context: React.ContextType<typeof ZIndexContext>;
|
|
39
|
-
/**
|
|
40
|
-
* @hidden
|
|
41
|
-
*/
|
|
42
|
-
element?: HTMLDivElement | null;
|
|
43
|
-
private _id;
|
|
44
|
-
private titleId;
|
|
45
|
-
private contentId;
|
|
46
|
-
private showLicenseWatermark;
|
|
47
|
-
constructor(props: DialogProps);
|
|
48
|
-
/**
|
|
49
|
-
* @hidden
|
|
50
|
-
*/
|
|
51
|
-
componentDidMount(): void;
|
|
52
|
-
/**
|
|
53
|
-
* @hidden
|
|
54
|
-
*/
|
|
55
|
-
onCloseDialog: (event: React.SyntheticEvent<any>) => void;
|
|
56
|
-
/**
|
|
57
|
-
* @hidden
|
|
58
|
-
*/
|
|
59
|
-
onKeyDown: React.KeyboardEventHandler<HTMLDivElement>;
|
|
60
|
-
/**
|
|
61
|
-
* @hidden
|
|
62
|
-
*/
|
|
63
|
-
render(): JSX.Element | null;
|
|
64
|
-
private getActionBar;
|
|
65
|
-
private getContent;
|
|
66
|
-
private generateTitleId;
|
|
67
|
-
private generateContentId;
|
|
68
|
-
private getCurrentZIndex;
|
|
69
|
-
private getDocument;
|
|
70
|
-
}
|
|
71
|
-
/**
|
|
72
|
-
* Represents the PropsContext of the `Dialog` component.
|
|
73
|
-
* Used for global configuration of all `Dialog` instances.
|
|
74
|
-
*/
|
|
75
|
-
export declare const DialogPropsContext: React.Context<(p: DialogProps) => DialogProps>;
|
|
76
|
-
/**
|
|
77
|
-
* Represent the `ref` of the Dialog component.
|
|
78
|
-
*/
|
|
79
|
-
export interface DialogHandle extends Pick<DialogWithoutContext, keyof DialogWithoutContext> {
|
|
80
|
-
}
|
|
81
|
-
/** @hidden */
|
|
82
|
-
export declare type Dialog = DialogHandle;
|
|
83
|
-
/**
|
|
84
|
-
* Represents the [KendoReact Dialog component]({% slug overview_dialog %}).
|
|
85
|
-
*
|
|
86
|
-
* Accepts properties of type [DialogProps]({% slug api_dialogs_dialogprops %}).
|
|
87
|
-
* Obtaining the `ref` returns an object of type [DialogHandle]({% slug api_dialogs_dialoghandle %}).
|
|
88
|
-
*/
|
|
89
|
-
export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<any>>;
|
|
90
|
-
export {};
|