@progress/kendo-react-layout 7.2.4-develop.3 → 7.3.0-develop.1

package/actionsheet/ActionSheet.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 N=require("react"),m=require("prop-types"),C=require("@progress/kendo-react-animation"),b=require("@progress/kendo-react-common"),x=require("../package-metadata.js"),E=require("./ActionSheetItem.js"),g=require("./ActionSheetHeader.js"),D=require("./ActionSheetFooter.js"),I=require("./ActionSheetContent.js");function O(h){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const t in h)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(h,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>h[t]})}}return n.default=h,Object.freeze(n)}const e=O(N),d=class d extends e.Component{constructor(n){super(n),this.actionSheetRef=e.createRef(),this.actionSheetTitleClass="k-actionsheet-title",this.ariaLabeledBy=this.actionSheetTitleClass+1,this.animationDuration=300,this.bottomPosition={bottom:"0",width:"100%"},this.handleKeyDown=t=>{this.props.navigatable&&this.navigation.triggerKeyboardEvent(t)},this.onTab=(t,i,s)=>{s.preventDefault(),s.shiftKey?i.focusPrevious(t):i.focusNext(t)},this.handleOverlayClick=t=>{this.props.onOverlayClick&&this.props.onOverlayClick.call(void 0,t),this.props.onClose&&this.props.onClose.call(void 0,t),this.props.animation||this.hideActionSheet()},this.handleItemClick=t=>{this.props.onItemClick&&this.props.onItemClick.call(void 0,t),this.props.onItemSelect&&this.props.onItemSelect.call(void 0,t),this.props.animation||this.hideActionSheet()},this.onEnter=(t,i,s)=>{if(t.ariaDisabled)return;const c=t.className&&t.className.indexOf?t.className.indexOf("k-actionsheet-item")!==-1:!1,l=i.elements.filter(a=>a.className.indexOf("k-actionsheet-item")!==-1);if(c&&this.props.onItemClick){s.preventDefault();const a=this.props.items[l.indexOf(t)];this.props.onItemClick.call(void 0,{syntheticEvent:s,item:a,title:a&&a.title})}if(c&&this.props.onItemSelect){s.preventDefault();const a=this.props.items[l.indexOf(t)];this.props.onItemSelect.call(void 0,{syntheticEvent:s,item:a,title:a&&a.title})}this.props.animation||this.hideActionSheet()},this.onEscape=(t,i,s)=>{this.props.onOverlayClick&&(s.preventDefault(),this.props.onOverlayClick.call(void 0,s)),this.props.onClose&&(s.preventDefault(),this.props.onClose.call(void 0,s)),this.props.animation||this.hideActionSheet()},this.hideActionSheet=()=>{this.setState({show:!1})},this.children=t=>{const i={};return e.Children.forEach(t,s=>{s&&(i[s.type.displayName]=s)}),i},this.state={show:!1,slide:!1},b.validatePackage(x.packageMetadata)}componentDidMount(){this.props.expand&&!this.state.show&&this.setState({show:!0})}componentDidUpdate(n,t){const i=this.actionSheetRef.current;if(this.props.expand&&!this.state.show&&this.setState({show:!0}),this.props.expand&&this.state.show&&!this.state.slide&&this.setState({slide:!0}),!this.props.expand&&this.state.show&&this.state.slide&&this.setState({slide:!1}),t!==this.state&&this.state.slide&&i&&!this.props.className&&(i.style.setProperty("--kendo-actionsheet-height","auto"),i.style.setProperty("--kendo-actionsheet-max-height","none")),i&&this.props.navigatable){const c=[".k-actionsheet-item",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-titlebar"].map(l=>b.FOCUSABLE_ELEMENTS.concat(this.props.navigatableElements).map(a=>`${l} ${a}`)).flat()];this.navigation=new b.Navigation({tabIndex:this.props.tabIndex||0,root:this.actionSheetRef,rovingTabIndex:!1,selectors:c,keyboardEvents:{keydown:{Tab:this.onTab,Enter:this.onEnter,Escape:this.onEscape}}}),this.navigation.focusElement(this.navigation.first,null)}}render(){const{title:n,subTitle:t,animationStyles:i,animation:s,expand:c,tabIndex:l,items:a}=this.props,r=a==null?void 0:a.filter(o=>!o.group||o.group==="top"),u=a==null?void 0:a.filter(o=>o.group==="bottom"),S=r&&r.length>0&&u&&u.length>0,f=this.children(this.props.children),y=this.props.animationDuration||this.animationDuration,v=this.state.slide&&e.createElement("div",{className:b.classNames("k-actionsheet",this.props.className,{"k-actionsheet-bottom":!this.props.className}),role:"dialog","aria-modal":"true","aria-hidden":!1,"aria-labelledby":this.ariaLabeledBy,ref:this.actionSheetRef,onKeyDown:this.handleKeyDown},f[g.headerDisplayName]&&!n&&!t&&f[g.headerDisplayName],(n||t)&&e.createElement("div",{className:"k-actionsheet-titlebar k-text-center"},e.createElement("div",{className:"k-actionsheet-titlebar-group k-hbox"},e.createElement("div",{className:this.actionSheetTitleClass,id:this.ariaLabeledBy},n&&e.createElement("div",null,n),t&&e.createElement("div",{className:"k-actionsheet-subtitle"},t)))),f[I.contentDisplayName]||e.createElement("div",{className:"k-actionsheet-content"},e.createElement("div",{className:"k-list-ul",role:"group"},r&&r.map((o,p)=>e.createElement(E.ActionSheetItem,{...o,id:p,key:p,item:o,tabIndex:l||0,onClick:this.handleItemClick}))),S&&e.createElement("hr",{className:"k-hr"}),e.createElement("div",{className:"k-list-ul",role:"group"},u&&u.map((o,p)=>e.createElement(E.ActionSheetItem,{...o,id:p+((r==null?void 0:r.length)||0),key:p,item:o,tabIndex:l||0,onClick:this.handleItemClick})))),f[D.footerDisplayName]);return e.createElement(e.Fragment,null,c||this.state.show?e.createElement(e.Fragment,null,e.createElement("div",{className:"k-actionsheet-container"},e.createElement("div",{className:"k-overlay",onClick:this.handleOverlayClick}),s?e.createElement(C.Animation,{transitionName:this.state.slide?"slide-up":"slide-down",onExited:this.hideActionSheet,transitionEnterDuration:y,transitionExitDuration:y,animationEnteringStyle:i||this.bottomPosition,animationEnteredStyle:i||this.bottomPosition,animationExitingStyle:i||this.bottomPosition,exit:!0,enter:!0,appear:!1},v):v)):null)}};d.displayName="KendoReactActionSheet",d.propTypes={items:m.array,subTitle:m.string,title:m.string,navigatable:m.bool,navigatableElements:m.array},d.defaultProps={navigatable:!0,navigatableElements:[]};let k=d;exports.ActionSheet=k;

package/actionsheet/ActionSheet.mjs

@@ -0,0 +1,184 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import p from "prop-types";
+import { Animation as g } from "@progress/kendo-react-animation";
+import { validatePackage as N, FOCUSABLE_ELEMENTS as S, Navigation as C, classNames as x } from "@progress/kendo-react-common";
+import { packageMetadata as D } from "../package-metadata.mjs";
+import { ActionSheetItem as E } from "./ActionSheetItem.mjs";
+import { headerDisplayName as v } from "./ActionSheetHeader.mjs";
+import { footerDisplayName as I } from "./ActionSheetFooter.mjs";
+import { contentDisplayName as w } from "./ActionSheetContent.mjs";
+const m = class m extends e.Component {
+  /** @hidden */
+  constructor(o) {
+    super(o), this.actionSheetRef = e.createRef(), this.actionSheetTitleClass = "k-actionsheet-title", this.ariaLabeledBy = this.actionSheetTitleClass + 1, this.animationDuration = 300, this.bottomPosition = { bottom: "0", width: "100%" }, this.handleKeyDown = (t) => {
+      this.props.navigatable && this.navigation.triggerKeyboardEvent(t);
+    }, this.onTab = (t, a, i) => {
+      i.preventDefault(), i.shiftKey ? a.focusPrevious(t) : a.focusNext(t);
+    }, this.handleOverlayClick = (t) => {
+      this.props.onOverlayClick && this.props.onOverlayClick.call(void 0, t), this.props.onClose && this.props.onClose.call(void 0, t), this.props.animation || this.hideActionSheet();
+    }, this.handleItemClick = (t) => {
+      this.props.onItemClick && this.props.onItemClick.call(void 0, t), this.props.onItemSelect && this.props.onItemSelect.call(void 0, t), this.props.animation || this.hideActionSheet();
+    }, this.onEnter = (t, a, i) => {
+      if (t.ariaDisabled)
+        return;
+      const h = t.className && t.className.indexOf ? t.className.indexOf("k-actionsheet-item") !== -1 : !1, l = a.elements.filter((s) => s.className.indexOf("k-actionsheet-item") !== -1);
+      if (h && this.props.onItemClick) {
+        i.preventDefault();
+        const s = this.props.items[l.indexOf(t)];
+        this.props.onItemClick.call(void 0, {
+          syntheticEvent: i,
+          item: s,
+          title: s && s.title
+        });
+      }
+      if (h && this.props.onItemSelect) {
+        i.preventDefault();
+        const s = this.props.items[l.indexOf(t)];
+        this.props.onItemSelect.call(void 0, {
+          syntheticEvent: i,
+          item: s,
+          title: s && s.title
+        });
+      }
+      this.props.animation || this.hideActionSheet();
+    }, this.onEscape = (t, a, i) => {
+      this.props.onOverlayClick && (i.preventDefault(), this.props.onOverlayClick.call(void 0, i)), this.props.onClose && (i.preventDefault(), this.props.onClose.call(void 0, i)), this.props.animation || this.hideActionSheet();
+    }, this.hideActionSheet = () => {
+      this.setState({ show: !1 });
+    }, this.children = (t) => {
+      const a = {};
+      return e.Children.forEach(t, (i) => {
+        i && (a[i.type.displayName] = i);
+      }), a;
+    }, this.state = {
+      show: !1,
+      slide: !1
+    }, N(D);
+  }
+  /** @hidden */
+  componentDidMount() {
+    this.props.expand && !this.state.show && this.setState({ show: !0 });
+  }
+  /** @hidden */
+  componentDidUpdate(o, t) {
+    const a = this.actionSheetRef.current;
+    if (this.props.expand && !this.state.show && this.setState({ show: !0 }), this.props.expand && this.state.show && !this.state.slide && this.setState({ slide: !0 }), !this.props.expand && this.state.show && this.state.slide && this.setState({ slide: !1 }), t !== this.state && this.state.slide && a && !this.props.className && (a.style.setProperty("--kendo-actionsheet-height", "auto"), a.style.setProperty("--kendo-actionsheet-max-height", "none")), a && this.props.navigatable) {
+      const h = [
+        ".k-actionsheet-item",
+        ...[
+          ".k-actionsheet-footer",
+          ".k-actionsheet-content",
+          ".k-actionsheet-titlebar"
+        ].map((l) => S.concat(this.props.navigatableElements).map(
+          (s) => `${l} ${s}`
+        )).flat()
+      ];
+      this.navigation = new C({
+        tabIndex: this.props.tabIndex || 0,
+        root: this.actionSheetRef,
+        rovingTabIndex: !1,
+        selectors: h,
+        keyboardEvents: {
+          keydown: {
+            Tab: this.onTab,
+            Enter: this.onEnter,
+            Escape: this.onEscape
+          }
+        }
+      }), this.navigation.focusElement(this.navigation.first, null);
+    }
+  }
+  /** @hidden */
+  render() {
+    const {
+      title: o,
+      subTitle: t,
+      animationStyles: a,
+      animation: i,
+      expand: h,
+      tabIndex: l,
+      items: s
+    } = this.props, r = s == null ? void 0 : s.filter((n) => !n.group || n.group === "top"), d = s == null ? void 0 : s.filter((n) => n.group === "bottom"), y = r && r.length > 0 && d && d.length > 0, f = this.children(this.props.children), u = this.props.animationDuration || this.animationDuration, k = this.state.slide && /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: x("k-actionsheet", this.props.className, {
+          "k-actionsheet-bottom": !this.props.className
+        }),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-hidden": !1,
+        "aria-labelledby": this.ariaLabeledBy,
+        ref: this.actionSheetRef,
+        onKeyDown: this.handleKeyDown
+      },
+      f[v] && !o && !t && f[v],
+      (o || t) && /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar k-text-center" }, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, /* @__PURE__ */ e.createElement("div", { className: this.actionSheetTitleClass, id: this.ariaLabeledBy }, o && /* @__PURE__ */ e.createElement("div", null, o), t && /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-subtitle" }, t)))),
+      f[w] || /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-content" }, /* @__PURE__ */ e.createElement("div", { className: "k-list-ul", role: "group" }, r && r.map((n, c) => /* @__PURE__ */ e.createElement(
+        E,
+        {
+          ...n,
+          id: c,
+          key: c,
+          item: n,
+          tabIndex: l || 0,
+          onClick: this.handleItemClick
+        }
+      ))), y && /* @__PURE__ */ e.createElement("hr", { className: "k-hr" }), /* @__PURE__ */ e.createElement("div", { className: "k-list-ul", role: "group" }, d && d.map((n, c) => /* @__PURE__ */ e.createElement(
+        E,
+        {
+          ...n,
+          id: c + ((r == null ? void 0 : r.length) || 0),
+          key: c,
+          item: n,
+          tabIndex: l || 0,
+          onClick: this.handleItemClick
+        }
+      )))),
+      f[I]
+    );
+    return /* @__PURE__ */ e.createElement(e.Fragment, null, h || this.state.show ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "k-actionsheet-container" }, /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: "k-overlay",
+        onClick: this.handleOverlayClick
+      }
+    ), i ? /* @__PURE__ */ e.createElement(
+      g,
+      {
+        transitionName: this.state.slide ? "slide-up" : "slide-down",
+        onExited: this.hideActionSheet,
+        transitionEnterDuration: u,
+        transitionExitDuration: u,
+        animationEnteringStyle: a || this.bottomPosition,
+        animationEnteredStyle: a || this.bottomPosition,
+        animationExitingStyle: a || this.bottomPosition,
+        exit: !0,
+        enter: !0,
+        appear: !1
+      },
+      k
+    ) : k)) : null);
+  }
+};
+m.displayName = "KendoReactActionSheet", m.propTypes = {
+  items: p.array,
+  subTitle: p.string,
+  title: p.string,
+  navigatable: p.bool,
+  navigatableElements: p.array
+}, m.defaultProps = {
+  navigatable: !0,
+  navigatableElements: []
+};
+let b = m;
+export {
+  b as ActionSheet
+};

package/actionsheet/ActionSheetContent.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 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;

package/actionsheet/ActionSheetContent.mjs

@@ -0,0 +1,32 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as s from "react";
+import n from "prop-types";
+import { classNames as o } from "@progress/kendo-react-common";
+const a = "ActionSheetContent", e = (t) => /* @__PURE__ */ s.createElement(
+  "div",
+  {
+    className: o(
+      "k-actionsheet-content",
+      t.className
+    )
+  },
+  t.children
+);
+e.propTypes = {
+  className: n.string
+};
+e.displayName = a;
+e.propTypes = {
+  children: n.any
+};
+export {
+  e as ActionSheetContent,
+  a as contentDisplayName
+};

package/actionsheet/ActionSheetFooter.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 s=require("react"),c=require("prop-types"),i=require("@progress/kendo-react-common");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=l(s),a="ActionSheetFooter",o=e=>u.createElement("div",{className:i.classNames("k-actionsheet-footer",e.className)},e.children);o.propTypes={className:c.string};o.displayName=a;o.propTypes={children:c.any};exports.ActionSheetFooter=o;exports.footerDisplayName=a;

package/actionsheet/ActionSheetFooter.mjs

@@ -0,0 +1,32 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as r from "react";
+import t from "prop-types";
+import { classNames as s } from "@progress/kendo-react-common";
+const a = "ActionSheetFooter", e = (o) => /* @__PURE__ */ r.createElement(
+  "div",
+  {
+    className: s(
+      "k-actionsheet-footer",
+      o.className
+    )
+  },
+  o.children
+);
+e.propTypes = {
+  className: t.string
+};
+e.displayName = a;
+e.propTypes = {
+  children: t.any
+};
+export {
+  e as ActionSheetFooter,
+  a as footerDisplayName
+};

package/actionsheet/ActionSheetHeader.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 s=require("react"),c=require("prop-types"),i=require("@progress/kendo-react-common");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=l(s),o="ActionSheetHeader",a=e=>u.createElement("div",{className:i.classNames("k-actionsheet-titlebar",e.className)},e.children);a.propTypes={className:c.string};a.displayName=o;a.propTypes={children:c.any};exports.ActionSheetHeader=a;exports.headerDisplayName=o;

package/actionsheet/ActionSheetHeader.mjs

@@ -0,0 +1,32 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as r from "react";
+import t from "prop-types";
+import { classNames as s } from "@progress/kendo-react-common";
+const c = "ActionSheetHeader", e = (a) => /* @__PURE__ */ r.createElement(
+  "div",
+  {
+    className: s(
+      "k-actionsheet-titlebar",
+      a.className
+    )
+  },
+  a.children
+);
+e.propTypes = {
+  className: t.string
+};
+e.displayName = c;
+e.propTypes = {
+  children: t.any
+};
+export {
+  e as ActionSheetHeader,
+  c as headerDisplayName
+};

package/actionsheet/ActionSheetItem.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 s=require("react"),c=require("prop-types"),o=require("@progress/kendo-react-common");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(n,i,a.get?a:{enumerable:!0,get:()=>e[i]})}}return n.default=e,Object.freeze(n)}const t=m(s),l=e=>{const n=t.useRef(null),i=t.useCallback(a=>{e.onClick&&e.onClick.call(void 0,{syntheticEvent:a,item:e.item,title:e.title})},[e.item,e.title,e.onClick]);return t.useEffect(()=>{n.current&&e.focused&&n.current.focus()},[e.focused]),t.createElement("span",{style:e.style,tabIndex:e.tabIndex,className:o.classNames("k-actionsheet-item","k-cursor-pointer",e.disabled&&"k-disabled",e.className),ref:n,role:"button","aria-disabled":e.disabled,onClick:i},t.createElement("span",{className:"k-actionsheet-action"},e.icon&&t.createElement("span",{className:"k-icon-wrap"},e.icon),(e.title||e.description)&&t.createElement("span",{className:"k-actionsheet-item-text"},e.title&&t.createElement("span",{className:"k-actionsheet-item-title"},e.title),e.description&&t.createElement("span",{className:"k-actionsheet-item-description"},e.description))))};l.propTypes={className:c.string,style:c.object,description:c.string,disabled:c.bool,group:c.oneOf(["top","bottom"]),icon:c.element,title:c.string};exports.ActionSheetItem=l;

package/actionsheet/ActionSheetItem.mjs

@@ -0,0 +1,52 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+import i from "prop-types";
+import { classNames as l } from "@progress/kendo-react-common";
+const s = (e) => {
+  const a = t.useRef(null), c = t.useCallback((n) => {
+    e.onClick && e.onClick.call(void 0, {
+      syntheticEvent: n,
+      item: e.item,
+      title: e.title
+    });
+  }, [e.item, e.title, e.onClick]);
+  return t.useEffect(() => {
+    a.current && e.focused && a.current.focus();
+  }, [e.focused]), /* @__PURE__ */ t.createElement(
+    "span",
+    {
+      style: e.style,
+      tabIndex: e.tabIndex,
+      className: l(
+        "k-actionsheet-item",
+        "k-cursor-pointer",
+        e.disabled && "k-disabled",
+        e.className
+      ),
+      ref: a,
+      role: "button",
+      "aria-disabled": e.disabled,
+      onClick: c
+    },
+    /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-action" }, e.icon && /* @__PURE__ */ t.createElement("span", { className: "k-icon-wrap" }, e.icon), (e.title || e.description) && /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-item-text" }, e.title && /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-item-title" }, e.title), e.description && /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-item-description" }, e.description)))
+  );
+};
+s.propTypes = {
+  className: i.string,
+  style: i.object,
+  description: i.string,
+  disabled: i.bool,
+  group: i.oneOf(["top", "bottom"]),
+  icon: i.element,
+  title: i.string
+};
+export {
+  s as ActionSheetItem
+};

package/appbar/AppBar.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 y=require("react"),o=require("prop-types"),c=require("@progress/kendo-react-common"),M=require("../package-metadata.js");function C(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(i,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return i.default=e,Object.freeze(i)}const t=C(y),u=t.forwardRef((e,i)=>{c.validatePackage(M.packageMetadata);const{children:a,className:s,style:b,id:f}=e,l=t.useRef(null),m=t.useCallback(()=>{l.current&&c.focusFirstFocusableChild(l.current)},[]),k=t.useCallback(()=>({element:l.current,focus:m}),[m]);t.useImperativeHandle(i,k);const g=c.useId(),n=t.useMemo(()=>e.themeColor||d.themeColor,[e.themeColor]),p=t.useMemo(()=>e.position||d.position,[e.position]),r=t.useMemo(()=>e.positionMode||d.positionMode,[e.positionMode]),h=t.useMemo(()=>c.classNames("k-appbar",{"k-appbar-top":p==="top","k-appbar-bottom":p==="bottom","k-appbar-static":r==="static","k-appbar-sticky":r==="sticky","k-appbar-fixed":r==="fixed","k-appbar-light":n==="light","k-appbar-dark":n==="dark","k-appbar-inherit":n==="inherit"},s),[p,r,n,s]);return t.createElement("div",{className:h,style:b,id:f||g},a)});u.propTypes={children:o.any,className:o.string,style:o.object,id:o.string,themeColor:o.string,position:o.oneOf(["top","bottom"]),positionMode:o.oneOf(["static","sticky","fixed"])};const d={themeColor:"light",position:"top",positionMode:"static"};u.displayName="KendoAppBar";exports.AppBar=u;

package/appbar/AppBar.mjs

@@ -0,0 +1,86 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import o from "prop-types";
+import { validatePackage as M, focusFirstFocusableChild as C, useId as g, classNames as y } from "@progress/kendo-react-common";
+import { packageMetadata as N } from "../package-metadata.mjs";
+const l = e.forwardRef((t, m) => {
+  M(N);
+  const {
+    children: d,
+    className: p,
+    style: u,
+    id: f
+  } = t, s = e.useRef(null), c = e.useCallback(
+    () => {
+      s.current && C(s.current);
+    },
+    []
+  ), k = e.useCallback(
+    () => ({
+      element: s.current,
+      focus: c
+    }),
+    [c]
+  );
+  e.useImperativeHandle(m, k);
+  const b = g(), a = e.useMemo(
+    () => t.themeColor || n.themeColor,
+    [t.themeColor]
+  ), r = e.useMemo(
+    () => t.position || n.position,
+    [t.position]
+  ), i = e.useMemo(
+    () => t.positionMode || n.positionMode,
+    [t.positionMode]
+  ), h = e.useMemo(
+    () => y(
+      "k-appbar",
+      {
+        "k-appbar-top": r === "top",
+        "k-appbar-bottom": r === "bottom",
+        "k-appbar-static": i === "static",
+        "k-appbar-sticky": i === "sticky",
+        "k-appbar-fixed": i === "fixed",
+        "k-appbar-light": a === "light",
+        "k-appbar-dark": a === "dark",
+        "k-appbar-inherit": a === "inherit"
+      },
+      p
+    ),
+    [r, i, a, p]
+  );
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: h,
+      style: u,
+      id: f || b
+    },
+    d
+  );
+});
+l.propTypes = {
+  children: o.any,
+  className: o.string,
+  style: o.object,
+  id: o.string,
+  themeColor: o.string,
+  position: o.oneOf(["top", "bottom"]),
+  positionMode: o.oneOf(["static", "sticky", "fixed"])
+};
+const n = {
+  themeColor: "light",
+  position: "top",
+  positionMode: "static"
+};
+l.displayName = "KendoAppBar";
+export {
+  l as AppBar
+};

package/appbar/AppBarSection.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 f=require("react"),a=require("prop-types"),u=require("@progress/kendo-react-common");function d(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(c,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return c.default=e,Object.freeze(c)}const t=d(f),o=t.forwardRef((e,c)=>{const{children:n,className:s,style:i}=e,r=t.useRef(null),l=t.useCallback(()=>{r.current&&u.focusFirstFocusableChild(r.current)},[]),p=t.useCallback(()=>({element:r.current,focus:l}),[l]);t.useImperativeHandle(c,p);const m=t.useMemo(()=>u.classNames("k-appbar-section",s),[s]);return t.createElement("div",{className:m,style:i},n)});o.propTypes={children:a.any,className:a.string,style:a.object};o.displayName="KendoAppBarSection";exports.AppBarSection=o;

package/appbar/AppBarSection.mjs

@@ -0,0 +1,47 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import t from "prop-types";
+import { focusFirstFocusableChild as u, classNames as f } from "@progress/kendo-react-common";
+const r = e.forwardRef((n, o) => {
+  const {
+    children: l,
+    className: a,
+    style: i
+  } = n, s = e.useRef(null), c = e.useCallback(
+    () => {
+      s.current && u(s.current);
+    },
+    []
+  ), m = e.useCallback(
+    () => ({
+      element: s.current,
+      focus: c
+    }),
+    [c]
+  );
+  e.useImperativeHandle(o, m);
+  const p = e.useMemo(
+    () => f(
+      "k-appbar-section",
+      a
+    ),
+    [a]
+  );
+  return /* @__PURE__ */ e.createElement("div", { className: p, style: i }, l);
+});
+r.propTypes = {
+  children: t.any,
+  className: t.string,
+  style: t.object
+};
+r.displayName = "KendoAppBarSection";
+export {
+  r as AppBarSection
+};

package/appbar/AppBarSpacer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 f=require("react"),l=require("prop-types"),p=require("@progress/kendo-react-common");function b(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(a,r,c.get?c:{enumerable:!0,get:()=>s[r]})}}return a.default=s,Object.freeze(a)}const t=b(f),o=t.forwardRef((s,a)=>{const{children:r,className:c,style:e}=s,n=t.useRef(null),u=t.useCallback(()=>{n.current&&p.focusFirstFocusableChild(n.current)},[]),i=t.useCallback(()=>({element:n.current,focus:u}),[u]);t.useImperativeHandle(a,i);const d=t.useMemo(()=>p.classNames("k-appbar-spacer",{"k-appbar-spacer-sized":e&&e.width&&e.width!==null},c),[c,e]),m=t.useMemo(()=>({flexBasis:e&&e.width?e.width:void 0}),[e]);return t.createElement("span",{className:d,style:m},r)});o.propTypes={children:l.any,className:l.string,style:l.object};o.displayName="KendoAppBarSpacer";exports.AppBarSpacer=o;

package/appbar/AppBarSpacer.mjs

@@ -0,0 +1,55 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as s from "react";
+import r from "prop-types";
+import { focusFirstFocusableChild as d, classNames as f } from "@progress/kendo-react-common";
+const l = s.forwardRef((n, p) => {
+  const {
+    children: o,
+    className: t,
+    style: e
+  } = n, a = s.useRef(null), c = s.useCallback(
+    () => {
+      a.current && d(a.current);
+    },
+    []
+  ), i = s.useCallback(
+    () => ({
+      element: a.current,
+      focus: c
+    }),
+    [c]
+  );
+  s.useImperativeHandle(p, i);
+  const m = s.useMemo(
+    () => f(
+      "k-appbar-spacer",
+      {
+        "k-appbar-spacer-sized": e && e.width && e.width !== null
+      },
+      t
+    ),
+    [t, e]
+  ), u = s.useMemo(
+    () => ({
+      flexBasis: e && e.width ? e.width : void 0
+    }),
+    [e]
+  );
+  return /* @__PURE__ */ s.createElement("span", { className: m, style: u }, o);
+});
+l.propTypes = {
+  children: r.any,
+  className: r.string,
+  style: r.object
+};
+l.displayName = "KendoAppBarSpacer";
+export {
+  l as AppBarSpacer
+};

package/bottomnavigation/BottomNavigation.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 T=require("react"),l=require("prop-types"),r=require("@progress/kendo-react-common"),_=require("../package-metadata.js"),N=require("./models/utils.js"),j=require("./BottomNavigationItem.js");function q(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(c,n,d.get?d:{enumerable:!0,get:()=>e[n]})}}return c.default=e,Object.freeze(c)}const o=q(T),f=o.forwardRef((e,c)=>{r.validatePackage(_.packageMetadata);const n=o.useRef(null),d=o.useCallback(()=>{n.current&&r.focusFirstFocusableChild(n.current)},[]),b=o.useCallback(()=>({element:n.current,focus:d}),[d]);o.useImperativeHandle(c,b);const{positionMode:k=s.positionMode,itemFlow:M=s.itemFlow,border:C=s.border,className:S,items:i,item:w,itemRender:I,disabled:g,style:E,id:h,onSelect:v,onKeyDown:O}=e,p=r.useId(),D=r.useDir(n,e.dir),u=o.useMemo(()=>e.fillMode===null||e.fill===null?null:e.fill||e.fillMode||s.fillMode,[e.fillMode,e.fill]),y=o.useMemo(()=>e.themeColor||s.themeColor,[e.themeColor]),P=o.useMemo(()=>r.classNames("k-bottom-nav",N.POSITION_MODE_CLASSES[k],N.ITEM_FLOW_CLASSES[M],{[`k-bottom-nav-${u}`]:u,[`k-bottom-nav-${u}-${y}`]:!!(u&&y),"k-bottom-nav-border":C,"k-disabled":g},S),[k,y,u,M,C,g,S]),m=o.useCallback((t,a)=>{i&&!i[a].disabled&&v&&r.dispatchEvent(v,t,b(),{itemTarget:i[a],itemIndex:a})},[i,v]),R=o.useCallback((t,a)=>{m(t,a)},[m]),F=o.useCallback((t,a)=>{switch(t.keyCode){case r.Keys.enter:case r.Keys.space:m(t,a),t.preventDefault();break}r.dispatchEvent(O,t,b(),void 0)},[m,O]);return o.createElement("nav",{ref:n,className:P,style:E,id:h||p,dir:D},i&&i.map((t,a)=>o.createElement(j.BottomNavigationItem,{...t,key:a,index:a,id:`${h||p}-${a}`,disabled:g||t.disabled,selected:t.selected,dataItem:t,item:w,render:I,onSelect:R,onKeyDown:F})))}),s={themeColor:"primary",fillMode:"flat",itemFlow:"vertical",positionMode:"fixed",border:!0};f.propTypes={className:l.string,style:l.object,id:l.string,dir:l.string,themeColor:l.oneOf(["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),fill:l.oneOf(["solid","flat"]),fillMode:l.oneOf(["solid","flat"]),itemFlow:l.oneOf(["vertical","horizontal"]),border:l.bool,disabled:l.bool,selected:l.number,onSelect:l.func};f.defaultProps=s;f.displayName="KendoReactBottomNavigation";exports.BottomNavigation=f;