primereact 8.7.2 → 9.0.0-beta.1

package/orderlist/orderlist.esm.js

@@ -9,14 +9,12 @@ 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);
@@ -24,11 +22,9 @@ function _extends() {
 
 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;
 }
 
@@ -62,33 +58,33 @@ function _arrayWithHoles(arr) {
 }
 
 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() {
@@ -103,11 +99,9 @@ var OrderListControls = /*#__PURE__*/React.memo(function (props) {
   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 = ObjectUtils.findIndexInList(selectedItem, value, props.dataKey);
-
         if (selectedItemIndex !== 0) {
           var movedItem = value[selectedItemIndex];
           var temp = value[selectedItemIndex - 1];
@@ -117,7 +111,6 @@ var OrderListControls = /*#__PURE__*/React.memo(function (props) {
           break;
         }
       }
-
       if (props.onReorder) {
         props.onReorder({
           originalEvent: event,
@@ -127,15 +120,12 @@ var OrderListControls = /*#__PURE__*/React.memo(function (props) {
       }
     }
   };
-
   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 = ObjectUtils.findIndexInList(selectedItem, value, props.dataKey);
-
         if (selectedItemIndex !== 0) {
           var movedItem = value.splice(selectedItemIndex, 1)[0];
           value.unshift(movedItem);
@@ -143,7 +133,6 @@ var OrderListControls = /*#__PURE__*/React.memo(function (props) {
           break;
         }
       }
-
       if (props.onReorder) {
         props.onReorder({
           originalEvent: event,
@@ -153,15 +142,12 @@ var OrderListControls = /*#__PURE__*/React.memo(function (props) {
       }
     }
   };
-
   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 = ObjectUtils.findIndexInList(selectedItem, value, props.dataKey);
-
         if (selectedItemIndex !== value.length - 1) {
           var movedItem = value[selectedItemIndex];
           var temp = value[selectedItemIndex + 1];
@@ -171,7 +157,6 @@ var OrderListControls = /*#__PURE__*/React.memo(function (props) {
           break;
         }
       }
-
       if (props.onReorder) {
         props.onReorder({
           originalEvent: event,
@@ -181,15 +166,12 @@ var OrderListControls = /*#__PURE__*/React.memo(function (props) {
       }
     }
   };
-
   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 = ObjectUtils.findIndexInList(selectedItem, value, props.dataKey);
-
         if (selectedItemIndex !== value.length - 1) {
           var movedItem = value.splice(selectedItemIndex, 1)[0];
           value.push(movedItem);
@@ -197,7 +179,6 @@ var OrderListControls = /*#__PURE__*/React.memo(function (props) {
           break;
         }
       }
-
       if (props.onReorder) {
         props.onReorder({
           originalEvent: event,
@@ -207,7 +188,6 @@ var OrderListControls = /*#__PURE__*/React.memo(function (props) {
       }
     }
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: "p-orderlist-controls"
   }, /*#__PURE__*/React.createElement(Button, {
@@ -243,20 +223,16 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
       return props.resetFilter();
     }
   };
-
   var isSelected = function isSelected(item) {
     return 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;
@@ -264,21 +240,16 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
       event.preventDefault();
     }
   };
-
   var onDragLeave = function onDragLeave(event) {
     dragOverItemIndex.current = null;
     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);
-
     ObjectUtils.reorderArray(value, draggedItemIndex.current, dropIndex);
     dragOverItemIndex.current = null;
     DomHandler.removeClass(event.target, 'p-orderlist-droppoint-highlight');
-
     if (props.onChange) {
       props.onChange({
         originalEvent: event,
@@ -286,11 +257,9 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
       });
     }
   };
-
   var onDragEnd = function onDragEnd(event) {
     dragging.current = false;
   };
-
   var onListMouseMove = function onListMouseMove(event) {
     if (dragging.current) {
       var offsetY = listElementRef.current.getBoundingClientRect().top + DomHandler.getWindowScrollTop();
@@ -299,14 +268,12 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
       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.createElement("li", {
       key: key,
@@ -318,13 +285,11 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
       onDrop: onDrop
     });
   };
-
   var createHeader = function createHeader() {
     return props.header ? /*#__PURE__*/React.createElement("div", {
       className: "p-orderlist-header"
     }, props.header) : null;
   };
-
   var createItems = function createItems() {
     if (props.value) {
       return props.value.map(function (item, i) {
@@ -333,9 +298,12 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
           'p-highlight': isSelected(item)
         }, props.className);
         var key = JSON.stringify(item);
-
         if (props.dragdrop) {
-          var items = [createDropPoint(i, key + '_droppoint'), /*#__PURE__*/React.createElement("li", {
+          var items = [];
+          if (i === 0) {
+            items.push(createDropPoint(item, i));
+          }
+          items.push( /*#__PURE__*/React.createElement("li", {
             key: key,
             className: itemClassName,
             onClick: function onClick(e) {
@@ -360,12 +328,8 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
             },
             onDragEnd: onDragEnd,
             tabIndex: props.tabIndex
-          }, content, /*#__PURE__*/React.createElement(Ripple, null))];
-
-          if (i === props.value.length - 1) {
-            items.push(createDropPoint(item, i));
-          }
-
+          }, content, /*#__PURE__*/React.createElement(Ripple, null)));
+          items.push(createDropPoint(i, key + '_droppoint'));
           return items;
         } else {
           return /*#__PURE__*/React.createElement("li", {
@@ -392,10 +356,8 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
         }
       });
     }
-
     return null;
   };
-
   var createList = function createList() {
     var items = createItems();
     return /*#__PURE__*/React.createElement("ul", {
@@ -407,7 +369,6 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
       "aria-multiselectable": true
     }, items);
   };
-
   var createFilter = function createFilter() {
     if (props.filter) {
       var content = /*#__PURE__*/React.createElement("div", {
@@ -422,7 +383,6 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
       }), /*#__PURE__*/React.createElement("span", {
         className: "p-orderlist-filter-icon pi pi-search"
       }));
-
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-orderlist-filter',
@@ -438,15 +398,12 @@ var OrderListSubList = /*#__PURE__*/React.memo(function (props) {
         };
         content = ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: "p-orderlist-filter-container"
       }, content);
     }
-
     return null;
   };
-
   var header = createHeader();
   var filter = createFilter();
   var list = createList();
@@ -458,19 +415,16 @@ OrderListSubList.displayName = 'OrderListSubList';
 
 var OrderList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.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.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 = ObjectUtils.isNotEmpty(filterValueState);
   var elementRef = React.useRef(null);
   var reorderDirection = React.useRef(null);
-
   var onItemClick = function onItemClick(event) {
     var metaKey = event.originalEvent.metaKey || event.originalEvent.ctrlKey;
     var index = ObjectUtils.findIndexInList(event.value, selectionState, props.dataKey);
@@ -481,11 +435,9 @@ var OrderList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }) : [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:
@@ -493,26 +445,24 @@ var OrderList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         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,
@@ -520,18 +470,15 @@ var OrderList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       });
     }
   };
-
   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,
@@ -539,27 +486,22 @@ var OrderList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       });
     }
   };
-
   var getVisibleList = function getVisibleList() {
     if (hasFilter) {
       var filterValue = filterValueState.trim().toLocaleLowerCase(props.filterLocale);
       var searchFields = props.filterBy ? props.filterBy.split(',') : [];
       return FilterService.filter(props.value, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
     }
-
     return props.value;
   };
-
   var findNextItem = function findNextItem(item) {
     var nextItem = item.nextElementSibling;
     return nextItem ? !DomHandler.hasClass(nextItem, 'p-orderlist-item') ? findNextItem(nextItem) : nextItem : null;
   };
-
   var findPrevItem = function findPrevItem(item) {
     var prevItem = item.previousElementSibling;
     return prevItem ? !DomHandler.hasClass(prevItem, 'p-orderlist-item') ? findPrevItem(prevItem) : prevItem : null;
   };
-
   var onReorder = function onReorder(event) {
     if (props.onChange) {
       props.onChange({
@@ -567,28 +509,22 @@ var OrderList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         value: event.value
       });
     }
-
     reorderDirection.current = event.direction;
   };
-
   var updateListScroll = function updateListScroll() {
     var list = DomHandler.findSingle(elementRef.current, '.p-orderlist-list');
     var listItems = DomHandler.find(list, '.p-orderlist-item.p-highlight');
-
     if (listItems && listItems.length) {
       switch (reorderDirection.current) {
         case 'up':
           DomHandler.scrollInView(list, listItems[0]);
           break;
-
         case 'top':
           list.scrollTop = 0;
           break;
-
         case 'down':
           DomHandler.scrollInView(list, listItems[listItems.length - 1]);
           break;
-
         case 'bottom':
           /* TODO: improve this code block */
           setTimeout(function () {
@@ -598,7 +534,6 @@ var OrderList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       }
     }
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,

package/orderlist/orderlist.esm.min.js

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