@progress/kendo-react-dialogs 5.4.0-dev.202205200719 → 5.4.0-dev.202206061009
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 +8 -3
- package/dist/es/Dialog.js +9 -3
- package/dist/es/DialogProps.js +1 -0
- package/dist/es/DialogTitleBar.d.ts +1 -1
- package/dist/es/MiddleLayerOptimization.d.ts +1 -0
- package/dist/es/MiddleLayerOptimization.js +3 -1
- package/dist/es/Window.d.ts +12 -7
- package/dist/es/Window.js +15 -8
- package/dist/es/WindowProps.js +1 -0
- package/dist/es/WindowResizeHandlers.js +3 -1
- package/dist/es/WindowTitlebar.d.ts +1 -1
- package/dist/es/events.js +1 -0
- package/dist/es/models/actions-layout.js +1 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/utils.d.ts +1 -1
- package/dist/npm/Dialog.d.ts +8 -3
- package/dist/npm/Dialog.js +16 -9
- package/dist/npm/DialogActionsBar.js +4 -2
- package/dist/npm/DialogTitleBar.d.ts +1 -1
- package/dist/npm/DialogTitleBar.js +3 -1
- package/dist/npm/MiddleLayerOptimization.d.ts +1 -0
- package/dist/npm/MiddleLayerOptimization.js +4 -1
- package/dist/npm/StageEnum.js +1 -0
- package/dist/npm/Window.d.ts +12 -7
- package/dist/npm/Window.js +31 -23
- package/dist/npm/WindowActionsBar.js +4 -2
- package/dist/npm/WindowResizeHandlers.js +4 -1
- package/dist/npm/WindowTitlebar.d.ts +1 -1
- package/dist/npm/WindowTitlebar.js +1 -0
- package/dist/npm/constants.js +1 -0
- package/dist/npm/main.js +7 -6
- package/dist/npm/package-metadata.js +2 -1
- package/dist/npm/utils.d.ts +1 -1
- package/dist/npm/utils.js +3 -1
- package/dist/systemjs/kendo-react-dialogs.js +1 -1
- package/package.json +7 -7
package/dist/npm/Window.js
CHANGED
|
@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -24,6 +26,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
24
26
|
return __assign.apply(this, arguments);
|
|
25
27
|
};
|
|
26
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.Window = exports.WindowPropsContext = void 0;
|
|
27
30
|
var React = require("react");
|
|
28
31
|
var ReactDOM = require("react-dom");
|
|
29
32
|
var PropTypes = require("prop-types");
|
|
@@ -48,8 +51,13 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
48
51
|
__extends(WindowWithoutContext, _super);
|
|
49
52
|
function WindowWithoutContext(props) {
|
|
50
53
|
var _this = _super.call(this, props) || this;
|
|
54
|
+
/**
|
|
55
|
+
* @hidden
|
|
56
|
+
*/
|
|
57
|
+
_this.context = 0;
|
|
58
|
+
_this.draggable = null;
|
|
51
59
|
_this.offSetCoordinates = { x: 0, y: 0 };
|
|
52
|
-
_this._id = kendo_react_common_1.guid();
|
|
60
|
+
_this._id = (0, kendo_react_common_1.guid)();
|
|
53
61
|
/**
|
|
54
62
|
* @hidden
|
|
55
63
|
*/
|
|
@@ -89,21 +97,21 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
89
97
|
case kendo_react_common_1.Keys.up:
|
|
90
98
|
if (_this.windowStage === StageEnum_1.windowStage.MINIMIZED) {
|
|
91
99
|
_this.handleRestore(event);
|
|
92
|
-
kendo_react_common_1.dispatchEvent(_this.props.onStageChange, event, _this, { state: StageEnum_1.windowStage.DEFAULT });
|
|
100
|
+
(0, kendo_react_common_1.dispatchEvent)(_this.props.onStageChange, event, _this, { state: StageEnum_1.windowStage.DEFAULT });
|
|
93
101
|
}
|
|
94
102
|
else if (_this.windowStage === StageEnum_1.windowStage.DEFAULT) {
|
|
95
103
|
_this.handleFullscreen(event);
|
|
96
|
-
kendo_react_common_1.dispatchEvent(_this.props.onStageChange, event, _this, { state: StageEnum_1.windowStage.FULLSCREEN });
|
|
104
|
+
(0, kendo_react_common_1.dispatchEvent)(_this.props.onStageChange, event, _this, { state: StageEnum_1.windowStage.FULLSCREEN });
|
|
97
105
|
}
|
|
98
106
|
break;
|
|
99
107
|
case kendo_react_common_1.Keys.down:
|
|
100
108
|
if (_this.windowStage === StageEnum_1.windowStage.FULLSCREEN) {
|
|
101
109
|
_this.handleRestore(event);
|
|
102
|
-
kendo_react_common_1.dispatchEvent(_this.props.onStageChange, event, _this, { state: StageEnum_1.windowStage.DEFAULT });
|
|
110
|
+
(0, kendo_react_common_1.dispatchEvent)(_this.props.onStageChange, event, _this, { state: StageEnum_1.windowStage.DEFAULT });
|
|
103
111
|
}
|
|
104
112
|
else if (_this.windowStage === StageEnum_1.windowStage.DEFAULT) {
|
|
105
113
|
_this.handleMinimize(event);
|
|
106
|
-
kendo_react_common_1.dispatchEvent(_this.props.onStageChange, event, _this, { state: StageEnum_1.windowStage.MINIMIZED });
|
|
114
|
+
(0, kendo_react_common_1.dispatchEvent)(_this.props.onStageChange, event, _this, { state: StageEnum_1.windowStage.MINIMIZED });
|
|
107
115
|
}
|
|
108
116
|
break;
|
|
109
117
|
default:
|
|
@@ -185,7 +193,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
185
193
|
else {
|
|
186
194
|
_this.setState({
|
|
187
195
|
focused: true,
|
|
188
|
-
zIndex: utils_1.getMaxZIndex(_this.getCurrentZIndex(), _this.getDocument(), _this._id)
|
|
196
|
+
zIndex: (0, utils_1.getMaxZIndex)(_this.getCurrentZIndex(), _this.getDocument(), _this._id)
|
|
189
197
|
});
|
|
190
198
|
}
|
|
191
199
|
};
|
|
@@ -274,7 +282,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
274
282
|
stage: StageEnum_1.windowStage.MINIMIZED,
|
|
275
283
|
height: 0
|
|
276
284
|
});
|
|
277
|
-
kendo_react_common_1.dispatchEvent(_this.props.onStageChange, event, _this, { state: StageEnum_1.windowStage.MINIMIZED });
|
|
285
|
+
(0, kendo_react_common_1.dispatchEvent)(_this.props.onStageChange, event, _this, { state: StageEnum_1.windowStage.MINIMIZED });
|
|
278
286
|
};
|
|
279
287
|
_this.handleFullscreen = function (event) {
|
|
280
288
|
event.preventDefault();
|
|
@@ -292,7 +300,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
292
300
|
height: _this.props.appendTo ? _this.props.appendTo.offsetHeight : innerHeight,
|
|
293
301
|
stage: StageEnum_1.windowStage.FULLSCREEN
|
|
294
302
|
});
|
|
295
|
-
kendo_react_common_1.dispatchEvent(_this.props.onStageChange, event, _this, { state: StageEnum_1.windowStage.FULLSCREEN });
|
|
303
|
+
(0, kendo_react_common_1.dispatchEvent)(_this.props.onStageChange, event, _this, { state: StageEnum_1.windowStage.FULLSCREEN });
|
|
296
304
|
};
|
|
297
305
|
_this.handleRestore = function (event) {
|
|
298
306
|
event.preventDefault();
|
|
@@ -311,11 +319,11 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
311
319
|
height: _this.windowCoordinatesState.heightBeforeAction
|
|
312
320
|
});
|
|
313
321
|
}
|
|
314
|
-
kendo_react_common_1.dispatchEvent(_this.props.onStageChange, event, _this, { state: StageEnum_1.windowStage.DEFAULT });
|
|
322
|
+
(0, kendo_react_common_1.dispatchEvent)(_this.props.onStageChange, event, _this, { state: StageEnum_1.windowStage.DEFAULT });
|
|
315
323
|
};
|
|
316
324
|
_this.handleCloseWindow = function (event) {
|
|
317
325
|
event.preventDefault();
|
|
318
|
-
kendo_react_common_1.dispatchEvent(_this.props.onClose, event, _this, { state: undefined });
|
|
326
|
+
(0, kendo_react_common_1.dispatchEvent)(_this.props.onClose, event, _this, { state: undefined });
|
|
319
327
|
};
|
|
320
328
|
_this.handleDoubleClick = function (e) {
|
|
321
329
|
if (_this.windowStage === StageEnum_1.windowStage.FULLSCREEN || _this.windowStage === StageEnum_1.windowStage.MINIMIZED) {
|
|
@@ -388,7 +396,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
388
396
|
}
|
|
389
397
|
};
|
|
390
398
|
_this.getCurrentZIndex = function () {
|
|
391
|
-
if (!_this.state) {
|
|
399
|
+
if (!_this.state || _this.context === undefined) {
|
|
392
400
|
return _this.context ? _this.context : constants_1.DEFAULT_DIALOGS_ZINDEX;
|
|
393
401
|
}
|
|
394
402
|
return _this.state.zIndex > (_this.context ? _this.context + constants_1.ZINDEX_DIALOGS_STEP : 0) ? _this.state.zIndex : _this.context + constants_1.ZINDEX_DIALOGS_STEP;
|
|
@@ -400,7 +408,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
400
408
|
var currentDocument = _this.getDocument();
|
|
401
409
|
return currentDocument && currentDocument.defaultView;
|
|
402
410
|
};
|
|
403
|
-
kendo_react_common_3.validatePackage(package_metadata_1.packageMetadata);
|
|
411
|
+
(0, kendo_react_common_3.validatePackage)(package_metadata_1.packageMetadata);
|
|
404
412
|
_this.state = {
|
|
405
413
|
stage: _this.props.stage || StageEnum_1.windowStage.DEFAULT,
|
|
406
414
|
isDragging: false,
|
|
@@ -409,7 +417,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
409
417
|
width: _this.getInitialWidth(),
|
|
410
418
|
height: _this.getInitialHeight(),
|
|
411
419
|
focused: true,
|
|
412
|
-
zIndex: utils_1.getMaxZIndex(_this.getCurrentZIndex(), _this.getDocument(), _this._id)
|
|
420
|
+
zIndex: (0, utils_1.getMaxZIndex)(_this.getCurrentZIndex(), _this.getDocument(), _this._id)
|
|
413
421
|
};
|
|
414
422
|
_this.windowCoordinatesState = {
|
|
415
423
|
leftBeforeAction: _this.getInitialLeft(),
|
|
@@ -460,13 +468,13 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
460
468
|
* @hidden
|
|
461
469
|
*/
|
|
462
470
|
WindowWithoutContext.prototype.render = function () {
|
|
463
|
-
var _this = this;
|
|
464
471
|
var _a;
|
|
472
|
+
var _this = this;
|
|
465
473
|
var elementsArray = React.Children.toArray(this.props.children);
|
|
466
474
|
var content = this.getContent(elementsArray);
|
|
467
475
|
var actions = this.getActionBar(elementsArray);
|
|
468
476
|
var currentZIndex = this.getCurrentZIndex();
|
|
469
|
-
var classNamesWindow = kendo_react_common_1.classNames('k-widget', 'k-window', this.props.className, { 'k-window-minimized': this.state.stage === 'MINIMIZED' }, { 'k-window-focused': this.state.focused });
|
|
477
|
+
var classNamesWindow = (0, kendo_react_common_1.classNames)('k-widget', 'k-window', this.props.className, { 'k-window-minimized': this.state.stage === 'MINIMIZED' }, { 'k-window-focused': this.state.focused });
|
|
470
478
|
var windowElement = (React.createElement(kendo_react_common_1.ZIndexContext.Provider, { value: currentZIndex },
|
|
471
479
|
React.createElement(React.Fragment, null,
|
|
472
480
|
this.props.modal && (React.createElement("div", { className: "k-overlay", style: __assign({ zIndex: currentZIndex }, this.props.overlayStyle) })),
|
|
@@ -501,7 +509,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
501
509
|
}
|
|
502
510
|
return 0;
|
|
503
511
|
},
|
|
504
|
-
enumerable:
|
|
512
|
+
enumerable: false,
|
|
505
513
|
configurable: true
|
|
506
514
|
});
|
|
507
515
|
Object.defineProperty(WindowWithoutContext.prototype, "left", {
|
|
@@ -511,7 +519,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
511
519
|
}
|
|
512
520
|
return 0;
|
|
513
521
|
},
|
|
514
|
-
enumerable:
|
|
522
|
+
enumerable: false,
|
|
515
523
|
configurable: true
|
|
516
524
|
});
|
|
517
525
|
Object.defineProperty(WindowWithoutContext.prototype, "width", {
|
|
@@ -527,7 +535,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
527
535
|
}
|
|
528
536
|
return width;
|
|
529
537
|
},
|
|
530
|
-
enumerable:
|
|
538
|
+
enumerable: false,
|
|
531
539
|
configurable: true
|
|
532
540
|
});
|
|
533
541
|
Object.defineProperty(WindowWithoutContext.prototype, "height", {
|
|
@@ -546,14 +554,14 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
546
554
|
}
|
|
547
555
|
return height;
|
|
548
556
|
},
|
|
549
|
-
enumerable:
|
|
557
|
+
enumerable: false,
|
|
550
558
|
configurable: true
|
|
551
559
|
});
|
|
552
560
|
Object.defineProperty(WindowWithoutContext.prototype, "windowStage", {
|
|
553
561
|
get: function () {
|
|
554
562
|
return this.props.stage || this.state.stage;
|
|
555
563
|
},
|
|
556
|
-
enumerable:
|
|
564
|
+
enumerable: false,
|
|
557
565
|
configurable: true
|
|
558
566
|
});
|
|
559
567
|
WindowWithoutContext.prototype.getActionBar = function (children) {
|
|
@@ -609,7 +617,7 @@ var WindowWithoutContext = /** @class */ (function (_super) {
|
|
|
609
617
|
* Represents the PropsContext of the `Window` component.
|
|
610
618
|
* Used for global configuration of all `Window` instances.
|
|
611
619
|
*/
|
|
612
|
-
exports.WindowPropsContext = kendo_react_common_2.createPropsContext();
|
|
620
|
+
exports.WindowPropsContext = (0, kendo_react_common_2.createPropsContext)();
|
|
613
621
|
/* eslint-disable @typescript-eslint/no-redeclare -- intentionally naming the component the same as the type */
|
|
614
622
|
/**
|
|
615
623
|
* Represents the [KendoReact Window component]({% slug overview_window %}).
|
|
@@ -617,5 +625,5 @@ exports.WindowPropsContext = kendo_react_common_2.createPropsContext();
|
|
|
617
625
|
* Accepts properties of type [WindowProps]({% slug api_dialogs_windowprops %}).
|
|
618
626
|
* Obtaining the `ref` returns an object of type [WindowHandle]({% slug api_dialogs_windowhandle %}).
|
|
619
627
|
*/
|
|
620
|
-
exports.Window = kendo_react_common_2.withPropsContext(exports.WindowPropsContext, WindowWithoutContext);
|
|
628
|
+
exports.Window = (0, kendo_react_common_2.withPropsContext)(exports.WindowPropsContext, WindowWithoutContext);
|
|
621
629
|
exports.Window.displayName = 'KendoReactWindow';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.WindowActionsBar = void 0;
|
|
3
4
|
var React = require("react");
|
|
4
5
|
var PropTypes = require("prop-types");
|
|
5
6
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
@@ -8,9 +9,9 @@ var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
|
8
9
|
*
|
|
9
10
|
* @returns React.ReactElement
|
|
10
11
|
*/
|
|
11
|
-
|
|
12
|
+
var WindowActionsBar = function (props) {
|
|
12
13
|
var _a = props.layout, layout = _a === void 0 ? defaultProps.layout : _a, children = props.children;
|
|
13
|
-
var wrapperClasses = kendo_react_common_1.classNames('k-window-buttongroup', 'k-actions', 'k-hstack', {
|
|
14
|
+
var wrapperClasses = (0, kendo_react_common_1.classNames)('k-window-buttongroup', 'k-actions', 'k-hstack', {
|
|
14
15
|
'k-justify-content-start': layout === 'start',
|
|
15
16
|
'k-justify-content-center': layout === 'center',
|
|
16
17
|
'k-justify-content-end': layout === 'end',
|
|
@@ -18,6 +19,7 @@ exports.WindowActionsBar = function (props) {
|
|
|
18
19
|
});
|
|
19
20
|
return (React.createElement("div", { className: wrapperClasses }, children));
|
|
20
21
|
};
|
|
22
|
+
exports.WindowActionsBar = WindowActionsBar;
|
|
21
23
|
exports.WindowActionsBar.propTypes = {
|
|
22
24
|
children: PropTypes.any,
|
|
23
25
|
layout: PropTypes.oneOf(['start', 'center', 'end', 'stretched'])
|
|
@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
13
15
|
};
|
|
14
16
|
})();
|
|
15
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
exports.ResizeHandlers = void 0;
|
|
16
19
|
var React = require("react");
|
|
17
20
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
18
21
|
/**
|
|
@@ -60,4 +60,4 @@ export interface WindowTitleBarProps {
|
|
|
60
60
|
/**
|
|
61
61
|
* @hidden
|
|
62
62
|
*/
|
|
63
|
-
export declare const WindowTitleBar: React.ForwardRefExoticComponent<WindowTitleBarProps & React.RefAttributes<
|
|
63
|
+
export declare const WindowTitleBar: React.ForwardRefExoticComponent<WindowTitleBarProps & React.RefAttributes<unknown>>;
|
|
@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.WindowTitleBar = void 0;
|
|
14
15
|
var React = require("react");
|
|
15
16
|
var StageEnum_1 = require("./StageEnum");
|
|
16
17
|
var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
|
package/dist/npm/constants.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DIALOGS_SELECTOR = exports.ZINDEX_DIALOGS_STEP = exports.DEFAULT_DIALOGS_ZINDEX = exports.DATA_DIALOGS_ID = void 0;
|
|
3
4
|
/** @hidden */
|
|
4
5
|
exports.DATA_DIALOGS_ID = 'data-windowid';
|
|
5
6
|
/** @hidden */
|
package/dist/npm/main.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.WindowPropsContext = exports.WindowActionsBar = exports.Window = exports.DialogPropsContext = exports.DialogActionsBar = exports.Dialog = void 0;
|
|
3
4
|
var Dialog_1 = require("./Dialog");
|
|
4
|
-
exports
|
|
5
|
-
exports
|
|
5
|
+
Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return Dialog_1.Dialog; } });
|
|
6
|
+
Object.defineProperty(exports, "DialogPropsContext", { enumerable: true, get: function () { return Dialog_1.DialogPropsContext; } });
|
|
6
7
|
var DialogActionsBar_1 = require("./DialogActionsBar");
|
|
7
|
-
exports
|
|
8
|
+
Object.defineProperty(exports, "DialogActionsBar", { enumerable: true, get: function () { return DialogActionsBar_1.DialogActionsBar; } });
|
|
8
9
|
var Window_1 = require("./Window");
|
|
9
|
-
exports
|
|
10
|
-
exports
|
|
10
|
+
Object.defineProperty(exports, "Window", { enumerable: true, get: function () { return Window_1.Window; } });
|
|
11
|
+
Object.defineProperty(exports, "WindowPropsContext", { enumerable: true, get: function () { return Window_1.WindowPropsContext; } });
|
|
11
12
|
var WindowActionsBar_1 = require("./WindowActionsBar");
|
|
12
|
-
exports
|
|
13
|
+
Object.defineProperty(exports, "WindowActionsBar", { enumerable: true, get: function () { return WindowActionsBar_1.WindowActionsBar; } });
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.packageMetadata = void 0;
|
|
3
4
|
/**
|
|
4
5
|
* @hidden
|
|
5
6
|
*/
|
|
@@ -7,7 +8,7 @@ exports.packageMetadata = {
|
|
|
7
8
|
name: '@progress/kendo-react-dialogs',
|
|
8
9
|
productName: 'KendoReact',
|
|
9
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
10
|
-
publishDate:
|
|
11
|
+
publishDate: 1654509215,
|
|
11
12
|
version: '',
|
|
12
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'
|
|
13
14
|
};
|
package/dist/npm/utils.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/** @hidden */
|
|
2
|
-
export declare const getMaxZIndex: (currentZIndex: number, currentDocument: Document, currentWindowId: string) => number;
|
|
2
|
+
export declare const getMaxZIndex: (currentZIndex: number, currentDocument: Document | null, currentWindowId: string) => number;
|
package/dist/npm/utils.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getMaxZIndex = void 0;
|
|
3
4
|
var constants_1 = require("./constants");
|
|
4
5
|
/** @hidden */
|
|
5
|
-
|
|
6
|
+
var getMaxZIndex = function (currentZIndex, currentDocument, currentWindowId) {
|
|
6
7
|
var maxZindex = currentZIndex;
|
|
7
8
|
if (currentDocument && currentDocument.defaultView) {
|
|
8
9
|
var allWindows = currentDocument.querySelectorAll(constants_1.DIALOGS_SELECTOR);
|
|
@@ -22,3 +23,4 @@ exports.getMaxZIndex = function (currentZIndex, currentDocument, currentWindowId
|
|
|
22
23
|
}
|
|
23
24
|
return maxZindex;
|
|
24
25
|
};
|
|
26
|
+
exports.getMaxZIndex = getMaxZIndex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register("@progress/kendo-react-dialogs",["react","react-dom","prop-types","@progress/kendo-react-common","@progress/kendo-react-buttons"],function(a){var r,s,d,p,l;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){r=t(e)},function(e){s=t(e)},function(e){d=t(e)},function(e){p=t(e)},function(e){l=t(e)}],execute:function(){function i(e){if(o[e])return o[e].exports;var t=o[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,i),t.l=!0,t.exports}var n,o;n=[function(e,t){e.exports=r},function(e,t){e.exports=p},function(e,t){e.exports=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DATA_DIALOGS_ID="data-windowid",t.DEFAULT_DIALOGS_ZINDEX=10002,t.ZINDEX_DIALOGS_STEP=2,t.DIALOGS_SELECTOR=".k-window:not(.k-dialog), .k-dialog-wrapper"},function(e,t){e.exports=s},function(e,t){e.exports=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),i=n(2),r=n(1),a=(t.DialogActionsBar=function(e){var t=e.layout,t=void 0===t?a.layout:t,e=e.children,t=r.classNames("k-dialog-buttongroup","k-actions","k-hstack",{"k-justify-content-start":"start"===t,"k-justify-content-center":"center"===t,"k-justify-content-end":"end"===t,"k-justify-content-stretch":"stretched"===t});return o.createElement("div",{className:t},e)},t.DialogActionsBar.propTypes={children:i.any,layout:i.oneOf(["start","center","end","stretched"])},{layout:"stretched"})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-react-dialogs",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1653030154,version:"",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"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n(3);t.getMaxZIndex=function(e,n,o){var i,r=e;return n&&n.defaultView?(e=n.querySelectorAll(a.DIALOGS_SELECTOR),i=!1,e.forEach(function(e){var t=n.defaultView.getComputedStyle(e,null);e.getAttribute(a.DATA_DIALOGS_ID)!==o&&null!==t.zIndex&&(e=parseInt(t.zIndex,10),r<=e&&(r=e,i=!0))}),i?r+a.ZINDEX_DIALOGS_STEP:r):r}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),(t=t.windowStage||(t.windowStage={})).DEFAULT="DEFAULT",t.FULLSCREEN="FULLSCREEN",t.MINIMIZED="MINIMIZED"},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),i=n(2),r=n(1),a=(t.WindowActionsBar=function(e){var t=e.layout,t=void 0===t?a.layout:t,e=e.children,t=r.classNames("k-window-buttongroup","k-actions","k-hstack",{"k-justify-content-start":"start"===t,"k-justify-content-center":"center"===t,"k-justify-content-end":"end"===t,"k-justify-content-stretch":"stretched"===t});return o.createElement("div",{className:t},e)},t.WindowActionsBar.propTypes={children:i.any,layout:i.oneOf(["start","center","end","stretched"])},{layout:"end"})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o,i=n(12),i=(t.Dialog=i.Dialog,t.DialogPropsContext=i.DialogPropsContext,n(6)),i=(t.DialogActionsBar=i.DialogActionsBar,n(14)),i=(t.Window=i.Window,t.WindowPropsContext=i.WindowPropsContext,n(10)),r=(t.WindowActionsBar=i.WindowActionsBar,t);for(o in r)a(o,r[o])},function(e,t,n){"use strict";var o,r,i=this&&this.__extends||(o=function(e,t){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),g=this&&this.__assign||function(){return(g=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},w=(Object.defineProperty(t,"__esModule",{value:!0}),n(0)),m=n(4),a=n(2),y=n(13),s=n(6),v=n(1),d=n(1),p=n(7),l=n(8),S=n(3),n=(r=w.Component,i(c,r),c.prototype.componentDidMount=function(){this.element&&this.props.autoFocus&&this.element.focus()},c.prototype.render=function(){var t=this,e=void 0!==this.props.id?this.props.id:this.titleId,n=this.props,o=n.title,i=n.width,r=n.height,a=n.children,s=n.minWidth,d=n.dir,p=n.style,n=n.contentStyle,a=w.Children.toArray(a),l=this.getContent(a),a=this.getActionBar(a),c=o?{"aria-labelledby":e}:null,u=void 0===this.props.closeIcon||this.props.closeIcon,h=this.getCurrentZIndex(),f=w.createElement(v.ZIndexContext.Provider,{value:h},w.createElement("div",g({},((f={})[S.DATA_DIALOGS_ID]=this._id,f),{className:"k-dialog-wrapper"+(this.props.className?" "+this.props.className:""),onKeyDown:this.onKeyDown,tabIndex:0,dir:d,style:g({zIndex:h},p),ref:function(e){return t.element=e}}),w.createElement("div",{className:"k-overlay"}),w.createElement("div",g({},c,{className:"k-widget k-window k-dialog",role:"dialog",style:{width:i,height:r,minWidth:s}}),this.props.title&&w.createElement(y.DialogTitleBar,{closeIcon:u,onCloseButtonClick:this.onCloseDialog,id:e},o),w.createElement("div",{className:"k-window-content k-dialog-content",style:n},l),a)));return v.canUseDOM?null!==this.props.appendTo?m.createPortal(f,this.props.appendTo||document.body):f:null},c.prototype.getActionBar=function(e){return e.filter(function(e){return e&&e.type===s.DialogActionsBar})},c.prototype.getContent=function(e){return e.filter(function(e){return e&&e.type!==s.DialogActionsBar})},c.prototype.generateTitleId=function(){return"dialog-title"+this._id},c.displayName="Dialog",c.propTypes={title:a.any,id:a.string,dir:a.string,style:a.object,closeIcon:a.bool,width:a.oneOfType([a.number,a.string]),height:a.oneOfType([a.number,a.string]),minWidth:a.oneOfType([a.number,a.string]),autoFocus:a.bool},c.defaultProps={autoFocus:!1},c.contextType=v.ZIndexContext,c);function c(e){var i=r.call(this,e)||this;return i._id=v.guid(),i.titleId=i.generateTitleId(),i.onCloseDialog=function(e){e.preventDefault(),v.dispatchEvent(i.props.onClose,e,i,void 0)},i.onKeyDown=function(e){e.keyCode===v.Keys.esc&&i.props.onClose&&(e.preventDefault(),i.onCloseDialog(e));var t,n,o=i.element;o&&e.keyCode===v.Keys.tab&&(t=(o=o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'))[0],o=o[o.length-1],n=i.getDocument(),e.shiftKey?(n&&n.activeElement===t||n&&n.activeElement===i.element)&&(o.focus(),e.preventDefault()):n&&n.activeElement===o&&(t.focus(),e.preventDefault()))},i.getCurrentZIndex=function(){return i.state?i.state.zIndex>(i.context?i.context+S.ZINDEX_DIALOGS_STEP:0)?i.state.zIndex:i.context+S.ZINDEX_DIALOGS_STEP:i.context||S.DEFAULT_DIALOGS_ZINDEX},i.getDocument=function(){return i.props.appendTo?i.props.appendTo.ownerDocument:document},d.validatePackage(p.packageMetadata),i.state={zIndex:l.getMaxZIndex(i.getCurrentZIndex(),i.getDocument(),i._id)},i}t.DialogPropsContext=v.createPropsContext(),t.Dialog=v.withPropsContext(t.DialogPropsContext,n),t.Dialog.displayName="KendoReactDialog"},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),r=n(5);t.DialogTitleBar=function(e){var t=e.children,n=e.onCloseButtonClick,o=e.id,e=e.closeIcon;return i.createElement("div",{className:"k-window-titlebar k-dialog-titlebar k-header",id:o},i.createElement("div",{className:"k-window-title k-dialog-title"},t),i.createElement("div",{className:"k-window-actions k-dialog-actions"},e&&i.createElement(r.Button,{role:"button","aria-label":"Close",onClick:n,icon:"x",fillMode:"flat",className:"k-window-action k-dialog-action k-dialog-close"})))}},function(e,t,n){"use strict";var o,i,r=this&&this.__extends||(o=function(e,t){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},s=(Object.defineProperty(t,"__esModule",{value:!0}),n(0)),d=n(4),p=n(2),l=n(15),c=n(1),u=n(1),h=n(16),f=n(17),g=n(9),w=n(1),m=n(7),y=n(10),v=n(3),S=n(8),n=(i=s.Component,r(E,i),E.prototype.componentDidMount=function(){var e,t=this.getWindow(),t=(t&&t.addEventListener("resize",this.handleBrowserWindowResize),this.getDocument());this.props.appendTo&&t&&(e=this.props.appendTo.getBoundingClientRect(),t=t.body.getBoundingClientRect(),this.offSetCoordinates.x=e.left-t.left,this.offSetCoordinates.y=e.top-t.top)},E.prototype.componentWillUnmount=function(){var e=this.getWindow();e&&e.removeEventListener("resize",this.handleBrowserWindowResize)},E.prototype.componentDidUpdate=function(){var e,t=this.getDocument();this.props.appendTo&&t&&(e=this.props.appendTo.getBoundingClientRect(),t=t.body.getBoundingClientRect(),this.offSetCoordinates.x=e.left-t.left,this.offSetCoordinates.y=e.top-t.top)},E.prototype.render=function(){var t=this,e=s.Children.toArray(this.props.children),n=this.getContent(e),e=this.getActionBar(e),o=this.getCurrentZIndex(),i=c.classNames("k-widget","k-window",this.props.className,{"k-window-minimized":"MINIMIZED"===this.state.stage},{"k-window-focused":this.state.focused}),r=s.createElement(c.ZIndexContext.Provider,{value:o},s.createElement(s.Fragment,null,this.props.modal&&s.createElement("div",{className:"k-overlay",style:a({zIndex:o},this.props.overlayStyle)}),s.createElement("div",a({},((r={})[v.DATA_DIALOGS_ID]=this._id,r),{tabIndex:0,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,ref:function(e){t.windowElement=e,t.element=e},className:i,style:a({top:this.top,left:this.left,width:this.width,height:this.height||"",zIndex:o},this.props.style)}),s.createElement(f.MiddleLayerOptimization,{shouldUpdateOnDrag:this.props.shouldUpdateOnDrag||!1,isDragging:this.state.isDragging},s.createElement(u.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,ref:function(e){return t.draggable=e}},s.createElement(l.WindowTitleBar,{stage:this.windowStage,onDoubleClick:this.props.doubleClickStageChange?this.handleDoubleClick:void 0,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)),this.windowStage!==g.windowStage.MINIMIZED?s.createElement(s.Fragment,null,s.createElement("div",{className:"k-window-content"},n),e):null,this.windowStage===g.windowStage.DEFAULT&&this.props.resizable?s.createElement(h.ResizeHandlers,{onResize:this.handleResize}):null))));return c.canUseDOM?null!==this.props.appendTo?d.createPortal(r,this.props.appendTo||document.body):r:null},Object.defineProperty(E.prototype,"top",{get:function(){return this.windowStage!==g.windowStage.FULLSCREEN?Math.max(this.props.top||this.state.top,0):0},enumerable:!0,configurable:!0}),Object.defineProperty(E.prototype,"left",{get:function(){return this.windowStage!==g.windowStage.FULLSCREEN?Math.max(this.props.left||this.state.left,0):0},enumerable:!0,configurable:!0}),Object.defineProperty(E.prototype,"width",{get:function(){var e=this.props.width||this.state.width;if(this.windowStage===g.windowStage.FULLSCREEN){if(this.props.appendTo)return this.props.appendTo.offsetWidth;var t=this.getWindow(),e=t?t.innerWidth:0}return e},enumerable:!0,configurable:!0}),Object.defineProperty(E.prototype,"height",{get:function(){var e=this.props.height||this.state.height;if(this.windowStage===g.windowStage.FULLSCREEN){if(this.props.appendTo)return this.props.appendTo.offsetHeight;var t=this.getWindow(),e=t?t.innerHeight:0}else this.windowStage===g.windowStage.MINIMIZED&&(e=0);return e},enumerable:!0,configurable:!0}),Object.defineProperty(E.prototype,"windowStage",{get:function(){return this.props.stage||this.state.stage},enumerable:!0,configurable:!0}),E.prototype.getActionBar=function(e){return e.filter(function(e){return e&&e.type===y.WindowActionsBar})},E.prototype.getContent=function(e){return e.filter(function(e){return e&&e.type!==y.WindowActionsBar})},E.displayName="Window",E.propTypes={width:p.number,height:p.number,left:p.number,top:p.number,initialWidth:p.number,initialHeight:p.number,initialLeft:p.number,initialTop:p.number,minWidth:p.number,minHeight:p.number,resizable:p.bool,draggable:p.bool,title:p.any,shouldUpdateOnDrag:p.bool,stage:p.oneOf(["DEFAULT","MINIMIZED","FULLSCREEN"]),className:p.string,style:p.object,overlayStyle:p.object},E.defaultProps={minWidth:120,minHeight:100,resizable:!0,draggable:!0,modal:!1,doubleClickStageChange:!0},E.contextType=c.ZIndexContext,E);function E(e){var h=i.call(this,e)||this;return h.offSetCoordinates={x:0,y:0},h._id=c.guid(),h.onKeyDown=function(e){if(e.target===e.currentTarget){var t=h.props.minWidth||120,n=h.props.minHeight||100;if(e.ctrlKey&&h.props.resizable){switch(e.keyCode){case c.Keys.up:e.preventDefault(),n<=h.height-5&&h.setState({height:h.height-5});break;case c.Keys.down:e.preventDefault(),h.setState({height:h.height+5});break;case c.Keys.left:t<=h.width-5&&h.setState({width:h.width-5});break;case c.Keys.right:h.setState({width:h.width+5});break;default:return}h.dispatchMoveEvent(h.props.onResize,e,!1,void 0)}else if(e.altKey)switch(e.keyCode){case c.Keys.up:h.windowStage===g.windowStage.MINIMIZED?(h.handleRestore(e),c.dispatchEvent(h.props.onStageChange,e,h,{state:g.windowStage.DEFAULT})):h.windowStage===g.windowStage.DEFAULT&&(h.handleFullscreen(e),c.dispatchEvent(h.props.onStageChange,e,h,{state:g.windowStage.FULLSCREEN}));break;case c.Keys.down:h.windowStage===g.windowStage.FULLSCREEN?(h.handleRestore(e),c.dispatchEvent(h.props.onStageChange,e,h,{state:g.windowStage.DEFAULT})):h.windowStage===g.windowStage.DEFAULT&&(h.handleMinimize(e),c.dispatchEvent(h.props.onStageChange,e,h,{state:g.windowStage.MINIMIZED}))}else{if(!e.ctrlKey)switch(e.keyCode){case c.Keys.esc:return void(h.props.onClose&&h.handleCloseWindow(e));case c.Keys.up:h.setState({top:h.state.top-5});break;case c.Keys.down:h.setState({top:h.state.top+5});break;case c.Keys.left:h.setState({left:h.state.left-5});break;case c.Keys.right:h.setState({left:h.state.left+5});break;default:return}h.dispatchMoveEvent(h.props.onMove,e,!1,void 0)}}},h.onPress=function(e){e=e.event;h.windowCoordinatesState.differenceLeft=e.pageX-h.left,h.windowCoordinatesState.differenceTop=e.pageY-h.top},h.onDrag=function(e){e=e.event;e.originalEvent.preventDefault(),h.windowStage!==g.windowStage.FULLSCREEN&&h.props.draggable&&(h.setState({top:Math.max(e.pageY-h.windowCoordinatesState.differenceTop,0),left:e.pageX-h.windowCoordinatesState.differenceLeft,isDragging:!0}),h.props.onMove&&h.dispatchMoveEvent(h.props.onMove,e,!0,!1))},h.onRelease=function(e){e=e.event;h.windowStage!==g.windowStage.FULLSCREEN&&h.props.draggable&&h.props.onMove&&h.dispatchMoveEvent(h.props.onMove,e,!0,!0),h.setState({isDragging:!1})},h.onFocus=function(){h._blurTimeout?(clearTimeout(h._blurTimeout),h._blurTimeout=void 0):h.setState({focused:!0,zIndex:S.getMaxZIndex(h.getCurrentZIndex(),h.getDocument(),h._id)})},h.onBlur=function(){clearTimeout(h._blurTimeout);var e=h.getWindow();e&&(h._blurTimeout=e.setTimeout(function(){h.setState({focused:!1}),h._blurTimeout=void 0}))},h.getInitialTop=function(){if(void 0!==h.props.top)return h.props.top;if(void 0!==h.props.initialTop)return h.props.initialTop;var e=300;if(void 0!==h.props.height?e=h.props.height:void 0!==h.props.initialHeight&&(e=h.props.initialHeight),h.props.appendTo)return h.props.appendTo.offsetHeight/2-e/2;var t=h.getWindow();return t?t.innerHeight/2-e/2:0},h.getInitialLeft=function(){if(void 0!==h.props.left)return h.props.left;if(void 0!==h.props.initialLeft)return h.props.initialLeft;var e=300;if(void 0!==h.props.width?e=h.props.width:void 0!==h.props.initialWidth&&(e=h.props.initialWidth),h.props.appendTo)return h.props.appendTo.offsetWidth/2-e/2;var t=h.getWindow();return t?t.innerWidth/2-e/2:0},h.getInitialWidth=function(){var e=300;return void 0!==h.props.width?e=h.props.width:void 0!==h.props.initialWidth&&(e=h.props.initialWidth),e},h.getInitialHeight=function(){var e=300;return void 0!==h.props.height?e=h.props.height:void 0!==h.props.initialHeight&&(e=h.props.initialHeight),e},h.handleMinimize=function(e){e.preventDefault(),h.windowCoordinatesState.leftBeforeAction=h.left,h.windowCoordinatesState.topBeforeAction=h.top,h.windowCoordinatesState.widthBeforeAction=h.width,h.windowCoordinatesState.heightBeforeAction=h.height,h.setState({stage:g.windowStage.MINIMIZED,height:0}),c.dispatchEvent(h.props.onStageChange,e,h,{state:g.windowStage.MINIMIZED})},h.handleFullscreen=function(e){e.preventDefault(),h.windowCoordinatesState.leftBeforeAction=h.left,h.windowCoordinatesState.topBeforeAction=h.top,h.windowCoordinatesState.widthBeforeAction=h.width,h.windowCoordinatesState.heightBeforeAction=h.height;var t=h.getWindow(),n=t?t.innerWidth:0,t=t?t.innerHeight:0;h.setState({left:0,top:0,width:h.props.appendTo?h.props.appendTo.offsetWidth:n,height:h.props.appendTo?h.props.appendTo.offsetHeight:t,stage:g.windowStage.FULLSCREEN}),c.dispatchEvent(h.props.onStageChange,e,h,{state:g.windowStage.FULLSCREEN})},h.handleRestore=function(e){e.preventDefault(),h.windowStage===g.windowStage.FULLSCREEN?h.setState({stage:g.windowStage.DEFAULT,left:h.windowCoordinatesState.leftBeforeAction,top:h.windowCoordinatesState.topBeforeAction,width:h.windowCoordinatesState.widthBeforeAction,height:h.windowCoordinatesState.heightBeforeAction}):h.windowStage===g.windowStage.MINIMIZED&&h.setState({stage:g.windowStage.DEFAULT,height:h.windowCoordinatesState.heightBeforeAction}),c.dispatchEvent(h.props.onStageChange,e,h,{state:g.windowStage.DEFAULT})},h.handleCloseWindow=function(e){e.preventDefault(),c.dispatchEvent(h.props.onClose,e,h,{state:void 0})},h.handleDoubleClick=function(e){h.windowStage===g.windowStage.FULLSCREEN||h.windowStage===g.windowStage.MINIMIZED?h.handleRestore(e):h.handleFullscreen(e)},h.handleResize=function(e,t){var n=h.props.appendTo?e.pageX-h.offSetCoordinates.x:e.pageX,o=h.props.appendTo?e.pageY-h.offSetCoordinates.y:e.pageY,i=h.width,r=h.height,a=h.props.minWidth||120,s=h.props.minHeight||100,d=h.top-o,p=h.left-n,l=n-h.left,c=o-h.top,u=Object.assign({},h.state,{isDragging:!t.end});0<=t.direction.indexOf("n")&&s-(r+d)<0&&(0<h.top&&(u.height=r+d),u.top=o),0<=t.direction.indexOf("s")&&s-c<0&&(u.height=c),0<=t.direction.indexOf("w")&&a-(i+p)<0&&(0<h.left&&(u.width=i+p),u.left=n),0<=t.direction.indexOf("e")&&a-l<0&&(u.width=l),h.setState(u),h.dispatchMoveEvent(h.props.onResize,e,!0,t.end)},h.dispatchMoveEvent=function(e,t,n,o){e&&e.call(void 0,{nativeEvent:t.nativeEvent||t.originalEvent,drag:n,end:o,target:h,left:h.state.left,top:h.state.top,width:h.state.width,hight:h.state.height,height:h.state.height})},h.handleBrowserWindowResize=function(){var e,t;h.windowStage===g.windowStage.FULLSCREEN&&(e=(t=h.getWindow())?t.innerWidth:0,t=t?t.innerHeight:0,h.setState({width:h.props.appendTo?h.props.appendTo.offsetWidth:e,height:h.props.appendTo?h.props.appendTo.offsetHeight:t}))},h.getCurrentZIndex=function(){return h.state?h.state.zIndex>(h.context?h.context+v.ZINDEX_DIALOGS_STEP:0)?h.state.zIndex:h.context+v.ZINDEX_DIALOGS_STEP:h.context||v.DEFAULT_DIALOGS_ZINDEX},h.getDocument=function(){return h.props.appendTo?h.props.appendTo.ownerDocument:document},h.getWindow=function(){var e=h.getDocument();return e&&e.defaultView},w.validatePackage(m.packageMetadata),h.state={stage:h.props.stage||g.windowStage.DEFAULT,isDragging:!1,top:h.getInitialTop(),left:h.getInitialLeft(),width:h.getInitialWidth(),height:h.getInitialHeight(),focused:!0,zIndex:S.getMaxZIndex(h.getCurrentZIndex(),h.getDocument(),h._id)},h.windowCoordinatesState={leftBeforeAction:h.getInitialLeft(),topBeforeAction:h.getInitialTop(),widthBeforeAction:h.getInitialWidth(),heightBeforeAction:h.getInitialHeight()},h}t.WindowPropsContext=u.createPropsContext(),t.Window=u.withPropsContext(t.WindowPropsContext,n),t.Window.displayName="KendoReactWindow"},function(e,t,n){"use strict";function o(e){var t=e.children,n=e.onCloseButtonClick,o=e.onMinimizeButtonClick,i=e.onFullScreenButtonClick,r=e.onRestoreButtonClick,a=e.onDoubleClick,s=e.stage,d=e.forwardedRef,o=e.minimizeButton?p.createElement(e.minimizeButton,{onClick:o,stage:s}):p.createElement(c.Button,{fillMode:"flat",icon:"window-minimize",onClick:o}),i=e.maximizeButton?p.createElement(e.maximizeButton,{onClick:i,stage:s}):p.createElement(c.Button,{fillMode:"flat",icon:"window-maximize",onClick:i}),r=e.restoreButton?p.createElement(e.restoreButton,{onClick:r,stage:s}):p.createElement(c.Button,{fillMode:"flat",icon:"window-restore",onClick:r}),e=e.closeButton?p.createElement(e.closeButton,{onClick:n,stage:s}):p.createElement(c.Button,{fillMode:"flat",icon:"close",onClick:n});return p.createElement("div",{className:"k-window-titlebar k-dialog-titlebar",style:{touchAction:"none"},ref:d,onDoubleClick:a},p.createElement("div",{className:"k-window-title"},t||""),p.createElement("div",{className:"k-window-actions"},s===l.windowStage.DEFAULT&&o,s===l.windowStage.DEFAULT&&i,s!==l.windowStage.DEFAULT&&r,e))}var i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},p=(Object.defineProperty(t,"__esModule",{value:!0}),n(0)),l=n(9),c=n(5);t.WindowTitleBar=p.forwardRef(function(e,t){return p.createElement(o,i({},e,{forwardedRef:t}))})},function(e,t,n){"use strict";var o,i,r=this&&this.__extends||(o=function(e,t){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),a=(Object.defineProperty(t,"__esModule",{value:!0}),n(0)),s=n(1),d=["n","e","s","w","se","sw","ne","nw"],n=(i=a.Component,r(p,i),p.prototype.render=function(){var n=this;return a.createElement("div",null," ",d.map(function(t,e){return a.createElement(s.Draggable,{key:e,onDrag:function(e){e=e.event;e.originalEvent.preventDefault(),n.props.onResize(e,{end:!1,direction:t})},onRelease:function(e){e=e.event;e.originalEvent.preventDefault(),n.props.onResize(e,{end:!0,direction:t})}},a.createElement("div",{className:"k-resize-handle k-resize-"+t,style:{display:"block",touchAction:"none"}}))}))},p);function p(){return null!==i&&i.apply(this,arguments)||this}t.ResizeHandlers=n},function(e,t,n){"use strict";var o,i,r=this&&this.__extends||(o=function(e,t){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)},function(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),n=(Object.defineProperty(t,"__esModule",{value:!0}),i=n(0).Component,r(a,i),a.prototype.shouldComponentUpdate=function(e){return e.shouldUpdateOnDrag||!e.isDragging},a.prototype.render=function(){return this.props.children},a);function a(){return null!==i&&i.apply(this,arguments)||this}t.MiddleLayerOptimization=n}],o={},i.m=n,i.c=o,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)i.d(n,o,function(e){return t[e]}.bind(null,o));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=11)}}});
|
|
1
|
+
System.register("@progress/kendo-react-dialogs",["@progress/kendo-react-buttons","@progress/kendo-react-common","prop-types","react","react-dom"],function(l,e){var p={},c={},u={},h={},g={};return Object.defineProperty(p,"__esModule",{value:!0}),Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(u,"__esModule",{value:!0}),Object.defineProperty(h,"__esModule",{value:!0}),Object.defineProperty(g,"__esModule",{value:!0}),{setters:[function(t){Object.keys(t).forEach(function(e){p[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){c[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){u[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){h[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){g[e]=t[e]})}],execute:function(){function o(e){var t=i[e];if(void 0!==t)return t.exports;t=i[e]={exports:{}};return n[e].call(t.exports,t,t.exports,o),t.exports}var n,i,e,t,r,a,s,d;l((n={580:function(e,t,o){var n,r,i=this&&this.__extends||(n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])})(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}),f=this&&this.__assign||function(){return(f=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var i in t=arguments[o])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},w=(Object.defineProperty(t,"__esModule",{value:!0}),t.Dialog=t.DialogPropsContext=void 0,o(954)),y=o(493),a=o(895),v=o(348),s=o(379),m=o(811),d=o(811),l=o(363),p=o(147),E=o(56),o=(r=w.Component,i(c,r),c.prototype.componentDidMount=function(){this.element&&this.props.autoFocus&&this.element.focus()},c.prototype.render=function(){var t=this,e=void 0!==this.props.id?this.props.id:this.titleId,o=this.props,n=o.title,i=o.width,r=o.height,a=o.children,s=o.minWidth,d=o.dir,l=o.style,o=o.contentStyle,a=w.Children.toArray(a),p=this.getContent(a),a=this.getActionBar(a),c=n?{"aria-labelledby":e}:null,u=void 0===this.props.closeIcon||this.props.closeIcon,h=this.getCurrentZIndex(),g=w.createElement(m.ZIndexContext.Provider,{value:h},w.createElement("div",f({},((g={})[E.DATA_DIALOGS_ID]=this._id,g),{className:"k-dialog-wrapper"+(this.props.className?" "+this.props.className:""),onKeyDown:this.onKeyDown,tabIndex:0,dir:d,style:f({zIndex:h},l),ref:function(e){return t.element=e}}),w.createElement("div",{className:"k-overlay"}),w.createElement("div",f({},c,{className:"k-widget k-window k-dialog",role:"dialog",style:{width:i,height:r,minWidth:s}}),this.props.title&&w.createElement(v.DialogTitleBar,{closeIcon:u,onCloseButtonClick:this.onCloseDialog,id:e},n),w.createElement("div",{className:"k-window-content k-dialog-content",style:o},p),a)));return m.canUseDOM?null!==this.props.appendTo?y.createPortal(g,this.props.appendTo||document.body):g:null},c.prototype.getActionBar=function(e){return e.filter(function(e){return e&&e.type===s.DialogActionsBar})},c.prototype.getContent=function(e){return e.filter(function(e){return e&&e.type!==s.DialogActionsBar})},c.prototype.generateTitleId=function(){return"dialog-title"+this._id},c.displayName="Dialog",c.propTypes={title:a.any,id:a.string,dir:a.string,style:a.object,closeIcon:a.bool,width:a.oneOfType([a.number,a.string]),height:a.oneOfType([a.number,a.string]),minWidth:a.oneOfType([a.number,a.string]),autoFocus:a.bool},c.defaultProps={autoFocus:!1},c.contextType=m.ZIndexContext,c);function c(e){var i=r.call(this,e)||this;return i.context=0,i._id=(0,m.guid)(),i.titleId=i.generateTitleId(),i.onCloseDialog=function(e){e.preventDefault(),(0,m.dispatchEvent)(i.props.onClose,e,i,void 0)},i.onKeyDown=function(e){e.keyCode===m.Keys.esc&&i.props.onClose&&(e.preventDefault(),i.onCloseDialog(e));var t,o,n=i.element;n&&e.keyCode===m.Keys.tab&&(t=(n=n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'))[0],n=n[n.length-1],o=i.getDocument(),e.shiftKey?(o&&o.activeElement===t||o&&o.activeElement===i.element)&&(n.focus(),e.preventDefault()):o&&o.activeElement===n&&(t.focus(),e.preventDefault()))},i.getCurrentZIndex=function(){return i.state&&void 0!==i.context?i.state.zIndex>(i.context?i.context+E.ZINDEX_DIALOGS_STEP:0)?i.state.zIndex:i.context+E.ZINDEX_DIALOGS_STEP:i.context||E.DEFAULT_DIALOGS_ZINDEX},i.getDocument=function(){return i.props.appendTo?i.props.appendTo.ownerDocument:document},(0,d.validatePackage)(l.packageMetadata),i.state={zIndex:(0,p.getMaxZIndex)(i.getCurrentZIndex(),i.getDocument(),i._id)},i}t.DialogPropsContext=(0,m.createPropsContext)(),t.Dialog=(0,m.withPropsContext)(t.DialogPropsContext,o),t.Dialog.displayName="KendoReactDialog"},379:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.DialogActionsBar=void 0;var n=o(954),i=o(895),r=o(811),a=(t.DialogActionsBar=function(e){var t=e.layout,t=void 0===t?a.layout:t,e=e.children,t=(0,r.classNames)("k-dialog-buttongroup","k-actions","k-hstack",{"k-justify-content-start":"start"===t,"k-justify-content-center":"center"===t,"k-justify-content-end":"end"===t,"k-justify-content-stretch":"stretched"===t});return n.createElement("div",{className:t},e)},t.DialogActionsBar.propTypes={children:i.any,layout:i.oneOf(["start","center","end","stretched"])},{layout:"stretched"})},348:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.DialogTitleBar=void 0;var i=o(954),r=o(536);t.DialogTitleBar=function(e){var t=e.children,o=e.onCloseButtonClick,n=e.id,e=e.closeIcon;return i.createElement("div",{className:"k-window-titlebar k-dialog-titlebar k-header",id:n},i.createElement("div",{className:"k-window-title k-dialog-title"},t),i.createElement("div",{className:"k-window-actions k-dialog-actions"},e&&i.createElement(r.Button,{role:"button","aria-label":"Close",onClick:o,icon:"x",fillMode:"flat",className:"k-window-action k-dialog-action k-dialog-close"})))}},522:function(e,t,o){var n,i,r=this&&this.__extends||(n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])})(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}),o=(Object.defineProperty(t,"__esModule",{value:!0}),t.MiddleLayerOptimization=void 0,i=o(954).Component,r(a,i),a.prototype.shouldComponentUpdate=function(e){return e.shouldUpdateOnDrag||!e.isDragging},a.prototype.render=function(){return this.props.children},a);function a(){return null!==i&&i.apply(this,arguments)||this}t.MiddleLayerOptimization=o},259:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.windowStage=void 0,(t=t.windowStage||(t.windowStage={})).DEFAULT="DEFAULT",t.FULLSCREEN="FULLSCREEN",t.MINIMIZED="MINIMIZED"},891:function(e,t,o){var n,i,r=this&&this.__extends||(n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])})(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}),a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var i in t=arguments[o])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},s=(Object.defineProperty(t,"__esModule",{value:!0}),t.Window=t.WindowPropsContext=void 0,o(954)),d=o(493),l=o(895),p=o(583),c=o(811),u=o(811),h=o(151),g=o(522),f=o(259),w=o(811),y=o(363),v=o(617),m=o(56),E=o(147),o=(i=s.Component,r(S,i),S.prototype.componentDidMount=function(){var e,t=this.getWindow(),t=(t&&t.addEventListener("resize",this.handleBrowserWindowResize),this.getDocument());this.props.appendTo&&t&&(e=this.props.appendTo.getBoundingClientRect(),t=t.body.getBoundingClientRect(),this.offSetCoordinates.x=e.left-t.left,this.offSetCoordinates.y=e.top-t.top)},S.prototype.componentWillUnmount=function(){var e=this.getWindow();e&&e.removeEventListener("resize",this.handleBrowserWindowResize)},S.prototype.componentDidUpdate=function(){var e,t=this.getDocument();this.props.appendTo&&t&&(e=this.props.appendTo.getBoundingClientRect(),t=t.body.getBoundingClientRect(),this.offSetCoordinates.x=e.left-t.left,this.offSetCoordinates.y=e.top-t.top)},S.prototype.render=function(){var t=this,e=s.Children.toArray(this.props.children),o=this.getContent(e),e=this.getActionBar(e),n=this.getCurrentZIndex(),i=(0,c.classNames)("k-widget","k-window",this.props.className,{"k-window-minimized":"MINIMIZED"===this.state.stage},{"k-window-focused":this.state.focused}),r=s.createElement(c.ZIndexContext.Provider,{value:n},s.createElement(s.Fragment,null,this.props.modal&&s.createElement("div",{className:"k-overlay",style:a({zIndex:n},this.props.overlayStyle)}),s.createElement("div",a({},((r={})[m.DATA_DIALOGS_ID]=this._id,r),{tabIndex:0,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,ref:function(e){t.windowElement=e,t.element=e},className:i,style:a({top:this.top,left:this.left,width:this.width,height:this.height||"",zIndex:n},this.props.style)}),s.createElement(g.MiddleLayerOptimization,{shouldUpdateOnDrag:this.props.shouldUpdateOnDrag||!1,isDragging:this.state.isDragging},s.createElement(u.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,ref:function(e){return t.draggable=e}},s.createElement(p.WindowTitleBar,{stage:this.windowStage,onDoubleClick:this.props.doubleClickStageChange?this.handleDoubleClick:void 0,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)),this.windowStage!==f.windowStage.MINIMIZED?s.createElement(s.Fragment,null,s.createElement("div",{className:"k-window-content"},o),e):null,this.windowStage===f.windowStage.DEFAULT&&this.props.resizable?s.createElement(h.ResizeHandlers,{onResize:this.handleResize}):null))));return c.canUseDOM?null!==this.props.appendTo?d.createPortal(r,this.props.appendTo||document.body):r:null},Object.defineProperty(S.prototype,"top",{get:function(){return this.windowStage!==f.windowStage.FULLSCREEN?Math.max(this.props.top||this.state.top,0):0},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"left",{get:function(){return this.windowStage!==f.windowStage.FULLSCREEN?Math.max(this.props.left||this.state.left,0):0},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"width",{get:function(){var e=this.props.width||this.state.width;if(this.windowStage===f.windowStage.FULLSCREEN){if(this.props.appendTo)return this.props.appendTo.offsetWidth;var t=this.getWindow(),e=t?t.innerWidth:0}return e},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"height",{get:function(){var e=this.props.height||this.state.height;if(this.windowStage===f.windowStage.FULLSCREEN){if(this.props.appendTo)return this.props.appendTo.offsetHeight;var t=this.getWindow(),e=t?t.innerHeight:0}else this.windowStage===f.windowStage.MINIMIZED&&(e=0);return e},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"windowStage",{get:function(){return this.props.stage||this.state.stage},enumerable:!1,configurable:!0}),S.prototype.getActionBar=function(e){return e.filter(function(e){return e&&e.type===v.WindowActionsBar})},S.prototype.getContent=function(e){return e.filter(function(e){return e&&e.type!==v.WindowActionsBar})},S.displayName="Window",S.propTypes={width:l.number,height:l.number,left:l.number,top:l.number,initialWidth:l.number,initialHeight:l.number,initialLeft:l.number,initialTop:l.number,minWidth:l.number,minHeight:l.number,resizable:l.bool,draggable:l.bool,title:l.any,shouldUpdateOnDrag:l.bool,stage:l.oneOf(["DEFAULT","MINIMIZED","FULLSCREEN"]),className:l.string,style:l.object,overlayStyle:l.object},S.defaultProps={minWidth:120,minHeight:100,resizable:!0,draggable:!0,modal:!1,doubleClickStageChange:!0},S.contextType=c.ZIndexContext,S);function S(e){var h=i.call(this,e)||this;return h.context=0,h.draggable=null,h.offSetCoordinates={x:0,y:0},h._id=(0,c.guid)(),h.onKeyDown=function(e){if(e.target===e.currentTarget){var t=h.props.minWidth||120,o=h.props.minHeight||100;if(e.ctrlKey&&h.props.resizable){switch(e.keyCode){case c.Keys.up:e.preventDefault(),o<=h.height-5&&h.setState({height:h.height-5});break;case c.Keys.down:e.preventDefault(),h.setState({height:h.height+5});break;case c.Keys.left:t<=h.width-5&&h.setState({width:h.width-5});break;case c.Keys.right:h.setState({width:h.width+5});break;default:return}h.dispatchMoveEvent(h.props.onResize,e,!1,void 0)}else if(e.altKey)switch(e.keyCode){case c.Keys.up:h.windowStage===f.windowStage.MINIMIZED?(h.handleRestore(e),(0,c.dispatchEvent)(h.props.onStageChange,e,h,{state:f.windowStage.DEFAULT})):h.windowStage===f.windowStage.DEFAULT&&(h.handleFullscreen(e),(0,c.dispatchEvent)(h.props.onStageChange,e,h,{state:f.windowStage.FULLSCREEN}));break;case c.Keys.down:h.windowStage===f.windowStage.FULLSCREEN?(h.handleRestore(e),(0,c.dispatchEvent)(h.props.onStageChange,e,h,{state:f.windowStage.DEFAULT})):h.windowStage===f.windowStage.DEFAULT&&(h.handleMinimize(e),(0,c.dispatchEvent)(h.props.onStageChange,e,h,{state:f.windowStage.MINIMIZED}))}else{if(!e.ctrlKey)switch(e.keyCode){case c.Keys.esc:return void(h.props.onClose&&h.handleCloseWindow(e));case c.Keys.up:h.setState({top:h.state.top-5});break;case c.Keys.down:h.setState({top:h.state.top+5});break;case c.Keys.left:h.setState({left:h.state.left-5});break;case c.Keys.right:h.setState({left:h.state.left+5});break;default:return}h.dispatchMoveEvent(h.props.onMove,e,!1,void 0)}}},h.onPress=function(e){e=e.event;h.windowCoordinatesState.differenceLeft=e.pageX-h.left,h.windowCoordinatesState.differenceTop=e.pageY-h.top},h.onDrag=function(e){e=e.event;e.originalEvent.preventDefault(),h.windowStage!==f.windowStage.FULLSCREEN&&h.props.draggable&&(h.setState({top:Math.max(e.pageY-h.windowCoordinatesState.differenceTop,0),left:e.pageX-h.windowCoordinatesState.differenceLeft,isDragging:!0}),h.props.onMove&&h.dispatchMoveEvent(h.props.onMove,e,!0,!1))},h.onRelease=function(e){e=e.event;h.windowStage!==f.windowStage.FULLSCREEN&&h.props.draggable&&h.props.onMove&&h.dispatchMoveEvent(h.props.onMove,e,!0,!0),h.setState({isDragging:!1})},h.onFocus=function(){h._blurTimeout?(clearTimeout(h._blurTimeout),h._blurTimeout=void 0):h.setState({focused:!0,zIndex:(0,E.getMaxZIndex)(h.getCurrentZIndex(),h.getDocument(),h._id)})},h.onBlur=function(){clearTimeout(h._blurTimeout);var e=h.getWindow();e&&(h._blurTimeout=e.setTimeout(function(){h.setState({focused:!1}),h._blurTimeout=void 0}))},h.getInitialTop=function(){if(void 0!==h.props.top)return h.props.top;if(void 0!==h.props.initialTop)return h.props.initialTop;var e=300;if(void 0!==h.props.height?e=h.props.height:void 0!==h.props.initialHeight&&(e=h.props.initialHeight),h.props.appendTo)return h.props.appendTo.offsetHeight/2-e/2;var t=h.getWindow();return t?t.innerHeight/2-e/2:0},h.getInitialLeft=function(){if(void 0!==h.props.left)return h.props.left;if(void 0!==h.props.initialLeft)return h.props.initialLeft;var e=300;if(void 0!==h.props.width?e=h.props.width:void 0!==h.props.initialWidth&&(e=h.props.initialWidth),h.props.appendTo)return h.props.appendTo.offsetWidth/2-e/2;var t=h.getWindow();return t?t.innerWidth/2-e/2:0},h.getInitialWidth=function(){var e=300;return void 0!==h.props.width?e=h.props.width:void 0!==h.props.initialWidth&&(e=h.props.initialWidth),e},h.getInitialHeight=function(){var e=300;return void 0!==h.props.height?e=h.props.height:void 0!==h.props.initialHeight&&(e=h.props.initialHeight),e},h.handleMinimize=function(e){e.preventDefault(),h.windowCoordinatesState.leftBeforeAction=h.left,h.windowCoordinatesState.topBeforeAction=h.top,h.windowCoordinatesState.widthBeforeAction=h.width,h.windowCoordinatesState.heightBeforeAction=h.height,h.setState({stage:f.windowStage.MINIMIZED,height:0}),(0,c.dispatchEvent)(h.props.onStageChange,e,h,{state:f.windowStage.MINIMIZED})},h.handleFullscreen=function(e){e.preventDefault(),h.windowCoordinatesState.leftBeforeAction=h.left,h.windowCoordinatesState.topBeforeAction=h.top,h.windowCoordinatesState.widthBeforeAction=h.width,h.windowCoordinatesState.heightBeforeAction=h.height;var t=h.getWindow(),o=t?t.innerWidth:0,t=t?t.innerHeight:0;h.setState({left:0,top:0,width:h.props.appendTo?h.props.appendTo.offsetWidth:o,height:h.props.appendTo?h.props.appendTo.offsetHeight:t,stage:f.windowStage.FULLSCREEN}),(0,c.dispatchEvent)(h.props.onStageChange,e,h,{state:f.windowStage.FULLSCREEN})},h.handleRestore=function(e){e.preventDefault(),h.windowStage===f.windowStage.FULLSCREEN?h.setState({stage:f.windowStage.DEFAULT,left:h.windowCoordinatesState.leftBeforeAction,top:h.windowCoordinatesState.topBeforeAction,width:h.windowCoordinatesState.widthBeforeAction,height:h.windowCoordinatesState.heightBeforeAction}):h.windowStage===f.windowStage.MINIMIZED&&h.setState({stage:f.windowStage.DEFAULT,height:h.windowCoordinatesState.heightBeforeAction}),(0,c.dispatchEvent)(h.props.onStageChange,e,h,{state:f.windowStage.DEFAULT})},h.handleCloseWindow=function(e){e.preventDefault(),(0,c.dispatchEvent)(h.props.onClose,e,h,{state:void 0})},h.handleDoubleClick=function(e){h.windowStage===f.windowStage.FULLSCREEN||h.windowStage===f.windowStage.MINIMIZED?h.handleRestore(e):h.handleFullscreen(e)},h.handleResize=function(e,t){var o=h.props.appendTo?e.pageX-h.offSetCoordinates.x:e.pageX,n=h.props.appendTo?e.pageY-h.offSetCoordinates.y:e.pageY,i=h.width,r=h.height,a=h.props.minWidth||120,s=h.props.minHeight||100,d=h.top-n,l=h.left-o,p=o-h.left,c=n-h.top,u=Object.assign({},h.state,{isDragging:!t.end});0<=t.direction.indexOf("n")&&s-(r+d)<0&&(0<h.top&&(u.height=r+d),u.top=n),0<=t.direction.indexOf("s")&&s-c<0&&(u.height=c),0<=t.direction.indexOf("w")&&a-(i+l)<0&&(0<h.left&&(u.width=i+l),u.left=o),0<=t.direction.indexOf("e")&&a-p<0&&(u.width=p),h.setState(u),h.dispatchMoveEvent(h.props.onResize,e,!0,t.end)},h.dispatchMoveEvent=function(e,t,o,n){e&&e.call(void 0,{nativeEvent:t.nativeEvent||t.originalEvent,drag:o,end:n,target:h,left:h.state.left,top:h.state.top,width:h.state.width,hight:h.state.height,height:h.state.height})},h.handleBrowserWindowResize=function(){var e,t;h.windowStage===f.windowStage.FULLSCREEN&&(e=(t=h.getWindow())?t.innerWidth:0,t=t?t.innerHeight:0,h.setState({width:h.props.appendTo?h.props.appendTo.offsetWidth:e,height:h.props.appendTo?h.props.appendTo.offsetHeight:t}))},h.getCurrentZIndex=function(){return h.state&&void 0!==h.context?h.state.zIndex>(h.context?h.context+m.ZINDEX_DIALOGS_STEP:0)?h.state.zIndex:h.context+m.ZINDEX_DIALOGS_STEP:h.context||m.DEFAULT_DIALOGS_ZINDEX},h.getDocument=function(){return h.props.appendTo?h.props.appendTo.ownerDocument:document},h.getWindow=function(){var e=h.getDocument();return e&&e.defaultView},(0,w.validatePackage)(y.packageMetadata),h.state={stage:h.props.stage||f.windowStage.DEFAULT,isDragging:!1,top:h.getInitialTop(),left:h.getInitialLeft(),width:h.getInitialWidth(),height:h.getInitialHeight(),focused:!0,zIndex:(0,E.getMaxZIndex)(h.getCurrentZIndex(),h.getDocument(),h._id)},h.windowCoordinatesState={leftBeforeAction:h.getInitialLeft(),topBeforeAction:h.getInitialTop(),widthBeforeAction:h.getInitialWidth(),heightBeforeAction:h.getInitialHeight()},h}t.WindowPropsContext=(0,u.createPropsContext)(),t.Window=(0,u.withPropsContext)(t.WindowPropsContext,o),t.Window.displayName="KendoReactWindow"},617:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.WindowActionsBar=void 0;var n=o(954),i=o(895),r=o(811),a=(t.WindowActionsBar=function(e){var t=e.layout,t=void 0===t?a.layout:t,e=e.children,t=(0,r.classNames)("k-window-buttongroup","k-actions","k-hstack",{"k-justify-content-start":"start"===t,"k-justify-content-center":"center"===t,"k-justify-content-end":"end"===t,"k-justify-content-stretch":"stretched"===t});return n.createElement("div",{className:t},e)},t.WindowActionsBar.propTypes={children:i.any,layout:i.oneOf(["start","center","end","stretched"])},{layout:"end"})},151:function(e,t,o){var n,i,r=this&&this.__extends||(n=function(e,t){return(n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])})(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}),a=(Object.defineProperty(t,"__esModule",{value:!0}),t.ResizeHandlers=void 0,o(954)),s=o(811),d=["n","e","s","w","se","sw","ne","nw"],o=(i=a.Component,r(l,i),l.prototype.render=function(){var o=this;return a.createElement("div",null," ",d.map(function(t,e){return a.createElement(s.Draggable,{key:e,onDrag:function(e){e=e.event;e.originalEvent.preventDefault(),o.props.onResize(e,{end:!1,direction:t})},onRelease:function(e){e=e.event;e.originalEvent.preventDefault(),o.props.onResize(e,{end:!0,direction:t})}},a.createElement("div",{className:"k-resize-handle k-resize-"+t,style:{display:"block",touchAction:"none"}}))}))},l);function l(){return null!==i&&i.apply(this,arguments)||this}t.ResizeHandlers=o},583:function(e,t,o){function n(e){var t=e.children,o=e.onCloseButtonClick,n=e.onMinimizeButtonClick,i=e.onFullScreenButtonClick,r=e.onRestoreButtonClick,a=e.onDoubleClick,s=e.stage,d=e.forwardedRef,n=e.minimizeButton?l.createElement(e.minimizeButton,{onClick:n,stage:s}):l.createElement(c.Button,{fillMode:"flat",icon:"window-minimize",onClick:n}),i=e.maximizeButton?l.createElement(e.maximizeButton,{onClick:i,stage:s}):l.createElement(c.Button,{fillMode:"flat",icon:"window-maximize",onClick:i}),r=e.restoreButton?l.createElement(e.restoreButton,{onClick:r,stage:s}):l.createElement(c.Button,{fillMode:"flat",icon:"window-restore",onClick:r}),e=e.closeButton?l.createElement(e.closeButton,{onClick:o,stage:s}):l.createElement(c.Button,{fillMode:"flat",icon:"close",onClick:o});return l.createElement("div",{className:"k-window-titlebar k-dialog-titlebar",style:{touchAction:"none"},ref:d,onDoubleClick:a},l.createElement("div",{className:"k-window-title"},t||""),l.createElement("div",{className:"k-window-actions"},s===p.windowStage.DEFAULT&&n,s===p.windowStage.DEFAULT&&i,s!==p.windowStage.DEFAULT&&r,e))}var i=this&&this.__assign||function(){return(i=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var i in t=arguments[o])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},l=(Object.defineProperty(t,"__esModule",{value:!0}),t.WindowTitleBar=void 0,o(954)),p=o(259),c=o(536);t.WindowTitleBar=l.forwardRef(function(e,t){return l.createElement(n,i({},e,{forwardedRef:t}))})},56:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.DIALOGS_SELECTOR=t.ZINDEX_DIALOGS_STEP=t.DEFAULT_DIALOGS_ZINDEX=t.DATA_DIALOGS_ID=void 0,t.DATA_DIALOGS_ID="data-windowid",t.DEFAULT_DIALOGS_ZINDEX=10002,t.ZINDEX_DIALOGS_STEP=2,t.DIALOGS_SELECTOR=".k-window:not(.k-dialog), .k-dialog-wrapper"},363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-dialogs",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1654509215,version:"",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"}},147:(e,t,o)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.getMaxZIndex=void 0;var a=o(56);t.getMaxZIndex=function(e,o,n){var i,r=e;return o&&o.defaultView?(e=o.querySelectorAll(a.DIALOGS_SELECTOR),i=!1,e.forEach(function(e){var t=o.defaultView.getComputedStyle(e,null);e.getAttribute(a.DATA_DIALOGS_ID)!==n&&null!==t.zIndex&&(e=parseInt(t.zIndex,10),r<=e&&(r=e,i=!0))}),i?r+a.ZINDEX_DIALOGS_STEP:r):r}},536:e=>{e.exports=p},811:e=>{e.exports=c},895:e=>{e.exports=u},954:e=>{e.exports=h},493:e=>{e.exports=g}},i={},e=d={},Object.defineProperty(e,"__esModule",{value:!0}),e.WindowPropsContext=e.WindowActionsBar=e.Window=e.DialogPropsContext=e.DialogActionsBar=e.Dialog=void 0,t=o(580),Object.defineProperty(e,"Dialog",{enumerable:!0,get:function(){return t.Dialog}}),Object.defineProperty(e,"DialogPropsContext",{enumerable:!0,get:function(){return t.DialogPropsContext}}),r=o(379),Object.defineProperty(e,"DialogActionsBar",{enumerable:!0,get:function(){return r.DialogActionsBar}}),a=o(891),Object.defineProperty(e,"Window",{enumerable:!0,get:function(){return a.Window}}),Object.defineProperty(e,"WindowPropsContext",{enumerable:!0,get:function(){return a.WindowPropsContext}}),s=o(617),Object.defineProperty(e,"WindowActionsBar",{enumerable:!0,get:function(){return s.WindowActionsBar}}),d))}}});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-dialogs",
|
|
3
|
-
"version": "5.4.0-dev.
|
|
3
|
+
"version": "5.4.0-dev.202206061009",
|
|
4
4
|
"description": "KendoReact Dialogs package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"jsnext:main": "dist/es/main.js",
|
|
13
13
|
"scripts": {
|
|
14
14
|
"test": "cd ../../ && npm run test -- --testPathPattern=/packages/dialogs/.*",
|
|
15
|
-
"e2e": "cd ../../ && npx jest --config jest.e2e.js packages/dialogs",
|
|
15
|
+
"e2e": "cd ../../ && npx jest --maxWorkers=4 --config jest.e2e.js packages/dialogs",
|
|
16
16
|
"start": "gulp start",
|
|
17
17
|
"build-package": "gulp build-package"
|
|
18
18
|
},
|
|
@@ -36,14 +36,14 @@
|
|
|
36
36
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@progress/kendo-react-common": "5.4.0-dev.
|
|
39
|
+
"@progress/kendo-react-common": "5.4.0-dev.202206061009",
|
|
40
40
|
"prop-types": "^15.6.0"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@progress/kendo-react-buttons": "5.4.0-dev.
|
|
44
|
-
"@progress/kendo-react-dropdowns": "5.4.0-dev.
|
|
45
|
-
"@progress/kendo-react-intl": "5.4.0-dev.
|
|
46
|
-
"@progress/kendo-react-tooltip": "5.4.0-dev.
|
|
43
|
+
"@progress/kendo-react-buttons": "5.4.0-dev.202206061009",
|
|
44
|
+
"@progress/kendo-react-dropdowns": "5.4.0-dev.202206061009",
|
|
45
|
+
"@progress/kendo-react-intl": "5.4.0-dev.202206061009",
|
|
46
|
+
"@progress/kendo-react-tooltip": "5.4.0-dev.202206061009"
|
|
47
47
|
},
|
|
48
48
|
"@progress": {
|
|
49
49
|
"friendlyName": "Dialogs",
|