@progress/kendo-react-layout 9.5.0-develop.6 → 10.0.0-develop.1
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/ActionSheet.js +1 -1
- package/actionsheet/ActionSheet.mjs +8 -10
- package/appbar/AppBar.js +1 -1
- package/appbar/AppBar.mjs +12 -14
- package/bottomnavigation/BottomNavigation.js +1 -1
- package/bottomnavigation/BottomNavigation.mjs +30 -32
- package/bottomnavigation/BottomNavigationItem.js +1 -1
- package/bottomnavigation/BottomNavigationItem.mjs +28 -30
- package/breadcrumb/Breadcrumb.js +1 -1
- package/breadcrumb/Breadcrumb.mjs +25 -27
- package/breadcrumb/BreadcrumbDelimiter.js +1 -1
- package/breadcrumb/BreadcrumbDelimiter.mjs +14 -16
- package/breadcrumb/BreadcrumbLink.js +1 -1
- package/breadcrumb/BreadcrumbLink.mjs +25 -27
- package/breadcrumb/BreadcrumbListItem.js +1 -1
- package/breadcrumb/BreadcrumbListItem.mjs +12 -14
- package/breadcrumb/BreadcrumbOrderedList.js +1 -1
- package/breadcrumb/BreadcrumbOrderedList.mjs +25 -27
- package/card/Avatar.js +1 -1
- package/card/Avatar.mjs +16 -17
- package/card/Card.js +1 -1
- package/card/Card.mjs +7 -9
- package/dist/cdn/js/kendo-react-layout.js +1 -1
- package/drawer/Drawer.js +1 -1
- package/drawer/Drawer.mjs +34 -36
- package/drawer/DrawerNavigation.js +1 -1
- package/drawer/DrawerNavigation.mjs +60 -64
- package/expansionpanel/ExpansionPanel.js +1 -1
- package/expansionpanel/ExpansionPanel.mjs +45 -47
- package/gridlayout/GridLayout.js +1 -1
- package/gridlayout/GridLayout.mjs +19 -21
- package/gridlayout/GridLayoutItem.js +1 -1
- package/gridlayout/GridLayoutItem.mjs +6 -8
- package/index.d.mts +1 -4
- package/index.d.ts +1 -4
- package/menu/components/Menu.js +1 -1
- package/menu/components/Menu.mjs +25 -26
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +8 -8
- package/panelbar/PanelBar.js +1 -1
- package/panelbar/PanelBar.mjs +46 -48
- package/splitter/Splitter.js +1 -1
- package/splitter/Splitter.mjs +64 -63
- package/stacklayout/StackLayout.js +1 -1
- package/stacklayout/StackLayout.mjs +4 -6
- package/stepper/Stepper.js +1 -1
- package/stepper/Stepper.mjs +35 -37
- package/tabstrip/TabStrip.js +1 -1
- package/tabstrip/TabStrip.mjs +31 -33
- package/tilelayout/TileLayout.js +1 -1
- package/tilelayout/TileLayout.mjs +47 -48
- package/timeline/Timeline.js +1 -1
- package/timeline/Timeline.mjs +21 -19
|
@@ -7,38 +7,36 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import * as r from "react";
|
|
9
9
|
import t from "prop-types";
|
|
10
|
-
import {
|
|
11
|
-
import { chevronLeftIcon as
|
|
12
|
-
import { packageMetadata as u } from "../package-metadata.mjs";
|
|
10
|
+
import { IconWrap as c } from "@progress/kendo-react-common";
|
|
11
|
+
import { chevronLeftIcon as o, chevronRightIcon as d } from "@progress/kendo-svg-icons";
|
|
13
12
|
const m = r.forwardRef(
|
|
14
|
-
(e,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var i;
|
|
13
|
+
(e, l) => {
|
|
14
|
+
const n = r.useRef(null), i = r.useRef(null);
|
|
15
|
+
return r.useImperativeHandle(n, () => {
|
|
16
|
+
var a;
|
|
19
17
|
return {
|
|
20
|
-
element: ((
|
|
18
|
+
element: ((a = i.current) == null ? void 0 : a.element) || null,
|
|
21
19
|
props: e
|
|
22
20
|
};
|
|
23
21
|
}), r.useImperativeHandle(
|
|
24
|
-
|
|
25
|
-
() =>
|
|
22
|
+
l,
|
|
23
|
+
() => n.current
|
|
26
24
|
), /* @__PURE__ */ r.createElement(
|
|
27
|
-
|
|
25
|
+
c,
|
|
28
26
|
{
|
|
29
|
-
ref:
|
|
27
|
+
ref: i,
|
|
30
28
|
id: e.id,
|
|
31
29
|
"aria-hidden": !0,
|
|
32
30
|
tabIndex: e.tabIndex,
|
|
33
31
|
style: e.style,
|
|
34
32
|
name: e.dir === "rtl" ? "chevron-left" : "chevron-right",
|
|
35
|
-
icon: e.dir === "rtl" ?
|
|
33
|
+
icon: e.dir === "rtl" ? o : d,
|
|
36
34
|
className: "k-breadcrumb-delimiter-icon",
|
|
37
35
|
size: "xsmall"
|
|
38
36
|
}
|
|
39
37
|
);
|
|
40
38
|
}
|
|
41
|
-
),
|
|
39
|
+
), s = {
|
|
42
40
|
id: t.string,
|
|
43
41
|
className: t.string,
|
|
44
42
|
style: t.object,
|
|
@@ -46,7 +44,7 @@ const m = r.forwardRef(
|
|
|
46
44
|
dir: t.string
|
|
47
45
|
};
|
|
48
46
|
m.displayName = "KendoReactBreadcrumbDelimiter";
|
|
49
|
-
m.propTypes =
|
|
47
|
+
m.propTypes = s;
|
|
50
48
|
export {
|
|
51
49
|
m as BreadcrumbDelimiter
|
|
52
50
|
};
|
|
@@ -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 b=require("react"),t=require("prop-types"),l=require("@progress/kendo-react-common")
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),t=require("prop-types"),l=require("@progress/kendo-react-common");function m(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const a=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(r,c,a.get?a:{enumerable:!0,get:()=>e[c]})}}return r.default=e,Object.freeze(r)}const n=m(b),d=n.forwardRef((e,r)=>{const c=n.useRef(null),a=n.useRef(null),s=n.useCallback(()=>{a.current&&a.current.focus()},[a]);n.useImperativeHandle(c,()=>({element:a.current,focus:s,props:e})),n.useImperativeHandle(r,()=>c.current);const u=n.useCallback(i=>{e.id&&l.dispatchEvent(e.onItemSelect,i,i.target,{id:e.id})},[e.onItemSelect]),o=n.useCallback(i=>{e.id&&l.dispatchEvent(e.onKeyDown,i,i.target,{id:e.id})},[e.onKeyDown]);return n.createElement("a",{href:"#","aria-current":e.ariaCurrent?e.ariaCurrent:e.isLast,role:"link",id:e.id,ref:a,style:e.style,dir:l.useDir(a,e.dir),tabIndex:l.getTabIndex(e.tabIndex,e.disabled),className:l.classNames(e.className,{"k-breadcrumb-root-link":e.isFirst,"k-breadcrumb-link":!e.isFirst,"k-breadcrumb-icontext-link":(e.icon!==void 0||e.iconClass!==void 0)&&e.text,"k-breadcrumb-icon-link":(e.icon!==void 0||e.iconClass!==void 0)&&!e.text,"k-disabled":e.disabled}),onClick:i=>{i.preventDefault(),u(i)},onKeyDown:o},e.iconClass?n.createElement("span",{className:l.classNames("k-icon",e.iconClass)}):e.icon?e.icon:"",e.text&&n.createElement("span",{className:"k-breadcrumb-item-text"},e.text))}),f={id:t.string,className:t.string,tabIndex:t.number,style:t.object,dir:t.string,disabled:t.bool,text:t.string,icon:t.node,iconClass:t.string,onClick:t.func,ariaCurrent:t.bool};d.displayName="KendoReactBreadcrumbLink";d.propTypes=f;exports.BreadcrumbLink=d;
|
|
@@ -6,11 +6,9 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import * as t from "react";
|
|
9
|
-
import
|
|
10
|
-
import {
|
|
11
|
-
import { packageMetadata as C } from "../package-metadata.mjs";
|
|
9
|
+
import n from "prop-types";
|
|
10
|
+
import { dispatchEvent as l, useDir as o, getTabIndex as k, classNames as d } from "@progress/kendo-react-common";
|
|
12
11
|
const r = t.forwardRef((e, s) => {
|
|
13
|
-
b(C);
|
|
14
12
|
const c = t.useRef(null), i = t.useRef(null), m = t.useCallback(() => {
|
|
15
13
|
i.current && i.current.focus();
|
|
16
14
|
}, [i]);
|
|
@@ -20,15 +18,15 @@ const r = t.forwardRef((e, s) => {
|
|
|
20
18
|
props: e
|
|
21
19
|
})), t.useImperativeHandle(s, () => c.current);
|
|
22
20
|
const u = t.useCallback(
|
|
23
|
-
(
|
|
24
|
-
e.id && l(e.onItemSelect,
|
|
21
|
+
(a) => {
|
|
22
|
+
e.id && l(e.onItemSelect, a, a.target, {
|
|
25
23
|
id: e.id
|
|
26
24
|
});
|
|
27
25
|
},
|
|
28
26
|
[e.onItemSelect]
|
|
29
|
-
),
|
|
30
|
-
(
|
|
31
|
-
e.id && l(e.onKeyDown,
|
|
27
|
+
), b = t.useCallback(
|
|
28
|
+
(a) => {
|
|
29
|
+
e.id && l(e.onKeyDown, a, a.target, {
|
|
32
30
|
id: e.id
|
|
33
31
|
});
|
|
34
32
|
},
|
|
@@ -43,8 +41,8 @@ const r = t.forwardRef((e, s) => {
|
|
|
43
41
|
id: e.id,
|
|
44
42
|
ref: i,
|
|
45
43
|
style: e.style,
|
|
46
|
-
dir:
|
|
47
|
-
tabIndex:
|
|
44
|
+
dir: o(i, e.dir),
|
|
45
|
+
tabIndex: k(e.tabIndex, e.disabled),
|
|
48
46
|
className: d(e.className, {
|
|
49
47
|
"k-breadcrumb-root-link": e.isFirst,
|
|
50
48
|
"k-breadcrumb-link": !e.isFirst,
|
|
@@ -52,29 +50,29 @@ const r = t.forwardRef((e, s) => {
|
|
|
52
50
|
"k-breadcrumb-icon-link": (e.icon !== void 0 || e.iconClass !== void 0) && !e.text,
|
|
53
51
|
"k-disabled": e.disabled
|
|
54
52
|
}),
|
|
55
|
-
onClick: (
|
|
56
|
-
|
|
53
|
+
onClick: (a) => {
|
|
54
|
+
a.preventDefault(), u(a);
|
|
57
55
|
},
|
|
58
|
-
onKeyDown:
|
|
56
|
+
onKeyDown: b
|
|
59
57
|
},
|
|
60
58
|
e.iconClass ? /* @__PURE__ */ t.createElement("span", { className: d("k-icon", e.iconClass) }) : e.icon ? e.icon : "",
|
|
61
59
|
e.text && /* @__PURE__ */ t.createElement("span", { className: "k-breadcrumb-item-text" }, e.text)
|
|
62
60
|
);
|
|
63
|
-
}),
|
|
64
|
-
id:
|
|
65
|
-
className:
|
|
66
|
-
tabIndex:
|
|
67
|
-
style:
|
|
68
|
-
dir:
|
|
69
|
-
disabled:
|
|
70
|
-
text:
|
|
71
|
-
icon:
|
|
72
|
-
iconClass:
|
|
73
|
-
onClick:
|
|
74
|
-
ariaCurrent:
|
|
61
|
+
}), f = {
|
|
62
|
+
id: n.string,
|
|
63
|
+
className: n.string,
|
|
64
|
+
tabIndex: n.number,
|
|
65
|
+
style: n.object,
|
|
66
|
+
dir: n.string,
|
|
67
|
+
disabled: n.bool,
|
|
68
|
+
text: n.string,
|
|
69
|
+
icon: n.node,
|
|
70
|
+
iconClass: n.string,
|
|
71
|
+
onClick: n.func,
|
|
72
|
+
ariaCurrent: n.bool
|
|
75
73
|
};
|
|
76
74
|
r.displayName = "KendoReactBreadcrumbLink";
|
|
77
|
-
r.propTypes =
|
|
75
|
+
r.propTypes = f;
|
|
78
76
|
export {
|
|
79
77
|
r as BreadcrumbLink
|
|
80
78
|
};
|
|
@@ -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 i=require("react"),n=require("prop-types"),l=require("@progress/kendo-react-common");function o(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const c=o(i),s=c.forwardRef((e,a)=>{const r=c.useRef(null),t=c.useRef(null),u=c.useCallback(()=>{t.current&&t.current.focus()},[t]);return c.useImperativeHandle(r,()=>({element:t.current,focus:u,props:e})),c.useImperativeHandle(a,()=>r.current),c.createElement("li",{ref:t,id:e.id,style:e.style,className:l.classNames("k-breadcrumb-item",{"k-breadcrumb-root-item":e.isFirstItem,"k-breadcrumb-last-item":e.isLastItem},e.className)},e.children)}),m={id:n.string,className:n.string,children:n.any,style:n.object};s.displayName="KendoReactBreadcrumbListItem";s.propTypes=m;exports.BreadcrumbListItem=s;
|
|
@@ -6,29 +6,27 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import * as t from "react";
|
|
9
|
-
import
|
|
10
|
-
import {
|
|
11
|
-
import { packageMetadata as u } from "../package-metadata.mjs";
|
|
9
|
+
import s from "prop-types";
|
|
10
|
+
import { classNames as l } from "@progress/kendo-react-common";
|
|
12
11
|
const c = t.forwardRef(
|
|
13
12
|
(e, m) => {
|
|
14
|
-
|
|
15
|
-
const s = t.useRef(null), r = t.useRef(null), i = t.useCallback(() => {
|
|
13
|
+
const a = t.useRef(null), r = t.useRef(null), i = t.useCallback(() => {
|
|
16
14
|
r.current && r.current.focus();
|
|
17
15
|
}, [r]);
|
|
18
|
-
return t.useImperativeHandle(
|
|
16
|
+
return t.useImperativeHandle(a, () => ({
|
|
19
17
|
element: r.current,
|
|
20
18
|
focus: i,
|
|
21
19
|
props: e
|
|
22
20
|
})), t.useImperativeHandle(
|
|
23
21
|
m,
|
|
24
|
-
() =>
|
|
22
|
+
() => a.current
|
|
25
23
|
), /* @__PURE__ */ t.createElement(
|
|
26
24
|
"li",
|
|
27
25
|
{
|
|
28
26
|
ref: r,
|
|
29
27
|
id: e.id,
|
|
30
28
|
style: e.style,
|
|
31
|
-
className:
|
|
29
|
+
className: l(
|
|
32
30
|
"k-breadcrumb-item",
|
|
33
31
|
{
|
|
34
32
|
"k-breadcrumb-root-item": e.isFirstItem,
|
|
@@ -40,14 +38,14 @@ const c = t.forwardRef(
|
|
|
40
38
|
e.children
|
|
41
39
|
);
|
|
42
40
|
}
|
|
43
|
-
),
|
|
44
|
-
id:
|
|
45
|
-
className:
|
|
46
|
-
children:
|
|
47
|
-
style:
|
|
41
|
+
), n = {
|
|
42
|
+
id: s.string,
|
|
43
|
+
className: s.string,
|
|
44
|
+
children: s.any,
|
|
45
|
+
style: s.object
|
|
48
46
|
};
|
|
49
47
|
c.displayName = "KendoReactBreadcrumbListItem";
|
|
50
|
-
c.propTypes =
|
|
48
|
+
c.propTypes = n;
|
|
51
49
|
export {
|
|
52
50
|
c as BreadcrumbListItem
|
|
53
51
|
};
|
|
@@ -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 i=require("react"),d=require("prop-types"),n=require("@progress/kendo-react-common")
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),d=require("prop-types"),n=require("@progress/kendo-react-common");function s(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const t=s(i),c=t.forwardRef((e,l)=>{const r=t.useRef(null),a=t.useRef(null);return t.useImperativeHandle(r,()=>({element:a.current,props:e})),t.useImperativeHandle(l,()=>r.current),t.createElement(t.Fragment,null,e.rootItem?t.createElement("ol",{id:e.id,ref:a,style:e.style,dir:n.useDir(a,e.dir),tabIndex:n.getTabIndex(e.tabIndex,e.disabled),className:n.classNames("k-breadcrumb-root-item-container",{"k-disabled":e.disabled},e.className)},e.children):t.createElement("ol",{id:e.id,ref:a,style:e.style,dir:n.useDir(a,e.dir),tabIndex:n.getTabIndex(e.tabIndex,e.disabled),className:n.classNames("k-breadcrumb-container !k-flex-wrap",{"k-disabled":e.disabled},e.className)},e.children))}),u={id:d.string,className:d.string,children:d.element,tabIndex:d.number,style:d.object,dir:d.string,disabled:d.bool};c.displayName="KendoReactBreadcrumbOrderedList";c.propTypes=u;exports.BreadcrumbOrderedList=c;
|
|
@@ -5,27 +5,25 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import * as
|
|
9
|
-
import
|
|
10
|
-
import {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
return a.useImperativeHandle(r, () => ({
|
|
17
|
-
element: d.current,
|
|
8
|
+
import * as t from "react";
|
|
9
|
+
import d from "prop-types";
|
|
10
|
+
import { useDir as l, getTabIndex as i, classNames as n } from "@progress/kendo-react-common";
|
|
11
|
+
const m = t.forwardRef(
|
|
12
|
+
(e, s) => {
|
|
13
|
+
const r = t.useRef(null), a = t.useRef(null);
|
|
14
|
+
return t.useImperativeHandle(r, () => ({
|
|
15
|
+
element: a.current,
|
|
18
16
|
props: e
|
|
19
|
-
})),
|
|
20
|
-
|
|
17
|
+
})), t.useImperativeHandle(
|
|
18
|
+
s,
|
|
21
19
|
() => r.current
|
|
22
|
-
), /* @__PURE__ */
|
|
20
|
+
), /* @__PURE__ */ t.createElement(t.Fragment, null, e.rootItem ? /* @__PURE__ */ t.createElement(
|
|
23
21
|
"ol",
|
|
24
22
|
{
|
|
25
23
|
id: e.id,
|
|
26
|
-
ref:
|
|
24
|
+
ref: a,
|
|
27
25
|
style: e.style,
|
|
28
|
-
dir: l(
|
|
26
|
+
dir: l(a, e.dir),
|
|
29
27
|
tabIndex: i(e.tabIndex, e.disabled),
|
|
30
28
|
className: n(
|
|
31
29
|
"k-breadcrumb-root-item-container",
|
|
@@ -36,13 +34,13 @@ const m = a.forwardRef(
|
|
|
36
34
|
)
|
|
37
35
|
},
|
|
38
36
|
e.children
|
|
39
|
-
) : /* @__PURE__ */
|
|
37
|
+
) : /* @__PURE__ */ t.createElement(
|
|
40
38
|
"ol",
|
|
41
39
|
{
|
|
42
40
|
id: e.id,
|
|
43
|
-
ref:
|
|
41
|
+
ref: a,
|
|
44
42
|
style: e.style,
|
|
45
|
-
dir: l(
|
|
43
|
+
dir: l(a, e.dir),
|
|
46
44
|
tabIndex: i(e.tabIndex, e.disabled),
|
|
47
45
|
className: n(
|
|
48
46
|
"k-breadcrumb-container !k-flex-wrap",
|
|
@@ -55,17 +53,17 @@ const m = a.forwardRef(
|
|
|
55
53
|
e.children
|
|
56
54
|
));
|
|
57
55
|
}
|
|
58
|
-
),
|
|
59
|
-
id:
|
|
60
|
-
className:
|
|
61
|
-
children:
|
|
62
|
-
tabIndex:
|
|
63
|
-
style:
|
|
64
|
-
dir:
|
|
65
|
-
disabled:
|
|
56
|
+
), c = {
|
|
57
|
+
id: d.string,
|
|
58
|
+
className: d.string,
|
|
59
|
+
children: d.element,
|
|
60
|
+
tabIndex: d.number,
|
|
61
|
+
style: d.object,
|
|
62
|
+
dir: d.string,
|
|
63
|
+
disabled: d.bool
|
|
66
64
|
};
|
|
67
65
|
m.displayName = "KendoReactBreadcrumbOrderedList";
|
|
68
|
-
m.propTypes =
|
|
66
|
+
m.propTypes = c;
|
|
69
67
|
export {
|
|
70
68
|
m as BreadcrumbOrderedList
|
|
71
69
|
};
|
package/card/Avatar.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 i=require("react"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),a=require("prop-types"),t=require("@progress/kendo-react-common"),d=require("./interfaces/Enums.js");function c(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const o in r)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(r,o);Object.defineProperty(e,o,l.get?l:{enumerable:!0,get:()=>r[o]})}}return e.default=r,Object.freeze(e)}const n=c(i),s=r=>{const e={type:d.avatarType.TEXT,size:"medium",rounded:"full",fillMode:"solid",themeColor:"primary",...r};return n.createElement("div",{style:e.style,className:t.classNames("k-avatar",{"k-avatar-bordered":e.border,[`k-rounded-${t.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,[`k-avatar-${t.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-avatar-${e.fillMode}`]:e.fillMode,[`k-avatar-${e.fillMode}-${e.themeColor}`]:!!(e.fillMode&&e.themeColor)},e.className)},n.createElement("span",{className:`k-avatar-${e.type}`},e.children))};s.propTypes={className:a.string,type:a.oneOf(["text","image","icon"]),size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large","full"]),fillMode:a.oneOf([null,"solid","outline"]),themeColor:a.oneOf([null,"base","dark","error","info","inverse","inverse","light","primary","secondary","success","tertiary","warning"])};exports.Avatar=s;
|
package/card/Avatar.mjs
CHANGED
|
@@ -5,21 +5,20 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import * as
|
|
9
|
-
import
|
|
10
|
-
import {
|
|
11
|
-
import { avatarType as
|
|
12
|
-
|
|
13
|
-
const n = (l) => {
|
|
8
|
+
import * as a from "react";
|
|
9
|
+
import r from "prop-types";
|
|
10
|
+
import { classNames as s, kendoThemeMaps as o } from "@progress/kendo-react-common";
|
|
11
|
+
import { avatarType as t } from "./interfaces/Enums.mjs";
|
|
12
|
+
const i = (l) => {
|
|
14
13
|
const e = {
|
|
15
|
-
type:
|
|
14
|
+
type: t.TEXT,
|
|
16
15
|
size: "medium",
|
|
17
16
|
rounded: "full",
|
|
18
17
|
fillMode: "solid",
|
|
19
18
|
themeColor: "primary",
|
|
20
19
|
...l
|
|
21
20
|
};
|
|
22
|
-
return
|
|
21
|
+
return /* @__PURE__ */ a.createElement(
|
|
23
22
|
"div",
|
|
24
23
|
{
|
|
25
24
|
style: e.style,
|
|
@@ -35,17 +34,17 @@ const n = (l) => {
|
|
|
35
34
|
e.className
|
|
36
35
|
)
|
|
37
36
|
},
|
|
38
|
-
/* @__PURE__ */
|
|
37
|
+
/* @__PURE__ */ a.createElement("span", { className: `k-avatar-${e.type}` }, e.children)
|
|
39
38
|
);
|
|
40
39
|
};
|
|
41
|
-
|
|
42
|
-
className:
|
|
43
|
-
type:
|
|
44
|
-
size:
|
|
45
|
-
rounded:
|
|
46
|
-
fillMode:
|
|
40
|
+
i.propTypes = {
|
|
41
|
+
className: r.string,
|
|
42
|
+
type: r.oneOf(["text", "image", "icon"]),
|
|
43
|
+
size: r.oneOf([null, "small", "medium", "large"]),
|
|
44
|
+
rounded: r.oneOf([null, "small", "medium", "large", "full"]),
|
|
45
|
+
fillMode: r.oneOf([null, "solid", "outline"]),
|
|
47
46
|
/* eslint-disable max-len */
|
|
48
|
-
themeColor:
|
|
47
|
+
themeColor: r.oneOf([
|
|
49
48
|
null,
|
|
50
49
|
"base",
|
|
51
50
|
"dark",
|
|
@@ -62,5 +61,5 @@ n.propTypes = {
|
|
|
62
61
|
])
|
|
63
62
|
};
|
|
64
63
|
export {
|
|
65
|
-
|
|
64
|
+
i as Avatar
|
|
66
65
|
};
|
package/card/Card.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 O=require("react"),r=require("prop-types"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),r=require("prop-types"),g=require("@progress/kendo-react-common"),c=require("./interfaces/Enums.js");function R(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=R(O),i=n.forwardRef((e,a)=>{const{children:t,dir:o,style:f,className:m,type:s=p.type,orientation:l=p.orientation,...y}=e,d=n.useRef(null),u=n.useRef(null);return n.useImperativeHandle(d,()=>({element:u.current,props:e})),n.useImperativeHandle(a,()=>d.current),n.createElement("div",{dir:o,style:f,ref:u,className:g.classNames("k-card",m,{[`k-card-${s}`]:s!==c.cardType.DEFAULT},l===null?void 0:l!==c.cardOrientation.HORIZONTAL?"k-card-vertical":"k-card-horizontal"),...y},t)});i.displayName="KendoReactCard";i.propTypes={children:r.node,className:r.string,dir:r.string,orientation:r.oneOf(["horizontal","vertical"]),style:r.object,type:r.oneOf(["default","primary","info","success","warning","error"])};const p={type:c.cardType.DEFAULT,orientation:c.cardOrientation.VERTICAL};exports.Card=i;
|
package/card/Card.mjs
CHANGED
|
@@ -7,18 +7,16 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import * as e from "react";
|
|
9
9
|
import r from "prop-types";
|
|
10
|
-
import {
|
|
11
|
-
import { cardType as
|
|
12
|
-
import { packageMetadata as g } from "../package-metadata.mjs";
|
|
10
|
+
import { classNames as T } from "@progress/kendo-react-common";
|
|
11
|
+
import { cardType as c, cardOrientation as l } from "./interfaces/Enums.mjs";
|
|
13
12
|
const d = e.forwardRef((t, p) => {
|
|
14
|
-
v(g);
|
|
15
13
|
const {
|
|
16
14
|
children: m,
|
|
17
15
|
dir: f,
|
|
18
16
|
style: u,
|
|
19
17
|
className: y,
|
|
20
|
-
type: a =
|
|
21
|
-
orientation: o =
|
|
18
|
+
type: a = s.type,
|
|
19
|
+
orientation: o = s.orientation,
|
|
22
20
|
...R
|
|
23
21
|
} = t, n = e.useRef(null), i = e.useRef(null);
|
|
24
22
|
return e.useImperativeHandle(n, () => ({
|
|
@@ -33,7 +31,7 @@ const d = e.forwardRef((t, p) => {
|
|
|
33
31
|
className: T(
|
|
34
32
|
"k-card",
|
|
35
33
|
y,
|
|
36
|
-
{ [`k-card-${a}`]: a !==
|
|
34
|
+
{ [`k-card-${a}`]: a !== c.DEFAULT },
|
|
37
35
|
o === null ? void 0 : o !== l.HORIZONTAL ? "k-card-vertical" : "k-card-horizontal"
|
|
38
36
|
),
|
|
39
37
|
...R
|
|
@@ -50,8 +48,8 @@ d.propTypes = {
|
|
|
50
48
|
style: r.object,
|
|
51
49
|
type: r.oneOf(["default", "primary", "info", "success", "warning", "error"])
|
|
52
50
|
};
|
|
53
|
-
const
|
|
54
|
-
type:
|
|
51
|
+
const s = {
|
|
52
|
+
type: c.DEFAULT,
|
|
55
53
|
orientation: l.VERTICAL
|
|
56
54
|
};
|
|
57
55
|
export {
|