primereact 10.0.0 → 10.0.2

package/password/password.esm.min.mjs

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

package/password/password.esm.mjs

@@ -1,566 +0,0 @@
-'use client';
-import * as React from 'react';
-import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
-import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { CSSTransition } from 'primereact/csstransition';
-import { useOverlayListener, useUnmountEffect } from 'primereact/hooks';
-import { EyeIcon } from 'primereact/icons/eye';
-import { EyeSlashIcon } from 'primereact/icons/eyeslash';
-import { InputText } from 'primereact/inputtext';
-import { OverlayService } from 'primereact/overlayservice';
-import { Portal } from 'primereact/portal';
-import { classNames, ObjectUtils, DomHandler, ZIndexUtils, mergeProps, IconUtils } from 'primereact/utils';
-
-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";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-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;
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  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 _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-var classes = {
-  root: function root(_ref) {
-    var props = _ref.props,
-      isFilled = _ref.isFilled,
-      focusedState = _ref.focusedState;
-    return classNames('p-password p-component p-inputwrapper', {
-      'p-inputwrapper-filled': isFilled,
-      'p-inputwrapper-focus': focusedState,
-      'p-input-icon-right': props.toggleMask
-    }, props.className);
-  },
-  input: function input(_ref2) {
-    var props = _ref2.props;
-    return classNames('p-password-input', props.inputClassName);
-  },
-  panel: function panel(_ref3) {
-    var props = _ref3.props,
-      context = _ref3.context;
-    return classNames('p-password-panel p-component', props.panelClassName, {
-      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
-      'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
-    });
-  },
-  meter: 'p-password-meter',
-  meterLabel: function meterLabel(_ref4) {
-    var strength = _ref4.strength;
-    return classNames('p-password-strength', strength);
-  },
-  info: function info(_ref5) {
-    var strength = _ref5.strength;
-    return classNames('p-password-info', strength);
-  },
-  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 PasswordBase = 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: true,
-    toggleMask: false,
-    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: undefined,
-    onInput: null,
-    onShow: null,
-    onHide: null,
-    children: undefined
-  },
-  css: {
-    classes: classes,
-    styles: styles
-  }
-});
-
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var context = React.useContext(PrimeReactContext);
-  var props = PasswordBase.getProps(inProps, context);
-  var promptLabel = props.promptLabel || localeOption('passwordPrompt');
-  var weakLabel = props.weakLabel || localeOption('weak');
-  var mediumLabel = props.mediumLabel || localeOption('medium');
-  var strongLabel = props.strongLabel || localeOption('strong');
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    overlayVisibleState = _React$useState2[0],
-    setOverlayVisibleState = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    meterState = _React$useState4[0],
-    setMeterState = _React$useState4[1];
-  var _React$useState5 = React.useState(promptLabel),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    infoTextState = _React$useState6[0],
-    setInfoTextState = _React$useState6[1];
-  var _React$useState7 = React.useState(false),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    focusedState = _React$useState8[0],
-    setFocusedState = _React$useState8[1];
-  var _React$useState9 = React.useState(false),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    unmaskedState = _React$useState10[0],
-    setUnmaskedState = _React$useState10[1];
-  var elementRef = React.useRef(null);
-  var overlayRef = React.useRef(null);
-  var inputRef = React.useRef(props.inputRef);
-  var mediumCheckRegExp = React.useRef(new RegExp(props.mediumRegex));
-  var strongCheckRegExp = React.useRef(new RegExp(props.strongRegex));
-  var type = unmaskedState ? 'text' : 'password';
-  var metaData = {
-    props: props,
-    state: {
-      overlayVisible: overlayVisibleState,
-      meter: meterState,
-      infoText: infoTextState,
-      focused: focusedState,
-      unmasked: unmaskedState
-    }
-  };
-  var _PasswordBase$setMeta = PasswordBase.setMetaData(metaData),
-    ptm = _PasswordBase$setMeta.ptm,
-    cx = _PasswordBase$setMeta.cx,
-    isUnstyled = _PasswordBase$setMeta.isUnstyled;
-  useHandleStyle(PasswordBase.css.styles, isUnstyled, {
-    name: 'password'
-  });
-  var _useOverlayListener = useOverlayListener({
-      target: elementRef,
-      overlay: overlayRef,
-      listener: function listener(event, _ref) {
-        var valid = _ref.valid;
-        valid && hide();
-      },
-      when: overlayVisibleState
-    }),
-    _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-    bindOverlayListener = _useOverlayListener2[0],
-    unbindOverlayListener = _useOverlayListener2[1];
-  var currentValue = inputRef.current && inputRef.current.value;
-  var isFilled = React.useMemo(function () {
-    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(props.defaultValue) || ObjectUtils.isNotEmpty(currentValue);
-  }, [props.value, props.defaultValue, currentValue]);
-  var updateLabels = function updateLabels() {
-    if (meterState) {
-      var label = null;
-      switch (meterState.strength) {
-        case 'weak':
-          label = weakLabel;
-          break;
-        case 'medium':
-          label = mediumLabel;
-          break;
-        case 'strong':
-          label = strongLabel;
-          break;
-      }
-      if (label && infoTextState !== label) {
-        setInfoTextState(label);
-      }
-    } else {
-      if (infoTextState !== promptLabel) {
-        setInfoTextState(promptLabel);
-      }
-    }
-  };
-  var onPanelClick = function onPanelClick(event) {
-    if (props.feedback) {
-      OverlayService.emit('overlay-click', {
-        originalEvent: event,
-        target: elementRef.current
-      });
-    }
-  };
-  var onMaskToggle = function onMaskToggle() {
-    setUnmaskedState(function (prevUnmasked) {
-      return !prevUnmasked;
-    });
-  };
-  var show = function show() {
-    updateLabels();
-    setOverlayVisibleState(true);
-  };
-  var hide = function hide() {
-    setOverlayVisibleState(false);
-  };
-  var alignOverlay = function alignOverlay() {
-    if (inputRef.current) {
-      DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact.appendTo);
-    }
-  };
-  var onOverlayEnter = function onOverlayEnter() {
-    ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['overlay'] || PrimeReact.zIndex['overlay']);
-    DomHandler.addStyles(overlayRef.current, {
-      position: 'absolute',
-      top: '0',
-      left: '0'
-    });
-    alignOverlay();
-  };
-  var onOverlayEntered = function onOverlayEntered() {
-    bindOverlayListener();
-    props.onShow && props.onShow();
-  };
-  var onOverlayExit = function onOverlayExit() {
-    unbindOverlayListener();
-  };
-  var onOverlayExited = function onOverlayExited() {
-    ZIndexUtils.clear(overlayRef.current);
-    props.onHide && props.onHide();
-  };
-  var onFocus = function onFocus(event) {
-    setFocusedState(true);
-    if (props.feedback) {
-      show();
-    }
-    props.onFocus && props.onFocus(event);
-  };
-  var onBlur = function onBlur(event) {
-    setFocusedState(false);
-    if (props.feedback) {
-      hide();
-    }
-    props.onBlur && props.onBlur(event);
-  };
-  var onKeyup = function onKeyup(e) {
-    var keyCode = e.keyCode || e.which;
-    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 && !overlayVisibleState) {
-        show();
-      }
-    }
-    props.onKeyUp && props.onKeyUp(e);
-  };
-  var onInput = function onInput(event, validatePattern) {
-    if (props.onInput) {
-      props.onInput(event, validatePattern);
-    }
-    if (!props.onChange) {
-      ObjectUtils.isNotEmpty(event.target.value) ? DomHandler.addClass(elementRef.current, 'p-inputwrapper-filled') : DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
-    }
-  };
-  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;
-    return 0;
-  };
-  React.useImperativeHandle(ref, function () {
-    return {
-      props: props,
-      focus: function focus() {
-        return DomHandler.focus(inputRef.current);
-      },
-      getElement: function getElement() {
-        return elementRef.current;
-      },
-      getOverlay: function getOverlay() {
-        return overlayRef.current;
-      },
-      getInput: function getInput() {
-        return inputRef.current;
-      }
-    };
-  });
-  React.useEffect(function () {
-    ObjectUtils.combinedRefs(inputRef, props.inputRef);
-  }, [inputRef, props.inputRef]);
-  React.useEffect(function () {
-    mediumCheckRegExp.current = new RegExp(props.mediumRegex);
-  }, [props.mediumRegex]);
-  React.useEffect(function () {
-    strongCheckRegExp.current = new RegExp(props.strongRegex);
-  }, [props.strongRegex]);
-  React.useEffect(function () {
-    if (!isFilled && DomHandler.hasClass(elementRef.current, 'p-inputwrapper-filled')) {
-      DomHandler.removeClass(elementRef.current, 'p-inputwrapper-filled');
-    }
-  }, [isFilled]);
-  useUnmountEffect(function () {
-    ZIndexUtils.clear(overlayRef.current);
-  });
-  var createIcon = function createIcon() {
-    var icon;
-    var hideIconProps = mergeProps(ptm('hideIcon'));
-    var showIconProps = mergeProps(ptm('showIcon'));
-    if (unmaskedState) {
-      icon = props.hideIcon || /*#__PURE__*/React.createElement(EyeSlashIcon, hideIconProps);
-    } else {
-      icon = props.showIcon || /*#__PURE__*/React.createElement(EyeIcon, showIconProps);
-    }
-    var eyeIcon = IconUtils.getJSXIcon(icon, unmaskedState ? _objectSpread({}, hideIconProps) : _objectSpread({}, showIconProps), {
-      props: props
-    });
-    if (props.toggleMask) {
-      var content = /*#__PURE__*/React.createElement("i", {
-        onClick: onMaskToggle
-      }, " ", eyeIcon, " ");
-      if (props.icon) {
-        var defaultIconOptions = {
-          onClick: onMaskToggle,
-          className: className,
-          element: content,
-          props: props
-        };
-        content = ObjectUtils.getJSXElement(props.icon, defaultIconOptions);
-      }
-      return content;
-    }
-    return null;
-  };
-  var createPanel = function createPanel() {
-    var _ref2 = meterState || {
-        strength: '',
-        width: '0%'
-      },
-      strength = _ref2.strength,
-      width = _ref2.width;
-    var header = ObjectUtils.getJSXElement(props.header, props);
-    var footer = ObjectUtils.getJSXElement(props.footer, props);
-    var panelProps = mergeProps({
-      className: cx('panel', {
-        context: context
-      }),
-      style: props.panelStyle,
-      onClick: onPanelClick
-    }, ptm('panel'));
-    var meterProps = mergeProps({
-      className: cx('meter')
-    }, ptm('meter'));
-    var meterLabelProps = mergeProps({
-      className: cx('meterLabel', {
-        strength: strength
-      }),
-      style: {
-        width: width
-      }
-    }, ptm('meterLabel'));
-    var infoProps = mergeProps({
-      className: cx('info', {
-        strength: strength
-      })
-    }, ptm('info'));
-    var content = props.content ? ObjectUtils.getJSXElement(props.content, props) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", meterProps, /*#__PURE__*/React.createElement("div", meterLabelProps)), /*#__PURE__*/React.createElement("div", infoProps, infoTextState));
-    var transitionProps = mergeProps({
-      classNames: cx('transition'),
-      "in": overlayVisibleState,
-      timeout: {
-        enter: 120,
-        exit: 100
-      },
-      options: props.transitionOptions,
-      unmountOnExit: true,
-      onEnter: onOverlayEnter,
-      onEntered: onOverlayEntered,
-      onExit: onOverlayExit,
-      onExited: onOverlayExited
-    }, ptm('transition'));
-    var panel = /*#__PURE__*/React.createElement(CSSTransition, _extends({
-      nodeRef: overlayRef
-    }, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
-      ref: overlayRef
-    }, panelProps), header, content, footer));
-    return /*#__PURE__*/React.createElement(Portal, {
-      element: panel,
-      appendTo: props.appendTo
-    });
-  };
-  var className = classNames('p-password p-component p-inputwrapper', {
-    'p-inputwrapper-filled': isFilled,
-    'p-inputwrapper-focus': focusedState,
-    'p-input-icon-right': props.toggleMask
-  }, props.className);
-  var inputProps = PasswordBase.getOtherProps(props);
-  var icon = createIcon();
-  var panel = createPanel();
-  var rootProps = mergeProps({
-    ref: elementRef,
-    id: props.id,
-    className: cx('root', {
-      isFilled: isFilled,
-      focusedState: focusedState
-    }),
-    style: props.style
-  }, ptm('root'));
-  var inputTextProps = mergeProps(_objectSpread(_objectSpread({
-    ref: inputRef,
-    id: props.inputId
-  }, inputProps), {}, {
-    className: cx('input'),
-    onBlur: onBlur,
-    onFocus: onFocus,
-    onInput: onInput,
-    onKeyUp: onKeyup,
-    style: props.inputStyle,
-    tabIndex: props.tabIndex,
-    tooltip: props.tooltip,
-    tooltipOptions: props.tooltipOptions,
-    type: type,
-    value: props.value,
-    __parentMetadata: {
-      parent: metaData
-    }
-  }), ptm('input'));
-  return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement(InputText, inputTextProps), icon, panel);
-}));
-Password.displayName = 'Password';
-
-export { Password };

package/picklist/picklist.esm.min.mjs

@@ -1 +0,0 @@
-import*as e from"react";import t,{PrimeReactContext as n,FilterService as r}from"primereact/api";import{ComponentBase as o,useHandleStyle as l}from"primereact/componentbase";import{useMatchMedia as a,useMountEffect as i,useUpdateEffect as c}from"primereact/hooks";import{classNames as s,mergeProps as u,ObjectUtils as m,IconUtils as p,DomHandler as f,UniqueComponentId as v}from"primereact/utils";import{Button as d}from"primereact/button";import{AngleDoubleDownIcon as g}from"primereact/icons/angledoubledown";import{AngleDoubleUpIcon as y}from"primereact/icons/angledoubleup";import{AngleDownIcon as h}from"primereact/icons/angledown";import{AngleUpIcon as T}from"primereact/icons/angleup";import{SearchIcon as b}from"primereact/icons/search";import{Ripple as S}from"primereact/ripple";import{AngleDoubleLeftIcon as I}from"primereact/icons/angledoubleleft";import{AngleDoubleRightIcon as E}from"primereact/icons/angledoubleright";import{AngleLeftIcon as k}from"primereact/icons/angleleft";import{AngleRightIcon as w}from"primereact/icons/angleright";function C(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],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)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return i}}function x(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 L(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function F(){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 K(e,t){return C(e)||N(e,t)||L(e,t)||F()}var A=o.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},css:{classes:{root:"p-picklist p-component",buttons:"p-picklist-buttons p-picklist-transfer-buttons",header:"p-picklist-header",filterIcon:"p-picklist-filter-icon",filter:"p-picklist-filter",filterInput:"p-picklist-filter-input p-inputtext p-component",filterContainer:"p-picklist-filter-container",list:"p-picklist-list",listWrapper:"p-picklist-list-wrapper",item:function(e){return s("p-picklist-item",{"p-highlight":e.subProps.selected})},controls:"p-picklist-buttons"},styles:"\n@layer primereact {\n    .p-picklist {\n        display: flex;\n    }\n    \n    .p-picklist-buttons {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    \n    .p-picklist-list-wrapper {\n        flex: 1 1 50%;\n    }\n    \n    .p-picklist-list {\n        list-style-type: none;\n        margin: 0;\n        padding: 0;\n        overflow: auto;\n        min-height: 12rem;\n        max-height: 24rem;\n    }\n    \n    .p-picklist-item {\n        cursor: pointer;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-picklist-filter {\n        position: relative;\n    }\n    \n    .p-picklist-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-picklist-filter-input {\n        width: 100%;\n    }\n}\n"}});function D(e){if(Array.isArray(e))return x(e)}function P(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function M(){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 O(e){return D(e)||P(e)||L(e)||M()}var R=e.memo((function(t){var n=t.ptm,r=t.cx,o=t.unstyled,l=t.moveUpIcon||e.createElement(T,null),a=t.moveTopIcon||e.createElement(y,null),i=t.moveDownIcon||e.createElement(h,null),c=t.moveBottomIcon||e.createElement(g,null),p=!t.selection||!t.selection.length,f=u({className:s(t.className,r("controls"))},n("controls",{hostName:t.hostName}));return e.createElement("div",f,e.createElement(d,{disabled:p,type:"button",icon:l,onClick:function(e){var n=t.selection;if(n&&n.length){for(var r=O(t.list),o=0;o<n.length;o++){var l=m.findIndexInList(n[o],r,t.dataKey);if(0===l)break;var a=r[l-1];r[l-1]=r[l],r[l]=a}t.onReorder&&t.onReorder({originalEvent:e,value:r,direction:"up"})}},pt:n("moveUpButton"),unstyled:o,__parentMetadata:{parent:t.metaData}}),e.createElement(d,{disabled:p,type:"button",icon:a,onClick:function(e){var n=t.selection;if(n&&n.length){for(var r=O(t.list),o=0;o<n.length;o++){var l=m.findIndexInList(n[o],r,t.dataKey);if(0===l)break;var a=r.splice(l,1)[0];r.unshift(a)}t.onReorder&&t.onReorder({originalEvent:e,value:r,direction:"top"})}},pt:n("moveTopButton"),unstyled:o,__parentMetadata:{parent:t.metaData}}),e.createElement(d,{disabled:p,type:"button",icon:i,onClick:function(e){var n=t.selection;if(n&&n.length){for(var r=O(t.list),o=n.length-1;o>=0;o--){var l=m.findIndexInList(n[o],r,t.dataKey);if(l===r.length-1)break;var a=r[l+1];r[l+1]=r[l],r[l]=a}t.onReorder&&t.onReorder({originalEvent:e,value:r,direction:"down"})}},pt:n("moveDownButton"),unstyled:o,__parentMetadata:{parent:t.metaData}}),e.createElement(d,{disabled:p,type:"button",icon:c,onClick:function(e){var n=t.selection;if(n&&n.length){for(var r=O(t.list),o=n.length-1;o>=0;o--){var l=m.findIndexInList(n[o],r,t.dataKey);if(l===r.length-1)break;var a=r.splice(l,1)[0];r.push(a)}t.onReorder&&t.onReorder({originalEvent:e,value:r,direction:"bottom"})}},pt:n("moveBottomButton"),unstyled:o,__parentMetadata:{parent:t.metaData}}))}));function j(e){return j="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},j(e)}function B(e,t){if("object"!==j(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function _(e){var t=B(e,"string");return"symbol"===j(t)?t:String(t)}R.displayName="PickListControls";var V=e.memo((function(t){var n=t.ptm,r=t.cx,o=t.template?t.template(t.value):t.value,l=u({className:s(t.className,r("item",{subProps:t})),onClick:function(e){t.onClick&&t.onClick({originalEvent:e,value:t.value})},onKeyDown:function(e){t.onKeyDown&&t.onKeyDown({originalEvent:e,value:t.value})},tabIndex:t.tabIndex,role:"option","aria-selected":t.selected},n("item",{hostName:t.hostName,context:{selected:t.selected}}));return e.createElement("li",l,o,e.createElement(S,null))}));function U(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 H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=_(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}V.displayName="PickListItem";var J=e.memo(e.forwardRef((function(t,n){var r=e.useRef(null),o=t.ptm,l=t.cx,a=function(e,n){return o(e,H({hostName:t.hostName},n))},i=function(e){var n=e.originalEvent,r=e.value,o=O(t.selection),l=m.findIndexInList(r,o,t.dataKey),a=-1!==l;if(t.metaKeySelection){var i=n.metaKey||n.ctrlKey;a&&i?o.splice(l,1):(i||(o.length=0),o.push(r))}else a?o.splice(l,1):o.push(r);t.onSelectionChange&&t.onSelectionChange({event:n,value:o})},c=function(e){var t=e.originalEvent,n=t.currentTarget;switch(t.which){case 40:var r=v(n);r&&r.focus(),t.preventDefault();break;case 38:var o=d(n);o&&o.focus(),t.preventDefault();break;case 13:i(e),t.preventDefault()}},v=function e(t){var n=t.nextElementSibling;return n?f.hasClass(n,"p-picklist-item")?n:e(n):null},d=function e(t){var n=t.previousElementSibling;return n?f.hasClass(n,"p-picklist-item")?n:e(n):null},g=function(e){return-1!==m.findIndexInList(e,t.selection,t.dataKey)},y=function(e){t.onFilter&&t.onFilter({originalEvent:e,value:e.target.value,type:t.type})},h=function(e){13===e.which&&e.preventDefault()};e.useImperativeHandle(n,(function(){return{listElementRef:r}}));var T,S,I,E=(T=u({className:l("header")},a("header")),t.header?e.createElement("div",T,m.getJSXElement(t.header,t)):null),k=function(){var n=u({className:l("filterIcon")},a("filterIcon")),r=p.getJSXIcon("source"===t.type?t.sourceFilterIcon||e.createElement(b,n):t.targetFilterIcon||e.createElement(b,n),H({},n),{props:t});if(t.showFilter){var o=u({className:l("filter")},a("filter")),i=u({type:"text",value:t.filterValue,onChange:y,onKeyDown:h,placeholder:t.placeholder,className:l("filterInput")},a("filterInput")),c=e.createElement("div",o,e.createElement("input",i),e.createElement("span",null," ",r," "));if(t.filterTemplate)c=m.getJSXElement(t.filterTemplate,{className:"p-picklist-filter",inputProps:{className:"p-picklist-filter-input p-inputtext p-component",onChange:y,onKeyDown:h},iconClassName:"p-picklist-filter-icon",element:c,props:t});var s=u({className:l("filterContainer")},a("filterContainer"));return e.createElement("div",s,c)}return null}(),w=(S=t.list?t.list.map((function(n){var r=JSON.stringify(n),a=g(n);return e.createElement(V,{hostName:t.hostName,key:r,value:n,template:t.itemTemplate,selected:a,onClick:i,onKeyDown:c,tabIndex:t.tabIndex,ptm:o,cx:l})})):null,I=u({className:s(t.listClassName,l("list")),role:"listbox","aria-multiselectable":!0,style:t.style},a("list")),e.createElement("ul",I,S)),C=u({className:s(t.className,l("listWrapper")),ref:r},a("listWrapper"));return e.createElement("div",C,E,k,w)})));J.displayName="PickListSubList";var X=e.memo((function(t){var n=a("(max-width: ".concat(t.breakpoint,")"),t.breakpoint),r=t.ptm,o=t.cx,l=t.unstyled;function i(r){switch(r){case"moveToTargetIcon":return t.moveToTargetIcon||n?t.moveToTargetIcon||e.createElement(h,null):t.moveToTargetIcon||e.createElement(w,null);case"moveAllToTargetIcon":return t.moveAllToTargetIcon||n?t.moveAllToTargetIcon||e.createElement(g,null):t.moveAllToTargetIcon||e.createElement(E,null);case"moveToSourceIcon":return t.moveToSourceIcon||n?t.moveToSourceIcon||e.createElement(T,null):t.moveToSourceIcon||e.createElement(k,null);case"moveAllToSourceIcon":return t.moveAllToSourceIcon||n?t.moveAllToSourceIcon||e.createElement(y,null):t.moveAllToSourceIcon||e.createElement(I,null);default:return null}}var c=p.getJSXIcon(i("moveToTargetIcon"),void 0,{props:t,viewChanged:n}),f=p.getJSXIcon(i("moveAllToTargetIcon"),void 0,{props:t,viewChanged:n}),v=p.getJSXIcon(i("moveToSourceIcon"),void 0,{props:t,viewChanged:n}),b=p.getJSXIcon(i("moveAllToSourceIcon"),void 0,{props:t,viewChanged:n}),S=m.isEmpty(t.sourceSelection)||m.isEmpty(t.visibleSourceList),C=m.isEmpty(t.targetSelection)||m.isEmpty(t.visibleTargetList),N=m.isEmpty(t.visibleSourceList),x=m.isEmpty(t.visibleTargetList),L=u({className:s(t.className,o("buttons"))},r("buttons",{hostName:t.hostName}));return e.createElement("div",L,e.createElement(d,{disabled:S,type:"button",icon:c,onClick:function(e){var n=t.sourceSelection;if(m.isNotEmpty(n)){for(var r=O(t.target),o=O(t.source),l=0;l<n.length;l++){var a=n[l];-1===m.findIndexInList(a,r,t.dataKey)&&r.push(o.splice(m.findIndexInList(a,o,t.dataKey),1)[0])}t.onTransfer&&t.onTransfer({originalEvent:e,source:o,target:r,direction:"toTarget"})}},pt:r("moveToTargetButton"),unstyled:l,__parentMetadata:{parent:t.metaData}}),e.createElement(d,{disabled:N,type:"button",icon:f,onClick:function(e){if(t.source){var n=[].concat(O(t.target),O(t.visibleSourceList)),r=t.source.filter((function(e){return!t.visibleSourceList.some((function(t){return t===e}))}));t.onTransfer&&t.onTransfer({originalEvent:e,source:r,target:n,direction:"allToTarget"})}},pt:r("moveAllToTargetButton"),unstyled:l,__parentMetadata:{parent:t.metaData}}),e.createElement(d,{disabled:C,type:"button",icon:v,onClick:function(e){var n=t.targetSelection;if(m.isNotEmpty(n)){for(var r=O(t.target),o=O(t.source),l=0;l<n.length;l++){var a=n[l];-1===m.findIndexInList(a,o,t.dataKey)&&o.push(r.splice(m.findIndexInList(a,r,t.dataKey),1)[0])}t.onTransfer&&t.onTransfer({originalEvent:e,source:o,target:r,direction:"toSource"})}},pt:r("moveToSourceButton"),unstyled:l,__parentMetadata:{parent:t.metaData}}),e.createElement(d,{disabled:x,type:"button",icon:b,onClick:function(e){if(t.source){var n=[].concat(O(t.source),O(t.visibleTargetList)),r=t.target.filter((function(e){return!t.visibleTargetList.some((function(t){return t===e}))}));t.onTransfer&&t.onTransfer({originalEvent:e,source:n,target:r,direction:"allToSource"})}},pt:r("moveAllToSourceButton"),unstyled:l,__parentMetadata:{parent:t.metaData}}))}));X.displayName="PickListTransferControls";var W=e.memo(e.forwardRef((function(o,a){var p=e.useContext(n),d=A.getProps(o,p),g=K(e.useState([]),2),y=g[0],h=g[1],T=K(e.useState([]),2),b=T[0],S=T[1],I=K(e.useState(""),2),E=I[0],k=I[1],w=K(e.useState(""),2),C=w[0],N=w[1],x=K(e.useState(null),2),L=x[0],F=x[1],D={props:d,state:{sourceSelection:y,targetSelection:b,sourceFilterValue:E,targetFilterValue:C,attributeSelector:L}},P=A.setMetaData(D),M=P.ptm,O=P.cx;l(A.css.styles,P.isUnstyled,{name:"picklist"});var j=e.useRef(null),B=e.useRef(null),_=e.useRef(null),V=e.useRef(null),U=e.useRef(null),H=e.useRef(null),W=d.sourceSelection?d.sourceSelection:y,Y=d.targetSelection?d.targetSelection:b,$=d.onSourceFilterChange?d.sourceFilterValue:E,q=d.onTargetFilterChange?d.targetFilterValue:C,z=m.isNotEmpty(d.filterBy),G=z&&d.showSourceFilter,Q=z&&d.showTargetFilter,Z=function(e,t){if(e){var n=f.findSingle(e,'[data-pc-section="list"]');switch(t){case"up":te(n,-1);break;case"top":n.scrollTop=0;break;case"down":te(n,1);break;case"bottom":setTimeout((function(){return n.scrollTop=n.scrollHeight}),100)}}},ee=function(e,t,n){d.onChange&&d.onChange({originalEvent:e.originalEvent,source:t,target:n})},te=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=e.getElementsByClassName("p-highlight");m.isNotEmpty(n)&&f.scrollInView(e,-1===t?n[0]:n[n.length-1])},ne=function(e,t,n){"sourceSelection"===t?h(e.value):S(e.value),n&&n(e),m.isNotEmpty(W)&&"targetSelection"===t?h([]):m.isNotEmpty(Y)&&"sourceSelection"===t&&S([])},re=function(e){var t=e.originalEvent,n=e.value,r=K("source"===e.type?[k,d.onSourceFilterChange]:[N,d.onTargetFilterChange],2),o=r[0],l=r[1];l?l({originalEvent:t,value:n}):o(n)},oe=function(e,t){var n=K("source"===t?[$,le]:[q,ae],2),r=n[0],o=n[1];return z&&m.isNotEmpty(r)?o(r):e},le=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(d.filterLocale);return ie(d.source,e)},ae=function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").trim().toLocaleLowerCase(d.filterLocale);return ie(d.target,e)},ie=function(e,t){var n=z?d.filterBy.split(","):[];return r.filter(e,n,t,d.filterMatchMode,d.filterLocale)},ce=function(){if(!H.current){H.current=f.createInlineStyle(p&&p.nonce||t.nonce);var e="\n@media screen and (max-width: ".concat(d.breakpoint,") {\n    .p-picklist[").concat(L,"] {\n        flex-direction: column;\n    }\n\n    .p-picklist[").concat(L,"] .p-picklist-buttons {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-picklist[").concat(L,"] .p-picklist-buttons .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-picklist[").concat(L,"] .p-picklist-buttons .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");H.current.innerHTML=e}};e.useImperativeHandle(a,(function(){return{props:d,getElement:function(){return j.current}}})),i((function(){!L&&F(v())})),c((function(){return L&&(j.current.setAttribute(L,""),ce()),function(){H.current=f.removeInlineStyle(H.current)}}),[L,d.breakpoint]),c((function(){V.current&&(Z(V.current,U.current),V.current=null,U.current=null)}));var se=d.sourceItemTemplate?d.sourceItemTemplate:d.itemTemplate,ue=d.targetItemTemplate?d.targetItemTemplate:d.itemTemplate,me=oe(d.source,"source"),pe=oe(d.target,"target"),fe=u({id:d.id,ref:j,className:s(d.className,O("root")),style:d.style},A.getOtherProps(d),M("root"));return e.createElement("div",fe,d.showSourceControls&&e.createElement(R,{hostName:"PickList",list:d.source,selection:W,onReorder:function(e){ee(e,e.value,d.target),V.current=B.current.listElementRef.current,U.current=e.direction},className:"p-picklist-source-controls",dataKey:d.dataKey,moveUpIcon:d.moveUpIcon,moveTopIcon:d.moveTopIcon,moveDownIcon:d.moveDownIcon,moveBottomIcon:d.moveBottomIcon,ptm:M,cx:O,unstyled:d.unstyled,metaData:D}),e.createElement(J,{hostName:"PickList",ref:B,type:"source",list:me,selection:W,onSelectionChange:function(e){return ne(e,"sourceSelection",d.onSourceSelectionChange)},itemTemplate:se,header:d.sourceHeader,style:d.sourceStyle,className:"p-picklist-source-wrapper",listClassName:"p-picklist-source",metaKeySelection:d.metaKeySelection,tabIndex:d.tabIndex,dataKey:d.dataKey,filterValue:$,onFilter:re,showFilter:G,placeholder:d.sourceFilterPlaceholder,filterTemplate:d.sourceFilterTemplate,sourceFilterIcon:d.sourceFilterIcon,ptm:M,cx:O}),e.createElement(X,{hostName:"PickList",onTransfer:function(e){var t=e.originalEvent,n=e.source,r=e.target,o=[];switch(e.direction){case"toTarget":o=W,d.onMoveToTarget&&d.onMoveToTarget({originalEvent:t,value:o});break;case"allToTarget":o=d.source,d.onMoveAllToTarget&&d.onMoveAllToTarget({originalEvent:t,value:o}),o=[];break;case"toSource":o=Y,d.onMoveToSource&&d.onMoveToSource({originalEvent:t,value:o});break;case"allToSource":o=d.target,d.onMoveAllToSource&&d.onMoveAllToSource({originalEvent:t,value:o}),o=[]}ne({originalEvent:t,value:o},"sourceSelection",d.onSourceSelectionChange),ne({originalEvent:t,value:o},"targetSelection",d.onTargetSelectionChange),ee(e,n,r)},source:d.source,visibleSourceList:me,target:d.target,breakpoint:d.breakpoint,visibleTargetList:pe,sourceSelection:W,targetSelection:Y,dataKey:d.dataKey,moveToTargetIcon:d.moveToTargetIcon,moveAllToTargetIcon:d.moveAllToTargetIcon,moveToSourceIcon:d.moveToSourceIcon,moveAllToSourceIcon:d.moveAllToSourceIcon,ptm:M,cx:O,unstyled:d.unstyled,metaData:D}),e.createElement(J,{hostName:"PickList",ref:_,type:"target",list:pe,selection:Y,onSelectionChange:function(e){return ne(e,"targetSelection",d.onTargetSelectionChange)},itemTemplate:ue,header:d.targetHeader,style:d.targetStyle,className:"p-picklist-target-wrapper",listClassName:"p-picklist-target",metaKeySelection:d.metaKeySelection,tabIndex:d.tabIndex,dataKey:d.dataKey,filterValue:q,onFilter:re,showFilter:Q,placeholder:d.targetFilterPlaceholder,filterTemplate:d.targetFilterTemplate,targetFilterIcon:d.targetFilterIcon,ptm:M,cx:O}),d.showTargetControls&&e.createElement(R,{hostName:"PickList",list:d.target,selection:Y,onReorder:function(e){ee(e,d.source,e.value),V.current=_.current.listElementRef.current,U.current=e.direction},className:"p-picklist-target-controls",dataKey:d.dataKey,moveUpIcon:d.moveUpIcon,moveTopIcon:d.moveTopIcon,moveDownIcon:d.moveDownIcon,moveBottomIcon:d.moveBottomIcon,ptm:M,cx:O,unstyled:d.unstyled,metaData:D}))})));W.displayName="PickList";export{W as PickList};