@progress/kendo-react-layout 8.3.0-develop.6 → 8.3.0-develop.8
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/actionsheet/ActionSheetContent.js +1 -1
- package/actionsheet/ActionSheetContent.mjs +11 -10
- package/dist/cdn/js/kendo-react-layout.js +1 -1
- package/drawer/Drawer.js +1 -1
- package/drawer/Drawer.mjs +43 -45
- package/index.d.mts +12 -1
- package/index.d.ts +12 -1
- package/package-metadata.mjs +1 -1
- package/package.json +6 -6
- package/stepper/Stepper.js +1 -1
- package/stepper/Stepper.mjs +115 -114
package/drawer/Drawer.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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),e=require("prop-types"),R=require("./context/DrawerContext.js"),M=require("./DrawerNavigation.js"),u=require("@progress/kendo-react-common"),T=require("../package-metadata.js");function W(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,i.get?i:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const a=W(q),m=a.forwardRef((t,o)=>{u.validatePackage(T.packageMetadata);const{expanded:n=r.expanded,mode:i=r.mode,position:v=r.position,className:b,children:w,style:y,animation:g=r.animation,mini:p=r.mini,width:h=r.width,miniWidth:k=r.miniWidth,items:s,item:D,tabIndex:x,onOverlayClick:N,onSelect:l}=t,c=a.useRef(null),C=a.useCallback(()=>{c.current&&c.current.focus()},[]);a.useImperativeHandle(o,()=>({element:c.current,focus:C}));const O=a.useCallback((E,P,d)=>{if(s&&l){const j={itemTarget:E,itemIndex:P,syntheticEvent:d,nativeEvent:d&&d.nativeEvent,target:void 0};l.call(void 0,j)}},[s,l]),f=u.useDir(c,t.dir),S=u.classNames({"k-drawer-container":!0,"k-drawer-expanded":n,"k-drawer-overlay":i==="overlay","k-drawer-push":i==="push","k-drawer-mini":p&&!n},b);return a.createElement(R.DrawerContext.Provider,{value:{animation:g,expanded:n,mode:i,position:v,mini:p,dir:f,items:s,item:D,width:h,miniWidth:k,onOverlayClick:N,onSelect:O}},a.createElement("div",{className:S,ref:c,dir:f,style:y,tabIndex:x},s&&a.createElement(M.DrawerNavigation,null),w))});m.propTypes={animation:e.any,expanded:e.bool,children:e.any,className:e.string,dir:e.string,mode:e.string,position:e.string,mini:e.bool,style:e.object,tabIndex:e.number,width:e.number,miniWidth:e.number,selected:e.number,onSelect:e.func,onOverlayClick:e.func};const r={animation:!0,expanded:!1,mode:"overlay",position:"start",mini:!1,width:240,miniWidth:48};m.displayName="KendoDrawer";exports.Drawer=m;
|
package/drawer/Drawer.mjs
CHANGED
|
@@ -9,41 +9,40 @@
|
|
|
9
9
|
import * as t from "react";
|
|
10
10
|
import e from "prop-types";
|
|
11
11
|
import { DrawerContext as W } from "./context/DrawerContext.mjs";
|
|
12
|
-
import { DrawerNavigation as
|
|
13
|
-
import { validatePackage as
|
|
14
|
-
import { packageMetadata as
|
|
15
|
-
const
|
|
16
|
-
|
|
12
|
+
import { DrawerNavigation as I } from "./DrawerNavigation.mjs";
|
|
13
|
+
import { validatePackage as O, useDir as T, classNames as j } from "@progress/kendo-react-common";
|
|
14
|
+
import { packageMetadata as H } from "../package-metadata.mjs";
|
|
15
|
+
const u = t.forwardRef((l, p) => {
|
|
16
|
+
O(H);
|
|
17
17
|
const {
|
|
18
|
-
expanded:
|
|
19
|
-
mode: o =
|
|
20
|
-
position: f =
|
|
18
|
+
expanded: r = n.expanded,
|
|
19
|
+
mode: o = n.mode,
|
|
20
|
+
position: f = n.position,
|
|
21
21
|
className: v,
|
|
22
22
|
children: w,
|
|
23
23
|
style: h,
|
|
24
|
-
animation: y =
|
|
25
|
-
mini:
|
|
26
|
-
width: b =
|
|
27
|
-
miniWidth: k =
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
onOverlayClick: N,
|
|
24
|
+
animation: y = n.animation,
|
|
25
|
+
mini: m = n.mini,
|
|
26
|
+
width: b = n.width,
|
|
27
|
+
miniWidth: k = n.miniWidth,
|
|
28
|
+
items: i,
|
|
29
|
+
item: x,
|
|
30
|
+
tabIndex: g,
|
|
31
|
+
onOverlayClick: E,
|
|
33
32
|
onSelect: s
|
|
34
|
-
} =
|
|
33
|
+
} = l, a = t.useRef(null), N = t.useCallback(
|
|
35
34
|
() => {
|
|
36
|
-
|
|
35
|
+
a.current && a.current.focus();
|
|
37
36
|
},
|
|
38
37
|
[]
|
|
39
38
|
);
|
|
40
|
-
t.useImperativeHandle(
|
|
41
|
-
element:
|
|
42
|
-
focus:
|
|
39
|
+
t.useImperativeHandle(p, () => ({
|
|
40
|
+
element: a.current,
|
|
41
|
+
focus: N
|
|
43
42
|
}));
|
|
44
|
-
const
|
|
43
|
+
const C = t.useCallback(
|
|
45
44
|
(P, R, d) => {
|
|
46
|
-
if (
|
|
45
|
+
if (i && s) {
|
|
47
46
|
const S = {
|
|
48
47
|
itemTarget: P,
|
|
49
48
|
itemIndex: R,
|
|
@@ -54,14 +53,14 @@ const c = t.forwardRef((p, u) => {
|
|
|
54
53
|
s.call(void 0, S);
|
|
55
54
|
}
|
|
56
55
|
},
|
|
57
|
-
[
|
|
58
|
-
),
|
|
56
|
+
[i, s]
|
|
57
|
+
), c = T(a, l.dir), D = j(
|
|
59
58
|
{
|
|
60
59
|
"k-drawer-container": !0,
|
|
61
|
-
"k-drawer-expanded":
|
|
60
|
+
"k-drawer-expanded": r,
|
|
62
61
|
"k-drawer-overlay": o === "overlay",
|
|
63
62
|
"k-drawer-push": o === "push",
|
|
64
|
-
"k-drawer-mini":
|
|
63
|
+
"k-drawer-mini": m && !r
|
|
65
64
|
},
|
|
66
65
|
v
|
|
67
66
|
);
|
|
@@ -70,34 +69,34 @@ const c = t.forwardRef((p, u) => {
|
|
|
70
69
|
{
|
|
71
70
|
value: {
|
|
72
71
|
animation: y,
|
|
73
|
-
expanded:
|
|
72
|
+
expanded: r,
|
|
74
73
|
mode: o,
|
|
75
74
|
position: f,
|
|
76
|
-
mini:
|
|
77
|
-
dir:
|
|
78
|
-
items:
|
|
79
|
-
item:
|
|
75
|
+
mini: m,
|
|
76
|
+
dir: c,
|
|
77
|
+
items: i,
|
|
78
|
+
item: x,
|
|
80
79
|
width: b,
|
|
81
80
|
miniWidth: k,
|
|
82
|
-
onOverlayClick:
|
|
83
|
-
onSelect:
|
|
81
|
+
onOverlayClick: E,
|
|
82
|
+
onSelect: C
|
|
84
83
|
}
|
|
85
84
|
},
|
|
86
85
|
/* @__PURE__ */ t.createElement(
|
|
87
86
|
"div",
|
|
88
87
|
{
|
|
89
|
-
className:
|
|
90
|
-
ref:
|
|
91
|
-
dir:
|
|
88
|
+
className: D,
|
|
89
|
+
ref: a,
|
|
90
|
+
dir: c,
|
|
92
91
|
style: h,
|
|
93
|
-
tabIndex:
|
|
92
|
+
tabIndex: g
|
|
94
93
|
},
|
|
95
|
-
|
|
94
|
+
i && /* @__PURE__ */ t.createElement(I, null),
|
|
96
95
|
w
|
|
97
96
|
)
|
|
98
97
|
);
|
|
99
98
|
});
|
|
100
|
-
|
|
99
|
+
u.propTypes = {
|
|
101
100
|
animation: e.any,
|
|
102
101
|
expanded: e.bool,
|
|
103
102
|
children: e.any,
|
|
@@ -114,17 +113,16 @@ c.propTypes = {
|
|
|
114
113
|
onSelect: e.func,
|
|
115
114
|
onOverlayClick: e.func
|
|
116
115
|
};
|
|
117
|
-
const
|
|
116
|
+
const n = {
|
|
118
117
|
animation: !0,
|
|
119
118
|
expanded: !1,
|
|
120
119
|
mode: "overlay",
|
|
121
120
|
position: "start",
|
|
122
121
|
mini: !1,
|
|
123
|
-
dir: "ltr",
|
|
124
122
|
width: 240,
|
|
125
123
|
miniWidth: 48
|
|
126
124
|
};
|
|
127
|
-
|
|
125
|
+
u.displayName = "KendoDrawer";
|
|
128
126
|
export {
|
|
129
|
-
|
|
127
|
+
u as Drawer
|
|
130
128
|
};
|
package/index.d.mts
CHANGED
|
@@ -77,7 +77,17 @@ declare interface ActionSheetChildrenProps {
|
|
|
77
77
|
/**
|
|
78
78
|
* The KendoReact ActionSheetContent component.
|
|
79
79
|
*/
|
|
80
|
-
export declare const ActionSheetContent: React_2.FunctionComponent<
|
|
80
|
+
export declare const ActionSheetContent: React_2.FunctionComponent<ActionSheetContentProps>;
|
|
81
|
+
|
|
82
|
+
/**
|
|
83
|
+
* @hidden
|
|
84
|
+
*/
|
|
85
|
+
export declare interface ActionSheetContentProps extends ActionSheetChildrenProps {
|
|
86
|
+
/**
|
|
87
|
+
* @hidden
|
|
88
|
+
*/
|
|
89
|
+
overflowHidden?: boolean;
|
|
90
|
+
}
|
|
81
91
|
|
|
82
92
|
/**
|
|
83
93
|
* The KendoReact ActionSheetFooter component.
|
|
@@ -3682,6 +3692,7 @@ export declare interface StepperProps {
|
|
|
3682
3692
|
* * `vertical`
|
|
3683
3693
|
*/
|
|
3684
3694
|
orientation?: 'horizontal' | 'vertical';
|
|
3695
|
+
selectOnFocus?: boolean;
|
|
3685
3696
|
/**
|
|
3686
3697
|
* Sets additional CSS styles to the Stepper.
|
|
3687
3698
|
*/
|
package/index.d.ts
CHANGED
|
@@ -77,7 +77,17 @@ declare interface ActionSheetChildrenProps {
|
|
|
77
77
|
/**
|
|
78
78
|
* The KendoReact ActionSheetContent component.
|
|
79
79
|
*/
|
|
80
|
-
export declare const ActionSheetContent: React_2.FunctionComponent<
|
|
80
|
+
export declare const ActionSheetContent: React_2.FunctionComponent<ActionSheetContentProps>;
|
|
81
|
+
|
|
82
|
+
/**
|
|
83
|
+
* @hidden
|
|
84
|
+
*/
|
|
85
|
+
export declare interface ActionSheetContentProps extends ActionSheetChildrenProps {
|
|
86
|
+
/**
|
|
87
|
+
* @hidden
|
|
88
|
+
*/
|
|
89
|
+
overflowHidden?: boolean;
|
|
90
|
+
}
|
|
81
91
|
|
|
82
92
|
/**
|
|
83
93
|
* The KendoReact ActionSheetFooter component.
|
|
@@ -3682,6 +3692,7 @@ export declare interface StepperProps {
|
|
|
3682
3692
|
* * `vertical`
|
|
3683
3693
|
*/
|
|
3684
3694
|
orientation?: 'horizontal' | 'vertical';
|
|
3695
|
+
selectOnFocus?: boolean;
|
|
3685
3696
|
/**
|
|
3686
3697
|
* Sets additional CSS styles to the Stepper.
|
|
3687
3698
|
*/
|
package/package-metadata.mjs
CHANGED
|
@@ -10,7 +10,7 @@ const e = {
|
|
|
10
10
|
name: "@progress/kendo-react-layout",
|
|
11
11
|
productName: "KendoReact",
|
|
12
12
|
productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
|
|
13
|
-
publishDate:
|
|
13
|
+
publishDate: 1724400117,
|
|
14
14
|
version: "",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
16
16
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-layout",
|
|
3
|
-
"version": "8.3.0-develop.
|
|
3
|
+
"version": "8.3.0-develop.8",
|
|
4
4
|
"description": "React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -23,11 +23,11 @@
|
|
|
23
23
|
"sideEffects": false,
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"@progress/kendo-licensing": "^1.3.4",
|
|
26
|
-
"@progress/kendo-react-animation": "8.3.0-develop.
|
|
27
|
-
"@progress/kendo-react-common": "8.3.0-develop.
|
|
28
|
-
"@progress/kendo-react-intl": "8.3.0-develop.
|
|
29
|
-
"@progress/kendo-react-popup": "8.3.0-develop.
|
|
30
|
-
"@progress/kendo-react-progressbars": "8.3.0-develop.
|
|
26
|
+
"@progress/kendo-react-animation": "8.3.0-develop.8",
|
|
27
|
+
"@progress/kendo-react-common": "8.3.0-develop.8",
|
|
28
|
+
"@progress/kendo-react-intl": "8.3.0-develop.8",
|
|
29
|
+
"@progress/kendo-react-popup": "8.3.0-develop.8",
|
|
30
|
+
"@progress/kendo-react-progressbars": "8.3.0-develop.8",
|
|
31
31
|
"@progress/kendo-svg-icons": "^3.0.0",
|
|
32
32
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0",
|
|
33
33
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
|
package/stepper/Stepper.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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("react"),l=require("prop-types"),ne=require("./context/StepperContext.js"),d=require("@progress/kendo-react-common"),se=require("./Step.js"),oe=require("@progress/kendo-react-progressbars"),z=require("./contants.js"),re=require("../package-metadata.js"),ie=require("@progress/kendo-react-intl"),D=require("./messages/index.js");function ce(p){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const f in p)if(f!=="default"){const I=Object.getOwnPropertyDescriptor(p,f);Object.defineProperty(k,f,I.get?I:{enumerable:!0,get:()=>p[f]})}}return k.default=p,Object.freeze(k)}const o=ce(te),w=o.forwardRef((p,k)=>{d.validatePackage(re.packageMetadata);const{animationDuration:f,children:I,className:P,disabled:g,errorIcon:V,errorSVGIcon:j,item:R,items:b,linear:y,mode:_,orientation:x,selectOnFocus:E,style:T,successIcon:K,successSVGIcon:G,value:u=0,onChange:S,onFocus:C}=p,B=ie.useLocalization().toLanguageString(D.progBarAriaLabel,D.messages[D.progBarAriaLabel]),v=o.useRef(null),A=o.useCallback(()=>{v.current&&d.focusFirstFocusableChild(v.current)},[]),N=o.useCallback(()=>({element:v.current,focus:A}),[A]);o.useImperativeHandle(k,N);const[H,a]=o.useState(u),m=b?b.length:0,n=x==="vertical",O=d.useDir(v,p.dir),U=typeof f=="number"?f:f!==!1?z.DEFAULT_ANIMATION_DURATION:z.NO_ANIMATION;o.useEffect(()=>{a(u)},[u]);const M=o.useCallback((r,i)=>{const e=i===u-1,t=i===u,c=i===u+1;u!==i&&S&&!g&&(!y||e||t||c)&&(d.dispatchEvent(S,r,N(),{value:i}),a(i))},[u,y,S,g,a]),J=o.useCallback(r=>{let i=r.value,e=r.syntheticEvent;M(e,i)},[M]),Q=o.useCallback(r=>{C&&!g&&d.dispatchEvent(C,r.syntheticEvent,N(),void 0)},[C,g]),h=o.useMemo(()=>{const r=O==="rtl",i=b.length-1;return new d.Navigation({root:v,selectors:["ol.k-step-list li.k-step a.k-step-link"],tabIndex:0,keyboardEvents:{keydown:{ArrowLeft:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);!n&&!r&&s>0?(t.focusPrevious(e),a(s-1)):!n&&r&&s<i&&(t.focusNext(e),a(s+1))},ArrowRight:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);!n&&!r&&s<i?(t.focusNext(e),a(s+1)):!n&&r&&s>0&&(t.focusPrevious(e),a(s-1))},ArrowUp:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);n&&!r&&s>0?(t.focusPrevious(e),a(s-1)):n&&r&&s>0&&(t.focusPrevious(e),a(s+1))},ArrowDown:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e);n&&!r&&s<i?(t.focusNext(e),a(s+1)):n&&r&&s<i&&(t.focusNext(e),a(s-1))},Tab:(e,t,c)=>{c.preventDefault();const s=t.elements.indexOf(e),L=t.previous(e).children[0],F=t.next(e).children[0];c.shiftKey?!n&&!r&&s>0?(t.focusPrevious(e),a(s-1),E&&L.click()):!n&&r&&s<i&&(t.focusNext(e),a(s+1),E&&F.click()):!n&&!r&&s<i?(t.focusNext(e),a(s+1),E&&F.click()):!n&&r&&s>0&&(t.focusPrevious(e),a(s-1),E&&L.click())},Home:(e,t,c)=>{c.preventDefault(),t.focusElement(t.first,e),a(0)},End:(e,t,c)=>{c.preventDefault(),t.focusElement(t.last,e),a(i)},Space:(e,t,c)=>{c.preventDefault(),e.children[0].click()},Enter:(e,t,c)=>{c.preventDefault(),e.children[0].click()}}}})},[O,b.length,n,a]);o.useEffect(()=>(h.initializeRovingTab(u),()=>h.removeFocusListener()),[]);const W=o.useCallback(h.triggerKeyboardEvent.bind(h),[]),X=o.useMemo(()=>d.classNames("k-stepper",{"k-stepper-linear":y},P),[y,P]),Y=o.useMemo(()=>({display:"grid",gridTemplateColumns:n?void 0:"repeat("+m*2+", 1fr)",gridTemplateRows:n?"repeat("+m+", 1fr)":void 0,...T}),[n,m,T]),Z=o.useMemo(()=>d.classNames("k-step-list",{"k-step-list-horizontal":!n,"k-step-list-vertical":n}),[n]),$=o.useMemo(()=>({gridColumnStart:n?void 0:1,gridColumnEnd:n?void 0:-1,gridRowStart:n?1:void 0,gridRowEnd:n?-1:void 0}),[n]),ee=o.useMemo(()=>({gridColumnStart:n?void 0:2,gridColumnEnd:n?void 0:m*2,gridRowStart:n?1:void 0,gridRowEnd:n?m:void 0,top:n?17:void 0}),[n,m]),q=b&&b.map((r,i)=>{const e={index:i,disabled:g||r.disabled,focused:i===H,current:i===u,...r},t=R||se.Step;return o.createElement(t,{key:i,...e})});return o.createElement(ne.StepperContext.Provider,{value:{animationDuration:f,isVertical:n,item:R,linear:y,mode:_,numOfSteps:m,value:u,successIcon:K,successSVGIcon:G,errorIcon:V,errorSVGIcon:j,onChange:J,onFocus:Q}},o.createElement("nav",{className:X,style:Y,dir:O,role:"navigation",ref:v,onKeyDown:W},o.createElement("ol",{className:Z,style:$},q||I),o.createElement(oe.ProgressBar,{style:ee,labelPlacement:"start",animation:{duration:U},ariaLabel:B,"aria-hidden":!0,max:m-1,labelVisible:!1,orientation:x,reverse:x==="vertical",value:u,disabled:g,tabIndex:-1})))});w.propTypes={animationDuration:l.oneOfType([l.bool,l.number]),children:l.any,className:l.string,dir:l.string,disabled:l.bool,errorIcon:l.string,errorSVGIcon:d.svgIconPropType,item:l.any,items:l.any,linear:l.bool,mode:l.oneOf(["steps","labels"]),orientation:l.oneOf(["horizontal","vertical"]),style:l.object,successIcon:l.string,successSVGIcon:d.svgIconPropType,value:l.number.isRequired,onChange:l.func,onFocus:l.func};w.displayName="KendoStepper";exports.Stepper=w;
|