@progress/kendo-react-layout 10.1.1-develop.1 → 10.2.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 +68 -66
- package/actionsheet/ActionSheetContent.js +1 -1
- package/actionsheet/ActionSheetContent.mjs +7 -17
- package/actionsheet/ActionSheetFooter.js +1 -1
- package/actionsheet/ActionSheetFooter.mjs +38 -11
- package/dist/cdn/js/kendo-react-layout.js +1 -1
- package/index.d.mts +52 -15
- package/index.d.ts +52 -15
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +8 -8
|
@@ -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 Q=require("react"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("react"),m=require("prop-types"),V=require("@progress/kendo-react-animation"),x=require("@progress/kendo-react-common"),K=require("./ActionSheetItem.js"),H=require("./ActionSheetHeader.js"),W=require("./ActionSheetFooter.js"),X=require("./ActionSheetContent.js");function Y(e){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const d=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(u,r,d.get?d:{enumerable:!0,get:()=>e[r]})}}return u.default=e,Object.freeze(u)}const n=Y(Q),C=n.forwardRef((e,u)=>{var q,_;const{navigatableElements:r=S.navigatableElements,navigatable:d=S.navigatable,position:F=S.position,animationDuration:o=300,prefixActions:D,suffixActions:I,filter:O}=e,L=(t,i,a)=>{a.preventDefault(),a.shiftKey?i.focusPrevious(t):i.focusNext(t)},M=(t,i,a)=>{if(t.ariaDisabled)return;const E=t.className&&t.className.indexOf?t.className.indexOf("k-actionsheet-item")!==-1:!1,v=i.elements.filter(c=>c.className.indexOf("k-actionsheet-item")!==-1);if(E&&e.onItemClick){a.preventDefault();const c=e.items[v.indexOf(t)];e.onItemClick.call(void 0,{syntheticEvent:a,item:c,title:c&&c.title})}if(E&&e.onItemSelect){a.preventDefault();const c=e.items[v.indexOf(t)];e.onItemSelect.call(void 0,{syntheticEvent:a,item:c,title:c&&c.title})}e.animation||f()},$=(t,i,a)=>{e.onOverlayClick&&(a.preventDefault(),e.onOverlayClick.call(void 0,a)),e.onClose&&(a.preventDefault(),e.onClose.call(void 0,a)),e.animation||f()},f=()=>{h({show:!1})},B=t=>{d&&b.current.triggerKeyboardEvent(t)},z=t=>{e.onOverlayClick&&e.onOverlayClick.call(void 0,t),e.onClose&&e.onClose.call(void 0,t),e.animation||f()},R=t=>{e.onItemClick&&e.onItemClick.call(void 0,t),e.onItemSelect&&e.onItemSelect.call(void 0,t),e.animation||f()},U=t=>{const i={};return n.Children.forEach(t,a=>{a&&(i[a.type.displayName]=a)}),i},w=n.useRef(null),N=n.useRef(null);n.useImperativeHandle(w,()=>({props:e})),n.useImperativeHandle(u,()=>w.current);const b=n.useRef(),g=n.useRef({bottom:"0",width:"100%"}),A=n.useRef(),[l,G]=n.useState({show:!1,slide:!1}),h=t=>{G(i=>({...i,...t}))};n.useEffect(()=>{e.expand&&!l.show&&h({show:!0})},[]),n.useEffect(()=>{const t=N.current;if(e.expand&&!l.show&&h({show:!0}),e.expand&&l.show&&!l.slide&&h({slide:!0}),!e.expand&&l.show&&l.slide&&h({slide:!1}),A!==l&&l.slide&&t&&!e.className&&(t.style.setProperty("--kendo-actionsheet-height","auto"),t.style.setProperty("--kendo-actionsheet-max-height","none")),t&&d){const a=[".k-actionsheet-item",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-titlebar"].map(E=>x.FOCUSABLE_ELEMENTS.concat(r).map(v=>`${E} ${v}`)).flat()];b.current=new x.Navigation({tabIndex:e.tabIndex||0,root:N,rovingTabIndex:!1,selectors:a,keyboardEvents:{keydown:{Tab:L,Enter:M,Escape:$}}}),b.current.focusElement(b.current.first,null)}A.current={...l}});const T="k-actionsheet-title",P=T,s=(q=e.items)==null?void 0:q.filter(t=>!t.group||t.group==="top"),k=(_=e.items)==null?void 0:_.filter(t=>t.group==="bottom"),J=s&&s.length>0&&k&&k.length>0,y=U(e.children),j=l.slide&&n.createElement("div",{className:x.classNames(`k-actionsheet k-actionsheet-${F}`,e.className),role:"dialog","aria-modal":"true","aria-hidden":!1,"aria-labelledby":P,ref:N,onKeyDown:B},y[H.headerDisplayName]&&!e.title&&!e.subTitle&&y[H.headerDisplayName],(e.title||e.subTitle)&&n.createElement("div",{className:"k-actionsheet-titlebar"},n.createElement("div",{className:"k-actionsheet-titlebar-group k-hbox"},D&&n.createElement("div",{className:"k-actionsheet-actions"},D),n.createElement("div",{className:T,id:P},n.createElement("div",{className:"k-text-center"},e.title),e.subTitle&&n.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},e.subTitle)),I&&n.createElement("div",{className:"k-actionsheet-actions"},I)),O&&n.createElement("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter"},O)),y[X.contentDisplayName]||n.createElement("div",{className:"k-actionsheet-content"},n.createElement("div",{className:"k-list-ul",role:"group"},s&&s.map((t,i)=>n.createElement(K.ActionSheetItem,{...t,id:i,key:i,item:t,tabIndex:e.tabIndex||0,onClick:R})),J&&n.createElement("hr",{className:"k-hr"}),k&&k.map((t,i)=>n.createElement(K.ActionSheetItem,{...t,id:i+((s==null?void 0:s.length)||0),key:i,item:t,tabIndex:e.tabIndex||0,onClick:R})))),y[W.footerDisplayName]);return n.createElement(n.Fragment,null,e.expand||l.show?n.createElement("div",{className:"k-actionsheet-container"},n.createElement("div",{className:"k-overlay",onClick:z}),e.animation?n.createElement(V.Animation,{transitionName:l.slide?"slide-up":"slide-down",onExited:f,transitionEnterDuration:typeof o=="object"&&Object.keys(o).length>0&&o.openDuration?Number(o.openDuration):Number(o),transitionExitDuration:typeof o=="object"&&Object.keys(o).length>0&&o.closeDuration?Number(o.closeDuration):Number(o),animationEnteringStyle:e.animationStyles||g.current,animationEnteredStyle:e.animationStyles||g.current,animationExitingStyle:e.animationStyles||g.current,exit:!0,enter:!0,appear:!1},j):j):null)}),S={navigatable:!0,navigatableElements:[],position:"bottom"};C.propTypes={items:m.array,subTitle:m.string,title:m.string,navigatable:m.bool,navigatableElements:m.array,position:m.oneOf(["top","bottom","left","right","fullscreen"])};C.displayName="KendoReactActionSheet";exports.ActionSheet=C;exports.actionSheetDefaultProps=S;
|
|
@@ -6,82 +6,84 @@
|
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
8
|
import * as n from "react";
|
|
9
|
-
import
|
|
9
|
+
import r from "prop-types";
|
|
10
10
|
import { Animation as J } from "@progress/kendo-react-animation";
|
|
11
11
|
import { FOCUSABLE_ELEMENTS as Q, Navigation as V, classNames as W } from "@progress/kendo-react-common";
|
|
12
12
|
import { ActionSheetItem as P } from "./ActionSheetItem.mjs";
|
|
13
|
-
import { headerDisplayName as
|
|
13
|
+
import { headerDisplayName as K } from "./ActionSheetHeader.mjs";
|
|
14
14
|
import { footerDisplayName as X } from "./ActionSheetFooter.mjs";
|
|
15
15
|
import { contentDisplayName as Y } from "./ActionSheetContent.mjs";
|
|
16
|
-
const
|
|
17
|
-
var
|
|
16
|
+
const j = n.forwardRef((e, _) => {
|
|
17
|
+
var T, A;
|
|
18
18
|
const {
|
|
19
|
-
navigatableElements: H =
|
|
20
|
-
navigatable:
|
|
21
|
-
position: L =
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
navigatableElements: H = y.navigatableElements,
|
|
20
|
+
navigatable: N = y.navigatable,
|
|
21
|
+
position: L = y.position,
|
|
22
|
+
animationDuration: o = 300,
|
|
23
|
+
prefixActions: g,
|
|
24
|
+
suffixActions: x,
|
|
25
|
+
filter: S
|
|
24
26
|
} = e, $ = (t, i, a) => {
|
|
25
27
|
a.preventDefault(), a.shiftKey ? i.focusPrevious(t) : i.focusNext(t);
|
|
26
28
|
}, B = (t, i, a) => {
|
|
27
29
|
if (t.ariaDisabled)
|
|
28
30
|
return;
|
|
29
|
-
const
|
|
30
|
-
if (
|
|
31
|
+
const b = t.className && t.className.indexOf ? t.className.indexOf("k-actionsheet-item") !== -1 : !1, E = i.elements.filter((c) => c.className.indexOf("k-actionsheet-item") !== -1);
|
|
32
|
+
if (b && e.onItemClick) {
|
|
31
33
|
a.preventDefault();
|
|
32
|
-
const
|
|
34
|
+
const c = e.items[E.indexOf(t)];
|
|
33
35
|
e.onItemClick.call(void 0, {
|
|
34
36
|
syntheticEvent: a,
|
|
35
|
-
item:
|
|
36
|
-
title:
|
|
37
|
+
item: c,
|
|
38
|
+
title: c && c.title
|
|
37
39
|
});
|
|
38
40
|
}
|
|
39
|
-
if (
|
|
41
|
+
if (b && e.onItemSelect) {
|
|
40
42
|
a.preventDefault();
|
|
41
|
-
const
|
|
43
|
+
const c = e.items[E.indexOf(t)];
|
|
42
44
|
e.onItemSelect.call(void 0, {
|
|
43
45
|
syntheticEvent: a,
|
|
44
|
-
item:
|
|
45
|
-
title:
|
|
46
|
+
item: c,
|
|
47
|
+
title: c && c.title
|
|
46
48
|
});
|
|
47
49
|
}
|
|
48
|
-
e.animation ||
|
|
50
|
+
e.animation || m();
|
|
49
51
|
}, F = (t, i, a) => {
|
|
50
|
-
e.onOverlayClick && (a.preventDefault(), e.onOverlayClick.call(void 0, a)), e.onClose && (a.preventDefault(), e.onClose.call(void 0, a)), e.animation ||
|
|
51
|
-
},
|
|
52
|
-
|
|
52
|
+
e.onOverlayClick && (a.preventDefault(), e.onOverlayClick.call(void 0, a)), e.onClose && (a.preventDefault(), e.onClose.call(void 0, a)), e.animation || m();
|
|
53
|
+
}, m = () => {
|
|
54
|
+
f({ show: !1 });
|
|
53
55
|
}, M = (t) => {
|
|
54
|
-
|
|
56
|
+
N && d.current.triggerKeyboardEvent(t);
|
|
55
57
|
}, U = (t) => {
|
|
56
|
-
e.onOverlayClick && e.onOverlayClick.call(void 0, t), e.onClose && e.onClose.call(void 0, t), e.animation ||
|
|
57
|
-
},
|
|
58
|
-
e.onItemClick && e.onItemClick.call(void 0, t), e.onItemSelect && e.onItemSelect.call(void 0, t), e.animation ||
|
|
59
|
-
},
|
|
58
|
+
e.onOverlayClick && e.onOverlayClick.call(void 0, t), e.onClose && e.onClose.call(void 0, t), e.animation || m();
|
|
59
|
+
}, C = (t) => {
|
|
60
|
+
e.onItemClick && e.onItemClick.call(void 0, t), e.onItemSelect && e.onItemSelect.call(void 0, t), e.animation || m();
|
|
61
|
+
}, q = (t) => {
|
|
60
62
|
const i = {};
|
|
61
63
|
return n.Children.forEach(t, (a) => {
|
|
62
64
|
a && (i[a.type.displayName] = a);
|
|
63
65
|
}), i;
|
|
64
|
-
},
|
|
65
|
-
n.useImperativeHandle(
|
|
66
|
+
}, I = n.useRef(null), k = n.useRef(null);
|
|
67
|
+
n.useImperativeHandle(I, () => ({ props: e })), n.useImperativeHandle(
|
|
66
68
|
_,
|
|
67
|
-
() =>
|
|
69
|
+
() => I.current
|
|
68
70
|
);
|
|
69
|
-
const
|
|
71
|
+
const d = n.useRef(), v = n.useRef({ bottom: "0", width: "100%" }), D = n.useRef(), [l, z] = n.useState({ show: !1, slide: !1 }), f = (t) => {
|
|
70
72
|
z((i) => ({ ...i, ...t }));
|
|
71
73
|
};
|
|
72
74
|
n.useEffect(() => {
|
|
73
|
-
e.expand && !l.show &&
|
|
75
|
+
e.expand && !l.show && f({ show: !0 });
|
|
74
76
|
}, []), n.useEffect(() => {
|
|
75
77
|
const t = k.current;
|
|
76
|
-
if (e.expand && !l.show &&
|
|
78
|
+
if (e.expand && !l.show && f({ show: !0 }), e.expand && l.show && !l.slide && f({ slide: !0 }), !e.expand && l.show && l.slide && f({ slide: !1 }), D !== l && l.slide && t && !e.className && (t.style.setProperty("--kendo-actionsheet-height", "auto"), t.style.setProperty("--kendo-actionsheet-max-height", "none")), t && N) {
|
|
77
79
|
const a = [".k-actionsheet-item", ...[
|
|
78
80
|
".k-actionsheet-footer",
|
|
79
81
|
".k-actionsheet-content",
|
|
80
82
|
".k-actionsheet-titlebar"
|
|
81
|
-
].map((
|
|
82
|
-
(E) => `${
|
|
83
|
+
].map((b) => Q.concat(H).map(
|
|
84
|
+
(E) => `${b} ${E}`
|
|
83
85
|
)).flat()];
|
|
84
|
-
|
|
86
|
+
d.current = new V({
|
|
85
87
|
tabIndex: e.tabIndex || 0,
|
|
86
88
|
root: k,
|
|
87
89
|
rovingTabIndex: !1,
|
|
@@ -93,28 +95,28 @@ const K = n.forwardRef((e, _) => {
|
|
|
93
95
|
Escape: F
|
|
94
96
|
}
|
|
95
97
|
}
|
|
96
|
-
}),
|
|
98
|
+
}), d.current.focusElement(d.current.first, null);
|
|
97
99
|
}
|
|
98
|
-
|
|
100
|
+
D.current = { ...l };
|
|
99
101
|
});
|
|
100
|
-
const
|
|
102
|
+
const w = "k-actionsheet-title", R = w, s = (T = e.items) == null ? void 0 : T.filter(
|
|
101
103
|
(t) => !t.group || t.group === "top"
|
|
102
|
-
),
|
|
104
|
+
), u = (A = e.items) == null ? void 0 : A.filter(
|
|
103
105
|
(t) => t.group === "bottom"
|
|
104
|
-
), G =
|
|
106
|
+
), G = s && s.length > 0 && u && u.length > 0, h = q(e.children), O = l.slide && /* @__PURE__ */ n.createElement(
|
|
105
107
|
"div",
|
|
106
108
|
{
|
|
107
109
|
className: W(`k-actionsheet k-actionsheet-${L}`, e.className),
|
|
108
110
|
role: "dialog",
|
|
109
111
|
"aria-modal": "true",
|
|
110
112
|
"aria-hidden": !1,
|
|
111
|
-
"aria-labelledby":
|
|
113
|
+
"aria-labelledby": R,
|
|
112
114
|
ref: k,
|
|
113
115
|
onKeyDown: M
|
|
114
116
|
},
|
|
115
|
-
|
|
116
|
-
(e.title || e.subTitle) && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar" }, /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, /* @__PURE__ */ n.createElement("div", { className:
|
|
117
|
-
|
|
117
|
+
h[K] && !e.title && !e.subTitle && h[K],
|
|
118
|
+
(e.title || e.subTitle) && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar" }, /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, g && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-actions" }, g), /* @__PURE__ */ n.createElement("div", { className: w, id: R }, /* @__PURE__ */ n.createElement("div", { className: "k-text-center" }, e.title), e.subTitle && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-subtitle k-text-center" }, e.subTitle)), x && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-actions" }, x)), S && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, S)),
|
|
119
|
+
h[Y] || /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-content" }, /* @__PURE__ */ n.createElement("div", { className: "k-list-ul", role: "group" }, s && s.map((t, i) => /* @__PURE__ */ n.createElement(
|
|
118
120
|
P,
|
|
119
121
|
{
|
|
120
122
|
...t,
|
|
@@ -122,28 +124,28 @@ const K = n.forwardRef((e, _) => {
|
|
|
122
124
|
key: i,
|
|
123
125
|
item: t,
|
|
124
126
|
tabIndex: e.tabIndex || 0,
|
|
125
|
-
onClick:
|
|
127
|
+
onClick: C
|
|
126
128
|
}
|
|
127
|
-
)), G && /* @__PURE__ */ n.createElement("hr", { className: "k-hr" }),
|
|
129
|
+
)), G && /* @__PURE__ */ n.createElement("hr", { className: "k-hr" }), u && u.map((t, i) => /* @__PURE__ */ n.createElement(
|
|
128
130
|
P,
|
|
129
131
|
{
|
|
130
132
|
...t,
|
|
131
|
-
id: i + ((
|
|
133
|
+
id: i + ((s == null ? void 0 : s.length) || 0),
|
|
132
134
|
key: i,
|
|
133
135
|
item: t,
|
|
134
136
|
tabIndex: e.tabIndex || 0,
|
|
135
|
-
onClick:
|
|
137
|
+
onClick: C
|
|
136
138
|
}
|
|
137
139
|
)))),
|
|
138
|
-
|
|
140
|
+
h[X]
|
|
139
141
|
);
|
|
140
142
|
return /* @__PURE__ */ n.createElement(n.Fragment, null, e.expand || l.show ? /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-container" }, /* @__PURE__ */ n.createElement("div", { className: "k-overlay", onClick: U }), e.animation ? /* @__PURE__ */ n.createElement(
|
|
141
143
|
J,
|
|
142
144
|
{
|
|
143
145
|
transitionName: l.slide ? "slide-up" : "slide-down",
|
|
144
|
-
onExited:
|
|
145
|
-
transitionEnterDuration:
|
|
146
|
-
transitionExitDuration:
|
|
146
|
+
onExited: m,
|
|
147
|
+
transitionEnterDuration: typeof o == "object" && Object.keys(o).length > 0 && o.openDuration ? Number(o.openDuration) : Number(o),
|
|
148
|
+
transitionExitDuration: typeof o == "object" && Object.keys(o).length > 0 && o.closeDuration ? Number(o.closeDuration) : Number(o),
|
|
147
149
|
animationEnteringStyle: e.animationStyles || v.current,
|
|
148
150
|
animationEnteredStyle: e.animationStyles || v.current,
|
|
149
151
|
animationExitingStyle: e.animationStyles || v.current,
|
|
@@ -151,23 +153,23 @@ const K = n.forwardRef((e, _) => {
|
|
|
151
153
|
enter: !0,
|
|
152
154
|
appear: !1
|
|
153
155
|
},
|
|
154
|
-
|
|
155
|
-
) :
|
|
156
|
-
}),
|
|
156
|
+
O
|
|
157
|
+
) : O) : null);
|
|
158
|
+
}), y = {
|
|
157
159
|
navigatable: !0,
|
|
158
160
|
navigatableElements: [],
|
|
159
161
|
position: "bottom"
|
|
160
162
|
};
|
|
161
|
-
|
|
162
|
-
items:
|
|
163
|
-
subTitle:
|
|
164
|
-
title:
|
|
165
|
-
navigatable:
|
|
166
|
-
navigatableElements:
|
|
167
|
-
position:
|
|
163
|
+
j.propTypes = {
|
|
164
|
+
items: r.array,
|
|
165
|
+
subTitle: r.string,
|
|
166
|
+
title: r.string,
|
|
167
|
+
navigatable: r.bool,
|
|
168
|
+
navigatableElements: r.array,
|
|
169
|
+
position: r.oneOf(["top", "bottom", "left", "right", "fullscreen"])
|
|
168
170
|
};
|
|
169
|
-
|
|
171
|
+
j.displayName = "KendoReactActionSheet";
|
|
170
172
|
export {
|
|
171
|
-
|
|
172
|
-
|
|
173
|
+
j as ActionSheet,
|
|
174
|
+
y as actionSheetDefaultProps
|
|
173
175
|
};
|
|
@@ -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 s=require("react"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),a=require("prop-types"),i=require("@progress/kendo-react-common");function l(e){const c=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(c,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return c.default=e,Object.freeze(c)}const u=l(s),r="ActionSheetContent",n=e=>u.createElement("div",{className:i.classNames("k-actionsheet-content",e.className)},e.children);n.propTypes={className:a.string};n.displayName=r;n.propTypes={children:a.any};exports.ActionSheetContent=n;exports.contentDisplayName=r;
|
|
@@ -7,26 +7,16 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import * as o from "react";
|
|
9
9
|
import n from "prop-types";
|
|
10
|
-
import { classNames as
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
{
|
|
14
|
-
className: a(
|
|
15
|
-
"k-actionsheet-content",
|
|
16
|
-
{ "!k-overflow-hidden": e.overflowHidden },
|
|
17
|
-
e.className
|
|
18
|
-
)
|
|
19
|
-
},
|
|
20
|
-
e.children
|
|
21
|
-
);
|
|
22
|
-
t.propTypes = {
|
|
10
|
+
import { classNames as s } from "@progress/kendo-react-common";
|
|
11
|
+
const a = "ActionSheetContent", e = (t) => /* @__PURE__ */ o.createElement("div", { className: s("k-actionsheet-content", t.className) }, t.children);
|
|
12
|
+
e.propTypes = {
|
|
23
13
|
className: n.string
|
|
24
14
|
};
|
|
25
|
-
|
|
26
|
-
|
|
15
|
+
e.displayName = a;
|
|
16
|
+
e.propTypes = {
|
|
27
17
|
children: n.any
|
|
28
18
|
};
|
|
29
19
|
export {
|
|
30
|
-
|
|
31
|
-
|
|
20
|
+
e as ActionSheetContent,
|
|
21
|
+
a as contentDisplayName
|
|
32
22
|
};
|
|
@@ -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 s=require("react"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),r=require("prop-types"),l=require("@progress/kendo-react-common");function u(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>o[t]})}}return e.default=o,Object.freeze(e)}const d=u(s),c="ActionSheetFooter",a=o=>{const{actionButtonsAlignment:e="stretched",actionButtonsOrientation:t="horizontal",className:n,children:i}=o;return d.createElement("div",{className:l.classNames("k-actionsheet-footer",{"k-actions":e||t,"k-actions-horizontal":t==="horizontal","k-actions-vertical":t==="vertical","k-actions-start":e==="start"&&t==="horizontal","k-actions-center":e==="center"&&t==="horizontal","k-actions-end":e==="end"&&t==="horizontal","k-actions-stretched":e==="stretched","k-actions-justify":e==="justify"&&t==="horizontal"},n)},i)};a.propTypes={className:r.string,children:r.any,actionButtonsOrientation:r.oneOf(["horizontal","vertical"]),actionButtonsAlignment:r.oneOf(["start","center","end","stretched","justify"])};a.displayName=c;exports.ActionSheetFooter=a;exports.footerDisplayName=c;
|
|
@@ -5,18 +5,45 @@
|
|
|
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 { classNames as
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
import * as s from "react";
|
|
9
|
+
import e from "prop-types";
|
|
10
|
+
import { classNames as c } from "@progress/kendo-react-common";
|
|
11
|
+
const l = "ActionSheetFooter", n = (a) => {
|
|
12
|
+
const {
|
|
13
|
+
actionButtonsAlignment: o = "stretched",
|
|
14
|
+
actionButtonsOrientation: t = "horizontal",
|
|
15
|
+
className: i,
|
|
16
|
+
children: r
|
|
17
|
+
} = a;
|
|
18
|
+
return /* @__PURE__ */ s.createElement(
|
|
19
|
+
"div",
|
|
20
|
+
{
|
|
21
|
+
className: c(
|
|
22
|
+
"k-actionsheet-footer",
|
|
23
|
+
{
|
|
24
|
+
"k-actions": o || t,
|
|
25
|
+
"k-actions-horizontal": t === "horizontal",
|
|
26
|
+
"k-actions-vertical": t === "vertical",
|
|
27
|
+
"k-actions-start": o === "start" && t === "horizontal",
|
|
28
|
+
"k-actions-center": o === "center" && t === "horizontal",
|
|
29
|
+
"k-actions-end": o === "end" && t === "horizontal",
|
|
30
|
+
"k-actions-stretched": o === "stretched",
|
|
31
|
+
"k-actions-justify": o === "justify" && t === "horizontal"
|
|
32
|
+
},
|
|
33
|
+
i
|
|
34
|
+
)
|
|
35
|
+
},
|
|
36
|
+
r
|
|
37
|
+
);
|
|
14
38
|
};
|
|
15
|
-
|
|
16
|
-
e.
|
|
17
|
-
children:
|
|
39
|
+
n.propTypes = {
|
|
40
|
+
className: e.string,
|
|
41
|
+
children: e.any,
|
|
42
|
+
actionButtonsOrientation: e.oneOf(["horizontal", "vertical"]),
|
|
43
|
+
actionButtonsAlignment: e.oneOf(["start", "center", "end", "stretched", "justify"])
|
|
18
44
|
};
|
|
45
|
+
n.displayName = l;
|
|
19
46
|
export {
|
|
20
|
-
|
|
21
|
-
|
|
47
|
+
n as ActionSheetFooter,
|
|
48
|
+
l as footerDisplayName
|
|
22
49
|
};
|