primereact 9.5.0 → 9.6.1

package/orderlist/orderlist.esm.min.js

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

package/orderlist/orderlist.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils, button, angledown, angledoubleup, angleup, angledoubledown, ripple, search) {
+this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils, componentbase, button, angledoubledown, angledoubleup, angledown, angleup, search, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,21 +25,6 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-  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 _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -111,7 +96,7 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var OrderListBase = {
+  var OrderListBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'OrderList',
       id: null,
@@ -139,14 +124,8 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
       filterTemplate: null,
       onFilter: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, OrderListBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, OrderListBase.defaultProps);
     }
-  };
+  });
 
   var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
     var moveUpIcon = props.moveUpIcon || /*#__PURE__*/React__namespace.createElement(angleup.AngleUpIcon, null);
@@ -245,29 +224,103 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
         }
       }
     };
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-orderlist-controls"
-    }, /*#__PURE__*/React__namespace.createElement(button.Button, {
-      type: "button",
+    var controlProps = utils.mergeProps({
+      className: 'p-orderlist-controls'
+    }, props.ptm('control'));
+    var moveUpButtonProps = utils.mergeProps({
+      type: 'button',
       icon: moveUpIcon,
-      onClick: moveUp
-    }), /*#__PURE__*/React__namespace.createElement(button.Button, {
-      type: "button",
+      onClick: moveUp,
+      'aria-label': PrimeReact.ariaLabel('moveUp')
+    }, props.ptm('moveUpButton'));
+    var moveTopButtonProps = utils.mergeProps({
+      type: 'button',
       icon: moveTopIcon,
-      onClick: moveTop
-    }), /*#__PURE__*/React__namespace.createElement(button.Button, {
-      type: "button",
+      onClick: moveTop,
+      'aria-label': PrimeReact.ariaLabel('moveTop')
+    }, props.ptm('moveTopButton'));
+    var moveDownButtonProps = utils.mergeProps({
+      type: 'button',
       icon: moveDownIcon,
-      onClick: moveDown
-    }), /*#__PURE__*/React__namespace.createElement(button.Button, {
-      type: "button",
+      onClick: moveDown,
+      'aria-label': PrimeReact.ariaLabel('moveDown')
+    }, props.ptm('moveDownButton'));
+    var moveBottomButtonProps = utils.mergeProps({
+      type: 'button',
       icon: moveBottomIcon,
-      onClick: moveBottom
-    }));
+      onClick: moveBottom,
+      'aria-label': PrimeReact.ariaLabel('moveBottom')
+    }, props.ptm('moveBottomButton'));
+    return /*#__PURE__*/React__namespace.createElement("div", controlProps, /*#__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));
   });
   OrderListControls.displayName = 'OrderListControls';
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
+  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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
+    var getPTOptions = function getPTOptions(item, key) {
+      return props.ptm(key, {
+        context: {
+          selected: isSelected(item)
+        }
+      });
+    };
     var dragging = React__namespace.useRef(null);
     var draggedItemIndex = React__namespace.useRef(null);
     var dragOverItemIndex = React__namespace.useRef(null);
@@ -332,20 +385,23 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
       }
     };
     var createDropPoint = function createDropPoint(index, key) {
-      return /*#__PURE__*/React__namespace.createElement("li", {
-        key: key,
-        className: "p-orderlist-droppoint",
+      var droppointProps = utils.mergeProps({
+        className: 'p-orderlist-droppoint',
         onDragOver: function onDragOver(e) {
           return _onDragOver(e, index + 1);
         },
         onDragLeave: onDragLeave,
         onDrop: onDrop
-      });
+      }, props.ptm('droppoint'));
+      return /*#__PURE__*/React__namespace.createElement("li", _extends({
+        key: key
+      }, droppointProps));
     };
     var createHeader = function createHeader() {
-      return props.header ? /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-orderlist-header"
-      }, props.header) : null;
+      var headerProps = utils.mergeProps({
+        className: 'p-orderlist-header'
+      }, props.ptm('header'));
+      return props.header ? /*#__PURE__*/React__namespace.createElement("div", headerProps, props.header) : null;
     };
     var createItems = function createItems() {
       if (props.value) {
@@ -355,45 +411,44 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
             'p-highlight': isSelected(item)
           }, props.className);
           var key = JSON.stringify(item);
+          var itemProps = utils.mergeProps({
+            className: itemClassName,
+            onClick: function onClick(e) {
+              return props.onItemClick({
+                originalEvent: e,
+                value: item,
+                index: i
+              });
+            },
+            onKeyDown: function onKeyDown(e) {
+              return props.onItemKeyDown({
+                originalEvent: e,
+                value: item,
+                index: i
+              });
+            },
+            role: 'option',
+            'aria-selected': isSelected(item),
+            draggable: 'true',
+            onDragStart: function onDragStart(e) {
+              return _onDragStart(e, i);
+            },
+            onDragEnd: onDragEnd,
+            tabIndex: props.tabIndex
+          }, getPTOptions(item, 'item'));
           if (props.dragdrop) {
             var items = [];
             if (i === 0) {
               items.push(createDropPoint(item, i));
             }
-            items.push( /*#__PURE__*/React__namespace.createElement("li", {
-              key: key,
-              className: itemClassName,
-              onClick: function onClick(e) {
-                return props.onItemClick({
-                  originalEvent: e,
-                  value: item,
-                  index: i
-                });
-              },
-              onKeyDown: function onKeyDown(e) {
-                return props.onItemKeyDown({
-                  originalEvent: e,
-                  value: item,
-                  index: i
-                });
-              },
-              role: "option",
-              "aria-selected": isSelected(item),
-              draggable: "true",
-              onDragStart: function onDragStart(e) {
-                return _onDragStart(e, i);
-              },
-              onDragEnd: onDragEnd,
-              tabIndex: props.tabIndex
-            }, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
+            items.push( /*#__PURE__*/React__namespace.createElement("li", _extends({
+              key: key
+            }, itemProps), content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
             items.push(createDropPoint(i, key + '_droppoint'));
             return items;
           } else {
-            return /*#__PURE__*/React__namespace.createElement("li", {
-              key: key,
+            var _itemProps = utils.mergeProps({
               className: itemClassName,
-              role: "option",
-              "aria-selected": isSelected(item),
               onClick: function onClick(e) {
                 return props.onItemClick({
                   originalEvent: e,
@@ -408,8 +463,13 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
                   index: i
                 });
               },
+              role: 'option',
+              'aria-selected': isSelected(item),
               tabIndex: props.tabIndex
-            }, content);
+            }, getPTOptions(item, 'item'));
+            return /*#__PURE__*/React__namespace.createElement("li", _extends({
+              key: key
+            }, _itemProps), content);
           }
         });
       }
@@ -417,38 +477,41 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
     };
     var createList = function createList() {
       var items = createItems();
-      return /*#__PURE__*/React__namespace.createElement("ul", {
+      var listProps = utils.mergeProps({
         ref: listElementRef,
-        className: "p-orderlist-list",
+        className: 'p-orderlist-list',
         style: props.listStyle,
         onDragOver: onListMouseMove,
-        role: "listbox",
-        "aria-multiselectable": true
-      }, items);
+        role: 'listbox',
+        'aria-multiselectable': true
+      }, props.ptm('list'));
+      return /*#__PURE__*/React__namespace.createElement("ul", listProps, items);
     };
     var createFilter = function createFilter() {
       var iconClassName = 'p-orderlist-filter';
-      var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
+      var searchIconProps = utils.mergeProps({
         className: iconClassName
-      });
-      var filterIcon = utils.IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
+      }, props.ptm('icon'));
+      var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, searchIconProps);
+      var filterIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, searchIconProps), {
         props: props
       });
       if (props.filter) {
-        var content = /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-orderlist-filter"
-        }, /*#__PURE__*/React__namespace.createElement("input", {
-          type: "text",
+        var filterProps = utils.mergeProps({
+          className: 'p-orderlist-filter'
+        }, props.ptm('filter'));
+        var filterInputProps = utils.mergeProps({
+          type: 'text',
           value: props.filterValue,
           onChange: props.onFilter,
           onKeyDown: onFilterInputKeyDown,
           placeholder: props.placeholder,
-          className: "p-orderlist-filter-input p-inputtext p-component"
-        }), /*#__PURE__*/React__namespace.createElement("span", {
-          className: "p-orderlist-filter-icon"
-        }, filterIcon));
+          className: 'p-orderlist-filter-input p-inputtext p-component'
+        }, props.ptm('filterInput'));
+        var filterIconProps = utils.mergeProps({
+          className: 'p-orderlist-filter-icon'
+        }, props.ptm('filterIcon'));
+        var content = /*#__PURE__*/React__namespace.createElement("div", filterProps, /*#__PURE__*/React__namespace.createElement("input", filterInputProps), /*#__PURE__*/React__namespace.createElement("span", filterIconProps, filterIcon));
         if (props.filterTemplate) {
           var defaultContentOptions = {
             className: 'p-orderlist-filter',
@@ -464,23 +527,26 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
           };
           content = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
         }
-        return /*#__PURE__*/React__namespace.createElement("div", {
-          className: "p-orderlist-filter-container"
-        }, content);
+        var filterContainerProps = utils.mergeProps({
+          className: 'p-orderlist-filter-container'
+        }, props.ptm('filterContainer'));
+        return /*#__PURE__*/React__namespace.createElement("div", filterContainerProps, content);
       }
       return null;
     };
     var header = createHeader();
     var filter = createFilter();
     var list = createList();
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-orderlist-list-container"
-    }, header, filter, list);
+    var containerProps = utils.mergeProps({
+      className: 'p-orderlist-list-container'
+    }, props.ptm('container'));
+    return /*#__PURE__*/React__namespace.createElement("div", containerProps, header, filter, list);
   });
   OrderListSubList.displayName = 'OrderListSubList';
 
   var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = OrderListBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = OrderListBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       selectionState = _React$useState2[0],
@@ -497,6 +563,15 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
     var elementRef = React__namespace.useRef(null);
     var styleElementRef = React__namespace.useRef(null);
     var reorderDirection = React__namespace.useRef(null);
+    var _OrderListBase$setMet = OrderListBase.setMetaData({
+        props: props,
+        state: {
+          selection: selectionState,
+          filterValue: filterValueState,
+          attributeSelector: attributeSelectorState
+        }
+      }),
+      ptm = _OrderListBase$setMet.ptm;
     var onItemClick = function onItemClick(event) {
       var metaKey = event.originalEvent.metaKey || event.originalEvent.ctrlKey;
       var index = utils.ObjectUtils.findIndexInList(event.value, selectionState, props.dataKey);
@@ -608,7 +683,7 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
     };
     var createStyle = function createStyle() {
       if (!styleElementRef.current) {
-        styleElementRef.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+        styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
         var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-orderlist[").concat(attributeSelectorState, "] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(attributeSelectorState, "] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(attributeSelectorState, "] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(attributeSelectorState, "] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");
         styleElementRef.current.innerHTML = innerHTML;
       }
@@ -642,15 +717,15 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
         reorderDirection.current = null;
       }
     });
-    var otherProps = OrderListBase.getOtherProps(props);
     var className = utils.classNames('p-orderlist p-component', props.className);
     var visibleList = getVisibleList();
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       ref: elementRef,
       id: props.id,
       className: className,
       style: props.style
-    }, otherProps), /*#__PURE__*/React__namespace.createElement(OrderListControls, {
+    }, OrderListBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(OrderListControls, {
       value: visibleList,
       selection: selectionState,
       onReorder: onReorder,
@@ -658,7 +733,8 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
       moveUpIcon: props.moveUpIcon,
       moveTopIcon: props.moveTopIcon,
       moveDownIcon: props.moveDownIcon,
-      moveBottomIcon: props.moveBottomIcon
+      moveBottomIcon: props.moveBottomIcon,
+      ptm: ptm
     }), /*#__PURE__*/React__namespace.createElement(OrderListSubList, {
       value: visibleList,
       selection: selectionState,
@@ -676,7 +752,8 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
       dragdrop: props.dragdrop,
       onChange: props.onChange,
       tabIndex: props.tabIndex,
-      filterIcon: props.filterIcon
+      filterIcon: props.filterIcon,
+      ptm: ptm
     }));
   }));
   OrderList.displayName = 'OrderList';
@@ -687,4 +764,4 @@ this.primereact.orderlist = (function (exports, React, PrimeReact, hooks, utils,
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.utils, primereact.button, primereact.icons.angledown, primereact.icons.angledoubleup, primereact.icons.angleup, primereact.icons.angledoubledown, primereact.ripple, primereact.icons.search);
+})({}, React, primereact.api, primereact.hooks, primereact.utils, primereact.componentbase, primereact.button, primereact.icons.angledoubledown, primereact.icons.angledoubleup, primereact.icons.angledown, primereact.icons.angleup, primereact.icons.search, primereact.ripple);

package/orderlist/orderlist.min.js

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