primereact 10.0.5 → 10.0.6

package/orderlist/orderlist.cjs.js

@@ -166,6 +166,21 @@ var OrderListBase = componentbase.ComponentBase.extend({
   }
 });
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
 var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
   var moveUpIcon = props.moveUpIcon || /*#__PURE__*/React__namespace.createElement(angleup.AngleUpIcon, null);
   var moveTopIcon = props.moveTopIcon || /*#__PURE__*/React__namespace.createElement(angledoubleup.AngleDoubleUpIcon, null);
@@ -311,25 +326,18 @@ var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
       parent: props.metaData
     }
   }, ptm('moveBottomButton'));
-  return /*#__PURE__*/React__namespace.createElement("div", controlsProps, /*#__PURE__*/React__namespace.createElement(button.Button, moveUpButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, moveTopButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, moveDownButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, moveBottomButtonProps));
+  return /*#__PURE__*/React__namespace.createElement("div", controlsProps, /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
+    pt: ptm('moveUpButton')
+  }, moveUpButtonProps)), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
+    pt: ptm('moveTopButton')
+  }, moveTopButtonProps)), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
+    pt: ptm('moveDownButton')
+  }, moveDownButtonProps)), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
+    pt: ptm('moveBottomButton')
+  }, moveBottomButtonProps)));
 });
 OrderListControls.displayName = 'OrderListControls';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 function _typeof(o) {
   "@babel/helpers - typeof";
 

package/orderlist/orderlist.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/utils"),i=require("primereact/button"),l=require("primereact/icons/angledoubledown"),a=require("primereact/icons/angledoubleup"),c=require("primereact/icons/angledown"),u=require("primereact/icons/angleup"),s=require("primereact/icons/search"),p=require("primereact/ripple");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(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 f=m(e),v=d(t);function g(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 y(e){if(Array.isArray(e))return g(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){return y(e)||b(e)||h(e)||I()}function O(e){if(Array.isArray(e))return e}function D(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,u=!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){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function w(){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 O(e)||D(e,t)||h(e,t)||w()}var S=r.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 o.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"}}),j=f.memo((function(e){var r=e.moveUpIcon||f.createElement(u.AngleUpIcon,null),n=e.moveTopIcon||f.createElement(a.AngleDoubleUpIcon,null),s=e.moveDownIcon||f.createElement(c.AngleDownIcon,null),p=e.moveBottomIcon||f.createElement(l.AngleDoubleDownIcon,null),d=e.ptm,m=e.unstyled,v=o.mergeProps({className:(0,e.cx)("controls")},d("controls",{hostName:e.hostName})),g=o.mergeProps({type:"button",unstyled:m,icon:r,onClick:function(t){if(e.selection){for(var r=E(e.value),n=0;n<e.selection.length;n++){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var l=r[i-1];r[i-1]=r[i],r[i]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}},"aria-label":t.ariaLabel("moveUp"),__parentMetadata:{parent:e.metaData}},d("moveUpButton")),y=o.mergeProps({type:"button",unstyled:m,icon:n,onClick:function(t){if(e.selection){for(var r=E(e.value),n=0;n<e.selection.length;n++){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var l=r.splice(i,1)[0];r.unshift(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}},"aria-label":t.ariaLabel("moveTop"),__parentMetadata:{parent:e.metaData}},d("moveTopButton")),b=o.mergeProps({type:"button",unstyled:m,icon:s,onClick:function(t){if(e.selection){for(var r=E(e.value),n=e.selection.length-1;n>=0;n--){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var l=r[i+1];r[i+1]=r[i],r[i]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}},"aria-label":t.ariaLabel("moveDown"),__parentMetadata:{parent:e.metaData}},d("moveDownButton")),h=o.mergeProps({type:"button",unstyled:m,icon:p,onClick:function(t){if(e.selection){for(var r=E(e.value),n=e.selection.length-1;n>=0;n--){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var l=r.splice(i,1)[0];r.push(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}},"aria-label":t.ariaLabel("moveBottom"),__parentMetadata:{parent:e.metaData}},d("moveBottomButton"));return f.createElement("div",v,f.createElement(i.Button,g),f.createElement(i.Button,y),f.createElement(i.Button,b),f.createElement(i.Button,h))}));function P(){return P=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},P.apply(this,arguments)}function C(e){return C="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},C(e)}function N(e,t){if("object"!==C(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==C(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function T(e){var t=N(e,"string");return"symbol"===C(t)?t:String(t)}function k(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 U(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?k(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=T(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)):k(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}j.displayName="OrderListControls";var L=f.memo((function(e){var t,r,n,i=e.ptm,l=e.cx,a=function(t,r){return i(t,U({hostName:e.hostName},r))},c=function(e,t){return a(t,{context:{selected:y(e)}})},u=f.useRef(null),d=f.useRef(null),m=f.useRef(null),v=f.useRef(null),g={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},y=function(t){return-1!==o.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},b=function(t,r){d.current!==r&&d.current+1!==r&&(m.current=r,!e.isUnstyled()&&o.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()&&o.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!1)},I=function(t){var r=d.current>m.current?m.current:0===m.current?0:m.current-1,n=E(e.value);o.ObjectUtils.reorderArray(n,d.current,r),m.current=null,!e.isUnstyled()&&o.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})},O=function(e){u.current=!1},D=function(e){if(u.current){var t=v.current.getBoundingClientRect().top+o.DomHandler.getWindowScrollTop(),r=t+v.current.clientHeight-e.pageY,n=e.pageY-t;r<25&&r>0?v.current.scrollTop+=15:n<25&&n>0&&(v.current.scrollTop-=15)}},w=function(e){13===e.which&&e.preventDefault()},x=function(e,t){var r=o.mergeProps({className:l("droppoint"),onDragOver:function(t){return b(t,e+1)},onDragLeave:h,onDrop:I},a("droppoint"));return f.createElement("li",P({key:t},r))},S=(t=o.mergeProps({className:l("header")},a("header")),e.header?f.createElement("div",t,e.header):null),j=function(){var t=o.mergeProps({className:l("icon")},a("icon")),r=o.IconUtils.getJSXIcon(e.filterIcon||f.createElement(s.SearchIcon,t),U({},t),{props:e});if(e.filter){var n=o.mergeProps({className:l("filter")},a("filter")),i=o.mergeProps({type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:w,placeholder:e.placeholder,className:l("filterInput")},a("filterInput")),c=o.mergeProps({className:l("filterIcon")},a("filterIcon")),u=f.createElement("div",n,f.createElement("input",i),f.createElement("span",c,r));if(e.filterTemplate)u=o.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:u,props:e});var p=o.mergeProps({className:l("filterContainer")},a("filterContainer"));return f.createElement("div",p,u)}return null}(),C=(r=e.value?e.value.map((function(t,r){var n=e.itemTemplate?e.itemTemplate(t):t,i=JSON.stringify(t);if(e.dragdrop){var a=o.mergeProps({className:o.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"),u.current=!0,void(d.current=t);var t},onDragEnd:O,tabIndex:e.tabIndex,"data-p-highlight":y(t)},c(t,"item")),s=[];return 0===r&&s.push(x(t,r)),s.push(f.createElement("li",P({key:i},a),n)),s.push(x(r,i+"_droppoint")),s}var m=o.mergeProps({role:"option",tabIndex:e.tabIndex,className:o.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 f.createElement("li",P({key:i},m),n,f.createElement(p.Ripple,null))})):null,n=o.mergeProps({ref:v,className:l("list"),style:e.listStyle,onDragOver:D,role:"listbox","aria-multiselectable":!0},a("list")),f.createElement("ul",n,r)),N=o.mergeProps({className:l("container")},a("container"));return f.createElement("div",N,S,j,C)}));L.displayName="OrderListSubList";var A=f.memo(f.forwardRef((function(e,i){var l=f.useContext(t.PrimeReactContext),a=S.getProps(e,l),c=x(f.useState([]),2),u=c[0],s=c[1],p=x(f.useState(""),2),d=p[0],m=p[1],g=x(f.useState(null),2),y=g[0],b=g[1],h=o.ObjectUtils.isNotEmpty(d),I=f.useRef(null),O=f.useRef(null),D=f.useRef(null),w={props:a,state:{selection:u,filterValue:d,attributeSelector:y}},P=S.setMetaData(w),C=P.ptm,N=P.cx,T=P.isUnstyled;r.useHandleStyle(S.css.styles,T,{name:"orderlist"});var k=function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,n=o.ObjectUtils.findIndexInList(e.value,u,a.dataKey);t=-1!==n?r?u.filter((function(e,t){return t!==n})):[e.value]:r?[].concat(E(u),[e.value]):[e.value],s(t)},U=function e(t){var r=t.nextElementSibling;return r?"item"===!o.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},A=function e(t){var r=t.previousElementSibling;return r?"item"===!o.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},K=function(){var e=o.DomHandler.findSingle(I.current,".p-orderlist-list"),t=o.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(D.current){case"up":o.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":o.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},R=function(){if(!O.current){O.current=o.DomHandler.createInlineStyle(l&&l.nonce||v.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");O.current.innerHTML=e}};f.useImperativeHandle(i,(function(){return{props:a,getElement:function(){return I.current}}})),n.useMountEffect((function(){!y&&b(o.UniqueComponentId())})),n.useUpdateEffect((function(){return y&&(I.current.setAttribute(y,""),R()),function(){O.current=o.DomHandler.removeInlineStyle(O.current)}}),[y,a.breakpoint]),n.useUpdateEffect((function(){D.current&&(K(),D.current=null)}));var B=function(){if(h){var e=d.trim().toLocaleLowerCase(a.filterLocale),r=a.filterBy?a.filterBy.split(","):[];return t.FilterService.filter(a.value,r,e,a.filterMatchMode,a.filterLocale)}return a.value}(),H=o.mergeProps({ref:I,id:a.id,className:o.classNames(a.className,N("root")),style:a.style},S.getOtherProps(a),C("root"));return f.createElement("div",H,f.createElement(j,{hostName:"OrderList",value:B,selection:u,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}),f.createElement(L,{hostName:"OrderList",value:B,selection:u,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=A(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}))})));A.displayName="OrderList",exports.OrderList=A;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/utils"),i=require("primereact/button"),l=require("primereact/icons/angledoubledown"),a=require("primereact/icons/angledoubleup"),c=require("primereact/icons/angledown"),u=require("primereact/icons/angleup"),s=require("primereact/icons/search"),p=require("primereact/ripple");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(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 f=m(e),v=d(t);function g(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 y(e){if(Array.isArray(e))return g(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){return y(e)||b(e)||h(e)||I()}function O(e){if(Array.isArray(e))return e}function D(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,u=!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){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return a}}function w(){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 O(e)||D(e,t)||h(e,t)||w()}var S=r.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 o.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"}});function j(){return j=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},j.apply(this,arguments)}var P=f.memo((function(e){var r=e.moveUpIcon||f.createElement(u.AngleUpIcon,null),n=e.moveTopIcon||f.createElement(a.AngleDoubleUpIcon,null),s=e.moveDownIcon||f.createElement(c.AngleDownIcon,null),p=e.moveBottomIcon||f.createElement(l.AngleDoubleDownIcon,null),d=e.ptm,m=e.unstyled,v=o.mergeProps({className:(0,e.cx)("controls")},d("controls",{hostName:e.hostName})),g=o.mergeProps({type:"button",unstyled:m,icon:r,onClick:function(t){if(e.selection){for(var r=E(e.value),n=0;n<e.selection.length;n++){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var l=r[i-1];r[i-1]=r[i],r[i]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}},"aria-label":t.ariaLabel("moveUp"),__parentMetadata:{parent:e.metaData}},d("moveUpButton")),y=o.mergeProps({type:"button",unstyled:m,icon:n,onClick:function(t){if(e.selection){for(var r=E(e.value),n=0;n<e.selection.length;n++){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var l=r.splice(i,1)[0];r.unshift(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}},"aria-label":t.ariaLabel("moveTop"),__parentMetadata:{parent:e.metaData}},d("moveTopButton")),b=o.mergeProps({type:"button",unstyled:m,icon:s,onClick:function(t){if(e.selection){for(var r=E(e.value),n=e.selection.length-1;n>=0;n--){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var l=r[i+1];r[i+1]=r[i],r[i]=l}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}},"aria-label":t.ariaLabel("moveDown"),__parentMetadata:{parent:e.metaData}},d("moveDownButton")),h=o.mergeProps({type:"button",unstyled:m,icon:p,onClick:function(t){if(e.selection){for(var r=E(e.value),n=e.selection.length-1;n>=0;n--){var i=o.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var l=r.splice(i,1)[0];r.push(l)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}},"aria-label":t.ariaLabel("moveBottom"),__parentMetadata:{parent:e.metaData}},d("moveBottomButton"));return f.createElement("div",v,f.createElement(i.Button,j({pt:d("moveUpButton")},g)),f.createElement(i.Button,j({pt:d("moveTopButton")},y)),f.createElement(i.Button,j({pt:d("moveDownButton")},b)),f.createElement(i.Button,j({pt:d("moveBottomButton")},h)))}));function C(e){return C="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},C(e)}function N(e,t){if("object"!==C(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==C(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function T(e){var t=N(e,"string");return"symbol"===C(t)?t:String(t)}function k(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 U(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?k(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=T(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)):k(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}P.displayName="OrderListControls";var L=f.memo((function(e){var t,r,n,i=e.ptm,l=e.cx,a=function(t,r){return i(t,U({hostName:e.hostName},r))},c=function(e,t){return a(t,{context:{selected:y(e)}})},u=f.useRef(null),d=f.useRef(null),m=f.useRef(null),v=f.useRef(null),g={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},y=function(t){return-1!==o.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},b=function(t,r){d.current!==r&&d.current+1!==r&&(m.current=r,!e.isUnstyled()&&o.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()&&o.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),t.target.setAttribute("data-p-orderlist-droppoint-highlight",!1)},I=function(t){var r=d.current>m.current?m.current:0===m.current?0:m.current-1,n=E(e.value);o.ObjectUtils.reorderArray(n,d.current,r),m.current=null,!e.isUnstyled()&&o.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})},O=function(e){u.current=!1},D=function(e){if(u.current){var t=v.current.getBoundingClientRect().top+o.DomHandler.getWindowScrollTop(),r=t+v.current.clientHeight-e.pageY,n=e.pageY-t;r<25&&r>0?v.current.scrollTop+=15:n<25&&n>0&&(v.current.scrollTop-=15)}},w=function(e){13===e.which&&e.preventDefault()},x=function(e,t){var r=o.mergeProps({className:l("droppoint"),onDragOver:function(t){return b(t,e+1)},onDragLeave:h,onDrop:I},a("droppoint"));return f.createElement("li",j({key:t},r))},S=(t=o.mergeProps({className:l("header")},a("header")),e.header?f.createElement("div",t,e.header):null),P=function(){var t=o.mergeProps({className:l("icon")},a("icon")),r=o.IconUtils.getJSXIcon(e.filterIcon||f.createElement(s.SearchIcon,t),U({},t),{props:e});if(e.filter){var n=o.mergeProps({className:l("filter")},a("filter")),i=o.mergeProps({type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:w,placeholder:e.placeholder,className:l("filterInput")},a("filterInput")),c=o.mergeProps({className:l("filterIcon")},a("filterIcon")),u=f.createElement("div",n,f.createElement("input",i),f.createElement("span",c,r));if(e.filterTemplate)u=o.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:u,props:e});var p=o.mergeProps({className:l("filterContainer")},a("filterContainer"));return f.createElement("div",p,u)}return null}(),C=(r=e.value?e.value.map((function(t,r){var n=e.itemTemplate?e.itemTemplate(t):t,i=JSON.stringify(t);if(e.dragdrop){var a=o.mergeProps({className:o.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"),u.current=!0,void(d.current=t);var t},onDragEnd:O,tabIndex:e.tabIndex,"data-p-highlight":y(t)},c(t,"item")),s=[];return 0===r&&s.push(x(t,r)),s.push(f.createElement("li",j({key:i},a),n)),s.push(x(r,i+"_droppoint")),s}var m=o.mergeProps({role:"option",tabIndex:e.tabIndex,className:o.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 f.createElement("li",j({key:i},m),n,f.createElement(p.Ripple,null))})):null,n=o.mergeProps({ref:v,className:l("list"),style:e.listStyle,onDragOver:D,role:"listbox","aria-multiselectable":!0},a("list")),f.createElement("ul",n,r)),N=o.mergeProps({className:l("container")},a("container"));return f.createElement("div",N,S,P,C)}));L.displayName="OrderListSubList";var B=f.memo(f.forwardRef((function(e,i){var l=f.useContext(t.PrimeReactContext),a=S.getProps(e,l),c=x(f.useState([]),2),u=c[0],s=c[1],p=x(f.useState(""),2),d=p[0],m=p[1],g=x(f.useState(null),2),y=g[0],b=g[1],h=o.ObjectUtils.isNotEmpty(d),I=f.useRef(null),O=f.useRef(null),D=f.useRef(null),w={props:a,state:{selection:u,filterValue:d,attributeSelector:y}},j=S.setMetaData(w),C=j.ptm,N=j.cx,T=j.isUnstyled;r.useHandleStyle(S.css.styles,T,{name:"orderlist"});var k=function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,n=o.ObjectUtils.findIndexInList(e.value,u,a.dataKey);t=-1!==n?r?u.filter((function(e,t){return t!==n})):[e.value]:r?[].concat(E(u),[e.value]):[e.value],s(t)},U=function e(t){var r=t.nextElementSibling;return r?"item"===!o.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},B=function e(t){var r=t.previousElementSibling;return r?"item"===!o.DomHandler.getAttribute(r,"data-pc-section")?e(r):r:null},A=function(){var e=o.DomHandler.findSingle(I.current,".p-orderlist-list"),t=o.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(D.current){case"up":o.DomHandler.scrollInView(e,t[0]);break;case"top":e.scrollTop=0;break;case"down":o.DomHandler.scrollInView(e,t[t.length-1]);break;case"bottom":setTimeout((function(){return e.scrollTop=e.scrollHeight}),100)}},K=function(){if(!O.current){O.current=o.DomHandler.createInlineStyle(l&&l.nonce||v.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");O.current.innerHTML=e}};f.useImperativeHandle(i,(function(){return{props:a,getElement:function(){return I.current}}})),n.useMountEffect((function(){!y&&b(o.UniqueComponentId())})),n.useUpdateEffect((function(){return y&&(I.current.setAttribute(y,""),K()),function(){O.current=o.DomHandler.removeInlineStyle(O.current)}}),[y,a.breakpoint]),n.useUpdateEffect((function(){D.current&&(A(),D.current=null)}));var R=function(){if(h){var e=d.trim().toLocaleLowerCase(a.filterLocale),r=a.filterBy?a.filterBy.split(","):[];return t.FilterService.filter(a.value,r,e,a.filterMatchMode,a.filterLocale)}return a.value}(),H=o.mergeProps({ref:I,id:a.id,className:o.classNames(a.className,N("root")),style:a.style},S.getOtherProps(a),C("root"));return f.createElement("div",H,f.createElement(P,{hostName:"OrderList",value:R,selection:u,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}),f.createElement(L,{hostName:"OrderList",value:R,selection:u,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=B(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}))})));B.displayName="OrderList",exports.OrderList=B;

package/orderlist/orderlist.esm.js

@@ -139,6 +139,21 @@ var OrderListBase = ComponentBase.extend({
   }
 });
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
 var OrderListControls = /*#__PURE__*/React.memo(function (props) {
   var moveUpIcon = props.moveUpIcon || /*#__PURE__*/React.createElement(AngleUpIcon, null);
   var moveTopIcon = props.moveTopIcon || /*#__PURE__*/React.createElement(AngleDoubleUpIcon, null);
@@ -284,25 +299,18 @@ var OrderListControls = /*#__PURE__*/React.memo(function (props) {
       parent: props.metaData
     }
   }, ptm('moveBottomButton'));
-  return /*#__PURE__*/React.createElement("div", controlsProps, /*#__PURE__*/React.createElement(Button, moveUpButtonProps), /*#__PURE__*/React.createElement(Button, moveTopButtonProps), /*#__PURE__*/React.createElement(Button, moveDownButtonProps), /*#__PURE__*/React.createElement(Button, moveBottomButtonProps));
+  return /*#__PURE__*/React.createElement("div", controlsProps, /*#__PURE__*/React.createElement(Button, _extends({
+    pt: ptm('moveUpButton')
+  }, moveUpButtonProps)), /*#__PURE__*/React.createElement(Button, _extends({
+    pt: ptm('moveTopButton')
+  }, moveTopButtonProps)), /*#__PURE__*/React.createElement(Button, _extends({
+    pt: ptm('moveDownButton')
+  }, moveDownButtonProps)), /*#__PURE__*/React.createElement(Button, _extends({
+    pt: ptm('moveBottomButton')
+  }, moveBottomButtonProps)));
 });
 OrderListControls.displayName = 'OrderListControls';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 function _typeof(o) {
   "@babel/helpers - typeof";
 

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);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};
+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"}});function L(){return L=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},L.apply(this,arguments)}var B=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,L({pt:a("moveUpButton")},d)),e.createElement(v,L({pt:a("moveTopButton")},m)),e.createElement(v,L({pt:a("moveDownButton")},f)),e.createElement(v,L({pt:a("moveBottomButton")},I)))}));function P(e){return P="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},P(e)}function R(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function A(e){var t=R(e,"string");return"symbol"===P(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=A(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}B.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",L({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",L({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",L({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)),B=s({className:l("container")},a("container"));return e.createElement("div",B,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}},L=K.setMetaData(k),P=L.ptm,R=L.cx,A=L.isUnstyled;l(K.css.styles,A,{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,R("root")),style:v.style},K.getOtherProps(v),P("root"));return e.createElement("div",Y,e.createElement(B,{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:P,cx:R,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:A,ptm:P,cx:R}))})));_.displayName="OrderList";export{_ as OrderList};

package/orderlist/orderlist.js

@@ -152,6 +152,21 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, componentbase
     }
   });
 
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+      return target;
+    };
+    return _extends.apply(this, arguments);
+  }
+
   var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
     var moveUpIcon = props.moveUpIcon || /*#__PURE__*/React__namespace.createElement(angleup.AngleUpIcon, null);
     var moveTopIcon = props.moveTopIcon || /*#__PURE__*/React__namespace.createElement(angledoubleup.AngleDoubleUpIcon, null);
@@ -297,25 +312,18 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, componentbase
         parent: props.metaData
       }
     }, ptm('moveBottomButton'));
-    return /*#__PURE__*/React__namespace.createElement("div", controlsProps, /*#__PURE__*/React__namespace.createElement(button.Button, moveUpButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, moveTopButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, moveDownButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, moveBottomButtonProps));
+    return /*#__PURE__*/React__namespace.createElement("div", controlsProps, /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
+      pt: ptm('moveUpButton')
+    }, moveUpButtonProps)), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
+      pt: ptm('moveTopButton')
+    }, moveTopButtonProps)), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
+      pt: ptm('moveDownButton')
+    }, moveDownButtonProps)), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
+      pt: ptm('moveBottomButton')
+    }, moveBottomButtonProps)));
   });
   OrderListControls.displayName = 'OrderListControls';
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
   function _typeof(o) {
     "@babel/helpers - typeof";
 

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);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);
+this.primereact=this.primereact||{},this.primereact.orderlist=function(e,t,n,r,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(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var v=f(t),g=m(n);function y(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 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 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)?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 n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],c=!0,s=!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){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.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=r.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"}});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)}var C=v.memo((function(e){var t=e.moveUpIcon||v.createElement(u.AngleUpIcon,null),r=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 n=O(e.value),r=0;r<e.selection.length;r++){var o=i.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(0===o)break;var l=n[o-1];n[o-1]=n[o],n[o]=l}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"up"})}},"aria-label":n.ariaLabel("moveUp"),__parentMetadata:{parent:e.metaData}},d("moveUpButton")),y=i.mergeProps({type:"button",unstyled:m,icon:r,onClick:function(t){if(e.selection){for(var n=O(e.value),r=0;r<e.selection.length;r++){var o=i.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(0===o)break;var l=n.splice(o,1)[0];n.unshift(l)}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"top"})}},"aria-label":n.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 n=O(e.value),r=e.selection.length-1;r>=0;r--){var o=i.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(o===n.length-1)break;var l=n[o+1];n[o+1]=n[o],n[o]=l}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"down"})}},"aria-label":n.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 n=O(e.value),r=e.selection.length-1;r>=0;r--){var o=i.ObjectUtils.findIndexInList(e.selection[r],n,e.dataKey);if(o===n.length-1)break;var l=n.splice(o,1)[0];n.push(l)}e.onReorder&&e.onReorder({originalEvent:t,value:n,direction:"bottom"})}},"aria-label":n.ariaLabel("moveBottom"),__parentMetadata:{parent:e.metaData}},d("moveBottomButton"));return v.createElement("div",f,v.createElement(l.Button,P({pt:d("moveUpButton")},g)),v.createElement(l.Button,P({pt:d("moveTopButton")},y)),v.createElement(l.Button,P({pt:d("moveDownButton")},b)),v.createElement(l.Button,P({pt:d("moveBottomButton")},h)))}));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 n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==N(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=T(e,"string");return"symbol"===N(t)?t:String(t)}function U(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 L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=k(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)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}C.displayName="OrderListControls";var B=v.memo((function(e){var t,n,r,o=e.ptm,l=e.cx,a=function(t,n){return o(t,L({hostName:e.hostName},n))},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,n){u.current!==n&&u.current+1!==n&&(m.current=n,!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 n=u.current>m.current?m.current:0===m.current?0:m.current-1,r=O(e.value);i.ObjectUtils.reorderArray(r,u.current,n),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:r})},E=function(e){s.current=!1},D=function(e){if(s.current){var t=f.current.getBoundingClientRect().top+i.DomHandler.getWindowScrollTop(),n=t+f.current.clientHeight-e.pageY,r=e.pageY-t;n<25&&n>0?f.current.scrollTop+=15:r<25&&r>0&&(f.current.scrollTop-=15)}},w=function(e){13===e.which&&e.preventDefault()},S=function(e,t){var n=i.mergeProps({className:l("droppoint"),onDragOver:function(t){return b(t,e+1)},onDragLeave:h,onDrop:I},a("droppoint"));return v.createElement("li",P({key:t},n))},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")),n=i.IconUtils.getJSXIcon(e.filterIcon||v.createElement(p.SearchIcon,t),L({},t),{props:e});if(e.filter){var r=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",r,v.createElement("input",o),v.createElement("span",c,n));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}(),C=(n=e.value?e.value.map((function(t,n){var r=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(r){return e.onItemClick({originalEvent:r,value:t,index:n})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:n})},role:"option","aria-selected":y(t),draggable:"true",onDragStart:function(e){return t=n,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===n&&p.push(S(t,n)),p.push(v.createElement("li",P({key:o},a),r)),p.push(S(n,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(r){return e.onItemClick({originalEvent:r,value:t,index:n})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:n})},"aria-selected":y(t),"data-p-highlight":y(t)},c(t,"item"));return v.createElement("li",P({key:o},m),r,v.createElement(d.Ripple,null))})):null,r=i.mergeProps({ref:f,className:l("list"),style:e.listStyle,onDragOver:D,role:"listbox","aria-multiselectable":!0},a("list")),v.createElement("ul",r,n)),N=i.mergeProps({className:l("container")},a("container"));return v.createElement("div",N,x,j,C)}));B.displayName="OrderListSubList";var R=v.memo(v.forwardRef((function(e,t){var l=v.useContext(n.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),P=S.ptm,N=S.cx,T=S.isUnstyled;r.useHandleStyle(j.css.styles,T,{name:"orderlist"});var k=function(e){var t,n=e.originalEvent.metaKey||e.originalEvent.ctrlKey,r=i.ObjectUtils.findIndexInList(e.value,s,a.dataKey);t=-1!==r?n?s.filter((function(e,t){return t!==r})):[e.value]:n?[].concat(O(s),[e.value]):[e.value],u(t)},U=function e(t){var n=t.nextElementSibling;return n?"item"===!i.DomHandler.getAttribute(n,"data-pc-section")?e(n):n:null},L=function e(t){var n=t.previousElementSibling;return n?"item"===!i.DomHandler.getAttribute(n,"data-pc-section")?e(n):n:null},R=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)}},A=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,""),A()),function(){E.current=i.DomHandler.removeInlineStyle(E.current)}}),[y,a.breakpoint]),o.useUpdateEffect((function(){D.current&&(R(),D.current=null)}));var K=function(){if(h){var e=d.trim().toLocaleLowerCase(a.filterLocale),t=a.filterBy?a.filterBy.split(","):[];return n.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),P("root"));return v.createElement("div",H,v.createElement(C,{hostName:"OrderList",value:K,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:P,cx:N,unstyled:a.unstyled,metaData:w}),v.createElement(B,{hostName:"OrderList",value:K,selection:s,onItemClick:k,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=L(n);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:P,cx:N}))})));return R.displayName="OrderList",e.OrderList=R,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.5",
+    "version": "10.0.6",
     "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/panelmenu/panelmenu.cjs.js

@@ -214,7 +214,7 @@ var classes = {
 var styles = "\n@layer primereact {\n    .p-panelmenu .p-panelmenu-header-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        position: relative;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-panelmenu-header-link:focus {\n        z-index: 1;\n    }\n    \n    .p-panelmenu .p-submenu-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-panelmenu .p-menuitem-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n";
 var PanelMenuBase = componentbase.ComponentBase.extend({
   defaultProps: {
-    __TYPE: 'Panel',
+    __TYPE: 'PanelMenu',
     id: null,
     model: null,
     style: null,

package/panelmenu/panelmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),a=require("primereact/hooks"),o=require("primereact/icons/chevrondown"),i=require("primereact/icons/chevronright"),l=require("primereact/utils");function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c=u(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(this,arguments)}function m(e){return m="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},m(e)}function p(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function f(e){var n=p(e,"string");return"symbol"===m(n)?n:String(n)}function d(e,n,t){return(n=f(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function y(e){if(Array.isArray(e))return b(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(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 h(){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 y(e)||g(e)||v(e)||h()}function P(e){if(Array.isArray(e))return e}function N(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,l=[],u=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}function E(){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,n){return P(e)||N(e,n)||v(e,n)||E()}var x=t.ComponentBase.extend({defaultProps:{__TYPE:"Panel",id:null,model:null,style:null,submenuIcon:null,className:null,multiple:!1,transitionOptions:null,children:void 0},css:{classes:{headerIcon:function(e){return l.classNames("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-panelmenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return l.classNames("p-panelmenu-panel",e.item.className)},header:function(e){return l.classNames("p-component p-panelmenu-header",{"p-highlight":e.active,"p-disabled":e.item.disabled})},menuContent:"p-panelmenu-content",root:function(e){return l.classNames("p-panelmenu p-component",e.props.className)},separator:"p-menu-separator",toggleableContent:function(e){return l.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return l.classNames("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-panelmenu-icon",action:function(e){return l.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return l.classNames("p-menuitem",e.item.className)},menu:"p-submenu-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n    .p-panelmenu .p-panelmenu-header-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        position: relative;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-panelmenu-header-link:focus {\n        z-index: 1;\n    }\n    \n    .p-panelmenu .p-submenu-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-panelmenu .p-menuitem-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n"}});function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){d(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=c.memo((function(e){var n=j(c.useState(null),2),t=n[0],u=n[1],m=e.ptm,p=e.cx,f=function(n,t){return m(n,I({hostName:e.hostName},t))},d=function(e,n){return f(n,{context:{active:g(e)}})},b=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var n=null;return e.model.forEach((function(e){e.expanded&&(n?e.expanded=!1:n=e)})),n}return null},y=function(n,r){if(r.disabled)n.preventDefault();else{r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r});var a=t;g(r)?(r.expanded=!1,u(e.multiple?a.filter((function(e){return e!==r})):null)):(!e.multiple&&a&&(a.expanded=!1),r.expanded=!0,u(e.multiple?[].concat(O(a||[]),[r]):r))}},g=function(n){return t&&(e.multiple?t.indexOf(n)>-1:t===n)};a.useMountEffect((function(){u(b())}));var v=function(n){var t=e.id+"_sep_"+n,r=l.mergeProps({id:t,key:t,className:p("separator"),role:"separator"},f("separator"));return c.createElement("li",r)},h=function(n,t,a){var o=c.createRef(),i=l.mergeProps({className:p("toggleableContent",{active:t})},f("toggleableContent"));if(n.items){var u=l.mergeProps({classNames:p("transition"),timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0},f("transition"));return c.createElement(r.CSSTransition,s({nodeRef:o},u),c.createElement("div",s({ref:o},i),c.createElement(C,{id:e.id+"_"+a,menuProps:e.menuProps,model:n.items,multiple:e.multiple,submenuIcon:e.submenuIcon,ptm:m,cx:p})))}return null},P=function(n,t){if(!1===n.visible)return null;var r=n.id||e.id+"_"+t,a=g(n),u=l.classNames("p-menuitem-link",{"p-disabled":n.disabled}),s=l.classNames("p-menuitem-icon",n.icon),m=l.mergeProps({className:p("icon",{item:n})},d(n,"icon")),f=l.IconUtils.getJSXIcon(n.icon,I({},m),{props:e.menuProps}),b=l.mergeProps({className:p("label")},d(n,"label")),v=n.label&&c.createElement("span",b,n.label),O=l.mergeProps({className:p("submenuicon")},d(n,"submenuicon")),P=n.items&&l.IconUtils.getJSXIcon(a?e.submenuIcon||c.createElement(o.ChevronDownIcon,O):e.submenuIcon||c.createElement(i.ChevronRightIcon,O)),N=h(n,a,t),E=l.mergeProps({href:n.url||"#",className:p("action",{item:n}),target:n.target,onClick:function(e){return y(e,n)},role:"menuitem","aria-disabled":n.disabled},d(n,"action")),j=c.createElement("a",E,P,f,v);n.template&&(j=l.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return y(e,n)},className:u,labelClassName:"p-menuitem-text",iconClassName:s,submenuIconClassName:"p-panelmenu-icon",element:j,props:e,leaf:!n.items,active:a}));var x=l.mergeProps({key:r,id:r,className:p("menuitem",{item:n}),style:n.style,role:"none"},d(n,"menuitem"));return c.createElement("li",x,j,N)},N=e.model?e.model.map((function(e,n){return e.separator?v(n):P(e,n)})):null,E=e.root?"menu":"submenu",x=l.mergeProps({className:l.classNames(p(E),e.className),role:"tree"},m(E));return c.createElement("ul",x,N)}));function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function k(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){d(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}C.displayName="PanelMenuSub";var D=c.memo(c.forwardRef((function(e,u){var m=c.useContext(n.PrimeReactContext),p=x.getProps(e,m),f=j(c.useState(p.id),2),d=f[0],b=f[1],y=j(c.useState(null),2),g=y[0],v=y[1],h=j(c.useState(!1),2),P=h[0],N=h[1],E=c.useRef(null),S=d+"_header",I=d+"_content",w=x.setMetaData({props:p,state:{id:d,activeItem:g,animationDisabled:P}}),D=w.ptm,_=w.cx;t.useHandleStyle(x.css.styles,w.isUnstyled,{name:"panelmenu"});var A=function(){if(p.model){if(p.multiple)return p.model.filter((function(e){return e.expanded}));var e=null;return p.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},M=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=g;U(n)?(n.expanded=!1,v(p.multiple?t.filter((function(e){return e!==n})):null)):(!p.multiple&&t&&(t.expanded=!1),n.expanded=!0,v(p.multiple?[].concat(O(t||[]),[n]):n))}},U=function(e){return g&&(p.multiple?g.indexOf(e)>-1:g===e)},q=function(e,n){return D(n,{context:{active:U(e)}})};c.useImperativeHandle(u,(function(){return{props:p,getElement:function(){return E.current}}})),a.useMountEffect((function(){d||b(l.UniqueComponentId()),v(A())})),a.useUpdateEffect((function(){N(!0),v(A())}),[p.model]);var R=function(){N(!1)},J=p.model?p.model.map((function(e,n){if(!1===e.visible)return null;var t=e.id||d+"_"+n,a=U(e),u=l.classNames("p-menuitem-icon",e.icon),m=l.mergeProps({className:_("headerIcon",{item:e})},q(e,"headerIcon")),f=l.IconUtils.getJSXIcon(e.icon,k({},m),{props:p}),b=l.mergeProps({className:_("headerSubmenuIcon")},q(e,"headerSubmenuIcon")),y=e.items&&l.IconUtils.getJSXIcon(a?p.submenuIcon||c.createElement(o.ChevronDownIcon,b):p.submenuIcon||c.createElement(i.ChevronRightIcon,b)),g=l.mergeProps({className:_("headerLabel")},q(e,"headerLabel")),v=e.label&&c.createElement("span",g,e.label),h=c.createRef(),O=l.mergeProps({href:e.url||"#",className:_("headerAction"),onClick:function(n){return M(n,e)},"aria-expanded":a,id:S,"aria-controls":I,"aria-disabled":e.disabled},q(e,"headerAction")),N=c.createElement("a",O,y,f,v);e.template&&(N=l.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return M(n,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:u,element:N,props:p,leaf:!e.items,active:a}));var E=l.mergeProps({key:t,className:_("panel",{item:e}),style:e.style},q(e,"panel")),j=l.mergeProps({className:_("header",{active:a,item:e}),style:e.style},q(e,"header")),x=l.mergeProps({className:_("menuContent")},q(e,"menuContent")),w=l.mergeProps({className:_("toggleableContent",{active:a}),role:"region","aria-labelledby":S},q(e,"toggleableContent")),A=l.mergeProps({classNames:_("transition"),timeout:{enter:1e3,exit:450},onEnter:R,disabled:P,in:a,unmountOnExit:!0,options:p.transitionOptions},q(e,"transition"));return c.createElement("div",E,c.createElement("div",j,N),c.createElement(r.CSSTransition,s({nodeRef:h},A),c.createElement("div",s({id:I,ref:h},w),c.createElement("div",x,c.createElement(C,{hostName:"PanelMenu",id:t,menuProps:p,model:e.items,className:"p-panelmenu-root-submenu",multiple:p.multiple,submenuIcon:p.submenuIcon,root:!0,ptm:D,cx:_})))))})):null,T=l.mergeProps({className:_("root"),style:p.style},x.getOtherProps(p),D("root"));return c.createElement("div",s({id:p.id,ref:E},T),J)})));D.displayName="PanelMenu",exports.PanelMenu=D;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),a=require("primereact/hooks"),o=require("primereact/icons/chevrondown"),i=require("primereact/icons/chevronright"),l=require("primereact/utils");function u(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var c=u(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},s.apply(this,arguments)}function m(e){return m="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},m(e)}function p(e,n){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function f(e){var n=p(e,"string");return"symbol"===m(n)?n:String(n)}function d(e,n,t){return(n=f(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function y(e){if(Array.isArray(e))return b(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(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 h(){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 y(e)||g(e)||v(e)||h()}function P(e){if(Array.isArray(e))return e}function N(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,l=[],u=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}function E(){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,n){return P(e)||N(e,n)||v(e,n)||E()}var x=t.ComponentBase.extend({defaultProps:{__TYPE:"PanelMenu",id:null,model:null,style:null,submenuIcon:null,className:null,multiple:!1,transitionOptions:null,children:void 0},css:{classes:{headerIcon:function(e){return l.classNames("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-panelmenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return l.classNames("p-panelmenu-panel",e.item.className)},header:function(e){return l.classNames("p-component p-panelmenu-header",{"p-highlight":e.active,"p-disabled":e.item.disabled})},menuContent:"p-panelmenu-content",root:function(e){return l.classNames("p-panelmenu p-component",e.props.className)},separator:"p-menu-separator",toggleableContent:function(e){return l.classNames("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return l.classNames("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-panelmenu-icon",action:function(e){return l.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return l.classNames("p-menuitem",e.item.className)},menu:"p-submenu-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n    .p-panelmenu .p-panelmenu-header-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        position: relative;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-panelmenu-header-link:focus {\n        z-index: 1;\n    }\n    \n    .p-panelmenu .p-submenu-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-panelmenu .p-menuitem-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n"}});function S(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){d(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=c.memo((function(e){var n=j(c.useState(null),2),t=n[0],u=n[1],m=e.ptm,p=e.cx,f=function(n,t){return m(n,I({hostName:e.hostName},t))},d=function(e,n){return f(n,{context:{active:g(e)}})},b=function(){if(e.model){if(e.multiple)return e.model.filter((function(e){return e.expanded}));var n=null;return e.model.forEach((function(e){e.expanded&&(n?e.expanded=!1:n=e)})),n}return null},y=function(n,r){if(r.disabled)n.preventDefault();else{r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r});var a=t;g(r)?(r.expanded=!1,u(e.multiple?a.filter((function(e){return e!==r})):null)):(!e.multiple&&a&&(a.expanded=!1),r.expanded=!0,u(e.multiple?[].concat(O(a||[]),[r]):r))}},g=function(n){return t&&(e.multiple?t.indexOf(n)>-1:t===n)};a.useMountEffect((function(){u(b())}));var v=function(n){var t=e.id+"_sep_"+n,r=l.mergeProps({id:t,key:t,className:p("separator"),role:"separator"},f("separator"));return c.createElement("li",r)},h=function(n,t,a){var o=c.createRef(),i=l.mergeProps({className:p("toggleableContent",{active:t})},f("toggleableContent"));if(n.items){var u=l.mergeProps({classNames:p("transition"),timeout:{enter:1e3,exit:450},in:t,unmountOnExit:!0},f("transition"));return c.createElement(r.CSSTransition,s({nodeRef:o},u),c.createElement("div",s({ref:o},i),c.createElement(C,{id:e.id+"_"+a,menuProps:e.menuProps,model:n.items,multiple:e.multiple,submenuIcon:e.submenuIcon,ptm:m,cx:p})))}return null},P=function(n,t){if(!1===n.visible)return null;var r=n.id||e.id+"_"+t,a=g(n),u=l.classNames("p-menuitem-link",{"p-disabled":n.disabled}),s=l.classNames("p-menuitem-icon",n.icon),m=l.mergeProps({className:p("icon",{item:n})},d(n,"icon")),f=l.IconUtils.getJSXIcon(n.icon,I({},m),{props:e.menuProps}),b=l.mergeProps({className:p("label")},d(n,"label")),v=n.label&&c.createElement("span",b,n.label),O=l.mergeProps({className:p("submenuicon")},d(n,"submenuicon")),P=n.items&&l.IconUtils.getJSXIcon(a?e.submenuIcon||c.createElement(o.ChevronDownIcon,O):e.submenuIcon||c.createElement(i.ChevronRightIcon,O)),N=h(n,a,t),E=l.mergeProps({href:n.url||"#",className:p("action",{item:n}),target:n.target,onClick:function(e){return y(e,n)},role:"menuitem","aria-disabled":n.disabled},d(n,"action")),j=c.createElement("a",E,P,f,v);n.template&&(j=l.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return y(e,n)},className:u,labelClassName:"p-menuitem-text",iconClassName:s,submenuIconClassName:"p-panelmenu-icon",element:j,props:e,leaf:!n.items,active:a}));var x=l.mergeProps({key:r,id:r,className:p("menuitem",{item:n}),style:n.style,role:"none"},d(n,"menuitem"));return c.createElement("li",x,j,N)},N=e.model?e.model.map((function(e,n){return e.separator?v(n):P(e,n)})):null,E=e.root?"menu":"submenu",x=l.mergeProps({className:l.classNames(p(E),e.className),role:"tree"},m(E));return c.createElement("ul",x,N)}));function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function k(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){d(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}C.displayName="PanelMenuSub";var D=c.memo(c.forwardRef((function(e,u){var m=c.useContext(n.PrimeReactContext),p=x.getProps(e,m),f=j(c.useState(p.id),2),d=f[0],b=f[1],y=j(c.useState(null),2),g=y[0],v=y[1],h=j(c.useState(!1),2),P=h[0],N=h[1],E=c.useRef(null),S=d+"_header",I=d+"_content",w=x.setMetaData({props:p,state:{id:d,activeItem:g,animationDisabled:P}}),D=w.ptm,_=w.cx;t.useHandleStyle(x.css.styles,w.isUnstyled,{name:"panelmenu"});var A=function(){if(p.model){if(p.multiple)return p.model.filter((function(e){return e.expanded}));var e=null;return p.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},M=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=g;U(n)?(n.expanded=!1,v(p.multiple?t.filter((function(e){return e!==n})):null)):(!p.multiple&&t&&(t.expanded=!1),n.expanded=!0,v(p.multiple?[].concat(O(t||[]),[n]):n))}},U=function(e){return g&&(p.multiple?g.indexOf(e)>-1:g===e)},q=function(e,n){return D(n,{context:{active:U(e)}})};c.useImperativeHandle(u,(function(){return{props:p,getElement:function(){return E.current}}})),a.useMountEffect((function(){d||b(l.UniqueComponentId()),v(A())})),a.useUpdateEffect((function(){N(!0),v(A())}),[p.model]);var R=function(){N(!1)},J=p.model?p.model.map((function(e,n){if(!1===e.visible)return null;var t=e.id||d+"_"+n,a=U(e),u=l.classNames("p-menuitem-icon",e.icon),m=l.mergeProps({className:_("headerIcon",{item:e})},q(e,"headerIcon")),f=l.IconUtils.getJSXIcon(e.icon,k({},m),{props:p}),b=l.mergeProps({className:_("headerSubmenuIcon")},q(e,"headerSubmenuIcon")),y=e.items&&l.IconUtils.getJSXIcon(a?p.submenuIcon||c.createElement(o.ChevronDownIcon,b):p.submenuIcon||c.createElement(i.ChevronRightIcon,b)),g=l.mergeProps({className:_("headerLabel")},q(e,"headerLabel")),v=e.label&&c.createElement("span",g,e.label),h=c.createRef(),O=l.mergeProps({href:e.url||"#",className:_("headerAction"),onClick:function(n){return M(n,e)},"aria-expanded":a,id:S,"aria-controls":I,"aria-disabled":e.disabled},q(e,"headerAction")),N=c.createElement("a",O,y,f,v);e.template&&(N=l.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return M(n,e)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:u,element:N,props:p,leaf:!e.items,active:a}));var E=l.mergeProps({key:t,className:_("panel",{item:e}),style:e.style},q(e,"panel")),j=l.mergeProps({className:_("header",{active:a,item:e}),style:e.style},q(e,"header")),x=l.mergeProps({className:_("menuContent")},q(e,"menuContent")),w=l.mergeProps({className:_("toggleableContent",{active:a}),role:"region","aria-labelledby":S},q(e,"toggleableContent")),A=l.mergeProps({classNames:_("transition"),timeout:{enter:1e3,exit:450},onEnter:R,disabled:P,in:a,unmountOnExit:!0,options:p.transitionOptions},q(e,"transition"));return c.createElement("div",E,c.createElement("div",j,N),c.createElement(r.CSSTransition,s({nodeRef:h},A),c.createElement("div",s({id:I,ref:h},w),c.createElement("div",x,c.createElement(C,{hostName:"PanelMenu",id:t,menuProps:p,model:e.items,className:"p-panelmenu-root-submenu",multiple:p.multiple,submenuIcon:p.submenuIcon,root:!0,ptm:D,cx:_})))))})):null,T=l.mergeProps({className:_("root"),style:p.style},x.getOtherProps(p),D("root"));return c.createElement("div",s({id:p.id,ref:E},T),J)})));D.displayName="PanelMenu",exports.PanelMenu=D;

package/panelmenu/panelmenu.esm.js

@@ -190,7 +190,7 @@ var classes = {
 var styles = "\n@layer primereact {\n    .p-panelmenu .p-panelmenu-header-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        position: relative;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-panelmenu-header-link:focus {\n        z-index: 1;\n    }\n    \n    .p-panelmenu .p-submenu-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-panelmenu .p-menuitem-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n";
 var PanelMenuBase = ComponentBase.extend({
   defaultProps: {
-    __TYPE: 'Panel',
+    __TYPE: 'PanelMenu',
     id: null,
     model: null,
     style: null,

package/panelmenu/panelmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMountEffect as o,useUpdateEffect as i}from"primereact/hooks";import{ChevronDownIcon as l}from"primereact/icons/chevrondown";import{ChevronRightIcon as u}from"primereact/icons/chevronright";import{classNames as c,mergeProps as m,IconUtils as s,ObjectUtils as p,UniqueComponentId as f}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function b(e){return b="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},b(e)}function y(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=y(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=v(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function O(e){if(Array.isArray(e))return h(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,n){if(e){if("string"==typeof e)return h(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)?h(e,n):void 0}}function N(){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 j(e){return O(e)||x(e)||E(e)||N()}function S(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,l=[],u=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}function I(){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 w(e,n){return S(e)||P(e,n)||E(e,n)||I()}var C=t.extend({defaultProps:{__TYPE:"Panel",id:null,model:null,style:null,submenuIcon:null,className:null,multiple:!1,transitionOptions:null,children:void 0},css:{classes:{headerIcon:function(e){return c("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-panelmenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return c("p-panelmenu-panel",e.item.className)},header:function(e){return c("p-component p-panelmenu-header",{"p-highlight":e.active,"p-disabled":e.item.disabled})},menuContent:"p-panelmenu-content",root:function(e){return c("p-panelmenu p-component",e.props.className)},separator:"p-menu-separator",toggleableContent:function(e){return c("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return c("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-panelmenu-icon",action:function(e){return c("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return c("p-menuitem",e.item.className)},menu:"p-submenu-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n    .p-panelmenu .p-panelmenu-header-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        position: relative;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-panelmenu-header-link:focus {\n        z-index: 1;\n    }\n    \n    .p-panelmenu .p-submenu-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-panelmenu .p-menuitem-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n"}});function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var A=e.memo((function(n){var t=w(e.useState(null),2),r=t[0],i=t[1],f=n.ptm,b=n.cx,y=function(e,t){return f(e,D({hostName:n.hostName},t))},v=function(e,n){return y(n,{context:{active:O(e)}})},g=function(){if(n.model){if(n.multiple)return n.model.filter((function(e){return e.expanded}));var e=null;return n.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},h=function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var a=r;O(t)?(t.expanded=!1,i(n.multiple?a.filter((function(e){return e!==t})):null)):(!n.multiple&&a&&(a.expanded=!1),t.expanded=!0,i(n.multiple?[].concat(j(a||[]),[t]):t))}},O=function(e){return r&&(n.multiple?r.indexOf(e)>-1:r===e)};o((function(){i(g())}));var x=function(t){var r=n.id+"_sep_"+t,a=m({id:r,key:r,className:b("separator"),role:"separator"},y("separator"));return e.createElement("li",a)},E=function(t,r,o){var i=e.createRef(),l=m({className:b("toggleableContent",{active:r})},y("toggleableContent"));if(t.items){var u=m({classNames:b("transition"),timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0},y("transition"));return e.createElement(a,d({nodeRef:i},u),e.createElement("div",d({ref:i},l),e.createElement(A,{id:n.id+"_"+o,menuProps:n.menuProps,model:t.items,multiple:n.multiple,submenuIcon:n.submenuIcon,ptm:f,cx:b})))}return null},N=function(t,r){if(!1===t.visible)return null;var a=t.id||n.id+"_"+r,o=O(t),i=c("p-menuitem-link",{"p-disabled":t.disabled}),f=c("p-menuitem-icon",t.icon),d=m({className:b("icon",{item:t})},v(t,"icon")),y=s.getJSXIcon(t.icon,D({},d),{props:n.menuProps}),g=m({className:b("label")},v(t,"label")),x=t.label&&e.createElement("span",g,t.label),N=m({className:b("submenuicon")},v(t,"submenuicon")),j=t.items&&s.getJSXIcon(o?n.submenuIcon||e.createElement(l,N):n.submenuIcon||e.createElement(u,N)),S=E(t,o,r),P=m({href:t.url||"#",className:b("action",{item:t}),target:t.target,onClick:function(e){return h(e,t)},role:"menuitem","aria-disabled":t.disabled},v(t,"action")),I=e.createElement("a",P,j,y,x);t.template&&(I=p.getJSXElement(t.template,t,{onClick:function(e){return h(e,t)},className:i,labelClassName:"p-menuitem-text",iconClassName:f,submenuIconClassName:"p-panelmenu-icon",element:I,props:n,leaf:!t.items,active:o}));var w=m({key:a,id:a,className:b("menuitem",{item:t}),style:t.style,role:"none"},v(t,"menuitem"));return e.createElement("li",w,I,S)},S=n.model?n.model.map((function(e,n){return e.separator?x(n):N(e,n)})):null,P=n.root?"menu":"submenu",I=m({className:c(b(P),n.className),role:"tree"},f(P));return e.createElement("ul",I,S)}));function _(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function J(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?_(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}A.displayName="PanelMenuSub";var R=e.memo(e.forwardRef((function(t,b){var y=e.useContext(n),v=C.getProps(t,y),g=w(e.useState(v.id),2),h=g[0],O=g[1],x=w(e.useState(null),2),E=x[0],N=x[1],S=w(e.useState(!1),2),P=S[0],I=S[1],k=e.useRef(null),D=h+"_header",_=h+"_content",R=C.setMetaData({props:v,state:{id:h,activeItem:E,animationDisabled:P}}),X=R.ptm,M=R.cx;r(C.css.styles,R.isUnstyled,{name:"panelmenu"});var T=function(){if(v.model){if(v.multiple)return v.model.filter((function(e){return e.expanded}));var e=null;return v.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},L=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=E;U(n)?(n.expanded=!1,N(v.multiple?t.filter((function(e){return e!==n})):null)):(!v.multiple&&t&&(t.expanded=!1),n.expanded=!0,N(v.multiple?[].concat(j(t||[]),[n]):n))}},U=function(e){return E&&(v.multiple?E.indexOf(e)>-1:E===e)},z=function(e,n){return X(n,{context:{active:U(e)}})};e.useImperativeHandle(b,(function(){return{props:v,getElement:function(){return k.current}}})),o((function(){h||O(f()),N(T())})),i((function(){I(!0),N(T())}),[v.model]);var H=function(){I(!1)},Y=v.model?v.model.map((function(n,t){if(!1===n.visible)return null;var r=n.id||h+"_"+t,o=U(n),i=c("p-menuitem-icon",n.icon),f=m({className:M("headerIcon",{item:n})},z(n,"headerIcon")),b=s.getJSXIcon(n.icon,J({},f),{props:v}),y=m({className:M("headerSubmenuIcon")},z(n,"headerSubmenuIcon")),g=n.items&&s.getJSXIcon(o?v.submenuIcon||e.createElement(l,y):v.submenuIcon||e.createElement(u,y)),O=m({className:M("headerLabel")},z(n,"headerLabel")),x=n.label&&e.createElement("span",O,n.label),E=e.createRef(),N=m({href:n.url||"#",className:M("headerAction"),onClick:function(e){return L(e,n)},"aria-expanded":o,id:D,"aria-controls":_,"aria-disabled":n.disabled},z(n,"headerAction")),j=e.createElement("a",N,g,b,x);n.template&&(j=p.getJSXElement(n.template,n,{onClick:function(e){return L(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:i,element:j,props:v,leaf:!n.items,active:o}));var S=m({key:r,className:M("panel",{item:n}),style:n.style},z(n,"panel")),I=m({className:M("header",{active:o,item:n}),style:n.style},z(n,"header")),w=m({className:M("menuContent")},z(n,"menuContent")),C=m({className:M("toggleableContent",{active:o}),role:"region","aria-labelledby":D},z(n,"toggleableContent")),k=m({classNames:M("transition"),timeout:{enter:1e3,exit:450},onEnter:H,disabled:P,in:o,unmountOnExit:!0,options:v.transitionOptions},z(n,"transition"));return e.createElement("div",S,e.createElement("div",I,j),e.createElement(a,d({nodeRef:E},k),e.createElement("div",d({id:_,ref:E},C),e.createElement("div",w,e.createElement(A,{hostName:"PanelMenu",id:r,menuProps:v,model:n.items,className:"p-panelmenu-root-submenu",multiple:v.multiple,submenuIcon:v.submenuIcon,root:!0,ptm:X,cx:M})))))})):null,$=m({className:M("root"),style:v.style},C.getOtherProps(v),X("root"));return e.createElement("div",d({id:v.id,ref:k},$),Y)})));R.displayName="PanelMenu";export{R as PanelMenu};
+import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{CSSTransition as a}from"primereact/csstransition";import{useMountEffect as o,useUpdateEffect as i}from"primereact/hooks";import{ChevronDownIcon as l}from"primereact/icons/chevrondown";import{ChevronRightIcon as u}from"primereact/icons/chevronright";import{classNames as c,mergeProps as m,IconUtils as s,ObjectUtils as p,UniqueComponentId as f}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function b(e){return b="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},b(e)}function y(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=y(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=v(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function O(e){if(Array.isArray(e))return h(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,n){if(e){if("string"==typeof e)return h(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)?h(e,n):void 0}}function N(){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 j(e){return O(e)||x(e)||E(e)||N()}function S(e){if(Array.isArray(e))return e}function P(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,l=[],u=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=o.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}function I(){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 w(e,n){return S(e)||P(e,n)||E(e,n)||I()}var C=t.extend({defaultProps:{__TYPE:"PanelMenu",id:null,model:null,style:null,submenuIcon:null,className:null,multiple:!1,transitionOptions:null,children:void 0},css:{classes:{headerIcon:function(e){return c("p-menuitem-icon",e.item.icon)},headerSubmenuIcon:"p-panelmenu-icon",headerLabel:"p-menuitem-text",headerAction:"p-panelmenu-header-link",panel:function(e){return c("p-panelmenu-panel",e.item.className)},header:function(e){return c("p-component p-panelmenu-header",{"p-highlight":e.active,"p-disabled":e.item.disabled})},menuContent:"p-panelmenu-content",root:function(e){return c("p-panelmenu p-component",e.props.className)},separator:"p-menu-separator",toggleableContent:function(e){return c("p-toggleable-content",{"p-toggleable-content-collapsed":!e.active})},icon:function(e){return c("p-menuitem-icon",e.item.icon)},label:"p-menuitem-text",submenuicon:"p-panelmenu-icon",action:function(e){return c("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return c("p-menuitem",e.item.className)},menu:"p-submenu-list",submenu:"p-submenu-list",transition:"p-toggleable-content"},styles:"\n@layer primereact {\n    .p-panelmenu .p-panelmenu-header-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        position: relative;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-panelmenu-header-link:focus {\n        z-index: 1;\n    }\n    \n    .p-panelmenu .p-submenu-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-panelmenu .p-menuitem-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n"}});function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var A=e.memo((function(n){var t=w(e.useState(null),2),r=t[0],i=t[1],f=n.ptm,b=n.cx,y=function(e,t){return f(e,D({hostName:n.hostName},t))},v=function(e,n){return y(n,{context:{active:O(e)}})},g=function(){if(n.model){if(n.multiple)return n.model.filter((function(e){return e.expanded}));var e=null;return n.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},h=function(e,t){if(t.disabled)e.preventDefault();else{t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t});var a=r;O(t)?(t.expanded=!1,i(n.multiple?a.filter((function(e){return e!==t})):null)):(!n.multiple&&a&&(a.expanded=!1),t.expanded=!0,i(n.multiple?[].concat(j(a||[]),[t]):t))}},O=function(e){return r&&(n.multiple?r.indexOf(e)>-1:r===e)};o((function(){i(g())}));var x=function(t){var r=n.id+"_sep_"+t,a=m({id:r,key:r,className:b("separator"),role:"separator"},y("separator"));return e.createElement("li",a)},E=function(t,r,o){var i=e.createRef(),l=m({className:b("toggleableContent",{active:r})},y("toggleableContent"));if(t.items){var u=m({classNames:b("transition"),timeout:{enter:1e3,exit:450},in:r,unmountOnExit:!0},y("transition"));return e.createElement(a,d({nodeRef:i},u),e.createElement("div",d({ref:i},l),e.createElement(A,{id:n.id+"_"+o,menuProps:n.menuProps,model:t.items,multiple:n.multiple,submenuIcon:n.submenuIcon,ptm:f,cx:b})))}return null},N=function(t,r){if(!1===t.visible)return null;var a=t.id||n.id+"_"+r,o=O(t),i=c("p-menuitem-link",{"p-disabled":t.disabled}),f=c("p-menuitem-icon",t.icon),d=m({className:b("icon",{item:t})},v(t,"icon")),y=s.getJSXIcon(t.icon,D({},d),{props:n.menuProps}),g=m({className:b("label")},v(t,"label")),x=t.label&&e.createElement("span",g,t.label),N=m({className:b("submenuicon")},v(t,"submenuicon")),j=t.items&&s.getJSXIcon(o?n.submenuIcon||e.createElement(l,N):n.submenuIcon||e.createElement(u,N)),S=E(t,o,r),P=m({href:t.url||"#",className:b("action",{item:t}),target:t.target,onClick:function(e){return h(e,t)},role:"menuitem","aria-disabled":t.disabled},v(t,"action")),I=e.createElement("a",P,j,y,x);t.template&&(I=p.getJSXElement(t.template,t,{onClick:function(e){return h(e,t)},className:i,labelClassName:"p-menuitem-text",iconClassName:f,submenuIconClassName:"p-panelmenu-icon",element:I,props:n,leaf:!t.items,active:o}));var w=m({key:a,id:a,className:b("menuitem",{item:t}),style:t.style,role:"none"},v(t,"menuitem"));return e.createElement("li",w,I,S)},S=n.model?n.model.map((function(e,n){return e.separator?x(n):N(e,n)})):null,P=n.root?"menu":"submenu",I=m({className:c(b(P),n.className),role:"tree"},f(P));return e.createElement("ul",I,S)}));function _(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function J(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?_(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}A.displayName="PanelMenuSub";var M=e.memo(e.forwardRef((function(t,b){var y=e.useContext(n),v=C.getProps(t,y),g=w(e.useState(v.id),2),h=g[0],O=g[1],x=w(e.useState(null),2),E=x[0],N=x[1],S=w(e.useState(!1),2),P=S[0],I=S[1],k=e.useRef(null),D=h+"_header",_=h+"_content",M=C.setMetaData({props:v,state:{id:h,activeItem:E,animationDisabled:P}}),R=M.ptm,X=M.cx;r(C.css.styles,M.isUnstyled,{name:"panelmenu"});var T=function(){if(v.model){if(v.multiple)return v.model.filter((function(e){return e.expanded}));var e=null;return v.model.forEach((function(n){n.expanded&&(e?n.expanded=!1:e=n)})),e}return null},L=function(e,n){if(n.disabled)e.preventDefault();else{n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n});var t=E;U(n)?(n.expanded=!1,N(v.multiple?t.filter((function(e){return e!==n})):null)):(!v.multiple&&t&&(t.expanded=!1),n.expanded=!0,N(v.multiple?[].concat(j(t||[]),[n]):n))}},U=function(e){return E&&(v.multiple?E.indexOf(e)>-1:E===e)},z=function(e,n){return R(n,{context:{active:U(e)}})};e.useImperativeHandle(b,(function(){return{props:v,getElement:function(){return k.current}}})),o((function(){h||O(f()),N(T())})),i((function(){I(!0),N(T())}),[v.model]);var H=function(){I(!1)},Y=v.model?v.model.map((function(n,t){if(!1===n.visible)return null;var r=n.id||h+"_"+t,o=U(n),i=c("p-menuitem-icon",n.icon),f=m({className:X("headerIcon",{item:n})},z(n,"headerIcon")),b=s.getJSXIcon(n.icon,J({},f),{props:v}),y=m({className:X("headerSubmenuIcon")},z(n,"headerSubmenuIcon")),g=n.items&&s.getJSXIcon(o?v.submenuIcon||e.createElement(l,y):v.submenuIcon||e.createElement(u,y)),O=m({className:X("headerLabel")},z(n,"headerLabel")),x=n.label&&e.createElement("span",O,n.label),E=e.createRef(),N=m({href:n.url||"#",className:X("headerAction"),onClick:function(e){return L(e,n)},"aria-expanded":o,id:D,"aria-controls":_,"aria-disabled":n.disabled},z(n,"headerAction")),j=e.createElement("a",N,g,b,x);n.template&&(j=p.getJSXElement(n.template,n,{onClick:function(e){return L(e,n)},className:"p-panelmenu-header-link",labelClassName:"p-menuitem-text",submenuIconClassName:"p-panelmenu-icon",iconClassName:i,element:j,props:v,leaf:!n.items,active:o}));var S=m({key:r,className:X("panel",{item:n}),style:n.style},z(n,"panel")),I=m({className:X("header",{active:o,item:n}),style:n.style},z(n,"header")),w=m({className:X("menuContent")},z(n,"menuContent")),C=m({className:X("toggleableContent",{active:o}),role:"region","aria-labelledby":D},z(n,"toggleableContent")),k=m({classNames:X("transition"),timeout:{enter:1e3,exit:450},onEnter:H,disabled:P,in:o,unmountOnExit:!0,options:v.transitionOptions},z(n,"transition"));return e.createElement("div",S,e.createElement("div",I,j),e.createElement(a,d({nodeRef:E},k),e.createElement("div",d({id:_,ref:E},C),e.createElement("div",w,e.createElement(A,{hostName:"PanelMenu",id:r,menuProps:v,model:n.items,className:"p-panelmenu-root-submenu",multiple:v.multiple,submenuIcon:v.submenuIcon,root:!0,ptm:R,cx:X})))))})):null,$=m({className:X("root"),style:v.style},C.getOtherProps(v),R("root"));return e.createElement("div",d({id:v.id,ref:k},$),Y)})));M.displayName="PanelMenu";export{M as PanelMenu};

package/panelmenu/panelmenu.js

@@ -204,7 +204,7 @@ this.primereact.panelmenu = (function (exports, React, api, componentbase, csstr
   var styles = "\n@layer primereact {\n    .p-panelmenu .p-panelmenu-header-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        position: relative;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-panelmenu-header-link:focus {\n        z-index: 1;\n    }\n    \n    .p-panelmenu .p-submenu-list {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-panelmenu .p-menuitem-link {\n        display: flex;\n        align-items: center;\n        user-select: none;\n        cursor: pointer;\n        text-decoration: none;\n    }\n    \n    .p-panelmenu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n";
   var PanelMenuBase = componentbase.ComponentBase.extend({
     defaultProps: {
-      __TYPE: 'Panel',
+      __TYPE: 'PanelMenu',
       id: null,
       model: null,
       style: null,