@progress/kendo-react-dialogs 14.5.0-develop.14 → 14.5.0-develop.16
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.js +1 -1
- package/Dialog.mjs +38 -38
- package/DialogTitleBar.js +1 -1
- package/DialogTitleBar.mjs +27 -20
- package/dist/cdn/js/kendo-react-dialogs.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +5 -5
package/Dialog.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),$=require("react-dom"),o=require("prop-types"),V=require("./DialogTitleBar.js"),z=require("./DialogActionsBar.js"),n=require("@progress/kendo-react-common"),T=require("./constants.js");function U(c){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const l in c)if(l!=="default"){const a=Object.getOwnPropertyDescriptor(c,l);Object.defineProperty(i,l,a.get?a:{enumerable:!0,get:()=>c[l]})}}return i.default=c,Object.freeze(i)}const t=U(W),X=U($),G=n.createPropsContext(),k=t.forwardRef((c,i)=>{const l=n.useZIndexContext(),a=l?l+T.ZINDEX_DIALOGS_STEP:T.DEFAULT_DIALOGS_ZINDEX,b=t.useRef(null),r=t.useRef(null),u=t.useRef(n.getActiveElement(document)),p=n.usePropsContext(G,c),s=t.useMemo(()=>({...m,...p}),[p]),{title:D,width:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),$=require("react-dom"),o=require("prop-types"),V=require("./DialogTitleBar.js"),z=require("./DialogActionsBar.js"),n=require("@progress/kendo-react-common"),T=require("./constants.js");function U(c){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const l in c)if(l!=="default"){const a=Object.getOwnPropertyDescriptor(c,l);Object.defineProperty(i,l,a.get?a:{enumerable:!0,get:()=>c[l]})}}return i.default=c,Object.freeze(i)}const t=U(W),X=U($),G=n.createPropsContext(),k=t.forwardRef((c,i)=>{const l=n.useZIndexContext(),a=l?l+T.ZINDEX_DIALOGS_STEP:T.DEFAULT_DIALOGS_ZINDEX,b=t.useRef(null),r=t.useRef(null),u=t.useRef(n.getActiveElement(document)),p=n.usePropsContext(G,c),s=t.useMemo(()=>({...m,...p}),[p]),{title:D,width:S,height:M,children:f,minWidth:P,dir:_,style:h,contentStyle:x,autoFocusedElement:g,appendTo:A,className:C,overlayStyle:R,modal:I=m.modal,closeIcon:N=m.closeIcon,autoFocus:E=m.autoFocus}=s,w=t.useCallback(()=>({props:s,element:r.current}),[s]);t.useImperativeHandle(b,w),t.useImperativeHandle(i,()=>b.current),n.useWebMcpRegister("dialog",b,p,p.webMcp);const F=t.useMemo(()=>t.Children.toArray(f).filter(e=>!t.isValidElement(e)||e.type!==z.DialogActionsBar),[f]),j=t.useMemo(()=>t.Children.toArray(f).filter(e=>t.isValidElement(e)&&e.type===z.DialogActionsBar),[f]),{_id:q,contentId:v,id:O}=t.useMemo(()=>{const e=s.id,d=`${e!=null?e:"accessibility"}-id`,H=`dialog-title-${d}`,K=`dialog-content-${d}`;return{_id:d,contentId:K,id:e||H}},[s.id]),B=t.useCallback(()=>{if(r.current)if(E&&!g)r.current.focus();else if(!E&&g&&r.current){const e=r.current.querySelector(g);e==null||e.focus()}else{const e=[...n.FOCUSABLE_ELEMENTS].map(d=>d+":not(.k-dialog-titlebar *)");n.focusFirstFocusableChild(r.current,e)}},[E,g]);t.useEffect(()=>(B(),()=>{setTimeout(()=>{var e;!r.current&&u.current&&n.canUseDOM&&(document.contains(u.current)?u.current.focus():u.current.id&&((e=document.getElementById(u.current.id))==null||e.focus()))})}),[B]);const y=t.useCallback(e=>{e.preventDefault(),n.dispatchEvent(s.onClose,e,w(),void 0)},[s.onClose]),L=t.useCallback(e=>{e.keyCode===n.Keys.esc&&s.onClose&&(e.preventDefault(),y(e)),n.keepFocusInContainer(e,r.current)},[s.onClose,y]),Z=t.useMemo(()=>t.createElement(n.ZIndexContext.Provider,{value:a},t.createElement("div",{ref:r,[T.DATA_DIALOGS_ID]:q,className:"k-dialog-wrapper"+(C?" "+C:""),onKeyDown:L,tabIndex:0,dir:_,style:{zIndex:a,...h}},I&&t.createElement("div",{className:"k-overlay",style:R}),t.createElement("div",{className:n.classNames("k-window k-dialog"),role:"dialog","aria-labelledby":O,"aria-modal":I||void 0,"aria-describedby":v,style:{width:S,height:M,minWidth:P}},D&&t.createElement(V.DialogTitleBar,{closeIcon:N,onCloseButtonClick:y,id:O},D),t.createElement("div",{className:"k-window-content k-dialog-content",style:x,id:v},F),j))),[a,q,C,L,h,_,R,O,v,S,M,P,N,y,x,D,F,j,I]);return n.canUseDOM?A!==null?X.createPortal(Z,A||document.body):Z:null}),m={autoFocus:!1,modal:!0,closeIcon:!0},J={autoFocus:o.bool,autoFocusedElement:o.string,title:o.any,className:o.string,closeIcon:o.bool,modal:o.bool,overlayStyle:o.object,width:o.oneOfType([o.number,o.string]),height:o.oneOfType([o.number,o.string]),minWidth:o.oneOfType([o.number,o.string]),onClose:o.func,children:o.node,id:o.string,dir:o.string,style:o.object,contentStyle:o.object,appendTo:o.any};k.displayName="KendoReactDialog";k.propTypes=J;exports.Dialog=k;exports.DialogDefaultProps=m;exports.DialogPropsContext=G;
|
package/Dialog.mjs
CHANGED
|
@@ -13,28 +13,28 @@ import { DialogActionsBar as L } from "./DialogActionsBar.mjs";
|
|
|
13
13
|
import { useZIndexContext as W, getActiveElement as $, usePropsContext as V, useWebMcpRegister as X, FOCUSABLE_ELEMENTS as q, focusFirstFocusableChild as J, canUseDOM as B, 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 se, ZINDEX_DIALOGS_STEP as le } from "./constants.mjs";
|
|
15
15
|
const ce = ne(), Z = t.forwardRef((j, z) => {
|
|
16
|
-
const
|
|
16
|
+
const E = W(), m = E ? E + le : re, p = t.useRef(null), n = t.useRef(null), s = t.useRef($(document)), c = V(ce, j), r = t.useMemo(
|
|
17
17
|
() => ({
|
|
18
|
-
...
|
|
18
|
+
...u,
|
|
19
19
|
...c
|
|
20
20
|
}),
|
|
21
21
|
[c]
|
|
22
22
|
), {
|
|
23
23
|
title: f,
|
|
24
|
-
width:
|
|
25
|
-
height:
|
|
24
|
+
width: D,
|
|
25
|
+
height: v,
|
|
26
26
|
children: a,
|
|
27
27
|
minWidth: k,
|
|
28
|
-
dir:
|
|
29
|
-
style:
|
|
30
|
-
contentStyle:
|
|
28
|
+
dir: T,
|
|
29
|
+
style: h,
|
|
30
|
+
contentStyle: x,
|
|
31
31
|
autoFocusedElement: i,
|
|
32
|
-
appendTo:
|
|
32
|
+
appendTo: S,
|
|
33
33
|
className: y,
|
|
34
|
-
overlayStyle:
|
|
35
|
-
modal:
|
|
36
|
-
closeIcon: F =
|
|
37
|
-
autoFocus:
|
|
34
|
+
overlayStyle: A,
|
|
35
|
+
modal: g = u.modal,
|
|
36
|
+
closeIcon: F = u.closeIcon,
|
|
37
|
+
autoFocus: I = u.autoFocus
|
|
38
38
|
} = r, N = t.useCallback(
|
|
39
39
|
() => ({
|
|
40
40
|
props: r,
|
|
@@ -47,14 +47,14 @@ const ce = ne(), Z = t.forwardRef((j, z) => {
|
|
|
47
47
|
(e) => !t.isValidElement(e) || e.type !== L
|
|
48
48
|
), [a]), M = t.useMemo(() => t.Children.toArray(a).filter(
|
|
49
49
|
(e) => t.isValidElement(e) && e.type === L
|
|
50
|
-
), [a]), { _id: R, contentId:
|
|
50
|
+
), [a]), { _id: R, contentId: C, id: b } = t.useMemo(() => {
|
|
51
51
|
const e = r.id, l = `${e != null ? e : "accessibility"}-id`, G = `dialog-title-${l}`, H = `dialog-content-${l}`;
|
|
52
52
|
return { _id: l, contentId: H, id: e || G };
|
|
53
53
|
}, [r.id]), O = t.useCallback(() => {
|
|
54
54
|
if (n.current)
|
|
55
|
-
if (
|
|
55
|
+
if (I && !i)
|
|
56
56
|
n.current.focus();
|
|
57
|
-
else if (!
|
|
57
|
+
else if (!I && i && n.current) {
|
|
58
58
|
const e = n.current.querySelector(i);
|
|
59
59
|
e == null || e.focus();
|
|
60
60
|
} else {
|
|
@@ -63,23 +63,23 @@ const ce = ne(), Z = t.forwardRef((j, z) => {
|
|
|
63
63
|
);
|
|
64
64
|
J(n.current, e);
|
|
65
65
|
}
|
|
66
|
-
}, [
|
|
66
|
+
}, [I, i]);
|
|
67
67
|
t.useEffect(() => (O(), () => {
|
|
68
68
|
setTimeout(() => {
|
|
69
69
|
var e;
|
|
70
70
|
!n.current && s.current && B && (document.contains(s.current) ? s.current.focus() : s.current.id && ((e = document.getElementById(s.current.id)) == null || e.focus()));
|
|
71
71
|
});
|
|
72
72
|
}), [O]);
|
|
73
|
-
const
|
|
73
|
+
const d = t.useCallback(
|
|
74
74
|
(e) => {
|
|
75
75
|
e.preventDefault(), Q(r.onClose, e, N(), void 0);
|
|
76
76
|
},
|
|
77
77
|
[r.onClose]
|
|
78
78
|
), P = t.useCallback(
|
|
79
79
|
(e) => {
|
|
80
|
-
e.keyCode === Y.esc && r.onClose && (e.preventDefault(),
|
|
80
|
+
e.keyCode === Y.esc && r.onClose && (e.preventDefault(), d(e)), ee(e, n.current);
|
|
81
81
|
},
|
|
82
|
-
[r.onClose,
|
|
82
|
+
[r.onClose, d]
|
|
83
83
|
), _ = t.useMemo(() => /* @__PURE__ */ t.createElement(te.Provider, { value: m }, /* @__PURE__ */ t.createElement(
|
|
84
84
|
"div",
|
|
85
85
|
{
|
|
@@ -88,25 +88,25 @@ const ce = ne(), Z = t.forwardRef((j, z) => {
|
|
|
88
88
|
className: "k-dialog-wrapper" + (y ? " " + y : ""),
|
|
89
89
|
onKeyDown: P,
|
|
90
90
|
tabIndex: 0,
|
|
91
|
-
dir:
|
|
91
|
+
dir: T,
|
|
92
92
|
style: {
|
|
93
93
|
zIndex: m,
|
|
94
|
-
...
|
|
94
|
+
...h
|
|
95
95
|
}
|
|
96
96
|
},
|
|
97
|
-
|
|
97
|
+
g && /* @__PURE__ */ t.createElement("div", { className: "k-overlay", style: A }),
|
|
98
98
|
/* @__PURE__ */ t.createElement(
|
|
99
99
|
"div",
|
|
100
100
|
{
|
|
101
101
|
className: oe("k-window k-dialog"),
|
|
102
102
|
role: "dialog",
|
|
103
|
-
"aria-labelledby":
|
|
104
|
-
"aria-modal":
|
|
105
|
-
"aria-describedby":
|
|
106
|
-
style: { width:
|
|
103
|
+
"aria-labelledby": b,
|
|
104
|
+
"aria-modal": g || void 0,
|
|
105
|
+
"aria-describedby": C,
|
|
106
|
+
style: { width: D, height: v, minWidth: k }
|
|
107
107
|
},
|
|
108
|
-
f && /* @__PURE__ */ t.createElement(U, { closeIcon: F, onCloseButtonClick:
|
|
109
|
-
/* @__PURE__ */ t.createElement("div", { className: "k-window-content k-dialog-content", style:
|
|
108
|
+
f && /* @__PURE__ */ t.createElement(U, { closeIcon: F, onCloseButtonClick: d, id: b }, f),
|
|
109
|
+
/* @__PURE__ */ t.createElement("div", { className: "k-window-content k-dialog-content", style: x, id: C }, w),
|
|
110
110
|
M
|
|
111
111
|
)
|
|
112
112
|
)), [
|
|
@@ -114,24 +114,24 @@ const ce = ne(), Z = t.forwardRef((j, z) => {
|
|
|
114
114
|
R,
|
|
115
115
|
y,
|
|
116
116
|
P,
|
|
117
|
+
h,
|
|
117
118
|
T,
|
|
118
|
-
|
|
119
|
-
|
|
119
|
+
A,
|
|
120
|
+
b,
|
|
120
121
|
C,
|
|
121
|
-
I,
|
|
122
|
-
E,
|
|
123
122
|
D,
|
|
123
|
+
v,
|
|
124
124
|
k,
|
|
125
125
|
F,
|
|
126
|
-
|
|
127
|
-
|
|
126
|
+
d,
|
|
127
|
+
x,
|
|
128
128
|
f,
|
|
129
129
|
w,
|
|
130
130
|
M,
|
|
131
|
-
|
|
131
|
+
g
|
|
132
132
|
]);
|
|
133
|
-
return B ?
|
|
134
|
-
}),
|
|
133
|
+
return B ? S !== null ? K.createPortal(_, S || document.body) : _ : null;
|
|
134
|
+
}), u = {
|
|
135
135
|
autoFocus: !1,
|
|
136
136
|
modal: !0,
|
|
137
137
|
closeIcon: !0
|
|
@@ -158,6 +158,6 @@ Z.displayName = "KendoReactDialog";
|
|
|
158
158
|
Z.propTypes = ae;
|
|
159
159
|
export {
|
|
160
160
|
Z as Dialog,
|
|
161
|
-
|
|
161
|
+
u as DialogDefaultProps,
|
|
162
162
|
ce as DialogPropsContext
|
|
163
163
|
};
|
package/DialogTitleBar.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),r=require("@progress/kendo-react-buttons"),s=require("@progress/kendo-react-intl"),d=require("@progress/kendo-svg-icons"),i=require("./messages/index.js");function u(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=u(c),g=({children:e,onCloseButtonClick:o,id:t,closeIcon:a})=>{const l=s.useLocalization();return n.createElement("div",{className:"k-window-titlebar k-dialog-titlebar",id:t},n.createElement("span",{className:"k-window-title k-dialog-title"},e),a&&n.createElement("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions"},n.createElement(r.Button,{"aria-label":l.toLanguageString(i.dialogsWindowCloseButton,i.messages[i.dialogsWindowCloseButton]),size:"xs",onClick:o,icon:"x",svgIcon:d.xIcon,fillMode:"flat",className:"k-window-titlebar-action k-dialog-titlebar-action"})))};exports.DialogTitleBar=g;
|
package/DialogTitleBar.mjs
CHANGED
|
@@ -6,26 +6,33 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import * as t from "react";
|
|
9
|
-
import { Button as
|
|
10
|
-
import {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
9
|
+
import { Button as r } from "@progress/kendo-react-buttons";
|
|
10
|
+
import { useLocalization as s } from "@progress/kendo-react-intl";
|
|
11
|
+
import { xIcon as c } from "@progress/kendo-svg-icons";
|
|
12
|
+
import { dialogsWindowCloseButton as a, messages as m } from "./messages/index.mjs";
|
|
13
|
+
const b = ({
|
|
14
|
+
children: i,
|
|
15
|
+
onCloseButtonClick: o,
|
|
16
|
+
id: e,
|
|
15
17
|
closeIcon: l
|
|
16
|
-
}) =>
|
|
17
|
-
|
|
18
|
-
{
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
18
|
+
}) => {
|
|
19
|
+
const n = s();
|
|
20
|
+
return /* @__PURE__ */ t.createElement("div", { className: "k-window-titlebar k-dialog-titlebar", id: e }, /* @__PURE__ */ t.createElement("span", { className: "k-window-title k-dialog-title" }, i), l && /* @__PURE__ */ t.createElement("div", { className: "k-window-titlebar-actions k-dialog-titlebar-actions" }, /* @__PURE__ */ t.createElement(
|
|
21
|
+
r,
|
|
22
|
+
{
|
|
23
|
+
"aria-label": n.toLanguageString(
|
|
24
|
+
a,
|
|
25
|
+
m[a]
|
|
26
|
+
),
|
|
27
|
+
size: "xs",
|
|
28
|
+
onClick: o,
|
|
29
|
+
icon: "x",
|
|
30
|
+
svgIcon: c,
|
|
31
|
+
fillMode: "flat",
|
|
32
|
+
className: "k-window-titlebar-action k-dialog-titlebar-action"
|
|
33
|
+
}
|
|
34
|
+
)));
|
|
35
|
+
};
|
|
29
36
|
export {
|
|
30
|
-
|
|
37
|
+
b as DialogTitleBar
|
|
31
38
|
};
|
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
13
13
|
*-------------------------------------------------------------------------------------------
|
|
14
14
|
*/
|
|
15
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom"),require("prop-types"),require("@progress/kendo-react-buttons"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-common"),require("@progress/kendo-react-intl")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","prop-types","@progress/kendo-react-buttons","@progress/kendo-svg-icons","@progress/kendo-react-common","@progress/kendo-react-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactDialogs={},e.React,e.ReactDOM,e.PropTypes,e.KendoReactButtons,e.KendoSvgIcons,e.KendoReactCommon,e.KendoReactIntl)}(this,function(e,t,n,o,i,r,a,l){"use strict";function c(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var s=c(t),d=c(n);const u=({children:e,onCloseButtonClick:t,id:n,closeIcon:o})=>s.createElement("div",{className:"k-window-titlebar k-dialog-titlebar",id:n},s.createElement("span",{className:"k-window-title k-dialog-title"},e),o&&s.createElement("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions"},s.createElement(i.Button,{role:"button","aria-label":"Close",size:"xs",onClick:t,icon:"x",svgIcon:r.xIcon,fillMode:"flat",className:"k-window-titlebar-action k-dialog-titlebar-action"}))),g=e=>{const t={layout:"stretched",...e},{layout:n,children:o}=t,i=a.classNames("k-actions","k-actions-horizontal","k-window-actions k-dialog-actions",{[`k-actions-${n}`]:n});return s.createElement("div",{className:i},o)};g.propTypes={children:o.any,layout:o.oneOf(["start","center","end","stretched"])};const p="data-windowid",h=10002,f=a.createPropsContext(),m=s.forwardRef((e,t)=>{const n=a.useZIndexContext(),o=n?n+2:h,i=s.useRef(null),r=s.useRef(null),l=s.useRef(a.getActiveElement(document)),c=a.usePropsContext(f,e),m=s.useMemo(()=>({...v,...c}),[c]),{title:w,width:E,height:b,children:C,minWidth:y,dir:k,style:T,contentStyle:I,autoFocusedElement:D,appendTo:B,className:L,overlayStyle:M,modal:N=v.modal,closeIcon:x=v.closeIcon,autoFocus:S=v.autoFocus}=m,F=s.useCallback(()=>({props:m,element:r.current}),[m]);s.useImperativeHandle(i,F),s.useImperativeHandle(t,()=>i.current),a.useWebMcpRegister("dialog",i,c,c.webMcp);const R=s.useMemo(()=>s.Children.toArray(C).filter(e=>!s.isValidElement(e)||e.type!==g),[C]),z=s.useMemo(()=>s.Children.toArray(C).filter(e=>s.isValidElement(e)&&e.type===g),[C]),{_id:A,contentId:U,id:W}=s.useMemo(()=>{const e=m.id,t=`${null!=e?e:"accessibility"}-id`;return{_id:t,contentId:`dialog-content-${t}`,id:e||`dialog-title-${t}`}},[m.id]),H=s.useCallback(()=>{if(r.current)if(S&&!D)r.current.focus();else if(!S&&D&&r.current){const e=r.current.querySelector(D);null==e||e.focus()}else{const e=[...a.FOCUSABLE_ELEMENTS].map(e=>e+":not(.k-dialog-titlebar *)");a.focusFirstFocusableChild(r.current,e)}},[S,D]);s.useEffect(()=>(H(),()=>{setTimeout(()=>{var e;!r.current&&l.current&&a.canUseDOM&&(document.contains(l.current)?l.current.focus():l.current.id&&(null==(e=document.getElementById(l.current.id))||e.focus()))})}),[H]);const O=s.useCallback(e=>{e.preventDefault(),a.dispatchEvent(m.onClose,e,F(),void 0)},[m.onClose]),K=s.useCallback(e=>{e.keyCode===a.Keys.esc&&m.onClose&&(e.preventDefault(),O(e)),a.keepFocusInContainer(e,r.current)},[m.onClose,O]),j=s.useMemo(()=>s.createElement(a.ZIndexContext.Provider,{value:o},s.createElement("div",{ref:r,[p]:A,className:"k-dialog-wrapper"+(L?" "+L:""),onKeyDown:K,tabIndex:0,dir:k,style:{zIndex:o,...T}},N&&s.createElement("div",{className:"k-overlay",style:M}),s.createElement("div",{className:a.classNames("k-window k-dialog"),role:"dialog","aria-labelledby":W,"aria-modal":!0,"aria-describedby":U,style:{width:E,height:b,minWidth:y}},w&&s.createElement(u,{closeIcon:x,onCloseButtonClick:O,id:W},w),s.createElement("div",{className:"k-window-content k-dialog-content",style:I,id:U},R),z))),[o,A,L,K,T,k,M,W,U,E,b,y,x,O,I,w,R,z,N]);return a.canUseDOM?null!==B?d.createPortal(j,B||document.body):j:null}),v={autoFocus:!1,modal:!0,closeIcon:!0},w={autoFocus:o.bool,autoFocusedElement:o.string,title:o.any,className:o.string,closeIcon:o.bool,modal:o.bool,overlayStyle:o.object,width:o.oneOfType([o.number,o.string]),height:o.oneOfType([o.number,o.string]),minWidth:o.oneOfType([o.number,o.string]),onClose:o.func,children:o.node,id:o.string,dir:o.string,style:o.object,contentStyle:o.object,appendTo:o.any};m.displayName="KendoReactDialog",m.propTypes=w;var E=(e=>(e.DEFAULT="DEFAULT",e.FULLSCREEN="FULLSCREEN",e.MINIMIZED="MINIMIZED",e))(E||{});const b="dialogs.windowMaximizeButton",C="dialogs.windowMinimizeButton",y="dialogs.windowRestoreButton",k="dialogs.windowCloseButton",T={[b]:"maximize",[C]:"minimize",[y]:"restore",[k]:"close"},I=e=>{const{children:t,onCloseButtonClick:n,onMinimizeButtonClick:o,onFullScreenButtonClick:a,onRestoreButtonClick:c,onDoubleClick:d,stage:u,forwardedRef:g,id:p}=e,h=l.useLocalization(),f=e.minimizeButton?s.createElement(e.minimizeButton,{onClick:o,stage:u}):s.createElement(i.Button,{fillMode:"flat",size:"xs",icon:"window-minimize",svgIcon:r.windowMinimizeIcon,className:"k-window-titlebar-action",onClick:o,"aria-label":h.toLanguageString(C,T[C])}),m=e.maximizeButton?s.createElement(e.maximizeButton,{onClick:a,stage:u}):s.createElement(i.Button,{fillMode:"flat",size:"xs",icon:"window-maximize",svgIcon:r.windowIcon,className:"k-window-titlebar-action",onClick:a,"aria-label":h.toLanguageString(b,T[b])}),v=e.restoreButton?s.createElement(e.restoreButton,{onClick:c,stage:u}):s.createElement(i.Button,{fillMode:"flat",size:"xs",icon:"window-restore",svgIcon:r.windowRestoreIcon,className:"k-window-titlebar-action",onClick:c,"aria-label":h.toLanguageString(y,T[y])}),w=e.closeButton?s.createElement(e.closeButton,{onClick:n,stage:u}):s.createElement(i.Button,{fillMode:"flat",size:"xs",icon:"x",svgIcon:r.xIcon,className:"k-window-titlebar-action",onClick:n,"aria-label":h.toLanguageString(k,T[k])});return s.createElement("div",{className:"k-window-titlebar",style:{touchAction:"none"},ref:g,onDoubleClick:d},s.createElement("span",{className:"k-window-title",id:p},t||""),s.createElement("div",{className:"k-window-titlebar-actions"},u===E.DEFAULT&&f,u===E.DEFAULT&&m,u!==E.DEFAULT&&v,w))},D=s.forwardRef((e,t)=>s.createElement(I,{...e,forwardedRef:t})),B=["n","e","s","w","se","sw","ne","nw"];class L extends s.Component{constructor(){super(...arguments),this.isDragging=!1}render(){return s.createElement("div",{className:"k-resize-handles-wrapper"}," ",B.map((e,t)=>s.createElement(a.Draggable,{key:t,onDrag:t=>{const{event:n}=t;this.isDragging=!0,n.originalEvent.preventDefault(),this.props.onResize(n,{end:!1,direction:e})},onRelease:t=>{const{event:n}=t;n.originalEvent.preventDefault(),this.isDragging&&(this.isDragging=!1,this.props.onResize(n,{end:!0,direction:e}))}},s.createElement("div",{className:"k-resize-handle k-resize-"+e,style:{display:"block",touchAction:"none",userSelect:"none"}}))))}}class M extends s.Component{shouldComponentUpdate(e){return e.shouldUpdateOnDrag||!e.isDragging}render(){return this.props.children}}const N=e=>{const t={layout:"end",...e},{layout:n,children:o}=t,i=a.classNames("k-actions","k-window-actions","k-actions-horizontal","k-hstack",{"k-justify-content-start":"start"===n,"k-justify-content-center":"center"===n,"k-justify-content-end":"end"===n,"k-justify-content-stretch":"stretched"===n});return s.createElement("div",{className:i},o)};N.propTypes={children:o.any,layout:o.oneOf(["start","center","end","stretched"])};const x=(e,t,n)=>{let o=e;if(t&&t.defaultView){const e=t.querySelectorAll(".k-window:not(.k-dialog), .k-dialog-wrapper");let i=!1;return e.forEach(e=>{const r=t.defaultView.getComputedStyle(e,null);if(e.getAttribute(p)!==n&&null!==r.zIndex){const e=parseInt(r.zIndex,10);e>=o&&(o=e,i=!0)}}),i?o+2:o}return o},{useState:S,useEffect:F,useCallback:R,useMemo:z,useRef:A,useImperativeHandle:U,useContext:W,forwardRef:H}=s,O=300,K=300,j={minWidth:120,minHeight:100,resizable:!0,draggable:!0,modal:!1,doubleClickStageChange:!0,autoFocus:!0},Z=H((e,t)=>{var n;const{minWidth:o=j.minWidth,minHeight:i=j.minHeight,resizable:r=j.resizable,draggable:l=j.draggable,modal:c=j.modal,doubleClickStageChange:u=j.doubleClickStageChange,autoFocus:g=j.autoFocus}=e,[f,m]=S(e.stage||E.DEFAULT),[v,w]=S(!1),[b,C]=S(0),[y,k]=S(0),[T,I]=S(O),[B,H]=S(K),[Z,P]=S(!0),[q,V]=S(h),X=null!=(n=e.stage)?n:f,Y=W(a.ZIndexContext),$=A(null),_=A(null),G=A({leftBeforeAction:0,topBeforeAction:0,widthBeforeAction:O,heightBeforeAction:K}),J=A({x:0,y:0}),Q=A(void 0),ee=A(a.canUseDOM?document.activeElement:null),te=A("window-title-"+(e.id?e.id+"-accessibility-id":"")),ne=A({left:0,top:0,width:O,height:K,internalLeft:y,internalTop:b,internalWidth:T,internalHeight:B,stage:X,draggable:l,props:e}),oe=R(()=>{const t=a.canUseDOM?document:null;return e.appendTo?e.appendTo.ownerDocument:t},[e.appendTo]),ie=R(()=>{const e=oe();return null==e?void 0:e.defaultView},[oe]),re=z(()=>{var t;return X!==E.FULLSCREEN?Math.max(null!=(t=e.top)?t:b,0):0},[X,e.top,b]),ae=z(()=>{var t;return X!==E.FULLSCREEN?Math.max(null!=(t=e.left)?t:y,0):0},[X,e.left,y]),le=z(()=>{var t;const n=null!=(t=e.width)?t:T;if(X===E.FULLSCREEN){if(e.appendTo)return e.appendTo.offsetWidth;const t=ie();return t?t.innerWidth:0}return n},[X,e.width,e.appendTo,T,ie]),ce=z(()=>{const t=void 0===e.height?B:e.height;if(X===E.FULLSCREEN){if(e.appendTo)return e.appendTo.offsetHeight;const t=ie();return t?t.innerHeight:0}return X===E.MINIMIZED?0:t},[X,e.height,e.appendTo,B,ie]),se=z(()=>e.id?e.id+"-accessibility-id":void 0,[e.id]);F(()=>{ne.current={left:ae,top:re,width:le,height:ce,internalLeft:y,internalTop:b,internalWidth:T,internalHeight:B,stage:X,draggable:l,props:e}});const de=z(()=>{if(void 0===Y)return null!=Y?Y:h;return q>(Y?Y+2:0)?q:Y+2},[q,Y]),ue=R(()=>{var t,n;if(void 0!==e.top)return e.top;if(void 0!==e.initialTop)return e.initialTop;let o=K;if(void 0!==e.height?o=e.height:void 0!==e.initialHeight&&(o=e.initialHeight),e.appendTo&&o)return e.appendTo.offsetHeight/2-o/2;const i=ie();return i?i.innerHeight/2-(null!=(n=null!=o?o:null==(t=$.current)?void 0:t.clientHeight)?n:0)/2:0},[e.top,e.initialTop,e.height,e.initialHeight,e.appendTo,ie]),ge=R(()=>{if(void 0!==e.left)return e.left;if(void 0!==e.initialLeft)return e.initialLeft;let t=O;if(void 0!==e.width?t=e.width:void 0!==e.initialWidth&&(t=e.initialWidth),e.appendTo)return e.appendTo.offsetWidth/2-t/2;const n=ie();return n?n.innerWidth/2-t/2:0},[e.left,e.initialLeft,e.width,e.initialWidth,e.appendTo,ie]),pe=R(()=>{let t=O;return void 0!==e.width?t=e.width:void 0!==e.initialWidth&&(t=e.initialWidth),t},[e.width,e.initialWidth]),he=R(()=>{let t=K;return void 0!==e.height?t=e.height:void 0!==e.initialHeight&&(t=e.initialHeight),t},[e.height,e.initialHeight]),fe=R(e=>e.filter(e=>(null==e?void 0:e.type)===N),[]),me=R(e=>e.filter(e=>e&&e.type!==N),[]),ve=R(()=>"object"==typeof t&&null!==t&&"current"in t?t.current:null,[t]),we=R((e,t,n,o,i,r)=>{var a,l,c;if(!e)return;const{internalLeft:s,internalTop:d,internalWidth:u,internalHeight:g}=ne.current;e({nativeEvent:t.nativeEvent?t.nativeEvent:t.originalEvent,drag:n,end:o,target:ve(),left:null!=(a=null==i?void 0:i.left)?a:s,top:null!=(l=null==i?void 0:i.top)?l:d,width:null!=(c=null==r?void 0:r.width)?c:u,height:void 0===(null==r?void 0:r.height)?g:null==r?void 0:r.height})},[ve]),Ee=R(t=>{var n,l;if(c&&a.keepFocusInContainer(t,$.current),t.target!==t.currentTarget)return;const s=o||120,d=i||100,u=t.metaKey||t.ctrlKey,g=null!=(l=null!=ce?ce:null==(n=$.current)?void 0:n.clientHeight)?l:0;if(u&&r){switch(t.keyCode){case a.Keys.up:t.preventDefault(),d<=g-5&&H(g-5);break;case a.Keys.down:t.preventDefault(),H(g+5);break;case a.Keys.left:s<=le-5&&I(le-5);break;case a.Keys.right:I(le+5);break;default:return}we(e.onResize,t,!1,void 0)}else if(t.altKey)switch(t.keyCode){case a.Keys.up:X===E.MINIMIZED?(Be(t),a.dispatchEvent(e.onStageChange,t,ve(),{state:E.DEFAULT})):X===E.DEFAULT&&(De(t),a.dispatchEvent(e.onStageChange,t,ve(),{state:E.FULLSCREEN}));break;case a.Keys.down:X===E.FULLSCREEN?(Be(t),a.dispatchEvent(e.onStageChange,t,ve(),{state:E.DEFAULT})):X===E.DEFAULT&&(Ie(t),a.dispatchEvent(e.onStageChange,t,ve(),{state:E.MINIMIZED}))}else if(!t.ctrlKey){const{internalLeft:n,internalTop:o}=ne.current;let i=n,r=o;switch(t.keyCode){case a.Keys.esc:return void(e.onClose&&Le(t));case a.Keys.up:r=o-5,C(r);break;case a.Keys.down:r=o+5,C(r);break;case a.Keys.left:i=n-5,k(i);break;case a.Keys.right:i=n+5,k(i);break;default:return}we(e.onMove,t,!1,void 0,{left:i,top:r})}},[c,o,i,r,e.onResize,e.onStageChange,e.onClose,e.onMove,ce,le,X,we,ve]),be=R(e=>{const t=e.event,{left:n,top:o}=ne.current;G.current.differenceLeft=t.pageX-n,G.current.differenceTop=t.pageY-o},[]),Ce=R(e=>{const t=e.event;t.originalEvent.preventDefault();const{stage:n,draggable:o,props:i,width:r,height:a}=ne.current;if(n!==E.FULLSCREEN&&o){const e=Math.max(t.pageY-(G.current.differenceTop||0),0),n=t.pageX-(G.current.differenceLeft||0);C(e),k(n),w(!0),i.onMove&&we(i.onMove,t,!0,!1,{left:n,top:e},{width:r,height:a})}},[we]),ye=R(e=>{const t=e.event,{stage:n,draggable:o,props:i,left:r,top:a,width:l,height:c}=ne.current;n!==E.FULLSCREEN&&o&&i.onMove&&we(i.onMove,t,!0,!0,{left:r,top:a},{width:l,height:c}),w(!1)},[we]),ke=R(()=>{Q.current?(clearTimeout(Q.current),Q.current=void 0):(P(!0),V(x(de,oe(),se)))},[de,oe,se]),Te=R(()=>{clearTimeout(Q.current);const e=ie();e&&(Q.current=e.setTimeout(()=>{P(!1),Q.current=void 0}))},[ie]),Ie=R(t=>{t.preventDefault(),G.current.leftBeforeAction=ae,G.current.topBeforeAction=re,G.current.widthBeforeAction=le,G.current.heightBeforeAction=ce,m(E.MINIMIZED),H(0),a.dispatchEvent(e.onStageChange,t,ve(),{state:E.MINIMIZED})},[ae,re,le,ce,e.onStageChange,ve]),De=R(t=>{t.preventDefault(),G.current.leftBeforeAction=ae,G.current.topBeforeAction=re,G.current.widthBeforeAction=le,G.current.heightBeforeAction=ce;const n=ie(),o=n?n.innerWidth:0,i=n?n.innerHeight:0;k(0),C(0),I(e.appendTo?e.appendTo.offsetWidth:o),H(e.appendTo?e.appendTo.offsetHeight:i),m(E.FULLSCREEN),a.dispatchEvent(e.onStageChange,t,ve(),{state:E.FULLSCREEN})},[ae,re,le,ce,e.appendTo,e.onStageChange,ie,ve]),Be=R(t=>{t.preventDefault(),X===E.FULLSCREEN?(m(E.DEFAULT),k(G.current.leftBeforeAction),C(G.current.topBeforeAction),I(G.current.widthBeforeAction),H(G.current.heightBeforeAction)):X===E.MINIMIZED&&(m(E.DEFAULT),H(G.current.heightBeforeAction)),a.dispatchEvent(e.onStageChange,t,ve(),{state:E.DEFAULT})},[X,e.onStageChange,ve]),Le=R(t=>{t.preventDefault(),a.dispatchEvent(e.onClose,t,ve(),{state:void 0})},[e.onClose,ve]),Me=R(e=>{X===E.FULLSCREEN||X===E.MINIMIZED?Be(e):De(e)},[X,Be,De]),Ne=R((e,t)=>{var n,r,a,l,c,s;const{props:d,width:u,height:g,top:p,left:h}=ne.current,f=d.appendTo?e.pageX-J.current.x:e.pageX,m=d.appendTo?e.pageY-J.current.y:e.pageY,v=null!=(r=null!=g?g:null==(n=$.current)?void 0:n.clientHeight)?r:0,E=o||120,b=i||100,y=p-m,T=h-f,D=f-h,B=m-p;let L=!1;const M={isDragging:!t.end};t.direction.indexOf("n")>=0&&b-(v+y)<0&&(p>0&&(M.height=v+y),M.top=m,L=!0),t.direction.indexOf("s")>=0&&b-B<0&&(M.height=B,L=!0),t.direction.indexOf("w")>=0&&E-(u+T)<0&&(h>0&&(M.width=u+T),M.left=f,L=!0),t.direction.indexOf("e")>=0&&E-D<0&&(M.width=D,L=!0),L&&(void 0!==M.height&&H(M.height),void 0!==M.top&&C(M.top),void 0!==M.width&&I(M.width),void 0!==M.left&&k(M.left),void 0!==M.isDragging&&w(M.isDragging)),we(d.onResize,e,!0,t.end,{left:null!=(a=M.left)?a:h,top:null!=(l=M.top)?l:p},{width:null!=(c=M.width)?c:u,height:null!=(s=M.height)?s:g})},[we,i,o]),xe=R(()=>{if(X===E.FULLSCREEN){const t=ie(),n=t?t.innerWidth:0,o=t?t.innerHeight:0;I(e.appendTo?e.appendTo.offsetWidth:n),H(e.appendTo?e.appendTo.offsetHeight:o)}},[X,e.appendTo,ie]);F(()=>{const t=$.current;t&&g&&t.focus({preventScroll:!0});const n=ie();n&&n.addEventListener("resize",xe),m(e.stage||E.DEFAULT),w(!1),C(ue()),k(ge()),I(pe()),H(he()),P(!0),V(x(de,oe(),se)),G.current={leftBeforeAction:ge(),topBeforeAction:ue(),widthBeforeAction:pe(),heightBeforeAction:he()};const o=oe();if(e.appendTo&&o){const t=e.appendTo.getBoundingClientRect(),n=o.body.getBoundingClientRect();J.current.x=t.left-n.left,J.current.y=t.top-n.top}const i=ee.current;return()=>{var e;const t=ie();t&&t.removeEventListener("resize",xe),i&&a.canUseDOM&&(document.contains(i)?i.focus({preventScroll:!0}):i.id&&(null==(e=document.getElementById(i.id))||e.focus({preventScroll:!0})))}},[]),F(()=>{void 0!==e.left&&!v&&k(e.left)},[e.left,v]),F(()=>{void 0!==e.top&&!v&&C(e.top)},[e.top,v]),F(()=>{void 0!==e.initialLeft&&k(e.initialLeft)},[e.initialLeft]),F(()=>{void 0!==e.initialTop&&C(e.initialTop)},[e.initialTop]),F(()=>{const t=oe();if(e.appendTo&&t){const n=e.appendTo.getBoundingClientRect(),o=t.body.getBoundingClientRect();J.current.x=n.left-o.left,J.current.y=n.top-o.top}},[e.appendTo,oe]);const Se=A(null);U(t,()=>({get element(){return $.current},get windowElement(){return $.current},get draggable(){return _.current},props:e}),[e]),Se.current=$.current,a.useWebMcpRegister("window",t,e,e.webMcp);const Fe=s.Children.toArray(e.children),Re=me(Fe),ze=fe(Fe),Ae=a.classNames("k-window",e.className,{"k-window-minimized":"MINIMIZED"===X,"k-focus":Z}),Ue=s.createElement(a.ZIndexContext.Provider,{value:de},s.createElement(s.Fragment,null,c&&s.createElement("div",{className:"k-overlay",style:{zIndex:de,...e.overlayStyle}}),s.createElement("div",{id:e.id,[p]:se,tabIndex:0,role:"dialog","aria-labelledby":te.current,onFocus:ke,onBlur:Te,onKeyDown:Ee,ref:$,className:Ae,style:{top:re,left:ae,width:le,height:ce||"",zIndex:de,...e.style}},s.createElement(M,{shouldUpdateOnDrag:e.shouldUpdateOnDrag||!1,isDragging:v},s.createElement(a.Draggable,{onPress:be,onDrag:Ce,onRelease:ye,autoScroll:!1,ref:_},s.createElement(D,{stage:X,onDoubleClick:u?Me:void 0,onMinimizeButtonClick:Ie,onFullScreenButtonClick:De,onRestoreButtonClick:Be,onCloseButtonClick:Le,closeButton:e.closeButton,minimizeButton:e.minimizeButton,maximizeButton:e.maximizeButton,restoreButton:e.restoreButton,id:te.current},e.title)),X===E.MINIMIZED?null:s.createElement(s.Fragment,null,s.createElement("div",{className:"k-window-content"},Re),ze),X===E.DEFAULT&&r?s.createElement(L,{onResize:Ne}):null))));return a.canUseDOM?null===e.appendTo?Ue:d.createPortal(Ue,e.appendTo||document.body):null});Z.displayName="Window";const P=a.createPropsContext(),q=a.withIdHOC(a.withPropsContext(P,Z));q.displayName="KendoReactWindow";const V={autoFocus:o.bool,title:o.any,className:o.string,closeButton:o.func,minimizeButton:o.func,maximizeButton:o.func,restoreButton:o.func,modal:o.bool,overlayStyle:o.object,width:o.number,height:o.number,minWidth:o.number,minHeight:o.number,left:o.number,top:o.number,initialLeft:o.number,initialTop:o.number,initialWidth:o.number,initialHeight:o.number,resizable:o.bool,draggable:o.bool,doubleClickStageChange:o.bool,stage:o.oneOf(["DEFAULT","MINIMIZED","FULLSCREEN"]),onClose:o.func,onMove:o.func,onResize:o.func,onStageChange:o.func,children:o.node,id:o.string,dir:o.string,style:o.object,appendTo:o.any,shouldUpdateOnDrag:o.bool};q.propTypes=V,e.Dialog=m,e.DialogActionsBar=g,e.DialogPropsContext=f,e.Window=q,e.WindowActionsBar=N,e.WindowPropsContext=P,e.WindowWithoutContext=Z});
|
|
15
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom"),require("prop-types"),require("@progress/kendo-react-buttons"),require("@progress/kendo-react-intl"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-common")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","prop-types","@progress/kendo-react-buttons","@progress/kendo-react-intl","@progress/kendo-svg-icons","@progress/kendo-react-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactDialogs={},e.React,e.ReactDOM,e.PropTypes,e.KendoReactButtons,e.KendoReactIntl,e.KendoSvgIcons,e.KendoReactCommon)}(this,function(e,t,n,o,i,r,a,l){"use strict";function c(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var s=c(t),d=c(n);const u="dialogs.windowMaximizeButton",g="dialogs.windowMinimizeButton",p="dialogs.windowRestoreButton",h="dialogs.windowCloseButton",f={[u]:"maximize",[g]:"minimize",[p]:"restore",[h]:"close"},m=({children:e,onCloseButtonClick:t,id:n,closeIcon:o})=>{const l=r.useLocalization();return s.createElement("div",{className:"k-window-titlebar k-dialog-titlebar",id:n},s.createElement("span",{className:"k-window-title k-dialog-title"},e),o&&s.createElement("div",{className:"k-window-titlebar-actions k-dialog-titlebar-actions"},s.createElement(i.Button,{"aria-label":l.toLanguageString(h,f[h]),size:"xs",onClick:t,icon:"x",svgIcon:a.xIcon,fillMode:"flat",className:"k-window-titlebar-action k-dialog-titlebar-action"})))},v=e=>{const t={layout:"stretched",...e},{layout:n,children:o}=t,i=l.classNames("k-actions","k-actions-horizontal","k-window-actions k-dialog-actions",{[`k-actions-${n}`]:n});return s.createElement("div",{className:i},o)};v.propTypes={children:o.any,layout:o.oneOf(["start","center","end","stretched"])};const w="data-windowid",E=10002,b=l.createPropsContext(),y=s.forwardRef((e,t)=>{const n=l.useZIndexContext(),o=n?n+2:E,i=s.useRef(null),r=s.useRef(null),a=s.useRef(l.getActiveElement(document)),c=l.usePropsContext(b,e),u=s.useMemo(()=>({...C,...c}),[c]),{title:g,width:p,height:h,children:f,minWidth:y,dir:k,style:T,contentStyle:I,autoFocusedElement:D,appendTo:L,className:B,overlayStyle:M,modal:N=C.modal,closeIcon:S=C.closeIcon,autoFocus:x=C.autoFocus}=u,F=s.useCallback(()=>({props:u,element:r.current}),[u]);s.useImperativeHandle(i,F),s.useImperativeHandle(t,()=>i.current),l.useWebMcpRegister("dialog",i,c,c.webMcp);const R=s.useMemo(()=>s.Children.toArray(f).filter(e=>!s.isValidElement(e)||e.type!==v),[f]),z=s.useMemo(()=>s.Children.toArray(f).filter(e=>s.isValidElement(e)&&e.type===v),[f]),{_id:A,contentId:U,id:W}=s.useMemo(()=>{const e=u.id,t=`${null!=e?e:"accessibility"}-id`;return{_id:t,contentId:`dialog-content-${t}`,id:e||`dialog-title-${t}`}},[u.id]),H=s.useCallback(()=>{if(r.current)if(x&&!D)r.current.focus();else if(!x&&D&&r.current){const e=r.current.querySelector(D);null==e||e.focus()}else{const e=[...l.FOCUSABLE_ELEMENTS].map(e=>e+":not(.k-dialog-titlebar *)");l.focusFirstFocusableChild(r.current,e)}},[x,D]);s.useEffect(()=>(H(),()=>{setTimeout(()=>{var e;!r.current&&a.current&&l.canUseDOM&&(document.contains(a.current)?a.current.focus():a.current.id&&(null==(e=document.getElementById(a.current.id))||e.focus()))})}),[H]);const O=s.useCallback(e=>{e.preventDefault(),l.dispatchEvent(u.onClose,e,F(),void 0)},[u.onClose]),K=s.useCallback(e=>{e.keyCode===l.Keys.esc&&u.onClose&&(e.preventDefault(),O(e)),l.keepFocusInContainer(e,r.current)},[u.onClose,O]),j=s.useMemo(()=>s.createElement(l.ZIndexContext.Provider,{value:o},s.createElement("div",{ref:r,[w]:A,className:"k-dialog-wrapper"+(B?" "+B:""),onKeyDown:K,tabIndex:0,dir:k,style:{zIndex:o,...T}},N&&s.createElement("div",{className:"k-overlay",style:M}),s.createElement("div",{className:l.classNames("k-window k-dialog"),role:"dialog","aria-labelledby":W,"aria-modal":N||void 0,"aria-describedby":U,style:{width:p,height:h,minWidth:y}},g&&s.createElement(m,{closeIcon:S,onCloseButtonClick:O,id:W},g),s.createElement("div",{className:"k-window-content k-dialog-content",style:I,id:U},R),z))),[o,A,B,K,T,k,M,W,U,p,h,y,S,O,I,g,R,z,N]);return l.canUseDOM?null!==L?d.createPortal(j,L||document.body):j:null}),C={autoFocus:!1,modal:!0,closeIcon:!0},k={autoFocus:o.bool,autoFocusedElement:o.string,title:o.any,className:o.string,closeIcon:o.bool,modal:o.bool,overlayStyle:o.object,width:o.oneOfType([o.number,o.string]),height:o.oneOfType([o.number,o.string]),minWidth:o.oneOfType([o.number,o.string]),onClose:o.func,children:o.node,id:o.string,dir:o.string,style:o.object,contentStyle:o.object,appendTo:o.any};y.displayName="KendoReactDialog",y.propTypes=k;var T=(e=>(e.DEFAULT="DEFAULT",e.FULLSCREEN="FULLSCREEN",e.MINIMIZED="MINIMIZED",e))(T||{});const I=e=>{const{children:t,onCloseButtonClick:n,onMinimizeButtonClick:o,onFullScreenButtonClick:l,onRestoreButtonClick:c,onDoubleClick:d,stage:m,forwardedRef:v,id:w}=e,E=r.useLocalization(),b=e.minimizeButton?s.createElement(e.minimizeButton,{onClick:o,stage:m}):s.createElement(i.Button,{fillMode:"flat",size:"xs",icon:"window-minimize",svgIcon:a.windowMinimizeIcon,className:"k-window-titlebar-action",onClick:o,"aria-label":E.toLanguageString(g,f[g])}),y=e.maximizeButton?s.createElement(e.maximizeButton,{onClick:l,stage:m}):s.createElement(i.Button,{fillMode:"flat",size:"xs",icon:"window-maximize",svgIcon:a.windowIcon,className:"k-window-titlebar-action",onClick:l,"aria-label":E.toLanguageString(u,f[u])}),C=e.restoreButton?s.createElement(e.restoreButton,{onClick:c,stage:m}):s.createElement(i.Button,{fillMode:"flat",size:"xs",icon:"window-restore",svgIcon:a.windowRestoreIcon,className:"k-window-titlebar-action",onClick:c,"aria-label":E.toLanguageString(p,f[p])}),k=e.closeButton?s.createElement(e.closeButton,{onClick:n,stage:m}):s.createElement(i.Button,{fillMode:"flat",size:"xs",icon:"x",svgIcon:a.xIcon,className:"k-window-titlebar-action",onClick:n,"aria-label":E.toLanguageString(h,f[h])});return s.createElement("div",{className:"k-window-titlebar",style:{touchAction:"none"},ref:v,onDoubleClick:d},s.createElement("span",{className:"k-window-title",id:w},t||""),s.createElement("div",{className:"k-window-titlebar-actions"},m===T.DEFAULT&&b,m===T.DEFAULT&&y,m!==T.DEFAULT&&C,k))},D=s.forwardRef((e,t)=>s.createElement(I,{...e,forwardedRef:t})),L=["n","e","s","w","se","sw","ne","nw"];class B extends s.Component{constructor(){super(...arguments),this.isDragging=!1}render(){return s.createElement("div",{className:"k-resize-handles-wrapper"}," ",L.map((e,t)=>s.createElement(l.Draggable,{key:t,onDrag:t=>{const{event:n}=t;this.isDragging=!0,n.originalEvent.preventDefault(),this.props.onResize(n,{end:!1,direction:e})},onRelease:t=>{const{event:n}=t;n.originalEvent.preventDefault(),this.isDragging&&(this.isDragging=!1,this.props.onResize(n,{end:!0,direction:e}))}},s.createElement("div",{className:"k-resize-handle k-resize-"+e,style:{display:"block",touchAction:"none",userSelect:"none"}}))))}}class M extends s.Component{shouldComponentUpdate(e){return e.shouldUpdateOnDrag||!e.isDragging}render(){return this.props.children}}const N=e=>{const t={layout:"end",...e},{layout:n,children:o}=t,i=l.classNames("k-actions","k-window-actions","k-actions-horizontal","k-hstack",{"k-justify-content-start":"start"===n,"k-justify-content-center":"center"===n,"k-justify-content-end":"end"===n,"k-justify-content-stretch":"stretched"===n});return s.createElement("div",{className:i},o)};N.propTypes={children:o.any,layout:o.oneOf(["start","center","end","stretched"])};const S=(e,t,n)=>{let o=e;if(t&&t.defaultView){const e=t.querySelectorAll(".k-window:not(.k-dialog), .k-dialog-wrapper");let i=!1;return e.forEach(e=>{const r=t.defaultView.getComputedStyle(e,null);if(e.getAttribute(w)!==n&&null!==r.zIndex){const e=parseInt(r.zIndex,10);e>=o&&(o=e,i=!0)}}),i?o+2:o}return o},{useState:x,useEffect:F,useCallback:R,useMemo:z,useRef:A,useImperativeHandle:U,useContext:W,forwardRef:H}=s,O=300,K=300,j={minWidth:120,minHeight:100,resizable:!0,draggable:!0,modal:!1,doubleClickStageChange:!0,autoFocus:!0},Z=H((e,t)=>{var n;const{minWidth:o=j.minWidth,minHeight:i=j.minHeight,resizable:r=j.resizable,draggable:a=j.draggable,modal:c=j.modal,doubleClickStageChange:u=j.doubleClickStageChange,autoFocus:g=j.autoFocus}=e,[p,h]=x(e.stage||T.DEFAULT),[f,m]=x(!1),[v,b]=x(0),[y,C]=x(0),[k,I]=x(O),[L,H]=x(K),[Z,P]=x(!0),[q,V]=x(E),X=null!=(n=e.stage)?n:p,Y=W(l.ZIndexContext),$=A(null),_=A(null),G=A({leftBeforeAction:0,topBeforeAction:0,widthBeforeAction:O,heightBeforeAction:K}),J=A({x:0,y:0}),Q=A(void 0),ee=A(l.canUseDOM?document.activeElement:null),te=A("window-title-"+(e.id?e.id+"-accessibility-id":"")),ne=A({left:0,top:0,width:O,height:K,internalLeft:y,internalTop:v,internalWidth:k,internalHeight:L,stage:X,draggable:a,props:e}),oe=R(()=>{const t=l.canUseDOM?document:null;return e.appendTo?e.appendTo.ownerDocument:t},[e.appendTo]),ie=R(()=>{const e=oe();return null==e?void 0:e.defaultView},[oe]),re=z(()=>{var t;return X!==T.FULLSCREEN?Math.max(null!=(t=e.top)?t:v,0):0},[X,e.top,v]),ae=z(()=>{var t;return X!==T.FULLSCREEN?Math.max(null!=(t=e.left)?t:y,0):0},[X,e.left,y]),le=z(()=>{var t;const n=null!=(t=e.width)?t:k;if(X===T.FULLSCREEN){if(e.appendTo)return e.appendTo.offsetWidth;const t=ie();return t?t.innerWidth:0}return n},[X,e.width,e.appendTo,k,ie]),ce=z(()=>{const t=void 0===e.height?L:e.height;if(X===T.FULLSCREEN){if(e.appendTo)return e.appendTo.offsetHeight;const t=ie();return t?t.innerHeight:0}return X===T.MINIMIZED?0:t},[X,e.height,e.appendTo,L,ie]),se=z(()=>e.id?e.id+"-accessibility-id":void 0,[e.id]);F(()=>{ne.current={left:ae,top:re,width:le,height:ce,internalLeft:y,internalTop:v,internalWidth:k,internalHeight:L,stage:X,draggable:a,props:e}});const de=z(()=>{if(void 0===Y)return null!=Y?Y:E;return q>(Y?Y+2:0)?q:Y+2},[q,Y]),ue=R(()=>{var t,n;if(void 0!==e.top)return e.top;if(void 0!==e.initialTop)return e.initialTop;let o=K;if(void 0!==e.height?o=e.height:void 0!==e.initialHeight&&(o=e.initialHeight),e.appendTo&&o)return e.appendTo.offsetHeight/2-o/2;const i=ie();return i?i.innerHeight/2-(null!=(n=null!=o?o:null==(t=$.current)?void 0:t.clientHeight)?n:0)/2:0},[e.top,e.initialTop,e.height,e.initialHeight,e.appendTo,ie]),ge=R(()=>{if(void 0!==e.left)return e.left;if(void 0!==e.initialLeft)return e.initialLeft;let t=O;if(void 0!==e.width?t=e.width:void 0!==e.initialWidth&&(t=e.initialWidth),e.appendTo)return e.appendTo.offsetWidth/2-t/2;const n=ie();return n?n.innerWidth/2-t/2:0},[e.left,e.initialLeft,e.width,e.initialWidth,e.appendTo,ie]),pe=R(()=>{let t=O;return void 0!==e.width?t=e.width:void 0!==e.initialWidth&&(t=e.initialWidth),t},[e.width,e.initialWidth]),he=R(()=>{let t=K;return void 0!==e.height?t=e.height:void 0!==e.initialHeight&&(t=e.initialHeight),t},[e.height,e.initialHeight]),fe=R(e=>e.filter(e=>(null==e?void 0:e.type)===N),[]),me=R(e=>e.filter(e=>e&&e.type!==N),[]),ve=R(()=>"object"==typeof t&&null!==t&&"current"in t?t.current:null,[t]),we=R((e,t,n,o,i,r)=>{var a,l,c;if(!e)return;const{internalLeft:s,internalTop:d,internalWidth:u,internalHeight:g}=ne.current;e({nativeEvent:t.nativeEvent?t.nativeEvent:t.originalEvent,drag:n,end:o,target:ve(),left:null!=(a=null==i?void 0:i.left)?a:s,top:null!=(l=null==i?void 0:i.top)?l:d,width:null!=(c=null==r?void 0:r.width)?c:u,height:void 0===(null==r?void 0:r.height)?g:null==r?void 0:r.height})},[ve]),Ee=R(t=>{var n,a;if(c&&l.keepFocusInContainer(t,$.current),t.target!==t.currentTarget)return;const s=o||120,d=i||100,u=t.metaKey||t.ctrlKey,g=null!=(a=null!=ce?ce:null==(n=$.current)?void 0:n.clientHeight)?a:0;if(u&&r){switch(t.keyCode){case l.Keys.up:t.preventDefault(),d<=g-5&&H(g-5);break;case l.Keys.down:t.preventDefault(),H(g+5);break;case l.Keys.left:s<=le-5&&I(le-5);break;case l.Keys.right:I(le+5);break;default:return}we(e.onResize,t,!1,void 0)}else if(t.altKey)switch(t.keyCode){case l.Keys.up:X===T.MINIMIZED?(Le(t),l.dispatchEvent(e.onStageChange,t,ve(),{state:T.DEFAULT})):X===T.DEFAULT&&(De(t),l.dispatchEvent(e.onStageChange,t,ve(),{state:T.FULLSCREEN}));break;case l.Keys.down:X===T.FULLSCREEN?(Le(t),l.dispatchEvent(e.onStageChange,t,ve(),{state:T.DEFAULT})):X===T.DEFAULT&&(Ie(t),l.dispatchEvent(e.onStageChange,t,ve(),{state:T.MINIMIZED}))}else if(!t.ctrlKey){const{internalLeft:n,internalTop:o}=ne.current;let i=n,r=o;switch(t.keyCode){case l.Keys.esc:return void(e.onClose&&Be(t));case l.Keys.up:r=o-5,b(r);break;case l.Keys.down:r=o+5,b(r);break;case l.Keys.left:i=n-5,C(i);break;case l.Keys.right:i=n+5,C(i);break;default:return}we(e.onMove,t,!1,void 0,{left:i,top:r})}},[c,o,i,r,e.onResize,e.onStageChange,e.onClose,e.onMove,ce,le,X,we,ve]),be=R(e=>{const t=e.event,{left:n,top:o}=ne.current;G.current.differenceLeft=t.pageX-n,G.current.differenceTop=t.pageY-o},[]),ye=R(e=>{const t=e.event;t.originalEvent.preventDefault();const{stage:n,draggable:o,props:i,width:r,height:a}=ne.current;if(n!==T.FULLSCREEN&&o){const e=Math.max(t.pageY-(G.current.differenceTop||0),0),n=t.pageX-(G.current.differenceLeft||0);b(e),C(n),m(!0),i.onMove&&we(i.onMove,t,!0,!1,{left:n,top:e},{width:r,height:a})}},[we]),Ce=R(e=>{const t=e.event,{stage:n,draggable:o,props:i,left:r,top:a,width:l,height:c}=ne.current;n!==T.FULLSCREEN&&o&&i.onMove&&we(i.onMove,t,!0,!0,{left:r,top:a},{width:l,height:c}),m(!1)},[we]),ke=R(()=>{Q.current?(clearTimeout(Q.current),Q.current=void 0):(P(!0),V(S(de,oe(),se)))},[de,oe,se]),Te=R(()=>{clearTimeout(Q.current);const e=ie();e&&(Q.current=e.setTimeout(()=>{P(!1),Q.current=void 0}))},[ie]),Ie=R(t=>{t.preventDefault(),G.current.leftBeforeAction=ae,G.current.topBeforeAction=re,G.current.widthBeforeAction=le,G.current.heightBeforeAction=ce,h(T.MINIMIZED),H(0),l.dispatchEvent(e.onStageChange,t,ve(),{state:T.MINIMIZED})},[ae,re,le,ce,e.onStageChange,ve]),De=R(t=>{t.preventDefault(),G.current.leftBeforeAction=ae,G.current.topBeforeAction=re,G.current.widthBeforeAction=le,G.current.heightBeforeAction=ce;const n=ie(),o=n?n.innerWidth:0,i=n?n.innerHeight:0;C(0),b(0),I(e.appendTo?e.appendTo.offsetWidth:o),H(e.appendTo?e.appendTo.offsetHeight:i),h(T.FULLSCREEN),l.dispatchEvent(e.onStageChange,t,ve(),{state:T.FULLSCREEN})},[ae,re,le,ce,e.appendTo,e.onStageChange,ie,ve]),Le=R(t=>{t.preventDefault(),X===T.FULLSCREEN?(h(T.DEFAULT),C(G.current.leftBeforeAction),b(G.current.topBeforeAction),I(G.current.widthBeforeAction),H(G.current.heightBeforeAction)):X===T.MINIMIZED&&(h(T.DEFAULT),H(G.current.heightBeforeAction)),l.dispatchEvent(e.onStageChange,t,ve(),{state:T.DEFAULT})},[X,e.onStageChange,ve]),Be=R(t=>{t.preventDefault(),l.dispatchEvent(e.onClose,t,ve(),{state:void 0})},[e.onClose,ve]),Me=R(e=>{X===T.FULLSCREEN||X===T.MINIMIZED?Le(e):De(e)},[X,Le,De]),Ne=R((e,t)=>{var n,r,a,l,c,s;const{props:d,width:u,height:g,top:p,left:h}=ne.current,f=d.appendTo?e.pageX-J.current.x:e.pageX,v=d.appendTo?e.pageY-J.current.y:e.pageY,w=null!=(r=null!=g?g:null==(n=$.current)?void 0:n.clientHeight)?r:0,E=o||120,y=i||100,k=p-v,T=h-f,D=f-h,L=v-p;let B=!1;const M={isDragging:!t.end};t.direction.indexOf("n")>=0&&y-(w+k)<0&&(p>0&&(M.height=w+k),M.top=v,B=!0),t.direction.indexOf("s")>=0&&y-L<0&&(M.height=L,B=!0),t.direction.indexOf("w")>=0&&E-(u+T)<0&&(h>0&&(M.width=u+T),M.left=f,B=!0),t.direction.indexOf("e")>=0&&E-D<0&&(M.width=D,B=!0),B&&(void 0!==M.height&&H(M.height),void 0!==M.top&&b(M.top),void 0!==M.width&&I(M.width),void 0!==M.left&&C(M.left),void 0!==M.isDragging&&m(M.isDragging)),we(d.onResize,e,!0,t.end,{left:null!=(a=M.left)?a:h,top:null!=(l=M.top)?l:p},{width:null!=(c=M.width)?c:u,height:null!=(s=M.height)?s:g})},[we,i,o]),Se=R(()=>{if(X===T.FULLSCREEN){const t=ie(),n=t?t.innerWidth:0,o=t?t.innerHeight:0;I(e.appendTo?e.appendTo.offsetWidth:n),H(e.appendTo?e.appendTo.offsetHeight:o)}},[X,e.appendTo,ie]);F(()=>{const t=$.current;t&&g&&t.focus({preventScroll:!0});const n=ie();n&&n.addEventListener("resize",Se),h(e.stage||T.DEFAULT),m(!1),b(ue()),C(ge()),I(pe()),H(he()),P(!0),V(S(de,oe(),se)),G.current={leftBeforeAction:ge(),topBeforeAction:ue(),widthBeforeAction:pe(),heightBeforeAction:he()};const o=oe();if(e.appendTo&&o){const t=e.appendTo.getBoundingClientRect(),n=o.body.getBoundingClientRect();J.current.x=t.left-n.left,J.current.y=t.top-n.top}const i=ee.current;return()=>{var e;const t=ie();t&&t.removeEventListener("resize",Se),i&&l.canUseDOM&&(document.contains(i)?i.focus({preventScroll:!0}):i.id&&(null==(e=document.getElementById(i.id))||e.focus({preventScroll:!0})))}},[]),F(()=>{void 0!==e.left&&!f&&C(e.left)},[e.left,f]),F(()=>{void 0!==e.top&&!f&&b(e.top)},[e.top,f]),F(()=>{void 0!==e.initialLeft&&C(e.initialLeft)},[e.initialLeft]),F(()=>{void 0!==e.initialTop&&b(e.initialTop)},[e.initialTop]),F(()=>{const t=oe();if(e.appendTo&&t){const n=e.appendTo.getBoundingClientRect(),o=t.body.getBoundingClientRect();J.current.x=n.left-o.left,J.current.y=n.top-o.top}},[e.appendTo,oe]);const xe=A(null);U(t,()=>({get element(){return $.current},get windowElement(){return $.current},get draggable(){return _.current},props:e}),[e]),xe.current=$.current,l.useWebMcpRegister("window",t,e,e.webMcp);const Fe=s.Children.toArray(e.children),Re=me(Fe),ze=fe(Fe),Ae=l.classNames("k-window",e.className,{"k-window-minimized":"MINIMIZED"===X,"k-focus":Z}),Ue=s.createElement(l.ZIndexContext.Provider,{value:de},s.createElement(s.Fragment,null,c&&s.createElement("div",{className:"k-overlay",style:{zIndex:de,...e.overlayStyle}}),s.createElement("div",{id:e.id,[w]:se,tabIndex:0,role:"dialog","aria-labelledby":te.current,onFocus:ke,onBlur:Te,onKeyDown:Ee,ref:$,className:Ae,style:{top:re,left:ae,width:le,height:ce||"",zIndex:de,...e.style}},s.createElement(M,{shouldUpdateOnDrag:e.shouldUpdateOnDrag||!1,isDragging:f},s.createElement(l.Draggable,{onPress:be,onDrag:ye,onRelease:Ce,autoScroll:!1,ref:_},s.createElement(D,{stage:X,onDoubleClick:u?Me:void 0,onMinimizeButtonClick:Ie,onFullScreenButtonClick:De,onRestoreButtonClick:Le,onCloseButtonClick:Be,closeButton:e.closeButton,minimizeButton:e.minimizeButton,maximizeButton:e.maximizeButton,restoreButton:e.restoreButton,id:te.current},e.title)),X===T.MINIMIZED?null:s.createElement(s.Fragment,null,s.createElement("div",{className:"k-window-content"},Re),ze),X===T.DEFAULT&&r?s.createElement(B,{onResize:Ne}):null))));return l.canUseDOM?null===e.appendTo?Ue:d.createPortal(Ue,e.appendTo||document.body):null});Z.displayName="Window";const P=l.createPropsContext(),q=l.withIdHOC(l.withPropsContext(P,Z));q.displayName="KendoReactWindow";const V={autoFocus:o.bool,title:o.any,className:o.string,closeButton:o.func,minimizeButton:o.func,maximizeButton:o.func,restoreButton:o.func,modal:o.bool,overlayStyle:o.object,width:o.number,height:o.number,minWidth:o.number,minHeight:o.number,left:o.number,top:o.number,initialLeft:o.number,initialTop:o.number,initialWidth:o.number,initialHeight:o.number,resizable:o.bool,draggable:o.bool,doubleClickStageChange:o.bool,stage:o.oneOf(["DEFAULT","MINIMIZED","FULLSCREEN"]),onClose:o.func,onMove:o.func,onResize:o.func,onStageChange:o.func,children:o.node,id:o.string,dir:o.string,style:o.object,appendTo:o.any,shouldUpdateOnDrag:o.bool};q.propTypes=V,e.Dialog=y,e.DialogActionsBar=v,e.DialogPropsContext=b,e.Window=q,e.WindowActionsBar=N,e.WindowPropsContext=P,e.WindowWithoutContext=Z});
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
|
|
|
7
7
|
productName: 'KendoReact',
|
|
8
8
|
productCode: 'KENDOUIREACT',
|
|
9
9
|
productCodes: ['KENDOUIREACT'],
|
|
10
|
-
publishDate:
|
|
11
|
-
version: '14.5.0-develop.
|
|
10
|
+
publishDate: 1778828040,
|
|
11
|
+
version: '14.5.0-develop.16',
|
|
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.5.0-develop.
|
|
3
|
+
"version": "14.5.0-develop.16",
|
|
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,9 +26,9 @@
|
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"@progress/kendo-licensing": "^1.7.2",
|
|
29
|
-
"@progress/kendo-react-buttons": "14.5.0-develop.
|
|
30
|
-
"@progress/kendo-react-common": "14.5.0-develop.
|
|
31
|
-
"@progress/kendo-react-intl": "14.5.0-develop.
|
|
29
|
+
"@progress/kendo-react-buttons": "14.5.0-develop.16",
|
|
30
|
+
"@progress/kendo-react-common": "14.5.0-develop.16",
|
|
31
|
+
"@progress/kendo-react-intl": "14.5.0-develop.16",
|
|
32
32
|
"@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
|
|
33
33
|
"react": "^18.0.0 || ^19.0.0",
|
|
34
34
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"package": {
|
|
73
73
|
"productName": "KendoReact",
|
|
74
74
|
"productCode": "KENDOUIREACT",
|
|
75
|
-
"publishDate":
|
|
75
|
+
"publishDate": 1778828040,
|
|
76
76
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
77
77
|
}
|
|
78
78
|
},
|