primereact 8.7.2 → 9.0.0-beta.1

package/picklist/picklist.cjs.js

@@ -33,14 +33,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);
@@ -51,42 +49,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;
 }
 
@@ -125,17 +121,13 @@ function _toConsumableArray(arr) {
 
 var PickListControls = /*#__PURE__*/React__namespace.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 = utils.ObjectUtils.findIndexInList(selectedItem, list, props.dataKey);
-
         if (selectedItemIndex !== 0) {
           var movedItem = list[selectedItemIndex];
           var temp = list[selectedItemIndex - 1];
@@ -145,7 +137,6 @@ var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
           break;
         }
       }
-
       if (props.onReorder) {
         props.onReorder({
           originalEvent: event,
@@ -155,17 +146,13 @@ var PickListControls = /*#__PURE__*/React__namespace.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 = utils.ObjectUtils.findIndexInList(selectedItem, list, props.dataKey);
-
         if (selectedItemIndex !== 0) {
           var movedItem = list.splice(selectedItemIndex, 1)[0];
           list.unshift(movedItem);
@@ -173,7 +160,6 @@ var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
           break;
         }
       }
-
       if (props.onReorder) {
         props.onReorder({
           originalEvent: event,
@@ -183,17 +169,13 @@ var PickListControls = /*#__PURE__*/React__namespace.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 = utils.ObjectUtils.findIndexInList(selectedItem, list, props.dataKey);
-
         if (selectedItemIndex !== list.length - 1) {
           var movedItem = list[selectedItemIndex];
           var temp = list[selectedItemIndex + 1];
@@ -203,7 +185,6 @@ var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
           break;
         }
       }
-
       if (props.onReorder) {
         props.onReorder({
           originalEvent: event,
@@ -213,17 +194,13 @@ var PickListControls = /*#__PURE__*/React__namespace.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 = utils.ObjectUtils.findIndexInList(selectedItem, list, props.dataKey);
-
         if (selectedItemIndex !== list.length - 1) {
           var movedItem = list.splice(selectedItemIndex, 1)[0];
           list.push(movedItem);
@@ -231,7 +208,6 @@ var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
           break;
         }
       }
-
       if (props.onReorder) {
         props.onReorder({
           originalEvent: event,
@@ -241,7 +217,6 @@ var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
       }
     }
   };
-
   var className = utils.classNames('p-picklist-buttons', props.className);
   return /*#__PURE__*/React__namespace.createElement("div", {
     className: className
@@ -278,7 +253,6 @@ var PickListItem = /*#__PURE__*/React__namespace.memo(function (props) {
       });
     }
   };
-
   var onKeyDown = function onKeyDown(event) {
     if (props.onKeyDown) {
       props.onKeyDown({
@@ -287,7 +261,6 @@ var PickListItem = /*#__PURE__*/React__namespace.memo(function (props) {
       });
     }
   };
-
   var content = props.template ? props.template(props.value) : props.value;
   var className = utils.classNames('p-picklist-item', {
     'p-highlight': props.selected
@@ -305,33 +278,26 @@ PickListItem.displayName = 'PickListItem';
 
 var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var listElementRef = React__namespace.useRef(null);
-
   var onItemClick = function onItemClick(event) {
     var originalEvent = event.originalEvent;
     var item = event.value;
-
     var selection = _toConsumableArray(props.selection);
-
     var index = utils.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,
@@ -339,11 +305,9 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       });
     }
   };
-
   var onItemKeyDown = function onItemKeyDown(event) {
     var originalEvent = event.originalEvent;
     var listItem = originalEvent.currentTarget;
-
     switch (originalEvent.which) {
       //down
       case 40:
@@ -351,36 +315,32 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
         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 ? !utils.DomHandler.hasClass(nextItem, 'p-picklist-item') ? findNextItem(nextItem) : nextItem : null;
   };
-
   var findPrevItem = function findPrevItem(item) {
     var prevItem = item.previousElementSibling;
     return prevItem ? !utils.DomHandler.hasClass(prevItem, 'p-picklist-item') ? findPrevItem(prevItem) : prevItem : null;
   };
-
   var isSelected = function isSelected(item) {
     return utils.ObjectUtils.findIndexInList(item, props.selection, props.dataKey) !== -1;
   };
-
   var onFilter = function onFilter(event) {
     if (props.onFilter) {
       props.onFilter({
@@ -390,30 +350,25 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       });
     }
   };
-
   var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
     //enter
     if (event.which === 13) {
       event.preventDefault();
     }
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       listElementRef: listElementRef
     };
   });
-
   var createHeader = function createHeader() {
     if (props.header) {
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-picklist-header"
       }, utils.ObjectUtils.getJSXElement(props.header, props));
     }
-
     return null;
   };
-
   var createItems = function createItems() {
     if (props.list) {
       return props.list.map(function (item) {
@@ -430,10 +385,8 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
         });
       });
     }
-
     return null;
   };
-
   var createFilter = function createFilter() {
     if (props.showFilter) {
       var content = /*#__PURE__*/React__namespace.createElement("div", {
@@ -448,7 +401,6 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       }), /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-picklist-filter-icon pi pi-search"
       }));
-
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-picklist-filter',
@@ -463,15 +415,12 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
         };
         content = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
       }
-
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-picklist-filter-container"
       }, content);
     }
-
     return null;
   };
-
   var createList = function createList() {
     var items = createItems();
     var className = utils.classNames('p-picklist-list', props.listClassName);
@@ -482,7 +431,6 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
       "aria-multiselectable": true
     }, items);
   };
-
   var className = utils.classNames('p-picklist-list-wrapper', props.className);
   var header = createHeader();
   var filter = createFilter();
@@ -499,23 +447,17 @@ var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (prop
   var moveLeftDisabled = utils.ObjectUtils.isEmpty(props.targetSelection) || utils.ObjectUtils.isEmpty(props.visibleTargetList);
   var moveAllRightDisabled = utils.ObjectUtils.isEmpty(props.visibleSourceList);
   var moveAllLeftDisabled = utils.ObjectUtils.isEmpty(props.visibleTargetList);
-
   var moveRight = function moveRight(event) {
     var selection = props.sourceSelection;
-
     if (utils.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 (utils.ObjectUtils.findIndexInList(selectedItem, targetList, props.dataKey) === -1) {
           targetList.push(sourceList.splice(utils.ObjectUtils.findIndexInList(selectedItem, sourceList, props.dataKey), 1)[0]);
         }
       }
-
       if (props.onTransfer) {
         props.onTransfer({
           originalEvent: event,
@@ -526,7 +468,6 @@ var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (prop
       }
     }
   };
-
   var moveAllRight = function moveAllRight(event) {
     if (props.source) {
       var targetList = [].concat(_toConsumableArray(props.target), _toConsumableArray(props.visibleSourceList));
@@ -535,7 +476,6 @@ var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (prop
           return vs === s;
         });
       });
-
       if (props.onTransfer) {
         props.onTransfer({
           originalEvent: event,
@@ -546,23 +486,17 @@ var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (prop
       }
     }
   };
-
   var moveLeft = function moveLeft(event) {
     var selection = props.targetSelection;
-
     if (utils.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 (utils.ObjectUtils.findIndexInList(selectedItem, sourceList, props.dataKey) === -1) {
           sourceList.push(targetList.splice(utils.ObjectUtils.findIndexInList(selectedItem, targetList, props.dataKey), 1)[0]);
         }
       }
-
       if (props.onTransfer) {
         props.onTransfer({
           originalEvent: event,
@@ -573,7 +507,6 @@ var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (prop
       }
     }
   };
-
   var moveAllLeft = function moveAllLeft(event) {
     if (props.source) {
       var sourceList = [].concat(_toConsumableArray(props.source), _toConsumableArray(props.visibleTargetList));
@@ -582,7 +515,6 @@ var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (prop
           return vt === t;
         });
       });
-
       if (props.onTransfer) {
         props.onTransfer({
           originalEvent: event,
@@ -593,7 +525,6 @@ var PickListTransferControls = /*#__PURE__*/React__namespace.memo(function (prop
       }
     }
   };
-
   var className = utils.classNames('p-picklist-buttons p-picklist-transfer-buttons', props.className);
   return /*#__PURE__*/React__namespace.createElement("div", {
     className: className
@@ -623,25 +554,21 @@ PickListTransferControls.displayName = 'PickListTransferControls';
 
 var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.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__namespace.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__namespace.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__namespace.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__namespace.useRef(null);
   var sourceListElementRef = React__namespace.useRef(null);
   var targetListElementRef = React__namespace.useRef(null);
@@ -654,36 +581,29 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var hasFilterBy = utils.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 = utils.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 () {
@@ -693,7 +613,6 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }
     }
   };
-
   var handleChange = function handleChange(event, source, target) {
     if (props.onChange) {
       props.onChange({
@@ -703,110 +622,86 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       });
     }
   };
-
   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 (utils.ObjectUtils.isNotEmpty(selectedItems)) {
       utils.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 (utils.ObjectUtils.isNotEmpty(sourceSelection) && stateKey === 'targetSelection') {
       setSourceSelectionState([]);
     } else if (utils.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,
@@ -816,33 +711,27 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       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 && utils.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 api.FilterService.filter(list, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,