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

package/panelbar/PanelBar.mjs

@@ -0,0 +1,195 @@
+/**
+ * @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 p from "react";
+import a from "prop-types";
+import { PanelBarItem as u } from "./PanelBarItem.mjs";
+import { flatChildren as x, isArrayEqual as k, flatVisibleChildren as g, getInitialState as P, getFirstId as I, renderChildren as v } from "./util.mjs";
+import { Keys as d, validatePackage as b, shouldShowValidationUI as w, classNames as S, WatermarkOverlay as K } from "@progress/kendo-react-common";
+import { packageMetadata as m } from "../package-metadata.mjs";
+import { NavigationAction as n } from "./interfaces/NavigationAction.mjs";
+const c = class c extends p.Component {
+  constructor(i) {
+    super(i), this._element = null, this.showLicenseWatermark = !1, this.handleSelect = (t) => {
+      this.onSelect(t), this.onFocus(t);
+    }, this.onSelect = (t) => {
+      const r = x(p.Children.toArray(this.children));
+      let s, e;
+      switch (r.forEach((l) => {
+        l.props.uniquePrivateKey === (t.uniquePrivateKey || this.state.focused) && (s = l);
+      }), this.expandMode) {
+        case "single":
+          e = [...s.props.parentUniquePrivateKey, s.props.uniquePrivateKey], k(this.expandedItems, e) && (s.props.parentUniquePrivateKey ? e = [...s.props.parentUniquePrivateKey] : e = []);
+          break;
+        case "multiple": {
+          e = this.expandedItems.slice();
+          let l = e.indexOf(s.props.uniquePrivateKey);
+          l === -1 ? e.push(s.props.uniquePrivateKey) : e.splice(l, 1);
+          break;
+        }
+        default:
+          e = this.expandedItems.slice();
+          break;
+      }
+      this.setState({ selected: s.props.uniquePrivateKey, expanded: e }), this.props.onSelect && this.props.onSelect.call(void 0, {
+        target: s,
+        expandedItems: e
+      });
+    }, this.onFocus = (t, r = 0) => {
+      const s = g(p.Children.toArray(this.children));
+      let e;
+      s.forEach((l, h) => {
+        if (l.props.uniquePrivateKey === (t.uniquePrivateKey || this.state.focused)) {
+          let y = h + r < 0 ? 0 : h + r > s.length ? s.length - 1 : h + r;
+          e = s[y];
+        }
+      }), e && (this.activeDescendant = e.props.id, this.setState({ focused: e.props.uniquePrivateKey }));
+    }, this.onNavigate = (t, r) => {
+      let s;
+      switch (r) {
+        case n.Previous:
+          s = -1, this.onFocus(t, s);
+          break;
+        case n.Next:
+          s = 1, this.onFocus(t, s);
+          break;
+        case n.Toggle:
+          this.onSelect(t);
+          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 r = this._element && getComputedStyle(this._element).direction === "rtl" || !1;
+      if (t.target === t.currentTarget) {
+        const s = t.keyCode;
+        let e;
+        switch (s) {
+          case d.left:
+            e = r ? n.Next : n.Previous;
+            break;
+          case d.up:
+            e = n.Previous;
+            break;
+          case d.right:
+            e = r ? n.Previous : n.Next;
+            break;
+          case d.down:
+            e = n.Next;
+            break;
+          case d.space:
+          case d.enter:
+            e = n.Toggle;
+            break;
+          default:
+            e = null;
+            break;
+        }
+        e !== null && (t.preventDefault(), this.onNavigate(t, e));
+      }
+    }, b(m), this.showLicenseWatermark = w(m);
+    const o = P(i, this.expandMode);
+    o.focused || (o.focused = I(i)), this.state = o;
+  }
+  get expandMode() {
+    return this.props.expandMode || "multiple";
+  }
+  get selectedItem() {
+    const { selected: i = this.state.selected } = this.props;
+    return i;
+  }
+  get expandedItems() {
+    return this.props.isControlled ? this.props.expanded || [] : this.state.expanded;
+  }
+  get children() {
+    const i = { ...this.state, selected: this.selectedItem }, o = {
+      animation: this.props.animation,
+      keepItemsMounted: this.props.keepItemsMounted,
+      state: i,
+      expanded: this.expandedItems,
+      handleSelect: this.handleSelect,
+      children: this.props.children
+    };
+    return v(o);
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const i = {
+      "aria-activedescendant": this.activeDescendant
+    }, o = S(
+      "k-panelbar",
+      "k-pos-relative",
+      this.props.className
+    );
+    return /* @__PURE__ */ p.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: o,
+        style: this.props.style,
+        ...i
+      },
+      this.children,
+      this.showLicenseWatermark && /* @__PURE__ */ p.createElement(K, null)
+    );
+  }
+  nextTick(i) {
+    this.nextTickId = window.setTimeout(() => i());
+  }
+};
+c.propTypes = {
+  animation: a.bool,
+  children: function(i, o) {
+    const t = i[o];
+    if (t) {
+      if (Array.isArray(t)) {
+        for (let r of t)
+          if (!r.type || r.type !== u)
+            return new Error(
+              "PanelBar children should be either PanelBarItem or Array of PanelBarItem."
+            );
+      } else if (t.type !== u)
+        return new Error(
+          "PanelBar child should be either PanelBarItem or Array of PanelBarItem."
+        );
+      return null;
+    }
+    return null;
+  },
+  dir: a.string,
+  selected: a.string,
+  expanded: a.arrayOf(a.string),
+  focused: a.string,
+  expandMode: a.oneOf(["single", "multiple"]),
+  className: a.string,
+  keepItemsMounted: a.bool,
+  onSelect: a.func,
+  style: a.object
+}, c.defaultProps = {
+  expandMode: "multiple",
+  animation: !0,
+  keepItemsMounted: !1
+};
+let f = c;
+export {
+  f as PanelBar
+};

package/panelbar/PanelBarItem.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 w=require("react"),t=require("prop-types"),c=require("@progress/kendo-react-common"),f=require("@progress/kendo-svg-icons"),C=require("@progress/kendo-react-animation");function P(i){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const e in i)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(i,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>i[e]})}}return n.default=i,Object.freeze(n)}const a=P(w);function T({imageUrl:i,icon:n,svgIcon:e,iconClass:o}){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}):o?a.createElement("span",{role:"presentation",className:"k-panelbar-item-icon "+o}):null}const p=class p extends a.PureComponent{constructor(n){super(n),this.handleItemClick=()=>{const{onSelect:e,disabled:o,id:d}=this.props;e&&!o&&e.call(void 0,{uniquePrivateKey:this.props.uniquePrivateKey,id:d,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:o,uniquePrivateKey:d,disabled:s,selected:m,focused:g,expanded:r,className:y,level:h,headerClassName:v,animation:b,keepItemsMounted:l}=this.props,N={role:"treeitem","aria-disabled":s,"aria-hidden":!s&&!r,"aria-selected":!s&&m,"aria-expanded":!s&&r&&!!e},E=c.classNames("k-panelbar-item",{"k-panelbar-header":h===0,"k-expanded":r&&!!e,"k-disabled":s},`k-level-${h}`,y),x=c.classNames("k-link",{"k-selected":!s&&m,"k-focus":!s&&g},v),I={display:"block"},S=T(this.props),O=!s&&e?a.createElement(c.IconWrap,{name:r?"chevron-up":"chevron-down",icon:r?f.chevronUpIcon:f.chevronDownIcon,className:c.classNames("k-panelbar-toggle",r?"k-panelbar-collapse":"k-panelbar-expand")}):null,k=!s&&r||l?a.createElement("ul",{role:"group","aria-expanded":r,"aria-hidden":!r,className:"k-panelbar-group k-panel k-group",style:{display:l?this.state.show?"block":"none":"block"}},e):null,q=(b===void 0||b)&&!s&&e?a.createElement(C.Reveal,{transitionEnterDuration:200,transitionExitDuration:200,key:d+"_animation",style:I,children:k,childFactory:l&&this.childFactory,unmountOnExit:!l,onBeforeEnter:()=>l&&this.setState({show:!0}),onAfterExited:()=>l&&this.setState({show:!1})}):k;return a.createElement("li",{id:n,className:E,...N},a.createElement("span",{className:x,onClick:this.handleItemClick},S,a.createElement("span",{className:"k-panelbar-item-text"},o),O),q)}};p.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},p.defaultProps={title:"Untitled"};let u=p;exports.PanelBarItem=u;

package/panelbar/PanelBarItem.mjs

@@ -0,0 +1,148 @@
+/**
+ * @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 e from "prop-types";
+import { svgIconPropType as T, classNames as p, IconWrap as f } from "@progress/kendo-react-common";
+import { chevronUpIcon as P, chevronDownIcon as q } from "@progress/kendo-svg-icons";
+import { Reveal as A } from "@progress/kendo-react-animation";
+function D({ imageUrl: d, icon: o, svgIcon: t, iconClass: r }) {
+  return d ? /* @__PURE__ */ n.createElement("img", { role: "presentation", className: "k-panelbar-item-icon k-image", src: d }) : o || t ? /* @__PURE__ */ n.createElement(f, { className: "k-panelbar-item-icon", name: o, icon: t }) : r ? /* @__PURE__ */ n.createElement("span", { role: "presentation", className: "k-panelbar-item-icon " + r }) : null;
+}
+const l = class l extends n.PureComponent {
+  constructor(o) {
+    super(o), this.handleItemClick = () => {
+      const { onSelect: t, disabled: r, id: c } = this.props;
+      t && !r && t.call(void 0, {
+        uniquePrivateKey: this.props.uniquePrivateKey,
+        id: c,
+        target: this
+      });
+    }, this.childFactory = (t) => this.props.keepItemsMounted ? n.cloneElement(t, {
+      ...t.props,
+      in: this.props.expanded
+    }) : t, this.state = {
+      show: o.expanded || !1
+    };
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const {
+      id: o,
+      children: t,
+      title: r,
+      uniquePrivateKey: c,
+      disabled: a,
+      selected: m,
+      focused: y,
+      expanded: s,
+      className: E,
+      level: u,
+      headerClassName: g,
+      animation: h,
+      keepItemsMounted: i
+    } = this.props, v = {
+      role: "treeitem",
+      "aria-disabled": a,
+      "aria-hidden": !a && !s,
+      "aria-selected": !a && m,
+      "aria-expanded": !a && s && !!t
+    }, x = p(
+      "k-panelbar-item",
+      {
+        "k-panelbar-header": u === 0,
+        "k-expanded": s && !!t,
+        "k-disabled": a
+      },
+      `k-level-${u}`,
+      E
+    ), N = p(
+      "k-link",
+      {
+        "k-selected": !a && m,
+        "k-focus": !a && y
+      },
+      g
+    ), I = { display: "block" }, w = D(this.props), C = !a && t ? /* @__PURE__ */ n.createElement(
+      f,
+      {
+        name: s ? "chevron-up" : "chevron-down",
+        icon: s ? P : q,
+        className: p(
+          "k-panelbar-toggle",
+          s ? "k-panelbar-collapse" : "k-panelbar-expand"
+        )
+      }
+    ) : null, k = !a && s || i ? /* @__PURE__ */ n.createElement(
+      "ul",
+      {
+        role: "group",
+        "aria-expanded": s,
+        "aria-hidden": !s,
+        className: "k-panelbar-group k-panel k-group",
+        style: { display: i ? this.state.show ? "block" : "none" : "block" }
+      },
+      t
+    ) : null, S = (h === void 0 || h) && !a && t ? /* @__PURE__ */ n.createElement(
+      A,
+      {
+        transitionEnterDuration: 200,
+        transitionExitDuration: 200,
+        key: c + "_animation",
+        style: I,
+        children: k,
+        childFactory: i && this.childFactory,
+        unmountOnExit: !i,
+        onBeforeEnter: () => i && this.setState({ show: !0 }),
+        onAfterExited: () => i && this.setState({ show: !1 })
+      }
+    ) : k;
+    return /* @__PURE__ */ n.createElement(
+      "li",
+      {
+        id: o,
+        className: x,
+        ...v
+      },
+      /* @__PURE__ */ n.createElement("span", { className: N, onClick: this.handleItemClick }, w, /* @__PURE__ */ n.createElement("span", { className: "k-panelbar-item-text" }, r), C),
+      S
+    );
+  }
+};
+l.propTypes = {
+  animation: e.bool,
+  children: e.any,
+  className: e.string,
+  icon: e.string,
+  iconClass: e.string,
+  imageUrl: e.string,
+  svgIcon: T,
+  expanded: e.bool,
+  disabled: e.bool,
+  onSelect: e.func,
+  selected: e.bool,
+  level: e.number,
+  title: e.oneOfType([
+    e.string,
+    e.element
+  ]),
+  id: e.oneOfType([
+    e.string,
+    e.number
+  ]),
+  focused: e.bool,
+  keepItemsMounted: e.bool
+}, l.defaultProps = {
+  title: "Untitled"
+};
+let b = l;
+export {
+  b as PanelBarItem
+};

package/panelbar/interfaces/NavigationAction.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"});var r=(e=>(e[e.Toggle=0]="Toggle",e[e.Next=1]="Next",e[e.Previous=2]="Previous",e))(r||{});exports.NavigationAction=r;

package/panelbar/interfaces/NavigationAction.mjs

@@ -0,0 +1,12 @@
+/**
+ * @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";
+var r = /* @__PURE__ */ ((e) => (e[e.Toggle = 0] = "Toggle", e[e.Next = 1] = "Next", e[e.Previous = 2] = "Previous", e))(r || {});
+export {
+  r as NavigationAction
+};

package/panelbar/util.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 x=require("react"),d=require("./PanelBarItem.js");function O(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(r,e,t.get?t:{enumerable:!0,get:()=>n[e]})}}return r.default=n,Object.freeze(r)}const a=O(x),m=({animation:n=!0,keepItemsMounted:r=!1,state:e,expanded:t,handleSelect:i,children:p,parentExpanded:u=!0,level:o=0,parentPrivateKey:l=[]})=>a.Children.map(p,(s,E)=>{if(s&&s.type===d.PanelBarItem){let g,f=c(s,l,E);if(s.props.children){const P={animation:n,keepItemsMounted:r,state:e,expanded:t,handleSelect:i,children:s.props.children,parentExpanded:(t||[]).indexOf(f)>-1,level:o+1,parentPrivateKey:[...l,f]};g=m(P)}return a.cloneElement(s,{...s.props,animation:s.props.animation!==void 0?s.props.animation:n,keepItemsMounted:r,id:s.props.id||`k-panelbar-item-default-${f}`,uniquePrivateKey:f,parentUniquePrivateKey:l,parentExpanded:u,level:o,expanded:(t||[]).indexOf(f)>-1,focused:e.focused===f&&e.wrapperFocused,selected:e.selected===f,children:g,onSelect:i})}else return a.createElement("div",{className:"k-panelbar-content k-content"},s)}),B=n=>{const r=a.Children.toArray(n.children)[0];return r?c(r,[],0):""},b=(n,r,e={expanded:n.expanded||[],selected:n.selected||"",focused:n.focused||"",wrapperFocused:!1},t=!0,i=[])=>(a.Children.map(n.children,(p,u)=>{if(p&&p.type===d.PanelBarItem){let o=c(p,i,u);!p.props.disabled&&t&&(p.props.selected&&(e.selected=o),p.props.focused&&(e.focused=o),p.props.expanded&&(r==="multiple"?e.expanded.push(o):r==="single"&&(e.expanded=[o])),p.props.children&&(e=b(p.props,r,e,!!p.props.expanded,[...i,o])))}}),e),c=(n,r,e)=>n&&n.props&&n.props.id?n.props.id:r.length?r[r.length-1]+`.${e}`:`.${e}`;function I(n,r=[]){return(n||[]).forEach(e=>{e.disabled||(r.push(e),e.expanded&&e.children&&I(e.children,r))}),r}function y(n,r=[]){return a.Children.forEach(n,e=>{e&&e.props&&!e.props.disabled&&(r.push(e),e.props.children&&y(e.props.children,r))}),r}function C(n,r=[]){return a.Children.forEach(n,e=>{e&&e.props&&!e.props.disabled&&(e.props.expanded||e.props.parentExpanded)&&(r.push(e),e.props.children&&C(e.props.children,r))}),r}const S=n=>n!=null;exports.PanelBarUtils=void 0;(n=>{function r(e){return e.map((t,i)=>{let p;return t.content&&(p=t.content),t.children&&(p=r(t.children)),a.createElement(d.PanelBarItem,{...t,children:p,key:t.id||i})})}n.mapItemsToComponents=r})(exports.PanelBarUtils||(exports.PanelBarUtils={}));const q=(n,r)=>n.length!==r.length?!1:n.every((e,t)=>e===r[t]);exports.flatChildren=y;exports.flatVisibleChildren=C;exports.flatVisibleItems=I;exports.getFirstId=B;exports.getInitialState=b;exports.isArrayEqual=q;exports.isPresent=S;exports.renderChildren=m;

package/panelbar/util.mjs

@@ -0,0 +1,122 @@
+/**
+ * @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 a from "react";
+import { PanelBarItem as c } from "./PanelBarItem.mjs";
+const C = ({
+  animation: n = !0,
+  keepItemsMounted: r = !1,
+  state: e,
+  expanded: o,
+  handleSelect: f,
+  children: p,
+  parentExpanded: i = !0,
+  level: t = 0,
+  parentPrivateKey: u = []
+}) => a.Children.map(p, (s, E) => {
+  if (s && s.type === c) {
+    let m, d = l(s, u, E);
+    if (s.props.children) {
+      const g = {
+        animation: n,
+        keepItemsMounted: r,
+        state: e,
+        expanded: o,
+        handleSelect: f,
+        children: s.props.children,
+        parentExpanded: (o || []).indexOf(d) > -1,
+        level: t + 1,
+        parentPrivateKey: [...u, d]
+      };
+      m = C(g);
+    }
+    return a.cloneElement(
+      s,
+      {
+        ...s.props,
+        animation: s.props.animation !== void 0 ? s.props.animation : n,
+        keepItemsMounted: r,
+        id: s.props.id || `k-panelbar-item-default-${d}`,
+        uniquePrivateKey: d,
+        parentUniquePrivateKey: u,
+        parentExpanded: i,
+        level: t,
+        expanded: (o || []).indexOf(d) > -1,
+        focused: e.focused === d && e.wrapperFocused,
+        selected: e.selected === d,
+        children: m,
+        onSelect: f
+      }
+    );
+  } else
+    return /* @__PURE__ */ a.createElement("div", { className: "k-panelbar-content k-content" }, s);
+}), q = (n) => {
+  const r = a.Children.toArray(n.children)[0];
+  return r ? l(r, [], 0) : "";
+}, b = (n, r, e = {
+  expanded: n.expanded || [],
+  selected: n.selected || "",
+  focused: n.focused || "",
+  wrapperFocused: !1
+}, o = !0, f = []) => (a.Children.map(n.children, (p, i) => {
+  if (p && p.type === c) {
+    let t = l(p, f, i);
+    !p.props.disabled && o && (p.props.selected && (e.selected = t), p.props.focused && (e.focused = t), p.props.expanded && (r === "multiple" ? e.expanded.push(t) : r === "single" && (e.expanded = [t])), p.props.children && (e = b(
+      p.props,
+      r,
+      e,
+      !!p.props.expanded,
+      [...f, t]
+    )));
+  }
+}), e), l = (n, r, e) => n && n.props && n.props.id ? n.props.id : r.length ? r[r.length - 1] + `.${e}` : `.${e}`;
+function I(n, r = []) {
+  return (n || []).forEach((e) => {
+    e.disabled || (r.push(e), e.expanded && e.children && I(e.children, r));
+  }), r;
+}
+function v(n, r = []) {
+  return a.Children.forEach(n, (e) => {
+    e && e.props && !e.props.disabled && (r.push(e), e.props.children && v(e.props.children, r));
+  }), r;
+}
+function y(n, r = []) {
+  return a.Children.forEach(n, (e) => {
+    e && e.props && !e.props.disabled && (e.props.expanded || e.props.parentExpanded) && (r.push(e), e.props.children && y(e.props.children, r));
+  }), r;
+}
+const F = (n) => n != null;
+var x;
+((n) => {
+  function r(e) {
+    return e.map((o, f) => {
+      let p;
+      return o.content && (p = o.content), o.children && (p = r(o.children)), /* @__PURE__ */ a.createElement(
+        c,
+        {
+          ...o,
+          children: p,
+          key: o.id || f
+        }
+      );
+    });
+  }
+  n.mapItemsToComponents = r;
+})(x || (x = {}));
+const $ = (n, r) => n.length !== r.length ? !1 : n.every((e, o) => e === r[o]);
+export {
+  x as PanelBarUtils,
+  v as flatChildren,
+  y as flatVisibleChildren,
+  I as flatVisibleItems,
+  q as getFirstId,
+  b as getInitialState,
+  $ as isArrayEqual,
+  F as isPresent,
+  C as renderChildren
+};

package/splitter/Splitter.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 R=require("react"),k=require("./SplitterPane.js"),B=require("./SplitterBar.js"),T=require("@progress/kendo-react-common"),_=require("../package-metadata.js"),C=require("./messages/index.js"),w=require("@progress/kendo-react-intl");function N(d){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const e in d)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(d,e);Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:()=>d[e]})}}return i.default=d,Object.freeze(i)}const S=N(R),q={collapsible:!1,collapsed:!1,resizable:!0,scrollable:!0},L=150,b=class b extends S.Component{constructor(i){super(i),this._container=null,this.validatePanes=e=>{if(!e.filter(n=>n.size===void 0).length)throw new Error("The Splitter should have at least one pane without a set size.")},this.mapPaneOptions=(e,t)=>{const n=this.orientation,{dragIndex:r,isDragging:a}=this.state,l=[];for(let s=0;s<t.length;s++){let o=!1;const p=t[s];S.isValidElement(p)&&(o=p.type.displayName==="Splitter");let h=!1;a&&r!==void 0&&(h=r===s||r+1===s),l.push({...q,orientation:n,containsSplitter:o,overlay:h,...(e||[])[s]})}return l},this.mapSplitterPanes=(e,t)=>{const n=w.provideLocalizationService(this).toLanguageString(C.splitBarLabel,C.messages[C.splitBarLabel]);return e.map((r,a)=>{let l;const s=a*2,o=s+1;if(a+1<e.length){const h=e[a+1];l=S.createElement(B.SplitterBar,{key:o,index:a,orientation:r.orientation,prev:r,next:h,ariaLabel:n,onDrag:this.onBarDragResize,onToggle:this.onBarToggle,onKeyboardResize:this.onBarKeyboardResize,isRtl:this.isRtl})}return[S.createElement(k.SplitterPane,{key:s,...r},t[a]),l]})},this.onBarToggle=(e,t)=>{const r=this.panesOptions(this.panesContent).map((a,l)=>{const s=this.getPaneProps(a);return l===e?{...s,collapsed:!a.collapsed}:{...s}});this.props.onChange&&this.props.onChange({newState:r,isLast:!0,nativeEvent:t})},this.onBarDragResize=(e,t,n,r,a)=>{const l=new Date().getTime(),{pageX:s,pageY:o}=e,{prevElement:p,nextElement:h}=this.surroudingPanes(t);if(!p||!h)return;if(r){this.setState({isDragging:!0,dragIndex:n,startTime:l,originalX:s,originalY:o,originalPrevSize:this.elementSize(p),originalNextSize:this.elementSize(h)});return}const{originalPrevSize:P,originalNextSize:c,startTime:v,originalX:f,originalY:m}=this.state;if(!r&&l-v<L){a&&this.resetDragState();return}let g;this.orientation==="vertical"?g=o-m:this.isRtl?g=f-s:g=s-f,this.resize(n,n+1,P,c,g,a,e),a&&this.resetDragState()},this.onBarKeyboardResize=(e,t,n,r)=>{const{prevElement:a,nextElement:l}=this.surroudingPanes(e),s=this.elementSize(a),o=this.elementSize(l);this.resize(t,t+1,s,o,n,!0,r)},this.containerSize=()=>this._container?this.elementSize(this._container,!0):0,this.panesOptions=e=>this.mapPaneOptions(this.panes,e),this.elementSize=(e,t)=>{const n=t?"client":"offset";return this.orientation==="vertical"?e[`${n}Height`]:e[`${n}Width`]},this.clamp=(e,t,n)=>Math.min(t,Math.max(e,n)),this.fixedSize=e=>e&&e.length>0,T.validatePackage(_.packageMetadata),this.state={isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0,panes:i.defaultPanes||[]}}get isControlledState(){return this.props.panes!==void 0}get panes(){return this.panesDuringOnChange!==void 0?this.panesDuringOnChange:this.isControlledState?this.props.panes:this.state.panes}get orientation(){return this.props.orientation||"horizontal"}get isRtl(){return this._container&&getComputedStyle(this._container).direction==="rtl"||!1}get panesContent(){return S.Children.toArray(this.props.children).filter(i=>i)}render(){const i=this.panesContent,e=this.panesOptions(i),t=T.classNames("k-widget","k-splitter","k-splitter-flex",`k-splitter-${this.orientation}`,this.props.className);return this.validatePanes(e),S.createElement("div",{style:this.props.style,ref:n=>this._container=n,className:t},this.mapSplitterPanes(e,i))}surroudingPanes(i){return{prevElement:i.previousElementSibling,nextElement:i.nextElementSibling}}isPercent(i){return/%$/.test(i)}toPixels(i,e){let t=parseInt(i,10);return this.isPercent(i)&&(t=e*t/100),t}resetDragState(){this.setState({isDragging:!1,dragIndex:void 0,startTime:0,originalX:0,originalY:0,originalPrevSize:0,originalNextSize:0})}resize(i,e,t,n,r,a,l){const s=this.panesOptions(this.panesContent),o=s[i],p=s[e],h=t+n,P=this.containerSize(),c=u=>this.toPixels(u,P),v={index:i,initialSize:t,min:c(o.min)||h-c(p.max)||0,max:c(o.max)||h-c(p.min)||h},f={index:e,initialSize:n,min:c(p.min)||h-c(o.max)||0,max:c(p.max)||h-c(o.min)||h},m=(u,x)=>{const z=s[u.index],E=this.clamp(u.min,u.max,u.initialSize+x);return this.isPercent(z.size||"")?100*E/P+"%":E+"px"};let g,O;this.fixedSize(o.size)&&this.fixedSize(p.size)?(g=m(v,r),O=m(f,-r)):p.collapsible||this.fixedSize(p.size)?O=m(f,-r):g=m(v,r);const y=s.map((u,x)=>{const z=this.getPaneProps(u);return x===i?{...z,size:g}:x===e?{...z,size:O}:{...z}});this.panesDuringOnChange=y,this.isControlledState||this.setState({panes:y}),this.props.onChange&&this.props.onChange({newState:y,isLast:a,nativeEvent:l}),this.panesDuringOnChange=void 0}getPaneProps(i){const{orientation:e,overlay:t,containsSplitter:n,...r}=i;return r}};b.displayName="Splitter";let D=b;exports.Splitter=D;