primereact 8.7.2 → 8.7.3

package/picklist/picklist.esm.js

@@ -9,14 +9,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -27,42 +25,40 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -101,17 +97,13 @@ function _toConsumableArray(arr) {
 
 var PickListControls = /*#__PURE__*/React.memo(function (props) {
   var moveDisabled = !props.selection || !props.selection.length;
-
   var moveUp = function moveUp(event) {
     var selectedItems = props.selection;
-
     if (selectedItems && selectedItems.length) {
       var list = _toConsumableArray(props.list);
-
       for (var i = 0; i < selectedItems.length; i++) {
         var selectedItem = selectedItems[i];
         var selectedItemIndex = ObjectUtils.findIndexInList(selectedItem, list, props.dataKey);
-
         if (selectedItemIndex !== 0) {
           var movedItem = list[selectedItemIndex];
           var temp = list[selectedItemIndex - 1];
@@ -121,7 +113,6 @@ var PickListControls = /*#__PURE__*/React.memo(function (props) {
           break;
         }
       }
-
       if (props.onReorder) {
         props.onReorder({
           originalEvent: event,
@@ -131,17 +122,13 @@ var PickListControls = /*#__PURE__*/React.memo(function (props) {
       }
     }
   };
-
   var moveTop = function moveTop(event) {
     var selectedItems = props.selection;
-
     if (selectedItems && selectedItems.length) {
       var list = _toConsumableArray(props.list);
-
       for (var i = 0; i < selectedItems.length; i++) {
         var selectedItem = selectedItems[i];
         var selectedItemIndex = ObjectUtils.findIndexInList(selectedItem, list, props.dataKey);
-
         if (selectedItemIndex !== 0) {
           var movedItem = list.splice(selectedItemIndex, 1)[0];
           list.unshift(movedItem);
@@ -149,7 +136,6 @@ var PickListControls = /*#__PURE__*/React.memo(function (props) {
           break;
         }
       }
-
       if (props.onReorder) {
         props.onReorder({
           originalEvent: event,
@@ -159,17 +145,13 @@ var PickListControls = /*#__PURE__*/React.memo(function (props) {
       }
     }
   };
-
   var moveDown = function moveDown(event) {
     var selectedItems = props.selection;
-
     if (selectedItems && selectedItems.length) {
       var list = _toConsumableArray(props.list);
-
       for (var i = selectedItems.length - 1; i >= 0; i--) {
         var selectedItem = selectedItems[i];
         var selectedItemIndex = ObjectUtils.findIndexInList(selectedItem, list, props.dataKey);
-
         if (selectedItemIndex !== list.length - 1) {
           var movedItem = list[selectedItemIndex];
           var temp = list[selectedItemIndex + 1];
@@ -179,7 +161,6 @@ var PickListControls = /*#__PURE__*/React.memo(function (props) {
           break;
         }
       }
-
       if (props.onReorder) {
         props.onReorder({
           originalEvent: event,
@@ -189,17 +170,13 @@ var PickListControls = /*#__PURE__*/React.memo(function (props) {
       }
     }
   };
-
   var moveBottom = function moveBottom(event) {
     var selectedItems = props.selection;
-
     if (selectedItems && selectedItems.length) {
       var list = _toConsumableArray(props.list);
-
       for (var i = selectedItems.length - 1; i >= 0; i--) {
         var selectedItem = selectedItems[i];
         var selectedItemIndex = ObjectUtils.findIndexInList(selectedItem, list, props.dataKey);
-
         if (selectedItemIndex !== list.length - 1) {
           var movedItem = list.splice(selectedItemIndex, 1)[0];
           list.push(movedItem);
@@ -207,7 +184,6 @@ var PickListControls = /*#__PURE__*/React.memo(function (props) {
           break;
         }
       }
-
       if (props.onReorder) {
         props.onReorder({
           originalEvent: event,
@@ -217,7 +193,6 @@ var PickListControls = /*#__PURE__*/React.memo(function (props) {
       }
     }
   };
-
   var className = classNames('p-picklist-buttons', props.className);
   return /*#__PURE__*/React.createElement("div", {
     className: className
@@ -254,7 +229,6 @@ var PickListItem = /*#__PURE__*/React.memo(function (props) {
       });
     }
   };
-
   var onKeyDown = function onKeyDown(event) {
     if (props.onKeyDown) {
       props.onKeyDown({
@@ -263,7 +237,6 @@ var PickListItem = /*#__PURE__*/React.memo(function (props) {
       });
     }
   };
-
   var content = props.template ? props.template(props.value) : props.value;
   var className = classNames('p-picklist-item', {
     'p-highlight': props.selected
@@ -281,33 +254,26 @@ PickListItem.displayName = 'PickListItem';
 
 var PickListSubList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var listElementRef = React.useRef(null);
-
   var onItemClick = function onItemClick(event) {
     var originalEvent = event.originalEvent;
     var item = event.value;
-
     var selection = _toConsumableArray(props.selection);
-
     var index = ObjectUtils.findIndexInList(item, selection, props.dataKey);
     var selected = index !== -1;
     var metaSelection = props.metaKeySelection;
-
     if (metaSelection) {
       var metaKey = originalEvent.metaKey || originalEvent.ctrlKey;
-
       if (selected && metaKey) {
         selection.splice(index, 1);
       } else {
         if (!metaKey) {
           selection.length = 0;
         }
-
         selection.push(item);
       }
     } else {
       if (selected) selection.splice(index, 1);else selection.push(item);
     }
-
     if (props.onSelectionChange) {
       props.onSelectionChange({
         event: originalEvent,
@@ -315,11 +281,9 @@ var PickListSubList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       });
     }
   };
-
   var onItemKeyDown = function onItemKeyDown(event) {
     var originalEvent = event.originalEvent;
     var listItem = originalEvent.currentTarget;
-
     switch (originalEvent.which) {
       //down
       case 40:
@@ -327,36 +291,32 @@ var PickListSubList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
         nextItem && nextItem.focus();
         originalEvent.preventDefault();
         break;
-      //up
 
+      //up
       case 38:
         var prevItem = findPrevItem(listItem);
         prevItem && prevItem.focus();
         originalEvent.preventDefault();
         break;
-      //enter
 
+      //enter
       case 13:
         onItemClick(event);
         originalEvent.preventDefault();
         break;
     }
   };
-
   var findNextItem = function findNextItem(item) {
     var nextItem = item.nextElementSibling;
     return nextItem ? !DomHandler.hasClass(nextItem, 'p-picklist-item') ? findNextItem(nextItem) : nextItem : null;
   };
-
   var findPrevItem = function findPrevItem(item) {
     var prevItem = item.previousElementSibling;
     return prevItem ? !DomHandler.hasClass(prevItem, 'p-picklist-item') ? findPrevItem(prevItem) : prevItem : null;
   };
-
   var isSelected = function isSelected(item) {
     return ObjectUtils.findIndexInList(item, props.selection, props.dataKey) !== -1;
   };
-
   var onFilter = function onFilter(event) {
     if (props.onFilter) {
       props.onFilter({
@@ -366,30 +326,25 @@ var PickListSubList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       });
     }
   };
-
   var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
     //enter
     if (event.which === 13) {
       event.preventDefault();
     }
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       listElementRef: listElementRef
     };
   });
-
   var createHeader = function createHeader() {
     if (props.header) {
       return /*#__PURE__*/React.createElement("div", {
         className: "p-picklist-header"
       }, ObjectUtils.getJSXElement(props.header, props));
     }
-
     return null;
   };
-
   var createItems = function createItems() {
     if (props.list) {
       return props.list.map(function (item) {
@@ -406,10 +361,8 @@ var PickListSubList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
         });
       });
     }
-
     return null;
   };
-
   var createFilter = function createFilter() {
     if (props.showFilter) {
       var content = /*#__PURE__*/React.createElement("div", {
@@ -424,7 +377,6 @@ var PickListSubList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       }), /*#__PURE__*/React.createElement("span", {
         className: "p-picklist-filter-icon pi pi-search"
       }));
-
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-picklist-filter',
@@ -439,15 +391,12 @@ var PickListSubList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
         };
         content = ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: "p-picklist-filter-container"
       }, content);
     }
-
     return null;
   };
-
   var createList = function createList() {
     var items = createItems();
     var className = classNames('p-picklist-list', props.listClassName);
@@ -458,7 +407,6 @@ var PickListSubList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fun
       "aria-multiselectable": true
     }, items);
   };
-
   var className = classNames('p-picklist-list-wrapper', props.className);
   var header = createHeader();
   var filter = createFilter();
@@ -475,23 +423,17 @@ var PickListTransferControls = /*#__PURE__*/React.memo(function (props) {
   var moveLeftDisabled = ObjectUtils.isEmpty(props.targetSelection) || ObjectUtils.isEmpty(props.visibleTargetList);
   var moveAllRightDisabled = ObjectUtils.isEmpty(props.visibleSourceList);
   var moveAllLeftDisabled = ObjectUtils.isEmpty(props.visibleTargetList);
-
   var moveRight = function moveRight(event) {
     var selection = props.sourceSelection;
-
     if (ObjectUtils.isNotEmpty(selection)) {
       var targetList = _toConsumableArray(props.target);
-
       var sourceList = _toConsumableArray(props.source);
-
       for (var i = 0; i < selection.length; i++) {
         var selectedItem = selection[i];
-
         if (ObjectUtils.findIndexInList(selectedItem, targetList, props.dataKey) === -1) {
           targetList.push(sourceList.splice(ObjectUtils.findIndexInList(selectedItem, sourceList, props.dataKey), 1)[0]);
         }
       }
-
       if (props.onTransfer) {
         props.onTransfer({
           originalEvent: event,
@@ -502,7 +444,6 @@ var PickListTransferControls = /*#__PURE__*/React.memo(function (props) {
       }
     }
   };
-
   var moveAllRight = function moveAllRight(event) {
     if (props.source) {
       var targetList = [].concat(_toConsumableArray(props.target), _toConsumableArray(props.visibleSourceList));
@@ -511,7 +452,6 @@ var PickListTransferControls = /*#__PURE__*/React.memo(function (props) {
           return vs === s;
         });
       });
-
       if (props.onTransfer) {
         props.onTransfer({
           originalEvent: event,
@@ -522,23 +462,17 @@ var PickListTransferControls = /*#__PURE__*/React.memo(function (props) {
       }
     }
   };
-
   var moveLeft = function moveLeft(event) {
     var selection = props.targetSelection;
-
     if (ObjectUtils.isNotEmpty(selection)) {
       var targetList = _toConsumableArray(props.target);
-
       var sourceList = _toConsumableArray(props.source);
-
       for (var i = 0; i < selection.length; i++) {
         var selectedItem = selection[i];
-
         if (ObjectUtils.findIndexInList(selectedItem, sourceList, props.dataKey) === -1) {
           sourceList.push(targetList.splice(ObjectUtils.findIndexInList(selectedItem, targetList, props.dataKey), 1)[0]);
         }
       }
-
       if (props.onTransfer) {
         props.onTransfer({
           originalEvent: event,
@@ -549,7 +483,6 @@ var PickListTransferControls = /*#__PURE__*/React.memo(function (props) {
       }
     }
   };
-
   var moveAllLeft = function moveAllLeft(event) {
     if (props.source) {
       var sourceList = [].concat(_toConsumableArray(props.source), _toConsumableArray(props.visibleTargetList));
@@ -558,7 +491,6 @@ var PickListTransferControls = /*#__PURE__*/React.memo(function (props) {
           return vt === t;
         });
       });
-
       if (props.onTransfer) {
         props.onTransfer({
           originalEvent: event,
@@ -569,7 +501,6 @@ var PickListTransferControls = /*#__PURE__*/React.memo(function (props) {
       }
     }
   };
-
   var className = classNames('p-picklist-buttons p-picklist-transfer-buttons', props.className);
   return /*#__PURE__*/React.createElement("div", {
     className: className
@@ -599,25 +530,21 @@ PickListTransferControls.displayName = 'PickListTransferControls';
 
 var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      sourceSelectionState = _React$useState2[0],
-      setSourceSelectionState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    sourceSelectionState = _React$useState2[0],
+    setSourceSelectionState = _React$useState2[1];
   var _React$useState3 = React.useState([]),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      targetSelectionState = _React$useState4[0],
-      setTargetSelectionState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    targetSelectionState = _React$useState4[0],
+    setTargetSelectionState = _React$useState4[1];
   var _React$useState5 = React.useState(''),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      sourceFilterValueState = _React$useState6[0],
-      setSourceFilterValueState = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    sourceFilterValueState = _React$useState6[0],
+    setSourceFilterValueState = _React$useState6[1];
   var _React$useState7 = React.useState(''),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      targetFilterValueState = _React$useState8[0],
-      setTargetFilterValueState = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    targetFilterValueState = _React$useState8[0],
+    setTargetFilterValueState = _React$useState8[1];
   var elementRef = React.useRef(null);
   var sourceListElementRef = React.useRef(null);
   var targetListElementRef = React.useRef(null);
@@ -630,36 +557,29 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var hasFilterBy = ObjectUtils.isNotEmpty(props.filterBy);
   var showSourceFilter = hasFilterBy && props.showSourceFilter;
   var showTargetFilter = hasFilterBy && props.showTargetFilter;
-
   var onSourceReorder = function onSourceReorder(event) {
     handleChange(event, event.value, props.target);
     reorderedListElementRef.current = sourceListElementRef.current.listElementRef.current;
     reorderDirection.current = event.direction;
   };
-
   var onTargetReorder = function onTargetReorder(event) {
     handleChange(event, props.source, event.value);
     reorderedListElementRef.current = targetListElementRef.current.listElementRef.current;
     reorderDirection.current = event.direction;
   };
-
   var handleScrollPosition = function handleScrollPosition(listElement, direction) {
     if (listElement) {
       var list = DomHandler.findSingle(listElement, '.p-picklist-list');
-
       switch (direction) {
         case 'up':
           scrollInView(list, -1);
           break;
-
         case 'top':
           list.scrollTop = 0;
           break;
-
         case 'down':
           scrollInView(list, 1);
           break;
-
         case 'bottom':
           /* TODO: improve this code block */
           setTimeout(function () {
@@ -669,7 +589,6 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       }
     }
   };
-
   var handleChange = function handleChange(event, source, target) {
     if (props.onChange) {
       props.onChange({
@@ -679,110 +598,86 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       });
     }
   };
-
   var onTransfer = function onTransfer(event) {
     var originalEvent = event.originalEvent,
-        source = event.source,
-        target = event.target,
-        direction = event.direction;
+      source = event.source,
+      target = event.target,
+      direction = event.direction;
     var selectedValue = [];
-
     switch (direction) {
       case 'toTarget':
         selectedValue = sourceSelection;
-
         if (props.onMoveToTarget) {
           props.onMoveToTarget({
             originalEvent: originalEvent,
             value: selectedValue
           });
         }
-
         break;
-
       case 'allToTarget':
         selectedValue = props.source;
-
         if (props.onMoveAllToTarget) {
           props.onMoveAllToTarget({
             originalEvent: originalEvent,
             value: selectedValue
           });
         }
-
         break;
-
       case 'toSource':
         selectedValue = targetSelection;
-
         if (props.onMoveToSource) {
           props.onMoveToSource({
             originalEvent: originalEvent,
             value: selectedValue
           });
         }
-
         break;
-
       case 'allToSource':
         selectedValue = props.target;
-
         if (props.onMoveAllToSource) {
           props.onMoveAllToSource({
             originalEvent: originalEvent,
             value: selectedValue
           });
         }
-
         break;
     }
-
     _onSelectionChange({
       originalEvent: originalEvent,
       value: selectedValue
     }, 'sourceSelection', props.onSourceSelectionChange);
-
     _onSelectionChange({
       originalEvent: originalEvent,
       value: selectedValue
     }, 'targetSelection', props.onTargetSelectionChange);
-
     handleChange(event, source, target);
   };
-
   var scrollInView = function scrollInView(listContainer) {
     var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
     var selectedItems = listContainer.getElementsByClassName('p-highlight');
-
     if (ObjectUtils.isNotEmpty(selectedItems)) {
       DomHandler.scrollInView(listContainer, direction === -1 ? selectedItems[0] : selectedItems[selectedItems.length - 1]);
     }
   };
-
   var _onSelectionChange = function onSelectionChange(e, stateKey, callback) {
     if (stateKey === 'sourceSelection') setSourceSelectionState(e.value);else setTargetSelectionState(e.value);
-
     if (callback) {
       callback(e);
     }
-
     if (ObjectUtils.isNotEmpty(sourceSelection) && stateKey === 'targetSelection') {
       setSourceSelectionState([]);
     } else if (ObjectUtils.isNotEmpty(targetSelection) && stateKey === 'sourceSelection') {
       setTargetSelectionState([]);
     }
   };
-
   var onFilter = function onFilter(event) {
     var originalEvent = event.originalEvent,
-        value = event.value,
-        type = event.type;
-
+      value = event.value,
+      type = event.type;
     var _ref = type === 'source' ? [setSourceFilterValueState, props.onSourceFilterChange] : [setTargetFilterValueState, props.onTargetFilterChange],
-        _ref2 = _slicedToArray(_ref, 2),
-        setFilterState = _ref2[0],
-        onFilterChange = _ref2[1];
-
+      _ref2 = _slicedToArray(_ref, 2),
+      setFilterState = _ref2[0],
+      onFilterChange = _ref2[1];
     if (onFilterChange) {
       onFilterChange({
         originalEvent: originalEvent,
@@ -792,33 +687,27 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       setFilterState(value);
     }
   };
-
   var getVisibleList = function getVisibleList(list, type) {
     var _ref3 = type === 'source' ? [sourceFilteredValue, filterSource] : [targetFilteredValue, filterTarget],
-        _ref4 = _slicedToArray(_ref3, 2),
-        filteredValue = _ref4[0],
-        filterCallback = _ref4[1];
-
+      _ref4 = _slicedToArray(_ref3, 2),
+      filteredValue = _ref4[0],
+      filterCallback = _ref4[1];
     return hasFilterBy && ObjectUtils.isNotEmpty(filteredValue) ? filterCallback(filteredValue) : list;
   };
-
   var filterSource = function filterSource() {
     var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     var filteredValue = value.trim().toLocaleLowerCase(props.filterLocale);
     return filter(props.source, filteredValue);
   };
-
   var filterTarget = function filterTarget() {
     var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     var filteredValue = value.trim().toLocaleLowerCase(props.filterLocale);
     return filter(props.target, filteredValue);
   };
-
   var filter = function filter(list, filterValue) {
     var searchFields = hasFilterBy ? props.filterBy.split(',') : [];
     return FilterService.filter(list, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,