primereact 10.0.2 → 10.0.4

package/orderlist/orderlist.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{ariaLabel as n,PrimeReactContext as r,FilterService as o}from"primereact/api";import{ComponentBase as i,useHandleStyle as l}from"primereact/componentbase";import{useMountEffect as a,useUpdateEffect as c}from"primereact/hooks";import{classNames as u,mergeProps as s,ObjectUtils as p,IconUtils as d,DomHandler as m,UniqueComponentId as f}from"primereact/utils";import{Button as v}from"primereact/button";import{AngleDoubleDownIcon as g}from"primereact/icons/angledoubledown";import{AngleDoubleUpIcon as y}from"primereact/icons/angledoubleup";import{AngleDownIcon as h}from"primereact/icons/angledown";import{AngleUpIcon as b}from"primereact/icons/angleup";import{SearchIcon as I}from"primereact/icons/search";import{Ripple as E}from"primereact/ripple";function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e){if(Array.isArray(e))return w(e)}function S(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.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)?w(e,t):void 0}}function D(){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 C(e){return x(e)||S(e)||O(e)||D()}function N(e){if(Array.isArray(e))return e}function T(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 k(){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 N(e)||T(e,t)||O(e,t)||k()}var K=i.extend({defaultProps:{__TYPE:"OrderList",id: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,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 u("p-orderlist-item",{"p-highlight":(0,e.isSelected)(e.item)})}},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-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"}}),L=e.memo((function(t){var r=t.moveUpIcon||e.createElement(b,null),o=t.moveTopIcon||e.createElement(y,null),i=t.moveDownIcon||e.createElement(h,null),l=t.moveBottomIcon||e.createElement(g,null),a=t.ptm,c=t.unstyled,u=s({className:(0,t.cx)("controls")},a("controls",{hostName:t.hostName})),d=s({type:"button",unstyled:c,icon:r,onClick:function(e){if(t.selection){for(var n=C(t.value),r=0;r<t.selection.length;r++){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(0===o)break;var i=n[o-1];n[o-1]=n[o],n[o]=i}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"up"})}},"aria-label":n("moveUp"),__parentMetadata:{parent:t.metaData}},a("moveUpButton")),m=s({type:"button",unstyled:c,icon:o,onClick:function(e){if(t.selection){for(var n=C(t.value),r=0;r<t.selection.length;r++){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(0===o)break;var i=n.splice(o,1)[0];n.unshift(i)}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"top"})}},"aria-label":n("moveTop"),__parentMetadata:{parent:t.metaData}},a("moveTopButton")),f=s({type:"button",unstyled:c,icon:i,onClick:function(e){if(t.selection){for(var n=C(t.value),r=t.selection.length-1;r>=0;r--){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(o===n.length-1)break;var i=n[o+1];n[o+1]=n[o],n[o]=i}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"down"})}},"aria-label":n("moveDown"),__parentMetadata:{parent:t.metaData}},a("moveDownButton")),I=s({type:"button",unstyled:c,icon:l,onClick:function(e){if(t.selection){for(var n=C(t.value),r=t.selection.length-1;r>=0;r--){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(o===n.length-1)break;var i=n.splice(o,1)[0];n.push(i)}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"bottom"})}},"aria-label":n("moveBottom"),__parentMetadata:{parent:t.metaData}},a("moveBottomButton"));return e.createElement("div",u,e.createElement(v,d),e.createElement(v,m),e.createElement(v,f),e.createElement(v,I))}));function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},P.apply(this,arguments)}function R(e){return R="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},R(e)}function A(e,t){if("object"!==R(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==R(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function B(e){var t=A(e,"string");return"symbol"===R(t)?t:String(t)}function F(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 U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=B(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}L.displayName="OrderListControls";var M=e.memo((function(t){var n,r,o,i=t.ptm,l=t.cx,a=function(e,n){return i(e,U({hostName:t.hostName},n))},c=function(e,t){return a(t,{context:{selected:b(e)}})},f=e.useRef(null),v=e.useRef(null),g=e.useRef(null),y=e.useRef(null),h={filter:function(e){return t.onFilterInputChange(e)},reset:function(){return t.resetFilter()}},b=function(e){return-1!==p.findIndexInList(e,t.selection,t.dataKey)},w=function(e,n){v.current!==n&&v.current+1!==n&&(g.current=n,!t.isUnstyled()&&m.addClass(e.target,"p-orderlist-droppoint-highlight"),e.target.setAttribute("data-p-orderlist-droppoint-highlight",!0),e.preventDefault())},x=function(e){g.current=null,!t.isUnstyled()&&m.removeClass(e.target,"p-orderlist-droppoint-highlight"),e.target.setAttribute("data-p-orderlist-droppoint-highlight",!1)},S=function(e){var n=v.current>g.current?g.current:0===g.current?0:g.current-1,r=C(t.value);p.reorderArray(r,v.current,n),g.current=null,!t.isUnstyled()&&m.removeClass(e.target,"p-orderlist-droppoint-highlight"),e.target.setAttribute("data-p-orderlist-droppoint-highlight",!1),t.onChange&&t.onChange({originalEvent:e,value:r})},O=function(e){f.current=!1},D=function(e){if(f.current){var t=y.current.getBoundingClientRect().top+m.getWindowScrollTop(),n=t+y.current.clientHeight-e.pageY,r=e.pageY-t;n<25&&n>0?y.current.scrollTop+=15:r<25&&r>0&&(y.current.scrollTop-=15)}},N=function(e){13===e.which&&e.preventDefault()},T=function(t,n){var r=s({className:l("droppoint"),onDragOver:function(e){return w(e,t+1)},onDragLeave:x,onDrop:S},a("droppoint"));return e.createElement("li",P({key:n},r))},k=(n=s({className:l("header")},a("header")),t.header?e.createElement("div",n,t.header):null),j=function(){var n=s({className:l("icon")},a("icon")),r=d.getJSXIcon(t.filterIcon||e.createElement(I,n),U({},n),{props:t});if(t.filter){var o=s({className:l("filter")},a("filter")),i=s({type:"text",value:t.filterValue,onChange:t.onFilter,onKeyDown:N,placeholder:t.placeholder,className:l("filterInput")},a("filterInput")),c=s({className:l("filterIcon")},a("filterIcon")),u=e.createElement("div",o,e.createElement("input",i),e.createElement("span",c,r));if(t.filterTemplate)u=p.getJSXElement(t.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:t.onFilter,onKeyDown:N},filterOptions:h,iconClassName:"p-orderlist-filter-icon",element:u,props:t});var m=s({className:l("filterContainer")},a("filterContainer"));return e.createElement("div",m,u)}return null}(),K=(r=t.value?t.value.map((function(n,r){var o=t.itemTemplate?t.itemTemplate(n):n,i=JSON.stringify(n),a=s({className:u(t.className,l("item",{item:n,isSelected:b})),onClick:function(e){return t.onItemClick({originalEvent:e,value:n,index:r})},onKeyDown:function(e){return t.onItemKeyDown({originalEvent:e,value:n,index:r})},role:"option","aria-selected":b(n),draggable:"true",onDragStart:function(e){return n=e,o=r,f.current=!0,v.current=o,void(t.dragdropScope&&n.dataTransfer.setData("text","orderlist"));var n,o},onDragEnd:O,tabIndex:t.tabIndex,"data-p-highlight":b(n)},c(n,"item"));if(t.dragdrop){var p=[];return 0===r&&p.push(T(n,r)),p.push(e.createElement("li",P({key:i},a),o,e.createElement(E,null))),p.push(T(r,i+"_droppoint")),p}var d=s({role:"option",tabIndex:t.tabIndex,className:u(t.className,l("item",{item:n,isSelected:b})),onClick:function(e){return t.onItemClick({originalEvent:e,value:n,index:r})},onKeyDown:function(e){return t.onItemKeyDown({originalEvent:e,value:n,index:r})},"aria-selected":b(n),"data-p-highlight":b(n)},c(n,"item"));return e.createElement("li",P({key:i},d),o)})):null,o=s({ref:y,className:l("list"),style:t.listStyle,onDragOver:D,role:"listbox","aria-multiselectable":!0},a("list")),e.createElement("ul",o,r)),L=s({className:l("container")},a("container"));return e.createElement("div",L,k,j,K)}));M.displayName="OrderListSubList";var _=e.memo(e.forwardRef((function(n,i){var d=e.useContext(r),v=K.getProps(n,d),g=j(e.useState([]),2),y=g[0],h=g[1],b=j(e.useState(""),2),I=b[0],E=b[1],w=j(e.useState(null),2),x=w[0],S=w[1],O=p.isNotEmpty(I),D=e.useRef(null),N=e.useRef(null),T=e.useRef(null),k={props:v,state:{selection:y,filterValue:I,attributeSelector:x}},P=K.setMetaData(k),R=P.ptm,A=P.cx,B=P.isUnstyled;l(K.css.styles,B,{name:"orderlist"});var F=function(e){var t,n=e.originalEvent.metaKey||e.originalEvent.ctrlKey,r=p.findIndexInList(e.value,y,v.dataKey);t=-1!==r?n?y.filter((function(e,t){return t!==r})):[e.value]:n?[].concat(C(y),[e.value]):[e.value],h(t)},U=function e(t){var n=t.nextElementSibling;return n?"item"===!m.getAttribute(n,"data-pc-section")?e(n):n:null},_=function e(t){var n=t.previousElementSibling;return n?"item"===!m.getAttribute(n,"data-pc-section")?e(n):n:null},H=function(){var e=m.findSingle(D.current,".p-orderlist-list"),t=m.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(T.current){case"up":m.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":m.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},V=function(){if(!N.current){N.current=m.createInlineStyle(d&&d.nonce||t.nonce);var e="\n@media screen and (max-width: ".concat(v.breakpoint,") {\n    .p-orderlist[").concat(x,"] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(x,"] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(x,"] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(x,"] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");N.current.innerHTML=e}};e.useImperativeHandle(i,(function(){return{props:v,getElement:function(){return D.current}}})),a((function(){!x&&S(f())})),c((function(){return x&&(D.current.setAttribute(x,""),V()),function(){N.current=m.removeInlineStyle(N.current)}}),[x,v.breakpoint]),c((function(){T.current&&(H(),T.current=null)}));var J=function(){if(O){var e=I.trim().toLocaleLowerCase(v.filterLocale),t=v.filterBy?v.filterBy.split(","):[];return o.filter(v.value,t,e,v.filterMatchMode,v.filterLocale)}return v.value}(),Y=s({ref:D,id:v.id,className:u(v.className,A("root")),style:v.style},K.getOtherProps(v),R("root"));return e.createElement("div",Y,e.createElement(L,{hostName:"OrderList",value:J,selection:y,onReorder:function(e){v.onChange&&v.onChange({event:e.originalEvent,value:e.value}),T.current=e.direction},dataKey:v.dataKey,moveUpIcon:v.moveUpIcon,moveTopIcon:v.moveTopIcon,moveDownIcon:v.moveDownIcon,moveBottomIcon:v.moveBottomIcon,ptm:R,cx:A,unstyled:v.unstyled,metaData:k}),e.createElement(M,{hostName:"OrderList",value:J,selection:y,onItemClick:F,onItemKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=U(n);r&&r.focus(),t.preventDefault();break;case 38:var o=_(n);o&&o.focus(),t.preventDefault();break;case 13:F(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;E(t),v.onFilter&&v.onFilter({originalEvent:e,filter:t})},itemTemplate:v.itemTemplate,filter:v.filter,onFilter:function(e){var t=e.target.value;E(t),v.onFilter&&v.onFilter({originalEvent:e,value:t})},resetFilter:function(){E(""),v.onFilter&&v.onFilter({filter:""})},filterTemplate:v.filterTemplate,header:v.header,listStyle:v.listStyle,dataKey:v.dataKey,dragdrop:v.dragdrop,onChange:v.onChange,tabIndex:v.tabIndex,filterIcon:v.filterIcon,isUnstyled:B,ptm:R,cx:A}))})));_.displayName="OrderList";export{_ as OrderList};
+import*as e from"react";import t,{ariaLabel as n,PrimeReactContext as r,FilterService as o}from"primereact/api";import{ComponentBase as i,useHandleStyle as l}from"primereact/componentbase";import{useMountEffect as a,useUpdateEffect as c}from"primereact/hooks";import{classNames as u,mergeProps as s,ObjectUtils as p,IconUtils as d,DomHandler as m,UniqueComponentId as f}from"primereact/utils";import{Button as v}from"primereact/button";import{AngleDoubleDownIcon as g}from"primereact/icons/angledoubledown";import{AngleDoubleUpIcon as y}from"primereact/icons/angledoubleup";import{AngleDownIcon as h}from"primereact/icons/angledown";import{AngleUpIcon as b}from"primereact/icons/angleup";import{SearchIcon as I}from"primereact/icons/search";import{Ripple as E}from"primereact/ripple";function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e){if(Array.isArray(e))return w(e)}function S(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return w(e,t);var n=Object.prototype.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)?w(e,t):void 0}}function D(){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 C(e){return x(e)||S(e)||O(e)||D()}function N(e){if(Array.isArray(e))return e}function T(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 k(){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 N(e)||T(e,t)||O(e,t)||k()}var K=i.extend({defaultProps:{__TYPE:"OrderList",id: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,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 u("p-orderlist-item",{"p-highlight":(0,e.isSelected)(e.item)})}},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-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"}}),L=e.memo((function(t){var r=t.moveUpIcon||e.createElement(b,null),o=t.moveTopIcon||e.createElement(y,null),i=t.moveDownIcon||e.createElement(h,null),l=t.moveBottomIcon||e.createElement(g,null),a=t.ptm,c=t.unstyled,u=s({className:(0,t.cx)("controls")},a("controls",{hostName:t.hostName})),d=s({type:"button",unstyled:c,icon:r,onClick:function(e){if(t.selection){for(var n=C(t.value),r=0;r<t.selection.length;r++){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(0===o)break;var i=n[o-1];n[o-1]=n[o],n[o]=i}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"up"})}},"aria-label":n("moveUp"),__parentMetadata:{parent:t.metaData}},a("moveUpButton")),m=s({type:"button",unstyled:c,icon:o,onClick:function(e){if(t.selection){for(var n=C(t.value),r=0;r<t.selection.length;r++){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(0===o)break;var i=n.splice(o,1)[0];n.unshift(i)}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"top"})}},"aria-label":n("moveTop"),__parentMetadata:{parent:t.metaData}},a("moveTopButton")),f=s({type:"button",unstyled:c,icon:i,onClick:function(e){if(t.selection){for(var n=C(t.value),r=t.selection.length-1;r>=0;r--){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(o===n.length-1)break;var i=n[o+1];n[o+1]=n[o],n[o]=i}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"down"})}},"aria-label":n("moveDown"),__parentMetadata:{parent:t.metaData}},a("moveDownButton")),I=s({type:"button",unstyled:c,icon:l,onClick:function(e){if(t.selection){for(var n=C(t.value),r=t.selection.length-1;r>=0;r--){var o=p.findIndexInList(t.selection[r],n,t.dataKey);if(o===n.length-1)break;var i=n.splice(o,1)[0];n.push(i)}t.onReorder&&t.onReorder({originalEvent:e,value:n,direction:"bottom"})}},"aria-label":n("moveBottom"),__parentMetadata:{parent:t.metaData}},a("moveBottomButton"));return e.createElement("div",u,e.createElement(v,d),e.createElement(v,m),e.createElement(v,f),e.createElement(v,I))}));function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},P.apply(this,arguments)}function R(e){return R="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},R(e)}function A(e,t){if("object"!==R(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==R(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function B(e){var t=A(e,"string");return"symbol"===R(t)?t:String(t)}function F(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 U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=B(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}L.displayName="OrderListControls";var M=e.memo((function(t){var n,r,o,i=t.ptm,l=t.cx,a=function(e,n){return i(e,U({hostName:t.hostName},n))},c=function(e,t){return a(t,{context:{selected:b(e)}})},f=e.useRef(null),v=e.useRef(null),g=e.useRef(null),y=e.useRef(null),h={filter:function(e){return t.onFilterInputChange(e)},reset:function(){return t.resetFilter()}},b=function(e){return-1!==p.findIndexInList(e,t.selection,t.dataKey)},w=function(e,n){v.current!==n&&v.current+1!==n&&(g.current=n,!t.isUnstyled()&&m.addClass(e.target,"p-orderlist-droppoint-highlight"),e.target.setAttribute("data-p-orderlist-droppoint-highlight",!0),e.preventDefault())},x=function(e){g.current=null,!t.isUnstyled()&&m.removeClass(e.target,"p-orderlist-droppoint-highlight"),e.target.setAttribute("data-p-orderlist-droppoint-highlight",!1)},S=function(e){var n=v.current>g.current?g.current:0===g.current?0:g.current-1,r=C(t.value);p.reorderArray(r,v.current,n),g.current=null,!t.isUnstyled()&&m.removeClass(e.target,"p-orderlist-droppoint-highlight"),e.target.setAttribute("data-p-orderlist-droppoint-highlight",!1),t.onChange&&t.onChange({originalEvent:e,value:r})},O=function(e){f.current=!1},D=function(e){if(f.current){var t=y.current.getBoundingClientRect().top+m.getWindowScrollTop(),n=t+y.current.clientHeight-e.pageY,r=e.pageY-t;n<25&&n>0?y.current.scrollTop+=15:r<25&&r>0&&(y.current.scrollTop-=15)}},N=function(e){13===e.which&&e.preventDefault()},T=function(t,n){var r=s({className:l("droppoint"),onDragOver:function(e){return w(e,t+1)},onDragLeave:x,onDrop:S},a("droppoint"));return e.createElement("li",P({key:n},r))},k=(n=s({className:l("header")},a("header")),t.header?e.createElement("div",n,t.header):null),j=function(){var n=s({className:l("icon")},a("icon")),r=d.getJSXIcon(t.filterIcon||e.createElement(I,n),U({},n),{props:t});if(t.filter){var o=s({className:l("filter")},a("filter")),i=s({type:"text",value:t.filterValue,onChange:t.onFilter,onKeyDown:N,placeholder:t.placeholder,className:l("filterInput")},a("filterInput")),c=s({className:l("filterIcon")},a("filterIcon")),u=e.createElement("div",o,e.createElement("input",i),e.createElement("span",c,r));if(t.filterTemplate)u=p.getJSXElement(t.filterTemplate,{className:"p-orderlist-filter",inputProps:{inputClassName:"p-orderlist-filter-input p-inputtext p-component",onChange:t.onFilter,onKeyDown:N},filterOptions:h,iconClassName:"p-orderlist-filter-icon",element:u,props:t});var m=s({className:l("filterContainer")},a("filterContainer"));return e.createElement("div",m,u)}return null}(),K=(r=t.value?t.value.map((function(n,r){var o=t.itemTemplate?t.itemTemplate(n):n,i=JSON.stringify(n);if(t.dragdrop){var a=s({className:u(t.className,l("item",{item:n,isSelected:b})),onClick:function(e){return t.onItemClick({originalEvent:e,value:n,index:r})},onKeyDown:function(e){return t.onItemKeyDown({originalEvent:e,value:n,index:r})},role:"option","aria-selected":b(n),draggable:"true",onDragStart:function(e){return t=r,e.dataTransfer.setData("text","orderlist"),f.current=!0,void(v.current=t);var t},onDragEnd:O,tabIndex:t.tabIndex,"data-p-highlight":b(n)},c(n,"item")),p=[];return 0===r&&p.push(T(n,r)),p.push(e.createElement("li",P({key:i},a),o)),p.push(T(r,i+"_droppoint")),p}var d=s({role:"option",tabIndex:t.tabIndex,className:u(t.className,l("item",{item:n,isSelected:b})),onClick:function(e){return t.onItemClick({originalEvent:e,value:n,index:r})},onKeyDown:function(e){return t.onItemKeyDown({originalEvent:e,value:n,index:r})},"aria-selected":b(n),"data-p-highlight":b(n)},c(n,"item"));return e.createElement("li",P({key:i},d),o,e.createElement(E,null))})):null,o=s({ref:y,className:l("list"),style:t.listStyle,onDragOver:D,role:"listbox","aria-multiselectable":!0},a("list")),e.createElement("ul",o,r)),L=s({className:l("container")},a("container"));return e.createElement("div",L,k,j,K)}));M.displayName="OrderListSubList";var _=e.memo(e.forwardRef((function(n,i){var d=e.useContext(r),v=K.getProps(n,d),g=j(e.useState([]),2),y=g[0],h=g[1],b=j(e.useState(""),2),I=b[0],E=b[1],w=j(e.useState(null),2),x=w[0],S=w[1],O=p.isNotEmpty(I),D=e.useRef(null),N=e.useRef(null),T=e.useRef(null),k={props:v,state:{selection:y,filterValue:I,attributeSelector:x}},P=K.setMetaData(k),R=P.ptm,A=P.cx,B=P.isUnstyled;l(K.css.styles,B,{name:"orderlist"});var F=function(e){var t,n=e.originalEvent.metaKey||e.originalEvent.ctrlKey,r=p.findIndexInList(e.value,y,v.dataKey);t=-1!==r?n?y.filter((function(e,t){return t!==r})):[e.value]:n?[].concat(C(y),[e.value]):[e.value],h(t)},U=function e(t){var n=t.nextElementSibling;return n?"item"===!m.getAttribute(n,"data-pc-section")?e(n):n:null},_=function e(t){var n=t.previousElementSibling;return n?"item"===!m.getAttribute(n,"data-pc-section")?e(n):n:null},H=function(){var e=m.findSingle(D.current,".p-orderlist-list"),t=m.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(T.current){case"up":m.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":m.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},V=function(){if(!N.current){N.current=m.createInlineStyle(d&&d.nonce||t.nonce);var e="\n@media screen and (max-width: ".concat(v.breakpoint,") {\n    .p-orderlist[").concat(x,"] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(x,"] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(x,"] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(x,"] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");N.current.innerHTML=e}};e.useImperativeHandle(i,(function(){return{props:v,getElement:function(){return D.current}}})),a((function(){!x&&S(f())})),c((function(){return x&&(D.current.setAttribute(x,""),V()),function(){N.current=m.removeInlineStyle(N.current)}}),[x,v.breakpoint]),c((function(){T.current&&(H(),T.current=null)}));var J=function(){if(O){var e=I.trim().toLocaleLowerCase(v.filterLocale),t=v.filterBy?v.filterBy.split(","):[];return o.filter(v.value,t,e,v.filterMatchMode,v.filterLocale)}return v.value}(),Y=s({ref:D,id:v.id,className:u(v.className,A("root")),style:v.style},K.getOtherProps(v),R("root"));return e.createElement("div",Y,e.createElement(L,{hostName:"OrderList",value:J,selection:y,onReorder:function(e){v.onChange&&v.onChange({event:e.originalEvent,value:e.value}),T.current=e.direction},dataKey:v.dataKey,moveUpIcon:v.moveUpIcon,moveTopIcon:v.moveTopIcon,moveDownIcon:v.moveDownIcon,moveBottomIcon:v.moveBottomIcon,ptm:R,cx:A,unstyled:v.unstyled,metaData:k}),e.createElement(M,{hostName:"OrderList",value:J,selection:y,onItemClick:F,onItemKeyDown:function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=U(n);r&&r.focus(),t.preventDefault();break;case 38:var o=_(n);o&&o.focus(),t.preventDefault();break;case 13:F(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;E(t),v.onFilter&&v.onFilter({originalEvent:e,filter:t})},itemTemplate:v.itemTemplate,filter:v.filter,onFilter:function(e){var t=e.target.value;E(t),v.onFilter&&v.onFilter({originalEvent:e,value:t})},resetFilter:function(){E(""),v.onFilter&&v.onFilter({filter:""})},filterTemplate:v.filterTemplate,header:v.header,listStyle:v.listStyle,dataKey:v.dataKey,dragdrop:v.dragdrop,onChange:v.onChange,tabIndex:v.tabIndex,filterIcon:v.filterIcon,isUnstyled:B,ptm:R,cx:A}))})));_.displayName="OrderList";export{_ as OrderList};

package/orderlist/orderlist.js

@@ -390,11 +390,9 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, componentbase
       return utils.ObjectUtils.findIndexInList(item, props.selection, props.dataKey) !== -1;
     };
     var _onDragStart = function onDragStart(event, index) {
+      event.dataTransfer.setData('text', 'orderlist');
       dragging.current = true;
       draggedItemIndex.current = index;
-      if (props.dragdropScope) {
-        event.dataTransfer.setData('text', 'orderlist');
-      }
     };
     var _onDragOver = function onDragOver(event, index) {
       if (draggedItemIndex.current !== index && draggedItemIndex.current + 1 !== index) {
@@ -464,43 +462,43 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, componentbase
         return props.value.map(function (item, i) {
           var content = props.itemTemplate ? props.itemTemplate(item) : item;
           var key = JSON.stringify(item);
-          var itemProps = utils.mergeProps({
-            className: utils.classNames(props.className, cx('item', {
-              item: item,
-              isSelected: isSelected
-            })),
-            onClick: function onClick(e) {
-              return props.onItemClick({
-                originalEvent: e,
-                value: item,
-                index: i
-              });
-            },
-            onKeyDown: function onKeyDown(e) {
-              return props.onItemKeyDown({
-                originalEvent: e,
-                value: item,
-                index: i
-              });
-            },
-            role: 'option',
-            'aria-selected': isSelected(item),
-            draggable: 'true',
-            onDragStart: function onDragStart(e) {
-              return _onDragStart(e, i);
-            },
-            onDragEnd: onDragEnd,
-            tabIndex: props.tabIndex,
-            'data-p-highlight': isSelected(item)
-          }, getPTOptions(item, 'item'));
           if (props.dragdrop) {
+            var itemProps = utils.mergeProps({
+              className: utils.classNames(props.className, cx('item', {
+                item: item,
+                isSelected: isSelected
+              })),
+              onClick: function onClick(e) {
+                return props.onItemClick({
+                  originalEvent: e,
+                  value: item,
+                  index: i
+                });
+              },
+              onKeyDown: function onKeyDown(e) {
+                return props.onItemKeyDown({
+                  originalEvent: e,
+                  value: item,
+                  index: i
+                });
+              },
+              role: 'option',
+              'aria-selected': isSelected(item),
+              draggable: 'true',
+              onDragStart: function onDragStart(e) {
+                return _onDragStart(e, i);
+              },
+              onDragEnd: onDragEnd,
+              tabIndex: props.tabIndex,
+              'data-p-highlight': isSelected(item)
+            }, getPTOptions(item, 'item'));
             var items = [];
             if (i === 0) {
               items.push(createDropPoint(item, i));
             }
             items.push( /*#__PURE__*/React__namespace.createElement("li", _extends({
               key: key
-            }, itemProps), content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
+            }, itemProps), content));
             items.push(createDropPoint(i, key + '_droppoint'));
             return items;
           } else {
@@ -530,7 +528,7 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, componentbase
             }, getPTOptions(item, 'item'));
             return /*#__PURE__*/React__namespace.createElement("li", _extends({
               key: key
-            }, _itemProps), content);
+            }, _itemProps), content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
           }
         });
       }

package/orderlist/orderlist.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.orderlist=function(e,t,r,n,o,i,l,a,c,s,u,p,d){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var v=f(t),g=m(r);function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function b(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function I(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function E(){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 O(e){return b(e)||h(e)||I(e)||E()}function D(e){if(Array.isArray(e))return e}function w(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,l,a=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))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 x(e,t){return D(e)||w(e,t)||I(e,t)||S()}var j=n.ComponentBase.extend({defaultProps:{__TYPE:"OrderList",id: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,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":(0,e.isSelected)(e.item)})}},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-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"}}),P=v.memo((function(e){var t=e.moveUpIcon||v.createElement(u.AngleUpIcon,null),n=e.moveTopIcon||v.createElement(c.AngleDoubleUpIcon,null),o=e.moveDownIcon||v.createElement(s.AngleDownIcon,null),p=e.moveBottomIcon||v.createElement(a.AngleDoubleDownIcon,null),d=e.ptm,m=e.unstyled,f=i.mergeProps({className:(0,e.cx)("controls")},d("controls",{hostName:e.hostName})),g=i.mergeProps({type:"button",unstyled:m,icon:t,onClick:function(t){if(e.selection){for(var r=O(e.value),n=0;n<e.selection.length;n++){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===o)break;var l=r[o-1];r[o-1]=r[o],r[o]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}},"aria-label":r.ariaLabel("moveUp"),__parentMetadata:{parent:e.metaData}},d("moveUpButton")),y=i.mergeProps({type:"button",unstyled:m,icon:n,onClick:function(t){if(e.selection){for(var r=O(e.value),n=0;n<e.selection.length;n++){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===o)break;var l=r.splice(o,1)[0];r.unshift(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}},"aria-label":r.ariaLabel("moveTop"),__parentMetadata:{parent:e.metaData}},d("moveTopButton")),b=i.mergeProps({type:"button",unstyled:m,icon:o,onClick:function(t){if(e.selection){for(var r=O(e.value),n=e.selection.length-1;n>=0;n--){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(o===r.length-1)break;var l=r[o+1];r[o+1]=r[o],r[o]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}},"aria-label":r.ariaLabel("moveDown"),__parentMetadata:{parent:e.metaData}},d("moveDownButton")),h=i.mergeProps({type:"button",unstyled:m,icon:p,onClick:function(t){if(e.selection){for(var r=O(e.value),n=e.selection.length-1;n>=0;n--){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(o===r.length-1)break;var l=r.splice(o,1)[0];r.push(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}},"aria-label":r.ariaLabel("moveBottom"),__parentMetadata:{parent:e.metaData}},d("moveBottomButton"));return v.createElement("div",f,v.createElement(l.Button,g),v.createElement(l.Button,y),v.createElement(l.Button,b),v.createElement(l.Button,h))}));function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},C.apply(this,arguments)}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 T(e,t){if("object"!==N(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==N(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=T(e,"string");return"symbol"===N(t)?t:String(t)}function U(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?U(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=k(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):U(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}P.displayName="OrderListControls";var R=v.memo((function(e){var t,r,n,o=e.ptm,l=e.cx,a=function(t,r){return o(t,L({hostName:e.hostName},r))},c=function(e,t){return a(t,{context:{selected:y(e)}})},s=v.useRef(null),u=v.useRef(null),m=v.useRef(null),f=v.useRef(null),g={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},y=function(t){return-1!==i.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},b=function(t,r){u.current!==r&&u.current+1!==r&&(m.current=r,!e.isUnstyled()&&i.DomHandler.addClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!0),t.preventDefault())},h=function(t){m.current=null,!e.isUnstyled()&&i.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!1)},I=function(t){var r=u.current>m.current?m.current:0===m.current?0:m.current-1,n=O(e.value);i.ObjectUtils.reorderArray(n,u.current,r),m.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:n})},E=function(e){s.current=!1},D=function(e){if(s.current){var t=f.current.getBoundingClientRect().top+i.DomHandler.getWindowScrollTop(),r=t+f.current.clientHeight-e.pageY,n=e.pageY-t;r<25&&r>0?f.current.scrollTop+=15:n<25&&n>0&&(f.current.scrollTop-=15)}},w=function(e){13===e.which&&e.preventDefault()},S=function(e,t){var r=i.mergeProps({className:l("droppoint"),onDragOver:function(t){return b(t,e+1)},onDragLeave:h,onDrop:I},a("droppoint"));return v.createElement("li",C({key:t},r))},x=(t=i.mergeProps({className:l("header")},a("header")),e.header?v.createElement("div",t,e.header):null),j=function(){var t=i.mergeProps({className:l("icon")},a("icon")),r=i.IconUtils.getJSXIcon(e.filterIcon||v.createElement(p.SearchIcon,t),L({},t),{props:e});if(e.filter){var n=i.mergeProps({className:l("filter")},a("filter")),o=i.mergeProps({type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:w,placeholder:e.placeholder,className:l("filterInput")},a("filterInput")),c=i.mergeProps({className:l("filterIcon")},a("filterIcon")),s=v.createElement("div",n,v.createElement("input",o),v.createElement("span",c,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:w},filterOptions:g,iconClassName:"p-orderlist-filter-icon",element:s,props:e});var u=i.mergeProps({className:l("filterContainer")},a("filterContainer"));return v.createElement("div",u,s)}return null}(),P=(r=e.value?e.value.map((function(t,r){var n=e.itemTemplate?e.itemTemplate(t):t,o=JSON.stringify(t),a=i.mergeProps({className:i.classNames(e.className,l("item",{item:t,isSelected:y})),onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:r})},onKeyDown:function(n){return e.onItemKeyDown({originalEvent:n,value:t,index:r})},role:"option","aria-selected":y(t),draggable:"true",onDragStart:function(t){return n=t,o=r,s.current=!0,u.current=o,void(e.dragdropScope&&n.dataTransfer.setData("text","orderlist"));var n,o},onDragEnd:E,tabIndex:e.tabIndex,"data-p-highlight":y(t)},c(t,"item"));if(e.dragdrop){var p=[];return 0===r&&p.push(S(t,r)),p.push(v.createElement("li",C({key:o},a),n,v.createElement(d.Ripple,null))),p.push(S(r,o+"_droppoint")),p}var m=i.mergeProps({role:"option",tabIndex:e.tabIndex,className:i.classNames(e.className,l("item",{item:t,isSelected:y})),onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:r})},onKeyDown:function(n){return e.onItemKeyDown({originalEvent:n,value:t,index:r})},"aria-selected":y(t),"data-p-highlight":y(t)},c(t,"item"));return v.createElement("li",C({key:o},m),n)})):null,n=i.mergeProps({ref:f,className:l("list"),style:e.listStyle,onDragOver:D,role:"listbox","aria-multiselectable":!0},a("list")),v.createElement("ul",n,r)),N=i.mergeProps({className:l("container")},a("container"));return v.createElement("div",N,x,j,P)}));R.displayName="OrderListSubList";var A=v.memo(v.forwardRef((function(e,t){var l=v.useContext(r.PrimeReactContext),a=j.getProps(e,l),c=x(v.useState([]),2),s=c[0],u=c[1],p=x(v.useState(""),2),d=p[0],m=p[1],f=x(v.useState(null),2),y=f[0],b=f[1],h=i.ObjectUtils.isNotEmpty(d),I=v.useRef(null),E=v.useRef(null),D=v.useRef(null),w={props:a,state:{selection:s,filterValue:d,attributeSelector:y}},S=j.setMetaData(w),C=S.ptm,N=S.cx,T=S.isUnstyled;n.useHandleStyle(j.css.styles,T,{name:"orderlist"});var k=function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,n=i.ObjectUtils.findIndexInList(e.value,s,a.dataKey);t=-1!==n?r?s.filter((function(e,t){return t!==n})):[e.value]:r?[].concat(O(s),[e.value]):[e.value],u(t)},U=function e(t){var r=t.nextElementSibling;return r?"item"===!i.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},L=function e(t){var r=t.previousElementSibling;return r?"item"===!i.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},A=function(){var e=i.DomHandler.findSingle(I.current,".p-orderlist-list"),t=i.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(D.current){case"up":i.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":i.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},K=function(){if(!E.current){E.current=i.DomHandler.createInlineStyle(l&&l.nonce||g.default.nonce);var e="\n@media screen and (max-width: ".concat(a.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");E.current.innerHTML=e}};v.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return I.current}}})),o.useMountEffect((function(){!y&&b(i.UniqueComponentId())})),o.useUpdateEffect((function(){return y&&(I.current.setAttribute(y,""),K()),function(){E.current=i.DomHandler.removeInlineStyle(E.current)}}),[y,a.breakpoint]),o.useUpdateEffect((function(){D.current&&(A(),D.current=null)}));var B=function(){if(h){var e=d.trim().toLocaleLowerCase(a.filterLocale),t=a.filterBy?a.filterBy.split(","):[];return r.FilterService.filter(a.value,t,e,a.filterMatchMode,a.filterLocale)}return a.value}(),H=i.mergeProps({ref:I,id:a.id,className:i.classNames(a.className,N("root")),style:a.style},j.getOtherProps(a),C("root"));return v.createElement("div",H,v.createElement(P,{hostName:"OrderList",value:B,selection:s,onReorder:function(e){a.onChange&&a.onChange({event:e.originalEvent,value:e.value}),D.current=e.direction},dataKey:a.dataKey,moveUpIcon:a.moveUpIcon,moveTopIcon:a.moveTopIcon,moveDownIcon:a.moveDownIcon,moveBottomIcon:a.moveBottomIcon,ptm:C,cx:N,unstyled:a.unstyled,metaData:w}),v.createElement(R,{hostName:"OrderList",value:B,selection:s,onItemClick:k,onItemKeyDown:function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=U(r);n&&n.focus(),t.preventDefault();break;case 38:var o=L(r);o&&o.focus(),t.preventDefault();break;case 13:k(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;m(t),a.onFilter&&a.onFilter({originalEvent:e,filter:t})},itemTemplate:a.itemTemplate,filter:a.filter,onFilter:function(e){var t=e.target.value;m(t),a.onFilter&&a.onFilter({originalEvent:e,value:t})},resetFilter:function(){m(""),a.onFilter&&a.onFilter({filter:""})},filterTemplate:a.filterTemplate,header:a.header,listStyle:a.listStyle,dataKey:a.dataKey,dragdrop:a.dragdrop,onChange:a.onChange,tabIndex:a.tabIndex,filterIcon:a.filterIcon,isUnstyled:T,ptm:C,cx:N}))})));return A.displayName="OrderList",e.OrderList=A,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,r,n,o,i,l,a,c,s,u,p,d){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var v=f(t),g=m(r);function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function b(e){if(Array.isArray(e))return y(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function I(e,t){if(e){if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function E(){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 O(e){return b(e)||h(e)||I(e)||E()}function D(e){if(Array.isArray(e))return e}function w(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,l,a=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))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 x(e,t){return D(e)||w(e,t)||I(e,t)||S()}var j=n.ComponentBase.extend({defaultProps:{__TYPE:"OrderList",id: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,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":(0,e.isSelected)(e.item)})}},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-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"}}),P=v.memo((function(e){var t=e.moveUpIcon||v.createElement(u.AngleUpIcon,null),n=e.moveTopIcon||v.createElement(c.AngleDoubleUpIcon,null),o=e.moveDownIcon||v.createElement(s.AngleDownIcon,null),p=e.moveBottomIcon||v.createElement(a.AngleDoubleDownIcon,null),d=e.ptm,m=e.unstyled,f=i.mergeProps({className:(0,e.cx)("controls")},d("controls",{hostName:e.hostName})),g=i.mergeProps({type:"button",unstyled:m,icon:t,onClick:function(t){if(e.selection){for(var r=O(e.value),n=0;n<e.selection.length;n++){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===o)break;var l=r[o-1];r[o-1]=r[o],r[o]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}},"aria-label":r.ariaLabel("moveUp"),__parentMetadata:{parent:e.metaData}},d("moveUpButton")),y=i.mergeProps({type:"button",unstyled:m,icon:n,onClick:function(t){if(e.selection){for(var r=O(e.value),n=0;n<e.selection.length;n++){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===o)break;var l=r.splice(o,1)[0];r.unshift(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}},"aria-label":r.ariaLabel("moveTop"),__parentMetadata:{parent:e.metaData}},d("moveTopButton")),b=i.mergeProps({type:"button",unstyled:m,icon:o,onClick:function(t){if(e.selection){for(var r=O(e.value),n=e.selection.length-1;n>=0;n--){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(o===r.length-1)break;var l=r[o+1];r[o+1]=r[o],r[o]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}},"aria-label":r.ariaLabel("moveDown"),__parentMetadata:{parent:e.metaData}},d("moveDownButton")),h=i.mergeProps({type:"button",unstyled:m,icon:p,onClick:function(t){if(e.selection){for(var r=O(e.value),n=e.selection.length-1;n>=0;n--){var o=i.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(o===r.length-1)break;var l=r.splice(o,1)[0];r.push(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}},"aria-label":r.ariaLabel("moveBottom"),__parentMetadata:{parent:e.metaData}},d("moveBottomButton"));return v.createElement("div",f,v.createElement(l.Button,g),v.createElement(l.Button,y),v.createElement(l.Button,b),v.createElement(l.Button,h))}));function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},C.apply(this,arguments)}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 T(e,t){if("object"!==N(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==N(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=T(e,"string");return"symbol"===N(t)?t:String(t)}function U(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function L(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?U(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=k(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):U(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}P.displayName="OrderListControls";var R=v.memo((function(e){var t,r,n,o=e.ptm,l=e.cx,a=function(t,r){return o(t,L({hostName:e.hostName},r))},c=function(e,t){return a(t,{context:{selected:y(e)}})},s=v.useRef(null),u=v.useRef(null),m=v.useRef(null),f=v.useRef(null),g={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},y=function(t){return-1!==i.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},b=function(t,r){u.current!==r&&u.current+1!==r&&(m.current=r,!e.isUnstyled()&&i.DomHandler.addClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!0),t.preventDefault())},h=function(t){m.current=null,!e.isUnstyled()&&i.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!1)},I=function(t){var r=u.current>m.current?m.current:0===m.current?0:m.current-1,n=O(e.value);i.ObjectUtils.reorderArray(n,u.current,r),m.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:n})},E=function(e){s.current=!1},D=function(e){if(s.current){var t=f.current.getBoundingClientRect().top+i.DomHandler.getWindowScrollTop(),r=t+f.current.clientHeight-e.pageY,n=e.pageY-t;r<25&&r>0?f.current.scrollTop+=15:n<25&&n>0&&(f.current.scrollTop-=15)}},w=function(e){13===e.which&&e.preventDefault()},S=function(e,t){var r=i.mergeProps({className:l("droppoint"),onDragOver:function(t){return b(t,e+1)},onDragLeave:h,onDrop:I},a("droppoint"));return v.createElement("li",C({key:t},r))},x=(t=i.mergeProps({className:l("header")},a("header")),e.header?v.createElement("div",t,e.header):null),j=function(){var t=i.mergeProps({className:l("icon")},a("icon")),r=i.IconUtils.getJSXIcon(e.filterIcon||v.createElement(p.SearchIcon,t),L({},t),{props:e});if(e.filter){var n=i.mergeProps({className:l("filter")},a("filter")),o=i.mergeProps({type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:w,placeholder:e.placeholder,className:l("filterInput")},a("filterInput")),c=i.mergeProps({className:l("filterIcon")},a("filterIcon")),s=v.createElement("div",n,v.createElement("input",o),v.createElement("span",c,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:w},filterOptions:g,iconClassName:"p-orderlist-filter-icon",element:s,props:e});var u=i.mergeProps({className:l("filterContainer")},a("filterContainer"));return v.createElement("div",u,s)}return null}(),P=(r=e.value?e.value.map((function(t,r){var n=e.itemTemplate?e.itemTemplate(t):t,o=JSON.stringify(t);if(e.dragdrop){var a=i.mergeProps({className:i.classNames(e.className,l("item",{item:t,isSelected:y})),onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:r})},onKeyDown:function(n){return e.onItemKeyDown({originalEvent:n,value:t,index:r})},role:"option","aria-selected":y(t),draggable:"true",onDragStart:function(e){return t=r,e.dataTransfer.setData("text","orderlist"),s.current=!0,void(u.current=t);var t},onDragEnd:E,tabIndex:e.tabIndex,"data-p-highlight":y(t)},c(t,"item")),p=[];return 0===r&&p.push(S(t,r)),p.push(v.createElement("li",C({key:o},a),n)),p.push(S(r,o+"_droppoint")),p}var m=i.mergeProps({role:"option",tabIndex:e.tabIndex,className:i.classNames(e.className,l("item",{item:t,isSelected:y})),onClick:function(n){return e.onItemClick({originalEvent:n,value:t,index:r})},onKeyDown:function(n){return e.onItemKeyDown({originalEvent:n,value:t,index:r})},"aria-selected":y(t),"data-p-highlight":y(t)},c(t,"item"));return v.createElement("li",C({key:o},m),n,v.createElement(d.Ripple,null))})):null,n=i.mergeProps({ref:f,className:l("list"),style:e.listStyle,onDragOver:D,role:"listbox","aria-multiselectable":!0},a("list")),v.createElement("ul",n,r)),N=i.mergeProps({className:l("container")},a("container"));return v.createElement("div",N,x,j,P)}));R.displayName="OrderListSubList";var A=v.memo(v.forwardRef((function(e,t){var l=v.useContext(r.PrimeReactContext),a=j.getProps(e,l),c=x(v.useState([]),2),s=c[0],u=c[1],p=x(v.useState(""),2),d=p[0],m=p[1],f=x(v.useState(null),2),y=f[0],b=f[1],h=i.ObjectUtils.isNotEmpty(d),I=v.useRef(null),E=v.useRef(null),D=v.useRef(null),w={props:a,state:{selection:s,filterValue:d,attributeSelector:y}},S=j.setMetaData(w),C=S.ptm,N=S.cx,T=S.isUnstyled;n.useHandleStyle(j.css.styles,T,{name:"orderlist"});var k=function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,n=i.ObjectUtils.findIndexInList(e.value,s,a.dataKey);t=-1!==n?r?s.filter((function(e,t){return t!==n})):[e.value]:r?[].concat(O(s),[e.value]):[e.value],u(t)},U=function e(t){var r=t.nextElementSibling;return r?"item"===!i.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},L=function e(t){var r=t.previousElementSibling;return r?"item"===!i.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},A=function(){var e=i.DomHandler.findSingle(I.current,".p-orderlist-list"),t=i.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(D.current){case"up":i.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":i.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},K=function(){if(!E.current){E.current=i.DomHandler.createInlineStyle(l&&l.nonce||g.default.nonce);var e="\n@media screen and (max-width: ".concat(a.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");E.current.innerHTML=e}};v.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return I.current}}})),o.useMountEffect((function(){!y&&b(i.UniqueComponentId())})),o.useUpdateEffect((function(){return y&&(I.current.setAttribute(y,""),K()),function(){E.current=i.DomHandler.removeInlineStyle(E.current)}}),[y,a.breakpoint]),o.useUpdateEffect((function(){D.current&&(A(),D.current=null)}));var B=function(){if(h){var e=d.trim().toLocaleLowerCase(a.filterLocale),t=a.filterBy?a.filterBy.split(","):[];return r.FilterService.filter(a.value,t,e,a.filterMatchMode,a.filterLocale)}return a.value}(),H=i.mergeProps({ref:I,id:a.id,className:i.classNames(a.className,N("root")),style:a.style},j.getOtherProps(a),C("root"));return v.createElement("div",H,v.createElement(P,{hostName:"OrderList",value:B,selection:s,onReorder:function(e){a.onChange&&a.onChange({event:e.originalEvent,value:e.value}),D.current=e.direction},dataKey:a.dataKey,moveUpIcon:a.moveUpIcon,moveTopIcon:a.moveTopIcon,moveDownIcon:a.moveDownIcon,moveBottomIcon:a.moveBottomIcon,ptm:C,cx:N,unstyled:a.unstyled,metaData:w}),v.createElement(R,{hostName:"OrderList",value:B,selection:s,onItemClick:k,onItemKeyDown:function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=U(r);n&&n.focus(),t.preventDefault();break;case 38:var o=L(r);o&&o.focus(),t.preventDefault();break;case 13:k(e),t.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;m(t),a.onFilter&&a.onFilter({originalEvent:e,filter:t})},itemTemplate:a.itemTemplate,filter:a.filter,onFilter:function(e){var t=e.target.value;m(t),a.onFilter&&a.onFilter({originalEvent:e,value:t})},resetFilter:function(){m(""),a.onFilter&&a.onFilter({filter:""})},filterTemplate:a.filterTemplate,header:a.header,listStyle:a.listStyle,dataKey:a.dataKey,dragdrop:a.dragdrop,onChange:a.onChange,tabIndex:a.tabIndex,filterIcon:a.filterIcon,isUnstyled:T,ptm:C,cx:N}))})));return A.displayName="OrderList",e.OrderList=A,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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "primereact",
-    "version": "10.0.2",
+    "version": "10.0.4",
     "private": false,
     "author": "PrimeTek Informatics",
     "description": "PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.",

package/panel/panel.cjs.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var api = require('primereact/api');
+var componentbase = require('primereact/componentbase');
 var csstransition = require('primereact/csstransition');
 var hooks = require('primereact/hooks');
 var minus = require('primereact/icons/minus');
 var plus = require('primereact/icons/plus');
 var ripple = require('primereact/ripple');
 var utils = require('primereact/utils');
-var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -327,7 +327,7 @@ var Panel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     id: idState,
     ref: elementRef,
     style: props.style,
-    className: cx('root')
+    className: utils.classNames(props.className, cx('root'))
   }, PanelBase.getOtherProps(props), ptm('root'));
   var header = createHeader();
   var content = createContent();

package/panel/panel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),l=require("primereact/icons/minus"),o=require("primereact/icons/plus"),a=require("primereact/ripple"),i=require("primereact/utils"),s=require("primereact/componentbase");function c(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 p=c(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function g(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,l=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw l}}return i}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.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)?d(e,t):void 0}}function b(){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 h(e,t){return g(e)||m(e,t)||f(e,t)||b()}var y=s.ComponentBase.extend({defaultProps:{__TYPE:"Panel",id:null,header:null,headerTemplate:null,footer:null,footerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:null,collapseIcon:null,icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,children:void 0},css:{classes:{root:function(e){return i.classNames("p-panel p-component",{"p-panel-toggleable":e.props.toggleable})},header:"p-panel-header",title:"p-panel-title",icons:"p-panel-icons",toggler:"p-panel-header-icon p-panel-toggler p-link",togglerIcon:"p-panel-header-icon p-panel-toggler p-link",toggleableContent:"p-toggleable-content",content:"p-panel-content",footer:"p-panel-footer",transition:"p-toggleable-content"},styles:"\n        @layer primereact {\n            .p-panel-header {\n              display: flex;\n              justify-content: space-between;\n              align-items: center;\n            }\n            \n            .p-panel-title {\n              line-height: 1;\n            }\n            \n            .p-panel-header-icon {\n              display: inline-flex;\n              justify-content: center;\n              align-items: center;\n              cursor: pointer;\n              text-decoration: none;\n              overflow: hidden;\n              position: relative;\n            }\n        }\n        "}}),v=p.forwardRef((function(e,c){var g=p.useContext(t.PrimeReactContext),m=y.getProps(e,g),d=h(p.useState(m.id),2),f=d[0],b=d[1],v=h(p.useState(m.collapsed),2),E=v[0],O=v[1],P=p.useRef(null),j=p.useRef(null),x=!!m.toggleable&&(m.onToggle?m.collapsed:E),C=f+"_header",N=f+"_content",S=y.setMetaData({props:m,state:{id:f,collapsed:x}}),T=S.ptm,I=S.cx;s.useHandleStyle(y.css.styles,S.isUnstyled,{name:"panel"});var q=function(e){m.toggleable&&(x?w(e):U(e),e&&(m.onToggle&&m.onToggle({originalEvent:e,value:!x}),e.preventDefault()))},w=function(e){m.onToggle||O(!1),m.onExpand&&e&&m.onExpand(e)},U=function(e){m.onToggle||O(!0),m.onCollapse&&e&&m.onCollapse(e)};p.useImperativeHandle(c,(function(){return{props:m,toggle:q,expand:w,collapse:U,getElement:function(){return P.current},getContent:function(){return j.current}}})),r.useMountEffect((function(){f||b(i.UniqueComponentId())}));var _,k,A,J=function(){if(m.toggleable){var e=f+"_label",t=i.mergeProps({className:I("toggler"),onClick:q,id:e,"aria-controls":N,"aria-expanded":!x,role:"tab"},T("toggler")),n=i.mergeProps(T("togglericon")),r=i.IconUtils.getJSXIcon(x?m.expandIcon||p.createElement(o.PlusIcon,n):m.collapseIcon||p.createElement(l.MinusIcon,n),n,{props:m,collapsed:x});return p.createElement("button",t,r,p.createElement(a.Ripple,null))}return null},M=i.mergeProps({id:f,ref:P,style:m.style,className:I("root")},y.getOtherProps(m),T("root")),R=function(){var e=i.ObjectUtils.getJSXElement(m.header,m),t=i.ObjectUtils.getJSXElement(m.icons,m),n=J(),r=i.mergeProps({id:C,className:I("title")},T("title")),l=p.createElement("span",r,e),o=i.mergeProps({className:I("icons")},T("icons")),a=p.createElement("div",o,t,n),s=i.mergeProps({className:I("header")},T("header")),c=p.createElement("div",s,l,a);return m.headerTemplate?i.ObjectUtils.getJSXElement(m.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:q,titleElement:l,iconsElement:a,togglerElement:n,element:c,props:m,collapsed:x}):m.header||m.toggleable?c:null}(),X=(_=i.mergeProps({ref:j,className:I("toggleableContent"),"aria-hidden":x,role:"region",id:N,"aria-labelledby":C},T("toggleablecontent")),k=i.mergeProps({className:I("content")},T("content")),A=i.mergeProps({classNames:I("transition"),timeout:{enter:1e3,exit:450},in:!x,unmountOnExit:!0,options:m.transitionOptions},T("transition")),p.createElement(n.CSSTransition,u({nodeRef:j},A),p.createElement("div",_,p.createElement("div",k,m.children)))),D=function(){var e=i.ObjectUtils.getJSXElement(m.footer,m),t=i.mergeProps({className:I("footer")},T("footer")),n=p.createElement("div",t,e);if(m.footerTemplate){var r={className:I("footer"),element:n,props:m};return i.ObjectUtils.getJSXElement(m.footerTemplate,r)}return m.footer?n:null}();return p.createElement("div",M,R,X,D)}));v.displayName="Panel",exports.Panel=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),l=require("primereact/hooks"),o=require("primereact/icons/minus"),a=require("primereact/icons/plus"),i=require("primereact/ripple"),s=require("primereact/utils");function c(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 p=c(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function g(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,l=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw l}}return i}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.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)?d(e,t):void 0}}function b(){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 h(e,t){return g(e)||m(e,t)||f(e,t)||b()}var y=n.ComponentBase.extend({defaultProps:{__TYPE:"Panel",id:null,header:null,headerTemplate:null,footer:null,footerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:null,collapseIcon:null,icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,children:void 0},css:{classes:{root:function(e){return s.classNames("p-panel p-component",{"p-panel-toggleable":e.props.toggleable})},header:"p-panel-header",title:"p-panel-title",icons:"p-panel-icons",toggler:"p-panel-header-icon p-panel-toggler p-link",togglerIcon:"p-panel-header-icon p-panel-toggler p-link",toggleableContent:"p-toggleable-content",content:"p-panel-content",footer:"p-panel-footer",transition:"p-toggleable-content"},styles:"\n        @layer primereact {\n            .p-panel-header {\n              display: flex;\n              justify-content: space-between;\n              align-items: center;\n            }\n            \n            .p-panel-title {\n              line-height: 1;\n            }\n            \n            .p-panel-header-icon {\n              display: inline-flex;\n              justify-content: center;\n              align-items: center;\n              cursor: pointer;\n              text-decoration: none;\n              overflow: hidden;\n              position: relative;\n            }\n        }\n        "}}),v=p.forwardRef((function(e,c){var g=p.useContext(t.PrimeReactContext),m=y.getProps(e,g),d=h(p.useState(m.id),2),f=d[0],b=d[1],v=h(p.useState(m.collapsed),2),E=v[0],O=v[1],P=p.useRef(null),j=p.useRef(null),x=!!m.toggleable&&(m.onToggle?m.collapsed:E),N=f+"_header",C=f+"_content",S=y.setMetaData({props:m,state:{id:f,collapsed:x}}),T=S.ptm,I=S.cx;n.useHandleStyle(y.css.styles,S.isUnstyled,{name:"panel"});var q=function(e){m.toggleable&&(x?w(e):U(e),e&&(m.onToggle&&m.onToggle({originalEvent:e,value:!x}),e.preventDefault()))},w=function(e){m.onToggle||O(!1),m.onExpand&&e&&m.onExpand(e)},U=function(e){m.onToggle||O(!0),m.onCollapse&&e&&m.onCollapse(e)};p.useImperativeHandle(c,(function(){return{props:m,toggle:q,expand:w,collapse:U,getElement:function(){return P.current},getContent:function(){return j.current}}})),l.useMountEffect((function(){f||b(s.UniqueComponentId())}));var _,k,A,J=function(){if(m.toggleable){var e=f+"_label",t=s.mergeProps({className:I("toggler"),onClick:q,id:e,"aria-controls":C,"aria-expanded":!x,role:"tab"},T("toggler")),n=s.mergeProps(T("togglericon")),r=s.IconUtils.getJSXIcon(x?m.expandIcon||p.createElement(a.PlusIcon,n):m.collapseIcon||p.createElement(o.MinusIcon,n),n,{props:m,collapsed:x});return p.createElement("button",t,r,p.createElement(i.Ripple,null))}return null},M=s.mergeProps({id:f,ref:P,style:m.style,className:s.classNames(m.className,I("root"))},y.getOtherProps(m),T("root")),R=function(){var e=s.ObjectUtils.getJSXElement(m.header,m),t=s.ObjectUtils.getJSXElement(m.icons,m),n=J(),r=s.mergeProps({id:N,className:I("title")},T("title")),l=p.createElement("span",r,e),o=s.mergeProps({className:I("icons")},T("icons")),a=p.createElement("div",o,t,n),i=s.mergeProps({className:I("header")},T("header")),c=p.createElement("div",i,l,a);return m.headerTemplate?s.ObjectUtils.getJSXElement(m.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:q,titleElement:l,iconsElement:a,togglerElement:n,element:c,props:m,collapsed:x}):m.header||m.toggleable?c:null}(),X=(_=s.mergeProps({ref:j,className:I("toggleableContent"),"aria-hidden":x,role:"region",id:C,"aria-labelledby":N},T("toggleablecontent")),k=s.mergeProps({className:I("content")},T("content")),A=s.mergeProps({classNames:I("transition"),timeout:{enter:1e3,exit:450},in:!x,unmountOnExit:!0,options:m.transitionOptions},T("transition")),p.createElement(r.CSSTransition,u({nodeRef:j},A),p.createElement("div",_,p.createElement("div",k,m.children)))),D=function(){var e=s.ObjectUtils.getJSXElement(m.footer,m),t=s.mergeProps({className:I("footer")},T("footer")),n=p.createElement("div",t,e);if(m.footerTemplate){var r={className:I("footer"),element:n,props:m};return s.ObjectUtils.getJSXElement(m.footerTemplate,r)}return m.footer?n:null}();return p.createElement("div",M,R,X,D)}));v.displayName="Panel",exports.Panel=v;

package/panel/panel.esm.js

@@ -1,13 +1,13 @@
 'use client';
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
+import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
 import { useMountEffect } from 'primereact/hooks';
 import { MinusIcon } from 'primereact/icons/minus';
 import { PlusIcon } from 'primereact/icons/plus';
 import { Ripple } from 'primereact/ripple';
 import { classNames, UniqueComponentId, mergeProps, ObjectUtils, IconUtils } from 'primereact/utils';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -303,7 +303,7 @@ var Panel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     id: idState,
     ref: elementRef,
     style: props.style,
-    className: cx('root')
+    className: classNames(props.className, cx('root'))
   }, PanelBase.getOtherProps(props), ptm('root'));
   var header = createHeader();
   var content = createContent();

package/panel/panel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useMountEffect as l}from"primereact/hooks";import{MinusIcon as r}from"primereact/icons/minus";import{PlusIcon as o}from"primereact/icons/plus";import{Ripple as a}from"primereact/ripple";import{classNames as i,UniqueComponentId as p,mergeProps as c,ObjectUtils as s,IconUtils as u}from"primereact/utils";import{ComponentBase as m,useHandleStyle as g}from"primereact/componentbase";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 l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,r,o,a,i=[],p=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;p=!1}else for(;!(p=(l=o.call(t)).done)&&(i.push(l.value),i.length!==n);p=!0);}catch(e){c=!0,r=e}finally{try{if(!p&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw r}}return i}}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function y(e,n){if(e){if("string"==typeof e)return b(e,n);var t=Object.prototype.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)?b(e,n):void 0}}function v(){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 E(e,n){return d(e)||h(e,n)||y(e,n)||v()}var x=m.extend({defaultProps:{__TYPE:"Panel",id:null,header:null,headerTemplate:null,footer:null,footerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:null,collapseIcon:null,icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,children:void 0},css:{classes:{root:function(e){return i("p-panel p-component",{"p-panel-toggleable":e.props.toggleable})},header:"p-panel-header",title:"p-panel-title",icons:"p-panel-icons",toggler:"p-panel-header-icon p-panel-toggler p-link",togglerIcon:"p-panel-header-icon p-panel-toggler p-link",toggleableContent:"p-toggleable-content",content:"p-panel-content",footer:"p-panel-footer",transition:"p-toggleable-content"},styles:"\n        @layer primereact {\n            .p-panel-header {\n              display: flex;\n              justify-content: space-between;\n              align-items: center;\n            }\n            \n            .p-panel-title {\n              line-height: 1;\n            }\n            \n            .p-panel-header-icon {\n              display: inline-flex;\n              justify-content: center;\n              align-items: center;\n              cursor: pointer;\n              text-decoration: none;\n              overflow: hidden;\n              position: relative;\n            }\n        }\n        "}}),N=e.forwardRef((function(i,m){var d=e.useContext(n),h=x.getProps(i,d),b=E(e.useState(h.id),2),y=b[0],v=b[1],N=E(e.useState(h.collapsed),2),T=N[0],C=N[1],S=e.useRef(null),O=e.useRef(null),j=!!h.toggleable&&(h.onToggle?h.collapsed:T),I=y+"_header",w=y+"_content",P=x.setMetaData({props:h,state:{id:y,collapsed:j}}),k=P.ptm,A=P.cx;g(x.css.styles,P.isUnstyled,{name:"panel"});var J=function(e){h.toggleable&&(j?X(e):_(e),e&&(h.onToggle&&h.onToggle({originalEvent:e,value:!j}),e.preventDefault()))},X=function(e){h.onToggle||C(!1),h.onExpand&&e&&h.onExpand(e)},_=function(e){h.onToggle||C(!0),h.onCollapse&&e&&h.onCollapse(e)};e.useImperativeHandle(m,(function(){return{props:h,toggle:J,expand:X,collapse:_,getElement:function(){return S.current},getContent:function(){return O.current}}})),l((function(){y||v(p())}));var R,D,M,U=function(){if(h.toggleable){var n=y+"_label",t=c({className:A("toggler"),onClick:J,id:n,"aria-controls":w,"aria-expanded":!j,role:"tab"},k("toggler")),l=c(k("togglericon")),i=u.getJSXIcon(j?h.expandIcon||e.createElement(o,l):h.collapseIcon||e.createElement(r,l),l,{props:h,collapsed:j});return e.createElement("button",t,i,e.createElement(a,null))}return null},H=c({id:y,ref:S,style:h.style,className:A("root")},x.getOtherProps(h),k("root")),Y=function(){var n=s.getJSXElement(h.header,h),t=s.getJSXElement(h.icons,h),l=U(),r=c({id:I,className:A("title")},k("title")),o=e.createElement("span",r,n),a=c({className:A("icons")},k("icons")),i=e.createElement("div",a,t,l),p=c({className:A("header")},k("header")),u=e.createElement("div",p,o,i);return h.headerTemplate?s.getJSXElement(h.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:J,titleElement:o,iconsElement:i,togglerElement:l,element:u,props:h,collapsed:j}):h.header||h.toggleable?u:null}(),$=(R=c({ref:O,className:A("toggleableContent"),"aria-hidden":j,role:"region",id:w,"aria-labelledby":I},k("toggleablecontent")),D=c({className:A("content")},k("content")),M=c({classNames:A("transition"),timeout:{enter:1e3,exit:450},in:!j,unmountOnExit:!0,options:h.transitionOptions},k("transition")),e.createElement(t,f({nodeRef:O},M),e.createElement("div",R,e.createElement("div",D,h.children)))),q=function(){var n=s.getJSXElement(h.footer,h),t=c({className:A("footer")},k("footer")),l=e.createElement("div",t,n);if(h.footerTemplate){var r={className:A("footer"),element:l,props:h};return s.getJSXElement(h.footerTemplate,r)}return h.footer?l:null}();return e.createElement("div",H,Y,$,q)}));N.displayName="Panel";export{N as Panel};
+import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as l}from"primereact/componentbase";import{CSSTransition as r}from"primereact/csstransition";import{useMountEffect as o}from"primereact/hooks";import{MinusIcon as a}from"primereact/icons/minus";import{PlusIcon as i}from"primereact/icons/plus";import{Ripple as c}from"primereact/ripple";import{classNames as p,UniqueComponentId as s,mergeProps as u,ObjectUtils as m,IconUtils as g}from"primereact/utils";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 l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},f.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var l,r,o,a,i=[],c=!0,p=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(l=o.call(t)).done)&&(i.push(l.value),i.length!==n);c=!0);}catch(e){p=!0,r=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(p)throw r}}return i}}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,l=new Array(n);t<n;t++)l[t]=e[t];return l}function y(e,n){if(e){if("string"==typeof e)return b(e,n);var t=Object.prototype.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)?b(e,n):void 0}}function v(){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 E(e,n){return d(e)||h(e,n)||y(e,n)||v()}var x=t.extend({defaultProps:{__TYPE:"Panel",id:null,header:null,headerTemplate:null,footer:null,footerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:null,collapseIcon:null,icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,children:void 0},css:{classes:{root:function(e){return p("p-panel p-component",{"p-panel-toggleable":e.props.toggleable})},header:"p-panel-header",title:"p-panel-title",icons:"p-panel-icons",toggler:"p-panel-header-icon p-panel-toggler p-link",togglerIcon:"p-panel-header-icon p-panel-toggler p-link",toggleableContent:"p-toggleable-content",content:"p-panel-content",footer:"p-panel-footer",transition:"p-toggleable-content"},styles:"\n        @layer primereact {\n            .p-panel-header {\n              display: flex;\n              justify-content: space-between;\n              align-items: center;\n            }\n            \n            .p-panel-title {\n              line-height: 1;\n            }\n            \n            .p-panel-header-icon {\n              display: inline-flex;\n              justify-content: center;\n              align-items: center;\n              cursor: pointer;\n              text-decoration: none;\n              overflow: hidden;\n              position: relative;\n            }\n        }\n        "}}),N=e.forwardRef((function(t,d){var h=e.useContext(n),b=x.getProps(t,h),y=E(e.useState(b.id),2),v=y[0],N=y[1],T=E(e.useState(b.collapsed),2),C=T[0],S=T[1],O=e.useRef(null),j=e.useRef(null),I=!!b.toggleable&&(b.onToggle?b.collapsed:C),w=v+"_header",P=v+"_content",k=x.setMetaData({props:b,state:{id:v,collapsed:I}}),A=k.ptm,J=k.cx;l(x.css.styles,k.isUnstyled,{name:"panel"});var X=function(e){b.toggleable&&(I?_(e):R(e),e&&(b.onToggle&&b.onToggle({originalEvent:e,value:!I}),e.preventDefault()))},_=function(e){b.onToggle||S(!1),b.onExpand&&e&&b.onExpand(e)},R=function(e){b.onToggle||S(!0),b.onCollapse&&e&&b.onCollapse(e)};e.useImperativeHandle(d,(function(){return{props:b,toggle:X,expand:_,collapse:R,getElement:function(){return O.current},getContent:function(){return j.current}}})),o((function(){v||N(s())}));var D,M,U,H=function(){if(b.toggleable){var n=v+"_label",t=u({className:J("toggler"),onClick:X,id:n,"aria-controls":P,"aria-expanded":!I,role:"tab"},A("toggler")),l=u(A("togglericon")),r=g.getJSXIcon(I?b.expandIcon||e.createElement(i,l):b.collapseIcon||e.createElement(a,l),l,{props:b,collapsed:I});return e.createElement("button",t,r,e.createElement(c,null))}return null},Y=u({id:v,ref:O,style:b.style,className:p(b.className,J("root"))},x.getOtherProps(b),A("root")),$=function(){var n=m.getJSXElement(b.header,b),t=m.getJSXElement(b.icons,b),l=H(),r=u({id:w,className:J("title")},A("title")),o=e.createElement("span",r,n),a=u({className:J("icons")},A("icons")),i=e.createElement("div",a,t,l),c=u({className:J("header")},A("header")),p=e.createElement("div",c,o,i);return b.headerTemplate?m.getJSXElement(b.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:X,titleElement:o,iconsElement:i,togglerElement:l,element:p,props:b,collapsed:I}):b.header||b.toggleable?p:null}(),q=(D=u({ref:j,className:J("toggleableContent"),"aria-hidden":I,role:"region",id:P,"aria-labelledby":w},A("toggleablecontent")),M=u({className:J("content")},A("content")),U=u({classNames:J("transition"),timeout:{enter:1e3,exit:450},in:!I,unmountOnExit:!0,options:b.transitionOptions},A("transition")),e.createElement(r,f({nodeRef:j},U),e.createElement("div",D,e.createElement("div",M,b.children)))),z=function(){var n=m.getJSXElement(b.footer,b),t=u({className:J("footer")},A("footer")),l=e.createElement("div",t,n);if(b.footerTemplate){var r={className:J("footer"),element:l,props:b};return m.getJSXElement(b.footerTemplate,r)}return b.footer?l:null}();return e.createElement("div",Y,$,q,z)}));N.displayName="Panel";export{N as Panel};

package/panel/panel.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.panel = (function (exports, React, api, csstransition, hooks, minus, plus, ripple, utils, componentbase) {
+this.primereact.panel = (function (exports, React, api, componentbase, csstransition, hooks, minus, plus, ripple, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -316,7 +316,7 @@ this.primereact.panel = (function (exports, React, api, csstransition, hooks, mi
       id: idState,
       ref: elementRef,
       style: props.style,
-      className: cx('root')
+      className: utils.classNames(props.className, cx('root'))
     }, PanelBase.getOtherProps(props), ptm('root'));
     var header = createHeader();
     var content = createContent();
@@ -331,4 +331,4 @@ this.primereact.panel = (function (exports, React, api, csstransition, hooks, mi
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.icons.minus, primereact.icons.plus, primereact.ripple, primereact.utils, primereact.componentbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.minus, primereact.icons.plus, primereact.ripple, primereact.utils);

package/panel/panel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.panel=function(e,t,n,l,r,o,a,i,s,c){"use strict";function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=p(t);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},g.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,a,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(l=o.call(n)).done)&&(i.push(l.value),i.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw r}}return i}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function b(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.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)?f(e,t):void 0}}function h(){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 y(e,t){return m(e)||d(e,t)||b(e,t)||h()}var v=c.ComponentBase.extend({defaultProps:{__TYPE:"Panel",id:null,header:null,headerTemplate:null,footer:null,footerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:null,collapseIcon:null,icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,children:void 0},css:{classes:{root:function(e){return s.classNames("p-panel p-component",{"p-panel-toggleable":e.props.toggleable})},header:"p-panel-header",title:"p-panel-title",icons:"p-panel-icons",toggler:"p-panel-header-icon p-panel-toggler p-link",togglerIcon:"p-panel-header-icon p-panel-toggler p-link",toggleableContent:"p-toggleable-content",content:"p-panel-content",footer:"p-panel-footer",transition:"p-toggleable-content"},styles:"\n        @layer primereact {\n            .p-panel-header {\n              display: flex;\n              justify-content: space-between;\n              align-items: center;\n            }\n            \n            .p-panel-title {\n              line-height: 1;\n            }\n            \n            .p-panel-header-icon {\n              display: inline-flex;\n              justify-content: center;\n              align-items: center;\n              cursor: pointer;\n              text-decoration: none;\n              overflow: hidden;\n              position: relative;\n            }\n        }\n        "}}),E=u.forwardRef((function(e,t){var p=u.useContext(n.PrimeReactContext),m=v.getProps(e,p),d=y(u.useState(m.id),2),f=d[0],b=d[1],h=y(u.useState(m.collapsed),2),E=h[0],O=h[1],P=u.useRef(null),j=u.useRef(null),x=!!m.toggleable&&(m.onToggle?m.collapsed:E),C=f+"_header",N=f+"_content",S=v.setMetaData({props:m,state:{id:f,collapsed:x}}),T=S.ptm,I=S.cx;c.useHandleStyle(v.css.styles,S.isUnstyled,{name:"panel"});var w=function(e){m.toggleable&&(x?U(e):_(e),e&&(m.onToggle&&m.onToggle({originalEvent:e,value:!x}),e.preventDefault()))},U=function(e){m.onToggle||O(!1),m.onExpand&&e&&m.onExpand(e)},_=function(e){m.onToggle||O(!0),m.onCollapse&&e&&m.onCollapse(e)};u.useImperativeHandle(t,(function(){return{props:m,toggle:w,expand:U,collapse:_,getElement:function(){return P.current},getContent:function(){return j.current}}})),r.useMountEffect((function(){f||b(s.UniqueComponentId())}));var k,R,A,J=function(){if(m.toggleable){var e=f+"_label",t=s.mergeProps({className:I("toggler"),onClick:w,id:e,"aria-controls":N,"aria-expanded":!x,role:"tab"},T("toggler")),n=s.mergeProps(T("togglericon")),l=s.IconUtils.getJSXIcon(x?m.expandIcon||u.createElement(a.PlusIcon,n):m.collapseIcon||u.createElement(o.MinusIcon,n),n,{props:m,collapsed:x});return u.createElement("button",t,l,u.createElement(i.Ripple,null))}return null},M=s.mergeProps({id:f,ref:P,style:m.style,className:I("root")},v.getOtherProps(m),T("root")),X=function(){var e=s.ObjectUtils.getJSXElement(m.header,m),t=s.ObjectUtils.getJSXElement(m.icons,m),n=J(),l=s.mergeProps({id:C,className:I("title")},T("title")),r=u.createElement("span",l,e),o=s.mergeProps({className:I("icons")},T("icons")),a=u.createElement("div",o,t,n),i=s.mergeProps({className:I("header")},T("header")),c=u.createElement("div",i,r,a);return m.headerTemplate?s.ObjectUtils.getJSXElement(m.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:w,titleElement:r,iconsElement:a,togglerElement:n,element:c,props:m,collapsed:x}):m.header||m.toggleable?c:null}(),D=(k=s.mergeProps({ref:j,className:I("toggleableContent"),"aria-hidden":x,role:"region",id:N,"aria-labelledby":C},T("toggleablecontent")),R=s.mergeProps({className:I("content")},T("content")),A=s.mergeProps({classNames:I("transition"),timeout:{enter:1e3,exit:450},in:!x,unmountOnExit:!0,options:m.transitionOptions},T("transition")),u.createElement(l.CSSTransition,g({nodeRef:j},A),u.createElement("div",k,u.createElement("div",R,m.children)))),H=function(){var e=s.ObjectUtils.getJSXElement(m.footer,m),t=s.mergeProps({className:I("footer")},T("footer")),n=u.createElement("div",t,e);if(m.footerTemplate){var l={className:I("footer"),element:n,props:m};return s.ObjectUtils.getJSXElement(m.footerTemplate,l)}return m.footer?n:null}();return u.createElement("div",M,X,D,H)}));return E.displayName="Panel",e.Panel=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.panel=function(e,t,n,l,r,o,a,i,s,c){"use strict";function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=p(t);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},g.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,a,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(l=o.call(n)).done)&&(i.push(l.value),i.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw r}}return i}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function b(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.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)?f(e,t):void 0}}function h(){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 y(e,t){return m(e)||d(e,t)||b(e,t)||h()}var v=l.ComponentBase.extend({defaultProps:{__TYPE:"Panel",id:null,header:null,headerTemplate:null,footer:null,footerTemplate:null,toggleable:null,style:null,className:null,collapsed:null,expandIcon:null,collapseIcon:null,icons:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,children:void 0},css:{classes:{root:function(e){return c.classNames("p-panel p-component",{"p-panel-toggleable":e.props.toggleable})},header:"p-panel-header",title:"p-panel-title",icons:"p-panel-icons",toggler:"p-panel-header-icon p-panel-toggler p-link",togglerIcon:"p-panel-header-icon p-panel-toggler p-link",toggleableContent:"p-toggleable-content",content:"p-panel-content",footer:"p-panel-footer",transition:"p-toggleable-content"},styles:"\n        @layer primereact {\n            .p-panel-header {\n              display: flex;\n              justify-content: space-between;\n              align-items: center;\n            }\n            \n            .p-panel-title {\n              line-height: 1;\n            }\n            \n            .p-panel-header-icon {\n              display: inline-flex;\n              justify-content: center;\n              align-items: center;\n              cursor: pointer;\n              text-decoration: none;\n              overflow: hidden;\n              position: relative;\n            }\n        }\n        "}}),E=u.forwardRef((function(e,t){var p=u.useContext(n.PrimeReactContext),m=v.getProps(e,p),d=y(u.useState(m.id),2),f=d[0],b=d[1],h=y(u.useState(m.collapsed),2),E=h[0],O=h[1],P=u.useRef(null),j=u.useRef(null),N=!!m.toggleable&&(m.onToggle?m.collapsed:E),x=f+"_header",C=f+"_content",S=v.setMetaData({props:m,state:{id:f,collapsed:N}}),T=S.ptm,I=S.cx;l.useHandleStyle(v.css.styles,S.isUnstyled,{name:"panel"});var w=function(e){m.toggleable&&(N?U(e):_(e),e&&(m.onToggle&&m.onToggle({originalEvent:e,value:!N}),e.preventDefault()))},U=function(e){m.onToggle||O(!1),m.onExpand&&e&&m.onExpand(e)},_=function(e){m.onToggle||O(!0),m.onCollapse&&e&&m.onCollapse(e)};u.useImperativeHandle(t,(function(){return{props:m,toggle:w,expand:U,collapse:_,getElement:function(){return P.current},getContent:function(){return j.current}}})),o.useMountEffect((function(){f||b(c.UniqueComponentId())}));var k,R,A,J=function(){if(m.toggleable){var e=f+"_label",t=c.mergeProps({className:I("toggler"),onClick:w,id:e,"aria-controls":C,"aria-expanded":!N,role:"tab"},T("toggler")),n=c.mergeProps(T("togglericon")),l=c.IconUtils.getJSXIcon(N?m.expandIcon||u.createElement(i.PlusIcon,n):m.collapseIcon||u.createElement(a.MinusIcon,n),n,{props:m,collapsed:N});return u.createElement("button",t,l,u.createElement(s.Ripple,null))}return null},M=c.mergeProps({id:f,ref:P,style:m.style,className:c.classNames(m.className,I("root"))},v.getOtherProps(m),T("root")),X=function(){var e=c.ObjectUtils.getJSXElement(m.header,m),t=c.ObjectUtils.getJSXElement(m.icons,m),n=J(),l=c.mergeProps({id:x,className:I("title")},T("title")),r=u.createElement("span",l,e),o=c.mergeProps({className:I("icons")},T("icons")),a=u.createElement("div",o,t,n),i=c.mergeProps({className:I("header")},T("header")),s=u.createElement("div",i,r,a);return m.headerTemplate?c.ObjectUtils.getJSXElement(m.headerTemplate,{className:"p-panel-header",titleClassName:"p-panel-title",iconsClassName:"p-panel-icons",togglerClassName:"p-panel-header-icon p-panel-toggler p-link",onTogglerClick:w,titleElement:r,iconsElement:a,togglerElement:n,element:s,props:m,collapsed:N}):m.header||m.toggleable?s:null}(),D=(k=c.mergeProps({ref:j,className:I("toggleableContent"),"aria-hidden":N,role:"region",id:C,"aria-labelledby":x},T("toggleablecontent")),R=c.mergeProps({className:I("content")},T("content")),A=c.mergeProps({classNames:I("transition"),timeout:{enter:1e3,exit:450},in:!N,unmountOnExit:!0,options:m.transitionOptions},T("transition")),u.createElement(r.CSSTransition,g({nodeRef:j},A),u.createElement("div",k,u.createElement("div",R,m.children)))),H=function(){var e=c.ObjectUtils.getJSXElement(m.footer,m),t=c.mergeProps({className:I("footer")},T("footer")),n=u.createElement("div",t,e);if(m.footerTemplate){var l={className:I("footer"),element:n,props:m};return c.ObjectUtils.getJSXElement(m.footerTemplate,l)}return m.footer?n:null}();return u.createElement("div",M,X,D,H)}));return E.displayName="Panel",e.Panel=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);