@progress/kendo-react-layout 14.0.0-develop.1 → 14.0.0-develop.2

package/panelbar/PanelBar.mjs

@@ -5,212 +5,233 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as c from "react";
-import o from "prop-types";
-import { PanelBarItem as m } from "./PanelBarItem.mjs";
-import { flatChildren as g, isArrayEqual as k, flatVisibleChildren as b, getFocusedChild as P, getInitialState as I, getFirstId as K, renderChildren as S } from "./util.mjs";
-import { Keys as l, classNames as F } from "@progress/kendo-react-common";
-import { NavigationAction as r } from "./interfaces/NavigationAction.mjs";
-const h = class h extends c.Component {
-  constructor(a) {
-    super(a), this._element = null, this.handleSelect = (t) => {
-      this.onSelect(t), this.onFocus(t);
-    }, this.onSelect = (t) => {
-      const n = g(c.Children.toArray(this.children));
-      let s, i;
-      switch (n.forEach((e) => {
-        e.props.uniquePrivateKey === (t.uniquePrivateKey || this.state.focused) && (s = e);
-      }), this.expandMode) {
+import * as a from "react";
+import b from "prop-types";
+import { PanelBarItem as L } from "./PanelBarItem.mjs";
+import { getInitialState as J, getFirstId as Q, flatChildren as X, isArrayEqual as Y, flatVisibleChildren as Z, getFocusedChild as _, renderChildren as ee } from "./util.mjs";
+import { Keys as m, classNames as re } from "@progress/kendo-react-common";
+import { NavigationAction as n } from "./interfaces/NavigationAction.mjs";
+const U = (p) => {
+  const {
+    animation: d = !0,
+    children: o,
+    dir: N,
+    selected: w,
+    expanded: O,
+    expandMode: I = "multiple",
+    className: A,
+    keepItemsMounted: T = !1,
+    onSelect: C,
+    style: D,
+    isControlled: W
+  } = p, v = a.useRef(null), E = a.useRef(void 0), x = a.useRef(null), [c, f] = a.useState(() => {
+    const l = J(p, I || "multiple");
+    return l.focused || (l.focused = Q(p)), l;
+  }), F = I || "multiple", R = w !== void 0 ? w : c.selected, h = W ? O || [] : c.expanded, S = a.useCallback((r) => {
+    x.current = window.setTimeout(() => r());
+  }, []), g = a.useCallback(
+    (r) => {
+      const l = K, s = X(a.Children.toArray(l));
+      let t, i;
+      switch (s.forEach((e) => {
+        e.props.uniquePrivateKey === (r.uniquePrivateKey || c.focused) && (t = e);
+      }), F) {
         case "single":
-          i = [...s.props.parentUniquePrivateKey, s.props.uniquePrivateKey], k(this.expandedItems, i) && (s.props.parentUniquePrivateKey ? i = [...s.props.parentUniquePrivateKey] : i = []);
+          i = [...t.props.parentUniquePrivateKey, t.props.uniquePrivateKey], Y(h, i) && (t.props.parentUniquePrivateKey ? i = [...t.props.parentUniquePrivateKey] : i = []);
           break;
         case "multiple": {
-          i = this.expandedItems.slice();
-          const e = i.indexOf(s.props.uniquePrivateKey);
-          e === -1 ? i.push(s.props.uniquePrivateKey) : i.splice(e, 1);
+          i = h.slice();
+          const e = i.indexOf(t.props.uniquePrivateKey);
+          e === -1 ? i.push(t.props.uniquePrivateKey) : i.splice(e, 1);
           break;
         }
         default:
-          i = this.expandedItems.slice();
+          i = h.slice();
           break;
       }
-      this.setState({ selected: s.props.uniquePrivateKey, expanded: i }), this.props.onSelect && this.props.onSelect.call(void 0, {
-        target: s,
+      f((e) => ({ ...e, selected: t.props.uniquePrivateKey, expanded: i })), C && C({
+        target: t,
         expandedItems: i
       });
-    }, this.onFocus = (t, n = 0, s) => {
-      const i = b(c.Children.toArray(this.children)), e = P(i, n, t, this.state.focused, s);
+    },
+    [o, c.focused, F, h, C]
+  ), u = a.useCallback(
+    (r, l = 0, s) => {
+      const t = K, i = Z(a.Children.toArray(t)), e = _(i, l, r, c.focused, s);
       if (e) {
-        const d = this.expandedItems.slice();
-        if (s === r.Right && e && e.props && e.props.children && e.props.children.length > 0) {
-          if (d.push(e.props.uniquePrivateKey), this.setState({ expanded: [...new Set(d)] }), e.props.expanded) {
-            const u = e.props.children[0].props.uniquePrivateKey;
-            this.setState({ focused: u });
+        const k = h.slice();
+        if (s === n.Right && e && e.props && e.props.children && e.props.children.length > 0) {
+          if (k.push(e.props.uniquePrivateKey), f((y) => ({ ...y, expanded: [...new Set(k)] })), e.props.expanded) {
+            const y = e.props.children[0].props.uniquePrivateKey;
+            f((P) => ({ ...P, focused: y }));
           }
-        } else if (s === r.Left && (e && e.props && e.props.parentUniquePrivateKey && e.props.parentUniquePrivateKey.length > 0 || e && e.props && !e.props.disabled && e.props.children && e.props.children.length > 0)) {
-          const u = e.props.parentUniquePrivateKey;
+        } else if (s === n.Left && (e && e.props && e.props.parentUniquePrivateKey && e.props.parentUniquePrivateKey.length > 0 || e && e.props && !e.props.disabled && e.props.children && e.props.children.length > 0)) {
+          const y = e.props.parentUniquePrivateKey;
           if (e.props.expanded) {
-            const f = e.props.uniquePrivateKey, x = d.indexOf(f);
-            d.splice(x, 1), this.setState({ expanded: d });
+            const P = e.props.uniquePrivateKey, q = k.indexOf(P);
+            k.splice(q, 1), f((H) => ({ ...H, expanded: k }));
           } else if (e.props.level > 0) {
-            const f = e.props.parentUniquePrivateKey[u.length - 1];
-            this.setState({ focused: f });
+            const P = e.props.parentUniquePrivateKey[y.length - 1];
+            f((q) => ({ ...q, focused: P }));
           }
         } else
-          this.activeDescendant = e.props.id, this.setState({ focused: e.props.uniquePrivateKey });
+          E.current = e.props.id, f((y) => ({ ...y, focused: e.props.uniquePrivateKey }));
       }
-    }, this.onNavigate = (t, n) => {
+    },
+    [o, c.focused, h]
+  ), B = a.useCallback(
+    (r) => {
+      g(r), u(r);
+    },
+    [g, u]
+  ), K = a.useMemo(() => ee({
+    animation: d,
+    keepItemsMounted: T,
+    state: { ...c, selected: R },
+    expanded: h,
+    handleSelect: B,
+    children: o
+  }), [d, T, c, R, h, o, B]), M = a.useCallback(
+    (r, l) => {
       let s;
-      switch (n) {
-        case r.First:
-          this.onFocus(t, s, r.First);
+      switch (l) {
+        case n.First:
+          u(r, s, n.First);
           break;
-        case r.Last:
-          this.onFocus(t, s, r.Last);
+        case n.Last:
+          u(r, s, n.Last);
           break;
-        case r.Left:
-          this.onFocus(t, s, r.Left);
+        case n.Left:
+          u(r, s, n.Left);
           break;
-        case r.Right:
-          this.onFocus(t, s, r.Right);
+        case n.Right:
+          u(r, s, n.Right);
           break;
-        case r.Previous:
-          s = -1, this.onFocus(t, s);
+        case n.Previous:
+          s = -1, u(r, s);
           break;
-        case r.Next:
-          s = 1, this.onFocus(t, s);
+        case n.Next:
+          s = 1, u(r, s);
           break;
-        case r.Toggle:
-          this.onSelect(t);
+        case n.Toggle:
+          g(r);
           break;
       }
-    }, this.handleWrapperFocus = () => {
-      clearTimeout(this.nextTickId), this.state.wrapperFocused || this.setState({ wrapperFocused: !0 });
-    }, this.handleWrapperBlur = () => {
-      this.nextTick(() => {
-        this.setState({ wrapperFocused: !1 });
-      });
-    }, this.handleKeyDown = (t) => {
-      const n = this._element && getComputedStyle(this._element).direction === "rtl" || !1;
-      if (t.target === t.currentTarget) {
-        const s = t.keyCode;
-        let i;
+    },
+    [u, g]
+  ), $ = a.useCallback(() => {
+    clearTimeout(x.current), c.wrapperFocused || f((r) => ({ ...r, wrapperFocused: !0 }));
+  }, [c.wrapperFocused]), V = a.useCallback(() => {
+    S(() => {
+      f((r) => ({ ...r, wrapperFocused: !1 }));
+    });
+  }, [S]), j = a.useCallback(
+    (r) => {
+      const l = v.current && getComputedStyle(v.current).direction === "rtl" || !1;
+      if (r.target === r.currentTarget) {
+        const s = r.keyCode;
+        let t;
         switch (s) {
-          case l.left:
-            i = n ? r.Right : r.Left;
+          case m.left:
+            t = l ? n.Right : n.Left;
             break;
-          case l.up:
-            i = r.Previous;
+          case m.up:
+            t = n.Previous;
             break;
-          case l.right:
-            i = n ? r.Left : r.Right;
+          case m.right:
+            t = l ? n.Left : n.Right;
             break;
-          case l.down:
-            i = r.Next;
+          case m.down:
+            t = n.Next;
             break;
-          case l.home:
-            i = r.First;
+          case m.home:
+            t = n.First;
             break;
-          case l.end:
-            i = r.Last;
+          case m.end:
+            t = n.Last;
             break;
-          case l.space:
-          case l.enter:
-            i = r.Toggle;
+          case m.space:
+          case m.enter:
+            t = n.Toggle;
             break;
           default:
-            i = null;
+            t = null;
             break;
         }
-        i !== null && (t.preventDefault(), this.onNavigate(t, i));
+        t !== null && (r.preventDefault(), M(r, t));
       }
-    };
-    const p = I(a, this.expandMode);
-    p.focused || (p.focused = K(a)), this.state = p;
-  }
-  get expandMode() {
-    return this.props.expandMode || "multiple";
-  }
-  get selectedItem() {
-    const { selected: a = this.state.selected } = this.props;
-    return a;
-  }
-  get expandedItems() {
-    return this.props.isControlled ? this.props.expanded || [] : this.state.expanded;
-  }
-  get children() {
-    const a = { ...this.state, selected: this.selectedItem }, p = {
-      animation: this.props.animation,
-      keepItemsMounted: this.props.keepItemsMounted,
-      state: a,
-      expanded: this.expandedItems,
-      handleSelect: this.handleSelect,
-      children: this.props.children
-    };
-    return S(p);
-  }
+    },
+    [M]
+  );
+  a.useEffect(() => () => {
+    x.current && clearTimeout(x.current);
+  }, []);
+  const z = {
+    "aria-activedescendant": E.current
+  }, G = re("k-panelbar", A);
+  return /* @__PURE__ */ a.createElement(
+    "ul",
+    {
+      ref: v,
+      dir: N,
+      role: "tree",
+      tabIndex: 0,
+      onKeyDown: j,
+      onFocus: $,
+      onBlur: V,
+      className: G,
+      style: D,
+      ...z
+    },
+    K
+  );
+};
+U.propTypes = {
   /**
-   * @hidden
+   * A collection of `PanelBarItem` components.
    */
-  render() {
-    const a = {
-      "aria-activedescendant": this.activeDescendant
-    }, p = F("k-panelbar", this.props.className);
-    return /* @__PURE__ */ c.createElement(
-      "ul",
-      {
-        ref: (t) => {
-          this._element = t;
-        },
-        dir: this.props.dir,
-        role: "tree",
-        tabIndex: 0,
-        onKeyDown: this.handleKeyDown,
-        onFocus: this.handleWrapperFocus,
-        onBlur: this.handleWrapperBlur,
-        className: p,
-        style: this.props.style,
-        ...a
-      },
-      this.children
-    );
-  }
-  nextTick(a) {
-    this.nextTickId = window.setTimeout(() => a());
-  }
-};
-h.propTypes = {
-  animation: o.bool,
-  children: function(a, p) {
-    const t = a[p];
-    if (t) {
-      if (Array.isArray(t)) {
-        for (const n of t)
-          if (!n.type || n.type !== m)
-            return new Error(
-              "PanelBar children should be either PanelBarItem or Array of PanelBarItem."
-            );
-      } else if (t.type !== m)
-        return new Error("PanelBar child should be either PanelBarItem or Array of PanelBarItem.");
-      return null;
+  children: b.oneOfType([
+    b.arrayOf(function(p, d) {
+      return p[d].type !== L ? new Error("PanelBar children should be either PanelBarItem or an array of PanelBarItem.") : null;
+    }),
+    function(p, d) {
+      const o = p[d];
+      return o && o.type !== L ? new Error("PanelBar children should be either PanelBarItem or an array of PanelBarItem.") : null;
     }
-    return null;
+  ]),
+  /**
+   * Expands the item or items that match the `selected` property while respecting the `expandMode` property (see [example]({% slug expandModes_panelbar %}#toc-single-expandMode)).
+   * To expand the item on the initial load of the PanelBar, define the `expanded` property of each PanelBarItem.
+   */
+  selected: b.string,
+  /**
+   * Sets the expand mode of the PanelBar through the `single`, `multiple`, or `default` keywords (see [example]({% slug expandModes_panelbar %})).
+   */
+  expandMode(p, d) {
+    const o = p[d];
+    return o !== "single" && o !== "multiple" && o !== "default" ? new Error(
+      `Invalid value '${o}' given to '${d}'. It must be either 'single', 'multiple' or 'default'.`
+    ) : null;
   },
-  dir: o.string,
-  selected: o.string,
-  expanded: o.arrayOf(o.string),
-  focused: o.string,
-  expandMode: o.oneOf(["single", "multiple"]),
-  className: o.string,
-  keepItemsMounted: o.bool,
-  onSelect: o.func,
-  style: o.object
-}, h.defaultProps = {
+  /**
+   * Enables or disables the animation of the PanelBar items.
+   */
+  animation: b.bool,
+  /**
+   * When enabled, keeps PanelBarItem content mounted in the DOM even when collapsed.
+   */
+  keepItemsMounted: b.bool,
+  /**
+   * Fires when the expand mode of the PanelBar is set to `single` or `multiple`
+   * and an item is toggled (see [example]({% slug overview_panelbar %}#toc-expanded-state-management)).
+   */
+  onSelect: b.func
+};
+U.defaultProps = {
   expandMode: "multiple",
   animation: !0,
   keepItemsMounted: !1
 };
-let y = h;
 export {
-  y as PanelBar
+  U as PanelBar
 };

package/panelbar/PanelBarItem.d.ts

@@ -5,57 +5,19 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { default as PropTypes } from 'prop-types';
 import { PanelBarItemProps } from '../index.js';
+import { PanelBarItemHandle } from './interfaces/PanelBarItemHandle.js';
 import * as React from 'react';
-/** @hidden */
-interface PanelBarItemState {
-    show: boolean;
-}
 /**
  * Represents the PanelBarItem component.
  *
  * @remarks
  * Supported children components are: {@link PanelBarItem}.
  */
-export declare class PanelBarItem extends React.PureComponent<PanelBarItemProps, PanelBarItemState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        animation: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<any>;
-        className: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<string>;
-        iconClass: PropTypes.Requireable<string>;
-        imageUrl: PropTypes.Requireable<string>;
-        svgIcon: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Validator<string>;
-            content: PropTypes.Validator<string>;
-            viewBox: PropTypes.Validator<string>;
-        }>>;
-        expanded: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        selected: PropTypes.Requireable<boolean>;
-        level: PropTypes.Requireable<number>;
-        title: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | null | undefined>>;
-        id: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        focused: PropTypes.Requireable<boolean>;
-        keepItemsMounted: PropTypes.Requireable<boolean>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        title: string;
-    };
-    constructor(props: PanelBarItemProps);
-    /**
-     * @hidden
-     */
-    render(): React.JSX.Element;
-    private handleItemClick;
-    private childFactory;
-}
-export {};
+export declare const PanelBarItem: React.ForwardRefExoticComponent<Omit<PanelBarItemProps, "ref"> & React.RefAttributes<PanelBarItemHandle | null>>;
+/**
+ * The default props of the PanelBarItem component.
+ *
+ * @hidden
+ */
+export declare const panelBarItemDefaultProps: Partial<PanelBarItemProps>;

package/panelbar/PanelBarItem.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 P=require("react"),t=require("prop-types"),c=require("@progress/kendo-react-common"),y=require("@progress/kendo-svg-icons"),T=require("@progress/kendo-react-animation");function A(i){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const e in i)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(i,e);Object.defineProperty(n,e,s.get?s:{enumerable:!0,get:()=>i[e]})}}return n.default=i,Object.freeze(n)}const a=A(P);function j({imageUrl:i,icon:n,svgIcon:e,iconClass:s}){return i?a.createElement("img",{role:"presentation",className:"k-panelbar-item-icon k-image",src:i}):n||e?a.createElement(c.IconWrap,{className:"k-panelbar-item-icon",name:n,icon:e}):s?a.createElement("span",{role:"presentation",className:"k-panelbar-item-icon "+s}):null}const d=class d extends a.PureComponent{constructor(n){super(n),this.handleItemClick=()=>{const{onSelect:e,disabled:s,id:p}=this.props;e&&!s&&e.call(void 0,{uniquePrivateKey:this.props.uniquePrivateKey,id:p,target:this})},this.childFactory=e=>this.props.keepItemsMounted?a.cloneElement(e,{...e.props,in:this.props.expanded}):e,this.state={show:n.expanded||!1}}render(){const{id:n,children:e,title:s,uniquePrivateKey:p,disabled:r,selected:m,focused:g,expanded:o,className:v,level:h,headerClassName:N,animation:b,keepItemsMounted:l}=this.props,E={role:"treeitem","aria-disabled":r,"aria-hidden":!r&&!o,"aria-selected":!r&&m,"aria-expanded":!r&&o&&!!e},x=c.classNames("k-panelbar-item",{"k-panelbar-header":h===0,"k-expanded":o&&!!e,"k-disabled":r},`k-level-${h}`,v),I=c.classNames("k-link",{"k-selected":!r&&m,"k-focus":g},N),S={display:"block"},C=j(this.props),O=!r&&e?a.createElement(c.IconWrap,{name:o?"chevron-up":"chevron-down",icon:o?y.chevronUpIcon:y.chevronDownIcon,className:c.classNames("k-panelbar-toggle",o?"k-panelbar-collapse":"k-panelbar-expand")}):null;let k=!1;e&&e[0]&&Array.isArray(e)&&(k=e[0].type===d);const q=k?a.createElement("ul",{role:"group","aria-expanded":o,"aria-hidden":!o,className:"k-panelbar-group",style:{display:l?this.state.show?"block":"none":"block"}},e):e,f=!r&&o||l?q:null,w=(b===void 0||b)&&!r&&e?a.createElement(T.Reveal,{transitionEnterDuration:200,transitionExitDuration:200,key:p+"_animation",style:S,children:f,childFactory:l&&this.childFactory,unmountOnExit:!l,onBeforeEnter:()=>l&&this.setState({show:!0}),onAfterExited:()=>l&&this.setState({show:!1})}):f;return a.createElement("li",{id:n,className:x,...E},a.createElement("span",{className:I,onClick:this.handleItemClick},C,a.createElement("span",{className:"k-panelbar-item-text"},s),O),w)}};d.propTypes={animation:t.bool,children:t.any,className:t.string,icon:t.string,iconClass:t.string,imageUrl:t.string,svgIcon:c.svgIconPropType,expanded:t.bool,disabled:t.bool,onSelect:t.func,selected:t.bool,level:t.number,title:t.oneOfType([t.string,t.element]),id:t.oneOfType([t.string,t.number]),focused:t.bool,keepItemsMounted:t.bool},d.defaultProps={title:"Untitled"};let u=d;exports.PanelBarItem=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),n=require("prop-types"),i=require("@progress/kendo-react-common"),N=require("@progress/kendo-svg-icons"),G=require("@progress/kendo-react-animation");function $(a){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(c,r,t.get?t:{enumerable:!0,get:()=>a[r]})}}return c.default=a,Object.freeze(c)}const e=$(z);function J({imageUrl:a,icon:c,svgIcon:r,iconClass:t}){return a?e.createElement("img",{role:"presentation",className:"k-panelbar-item-icon k-image",src:a}):c||r?e.createElement(i.IconWrap,{className:"k-panelbar-item-icon",name:c,icon:r}):t?e.createElement("span",{role:"presentation",className:"k-panelbar-item-icon "+t}):null}const d=e.forwardRef((a,c)=>{const{id:r,children:t,title:E=h.title,uniquePrivateKey:u,disabled:l,selected:b,focused:C,expanded:o,className:P,level:k,headerClassName:R,animation:y,keepItemsMounted:s,onSelect:m,imageUrl:S,icon:B,svgIcon:x,iconClass:O}=a,p=e.useRef({props:a}),D=e.useRef(null);e.useImperativeHandle(p,()=>({props:a})),e.useImperativeHandle(c,()=>p.current);const[w,g]=e.useState(o||!1),T=e.useCallback(()=>{m&&!l&&m({uniquePrivateKey:u,id:r,target:p.current})},[m,l,u,r]),q=e.useCallback(f=>s?e.cloneElement(f,{...f.props,in:o}):f,[s,o]),A=e.useCallback(()=>{s&&g(!0)},[s]),j=e.useCallback(()=>{s&&g(!1)},[s]),U={role:"treeitem","aria-disabled":l,"aria-hidden":!l&&!o?"true":"false","aria-selected":!l&&b,"aria-expanded":!l&&o&&!!t},M=i.classNames("k-panelbar-item",{"k-panelbar-header":k===0,"k-expanded":o&&!!t,"k-disabled":l},`k-level-${k}`,P),_=i.classNames("k-link",{"k-selected":!l&&b,"k-focus":C},R),H={display:"block"},L=J({imageUrl:S,icon:B,svgIcon:x,iconClass:O}),F=!l&&t?e.createElement(i.IconWrap,{name:o?"chevron-up":"chevron-down",icon:o?N.chevronUpIcon:N.chevronDownIcon,className:i.classNames("k-panelbar-toggle",o?"k-panelbar-collapse":"k-panelbar-expand")}):null;let I=!1;t&&t[0]&&Array.isArray(t)&&(I=t[0].type===d);const K=s&&!w?"none":"block",v=!l&&o||s?I?e.createElement("ul",{role:"group","aria-hidden":o?"false":"true",className:"k-panelbar-group",style:{display:K}},t):t:null,W=(y===void 0||y)&&!l&&t?e.createElement(G.Reveal,{transitionEnterDuration:200,transitionExitDuration:200,key:u+"_animation",style:H,children:v,childFactory:s?q:void 0,unmountOnExit:!s,onBeforeEnter:A,onAfterExited:j}):v;return e.createElement("li",{ref:D,id:r,className:M,...U},e.createElement("span",{className:_,onClick:T},L,e.createElement("span",{className:"k-panelbar-item-text"},E),F),W)}),h={title:"Untitled"};d.propTypes={animation:n.bool,children:n.any,className:n.string,icon:n.string,iconClass:n.string,imageUrl:n.string,svgIcon:i.svgIconPropType,expanded:n.bool,disabled:n.bool,onSelect:n.func,selected:n.bool,level:n.number,title:n.oneOfType([n.string,n.element]),id:n.oneOfType([n.string,n.number]),focused:n.bool,keepItemsMounted:n.bool};d.displayName="KendoReactPanelBarItem";exports.PanelBarItem=d;exports.panelBarItemDefaultProps=h;