primereact 7.0.0-rc.2 → 7.2.0

package/picklist/picklist.cjs.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var ripple = require('primereact/ripple');
 var button = require('primereact/button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -29,6 +30,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -61,23 +65,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -208,17 +209,17 @@ var PickListItem = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var content = this.props.template ? this.props.template(this.props.value) : this.props.value;
-      var className = core.classNames('p-picklist-item', {
+      var className = utils.classNames('p-picklist-item', {
         'p-highlight': this.props.selected
       }, this.props.className);
-      return /*#__PURE__*/React__default['default'].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
         className: className,
         onClick: this.onClick,
         onKeyDown: this.onKeyDown,
         tabIndex: this.props.tabIndex,
         role: "option",
         "aria-selected": this.props.selected
-      }, content, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+      }, content, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
     }
   }]);
 
@@ -263,7 +264,7 @@ var PickListSubListComponent = /*#__PURE__*/function (_Component) {
 
       var selection = _toConsumableArray(this.props.selection);
 
-      var index = core.ObjectUtils.findIndexInList(item, selection, this.props.dataKey);
+      var index = utils.ObjectUtils.findIndexInList(item, selection, this.props.dataKey);
       var selected = index !== -1;
       var metaSelection = this.props.metaKeySelection;
 
@@ -329,18 +330,18 @@ var PickListSubListComponent = /*#__PURE__*/function (_Component) {
     key: "findNextItem",
     value: function findNextItem(item) {
       var nextItem = item.nextElementSibling;
-      if (nextItem) return !core.DomHandler.hasClass(nextItem, 'p-picklist-item') ? this.findNextItem(nextItem) : nextItem;else return null;
+      if (nextItem) return !utils.DomHandler.hasClass(nextItem, 'p-picklist-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-picklist-item') ? this.findPrevItem(prevItem) : prevItem;else return null;
+      if (prevItem) return !utils.DomHandler.hasClass(prevItem, 'p-picklist-item') ? this.findPrevItem(prevItem) : prevItem;else return null;
     }
   }, {
     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: "render",
@@ -349,18 +350,18 @@ var PickListSubListComponent = /*#__PURE__*/function (_Component) {
 
       var header = null;
       var items = null;
-      var wrapperClassName = core.classNames('p-picklist-list-wrapper', this.props.className);
-      var listClassName = core.classNames('p-picklist-list', this.props.listClassName);
+      var wrapperClassName = utils.classNames('p-picklist-list-wrapper', this.props.className);
+      var listClassName = utils.classNames('p-picklist-list', this.props.listClassName);
 
       if (this.props.header) {
-        header = /*#__PURE__*/React__default['default'].createElement("div", {
+        header = /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-picklist-header"
-        }, core.ObjectUtils.getJSXElement(this.props.header, this.props));
+        }, utils.ObjectUtils.getJSXElement(this.props.header, this.props));
       }
 
       if (this.props.list) {
         items = this.props.list.map(function (item, i) {
-          return /*#__PURE__*/React__default['default'].createElement(PickListItem, {
+          return /*#__PURE__*/React__default["default"].createElement(PickListItem, {
             key: JSON.stringify(item),
             value: item,
             template: _this2.props.itemTemplate,
@@ -372,10 +373,10 @@ var PickListSubListComponent = /*#__PURE__*/function (_Component) {
         });
       }
 
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         ref: this.props.forwardRef,
         className: wrapperClassName
-      }, header, /*#__PURE__*/React__default['default'].createElement("ul", {
+      }, header, /*#__PURE__*/React__default["default"].createElement("ul", {
         className: listClassName,
         style: this.props.style,
         role: "listbox",
@@ -387,8 +388,8 @@ var PickListSubListComponent = /*#__PURE__*/function (_Component) {
   return PickListSubListComponent;
 }(React.Component);
 
-var PickListSubList = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default['default'].createElement(PickListSubListComponent, _extends({
+var PickListSubList = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default["default"].createElement(PickListSubListComponent, _extends({
     forwardRef: ref
   }, props));
 });
@@ -424,7 +425,7 @@ var PickListControls = /*#__PURE__*/function (_Component) {
 
         for (var i = 0; i < selectedItems.length; i++) {
           var selectedItem = selectedItems[i];
-          var selectedItemIndex = core.ObjectUtils.findIndexInList(selectedItem, list, this.props.dataKey);
+          var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, list, this.props.dataKey);
 
           if (selectedItemIndex !== 0) {
             var movedItem = list[selectedItemIndex];
@@ -455,7 +456,7 @@ var PickListControls = /*#__PURE__*/function (_Component) {
 
         for (var i = 0; i < selectedItems.length; i++) {
           var selectedItem = selectedItems[i];
-          var selectedItemIndex = core.ObjectUtils.findIndexInList(selectedItem, list, this.props.dataKey);
+          var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, list, this.props.dataKey);
 
           if (selectedItemIndex !== 0) {
             var movedItem = list.splice(selectedItemIndex, 1)[0];
@@ -484,7 +485,7 @@ var PickListControls = /*#__PURE__*/function (_Component) {
 
         for (var i = selectedItems.length - 1; i >= 0; i--) {
           var selectedItem = selectedItems[i];
-          var selectedItemIndex = core.ObjectUtils.findIndexInList(selectedItem, list, this.props.dataKey);
+          var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, list, this.props.dataKey);
 
           if (selectedItemIndex !== list.length - 1) {
             var movedItem = list[selectedItemIndex];
@@ -517,7 +518,7 @@ var PickListControls = /*#__PURE__*/function (_Component) {
 
         for (var i = selectedItems.length - 1; i >= 0; i--) {
           var selectedItem = selectedItems[i];
-          var selectedItemIndex = core.ObjectUtils.findIndexInList(selectedItem, list, this.props.dataKey);
+          var selectedItemIndex = utils.ObjectUtils.findIndexInList(selectedItem, list, this.props.dataKey);
 
           if (selectedItemIndex !== list.length - 1) {
             var movedItem = list.splice(selectedItemIndex, 1)[0];
@@ -540,25 +541,25 @@ var PickListControls = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var moveDisabled = !this.props.selection.length;
-      var className = core.classNames('p-picklist-buttons', this.props.className);
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      var className = utils.classNames('p-picklist-buttons', this.props.className);
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: className
-      }, /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      }, /*#__PURE__*/React__default["default"].createElement(button.Button, {
         disabled: moveDisabled,
         type: "button",
         icon: "pi pi-angle-up",
         onClick: this.moveUp
-      }), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      }), /*#__PURE__*/React__default["default"].createElement(button.Button, {
         disabled: moveDisabled,
         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, {
         disabled: moveDisabled,
         type: "button",
         icon: "pi pi-angle-down",
         onClick: this.moveDown
-      }), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      }), /*#__PURE__*/React__default["default"].createElement(button.Button, {
         disabled: moveDisabled,
         type: "button",
         icon: "pi pi-angle-double-down",
@@ -596,7 +597,7 @@ var PickListTransferControls = /*#__PURE__*/function (_Component) {
     value: function moveRight(event) {
       var selection = this.props.sourceSelection;
 
-      if (selection && selection.length) {
+      if (utils.ObjectUtils.isNotEmpty(selection)) {
         var targetList = _toConsumableArray(this.props.target);
 
         var sourceList = _toConsumableArray(this.props.source);
@@ -604,8 +605,8 @@ var PickListTransferControls = /*#__PURE__*/function (_Component) {
         for (var i = 0; i < selection.length; i++) {
           var selectedItem = selection[i];
 
-          if (core.ObjectUtils.findIndexInList(selectedItem, targetList, this.props.dataKey) === -1) {
-            targetList.push(sourceList.splice(core.ObjectUtils.findIndexInList(selectedItem, sourceList, this.props.dataKey), 1)[0]);
+          if (utils.ObjectUtils.findIndexInList(selectedItem, targetList, this.props.dataKey) === -1) {
+            targetList.push(sourceList.splice(utils.ObjectUtils.findIndexInList(selectedItem, sourceList, this.props.dataKey), 1)[0]);
           }
         }
 
@@ -641,7 +642,7 @@ var PickListTransferControls = /*#__PURE__*/function (_Component) {
     value: function moveLeft(event) {
       var selection = this.props.targetSelection;
 
-      if (selection && selection.length) {
+      if (utils.ObjectUtils.isNotEmpty(selection)) {
         var targetList = _toConsumableArray(this.props.target);
 
         var sourceList = _toConsumableArray(this.props.source);
@@ -649,8 +650,8 @@ var PickListTransferControls = /*#__PURE__*/function (_Component) {
         for (var i = 0; i < selection.length; i++) {
           var selectedItem = selection[i];
 
-          if (core.ObjectUtils.findIndexInList(selectedItem, sourceList, this.props.dataKey) === -1) {
-            sourceList.push(targetList.splice(core.ObjectUtils.findIndexInList(selectedItem, targetList, this.props.dataKey), 1)[0]);
+          if (utils.ObjectUtils.findIndexInList(selectedItem, sourceList, this.props.dataKey) === -1) {
+            sourceList.push(targetList.splice(utils.ObjectUtils.findIndexInList(selectedItem, targetList, this.props.dataKey), 1)[0]);
           }
         }
 
@@ -684,29 +685,29 @@ var PickListTransferControls = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var moveRightDisabled = !this.props.sourceSelection.length;
-      var moveLeftDisabled = !this.props.targetSelection.length;
-      var moveAllRightDisabled = !this.props.source.length;
-      var moveAllLeftDisabled = !this.props.target.length;
-      var className = core.classNames('p-picklist-buttons p-picklist-transfer-buttons', this.props.className);
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      var moveRightDisabled = utils.ObjectUtils.isEmpty(this.props.sourceSelection);
+      var moveLeftDisabled = utils.ObjectUtils.isEmpty(this.props.targetSelection);
+      var moveAllRightDisabled = utils.ObjectUtils.isEmpty(this.props.source);
+      var moveAllLeftDisabled = utils.ObjectUtils.isEmpty(this.props.target);
+      var className = utils.classNames('p-picklist-buttons p-picklist-transfer-buttons', this.props.className);
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: className
-      }, /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      }, /*#__PURE__*/React__default["default"].createElement(button.Button, {
         disabled: moveRightDisabled,
         type: "button",
         icon: "pi pi-angle-right",
         onClick: this.moveRight
-      }), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      }), /*#__PURE__*/React__default["default"].createElement(button.Button, {
         disabled: moveAllRightDisabled,
         type: "button",
         icon: "pi pi-angle-double-right",
         onClick: this.moveAllRight
-      }), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      }), /*#__PURE__*/React__default["default"].createElement(button.Button, {
         disabled: moveLeftDisabled,
         type: "button",
         icon: "pi pi-angle-left",
         onClick: this.moveLeft
-      }), /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      }), /*#__PURE__*/React__default["default"].createElement(button.Button, {
         disabled: moveAllLeftDisabled,
         type: "button",
         icon: "pi pi-angle-double-left",
@@ -776,7 +777,7 @@ var PickList = /*#__PURE__*/function (_Component) {
     key: "handleScrollPosition",
     value: function handleScrollPosition(listElement, direction) {
       if (listElement) {
-        var listContainer = core.DomHandler.findSingle(listElement, '.p-picklist-list');
+        var listContainer = utils.DomHandler.findSingle(listElement, '.p-picklist-list');
 
         switch (direction) {
           case 'up':
@@ -873,7 +874,10 @@ var PickList = /*#__PURE__*/function (_Component) {
     value: function scrollInView(listContainer) {
       var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
       var selectedItems = listContainer.getElementsByClassName('p-highlight');
-      core.DomHandler.scrollInView(listContainer, direction === -1 ? selectedItems[0] : selectedItems[selectedItems.length - 1]);
+
+      if (utils.ObjectUtils.isNotEmpty(selectedItems)) {
+        utils.DomHandler.scrollInView(listContainer, direction === -1 ? selectedItems[0] : selectedItems[selectedItems.length - 1]);
+      }
     }
   }, {
     key: "onSelectionChange",
@@ -884,11 +888,11 @@ var PickList = /*#__PURE__*/function (_Component) {
         this.setState(_defineProperty({}, stateKey, e.value));
       }
 
-      if (this.state.sourceSelection && this.state.sourceSelection.length && stateKey === 'targetSelection') {
+      if (utils.ObjectUtils.isNotEmpty(this.state.sourceSelection) && stateKey === 'targetSelection') {
         this.setState({
           sourceSelection: []
         });
-      } else if (this.state.targetSelection && this.state.targetSelection.length && stateKey === 'sourceSelection') {
+      } else if (utils.ObjectUtils.isNotEmpty(this.state.targetSelection) && stateKey === 'sourceSelection') {
         this.setState({
           targetSelection: []
         });
@@ -908,20 +912,20 @@ var PickList = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      var className = core.classNames('p-picklist p-component', this.props.className);
+      var className = utils.classNames('p-picklist p-component', this.props.className);
       var sourceSelection = this.getSourceSelection();
       var targetSelection = this.getTargetSelection();
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         id: this.props.id,
         className: className,
         style: this.props.style
-      }, this.props.showSourceControls && /*#__PURE__*/React__default['default'].createElement(PickListControls, {
+      }, this.props.showSourceControls && /*#__PURE__*/React__default["default"].createElement(PickListControls, {
         list: this.props.source,
         selection: sourceSelection,
         onReorder: this.onSourceReorder,
         className: "p-picklist-source-controls",
         dataKey: this.props.dataKey
-      }), /*#__PURE__*/React__default['default'].createElement(PickListSubList, {
+      }), /*#__PURE__*/React__default["default"].createElement(PickListSubList, {
         ref: function ref(el) {
           return _this2.sourceListElement = el;
         },
@@ -938,14 +942,14 @@ var PickList = /*#__PURE__*/function (_Component) {
         metaKeySelection: this.props.metaKeySelection,
         tabIndex: this.props.tabIndex,
         dataKey: this.props.dataKey
-      }), /*#__PURE__*/React__default['default'].createElement(PickListTransferControls, {
+      }), /*#__PURE__*/React__default["default"].createElement(PickListTransferControls, {
         onTransfer: this.onTransfer,
         source: this.props.source,
         target: this.props.target,
         sourceSelection: sourceSelection,
         targetSelection: targetSelection,
         dataKey: this.props.dataKey
-      }), /*#__PURE__*/React__default['default'].createElement(PickListSubList, {
+      }), /*#__PURE__*/React__default["default"].createElement(PickListSubList, {
         ref: function ref(el) {
           return _this2.targetListElement = el;
         },
@@ -962,7 +966,7 @@ var PickList = /*#__PURE__*/function (_Component) {
         metaKeySelection: this.props.metaKeySelection,
         tabIndex: this.props.tabIndex,
         dataKey: this.props.dataKey
-      }), this.props.showTargetControls && /*#__PURE__*/React__default['default'].createElement(PickListControls, {
+      }), this.props.showTargetControls && /*#__PURE__*/React__default["default"].createElement(PickListControls, {
         list: this.props.target,
         selection: targetSelection,
         onReorder: this.onTargetReorder,

package/picklist/picklist.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/core"),n=require("primereact/button");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(e);function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function l(e,t,n){return t&&s(e.prototype,t),n&&s(e,n),e}function a(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t){return(c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function p(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&&c(e,t)}function u(e){return(u="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 h(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return a(e)}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(){return(v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function m(e){if(Array.isArray(e))return g(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function S(){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 k(e){return m(e)||y(e)||b(e)||S()}function T(){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(n){p(u,e.Component);var o,s,c=(o=u,s=T(),function(){var e,t=f(o);if(s){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function u(e){var t;return i(this,u),(t=c.call(this,e)).onClick=t.onClick.bind(a(t)),t.onKeyDown=t.onKeyDown.bind(a(t)),t}return l(u,[{key:"onClick",value:function(e){this.props.onClick&&this.props.onClick({originalEvent:e,value:this.props.value})}},{key:"onKeyDown",value:function(e){this.props.onKeyDown&&this.props.onKeyDown({originalEvent:e,value:this.props.value})}},{key:"render",value:function(){var e=this.props.template?this.props.template(this.props.value):this.props.value,n=t.classNames("p-picklist-item",{"p-highlight":this.props.selected},this.props.className);return r.default.createElement("li",{className:n,onClick:this.onClick,onKeyDown:this.onKeyDown,tabIndex:this.props.tabIndex,role:"option","aria-selected":this.props.selected},e,r.default.createElement(t.Ripple,null))}}]),u}();function C(){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}}d(E,"defaultProps",{value:null,className:null,template:null,selected:!1,tabIndex:null,onClick:null,onKeyDown:null});var R=function(n){p(u,e.Component);var o,s,c=(o=u,s=C(),function(){var e,t=f(o);if(s){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function u(e){var t;return i(this,u),(t=c.call(this,e)).onItemClick=t.onItemClick.bind(a(t)),t.onItemKeyDown=t.onItemKeyDown.bind(a(t)),t}return l(u,[{key:"onItemClick",value:function(e){var n=e.originalEvent,o=e.value,r=k(this.props.selection),i=t.ObjectUtils.findIndexInList(o,r,this.props.dataKey),s=-1!==i;if(this.props.metaKeySelection){var l=n.metaKey||n.ctrlKey;s&&l?r.splice(i,1):(l||(r.length=0),r.push(o))}else s?r.splice(i,1):r.push(o);this.props.onSelectionChange&&this.props.onSelectionChange({event:n,value:r})}},{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 o=this.findPrevItem(t);o&&o.focus(),e.originalEvent.preventDefault();break;case 13:this.onItemClick(e),e.originalEvent.preventDefault()}}},{key:"findNextItem",value:function(e){var n=e.nextElementSibling;return n?t.DomHandler.hasClass(n,"p-picklist-item")?n:this.findNextItem(n):null}},{key:"findPrevItem",value:function(e){var n=e.previousElementSibling;return n?t.DomHandler.hasClass(n,"p-picklist-item")?n:this.findPrevItem(n):null}},{key:"isSelected",value:function(e){return-1!==t.ObjectUtils.findIndexInList(e,this.props.selection,this.props.dataKey)}},{key:"render",value:function(){var e=this,n=null,o=null,i=t.classNames("p-picklist-list-wrapper",this.props.className),s=t.classNames("p-picklist-list",this.props.listClassName);return this.props.header&&(n=r.default.createElement("div",{className:"p-picklist-header"},t.ObjectUtils.getJSXElement(this.props.header,this.props))),this.props.list&&(o=this.props.list.map((function(t,n){return r.default.createElement(E,{key:JSON.stringify(t),value:t,template:e.props.itemTemplate,selected:e.isSelected(t),onClick:e.onItemClick,onKeyDown:e.onItemKeyDown,tabIndex:e.props.tabIndex})}))),r.default.createElement("div",{ref:this.props.forwardRef,className:i},n,r.default.createElement("ul",{className:s,style:this.props.style,role:"listbox","aria-multiselectable":!0},o))}}]),u}(),w=r.default.forwardRef((function(e,t){return r.default.createElement(R,v({forwardRef:t},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 K=function(o){p(d,e.Component);var s,c,u=(s=d,c=I(),function(){var e,t=f(s);if(c){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function d(e){var t;return i(this,d),(t=u.call(this,e)).moveUp=t.moveUp.bind(a(t)),t.moveTop=t.moveTop.bind(a(t)),t.moveDown=t.moveDown.bind(a(t)),t.moveBottom=t.moveBottom.bind(a(t)),t}return l(d,[{key:"moveUp",value:function(e){var n=this.props.selection;if(n&&n.length){for(var o=k(this.props.list),r=0;r<n.length;r++){var i=t.ObjectUtils.findIndexInList(n[r],o,this.props.dataKey);if(0===i)break;var s=o[i-1];o[i-1]=o[i],o[i]=s}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:o,direction:"up"})}}},{key:"moveTop",value:function(e){var n=this.props.selection;if(n&&n.length){for(var o=k(this.props.list),r=0;r<n.length;r++){var i=t.ObjectUtils.findIndexInList(n[r],o,this.props.dataKey);if(0===i)break;var s=o.splice(i,1)[0];o.unshift(s)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:o,direction:"top"})}}},{key:"moveDown",value:function(e){var n=this.props.selection;if(n&&n.length){for(var o=k(this.props.list),r=n.length-1;r>=0;r--){var i=t.ObjectUtils.findIndexInList(n[r],o,this.props.dataKey);if(i===o.length-1)break;var s=o[i+1];o[i+1]=o[i],o[i]=s}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:o,direction:"down"}),this.movedDown=!0}}},{key:"moveBottom",value:function(e){var n=this.props.selection;if(n&&n.length){for(var o=k(this.props.list),r=n.length-1;r>=0;r--){var i=t.ObjectUtils.findIndexInList(n[r],o,this.props.dataKey);if(i===o.length-1)break;var s=o.splice(i,1)[0];o.push(s)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:o,direction:"bottom"})}}},{key:"render",value:function(){var e=!this.props.selection.length,o=t.classNames("p-picklist-buttons",this.props.className);return r.default.createElement("div",{className:o},r.default.createElement(n.Button,{disabled:e,type:"button",icon:"pi pi-angle-up",onClick:this.moveUp}),r.default.createElement(n.Button,{disabled:e,type:"button",icon:"pi pi-angle-double-up",onClick:this.moveTop}),r.default.createElement(n.Button,{disabled:e,type:"button",icon:"pi pi-angle-down",onClick:this.moveDown}),r.default.createElement(n.Button,{disabled:e,type:"button",icon:"pi pi-angle-double-down",onClick:this.moveBottom}))}}]),d}();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 x=function(o){p(d,e.Component);var s,c,u=(s=d,c=O(),function(){var e,t=f(s);if(c){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function d(e){var t;return i(this,d),(t=u.call(this,e)).moveRight=t.moveRight.bind(a(t)),t.moveAllRight=t.moveAllRight.bind(a(t)),t.moveLeft=t.moveLeft.bind(a(t)),t.moveAllLeft=t.moveAllLeft.bind(a(t)),t}return l(d,[{key:"moveRight",value:function(e){var n=this.props.sourceSelection;if(n&&n.length){for(var o=k(this.props.target),r=k(this.props.source),i=0;i<n.length;i++){var s=n[i];-1===t.ObjectUtils.findIndexInList(s,o,this.props.dataKey)&&o.push(r.splice(t.ObjectUtils.findIndexInList(s,r,this.props.dataKey),1)[0])}this.props.onTransfer&&this.props.onTransfer({originalEvent:e,source:r,target:o,direction:"toTarget"})}}},{key:"moveAllRight",value:function(e){if(this.props.source){var t=[].concat(k(this.props.target),k(this.props.source));this.props.onTransfer&&this.props.onTransfer({originalEvent:e,source:[],target:t,direction:"allToTarget"})}}},{key:"moveLeft",value:function(e){var n=this.props.targetSelection;if(n&&n.length){for(var o=k(this.props.target),r=k(this.props.source),i=0;i<n.length;i++){var s=n[i];-1===t.ObjectUtils.findIndexInList(s,r,this.props.dataKey)&&r.push(o.splice(t.ObjectUtils.findIndexInList(s,o,this.props.dataKey),1)[0])}this.props.onTransfer&&this.props.onTransfer({originalEvent:e,source:r,target:o,direction:"toSource"})}}},{key:"moveAllLeft",value:function(e){if(this.props.source){var t=[].concat(k(this.props.source),k(this.props.target));this.props.onTransfer&&this.props.onTransfer({originalEvent:e,source:t,target:[],direction:"allToSource"})}}},{key:"render",value:function(){var e=!this.props.sourceSelection.length,o=!this.props.targetSelection.length,i=!this.props.source.length,s=!this.props.target.length,l=t.classNames("p-picklist-buttons p-picklist-transfer-buttons",this.props.className);return r.default.createElement("div",{className:l},r.default.createElement(n.Button,{disabled:e,type:"button",icon:"pi pi-angle-right",onClick:this.moveRight}),r.default.createElement(n.Button,{disabled:i,type:"button",icon:"pi pi-angle-double-right",onClick:this.moveAllRight}),r.default.createElement(n.Button,{disabled:o,type:"button",icon:"pi pi-angle-left",onClick:this.moveLeft}),r.default.createElement(n.Button,{disabled:s,type:"button",icon:"pi pi-angle-double-left",onClick:this.moveAllLeft}))}}]),d}();function N(){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(n){p(u,e.Component);var o,s,c=(o=u,s=N(),function(){var e,t=f(o);if(s){var n=f(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return h(this,e)});function u(e){var t;return i(this,u),(t=c.call(this,e)).state={},t.props.onSourceSelectionChange||(t.state.sourceSelection=[]),t.props.onTargetSelectionChange||(t.state.targetSelection=[]),t.onSourceReorder=t.onSourceReorder.bind(a(t)),t.onTargetReorder=t.onTargetReorder.bind(a(t)),t.onTransfer=t.onTransfer.bind(a(t)),t}return l(u,[{key:"getSourceSelection",value:function(){return this.props.onSourceSelectionChange?this.props.sourceSelection:this.state.sourceSelection}},{key:"getTargetSelection",value:function(){return this.props.onTargetSelectionChange?this.props.targetSelection:this.state.targetSelection}},{key:"onSourceReorder",value:function(e){this.handleChange(e,e.value,this.props.target),this.reorderedListElement=this.sourceListElement,this.reorderDirection=e.direction}},{key:"onTargetReorder",value:function(e){this.handleChange(e,this.props.source,e.value),this.reorderedListElement=this.targetListElement,this.reorderDirection=e.direction}},{key:"handleScrollPosition",value:function(e,n){if(e){var o=t.DomHandler.findSingle(e,".p-picklist-list");switch(n){case"up":this.scrollInView(o,-1);break;case"top":o.scrollTop=0;break;case"down":this.scrollInView(o,1);break;case"bottom":o.scrollTop=o.scrollHeight}}}},{key:"handleChange",value:function(e,t,n){this.props.onChange&&this.props.onChange({originalEvent:e.originalEvent,source:t,target:n})}},{key:"onTransfer",value:function(e){var t=e.originalEvent,n=e.source,o=e.target;switch(e.direction){case"toTarget":this.props.onMoveToTarget&&this.props.onMoveToTarget({originalEvent:t,value:this.getSourceSelection()});break;case"allToTarget":this.props.onMoveAllToTarget&&this.props.onMoveAllToTarget({originalEvent:t,value:this.props.source});break;case"toSource":this.props.onMoveToSource&&this.props.onMoveToSource({originalEvent:t,value:this.getTargetSelection()});break;case"allToSource":this.props.onMoveAllToSource&&this.props.onMoveAllToSource({originalEvent:t,value:this.props.target})}this.onSelectionChange({originalEvent:t,value:[]},"sourceSelection",this.props.onSourceSelectionChange),this.onSelectionChange({originalEvent:t,value:[]},"targetSelection",this.props.onTargetSelectionChange),this.handleChange(e,n,o)}},{key:"scrollInView",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,o=e.getElementsByClassName("p-highlight");t.DomHandler.scrollInView(e,-1===n?o[0]:o[o.length-1])}},{key:"onSelectionChange",value:function(e,t,n){n?n(e):this.setState(d({},t,e.value)),this.state.sourceSelection&&this.state.sourceSelection.length&&"targetSelection"===t?this.setState({sourceSelection:[]}):this.state.targetSelection&&this.state.targetSelection.length&&"sourceSelection"===t&&this.setState({targetSelection:[]})}},{key:"componentDidUpdate",value:function(){this.reorderedListElement&&(this.handleScrollPosition(this.reorderedListElement,this.reorderDirection),this.reorderedListElement=null,this.reorderDirection=null)}},{key:"render",value:function(){var e=this,n=t.classNames("p-picklist p-component",this.props.className),o=this.getSourceSelection(),i=this.getTargetSelection();return r.default.createElement("div",{id:this.props.id,className:n,style:this.props.style},this.props.showSourceControls&&r.default.createElement(K,{list:this.props.source,selection:o,onReorder:this.onSourceReorder,className:"p-picklist-source-controls",dataKey:this.props.dataKey}),r.default.createElement(w,{ref:function(t){return e.sourceListElement=t},list:this.props.source,selection:o,onSelectionChange:function(t){return e.onSelectionChange(t,"sourceSelection",e.props.onSourceSelectionChange)},itemTemplate:this.props.itemTemplate,header:this.props.sourceHeader,style:this.props.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:this.props.metaKeySelection,tabIndex:this.props.tabIndex,dataKey:this.props.dataKey}),r.default.createElement(x,{onTransfer:this.onTransfer,source:this.props.source,target:this.props.target,sourceSelection:o,targetSelection:i,dataKey:this.props.dataKey}),r.default.createElement(w,{ref:function(t){return e.targetListElement=t},list:this.props.target,selection:i,onSelectionChange:function(t){return e.onSelectionChange(t,"targetSelection",e.props.onTargetSelectionChange)},itemTemplate:this.props.itemTemplate,header:this.props.targetHeader,style:this.props.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:this.props.metaKeySelection,tabIndex:this.props.tabIndex,dataKey:this.props.dataKey}),this.props.showTargetControls&&r.default.createElement(K,{list:this.props.target,selection:i,onReorder:this.onTargetReorder,className:"p-picklist-target-controls",dataKey:this.props.dataKey}))}}]),u}();d(D,"defaultProps",{id:null,source:null,target:null,sourceHeader:null,targetHeader:null,style:null,className:null,sourceStyle:null,targetStyle:null,sourceSelection:null,targetSelection:null,showSourceControls:!0,showTargetControls:!0,metaKeySelection:!0,tabIndex:0,dataKey:null,itemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null}),exports.PickList=D;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),o=require("primereact/ripple"),n=require("primereact/button");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function a(e,t,o){return t&&l(e.prototype,t),o&&l(e,o),Object.defineProperty(e,"prototype",{writable:!1}),e}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},p(e,t)}function u(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}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}function h(e){return h="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},h(e)}function f(e,t){if(t&&("object"===h(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return c(e)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}function v(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},m.apply(this,arguments)}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function g(e){if(Array.isArray(e))return y(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return y(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?y(e,t):void 0}}function k(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){return g(e)||b(e)||S(e)||k()}function T(){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 C=function(n){u(h,e.Component);var r,l,p=(r=h,l=T(),function(){var e,t=d(r);if(l){var o=d(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return f(this,e)});function h(e){var t;return s(this,h),(t=p.call(this,e)).onClick=t.onClick.bind(c(t)),t.onKeyDown=t.onKeyDown.bind(c(t)),t}return a(h,[{key:"onClick",value:function(e){this.props.onClick&&this.props.onClick({originalEvent:e,value:this.props.value})}},{key:"onKeyDown",value:function(e){this.props.onKeyDown&&this.props.onKeyDown({originalEvent:e,value:this.props.value})}},{key:"render",value:function(){var e=this.props.template?this.props.template(this.props.value):this.props.value,n=t.classNames("p-picklist-item",{"p-highlight":this.props.selected},this.props.className);return i.default.createElement("li",{className:n,onClick:this.onClick,onKeyDown:this.onKeyDown,tabIndex:this.props.tabIndex,role:"option","aria-selected":this.props.selected},e,i.default.createElement(o.Ripple,null))}}]),h}();function w(){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}}v(C,"defaultProps",{value:null,className:null,template:null,selected:!1,tabIndex:null,onClick:null,onKeyDown:null});var R=function(o){u(p,e.Component);var n,r,l=(n=p,r=w(),function(){var e,t=d(n);if(r){var o=d(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return f(this,e)});function p(e){var t;return s(this,p),(t=l.call(this,e)).onItemClick=t.onItemClick.bind(c(t)),t.onItemKeyDown=t.onItemKeyDown.bind(c(t)),t}return a(p,[{key:"onItemClick",value:function(e){var o=e.originalEvent,n=e.value,r=E(this.props.selection),i=t.ObjectUtils.findIndexInList(n,r,this.props.dataKey),s=-1!==i;if(this.props.metaKeySelection){var l=o.metaKey||o.ctrlKey;s&&l?r.splice(i,1):(l||(r.length=0),r.push(n))}else s?r.splice(i,1):r.push(n);this.props.onSelectionChange&&this.props.onSelectionChange({event:o,value:r})}},{key:"onItemKeyDown",value:function(e){var t=e.originalEvent.currentTarget;switch(e.originalEvent.which){case 40:var o=this.findNextItem(t);o&&o.focus(),e.originalEvent.preventDefault();break;case 38:var n=this.findPrevItem(t);n&&n.focus(),e.originalEvent.preventDefault();break;case 13:this.onItemClick(e),e.originalEvent.preventDefault()}}},{key:"findNextItem",value:function(e){var o=e.nextElementSibling;return o?t.DomHandler.hasClass(o,"p-picklist-item")?o:this.findNextItem(o):null}},{key:"findPrevItem",value:function(e){var o=e.previousElementSibling;return o?t.DomHandler.hasClass(o,"p-picklist-item")?o:this.findPrevItem(o):null}},{key:"isSelected",value:function(e){return-1!==t.ObjectUtils.findIndexInList(e,this.props.selection,this.props.dataKey)}},{key:"render",value:function(){var e=this,o=null,n=null,r=t.classNames("p-picklist-list-wrapper",this.props.className),s=t.classNames("p-picklist-list",this.props.listClassName);return this.props.header&&(o=i.default.createElement("div",{className:"p-picklist-header"},t.ObjectUtils.getJSXElement(this.props.header,this.props))),this.props.list&&(n=this.props.list.map((function(t,o){return i.default.createElement(C,{key:JSON.stringify(t),value:t,template:e.props.itemTemplate,selected:e.isSelected(t),onClick:e.onItemClick,onKeyDown:e.onItemKeyDown,tabIndex:e.props.tabIndex})}))),i.default.createElement("div",{ref:this.props.forwardRef,className:r},o,i.default.createElement("ul",{className:s,style:this.props.style,role:"listbox","aria-multiselectable":!0},n))}}]),p}(),I=i.default.forwardRef((function(e,t){return i.default.createElement(R,m({forwardRef:t},e))}));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 K=function(o){u(h,e.Component);var r,l,p=(r=h,l=O(),function(){var e,t=d(r);if(l){var o=d(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return f(this,e)});function h(e){var t;return s(this,h),(t=p.call(this,e)).moveUp=t.moveUp.bind(c(t)),t.moveTop=t.moveTop.bind(c(t)),t.moveDown=t.moveDown.bind(c(t)),t.moveBottom=t.moveBottom.bind(c(t)),t}return a(h,[{key:"moveUp",value:function(e){var o=this.props.selection;if(o&&o.length){for(var n=E(this.props.list),r=0;r<o.length;r++){var i=t.ObjectUtils.findIndexInList(o[r],n,this.props.dataKey);if(0===i)break;var s=n[i-1];n[i-1]=n[i],n[i]=s}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:n,direction:"up"})}}},{key:"moveTop",value:function(e){var o=this.props.selection;if(o&&o.length){for(var n=E(this.props.list),r=0;r<o.length;r++){var i=t.ObjectUtils.findIndexInList(o[r],n,this.props.dataKey);if(0===i)break;var s=n.splice(i,1)[0];n.unshift(s)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:n,direction:"top"})}}},{key:"moveDown",value:function(e){var o=this.props.selection;if(o&&o.length){for(var n=E(this.props.list),r=o.length-1;r>=0;r--){var i=t.ObjectUtils.findIndexInList(o[r],n,this.props.dataKey);if(i===n.length-1)break;var s=n[i+1];n[i+1]=n[i],n[i]=s}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:n,direction:"down"}),this.movedDown=!0}}},{key:"moveBottom",value:function(e){var o=this.props.selection;if(o&&o.length){for(var n=E(this.props.list),r=o.length-1;r>=0;r--){var i=t.ObjectUtils.findIndexInList(o[r],n,this.props.dataKey);if(i===n.length-1)break;var s=n.splice(i,1)[0];n.push(s)}this.props.onReorder&&this.props.onReorder({originalEvent:e,value:n,direction:"bottom"})}}},{key:"render",value:function(){var e=!this.props.selection.length,o=t.classNames("p-picklist-buttons",this.props.className);return i.default.createElement("div",{className:o},i.default.createElement(n.Button,{disabled:e,type:"button",icon:"pi pi-angle-up",onClick:this.moveUp}),i.default.createElement(n.Button,{disabled:e,type:"button",icon:"pi pi-angle-double-up",onClick:this.moveTop}),i.default.createElement(n.Button,{disabled:e,type:"button",icon:"pi pi-angle-down",onClick:this.moveDown}),i.default.createElement(n.Button,{disabled:e,type:"button",icon:"pi pi-angle-double-down",onClick:this.moveBottom}))}}]),h}();function j(){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 N=function(o){u(h,e.Component);var r,l,p=(r=h,l=j(),function(){var e,t=d(r);if(l){var o=d(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return f(this,e)});function h(e){var t;return s(this,h),(t=p.call(this,e)).moveRight=t.moveRight.bind(c(t)),t.moveAllRight=t.moveAllRight.bind(c(t)),t.moveLeft=t.moveLeft.bind(c(t)),t.moveAllLeft=t.moveAllLeft.bind(c(t)),t}return a(h,[{key:"moveRight",value:function(e){var o=this.props.sourceSelection;if(t.ObjectUtils.isNotEmpty(o)){for(var n=E(this.props.target),r=E(this.props.source),i=0;i<o.length;i++){var s=o[i];-1===t.ObjectUtils.findIndexInList(s,n,this.props.dataKey)&&n.push(r.splice(t.ObjectUtils.findIndexInList(s,r,this.props.dataKey),1)[0])}this.props.onTransfer&&this.props.onTransfer({originalEvent:e,source:r,target:n,direction:"toTarget"})}}},{key:"moveAllRight",value:function(e){if(this.props.source){var t=[].concat(E(this.props.target),E(this.props.source));this.props.onTransfer&&this.props.onTransfer({originalEvent:e,source:[],target:t,direction:"allToTarget"})}}},{key:"moveLeft",value:function(e){var o=this.props.targetSelection;if(t.ObjectUtils.isNotEmpty(o)){for(var n=E(this.props.target),r=E(this.props.source),i=0;i<o.length;i++){var s=o[i];-1===t.ObjectUtils.findIndexInList(s,r,this.props.dataKey)&&r.push(n.splice(t.ObjectUtils.findIndexInList(s,n,this.props.dataKey),1)[0])}this.props.onTransfer&&this.props.onTransfer({originalEvent:e,source:r,target:n,direction:"toSource"})}}},{key:"moveAllLeft",value:function(e){if(this.props.source){var t=[].concat(E(this.props.source),E(this.props.target));this.props.onTransfer&&this.props.onTransfer({originalEvent:e,source:t,target:[],direction:"allToSource"})}}},{key:"render",value:function(){var e=t.ObjectUtils.isEmpty(this.props.sourceSelection),o=t.ObjectUtils.isEmpty(this.props.targetSelection),r=t.ObjectUtils.isEmpty(this.props.source),s=t.ObjectUtils.isEmpty(this.props.target),l=t.classNames("p-picklist-buttons p-picklist-transfer-buttons",this.props.className);return i.default.createElement("div",{className:l},i.default.createElement(n.Button,{disabled:e,type:"button",icon:"pi pi-angle-right",onClick:this.moveRight}),i.default.createElement(n.Button,{disabled:r,type:"button",icon:"pi pi-angle-double-right",onClick:this.moveAllRight}),i.default.createElement(n.Button,{disabled:o,type:"button",icon:"pi pi-angle-left",onClick:this.moveLeft}),i.default.createElement(n.Button,{disabled:s,type:"button",icon:"pi pi-angle-double-left",onClick:this.moveAllLeft}))}}]),h}();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 D=function(o){u(p,e.Component);var n,r,l=(n=p,r=x(),function(){var e,t=d(n);if(r){var o=d(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return f(this,e)});function p(e){var t;return s(this,p),(t=l.call(this,e)).state={},t.props.onSourceSelectionChange||(t.state.sourceSelection=[]),t.props.onTargetSelectionChange||(t.state.targetSelection=[]),t.onSourceReorder=t.onSourceReorder.bind(c(t)),t.onTargetReorder=t.onTargetReorder.bind(c(t)),t.onTransfer=t.onTransfer.bind(c(t)),t}return a(p,[{key:"getSourceSelection",value:function(){return this.props.onSourceSelectionChange?this.props.sourceSelection:this.state.sourceSelection}},{key:"getTargetSelection",value:function(){return this.props.onTargetSelectionChange?this.props.targetSelection:this.state.targetSelection}},{key:"onSourceReorder",value:function(e){this.handleChange(e,e.value,this.props.target),this.reorderedListElement=this.sourceListElement,this.reorderDirection=e.direction}},{key:"onTargetReorder",value:function(e){this.handleChange(e,this.props.source,e.value),this.reorderedListElement=this.targetListElement,this.reorderDirection=e.direction}},{key:"handleScrollPosition",value:function(e,o){if(e){var n=t.DomHandler.findSingle(e,".p-picklist-list");switch(o){case"up":this.scrollInView(n,-1);break;case"top":n.scrollTop=0;break;case"down":this.scrollInView(n,1);break;case"bottom":n.scrollTop=n.scrollHeight}}}},{key:"handleChange",value:function(e,t,o){this.props.onChange&&this.props.onChange({originalEvent:e.originalEvent,source:t,target:o})}},{key:"onTransfer",value:function(e){var t=e.originalEvent,o=e.source,n=e.target;switch(e.direction){case"toTarget":this.props.onMoveToTarget&&this.props.onMoveToTarget({originalEvent:t,value:this.getSourceSelection()});break;case"allToTarget":this.props.onMoveAllToTarget&&this.props.onMoveAllToTarget({originalEvent:t,value:this.props.source});break;case"toSource":this.props.onMoveToSource&&this.props.onMoveToSource({originalEvent:t,value:this.getTargetSelection()});break;case"allToSource":this.props.onMoveAllToSource&&this.props.onMoveAllToSource({originalEvent:t,value:this.props.target})}this.onSelectionChange({originalEvent:t,value:[]},"sourceSelection",this.props.onSourceSelectionChange),this.onSelectionChange({originalEvent:t,value:[]},"targetSelection",this.props.onTargetSelectionChange),this.handleChange(e,o,n)}},{key:"scrollInView",value:function(e){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.getElementsByClassName("p-highlight");t.ObjectUtils.isNotEmpty(n)&&t.DomHandler.scrollInView(e,-1===o?n[0]:n[n.length-1])}},{key:"onSelectionChange",value:function(e,o,n){n?n(e):this.setState(v({},o,e.value)),t.ObjectUtils.isNotEmpty(this.state.sourceSelection)&&"targetSelection"===o?this.setState({sourceSelection:[]}):t.ObjectUtils.isNotEmpty(this.state.targetSelection)&&"sourceSelection"===o&&this.setState({targetSelection:[]})}},{key:"componentDidUpdate",value:function(){this.reorderedListElement&&(this.handleScrollPosition(this.reorderedListElement,this.reorderDirection),this.reorderedListElement=null,this.reorderDirection=null)}},{key:"render",value:function(){var e=this,o=t.classNames("p-picklist p-component",this.props.className),n=this.getSourceSelection(),r=this.getTargetSelection();return i.default.createElement("div",{id:this.props.id,className:o,style:this.props.style},this.props.showSourceControls&&i.default.createElement(K,{list:this.props.source,selection:n,onReorder:this.onSourceReorder,className:"p-picklist-source-controls",dataKey:this.props.dataKey}),i.default.createElement(I,{ref:function(t){return e.sourceListElement=t},list:this.props.source,selection:n,onSelectionChange:function(t){return e.onSelectionChange(t,"sourceSelection",e.props.onSourceSelectionChange)},itemTemplate:this.props.itemTemplate,header:this.props.sourceHeader,style:this.props.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:this.props.metaKeySelection,tabIndex:this.props.tabIndex,dataKey:this.props.dataKey}),i.default.createElement(N,{onTransfer:this.onTransfer,source:this.props.source,target:this.props.target,sourceSelection:n,targetSelection:r,dataKey:this.props.dataKey}),i.default.createElement(I,{ref:function(t){return e.targetListElement=t},list:this.props.target,selection:r,onSelectionChange:function(t){return e.onSelectionChange(t,"targetSelection",e.props.onTargetSelectionChange)},itemTemplate:this.props.itemTemplate,header:this.props.targetHeader,style:this.props.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:this.props.metaKeySelection,tabIndex:this.props.tabIndex,dataKey:this.props.dataKey}),this.props.showTargetControls&&i.default.createElement(K,{list:this.props.target,selection:r,onReorder:this.onTargetReorder,className:"p-picklist-target-controls",dataKey:this.props.dataKey}))}}]),p}();v(D,"defaultProps",{id:null,source:null,target:null,sourceHeader:null,targetHeader:null,style:null,className:null,sourceStyle:null,targetStyle:null,sourceSelection:null,targetSelection:null,showSourceControls:!0,showTargetControls:!0,metaKeySelection:!0,tabIndex:0,dataKey:null,itemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null}),exports.PickList=D;

package/picklist/picklist.esm.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
-import { classNames, Ripple, ObjectUtils, DomHandler } from 'primereact/core';
+import { classNames, ObjectUtils, DomHandler } from 'primereact/utils';
+import { Ripple } from 'primereact/ripple';
 import { Button } from 'primereact/button';
 
 function _classCallCheck(instance, Constructor) {
@@ -21,6 +22,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -53,23 +57,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -588,7 +589,7 @@ var PickListTransferControls = /*#__PURE__*/function (_Component) {
     value: function moveRight(event) {
       var selection = this.props.sourceSelection;
 
-      if (selection && selection.length) {
+      if (ObjectUtils.isNotEmpty(selection)) {
         var targetList = _toConsumableArray(this.props.target);
 
         var sourceList = _toConsumableArray(this.props.source);
@@ -633,7 +634,7 @@ var PickListTransferControls = /*#__PURE__*/function (_Component) {
     value: function moveLeft(event) {
       var selection = this.props.targetSelection;
 
-      if (selection && selection.length) {
+      if (ObjectUtils.isNotEmpty(selection)) {
         var targetList = _toConsumableArray(this.props.target);
 
         var sourceList = _toConsumableArray(this.props.source);
@@ -676,10 +677,10 @@ var PickListTransferControls = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var moveRightDisabled = !this.props.sourceSelection.length;
-      var moveLeftDisabled = !this.props.targetSelection.length;
-      var moveAllRightDisabled = !this.props.source.length;
-      var moveAllLeftDisabled = !this.props.target.length;
+      var moveRightDisabled = ObjectUtils.isEmpty(this.props.sourceSelection);
+      var moveLeftDisabled = ObjectUtils.isEmpty(this.props.targetSelection);
+      var moveAllRightDisabled = ObjectUtils.isEmpty(this.props.source);
+      var moveAllLeftDisabled = ObjectUtils.isEmpty(this.props.target);
       var className = classNames('p-picklist-buttons p-picklist-transfer-buttons', this.props.className);
       return /*#__PURE__*/React.createElement("div", {
         className: className
@@ -865,7 +866,10 @@ var PickList = /*#__PURE__*/function (_Component) {
     value: function scrollInView(listContainer) {
       var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
       var selectedItems = listContainer.getElementsByClassName('p-highlight');
-      DomHandler.scrollInView(listContainer, direction === -1 ? selectedItems[0] : selectedItems[selectedItems.length - 1]);
+
+      if (ObjectUtils.isNotEmpty(selectedItems)) {
+        DomHandler.scrollInView(listContainer, direction === -1 ? selectedItems[0] : selectedItems[selectedItems.length - 1]);
+      }
     }
   }, {
     key: "onSelectionChange",
@@ -876,11 +880,11 @@ var PickList = /*#__PURE__*/function (_Component) {
         this.setState(_defineProperty({}, stateKey, e.value));
       }
 
-      if (this.state.sourceSelection && this.state.sourceSelection.length && stateKey === 'targetSelection') {
+      if (ObjectUtils.isNotEmpty(this.state.sourceSelection) && stateKey === 'targetSelection') {
         this.setState({
           sourceSelection: []
         });
-      } else if (this.state.targetSelection && this.state.targetSelection.length && stateKey === 'sourceSelection') {
+      } else if (ObjectUtils.isNotEmpty(this.state.targetSelection) && stateKey === 'sourceSelection') {
         this.setState({
           targetSelection: []
         });