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

package/OrgChart.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"),e=require("prop-types"),g=require("./package-metadata.js"),p=require("./server/ServerOrgChart.js"),u=require("@progress/kendo-react-common"),h=require("./server/ServerGroupedOrgChart.js"),b=require("./client/ClientOrgChart.js");function m(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>r[n]})}}return t.default=r,Object.freeze(t)}const a=m(s),o=r=>{const t={tabIndex:0,navigatable:!0,expandField:"expanded",ariaLabel:"Org Chart",idField:"id",childrenField:"items",avatarField:"avatar",titleField:"title",subtitleField:"subtitle",...r},{cardsColors:n,onExpandChange:i,onKeyDown:C,onItemAction:O,onGroupAction:F,onGroupBlur:f,onGroupFocus:y,id:c,...d}=t,l=a.useRef(u.useId());return u.validatePackage(g.packageMetadata),a.createElement(b.ClientOrgChart,{...t},r.groupField?a.createElement(h.ServerGroupedOrgChart,{id:c||l.current,...d},r.children):a.createElement(p.ServerOrgChart,{id:c||l.current,...d},r.children))};o.propTypes={className:e.string,style:e.object,id:e.string,ariaLabel:e.string,idField:e.string,childrenField:e.string,expandField:e.string,titleField:e.string,hasChildrenField:e.string,subtitleField:e.string,avatarField:e.string,cardsColors:e.array,data:e.array,groupField:e.string,cardHeight:e.number,cardWidth:e.number,groupTitleHeight:e.number,groupSubtitleHeight:e.number,verticalLine:e.number,height:e.oneOfType([e.string,e.number]),onExpandChange:e.func,onItemAction:e.func,onGroupAction:e.func};o.displayName="KendoOrgChart";exports.OrgChart=o;

package/OrgChart.mjs

@@ -0,0 +1,83 @@
+/**
+ * @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 e from "prop-types";
+import { packageMetadata as l } from "./package-metadata.mjs";
+import { ServerOrgChart as s } from "./server/ServerOrgChart.mjs";
+import { useId as c, validatePackage as g } from "@progress/kendo-react-common";
+import { ServerGroupedOrgChart as u } from "./server/ServerGroupedOrgChart.mjs";
+import { ClientOrgChart as m } from "./client/ClientOrgChart.mjs";
+const d = (r) => {
+  const i = {
+    tabIndex: 0,
+    navigatable: !0,
+    expandField: "expanded",
+    ariaLabel: "Org Chart",
+    idField: "id",
+    childrenField: "items",
+    avatarField: "avatar",
+    titleField: "title",
+    subtitleField: "subtitle",
+    ...r
+  }, {
+    cardsColors: p,
+    onExpandChange: h,
+    onKeyDown: b,
+    onItemAction: F,
+    onGroupAction: f,
+    onGroupBlur: C,
+    onGroupFocus: v,
+    id: n,
+    ...a
+  } = i, o = t.useRef(c());
+  return g(l), /* @__PURE__ */ t.createElement(m, { ...i }, r.groupField ? /* @__PURE__ */ t.createElement(
+    u,
+    {
+      id: n || o.current,
+      ...a
+    },
+    r.children
+  ) : /* @__PURE__ */ t.createElement(
+    s,
+    {
+      id: n || o.current,
+      ...a
+    },
+    r.children
+  ));
+};
+d.propTypes = {
+  className: e.string,
+  style: e.object,
+  id: e.string,
+  ariaLabel: e.string,
+  idField: e.string,
+  childrenField: e.string,
+  expandField: e.string,
+  titleField: e.string,
+  hasChildrenField: e.string,
+  subtitleField: e.string,
+  avatarField: e.string,
+  cardsColors: e.array,
+  data: e.array,
+  groupField: e.string,
+  cardHeight: e.number,
+  cardWidth: e.number,
+  groupTitleHeight: e.number,
+  groupSubtitleHeight: e.number,
+  verticalLine: e.number,
+  height: e.oneOfType([e.string, e.number]),
+  onExpandChange: e.func,
+  onItemAction: e.func,
+  onGroupAction: e.func
+};
+d.displayName = "KendoOrgChart";
+export {
+  d as OrgChart
+};

package/client/ClientOrgChart.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 J=require("react"),o=require("prop-types"),x=require("@progress/kendo-react-common"),Q=require("../theming/theme-service.js"),V=require("../utils/consts.js");function X(c){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const u in c)if(u!=="default"){const C=Object.getOwnPropertyDescriptor(c,u);Object.defineProperty(n,u,C.get?C:{enumerable:!0,get:()=>c[u]})}}return n.default=c,Object.freeze(n)}const d=X(J),I=d.createContext({cardColors:void 0,onExpandChange:void 0,onKeyDown:void 0,onItemAction:void 0,onItemContextMenu:void 0,onItemDoubleClick:void 0,onGroupAction:void 0,onGroupBlur:void 0,onGroupFocus:void 0}),E=c=>{const n={tabIndex:0,navigatable:!0,expandField:"expanded",ariaLabel:"Org Chart",idField:"id",childrenField:"items",avatarField:"avatar",titleField:"title",subtitleField:"subtitle",...c},{navigatable:u,id:C,tabIndex:b,className:D,style:O,data:Y,groupField:Z,cardWidth:ee,cardHeight:te,groupTitleHeight:ne,groupSubtitleHeight:oe,verticalLine:re,idField:ie,childrenField:ae,expandField:ce,hasChildrenField:le,avatarField:se,titleField:de,subtitleField:ue,onExpandChange:ge,onItemAction:p,onItemDoubleClick:he,onItemContextMenu:pe,onKeyDown:me,onGroupAction:k,onGroupBlur:fe,onGroupFocus:Ce,cardsColors:y,ariaLabel:be,itemRender:ve,groupTitleRender:Fe,groupSubtitleRender:xe,height:Ee,children:ke,...S}=n,v=d.useRef(null),l=d.useRef(new x.Navigation({tabIndex:b,root:v,selectors:[n.groupField?".k-orgchart-node-group-container":".k-orgchart-card"],focusOptions:{}})),[w,G]=d.useState([]),g=d.useRef(null),N=(e,t,i)=>{i.preventDefault(),t.focusNext(e)},R=(e,t,i)=>{i.preventDefault(),t.focusPrevious(e)},P=(e,t,i,r)=>{var s;if(i.preventDefault(),(n.groupField?r.items.some(f=>f[n.expandField]):r.item[n.expandField])&&n.onExpandChange)n.onExpandChange.call(void 0,r);else{const F=(s=e.closest(".k-orgchart-group"))==null?void 0:s.getAttribute("id"),m=document.querySelector(`[aria-owns="${F}"]`);m?t.focusElement(m,e):t.focusPrevious(e)}},T=(e,t,i,r)=>{var m;i.preventDefault();const a=n.groupField?r.items.some(h=>h[n.expandField]):r.item[n.expandField],s=n.groupField?r.items.find(h=>h[n.childrenField]):r.item[n.childrenField],f=n.groupField?r.items.some(h=>n.hasChildrenField&&h[n.hasChildrenField]):n.hasChildrenField&&r.item[n.hasChildrenField],F=n.groupField?s&&s[n.childrenField]&&s[n.childrenField].length:s&&s.length;if((f||F)&&!a&&n.onExpandChange)n.onExpandChange.call(void 0,r);else{const h=n.groupField?".k-orgchart-node-group-container":".k-orgchart-card",$=e.getAttribute("aria-owns"),A=(m=document.getElementById($))==null?void 0:m.querySelector(h);A?t.focusElement(A,e):t.focusNext(e)}},H=(e,t,i)=>{i.preventDefault(),t.focusElement(t.first,null)},L=(e,t,i)=>{i.preventDefault(),t.focusElement(t.last,null)},M=(e,t,i,r)=>{i.stopPropagation();const a=e.className.indexOf("k-orgchart-node-group-container")!==-1;if(c.groupField&&a){g.current&&g.current.first&&g.current.focusElement(g.current.first,null);return}n.onItemAction&&n.onItemAction({event:i,item:r.item})},_=e=>{if(c.groupField){const t=e.closest(".k-orgchart-node-group-container");t&&l.current.focusElement(t,null)}};d.useEffect(()=>{if(u&&l.current.first&&l.current.first.setAttribute("tabindex",String(b)),!y){const e=v.current.ownerDocument||document;Q.loadTheme(t=>{G(t)},e)}},[u,b]);const j=e=>{if(n.navigatable){const t=e.event,i=t.key===" "?"Space":t.key,r=c.groupField&&t.target.className.indexOf("k-orgchart-card")!==-1&&g.current||l.current,a=t.target.closest(r.selectors.join(","));switch(i){case"ArrowUp":P(a,r,t,e);break;case"ArrowDown":T(a,r,t,e);break;case"ArrowLeft":R(a,r,t);break;case"ArrowRight":N(a,r,t);break;case"End":L(a,r,t);break;case"Home":H(a,r,t);break;case"Enter":M(a,r,t,e);break;case"Escape":_(a);break}}},q=e=>{if(e.event.stopPropagation(),p&&p.call(void 0,e),n.navigatable){const t=e.event.target.closest(".k-orgchart-card");t&&l.current.focusElement(t,null)}},B=e=>{e.event.stopPropagation(),p&&p.call(void 0,e)},K=e=>{e.event.stopPropagation(),p&&p.call(void 0,e)},U=e=>{if(k&&k.call(void 0,e),n.navigatable){const t=e.event.target.closest(".k-orgchart-node-group-container");t&&l.current.focusElement(t,null)}},W=e=>{g.current=null},z=e=>{g.current=new x.Navigation({tabIndex:0,root:e.containerRef,selectors:[".k-orgchart-card"],focusOptions:{}})};return d.createElement("div",{style:O,ref:v,className:x.classNames(D,V.ORGCHART_CLASSNAME)},d.createElement(I.Provider,{value:{cardColors:y||w,onExpandChange:c.onExpandChange,onKeyDown:j,onItemAction:q,onItemDoubleClick:K,onItemContextMenu:B,onGroupAction:U,onGroupBlur:W,onGroupFocus:z},...S},c.children))};E.propTypes={className:o.string,style:o.object,id:o.string,ariaLabel:o.string,idField:o.string,childrenField:o.string,expandField:o.string,titleField:o.string,hasChildrenField:o.string,subtitleField:o.string,avatarField:o.string,cardsColors:o.array,data:o.array,groupField:o.string,cardHeight:o.number,cardWidth:o.number,groupTitleHeight:o.number,groupSubtitleHeight:o.number,verticalLine:o.number,height:o.oneOfType([o.string,o.number]),onExpandChange:o.func,onItemAction:o.func,onItemDoubleClick:o.func,onItemContextMenu:o.func,onGroupAction:o.func};E.displayName="KendoClientOrgChart";exports.ClientOrgChart=E;exports.OrgChartEventsContextContext=I;

package/client/ClientOrgChart.mjs

@@ -0,0 +1,236 @@
+/**
+ * @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 o from "prop-types";
+import { Navigation as k, classNames as $ } from "@progress/kendo-react-common";
+import { loadTheme as z } from "../theming/theme-service.mjs";
+import { ORGCHART_CLASSNAME as J } from "../utils/consts.mjs";
+const Q = s.createContext({
+  cardColors: void 0,
+  onExpandChange: void 0,
+  onKeyDown: void 0,
+  onItemAction: void 0,
+  onItemContextMenu: void 0,
+  onItemDoubleClick: void 0,
+  onGroupAction: void 0,
+  onGroupBlur: void 0,
+  onGroupFocus: void 0
+}), A = (g) => {
+  const n = {
+    tabIndex: 0,
+    navigatable: !0,
+    expandField: "expanded",
+    ariaLabel: "Org Chart",
+    idField: "id",
+    childrenField: "items",
+    avatarField: "avatar",
+    titleField: "title",
+    subtitleField: "subtitle",
+    ...g
+  }, {
+    navigatable: v,
+    id: V,
+    tabIndex: f,
+    className: I,
+    style: y,
+    data: X,
+    groupField: Y,
+    cardWidth: Z,
+    cardHeight: ee,
+    groupTitleHeight: te,
+    groupSubtitleHeight: ne,
+    verticalLine: oe,
+    idField: re,
+    childrenField: ie,
+    expandField: ae,
+    hasChildrenField: ce,
+    avatarField: le,
+    titleField: se,
+    subtitleField: de,
+    onExpandChange: ue,
+    onItemAction: h,
+    onItemDoubleClick: ge,
+    onItemContextMenu: he,
+    onKeyDown: pe,
+    onGroupAction: b,
+    onGroupBlur: me,
+    onGroupFocus: fe,
+    cardsColors: x,
+    ariaLabel: Fe,
+    itemRender: Ce,
+    groupTitleRender: ve,
+    groupSubtitleRender: be,
+    height: xe,
+    children: Ee,
+    ...D
+  } = n, F = s.useRef(null), c = s.useRef(new k({
+    tabIndex: f,
+    root: F,
+    selectors: [n.groupField ? ".k-orgchart-node-group-container" : ".k-orgchart-card"],
+    focusOptions: {}
+  })), [w, G] = s.useState([]), d = s.useRef(null), N = (e, t, i) => {
+    i.preventDefault(), t.focusNext(e);
+  }, R = (e, t, i) => {
+    i.preventDefault(), t.focusPrevious(e);
+  }, S = (e, t, i, r) => {
+    var l;
+    if (i.preventDefault(), (n.groupField ? r.items.some((m) => m[n.expandField]) : r.item[n.expandField]) && n.onExpandChange)
+      n.onExpandChange.call(void 0, r);
+    else {
+      const C = (l = e.closest(".k-orgchart-group")) == null ? void 0 : l.getAttribute("id"), p = document.querySelector(`[aria-owns="${C}"]`);
+      p ? t.focusElement(p, e) : t.focusPrevious(e);
+    }
+  }, O = (e, t, i, r) => {
+    var p;
+    i.preventDefault();
+    const a = n.groupField ? r.items.some((u) => u[n.expandField]) : r.item[n.expandField], l = n.groupField ? r.items.find((u) => u[n.childrenField]) : r.item[n.childrenField], m = n.groupField ? r.items.some((u) => n.hasChildrenField && u[n.hasChildrenField]) : n.hasChildrenField && r.item[n.hasChildrenField], C = n.groupField ? l && l[n.childrenField] && l[n.childrenField].length : l && l.length;
+    if ((m || C) && !a && n.onExpandChange)
+      n.onExpandChange.call(void 0, r);
+    else {
+      const u = n.groupField ? ".k-orgchart-node-group-container" : ".k-orgchart-card", W = e.getAttribute("aria-owns"), E = (p = document.getElementById(W)) == null ? void 0 : p.querySelector(u);
+      E ? t.focusElement(E, e) : t.focusNext(e);
+    }
+  }, T = (e, t, i) => {
+    i.preventDefault(), t.focusElement(t.first, null);
+  }, H = (e, t, i) => {
+    i.preventDefault(), t.focusElement(t.last, null);
+  }, P = (e, t, i, r) => {
+    i.stopPropagation();
+    const a = e.className.indexOf("k-orgchart-node-group-container") !== -1;
+    if (g.groupField && a) {
+      d.current && d.current.first && d.current.focusElement(d.current.first, null);
+      return;
+    }
+    n.onItemAction && n.onItemAction({
+      event: i,
+      item: r.item
+    });
+  }, L = (e) => {
+    if (g.groupField) {
+      const t = e.closest(".k-orgchart-node-group-container");
+      t && c.current.focusElement(t, null);
+    }
+  };
+  s.useEffect(() => {
+    if (v && c.current.first && c.current.first.setAttribute("tabindex", String(f)), !x) {
+      const e = F.current.ownerDocument || document;
+      z((t) => {
+        G(t);
+      }, e);
+    }
+  }, [v, f]);
+  const M = (e) => {
+    if (n.navigatable) {
+      const t = e.event, i = t.key === " " ? "Space" : t.key, r = g.groupField && t.target.className.indexOf("k-orgchart-card") !== -1 && d.current || c.current, a = t.target.closest(r.selectors.join(","));
+      switch (i) {
+        case "ArrowUp":
+          S(a, r, t, e);
+          break;
+        case "ArrowDown":
+          O(a, r, t, e);
+          break;
+        case "ArrowLeft":
+          R(a, r, t);
+          break;
+        case "ArrowRight":
+          N(a, r, t);
+          break;
+        case "End":
+          H(a, r, t);
+          break;
+        case "Home":
+          T(a, r, t);
+          break;
+        case "Enter":
+          P(a, r, t, e);
+          break;
+        case "Escape":
+          L(a);
+          break;
+      }
+    }
+  }, B = (e) => {
+    if (e.event.stopPropagation(), h && h.call(void 0, e), n.navigatable) {
+      const t = e.event.target.closest(".k-orgchart-card");
+      t && c.current.focusElement(t, null);
+    }
+  }, K = (e) => {
+    e.event.stopPropagation(), h && h.call(void 0, e);
+  }, _ = (e) => {
+    e.event.stopPropagation(), h && h.call(void 0, e);
+  }, j = (e) => {
+    if (b && b.call(void 0, e), n.navigatable) {
+      const t = e.event.target.closest(".k-orgchart-node-group-container");
+      t && c.current.focusElement(t, null);
+    }
+  }, q = (e) => {
+    d.current = null;
+  }, U = (e) => {
+    d.current = new k({
+      tabIndex: 0,
+      root: e.containerRef,
+      selectors: [".k-orgchart-card"],
+      focusOptions: {}
+    });
+  };
+  return /* @__PURE__ */ s.createElement(
+    "div",
+    {
+      style: y,
+      ref: F,
+      className: $(
+        I,
+        J
+      )
+    },
+    /* @__PURE__ */ s.createElement(Q.Provider, { value: {
+      cardColors: x || w,
+      onExpandChange: g.onExpandChange,
+      onKeyDown: M,
+      onItemAction: B,
+      onItemDoubleClick: _,
+      onItemContextMenu: K,
+      onGroupAction: j,
+      onGroupBlur: q,
+      onGroupFocus: U
+    }, ...D }, g.children)
+  );
+};
+A.propTypes = {
+  className: o.string,
+  style: o.object,
+  id: o.string,
+  ariaLabel: o.string,
+  idField: o.string,
+  childrenField: o.string,
+  expandField: o.string,
+  titleField: o.string,
+  hasChildrenField: o.string,
+  subtitleField: o.string,
+  avatarField: o.string,
+  cardsColors: o.array,
+  data: o.array,
+  groupField: o.string,
+  cardHeight: o.number,
+  cardWidth: o.number,
+  groupTitleHeight: o.number,
+  groupSubtitleHeight: o.number,
+  verticalLine: o.number,
+  height: o.oneOfType([o.string, o.number]),
+  onExpandChange: o.func,
+  onItemAction: o.func,
+  onItemDoubleClick: o.func,
+  onItemContextMenu: o.func,
+  onGroupAction: o.func
+};
+A.displayName = "KendoClientOrgChart";
+export {
+  A as ClientOrgChart,
+  Q as OrgChartEventsContextContext
+};

package/client/ExpandButton.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 i=require("react"),l=require("@progress/kendo-react-buttons"),a=require("@progress/kendo-svg-icons"),d=require("./ClientOrgChart.js");function p(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const r=p(i),g=t=>{const{expanded:e,node:n,nodes:o}=t,c=r.useContext(d.OrgChartEventsContextContext),s=u=>{c.onExpandChange&&c.onExpandChange.call(void 0,{event:u,expand:!e,item:n,items:o})};return r.createElement(l.Button,{className:"k-orgchart-button",icon:e?"minus":"plus",tabIndex:-1,svgIcon:e?a.minusIcon:a.plusIcon,"aria-label":e?"collapse":"expand",onClick:s})};exports.ExpandButton=g;

package/client/ExpandButton.mjs

@@ -0,0 +1,36 @@
+/**
+ * @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 o from "react";
+import { Button as i } from "@progress/kendo-react-buttons";
+import { minusIcon as m, plusIcon as p } from "@progress/kendo-svg-icons";
+import { OrgChartEventsContextContext as l } from "./ClientOrgChart.mjs";
+const C = (e) => {
+  const { expanded: n, node: a, nodes: s } = e, t = o.useContext(l), c = (r) => {
+    t.onExpandChange && t.onExpandChange.call(void 0, {
+      event: r,
+      expand: !n,
+      item: a,
+      items: s
+    });
+  };
+  return /* @__PURE__ */ o.createElement(
+    i,
+    {
+      className: "k-orgchart-button",
+      icon: n ? "minus" : "plus",
+      tabIndex: -1,
+      svgIcon: n ? m : p,
+      "aria-label": n ? "collapse" : "expand",
+      onClick: c
+    }
+  );
+};
+export {
+  C as ExpandButton
+};

package/client/OrgChartCard.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"),b=require("@progress/kendo-react-layout"),g=require("@progress/kendo-react-common"),h=require("./ClientOrgChart.js");function k(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const c in n)if(c!=="default"){const r=Object.getOwnPropertyDescriptor(n,c);Object.defineProperty(e,c,r.get?r:{enumerable:!0,get:()=>n[c]})}}return e.default=n,Object.freeze(e)}const l=k(f),y=n=>{const{node:e,children:c,style:r,...s}=n,[a,i]=l.useState(!1),t=l.useContext(h.OrgChartEventsContextContext),u=o=>{t.onKeyDown&&t.onKeyDown.call(void 0,{event:o,item:e})},d=o=>{t.onItemAction&&t.onItemAction.call(void 0,{event:o,item:e})},C=o=>{t.onItemContextMenu&&t.onItemContextMenu.call(void 0,{event:o,item:e})},m=o=>{t.onItemDoubleClick&&t.onItemDoubleClick.call(void 0,{event:o,item:e})};return l.createElement(b.Card,{role:"treeitem",className:g.classNames("k-orgchart-card",{"k-focus":a}),onClick:d,onKeyDown:u,onContextMenu:C,onDoubleClick:m,style:r,"aria-selected":a,"aria-keyshortcuts":"Enter",onFocus:()=>i(!0),onBlur:()=>i(!1),...s},c)};exports.OrgChartCard=y;

package/client/OrgChartCard.mjs

@@ -0,0 +1,59 @@
+/**
+ * @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 { Card as f } from "@progress/kendo-react-layout";
+import { classNames as h } from "@progress/kendo-react-common";
+import { OrgChartEventsContextContext as k } from "./ClientOrgChart.mjs";
+const I = (r) => {
+  const { node: o, children: i, style: s, ...a } = r, [c, l] = n.useState(!1), e = n.useContext(k), m = (t) => {
+    e.onKeyDown && e.onKeyDown.call(void 0, {
+      event: t,
+      item: o
+    });
+  }, u = (t) => {
+    e.onItemAction && e.onItemAction.call(void 0, {
+      event: t,
+      item: o
+    });
+  }, C = (t) => {
+    e.onItemContextMenu && e.onItemContextMenu.call(void 0, {
+      event: t,
+      item: o
+    });
+  }, d = (t) => {
+    e.onItemDoubleClick && e.onItemDoubleClick.call(void 0, {
+      event: t,
+      item: o
+    });
+  };
+  return /* @__PURE__ */ n.createElement(
+    f,
+    {
+      role: "treeitem",
+      className: h(
+        "k-orgchart-card",
+        { "k-focus": c }
+      ),
+      onClick: u,
+      onKeyDown: m,
+      onContextMenu: C,
+      onDoubleClick: d,
+      style: s,
+      "aria-selected": c,
+      "aria-keyshortcuts": "Enter",
+      onFocus: () => l(!0),
+      onBlur: () => l(!1),
+      ...a
+    },
+    i
+  );
+};
+export {
+  I as OrgChartCard
+};

package/client/OrgChartCardBody.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 a=require("react"),s=require("./ClientOrgChart.js"),l=require("@progress/kendo-react-layout");function u(e){const r=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(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=u(a),d=e=>{const{level:r,children:t}=e,o=n.useContext(s.OrgChartEventsContextContext),c=o.cardColors&&o.cardColors[r]||"green";return n.createElement(l.CardBody,{className:"k-hstack",style:{borderTopColor:c}},t)};exports.OrgChartCardBody=d;

package/client/OrgChartCardBody.mjs

@@ -0,0 +1,18 @@
+/**
+ * @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 o from "react";
+import { OrgChartEventsContextContext as s } from "./ClientOrgChart.mjs";
+import { CardBody as a } from "@progress/kendo-react-layout";
+const d = (t) => {
+  const { level: e, children: n } = t, r = o.useContext(s), c = r.cardColors && r.cardColors[e] || "green";
+  return /* @__PURE__ */ o.createElement(a, { className: "k-hstack", style: { borderTopColor: c } }, n);
+};
+export {
+  d as OrgChartCardBody
+};

package/client/OrgChartGroupContainer.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 g=require("react"),C=require("@progress/kendo-react-common"),h=require("./ClientOrgChart.js");function y(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(e,r,c.get?c:{enumerable:!0,get:()=>o[r]})}}return e.default=o,Object.freeze(e)}const s=y(g),O=o=>{const{nodes:e,children:r,style:c,...i}=o,[u,a]=s.useState(!1),t=s.useContext(h.OrgChartEventsContextContext),l=s.useRef(null),f=n=>{t.onKeyDown&&t.onKeyDown({event:n,items:e})},d=n=>{t.onGroupAction&&t.onGroupAction({event:n,items:e})},p=n=>{a(!0),t.onGroupFocus&&t.onGroupFocus({event:n,items:e,containerRef:l})},m=n=>{a(!1),t.onGroupBlur&&t.onGroupBlur({event:n,items:e})};return s.createElement("div",{role:"treeitem","aria-selected":u,ref:l,className:C.classNames("k-orgchart-node-group-container","k-vstack",{"k-focus":u}),style:c,onKeyDown:f,onClick:d,onFocus:p,onBlur:m,...i},r)};exports.OrgChartGroupContainer=O;

package/client/OrgChartGroupContainer.mjs

@@ -0,0 +1,58 @@
+/**
+ * @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 { classNames as h } from "@progress/kendo-react-common";
+import { OrgChartEventsContextContext as C } from "./ClientOrgChart.mjs";
+const x = (l) => {
+  const { nodes: t, children: u, style: a, ...i } = l, [r, s] = n.useState(!1), e = n.useContext(C), c = n.useRef(null), m = (o) => {
+    e.onKeyDown && e.onKeyDown({
+      event: o,
+      items: t
+    });
+  }, f = (o) => {
+    e.onGroupAction && e.onGroupAction({
+      event: o,
+      items: t
+    });
+  }, p = (o) => {
+    s(!0), e.onGroupFocus && e.onGroupFocus({
+      event: o,
+      items: t,
+      containerRef: c
+    });
+  }, d = (o) => {
+    s(!1), e.onGroupBlur && e.onGroupBlur({
+      event: o,
+      items: t
+    });
+  };
+  return /* @__PURE__ */ n.createElement(
+    "div",
+    {
+      role: "treeitem",
+      "aria-selected": r,
+      ref: c,
+      className: h(
+        "k-orgchart-node-group-container",
+        "k-vstack",
+        { "k-focus": r }
+      ),
+      style: a,
+      onKeyDown: m,
+      onClick: f,
+      onFocus: p,
+      onBlur: d,
+      ...i
+    },
+    u
+  );
+};
+export {
+  x as OrgChartGroupContainer
+};