@progress/kendo-react-dialogs 14.0.0-develop.1 → 14.0.0-develop.3
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/Dialog.mjs +9 -9
- package/Window.mjs +3 -3
- package/package-metadata.mjs +1 -1
- package/package.json +7 -7
package/Dialog.mjs
CHANGED
|
@@ -10,10 +10,10 @@ import * as K from "react-dom";
|
|
|
10
10
|
import o from "prop-types";
|
|
11
11
|
import { DialogTitleBar as U } from "./DialogTitleBar.mjs";
|
|
12
12
|
import { DialogActionsBar as B } from "./DialogActionsBar.mjs";
|
|
13
|
-
import {
|
|
13
|
+
import { useZIndexContext as V, getActiveElement as W, usePropsContext as X, FOCUSABLE_ELEMENTS as q, focusFirstFocusableChild as J, canUseDOM as Z, dispatchEvent as Q, Keys as Y, keepFocusInContainer as ee, ZIndexContext as te, classNames as oe, createPropsContext as ne } from "@progress/kendo-react-common";
|
|
14
14
|
import { DEFAULT_DIALOGS_ZINDEX as re, DATA_DIALOGS_ID as le, ZINDEX_DIALOGS_STEP as se } from "./constants.mjs";
|
|
15
|
-
const ce =
|
|
16
|
-
const I =
|
|
15
|
+
const ce = ne(), $ = t.forwardRef((j, z) => {
|
|
16
|
+
const I = V(), u = I ? I + se : re, E = t.useRef(null), n = t.useRef(null), l = t.useRef(W(document)), b = X(ce, j), r = t.useMemo(
|
|
17
17
|
() => ({
|
|
18
18
|
...d,
|
|
19
19
|
...b
|
|
@@ -59,10 +59,10 @@ const ce = V(), $ = t.forwardRef((j, z) => {
|
|
|
59
59
|
const e = n.current.querySelector(a);
|
|
60
60
|
e == null || e.focus();
|
|
61
61
|
} else {
|
|
62
|
-
const e = [...
|
|
62
|
+
const e = [...q].map(
|
|
63
63
|
(s) => s + ":not(.k-dialog-titlebar *)"
|
|
64
64
|
);
|
|
65
|
-
|
|
65
|
+
J(n.current, e);
|
|
66
66
|
}
|
|
67
67
|
}, [y, a]);
|
|
68
68
|
t.useEffect(() => (R(), () => {
|
|
@@ -73,15 +73,15 @@ const ce = V(), $ = t.forwardRef((j, z) => {
|
|
|
73
73
|
}), [R]);
|
|
74
74
|
const i = t.useCallback(
|
|
75
75
|
(e) => {
|
|
76
|
-
e.preventDefault(),
|
|
76
|
+
e.preventDefault(), Q(r.onClose, e, N(), void 0);
|
|
77
77
|
},
|
|
78
78
|
[r.onClose]
|
|
79
79
|
), M = t.useCallback(
|
|
80
80
|
(e) => {
|
|
81
|
-
e.keyCode ===
|
|
81
|
+
e.keyCode === Y.esc && r.onClose && (e.preventDefault(), i(e)), ee(e, n.current);
|
|
82
82
|
},
|
|
83
83
|
[r.onClose, i]
|
|
84
|
-
), L = t.useMemo(() => /* @__PURE__ */ t.createElement(
|
|
84
|
+
), L = t.useMemo(() => /* @__PURE__ */ t.createElement(te.Provider, { value: u }, /* @__PURE__ */ t.createElement(
|
|
85
85
|
"div",
|
|
86
86
|
{
|
|
87
87
|
ref: n,
|
|
@@ -99,7 +99,7 @@ const ce = V(), $ = t.forwardRef((j, z) => {
|
|
|
99
99
|
/* @__PURE__ */ t.createElement(
|
|
100
100
|
"div",
|
|
101
101
|
{
|
|
102
|
-
className:
|
|
102
|
+
className: oe("k-window k-dialog", {
|
|
103
103
|
[`k-window-${p}`]: p
|
|
104
104
|
}),
|
|
105
105
|
role: "dialog",
|
package/Window.mjs
CHANGED
|
@@ -9,7 +9,7 @@ import * as w from "react";
|
|
|
9
9
|
import * as ut from "react-dom";
|
|
10
10
|
import * as i from "prop-types";
|
|
11
11
|
import { WindowTitleBar as ft } from "./WindowTitlebar.mjs";
|
|
12
|
-
import { withIdHOC as ht,
|
|
12
|
+
import { withIdHOC as ht, withPropsContext as gt, createPropsContext as st, ZIndexContext as Ze, canUseDOM as le, keepFocusInContainer as mt, Keys as E, dispatchEvent as v, classNames as wt, Draggable as Tt } from "@progress/kendo-react-common";
|
|
13
13
|
import { ResizeHandlers as Et } from "./WindowResizeHandlers.mjs";
|
|
14
14
|
import { MiddleLayerOptimization as Ct } from "./MiddleLayerOptimization.mjs";
|
|
15
15
|
import { windowStage as o } from "./StageEnum.mjs";
|
|
@@ -477,8 +477,8 @@ const { useState: H, useEffect: N, useCallback: d, useMemo: K, useRef: F, useImp
|
|
|
477
477
|
return le ? e.appendTo === null ? Re : ut.createPortal(Re, e.appendTo || document.body) : null;
|
|
478
478
|
});
|
|
479
479
|
Ge.displayName = "Window";
|
|
480
|
-
const Wt =
|
|
481
|
-
|
|
480
|
+
const Wt = st(), Ve = ht(
|
|
481
|
+
gt(
|
|
482
482
|
Wt,
|
|
483
483
|
Ge
|
|
484
484
|
)
|
package/package-metadata.mjs
CHANGED
|
@@ -8,6 +8,6 @@ export const packageMetadata = Object.freeze({
|
|
|
8
8
|
productCode: 'KENDOUIREACT',
|
|
9
9
|
productCodes: ['KENDOUIREACT'],
|
|
10
10
|
publishDate: 0,
|
|
11
|
-
version: '14.0.0-develop.
|
|
11
|
+
version: '14.0.0-develop.3',
|
|
12
12
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
|
|
13
13
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-dialogs",
|
|
3
|
-
"version": "14.0.0-develop.
|
|
3
|
+
"version": "14.0.0-develop.3",
|
|
4
4
|
"description": "React Dialogs provide modal and non-modal windows for showing additional information to the user. KendoReact Dialogs package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -26,12 +26,12 @@
|
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"@progress/kendo-licensing": "^1.7.2",
|
|
29
|
-
"@progress/kendo-react-buttons": "14.0.0-develop.
|
|
30
|
-
"@progress/kendo-react-common": "14.0.0-develop.
|
|
31
|
-
"@progress/kendo-react-intl": "14.0.0-develop.
|
|
29
|
+
"@progress/kendo-react-buttons": "14.0.0-develop.3",
|
|
30
|
+
"@progress/kendo-react-common": "14.0.0-develop.3",
|
|
31
|
+
"@progress/kendo-react-intl": "14.0.0-develop.3",
|
|
32
32
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
33
|
-
"react": "^
|
|
34
|
-
"react-dom": "^
|
|
33
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
34
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"prop-types": "^15.6.0"
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"package": {
|
|
73
73
|
"productName": "KendoReact",
|
|
74
74
|
"productCode": "KENDOUIREACT",
|
|
75
|
-
"publishDate":
|
|
75
|
+
"publishDate": 1770727000,
|
|
76
76
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
77
77
|
}
|
|
78
78
|
},
|