primereact 10.6.2 → 10.6.3

package/inputotp/inputotp.js

@@ -0,0 +1,346 @@
+this.primereact = this.primereact || {};
+this.primereact.inputotp = (function (exports, React, hooks, api, componentbase, InputText, utils) {
+  'use strict';
+
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+  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 _readOnlyError(name) {
+    throw new TypeError("\"" + name + "\" is read-only");
+  }
+
+  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.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__default["default"].memo( /*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
+    var _props$value, _props$value$split;
+    var elementRef = React.useRef(ref);
+    var mergeProps = hooks.useMergeProps();
+    var context = React.useContext(api.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;
+    componentbase.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 = React.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.join(''), _readOnlyError("newTokens");
+      newTokens ? newTokens.split('') : new Array(props.length), _readOnlyError("newTokens");
+      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,
+        className: cx('input')
+      }, ptm('input'));
+      var inputElement = props !== null && props !== void 0 && props.inputTemplate ? utils.ObjectUtils.getJSXElement(props === null || props === void 0 ? void 0 : props.inputTemplate, {
+        events: inputElementEvents,
+        props: inputElementProps
+      }) : /*#__PURE__*/React__default["default"].createElement(InputText.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__default["default"].createElement("div", rootElementProps, createInputElements(props.length));
+  }));
+
+  exports.InputOtp = InputOtp;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+  return exports;
+
+})({}, React, primereact.hooks, primereact.api, primereact.componentbase, InputText, primereact.utils);

package/inputotp/inputotp.min.js

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

package/inputotp/package.json

@@ -0,0 +1,7 @@
+{
+    "main": "./inputotp.cjs.js",
+    "module": "./inputotp.esm.js",
+    "unpkg": "./inputotp.min.js",
+    "types": "./InputOtp.d.ts",
+    "sideEffects": false
+}

package/inputtext/inputtext.cjs.js

@@ -90,12 +90,14 @@ function _defineProperty(obj, key, value) {
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,
-      isFilled = _ref.isFilled;
+      isFilled = _ref.isFilled,
+      context = _ref.context;
     return utils.classNames('p-inputtext p-component', {
       'p-disabled': props.disabled,
       'p-filled': isFilled,
-      'p-invalid': props.invalid
-    }, props.className);
+      'p-invalid': props.invalid,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+    });
   }
 };
 var InputTextBase = componentbase.ComponentBase.extend({
@@ -105,6 +107,7 @@ var InputTextBase = componentbase.ComponentBase.extend({
     children: undefined,
     className: null,
     invalid: false,
+    variant: null,
     keyfilter: null,
     onBeforeInput: null,
     onInput: null,
@@ -177,9 +180,10 @@ var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   }, [props.value, props.defaultValue]);
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var rootProps = mergeProps({
-    className: cx('root', {
+    className: utils.classNames(props.className, cx('root', {
+      context: context,
       isFilled: isFilled
-    }),
+    })),
     onBeforeInput: onBeforeInput,
     onInput: onInput,
     onKeyDown: onKeyDown,

package/inputtext/inputtext.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/keyfilter"),i=require("primereact/tooltip"),l=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function c(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=c(e,"string");return"symbol"===p(t)?t:String(t)}var y=r.ComponentBase.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,children:void 0,className:null,invalid:!1,keyfilter:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1},css:{classes:{root:function(e){var t=e.props;return l.classNames("p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-invalid":t.invalid},t.className)}}}});function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=f(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=u.memo(u.forwardRef((function(e,a){var p=n.useMergeProps(),c=u.useContext(t.PrimeReactContext),f=y.getProps(e,c),b=y.setMetaData(d(d({props:f},f.__parentMetadata),{},{context:{disabled:f.disabled}})),m=b.ptm,v=b.cx;r.useHandleStyle(y.css.styles,b.isUnstyled,{name:"inputtext",styled:!0});var O=u.useRef(a);u.useEffect((function(){l.ObjectUtils.combinedRefs(O,a)}),[O,a]);var j=u.useMemo((function(){return l.ObjectUtils.isNotEmpty(f.value)||l.ObjectUtils.isNotEmpty(f.defaultValue)}),[f.value,f.defaultValue]),P=l.ObjectUtils.isNotEmpty(f.tooltip),g=p({className:v("root",{isFilled:j}),onBeforeInput:function(e){f.onBeforeInput&&f.onBeforeInput(e),f.keyfilter&&o.KeyFilter.onBeforeInput(e,f.keyfilter,f.validateOnly)},onInput:function(e){var t=e.target,r=!0;f.keyfilter&&f.validateOnly&&(r=o.KeyFilter.validate(e,f.keyfilter)),f.onInput&&f.onInput(e,r),l.ObjectUtils.isNotEmpty(t.value)?l.DomHandler.addClass(t,"p-filled"):l.DomHandler.removeClass(t,"p-filled")},onKeyDown:function(e){f.onKeyDown&&f.onKeyDown(e),f.keyfilter&&o.KeyFilter.onKeyPress(e,f.keyfilter,f.validateOnly)},onPaste:function(e){f.onPaste&&f.onPaste(e),f.keyfilter&&o.KeyFilter.onPaste(e,f.keyfilter,f.validateOnly)}},y.getOtherProps(f),m("root"));return u.createElement(u.Fragment,null,u.createElement("input",s({ref:O},g)),P&&u.createElement(i.Tooltip,s({target:O,content:f.tooltip,pt:m("tooltip")},f.tooltipOptions)))})));m.displayName="InputText",exports.InputText=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/keyfilter"),i=require("primereact/tooltip"),l=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function c(e){return c="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},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===c(t)?t:String(t)}var y=r.ComponentBase.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,children:void 0,className:null,invalid:!1,variant:null,keyfilter:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1},css:{classes:{root:function(e){var t=e.props,r=e.context;return l.classNames("p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:r&&"filled"===r.inputStyle})}}}});function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=f(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=u.memo(u.forwardRef((function(e,a){var c=n.useMergeProps(),p=u.useContext(t.PrimeReactContext),f=y.getProps(e,p),d=y.setMetaData(b(b({props:f},f.__parentMetadata),{},{context:{disabled:f.disabled}})),m=d.ptm,v=d.cx;r.useHandleStyle(y.css.styles,d.isUnstyled,{name:"inputtext",styled:!0});var O=u.useRef(a);u.useEffect((function(){l.ObjectUtils.combinedRefs(O,a)}),[O,a]);var j=u.useMemo((function(){return l.ObjectUtils.isNotEmpty(f.value)||l.ObjectUtils.isNotEmpty(f.defaultValue)}),[f.value,f.defaultValue]),P=l.ObjectUtils.isNotEmpty(f.tooltip),g=c({className:l.classNames(f.className,v("root",{context:p,isFilled:j})),onBeforeInput:function(e){f.onBeforeInput&&f.onBeforeInput(e),f.keyfilter&&o.KeyFilter.onBeforeInput(e,f.keyfilter,f.validateOnly)},onInput:function(e){var t=e.target,r=!0;f.keyfilter&&f.validateOnly&&(r=o.KeyFilter.validate(e,f.keyfilter)),f.onInput&&f.onInput(e,r),l.ObjectUtils.isNotEmpty(t.value)?l.DomHandler.addClass(t,"p-filled"):l.DomHandler.removeClass(t,"p-filled")},onKeyDown:function(e){f.onKeyDown&&f.onKeyDown(e),f.keyfilter&&o.KeyFilter.onKeyPress(e,f.keyfilter,f.validateOnly)},onPaste:function(e){f.onPaste&&f.onPaste(e),f.keyfilter&&o.KeyFilter.onPaste(e,f.keyfilter,f.validateOnly)}},y.getOtherProps(f),m("root"));return u.createElement(u.Fragment,null,u.createElement("input",s({ref:O},g)),P&&u.createElement(i.Tooltip,s({target:O,content:f.tooltip,pt:m("tooltip")},f.tooltipOptions)))})));m.displayName="InputText",exports.InputText=m;

package/inputtext/inputtext.d.ts

@@ -80,6 +80,11 @@ export interface InputTextProps extends Omit<React.DetailedHTMLProps<React.Input
      * @defaultValue false
      */
     invalid?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
     /**
      * Content of the tooltip.
      */

package/inputtext/inputtext.esm.js

@@ -66,12 +66,14 @@ function _defineProperty(obj, key, value) {
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,
-      isFilled = _ref.isFilled;
+      isFilled = _ref.isFilled,
+      context = _ref.context;
     return classNames('p-inputtext p-component', {
       'p-disabled': props.disabled,
       'p-filled': isFilled,
-      'p-invalid': props.invalid
-    }, props.className);
+      'p-invalid': props.invalid,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+    });
   }
 };
 var InputTextBase = ComponentBase.extend({
@@ -81,6 +83,7 @@ var InputTextBase = ComponentBase.extend({
     children: undefined,
     className: null,
     invalid: false,
+    variant: null,
     keyfilter: null,
     onBeforeInput: null,
     onInput: null,
@@ -153,9 +156,10 @@ var InputText = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   }, [props.value, props.defaultValue]);
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var rootProps = mergeProps({
-    className: cx('root', {
+    className: classNames(props.className, cx('root', {
+      context: context,
       isFilled: isFilled
-    }),
+    })),
     onBeforeInput: onBeforeInput,
     onInput: onInput,
     onKeyDown: onKeyDown,

package/inputtext/inputtext.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{KeyFilter as i}from"primereact/keyfilter";import{Tooltip as l}from"primereact/tooltip";import{classNames as a,ObjectUtils as p,DomHandler as u}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(this,arguments)}function f(t){return f="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},f(t)}function c(t,e){if("object"!==f(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function m(t){var e=c(t,"string");return"symbol"===f(e)?e:String(e)}var y=r.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,children:void 0,className:null,invalid:!1,keyfilter:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1},css:{classes:{root:function(t){var e=t.props;return a("p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":t.isFilled,"p-invalid":e.invalid},e.className)}}}});function d(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function b(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?d(Object(r),!0).forEach((function(e){var n,o,i;n=t,i=r[e],(o=m(o=e))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var v=t.memo(t.forwardRef((function(r,a){var f=o(),c=t.useContext(e),m=y.getProps(r,c),d=y.setMetaData(b(b({props:m},m.__parentMetadata),{},{context:{disabled:m.disabled}})),v=d.ptm,O=d.cx;n(y.css.styles,d.isUnstyled,{name:"inputtext",styled:!0});var P=t.useRef(a);t.useEffect((function(){p.combinedRefs(P,a)}),[P,a]);var g=t.useMemo((function(){return p.isNotEmpty(m.value)||p.isNotEmpty(m.defaultValue)}),[m.value,m.defaultValue]),j=p.isNotEmpty(m.tooltip),w=f({className:O("root",{isFilled:g}),onBeforeInput:function(t){m.onBeforeInput&&m.onBeforeInput(t),m.keyfilter&&i.onBeforeInput(t,m.keyfilter,m.validateOnly)},onInput:function(t){var e=t.target,r=!0;m.keyfilter&&m.validateOnly&&(r=i.validate(t,m.keyfilter)),m.onInput&&m.onInput(t,r),p.isNotEmpty(e.value)?u.addClass(e,"p-filled"):u.removeClass(e,"p-filled")},onKeyDown:function(t){m.onKeyDown&&m.onKeyDown(t),m.keyfilter&&i.onKeyPress(t,m.keyfilter,m.validateOnly)},onPaste:function(t){m.onPaste&&m.onPaste(t),m.keyfilter&&i.onPaste(t,m.keyfilter,m.validateOnly)}},y.getOtherProps(m),v("root"));return t.createElement(t.Fragment,null,t.createElement("input",s({ref:P},w)),j&&t.createElement(l,s({target:P,content:m.tooltip,pt:v("tooltip")},m.tooltipOptions)))})));v.displayName="InputText";export{v as InputText};
+import*as t from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{KeyFilter as i}from"primereact/keyfilter";import{Tooltip as l}from"primereact/tooltip";import{classNames as a,ObjectUtils as p,DomHandler as u}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(this,arguments)}function f(t){return f="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},f(t)}function c(t,e){if("object"!==f(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function y(t){var e=c(t,"string");return"symbol"===f(e)?e:String(e)}var m=r.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,children:void 0,className:null,invalid:!1,variant:null,keyfilter:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1},css:{classes:{root:function(t){var e=t.props,r=t.context;return a("p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":t.isFilled,"p-invalid":e.invalid,"p-variant-filled":e.variant?"filled"===e.variant:r&&"filled"===r.inputStyle})}}}});function d(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function v(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?d(Object(r),!0).forEach((function(e){var n,o,i;n=t,i=r[e],(o=y(o=e))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var b=t.memo(t.forwardRef((function(r,f){var c=o(),y=t.useContext(e),d=m.getProps(r,y),b=m.setMetaData(v(v({props:d},d.__parentMetadata),{},{context:{disabled:d.disabled}})),O=b.ptm,P=b.cx;n(m.css.styles,b.isUnstyled,{name:"inputtext",styled:!0});var g=t.useRef(f);t.useEffect((function(){p.combinedRefs(g,f)}),[g,f]);var j=t.useMemo((function(){return p.isNotEmpty(d.value)||p.isNotEmpty(d.defaultValue)}),[d.value,d.defaultValue]),w=p.isNotEmpty(d.tooltip),k=c({className:a(d.className,P("root",{context:y,isFilled:j})),onBeforeInput:function(t){d.onBeforeInput&&d.onBeforeInput(t),d.keyfilter&&i.onBeforeInput(t,d.keyfilter,d.validateOnly)},onInput:function(t){var e=t.target,r=!0;d.keyfilter&&d.validateOnly&&(r=i.validate(t,d.keyfilter)),d.onInput&&d.onInput(t,r),p.isNotEmpty(e.value)?u.addClass(e,"p-filled"):u.removeClass(e,"p-filled")},onKeyDown:function(t){d.onKeyDown&&d.onKeyDown(t),d.keyfilter&&i.onKeyPress(t,d.keyfilter,d.validateOnly)},onPaste:function(t){d.onPaste&&d.onPaste(t),d.keyfilter&&i.onPaste(t,d.keyfilter,d.validateOnly)}},m.getOtherProps(d),O("root"));return t.createElement(t.Fragment,null,t.createElement("input",s({ref:g},k)),w&&t.createElement(l,s({target:g,content:d.tooltip,pt:O("tooltip")},d.tooltipOptions)))})));b.displayName="InputText";export{b as InputText};

package/inputtext/inputtext.js

@@ -81,12 +81,14 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
   var classes = {
     root: function root(_ref) {
       var props = _ref.props,
-        isFilled = _ref.isFilled;
+        isFilled = _ref.isFilled,
+        context = _ref.context;
       return utils.classNames('p-inputtext p-component', {
         'p-disabled': props.disabled,
         'p-filled': isFilled,
-        'p-invalid': props.invalid
-      }, props.className);
+        'p-invalid': props.invalid,
+        'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+      });
     }
   };
   var InputTextBase = componentbase.ComponentBase.extend({
@@ -96,6 +98,7 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
       children: undefined,
       className: null,
       invalid: false,
+      variant: null,
       keyfilter: null,
       onBeforeInput: null,
       onInput: null,
@@ -168,9 +171,10 @@ this.primereact.inputtext = (function (exports, React, api, componentbase, hooks
     }, [props.value, props.defaultValue]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var rootProps = mergeProps({
-      className: cx('root', {
+      className: utils.classNames(props.className, cx('root', {
+        context: context,
         isFilled: isFilled
-      }),
+      })),
       onBeforeInput: onBeforeInput,
       onInput: onInput,
       onKeyDown: onKeyDown,

package/inputtext/inputtext.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.inputtext=function(e,t,r,n,o,i,l,a){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=u(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}var m=n.ComponentBase.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,children:void 0,className:null,invalid:!1,keyfilter:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-invalid":t.invalid},t.className)}}}});function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=y(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v=s.memo(s.forwardRef((function(e,t){var u=o.useMergeProps(),p=s.useContext(r.PrimeReactContext),f=m.getProps(e,p),y=m.setMetaData(d(d({props:f},f.__parentMetadata),{},{context:{disabled:f.disabled}})),b=y.ptm,v=y.cx;n.useHandleStyle(m.css.styles,y.isUnstyled,{name:"inputtext",styled:!0});var O=s.useRef(t);s.useEffect((function(){a.ObjectUtils.combinedRefs(O,t)}),[O,t]);var j=s.useMemo((function(){return a.ObjectUtils.isNotEmpty(f.value)||a.ObjectUtils.isNotEmpty(f.defaultValue)}),[f.value,f.defaultValue]),P=a.ObjectUtils.isNotEmpty(f.tooltip),g=u({className:v("root",{isFilled:j}),onBeforeInput:function(e){f.onBeforeInput&&f.onBeforeInput(e),f.keyfilter&&i.KeyFilter.onBeforeInput(e,f.keyfilter,f.validateOnly)},onInput:function(e){var t=e.target,r=!0;f.keyfilter&&f.validateOnly&&(r=i.KeyFilter.validate(e,f.keyfilter)),f.onInput&&f.onInput(e,r),a.ObjectUtils.isNotEmpty(t.value)?a.DomHandler.addClass(t,"p-filled"):a.DomHandler.removeClass(t,"p-filled")},onKeyDown:function(e){f.onKeyDown&&f.onKeyDown(e),f.keyfilter&&i.KeyFilter.onKeyPress(e,f.keyfilter,f.validateOnly)},onPaste:function(e){f.onPaste&&f.onPaste(e),f.keyfilter&&i.KeyFilter.onPaste(e,f.keyfilter,f.validateOnly)}},m.getOtherProps(f),b("root"));return s.createElement(s.Fragment,null,s.createElement("input",c({ref:O},g)),P&&s.createElement(l.Tooltip,c({target:O,content:f.tooltip,pt:b("tooltip")},f.tooltipOptions)))})));return v.displayName="InputText",e.InputText=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.inputtext=function(e,t,r,n,o,i,l,a){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=u(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}var d=n.ComponentBase.extend({defaultProps:{__TYPE:"InputText",__parentMetadata:null,children:void 0,className:null,invalid:!1,variant:null,keyfilter:null,onBeforeInput:null,onInput:null,onKeyDown:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1},css:{classes:{root:function(e){var t=e.props,r=e.context;return a.classNames("p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:r&&"filled"===r.inputStyle})}}}});function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=y(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v=s.memo(s.forwardRef((function(e,t){var u=o.useMergeProps(),p=s.useContext(r.PrimeReactContext),f=d.getProps(e,p),y=d.setMetaData(b(b({props:f},f.__parentMetadata),{},{context:{disabled:f.disabled}})),m=y.ptm,v=y.cx;n.useHandleStyle(d.css.styles,y.isUnstyled,{name:"inputtext",styled:!0});var O=s.useRef(t);s.useEffect((function(){a.ObjectUtils.combinedRefs(O,t)}),[O,t]);var j=s.useMemo((function(){return a.ObjectUtils.isNotEmpty(f.value)||a.ObjectUtils.isNotEmpty(f.defaultValue)}),[f.value,f.defaultValue]),P=a.ObjectUtils.isNotEmpty(f.tooltip),g=u({className:a.classNames(f.className,v("root",{context:p,isFilled:j})),onBeforeInput:function(e){f.onBeforeInput&&f.onBeforeInput(e),f.keyfilter&&i.KeyFilter.onBeforeInput(e,f.keyfilter,f.validateOnly)},onInput:function(e){var t=e.target,r=!0;f.keyfilter&&f.validateOnly&&(r=i.KeyFilter.validate(e,f.keyfilter)),f.onInput&&f.onInput(e,r),a.ObjectUtils.isNotEmpty(t.value)?a.DomHandler.addClass(t,"p-filled"):a.DomHandler.removeClass(t,"p-filled")},onKeyDown:function(e){f.onKeyDown&&f.onKeyDown(e),f.keyfilter&&i.KeyFilter.onKeyPress(e,f.keyfilter,f.validateOnly)},onPaste:function(e){f.onPaste&&f.onPaste(e),f.keyfilter&&i.KeyFilter.onPaste(e,f.keyfilter,f.validateOnly)}},d.getOtherProps(f),m("root"));return s.createElement(s.Fragment,null,s.createElement("input",c({ref:O},g)),P&&s.createElement(l.Tooltip,c({target:O,content:f.tooltip,pt:m("tooltip")},f.tooltipOptions)))})));return v.displayName="InputText",e.InputText=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils);

package/inputtextarea/inputtextarea.cjs.js

@@ -90,13 +90,15 @@ function _defineProperty(obj, key, value) {
 var classes = {
   root: function root(_ref) {
     var props = _ref.props,
+      context = _ref.context,
       isFilled = _ref.isFilled;
     return utils.classNames('p-inputtextarea p-inputtext p-component', {
       'p-disabled': props.disabled,
       'p-filled': isFilled,
       'p-inputtextarea-resizable': props.autoResize,
-      'p-invalid': props.invalid
-    }, props.className);
+      'p-invalid': props.invalid,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
+    });
   }
 };
 var styles = "\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n";
@@ -106,6 +108,7 @@ var InputTextareaBase = componentbase.ComponentBase.extend({
     __parentMetadata: null,
     autoResize: false,
     invalid: false,
+    variant: null,
     keyfilter: null,
     onBlur: null,
     onFocus: null,
@@ -224,9 +227,10 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var rootProps = mergeProps({
     ref: elementRef,
-    className: cx('root', {
+    className: utils.classNames(props.className, cx('root', {
+      context: context,
       isFilled: isFilled
-    }),
+    })),
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyUp: onKeyUp,

package/inputtextarea/inputtextarea.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/keyfilter"),i=require("primereact/tooltip"),l=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function c(e){return c="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},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===c(t)?t:String(t)}var y=r.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},css:{classes:{root:function(e){var t=e.props;return l.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=f(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=u.memo(u.forwardRef((function(e,a){var c=n.useMergeProps(),p=u.useContext(t.PrimeReactContext),f=y.getProps(e,p),d=u.useRef(a),m=u.useRef(0),v=y.setMetaData(b(b({props:f},f.__parentMetadata),{},{context:{disabled:f.disabled}})),O=v.ptm,g=v.cx;r.useHandleStyle(y.css.styles,v.isUnstyled,{name:"inputtextarea"});var h=function(e){var t=d.current;t&&l.DomHandler.isVisible(t)&&(m.current||(m.current=t.scrollHeight,t.style.overflow="hidden"),(m.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",m.current=t.scrollHeight))};u.useEffect((function(){l.ObjectUtils.combinedRefs(d,a)}),[d,a]),u.useEffect((function(){f.autoResize&&h(!0)}),[f.autoResize]);var j=u.useMemo((function(){return l.ObjectUtils.isNotEmpty(f.value)||l.ObjectUtils.isNotEmpty(f.defaultValue)}),[f.value,f.defaultValue]),P=l.ObjectUtils.isNotEmpty(f.tooltip),w=c({ref:d,className:g("root",{isFilled:j}),onFocus:function(e){f.autoResize&&h(),f.onFocus&&f.onFocus(e)},onBlur:function(e){f.autoResize&&h(),f.onBlur&&f.onBlur(e)},onKeyUp:function(e){f.autoResize&&h(),f.onKeyUp&&f.onKeyUp(e)},onKeyDown:function(e){f.onKeyDown&&f.onKeyDown(e),f.keyfilter&&o.KeyFilter.onKeyPress(e,f.keyfilter,f.validateOnly)},onBeforeInput:function(e){f.onBeforeInput&&f.onBeforeInput(e),f.keyfilter&&o.KeyFilter.onBeforeInput(e,f.keyfilter,f.validateOnly)},onInput:function(e){var t=e.target;f.autoResize&&h(l.ObjectUtils.isEmpty(t.value)),f.onInput&&f.onInput(e),l.ObjectUtils.isNotEmpty(t.value)?l.DomHandler.addClass(t,"p-filled"):l.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){f.onPaste&&f.onPaste(e),f.keyfilter&&o.KeyFilter.onPaste(e,f.keyfilter,f.validateOnly)}},y.getOtherProps(f),O("root"));return u.createElement(u.Fragment,null,u.createElement("textarea",w),P&&u.createElement(i.Tooltip,s({target:d,content:f.tooltip,pt:O("tooltip")},f.tooltipOptions)))})));m.displayName="InputTextarea",exports.InputTextarea=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/keyfilter"),i=require("primereact/tooltip"),l=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function c(e){return c="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},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===c(t)?t:String(t)}var y=r.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,variant:null,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},css:{classes:{root:function(e){var t=e.props,r=e.context;return l.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid,"p-variant-filled":t.variant?"filled"===t.variant:r&&"filled"===r.inputStyle})}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=f(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=u.memo(u.forwardRef((function(e,a){var c=n.useMergeProps(),p=u.useContext(t.PrimeReactContext),f=y.getProps(e,p),d=u.useRef(a),m=u.useRef(0),v=y.setMetaData(b(b({props:f},f.__parentMetadata),{},{context:{disabled:f.disabled}})),O=v.ptm,g=v.cx;r.useHandleStyle(y.css.styles,v.isUnstyled,{name:"inputtextarea"});var h=function(e){var t=d.current;t&&l.DomHandler.isVisible(t)&&(m.current||(m.current=t.scrollHeight,t.style.overflow="hidden"),(m.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",m.current=t.scrollHeight))};u.useEffect((function(){l.ObjectUtils.combinedRefs(d,a)}),[d,a]),u.useEffect((function(){f.autoResize&&h(!0)}),[f.autoResize]);var j=u.useMemo((function(){return l.ObjectUtils.isNotEmpty(f.value)||l.ObjectUtils.isNotEmpty(f.defaultValue)}),[f.value,f.defaultValue]),P=l.ObjectUtils.isNotEmpty(f.tooltip),x=c({ref:d,className:l.classNames(f.className,g("root",{context:p,isFilled:j})),onFocus:function(e){f.autoResize&&h(),f.onFocus&&f.onFocus(e)},onBlur:function(e){f.autoResize&&h(),f.onBlur&&f.onBlur(e)},onKeyUp:function(e){f.autoResize&&h(),f.onKeyUp&&f.onKeyUp(e)},onKeyDown:function(e){f.onKeyDown&&f.onKeyDown(e),f.keyfilter&&o.KeyFilter.onKeyPress(e,f.keyfilter,f.validateOnly)},onBeforeInput:function(e){f.onBeforeInput&&f.onBeforeInput(e),f.keyfilter&&o.KeyFilter.onBeforeInput(e,f.keyfilter,f.validateOnly)},onInput:function(e){var t=e.target;f.autoResize&&h(l.ObjectUtils.isEmpty(t.value)),f.onInput&&f.onInput(e),l.ObjectUtils.isNotEmpty(t.value)?l.DomHandler.addClass(t,"p-filled"):l.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){f.onPaste&&f.onPaste(e),f.keyfilter&&o.KeyFilter.onPaste(e,f.keyfilter,f.validateOnly)}},y.getOtherProps(f),O("root"));return u.createElement(u.Fragment,null,u.createElement("textarea",x),P&&u.createElement(i.Tooltip,s({target:d,content:f.tooltip,pt:O("tooltip")},f.tooltipOptions)))})));m.displayName="InputTextarea",exports.InputTextarea=m;

package/inputtextarea/inputtextarea.d.ts

@@ -72,6 +72,11 @@ export interface InputTextareaProps extends Omit<React.DetailedHTMLProps<React.T
      * @defaultValue false
      */
     invalid?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
     /**
      * Format definition of the keys to block.
      */