primereact 7.0.0-rc.2 → 7.0.0

package/orderlist/orderlist.cjs.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var button = require('primereact/button');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var ripple = require('primereact/ripple');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -176,7 +177,7 @@ var OrderListControls = /*#__PURE__*/function (_Component) {
 
         for (var i = 0; i < this.props.selection.length; i++) {
           var selectedItem = this.props.selection[i];
-          var selectedItemIndex = core.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
+          var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
 
           if (selectedItemIndex !== 0) {
             var movedItem = value[selectedItemIndex];
@@ -205,7 +206,7 @@ var OrderListControls = /*#__PURE__*/function (_Component) {
 
         for (var i = 0; i < this.props.selection.length; i++) {
           var selectedItem = this.props.selection[i];
-          var selectedItemIndex = core.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
+          var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
 
           if (selectedItemIndex !== 0) {
             var movedItem = value.splice(selectedItemIndex, 1)[0];
@@ -232,7 +233,7 @@ var OrderListControls = /*#__PURE__*/function (_Component) {
 
         for (var i = this.props.selection.length - 1; i >= 0; i--) {
           var selectedItem = this.props.selection[i];
-          var selectedItemIndex = core.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
+          var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
 
           if (selectedItemIndex !== value.length - 1) {
             var movedItem = value[selectedItemIndex];
@@ -261,7 +262,7 @@ var OrderListControls = /*#__PURE__*/function (_Component) {
 
         for (var i = this.props.selection.length - 1; i >= 0; i--) {
           var selectedItem = this.props.selection[i];
-          var selectedItemIndex = core.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
+          var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, value, this.props.dataKey);
 
           if (selectedItemIndex !== value.length - 1) {
             var movedItem = value.splice(selectedItemIndex, 1)[0];
@@ -283,21 +284,21 @@ var OrderListControls = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-orderlist-controls"
-      }, /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      }, /*#__PURE__*/React__default["default"].createElement(button.Button, {
         type: "button",
         icon: "pi pi-angle-up",
         onClick: this.moveUp
-      }), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      }), /*#__PURE__*/React__default["default"].createElement(button.Button, {
         type: "button",
         icon: "pi pi-angle-double-up",
         onClick: this.moveTop
-      }), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      }), /*#__PURE__*/React__default["default"].createElement(button.Button, {
         type: "button",
         icon: "pi pi-angle-down",
         onClick: this.moveDown
-      }), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      }), /*#__PURE__*/React__default["default"].createElement(button.Button, {
         type: "button",
         icon: "pi pi-angle-double-down",
         onClick: this.moveBottom
@@ -332,7 +333,7 @@ var OrderListSubList = /*#__PURE__*/function (_Component) {
   _createClass(OrderListSubList, [{
     key: "isSelected",
     value: function isSelected(item) {
-      return core.ObjectUtils.findIndexInList(item, this.props.selection, this.props.dataKey) !== -1;
+      return utils.ObjectUtils.findIndexInList(item, this.props.selection, this.props.dataKey) !== -1;
     }
   }, {
     key: "onDragStart",
@@ -349,7 +350,7 @@ var OrderListSubList = /*#__PURE__*/function (_Component) {
     value: function onDragOver(event, index) {
       if (this.draggedItemIndex !== index && this.draggedItemIndex + 1 !== index) {
         this.dragOverItemIndex = index;
-        core.DomHandler.addClass(event.target, 'p-orderlist-droppoint-highlight');
+        utils.DomHandler.addClass(event.target, 'p-orderlist-droppoint-highlight');
         event.preventDefault();
       }
     }
@@ -357,7 +358,7 @@ var OrderListSubList = /*#__PURE__*/function (_Component) {
     key: "onDragLeave",
     value: function onDragLeave(event) {
       this.dragOverItemIndex = null;
-      core.DomHandler.removeClass(event.target, 'p-orderlist-droppoint-highlight');
+      utils.DomHandler.removeClass(event.target, 'p-orderlist-droppoint-highlight');
     }
   }, {
     key: "onDrop",
@@ -366,9 +367,9 @@ var OrderListSubList = /*#__PURE__*/function (_Component) {
 
       var value = _toConsumableArray(this.props.value);
 
-      core.ObjectUtils.reorderArray(value, this.draggedItemIndex, dropIndex);
+      utils.ObjectUtils.reorderArray(value, this.draggedItemIndex, dropIndex);
       this.dragOverItemIndex = null;
-      core.DomHandler.removeClass(event.target, 'p-orderlist-droppoint-highlight');
+      utils.DomHandler.removeClass(event.target, 'p-orderlist-droppoint-highlight');
 
       if (this.props.onChange) {
         this.props.onChange({
@@ -386,7 +387,7 @@ var OrderListSubList = /*#__PURE__*/function (_Component) {
     key: "onListMouseMove",
     value: function onListMouseMove(event) {
       if (this.dragging) {
-        var offsetY = this.listElement.getBoundingClientRect().top + core.DomHandler.getWindowScrollTop();
+        var offsetY = this.listElement.getBoundingClientRect().top + utils.DomHandler.getWindowScrollTop();
         var bottomDiff = offsetY + this.listElement.clientHeight - event.pageY;
         var topDiff = event.pageY - offsetY;
         if (bottomDiff < 25 && bottomDiff > 0) this.listElement.scrollTop += 15;else if (topDiff < 25 && topDiff > 0) this.listElement.scrollTop -= 15;
@@ -397,7 +398,7 @@ var OrderListSubList = /*#__PURE__*/function (_Component) {
     value: function renderDropPoint(index, key) {
       var _this2 = this;
 
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         key: key,
         className: "p-orderlist-droppoint",
         onDragOver: function onDragOver(e) {
@@ -416,7 +417,7 @@ var OrderListSubList = /*#__PURE__*/function (_Component) {
       var items = null;
 
       if (this.props.header) {
-        header = /*#__PURE__*/React__default['default'].createElement("div", {
+        header = /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-orderlist-header"
         }, this.props.header);
       }
@@ -424,13 +425,13 @@ var OrderListSubList = /*#__PURE__*/function (_Component) {
       if (this.props.value) {
         items = this.props.value.map(function (item, i) {
           var content = _this3.props.itemTemplate ? _this3.props.itemTemplate(item) : item;
-          var itemClassName = core.classNames('p-orderlist-item', {
+          var itemClassName = utils.classNames('p-orderlist-item', {
             'p-highlight': _this3.isSelected(item)
           }, _this3.props.className);
           var key = JSON.stringify(item);
 
           if (_this3.props.dragdrop) {
-            var _items = [_this3.renderDropPoint(i, key + '_droppoint'), /*#__PURE__*/React__default['default'].createElement("li", {
+            var _items = [_this3.renderDropPoint(i, key + '_droppoint'), /*#__PURE__*/React__default["default"].createElement("li", {
               key: key,
               className: itemClassName,
               onClick: function onClick(e) {
@@ -455,7 +456,7 @@ var OrderListSubList = /*#__PURE__*/function (_Component) {
               },
               onDragEnd: _this3.onDragEnd,
               tabIndex: _this3.props.tabIndex
-            }, content, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null))];
+            }, content, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null))];
 
             if (i === _this3.props.value.length - 1) {
               _items.push(_this3.renderDropPoint(item, i, key + '_droppoint_end'));
@@ -463,7 +464,7 @@ var OrderListSubList = /*#__PURE__*/function (_Component) {
 
             return _items;
           } else {
-            return /*#__PURE__*/React__default['default'].createElement("li", {
+            return /*#__PURE__*/React__default["default"].createElement("li", {
               key: JSON.stringify(item),
               className: itemClassName,
               role: "option",
@@ -488,9 +489,9 @@ var OrderListSubList = /*#__PURE__*/function (_Component) {
         });
       }
 
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-orderlist-list-container"
-      }, header, /*#__PURE__*/React__default['default'].createElement("ul", {
+      }, header, /*#__PURE__*/React__default["default"].createElement("ul", {
         ref: function ref(el) {
           return _this3.listElement = el;
         },
@@ -533,7 +534,7 @@ var OrderList = /*#__PURE__*/function (_Component) {
     key: "onItemClick",
     value: function onItemClick(event) {
       var metaKey = event.originalEvent.metaKey || event.originalEvent.ctrlKey;
-      var index = core.ObjectUtils.findIndexInList(event.value, this.state.selection, this.props.dataKey);
+      var index = utils.ObjectUtils.findIndexInList(event.value, this.state.selection, this.props.dataKey);
       var selected = index !== -1;
       var selection;
 
@@ -588,13 +589,13 @@ var OrderList = /*#__PURE__*/function (_Component) {
     key: "findNextItem",
     value: function findNextItem(item) {
       var nextItem = item.nextElementSibling;
-      if (nextItem) return !core.DomHandler.hasClass(nextItem, 'p-orderlist-item') ? this.findNextItem(nextItem) : nextItem;else return null;
+      if (nextItem) return !utils.DomHandler.hasClass(nextItem, 'p-orderlist-item') ? this.findNextItem(nextItem) : nextItem;else return null;
     }
   }, {
     key: "findPrevItem",
     value: function findPrevItem(item) {
       var prevItem = item.previousElementSibling;
-      if (prevItem) return !core.DomHandler.hasClass(prevItem, 'p-orderlist-item') ? this.findPrevItem(prevItem) : prevItem;else return null;
+      if (prevItem) return !utils.DomHandler.hasClass(prevItem, 'p-orderlist-item') ? this.findPrevItem(prevItem) : prevItem;else return null;
     }
   }, {
     key: "onReorder",
@@ -619,12 +620,12 @@ var OrderList = /*#__PURE__*/function (_Component) {
   }, {
     key: "updateListScroll",
     value: function updateListScroll() {
-      var listItems = core.DomHandler.find(this.subList.listElement, '.p-orderlist-item.p-highlight');
+      var listItems = utils.DomHandler.find(this.subList.listElement, '.p-orderlist-item.p-highlight');
 
       if (listItems && listItems.length) {
         switch (this.reorderDirection) {
           case 'up':
-            core.DomHandler.scrollInView(this.subList.listElement, listItems[0]);
+            utils.DomHandler.scrollInView(this.subList.listElement, listItems[0]);
             break;
 
           case 'top':
@@ -632,7 +633,7 @@ var OrderList = /*#__PURE__*/function (_Component) {
             break;
 
           case 'down':
-            core.DomHandler.scrollInView(this.subList.listElement, listItems[listItems.length - 1]);
+            utils.DomHandler.scrollInView(this.subList.listElement, listItems[listItems.length - 1]);
             break;
 
           case 'bottom':
@@ -646,20 +647,20 @@ var OrderList = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      var className = core.classNames('p-orderlist p-component', this.props.className);
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      var className = utils.classNames('p-orderlist p-component', this.props.className);
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           return _this2.element = el;
         },
         id: this.props.id,
         className: className,
         style: this.props.style
-      }, /*#__PURE__*/React__default['default'].createElement(OrderListControls, {
+      }, /*#__PURE__*/React__default["default"].createElement(OrderListControls, {
         value: this.props.value,
         selection: this.state.selection,
         onReorder: this.onReorder,
         dataKey: this.props.dataKey
-      }), /*#__PURE__*/React__default['default'].createElement(OrderListSubList, {
+      }), /*#__PURE__*/React__default["default"].createElement(OrderListSubList, {
         ref: function ref(el) {
           return _this2.subList = el;
         },

package/orderlist/orderlist.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/button"),n=require("primereact/core");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);function i(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 s(e){if(Array.isArray(e))return i(e)}function a(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function l(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function u(){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 s(e)||a(e)||l(e)||u()}function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function f(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),e}function h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function v(e,t){return(v=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function m(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&v(e,t)}function g(e){return(g="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})(e)}function y(e,t){if(t&&("object"===g(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return h(e)}function b(e){return(b=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function I(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var D=function(r){m(l,e.Component);var i,s,a=(i=l,s=I(),function(){var e,t=b(i);if(s){var n=b(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return y(this,e)});function l(){var e;return p(this,l),(e=a.call(this)).moveUp=e.moveUp.bind(h(e)),e.moveTop=e.moveTop.bind(h(e)),e.moveDown=e.moveDown.bind(h(e)),e.moveBottom=e.moveBottom.bind(h(e)),e}return f(l,[{key:"moveUp",value:function(e){if(this.props.selection){for(var t=c(this.props.value),r=0;r<this.props.selection.length;r++){var o=n.ObjectUtils.findIndexInList(this.props.selection[r],t,this.props.dataKey);if(0===o)break;var i=t[o-1];t[o-1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"up"})}}},{key:"moveTop",value:function(e){if(this.props.selection){for(var t=c(this.props.value),r=0;r<this.props.selection.length;r++){var o=n.ObjectUtils.findIndexInList(this.props.selection[r],t,this.props.dataKey);if(0===o)break;var i=t.splice(o,1)[0];t.unshift(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"top"})}}},{key:"moveDown",value:function(e){if(this.props.selection){for(var t=c(this.props.value),r=this.props.selection.length-1;r>=0;r--){var o=n.ObjectUtils.findIndexInList(this.props.selection[r],t,this.props.dataKey);if(o===t.length-1)break;var i=t[o+1];t[o+1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"down"})}}},{key:"moveBottom",value:function(e){if(this.props.selection){for(var t=c(this.props.value),r=this.props.selection.length-1;r>=0;r--){var o=n.ObjectUtils.findIndexInList(this.props.selection[r],t,this.props.dataKey);if(o===t.length-1)break;var i=t.splice(o,1)[0];t.push(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"bottom"})}}},{key:"render",value:function(){return o.default.createElement("div",{className:"p-orderlist-controls"},o.default.createElement(t.Button,{type:"button",icon:"pi pi-angle-up",onClick:this.moveUp}),o.default.createElement(t.Button,{type:"button",icon:"pi pi-angle-double-up",onClick:this.moveTop}),o.default.createElement(t.Button,{type:"button",icon:"pi pi-angle-down",onClick:this.moveDown}),o.default.createElement(t.Button,{type:"button",icon:"pi pi-angle-double-down",onClick:this.moveBottom}))}}]),l}();function E(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k=function(t){m(a,e.Component);var r,i,s=(r=a,i=E(),function(){var e,t=b(r);if(i){var n=b(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return y(this,e)});function a(e){var t;return p(this,a),(t=s.call(this,e)).onDragEnd=t.onDragEnd.bind(h(t)),t.onDragLeave=t.onDragLeave.bind(h(t)),t.onDrop=t.onDrop.bind(h(t)),t.onListMouseMove=t.onListMouseMove.bind(h(t)),t}return f(a,[{key:"isSelected",value:function(e){return-1!==n.ObjectUtils.findIndexInList(e,this.props.selection,this.props.dataKey)}},{key:"onDragStart",value:function(e,t){this.dragging=!0,this.draggedItemIndex=t,this.props.dragdropScope&&e.dataTransfer.setData("text","orderlist")}},{key:"onDragOver",value:function(e,t){this.draggedItemIndex!==t&&this.draggedItemIndex+1!==t&&(this.dragOverItemIndex=t,n.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())}},{key:"onDragLeave",value:function(e){this.dragOverItemIndex=null,n.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")}},{key:"onDrop",value:function(e){var t=this.draggedItemIndex>this.dragOverItemIndex?this.dragOverItemIndex:0===this.dragOverItemIndex?0:this.dragOverItemIndex-1,r=c(this.props.value);n.ObjectUtils.reorderArray(r,this.draggedItemIndex,t),this.dragOverItemIndex=null,n.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight"),this.props.onChange&&this.props.onChange({originalEvent:e,value:r})}},{key:"onDragEnd",value:function(e){this.dragging=!1}},{key:"onListMouseMove",value:function(e){if(this.dragging){var t=this.listElement.getBoundingClientRect().top+n.DomHandler.getWindowScrollTop(),r=t+this.listElement.clientHeight-e.pageY,o=e.pageY-t;r<25&&r>0?this.listElement.scrollTop+=15:o<25&&o>0&&(this.listElement.scrollTop-=15)}}},{key:"renderDropPoint",value:function(e,t){var n=this;return o.default.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return n.onDragOver(t,e+1)},onDragLeave:this.onDragLeave,onDrop:this.onDrop})}},{key:"render",value:function(){var e=this,t=null,r=null;return this.props.header&&(t=o.default.createElement("div",{className:"p-orderlist-header"},this.props.header)),this.props.value&&(r=this.props.value.map((function(t,r){var i=e.props.itemTemplate?e.props.itemTemplate(t):t,s=n.classNames("p-orderlist-item",{"p-highlight":e.isSelected(t)},e.props.className),a=JSON.stringify(t);if(e.props.dragdrop){var l=[e.renderDropPoint(r,a+"_droppoint"),o.default.createElement("li",{key:a,className:s,onClick:function(n){return e.props.onItemClick({originalEvent:n,value:t,index:r})},onKeyDown:function(n){return e.props.onItemKeyDown({originalEvent:n,value:t,index:r})},role:"option","aria-selected":e.isSelected(t),draggable:"true",onDragStart:function(t){return e.onDragStart(t,r)},onDragEnd:e.onDragEnd,tabIndex:e.props.tabIndex},i,o.default.createElement(n.Ripple,null))];return r===e.props.value.length-1&&l.push(e.renderDropPoint(t,r,a+"_droppoint_end")),l}return o.default.createElement("li",{key:JSON.stringify(t),className:s,role:"option","aria-selected":e.isSelected(t),onClick:function(n){return e.props.onItemClick({originalEvent:n,value:t,index:r})},onKeyDown:function(n){return e.props.onItemKeyDown({originalEvent:n,value:t,index:r})},tabIndex:e.props.tabIndex},i)}))),o.default.createElement("div",{className:"p-orderlist-list-container"},t,o.default.createElement("ul",{ref:function(t){return e.listElement=t},className:"p-orderlist-list",style:this.props.listStyle,onDragOver:this.onListMouseMove,role:"listbox","aria-multiselectable":!0},r))}}]),a}();function x(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var O,w,S,C=function(t){m(a,e.Component);var r,i,s=(r=a,i=x(),function(){var e,t=b(r);if(i){var n=b(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return y(this,e)});function a(e){var t;return p(this,a),(t=s.call(this,e)).state={selection:[]},t.onItemClick=t.onItemClick.bind(h(t)),t.onItemKeyDown=t.onItemKeyDown.bind(h(t)),t.onReorder=t.onReorder.bind(h(t)),t}return f(a,[{key:"onItemClick",value:function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,o=n.ObjectUtils.findIndexInList(e.value,this.state.selection,this.props.dataKey);t=-1!==o?r?this.state.selection.filter((function(e,t){return t!==o})):[e.value]:r?[].concat(c(this.state.selection),[e.value]):[e.value],this.setState({selection:t})}},{key:"onItemKeyDown",value:function(e){var t=e.originalEvent.currentTarget;switch(e.originalEvent.which){case 40:var n=this.findNextItem(t);n&&n.focus(),e.originalEvent.preventDefault();break;case 38:var r=this.findPrevItem(t);r&&r.focus(),e.originalEvent.preventDefault();break;case 13:this.onItemClick(e),e.originalEvent.preventDefault()}}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?n.DomHandler.hasClass(t,"p-orderlist-item")?t:this.findNextItem(t):null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?n.DomHandler.hasClass(t,"p-orderlist-item")?t:this.findPrevItem(t):null}},{key:"onReorder",value:function(e){this.props.onChange&&this.props.onChange({event:e.originalEvent,value:e.value}),this.reorderDirection=e.direction}},{key:"componentDidUpdate",value:function(){this.reorderDirection&&(this.updateListScroll(),this.reorderDirection=null)}},{key:"updateListScroll",value:function(){var e=n.DomHandler.find(this.subList.listElement,".p-orderlist-item.p-highlight");if(e&&e.length)switch(this.reorderDirection){case"up":n.DomHandler.scrollInView(this.subList.listElement,e[0]);break;case"top":this.subList.listElement.scrollTop=0;break;case"down":n.DomHandler.scrollInView(this.subList.listElement,e[e.length-1]);break;case"bottom":this.subList.listElement.scrollTop=this.subList.listElement.scrollHeight}}},{key:"render",value:function(){var e=this,t=n.classNames("p-orderlist p-component",this.props.className);return o.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:t,style:this.props.style},o.default.createElement(D,{value:this.props.value,selection:this.state.selection,onReorder:this.onReorder,dataKey:this.props.dataKey}),o.default.createElement(k,{ref:function(t){return e.subList=t},value:this.props.value,selection:this.state.selection,onItemClick:this.onItemClick,onItemKeyDown:this.onItemKeyDown,itemTemplate:this.props.itemTemplate,header:this.props.header,listStyle:this.props.listStyle,dataKey:this.props.dataKey,dragdrop:this.props.dragdrop,onDragStart:this.onDragStart,onDragEnter:this.onDragEnter,onDragEnd:this.onDragEnd,onDragLeave:this.onDragEnter,onDrop:this.onDrop,onChange:this.props.onChange,tabIndex:this.props.tabIndex}))}}]),a}();S={id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,onChange:null,itemTemplate:null},(w="defaultProps")in(O=C)?Object.defineProperty(O,w,{value:S,enumerable:!0,configurable:!0,writable:!0}):O[w]=S,exports.OrderList=C;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/button"),n=require("primereact/utils"),r=require("primereact/ripple");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);function s(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 a(e){if(Array.isArray(e))return s(e)}function l(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function p(){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 a(e)||l(e)||u(e)||p()}function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function h(e,t,n){return t&&f(e.prototype,t),n&&f(e,n),e}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(e,t){return m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},m(e,t)}function g(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&m(e,t)}function y(e){return y="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},y(e)}function b(e,t){if(t&&("object"===y(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return v(e)}function I(e){return I=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},I(e)}function D(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var E=function(r){g(l,e.Component);var o,s,a=(o=l,s=D(),function(){var e,t=I(o);if(s){var n=I(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function l(){var e;return d(this,l),(e=a.call(this)).moveUp=e.moveUp.bind(v(e)),e.moveTop=e.moveTop.bind(v(e)),e.moveDown=e.moveDown.bind(v(e)),e.moveBottom=e.moveBottom.bind(v(e)),e}return h(l,[{key:"moveUp",value:function(e){if(this.props.selection){for(var t=c(this.props.value),r=0;r<this.props.selection.length;r++){var o=n.ObjectUtils.findIndexInList(this.props.selection[r],t,this.props.dataKey);if(0===o)break;var i=t[o-1];t[o-1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"up"})}}},{key:"moveTop",value:function(e){if(this.props.selection){for(var t=c(this.props.value),r=0;r<this.props.selection.length;r++){var o=n.ObjectUtils.findIndexInList(this.props.selection[r],t,this.props.dataKey);if(0===o)break;var i=t.splice(o,1)[0];t.unshift(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"top"})}}},{key:"moveDown",value:function(e){if(this.props.selection){for(var t=c(this.props.value),r=this.props.selection.length-1;r>=0;r--){var o=n.ObjectUtils.findIndexInList(this.props.selection[r],t,this.props.dataKey);if(o===t.length-1)break;var i=t[o+1];t[o+1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"down"})}}},{key:"moveBottom",value:function(e){if(this.props.selection){for(var t=c(this.props.value),r=this.props.selection.length-1;r>=0;r--){var o=n.ObjectUtils.findIndexInList(this.props.selection[r],t,this.props.dataKey);if(o===t.length-1)break;var i=t.splice(o,1)[0];t.push(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"bottom"})}}},{key:"render",value:function(){return i.default.createElement("div",{className:"p-orderlist-controls"},i.default.createElement(t.Button,{type:"button",icon:"pi pi-angle-up",onClick:this.moveUp}),i.default.createElement(t.Button,{type:"button",icon:"pi pi-angle-double-up",onClick:this.moveTop}),i.default.createElement(t.Button,{type:"button",icon:"pi pi-angle-down",onClick:this.moveDown}),i.default.createElement(t.Button,{type:"button",icon:"pi pi-angle-double-down",onClick:this.moveBottom}))}}]),l}();function k(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var x=function(t){g(l,e.Component);var o,s,a=(o=l,s=k(),function(){var e,t=I(o);if(s){var n=I(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function l(e){var t;return d(this,l),(t=a.call(this,e)).onDragEnd=t.onDragEnd.bind(v(t)),t.onDragLeave=t.onDragLeave.bind(v(t)),t.onDrop=t.onDrop.bind(v(t)),t.onListMouseMove=t.onListMouseMove.bind(v(t)),t}return h(l,[{key:"isSelected",value:function(e){return-1!==n.ObjectUtils.findIndexInList(e,this.props.selection,this.props.dataKey)}},{key:"onDragStart",value:function(e,t){this.dragging=!0,this.draggedItemIndex=t,this.props.dragdropScope&&e.dataTransfer.setData("text","orderlist")}},{key:"onDragOver",value:function(e,t){this.draggedItemIndex!==t&&this.draggedItemIndex+1!==t&&(this.dragOverItemIndex=t,n.DomHandler.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())}},{key:"onDragLeave",value:function(e){this.dragOverItemIndex=null,n.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight")}},{key:"onDrop",value:function(e){var t=this.draggedItemIndex>this.dragOverItemIndex?this.dragOverItemIndex:0===this.dragOverItemIndex?0:this.dragOverItemIndex-1,r=c(this.props.value);n.ObjectUtils.reorderArray(r,this.draggedItemIndex,t),this.dragOverItemIndex=null,n.DomHandler.removeClass(e.target,"p-orderlist-droppoint-highlight"),this.props.onChange&&this.props.onChange({originalEvent:e,value:r})}},{key:"onDragEnd",value:function(e){this.dragging=!1}},{key:"onListMouseMove",value:function(e){if(this.dragging){var t=this.listElement.getBoundingClientRect().top+n.DomHandler.getWindowScrollTop(),r=t+this.listElement.clientHeight-e.pageY,o=e.pageY-t;r<25&&r>0?this.listElement.scrollTop+=15:o<25&&o>0&&(this.listElement.scrollTop-=15)}}},{key:"renderDropPoint",value:function(e,t){var n=this;return i.default.createElement("li",{key:t,className:"p-orderlist-droppoint",onDragOver:function(t){return n.onDragOver(t,e+1)},onDragLeave:this.onDragLeave,onDrop:this.onDrop})}},{key:"render",value:function(){var e=this,t=null,o=null;return this.props.header&&(t=i.default.createElement("div",{className:"p-orderlist-header"},this.props.header)),this.props.value&&(o=this.props.value.map((function(t,o){var s=e.props.itemTemplate?e.props.itemTemplate(t):t,a=n.classNames("p-orderlist-item",{"p-highlight":e.isSelected(t)},e.props.className),l=JSON.stringify(t);if(e.props.dragdrop){var u=[e.renderDropPoint(o,l+"_droppoint"),i.default.createElement("li",{key:l,className:a,onClick:function(n){return e.props.onItemClick({originalEvent:n,value:t,index:o})},onKeyDown:function(n){return e.props.onItemKeyDown({originalEvent:n,value:t,index:o})},role:"option","aria-selected":e.isSelected(t),draggable:"true",onDragStart:function(t){return e.onDragStart(t,o)},onDragEnd:e.onDragEnd,tabIndex:e.props.tabIndex},s,i.default.createElement(r.Ripple,null))];return o===e.props.value.length-1&&u.push(e.renderDropPoint(t,o,l+"_droppoint_end")),u}return i.default.createElement("li",{key:JSON.stringify(t),className:a,role:"option","aria-selected":e.isSelected(t),onClick:function(n){return e.props.onItemClick({originalEvent:n,value:t,index:o})},onKeyDown:function(n){return e.props.onItemKeyDown({originalEvent:n,value:t,index:o})},tabIndex:e.props.tabIndex},s)}))),i.default.createElement("div",{className:"p-orderlist-list-container"},t,i.default.createElement("ul",{ref:function(t){return e.listElement=t},className:"p-orderlist-list",style:this.props.listStyle,onDragOver:this.onListMouseMove,role:"listbox","aria-multiselectable":!0},o))}}]),l}();function O(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var w,S,C,R=function(t){g(a,e.Component);var r,o,s=(r=a,o=O(),function(){var e,t=I(r);if(o){var n=I(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return b(this,e)});function a(e){var t;return d(this,a),(t=s.call(this,e)).state={selection:[]},t.onItemClick=t.onItemClick.bind(v(t)),t.onItemKeyDown=t.onItemKeyDown.bind(v(t)),t.onReorder=t.onReorder.bind(v(t)),t}return h(a,[{key:"onItemClick",value:function(e){var t,r=e.originalEvent.metaKey||e.originalEvent.ctrlKey,o=n.ObjectUtils.findIndexInList(e.value,this.state.selection,this.props.dataKey);t=-1!==o?r?this.state.selection.filter((function(e,t){return t!==o})):[e.value]:r?[].concat(c(this.state.selection),[e.value]):[e.value],this.setState({selection:t})}},{key:"onItemKeyDown",value:function(e){var t=e.originalEvent.currentTarget;switch(e.originalEvent.which){case 40:var n=this.findNextItem(t);n&&n.focus(),e.originalEvent.preventDefault();break;case 38:var r=this.findPrevItem(t);r&&r.focus(),e.originalEvent.preventDefault();break;case 13:this.onItemClick(e),e.originalEvent.preventDefault()}}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?n.DomHandler.hasClass(t,"p-orderlist-item")?t:this.findNextItem(t):null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?n.DomHandler.hasClass(t,"p-orderlist-item")?t:this.findPrevItem(t):null}},{key:"onReorder",value:function(e){this.props.onChange&&this.props.onChange({event:e.originalEvent,value:e.value}),this.reorderDirection=e.direction}},{key:"componentDidUpdate",value:function(){this.reorderDirection&&(this.updateListScroll(),this.reorderDirection=null)}},{key:"updateListScroll",value:function(){var e=n.DomHandler.find(this.subList.listElement,".p-orderlist-item.p-highlight");if(e&&e.length)switch(this.reorderDirection){case"up":n.DomHandler.scrollInView(this.subList.listElement,e[0]);break;case"top":this.subList.listElement.scrollTop=0;break;case"down":n.DomHandler.scrollInView(this.subList.listElement,e[e.length-1]);break;case"bottom":this.subList.listElement.scrollTop=this.subList.listElement.scrollHeight}}},{key:"render",value:function(){var e=this,t=n.classNames("p-orderlist p-component",this.props.className);return i.default.createElement("div",{ref:function(t){return e.element=t},id:this.props.id,className:t,style:this.props.style},i.default.createElement(E,{value:this.props.value,selection:this.state.selection,onReorder:this.onReorder,dataKey:this.props.dataKey}),i.default.createElement(x,{ref:function(t){return e.subList=t},value:this.props.value,selection:this.state.selection,onItemClick:this.onItemClick,onItemKeyDown:this.onItemKeyDown,itemTemplate:this.props.itemTemplate,header:this.props.header,listStyle:this.props.listStyle,dataKey:this.props.dataKey,dragdrop:this.props.dragdrop,onDragStart:this.onDragStart,onDragEnter:this.onDragEnter,onDragEnd:this.onDragEnd,onDragLeave:this.onDragEnter,onDrop:this.onDrop,onChange:this.props.onChange,tabIndex:this.props.tabIndex}))}}]),a}();C={id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,onChange:null,itemTemplate:null},(S="defaultProps")in(w=R)?Object.defineProperty(w,S,{value:C,enumerable:!0,configurable:!0,writable:!0}):w[S]=C,exports.OrderList=R;

package/orderlist/orderlist.esm.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import { Button } from 'primereact/button';
-import { ObjectUtils, DomHandler, classNames, Ripple } from 'primereact/core';
+import { ObjectUtils, DomHandler, classNames } from 'primereact/utils';
+import { Ripple } from 'primereact/ripple';
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;

package/orderlist/orderlist.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{Button as n}from"primereact/button";import{ObjectUtils as r,DomHandler as o,classNames as i,Ripple as s}from"primereact/core";function a(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 l(e){if(Array.isArray(e))return a(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,t){if(e){if("string"==typeof e)return a(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)?a(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 d(e){return l(e)||p(e)||u(e)||c()}function h(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function v(e,t,n){return t&&f(e.prototype,t),n&&f(e,n),e}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e,t){return(g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function y(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&g(e,t)}function b(e){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function I(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}function E(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function D(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k=function(o){y(l,t);var i,s,a=(i=l,s=D(),function(){var e,t=E(i);if(s){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return I(this,e)});function l(){var e;return h(this,l),(e=a.call(this)).moveUp=e.moveUp.bind(m(e)),e.moveTop=e.moveTop.bind(m(e)),e.moveDown=e.moveDown.bind(m(e)),e.moveBottom=e.moveBottom.bind(m(e)),e}return v(l,[{key:"moveUp",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=0;n<this.props.selection.length;n++){var o=r.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(0===o)break;var i=t[o-1];t[o-1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"up"})}}},{key:"moveTop",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=0;n<this.props.selection.length;n++){var o=r.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(0===o)break;var i=t.splice(o,1)[0];t.unshift(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"top"})}}},{key:"moveDown",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=this.props.selection.length-1;n>=0;n--){var o=r.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(o===t.length-1)break;var i=t[o+1];t[o+1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"down"})}}},{key:"moveBottom",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=this.props.selection.length-1;n>=0;n--){var o=r.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(o===t.length-1)break;var i=t.splice(o,1)[0];t.push(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"bottom"})}}},{key:"render",value:function(){return e.createElement("div",{className:"p-orderlist-controls"},e.createElement(n,{type:"button",icon:"pi pi-angle-up",onClick:this.moveUp}),e.createElement(n,{type:"button",icon:"pi pi-angle-double-up",onClick:this.moveTop}),e.createElement(n,{type:"button",icon:"pi pi-angle-down",onClick:this.moveDown}),e.createElement(n,{type:"button",icon:"pi pi-angle-double-down",onClick:this.moveBottom}))}}]),l}();function x(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var w=function(n){y(u,t);var a,l,p=(a=u,l=x(),function(){var e,t=E(a);if(l){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return I(this,e)});function u(e){var t;return h(this,u),(t=p.call(this,e)).onDragEnd=t.onDragEnd.bind(m(t)),t.onDragLeave=t.onDragLeave.bind(m(t)),t.onDrop=t.onDrop.bind(m(t)),t.onListMouseMove=t.onListMouseMove.bind(m(t)),t}return v(u,[{key:"isSelected",value:function(e){return-1!==r.findIndexInList(e,this.props.selection,this.props.dataKey)}},{key:"onDragStart",value:function(e,t){this.dragging=!0,this.draggedItemIndex=t,this.props.dragdropScope&&e.dataTransfer.setData("text","orderlist")}},{key:"onDragOver",value:function(e,t){this.draggedItemIndex!==t&&this.draggedItemIndex+1!==t&&(this.dragOverItemIndex=t,o.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())}},{key:"onDragLeave",value:function(e){this.dragOverItemIndex=null,o.removeClass(e.target,"p-orderlist-droppoint-highlight")}},{key:"onDrop",value:function(e){var t=this.draggedItemIndex>this.dragOverItemIndex?this.dragOverItemIndex:0===this.dragOverItemIndex?0:this.dragOverItemIndex-1,n=d(this.props.value);r.reorderArray(n,this.draggedItemIndex,t),this.dragOverItemIndex=null,o.removeClass(e.target,"p-orderlist-droppoint-highlight"),this.props.onChange&&this.props.onChange({originalEvent:e,value:n})}},{key:"onDragEnd",value:function(e){this.dragging=!1}},{key:"onListMouseMove",value:function(e){if(this.dragging){var t=this.listElement.getBoundingClientRect().top+o.getWindowScrollTop(),n=t+this.listElement.clientHeight-e.pageY,r=e.pageY-t;n<25&&n>0?this.listElement.scrollTop+=15:r<25&&r>0&&(this.listElement.scrollTop-=15)}}},{key:"renderDropPoint",value:function(t,n){var r=this;return e.createElement("li",{key:n,className:"p-orderlist-droppoint",onDragOver:function(e){return r.onDragOver(e,t+1)},onDragLeave:this.onDragLeave,onDrop:this.onDrop})}},{key:"render",value:function(){var t=this,n=null,r=null;return this.props.header&&(n=e.createElement("div",{className:"p-orderlist-header"},this.props.header)),this.props.value&&(r=this.props.value.map((function(n,r){var o=t.props.itemTemplate?t.props.itemTemplate(n):n,a=i("p-orderlist-item",{"p-highlight":t.isSelected(n)},t.props.className),l=JSON.stringify(n);if(t.props.dragdrop){var p=[t.renderDropPoint(r,l+"_droppoint"),e.createElement("li",{key:l,className:a,onClick:function(e){return t.props.onItemClick({originalEvent:e,value:n,index:r})},onKeyDown:function(e){return t.props.onItemKeyDown({originalEvent:e,value:n,index:r})},role:"option","aria-selected":t.isSelected(n),draggable:"true",onDragStart:function(e){return t.onDragStart(e,r)},onDragEnd:t.onDragEnd,tabIndex:t.props.tabIndex},o,e.createElement(s,null))];return r===t.props.value.length-1&&p.push(t.renderDropPoint(n,r,l+"_droppoint_end")),p}return e.createElement("li",{key:JSON.stringify(n),className:a,role:"option","aria-selected":t.isSelected(n),onClick:function(e){return t.props.onItemClick({originalEvent:e,value:n,index:r})},onKeyDown:function(e){return t.props.onItemKeyDown({originalEvent:e,value:n,index:r})},tabIndex:t.props.tabIndex},o)}))),e.createElement("div",{className:"p-orderlist-list-container"},n,e.createElement("ul",{ref:function(e){return t.listElement=e},className:"p-orderlist-list",style:this.props.listStyle,onDragOver:this.onListMouseMove,role:"listbox","aria-multiselectable":!0},r))}}]),u}();function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var R,C,O,L=function(n){y(p,t);var s,a,l=(s=p,a=S(),function(){var e,t=E(s);if(a){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return I(this,e)});function p(e){var t;return h(this,p),(t=l.call(this,e)).state={selection:[]},t.onItemClick=t.onItemClick.bind(m(t)),t.onItemKeyDown=t.onItemKeyDown.bind(m(t)),t.onReorder=t.onReorder.bind(m(t)),t}return v(p,[{key:"onItemClick",value:function(e){var t,n=e.originalEvent.metaKey||e.originalEvent.ctrlKey,o=r.findIndexInList(e.value,this.state.selection,this.props.dataKey);t=-1!==o?n?this.state.selection.filter((function(e,t){return t!==o})):[e.value]:n?[].concat(d(this.state.selection),[e.value]):[e.value],this.setState({selection:t})}},{key:"onItemKeyDown",value:function(e){var t=e.originalEvent.currentTarget;switch(e.originalEvent.which){case 40:var n=this.findNextItem(t);n&&n.focus(),e.originalEvent.preventDefault();break;case 38:var r=this.findPrevItem(t);r&&r.focus(),e.originalEvent.preventDefault();break;case 13:this.onItemClick(e),e.originalEvent.preventDefault()}}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?o.hasClass(t,"p-orderlist-item")?t:this.findNextItem(t):null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?o.hasClass(t,"p-orderlist-item")?t:this.findPrevItem(t):null}},{key:"onReorder",value:function(e){this.props.onChange&&this.props.onChange({event:e.originalEvent,value:e.value}),this.reorderDirection=e.direction}},{key:"componentDidUpdate",value:function(){this.reorderDirection&&(this.updateListScroll(),this.reorderDirection=null)}},{key:"updateListScroll",value:function(){var e=o.find(this.subList.listElement,".p-orderlist-item.p-highlight");if(e&&e.length)switch(this.reorderDirection){case"up":o.scrollInView(this.subList.listElement,e[0]);break;case"top":this.subList.listElement.scrollTop=0;break;case"down":o.scrollInView(this.subList.listElement,e[e.length-1]);break;case"bottom":this.subList.listElement.scrollTop=this.subList.listElement.scrollHeight}}},{key:"render",value:function(){var t=this,n=i("p-orderlist p-component",this.props.className);return e.createElement("div",{ref:function(e){return t.element=e},id:this.props.id,className:n,style:this.props.style},e.createElement(k,{value:this.props.value,selection:this.state.selection,onReorder:this.onReorder,dataKey:this.props.dataKey}),e.createElement(w,{ref:function(e){return t.subList=e},value:this.props.value,selection:this.state.selection,onItemClick:this.onItemClick,onItemKeyDown:this.onItemKeyDown,itemTemplate:this.props.itemTemplate,header:this.props.header,listStyle:this.props.listStyle,dataKey:this.props.dataKey,dragdrop:this.props.dragdrop,onDragStart:this.onDragStart,onDragEnter:this.onDragEnter,onDragEnd:this.onDragEnd,onDragLeave:this.onDragEnter,onDrop:this.onDrop,onChange:this.props.onChange,tabIndex:this.props.tabIndex}))}}]),p}();O={id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,onChange:null,itemTemplate:null},(C="defaultProps")in(R=L)?Object.defineProperty(R,C,{value:O,enumerable:!0,configurable:!0,writable:!0}):R[C]=O;export{L as OrderList};
+import e,{Component as t}from"react";import{Button as n}from"primereact/button";import{ObjectUtils as r,DomHandler as o,classNames as i}from"primereact/utils";import{Ripple as s}from"primereact/ripple";function a(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 l(e){if(Array.isArray(e))return a(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,t){if(e){if("string"==typeof e)return a(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)?a(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 d(e){return l(e)||p(e)||u(e)||c()}function f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function h(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function v(e,t,n){return t&&h(e.prototype,t),n&&h(e,n),e}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e,t){return g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},g(e,t)}function y(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&g(e,t)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function I(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}function E(e){return E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},E(e)}function D(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var k=function(o){y(l,t);var i,s,a=(i=l,s=D(),function(){var e,t=E(i);if(s){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return I(this,e)});function l(){var e;return f(this,l),(e=a.call(this)).moveUp=e.moveUp.bind(m(e)),e.moveTop=e.moveTop.bind(m(e)),e.moveDown=e.moveDown.bind(m(e)),e.moveBottom=e.moveBottom.bind(m(e)),e}return v(l,[{key:"moveUp",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=0;n<this.props.selection.length;n++){var o=r.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(0===o)break;var i=t[o-1];t[o-1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"up"})}}},{key:"moveTop",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=0;n<this.props.selection.length;n++){var o=r.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(0===o)break;var i=t.splice(o,1)[0];t.unshift(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"top"})}}},{key:"moveDown",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=this.props.selection.length-1;n>=0;n--){var o=r.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(o===t.length-1)break;var i=t[o+1];t[o+1]=t[o],t[o]=i}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"down"})}}},{key:"moveBottom",value:function(e){if(this.props.selection){for(var t=d(this.props.value),n=this.props.selection.length-1;n>=0;n--){var o=r.findIndexInList(this.props.selection[n],t,this.props.dataKey);if(o===t.length-1)break;var i=t.splice(o,1)[0];t.push(i)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:t,direction:"bottom"})}}},{key:"render",value:function(){return e.createElement("div",{className:"p-orderlist-controls"},e.createElement(n,{type:"button",icon:"pi pi-angle-up",onClick:this.moveUp}),e.createElement(n,{type:"button",icon:"pi pi-angle-double-up",onClick:this.moveTop}),e.createElement(n,{type:"button",icon:"pi pi-angle-down",onClick:this.moveDown}),e.createElement(n,{type:"button",icon:"pi pi-angle-double-down",onClick:this.moveBottom}))}}]),l}();function x(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var w=function(n){y(u,t);var a,l,p=(a=u,l=x(),function(){var e,t=E(a);if(l){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return I(this,e)});function u(e){var t;return f(this,u),(t=p.call(this,e)).onDragEnd=t.onDragEnd.bind(m(t)),t.onDragLeave=t.onDragLeave.bind(m(t)),t.onDrop=t.onDrop.bind(m(t)),t.onListMouseMove=t.onListMouseMove.bind(m(t)),t}return v(u,[{key:"isSelected",value:function(e){return-1!==r.findIndexInList(e,this.props.selection,this.props.dataKey)}},{key:"onDragStart",value:function(e,t){this.dragging=!0,this.draggedItemIndex=t,this.props.dragdropScope&&e.dataTransfer.setData("text","orderlist")}},{key:"onDragOver",value:function(e,t){this.draggedItemIndex!==t&&this.draggedItemIndex+1!==t&&(this.dragOverItemIndex=t,o.addClass(e.target,"p-orderlist-droppoint-highlight"),e.preventDefault())}},{key:"onDragLeave",value:function(e){this.dragOverItemIndex=null,o.removeClass(e.target,"p-orderlist-droppoint-highlight")}},{key:"onDrop",value:function(e){var t=this.draggedItemIndex>this.dragOverItemIndex?this.dragOverItemIndex:0===this.dragOverItemIndex?0:this.dragOverItemIndex-1,n=d(this.props.value);r.reorderArray(n,this.draggedItemIndex,t),this.dragOverItemIndex=null,o.removeClass(e.target,"p-orderlist-droppoint-highlight"),this.props.onChange&&this.props.onChange({originalEvent:e,value:n})}},{key:"onDragEnd",value:function(e){this.dragging=!1}},{key:"onListMouseMove",value:function(e){if(this.dragging){var t=this.listElement.getBoundingClientRect().top+o.getWindowScrollTop(),n=t+this.listElement.clientHeight-e.pageY,r=e.pageY-t;n<25&&n>0?this.listElement.scrollTop+=15:r<25&&r>0&&(this.listElement.scrollTop-=15)}}},{key:"renderDropPoint",value:function(t,n){var r=this;return e.createElement("li",{key:n,className:"p-orderlist-droppoint",onDragOver:function(e){return r.onDragOver(e,t+1)},onDragLeave:this.onDragLeave,onDrop:this.onDrop})}},{key:"render",value:function(){var t=this,n=null,r=null;return this.props.header&&(n=e.createElement("div",{className:"p-orderlist-header"},this.props.header)),this.props.value&&(r=this.props.value.map((function(n,r){var o=t.props.itemTemplate?t.props.itemTemplate(n):n,a=i("p-orderlist-item",{"p-highlight":t.isSelected(n)},t.props.className),l=JSON.stringify(n);if(t.props.dragdrop){var p=[t.renderDropPoint(r,l+"_droppoint"),e.createElement("li",{key:l,className:a,onClick:function(e){return t.props.onItemClick({originalEvent:e,value:n,index:r})},onKeyDown:function(e){return t.props.onItemKeyDown({originalEvent:e,value:n,index:r})},role:"option","aria-selected":t.isSelected(n),draggable:"true",onDragStart:function(e){return t.onDragStart(e,r)},onDragEnd:t.onDragEnd,tabIndex:t.props.tabIndex},o,e.createElement(s,null))];return r===t.props.value.length-1&&p.push(t.renderDropPoint(n,r,l+"_droppoint_end")),p}return e.createElement("li",{key:JSON.stringify(n),className:a,role:"option","aria-selected":t.isSelected(n),onClick:function(e){return t.props.onItemClick({originalEvent:e,value:n,index:r})},onKeyDown:function(e){return t.props.onItemKeyDown({originalEvent:e,value:n,index:r})},tabIndex:t.props.tabIndex},o)}))),e.createElement("div",{className:"p-orderlist-list-container"},n,e.createElement("ul",{ref:function(e){return t.listElement=e},className:"p-orderlist-list",style:this.props.listStyle,onDragOver:this.onListMouseMove,role:"listbox","aria-multiselectable":!0},r))}}]),u}();function S(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var R,C,O,L=function(n){y(p,t);var s,a,l=(s=p,a=S(),function(){var e,t=E(s);if(a){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return I(this,e)});function p(e){var t;return f(this,p),(t=l.call(this,e)).state={selection:[]},t.onItemClick=t.onItemClick.bind(m(t)),t.onItemKeyDown=t.onItemKeyDown.bind(m(t)),t.onReorder=t.onReorder.bind(m(t)),t}return v(p,[{key:"onItemClick",value:function(e){var t,n=e.originalEvent.metaKey||e.originalEvent.ctrlKey,o=r.findIndexInList(e.value,this.state.selection,this.props.dataKey);t=-1!==o?n?this.state.selection.filter((function(e,t){return t!==o})):[e.value]:n?[].concat(d(this.state.selection),[e.value]):[e.value],this.setState({selection:t})}},{key:"onItemKeyDown",value:function(e){var t=e.originalEvent.currentTarget;switch(e.originalEvent.which){case 40:var n=this.findNextItem(t);n&&n.focus(),e.originalEvent.preventDefault();break;case 38:var r=this.findPrevItem(t);r&&r.focus(),e.originalEvent.preventDefault();break;case 13:this.onItemClick(e),e.originalEvent.preventDefault()}}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?o.hasClass(t,"p-orderlist-item")?t:this.findNextItem(t):null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?o.hasClass(t,"p-orderlist-item")?t:this.findPrevItem(t):null}},{key:"onReorder",value:function(e){this.props.onChange&&this.props.onChange({event:e.originalEvent,value:e.value}),this.reorderDirection=e.direction}},{key:"componentDidUpdate",value:function(){this.reorderDirection&&(this.updateListScroll(),this.reorderDirection=null)}},{key:"updateListScroll",value:function(){var e=o.find(this.subList.listElement,".p-orderlist-item.p-highlight");if(e&&e.length)switch(this.reorderDirection){case"up":o.scrollInView(this.subList.listElement,e[0]);break;case"top":this.subList.listElement.scrollTop=0;break;case"down":o.scrollInView(this.subList.listElement,e[e.length-1]);break;case"bottom":this.subList.listElement.scrollTop=this.subList.listElement.scrollHeight}}},{key:"render",value:function(){var t=this,n=i("p-orderlist p-component",this.props.className);return e.createElement("div",{ref:function(e){return t.element=e},id:this.props.id,className:n,style:this.props.style},e.createElement(k,{value:this.props.value,selection:this.state.selection,onReorder:this.onReorder,dataKey:this.props.dataKey}),e.createElement(w,{ref:function(e){return t.subList=e},value:this.props.value,selection:this.state.selection,onItemClick:this.onItemClick,onItemKeyDown:this.onItemKeyDown,itemTemplate:this.props.itemTemplate,header:this.props.header,listStyle:this.props.listStyle,dataKey:this.props.dataKey,dragdrop:this.props.dragdrop,onDragStart:this.onDragStart,onDragEnter:this.onDragEnter,onDragEnd:this.onDragEnd,onDragLeave:this.onDragEnter,onDrop:this.onDrop,onChange:this.props.onChange,tabIndex:this.props.tabIndex}))}}]),p}();O={id:null,value:null,header:null,style:null,className:null,listStyle:null,dragdrop:!1,tabIndex:0,dataKey:null,onChange:null,itemTemplate:null},(C="defaultProps")in(R=L)?Object.defineProperty(R,C,{value:O,enumerable:!0,configurable:!0,writable:!0}):R[C]=O;export{L as OrderList};