@progress/kendo-react-orgchart 5.20.0-dev.202310061256

package/dist/npm/utils/consts.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GROUP_PADDINGS = exports.GROUP_SUBTITLE_HEIGHT = exports.GROUP_TITLE_HEIGHT = exports.VERTICAL_LINE = exports.HORIZONTAL_GAP = exports.NODE_WIDTH = exports.NODE_HEIGHT = exports.ORGCHART_CLASSNAME = exports.DOM_KENDO_TREEVIEW_GUID_FIELD = exports.DOM_KENDO_ITEM_ID_FIELD = exports.CHECK_INDETERMINATE_FIELD = exports.CHECK_FIELD = exports.SELECT_FIELD = exports.HAS_CHILDREN_FIELD = exports.CHILDREN_FIELD = exports.DISABLED_FIELD = exports.TEXT_FIELD = exports.EXPAND_FIELD = void 0;
+/**
+ * @hidden
+ */
+exports.EXPAND_FIELD = 'expanded';
+/**
+ * @hidden
+ */
+exports.TEXT_FIELD = 'text';
+/**
+ * @hidden
+ */
+exports.DISABLED_FIELD = 'disabled';
+/**
+ * @hidden
+ */
+exports.CHILDREN_FIELD = 'items';
+/**
+ * @hidden
+ */
+exports.HAS_CHILDREN_FIELD = 'hasChildren';
+/**
+ * @hidden
+ */
+exports.SELECT_FIELD = 'selected';
+/**
+ * @hidden
+ */
+exports.CHECK_FIELD = 'checked';
+/**
+ * @hidden
+ */
+exports.CHECK_INDETERMINATE_FIELD = 'checkIndeterminate';
+/**
+ * @hidden
+ */
+exports.DOM_KENDO_ITEM_ID_FIELD = '_kendoItemId';
+/**
+ * @hidden
+ */
+exports.DOM_KENDO_TREEVIEW_GUID_FIELD = '_kendoOrgChartGuid';
+/**
+ * @hidden
+ */
+exports.ORGCHART_CLASSNAME = 'k-orgchart';
+/**
+ * @hidden
+ */
+exports.NODE_HEIGHT = 80;
+/**
+ * @hidden
+ */
+exports.NODE_WIDTH = 300;
+/**
+ * @hidden
+ */
+exports.HORIZONTAL_GAP = 25;
+/**
+ * @hidden
+ */
+exports.VERTICAL_LINE = 40;
+/**
+ * @hidden
+ */
+exports.GROUP_TITLE_HEIGHT = 20;
+/**
+ * @hidden
+ */
+exports.GROUP_SUBTITLE_HEIGHT = 20;
+/**
+ * @hidden
+ */
+exports.GROUP_PADDINGS = 82;

package/dist/systemjs/kendo-react-orgchart.js

@@ -0,0 +1 @@
+System.register("@progress/kendo-react-orgchart",["@progress/kendo-data-query","@progress/kendo-react-buttons","@progress/kendo-react-common","@progress/kendo-react-layout","@progress/kendo-svg-icons","prop-types","react"],function(e,t){var r={},o={},a={},l={},d={},c={},s={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(o,"__esModule",{value:!0}),Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(l,"__esModule",{value:!0}),Object.defineProperty(d,"__esModule",{value:!0}),Object.defineProperty(c,"__esModule",{value:!0}),Object.defineProperty(s,"__esModule",{value:!0}),{setters:[function(t){Object.keys(t).forEach(function(e){r[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){o[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){a[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){l[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){d[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){c[e]=t[e]})},function(t){Object.keys(t).forEach(function(e){s[e]=t[e]})}],execute:function(){e((()=>{"use strict";var n={122:function(e,t,r){var o=this&&this.__assign||function(){return(o=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},a=this&&this.__rest||function(e,t){var r={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(r[i[n]]=e[i[n]]);return r},l=(Object.defineProperty(t,"__esModule",{value:!0}),t.OrgChart=void 0,r(954)),n=r(895),d=r(363),c=r(428),s=r(811),u=r(948),h=r(785);t.OrgChart=function(e){var t=o({tabIndex:0,navigatable:!0,expandField:"expanded",ariaLabel:"Org Chart",idField:"id",childrenField:"items",avatarField:"avatar",titleField:"title",subTitleField:"subtitle"},e),r=(t.cardsColors,t.onExpandChange,t.onKeyDown,t.onItemAction,t.onGroupAction,t.onGroupBlur,t.onGroupFocus,t.id),n=a(t,["cardsColors","onExpandChange","onKeyDown","onItemAction","onGroupAction","onGroupBlur","onGroupFocus","id"]),i=l.useRef((0,s.guid)());return(0,s.validatePackage)(d.packageMetadata),l.createElement(h.ClientOrgChart,o({},t),e.groupField?l.createElement(u.ServerGroupedOrgChart,o({id:r||i.current},n),e.children):l.createElement(c.ServerOrgChart,o({id:r||i.current},n),e.children))},t.OrgChart.propTypes={className:n.string,style:n.object,id:n.string,ariaLabel:n.string,idField:n.string,childrenField:n.string,expandField:n.string,titleField:n.string,hasChildrenField:n.string,subTitleField:n.string,avatarField:n.string,cardsColors:n.array,data:n.array,groupField:n.string,cardHeight:n.number,cardWidth:n.number,groupTitleHeight:n.number,groupSubtitleHeight:n.number,verticalLine:n.number,height:n.oneOfType([n.string,n.number]),onExpandChange:n.func,onItemAction:n.func,onGroupAction:n.func},t.OrgChart.displayName="KendoOrgChart"},785:function(e,h,t){var p=this&&this.__assign||function(){return(p=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},g=this&&this.__rest||function(e,t){var r={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(r[i[n]]=e[i[n]]);return r},O=(Object.defineProperty(h,"__esModule",{value:!0}),h.ClientOrgChart=h.OrgChartEventsContextContext=void 0,t(954)),r=t(895),y=t(811),C=t(803),I=t(609);h.OrgChartEventsContextContext=O.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}),h.ClientOrgChart=function(v){var f=p({tabIndex:0,navigatable:!0,expandField:"expanded",ariaLabel:"Org Chart",idField:"id",childrenField:"items",avatarField:"avatar",titleField:"title",subTitleField:"subtitle"},v),t=f.navigatable,r=(f.id,f.tabIndex),e=f.className,n=f.style,i=(f.data,f.groupField,f.cardWidth,f.cardHeight,f.groupTitleHeight,f.groupSubtitleHeight,f.verticalLine,f.idField,f.childrenField,f.expandField,f.hasChildrenField,f.avatarField,f.titleField,f.subTitleField,f.onExpandChange,f.onItemAction),o=(f.onItemDoubleClick,f.onItemContextMenu,f.onKeyDown,f.onGroupAction),a=(f.onGroupBlur,f.onGroupFocus,f.cardsColors),l=(f.ariaLabel,f.itemRender,f.groupTitleRender,f.groupSubtitleRender,f.height,f.children,g(f,["navigatable","id","tabIndex","className","style","data","groupField","cardWidth","cardHeight","groupTitleHeight","groupSubtitleHeight","verticalLine","idField","childrenField","expandField","hasChildrenField","avatarField","titleField","subTitleField","onExpandChange","onItemAction","onItemDoubleClick","onItemContextMenu","onKeyDown","onGroupAction","onGroupBlur","onGroupFocus","cardsColors","ariaLabel","itemRender","groupTitleRender","groupSubtitleRender","height","children"])),d=O.useRef(null),m=O.useRef(new y.Navigation({tabIndex:r,root:d,selectors:[f.groupField?".k-orgchart-node-group-container":".k-orgchart-card"],focusOptions:{}})),c=O.useState([]),s=c[0],u=c[1],E=O.useRef(null);return O.useEffect(function(){var e;t&&m.current.first&&m.current.first.setAttribute("tabindex",String(r)),a||(e=d.current.ownerDocument||document,(0,C.loadTheme)(function(e){u(e)},e))},[t,r]),O.createElement("div",{style:n,ref:d,className:(0,y.classNames)(e,I.ORGCHART_CLASSNAME)},O.createElement(h.OrgChartEventsContextContext.Provider,p({value:{cardColors:a||s,onExpandChange:v.onExpandChange,onKeyDown:function(e){if(f.navigatable){var t=e.event,r=" "===t.key?"Space":t.key,n=v.groupField&&-1!==t.target.className.indexOf("k-orgchart-card")&&E.current||m.current,i=t.target.closest(n.selectors.join(","));switch(r){case"ArrowUp":u=i,h=n,p=e,t.preventDefault(),(f.groupField?p.items.some(function(e){return e[f.expandField]}):p.item[f.expandField])&&f.onExpandChange?f.onExpandChange.call(void 0,p):(p=null==(p=u.closest(".k-orgchart-group"))?void 0:p.getAttribute("id"),(p=document.querySelector('[aria-owns="'.concat(p,'"]')))?h.focusElement(p,u):h.focusPrevious(u));break;case"ArrowDown":p=i,h=n,u=e,t.preventDefault(),d=f.groupField?u.items.some(function(e){return e[f.expandField]}):u.item[f.expandField],c=f.groupField?u.items.find(function(e){return e[f.childrenField]}):u.item[f.childrenField],s=f.groupField?u.items.some(function(e){return f.hasChildrenField&&e[f.hasChildrenField]}):f.hasChildrenField&&u.item[f.hasChildrenField],c=f.groupField?c&&c[f.childrenField]&&c[f.childrenField].length:c&&c.length,(s||c)&&!d&&f.onExpandChange?f.onExpandChange.call(void 0,u):(s=f.groupField?".k-orgchart-node-group-container":".k-orgchart-card",c=p.getAttribute("aria-owns"),(u=null==(d=document.getElementById(c))?void 0:d.querySelector(s))?h.focusElement(u,p):h.focusNext(p));break;case"ArrowLeft":c=i,d=n,t.preventDefault(),d.focusPrevious(c);break;case"ArrowRight":s=i,g=n,t.preventDefault(),g.focusNext(s);break;case"End":g=n,t.preventDefault(),g.focusElement(g.last,null);break;case"Home":o=n,t.preventDefault(),o.focusElement(o.first,null);break;case"Enter":var o=i,a=t,l=e;a.stopPropagation(),o=-1!==o.className.indexOf("k-orgchart-node-group-container"),v.groupField&&o?E.current&&E.current.first&&E.current.focusElement(E.current.first,null):f.onItemAction&&f.onItemAction({event:a,item:l.item});break;case"Escape":a=i,v.groupField&&(a=a.closest(".k-orgchart-node-group-container"))&&m.current.focusElement(a,null)}}var o,d,c,s,u,h,p,g},onItemAction:function(e){e.event.stopPropagation(),i&&i.call(void 0,e),f.navigatable&&(e=e.event.target.closest(".k-orgchart-card"))&&m.current.focusElement(e,null)},onItemDoubleClick:function(e){e.event.stopPropagation(),i&&i.call(void 0,e)},onItemContextMenu:function(e){e.event.stopPropagation(),i&&i.call(void 0,e)},onGroupAction:function(e){o&&o.call(void 0,e),f.navigatable&&(e=e.event.target.closest(".k-orgchart-node-group-container"))&&m.current.focusElement(e,null)},onGroupBlur:function(e){E.current=null},onGroupFocus:function(e){E.current=new y.Navigation({tabIndex:0,root:e.containerRef,selectors:[".k-orgchart-card"],focusOptions:{}})}}},l),v.children))},h.ClientOrgChart.propTypes={className:r.string,style:r.object,id:r.string,ariaLabel:r.string,idField:r.string,childrenField:r.string,expandField:r.string,titleField:r.string,hasChildrenField:r.string,subTitleField:r.string,avatarField:r.string,cardsColors:r.array,data:r.array,groupField:r.string,cardHeight:r.number,cardWidth:r.number,groupTitleHeight:r.number,groupSubtitleHeight:r.number,verticalLine:r.number,height:r.oneOfType([r.string,r.number]),onExpandChange:r.func,onItemAction:r.func,onItemDoubleClick:r.func,onItemContextMenu:r.func,onGroupAction:r.func},h.ClientOrgChart.displayName="KendoClientOrgChart"},682:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ExpandButton=void 0;var o=r(954),a=r(536),l=r(233),d=r(785);t.ExpandButton=function(e){var t=e.expanded,r=e.node,n=e.nodes,i=o.useContext(d.OrgChartEventsContextContext);return o.createElement(a.Button,{className:"k-orgchart-button",icon:t?"minus":"plus",tabIndex:-1,svgIcon:t?l.minusIcon:l.plusIcon,"aria-label":t?"collapse":"expand",onClick:function(e){i.onExpandChange&&i.onExpandChange.call(void 0,{event:e,expand:!t,item:r,items:n})}})}},364:function(e,t,r){var d=this&&this.__assign||function(){return(d=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},c=this&&this.__rest||function(e,t){var r={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(r[i[n]]=e[i[n]]);return r},s=(Object.defineProperty(t,"__esModule",{value:!0}),t.OrgChartCard=void 0,r(954)),u=r(561),h=r(811),p=r(785);t.OrgChartCard=function(e){var t=e.node,r=e.children,n=e.style,e=c(e,["node","children","style"]),i=s.useState(!1),o=i[0],a=i[1],l=s.useContext(p.OrgChartEventsContextContext);return s.createElement(u.Card,d({role:"treeitem",className:(0,h.classNames)("k-orgchart-card",{"k-focus":o}),onClick:function(e){l.onItemAction&&l.onItemAction.call(void 0,{event:e,item:t})},onKeyDown:function(e){l.onKeyDown&&l.onKeyDown.call(void 0,{event:e,item:t})},onContextMenu:function(e){l.onItemContextMenu&&l.onItemContextMenu.call(void 0,{event:e,item:t})},onDoubleClick:function(e){l.onItemDoubleClick&&l.onItemDoubleClick.call(void 0,{event:e,item:t})},style:n,"aria-selected":o,"aria-keyshortcuts":"Enter",onFocus:function(){return a(!0)},onBlur:function(){return a(!1)}},e),r)}},838:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.OrgChartCardBody=void 0;var n=r(954),i=r(785),o=r(561);t.OrgChartCardBody=function(e){var t=e.level,e=e.children,r=n.useContext(i.OrgChartEventsContextContext),r=r.cardColors&&r.cardColors[t]||"green";return n.createElement(o.CardBody,{className:"k-hstack",style:{borderTopColor:r}},e)}},883:function(e,t,r){var c=this&&this.__assign||function(){return(c=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},s=this&&this.__rest||function(e,t){var r={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(r[i[n]]=e[i[n]]);return r},u=(Object.defineProperty(t,"__esModule",{value:!0}),t.OrgChartGroupContainer=void 0,r(954)),h=r(811),p=r(785);t.OrgChartGroupContainer=function(e){var t=e.nodes,r=e.children,n=e.style,e=s(e,["nodes","children","style"]),i=u.useState(!1),o=i[0],a=i[1],l=u.useContext(p.OrgChartEventsContextContext),d=u.useRef(null);return u.createElement("div",c({role:"treeitem","aria-selected":o,ref:d,className:(0,h.classNames)("k-orgchart-node-group-container","k-vstack",{"k-focus":o}),style:n,onKeyDown:function(e){l.onKeyDown&&l.onKeyDown({event:e,items:t})},onClick:function(e){l.onGroupAction&&l.onGroupAction({event:e,items:t})},onFocus:function(e){a(!0),l.onGroupFocus&&l.onGroupFocus({event:e,items:t,containerRef:d})},onBlur:function(e){a(!1),l.onGroupBlur&&l.onGroupBlur({event:e,items:t})}},e),r)}},468:function(e,t,r){var n=this&&this.__createBinding||(Object.create?function(e,t,r,n){void 0===n&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);i&&!("get"in i?!t.__esModule:i.writable||i.configurable)||(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}:function(e,t,r,n){e[n=void 0===n?r:n]=t[r]}),i=this&&this.__exportStar||function(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||n(t,e,r)},o=(Object.defineProperty(t,"__esModule",{value:!0}),t.ServerOrgChart=void 0,r(428));Object.defineProperty(t,"ServerOrgChart",{enumerable:!0,get:function(){return o.ServerOrgChart}}),i(r(122),t),i(r(981),t)},363:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-react-orgchart",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:1696596140,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"}},981:function(e,t,r){var a=this&&this.__assign||function(){return(a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},g=(Object.defineProperty(t,"__esModule",{value:!0}),t.processOrgChartItems=void 0,r(811)),v=r(609);function f(e,t,r,n,i){var o,a,l,d,c,s;return r?(o=(t=m(r,t)).ids,t=t.field,a=e,r=!(0,g.isArray)(r)&&r.idField?(0,g.resolveItemsIds)(o,r.idField,e,i):o,l=t,d=n,c=i,s=a,r.forEach(function(e){s=(0,g.updateItem)(s,e,function(e){return E(l,e)},d,c)}),s):e}function m(e,t){var r,e=(0,g.isArray)(e)?(r=e,t):(r=e.ids||[],e.operationField||t);return{ids:r,field:e}}function E(e,t){for(var r=(e||"").split("."),n=t,i=0;i<r.length;i++){var o=r[i];if(i===r.length-1)n[o]=!0;else{if(void 0===n[o])return;n[o]=a({},n[o]),n=n[o]}}}t.processOrgChartItems=function(e,t){if(e&&e.length){var r=t.cloneField||"cloned",n=t.expandField||v.EXPAND_FIELD,i=t.selectField||v.SELECT_FIELD,o=t.checkField||v.CHECK_FIELD,a=t.childrenField||v.CHILDREN_FIELD,e=f(e,n,t.expand,r,a),l=(e=f(e,i,t.select,r,a),e=f(e,o,t.check,r,a)),d=a,n=t.check;if(n&&!(0,g.isArray)(n)&&n.applyCheckIndeterminate)for(var c=m(n,v.CHECK_FIELD).field,s=n.checkIndeterminateField||v.CHECK_INDETERMINATE_FIELD,u=0;u<l.length;u++){var h=l[u],p=h[d];p&&function e(t,r,n,i,o){for(var a=!1,l=0;l<t.length;l++){var d=t[l];if((0,g.getNestedValue)(i,d)){if(!a)for(var c=0;c<r.length;c++)E(o,r[c]);a=!0,d[n]&&e(d[n],[],n,i,o)}else d[n]&&e(d[n],a?[d]:r.concat([d]),n,i,o)}}(p,(0,g.getNestedValue)(c,h)?[]:[h],d,c,s)}return e}return[]}},948:function(e,t,r){var R=this&&this.__assign||function(){return(R=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},S=(Object.defineProperty(t,"__esModule",{value:!0}),t.ServerGroupedOrgChart=void 0,r(954)),j=r(811),M=r(529),W=r(867),B=r(786),K=r(609),U=function(e){var s=e.dataByGroups,t=e.data,t=void 0===t?[]:t,u=e.cardWidth,h=e.childrenField,p=e.idField,g=e.expandField,v=e.hasChildrenField,f=e.groupField,r=e.level,m=void 0===r?1:r,r=e.parentId,E=void 0===r?0:r;t.forEach(function(t){var e,r,n,i,o,a,l,d,c=t[h];t[g]&&c&&c.length&&(r=(e=c.some(function(e){return e[h]&&e[h].length||v&&e[v]}))?"horizontal":"vertical",n=e?null:u+2*K.HORIZONTAL_GAP,i=s.find(function(e){return e.parentId===E}),l=s.find(function(e){return e.ids.includes(E)}),d=!1,i&&(o=i.ids[0],a=l.items.find(function(e){return e[p]===o}),l=l.items.find(function(e){return e[p]===t[p]}),d=a[f]===l[f]),i&&d?(i.ids.push(t[p]),i.items=i.items.concat(c)):s.push({ids:[t[p]],items:c,level:m,parentId:E,hasChildren:e,orientation:r,width:n}),U({dataByGroups:s,data:t[h],childrenField:h,cardWidth:u,idField:p,expandField:g,hasChildrenField:v,groupField:f,level:m+1,parentId:t[p]}))})};t.ServerGroupedOrgChart=function(n){var r,i,o,l,d,a,c,e,t,s,u,h,p=R(R({},{width:"100%",data:[],ariaLabel:"Org Chart",idField:"id",childrenField:"items",avatarField:"avatar",titleField:"title",subTitleField:"subtitle",expandField:"expanded",orientation:"horizontal"}),n),g=p.id,v=p.width,f=p.data,m=p.groupField,E=p.cardWidth,O=p.cardHeight,y=p.groupTitleHeight,C=p.groupSubtitleHeight,I=p.verticalLine,b=p.idField,_=p.childrenField,F=p.expandField,x=p.hasChildrenField,k=p.avatarField,T=p.titleField,L=p.subTitleField,N=p.cardsColors,A=p.ariaLabel,D=p.itemRender,G=p.groupTitleRender,P=p.groupSubtitleRender,p=p.height,H=[{items:f,level:0,hasChildren:!0,orientation:"horizontal",ids:[0],parentId:null,width:null}],w=(U({dataByGroups:H,data:f,cardWidth:E,expandField:F,hasChildrenField:x,childrenField:_,idField:b,groupField:m}),H.map(function(e){e.groupedItems=(0,B.groupBy)(e.items,[{field:m}])}),a=E||K.NODE_WIDTH,(c=H.sort(function(e,t){return t.level-e.level})).forEach(function(t){var e,r,n;t.width||((e=c.filter(function(e){return t.ids.includes(e.parentId)})).length?(n=Math.max.apply(Math,e.map(function(e){return e.width||0})),e=Math.max.apply(Math,e.map(function(e){return e.groupedItems.length||0})),r=Math.max.apply(Math,t.groupedItems.map(function(e){e="horizontal"===t.orientation?e.items.length:1;return e*(a+2*K.HORIZONTAL_GAP)+K.HORIZONTAL_GAP*(e-1)})),n=n*e+K.HORIZONTAL_GAP*(e-1),t.width=Math.max(n,r)):(r=Math.max.apply(Math,t.groupedItems.map(function(e){e="horizontal"===t.orientation?e.items.length:1;return e*(a+2*K.HORIZONTAL_GAP)+K.HORIZONTAL_GAP*(e-1)})),t.width=r))}),l=b,(d=H.sort(function(e,t){return e.level-t.level})).forEach(function(t){var e,r,n,i,o,a;0!==t.level&&(r=d.find(function(e){return e.ids.includes(t.parentId)}),n=(null==r?void 0:r.groupedItems.findIndex(function(e){return e.items.some(function(e){return t.ids.includes(e[l])})}))||0,a=(null==r?void 0:r.groupedItems)||[],i=r.width?(r.width-(a.length-1)*K.HORIZONTAL_GAP)/a.length:0,t.left||(o=(null==r?void 0:r.left)||0,a.forEach(function(e,t){t<n&&(o+=i+K.HORIZONTAL_GAP)}),t.left=o),a=(((null==r?void 0:r.width)||0)-((a=(null==r?void 0:r.groupedItems.length)||1)-1)*K.HORIZONTAL_GAP)/a,t.width=a,r)&&(a=t.width-(t.width-(t.groupedItems.length-1)*K.HORIZONTAL_GAP)/t.groupedItems.length,r.childLineWidths?null!=(e=r.childLineWidths)&&e.push(a):r.childLineWidths=[a])}),w=O||K.NODE_HEIGHT,e=y||K.GROUP_TITLE_HEIGHT,t=C||K.GROUP_SUBTITLE_HEIGHT,r=w||K.NODE_HEIGHT,i=I||K.VERTICAL_LINE,o=e+t+K.GROUP_PADDINGS,H.forEach(function(e){var t=e.level,t=(r+i+o)*t+K.VERTICAL_LINE*(t?t-1:0)-(i-K.VERTICAL_LINE)*(t?1:0);e.top=t}),w=O||K.NODE_HEIGHT,e=y||K.GROUP_TITLE_HEIGHT,t=C||K.GROUP_SUBTITLE_HEIGHT,s=w||K.NODE_HEIGHT,u=e||K.VERTICAL_LINE,h=(t||K.GROUP_TITLE_HEIGHT)+K.GROUP_SUBTITLE_HEIGHT+K.GROUP_PADDINGS,Math.max.apply(Math,H.map(function(e){var t=e.top||0,r=Math.max.apply(Math,e.groupedItems.map(function(e){return e.items.length})),n=e.hasChildren?K.VERTICAL_LINE:0;return t+("horizontal"===e.orientation?s+u+h+u+n:r*(s+u)+h+u)})));return S.createElement("div",{className:"k-orgchart-container",style:{width:v,height:p||w}},H.map(function(o){var e,a=o.level,l=o.groupedItems.map(function(e){var t=e.items.some(function(e){return e[F]});return R(R({},e),{expanded:t})}),d=l.filter(function(e){return e.expanded}),t=0===a?"center":"around",r="horizontal",c=N&&N[a]||"green";return S.createElement("div",{role:0===a?"tree":"group",id:g+"-"+a+"-"+o.ids[0],"aria-label":0===a?A:void 0,"aria-orientation":0===a?r:void 0,key:o.ids[0]+"_"+a,className:(0,j.classNames)("k-orgchart-group","k-orgchart-level-".concat(a),"k-pos-absolute",((e={})["k-".concat(j.kendoThemeMaps.orientationMap[r])]=r,e["k-justify-content-".concat(t)]=t,e["k-orgchart-group-h"]=n.groupField,e)),style:{width:o.width||"100%",left:o.left,top:o.top}},0<f.length&&l.map(function(t,e){var r=t.items.some(function(e){return e[_]&&e[_].length||x&&e[x]}),n=o.width?(o.width-(l.length-1)*K.HORIZONTAL_GAP)/l.length:void 0,i=d.findIndex(function(e){return e===t});return S.createElement(W.ServerOrgChartGroup,{id:g+"-"+(a+1)+"-"+t.items[0][b],style:{width:n},groupTitleHeight:y,groupSubtitleHeight:C,groupTitleRender:G,groupSubtitleRender:P,key:e,level:a,verticalLine:I||K.VERTICAL_LINE,title:t.items[0][m||T],subtitle:m,orientation:o.orientation,childLineWidth:r&&t.expanded&&"horizontal"===o.orientation?o.childLineWidths[i]:0,line:r,nodes:t.items,expanded:t.expanded,plus:r},t.items.map(function(e,t){return S.createElement(M.ServerOrgChartNode,{cardHeight:O,cardWidth:E,itemRender:D,color:c,key:t,level:a,avatar:e[k],title:e[T],subtitle:e[L],verticalLine:0,line:!1,node:e,childLineWidth:0,plus:!1},e.text)}))}))}))},t.ServerGroupedOrgChart.displayName="KendoServerGroupedOrgChart"},428:function(e,t,r){var k=this&&this.__assign||function(){return(k=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},T=(Object.defineProperty(t,"__esModule",{value:!0}),t.ServerOrgChart=void 0,r(954)),L=r(811),N=r(529),A=r(609),D=function(e){var n=e.dataByGroups,t=e.data,t=void 0===t?[]:t,i=e.cardWidth,o=e.childrenField,a=e.idField,l=e.expandField,d=e.hasChildrenField,c=e.groupField,r=e.level,s=void 0===r?1:r,r=e.parentId,u=void 0===r?0:r;t.forEach(function(e){var t,r=e[o];e[l]&&r&&r.length&&(t=r.some(function(e){return e[o]&&e[o].length||d&&e[d]}),n.push({ids:[e[a]],items:r,level:s,parentId:u,hasChildren:t,orientation:t?"horizontal":"vertical",width:t?null:i}),D({dataByGroups:n,data:e[o],childrenField:o,cardWidth:i,idField:a,expandField:l,hasChildrenField:d,groupField:c,level:s+1,parentId:e[a]}))})};t.ServerOrgChart=function(e){var r,n,a,l,d,i,o,c,s,e=k(k({},{width:"100%",data:[],ariaLabel:"Org Chart",idField:"id",childrenField:"items",avatarField:"avatar",titleField:"title",subTitleField:"subtitle",expandField:"expanded"}),e),u=e.id,t=e.width,h=e.data,p=e.groupField,g=e.cardWidth,v=e.cardHeight,f=e.verticalLine,m=e.idField,E=e.childrenField,O=e.hasChildrenField,y=e.expandField,C=e.avatarField,I=e.titleField,b=e.subTitleField,_=e.ariaLabel,F=e.itemRender,e=e.height,x=[{items:h,level:0,hasChildren:!0,orientation:"horizontal",ids:[0],parentId:null,width:null}],h=(D({dataByGroups:x,data:h,cardWidth:g,expandField:y,hasChildrenField:O,childrenField:E,idField:m,groupField:p}),i=g||A.NODE_WIDTH,(o=x.sort(function(e,t){return t.level-e.level})).forEach(function(t){var e;t.width||(e=((e=o.filter(function(e){return t.ids.includes(e.parentId)})).length?Math.max.apply(Math,e.map(function(e){return e.width||0})):i)*(e="horizontal"===t.orientation?t.items.length:1)+A.HORIZONTAL_GAP*(e-1),t.width=e)}),a=E,l=m,(d=x.sort(function(e,t){return e.level-t.level})).forEach(function(t){var e,r,n,i,o;0!==t.level&&(e=d.find(function(e){return e.ids.includes(t.parentId)}),r=(null==e?void 0:e.items.findIndex(function(e){return t.ids.includes(e[l])}))||0,o=(null==e?void 0:e.items)||[],n=e.width?(e.width-(o.length-1)*A.HORIZONTAL_GAP)/o.length:0,t.left||(i=(null==e?void 0:e.left)||0,o.forEach(function(e,t){t<r&&(i+=n+A.HORIZONTAL_GAP)}),t.left=i),o=(((null==e?void 0:e.width)||0)-((o=(null==e?void 0:e.items.length)||1)-1)*A.HORIZONTAL_GAP)/o,t.width=o,o=null==e?void 0:e.items.map(function(t){var e=t[a]?t[a].length:0,r=d.find(function(e){return e.ids.includes(t[l])}),n=(null==r?void 0:r.width)||0;return"vertical"!==(null==r?void 0:r.orientation)&&0!==e&&t.expanded?n-(n-(e-1)*A.HORIZONTAL_GAP)/e:0}),e)&&(e.childLineWidths=o)}),r=v||A.NODE_HEIGHT,n=f||A.VERTICAL_LINE,x.forEach(function(e){var t=e.level,t=(r+n)*t+A.VERTICAL_LINE*(t?t-1:0)-(n-A.VERTICAL_LINE)*(t?1:0);e.top=t}),c=v||A.NODE_HEIGHT,s=f||A.VERTICAL_LINE,Math.max.apply(Math,x.map(function(e){var t=e.top||0,r=e.items.length;return t+("horizontal"===e.orientation?c+s+s:r*(c+s))})));return T.createElement("div",{className:"k-orgchart-container",style:{width:t,height:e||h}},x.map(function(l){var e,d=l.level,c=l.items,t=0===d?"center":"around",r=l.orientation;return T.createElement("div",{role:0===d?"tree":"group",id:u+"-"+d+"-"+l.ids[0],"aria-label":0===d?_:void 0,"aria-orientation":0===d?r:void 0,key:l.ids[0]+"_"+d,className:(0,L.classNames)("k-orgchart-group","k-orgchart-level-".concat(d),"k-pos-absolute",((e={})["k-".concat(L.kendoThemeMaps.orientationMap[r])]=r,e["k-justify-content-".concat(t)]=t,e)),style:{width:l.width||"100%",left:l.left,top:l.top}},0<c.length&&T.createElement("div",{role:"group",style:{width:"100%"},className:(0,L.classNames)("k-orgchart-node-container","k-justify-content-around",((r={})["k-".concat(L.kendoThemeMaps.orientationMap[l.orientation])]=l.orientation,r))},c.map(function(e,t){var r=e[E]&&e[E].length||O&&e[O],n=r||"vertical"===l.orientation&&t!==c.length-1,i="vertical"===l.orientation&&0!==t?0:f||A.VERTICAL_LINE,o=l.childLineWidths?Math.max.apply(Math,l.childLineWidths):void 0,a=e[y];return T.createElement(N.ServerOrgChartNode,{id:u+"-"+(d+1)+"-"+e[m],style:{width:o},itemRender:F,cardHeight:v,cardWidth:g,verticalLine:i,key:t,level:d,avatar:e[C],title:e[I],subtitle:e[b],line:n,expanded:a,node:e,childLineWidth:r&&a&&"horizontal"===l.orientation?l.childLineWidths[t]:0,plus:r},e.text)})))}))},t.ServerOrgChart.displayName="KendoServerOrgChart"},867:function(e,t,r){var m=this&&this.__assign||function(){return(m=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},E=this&&this.__rest||function(e,t){var r={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(r[i[n]]=e[i[n]]);return r},O=(Object.defineProperty(t,"__esModule",{value:!0}),t.ServerOrgChartGroup=void 0,r(954)),y=r(811),C=r(682),I=r(883),b=r(609),_="k-orgchart-node-group-title",F="k-orgchart-node-group-subtitle";t.ServerOrgChartGroup=function(e){var t=m(m({},{orientation:"horizontal"}),e),r=t.id,n=t.title,i=t.subtitle,o=t.line,a=t.plus,l=(t.focus,t.level),d=t.verticalLine,c=t.childLineWidth,s=t.orientation,u=t.expanded,h=t.nodes,p=t.groupTitleHeight,g=t.groupSubtitleHeight,v=t.groupTitleRender,f=t.groupSubtitleRender,t=E(t,["id","title","subtitle","line","plus","focus","level","verticalLine","childLineWidth","orientation","expanded","nodes","groupTitleHeight","groupSubtitleHeight","groupTitleRender","groupSubtitleRender"]),p={height:p||b.GROUP_TITLE_HEIGHT},g={height:g||b.GROUP_SUBTITLE_HEIGHT};return O.createElement("div",m({},t,{className:(0,y.classNames)(e.className,"k-orgchart-node-group","k-vstack","k-align-items-center")}),0!==l&&O.createElement("div",{className:"k-orgchart-line k-orgchart-line-v k-orgchart-line-v-top",style:{height:d}}),O.createElement(I.OrgChartGroupContainer,{nodes:h,"aria-expanded":!!u,"aria-keyshortcuts":"Enter","aria-level":l+1,"aria-owns":r},v?O.createElement(v,{style:p,className:_,title:n,items:h,level:l,expanded:u}):O.createElement("div",{className:_,style:p},n),f?O.createElement(f,{style:g,className:F,subtitle:i,items:h,level:l,expanded:u}):O.createElement("div",{className:F,style:g},i),O.createElement("div",{role:"group",style:{width:"100%"},className:(0,y.classNames)("k-orgchart-node-container","k-justify-content-around",((t={})["k-".concat(y.kendoThemeMaps.orientationMap[s]||s)]=s,t))},e.children)),o&&O.createElement("div",{className:"k-orgchart-line k-orgchart-line-v"}),a&&O.createElement(C.ExpandButton,{expanded:u,nodes:h}),a&&!!c&&O.createElement("div",{className:"k-orgchart-line k-orgchart-line-h",style:{width:c,marginTop:-15}}))}},529:function(e,t,r){var E=this&&this.__assign||function(){return(E=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},O=this&&this.__rest||function(e,t){var r={};for(i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(r[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,i=Object.getOwnPropertySymbols(e);n<i.length;n++)t.indexOf(i[n])<0&&Object.prototype.propertyIsEnumerable.call(e,i[n])&&(r[i[n]]=e[i[n]]);return r},y=(Object.defineProperty(t,"__esModule",{value:!0}),t.ServerOrgChartNode=void 0,r(954)),C=r(811),I=r(561),b=r(682),_=r(364),F=r(838);t.ServerOrgChartNode=function(e){var t=E(E({},e),{avatarType:"image"}),r=t.id,n=t.title,i=t.subtitle,o=t.level,a=t.childLineWidth,l=t.cardWidth,d=t.cardHeight,c=t.verticalLine,s=t.color,u=t.line,h=t.plus,p=t.expanded,g=t.node,v=t.avatar,f=t.avatarType,m=t.itemRender,t=O(t,["id","title","subtitle","level","childLineWidth","cardWidth","cardHeight","verticalLine","color","line","plus","expanded","node","avatar","avatarType","itemRender"]);return y.createElement("div",E({},t,{className:(0,C.classNames)(e.className,"k-orgchart-node","k-vstack","k-align-items-center")}),0!==o&&y.createElement("div",{className:"k-orgchart-line k-orgchart-line-v k-orgchart-line-v-top",style:{height:c}}),y.createElement(_.OrgChartCard,{node:g,style:{width:l,height:d},"aria-level":o+1,"aria-expanded":!!p,"aria-owns":r},y.createElement(F.OrgChartCardBody,{level:o},m?y.createElement(m,{item:g,title:n,subtitle:i,level:o,expanded:p,color:s}):y.createElement(y.Fragment,null,y.createElement(I.Avatar,{type:f,themeColor:"secondary"},"image"===f?y.createElement("img",{src:v,alt:"KendoReact Avatar Customer Image"}):v),y.createElement("div",{className:"k-card-title-wrap k-vstack"},y.createElement(I.CardTitle,{className:"k-text-ellipsis"},n),y.createElement("span",{className:"k-spacer"}),y.createElement(I.CardSubtitle,{className:"k-text-ellipsis"},i)),y.createElement("span",{className:"k-spacer"})))),u&&y.createElement("div",{className:"k-orgchart-line k-orgchart-line-v"}),h&&y.createElement(b.ExpandButton,{expanded:p,node:g}),h&&!!a&&y.createElement("div",{className:"k-orgchart-line k-orgchart-line-h",style:{width:a,marginTop:-15}}))}},803:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.loadTheme=void 0;function o(e){return window.getComputedStyle(e).backgroundColor}var a='\n    <div class="k-var--series-unset"></div>\n    <div class="k-var--series">\n      '.concat(function(){for(var e='\n      <div class="k-var--series-a"></div>\n      <div class="k-var--series-b"></div>\n      <div class="k-var--series-c"></div>\n      <div class="k-var--series-d"></div>\n      <div class="k-var--series-e"></div>\n      <div class="k-var--series-f"></div>\n',t=0;t<30;t++)e+='\n      <div class="k-var--series-'.concat(t+1,'"></div>');return e}(),"\n    </div>\n"),l=(r.prototype.getSeriesColors=function(){var e=this.element,t=[].slice.call(e.querySelectorAll(".k-var--series div")),i=o(e.querySelector(".k-var--series-unset"));return t.reduce(function(e,t){r=t.className;var r=null!==(n=r.match(/series-([a-z])$/))?n[1].toLowerCase().charCodeAt(0)-"a".charCodeAt(0):(n=r.split("--series-")[1],parseInt(n,10)-1),n=o(t);return n!==i&&(e[r]=n),e},[])},r);function r(){}t.loadTheme=function(e,t){var r,n=new l,i=n.element=t.createElement("div");i.style.display="none",i.innerHTML=a,t.body.appendChild(i);try{r=n.getSeriesColors()}finally{t.body.removeChild(n.element),delete n.element,e(r)}}},609:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.GROUP_PADDINGS=t.GROUP_SUBTITLE_HEIGHT=t.GROUP_TITLE_HEIGHT=t.VERTICAL_LINE=t.HORIZONTAL_GAP=t.NODE_WIDTH=t.NODE_HEIGHT=t.ORGCHART_CLASSNAME=t.DOM_KENDO_TREEVIEW_GUID_FIELD=t.DOM_KENDO_ITEM_ID_FIELD=t.CHECK_INDETERMINATE_FIELD=t.CHECK_FIELD=t.SELECT_FIELD=t.HAS_CHILDREN_FIELD=t.CHILDREN_FIELD=t.DISABLED_FIELD=t.TEXT_FIELD=t.EXPAND_FIELD=void 0,t.EXPAND_FIELD="expanded",t.TEXT_FIELD="text",t.DISABLED_FIELD="disabled",t.CHILDREN_FIELD="items",t.HAS_CHILDREN_FIELD="hasChildren",t.SELECT_FIELD="selected",t.CHECK_FIELD="checked",t.CHECK_INDETERMINATE_FIELD="checkIndeterminate",t.DOM_KENDO_ITEM_ID_FIELD="_kendoItemId",t.DOM_KENDO_TREEVIEW_GUID_FIELD="_kendoOrgChartGuid",t.ORGCHART_CLASSNAME="k-orgchart",t.NODE_HEIGHT=80,t.NODE_WIDTH=300,t.HORIZONTAL_GAP=25,t.VERTICAL_LINE=40,t.GROUP_TITLE_HEIGHT=20,t.GROUP_SUBTITLE_HEIGHT=20,t.GROUP_PADDINGS=82},786:e=>{e.exports=r},536:e=>{e.exports=o},811:e=>{e.exports=a},561:e=>{e.exports=l},233:e=>{e.exports=d},895:e=>{e.exports=c},954:e=>{e.exports=s}},i={};return function e(t){var r=i[t];return void 0!==r||(r=i[t]={exports:{}},n[t].call(r.exports,r,r.exports,e)),r.exports}(468)})())}}});

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@progress/kendo-react-orgchart",
+  "description": "React OrgChart renders a message to the user with information about the status of an app process. KendoReact OrgChart package",
+  "version": "5.20.0-dev.202310061256",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/telerik/kendo-react.git"
+  },
+  "main": "dist/npm/main.js",
+  "types": "dist/npm/main.d.ts",
+  "module": "dist/es/main.js",
+  "jsnext:main": "dist/es/main.js",
+  "scripts": {
+    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/orgchart/.*",
+    "start": "gulp start",
+    "e2e": "cd ../../ && npx jest --maxWorkers=4 --config jest.e2e.js packages/orgchart/e2e/",
+    "build-package": "gulp build-package"
+  },
+  "homepage": "https://www.telerik.com/kendo-react-ui",
+  "keywords": [
+    "Kendo UI",
+    "React",
+    "Progress",
+    "orgchart",
+    "KendoReact",
+    "reactjs",
+    "UI",
+    "components",
+    "React component",
+    "Telerik"
+  ],
+  "peerDependencies": {
+    "@progress/kendo-data-query": "^1.0.0",
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-svg-icons": "^2.0.0",
+    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "@progress/kendo-react-buttons": "5.20.0-dev.202310061256",
+    "@progress/kendo-react-common": "5.20.0-dev.202310061256",
+    "@progress/kendo-react-layout": "5.20.0-dev.202310061256",
+    "prop-types": "^15.6.0"
+  },
+  "devDependencies": {
+    "@progress/kendo-data-query": "^1.0.0",
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-react-animation": "5.20.0-dev.202310061256",
+    "@progress/kendo-react-data-tools": "5.20.0-dev.202310061256",
+    "@progress/kendo-svg-icons": "^1.0.0"
+  },
+  "@progress": {
+    "friendlyName": "OrgChart",
+    "framework": "KendoReact"
+  },
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false
+}