@progress/kendo-react-layout 10.2.0 → 11.0.0-develop.1

package/actionsheet/ActionSheet.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"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 v=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);if(v&&e.onItemClick){a.preventDefault();const c=e.items[E.indexOf(t)];e.onItemClick.call(void 0,{syntheticEvent:a,item:c,title:c&&c.title})}if(v&&e.onItemSelect){a.preventDefault();const c=e.items[E.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(void 0),g=n.useRef({bottom:"0",width:"100%"}),A=n.useRef(void 0),[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(v=>x.FOCUSABLE_ELEMENTS.concat(r).map(E=>`${v} ${E}`)).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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("react"),d=require("prop-types"),W=require("@progress/kendo-react-animation"),x=require("@progress/kendo-react-common"),K=require("./ActionSheetItem.js"),F=require("./ActionSheetHeader.js"),X=require("./ActionSheetFooter.js"),Y=require("./ActionSheetContent.js"),H=require("./ActionSheetView.js");function Z(e){const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const m in e)if(m!=="default"){const h=Object.getOwnPropertyDescriptor(e,m);Object.defineProperty(f,m,h.get?h:{enumerable:!0,get:()=>e[m]})}}return f.default=e,Object.freeze(f)}const n=Z(Q),D=n.forwardRef((e,f)=>{var q,_;const{navigatableElements:m=N.navigatableElements,navigatable:h=N.navigatable,position:V=N.position,animationDuration:o=300,prefixActions:C,suffixActions:I,filter:w}=e,L=(t,i,a)=>{a.preventDefault(),a.shiftKey?i.focusPrevious(t):i.focusNext(t)},M=(t,i,a)=>{if(t.ariaDisabled)return;const c=t.className&&t.className.indexOf?t.className.indexOf("k-actionsheet-item")!==-1:!1,S=i.elements.filter(s=>s.className.indexOf("k-actionsheet-item")!==-1);if(c&&e.onItemClick){a.preventDefault();const s=e.items[S.indexOf(t)];e.onItemClick.call(void 0,{syntheticEvent:a,item:s,title:s&&s.title})}if(c&&e.onItemSelect){a.preventDefault();const s=e.items[S.indexOf(t)];e.onItemSelect.call(void 0,{syntheticEvent:a,item:s,title:s&&s.title})}e.animation||b()},$=(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||b()},b=()=>{y({show:!1})},B=t=>{h&&E.current.triggerKeyboardEvent(t)},z=t=>{e.onOverlayClick&&e.onOverlayClick.call(void 0,t),e.onClose&&e.onClose.call(void 0,t),e.animation||b()},A=t=>{e.onItemClick&&e.onItemClick.call(void 0,t),e.onItemSelect&&e.onItemSelect.call(void 0,t),e.animation||b()},U=t=>{const i={},a=[];return n.Children.forEach(t,c=>{c&&(c.type.displayName===H.ActionSheetViewDisplayName?a.push(c):i[c.type.displayName]=c)}),a.length>0?a:i},O=n.useRef(null),k=n.useRef(null);n.useImperativeHandle(O,()=>({props:e,element:k.current})),n.useImperativeHandle(f,()=>O.current);const E=n.useRef(void 0),g=n.useRef({bottom:"0",width:"100%"}),R=n.useRef(void 0),[l,G]=n.useState({show:!1,slide:!1}),y=t=>{G(i=>({...i,...t}))};n.useEffect(()=>{e.expand&&!l.show&&y({show:!0})},[]),n.useEffect(()=>{const t=k.current;if(e.expand&&!l.show&&y({show:!0}),e.expand&&l.show&&!l.slide&&y({slide:!0}),!e.expand&&l.show&&l.slide&&y({slide:!1}),R!==l&&l.slide&&t&&!e.className&&(t.style.setProperty("--kendo-actionsheet-height","auto"),t.style.setProperty("--kendo-actionsheet-max-height","none")),t&&h){const a=[".k-actionsheet-item",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-view",".k-actionsheet-titlebar"].map(c=>x.FOCUSABLE_ELEMENTS.concat(m).map(S=>`${c} ${S}`)).flat()];E.current=new x.Navigation({tabIndex:e.tabIndex||0,root:k,rovingTabIndex:!1,selectors:a,keyboardEvents:{keydown:{Tab:L,Enter:M,Escape:$}}}),E.current.focusElement(E.current.first,null)}R.current={...l}});const T="k-actionsheet-title",P=T,r=(q=e.items)==null?void 0:q.filter(t=>!t.group||t.group==="top"),v=(_=e.items)==null?void 0:_.filter(t=>t.group==="bottom"),J=r&&r.length>0&&v&&v.length>0,u=U(e.children),j=l.slide&&n.createElement("div",{className:x.classNames(`k-actionsheet k-actionsheet-${V}`,e.className),role:"dialog","aria-modal":"true",style:e.style,"aria-hidden":!1,"aria-labelledby":P,ref:k,onKeyDown:B},Array.isArray(u)?n.createElement(n.Fragment,null,u.map(t=>t)):n.createElement(H.ActionSheetView,null,u[F.headerDisplayName]&&!e.title&&!e.subTitle&&u[F.headerDisplayName],(e.title||e.subTitle)&&n.createElement("div",{className:"k-actionsheet-titlebar"},n.createElement("div",{className:"k-actionsheet-titlebar-group"},C&&n.createElement("div",{className:"k-actionsheet-actions"},C),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)),w&&n.createElement("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter"},w)),u[Y.contentDisplayName]||n.createElement("div",{className:"k-actionsheet-content"},n.createElement("div",{className:"k-list-ul",role:"group"},r&&r.map((t,i)=>n.createElement(K.ActionSheetItem,{...t,id:i,key:i,item:t,tabIndex:e.tabIndex||0,onClick:A})),J&&n.createElement("hr",{className:"k-hr"}),v&&v.map((t,i)=>n.createElement(K.ActionSheetItem,{...t,id:i+((r==null?void 0:r.length)||0),key:i,item:t,tabIndex:e.tabIndex||0,onClick:A})))),u[X.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(W.Animation,{transitionName:l.slide?"slide-up":"slide-down",onExited:b,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)}),N={navigatable:!0,navigatableElements:[],position:"bottom"};D.propTypes={items:d.array,subTitle:d.string,title:d.string,navigatable:d.bool,navigatableElements:d.array,position:d.oneOf(["top","bottom","left","right","fullscreen"])};D.displayName="KendoReactActionSheet";exports.ActionSheet=D;exports.actionSheetDefaultProps=N;

package/actionsheet/ActionSheet.mjs

@@ -6,30 +6,31 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as n from "react";
-import r from "prop-types";
-import { Animation as J } from "@progress/kendo-react-animation";
-import { FOCUSABLE_ELEMENTS as Q, Navigation as V, classNames as W } from "@progress/kendo-react-common";
+import f from "prop-types";
+import { Animation as G } from "@progress/kendo-react-animation";
+import { FOCUSABLE_ELEMENTS as J, Navigation as Q, classNames as W } from "@progress/kendo-react-common";
 import { ActionSheetItem as P } from "./ActionSheetItem.mjs";
 import { headerDisplayName as K } from "./ActionSheetHeader.mjs";
 import { footerDisplayName as X } from "./ActionSheetFooter.mjs";
 import { contentDisplayName as Y } from "./ActionSheetContent.mjs";
+import { ActionSheetView as Z, ActionSheetViewDisplayName as p } from "./ActionSheetView.mjs";
 const j = n.forwardRef((e, _) => {
-  var T, A;
+  var A, T;
   const {
-    navigatableElements: H = y.navigatableElements,
-    navigatable: N = y.navigatable,
-    position: L = y.position,
+    navigatableElements: F = v.navigatableElements,
+    navigatable: N = v.navigatable,
+    position: H = v.position,
     animationDuration: o = 300,
     prefixActions: g,
-    suffixActions: x,
-    filter: S
-  } = e, $ = (t, i, a) => {
+    suffixActions: S,
+    filter: x
+  } = e, L = (t, i, a) => {
     a.preventDefault(), a.shiftKey ? i.focusPrevious(t) : i.focusNext(t);
-  }, B = (t, i, a) => {
+  }, V = (t, i, a) => {
     if (t.ariaDisabled)
       return;
-    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);
-    if (b && e.onItemClick) {
+    const s = 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);
+    if (s && e.onItemClick) {
       a.preventDefault();
       const c = e.items[E.indexOf(t)];
       e.onItemClick.call(void 0, {
@@ -38,7 +39,7 @@ const j = n.forwardRef((e, _) => {
         title: c && c.title
       });
     }
-    if (b && e.onItemSelect) {
+    if (s && e.onItemSelect) {
       a.preventDefault();
       const c = e.items[E.indexOf(t)];
       e.onItemSelect.call(void 0, {
@@ -47,76 +48,79 @@ const j = n.forwardRef((e, _) => {
         title: c && c.title
       });
     }
-    e.animation || m();
-  }, 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 || m();
-  }, m = () => {
-    f({ show: !1 });
+    e.animation || d();
+  }, $ = (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 || d();
+  }, d = () => {
+    u({ show: !1 });
+  }, B = (t) => {
+    N && y.current.triggerKeyboardEvent(t);
   }, M = (t) => {
-    N && d.current.triggerKeyboardEvent(t);
-  }, U = (t) => {
-    e.onOverlayClick && e.onOverlayClick.call(void 0, t), e.onClose && e.onClose.call(void 0, t), e.animation || m();
+    e.onOverlayClick && e.onOverlayClick.call(void 0, t), e.onClose && e.onClose.call(void 0, t), e.animation || d();
   }, C = (t) => {
-    e.onItemClick && e.onItemClick.call(void 0, t), e.onItemSelect && e.onItemSelect.call(void 0, t), e.animation || m();
-  }, q = (t) => {
-    const i = {};
-    return n.Children.forEach(t, (a) => {
-      a && (i[a.type.displayName] = a);
-    }), i;
-  }, I = n.useRef(null), k = n.useRef(null);
-  n.useImperativeHandle(I, () => ({ props: e })), n.useImperativeHandle(
+    e.onItemClick && e.onItemClick.call(void 0, t), e.onItemSelect && e.onItemSelect.call(void 0, t), e.animation || d();
+  }, U = (t) => {
+    const i = {}, a = [];
+    return n.Children.forEach(t, (s) => {
+      s && (s.type.displayName === p ? a.push(s) : i[s.type.displayName] = s);
+    }), a.length > 0 ? a : i;
+  }, I = n.useRef(null), h = n.useRef(null);
+  n.useImperativeHandle(
+    I,
+    () => ({ props: e, element: h.current })
+  ), n.useImperativeHandle(
     _,
     () => I.current
   );
-  const d = n.useRef(void 0), v = n.useRef({ bottom: "0", width: "100%" }), D = n.useRef(void 0), [l, z] = n.useState({ show: !1, slide: !1 }), f = (t) => {
-    z((i) => ({ ...i, ...t }));
+  const y = n.useRef(void 0), k = n.useRef({ bottom: "0", width: "100%" }), w = n.useRef(void 0), [l, q] = n.useState({ show: !1, slide: !1 }), u = (t) => {
+    q((i) => ({ ...i, ...t }));
   };
   n.useEffect(() => {
-    e.expand && !l.show && f({ show: !0 });
+    e.expand && !l.show && u({ show: !0 });
   }, []), n.useEffect(() => {
-    const t = k.current;
-    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) {
+    const t = h.current;
+    if (e.expand && !l.show && u({ show: !0 }), e.expand && l.show && !l.slide && u({ slide: !0 }), !e.expand && l.show && l.slide && u({ slide: !1 }), w !== l && l.slide && t && !e.className && (t.style.setProperty("--kendo-actionsheet-height", "auto"), t.style.setProperty("--kendo-actionsheet-max-height", "none")), t && N) {
       const a = [".k-actionsheet-item", ...[
         ".k-actionsheet-footer",
         ".k-actionsheet-content",
+        ".k-actionsheet-view",
         ".k-actionsheet-titlebar"
-      ].map((b) => Q.concat(H).map(
-        (E) => `${b} ${E}`
+      ].map((s) => J.concat(F).map(
+        (E) => `${s} ${E}`
       )).flat()];
-      d.current = new V({
+      y.current = new Q({
         tabIndex: e.tabIndex || 0,
-        root: k,
+        root: h,
         rovingTabIndex: !1,
         selectors: a,
         keyboardEvents: {
           keydown: {
-            Tab: $,
-            Enter: B,
-            Escape: F
+            Tab: L,
+            Enter: V,
+            Escape: $
           }
         }
-      }), d.current.focusElement(d.current.first, null);
+      }), y.current.focusElement(y.current.first, null);
     }
-    D.current = { ...l };
+    w.current = { ...l };
   });
-  const w = "k-actionsheet-title", R = w, s = (T = e.items) == null ? void 0 : T.filter(
+  const D = "k-actionsheet-title", R = D, r = (A = e.items) == null ? void 0 : A.filter(
     (t) => !t.group || t.group === "top"
-  ), u = (A = e.items) == null ? void 0 : A.filter(
+  ), b = (T = e.items) == null ? void 0 : T.filter(
     (t) => t.group === "bottom"
-  ), G = s && s.length > 0 && u && u.length > 0, h = q(e.children), O = l.slide && /* @__PURE__ */ n.createElement(
+  ), z = r && r.length > 0 && b && b.length > 0, m = U(e.children), O = l.slide && /* @__PURE__ */ n.createElement(
     "div",
     {
-      className: W(`k-actionsheet k-actionsheet-${L}`, e.className),
+      className: W(`k-actionsheet k-actionsheet-${H}`, e.className),
       role: "dialog",
       "aria-modal": "true",
+      style: e.style,
       "aria-hidden": !1,
       "aria-labelledby": R,
-      ref: k,
-      onKeyDown: M
+      ref: h,
+      onKeyDown: B
     },
-    h[K] && !e.title && !e.subTitle && h[K],
-    (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)),
-    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(
+    Array.isArray(m) ? /* @__PURE__ */ n.createElement(n.Fragment, null, m.map((t) => t)) : /* @__PURE__ */ n.createElement(Z, null, m[K] && !e.title && !e.subTitle && m[K], (e.title || e.subTitle) && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar" }, /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group" }, g && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-actions" }, g), /* @__PURE__ */ n.createElement("div", { className: D, 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)), S && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-actions" }, S)), x && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, x)), m[Y] || /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-content" }, /* @__PURE__ */ n.createElement("div", { className: "k-list-ul", role: "group" }, r && r.map((t, i) => /* @__PURE__ */ n.createElement(
       P,
       {
         ...t,
@@ -126,50 +130,49 @@ const j = n.forwardRef((e, _) => {
         tabIndex: e.tabIndex || 0,
         onClick: C
       }
-    )), G && /* @__PURE__ */ n.createElement("hr", { className: "k-hr" }), u && u.map((t, i) => /* @__PURE__ */ n.createElement(
+    )), z && /* @__PURE__ */ n.createElement("hr", { className: "k-hr" }), b && b.map((t, i) => /* @__PURE__ */ n.createElement(
       P,
       {
         ...t,
-        id: i + ((s == null ? void 0 : s.length) || 0),
+        id: i + ((r == null ? void 0 : r.length) || 0),
         key: i,
         item: t,
         tabIndex: e.tabIndex || 0,
         onClick: C
       }
-    )))),
-    h[X]
+    )))), m[X])
   );
-  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(
-    J,
+  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: M }), e.animation ? /* @__PURE__ */ n.createElement(
+    G,
     {
       transitionName: l.slide ? "slide-up" : "slide-down",
-      onExited: m,
+      onExited: d,
       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 || v.current,
-      animationEnteredStyle: e.animationStyles || v.current,
-      animationExitingStyle: e.animationStyles || v.current,
+      animationEnteringStyle: e.animationStyles || k.current,
+      animationEnteredStyle: e.animationStyles || k.current,
+      animationExitingStyle: e.animationStyles || k.current,
       exit: !0,
       enter: !0,
       appear: !1
     },
     O
   ) : O) : null);
-}), y = {
+}), v = {
   navigatable: !0,
   navigatableElements: [],
   position: "bottom"
 };
 j.propTypes = {
-  items: r.array,
-  subTitle: r.string,
-  title: r.string,
-  navigatable: r.bool,
-  navigatableElements: r.array,
-  position: r.oneOf(["top", "bottom", "left", "right", "fullscreen"])
+  items: f.array,
+  subTitle: f.string,
+  title: f.string,
+  navigatable: f.bool,
+  navigatableElements: f.array,
+  position: f.oneOf(["top", "bottom", "left", "right", "fullscreen"])
 };
 j.displayName = "KendoReactActionSheet";
 export {
   j as ActionSheet,
-  y as actionSheetDefaultProps
+  v as actionSheetDefaultProps
 };

package/actionsheet/ActionSheetView.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=require("@progress/kendo-react-common"),s="ActionSheetView",a=e.forwardRef((t,c)=>{const i=e.useRef(null);return e.useImperativeHandle(c,()=>i,[]),e.createElement("div",{ref:i,style:t.style,className:n.classNames("k-actionsheet-view",t.className)},t.children)});a.displayName="ActionSheetView";exports.ActionSheetView=a;exports.ActionSheetViewDisplayName=s;

package/actionsheet/ActionSheetView.mjs

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import e from "react";
+import { classNames as c } from "@progress/kendo-react-common";
+const o = "ActionSheetView", s = e.forwardRef((t, a) => {
+  const i = e.useRef(null);
+  return e.useImperativeHandle(a, () => i, []), /* @__PURE__ */ e.createElement("div", { ref: i, style: t.style, className: c("k-actionsheet-view", t.className) }, t.children);
+});
+s.displayName = "ActionSheetView";
+export {
+  s as ActionSheetView,
+  o as ActionSheetViewDisplayName
+};