primereact 10.6.2 → 10.6.4

package/inputotp/inputotp.esm.js

@@ -0,0 +1,340 @@
+'use client';
+import React, { useRef, useContext, useState } from 'react';
+import { PrimeReactContext, ariaLabel } from 'primereact/api';
+import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+import { useMergeProps } from 'primereact/hooks';
+import { InputText } from 'primereact/inputtext';
+import { ObjectUtils } 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 _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 _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+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 _nonIterableSpread() {
+  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 _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+
+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 _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();
+}
+
+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;
+}
+
+var classes = {
+  root: 'p-inputotp p-component',
+  input: 'p-inputotp-input'
+};
+var InputOtpBase = ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'InputOtp',
+    __parentMetadata: null,
+    className: null,
+    modelValue: false,
+    invalid: false,
+    disabled: false,
+    readOnly: false,
+    variant: null,
+    tabIndex: null,
+    length: 4,
+    mask: false,
+    integerOnly: false
+  },
+  css: {
+    classes: classes
+  }
+});
+
+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 InputOtp = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var _props$value, _props$value$split;
+  var elementRef = useRef(ref);
+  var mergeProps = useMergeProps();
+  var context = useContext(PrimeReactContext);
+  var props = InputOtpBase.getProps(inProps, context);
+  var _InputOtpBase$setMeta = InputOtpBase.setMetaData(_objectSpread(_objectSpread({
+      props: props
+    }, props.__parentMetadata), {}, {
+      context: {
+        disabled: props.disabled
+      }
+    })),
+    ptm = _InputOtpBase$setMeta.ptm,
+    cx = _InputOtpBase$setMeta.cx,
+    isUnstyled = _InputOtpBase$setMeta.isUnstyled;
+  useHandleStyle(InputOtpBase.css.styles, isUnstyled, {
+    name: 'inputotp'
+  });
+  var defaultValue = props.value ? (_props$value = props.value) === null || _props$value === void 0 || (_props$value = _props$value.toString()) === null || _props$value === void 0 || (_props$value$split = _props$value.split) === null || _props$value$split === void 0 ? void 0 : _props$value$split.call(_props$value, '') : new Array(props.length);
+  var _useState = useState(defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    tokens = _useState2[0],
+    setTokens = _useState2[1];
+  var findNextInput = function findNextInput(element) {
+    var nextInput = element.nextElementSibling;
+    if (!nextInput) return;
+    return nextInput.nodeName === 'INPUT' ? nextInput : findNextInput(nextInput);
+  };
+  var findPrevInput = function findPrevInput(element) {
+    var prevInput = element.previousElementSibling;
+    if (!prevInput) return;
+    return prevInput.nodeName === 'INPUT' ? prevInput : findPrevInput(prevInput);
+  };
+  var moveToNextInput = function moveToNextInput(event) {
+    var nextInput = findNextInput(event.target);
+    if (nextInput) {
+      nextInput.focus();
+      nextInput.select();
+    }
+  };
+  var moveToPrevInput = function moveToPrevInput(event) {
+    var prevInput = findPrevInput(event.target);
+    if (prevInput) {
+      prevInput.focus();
+      prevInput.select();
+    }
+  };
+  var onChange = function onChange(event, value) {
+    var _props$onChange;
+    props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, {
+      originalEvent: event,
+      value: value.join('')
+    });
+  };
+  var updateTokens = function updateTokens(event, index) {
+    var inputValue = event.target.value;
+    var newTokens = _toConsumableArray(tokens);
+    newTokens[index] = inputValue;
+    newTokens = newTokens.join('');
+    newTokens = newTokens ? newTokens.split('') : new Array(props.length);
+    setTokens(newTokens);
+    onChange(event, newTokens);
+  };
+  var _onInput = function onInput(event, index) {
+    updateTokens(event, index);
+    if (event.nativeEvent.inputType === 'deleteContentBackward') {
+      moveToPrevInput(event);
+    } else if (event.nativeEvent.inputType === 'insertText' || event.nativeEvent.inputType === 'deleteContentForward') {
+      moveToNextInput(event);
+    }
+  };
+  var onPaste = function onPaste(event) {
+    var paste = event.clipboardData.getData('text');
+    if (paste.length) {
+      var pastedCode = paste.substring(0, props.length + 1);
+      if (!props.integerOnly || !isNaN(pastedCode)) {
+        var newTokens = pastedCode.split('');
+        setTokens(newTokens);
+        onChange(event, newTokens);
+      }
+    }
+  };
+  var onFocus = function onFocus(event) {
+    var _props$focus;
+    event.target.select();
+    props === null || props === void 0 || (_props$focus = props.focus) === null || _props$focus === void 0 || _props$focus.call(props, event);
+  };
+  var onBlur = function onBlur(event) {
+    var _props$blur;
+    props === null || props === void 0 || (_props$blur = props.blur) === null || _props$blur === void 0 || _props$blur.call(props, event);
+  };
+  var onKeydown = function onKeydown(event) {
+    switch (event.code) {
+      case 'ArrowLeft':
+        {
+          moveToPrevInput(event);
+          event.preventDefault();
+          break;
+        }
+      case 'ArrowRight':
+        {
+          moveToNextInput(event);
+          event.preventDefault();
+          break;
+        }
+      case 'Backspace':
+        {
+          var _event$target;
+          if (((_event$target = event.target) === null || _event$target === void 0 || (_event$target = _event$target.value) === null || _event$target === void 0 ? void 0 : _event$target.length) === 0) {
+            moveToPrevInput(event);
+            event.preventDefault();
+          }
+          break;
+        }
+      case 'ArrowUp':
+      case 'ArrowDown':
+        {
+          event.preventDefault();
+          break;
+        }
+      default:
+        {
+          // Prevent non-numeric characters from being entered if integerOnly is true or if the length of the input is greater than the specified length
+          if (props !== null && props !== void 0 && props.integerOnly && !((event.code.startsWith('Digit') || event.code.startsWith('Numpad')) && Number(event.key) >= 0 && Number(event.key) <= 9) || tokens.join('').length >= props.length && event.code !== 'Delete') {
+            event.preventDefault();
+          }
+          break;
+        }
+    }
+  };
+  var createInputElements = function createInputElements(remainingInputs) {
+    if (remainingInputs <= 0) {
+      return [];
+    }
+    var inputElementIndex = props.length - remainingInputs;
+    var inputElementEvents = {
+      onInput: function onInput(event) {
+        return _onInput(event, inputElementIndex);
+      },
+      onKeyDown: onKeydown,
+      onFocus: onFocus,
+      onBlur: onBlur,
+      onPaste: onPaste
+    };
+    var inputElementProps = mergeProps({
+      id: inputElementIndex,
+      key: inputElementIndex,
+      value: tokens[inputElementIndex] || '',
+      inputMode: props !== null && props !== void 0 && props.integerOnly ? 'numeric' : 'text',
+      type: props !== null && props !== void 0 && props.mask ? 'password' : 'text',
+      variant: props === null || props === void 0 ? void 0 : props.variant,
+      readOnly: props === null || props === void 0 ? void 0 : props.readOnly,
+      disabled: props === null || props === void 0 ? void 0 : props.disabled,
+      invalid: props === null || props === void 0 ? void 0 : props.invalid,
+      tabIndex: props === null || props === void 0 ? void 0 : props.tabIndex,
+      unstyled: props === null || props === void 0 ? void 0 : props.unstyled,
+      'aria-label': ariaLabel('otpLabel', {
+        0: inputElementIndex + 1
+      }),
+      className: cx('input')
+    }, ptm('input'));
+    var inputElement = props !== null && props !== void 0 && props.inputTemplate ? ObjectUtils.getJSXElement(props === null || props === void 0 ? void 0 : props.inputTemplate, {
+      events: inputElementEvents,
+      props: inputElementProps
+    }) : /*#__PURE__*/React.createElement(InputText, _extends({}, inputElementProps, inputElementEvents));
+    var inputElements = [inputElement].concat(_toConsumableArray(createInputElements(remainingInputs - 1)));
+    return inputElements;
+  };
+  var rootElementProps = mergeProps({
+    className: cx('root'),
+    ref: elementRef,
+    style: props === null || props === void 0 ? void 0 : props.style
+  }, ptm('root'));
+  return /*#__PURE__*/React.createElement("div", rootElementProps, createInputElements(props.length));
+}));
+InputOtp.displayName = 'InputOtp';
+
+export { InputOtp };

package/inputotp/inputotp.esm.min.js

@@ -0,0 +1 @@
+import t,{useRef as e,useContext as n,useState as r}from"react";import{PrimeReactContext as o,ariaLabel as l}from"primereact/api";import{ComponentBase as a,useHandleStyle as i}from"primereact/componentbase";import{useMergeProps as u}from"primereact/hooks";import{InputText as c}from"primereact/inputtext";import{ObjectUtils as p}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},s.apply(this,arguments)}function f(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function v(t){if(Array.isArray(t))return f(t)}function d(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function y(t,e){if(t){if("string"==typeof t)return f(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(t,e):void 0}}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 b(t){return v(t)||d(t)||y(t)||m()}function g(t){if(Array.isArray(t))return t}function h(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,l,a,i=[],u=!0,c=!1;try{if(l=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(i.push(r.value),i.length!==e);u=!0);}catch(t){c=!0,o=t}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return i}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(t){return w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},w(t)}function j(t,e){if("object"!==w(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function S(t){var e=j(t,"string");return"symbol"===w(e)?e:String(e)}var P=a.extend({defaultProps:{__TYPE:"InputOtp",__parentMetadata:null,className:null,modelValue:!1,invalid:!1,disabled:!1,readOnly:!1,variant:null,tabIndex:null,length:4,mask:!1,integerOnly:!1},css:{classes:{root:"p-inputotp p-component",input:"p-inputotp-input"}}});function D(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function A(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?D(Object(n),!0).forEach((function(e){var r,o,l;r=t,l=n[e],(o=S(o=e))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var E=t.memo(t.forwardRef((function(a,f){var v,d,m=e(f),w=u(),j=n(o),S=P.getProps(a,j),D=P.setMetaData(A(A({props:S},S.__parentMetadata),{},{context:{disabled:S.disabled}})),E=D.ptm,x=D.cx;i(P.css.styles,D.isUnstyled,{name:"inputotp"});var N,k,I=S.value?null===(v=S.value)||void 0===v||null===(v=v.toString())||void 0===v||null===(d=v.split)||void 0===d?void 0:d.call(v,""):new Array(S.length),T=r(I),_=(k=2,g(N=T)||h(N,k)||y(N,k)||O()),M=_[0],U=_[1],C=function t(e){var n=e.nextElementSibling;if(n)return"INPUT"===n.nodeName?n:t(n)},B=function t(e){var n=e.previousElementSibling;if(n)return"INPUT"===n.nodeName?n:t(n)},F=function(t){var e=C(t.target);e&&(e.focus(),e.select())},L=function(t){var e=B(t.target);e&&(e.focus(),e.select())},R=function(t,e){var n;null==S||null===(n=S.onChange)||void 0===n||n.call(S,{originalEvent:t,value:e.join("")})},W=function(t,e){var n=t.target.value,r=b(M);r[e]=n,r=(r=r.join(""))?r.split(""):new Array(S.length),U(r),R(t,r)},J=function(t,e){W(t,e),"deleteContentBackward"===t.nativeEvent.inputType?L(t):"insertText"!==t.nativeEvent.inputType&&"deleteContentForward"!==t.nativeEvent.inputType||F(t)},K=function(t){var e=t.clipboardData.getData("text");if(e.length){var n=e.substring(0,S.length+1);if(!S.integerOnly||!isNaN(n)){var r=n.split("");U(r),R(t,r)}}},V=function(t){var e;t.target.select(),null==S||null===(e=S.focus)||void 0===e||e.call(S,t)},X=function(t){var e;null==S||null===(e=S.blur)||void 0===e||e.call(S,t)},Y=function(t){switch(t.code){case"ArrowLeft":L(t),t.preventDefault();break;case"ArrowRight":F(t),t.preventDefault();break;case"Backspace":var e;0===(null===(e=t.target)||void 0===e||null===(e=e.value)||void 0===e?void 0:e.length)&&(L(t),t.preventDefault());break;case"ArrowUp":case"ArrowDown":t.preventDefault();break;default:(null!=S&&S.integerOnly&&!((t.code.startsWith("Digit")||t.code.startsWith("Numpad"))&&Number(t.key)>=0&&Number(t.key)<=9)||M.join("").length>=S.length&&"Delete"!==t.code)&&t.preventDefault()}},$=w({className:x("root"),ref:m,style:null==S?void 0:S.style},E("root"));return t.createElement("div",$,function e(n){if(n<=0)return[];var r=S.length-n,o={onInput:function(t){return J(t,r)},onKeyDown:Y,onFocus:V,onBlur:X,onPaste:K},a=w({id:r,key:r,value:M[r]||"",inputMode:null!=S&&S.integerOnly?"numeric":"text",type:null!=S&&S.mask?"password":"text",variant:null==S?void 0:S.variant,readOnly:null==S?void 0:S.readOnly,disabled:null==S?void 0:S.disabled,invalid:null==S?void 0:S.invalid,tabIndex:null==S?void 0:S.tabIndex,unstyled:null==S?void 0:S.unstyled,"aria-label":l("otpLabel",{0:r+1}),className:x("input")},E("input"));return[null!=S&&S.inputTemplate?p.getJSXElement(null==S?void 0:S.inputTemplate,{events:o,props:a}):t.createElement(c,s({},a,o))].concat(b(e(n-1)))}(S.length))})));E.displayName="InputOtp";export{E as InputOtp};