primereact 9.4.0 → 9.6.0

package/picklist/picklist.cjs.js

@@ -6,16 +6,17 @@ var React = require('react');
 var PrimeReact = require('primereact/api');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var button = require('primereact/button');
-var angledown = require('primereact/icons/angledown');
+var angledoubledown = require('primereact/icons/angledoubledown');
 var angledoubleup = require('primereact/icons/angledoubleup');
+var angledown = require('primereact/icons/angledown');
 var angleup = require('primereact/icons/angleup');
-var angledoubledown = require('primereact/icons/angledoubledown');
-var ripple = require('primereact/ripple');
 var search = require('primereact/icons/search');
-var angleleft = require('primereact/icons/angleleft');
+var ripple = require('primereact/ripple');
 var angledoubleleft = require('primereact/icons/angledoubleleft');
 var angledoubleright = require('primereact/icons/angledoubleright');
+var angleleft = require('primereact/icons/angleleft');
 var angleright = require('primereact/icons/angleright');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -41,21 +42,6 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-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);
-}
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -111,7 +97,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var PickListBase = {
+var PickListBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'PickList',
     id: null,
@@ -166,14 +152,8 @@ var PickListBase = {
     onSourceFilterChange: null,
     onTargetFilterChange: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, PickListBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, PickListBase.defaultProps);
   }
-};
+});
 
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
@@ -294,33 +274,86 @@ var PickListControls = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var className = utils.classNames('p-picklist-buttons', props.className);
-  return /*#__PURE__*/React__namespace.createElement("div", {
+  var controlsProps = utils.mergeProps({
     className: className
-  }, /*#__PURE__*/React__namespace.createElement(button.Button, {
+  }, props.ptm('controls'));
+  return /*#__PURE__*/React__namespace.createElement("div", controlsProps, /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveDisabled,
     type: "button",
     icon: moveUpIcon,
-    onClick: moveUp
+    onClick: moveUp,
+    pt: props.ptm('moveUpButton')
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveDisabled,
     type: "button",
     icon: moveTopIcon,
-    onClick: moveTop
+    onClick: moveTop,
+    pt: props.ptm('moveTopButton')
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveDisabled,
     type: "button",
     icon: moveDownIcon,
-    onClick: moveDown
+    onClick: moveDown,
+    pt: props.ptm('moveDownButton')
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveDisabled,
     type: "button",
     icon: moveBottomIcon,
-    onClick: moveBottom
+    onClick: moveBottom,
+    pt: props.ptm('moveBottomButton')
   }));
 });
 PickListControls.displayName = 'PickListControls';
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  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 _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 var PickListItem = /*#__PURE__*/React__namespace.memo(function (props) {
+  var getPTOptions = function getPTOptions(key) {
+    return props.ptm(key, {
+      context: {
+        selected: props.selected
+      }
+    });
+  };
   var onClick = function onClick(event) {
     if (props.onClick) {
       props.onClick({
@@ -341,17 +374,20 @@ var PickListItem = /*#__PURE__*/React__namespace.memo(function (props) {
   var className = utils.classNames('p-picklist-item', {
     'p-highlight': props.selected
   }, props.className);
-  return /*#__PURE__*/React__namespace.createElement("li", {
+  var itemProps = utils.mergeProps({
     className: className,
     onClick: onClick,
     onKeyDown: onKeyDown,
     tabIndex: props.tabIndex,
-    role: "option",
-    "aria-selected": props.selected
-  }, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    role: 'option',
+    'aria-selected': props.selected
+  }, getPTOptions('item'));
+  return /*#__PURE__*/React__namespace.createElement("li", itemProps, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 });
 PickListItem.displayName = 'PickListItem';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var listElementRef = React__namespace.useRef(null);
   var onItemClick = function onItemClick(event) {
@@ -438,10 +474,11 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
     };
   });
   var createHeader = function createHeader() {
+    var headerProps = utils.mergeProps({
+      className: 'p-picklist-header'
+    }, props.ptm('header'));
     if (props.header) {
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-picklist-header"
-      }, utils.ObjectUtils.getJSXElement(props.header, props));
+      return /*#__PURE__*/React__namespace.createElement("div", headerProps, utils.ObjectUtils.getJSXElement(props.header, props));
     }
     return null;
   };
@@ -457,7 +494,8 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
           selected: selected,
           onClick: onItemClick,
           onKeyDown: onItemKeyDown,
-          tabIndex: props.tabIndex
+          tabIndex: props.tabIndex,
+          ptm: props.ptm
         });
       });
     }
@@ -465,27 +503,26 @@ var PickListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__na
   };
   var createFilter = function createFilter() {
     var iconClassName = 'p-picklist-filter-icon';
-    var icon = props.type === 'source' ? props.sourceFilterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
-      className: iconClassName
-    }) : props.targetFilterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
-      className: iconClassName
-    });
-    var filterIcon = utils.IconUtils.getJSXIcon(icon, {
+    var filterIconProps = utils.mergeProps({
       className: iconClassName
-    }, {
+    }, props.ptm('filterIcon'));
+    var icon = props.type === 'source' ? props.sourceFilterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, filterIconProps) : props.targetFilterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, filterIconProps);
+    var filterIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, filterIconProps), {
       props: props
     });
     if (props.showFilter) {
-      var content = /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-picklist-filter"
-      }, /*#__PURE__*/React__namespace.createElement("input", {
-        type: "text",
+      var filterProps = utils.mergeProps({
+        className: 'p-picklist-filter'
+      }, props.ptm('filter'));
+      var filterInputProps = utils.mergeProps({
+        type: 'text',
         value: props.filterValue,
         onChange: onFilter,
         onKeyDown: onFilterInputKeyDown,
         placeholder: props.placeholder,
-        className: "p-picklist-filter-input p-inputtext p-component"
-      }), /*#__PURE__*/React__namespace.createElement("span", null, " ", filterIcon, " "));
+        className: 'p-picklist-filter-input p-inputtext p-component'
+      }, props.ptm('filterInput'));
+      var content = /*#__PURE__*/React__namespace.createElement("div", filterProps, /*#__PURE__*/React__namespace.createElement("input", filterInputProps), /*#__PURE__*/React__namespace.createElement("span", null, " ", filterIcon, " "));
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-picklist-filter',
@@ -500,30 +537,33 @@ 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);
+      var filterContainerProps = utils.mergeProps({
+        className: 'p-picklist-filter-container'
+      }, props.ptm('filterContainer'));
+      return /*#__PURE__*/React__namespace.createElement("div", filterContainerProps, content);
     }
     return null;
   };
   var createList = function createList() {
     var items = createItems();
     var className = utils.classNames('p-picklist-list', props.listClassName);
-    return /*#__PURE__*/React__namespace.createElement("ul", {
+    var listProps = utils.mergeProps({
       className: className,
-      style: props.style,
-      role: "listbox",
-      "aria-multiselectable": true
-    }, items);
+      role: 'listbox',
+      'aria-multiselectable': true,
+      style: props.style
+    }, props.ptm('list'));
+    return /*#__PURE__*/React__namespace.createElement("ul", listProps, items);
   };
   var className = utils.classNames('p-picklist-list-wrapper', props.className);
   var header = createHeader();
   var filter = createFilter();
   var list = createList();
-  return /*#__PURE__*/React__namespace.createElement("div", {
-    ref: listElementRef,
-    className: className
-  }, header, filter, list);
+  var listWrapperProps = utils.mergeProps({
+    className: className,
+    ref: listElementRef
+  }, props.ptm('listWrapper'));
+  return /*#__PURE__*/React__namespace.createElement("div", listWrapperProps, header, filter, list);
 }));
 PickListSubList.displayName = 'PickListSubList';
 
@@ -642,34 +682,40 @@ 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", {
+  var buttonsProps = utils.mergeProps({
     className: className
-  }, /*#__PURE__*/React__namespace.createElement(button.Button, {
+  }, props.ptm('buttons'));
+  return /*#__PURE__*/React__namespace.createElement("div", buttonsProps, /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveRightDisabled,
     type: "button",
     icon: moveToTargetIcon,
-    onClick: moveRight
+    onClick: moveRight,
+    pt: props.ptm('moveToTargetButton')
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveAllRightDisabled,
     type: "button",
     icon: moveAllToTargetIcon,
-    onClick: moveAllRight
+    onClick: moveAllRight,
+    pt: props.ptm('moveAllToTargetButton')
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveLeftDisabled,
     type: "button",
     icon: moveToSourceIcon,
-    onClick: moveLeft
+    onClick: moveLeft,
+    pt: props.ptm('moveToSourceButton')
   }), /*#__PURE__*/React__namespace.createElement(button.Button, {
     disabled: moveAllLeftDisabled,
     type: "button",
     icon: moveAllToSourceIcon,
-    onClick: moveAllLeft
+    onClick: moveAllLeft,
+    pt: props.ptm('moveAllToSourceButton')
   }));
 });
 PickListTransferControls.displayName = 'PickListTransferControls';
 
 var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = PickListBase.getProps(inProps);
+  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+  var props = PickListBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     sourceSelectionState = _React$useState2[0],
@@ -690,6 +736,17 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     _React$useState10 = _slicedToArray(_React$useState9, 2),
     attributeSelectorState = _React$useState10[0],
     setAttributeSelectorState = _React$useState10[1];
+  var _PickListBase$setMeta = PickListBase.setMetaData({
+      props: props,
+      state: {
+        sourceSelection: sourceSelectionState,
+        targetSelection: targetSelectionState,
+        sourceFilterValue: sourceFilterValueState,
+        targetFilterValue: targetFilterValueState,
+        attributeSelector: attributeSelectorState
+      }
+    }),
+    ptm = _PickListBase$setMeta.ptm;
   var elementRef = React__namespace.useRef(null);
   var sourceListElementRef = React__namespace.useRef(null);
   var targetListElementRef = React__namespace.useRef(null);
@@ -768,6 +825,7 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
             value: selectedValue
           });
         }
+        selectedValue = [];
         break;
       case 'toSource':
         selectedValue = targetSelection;
@@ -786,6 +844,7 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
             value: selectedValue
           });
         }
+        selectedValue = [];
         break;
     }
     _onSelectionChange({
@@ -856,7 +915,7 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
-      styleElementRef.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+      styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
       var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-picklist[").concat(attributeSelectorState, "] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(attributeSelectorState, "] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");
       styleElementRef.current.innerHTML = innerHTML;
     }
@@ -891,18 +950,18 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       reorderDirection.current = null;
     }
   });
-  var otherProps = PickListBase.getOtherProps(props);
   var className = utils.classNames('p-picklist p-component', props.className);
   var sourceItemTemplate = props.sourceItemTemplate ? props.sourceItemTemplate : props.itemTemplate;
   var targetItemTemplate = props.targetItemTemplate ? props.targetItemTemplate : props.itemTemplate;
   var sourceList = getVisibleList(props.source, 'source');
   var targetList = getVisibleList(props.target, 'target');
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     id: props.id,
     ref: elementRef,
     className: className,
     style: props.style
-  }, otherProps), props.showSourceControls && /*#__PURE__*/React__namespace.createElement(PickListControls, {
+  }, PickListBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, props.showSourceControls && /*#__PURE__*/React__namespace.createElement(PickListControls, {
     list: props.source,
     selection: sourceSelection,
     onReorder: onSourceReorder,
@@ -911,7 +970,8 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     moveUpIcon: props.moveUpIcon,
     moveTopIcon: props.moveTopIcon,
     moveDownIcon: props.moveDownIcon,
-    moveBottomIcon: props.moveBottomIcon
+    moveBottomIcon: props.moveBottomIcon,
+    ptm: ptm
   }), /*#__PURE__*/React__namespace.createElement(PickListSubList, {
     ref: sourceListElementRef,
     type: "source",
@@ -933,7 +993,8 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     showFilter: showSourceFilter,
     placeholder: props.sourceFilterPlaceholder,
     filterTemplate: props.sourceFilterTemplate,
-    sourceFilterIcon: props.sourceFilterIcon
+    sourceFilterIcon: props.sourceFilterIcon,
+    ptm: ptm
   }), /*#__PURE__*/React__namespace.createElement(PickListTransferControls, {
     onTransfer: onTransfer,
     source: props.source,
@@ -947,7 +1008,8 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     moveToTargetIcon: props.moveToTargetIcon,
     moveAllToTargetIcon: props.moveAllToTargetIcon,
     moveToSourceIcon: props.moveToSourceIcon,
-    moveAllToSourceIcon: props.moveAllToSourceIcon
+    moveAllToSourceIcon: props.moveAllToSourceIcon,
+    ptm: ptm
   }), /*#__PURE__*/React__namespace.createElement(PickListSubList, {
     ref: targetListElementRef,
     type: "target",
@@ -969,7 +1031,8 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     showFilter: showTargetFilter,
     placeholder: props.targetFilterPlaceholder,
     filterTemplate: props.targetFilterTemplate,
-    targetFilterIcon: props.targetFilterIcon
+    targetFilterIcon: props.targetFilterIcon,
+    ptm: ptm
   }), props.showTargetControls && /*#__PURE__*/React__namespace.createElement(PickListControls, {
     list: props.target,
     selection: targetSelection,
@@ -979,7 +1042,8 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     moveUpIcon: props.moveUpIcon,
     moveTopIcon: props.moveTopIcon,
     moveDownIcon: props.moveDownIcon,
-    moveBottomIcon: props.moveBottomIcon
+    moveBottomIcon: props.moveBottomIcon,
+    ptm: ptm
   }));
 }));
 PickList.displayName = 'PickList';

package/picklist/picklist.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/utils"),o=require("primereact/button"),l=require("primereact/icons/angledown"),i=require("primereact/icons/angledoubleup"),a=require("primereact/icons/angleup"),c=require("primereact/icons/angledoubledown"),s=require("primereact/ripple"),u=require("primereact/icons/search"),m=require("primereact/icons/angleleft"),p=require("primereact/icons/angledoubleleft"),v=require("primereact/icons/angledoubleright"),g=require("primereact/icons/angleright");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var b=d(e),I=f(t);function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h.apply(this,arguments)}function y(e){if(Array.isArray(e))return e}function T(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return y(e)||T(e,t)||E(e,t)||k()}var C={defaultProps:{__TYPE:"PickList",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,filter:!1,filterBy:null,filterMatchMode:"contains",targetFilterIcon:null,sourceFilterIcon:null,moveAllToSourceIcon:null,moveToSourceIcon:null,moveAllToTargetIcon:null,moveToTargetIcon:null,moveBottomIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,filterLocale:void 0,sourceFilterValue:null,targetFilterValue:null,showSourceFilter:!0,showTargetFilter:!0,sourceFilterPlaceholder:null,targetFilterPlaceholder:null,sourceFilterTemplate:null,targetFilterTemplate:null,tabIndex:0,dataKey:null,breakpoint:"960px",itemTemplate:null,sourceItemTemplate:null,targetItemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null,onSourceFilterChange:null,onTargetFilterChange:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,C.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,C.defaultProps)}};function N(e){if(Array.isArray(e))return S(e)}function U(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(){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 j(e){return N(e)||U(e)||E(e)||O()}var A=b.memo((function(e){var t=e.moveUpIcon||b.createElement(a.AngleUpIcon,null),n=e.moveTopIcon||b.createElement(i.AngleDoubleUpIcon,null),s=e.moveDownIcon||b.createElement(l.AngleDownIcon,null),u=e.moveBottomIcon||b.createElement(c.AngleDoubleDownIcon,null),m=!e.selection||!e.selection.length,p=r.classNames("p-picklist-buttons",e.className);return b.createElement("div",{className:p},b.createElement(o.Button,{disabled:m,type:"button",icon:t,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=j(e.list),l=0;l<n.length;l++){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(0===i)break;var a=o[i-1];o[i-1]=o[i],o[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"up"})}}}),b.createElement(o.Button,{disabled:m,type:"button",icon:n,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=j(e.list),l=0;l<n.length;l++){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(0===i)break;var a=o.splice(i,1)[0];o.unshift(a)}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"top"})}}}),b.createElement(o.Button,{disabled:m,type:"button",icon:s,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=j(e.list),l=n.length-1;l>=0;l--){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(i===o.length-1)break;var a=o[i+1];o[i+1]=o[i],o[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"down"})}}}),b.createElement(o.Button,{disabled:m,type:"button",icon:u,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=j(e.list),l=n.length-1;l>=0;l--){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(i===o.length-1)break;var a=o.splice(i,1)[0];o.push(a)}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"bottom"})}}}))}));A.displayName="PickListControls";var L=b.memo((function(e){var t=e.template?e.template(e.value):e.value,n=r.classNames("p-picklist-item",{"p-highlight":e.selected},e.className);return b.createElement("li",{className:n,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,value:e.value})},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,value:e.value})},tabIndex:e.tabIndex,role:"option","aria-selected":e.selected},t,b.createElement(s.Ripple,null))}));L.displayName="PickListItem";var F=b.memo(b.forwardRef((function(e,t){var n=b.useRef(null),o=function(t){var n=t.originalEvent,o=t.value,l=j(e.selection),i=r.ObjectUtils.findIndexInList(o,l,e.dataKey),a=-1!==i;if(e.metaKeySelection){var c=n.metaKey||n.ctrlKey;a&&c?l.splice(i,1):(c||(l.length=0),l.push(o))}else a?l.splice(i,1):l.push(o);e.onSelectionChange&&e.onSelectionChange({event:n,value:l})},l=function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=i(n);r&&r.focus(),t.preventDefault();break;case 38:var l=a(n);l&&l.focus(),t.preventDefault();break;case 13:o(e),t.preventDefault()}},i=function e(t){var n=t.nextElementSibling;return n?r.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},a=function e(t){var n=t.previousElementSibling;return n?r.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},c=function(t){return-1!==r.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},s=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value,type:e.type})},m=function(e){13===e.which&&e.preventDefault()};b.useImperativeHandle(t,(function(){return{listElementRef:n}}));var p=r.classNames("p-picklist-list-wrapper",e.className),v=e.header?b.createElement("div",{className:"p-picklist-header"},r.ObjectUtils.getJSXElement(e.header,e)):null,g=function(){var t="p-picklist-filter-icon",n=r.IconUtils.getJSXIcon("source"===e.type?e.sourceFilterIcon||b.createElement(u.SearchIcon,{className:t}):e.targetFilterIcon||b.createElement(u.SearchIcon,{className:t}),{className:t},{props:e});if(e.showFilter){var o=b.createElement("div",{className:"p-picklist-filter"},b.createElement("input",{type:"text",value:e.filterValue,onChange:s,onKeyDown:m,placeholder:e.placeholder,className:"p-picklist-filter-input p-inputtext p-component"}),b.createElement("span",null," ",n," "));if(e.filterTemplate)o=r.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-picklist-filter",inputProps:{className:"p-picklist-filter-input p-inputtext p-component",onChange:s,onKeyDown:m},iconClassName:t,element:o,props:e});return b.createElement("div",{className:"p-picklist-filter-container"},o)}return null}(),f=function(){var t=e.list?e.list.map((function(t){var n=JSON.stringify(t),r=c(t);return b.createElement(L,{key:n,value:t,template:e.itemTemplate,selected:r,onClick:o,onKeyDown:l,tabIndex:e.tabIndex})})):null,n=r.classNames("p-picklist-list",e.listClassName);return b.createElement("ul",{className:n,style:e.style,role:"listbox","aria-multiselectable":!0},t)}();return b.createElement("div",{ref:n,className:p},v,g,f)})));F.displayName="PickListSubList";var K=b.memo((function(e){var t=n.useMatchMedia("(max-width: ".concat(e.breakpoint,")"),e.breakpoint);function s(n){switch(n){case"moveToTargetIcon":return b.createElement(e.moveToTargetIcon||t?l.AngleDownIcon:g.AngleRightIcon,null);case"moveAllToTargetIcon":return b.createElement(e.moveAllToTargetIcon||t?c.AngleDoubleDownIcon:v.AngleDoubleRightIcon,null);case"moveToSourceIcon":return b.createElement(e.moveToSourceIcon||t?a.AngleUpIcon:m.AngleLeftIcon,null);case"moveAllToSourceIcon":return b.createElement(e.moveAllToSourceIcon||t?i.AngleDoubleUpIcon:p.AngleDoubleLeftIcon,null);default:return null}}var u=r.IconUtils.getJSXIcon(s("moveToTargetIcon"),void 0,{props:e,viewChanged:t}),f=r.IconUtils.getJSXIcon(s("moveAllToTargetIcon"),void 0,{props:e,viewChanged:t}),d=r.IconUtils.getJSXIcon(s("moveToSourceIcon"),void 0,{props:e,viewChanged:t}),I=r.IconUtils.getJSXIcon(s("moveAllToSourceIcon"),void 0,{props:e,viewChanged:t}),h=r.ObjectUtils.isEmpty(e.sourceSelection)||r.ObjectUtils.isEmpty(e.visibleSourceList),y=r.ObjectUtils.isEmpty(e.targetSelection)||r.ObjectUtils.isEmpty(e.visibleTargetList),T=r.ObjectUtils.isEmpty(e.visibleSourceList),S=r.ObjectUtils.isEmpty(e.visibleTargetList),E=r.classNames("p-picklist-buttons p-picklist-transfer-buttons",e.className);return b.createElement("div",{className:E},b.createElement(o.Button,{disabled:h,type:"button",icon:u,onClick:function(t){var n=e.sourceSelection;if(r.ObjectUtils.isNotEmpty(n)){for(var o=j(e.target),l=j(e.source),i=0;i<n.length;i++){var a=n[i];-1===r.ObjectUtils.findIndexInList(a,o,e.dataKey)&&o.push(l.splice(r.ObjectUtils.findIndexInList(a,l,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:o,direction:"toTarget"})}}}),b.createElement(o.Button,{disabled:T,type:"button",icon:f,onClick:function(t){if(e.source){var n=[].concat(j(e.target),j(e.visibleSourceList)),r=e.source.filter((function(t){return!e.visibleSourceList.some((function(e){return e===t}))}));e.onTransfer&&e.onTransfer({originalEvent:t,source:r,target:n,direction:"allToTarget"})}}}),b.createElement(o.Button,{disabled:y,type:"button",icon:d,onClick:function(t){var n=e.targetSelection;if(r.ObjectUtils.isNotEmpty(n)){for(var o=j(e.target),l=j(e.source),i=0;i<n.length;i++){var a=n[i];-1===r.ObjectUtils.findIndexInList(a,l,e.dataKey)&&l.push(o.splice(r.ObjectUtils.findIndexInList(a,o,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:o,direction:"toSource"})}}}),b.createElement(o.Button,{disabled:S,type:"button",icon:I,onClick:function(t){if(e.source){var n=[].concat(j(e.source),j(e.visibleTargetList)),r=e.target.filter((function(t){return!e.visibleTargetList.some((function(e){return e===t}))}));e.onTransfer&&e.onTransfer({originalEvent:t,source:n,target:r,direction:"allToSource"})}}}))}));K.displayName="PickListTransferControls";var D=b.memo(b.forwardRef((function(e,o){var l=C.getProps(e),i=w(b.useState([]),2),a=i[0],c=i[1],s=w(b.useState([]),2),u=s[0],m=s[1],p=w(b.useState(""),2),v=p[0],g=p[1],f=w(b.useState(""),2),d=f[0],y=f[1],T=w(b.useState(null),2),S=T[0],E=T[1],k=b.useRef(null),N=b.useRef(null),U=b.useRef(null),O=b.useRef(null),j=b.useRef(null),L=b.useRef(null),D=l.sourceSelection?l.sourceSelection:a,x=l.targetSelection?l.targetSelection:u,P=l.onSourceFilterChange?l.sourceFilterValue:v,R=l.onTargetFilterChange?l.targetFilterValue:d,M=r.ObjectUtils.isNotEmpty(l.filterBy),B=M&&l.showSourceFilter,q=M&&l.showTargetFilter,H=function(e,t){if(e){var n=r.DomHandler.findSingle(e,".p-picklist-list");switch(t){case"up":V(n,-1);break;case"top":n.scrollTop=0;break;case"down":V(n,1);break;case"bottom":setTimeout((function(){return n.scrollTop=n.scrollHeight}),100)}}},J=function(e,t,n){l.onChange&&l.onChange({originalEvent:e.originalEvent,source:t,target:n})},V=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.getElementsByClassName("p-highlight");r.ObjectUtils.isNotEmpty(n)&&r.DomHandler.scrollInView(e,-1===t?n[0]:n[n.length-1])},X=function(e,t,n){"sourceSelection"===t?c(e.value):m(e.value),n&&n(e),r.ObjectUtils.isNotEmpty(D)&&"targetSelection"===t?c([]):r.ObjectUtils.isNotEmpty(x)&&"sourceSelection"===t&&m([])},_=function(e){var t=e.originalEvent,n=e.value,r=w("source"===e.type?[g,l.onSourceFilterChange]:[y,l.onTargetFilterChange],2),o=r[0],i=r[1];i?i({originalEvent:t,value:n}):o(n)},z=function(e,t){var n=w("source"===t?[P,Y]:[R,$],2),o=n[0],l=n[1];return M&&r.ObjectUtils.isNotEmpty(o)?l(o):e},Y=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(l.filterLocale);return G(l.source,e)},$=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(l.filterLocale);return G(l.target,e)},G=function(e,n){var r=M?l.filterBy.split(","):[];return t.FilterService.filter(e,r,n,l.filterMatchMode,l.filterLocale)},Q=function(){if(!L.current){L.current=r.DomHandler.createInlineStyle(I.default.nonce);var e="\n@media screen and (max-width: ".concat(l.breakpoint,") {\n    .p-picklist[").concat(S,"] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");L.current.innerHTML=e}};b.useImperativeHandle(o,(function(){return{props:l,getElement:function(){return k.current}}})),n.useMountEffect((function(){!S&&E(r.UniqueComponentId())})),n.useUpdateEffect((function(){return S&&(k.current.setAttribute(S,""),Q()),function(){L.current=r.DomHandler.removeInlineStyle(L.current)}}),[S,l.breakpoint]),n.useUpdateEffect((function(){O.current&&(H(O.current,j.current),O.current=null,j.current=null)}));var W=C.getOtherProps(l),Z=r.classNames("p-picklist p-component",l.className),ee=l.sourceItemTemplate?l.sourceItemTemplate:l.itemTemplate,te=l.targetItemTemplate?l.targetItemTemplate:l.itemTemplate,ne=z(l.source,"source"),re=z(l.target,"target");return b.createElement("div",h({id:l.id,ref:k,className:Z,style:l.style},W),l.showSourceControls&&b.createElement(A,{list:l.source,selection:D,onReorder:function(e){J(e,e.value,l.target),O.current=N.current.listElementRef.current,j.current=e.direction},className:"p-picklist-source-controls",dataKey:l.dataKey,moveUpIcon:l.moveUpIcon,moveTopIcon:l.moveTopIcon,moveDownIcon:l.moveDownIcon,moveBottomIcon:l.moveBottomIcon}),b.createElement(F,{ref:N,type:"source",list:ne,selection:D,onSelectionChange:function(e){return X(e,"sourceSelection",l.onSourceSelectionChange)},itemTemplate:ee,header:l.sourceHeader,style:l.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:l.metaKeySelection,tabIndex:l.tabIndex,dataKey:l.dataKey,filterValue:P,onFilter:_,showFilter:B,placeholder:l.sourceFilterPlaceholder,filterTemplate:l.sourceFilterTemplate,sourceFilterIcon:l.sourceFilterIcon}),b.createElement(K,{onTransfer:function(e){var t=e.originalEvent,n=e.source,r=e.target,o=[];switch(e.direction){case"toTarget":o=D,l.onMoveToTarget&&l.onMoveToTarget({originalEvent:t,value:o});break;case"allToTarget":o=l.source,l.onMoveAllToTarget&&l.onMoveAllToTarget({originalEvent:t,value:o});break;case"toSource":o=x,l.onMoveToSource&&l.onMoveToSource({originalEvent:t,value:o});break;case"allToSource":o=l.target,l.onMoveAllToSource&&l.onMoveAllToSource({originalEvent:t,value:o})}X({originalEvent:t,value:o},"sourceSelection",l.onSourceSelectionChange),X({originalEvent:t,value:o},"targetSelection",l.onTargetSelectionChange),J(e,n,r)},source:l.source,visibleSourceList:ne,target:l.target,breakpoint:l.breakpoint,visibleTargetList:re,sourceSelection:D,targetSelection:x,dataKey:l.dataKey,moveToTargetIcon:l.moveToTargetIcon,moveAllToTargetIcon:l.moveAllToTargetIcon,moveToSourceIcon:l.moveToSourceIcon,moveAllToSourceIcon:l.moveAllToSourceIcon}),b.createElement(F,{ref:U,type:"target",list:re,selection:x,onSelectionChange:function(e){return X(e,"targetSelection",l.onTargetSelectionChange)},itemTemplate:te,header:l.targetHeader,style:l.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:l.metaKeySelection,tabIndex:l.tabIndex,dataKey:l.dataKey,filterValue:R,onFilter:_,showFilter:q,placeholder:l.targetFilterPlaceholder,filterTemplate:l.targetFilterTemplate,targetFilterIcon:l.targetFilterIcon}),l.showTargetControls&&b.createElement(A,{list:l.target,selection:x,onReorder:function(e){J(e,l.source,e.value),O.current=U.current.listElementRef.current,j.current=e.direction},className:"p-picklist-target-controls",dataKey:l.dataKey,moveUpIcon:l.moveUpIcon,moveTopIcon:l.moveTopIcon,moveDownIcon:l.moveDownIcon,moveBottomIcon:l.moveBottomIcon}))})));D.displayName="PickList",exports.PickList=D;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/utils"),o=require("primereact/componentbase"),l=require("primereact/button"),i=require("primereact/icons/angledoubledown"),a=require("primereact/icons/angledoubleup"),c=require("primereact/icons/angledown"),u=require("primereact/icons/angleup"),s=require("primereact/icons/search"),p=require("primereact/ripple"),m=require("primereact/icons/angledoubleleft"),v=require("primereact/icons/angledoubleright"),f=require("primereact/icons/angleleft"),g=require("primereact/icons/angleright");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var y=b(e),I=d(t);function T(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,t){return T(e)||h(e,t)||E(e,t)||k()}var C=o.ComponentBase.extend({defaultProps:{__TYPE:"PickList",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,filter:!1,filterBy:null,filterMatchMode:"contains",targetFilterIcon:null,sourceFilterIcon:null,moveAllToSourceIcon:null,moveToSourceIcon:null,moveAllToTargetIcon:null,moveToTargetIcon:null,moveBottomIcon:null,moveUpIcon:null,moveTopIcon:null,moveDownIcon:null,filterLocale:void 0,sourceFilterValue:null,targetFilterValue:null,showSourceFilter:!0,showTargetFilter:!0,sourceFilterPlaceholder:null,targetFilterPlaceholder:null,sourceFilterTemplate:null,targetFilterTemplate:null,tabIndex:0,dataKey:null,breakpoint:"960px",itemTemplate:null,sourceItemTemplate:null,targetItemTemplate:null,onChange:null,onMoveToSource:null,onMoveAllToSource:null,onMoveToTarget:null,onMoveAllToTarget:null,onSourceSelectionChange:null,onTargetSelectionChange:null,onSourceFilterChange:null,onTargetFilterChange:null,children:void 0}});function O(e){if(Array.isArray(e))return S(e)}function j(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function N(){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 U(e){return O(e)||j(e)||E(e)||N()}var A=y.memo((function(e){var t=e.moveUpIcon||y.createElement(u.AngleUpIcon,null),n=e.moveTopIcon||y.createElement(a.AngleDoubleUpIcon,null),o=e.moveDownIcon||y.createElement(c.AngleDownIcon,null),s=e.moveBottomIcon||y.createElement(i.AngleDoubleDownIcon,null),p=!e.selection||!e.selection.length,m=r.classNames("p-picklist-buttons",e.className),v=r.mergeProps({className:m},e.ptm("controls"));return y.createElement("div",v,y.createElement(l.Button,{disabled:p,type:"button",icon:t,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=U(e.list),l=0;l<n.length;l++){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(0===i)break;var a=o[i-1];o[i-1]=o[i],o[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"up"})}},pt:e.ptm("moveUpButton")}),y.createElement(l.Button,{disabled:p,type:"button",icon:n,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=U(e.list),l=0;l<n.length;l++){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(0===i)break;var a=o.splice(i,1)[0];o.unshift(a)}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"top"})}},pt:e.ptm("moveTopButton")}),y.createElement(l.Button,{disabled:p,type:"button",icon:o,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=U(e.list),l=n.length-1;l>=0;l--){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(i===o.length-1)break;var a=o[i+1];o[i+1]=o[i],o[i]=a}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"down"})}},pt:e.ptm("moveDownButton")}),y.createElement(l.Button,{disabled:p,type:"button",icon:s,onClick:function(t){var n=e.selection;if(n&&n.length){for(var o=U(e.list),l=n.length-1;l>=0;l--){var i=r.ObjectUtils.findIndexInList(n[l],o,e.dataKey);if(i===o.length-1)break;var a=o.splice(i,1)[0];o.push(a)}e.onReorder&&e.onReorder({originalEvent:t,value:o,direction:"bottom"})}},pt:e.ptm("moveBottomButton")}))}));function P(e){return P="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},P(e)}function F(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function D(e){var t=F(e,"string");return"symbol"===P(t)?t:String(t)}function L(e,t,n){return(t=D(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}A.displayName="PickListControls";var x=y.memo((function(e){var t=e.template?e.template(e.value):e.value,n=r.classNames("p-picklist-item",{"p-highlight":e.selected},e.className),o=r.mergeProps({className:n,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,value:e.value})},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,value:e.value})},tabIndex:e.tabIndex,role:"option","aria-selected":e.selected},e.ptm("item",{context:{selected:e.selected}}));return y.createElement("li",o,t,y.createElement(p.Ripple,null))}));function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){L(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}x.displayName="PickListItem";var R=y.memo(y.forwardRef((function(e,t){var n=y.useRef(null),o=function(t){var n=t.originalEvent,o=t.value,l=U(e.selection),i=r.ObjectUtils.findIndexInList(o,l,e.dataKey),a=-1!==i;if(e.metaKeySelection){var c=n.metaKey||n.ctrlKey;a&&c?l.splice(i,1):(c||(l.length=0),l.push(o))}else a?l.splice(i,1):l.push(o);e.onSelectionChange&&e.onSelectionChange({event:n,value:l})},l=function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=i(n);r&&r.focus(),t.preventDefault();break;case 38:var l=a(n);l&&l.focus(),t.preventDefault();break;case 13:o(e),t.preventDefault()}},i=function e(t){var n=t.nextElementSibling;return n?r.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},a=function e(t){var n=t.previousElementSibling;return n?r.DomHandler.hasClass(n,"p-picklist-item")?n:e(n):null},c=function(t){return-1!==r.ObjectUtils.findIndexInList(t,e.selection,e.dataKey)},u=function(t){e.onFilter&&e.onFilter({originalEvent:t,value:t.target.value,type:e.type})},p=function(e){13===e.which&&e.preventDefault()};y.useImperativeHandle(t,(function(){return{listElementRef:n}}));var m,v=r.classNames("p-picklist-list-wrapper",e.className),f=(m=r.mergeProps({className:"p-picklist-header"},e.ptm("header")),e.header?y.createElement("div",m,r.ObjectUtils.getJSXElement(e.header,e)):null),g=function(){var t="p-picklist-filter-icon",n=r.mergeProps({className:t},e.ptm("filterIcon")),o=r.IconUtils.getJSXIcon("source"===e.type?e.sourceFilterIcon||y.createElement(s.SearchIcon,n):e.targetFilterIcon||y.createElement(s.SearchIcon,n),B({},n),{props:e});if(e.showFilter){var l=r.mergeProps({className:"p-picklist-filter"},e.ptm("filter")),i=r.mergeProps({type:"text",value:e.filterValue,onChange:u,onKeyDown:p,placeholder:e.placeholder,className:"p-picklist-filter-input p-inputtext p-component"},e.ptm("filterInput")),a=y.createElement("div",l,y.createElement("input",i),y.createElement("span",null," ",o," "));if(e.filterTemplate)a=r.ObjectUtils.getJSXElement(e.filterTemplate,{className:"p-picklist-filter",inputProps:{className:"p-picklist-filter-input p-inputtext p-component",onChange:u,onKeyDown:p},iconClassName:t,element:a,props:e});var c=r.mergeProps({className:"p-picklist-filter-container"},e.ptm("filterContainer"));return y.createElement("div",c,a)}return null}(),d=function(){var t=e.list?e.list.map((function(t){var n=JSON.stringify(t),r=c(t);return y.createElement(x,{key:n,value:t,template:e.itemTemplate,selected:r,onClick:o,onKeyDown:l,tabIndex:e.tabIndex,ptm:e.ptm})})):null,n=r.classNames("p-picklist-list",e.listClassName),i=r.mergeProps({className:n,role:"listbox","aria-multiselectable":!0,style:e.style},e.ptm("list"));return y.createElement("ul",i,t)}(),b=r.mergeProps({className:v,ref:n},e.ptm("listWrapper"));return y.createElement("div",b,f,g,d)})));R.displayName="PickListSubList";var M=y.memo((function(e){var t=n.useMatchMedia("(max-width: ".concat(e.breakpoint,")"),e.breakpoint);function o(n){switch(n){case"moveToTargetIcon":return y.createElement(e.moveToTargetIcon||t?c.AngleDownIcon:g.AngleRightIcon,null);case"moveAllToTargetIcon":return y.createElement(e.moveAllToTargetIcon||t?i.AngleDoubleDownIcon:v.AngleDoubleRightIcon,null);case"moveToSourceIcon":return y.createElement(e.moveToSourceIcon||t?u.AngleUpIcon:f.AngleLeftIcon,null);case"moveAllToSourceIcon":return y.createElement(e.moveAllToSourceIcon||t?a.AngleDoubleUpIcon:m.AngleDoubleLeftIcon,null);default:return null}}var s=r.IconUtils.getJSXIcon(o("moveToTargetIcon"),void 0,{props:e,viewChanged:t}),p=r.IconUtils.getJSXIcon(o("moveAllToTargetIcon"),void 0,{props:e,viewChanged:t}),d=r.IconUtils.getJSXIcon(o("moveToSourceIcon"),void 0,{props:e,viewChanged:t}),b=r.IconUtils.getJSXIcon(o("moveAllToSourceIcon"),void 0,{props:e,viewChanged:t}),I=r.ObjectUtils.isEmpty(e.sourceSelection)||r.ObjectUtils.isEmpty(e.visibleSourceList),T=r.ObjectUtils.isEmpty(e.targetSelection)||r.ObjectUtils.isEmpty(e.visibleTargetList),h=r.ObjectUtils.isEmpty(e.visibleSourceList),S=r.ObjectUtils.isEmpty(e.visibleTargetList),E=r.classNames("p-picklist-buttons p-picklist-transfer-buttons",e.className),k=r.mergeProps({className:E},e.ptm("buttons"));return y.createElement("div",k,y.createElement(l.Button,{disabled:I,type:"button",icon:s,onClick:function(t){var n=e.sourceSelection;if(r.ObjectUtils.isNotEmpty(n)){for(var o=U(e.target),l=U(e.source),i=0;i<n.length;i++){var a=n[i];-1===r.ObjectUtils.findIndexInList(a,o,e.dataKey)&&o.push(l.splice(r.ObjectUtils.findIndexInList(a,l,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:o,direction:"toTarget"})}},pt:e.ptm("moveToTargetButton")}),y.createElement(l.Button,{disabled:h,type:"button",icon:p,onClick:function(t){if(e.source){var n=[].concat(U(e.target),U(e.visibleSourceList)),r=e.source.filter((function(t){return!e.visibleSourceList.some((function(e){return e===t}))}));e.onTransfer&&e.onTransfer({originalEvent:t,source:r,target:n,direction:"allToTarget"})}},pt:e.ptm("moveAllToTargetButton")}),y.createElement(l.Button,{disabled:T,type:"button",icon:d,onClick:function(t){var n=e.targetSelection;if(r.ObjectUtils.isNotEmpty(n)){for(var o=U(e.target),l=U(e.source),i=0;i<n.length;i++){var a=n[i];-1===r.ObjectUtils.findIndexInList(a,l,e.dataKey)&&l.push(o.splice(r.ObjectUtils.findIndexInList(a,o,e.dataKey),1)[0])}e.onTransfer&&e.onTransfer({originalEvent:t,source:l,target:o,direction:"toSource"})}},pt:e.ptm("moveToSourceButton")}),y.createElement(l.Button,{disabled:S,type:"button",icon:b,onClick:function(t){if(e.source){var n=[].concat(U(e.source),U(e.visibleTargetList)),r=e.target.filter((function(t){return!e.visibleTargetList.some((function(e){return e===t}))}));e.onTransfer&&e.onTransfer({originalEvent:t,source:n,target:r,direction:"allToSource"})}},pt:e.ptm("moveAllToSourceButton")}))}));M.displayName="PickListTransferControls";var q=y.memo(y.forwardRef((function(e,o){var l=y.useContext(t.PrimeReactContext),i=C.getProps(e,l),a=w(y.useState([]),2),c=a[0],u=a[1],s=w(y.useState([]),2),p=s[0],m=s[1],v=w(y.useState(""),2),f=v[0],g=v[1],d=w(y.useState(""),2),b=d[0],T=d[1],h=w(y.useState(null),2),S=h[0],E=h[1],k=C.setMetaData({props:i,state:{sourceSelection:c,targetSelection:p,sourceFilterValue:f,targetFilterValue:b,attributeSelector:S}}).ptm,O=y.useRef(null),j=y.useRef(null),N=y.useRef(null),U=y.useRef(null),P=y.useRef(null),F=y.useRef(null),D=i.sourceSelection?i.sourceSelection:c,L=i.targetSelection?i.targetSelection:p,x=i.onSourceFilterChange?i.sourceFilterValue:f,K=i.onTargetFilterChange?i.targetFilterValue:b,B=r.ObjectUtils.isNotEmpty(i.filterBy),q=B&&i.showSourceFilter,H=B&&i.showTargetFilter,V=function(e,t){if(e){var n=r.DomHandler.findSingle(e,".p-picklist-list");switch(t){case"up":X(n,-1);break;case"top":n.scrollTop=0;break;case"down":X(n,1);break;case"bottom":setTimeout((function(){return n.scrollTop=n.scrollHeight}),100)}}},J=function(e,t,n){i.onChange&&i.onChange({originalEvent:e.originalEvent,source:t,target:n})},X=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.getElementsByClassName("p-highlight");r.ObjectUtils.isNotEmpty(n)&&r.DomHandler.scrollInView(e,-1===t?n[0]:n[n.length-1])},_=function(e,t,n){"sourceSelection"===t?u(e.value):m(e.value),n&&n(e),r.ObjectUtils.isNotEmpty(D)&&"targetSelection"===t?u([]):r.ObjectUtils.isNotEmpty(L)&&"sourceSelection"===t&&m([])},z=function(e){var t=e.originalEvent,n=e.value,r=w("source"===e.type?[g,i.onSourceFilterChange]:[T,i.onTargetFilterChange],2),o=r[0],l=r[1];l?l({originalEvent:t,value:n}):o(n)},W=function(e,t){var n=w("source"===t?[x,Y]:[K,$],2),o=n[0],l=n[1];return B&&r.ObjectUtils.isNotEmpty(o)?l(o):e},Y=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(i.filterLocale);return G(i.source,e)},$=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(i.filterLocale);return G(i.target,e)},G=function(e,n){var r=B?i.filterBy.split(","):[];return t.FilterService.filter(e,r,n,i.filterMatchMode,i.filterLocale)},Q=function(){if(!F.current){F.current=r.DomHandler.createInlineStyle(l&&l.nonce||I.default.nonce);var e="\n@media screen and (max-width: ".concat(i.breakpoint,") {\n    .p-picklist[").concat(S,"] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(S,"] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");F.current.innerHTML=e}};y.useImperativeHandle(o,(function(){return{props:i,getElement:function(){return O.current}}})),n.useMountEffect((function(){!S&&E(r.UniqueComponentId())})),n.useUpdateEffect((function(){return S&&(O.current.setAttribute(S,""),Q()),function(){F.current=r.DomHandler.removeInlineStyle(F.current)}}),[S,i.breakpoint]),n.useUpdateEffect((function(){U.current&&(V(U.current,P.current),U.current=null,P.current=null)}));var Z=r.classNames("p-picklist p-component",i.className),ee=i.sourceItemTemplate?i.sourceItemTemplate:i.itemTemplate,te=i.targetItemTemplate?i.targetItemTemplate:i.itemTemplate,ne=W(i.source,"source"),re=W(i.target,"target"),oe=r.mergeProps({id:i.id,ref:O,className:Z,style:i.style},C.getOtherProps(i),k("root"));return y.createElement("div",oe,i.showSourceControls&&y.createElement(A,{list:i.source,selection:D,onReorder:function(e){J(e,e.value,i.target),U.current=j.current.listElementRef.current,P.current=e.direction},className:"p-picklist-source-controls",dataKey:i.dataKey,moveUpIcon:i.moveUpIcon,moveTopIcon:i.moveTopIcon,moveDownIcon:i.moveDownIcon,moveBottomIcon:i.moveBottomIcon,ptm:k}),y.createElement(R,{ref:j,type:"source",list:ne,selection:D,onSelectionChange:function(e){return _(e,"sourceSelection",i.onSourceSelectionChange)},itemTemplate:ee,header:i.sourceHeader,style:i.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:i.metaKeySelection,tabIndex:i.tabIndex,dataKey:i.dataKey,filterValue:x,onFilter:z,showFilter:q,placeholder:i.sourceFilterPlaceholder,filterTemplate:i.sourceFilterTemplate,sourceFilterIcon:i.sourceFilterIcon,ptm:k}),y.createElement(M,{onTransfer:function(e){var t=e.originalEvent,n=e.source,r=e.target,o=[];switch(e.direction){case"toTarget":o=D,i.onMoveToTarget&&i.onMoveToTarget({originalEvent:t,value:o});break;case"allToTarget":o=i.source,i.onMoveAllToTarget&&i.onMoveAllToTarget({originalEvent:t,value:o}),o=[];break;case"toSource":o=L,i.onMoveToSource&&i.onMoveToSource({originalEvent:t,value:o});break;case"allToSource":o=i.target,i.onMoveAllToSource&&i.onMoveAllToSource({originalEvent:t,value:o}),o=[]}_({originalEvent:t,value:o},"sourceSelection",i.onSourceSelectionChange),_({originalEvent:t,value:o},"targetSelection",i.onTargetSelectionChange),J(e,n,r)},source:i.source,visibleSourceList:ne,target:i.target,breakpoint:i.breakpoint,visibleTargetList:re,sourceSelection:D,targetSelection:L,dataKey:i.dataKey,moveToTargetIcon:i.moveToTargetIcon,moveAllToTargetIcon:i.moveAllToTargetIcon,moveToSourceIcon:i.moveToSourceIcon,moveAllToSourceIcon:i.moveAllToSourceIcon,ptm:k}),y.createElement(R,{ref:N,type:"target",list:re,selection:L,onSelectionChange:function(e){return _(e,"targetSelection",i.onTargetSelectionChange)},itemTemplate:te,header:i.targetHeader,style:i.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:i.metaKeySelection,tabIndex:i.tabIndex,dataKey:i.dataKey,filterValue:K,onFilter:z,showFilter:H,placeholder:i.targetFilterPlaceholder,filterTemplate:i.targetFilterTemplate,targetFilterIcon:i.targetFilterIcon,ptm:k}),i.showTargetControls&&y.createElement(A,{list:i.target,selection:L,onReorder:function(e){J(e,i.source,e.value),U.current=N.current.listElementRef.current,P.current=e.direction},className:"p-picklist-target-controls",dataKey:i.dataKey,moveUpIcon:i.moveUpIcon,moveTopIcon:i.moveTopIcon,moveDownIcon:i.moveDownIcon,moveBottomIcon:i.moveBottomIcon,ptm:k}))})));q.displayName="PickList",exports.PickList=q;