primereact 8.7.2 → 9.0.0-beta.1

package/orderlist/orderlist.js

@@ -26,14 +26,12 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
     _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);
@@ -41,11 +39,9 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
 
   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];
     }
-
     return arr2;
   }
 
@@ -79,33 +75,33 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _nonIterableRest() {
@@ -120,11 +116,9 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
     var moveUp = function moveUp(event) {
       if (props.selection) {
         var value = _toConsumableArray(props.value);
-
         for (var i = 0; i < props.selection.length; i++) {
           var selectedItem = props.selection[i];
           var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, value, props.dataKey);
-
           if (selectedItemIndex !== 0) {
             var movedItem = value[selectedItemIndex];
             var temp = value[selectedItemIndex - 1];
@@ -134,7 +128,6 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
             break;
           }
         }
-
         if (props.onReorder) {
           props.onReorder({
             originalEvent: event,
@@ -144,15 +137,12 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
         }
       }
     };
-
     var moveTop = function moveTop(event) {
       if (props.selection) {
         var value = _toConsumableArray(props.value);
-
         for (var i = 0; i < props.selection.length; i++) {
           var selectedItem = props.selection[i];
           var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, value, props.dataKey);
-
           if (selectedItemIndex !== 0) {
             var movedItem = value.splice(selectedItemIndex, 1)[0];
             value.unshift(movedItem);
@@ -160,7 +150,6 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
             break;
           }
         }
-
         if (props.onReorder) {
           props.onReorder({
             originalEvent: event,
@@ -170,15 +159,12 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
         }
       }
     };
-
     var moveDown = function moveDown(event) {
       if (props.selection) {
         var value = _toConsumableArray(props.value);
-
         for (var i = props.selection.length - 1; i >= 0; i--) {
           var selectedItem = props.selection[i];
           var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, value, props.dataKey);
-
           if (selectedItemIndex !== value.length - 1) {
             var movedItem = value[selectedItemIndex];
             var temp = value[selectedItemIndex + 1];
@@ -188,7 +174,6 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
             break;
           }
         }
-
         if (props.onReorder) {
           props.onReorder({
             originalEvent: event,
@@ -198,15 +183,12 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
         }
       }
     };
-
     var moveBottom = function moveBottom(event) {
       if (props.selection) {
         var value = _toConsumableArray(props.value);
-
         for (var i = props.selection.length - 1; i >= 0; i--) {
           var selectedItem = props.selection[i];
           var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, value, props.dataKey);
-
           if (selectedItemIndex !== value.length - 1) {
             var movedItem = value.splice(selectedItemIndex, 1)[0];
             value.push(movedItem);
@@ -214,7 +196,6 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
             break;
           }
         }
-
         if (props.onReorder) {
           props.onReorder({
             originalEvent: event,
@@ -224,7 +205,6 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
         }
       }
     };
-
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-orderlist-controls"
     }, /*#__PURE__*/React__namespace.createElement(button.Button, {
@@ -260,20 +240,16 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
         return props.resetFilter();
       }
     };
-
     var isSelected = function isSelected(item) {
       return utils.ObjectUtils.findIndexInList(item, props.selection, props.dataKey) !== -1;
     };
-
     var _onDragStart = function onDragStart(event, index) {
       dragging.current = true;
       draggedItemIndex.current = index;
-
       if (props.dragdropScope) {
         event.dataTransfer.setData('text', 'orderlist');
       }
     };
-
     var _onDragOver = function onDragOver(event, index) {
       if (draggedItemIndex.current !== index && draggedItemIndex.current + 1 !== index) {
         dragOverItemIndex.current = index;
@@ -281,21 +257,16 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
         event.preventDefault();
       }
     };
-
     var onDragLeave = function onDragLeave(event) {
       dragOverItemIndex.current = null;
       utils.DomHandler.removeClass(event.target, 'p-orderlist-droppoint-highlight');
     };
-
     var onDrop = function onDrop(event) {
       var dropIndex = draggedItemIndex.current > dragOverItemIndex.current ? dragOverItemIndex.current : dragOverItemIndex.current === 0 ? 0 : dragOverItemIndex.current - 1;
-
       var value = _toConsumableArray(props.value);
-
       utils.ObjectUtils.reorderArray(value, draggedItemIndex.current, dropIndex);
       dragOverItemIndex.current = null;
       utils.DomHandler.removeClass(event.target, 'p-orderlist-droppoint-highlight');
-
       if (props.onChange) {
         props.onChange({
           originalEvent: event,
@@ -303,11 +274,9 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
         });
       }
     };
-
     var onDragEnd = function onDragEnd(event) {
       dragging.current = false;
     };
-
     var onListMouseMove = function onListMouseMove(event) {
       if (dragging.current) {
         var offsetY = listElementRef.current.getBoundingClientRect().top + utils.DomHandler.getWindowScrollTop();
@@ -316,14 +285,12 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
         if (bottomDiff < 25 && bottomDiff > 0) listElementRef.current.scrollTop += 15;else if (topDiff < 25 && topDiff > 0) listElementRef.current.scrollTop -= 15;
       }
     };
-
     var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
       //enter
       if (event.which === 13) {
         event.preventDefault();
       }
     };
-
     var createDropPoint = function createDropPoint(index, key) {
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
@@ -335,13 +302,11 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
         onDrop: onDrop
       });
     };
-
     var createHeader = function createHeader() {
       return props.header ? /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-orderlist-header"
       }, props.header) : null;
     };
-
     var createItems = function createItems() {
       if (props.value) {
         return props.value.map(function (item, i) {
@@ -350,9 +315,12 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
             'p-highlight': isSelected(item)
           }, props.className);
           var key = JSON.stringify(item);
-
           if (props.dragdrop) {
-            var items = [createDropPoint(i, key + '_droppoint'), /*#__PURE__*/React__namespace.createElement("li", {
+            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) {
@@ -377,12 +345,8 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
               },
               onDragEnd: onDragEnd,
               tabIndex: props.tabIndex
-            }, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))];
-
-            if (i === props.value.length - 1) {
-              items.push(createDropPoint(item, i));
-            }
-
+            }, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
+            items.push(createDropPoint(i, key + '_droppoint'));
             return items;
           } else {
             return /*#__PURE__*/React__namespace.createElement("li", {
@@ -409,10 +373,8 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
           }
         });
       }
-
       return null;
     };
-
     var createList = function createList() {
       var items = createItems();
       return /*#__PURE__*/React__namespace.createElement("ul", {
@@ -424,7 +386,6 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
         "aria-multiselectable": true
       }, items);
     };
-
     var createFilter = function createFilter() {
       if (props.filter) {
         var content = /*#__PURE__*/React__namespace.createElement("div", {
@@ -439,7 +400,6 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
         }), /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-orderlist-filter-icon pi pi-search"
         }));
-
         if (props.filterTemplate) {
           var defaultContentOptions = {
             className: 'p-orderlist-filter',
@@ -455,15 +415,12 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
           };
           content = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
         }
-
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-orderlist-filter-container"
         }, content);
       }
-
       return null;
     };
-
     var header = createHeader();
     var filter = createFilter();
     var list = createList();
@@ -475,19 +432,16 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
 
   var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState([]),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        selectionState = _React$useState2[0],
-        setSelectionState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      selectionState = _React$useState2[0],
+      setSelectionState = _React$useState2[1];
     var _React$useState3 = React__namespace.useState(''),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        filterValueState = _React$useState4[0],
-        setFilterValueState = _React$useState4[1];
-
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      filterValueState = _React$useState4[0],
+      setFilterValueState = _React$useState4[1];
     var hasFilter = utils.ObjectUtils.isNotEmpty(filterValueState);
     var elementRef = React__namespace.useRef(null);
     var reorderDirection = React__namespace.useRef(null);
-
     var onItemClick = function onItemClick(event) {
       var metaKey = event.originalEvent.metaKey || event.originalEvent.ctrlKey;
       var index = utils.ObjectUtils.findIndexInList(event.value, selectionState, props.dataKey);
@@ -498,11 +452,9 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
       }) : [event.value];else newSelection = metaKey ? [].concat(_toConsumableArray(selectionState), [event.value]) : [event.value];
       setSelectionState(newSelection);
     };
-
     var onItemKeyDown = function onItemKeyDown(event) {
       var originalEvent = event.originalEvent;
       var listItem = originalEvent.currentTarget;
-
       switch (originalEvent.which) {
         //down
         case 40:
@@ -510,26 +462,24 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
           nextItem && nextItem.focus();
           originalEvent.preventDefault();
           break;
-        //up
 
+        //up
         case 38:
           var prevItem = findPrevItem(listItem);
           prevItem && prevItem.focus();
           originalEvent.preventDefault();
           break;
-        //enter
 
+        //enter
         case 13:
           onItemClick(event);
           originalEvent.preventDefault();
           break;
       }
     };
-
     var onFilter = function onFilter(event) {
       var _filterValue = event.target.value;
       setFilterValueState(_filterValue);
-
       if (props.onFilter) {
         props.onFilter({
           originalEvent: event,
@@ -537,18 +487,15 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
         });
       }
     };
-
     var resetFilter = function resetFilter() {
       setFilterValueState('');
       props.onFilter && props.onFilter({
         filter: ''
       });
     };
-
     var onFilterInputChange = function onFilterInputChange(event) {
       var filter = event.target.value;
       setFilterValueState(filter);
-
       if (props.onFilter) {
         props.onFilter({
           originalEvent: event,
@@ -556,27 +503,22 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
         });
       }
     };
-
     var getVisibleList = function getVisibleList() {
       if (hasFilter) {
         var filterValue = filterValueState.trim().toLocaleLowerCase(props.filterLocale);
         var searchFields = props.filterBy ? props.filterBy.split(',') : [];
         return api.FilterService.filter(props.value, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
       }
-
       return props.value;
     };
-
     var findNextItem = function findNextItem(item) {
       var nextItem = item.nextElementSibling;
       return nextItem ? !utils.DomHandler.hasClass(nextItem, 'p-orderlist-item') ? findNextItem(nextItem) : nextItem : null;
     };
-
     var findPrevItem = function findPrevItem(item) {
       var prevItem = item.previousElementSibling;
       return prevItem ? !utils.DomHandler.hasClass(prevItem, 'p-orderlist-item') ? findPrevItem(prevItem) : prevItem : null;
     };
-
     var onReorder = function onReorder(event) {
       if (props.onChange) {
         props.onChange({
@@ -584,28 +526,22 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
           value: event.value
         });
       }
-
       reorderDirection.current = event.direction;
     };
-
     var updateListScroll = function updateListScroll() {
       var list = utils.DomHandler.findSingle(elementRef.current, '.p-orderlist-list');
       var listItems = utils.DomHandler.find(list, '.p-orderlist-item.p-highlight');
-
       if (listItems && listItems.length) {
         switch (reorderDirection.current) {
           case 'up':
             utils.DomHandler.scrollInView(list, listItems[0]);
             break;
-
           case 'top':
             list.scrollTop = 0;
             break;
-
           case 'down':
             utils.DomHandler.scrollInView(list, listItems[listItems.length - 1]);
             break;
-
           case 'bottom':
             /* TODO: improve this code block */
             setTimeout(function () {
@@ -615,7 +551,6 @@ this.primereact.orderlist = (function (exports, React, hooks, api, utils, button
         }
       }
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,

package/orderlist/orderlist.min.css

@@ -1 +1 @@
-.p-orderlist{display:flex}.p-orderlist-controls{display:flex;flex-direction:column;justify-content:center}.p-orderlist-list-container{flex:1 1 auto}.p-orderlist-list{list-style-type:none;margin:0;padding:0;overflow:auto;min-height:12rem;max-height:24rem}.p-orderlist-item{cursor:pointer;overflow:hidden;position:relative}.p-orderlist-filter{position:relative}.p-orderlist-filter-icon{position:absolute;top:50%;margin-top:-.5rem}.p-orderlist-filter-input{width:100%}.p-orderlist.p-state-disabled .p-orderlist-item,.p-orderlist.p-state-disabled .p-button{cursor:default}.p-orderlist.p-state-disabled .p-orderlist-list{overflow:hidden}
+.p-orderlist{display:flex}.p-orderlist-controls{display:flex;flex-direction:column;justify-content:center}.p-orderlist-list-container{flex:1 1 auto}.p-orderlist-list{list-style-type:none;margin:0;padding:0;overflow:auto;min-height:12rem;max-height:24rem}.p-orderlist-item{cursor:pointer;overflow:hidden;position:relative}.p-orderlist-filter{position:relative}.p-orderlist-filter-icon{position:absolute;top:50%;margin-top:-.5rem}.p-orderlist-filter-input{width:100%}.p-orderlist.p-state-disabled .p-orderlist-item,.p-orderlist.p-state-disabled .p-button{cursor:default}.p-orderlist.p-state-disabled .p-orderlist-list{overflow:hidden}.p-orderlist .p-orderlist-droppoint{height:.5rem}.p-orderlist .p-orderlist-droppoint.p-orderlist-droppoint-highlight{background:var(--primary-color)}

package/orderlist/orderlist.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.orderlist=function(e,t,r,n,l,i,a){"use strict";function o(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 u=o(t);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 s(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 d(e){if(Array.isArray(e))return s(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e){return d(e)||f(e)||p(e)||m()}function g(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i=[],a=!0,o=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);a=!0);}catch(e){o=!0,l=e}finally{try{a||null==r.return||r.return()}finally{if(o)throw l}}return i}}function y(){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 b(e,t){return g(e)||h(e,t)||p(e,t)||y()}var E=u.memo((function(e){return u.createElement("div",{className:"p-orderlist-controls"},u.createElement(i.Button,{type:"button",icon:"pi pi-angle-up",onClick:function(t){if(e.selection){for(var r=v(e.value),n=0;n<e.selection.length;n++){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var a=r[i-1];r[i-1]=r[i],r[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}}}),u.createElement(i.Button,{type:"button",icon:"pi pi-angle-double-up",onClick:function(t){if(e.selection){for(var r=v(e.value),n=0;n<e.selection.length;n++){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var a=r.splice(i,1)[0];r.unshift(a)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}}}),u.createElement(i.Button,{type:"button",icon:"pi pi-angle-down",onClick:function(t){if(e.selection){for(var r=v(e.value),n=e.selection.length-1;n>=0;n--){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var a=r[i+1];r[i+1]=r[i],r[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}}}),u.createElement(i.Button,{type:"button",icon:"pi pi-angle-double-down",onClick:function(t){if(e.selection){for(var r=v(e.value),n=e.selection.length-1;n>=0;n--){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var a=r.splice(i,1)[0];r.push(a)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}}}))}));E.displayName="OrderListControls";var I=u.memo((function(e){var t,r=u.useRef(null),n=u.useRef(null),i=u.useRef(null),o=u.useRef(null),c={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},s=function(t){return-1!==l.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},d=function(e,t){n.current!==t&&n.current+1!==t&&(i.current=t,l.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())},f=function(e){i.current=null,l.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")},p=function(t){var r=n.current>i.current?i.current:0===i.current?0:i.current-1,a=v(e.value);l.ObjectUtils.reorderArray(a,n.current,r),i.current=null,l.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),e.onChange&&e.onChange({originalEvent:t,value:a})},m=function(e){r.current=!1},g=function(e){if(r.current){var t=o.current.getBoundingClientRect().top+l.DomHandler.getWindowScrollTop(),n=t+o.current.clientHeight-e.pageY,i=e.pageY-t;n<25&&n>0?o.current.scrollTop+=15:i<25&&i>0&&(o.current.scrollTop-=15)}},h=function(e){13===e.which&&e.preventDefault()},y=function(e,t){return u.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return d(t,e+1)},onDragLeave:f,onDrop:p})},b=e.header?u.createElement("div",{className:"p-orderlist-header"},e.header):null,E=function(){if(e.filter){var t=u.createElement("div",{className:"p-orderlist-filter"},u.createElement("input",{type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:h,placeholder:e.placeholder,className:"p-orderlist-filter-input p-inputtext p-component"}),u.createElement("span",{className:"p-orderlist-filter-icon pi pi-search"}));if(e.filterTemplate)t=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:c,iconClassName:"p-orderlist-filter-icon pi pi-search",element:t,props:e});return u.createElement("div",{className:"p-orderlist-filter-container"},t)}return null}(),I=(t=e.value?e.value.map((function(t,i){var o=e.itemTemplate?e.itemTemplate(t):t,c=l.classNames("p-orderlist-item",{"p-highlight":s(t)},e.className),d=JSON.stringify(t);if(e.dragdrop){var f=[y(i,d+"_droppoint"),u.createElement("li",{key:d,className:c,onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:i})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:i})},role:"option","aria-selected":s(t),draggable:"true",onDragStart:function(t){return l=t,a=i,r.current=!0,n.current=a,void(e.dragdropScope&&l.dataTransfer.setData("text","orderlist"));var l,a},onDragEnd:m,tabIndex:e.tabIndex},o,u.createElement(a.Ripple,null))];return i===e.value.length-1&&f.push(y(t,i)),f}return u.createElement("li",{key:d,className:c,role:"option","aria-selected":s(t),onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:i})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:i})},tabIndex:e.tabIndex},o)})):null,u.createElement("ul",{ref:o,className:"p-orderlist-list",style:e.listStyle,onDragOver:g,role:"listbox","aria-multiselectable":!0},t));return u.createElement("div",{className:"p-orderlist-list-container"},b,E,I)}));I.displayName="OrderListSubList";var O=u.memo(u.forwardRef((function(e,t){var i=b(u.useState([]),2),a=i[0],o=i[1],s=b(u.useState(""),2),d=s[0],f=s[1],p=l.ObjectUtils.isNotEmpty(d),m=u.useRef(null),g=u.useRef(null),h=function(t){var r,n=t.originalEvent.metaKey||t.originalEvent.ctrlKey,i=l.ObjectUtils.findIndexInList(t.value,a,e.dataKey);r=-1!==i?n?a.filter((function(e,t){return t!==i})):[t.value]:n?[].concat(v(a),[t.value]):[t.value],o(r)},y=function e(t){var r=t.nextElementSibling;return r?l.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},C=function e(t){var r=t.previousElementSibling;return r?l.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},D=function(){var e=l.DomHandler.findSingle(m.current,".p-orderlist-list"),t=l.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(g.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)}};u.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return m.current}}})),r.useUpdateEffect((function(){g.current&&(D(),g.current=null)}));var w=l.ObjectUtils.findDiffKeys(e,O.defaultProps),N=l.classNames("p-orderlist p-component",e.className),x=function(){if(p){var t=d.trim().toLocaleLowerCase(e.filterLocale),r=e.filterBy?e.filterBy.split(","):[];return n.FilterService.filter(e.value,r,t,e.filterMatchMode,e.filterLocale)}return e.value}();return u.createElement("div",c({ref:m,id:e.id,className:N,style:e.style},w),u.createElement(E,{value:x,selection:a,onReorder:function(t){e.onChange&&e.onChange({event:t.originalEvent,value:t.value}),g.current=t.direction},dataKey:e.dataKey}),u.createElement(I,{value:x,selection:a,onItemClick:h,onItemKeyDown:function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=y(r);n&&n.focus(),t.preventDefault();break;case 38:var l=C(r);l&&l.focus(),t.preventDefault();break;case 13:h(e),t.preventDefault()}},onFilterInputChange:function(t){var r=t.target.value;f(r),e.onFilter&&e.onFilter({originalEvent:t,filter:r})},itemTemplate:e.itemTemplate,filter:e.filter,onFilter:function(t){var r=t.target.value;f(r),e.onFilter&&e.onFilter({originalEvent:t,value:r})},resetFilter:function(){f(""),e.onFilter&&e.onFilter({filter:""})},filterTemplate:e.filterTemplate,header:e.header,listStyle:e.listStyle,dataKey:e.dataKey,dragdrop:e.dragdrop,onChange:e.onChange,tabIndex:e.tabIndex}))})));return O.displayName="OrderList",O.defaultProps={__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null},e.OrderList=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.api,primereact.utils,primereact.button,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.orderlist=function(e,t,r,n,l,i,a){"use strict";function o(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 u=o(t);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 s(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 d(e){if(Array.isArray(e))return s(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e){return d(e)||f(e)||p(e)||m()}function g(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i,a,o=[],u=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw l}}return o}}function y(){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 b(e,t){return g(e)||h(e,t)||p(e,t)||y()}var E=u.memo((function(e){return u.createElement("div",{className:"p-orderlist-controls"},u.createElement(i.Button,{type:"button",icon:"pi pi-angle-up",onClick:function(t){if(e.selection){for(var r=v(e.value),n=0;n<e.selection.length;n++){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var a=r[i-1];r[i-1]=r[i],r[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"up"})}}}),u.createElement(i.Button,{type:"button",icon:"pi pi-angle-double-up",onClick:function(t){if(e.selection){for(var r=v(e.value),n=0;n<e.selection.length;n++){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(0===i)break;var a=r.splice(i,1)[0];r.unshift(a)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"top"})}}}),u.createElement(i.Button,{type:"button",icon:"pi pi-angle-down",onClick:function(t){if(e.selection){for(var r=v(e.value),n=e.selection.length-1;n>=0;n--){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var a=r[i+1];r[i+1]=r[i],r[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"down"})}}}),u.createElement(i.Button,{type:"button",icon:"pi pi-angle-double-down",onClick:function(t){if(e.selection){for(var r=v(e.value),n=e.selection.length-1;n>=0;n--){var i=l.ObjectUtils.findIndexInList(e.selection[n],r,e.dataKey);if(i===r.length-1)break;var a=r.splice(i,1)[0];r.push(a)}e.onReorder&&e.onReorder({originalEvent:t,value:r,direction:"bottom"})}}}))}));E.displayName="OrderListControls";var I=u.memo((function(e){var t,r=u.useRef(null),n=u.useRef(null),i=u.useRef(null),o=u.useRef(null),c={filter:function(t){return e.onFilterInputChange(t)},reset:function(){return e.resetFilter()}},s=function(t){return-1!==l.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},d=function(e,t){n.current!==t&&n.current+1!==t&&(i.current=t,l.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())},f=function(e){i.current=null,l.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")},p=function(t){var r=n.current>i.current?i.current:0===i.current?0:i.current-1,a=v(e.value);l.ObjectUtils.reorderArray(a,n.current,r),i.current=null,l.DomHandler.removeClass(t.target,"p-orderlist-droppoint-highlight"),e.onChange&&e.onChange({originalEvent:t,value:a})},m=function(e){r.current=!1},g=function(e){if(r.current){var t=o.current.getBoundingClientRect().top+l.DomHandler.getWindowScrollTop(),n=t+o.current.clientHeight-e.pageY,i=e.pageY-t;n<25&&n>0?o.current.scrollTop+=15:i<25&&i>0&&(o.current.scrollTop-=15)}},h=function(e){13===e.which&&e.preventDefault()},y=function(e,t){return u.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return d(t,e+1)},onDragLeave:f,onDrop:p})},b=e.header?u.createElement("div",{className:"p-orderlist-header"},e.header):null,E=function(){if(e.filter){var t=u.createElement("div",{className:"p-orderlist-filter"},u.createElement("input",{type:"text",value:e.filterValue,onChange:e.onFilter,onKeyDown:h,placeholder:e.placeholder,className:"p-orderlist-filter-input p-inputtext p-component"}),u.createElement("span",{className:"p-orderlist-filter-icon pi pi-search"}));if(e.filterTemplate)t=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:c,iconClassName:"p-orderlist-filter-icon pi pi-search",element:t,props:e});return u.createElement("div",{className:"p-orderlist-filter-container"},t)}return null}(),I=(t=e.value?e.value.map((function(t,i){var o=e.itemTemplate?e.itemTemplate(t):t,c=l.classNames("p-orderlist-item",{"p-highlight":s(t)},e.className),d=JSON.stringify(t);if(e.dragdrop){var f=[];return 0===i&&f.push(y(t,i)),f.push(u.createElement("li",{key:d,className:c,onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:i})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:i})},role:"option","aria-selected":s(t),draggable:"true",onDragStart:function(t){return l=t,a=i,r.current=!0,n.current=a,void(e.dragdropScope&&l.dataTransfer.setData("text","orderlist"));var l,a},onDragEnd:m,tabIndex:e.tabIndex},o,u.createElement(a.Ripple,null))),f.push(y(i,d+"_droppoint")),f}return u.createElement("li",{key:d,className:c,role:"option","aria-selected":s(t),onClick:function(r){return e.onItemClick({originalEvent:r,value:t,index:i})},onKeyDown:function(r){return e.onItemKeyDown({originalEvent:r,value:t,index:i})},tabIndex:e.tabIndex},o)})):null,u.createElement("ul",{ref:o,className:"p-orderlist-list",style:e.listStyle,onDragOver:g,role:"listbox","aria-multiselectable":!0},t));return u.createElement("div",{className:"p-orderlist-list-container"},b,E,I)}));I.displayName="OrderListSubList";var O=u.memo(u.forwardRef((function(e,t){var i=b(u.useState([]),2),a=i[0],o=i[1],s=b(u.useState(""),2),d=s[0],f=s[1],p=l.ObjectUtils.isNotEmpty(d),m=u.useRef(null),g=u.useRef(null),h=function(t){var r,n=t.originalEvent.metaKey||t.originalEvent.ctrlKey,i=l.ObjectUtils.findIndexInList(t.value,a,e.dataKey);r=-1!==i?n?a.filter((function(e,t){return t!==i})):[t.value]:n?[].concat(v(a),[t.value]):[t.value],o(r)},y=function e(t){var r=t.nextElementSibling;return r?l.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},C=function e(t){var r=t.previousElementSibling;return r?l.DomHandler.hasClass(r,"p-orderlist-item")?r:e(r):null},D=function(){var e=l.DomHandler.findSingle(m.current,".p-orderlist-list"),t=l.DomHandler.find(e,".p-orderlist-item.p-highlight");if(t&&t.length)switch(g.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)}};u.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return m.current}}})),r.useUpdateEffect((function(){g.current&&(D(),g.current=null)}));var w=l.ObjectUtils.findDiffKeys(e,O.defaultProps),j=l.classNames("p-orderlist p-component",e.className),N=function(){if(p){var t=d.trim().toLocaleLowerCase(e.filterLocale),r=e.filterBy?e.filterBy.split(","):[];return n.FilterService.filter(e.value,r,t,e.filterMatchMode,e.filterLocale)}return e.value}();return u.createElement("div",c({ref:m,id:e.id,className:j,style:e.style},w),u.createElement(E,{value:N,selection:a,onReorder:function(t){e.onChange&&e.onChange({event:t.originalEvent,value:t.value}),g.current=t.direction},dataKey:e.dataKey}),u.createElement(I,{value:N,selection:a,onItemClick:h,onItemKeyDown:function(e){var t=e.originalEvent,r=t.currentTarget;switch(t.which){case 40:var n=y(r);n&&n.focus(),t.preventDefault();break;case 38:var l=C(r);l&&l.focus(),t.preventDefault();break;case 13:h(e),t.preventDefault()}},onFilterInputChange:function(t){var r=t.target.value;f(r),e.onFilter&&e.onFilter({originalEvent:t,filter:r})},itemTemplate:e.itemTemplate,filter:e.filter,onFilter:function(t){var r=t.target.value;f(r),e.onFilter&&e.onFilter({originalEvent:t,value:r})},resetFilter:function(){f(""),e.onFilter&&e.onFilter({filter:""})},filterTemplate:e.filterTemplate,header:e.header,listStyle:e.listStyle,dataKey:e.dataKey,dragdrop:e.dragdrop,onChange:e.onChange,tabIndex:e.tabIndex}))})));return O.displayName="OrderList",O.defaultProps={__TYPE:"OrderList",id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,onChange:null,itemTemplate:null,filter:!1,filterBy:null,filterMatchMode:"contains",filterLocale:void 0,filterPlaceholder:null,filterTemplate:null,onFilter:null},e.OrderList=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.api,primereact.utils,primereact.button,primereact.ripple);