primereact 10.5.0 → 10.5.2

package/password/password.js

@@ -25,6 +25,21 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
   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 _typeof(o) {
     "@babel/helpers - typeof";
 
@@ -66,21 +81,6 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
     return obj;
   }
 
-  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;
   }
@@ -168,9 +168,11 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
       var strength = _ref5.strength;
       return utils.classNames('p-password-info', strength);
     },
+    showIcon: 'p-password-show-icon',
+    hideIcon: 'p-password-hide-icon',
     transition: 'p-connected-overlay'
   };
-  var styles = "\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n    \n    .p-password-meter {\n        height: 10px;\n    }\n    \n    .p-password-strength {\n        height: 100%;\n        width: 0%;\n        transition: width 1s ease-in-out;\n    }\n    \n    .p-fluid .p-password {\n        display: flex;\n    }\n    \n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n";
+  var styles = "\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n    \n    .p-password-meter {\n        height: 10px;\n    }\n    \n    .p-password-strength {\n        height: 100%;\n        width: 0%;\n        transition: width 1s ease-in-out;\n    }\n    \n    .p-fluid .p-password {\n        display: flex;\n    }\n    \n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n\n    .p-password .p-password-show-icon,\n    .p-password .p-password-hide-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n}\n";
   var PasswordBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Password',
@@ -198,6 +200,7 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
       className: null,
       inputStyle: null,
       inputClassName: null,
+      invalid: false,
       panelStyle: null,
       panelClassName: null,
       transitionOptions: null,
@@ -314,6 +317,43 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
         }
       }
     };
+    var updateFeedback = function updateFeedback(value) {
+      if (!props.feedback) {
+        return false;
+      }
+      var label = null;
+      var meter = null;
+      switch (testStrength(value)) {
+        case 1:
+          label = weakLabel;
+          meter = {
+            strength: 'weak',
+            width: '33.33%'
+          };
+          break;
+        case 2:
+          label = mediumLabel;
+          meter = {
+            strength: 'medium',
+            width: '66.66%'
+          };
+          break;
+        case 3:
+          label = strongLabel;
+          meter = {
+            strength: 'strong',
+            width: '100%'
+          };
+          break;
+        default:
+          label = promptLabel;
+          meter = null;
+          break;
+      }
+      setMeterState(meter);
+      setInfoTextState(label);
+      return true;
+    };
     var onPanelClick = function onPanelClick(event) {
       if (props.feedback) {
         overlayservice.OverlayService.emit('overlay-click', {
@@ -376,38 +416,6 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
     var onKeyup = function onKeyup(e) {
       var keyCode = e.code;
       if (props.feedback) {
-        var value = e.target.value;
-        var label = null;
-        var meter = null;
-        switch (testStrength(value)) {
-          case 1:
-            label = weakLabel;
-            meter = {
-              strength: 'weak',
-              width: '33.33%'
-            };
-            break;
-          case 2:
-            label = mediumLabel;
-            meter = {
-              strength: 'medium',
-              width: '66.66%'
-            };
-            break;
-          case 3:
-            label = strongLabel;
-            meter = {
-              strength: 'strong',
-              width: '100%'
-            };
-            break;
-          default:
-            label = promptLabel;
-            meter = null;
-            break;
-        }
-        setMeterState(meter);
-        setInfoTextState(label);
         if (!!keyCode && keyCode !== 'Escape' && !overlayVisibleState) {
           show();
         }
@@ -423,7 +431,16 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
       }
     };
     var testStrength = function testStrength(str) {
-      if (strongCheckRegExp.current.test(str)) return 3;else if (mediumCheckRegExp.current.test(str)) return 2;else if (str.length) return 1;
+      if (!str || str.length === 0) {
+        return 0;
+      }
+      if (strongCheckRegExp.current.test(str)) {
+        return 3;
+      } else if (mediumCheckRegExp.current.test(str)) {
+        return 2;
+      } else if (str.length > 0) {
+        return 1;
+      }
       return 0;
     };
     React__namespace.useImperativeHandle(ref, function () {
@@ -458,24 +475,47 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
         utils.DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
       }
     }, [isFilled]);
+    hooks.useUpdateEffect(function () {
+      updateFeedback(props.value);
+    }, [props.value]);
     hooks.useMountEffect(function () {
       alignOverlay();
     });
     hooks.useUnmountEffect(function () {
       utils.ZIndexUtils.clear(overlayRef.current);
     });
+    var onToggleMaskKeyDown = function onToggleMaskKeyDown(event) {
+      if (event.key === 'Enter' || event.code === 'Space') {
+        toggleMask();
+        event.preventDefault();
+      }
+    };
     var createIcon = function createIcon() {
       var icon;
-      var hideIconProps = mergeProps(ptm('hideIcon'));
-      var showIconProps = mergeProps(ptm('showIcon'));
+      var hideIconProps = mergeProps({
+        key: 'hideIcon',
+        role: 'switch',
+        tabIndex: props.tabIndex || '0',
+        className: cx('hideIcon'),
+        onClick: toggleMask,
+        onKeyDown: onToggleMaskKeyDown,
+        'aria-label': PrimeReact.ariaLabel('passwordHide') || 'Hide Password',
+        'aria-checked': 'false'
+      }, ptm('hideIcon'));
+      var showIconProps = mergeProps({
+        key: 'showIcon',
+        role: 'switch',
+        tabIndex: props.tabIndex || '0',
+        className: cx('showIcon'),
+        onClick: toggleMask,
+        onKeyDown: onToggleMaskKeyDown,
+        'aria-label': PrimeReact.ariaLabel('passwordShow') || 'Show Password',
+        'aria-checked': 'true'
+      }, ptm('showIcon'));
       if (unmaskedState) {
-        icon = props.hideIcon || /*#__PURE__*/React__namespace.createElement(eyeslash.EyeSlashIcon, _extends({}, hideIconProps, {
-          onClick: toggleMask
-        }));
+        icon = props.hideIcon || /*#__PURE__*/React__namespace.createElement(eyeslash.EyeSlashIcon, hideIconProps);
       } else {
-        icon = props.showIcon || /*#__PURE__*/React__namespace.createElement(eye.EyeIcon, _extends({}, showIconProps, {
-          onClick: toggleMask
-        }));
+        icon = props.showIcon || /*#__PURE__*/React__namespace.createElement(eye.EyeIcon, showIconProps);
       }
       var eyeIcon = utils.IconUtils.getJSXIcon(icon, unmaskedState ? _objectSpread({}, hideIconProps) : _objectSpread({}, showIconProps), {
         props: props
@@ -578,6 +618,7 @@ this.primereact.password = (function (exports, React, PrimeReact, componentbase,
       onFocus: onFocus,
       onInput: onInput,
       onKeyUp: onKeyup,
+      invalid: props.invalid,
       style: props.inputStyle,
       tabIndex: props.tabIndex,
       tooltip: props.tooltip,

package/password/password.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.password=function(e,t,n,r,o,a,l,i,s,u,c,p){"use strict";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 m=d(t),y=f(n);function b(e){return b="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},b(e)}function g(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=g(e,"string");return"symbol"===b(t)?t:String(t)}function w(){return w=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},w.apply(this,arguments)}function h(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],s=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function E(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 S(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function x(){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 j(e,t){return h(e)||O(e,t)||S(e,t)||x()}var I=r.ComponentBase.extend({defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,panelStyle:null,panelClassName:null,transitionOptions:null,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return p.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return p.classNames("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return p.classNames("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===y.default.ripple})},meter:"p-password-meter",meterLabel:function(e){return p.classNames("p-password-strength",e.strength)},info:function(e){return p.classNames("p-password-info",e.strength)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n    \n    .p-password-meter {\n        height: 10px;\n    }\n    \n    .p-password-strength {\n        height: 100%;\n        width: 0%;\n        transition: width 1s ease-in-out;\n    }\n    \n    .p-fluid .p-password {\n        display: flex;\n    }\n    \n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n}\n"}});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 N(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){var r,o,a;r=e,a=n[t],(o=v(o=t))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=m.memo(m.forwardRef((function(e,t){var f=a.useMergeProps(),d=m.useContext(n.PrimeReactContext),b=I.getProps(e,d),g=b.promptLabel||n.localeOption("passwordPrompt"),v=b.weakLabel||n.localeOption("weak"),h=b.mediumLabel||n.localeOption("medium"),O=b.strongLabel||n.localeOption("strong"),E=j(m.useState(!1),2),S=E[0],x=E[1],k=j(m.useState(null),2),R=k[0],P=k[1],C=j(m.useState(g),2),U=C[0],D=C[1],H=j(m.useState(!1),2),L=H[0],M=H[1],T=j(m.useState(!1),2),A=T[0],_=T[1],Z=m.useRef(null),z=m.useRef(null),F=m.useRef(b.inputRef),J=m.useRef(new RegExp(b.mediumRegex)),K=m.useRef(new RegExp(b.strongRegex)),X=A?"text":"password",B={props:b,state:{overlayVisible:S,meter:R,infoText:U,focused:L,unmasked:A}},V=I.setMetaData(B),G=V.ptm,Y=V.cx;r.useHandleStyle(I.css.styles,V.isUnstyled,{name:"password"});var W=a.useDisplayOrder("password",S);a.useGlobalOnEscapeKey({callback:function(){le()},when:S&&b.feedback&&W,priority:[a.ESC_KEY_HANDLING_PRIORITIES.PASSWORD,W]});var $=j(a.useOverlayListener({target:Z,overlay:z,listener:function(e,t){t.valid&&le()},when:S}),2),q=$[0],Q=$[1],ee=F.current&&F.current.value,te=m.useMemo((function(){return p.ObjectUtils.isNotEmpty(b.value)||p.ObjectUtils.isNotEmpty(b.defaultValue)||p.ObjectUtils.isNotEmpty(ee)}),[b.value,b.defaultValue,ee]),ne=function(){if(R){var e=null;switch(R.strength){case"weak":e=v;break;case"medium":e=h;break;case"strong":e=O}e&&U!==e&&D(e)}else U!==g&&D(g)},re=function(e){b.feedback&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:Z.current})},oe=function(){_((function(e){return!e}))},ae=function(){ne(),x(!0)},le=function(){x(!1)},ie=function(){F.current&&p.DomHandler.alignOverlay(z.current,F.current.parentElement,b.appendTo||d&&d.appendTo||y.default.appendTo)},se=function(){p.ZIndexUtils.set("overlay",z.current,d&&d.autoZIndex||y.default.autoZIndex,d&&d.zIndex.overlay||y.default.zIndex.overlay),p.DomHandler.addStyles(z.current,{position:"absolute",top:"0",left:"0"}),ie()},ue=function(){q(),b.onShow&&b.onShow()},ce=function(){Q()},pe=function(){p.ZIndexUtils.clear(z.current),b.onHide&&b.onHide()},fe=function(e){return K.current.test(e)?3:J.current.test(e)?2:e.length?1:0};m.useImperativeHandle(t,(function(){return{props:b,toggleMask:oe,focus:function(){return p.DomHandler.focus(F.current)},getElement:function(){return Z.current},getOverlay:function(){return z.current},getInput:function(){return F.current}}})),m.useEffect((function(){p.ObjectUtils.combinedRefs(F,b.inputRef)}),[F,b.inputRef]),m.useEffect((function(){J.current=new RegExp(b.mediumRegex)}),[b.mediumRegex]),m.useEffect((function(){K.current=new RegExp(b.strongRegex)}),[b.strongRegex]),m.useEffect((function(){!te&&p.DomHandler.hasClass(Z.current,"p-inputwrapper-filled")&&p.DomHandler.removeClass(Z.current,"p-inputwrapper-filled")}),[te]),a.useMountEffect((function(){ie()})),a.useUnmountEffect((function(){p.ZIndexUtils.clear(z.current)}));var de=p.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":te,"p-inputwrapper-focus":L,"p-input-icon-right":b.toggleMask},b.className),me=I.getOtherProps(b),ye=function(){var e,t=f(G("hideIcon")),n=f(G("showIcon"));e=A?b.hideIcon||m.createElement(i.EyeSlashIcon,w({},t,{onClick:oe})):b.showIcon||m.createElement(l.EyeIcon,w({},n,{onClick:oe}));var r=p.IconUtils.getJSXIcon(e,N({},A?t:n),{props:b});if(b.toggleMask){var o=r;if(b.icon)o=p.ObjectUtils.getJSXElement(b.icon,{onClick:oe,className:de,element:o,props:b});return o}return null}(),be=function(){var e=R||{strength:"",width:"0%"},t=e.strength,n=e.width,r=p.ObjectUtils.getJSXElement(b.header,b),a=p.ObjectUtils.getJSXElement(b.footer,b),l=f({className:Y("panel",{context:d}),style:b.panelStyle,onClick:re},G("panel")),i=f({className:Y("meter")},G("meter")),s=f({className:Y("meterLabel",{strength:t}),style:{width:n}},G("meterLabel")),u=f({className:Y("info",{strength:t})},G("info")),y=b.content?p.ObjectUtils.getJSXElement(b.content,b):m.createElement(m.Fragment,null,m.createElement("div",i,m.createElement("div",s)),m.createElement("div",u,U)),g=f({classNames:Y("transition"),in:S,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:se,onEntered:ue,onExit:ce,onExited:pe},G("transition")),v=m.createElement(o.CSSTransition,w({nodeRef:z},g),m.createElement("div",w({ref:z},l),r,y,a));return m.createElement(c.Portal,{element:v,appendTo:b.appendTo})}(),ge=f({ref:Z,id:b.id,className:Y("root",{isFilled:te,focusedState:L}),style:b.style},G("root")),ve=f(N(N({ref:F,id:b.inputId},me),{},{className:p.classNames(b.inputClassName,Y("input")),onBlur:function(e){M(!1),b.feedback&&le(),b.onBlur&&b.onBlur(e)},onFocus:function(e){M(!0),b.feedback&&ae(),b.onFocus&&b.onFocus(e)},onInput:function(e,t){b.onInput&&b.onInput(e,t),b.onChange||(p.ObjectUtils.isNotEmpty(e.target.value)?p.DomHandler.addClass(Z.current,"p-inputwrapper-filled"):p.DomHandler.removeClass(Z.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;if(b.feedback){var n=null,r=null;switch(fe(e.target.value)){case 1:n=v,r={strength:"weak",width:"33.33%"};break;case 2:n=h,r={strength:"medium",width:"66.66%"};break;case 3:n=O,r={strength:"strong",width:"100%"};break;default:n=g,r=null}P(r),D(n),t&&"Escape"!==t&&!S&&ae()}b.onKeyUp&&b.onKeyUp(e)},style:b.inputStyle,tabIndex:b.tabIndex,tooltip:b.tooltip,tooltipOptions:b.tooltipOptions,type:X,value:b.value,__parentMetadata:{parent:B}}),G("input"));return m.createElement("div",ge,m.createElement(s.InputText,ve),ye,be)})));return R.displayName="Password",e.Password=R,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.eye,primereact.icons.eyeslash,primereact.inputtext,primereact.overlayservice,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.password=function(e,t,n,r,o,a,l,i,s,u,c,p){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 m=f(t),y=d(n);function b(){return b=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},b.apply(this,arguments)}function w(e){return w="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},w(e)}function g(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===w(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function O(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],s=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function E(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 S(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function I(){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 x(e,t){return v(e)||O(e,t)||S(e,t)||I()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"Password",id:null,inputId:null,inputRef:null,promptLabel:null,weakLabel:null,mediumLabel:null,strongLabel:null,mediumRegex:"^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})",strongRegex:"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})",feedback:!0,toggleMask:!1,appendTo:null,header:null,content:null,footer:null,showIcon:null,hideIcon:null,icon:null,tooltip:null,tooltipOptions:null,style:null,className:null,inputStyle:null,inputClassName:null,invalid:!1,panelStyle:null,panelClassName:null,transitionOptions:null,tabIndex:null,value:void 0,onInput:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return p.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState,"p-input-icon-right":t.toggleMask},t.className)},input:function(e){return p.classNames("p-password-input",e.props.inputClassName)},panel:function(e){var t=e.context;return p.classNames("p-password-panel p-component",e.props.panelClassName,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===y.default.ripple})},meter:"p-password-meter",meterLabel:function(e){return p.classNames("p-password-strength",e.strength)},info:function(e){return p.classNames("p-password-info",e.strength)},showIcon:"p-password-show-icon",hideIcon:"p-password-hide-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-password {\n        position: relative;\n        display: inline-flex;\n    }\n    \n    .p-password-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-password .p-password-panel {\n        min-width: 100%;\n    }\n    \n    .p-password-meter {\n        height: 10px;\n    }\n    \n    .p-password-strength {\n        height: 100%;\n        width: 0%;\n        transition: width 1s ease-in-out;\n    }\n    \n    .p-fluid .p-password {\n        display: flex;\n    }\n    \n    .p-password-input::-ms-reveal,\n    .p-password-input::-ms-clear {\n        display: none;\n    }\n\n    .p-password .p-password-show-icon,\n    .p-password .p-password-hide-icon {\n        line-height: 1.5;\n        cursor: pointer;\n    }\n}\n"}});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 N(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){var r,o,a;r=e,a=n[t],(o=h(o=t))in r?Object.defineProperty(r,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[o]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=m.memo(m.forwardRef((function(e,t){var d=a.useMergeProps(),f=m.useContext(n.PrimeReactContext),w=j.getProps(e,f),g=w.promptLabel||n.localeOption("passwordPrompt"),h=w.weakLabel||n.localeOption("weak"),v=w.mediumLabel||n.localeOption("medium"),O=w.strongLabel||n.localeOption("strong"),E=x(m.useState(!1),2),S=E[0],I=E[1],k=x(m.useState(null),2),P=k[0],R=k[1],C=x(m.useState(g),2),U=C[0],D=C[1],H=x(m.useState(!1),2),L=H[0],M=H[1],T=x(m.useState(!1),2),A=T[0],_=T[1],Z=m.useRef(null),K=m.useRef(null),z=m.useRef(w.inputRef),F=m.useRef(new RegExp(w.mediumRegex)),J=m.useRef(new RegExp(w.strongRegex)),X=A?"text":"password",B={props:w,state:{overlayVisible:S,meter:P,infoText:U,focused:L,unmasked:A}},V=j.setMetaData(B),G=V.ptm,Y=V.cx;r.useHandleStyle(j.css.styles,V.isUnstyled,{name:"password"});var W=a.useDisplayOrder("password",S);a.useGlobalOnEscapeKey({callback:function(){ie()},when:S&&w.feedback&&W,priority:[a.ESC_KEY_HANDLING_PRIORITIES.PASSWORD,W]});var $=x(a.useOverlayListener({target:Z,overlay:K,listener:function(e,t){t.valid&&ie()},when:S}),2),q=$[0],Q=$[1],ee=z.current&&z.current.value,te=m.useMemo((function(){return p.ObjectUtils.isNotEmpty(w.value)||p.ObjectUtils.isNotEmpty(w.defaultValue)||p.ObjectUtils.isNotEmpty(ee)}),[w.value,w.defaultValue,ee]),ne=function(){if(P){var e=null;switch(P.strength){case"weak":e=h;break;case"medium":e=v;break;case"strong":e=O}e&&U!==e&&D(e)}else U!==g&&D(g)},re=function(e){if(!w.feedback)return!1;var t=null,n=null;switch(fe(e)){case 1:t=h,n={strength:"weak",width:"33.33%"};break;case 2:t=v,n={strength:"medium",width:"66.66%"};break;case 3:t=O,n={strength:"strong",width:"100%"};break;default:t=g,n=null}return R(n),D(t),!0},oe=function(e){w.feedback&&u.OverlayService.emit("overlay-click",{originalEvent:e,target:Z.current})},ae=function(){_((function(e){return!e}))},le=function(){ne(),I(!0)},ie=function(){I(!1)},se=function(){z.current&&p.DomHandler.alignOverlay(K.current,z.current.parentElement,w.appendTo||f&&f.appendTo||y.default.appendTo)},ue=function(){p.ZIndexUtils.set("overlay",K.current,f&&f.autoZIndex||y.default.autoZIndex,f&&f.zIndex.overlay||y.default.zIndex.overlay),p.DomHandler.addStyles(K.current,{position:"absolute",top:"0",left:"0"}),se()},ce=function(){q(),w.onShow&&w.onShow()},pe=function(){Q()},de=function(){p.ZIndexUtils.clear(K.current),w.onHide&&w.onHide()},fe=function(e){return e&&0!==e.length?J.current.test(e)?3:F.current.test(e)?2:e.length>0?1:0:0};m.useImperativeHandle(t,(function(){return{props:w,toggleMask:ae,focus:function(){return p.DomHandler.focus(z.current)},getElement:function(){return Z.current},getOverlay:function(){return K.current},getInput:function(){return z.current}}})),m.useEffect((function(){p.ObjectUtils.combinedRefs(z,w.inputRef)}),[z,w.inputRef]),m.useEffect((function(){F.current=new RegExp(w.mediumRegex)}),[w.mediumRegex]),m.useEffect((function(){J.current=new RegExp(w.strongRegex)}),[w.strongRegex]),m.useEffect((function(){!te&&p.DomHandler.hasClass(Z.current,"p-inputwrapper-filled")&&p.DomHandler.removeClass(Z.current,"p-inputwrapper-filled")}),[te]),a.useUpdateEffect((function(){re(w.value)}),[w.value]),a.useMountEffect((function(){se()})),a.useUnmountEffect((function(){p.ZIndexUtils.clear(K.current)}));var me=function(e){"Enter"!==e.key&&"Space"!==e.code||(ae(),e.preventDefault())},ye=p.classNames("p-password p-component p-inputwrapper",{"p-inputwrapper-filled":te,"p-inputwrapper-focus":L,"p-input-icon-right":w.toggleMask},w.className),be=j.getOtherProps(w),we=function(){var e=d({key:"hideIcon",role:"switch",tabIndex:w.tabIndex||"0",className:Y("hideIcon"),onClick:ae,onKeyDown:me,"aria-label":n.ariaLabel("passwordHide")||"Hide Password","aria-checked":"false"},G("hideIcon")),t=d({key:"showIcon",role:"switch",tabIndex:w.tabIndex||"0",className:Y("showIcon"),onClick:ae,onKeyDown:me,"aria-label":n.ariaLabel("passwordShow")||"Show Password","aria-checked":"true"},G("showIcon")),r=p.IconUtils.getJSXIcon(A?w.hideIcon||m.createElement(i.EyeSlashIcon,e):w.showIcon||m.createElement(l.EyeIcon,t),N({},A?e:t),{props:w});if(w.toggleMask){var o=r;if(w.icon)o=p.ObjectUtils.getJSXElement(w.icon,{onClick:ae,className:ye,element:o,props:w});return o}return null}(),ge=function(){var e=P||{strength:"",width:"0%"},t=e.strength,n=e.width,r=p.ObjectUtils.getJSXElement(w.header,w),a=p.ObjectUtils.getJSXElement(w.footer,w),l=d({className:Y("panel",{context:f}),style:w.panelStyle,onClick:oe},G("panel")),i=d({className:Y("meter")},G("meter")),s=d({className:Y("meterLabel",{strength:t}),style:{width:n}},G("meterLabel")),u=d({className:Y("info",{strength:t})},G("info")),y=w.content?p.ObjectUtils.getJSXElement(w.content,w):m.createElement(m.Fragment,null,m.createElement("div",i,m.createElement("div",s)),m.createElement("div",u,U)),g=d({classNames:Y("transition"),in:S,timeout:{enter:120,exit:100},options:w.transitionOptions,unmountOnExit:!0,onEnter:ue,onEntered:ce,onExit:pe,onExited:de},G("transition")),h=m.createElement(o.CSSTransition,b({nodeRef:K},g),m.createElement("div",b({ref:K},l),r,y,a));return m.createElement(c.Portal,{element:h,appendTo:w.appendTo})}(),he=d({ref:Z,id:w.id,className:Y("root",{isFilled:te,focusedState:L}),style:w.style},G("root")),ve=d(N(N({ref:z,id:w.inputId},be),{},{className:p.classNames(w.inputClassName,Y("input")),onBlur:function(e){M(!1),w.feedback&&ie(),w.onBlur&&w.onBlur(e)},onFocus:function(e){M(!0),w.feedback&&le(),w.onFocus&&w.onFocus(e)},onInput:function(e,t){w.onInput&&w.onInput(e,t),w.onChange||(p.ObjectUtils.isNotEmpty(e.target.value)?p.DomHandler.addClass(Z.current,"p-inputwrapper-filled"):p.DomHandler.removeClass(Z.current,"p-inputwrapper-filled"))},onKeyUp:function(e){var t=e.code;w.feedback&&t&&"Escape"!==t&&!S&&le(),w.onKeyUp&&w.onKeyUp(e)},invalid:w.invalid,style:w.inputStyle,tabIndex:w.tabIndex,tooltip:w.tooltip,tooltipOptions:w.tooltipOptions,type:X,value:w.value,__parentMetadata:{parent:B}}),G("input"));return m.createElement("div",he,m.createElement(s.InputText,ve),we,ge)})));return P.displayName="Password",e.Password=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.eye,primereact.icons.eyeslash,primereact.inputtext,primereact.overlayservice,primereact.portal,primereact.utils);

package/picklist/picklist.cjs.js

@@ -201,7 +201,7 @@ var PickListBase = componentbase.ComponentBase.extend({
     targetSelection: null,
     showSourceControls: true,
     showTargetControls: true,
-    metaKeySelection: true,
+    metaKeySelection: false,
     onFocus: null,
     onBlur: null,
     filter: false,
@@ -228,6 +228,7 @@ var PickListBase = componentbase.ComponentBase.extend({
     targetFilterTemplate: null,
     tabIndex: 0,
     dataKey: null,
+    autoOptionFocus: true,
     breakpoint: '960px',
     itemTemplate: null,
     sourceItemTemplate: null,
@@ -705,127 +706,127 @@ _defineProperty(PrimeReact, "changeTheme", function (currentTheme, newTheme, lin
 
 var locales = {
   en: {
-    startsWith: 'Starts with',
+    accept: 'Yes',
+    addRule: 'Add Rule',
+    am: 'AM',
+    apply: 'Apply',
+    cancel: 'Cancel',
+    choose: 'Choose',
+    chooseDate: 'Choose Date',
+    chooseMonth: 'Choose Month',
+    chooseYear: 'Choose Year',
+    clear: 'Clear',
+    completed: 'Completed',
     contains: 'Contains',
-    notContains: 'Not contains',
+    custom: 'Custom',
+    dateAfter: 'Date is after',
+    dateBefore: 'Date is before',
+    dateFormat: 'mm/dd/yy',
+    dateIs: 'Date is',
+    dateIsNot: 'Date is not',
+    dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+    dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+    dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+    emptyFilterMessage: 'No results found',
+    emptyMessage: 'No available options',
+    emptySearchMessage: 'No results found',
+    emptySelectionMessage: 'No selected item',
     endsWith: 'Ends with',
     equals: 'Equals',
-    notEquals: 'Not equals',
-    noFilter: 'No Filter',
+    fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
     filter: 'Filter',
-    lt: 'Less than',
-    lte: 'Less than or equal to',
+    firstDayOfWeek: 0,
     gt: 'Greater than',
     gte: 'Greater than or equal to',
-    dateIs: 'Date is',
-    dateIsNot: 'Date is not',
-    dateBefore: 'Date is before',
-    dateAfter: 'Date is after',
-    custom: 'Custom',
-    clear: 'Clear',
-    close: 'Close',
-    apply: 'Apply',
+    lt: 'Less than',
+    lte: 'Less than or equal to',
     matchAll: 'Match All',
     matchAny: 'Match Any',
-    addRule: 'Add Rule',
-    removeRule: 'Remove Rule',
-    accept: 'Yes',
-    reject: 'No',
-    choose: 'Choose',
-    upload: 'Upload',
-    cancel: 'Cancel',
-    completed: 'Completed',
-    pending: 'Pending',
-    fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
-    dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
-    dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-    dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+    medium: 'Medium',
     monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
     monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
-    chooseYear: 'Choose Year',
-    chooseMonth: 'Choose Month',
-    chooseDate: 'Choose Date',
-    prevDecade: 'Previous Decade',
     nextDecade: 'Next Decade',
-    prevYear: 'Previous Year',
-    nextYear: 'Next Year',
-    prevMonth: 'Previous Month',
-    nextMonth: 'Next Month',
-    prevHour: 'Previous Hour',
     nextHour: 'Next Hour',
-    prevMinute: 'Previous Minute',
     nextMinute: 'Next Minute',
-    prevSecond: 'Previous Second',
+    nextMonth: 'Next Month',
     nextSecond: 'Next Second',
-    prevMilliSecond: 'Previous Second',
-    nextMilliSecond: 'Next Second',
-    am: 'am',
-    pm: 'pm',
-    today: 'Today',
+    nextYear: 'Next Year',
+    noFilter: 'No Filter',
+    notContains: 'Not contains',
+    notEquals: 'Not equals',
     now: 'Now',
-    weekHeader: 'Wk',
-    firstDayOfWeek: 0,
+    passwordPrompt: 'Enter a password',
+    pending: 'Pending',
+    pm: 'PM',
+    prevDecade: 'Previous Decade',
+    prevHour: 'Previous Hour',
+    prevMinute: 'Previous Minute',
+    prevMonth: 'Previous Month',
+    prevSecond: 'Previous Second',
+    prevYear: 'Previous Year',
+    reject: 'No',
+    removeRule: 'Remove Rule',
+    searchMessage: '{0} results are available',
+    selectionMessage: '{0} items selected',
     showMonthAfterYear: false,
-    dateFormat: 'mm/dd/yy',
-    weak: 'Weak',
-    medium: 'Medium',
+    startsWith: 'Starts with',
     strong: 'Strong',
-    passwordPrompt: 'Enter a password',
-    emptyFilterMessage: 'No available options',
-    emptyMessage: 'No results found',
+    today: 'Today',
+    upload: 'Upload',
+    weak: 'Weak',
+    weekHeader: 'Wk',
     aria: {
-      trueLabel: 'True',
-      falseLabel: 'False',
-      nullLabel: 'Not Selected',
-      star: '1 star',
-      stars: '{star} stars',
-      selectAll: 'All items selected',
-      unselectAll: 'All items unselected',
+      cancelEdit: 'Cancel Edit',
       close: 'Close',
-      previous: 'Previous',
-      next: 'Next',
-      navigation: 'Navigation',
-      scrollTop: 'Scroll Top',
-      moveTop: 'Move Top',
-      moveUp: 'Move Up',
-      moveDown: 'Move Down',
-      moveBottom: 'Move Bottom',
-      moveToTarget: 'Move to Target',
-      moveToSource: 'Move to Source',
-      moveAllToTarget: 'Move All to Target',
-      moveAllToSource: 'Move All to Source',
-      pageLabel: 'Page {page}',
+      collapseRow: 'Row Collapsed',
+      editRow: 'Edit Row',
+      expandRow: 'Row Expanded',
+      falseLabel: 'False',
+      filterConstraint: 'Filter Constraint',
+      filterOperator: 'Filter Operator',
       firstPageLabel: 'First Page',
+      gridView: 'Grid View',
+      hideFilterMenu: 'Hide Filter Menu',
+      jumpToPageDropdownLabel: 'Jump to Page Dropdown',
+      jumpToPageInputLabel: 'Jump to Page Input',
       lastPageLabel: 'Last Page',
+      listView: 'List View',
+      moveAllToSource: 'Move All to Source',
+      moveAllToTarget: 'Move All to Target',
+      moveBottom: 'Move Bottom',
+      moveDown: 'Move Down',
+      moveToSource: 'Move to Source',
+      moveToTarget: 'Move to Target',
+      moveTop: 'Move Top',
+      moveUp: 'Move Up',
+      navigation: 'Navigation',
+      next: 'Next',
       nextPageLabel: 'Next Page',
+      nullLabel: 'Not Selected',
+      pageLabel: 'Page {page}',
+      otpLabel: 'Please enter one time password character {0}',
+      passwordHide: 'Hide Password',
+      passwordShow: 'Show Password',
+      previous: 'Previous',
       previousPageLabel: 'Previous Page',
+      rotateLeft: 'Rotate Left',
+      rotateRight: 'Rotate Right',
       rowsPerPageLabel: 'Rows per page',
-      jumpToPageDropdownLabel: 'Jump to Page Dropdown',
-      jumpToPageInputLabel: 'Jump to Page Input',
+      saveEdit: 'Save Edit',
+      scrollTop: 'Scroll Top',
+      selectAll: 'All items selected',
       selectRow: 'Row Selected',
-      unselectRow: 'Row Unselected',
-      expandRow: 'Row Expanded',
-      collapseRow: 'Row Collapsed',
       showFilterMenu: 'Show Filter Menu',
-      hideFilterMenu: 'Hide Filter Menu',
-      filterOperator: 'Filter Operator',
-      filterConstraint: 'Filter Constraint',
-      editRow: 'Row Edit',
-      saveEdit: 'Save Edit',
-      cancelEdit: 'Cancel Edit',
-      listView: 'List View',
-      gridView: 'Grid View',
       slide: 'Slide',
       slideNumber: '{slideNumber}',
+      star: '1 star',
+      stars: '{star} stars',
+      trueLabel: 'True',
+      unselectAll: 'All items unselected',
+      unselectRow: 'Row Unselected',
       zoomImage: 'Zoom Image',
       zoomIn: 'Zoom In',
-      zoomOut: 'Zoom Out',
-      rotateRight: 'Rotate Right',
-      rotateLeft: 'Rotate Left',
-      selectLabel: 'Select',
-      unselectLabel: 'Unselect',
-      expandLabel: 'Expand',
-      collapseLabel: 'Collapse'
+      zoomOut: 'Zoom Out'
     }
   }
 };
@@ -1259,17 +1260,34 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var sourceList = getVisibleList(props.source, 'source');
   var targetList = getVisibleList(props.target, 'target');
+  var findCurrentFocusedIndex = function findCurrentFocusedIndex(listElement) {
+    if (focusedOptionIndex === -1) {
+      var itemList = listElement && listElement.children ? _toConsumableArray(listElement.children) : [];
+      var selectedOptionIndex = findFirstSelectedOptionIndex(listElement, itemList);
+      if (props.autoOptionFocus && selectedOptionIndex === -1) {
+        selectedOptionIndex = findFirstFocusedOptionIndex(listElement, itemList);
+      }
+      return selectedOptionIndex;
+    }
+    return -1;
+  };
+  var findFirstSelectedOptionIndex = function findFirstSelectedOptionIndex(listElement, itemList) {
+    if (sourceSelectionState.length || targetSelectionState.length) {
+      var selectedFirstItem = utils.DomHandler.findSingle(listElement, '[data-p-highlight="true"]');
+      return utils.ObjectUtils.findIndexInList(selectedFirstItem, itemList);
+    }
+    return -1;
+  };
+  var findFirstFocusedOptionIndex = function findFirstFocusedOptionIndex(listElement, itemList) {
+    var firstFocusableItem = utils.DomHandler.findSingle(listElement, '[data-pc-section="item"]');
+    return utils.ObjectUtils.findIndexInList(firstFocusableItem, itemList);
+  };
   var _onListFocus = function onListFocus(event, type) {
+    setFocused(_objectSpread(_objectSpread({}, focused), {}, _defineProperty({}, type, true)));
     var listElement = getListElement(type);
-    var selectedFirstItem = utils.DomHandler.findSingle(listElement, '[data-p-highlight="true"]') || utils.DomHandler.findSingle(listElement, '[data-pc-section="item"]');
-    var itemList = listElement && listElement.children ? _toConsumableArray(listElement.children) : [];
-    if (selectedFirstItem) {
-      var findIndex = utils.ObjectUtils.findIndexInList(selectedFirstItem, itemList);
-      setFocused(_objectSpread(_objectSpread({}, focused), {}, _defineProperty({}, type, true)));
-      var index = focusedOptionIndex !== -1 ? focusedOptionIndex : selectedFirstItem ? findIndex : -1;
-      changeFocusedOptionIndex(index, type);
-      props.onFocus && props.onFocus(event);
-    }
+    var currentFocusedIndex = findCurrentFocusedIndex(listElement);
+    changeFocusedOptionIndex(currentFocusedIndex, type);
+    props.onFocus && props.onFocus(event);
   };
   var _onListBlur = function onListBlur(event, type) {
     setFocused(_objectSpread(_objectSpread({}, focused), {}, _defineProperty({}, type, false)));
@@ -1495,7 +1513,14 @@ var PickList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var changeFocusedOptionIndex = function changeFocusedOptionIndex(index, type) {
     var listElement = getListElement(type);
     var items = utils.DomHandler.find(listElement, '[data-pc-section="item"]');
-    var order = index >= items.length ? items.length - 1 : index < 0 ? 0 : index;
+    var order;
+    if (index >= items.length) {
+      order = items.length - 1;
+    } else if (index < 0) {
+      return;
+    } else {
+      order = index;
+    }
     setFocusedOptionIndex(items[order].getAttribute('id'));
     scrollInViewWithFocus(items[order].getAttribute('id'), type);
   };