@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.
@@ -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
@@ -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: 1657787161,
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
  };
@@ -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
  }
@@ -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
@@ -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.
@@ -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: 1657787161,
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
  };