@progress/kendo-react-layout 7.2.4-develop.2 → 7.2.4-develop.4

package/timeline/TimelineHorizontal.mjs

@@ -0,0 +1,239 @@
+/**
+ * @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 n from "react";
+import ft from "prop-types";
+import { TimelineCard as ut } from "./TimelineCard.mjs";
+import { addYearsFlags as mt } from "./utils.mjs";
+import { caretAltLeftIcon as dt, caretAltRightIcon as kt } from "@progress/kendo-svg-icons";
+import { useInternationalization as bt } from "@progress/kendo-react-intl";
+import { Navigation as Et, canUseDOM as Tt, classNames as _, SvgIcon as z } from "@progress/kendo-react-common";
+const vt = (v) => {
+  const M = bt(), [y, j] = n.useState(!1), [R, K] = n.useState(!0), [X, Y] = n.useState(), [f, S] = n.useState(0), [g, q] = n.useState(), [l, B] = n.useState(0), [d, G] = n.useState(0), [a, O] = n.useState(1), [u, w] = n.useState(), [c, J] = n.useState(), [N, L] = n.useState([0, 0, 0]), [I, W] = n.useState(0), [Q, Z] = n.useState(1), m = n.useRef(null), i = n.useRef(null), D = n.useRef(null), { eventsData: tt, dateFormat: et, navigatable: nt, onActionClick: st } = v, U = g ? `${g}%` : "150px", k = n.useRef(new Et({
+    tabIndex: 0,
+    root: m,
+    selectors: [".k-timeline-scrollable-wrap"]
+  }));
+  n.useEffect(() => {
+    m.current && v.navigatable && (setTimeout(() => {
+      const t = k.current.first;
+      t && t.setAttribute("tabindex", String(0));
+    }, 0), k.current.keyboardEvents = {
+      keydown: {
+        ArrowRight: at,
+        ArrowLeft: ot,
+        End: ct,
+        Home: it
+      }
+    });
+  }, [v.navigatable, a, l]), n.useEffect(() => {
+    k.current.update();
+  });
+  const rt = (t) => {
+    nt && k.current && k.current.triggerKeyboardEvent(t);
+  };
+  n.useEffect(() => {
+    var r;
+    const t = Tt && window.ResizeObserver && new window.ResizeObserver(p), e = i.current, s = ((r = m == null ? void 0 : m.current) == null ? void 0 : r.offsetWidth) || 0;
+    return t && e && t.observe(e), x(), p(), L([s, 0, -s]), () => {
+      t && t.disconnect();
+    };
+  }, []), n.useEffect(() => {
+    const t = i.current, e = t && t.children[a];
+    if (e) {
+      const s = e.offsetWidth, r = !(f >= 0);
+      if (j(r), c) {
+        const o = c.length * s > l * s * ((f * -1 + 100) / 100);
+        K(o);
+      }
+      (t == null ? void 0 : t.offsetWidth) * -f / 100 >= t.children.length * s && (x(), p(), S((e.offsetLeft - e.offsetWidth) / (l * e.offsetWidth) * 100 * -1)), V(e);
+    }
+  }, [l, g, a]);
+  const at = (t, e, s) => {
+    if (i.current) {
+      const r = i.current.children[a + 1], o = r && r.classList.contains("k-timeline-flag-wrap") ? a + 2 : a + 1;
+      if (c && c.length <= o)
+        return;
+      l + d <= o && P(), E(o, s);
+    }
+  }, ot = (t, e, s) => {
+    if (i.current) {
+      const r = i.current && i.current.children[a - 1], o = r && r.classList.contains("k-timeline-flag-wrap") ? a - 2 : a - 1;
+      if (o <= 0)
+        return;
+      o < d && F(), E(o, s);
+    }
+  }, it = (t, e, s) => {
+    if (i.current) {
+      if (a <= 1)
+        return;
+      const r = 1;
+      h(!0, r, 0, 0), E(r, s);
+    }
+  }, ct = (t, e, s) => {
+    if (i.current) {
+      const r = i.current && i.current.children.length - 1;
+      if (r <= a)
+        return;
+      const o = Math.floor(r / l), T = o * -100, C = o * l;
+      h(!0, r, C, T), E(r, s);
+    }
+  }, x = () => {
+    const t = mt(tt);
+    J(t), w([t[a - 1], t[a], t[a + 1]]);
+  }, F = () => {
+    var e;
+    if (i.current && c) {
+      const s = d - l, r = d - 1, o = c[r] && ((e = c[r]) != null && e.yearFlag) ? r - 1 : r, T = f + 100 > 0 ? 0 : f + 100;
+      h(!1, o, s, T);
+    }
+  }, P = () => {
+    if (i.current && c) {
+      const e = d + l, s = c[e] && c[e].yearFlag ? e + 1 : e, r = f - 100;
+      h(!0, s, e, r);
+    }
+  }, h = (t, e, s, r) => {
+    A(t, e), p(), G(s), S(r), O(e);
+  }, A = (t, e) => {
+    if (u && c) {
+      const s = b(t, Q), r = Object.assign([], u, { [s]: c[e] });
+      w(r), Z(s), W(t ? -100 : 100), setTimeout(() => {
+        var H;
+        const o = (H = m.current) == null ? void 0 : H.offsetWidth, T = Object.assign([], N, {
+          [s]: 0,
+          [b(!0, s)]: o,
+          [b(!1, s)]: o && -o
+        }), C = Object.assign([], r, {
+          [b(!0, s)]: {},
+          [b(!1, s)]: {}
+        });
+        w(C), L(T), W(0);
+      }, v.transitionDuration || 300);
+    }
+  }, b = (t, e) => {
+    const s = t ? e + 1 : e - 1;
+    return u ? s < 0 ? u.length - 1 : s % u.length : 0;
+  }, V = (t) => {
+    var s;
+    const e = (a - d) * t.offsetWidth + t.offsetWidth / 2 + (((s = D.current) == null ? void 0 : s.offsetWidth) || 0);
+    Y(e);
+  }, E = (t, e) => {
+    e.preventDefault(), t > a ? A(!0, t) : t < a && A(!1, t), O(t);
+  }, p = n.useCallback(() => {
+    const t = i.current, e = t && t.children[a];
+    if (t instanceof HTMLElement && e) {
+      const s = Math.round(t.offsetWidth / 150);
+      V(e), q(100 / s), B(s);
+    }
+  }, []), lt = () => ({
+    transitionDuration: "300ms"
+  }), $ = (t) => ({
+    transform: `translateX(${t}%)`,
+    transformOrigin: "left top"
+  });
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", { className: "k-timeline-track-wrap", ref: m, onKeyDown: rt }, /* @__PURE__ */ n.createElement(
+    "button",
+    {
+      ref: D,
+      "aria-hidden": "true",
+      onClick: () => y && F(),
+      className: _(
+        "k-timeline-arrow",
+        "k-timeline-arrow-left",
+        "k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-icon-button",
+        { "k-disabled": !y }
+      )
+    },
+    /* @__PURE__ */ n.createElement(z, { icon: dt })
+  ), /* @__PURE__ */ n.createElement(
+    "button",
+    {
+      "aria-hidden": "true",
+      onClick: () => R && P(),
+      className: _(
+        "k-timeline-arrow",
+        "k-timeline-arrow-right",
+        "k-button k-button-md k-rounded-md k-button-solid k-button-solid-base k-icon-button",
+        { "k-disabled": !R }
+      )
+    },
+    /* @__PURE__ */ n.createElement(z, { icon: kt })
+  ), /* @__PURE__ */ n.createElement("div", { className: "k-timeline-track" }, /* @__PURE__ */ n.createElement(
+    "ul",
+    {
+      ref: i,
+      className: "k-timeline-scrollable-wrap",
+      role: "tablist",
+      tabIndex: 0,
+      style: { transform: `translateX(${f}%)` }
+    },
+    c && c.map((t, e) => t.yearFlag ? /* @__PURE__ */ n.createElement(
+      "li",
+      {
+        role: "none",
+        className: "k-timeline-track-item k-timeline-flag-wrap",
+        style: { flex: `1 0 ${U}` },
+        key: e
+      },
+      /* @__PURE__ */ n.createElement("span", { className: "k-timeline-flag" }, t.yearFlag)
+    ) : /* @__PURE__ */ n.createElement(
+      "li",
+      {
+        role: "tab",
+        className: _(
+          "k-timeline-track-item",
+          { "k-focus": e === a }
+        ),
+        "aria-selected": e === a,
+        style: { flex: `1 0 ${U}` },
+        key: e
+      },
+      /* @__PURE__ */ n.createElement("div", { className: "k-timeline-date-wrap" }, /* @__PURE__ */ n.createElement("span", { className: "k-timeline-date" }, M.formatDate(t.date, et))),
+      /* @__PURE__ */ n.createElement(
+        "span",
+        {
+          onClick: (s) => E(e, s),
+          className: "k-timeline-circle"
+        }
+      )
+    ))
+  ))), /* @__PURE__ */ n.createElement("div", { className: "k-timeline-events-list" }, /* @__PURE__ */ n.createElement(
+    "ul",
+    {
+      className: "k-timeline-scrollable-wrap",
+      style: I === 0 ? { ...$(I) } : { ...$(I), ...lt() }
+    },
+    u && u.map(
+      (t, e) => /* @__PURE__ */ n.createElement(
+        "li",
+        {
+          key: e,
+          className: "k-timeline-event",
+          style: { transform: `translate3d(${N[e]}px, 0px, 0px)` }
+        },
+        t && /* @__PURE__ */ n.createElement(
+          ut,
+          {
+            tabindex: N[e] === 0 ? 0 : -1,
+            eventData: t,
+            onActionClick: st,
+            horizontal: !0,
+            collapsible: !1,
+            calloutStyle: { left: `${X}px` }
+          }
+        )
+      )
+    )
+  )));
+};
+vt.propTypes = {
+  onActionClick: ft.func
+};
+export {
+  vt as TimelineHorizontal
+};

package/timeline/TimelineVertical.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"),q=require("prop-types"),w=require("./TimelineCard.js"),R=require("./utils.js"),m=require("@progress/kendo-react-common"),F=require("@progress/kendo-react-intl");function O(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(r,a,l.get?l:{enumerable:!0,get:()=>n[a]})}}return r.default=n,Object.freeze(r)}const e=O(S),p=n=>{const r=F.useInternationalization(),[a,l]=e.useState(),{collapsibleEvents:b,transitionDuration:k,eventsData:E,dateFormat:y,alterMode:d,navigatable:f,onChange:C,onActionClick:D}=n,u=e.useRef(null),i=e.useRef(new m.Navigation({tabIndex:0,root:u,selectors:[".k-card-vertical"]}));e.useEffect(()=>{u.current&&n.navigatable&&(setTimeout(()=>{const t=i.current.first;t&&t.setAttribute("tabindex",String(0))},0),i.current.keyboardEvents={keydown:{Space:g,Enter:g}})},[n.navigatable]),e.useEffect(()=>{l(R.addYearsFlags(E))},[]),e.useEffect(()=>{i.current.update()});const N=t=>{f&&i.current&&i.current.triggerKeyboardEvent(t)},g=(t,s,o)=>{o.preventDefault();const c=t.querySelector(".k-card-title .k-event-collapse");c&&c.click()};let v=0;const T=m.useId();return e.createElement("ul",{ref:u,onKeyDown:N},a&&a.map((t,s)=>{const o=(s+v)%2===0;t.yearFlag&&(v+=1);const c=T+"-"+s,I=d?{"k-reverse":o}:void 0;return e.createElement(e.Fragment,{key:s},t.yearFlag?e.createElement("li",{className:"k-timeline-flag-wrap"},e.createElement("span",{className:"k-timeline-flag"},t.yearFlag)):e.createElement("li",{className:m.classNames("k-timeline-event",I)},e.createElement("div",{className:"k-timeline-date-wrap"},e.createElement("span",{className:"k-timeline-date",id:c},r.formatDate(t.date,y))),e.createElement("span",{className:"k-timeline-circle"}),e.createElement(w.TimelineCard,{id:c,tabindex:f?0:-1,eventData:t,alternated:d&&o,collapsible:b,transitionDuration:k,onChange:C,onActionClick:D})))}))};p.propTypes={onActionClick:q.func};exports.TimelineVertical=p;

package/timeline/TimelineVertical.mjs

@@ -0,0 +1,78 @@
+/**
+ * @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 I from "prop-types";
+import { TimelineCard as w } from "./TimelineCard.mjs";
+import { addYearsFlags as F } from "./utils.mjs";
+import { Navigation as T, useId as x, classNames as A } from "@progress/kendo-react-common";
+import { useInternationalization as R } from "@progress/kendo-react-intl";
+const S = (l) => {
+  const u = R(), [c, p] = e.useState(), {
+    collapsibleEvents: v,
+    transitionDuration: E,
+    eventsData: g,
+    dateFormat: k,
+    alterMode: o,
+    navigatable: m,
+    onChange: y,
+    onActionClick: b
+  } = l, s = e.useRef(null), a = e.useRef(new T({
+    tabIndex: 0,
+    root: s,
+    selectors: [".k-card-vertical"]
+  }));
+  e.useEffect(() => {
+    s.current && l.navigatable && (setTimeout(() => {
+      const t = a.current.first;
+      t && t.setAttribute("tabindex", String(0));
+    }, 0), a.current.keyboardEvents = {
+      keydown: {
+        Space: d,
+        Enter: d
+      }
+    });
+  }, [l.navigatable]), e.useEffect(() => {
+    p(F(g));
+  }, []), e.useEffect(() => {
+    a.current.update();
+  });
+  const N = (t) => {
+    m && a.current && a.current.triggerKeyboardEvent(t);
+  }, d = (t, r, i) => {
+    i.preventDefault();
+    const n = t.querySelector(".k-card-title .k-event-collapse");
+    n && n.click();
+  };
+  let f = 0;
+  const C = x();
+  return /* @__PURE__ */ e.createElement("ul", { ref: s, onKeyDown: N }, c && c.map((t, r) => {
+    const i = (r + f) % 2 === 0;
+    t.yearFlag && (f += 1);
+    const n = C + "-" + r, D = o ? { "k-reverse": i } : void 0;
+    return /* @__PURE__ */ e.createElement(e.Fragment, { key: r }, t.yearFlag ? /* @__PURE__ */ e.createElement("li", { className: "k-timeline-flag-wrap" }, /* @__PURE__ */ e.createElement("span", { className: "k-timeline-flag" }, t.yearFlag)) : /* @__PURE__ */ e.createElement("li", { className: A("k-timeline-event", D) }, /* @__PURE__ */ e.createElement("div", { className: "k-timeline-date-wrap" }, /* @__PURE__ */ e.createElement("span", { className: "k-timeline-date", id: n }, u.formatDate(t.date, k))), /* @__PURE__ */ e.createElement("span", { className: "k-timeline-circle" }), /* @__PURE__ */ e.createElement(
+      w,
+      {
+        id: n,
+        tabindex: m ? 0 : -1,
+        eventData: t,
+        alternated: o && i,
+        collapsible: v,
+        transitionDuration: E,
+        onChange: y,
+        onActionClick: b
+      }
+    )));
+  }));
+};
+S.propTypes = {
+  onActionClick: I.func
+};
+export {
+  S as TimelineVertical
+};

package/timeline/utils.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 d=r=>r.sort((a,e)=>a.date.getTime()-e.date.getTime()),l=r=>{let t;return r.reduce((e,s)=>(t!==s.date.getFullYear()?(t=s.date.getFullYear(),e.push({yearFlag:t},s)):e.push(s),e),[])};exports.addYearsFlags=l;exports.sortEventList=d;

package/timeline/utils.mjs

@@ -0,0 +1,16 @@
+/**
+ * @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";
+const a = (r) => r.sort((u, e) => u.date.getTime() - e.date.getTime()), d = (r) => {
+  let t;
+  return r.reduce((e, s) => (t !== s.date.getFullYear() ? (t = s.date.getFullYear(), e.push({ yearFlag: t }, s)) : e.push(s), e), []);
+};
+export {
+  d as addYearsFlags,
+  a as sortEventList
+};

package/actionsheet/ActionSheet.d.ts

@@ -1,138 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { ActionSheetItemProps } from './interfaces/ActionSheetItemProps';
-/**
- * The props of the ActionSheet component.
- */
-export interface ActionSheetProps {
-    /**
-     * The collection of items that will be rendered in the ActionSheet.
-     */
-    items?: ActionSheetItemProps[];
-    /**
-     * Specifies the text that is rendered under the title.
-     */
-    subTitle?: string;
-    /**
-     * Specifies the text that is rendered as title.
-     */
-    title?: string;
-    /**
-     * **Deprecated**. Fires when the modal overlay is clicked. Use `onClose` event instead.
-     *
-     * @deprecated
-     */
-    onOverlayClick?: (event: React.SyntheticEvent) => void;
-    /**
-     * Fires when the modal overlay is clicked.
-     */
-    onClose?: (event: React.SyntheticEvent) => void;
-    /**
-     * Fires when an ActionSheet item is clicked.
-     */
-    onItemSelect?: (event: {
-        syntheticEvent: React.SyntheticEvent;
-        title?: string;
-        item?: any;
-    }) => void;
-    /**
-     * **Deprecated**. Fires when an ActionSheet item is clicked. Use `onItemSelect` event instead.
-     *
-     * @deprecated
-     */
-    onItemClick?: (event: {
-        syntheticEvent: React.SyntheticEvent;
-        title?: string;
-        item?: any;
-    }) => void;
-    /**
-     * Represents the children that are passed to the ActionSheet.
-     */
-    children?: any;
-    /**
-     * Specifies the `tabIndex` of the ActionSheet.
-     */
-    tabIndex?: number;
-    /**
-     * Specifies if the ActionSheet can be navigatable with keyboard.
-     * Defaults to `true`.
-     */
-    navigatable: boolean;
-    /**
-     * Specifies the selectors of the navigatable elements inside the templates of the ActionSheet.
-     */
-    navigatableElements: string[];
-    /**
-     * Controls the popup animation. By default, the open and close animations are disabled.
-     */
-    animation?: boolean;
-    /**
-     * @hidden
-     */
-    animationStyles?: React.CSSProperties;
-    /**
-     * Specifies the duration of the transition for the entering and closing Animation. Defaults to `300ms`.
-     */
-    animationDuration?: number;
-    /**
-     * The CSS classes that will be rendered on the inner ActionSheet element.
-     */
-    className?: string;
-    /**
-     * Specifies the state of the ActionSheet.
-     */
-    expand?: boolean;
-}
-/**
- * @hidden
- */
-export interface ActionSheetState {
-    show?: boolean;
-    slide?: boolean;
-}
-/**
- * Represents the [KendoReact ActionSheet]({% slug overview_actionsheet %}) component.
- */
-export declare class ActionSheet extends React.Component<ActionSheetProps, ActionSheetState> {
-    /** @hidden */
-    static displayName: string;
-    /** @hidden */
-    static propTypes: {
-        items: PropTypes.Requireable<any[]>;
-        subTitle: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        navigatable: PropTypes.Requireable<boolean>;
-        navigatableElements: PropTypes.Requireable<any[]>;
-    };
-    /** @hidden */
-    static defaultProps: {
-        navigatable: boolean;
-        navigatableElements: never[];
-    };
-    private actionSheetRef;
-    private actionSheetTitleClass;
-    private ariaLabeledBy;
-    private navigation?;
-    private animationDuration;
-    private bottomPosition;
-    /** @hidden */
-    constructor(props: ActionSheetProps);
-    /** @hidden */
-    componentDidMount(): void;
-    /** @hidden */
-    componentDidUpdate(_prevProps: Readonly<ActionSheetProps>, prevState: Readonly<ActionSheetState>): void;
-    /** @hidden */
-    render(): import("react/jsx-runtime").JSX.Element;
-    private handleKeyDown;
-    private onTab;
-    private handleOverlayClick;
-    private handleItemClick;
-    private onEnter;
-    private onEscape;
-    private hideActionSheet;
-    private children;
-}

package/actionsheet/ActionSheetContent.d.ts

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { ActionSheetChildrenProps } from './interfaces/ActionSheetChildrenProps';
-/**
- * @hidden
- */
-export declare const contentDisplayName = "ActionSheetContent";
-/**
- * The KendoReact ActionSheetContent component.
- */
-export declare const ActionSheetContent: React.FunctionComponent<ActionSheetChildrenProps>;

package/actionsheet/ActionSheetFooter.d.ts

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { ActionSheetChildrenProps } from './interfaces/ActionSheetChildrenProps';
-/**
- * @hidden
- */
-export declare const footerDisplayName = "ActionSheetFooter";
-/**
- * The KendoReact ActionSheetFooter component.
- */
-export declare const ActionSheetFooter: React.FunctionComponent<ActionSheetChildrenProps>;

package/actionsheet/ActionSheetHeader.d.ts

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { ActionSheetChildrenProps } from './interfaces/ActionSheetChildrenProps';
-/**
- * @hidden
- */
-export declare const headerDisplayName = "ActionSheetHeader";
-/**
- * The KendoReact ActionSheetHeader component.
- */
-export declare const ActionSheetHeader: React.FunctionComponent<ActionSheetChildrenProps>;

package/actionsheet/ActionSheetItem.d.ts

@@ -1,10 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { ActionSheetItemProps } from './interfaces/ActionSheetItemProps';
-/**
- * The KendoReact ActionSheetItem component.
- */
-export declare const ActionSheetItem: React.FunctionComponent<ActionSheetItemProps>;

package/actionsheet/interfaces/ActionSheetChildrenProps.d.ts

@@ -1,17 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export interface ActionSheetChildrenProps {
-    /**
-     * ClassName of the rendered element.
-     */
-    className?: any;
-    /**
-     * Represents the children that are passed to the ActionSheet.
-     */
-    children?: any;
-}

package/actionsheet/interfaces/ActionSheetItemProps.d.ts

@@ -1,70 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-/**
- * Represents the props of the KendoReact ActionSheet component.
- */
-export interface ActionSheetItemProps {
-    /**
-     * Sets additional CSS classes to the ActionSheet.
-     */
-    className?: string;
-    /**
-     * Sets additional CSS styles to the ActionSheet.
-     */
-    style?: React.CSSProperties;
-    /**
-     * **Deprecated**. Specifies the `tabIndex` of the ActionSheetItem.
-     *
-     * Set the tabIndex to the ActionSheet component instead.
-     *
-     * @deprecated
-     */
-    tabIndex?: number;
-    /**
-     * Specifies additional text rendered under the item's title.
-     */
-    description?: string;
-    /**
-     * Specifies if the ActionSheet item is initially disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Defines the group of the item. Items can be segregated in two groups - `top` and `bottom`.
-     * Each specifying whether the ActionSheet item will be rendered over the separator or under it.
-     */
-    group?: 'top' | 'bottom';
-    /**
-     * Defines the icon rendered inside the ActionSheet item.
-     */
-    icon?: React.ReactElement;
-    /**
-     * Specifies the text content of the ActionSheet item.
-     */
-    title?: string;
-    /**
-     * Specifies the ActionSheet item.
-     */
-    item?: any;
-    /**
-     * @hidden
-     */
-    onClick?: (event: {
-        syntheticEvent: React.SyntheticEvent;
-        title?: string;
-    }) => void;
-    /**
-     * @hidden
-     */
-    onKeyDown?: (event: React.SyntheticEvent, title: string | undefined, id: number | undefined) => void;
-    /**
-     * @hidden
-     */
-    focused?: boolean;
-    /**
-     * @hidden
-     */
-    id?: number;
-}