@progress/kendo-react-dialogs 5.5.1-dev.202207140841 → 5.5.1-dev.202207252139
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/cdn/js/kendo-react-dialogs.js +1 -1
- package/dist/es/Dialog.d.ts +2 -0
- package/dist/es/Dialog.js +6 -2
- package/dist/es/Window.d.ts +2 -0
- package/dist/es/Window.js +6 -2
- package/dist/es/WindowTitlebar.js +9 -6
- package/dist/es/messages/index.d.ts +25 -0
- package/dist/es/messages/index.js +26 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/Dialog.d.ts +2 -0
- package/dist/npm/Dialog.js +6 -2
- package/dist/npm/Window.d.ts +2 -0
- package/dist/npm/Window.js +6 -2
- package/dist/npm/WindowTitlebar.js +9 -6
- package/dist/npm/messages/index.d.ts +25 -0
- package/dist/npm/messages/index.js +29 -0
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-react-dialogs.js +1 -1
- package/package.json +7 -6
package/dist/es/Dialog.d.ts
CHANGED
|
@@ -42,6 +42,7 @@ declare class DialogWithoutContext extends React.Component<DialogProps, DialogSt
|
|
|
42
42
|
element?: HTMLDivElement | null;
|
|
43
43
|
private _id;
|
|
44
44
|
private titleId;
|
|
45
|
+
private contentId;
|
|
45
46
|
constructor(props: DialogProps);
|
|
46
47
|
/**
|
|
47
48
|
* @hidden
|
|
@@ -62,6 +63,7 @@ declare class DialogWithoutContext extends React.Component<DialogProps, DialogSt
|
|
|
62
63
|
private getActionBar;
|
|
63
64
|
private getContent;
|
|
64
65
|
private generateTitleId;
|
|
66
|
+
private generateContentId;
|
|
65
67
|
private getCurrentZIndex;
|
|
66
68
|
private getDocument;
|
|
67
69
|
}
|
package/dist/es/Dialog.js
CHANGED
|
@@ -46,6 +46,7 @@ var DialogWithoutContext = /** @class */ (function (_super) {
|
|
|
46
46
|
_this.context = 0;
|
|
47
47
|
_this._id = guid();
|
|
48
48
|
_this.titleId = _this.generateTitleId();
|
|
49
|
+
_this.contentId = _this.generateContentId();
|
|
49
50
|
/**
|
|
50
51
|
* @hidden
|
|
51
52
|
*/
|
|
@@ -127,10 +128,10 @@ var DialogWithoutContext = /** @class */ (function (_super) {
|
|
|
127
128
|
var dialogElement = (React.createElement(ZIndexContext.Provider, { value: currentZIndex },
|
|
128
129
|
React.createElement("div", __assign({}, (_a = {}, _a[DATA_DIALOGS_ID] = this._id, _a), { className: 'k-dialog-wrapper' + (this.props.className ? ' ' + this.props.className : ''), onKeyDown: this.onKeyDown, tabIndex: 0, dir: dir, style: __assign({ zIndex: currentZIndex }, style), ref: (function (el) { return _this.element = el; }) }),
|
|
129
130
|
React.createElement("div", { className: "k-overlay" }),
|
|
130
|
-
React.createElement("div", __assign({}, aria, { className: "k-widget k-window k-dialog", role: "dialog", style: { width: width, height: height, minWidth: minWidth } }),
|
|
131
|
+
React.createElement("div", __assign({}, aria, { className: "k-widget k-window k-dialog", role: "dialog", "aria-modal": true, "aria-describedby": this.contentId, style: { width: width, height: height, minWidth: minWidth } }),
|
|
131
132
|
this.props.title &&
|
|
132
133
|
React.createElement(DialogTitleBar, { closeIcon: closeIcon, onCloseButtonClick: this.onCloseDialog, id: id }, title),
|
|
133
|
-
React.createElement("div", { className: "k-window-content k-dialog-content", style: contentStyle }, content),
|
|
134
|
+
React.createElement("div", { className: "k-window-content k-dialog-content", style: contentStyle, id: this.contentId }, content),
|
|
134
135
|
actions))));
|
|
135
136
|
if (canUseDOM) {
|
|
136
137
|
return this.props.appendTo !== null ?
|
|
@@ -150,6 +151,9 @@ var DialogWithoutContext = /** @class */ (function (_super) {
|
|
|
150
151
|
DialogWithoutContext.prototype.generateTitleId = function () {
|
|
151
152
|
return 'dialog-title' + this._id;
|
|
152
153
|
};
|
|
154
|
+
DialogWithoutContext.prototype.generateContentId = function () {
|
|
155
|
+
return 'dialog-content' + this._id;
|
|
156
|
+
};
|
|
153
157
|
DialogWithoutContext.displayName = 'Dialog';
|
|
154
158
|
/**
|
|
155
159
|
* @hidden
|
package/dist/es/Window.d.ts
CHANGED
|
@@ -75,6 +75,7 @@ declare class WindowWithoutContext extends React.Component<WindowProps, WindowSt
|
|
|
75
75
|
private windowCoordinatesState?;
|
|
76
76
|
private offSetCoordinates?;
|
|
77
77
|
private _id;
|
|
78
|
+
private titleId;
|
|
78
79
|
private _blurTimeout?;
|
|
79
80
|
constructor(props: WindowProps);
|
|
80
81
|
/**
|
|
@@ -139,6 +140,7 @@ declare class WindowWithoutContext extends React.Component<WindowProps, WindowSt
|
|
|
139
140
|
private getCurrentZIndex;
|
|
140
141
|
private getDocument;
|
|
141
142
|
private getWindow;
|
|
143
|
+
private generateTitleId;
|
|
142
144
|
}
|
|
143
145
|
/**
|
|
144
146
|
* Represents the PropsContext of the `Window` component.
|
package/dist/es/Window.js
CHANGED
|
@@ -55,6 +55,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
55
55
|
_this.draggable = null;
|
|
56
56
|
_this.offSetCoordinates = { x: 0, y: 0 };
|
|
57
57
|
_this._id = guid();
|
|
58
|
+
_this.titleId = _this.generateTitleId();
|
|
58
59
|
/**
|
|
59
60
|
* @hidden
|
|
60
61
|
*/
|
|
@@ -475,13 +476,13 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
475
476
|
var windowElement = (React.createElement(ZIndexContext.Provider, { value: currentZIndex },
|
|
476
477
|
React.createElement(React.Fragment, null,
|
|
477
478
|
this.props.modal && (React.createElement("div", { className: "k-overlay", style: __assign({ zIndex: currentZIndex }, this.props.overlayStyle) })),
|
|
478
|
-
React.createElement("div", __assign({}, (_a = {}, _a[DATA_DIALOGS_ID] = this._id, _a), { tabIndex: 0, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, ref: function (el) {
|
|
479
|
+
React.createElement("div", __assign({}, (_a = {}, _a[DATA_DIALOGS_ID] = this._id, _a), { tabIndex: 0, role: 'dialog', "aria-labelledby": this.titleId, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, ref: function (el) {
|
|
479
480
|
_this.windowElement = el;
|
|
480
481
|
_this.element = el;
|
|
481
482
|
}, className: classNamesWindow, style: __assign({ top: this.top, left: this.left, width: this.width, height: this.height || '', zIndex: currentZIndex }, this.props.style) }),
|
|
482
483
|
React.createElement(MiddleLayerOptimization, { shouldUpdateOnDrag: this.props.shouldUpdateOnDrag || false, isDragging: this.state.isDragging },
|
|
483
484
|
React.createElement(Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { return _this.draggable = component; } },
|
|
484
|
-
React.createElement(WindowTitleBar, { stage: this.windowStage, onDoubleClick: this.props.doubleClickStageChange ? this.handleDoubleClick : undefined, onMinimizeButtonClick: this.handleMinimize, onFullScreenButtonClick: this.handleFullscreen, onRestoreButtonClick: this.handleRestore, onCloseButtonClick: this.handleCloseWindow, closeButton: this.props.closeButton, minimizeButton: this.props.minimizeButton, maximizeButton: this.props.maximizeButton, restoreButton: this.props.restoreButton }, this.props.title)),
|
|
485
|
+
React.createElement(WindowTitleBar, { stage: this.windowStage, onDoubleClick: this.props.doubleClickStageChange ? this.handleDoubleClick : undefined, onMinimizeButtonClick: this.handleMinimize, onFullScreenButtonClick: this.handleFullscreen, onRestoreButtonClick: this.handleRestore, onCloseButtonClick: this.handleCloseWindow, closeButton: this.props.closeButton, minimizeButton: this.props.minimizeButton, maximizeButton: this.props.maximizeButton, restoreButton: this.props.restoreButton, id: this.titleId }, this.props.title)),
|
|
485
486
|
this.windowStage !== windowStage.MINIMIZED
|
|
486
487
|
? (React.createElement(React.Fragment, null,
|
|
487
488
|
React.createElement("div", { className: "k-window-content" }, content),
|
|
@@ -569,6 +570,9 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
569
570
|
return child && child.type !== WindowActionsBar;
|
|
570
571
|
});
|
|
571
572
|
};
|
|
573
|
+
WindowWithoutContext.prototype.generateTitleId = function () {
|
|
574
|
+
return 'window-title-' + this._id;
|
|
575
|
+
};
|
|
572
576
|
WindowWithoutContext.displayName = 'Window';
|
|
573
577
|
/**
|
|
574
578
|
* @hidden
|
|
@@ -12,25 +12,28 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
import * as React from 'react';
|
|
13
13
|
import { windowStage } from './StageEnum';
|
|
14
14
|
import { Button } from '@progress/kendo-react-buttons';
|
|
15
|
+
import { useLocalization } from '@progress/kendo-react-intl';
|
|
16
|
+
import { messages, dialogsWindowMaximizeButton, dialogsWindowMinimizeButton, dialogsWindowRestoreButton, dialogsWindowCloseButton } from './messages';
|
|
15
17
|
/**
|
|
16
18
|
* @hidden
|
|
17
19
|
*/
|
|
18
20
|
var WindowTitleBarComponent = function (props) {
|
|
19
|
-
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;
|
|
21
|
+
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;
|
|
22
|
+
var localization = useLocalization();
|
|
20
23
|
var minimizeButtonRender = props.minimizeButton ?
|
|
21
24
|
React.createElement(props.minimizeButton, { onClick: onMinimizeButtonClick, stage: stage }) :
|
|
22
|
-
(React.createElement(Button, { fillMode: "flat", icon: "window-minimize", onClick: onMinimizeButtonClick }));
|
|
25
|
+
(React.createElement(Button, { fillMode: "flat", icon: "window-minimize", onClick: onMinimizeButtonClick, "aria-label": localization.toLanguageString(dialogsWindowMinimizeButton, messages[dialogsWindowMinimizeButton]) }));
|
|
23
26
|
var maximizeButtonRender = props.maximizeButton ?
|
|
24
27
|
React.createElement(props.maximizeButton, { onClick: onFullScreenButtonClick, stage: stage }) :
|
|
25
|
-
(React.createElement(Button, { fillMode: "flat", icon: "window-maximize", onClick: onFullScreenButtonClick }));
|
|
28
|
+
(React.createElement(Button, { fillMode: "flat", icon: "window-maximize", onClick: onFullScreenButtonClick, "aria-label": localization.toLanguageString(dialogsWindowMaximizeButton, messages[dialogsWindowMaximizeButton]) }));
|
|
26
29
|
var restoreButtonRender = props.restoreButton ?
|
|
27
30
|
React.createElement(props.restoreButton, { onClick: onRestoreButtonClick, stage: stage }) :
|
|
28
|
-
(React.createElement(Button, { fillMode: "flat", icon: "window-restore", onClick: onRestoreButtonClick }));
|
|
31
|
+
(React.createElement(Button, { fillMode: "flat", icon: "window-restore", onClick: onRestoreButtonClick, "aria-label": localization.toLanguageString(dialogsWindowRestoreButton, messages[dialogsWindowRestoreButton]) }));
|
|
29
32
|
var closeButtonRender = props.closeButton ?
|
|
30
33
|
React.createElement(props.closeButton, { onClick: onCloseButtonClick, stage: stage }) :
|
|
31
|
-
(React.createElement(Button, { fillMode: "flat", icon: "close", onClick: onCloseButtonClick }));
|
|
34
|
+
(React.createElement(Button, { fillMode: "flat", icon: "close", onClick: onCloseButtonClick, "aria-label": localization.toLanguageString(dialogsWindowCloseButton, messages[dialogsWindowCloseButton]) }));
|
|
32
35
|
return (React.createElement("div", { className: "k-window-titlebar k-dialog-titlebar", style: { touchAction: 'none' }, ref: forwardedRef, onDoubleClick: onDoubleClick },
|
|
33
|
-
React.createElement("div", { className: "k-window-title" }, children ? children : ''),
|
|
36
|
+
React.createElement("div", { className: "k-window-title", id: id }, children ? children : ''),
|
|
34
37
|
React.createElement("div", { className: "k-window-actions" },
|
|
35
38
|
(stage === windowStage.DEFAULT) && minimizeButtonRender,
|
|
36
39
|
(stage === windowStage.DEFAULT) && maximizeButtonRender,
|
|
@@ -0,0 +1,25 @@
|
|
|
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
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
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);
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-react-dialogs',
|
|
6
6
|
productName: 'KendoReact',
|
|
7
7
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1658784285,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
11
11
|
};
|
package/dist/npm/Dialog.d.ts
CHANGED
|
@@ -42,6 +42,7 @@ declare class DialogWithoutContext extends React.Component<DialogProps, DialogSt
|
|
|
42
42
|
element?: HTMLDivElement | null;
|
|
43
43
|
private _id;
|
|
44
44
|
private titleId;
|
|
45
|
+
private contentId;
|
|
45
46
|
constructor(props: DialogProps);
|
|
46
47
|
/**
|
|
47
48
|
* @hidden
|
|
@@ -62,6 +63,7 @@ declare class DialogWithoutContext extends React.Component<DialogProps, DialogSt
|
|
|
62
63
|
private getActionBar;
|
|
63
64
|
private getContent;
|
|
64
65
|
private generateTitleId;
|
|
66
|
+
private generateContentId;
|
|
65
67
|
private getCurrentZIndex;
|
|
66
68
|
private getDocument;
|
|
67
69
|
}
|
package/dist/npm/Dialog.js
CHANGED
|
@@ -49,6 +49,7 @@ var DialogWithoutContext = /** @class */ (function (_super) {
|
|
|
49
49
|
_this.context = 0;
|
|
50
50
|
_this._id = (0, kendo_react_common_1.guid)();
|
|
51
51
|
_this.titleId = _this.generateTitleId();
|
|
52
|
+
_this.contentId = _this.generateContentId();
|
|
52
53
|
/**
|
|
53
54
|
* @hidden
|
|
54
55
|
*/
|
|
@@ -130,10 +131,10 @@ var DialogWithoutContext = /** @class */ (function (_super) {
|
|
|
130
131
|
var dialogElement = (React.createElement(kendo_react_common_1.ZIndexContext.Provider, { value: currentZIndex },
|
|
131
132
|
React.createElement("div", __assign({}, (_a = {}, _a[constants_1.DATA_DIALOGS_ID] = this._id, _a), { className: 'k-dialog-wrapper' + (this.props.className ? ' ' + this.props.className : ''), onKeyDown: this.onKeyDown, tabIndex: 0, dir: dir, style: __assign({ zIndex: currentZIndex }, style), ref: (function (el) { return _this.element = el; }) }),
|
|
132
133
|
React.createElement("div", { className: "k-overlay" }),
|
|
133
|
-
React.createElement("div", __assign({}, aria, { className: "k-widget k-window k-dialog", role: "dialog", style: { width: width, height: height, minWidth: minWidth } }),
|
|
134
|
+
React.createElement("div", __assign({}, aria, { className: "k-widget k-window k-dialog", role: "dialog", "aria-modal": true, "aria-describedby": this.contentId, style: { width: width, height: height, minWidth: minWidth } }),
|
|
134
135
|
this.props.title &&
|
|
135
136
|
React.createElement(DialogTitleBar_1.DialogTitleBar, { closeIcon: closeIcon, onCloseButtonClick: this.onCloseDialog, id: id }, title),
|
|
136
|
-
React.createElement("div", { className: "k-window-content k-dialog-content", style: contentStyle }, content),
|
|
137
|
+
React.createElement("div", { className: "k-window-content k-dialog-content", style: contentStyle, id: this.contentId }, content),
|
|
137
138
|
actions))));
|
|
138
139
|
if (kendo_react_common_1.canUseDOM) {
|
|
139
140
|
return this.props.appendTo !== null ?
|
|
@@ -153,6 +154,9 @@ var DialogWithoutContext = /** @class */ (function (_super) {
|
|
|
153
154
|
DialogWithoutContext.prototype.generateTitleId = function () {
|
|
154
155
|
return 'dialog-title' + this._id;
|
|
155
156
|
};
|
|
157
|
+
DialogWithoutContext.prototype.generateContentId = function () {
|
|
158
|
+
return 'dialog-content' + this._id;
|
|
159
|
+
};
|
|
156
160
|
DialogWithoutContext.displayName = 'Dialog';
|
|
157
161
|
/**
|
|
158
162
|
* @hidden
|
package/dist/npm/Window.d.ts
CHANGED
|
@@ -75,6 +75,7 @@ declare class WindowWithoutContext extends React.Component<WindowProps, WindowSt
|
|
|
75
75
|
private windowCoordinatesState?;
|
|
76
76
|
private offSetCoordinates?;
|
|
77
77
|
private _id;
|
|
78
|
+
private titleId;
|
|
78
79
|
private _blurTimeout?;
|
|
79
80
|
constructor(props: WindowProps);
|
|
80
81
|
/**
|
|
@@ -139,6 +140,7 @@ declare class WindowWithoutContext extends React.Component<WindowProps, WindowSt
|
|
|
139
140
|
private getCurrentZIndex;
|
|
140
141
|
private getDocument;
|
|
141
142
|
private getWindow;
|
|
143
|
+
private generateTitleId;
|
|
142
144
|
}
|
|
143
145
|
/**
|
|
144
146
|
* Represents the PropsContext of the `Window` component.
|
package/dist/npm/Window.js
CHANGED
|
@@ -58,6 +58,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
58
58
|
_this.draggable = null;
|
|
59
59
|
_this.offSetCoordinates = { x: 0, y: 0 };
|
|
60
60
|
_this._id = (0, kendo_react_common_1.guid)();
|
|
61
|
+
_this.titleId = _this.generateTitleId();
|
|
61
62
|
/**
|
|
62
63
|
* @hidden
|
|
63
64
|
*/
|
|
@@ -478,13 +479,13 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
478
479
|
var windowElement = (React.createElement(kendo_react_common_1.ZIndexContext.Provider, { value: currentZIndex },
|
|
479
480
|
React.createElement(React.Fragment, null,
|
|
480
481
|
this.props.modal && (React.createElement("div", { className: "k-overlay", style: __assign({ zIndex: currentZIndex }, this.props.overlayStyle) })),
|
|
481
|
-
React.createElement("div", __assign({}, (_a = {}, _a[constants_1.DATA_DIALOGS_ID] = this._id, _a), { tabIndex: 0, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, ref: function (el) {
|
|
482
|
+
React.createElement("div", __assign({}, (_a = {}, _a[constants_1.DATA_DIALOGS_ID] = this._id, _a), { tabIndex: 0, role: 'dialog', "aria-labelledby": this.titleId, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, ref: function (el) {
|
|
482
483
|
_this.windowElement = el;
|
|
483
484
|
_this.element = el;
|
|
484
485
|
}, className: classNamesWindow, style: __assign({ top: this.top, left: this.left, width: this.width, height: this.height || '', zIndex: currentZIndex }, this.props.style) }),
|
|
485
486
|
React.createElement(MiddleLayerOptimization_1.MiddleLayerOptimization, { shouldUpdateOnDrag: this.props.shouldUpdateOnDrag || false, isDragging: this.state.isDragging },
|
|
486
487
|
React.createElement(kendo_react_common_2.Draggable, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease, ref: function (component) { return _this.draggable = component; } },
|
|
487
|
-
React.createElement(WindowTitlebar_1.WindowTitleBar, { stage: this.windowStage, onDoubleClick: this.props.doubleClickStageChange ? this.handleDoubleClick : undefined, onMinimizeButtonClick: this.handleMinimize, onFullScreenButtonClick: this.handleFullscreen, onRestoreButtonClick: this.handleRestore, onCloseButtonClick: this.handleCloseWindow, closeButton: this.props.closeButton, minimizeButton: this.props.minimizeButton, maximizeButton: this.props.maximizeButton, restoreButton: this.props.restoreButton }, this.props.title)),
|
|
488
|
+
React.createElement(WindowTitlebar_1.WindowTitleBar, { stage: this.windowStage, onDoubleClick: this.props.doubleClickStageChange ? this.handleDoubleClick : undefined, onMinimizeButtonClick: this.handleMinimize, onFullScreenButtonClick: this.handleFullscreen, onRestoreButtonClick: this.handleRestore, onCloseButtonClick: this.handleCloseWindow, closeButton: this.props.closeButton, minimizeButton: this.props.minimizeButton, maximizeButton: this.props.maximizeButton, restoreButton: this.props.restoreButton, id: this.titleId }, this.props.title)),
|
|
488
489
|
this.windowStage !== StageEnum_1.windowStage.MINIMIZED
|
|
489
490
|
? (React.createElement(React.Fragment, null,
|
|
490
491
|
React.createElement("div", { className: "k-window-content" }, content),
|
|
@@ -572,6 +573,9 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
572
573
|
return child && child.type !== WindowActionsBar_1.WindowActionsBar;
|
|
573
574
|
});
|
|
574
575
|
};
|
|
576
|
+
WindowWithoutContext.prototype.generateTitleId = function () {
|
|
577
|
+
return 'window-title-' + this._id;
|
|
578
|
+
};
|
|
575
579
|
WindowWithoutContext.displayName = 'Window';
|
|
576
580
|
/**
|
|
577
581
|
* @hidden
|
|
@@ -15,25 +15,28 @@ exports.WindowTitleBar = void 0;
|
|
|
15
15
|
var React = require("react");
|
|
16
16
|
var StageEnum_1 = require("./StageEnum");
|
|
17
17
|
var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
|
18
|
+
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
19
|
+
var messages_1 = require("./messages");
|
|
18
20
|
/**
|
|
19
21
|
* @hidden
|
|
20
22
|
*/
|
|
21
23
|
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;
|
|
24
|
+
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;
|
|
25
|
+
var localization = (0, kendo_react_intl_1.useLocalization)();
|
|
23
26
|
var minimizeButtonRender = props.minimizeButton ?
|
|
24
27
|
React.createElement(props.minimizeButton, { onClick: onMinimizeButtonClick, stage: stage }) :
|
|
25
|
-
(React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "window-minimize", onClick: onMinimizeButtonClick }));
|
|
28
|
+
(React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "window-minimize", onClick: onMinimizeButtonClick, "aria-label": localization.toLanguageString(messages_1.dialogsWindowMinimizeButton, messages_1.messages[messages_1.dialogsWindowMinimizeButton]) }));
|
|
26
29
|
var maximizeButtonRender = props.maximizeButton ?
|
|
27
30
|
React.createElement(props.maximizeButton, { onClick: onFullScreenButtonClick, stage: stage }) :
|
|
28
|
-
(React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "window-maximize", onClick: onFullScreenButtonClick }));
|
|
31
|
+
(React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "window-maximize", onClick: onFullScreenButtonClick, "aria-label": localization.toLanguageString(messages_1.dialogsWindowMaximizeButton, messages_1.messages[messages_1.dialogsWindowMaximizeButton]) }));
|
|
29
32
|
var restoreButtonRender = props.restoreButton ?
|
|
30
33
|
React.createElement(props.restoreButton, { onClick: onRestoreButtonClick, stage: stage }) :
|
|
31
|
-
(React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "window-restore", onClick: onRestoreButtonClick }));
|
|
34
|
+
(React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "window-restore", onClick: onRestoreButtonClick, "aria-label": localization.toLanguageString(messages_1.dialogsWindowRestoreButton, messages_1.messages[messages_1.dialogsWindowRestoreButton]) }));
|
|
32
35
|
var closeButtonRender = props.closeButton ?
|
|
33
36
|
React.createElement(props.closeButton, { onClick: onCloseButtonClick, stage: stage }) :
|
|
34
|
-
(React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "close", onClick: onCloseButtonClick }));
|
|
37
|
+
(React.createElement(kendo_react_buttons_1.Button, { fillMode: "flat", icon: "close", onClick: onCloseButtonClick, "aria-label": localization.toLanguageString(messages_1.dialogsWindowCloseButton, messages_1.messages[messages_1.dialogsWindowCloseButton]) }));
|
|
35
38
|
return (React.createElement("div", { className: "k-window-titlebar k-dialog-titlebar", style: { touchAction: 'none' }, ref: forwardedRef, onDoubleClick: onDoubleClick },
|
|
36
|
-
React.createElement("div", { className: "k-window-title" }, children ? children : ''),
|
|
39
|
+
React.createElement("div", { className: "k-window-title", id: id }, children ? children : ''),
|
|
37
40
|
React.createElement("div", { className: "k-window-actions" },
|
|
38
41
|
(stage === StageEnum_1.windowStage.DEFAULT) && minimizeButtonRender,
|
|
39
42
|
(stage === StageEnum_1.windowStage.DEFAULT) && maximizeButtonRender,
|
|
@@ -0,0 +1,25 @@
|
|
|
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
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var _a;
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.messages = exports.dialogsWindowCloseButton = exports.dialogsWindowRestoreButton = exports.dialogsWindowMinimizeButton = exports.dialogsWindowMaximizeButton = void 0;
|
|
5
|
+
/**
|
|
6
|
+
* @hidden
|
|
7
|
+
*/
|
|
8
|
+
exports.dialogsWindowMaximizeButton = 'dialogs.windowMaximizeButton';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
exports.dialogsWindowMinimizeButton = 'dialogs.windowMinimizeButton';
|
|
13
|
+
/**
|
|
14
|
+
* @hidden
|
|
15
|
+
*/
|
|
16
|
+
exports.dialogsWindowRestoreButton = 'dialogs.windowRestoreButton';
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
20
|
+
exports.dialogsWindowCloseButton = 'dialogs.windowCloseButton';
|
|
21
|
+
/**
|
|
22
|
+
* @hidden
|
|
23
|
+
*/
|
|
24
|
+
exports.messages = (_a = {},
|
|
25
|
+
_a[exports.dialogsWindowMaximizeButton] = 'maximize',
|
|
26
|
+
_a[exports.dialogsWindowMinimizeButton] = 'minimize',
|
|
27
|
+
_a[exports.dialogsWindowRestoreButton] = 'restore',
|
|
28
|
+
_a[exports.dialogsWindowCloseButton] = 'close',
|
|
29
|
+
_a);
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-dialogs',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1658784285,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
14
14
|
};
|