primereact 10.9.7 → 10.9.8

package/orderlist/orderlist.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.orderlist=function(e,t,n,r,o,i,l,a,c,u,s,d,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var v=m(t),g=f(n);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(null,arguments)}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function y(e){if(Array.isArray(e))return h(e)}function I(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function D(e,t){if(e){if("string"==typeof e)return h(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){return y(e)||I(e)||D(e)||O()}function w(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,t){return w(e)||x(e,t)||D(e,t)||S()}var L=r.ComponentBase.extend({defaultProps:{__TYPE:"OrderList",id:null,ariaLabel:null,ariaLabelledBy:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,filterIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,moveBottomIcon:null,dataKey:null,autoOptionFocus:!0,focusOnHover:!0,breakpoint:"960px",onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null,children:void 0},css:{classes:{root:"p-orderlist p-component",controls:"p-orderlist-controls",droppoint:"p-orderlist-droppoint",header:"p-orderlist-header",list:"p-orderlist-list",icon:"p-orderlist-filter",filter:"p-orderlist-filter",filterInput:"p-orderlist-filter-input p-inputtext p-component",filterIcon:"p-orderlist-filter-icon",filterContainer:"p-orderlist-filter-container",container:"p-orderlist-list-container",item:function(e){return i.classNames("p-orderlist-item",{"p-highlight":e.selected,"p-focus":e.focused})}},styles:"\n@layer primereact {\n    .p-orderlist {\n        display: flex;\n    }\n\n    .p-orderlist-controls {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .p-orderlist-list-container {\n        flex: 1 1 auto;\n    }\n\n    .p-orderlist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n\n    .p-orderlist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-orderlist-item .p-ink {\n        pointer-events: none;\n    }\n\n    .p-orderlist-filter {\n        position: relative;\n    }\n\n    .p-orderlist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-orderlist-filter-input {\n        width: 100%;\n    }\n\n    .p-orderlist.p-state-disabled .p-orderlist-item,\n    .p-orderlist.p-state-disabled .p-button {\n        cursor: default;\n    }\n\n    .p-orderlist.p-state-disabled .p-orderlist-list {\n        overflow: hidden;\n    }\n\n    .p-orderlist .p-orderlist-droppoint {\n        height: 0.5rem;\n    }\n\n    .p-orderlist .p-orderlist-droppoint.p-orderlist-droppoint-highlight {\n        background: var(--primary-color);\n    }\n}\n"}}),C=v.memo((function(e){var t=o.useMergeProps(),r=e.moveUpIcon||v.createElement(s.AngleUpIcon,null),d=e.moveTopIcon||v.createElement(c.AngleDoubleUpIcon,null),p=e.moveDownIcon||v.createElement(u.AngleDownIcon,null),f=e.moveBottomIcon||v.createElement(a.AngleDoubleDownIcon,null),m=e.ptm,g=e.cx,h=e.unstyled,y=i.ObjectUtils.isEmpty(e.value)||i.ObjectUtils.isEmpty(e.selection),I=t({className:g("controls")},m("controls",{hostName:e.hostName})),D=t({type:"button",unstyled:h,icon:r,onClick:function(t){if(e.selection){for(var n=E(e.value),r=0;r<e.selection.length;r++){var o=i.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(0===o)break;var l=n[o-1];n[o-1]=n[o],n[o]=l}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"up"})}},disabled:y,"aria-label":n.ariaLabel("moveUp"),__parentMetadata:{parent:e.metaData}},m("moveUpButton")),O=t({type:"button",unstyled:h,icon:d,onClick:function(t){if(e.selection){for(var n=E(e.value),r=e.selection.length-1;r>=0;r--){var o=i.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(0===o)break;var l=n.splice(o,1)[0];n.unshift(l)}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"top"})}},disabled:y,"aria-label":n.ariaLabel("moveTop"),__parentMetadata:{parent:e.metaData}},m("moveTopButton")),w=t({type:"button",unstyled:h,icon:p,onClick:function(t){if(e.selection){for(var n=E(e.value),r=e.selection.length-1;r>=0;r--){var o=i.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(o===n.length-1)break;var l=n[o+1];n[o+1]=n[o],n[o]=l}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"down"})}},disabled:y,"aria-label":n.ariaLabel("moveDown"),__parentMetadata:{parent:e.metaData}},m("moveDownButton")),x=t({type:"button",unstyled:h,icon:f,onClick:function(t){if(e.selection){for(var n=E(e.value),r=0;r<e.selection.length;r++){var o=i.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(o===n.length-1)break;var l=n.splice(o,1)[0];n.push(l)}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"bottom"})}},disabled:y,"aria-label":n.ariaLabel("moveBottom"),__parentMetadata:{parent:e.metaData}},m("moveBottomButton"));return v.createElement("div",I,v.createElement(l.Button,b({pt:m("moveUpButton")},D)),v.createElement(l.Button,b({pt:m("moveTopButton")},O)),v.createElement(l.Button,b({pt:m("moveDownButton")},w)),v.createElement(l.Button,b({pt:m("moveBottomButton")},x)))}));function N(e){return N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},N(e)}function U(e,t){if("object"!=N(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=N(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=U(e,"string");return"symbol"==N(t)?t:t+""}function B(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){B(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}C.displayName="OrderListControls";var M=v.memo(v.forwardRef((function(e,t){var n=o.useMergeProps(),r=e.ptm,l=e.cx,a=function(t,n){return r(t,T({hostName:e.hostName},n))},c=function(e,t){return a(t,{context:{selected:h(e)}})},u=v.useRef(null),s=v.useRef(null),f=v.useRef(null),m=v.useRef(null),g={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},h=function(t){return-1!==i.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},y=function(t,n){s.current!==n&&s.current+1!==n&&(f.current=n,!e.isUnstyled()&&i.DomHandler.addClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!0),t.preventDefault())},I=function(t){f.current=null,!e.isUnstyled()&&i.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!1)},D=function(t){var n=s.current>f.current?f.current:0===f.current?0:f.current-1,r=E(e.value);i.ObjectUtils.reorderArray(r,s.current,n),f.current=null,!e.isUnstyled()&&i.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!1),e.onChange&&e.onChange({originalEvent:t,value:r})},O=function(e){u.current=!1},w=function(e){if(u.current){var t=m.current.getBoundingClientRect().top+i.DomHandler.getWindowScrollTop(),n=t+m.current.clientHeight-e.pageY,r=e.pageY-t;n<25&&n>0?m.current.scrollTop+=15:r<25&&r>0&&(m.current.scrollTop-=15)}},x=function(e){13===e.which&&e.preventDefault()},S=function(t,n){var r;e.focusOnHover&&e.focused&&(null==e||null===(r=e.changeFocusedOptionIndex)||void 0===r||r.call(e,n))},j=function(e,t){var r=n({className:l("droppoint"),onDragOver:function(t){return y(t,e+1)},onDragLeave:I,onDrop:D},a("droppoint"));return v.createElement("li",b({key:t},r))};v.useImperativeHandle(t,(function(){return{getElement:function(){return m.current}}}));var L,C,N,U=(L=n({className:l("header")},a("header")),e.header?v.createElement("div",L,e.header):null),k=function(){var t=n({className:l("icon")},a("icon")),r=i.IconUtils.getJSXIcon(e.filterIcon||v.createElement(d.SearchIcon,t),T({},t),{props:e});if(e.filter){var o=n({className:l("filter")},a("filter")),c=n({type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:x,placeholder:e.filterPlaceholder,className:l("filterInput")},a("filterInput")),u=n({className:l("filterIcon")},a("filterIcon")),s=v.createElement("div",o,v.createElement("input",c),v.createElement("span",u,r));if(e.filterTemplate)s=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:e.onFilter,onKeyDown:x},filterOptions:g,iconClassName:"p-orderlist-filter-icon",element:s,props:e});var p=n({className:l("filterContainer")},a("filterContainer"));return v.createElement("div",p,s)}return null}(),B=(C=e.value?e.value.map((function(t,r){var o=e.itemTemplate?e.itemTemplate(t):t,a=e.parentId+"_"+r,d=e.focused&&e.focusedOptionId===a,f=h(t);if(e.dragdrop){var m=n({id:a,role:"option",draggable:"true",onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:r})},onMouseDown:e.onOptionMouseDown,onMouseMove:function(e){return S(0,r)},onDragStart:function(e){return t=r,e.dataTransfer.setData("text","orderlist"),u.current=!0,void(s.current=t);var t},onDragEnd:O,className:i.classNames(e.className,l("item",{selected:f,focused:d})),"aria-selected":f,"data-p-highlight":f,"data-p-focused":d},c(t,"item")),g=[];return 0===r&&g.push(j(t,r)),g.push(v.createElement("li",b({key:a},m),o)),g.push(j(r,a+"_droppoint")),g}var y=n({id:a,role:"option",onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:r})},onMouseDown:e.onOptionMouseDown,onMouseMove:function(e){return S(0,r)},className:i.classNames(e.className,l("item",{selected:f,focused:d})),"aria-selected":f,"data-p-highlight":f,"data-p-focused":d},c(t,"item"));return v.createElement("li",b({key:a},y),o,v.createElement(p.Ripple,null))})):null,N=n({ref:m,className:l("list"),style:e.listStyle,onDragOver:w,role:"listbox",onFocus:e.onListFocus,onBlur:e.onListBlur,onKeyDown:e.onListKeyDown,tabIndex:e.tabIndex,"aria-activedescendant":e.focused?e.focusedOptionId:null,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-multiselectable":!0},a("list")),v.createElement("ul",N,C)),H=n({className:l("container")},a("container"));return v.createElement("div",H,U,k,B)})));M.displayName="OrderListSubList";var P=v.memo(v.forwardRef((function(e,t){var l=o.useMergeProps(),a=v.useContext(n.PrimeReactContext),c=L.getProps(e,a),u=j(v.useState([]),2),s=u[0],d=u[1],p=j(v.useState(""),2),f=p[0],m=p[1],h=j(v.useState(null),2),y=h[0],I=h[1],D=j(v.useState(!1),2),O=D[0],w=D[1],x=j(v.useState(null),2),S=x[0],N=x[1],U=j(v.useState(-1),2),k=U[0],B=U[1],H=i.ObjectUtils.isNotEmpty(f),T=v.useRef(null),P=v.useRef(null),K=v.useRef(null),F=v.useRef(null),R=v.useRef(null),A={props:c,state:{selection:s,filterValue:f,attributeSelector:y}},_=L.setMetaData(A),V=_.ptm,Y=_.cx,J=_.isUnstyled;r.useHandleStyle(L.css.styles,J,{name:"orderlist"});var X=function(){if(H){var e=f.trim().toLocaleLowerCase(c.filterLocale),t=c.filterBy?c.filterBy.split(","):[];return n.FilterService.filter(c.value,t,e,c.filterMatchMode,c.filterLocale)}return c.value}(),q=function(){return F.current&&F.current.getElement()},z=function(e){var t=e.originalEvent,n=e.value,r=e.index,o=i.ObjectUtils.findIndexInList(n,s),l=q(),a=i.DomHandler.find(l,'[data-pc-section="item"]')[r].getAttribute("id");B(a);var c,u=t.metaKey||t.ctrlKey;c=-1!==o?u?s.filter((function(e,t){return t!==o})):[n]:u?[].concat(E(s),[n]):[n],d(c)},W=function(e){var t=X[e],n=-1!==i.ObjectUtils.findIndexInList(t,s);d(n?s.filter((function(e){return e!==t})):[].concat(E(s),[t]))},$=function(e){if(-1===k){var t=e&&e.children?E(e.children):[],n=G(e,t);return c.autoOptionFocus&&-1===n&&(n=Q(e,t)),n}return-1},G=function(e,t){if(s.length){var n=i.DomHandler.findSingle(e,'[data-p-highlight="true"]');return i.ObjectUtils.findIndexInList(n,t)}return-1},Q=function(e,t){var n=i.DomHandler.findSingle(e,'[data-pc-section="item"]');return i.ObjectUtils.findIndexInList(n,t)},Z=function(e){var t=ie(k);ae(t),e.shiftKey&&W(t),e.preventDefault()},ee=function(e){var t=le(k);ae(t),e.shiftKey&&W(t),e.preventDefault()},te=function(e){if(e.ctrlKey&&e.shiftKey){var t=q(),n=i.DomHandler.find(t,'[data-pc-section="item"]'),r=i.DomHandler.findSingle(t,'[data-pc-section="item"][id='.concat(k,"]")),o=E(n).findIndex((function(e){return e===r}));d(E(X).slice(0,o+1))}else ae(0);e.preventDefault()},ne=function(e){var t=q();if(e.ctrlKey&&e.shiftKey){var n=i.DomHandler.find(t,'[data-pc-section="item"]'),r=i.DomHandler.findSingle(t,'[data-pc-section="item"][id='.concat(k,"]")),o=E(n).findIndex((function(e){return e===r}));d(E(X).slice(o,n.length))}else ae(i.DomHandler.find(t,'[data-pc-section="item"]').length-1);e.preventDefault()},re=function(e){var t=q(),n=i.DomHandler.find(t,'[data-pc-section="item"]'),r=i.DomHandler.findSingle(t,'[data-pc-section="item"][id='.concat(k,"]")),o=E(n).findIndex((function(e){return e===r}));z({originalEvent:e,value:X[o],index:o}),e.preventDefault()},oe=function(e){e.preventDefault();var t=q();if(e.shiftKey&&s&&s.length>0){var n=i.DomHandler.find(t,'[data-pc-section="item"]'),r=i.ObjectUtils.findIndexInList(s[0],E(X)),o=i.DomHandler.findSingle(t,'[data-pc-section="item"][id='.concat(k,"]")),l=E(n).findIndex((function(e){return e===o}));d(E(X).slice(Math.min(r,l),Math.max(r,l)+1))}else re(e)},ie=function(e){var t=q(),n=E(i.DomHandler.find(t,'[data-pc-section="item"]')).findIndex((function(t){return t.id===e}));return n>-1?n+1:0},le=function(e){var t=q(),n=E(i.DomHandler.find(t,'[data-pc-section="item"]')).findIndex((function(t){return t.id===e}));return n>-1?n-1:0},ae=function(e){var t,n=q(),r=i.DomHandler.find(n,'[data-pc-section="item"]');if(e>=r.length)t=r.length-1;else{if(e<0)return;t=e}var o=r[t]?r[t].getAttribute("id"):-1;B(o),ce(o)},ce=function(e){var t=q(),n=i.DomHandler.findSingle(t,'[data-pc-section="item"][id="'.concat(e,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},ue=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.getElementsByClassName("p-highlight");i.ObjectUtils.isNotEmpty(n)&&i.DomHandler.scrollInView(e,-1===t?n[0]:n[n.length-1])},se=function(e,t){if(e)switch(t){case"up":ue(e,-1);break;case"top":e.scrollTop=0;break;case"down":ue(e,1);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},de=function(){if(!P.current){P.current=i.DomHandler.createInlineStyle(a&&a.nonce||g.default.nonce,a&&a.styleContainer);var e="\n@media screen and (max-width: ".concat(c.breakpoint,") {\n    .p-orderlist[").concat(y,"] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(y,"] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(y,"] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(y,"] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");P.current.innerHTML=e}};v.useImperativeHandle(t,(function(){return{props:c,getElement:function(){return T.current}}})),o.useMountEffect((function(){!y&&I(i.UniqueComponentId())})),o.useUpdateEffect((function(){return y&&(T.current.setAttribute(y,""),de()),function(){P.current=i.DomHandler.removeInlineStyle(P.current)}}),[y,c.breakpoint]),o.useUpdateEffect((function(){N(-1!==k?k:null)}),[k]),o.useUpdateEffect((function(){R.current&&(se(R.current,K.current),R.current=null,K.current=null)}));var pe=l({ref:T,id:c.id,className:i.classNames(c.className,Y("root")),style:c.style},L.getOtherProps(c),V("root"));return v.createElement("div",pe,v.createElement(C,{hostName:"OrderList",value:X,selection:s,onReorder:function(e){c.onChange&&c.onChange({event:e.originalEvent,value:e.value}),K.current=e.direction,R.current=q()},dataKey:c.dataKey,moveUpIcon:c.moveUpIcon,moveTopIcon:c.moveTopIcon,moveDownIcon:c.moveDownIcon,moveBottomIcon:c.moveBottomIcon,ptm:V,cx:Y,unstyled:c.unstyled,metaData:A}),v.createElement(M,b({ref:F,hostName:"OrderList"},c,{ariaLabel:c.ariaLabel,ariaLabelledBy:c.ariaLabelledBy,changeFocusedOptionIndex:ae,cx:Y,dataKey:c.dataKey,dragdrop:c.dragdrop,filter:c.filter,filterIcon:c.filterIcon,filterPlaceholder:c.filterPlaceholder,filterTemplate:c.filterTemplate,focused:O,focusedOptionId:S,header:c.header,isUnstyled:J,itemTemplate:c.itemTemplate,listStyle:c.listStyle,onChange:c.onChange,onFilter:function(e){var t=e.target.value;m(t),c.onFilter&&c.onFilter({originalEvent:e,value:t})},onFilterInputChange:function(e){var t=e.target.value;m(t),c.onFilter&&c.onFilter({originalEvent:e,filter:t})},onItemClick:z,onListBlur:function(e){w(!1),B(-1),c.onBlur&&c.onBlur(e)},onListFocus:function(e){w(!0);var t=q(),n=$(t);ae(n),c.onFocus&&c.onFocus(e)},onListKeyDown:function(e){switch(e.code){case"ArrowDown":Z(e);break;case"ArrowUp":ee(e);break;case"Home":te(e);break;case"End":ne(e);break;case"Enter":case"NumpadEnter":re(e);break;case"Space":oe(e);break;case"KeyA":e.ctrlKey&&(d(X),e.preventDefault())}},onOptionMouseDown:function(e){B(e)},parentId:y,ptm:V,resetFilter:function(){m(""),c.onFilter&&c.onFilter({filter:""})},selection:s,tabIndex:c.tabIndex,value:X})))})));return P.displayName="OrderList",e.OrderList=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils,primereact.button,primereact.icons.angledoubledown,primereact.icons.angledoubleup,primereact.icons.angledown,primereact.icons.angleup,primereact.icons.search,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.orderlist=function(e,t,n,r,o,i,l,a,c,u,s,d,f){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var v=m(t),g=p(n);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(null,arguments)}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function y(e){if(Array.isArray(e))return h(e)}function I(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function D(e,t){if(e){if("string"==typeof e)return h(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){return y(e)||I(e)||D(e)||O()}function w(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,t){return w(e)||x(e,t)||D(e,t)||S()}var L=r.ComponentBase.extend({defaultProps:{__TYPE:"OrderList",id:null,ariaLabel:null,ariaLabelledBy:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,filterIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,moveBottomIcon:null,dataKey:null,autoOptionFocus:!0,focusOnHover:!0,breakpoint:"960px",onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null,children:void 0},css:{classes:{root:"p-orderlist p-component",controls:"p-orderlist-controls",droppoint:"p-orderlist-droppoint",header:"p-orderlist-header",list:"p-orderlist-list",icon:"p-orderlist-filter",filter:"p-orderlist-filter",filterInput:"p-orderlist-filter-input p-inputtext p-component",filterIcon:"p-orderlist-filter-icon",filterContainer:"p-orderlist-filter-container",container:"p-orderlist-list-container",item:function(e){return i.classNames("p-orderlist-item",{"p-highlight":e.selected,"p-focus":e.focused})}},styles:"\n@layer primereact {\n    .p-orderlist {\n        display: flex;\n    }\n\n    .p-orderlist-controls {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .p-orderlist-list-container {\n        flex: 1 1 auto;\n    }\n\n    .p-orderlist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n\n    .p-orderlist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-orderlist-item .p-ink {\n        pointer-events: none;\n    }\n\n    .p-orderlist-filter {\n        position: relative;\n    }\n\n    .p-orderlist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-orderlist-filter-input {\n        width: 100%;\n    }\n\n    .p-orderlist.p-state-disabled .p-orderlist-item,\n    .p-orderlist.p-state-disabled .p-button {\n        cursor: default;\n    }\n\n    .p-orderlist.p-state-disabled .p-orderlist-list {\n        overflow: hidden;\n    }\n\n    .p-orderlist .p-orderlist-droppoint {\n        height: 0.5rem;\n    }\n\n    .p-orderlist .p-orderlist-droppoint.p-orderlist-droppoint-highlight {\n        background: var(--primary-color);\n    }\n}\n"}}),C=v.memo(function(e){var t=o.useMergeProps(),r=e.moveUpIcon||v.createElement(s.AngleUpIcon,null),d=e.moveTopIcon||v.createElement(c.AngleDoubleUpIcon,null),f=e.moveDownIcon||v.createElement(u.AngleDownIcon,null),p=e.moveBottomIcon||v.createElement(a.AngleDoubleDownIcon,null),m=e.ptm,g=e.cx,h=e.unstyled,y=i.ObjectUtils.isEmpty(e.value)||i.ObjectUtils.isEmpty(e.selection),I=t({className:g("controls")},m("controls",{hostName:e.hostName})),D=t({type:"button",unstyled:h,icon:r,onClick:function(t){if(e.selection){for(var n=E(e.value),r=0;r<e.selection.length;r++){var o=i.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(0===o)break;var l=n[o-1];n[o-1]=n[o],n[o]=l}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"up"})}},disabled:y,"aria-label":n.ariaLabel("moveUp"),__parentMetadata:{parent:e.metaData}},m("moveUpButton")),O=t({type:"button",unstyled:h,icon:d,onClick:function(t){if(e.selection){for(var n=E(e.value),r=e.selection.length-1;r>=0;r--){var o=i.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(0===o)break;var l=n.splice(o,1)[0];n.unshift(l)}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"top"})}},disabled:y,"aria-label":n.ariaLabel("moveTop"),__parentMetadata:{parent:e.metaData}},m("moveTopButton")),w=t({type:"button",unstyled:h,icon:f,onClick:function(t){if(e.selection){for(var n=E(e.value),r=e.selection.length-1;r>=0;r--){var o=i.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(o===n.length-1)break;var l=n[o+1];n[o+1]=n[o],n[o]=l}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"down"})}},disabled:y,"aria-label":n.ariaLabel("moveDown"),__parentMetadata:{parent:e.metaData}},m("moveDownButton")),x=t({type:"button",unstyled:h,icon:p,onClick:function(t){if(e.selection){for(var n=E(e.value),r=0;r<e.selection.length;r++){var o=i.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(o===n.length-1)break;var l=n.splice(o,1)[0];n.push(l)}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"bottom"})}},disabled:y,"aria-label":n.ariaLabel("moveBottom"),__parentMetadata:{parent:e.metaData}},m("moveBottomButton"));return v.createElement("div",I,v.createElement(l.Button,b({pt:m("moveUpButton")},D)),v.createElement(l.Button,b({pt:m("moveTopButton")},O)),v.createElement(l.Button,b({pt:m("moveDownButton")},w)),v.createElement(l.Button,b({pt:m("moveBottomButton")},x)))});function N(e){return N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},N(e)}function U(e,t){if("object"!=N(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=N(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=U(e,"string");return"symbol"==N(t)?t:t+""}function B(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach(function(t){B(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}C.displayName="OrderListControls";var M=v.memo(v.forwardRef(function(e,t){var n=o.useMergeProps(),r=e.ptm,l=e.cx,a=function(t,n){return r(t,T({hostName:e.hostName},n))},c=function(e,t){return a(t,{context:{selected:h(e)}})},u=v.useRef(null),s=v.useRef(null),p=v.useRef(null),m=v.useRef(null),g={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},h=function(t){return-1!==i.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},y=function(t,n){s.current!==n&&s.current+1!==n&&(p.current=n,!e.isUnstyled()&&i.DomHandler.addClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!0),t.preventDefault())},I=function(t){p.current=null,!e.isUnstyled()&&i.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!1)},D=function(t){var n=s.current>p.current?p.current:0===p.current?0:p.current-1,r=E(e.value);i.ObjectUtils.reorderArray(r,s.current,n),p.current=null,!e.isUnstyled()&&i.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!1),e.onChange&&e.onChange({originalEvent:t,value:r})},O=function(e){u.current=!1},w=function(e){if(u.current){var t=m.current.getBoundingClientRect().top+i.DomHandler.getWindowScrollTop(),n=t+m.current.clientHeight-e.pageY,r=e.pageY-t;n<25&&n>0?m.current.scrollTop+=15:r<25&&r>0&&(m.current.scrollTop-=15)}},x=function(e){13===e.which&&e.preventDefault()},S=function(t,n){var r;e.focusOnHover&&e.focused&&(null==e||null===(r=e.changeFocusedOptionIndex)||void 0===r||r.call(e,n))},j=function(e,t){var r=n({className:l("droppoint"),onDragOver:function(t){return y(t,e+1)},onDragLeave:I,onDrop:D},a("droppoint"));return v.createElement("li",b({key:t},r))};v.useImperativeHandle(t,function(){return{getElement:function(){return m.current}}});var L,C,N,U=(L=n({className:l("header")},a("header")),e.header?v.createElement("div",L,e.header):null),k=function(){var t=n({className:l("icon")},a("icon")),r=i.IconUtils.getJSXIcon(e.filterIcon||v.createElement(d.SearchIcon,t),T({},t),{props:e});if(e.filter){var o=n({className:l("filter")},a("filter")),c=n({type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:x,placeholder:e.filterPlaceholder,className:l("filterInput")},a("filterInput")),u=n({className:l("filterIcon")},a("filterIcon")),s=v.createElement("div",o,v.createElement("input",c),v.createElement("span",u,r));if(e.filterTemplate)s=i.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:e.onFilter,onKeyDown:x},filterOptions:g,iconClassName:"p-orderlist-filter-icon",element:s,props:e});var f=n({className:l("filterContainer")},a("filterContainer"));return v.createElement("div",f,s)}return null}(),B=(C=e.value?e.value.map(function(t,r){var o=e.itemTemplate?e.itemTemplate(t):t,a=e.parentId+"_"+r,d=e.focused&&e.focusedOptionId===a,p=h(t);if(e.dragdrop){var m=n({id:a,role:"option",draggable:"true",onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:r})},onMouseDown:e.onOptionMouseDown,onMouseMove:function(e){return S(0,r)},onDragStart:function(e){return t=r,e.dataTransfer.setData("text","orderlist"),u.current=!0,void(s.current=t);var t},onDragEnd:O,className:i.classNames(e.className,l("item",{selected:p,focused:d})),"aria-selected":p,"data-p-highlight":p,"data-p-focused":d},c(t,"item")),g=[];return 0===r&&g.push(j(t,r)),g.push(v.createElement("li",b({key:a},m),o)),g.push(j(r,a+"_droppoint")),g}var y=n({id:a,role:"option",onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:r})},onMouseDown:e.onOptionMouseDown,onMouseMove:function(e){return S(0,r)},className:i.classNames(e.className,l("item",{selected:p,focused:d})),"aria-selected":p,"data-p-highlight":p,"data-p-focused":d},c(t,"item"));return v.createElement("li",b({key:a},y),o,v.createElement(f.Ripple,null))}):null,N=n({ref:m,className:l("list"),style:e.listStyle,onDragOver:w,role:"listbox",onFocus:e.onListFocus,onBlur:e.onListBlur,onKeyDown:e.onListKeyDown,tabIndex:e.tabIndex,"aria-activedescendant":e.focused?e.focusedOptionId:null,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-multiselectable":!0},a("list")),v.createElement("ul",N,C)),H=n({className:l("container")},a("container"));return v.createElement("div",H,U,k,B)}));M.displayName="OrderListSubList";var P=v.memo(v.forwardRef(function(e,t){var l=o.useMergeProps(),a=v.useContext(n.PrimeReactContext),c=L.getProps(e,a),u=j(v.useState([]),2),s=u[0],d=u[1],f=j(v.useState(""),2),p=f[0],m=f[1],h=j(v.useState(null),2),y=h[0],I=h[1],D=j(v.useState(!1),2),O=D[0],w=D[1],x=j(v.useState(null),2),S=x[0],N=x[1],U=j(v.useState(-1),2),k=U[0],B=U[1],H=i.ObjectUtils.isNotEmpty(p),T=v.useRef(null),P=v.useRef(null),K=v.useRef(null),F=v.useRef(null),R=v.useRef(null),A={props:c,state:{selection:s,filterValue:p,attributeSelector:y}},_=L.setMetaData(A),V=_.ptm,Y=_.cx,J=_.isUnstyled;r.useHandleStyle(L.css.styles,J,{name:"orderlist"});var X=function(){if(H){var e=p.trim().toLocaleLowerCase(c.filterLocale),t=c.filterBy?c.filterBy.split(","):[];return n.FilterService.filter(c.value,t,e,c.filterMatchMode,c.filterLocale)}return c.value}(),q=function(){return F.current&&F.current.getElement()},z=function(e){var t=e.originalEvent,n=e.value,r=e.index,o=i.ObjectUtils.findIndexInList(n,s),l=q(),a=i.DomHandler.find(l,'[data-pc-section="item"]')[r].getAttribute("id");B(a);var u,f=t.metaKey||t.ctrlKey;if(-1!==o)u=f?s.filter(function(e,t){return t!==o}):[n];else if(f){var p=[].concat(E(s),[n]),m=c.value||[];u=p.sort(function(e,t){return m.indexOf(e)-m.indexOf(t)})}else u=[n];d(u)},W=function(e){var t=X[e],n=-1!==i.ObjectUtils.findIndexInList(t,s);d(n?s.filter(function(e){return e!==t}):[].concat(E(s),[t]))},$=function(e){if(-1===k){var t=e&&e.children?E(e.children):[],n=G(e,t);return c.autoOptionFocus&&-1===n&&(n=Q(e,t)),n}return-1},G=function(e,t){if(s.length){var n=i.DomHandler.findSingle(e,'[data-p-highlight="true"]');return i.ObjectUtils.findIndexInList(n,t)}return-1},Q=function(e,t){var n=i.DomHandler.findSingle(e,'[data-pc-section="item"]');return i.ObjectUtils.findIndexInList(n,t)},Z=function(e){var t=ie(k);ae(t),e.shiftKey&&W(t),e.preventDefault()},ee=function(e){var t=le(k);ae(t),e.shiftKey&&W(t),e.preventDefault()},te=function(e){if(e.ctrlKey&&e.shiftKey){var t=q(),n=i.DomHandler.find(t,'[data-pc-section="item"]'),r=i.DomHandler.findSingle(t,'[data-pc-section="item"][id='.concat(k,"]")),o=E(n).findIndex(function(e){return e===r});d(E(X).slice(0,o+1))}else ae(0);e.preventDefault()},ne=function(e){var t=q();if(e.ctrlKey&&e.shiftKey){var n=i.DomHandler.find(t,'[data-pc-section="item"]'),r=i.DomHandler.findSingle(t,'[data-pc-section="item"][id='.concat(k,"]")),o=E(n).findIndex(function(e){return e===r});d(E(X).slice(o,n.length))}else ae(i.DomHandler.find(t,'[data-pc-section="item"]').length-1);e.preventDefault()},re=function(e){var t=q(),n=i.DomHandler.find(t,'[data-pc-section="item"]'),r=i.DomHandler.findSingle(t,'[data-pc-section="item"][id='.concat(k,"]")),o=E(n).findIndex(function(e){return e===r});z({originalEvent:e,value:X[o],index:o}),e.preventDefault()},oe=function(e){e.preventDefault();var t=q();if(e.shiftKey&&s&&s.length>0){var n=i.DomHandler.find(t,'[data-pc-section="item"]'),r=i.ObjectUtils.findIndexInList(s[0],E(X)),o=i.DomHandler.findSingle(t,'[data-pc-section="item"][id='.concat(k,"]")),l=E(n).findIndex(function(e){return e===o});d(E(X).slice(Math.min(r,l),Math.max(r,l)+1))}else re(e)},ie=function(e){var t=q(),n=E(i.DomHandler.find(t,'[data-pc-section="item"]')).findIndex(function(t){return t.id===e});return n>-1?n+1:0},le=function(e){var t=q(),n=E(i.DomHandler.find(t,'[data-pc-section="item"]')).findIndex(function(t){return t.id===e});return n>-1?n-1:0},ae=function(e){var t,n=q(),r=i.DomHandler.find(n,'[data-pc-section="item"]');if(e>=r.length)t=r.length-1;else{if(e<0)return;t=e}var o=r[t]?r[t].getAttribute("id"):-1;B(o),ce(o)},ce=function(e){var t=q(),n=i.DomHandler.findSingle(t,'[data-pc-section="item"][id="'.concat(e,'"]'));n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"start"})},ue=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.getElementsByClassName("p-highlight");i.ObjectUtils.isNotEmpty(n)&&i.DomHandler.scrollInView(e,-1===t?n[0]:n[n.length-1])},se=function(e,t){if(e)switch(t){case"up":ue(e,-1);break;case"top":e.scrollTop=0;break;case"down":ue(e,1);break;case"bottom":setTimeout(function(){return e.scrollTop=e.scrollHeight},100)}},de=function(){if(!P.current){P.current=i.DomHandler.createInlineStyle(a&&a.nonce||g.default.nonce,a&&a.styleContainer);var e="\n@media screen and (max-width: ".concat(c.breakpoint,") {\n    .p-orderlist[").concat(y,"] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(y,"] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(y,"] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(y,"] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");P.current.innerHTML=e}};v.useImperativeHandle(t,function(){return{props:c,getElement:function(){return T.current}}}),o.useMountEffect(function(){!y&&I(i.UniqueComponentId())}),o.useUpdateEffect(function(){return y&&(T.current.setAttribute(y,""),de()),function(){P.current=i.DomHandler.removeInlineStyle(P.current)}},[y,c.breakpoint]),o.useUpdateEffect(function(){N(-1!==k?k:null)},[k]),o.useUpdateEffect(function(){R.current&&(se(R.current,K.current),R.current=null,K.current=null)});var fe=l({ref:T,id:c.id,className:i.classNames(c.className,Y("root")),style:c.style},L.getOtherProps(c),V("root"));return v.createElement("div",fe,v.createElement(C,{hostName:"OrderList",value:X,selection:s,onReorder:function(e){c.onChange&&c.onChange({event:e.originalEvent,value:e.value}),K.current=e.direction,R.current=q()},dataKey:c.dataKey,moveUpIcon:c.moveUpIcon,moveTopIcon:c.moveTopIcon,moveDownIcon:c.moveDownIcon,moveBottomIcon:c.moveBottomIcon,ptm:V,cx:Y,unstyled:c.unstyled,metaData:A}),v.createElement(M,b({ref:F,hostName:"OrderList"},c,{ariaLabel:c.ariaLabel,ariaLabelledBy:c.ariaLabelledBy,changeFocusedOptionIndex:ae,cx:Y,dataKey:c.dataKey,dragdrop:c.dragdrop,filter:c.filter,filterIcon:c.filterIcon,filterPlaceholder:c.filterPlaceholder,filterTemplate:c.filterTemplate,focused:O,focusedOptionId:S,header:c.header,isUnstyled:J,itemTemplate:c.itemTemplate,listStyle:c.listStyle,onChange:c.onChange,onFilter:function(e){var t=e.target.value;m(t),c.onFilter&&c.onFilter({originalEvent:e,value:t})},onFilterInputChange:function(e){var t=e.target.value;m(t),c.onFilter&&c.onFilter({originalEvent:e,filter:t})},onItemClick:z,onListBlur:function(e){w(!1),B(-1),c.onBlur&&c.onBlur(e)},onListFocus:function(e){w(!0);var t=q(),n=$(t);ae(n),c.onFocus&&c.onFocus(e)},onListKeyDown:function(e){switch(e.code){case"ArrowDown":Z(e);break;case"ArrowUp":ee(e);break;case"Home":te(e);break;case"End":ne(e);break;case"Enter":case"NumpadEnter":re(e);break;case"Space":oe(e);break;case"KeyA":e.ctrlKey&&(d(X),e.preventDefault())}},onOptionMouseDown:function(e){B(e)},parentId:y,ptm:V,resetFilter:function(){m(""),c.onFilter&&c.onFilter({filter:""})},selection:s,tabIndex:c.tabIndex,value:X})))}));return P.displayName="OrderList",e.OrderList=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils,primereact.button,primereact.icons.angledoubledown,primereact.icons.angledoubleup,primereact.icons.angledown,primereact.icons.angleup,primereact.icons.search,primereact.ripple);

package/organizationchart/organizationchart.cjs.js

@@ -202,6 +202,14 @@ function _slicedToArray(r, e) {
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var chunkArray = function chunkArray(array, size) {
+  var result = [];
+  for (var i = 0; i < array.length; i += size) {
+    result.push(array.slice(i, i + size));
+  }
+  return result;
+};
+var MAX_CHILDREN_PER_ROW = 10;
 var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = hooks.useMergeProps();
   var node = props.node;
@@ -210,7 +218,6 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
     expandedState = _React$useState2[0],
     setExpandedState = _React$useState2[1];
   var leaf = node.leaf === false ? false : !(node.children && node.children.length);
-  var colspan = node.children && node.children.length ? node.children.length * 2 : null;
   var selected = props.isSelected(node);
   var visibility = !leaf && expandedState ? 'inherit' : 'hidden';
   var ptm = props.ptm,
@@ -253,79 +260,97 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
       event.preventDefault();
     }
   };
-  var createChildNodes = function createChildNodes() {
-    var nodesProps = mergeProps({
-      className: cx('nodes'),
-      style: {
-        visibility: visibility
-      }
-    }, _ptm('nodes'));
-    var nodeCellProps = mergeProps({
-      colSpan: '2'
-    }, _ptm('nodeCell'));
-    return /*#__PURE__*/React__namespace.createElement("tr", nodesProps, node.children && node.children.map(function (child, index) {
-      return /*#__PURE__*/React__namespace.createElement("td", _extends({
-        key: index
-      }, nodeCellProps), /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {
-        node: child,
-        nodeTemplate: props.nodeTemplate,
-        selectionMode: props.selectionMode,
-        onNodeClick: props.onNodeClick,
-        isSelected: props.isSelected,
-        togglerIcon: props.togglerIcon,
-        ptm: ptm,
-        cx: cx,
-        sx: sx
+  var createChildNodes = function createChildNodes(row) {
+    if (!node.children || node.expanded === false) {
+      return null;
+    }
+    var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+    return rows.map(function (row, rowIndex) {
+      row.length * 2;
+      var nodesProps = mergeProps({
+        className: cx('nodes'),
+        style: {
+          visibility: visibility
+        }
+      }, _ptm('nodes'));
+      var nodeCellProps = mergeProps({
+        colSpan: '2'
+      }, _ptm('nodeCell'));
+      return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, nodesProps, {
+        key: rowIndex
+      }), row.map(function (child, index) {
+        return /*#__PURE__*/React__namespace.createElement("td", _extends({
+          key: index
+        }, nodeCellProps), /*#__PURE__*/React__namespace.createElement(OrganizationChartNode, {
+          node: child,
+          nodeTemplate: props.nodeTemplate,
+          selectionMode: props.selectionMode,
+          onNodeClick: props.onNodeClick,
+          isSelected: props.isSelected,
+          togglerIcon: props.togglerIcon,
+          ptm: ptm,
+          cx: cx,
+          sx: sx
+        }));
       }));
-    }));
+    });
   };
-  var createLinesMiddle = function createLinesMiddle() {
-    var nodeChildLength = node.children && node.children.length;
-    var linesProps = mergeProps({
-      className: cx('lines'),
-      style: {
-        visibility: visibility
-      }
-    }, _ptm('lines'));
-    var lineCellProps = mergeProps({
-      colSpan: colspan
-    }, _ptm('lineCell'));
-    var lineDownProps = mergeProps({
-      className: cx('lineDown')
-    }, _ptm('lineDown'));
-    return /*#__PURE__*/React__namespace.createElement("tr", linesProps, node.children && node.children.length === 1 && /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)), node.children && node.children.length > 1 && node.children.map(function (_, index) {
-      var lineLeftProps = mergeProps({
-        className: cx('lineLeft', {
-          index: index
-        })
-      }, getNodePTOptions(index !== 0, 'lineLeft'));
-      var lineRightProps = mergeProps({
-        className: cx('lineRight', {
-          index: index,
-          nodeChildLength: nodeChildLength
-        })
-      }, getNodePTOptions(index !== nodeChildLength - 1, 'lineRight'));
-      return [/*#__PURE__*/React__namespace.createElement("td", _extends({
-        key: index + '_lineleft'
-      }, lineLeftProps), "\xA0"), /*#__PURE__*/React__namespace.createElement("td", _extends({
-        key: index + '_lineright'
-      }, lineRightProps), "\xA0")];
-    }));
+  var createLinesMiddle = function createLinesMiddle(row) {
+    if (!node.children || node.expanded === false) {
+      return null;
+    }
+    var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+    return rows.map(function (row, rowIndex) {
+      var nodeChildLength = row.length;
+      var linesProps = mergeProps({
+        className: cx('lines'),
+        style: {
+          visibility: visibility
+        }
+      }, _ptm('lines'));
+      return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, linesProps, {
+        key: rowIndex
+      }), row.map(function (_, index) {
+        var lineLeftProps = mergeProps({
+          className: cx('lineLeft', {
+            index: index
+          })
+        }, getNodePTOptions(index !== 0, 'lineLeft'));
+        var lineRightProps = mergeProps({
+          className: cx('lineRight', {
+            index: index,
+            nodeChildLength: nodeChildLength
+          })
+        }, getNodePTOptions(index !== nodeChildLength - 1, 'lineRight'));
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+          key: index
+        }, /*#__PURE__*/React__namespace.createElement("td", lineLeftProps, "\xA0"), /*#__PURE__*/React__namespace.createElement("td", lineRightProps, "\xA0"));
+      }));
+    });
   };
-  var createLinesDown = function createLinesDown() {
-    var linesProps = mergeProps({
-      className: cx('lines'),
-      style: {
-        visibility: visibility
-      }
-    }, _ptm('lines'));
-    var lineCellProps = mergeProps({
-      colSpan: colspan
-    }, _ptm('lineCell'));
-    var lineDownProps = mergeProps({
-      className: cx('lineDown')
-    }, _ptm('lineDown'));
-    return /*#__PURE__*/React__namespace.createElement("tr", linesProps, /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)));
+  var createLinesDown = function createLinesDown(row) {
+    if (!node.children || node.expanded === false) {
+      return null;
+    }
+    var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+    return rows.map(function (row, rowIndex) {
+      var colspan = row.length * 2;
+      var linesProps = mergeProps({
+        className: cx('lines'),
+        style: {
+          visibility: visibility
+        }
+      }, _ptm('lines'));
+      var lineCellProps = mergeProps({
+        colSpan: colspan
+      }, _ptm('lineCell'));
+      var lineDownProps = mergeProps({
+        className: cx('lineDown')
+      }, _ptm('lineDown'));
+      return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, linesProps, {
+        key: rowIndex
+      }), /*#__PURE__*/React__namespace.createElement("td", lineCellProps, /*#__PURE__*/React__namespace.createElement("div", lineDownProps)));
+    });
   };
   var createToggler = function createToggler() {
     if (!leaf) {
@@ -365,7 +390,7 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
     var label = createNodeLabel();
     var toggler = createToggler();
     var cellProps = mergeProps({
-      colSpan: colspan
+      colSpan: node.children && node.children.length ? Math.min(node.children.length, MAX_CHILDREN_PER_ROW) * 2 : 2
     }, _ptm('cell'));
     var nodeProps = mergeProps({
       className: cx('node', {
@@ -382,13 +407,21 @@ var OrganizationChartNode = /*#__PURE__*/React__namespace.memo(function (props)
     return /*#__PURE__*/React__namespace.createElement("tr", rowProps, /*#__PURE__*/React__namespace.createElement("td", cellProps, /*#__PURE__*/React__namespace.createElement("div", nodeProps, label, toggler)));
   };
   var nodeContent = createNodeContent();
-  var linesDown = createLinesDown();
-  var linesMiddle = createLinesMiddle();
-  var childNodes = createChildNodes();
+  var createChildrenSection = function createChildrenSection() {
+    if (!node.children || node.expanded === false) {
+      return null;
+    }
+    var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+    return rows.map(function (row, rowIndex) {
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+        key: rowIndex
+      }, createLinesDown(), createLinesMiddle(), createChildNodes());
+    });
+  };
   var tableProps = mergeProps({
     className: cx('table')
   }, _ptm('table'));
-  return /*#__PURE__*/React__namespace.createElement("table", tableProps, /*#__PURE__*/React__namespace.createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
+  return /*#__PURE__*/React__namespace.createElement("table", tableProps, /*#__PURE__*/React__namespace.createElement("tbody", null, nodeContent, createChildrenSection()));
 });
 OrganizationChartNode.displayName = 'OrganizationChartNode';
 

package/organizationchart/organizationchart.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/utils"),l=require("primereact/icons/chevrondown"),i=require("primereact/icons/chevronup");function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c=a(e);function s(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function u(e){if(Array.isArray(e))return s(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,n){if(e){if("string"==typeof e)return s(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?s(e,n):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var m=t.ComponentBase.extend({defaultProps:{__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null,togglerIcon:null,children:void 0},css:{classes:{root:"p-organizationchart p-component",table:"p-organizationchart-table",node:function(e){var n=e.node;return o.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.nodeProps.selectionMode&&!1!==n.selectable,"p-highlight":e.selected},n.className)},nodes:"p-organizationchart-nodes",lines:"p-organizationchart-lines",lineLeft:function(e){return o.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==e.index})},lineRight:function(e){return o.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":e.index!==e.nodeChildLength-1})},lineDown:"p-organizationchart-line-down",nodeTogglerIcon:"p-node-toggler-icon",nodeToggler:"p-node-toggler"},styles:"\n@layer primereact {\n    .p-organizationchart-table {\n        border-spacing: 0;\n        border-collapse: separate;\n        margin: 0 auto;\n    }\n    \n    .p-organizationchart-table > tbody > tr > td {\n        text-align: center;\n        vertical-align: top;\n        padding: 0 .75rem;\n    }\n    \n    .p-organizationchart-node-content {\n        display: inline-block;\n        position: relative;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler {\n        position: absolute;\n        bottom: -.75rem;\n        margin-left: -.75rem;\n        z-index: 2;\n        left: 50%;\n        user-select: none;\n        cursor: pointer;\n        width: 1.5rem;\n        height: 1.5rem;\n        text-decoration: none;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n        position: relative;\n        top: .25rem;\n    }\n    \n    .p-organizationchart-line-down {\n        margin: 0 auto;\n        height: 20px;\n        width: 1px;\n    }\n    \n    .p-organizationchart-line-right {\n        border-radius: 0px;\n    }\n    \n     .p-organizationchart-line-left {\n        border-radius: 0;\n    }\n    \n    .p-organizationchart-selectable-node {\n        cursor: pointer;\n    }\n}\n"}});function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(null,arguments)}function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function b(e,n){if("object"!=h(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=b(e,"string");return"symbol"==h(n)?n:n+""}function v(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function E(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,i,a=[],c=!0,s=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?O(Object(t),!0).forEach((function(n){v(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var x=c.memo((function(e){var n,t,a,s,u,d,g,m,h,b,y,v,O=r.useMergeProps(),j=e.node,z=c.useState(j.expanded),C=(t=2,N(n=z)||E(n,t)||p(n,t)||S()),P=C[0],I=C[1],M=!1!==j.leaf&&!(j.children&&j.children.length),T=j.children&&j.children.length?2*j.children.length:null,D=e.isSelected(j),k=!M&&P?"inherit":"hidden",U=e.ptm,A=e.cx,_=e.sx,q=function(n,t){return U(n,w({hostName:e.hostName},t))},R=function(n){return q(n,{state:{expanded:P},context:{selected:e.isSelected(j)}})},L=function(e,n){return q(n,{context:{lineTop:e}})},H=function(n,t){e.onNodeClick(n,t)},J=function(e,n){I((function(e){return!e})),e.preventDefault()},X=function(){if(!M){var n=O({className:A("nodeTogglerIcon")},q("nodeTogglerIcon")),t=o.IconUtils.getJSXIcon(P?e.togglerIcon||c.createElement(l.ChevronDownIcon,n):e.togglerIcon||c.createElement(i.ChevronUpIcon,n),w({},n),{props:e}),r=O({className:A("nodeToggler"),tabIndex:0,onKeyDown:function(e){var n;"Enter"!==(n=e).code&&"NumpadEnter"!==n.code&&"Space"!==n.code||(J(n),n.preventDefault())},onClick:function(e){return J(e)},href:"#"},R("nodeToggler"));return c.createElement("a",r,c.createElement("i",null," ",t," "))}return null},B=function(){var n=e.nodeTemplate&&o.ObjectUtils.getJSXElement(e.nodeTemplate,j)||j.label;return c.createElement("div",null,n)},K=(a=B(),s=X(),u=O({colSpan:T},q("cell")),d=O({className:A("node",{selected:D,node:j,nodeProps:e}),style:j.style,onClick:function(e){return H(e,j)}},R("node")),g=O(q("row")),c.createElement("tr",g,c.createElement("td",u,c.createElement("div",d,a,s)))),Y=(m=O({className:A("lines"),style:{visibility:k}},q("lines")),h=O({colSpan:T},q("lineCell")),b=O({className:A("lineDown")},q("lineDown")),c.createElement("tr",m,c.createElement("td",h,c.createElement("div",b)))),$=function(){var e=j.children&&j.children.length,n=O({className:A("lines"),style:{visibility:k}},q("lines")),t=O({colSpan:T},q("lineCell")),r=O({className:A("lineDown")},q("lineDown"));return c.createElement("tr",n,j.children&&1===j.children.length&&c.createElement("td",t,c.createElement("div",r)),j.children&&j.children.length>1&&j.children.map((function(n,t){var r=O({className:A("lineLeft",{index:t})},L(0!==t,"lineLeft")),o=O({className:A("lineRight",{index:t,nodeChildLength:e})},L(t!==e-1,"lineRight"));return[c.createElement("td",f({key:t+"_lineleft"},r)," "),c.createElement("td",f({key:t+"_lineright"},o)," ")]})))}(),F=(y=O({className:A("nodes"),style:{visibility:k}},q("nodes")),v=O({colSpan:"2"},q("nodeCell")),c.createElement("tr",y,j.children&&j.children.map((function(n,t){return c.createElement("td",f({key:t},v),c.createElement(x,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected,togglerIcon:e.togglerIcon,ptm:U,cx:A,sx:_}))})))),G=O({className:A("table")},q("table"));return c.createElement("table",G,c.createElement("tbody",null,K,Y,$,F))}));x.displayName="OrganizationChartNode";var j=c.memo(c.forwardRef((function(e,l){var i=r.useMergeProps(),a=c.useContext(n.PrimeReactContext),s=m.getProps(e,a),f=m.setMetaData({props:s}),h=f.ptm,b=f.cx,y=f.sx;t.useHandleStyle(m.css.styles,f.isUnstyled,{name:"orgchart"});var v=c.useRef(null),N=s.value&&s.value.length?s.value[0]:null,E=function(e){if(s.selectionMode&&s.selection){if("single"===s.selectionMode)return s.selection===e?0:-1;if("multiple"===s.selectionMode)return s.selection.findIndex((function(n){return n===e}))}return-1};c.useImperativeHandle(l,(function(){return{props:s,getElement:function(){return v.current}}}));var S=i({id:s.id,ref:v,style:s.style,className:o.classNames(s.className,b("root"))},m.getOtherProps(s),h("root"));return c.createElement("div",S,c.createElement(x,{hostName:"OrganizationChart",node:N,nodeTemplate:s.nodeTemplate,selectionMode:s.selectionMode,onNodeClick:function(e,n){if(s.selectionMode){var t=e.target;if(!1===n.selectable||o.DomHandler.hasClass(t,"p-node-toggler")||o.DomHandler.hasClass(t,"p-node-toggler-icon"))return;var r,l=E(n),i=l>=0;"single"===s.selectionMode?i?(r=null,s.onNodeUnselect&&s.onNodeUnselect({originalEvent:e,node:n})):(r=n,s.onNodeSelect&&s.onNodeSelect({originalEvent:e,node:n})):"multiple"===s.selectionMode&&(i?(r=s.selection.filter((function(e,n){return n!==l})),s.onNodeUnselect&&s.onNodeUnselect({originalEvent:e,node:n})):(r=[].concat(u(a=s.selection||[])||d(a)||p(a)||g(),[n]),s.onNodeSelect&&s.onNodeSelect({originalEvent:e,node:n}))),s.onSelectionChange&&s.onSelectionChange({originalEvent:e,data:r})}var a},isSelected:function(e){return-1!==E(e)},togglerIcon:s.togglerIcon,ptm:h,cx:b,sx:y}))})));j.displayName="OrganizationChart",exports.OrganizationChart=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/hooks"),o=require("primereact/utils"),l=require("primereact/icons/chevrondown"),i=require("primereact/icons/chevronup");function a(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}}),n.default=e,Object.freeze(n)}var c=a(e);function s(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function u(e){if(Array.isArray(e))return s(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,n){if(e){if("string"==typeof e)return s(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?s(e,n):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=t.ComponentBase.extend({defaultProps:{__TYPE:"OrganizationChart",id:null,value:null,style:null,className:null,selectionMode:null,selection:null,nodeTemplate:null,onSelectionChange:null,onNodeSelect:null,onNodeUnselect:null,togglerIcon:null,children:void 0},css:{classes:{root:"p-organizationchart p-component",table:"p-organizationchart-table",node:function(e){var n=e.node;return o.classNames("p-organizationchart-node-content",{"p-organizationchart-selectable-node":e.nodeProps.selectionMode&&!1!==n.selectable,"p-highlight":e.selected},n.className)},nodes:"p-organizationchart-nodes",lines:"p-organizationchart-lines",lineLeft:function(e){return o.classNames("p-organizationchart-line-left",{"p-organizationchart-line-top":0!==e.index})},lineRight:function(e){return o.classNames("p-organizationchart-line-right",{"p-organizationchart-line-top":e.index!==e.nodeChildLength-1})},lineDown:"p-organizationchart-line-down",nodeTogglerIcon:"p-node-toggler-icon",nodeToggler:"p-node-toggler"},styles:"\n@layer primereact {\n    .p-organizationchart-table {\n        border-spacing: 0;\n        border-collapse: separate;\n        margin: 0 auto;\n    }\n    \n    .p-organizationchart-table > tbody > tr > td {\n        text-align: center;\n        vertical-align: top;\n        padding: 0 .75rem;\n    }\n    \n    .p-organizationchart-node-content {\n        display: inline-block;\n        position: relative;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler {\n        position: absolute;\n        bottom: -.75rem;\n        margin-left: -.75rem;\n        z-index: 2;\n        left: 50%;\n        user-select: none;\n        cursor: pointer;\n        width: 1.5rem;\n        height: 1.5rem;\n        text-decoration: none;\n    }\n    \n    .p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n        position: relative;\n        top: .25rem;\n    }\n    \n    .p-organizationchart-line-down {\n        margin: 0 auto;\n        height: 20px;\n        width: 1px;\n    }\n    \n    .p-organizationchart-line-right {\n        border-radius: 0px;\n    }\n    \n     .p-organizationchart-line-left {\n        border-radius: 0;\n    }\n    \n    .p-organizationchart-selectable-node {\n        cursor: pointer;\n    }\n}\n"}});function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(null,arguments)}function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function y(e,n){if("object"!=h(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function b(e){var n=y(e,"string");return"symbol"==h(n)?n:n+""}function v(e,n,t){return(n=b(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function E(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,i,a=[],c=!0,s=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function x(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach(function(n){v(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var j=function(e,n){for(var t=[],r=0;r<e.length;r+=n)t.push(e.slice(r,r+n));return t},w=c.memo(function(e){var n,t,a,s,u,d,m,g=r.useMergeProps(),h=e.node,y=c.useState(h.expanded),b=(t=2,N(n=y)||E(n,t)||p(n,t)||O()),v=b[0],S=b[1],z=!1!==h.leaf&&!(h.children&&h.children.length),C=e.isSelected(h),P=!z&&v?"inherit":"hidden",I=e.ptm,M=e.cx,T=e.sx,k=function(n,t){return I(n,x({hostName:e.hostName},t))},D=function(n){return k(n,{state:{expanded:v},context:{selected:e.isSelected(h)}})},U=function(e,n){return k(n,{context:{lineTop:e}})},A=function(n,t){e.onNodeClick(n,t)},q=function(e,n){S(function(e){return!e}),e.preventDefault()},R=function(){if(!z){var n=g({className:M("nodeTogglerIcon")},k("nodeTogglerIcon")),t=o.IconUtils.getJSXIcon(v?e.togglerIcon||c.createElement(l.ChevronDownIcon,n):e.togglerIcon||c.createElement(i.ChevronUpIcon,n),x({},n),{props:e}),r=g({className:M("nodeToggler"),tabIndex:0,onKeyDown:function(e){var n;"Enter"!==(n=e).code&&"NumpadEnter"!==n.code&&"Space"!==n.code||(q(n),n.preventDefault())},onClick:function(e){return q(e)},href:"#"},D("nodeToggler"));return c.createElement("a",r,c.createElement("i",null," ",t," "))}return null},_=function(){var n=e.nodeTemplate&&o.ObjectUtils.getJSXElement(e.nodeTemplate,h)||h.label;return c.createElement("div",null,n)},L=(a=_(),s=R(),u=g({colSpan:h.children&&h.children.length?2*Math.min(h.children.length,10):2},k("cell")),d=g({className:M("node",{selected:C,node:h,nodeProps:e}),style:h.style,onClick:function(e){return A(e,h)}},D("node")),m=g(k("row")),c.createElement("tr",m,c.createElement("td",u,c.createElement("div",d,a,s)))),H=g({className:M("table")},k("table"));return c.createElement("table",H,c.createElement("tbody",null,L,h.children&&!1!==h.expanded?j(h.children,10).map(function(n,t){return c.createElement(c.Fragment,{key:t},h.children&&!1!==h.expanded?j(h.children,10).map(function(e,n){var t=2*e.length,r=g({className:M("lines"),style:{visibility:P}},k("lines")),o=g({colSpan:t},k("lineCell")),l=g({className:M("lineDown")},k("lineDown"));return c.createElement("tr",f({},r,{key:n}),c.createElement("td",o,c.createElement("div",l)))}):null,h.children&&!1!==h.expanded?j(h.children,10).map(function(e,n){var t=e.length,r=g({className:M("lines"),style:{visibility:P}},k("lines"));return c.createElement("tr",f({},r,{key:n}),e.map(function(e,n){var r=g({className:M("lineLeft",{index:n})},U(0!==n,"lineLeft")),o=g({className:M("lineRight",{index:n,nodeChildLength:t})},U(n!==t-1,"lineRight"));return c.createElement(c.Fragment,{key:n},c.createElement("td",r," "),c.createElement("td",o," "))}))}):null,h.children&&!1!==h.expanded?j(h.children,10).map(function(n,t){var r=g({className:M("nodes"),style:{visibility:P}},k("nodes")),o=g({colSpan:"2"},k("nodeCell"));return c.createElement("tr",f({},r,{key:t}),n.map(function(n,t){return c.createElement("td",f({key:t},o),c.createElement(w,{node:n,nodeTemplate:e.nodeTemplate,selectionMode:e.selectionMode,onNodeClick:e.onNodeClick,isSelected:e.isSelected,togglerIcon:e.togglerIcon,ptm:I,cx:M,sx:T}))}))}):null)}):null))});w.displayName="OrganizationChartNode";var z=c.memo(c.forwardRef(function(e,l){var i=r.useMergeProps(),a=c.useContext(n.PrimeReactContext),s=g.getProps(e,a),f=g.setMetaData({props:s}),h=f.ptm,y=f.cx,b=f.sx;t.useHandleStyle(g.css.styles,f.isUnstyled,{name:"orgchart"});var v=c.useRef(null),N=s.value&&s.value.length?s.value[0]:null,E=function(e){if(s.selectionMode&&s.selection){if("single"===s.selectionMode)return s.selection===e?0:-1;if("multiple"===s.selectionMode)return s.selection.findIndex(function(n){return n===e})}return-1};c.useImperativeHandle(l,function(){return{props:s,getElement:function(){return v.current}}});var O=i({id:s.id,ref:v,style:s.style,className:o.classNames(s.className,y("root"))},g.getOtherProps(s),h("root"));return c.createElement("div",O,c.createElement(w,{hostName:"OrganizationChart",node:N,nodeTemplate:s.nodeTemplate,selectionMode:s.selectionMode,onNodeClick:function(e,n){if(s.selectionMode){var t=e.target;if(!1===n.selectable||o.DomHandler.hasClass(t,"p-node-toggler")||o.DomHandler.hasClass(t,"p-node-toggler-icon"))return;var r,l=E(n),i=l>=0;"single"===s.selectionMode?i?(r=null,s.onNodeUnselect&&s.onNodeUnselect({originalEvent:e,node:n})):(r=n,s.onNodeSelect&&s.onNodeSelect({originalEvent:e,node:n})):"multiple"===s.selectionMode&&(i?(r=s.selection.filter(function(e,n){return n!==l}),s.onNodeUnselect&&s.onNodeUnselect({originalEvent:e,node:n})):(r=[].concat(u(a=s.selection||[])||d(a)||p(a)||m(),[n]),s.onNodeSelect&&s.onNodeSelect({originalEvent:e,node:n}))),s.onSelectionChange&&s.onSelectionChange({originalEvent:e,data:r})}var a},isSelected:function(e){return-1!==E(e)},togglerIcon:s.togglerIcon,ptm:h,cx:y,sx:b}))}));z.displayName="OrganizationChart",exports.OrganizationChart=z;

package/organizationchart/organizationchart.esm.js

@@ -178,6 +178,14 @@ function _slicedToArray(r, e) {
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var chunkArray = function chunkArray(array, size) {
+  var result = [];
+  for (var i = 0; i < array.length; i += size) {
+    result.push(array.slice(i, i + size));
+  }
+  return result;
+};
+var MAX_CHILDREN_PER_ROW = 10;
 var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
   var mergeProps = useMergeProps();
   var node = props.node;
@@ -186,7 +194,6 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
     expandedState = _React$useState2[0],
     setExpandedState = _React$useState2[1];
   var leaf = node.leaf === false ? false : !(node.children && node.children.length);
-  var colspan = node.children && node.children.length ? node.children.length * 2 : null;
   var selected = props.isSelected(node);
   var visibility = !leaf && expandedState ? 'inherit' : 'hidden';
   var ptm = props.ptm,
@@ -229,79 +236,97 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
       event.preventDefault();
     }
   };
-  var createChildNodes = function createChildNodes() {
-    var nodesProps = mergeProps({
-      className: cx('nodes'),
-      style: {
-        visibility: visibility
-      }
-    }, _ptm('nodes'));
-    var nodeCellProps = mergeProps({
-      colSpan: '2'
-    }, _ptm('nodeCell'));
-    return /*#__PURE__*/React.createElement("tr", nodesProps, node.children && node.children.map(function (child, index) {
-      return /*#__PURE__*/React.createElement("td", _extends({
-        key: index
-      }, nodeCellProps), /*#__PURE__*/React.createElement(OrganizationChartNode, {
-        node: child,
-        nodeTemplate: props.nodeTemplate,
-        selectionMode: props.selectionMode,
-        onNodeClick: props.onNodeClick,
-        isSelected: props.isSelected,
-        togglerIcon: props.togglerIcon,
-        ptm: ptm,
-        cx: cx,
-        sx: sx
+  var createChildNodes = function createChildNodes(row) {
+    if (!node.children || node.expanded === false) {
+      return null;
+    }
+    var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+    return rows.map(function (row, rowIndex) {
+      row.length * 2;
+      var nodesProps = mergeProps({
+        className: cx('nodes'),
+        style: {
+          visibility: visibility
+        }
+      }, _ptm('nodes'));
+      var nodeCellProps = mergeProps({
+        colSpan: '2'
+      }, _ptm('nodeCell'));
+      return /*#__PURE__*/React.createElement("tr", _extends({}, nodesProps, {
+        key: rowIndex
+      }), row.map(function (child, index) {
+        return /*#__PURE__*/React.createElement("td", _extends({
+          key: index
+        }, nodeCellProps), /*#__PURE__*/React.createElement(OrganizationChartNode, {
+          node: child,
+          nodeTemplate: props.nodeTemplate,
+          selectionMode: props.selectionMode,
+          onNodeClick: props.onNodeClick,
+          isSelected: props.isSelected,
+          togglerIcon: props.togglerIcon,
+          ptm: ptm,
+          cx: cx,
+          sx: sx
+        }));
       }));
-    }));
+    });
   };
-  var createLinesMiddle = function createLinesMiddle() {
-    var nodeChildLength = node.children && node.children.length;
-    var linesProps = mergeProps({
-      className: cx('lines'),
-      style: {
-        visibility: visibility
-      }
-    }, _ptm('lines'));
-    var lineCellProps = mergeProps({
-      colSpan: colspan
-    }, _ptm('lineCell'));
-    var lineDownProps = mergeProps({
-      className: cx('lineDown')
-    }, _ptm('lineDown'));
-    return /*#__PURE__*/React.createElement("tr", linesProps, node.children && node.children.length === 1 && /*#__PURE__*/React.createElement("td", lineCellProps, /*#__PURE__*/React.createElement("div", lineDownProps)), node.children && node.children.length > 1 && node.children.map(function (_, index) {
-      var lineLeftProps = mergeProps({
-        className: cx('lineLeft', {
-          index: index
-        })
-      }, getNodePTOptions(index !== 0, 'lineLeft'));
-      var lineRightProps = mergeProps({
-        className: cx('lineRight', {
-          index: index,
-          nodeChildLength: nodeChildLength
-        })
-      }, getNodePTOptions(index !== nodeChildLength - 1, 'lineRight'));
-      return [/*#__PURE__*/React.createElement("td", _extends({
-        key: index + '_lineleft'
-      }, lineLeftProps), "\xA0"), /*#__PURE__*/React.createElement("td", _extends({
-        key: index + '_lineright'
-      }, lineRightProps), "\xA0")];
-    }));
+  var createLinesMiddle = function createLinesMiddle(row) {
+    if (!node.children || node.expanded === false) {
+      return null;
+    }
+    var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+    return rows.map(function (row, rowIndex) {
+      var nodeChildLength = row.length;
+      var linesProps = mergeProps({
+        className: cx('lines'),
+        style: {
+          visibility: visibility
+        }
+      }, _ptm('lines'));
+      return /*#__PURE__*/React.createElement("tr", _extends({}, linesProps, {
+        key: rowIndex
+      }), row.map(function (_, index) {
+        var lineLeftProps = mergeProps({
+          className: cx('lineLeft', {
+            index: index
+          })
+        }, getNodePTOptions(index !== 0, 'lineLeft'));
+        var lineRightProps = mergeProps({
+          className: cx('lineRight', {
+            index: index,
+            nodeChildLength: nodeChildLength
+          })
+        }, getNodePTOptions(index !== nodeChildLength - 1, 'lineRight'));
+        return /*#__PURE__*/React.createElement(React.Fragment, {
+          key: index
+        }, /*#__PURE__*/React.createElement("td", lineLeftProps, "\xA0"), /*#__PURE__*/React.createElement("td", lineRightProps, "\xA0"));
+      }));
+    });
   };
-  var createLinesDown = function createLinesDown() {
-    var linesProps = mergeProps({
-      className: cx('lines'),
-      style: {
-        visibility: visibility
-      }
-    }, _ptm('lines'));
-    var lineCellProps = mergeProps({
-      colSpan: colspan
-    }, _ptm('lineCell'));
-    var lineDownProps = mergeProps({
-      className: cx('lineDown')
-    }, _ptm('lineDown'));
-    return /*#__PURE__*/React.createElement("tr", linesProps, /*#__PURE__*/React.createElement("td", lineCellProps, /*#__PURE__*/React.createElement("div", lineDownProps)));
+  var createLinesDown = function createLinesDown(row) {
+    if (!node.children || node.expanded === false) {
+      return null;
+    }
+    var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+    return rows.map(function (row, rowIndex) {
+      var colspan = row.length * 2;
+      var linesProps = mergeProps({
+        className: cx('lines'),
+        style: {
+          visibility: visibility
+        }
+      }, _ptm('lines'));
+      var lineCellProps = mergeProps({
+        colSpan: colspan
+      }, _ptm('lineCell'));
+      var lineDownProps = mergeProps({
+        className: cx('lineDown')
+      }, _ptm('lineDown'));
+      return /*#__PURE__*/React.createElement("tr", _extends({}, linesProps, {
+        key: rowIndex
+      }), /*#__PURE__*/React.createElement("td", lineCellProps, /*#__PURE__*/React.createElement("div", lineDownProps)));
+    });
   };
   var createToggler = function createToggler() {
     if (!leaf) {
@@ -341,7 +366,7 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
     var label = createNodeLabel();
     var toggler = createToggler();
     var cellProps = mergeProps({
-      colSpan: colspan
+      colSpan: node.children && node.children.length ? Math.min(node.children.length, MAX_CHILDREN_PER_ROW) * 2 : 2
     }, _ptm('cell'));
     var nodeProps = mergeProps({
       className: cx('node', {
@@ -358,13 +383,21 @@ var OrganizationChartNode = /*#__PURE__*/React.memo(function (props) {
     return /*#__PURE__*/React.createElement("tr", rowProps, /*#__PURE__*/React.createElement("td", cellProps, /*#__PURE__*/React.createElement("div", nodeProps, label, toggler)));
   };
   var nodeContent = createNodeContent();
-  var linesDown = createLinesDown();
-  var linesMiddle = createLinesMiddle();
-  var childNodes = createChildNodes();
+  var createChildrenSection = function createChildrenSection() {
+    if (!node.children || node.expanded === false) {
+      return null;
+    }
+    var rows = chunkArray(node.children, MAX_CHILDREN_PER_ROW);
+    return rows.map(function (row, rowIndex) {
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: rowIndex
+      }, createLinesDown(), createLinesMiddle(), createChildNodes());
+    });
+  };
   var tableProps = mergeProps({
     className: cx('table')
   }, _ptm('table'));
-  return /*#__PURE__*/React.createElement("table", tableProps, /*#__PURE__*/React.createElement("tbody", null, nodeContent, linesDown, linesMiddle, childNodes));
+  return /*#__PURE__*/React.createElement("table", tableProps, /*#__PURE__*/React.createElement("tbody", null, nodeContent, createChildrenSection()));
 });
 OrganizationChartNode.displayName = 'OrganizationChartNode';