primereact 8.7.2 → 9.0.0-beta.1

package/picklist/picklist.js

@@ -26,14 +26,12 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
     _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);
@@ -44,42 +42,40 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
   }
 
   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;
   }
 
@@ -118,17 +114,13 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
 
   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];
@@ -138,7 +130,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
             break;
           }
         }
-
         if (props.onReorder) {
           props.onReorder({
             originalEvent: event,
@@ -148,17 +139,13 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         }
       }
     };
-
     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);
@@ -166,7 +153,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
             break;
           }
         }
-
         if (props.onReorder) {
           props.onReorder({
             originalEvent: event,
@@ -176,17 +162,13 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         }
       }
     };
-
     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];
@@ -196,7 +178,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
             break;
           }
         }
-
         if (props.onReorder) {
           props.onReorder({
             originalEvent: event,
@@ -206,17 +187,13 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         }
       }
     };
-
     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);
@@ -224,7 +201,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
             break;
           }
         }
-
         if (props.onReorder) {
           props.onReorder({
             originalEvent: event,
@@ -234,7 +210,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         }
       }
     };
-
     var className = utils.classNames('p-picklist-buttons', props.className);
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: className
@@ -271,7 +246,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         });
       }
     };
-
     var onKeyDown = function onKeyDown(event) {
       if (props.onKeyDown) {
         props.onKeyDown({
@@ -280,7 +254,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         });
       }
     };
-
     var content = props.template ? props.template(props.value) : props.value;
     var className = utils.classNames('p-picklist-item', {
       'p-highlight': props.selected
@@ -298,33 +271,26 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
 
   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,
@@ -332,11 +298,9 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         });
       }
     };
-
     var onItemKeyDown = function onItemKeyDown(event) {
       var originalEvent = event.originalEvent;
       var listItem = originalEvent.currentTarget;
-
       switch (originalEvent.which) {
         //down
         case 40:
@@ -344,36 +308,32 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
           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({
@@ -383,30 +343,25 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         });
       }
     };
-
     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) {
@@ -423,10 +378,8 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
           });
         });
       }
-
       return null;
     };
-
     var createFilter = function createFilter() {
       if (props.showFilter) {
         var content = /*#__PURE__*/React__namespace.createElement("div", {
@@ -441,7 +394,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         }), /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-picklist-filter-icon pi pi-search"
         }));
-
         if (props.filterTemplate) {
           var defaultContentOptions = {
             className: 'p-picklist-filter',
@@ -456,15 +408,12 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
           };
           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);
@@ -475,7 +424,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         "aria-multiselectable": true
       }, items);
     };
-
     var className = utils.classNames('p-picklist-list-wrapper', props.className);
     var header = createHeader();
     var filter = createFilter();
@@ -492,23 +440,17 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
     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,
@@ -519,7 +461,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         }
       }
     };
-
     var moveAllRight = function moveAllRight(event) {
       if (props.source) {
         var targetList = [].concat(_toConsumableArray(props.target), _toConsumableArray(props.visibleSourceList));
@@ -528,7 +469,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
             return vs === s;
           });
         });
-
         if (props.onTransfer) {
           props.onTransfer({
             originalEvent: event,
@@ -539,23 +479,17 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         }
       }
     };
-
     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,
@@ -566,7 +500,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         }
       }
     };
-
     var moveAllLeft = function moveAllLeft(event) {
       if (props.source) {
         var sourceList = [].concat(_toConsumableArray(props.source), _toConsumableArray(props.visibleTargetList));
@@ -575,7 +508,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
             return vt === t;
           });
         });
-
         if (props.onTransfer) {
           props.onTransfer({
             originalEvent: event,
@@ -586,7 +518,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         }
       }
     };
-
     var className = utils.classNames('p-picklist-buttons p-picklist-transfer-buttons', props.className);
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: className
@@ -616,25 +547,21 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
 
   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);
@@ -647,36 +574,29 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
     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 () {
@@ -686,7 +606,6 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         }
       }
     };
-
     var handleChange = function handleChange(event, source, target) {
       if (props.onChange) {
         props.onChange({
@@ -696,110 +615,86 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         });
       }
     };
-
     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,
@@ -809,33 +704,27 @@ this.primereact.picklist = (function (exports, React, api, hooks, utils, button,
         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,