hplx-react-elements-dev 1.0.53 → 1.0.54

package/dist/esm/index.js

@@ -78,15 +78,15 @@ var objectPropertyIsEnumerable = {};
 
 var $propertyIsEnumerable = {}.propertyIsEnumerable;
 // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
-var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
+var getOwnPropertyDescriptor$2 = Object.getOwnPropertyDescriptor;
 
 // Nashorn ~ JDK8 bug
-var NASHORN_BUG = getOwnPropertyDescriptor$1 && !$propertyIsEnumerable.call({ 1: 2 }, 1);
+var NASHORN_BUG = getOwnPropertyDescriptor$2 && !$propertyIsEnumerable.call({ 1: 2 }, 1);
 
 // `Object.prototype.propertyIsEnumerable` method implementation
 // https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
 objectPropertyIsEnumerable.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
-  var descriptor = getOwnPropertyDescriptor$1(this, V);
+  var descriptor = getOwnPropertyDescriptor$2(this, V);
   return !!descriptor && descriptor.enumerable;
 } : $propertyIsEnumerable;
 
@@ -104,31 +104,31 @@ var NATIVE_BIND$1 = functionBindNative;
 var FunctionPrototype$2 = Function.prototype;
 var bind = FunctionPrototype$2.bind;
 var call$9 = FunctionPrototype$2.call;
-var uncurryThis$j = NATIVE_BIND$1 && bind.bind(call$9, call$9);
+var uncurryThis$k = NATIVE_BIND$1 && bind.bind(call$9, call$9);
 
 var functionUncurryThis = NATIVE_BIND$1 ? function (fn) {
-  return fn && uncurryThis$j(fn);
+  return fn && uncurryThis$k(fn);
 } : function (fn) {
   return fn && function () {
     return call$9.apply(fn, arguments);
   };
 };
 
-var uncurryThis$i = functionUncurryThis;
+var uncurryThis$j = functionUncurryThis;
 
-var toString$8 = uncurryThis$i({}.toString);
-var stringSlice$4 = uncurryThis$i(''.slice);
+var toString$9 = uncurryThis$j({}.toString);
+var stringSlice$4 = uncurryThis$j(''.slice);
 
 var classofRaw$1 = function (it) {
-  return stringSlice$4(toString$8(it), 8, -1);
+  return stringSlice$4(toString$9(it), 8, -1);
 };
 
-var uncurryThis$h = functionUncurryThis;
+var uncurryThis$i = functionUncurryThis;
 var fails$f = fails$i;
 var classof$6 = classofRaw$1;
 
 var $Object$3 = Object;
-var split = uncurryThis$h(''.split);
+var split = uncurryThis$i(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
 var indexedObject = fails$f(function () {
@@ -143,17 +143,17 @@ var $TypeError$8 = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$6 = function (it) {
+var requireObjectCoercible$7 = function (it) {
   if (it == undefined) throw $TypeError$8("Can't call method on " + it);
   return it;
 };
 
 // toObject with fallback for non-array-like ES3 strings
 var IndexedObject = indexedObject;
-var requireObjectCoercible$5 = requireObjectCoercible$6;
+var requireObjectCoercible$6 = requireObjectCoercible$7;
 
 var toIndexedObject$4 = function (it) {
-  return IndexedObject(requireObjectCoercible$5(it));
+  return IndexedObject(requireObjectCoercible$6(it));
 };
 
 // `IsCallable` abstract operation
@@ -179,9 +179,9 @@ var getBuiltIn$6 = function (namespace, method) {
   return arguments.length < 2 ? aFunction(global$d[namespace]) : global$d[namespace] && global$d[namespace][method];
 };
 
-var uncurryThis$g = functionUncurryThis;
+var uncurryThis$h = functionUncurryThis;
 
-var objectIsPrototypeOf = uncurryThis$g({}.isPrototypeOf);
+var objectIsPrototypeOf = uncurryThis$h({}.isPrototypeOf);
 
 var getBuiltIn$5 = getBuiltIn$6;
 
@@ -333,20 +333,20 @@ var store$2 = sharedStore;
   source: 'https://github.com/zloirock/core-js'
 });
 
-var requireObjectCoercible$4 = requireObjectCoercible$6;
+var requireObjectCoercible$5 = requireObjectCoercible$7;
 
 var $Object$1 = Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
 var toObject$1 = function (argument) {
-  return $Object$1(requireObjectCoercible$4(argument));
+  return $Object$1(requireObjectCoercible$5(argument));
 };
 
-var uncurryThis$f = functionUncurryThis;
+var uncurryThis$g = functionUncurryThis;
 var toObject = toObject$1;
 
-var hasOwnProperty = uncurryThis$f({}.hasOwnProperty);
+var hasOwnProperty = uncurryThis$g({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
@@ -355,14 +355,14 @@ var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
   return hasOwnProperty(toObject(it), key);
 };
 
-var uncurryThis$e = functionUncurryThis;
+var uncurryThis$f = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString$7 = uncurryThis$e(1.0.toString);
+var toString$8 = uncurryThis$f(1.0.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$7(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$8(++id + postfix, 36);
 };
 
 var global$9 = global$e;
@@ -573,11 +573,11 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
 
-var uncurryThis$d = functionUncurryThis;
+var uncurryThis$e = functionUncurryThis;
 var isCallable$9 = isCallable$f;
 var store$1 = sharedStore;
 
-var functionToString = uncurryThis$d(Function.toString);
+var functionToString = uncurryThis$e(Function.toString);
 
 // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
 if (!isCallable$9(store$1.inspectSource)) {
@@ -609,7 +609,7 @@ var hiddenKeys$4 = {};
 
 var NATIVE_WEAK_MAP = nativeWeakMap;
 var global$6 = global$e;
-var uncurryThis$c = functionUncurryThis;
+var uncurryThis$d = functionUncurryThis;
 var isObject$2 = isObject$7;
 var createNonEnumerableProperty$2 = createNonEnumerableProperty$3;
 var hasOwn$5 = hasOwnProperty_1;
@@ -637,9 +637,9 @@ var getterFor = function (TYPE) {
 
 if (NATIVE_WEAK_MAP || shared$1.state) {
   var store = shared$1.state || (shared$1.state = new WeakMap$1());
-  var wmget = uncurryThis$c(store.get);
-  var wmhas = uncurryThis$c(store.has);
-  var wmset = uncurryThis$c(store.set);
+  var wmget = uncurryThis$d(store.get);
+  var wmhas = uncurryThis$d(store.has);
+  var wmset = uncurryThis$d(store.set);
   set = function (it, metadata) {
     if (wmhas(store, it)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
@@ -781,32 +781,32 @@ var toIntegerOrInfinity$3 = function (argument) {
 var toIntegerOrInfinity$2 = toIntegerOrInfinity$3;
 
 var max$3 = Math.max;
-var min$4 = Math.min;
+var min$5 = Math.min;
 
 // Helper for a popular repeating case of the spec:
 // Let integer be ? ToInteger(index).
 // If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
 var toAbsoluteIndex$2 = function (index, length) {
   var integer = toIntegerOrInfinity$2(index);
-  return integer < 0 ? max$3(integer + length, 0) : min$4(integer, length);
+  return integer < 0 ? max$3(integer + length, 0) : min$5(integer, length);
 };
 
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$3;
 
-var min$3 = Math.min;
+var min$4 = Math.min;
 
 // `ToLength` abstract operation
 // https://tc39.es/ecma262/#sec-tolength
-var toLength$2 = function (argument) {
-  return argument > 0 ? min$3(toIntegerOrInfinity$1(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
+var toLength$3 = function (argument) {
+  return argument > 0 ? min$4(toIntegerOrInfinity$1(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
 };
 
-var toLength$1 = toLength$2;
+var toLength$2 = toLength$3;
 
 // `LengthOfArrayLike` abstract operation
 // https://tc39.es/ecma262/#sec-lengthofarraylike
 var lengthOfArrayLike$2 = function (obj) {
-  return toLength$1(obj.length);
+  return toLength$2(obj.length);
 };
 
 var toIndexedObject$2 = toIndexedObject$4;
@@ -842,13 +842,13 @@ var arrayIncludes = {
   indexOf: createMethod$2(false)
 };
 
-var uncurryThis$b = functionUncurryThis;
+var uncurryThis$c = functionUncurryThis;
 var hasOwn$3 = hasOwnProperty_1;
 var toIndexedObject$1 = toIndexedObject$4;
 var indexOf$1 = arrayIncludes.indexOf;
 var hiddenKeys$2 = hiddenKeys$4;
 
-var push$1 = uncurryThis$b([].push);
+var push$1 = uncurryThis$c([].push);
 
 var objectKeysInternal = function (object, names) {
   var O = toIndexedObject$1(object);
@@ -892,12 +892,12 @@ var objectGetOwnPropertySymbols = {};
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
 var getBuiltIn$3 = getBuiltIn$6;
-var uncurryThis$a = functionUncurryThis;
+var uncurryThis$b = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
 var anObject$7 = anObject$9;
 
-var concat = uncurryThis$a([].concat);
+var concat = uncurryThis$b([].concat);
 
 // all object keys, includes non-enumerable and symbols
 var ownKeys$8 = getBuiltIn$3('Reflect', 'ownKeys') || function ownKeys(it) {
@@ -947,7 +947,7 @@ var POLYFILL = isForced$1.POLYFILL = 'P';
 var isForced_1 = isForced$1;
 
 var global$5 = global$e;
-var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
+var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$1 = createNonEnumerableProperty$3;
 var defineBuiltIn$2 = defineBuiltIn$3;
 var defineGlobalProperty = defineGlobalProperty$3;
@@ -984,7 +984,7 @@ var _export = function (options, source) {
   if (target) for (key in source) {
     sourceProperty = source[key];
     if (options.dontCallGetSet) {
-      descriptor = getOwnPropertyDescriptor(target, key);
+      descriptor = getOwnPropertyDescriptor$1(target, key);
       targetProperty = descriptor && descriptor.value;
     } else targetProperty = target[key];
     FORCED = isForced(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
@@ -1001,6 +1001,130 @@ var _export = function (options, source) {
   }
 };
 
+var wellKnownSymbol$6 = wellKnownSymbol$8;
+
+var TO_STRING_TAG$1 = wellKnownSymbol$6('toStringTag');
+var test = {};
+
+test[TO_STRING_TAG$1] = 'z';
+
+var toStringTagSupport = String(test) === '[object z]';
+
+var TO_STRING_TAG_SUPPORT = toStringTagSupport;
+var isCallable$4 = isCallable$f;
+var classofRaw = classofRaw$1;
+var wellKnownSymbol$5 = wellKnownSymbol$8;
+
+var TO_STRING_TAG = wellKnownSymbol$5('toStringTag');
+var $Object = Object;
+
+// ES3 wrong here
+var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
+
+// fallback for IE11 Script Access Denied error
+var tryGet = function (it, key) {
+  try {
+    return it[key];
+  } catch (error) { /* empty */ }
+};
+
+// getting tag from ES6+ `Object.prototype.toString`
+var classof$5 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
+  var O, tag, result;
+  return it === undefined ? 'Undefined' : it === null ? 'Null'
+    // @@toStringTag case
+    : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG)) == 'string' ? tag
+    // builtinTag case
+    : CORRECT_ARGUMENTS ? classofRaw(O)
+    // ES3 arguments fallback
+    : (result = classofRaw(O)) == 'Object' && isCallable$4(O.callee) ? 'Arguments' : result;
+};
+
+var classof$4 = classof$5;
+
+var $String = String;
+
+var toString$7 = function (argument) {
+  if (classof$4(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
+  return $String(argument);
+};
+
+var isObject$1 = isObject$7;
+var classof$3 = classofRaw$1;
+var wellKnownSymbol$4 = wellKnownSymbol$8;
+
+var MATCH$1 = wellKnownSymbol$4('match');
+
+// `IsRegExp` abstract operation
+// https://tc39.es/ecma262/#sec-isregexp
+var isRegexp = function (it) {
+  var isRegExp;
+  return isObject$1(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof$3(it) == 'RegExp');
+};
+
+var isRegExp$1 = isRegexp;
+
+var $TypeError$2 = TypeError;
+
+var notARegexp = function (it) {
+  if (isRegExp$1(it)) {
+    throw $TypeError$2("The method doesn't accept regular expressions");
+  } return it;
+};
+
+var wellKnownSymbol$3 = wellKnownSymbol$8;
+
+var MATCH = wellKnownSymbol$3('match');
+
+var correctIsRegexpLogic = function (METHOD_NAME) {
+  var regexp = /./;
+  try {
+    '/./'[METHOD_NAME](regexp);
+  } catch (error1) {
+    try {
+      regexp[MATCH] = false;
+      return '/./'[METHOD_NAME](regexp);
+    } catch (error2) { /* empty */ }
+  } return false;
+};
+
+var $$6 = _export;
+var uncurryThis$a = functionUncurryThis;
+var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
+var toLength$1 = toLength$3;
+var toString$6 = toString$7;
+var notARegExp$1 = notARegexp;
+var requireObjectCoercible$4 = requireObjectCoercible$7;
+var correctIsRegExpLogic$1 = correctIsRegexpLogic;
+
+// eslint-disable-next-line es-x/no-string-prototype-endswith -- safe
+var un$EndsWith = uncurryThis$a(''.endsWith);
+var slice = uncurryThis$a(''.slice);
+var min$3 = Math.min;
+
+var CORRECT_IS_REGEXP_LOGIC = correctIsRegExpLogic$1('endsWith');
+// https://github.com/zloirock/core-js/pull/702
+var MDN_POLYFILL_BUG = !CORRECT_IS_REGEXP_LOGIC && !!function () {
+  var descriptor = getOwnPropertyDescriptor(String.prototype, 'endsWith');
+  return descriptor && !descriptor.writable;
+}();
+
+// `String.prototype.endsWith` method
+// https://tc39.es/ecma262/#sec-string.prototype.endswith
+$$6({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG && !CORRECT_IS_REGEXP_LOGIC }, {
+  endsWith: function endsWith(searchString /* , endPosition = @length */) {
+    var that = toString$6(requireObjectCoercible$4(this));
+    notARegExp$1(searchString);
+    var endPosition = arguments.length > 1 ? arguments[1] : undefined;
+    var len = that.length;
+    var end = endPosition === undefined ? len : min$3(toLength$1(endPosition), len);
+    var search = toString$6(searchString);
+    return un$EndsWith
+      ? un$EndsWith(that, search, end)
+      : slice(that, end - search.length, end) === search;
+  }
+});
+
 var objectDefineProperties = {};
 
 var internalObjectKeys = objectKeysInternal;
@@ -1123,11 +1247,11 @@ var objectCreate = Object.create || function create(O, Properties) {
   return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
 };
 
-var wellKnownSymbol$6 = wellKnownSymbol$8;
+var wellKnownSymbol$2 = wellKnownSymbol$8;
 var create$1 = objectCreate;
 var defineProperty$1 = objectDefineProperty.f;
 
-var UNSCOPABLES = wellKnownSymbol$6('unscopables');
+var UNSCOPABLES = wellKnownSymbol$2('unscopables');
 var ArrayPrototype = Array.prototype;
 
 // Array.prototype[@@unscopables]
@@ -1165,98 +1289,11 @@ $$5({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables('includes');
 
-var isObject$1 = isObject$7;
-var classof$5 = classofRaw$1;
-var wellKnownSymbol$5 = wellKnownSymbol$8;
-
-var MATCH$1 = wellKnownSymbol$5('match');
-
-// `IsRegExp` abstract operation
-// https://tc39.es/ecma262/#sec-isregexp
-var isRegexp = function (it) {
-  var isRegExp;
-  return isObject$1(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof$5(it) == 'RegExp');
-};
-
-var isRegExp$1 = isRegexp;
-
-var $TypeError$2 = TypeError;
-
-var notARegexp = function (it) {
-  if (isRegExp$1(it)) {
-    throw $TypeError$2("The method doesn't accept regular expressions");
-  } return it;
-};
-
-var wellKnownSymbol$4 = wellKnownSymbol$8;
-
-var TO_STRING_TAG$1 = wellKnownSymbol$4('toStringTag');
-var test = {};
-
-test[TO_STRING_TAG$1] = 'z';
-
-var toStringTagSupport = String(test) === '[object z]';
-
-var TO_STRING_TAG_SUPPORT = toStringTagSupport;
-var isCallable$4 = isCallable$f;
-var classofRaw = classofRaw$1;
-var wellKnownSymbol$3 = wellKnownSymbol$8;
-
-var TO_STRING_TAG = wellKnownSymbol$3('toStringTag');
-var $Object = Object;
-
-// ES3 wrong here
-var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
-
-// fallback for IE11 Script Access Denied error
-var tryGet = function (it, key) {
-  try {
-    return it[key];
-  } catch (error) { /* empty */ }
-};
-
-// getting tag from ES6+ `Object.prototype.toString`
-var classof$4 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
-  var O, tag, result;
-  return it === undefined ? 'Undefined' : it === null ? 'Null'
-    // @@toStringTag case
-    : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG)) == 'string' ? tag
-    // builtinTag case
-    : CORRECT_ARGUMENTS ? classofRaw(O)
-    // ES3 arguments fallback
-    : (result = classofRaw(O)) == 'Object' && isCallable$4(O.callee) ? 'Arguments' : result;
-};
-
-var classof$3 = classof$4;
-
-var $String = String;
-
-var toString$6 = function (argument) {
-  if (classof$3(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
-  return $String(argument);
-};
-
-var wellKnownSymbol$2 = wellKnownSymbol$8;
-
-var MATCH = wellKnownSymbol$2('match');
-
-var correctIsRegexpLogic = function (METHOD_NAME) {
-  var regexp = /./;
-  try {
-    '/./'[METHOD_NAME](regexp);
-  } catch (error1) {
-    try {
-      regexp[MATCH] = false;
-      return '/./'[METHOD_NAME](regexp);
-    } catch (error2) { /* empty */ }
-  } return false;
-};
-
 var $$4 = _export;
 var uncurryThis$9 = functionUncurryThis;
 var notARegExp = notARegexp;
-var requireObjectCoercible$3 = requireObjectCoercible$6;
-var toString$5 = toString$6;
+var requireObjectCoercible$3 = requireObjectCoercible$7;
+var toString$5 = toString$7;
 var correctIsRegExpLogic = correctIsRegexpLogic;
 
 var stringIndexOf = uncurryThis$9(''.indexOf);
@@ -1349,7 +1386,7 @@ var regexpUnsupportedNcg = fails$6(function () {
 /* eslint-disable regexp/no-useless-quantifier -- testing */
 var call$5 = functionCall;
 var uncurryThis$8 = functionUncurryThis;
-var toString$4 = toString$6;
+var toString$4 = toString$7;
 var regexpFlags = regexpFlags$1;
 var stickyHelpers$1 = regexpStickyHelpers;
 var shared = shared$4.exports;
@@ -1559,7 +1596,7 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
 var uncurryThis$6 = functionUncurryThis;
 var fails$4 = fails$i;
 var isCallable$3 = isCallable$f;
-var classof$2 = classof$4;
+var classof$2 = classof$5;
 var getBuiltIn$1 = getBuiltIn$6;
 var inspectSource = inspectSource$3;
 
@@ -1636,8 +1673,8 @@ var speciesConstructor$1 = function (O, defaultConstructor) {
 
 var uncurryThis$5 = functionUncurryThis;
 var toIntegerOrInfinity = toIntegerOrInfinity$3;
-var toString$3 = toString$6;
-var requireObjectCoercible$2 = requireObjectCoercible$6;
+var toString$3 = toString$7;
+var requireObjectCoercible$2 = requireObjectCoercible$7;
 
 var charAt$2 = uncurryThis$5(''.charAt);
 var charCodeAt$1 = uncurryThis$5(''.charCodeAt);
@@ -1733,11 +1770,11 @@ var uncurryThis$4 = functionUncurryThis;
 var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
 var isRegExp = isRegexp;
 var anObject$1 = anObject$9;
-var requireObjectCoercible$1 = requireObjectCoercible$6;
+var requireObjectCoercible$1 = requireObjectCoercible$7;
 var speciesConstructor = speciesConstructor$1;
 var advanceStringIndex = advanceStringIndex$1;
-var toLength = toLength$2;
-var toString$2 = toString$6;
+var toLength = toLength$3;
+var toString$2 = toString$7;
 var getMethod = getMethod$2;
 var arraySlice$2 = arraySliceSimple;
 var callRegExpExec = regexpExecAbstract;
@@ -2120,6 +2157,8 @@ var DropdownItems = function DropdownItems(_a) {
   }));
 };
 
+var emailProviders = ["gmail.com", "outlook.com", "yahoo.co.in", "yahoo.com", "hotmail.com"];
+
 var InputField = function InputField(_a) {
   var label = _a.label,
       labelColor = _a.labelColor,
@@ -2152,28 +2191,39 @@ var InputField = function InputField(_a) {
       fieldColor = _a.fieldColor,
       _h = _a.handleSuffixClick,
       handleSuffixClick = _h === void 0 ? function (_) {} : _h,
-      className = _a.className;
-
-  var _j = inputProps || {},
-      disabled = _j.disabled,
-      onFocus = _j.onFocus,
-      onBlur = _j.onBlur;
+      className = _a.className,
+      _j = _a.showEmailSuggestions,
+      showEmailSuggestions = _j === void 0 ? false : _j;
 
-  var _k = useState(false),
-      active = _k[0],
-      setActive = _k[1];
+  var _k = inputProps || {},
+      disabled = _k.disabled,
+      onFocus = _k.onFocus,
+      onBlur = _k.onBlur,
+      onChange = _k.onChange;
 
   var _l = useState(false),
-      showSuffixDropdown = _l[0],
-      setShowSuffixDropdown = _l[1];
+      active = _l[0],
+      setActive = _l[1];
+
+  var _m = useState(false),
+      showSuffixDropdown = _m[0],
+      setShowSuffixDropdown = _m[1];
 
-  var _m = useState(""),
-      suffixValue = _m[0],
-      setSuffixValue = _m[1];
+  var _o = useState(""),
+      suffixValue = _o[0],
+      setSuffixValue = _o[1];
 
-  var _o = useState([]),
-      suffixFilterList = _o[0],
-      setSuffixFilterList = _o[1];
+  var _p = useState([]),
+      suffixFilterList = _p[0],
+      setSuffixFilterList = _p[1];
+
+  var _q = useState(false),
+      showEmailDropdown = _q[0],
+      setShowEmailDropdown = _q[1];
+
+  var _r = useState(""),
+      inputValue = _r[0],
+      setInputValue = _r[1];
 
   var wrapperRef = useRef(null);
   useEffect(function () {
@@ -2191,6 +2241,40 @@ var InputField = function InputField(_a) {
   var handleBlur = function handleBlur(event) {
     setActive(false);
     onBlur && onBlur(event);
+  }; // This function handles input change events and updates the state accordingly
+
+
+  var handleInputChange = function handleInputChange(e) {
+    var _a;
+
+    var inputValue = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value; // If the input value ends with "@", set the showEmailDropdown state to true
+
+    if (inputValue.endsWith("@")) {
+      setShowEmailDropdown(true);
+    } else {
+      // Otherwise, set the showEmailDropdown state to false
+      setShowEmailDropdown(false);
+    } // Update the inputValue state
+
+
+    setInputValue(inputValue);
+    onChange && onChange(e);
+  }; // This function handles email provider selections and updates the inputValue state accordingly
+
+
+  var handleEmailProviderSelection = function handleEmailProviderSelection(selectedEmailProvider) {
+    // Create a new updatedInputValue string by concatenating the selected email provider to the existing inputValue
+    var updatedInputValue = "".concat(inputValue).concat(selectedEmailProvider); // Update the inputValue state with the new updatedInputValue
+
+    setInputValue(updatedInputValue); // Set the showEmailDropdown state to false
+
+    setShowEmailDropdown(false); // @ts-ignore
+
+    onChange && onChange({
+      target: {
+        value: updatedInputValue
+      }
+    });
   };
 
   var handleSuffixValueChange = function handleSuffixValueChange(e) {
@@ -2271,6 +2355,7 @@ var InputField = function InputField(_a) {
             className: start_icon
           })
         })), jsxRuntime.exports.jsx("input", __assign({
+          value: inputValue,
           type: "text",
           style: {
             background: "".concat(fieldColor === null || fieldColor === void 0 ? void 0 : fieldColor.split("-")[1], " "),
@@ -2280,7 +2365,8 @@ var InputField = function InputField(_a) {
           "data-testid": "text-input"
         }, inputProps, {
           onFocus: handleFocus,
-          onBlur: handleBlur
+          onBlur: handleBlur,
+          onChange: handleInputChange
         })), Boolean(end_icon) && jsxRuntime.exports.jsx("div", __assign({
           className: "hplxt-text-Gray-500 hplxt-flex hplxt-items-center hplxt-pr-2"
         }, {
@@ -2351,6 +2437,18 @@ var InputField = function InputField(_a) {
           }))
         }))]
       }))
+    })), showEmailSuggestions && // This div displays a dropdown of email provider options
+    jsxRuntime.exports.jsx("div", __assign({
+      className: "hplxt-absolute hplxt-mt-1 hplxt-left-10 hplxt-right-10 hplxt-min-w-max hplxt-rounded-lg hplxt-bg-White hplxt-overflow-y-scroll hplxt-shadow-md hplxt-z-10 hplxt-max-h-80 ".concat(showEmailDropdown ? "hplxt-block" : "hplxt-hidden")
+    }, {
+      children: emailProviders === null || emailProviders === void 0 ? void 0 : emailProviders.map(function (option) {
+        return jsxRuntime.exports.jsx(DropdownItems, {
+          label: option,
+          onSelect: function onSelect() {
+            handleEmailProviderSelection(option);
+          }
+        }, option);
+      })
     })), (Boolean(hint_text) || Boolean(errorMsg)) && jsxRuntime.exports.jsx("div", __assign({
       className: "".concat(errorMsg ? "hplxt-text-Error-500" : "hplxt-text-Gray-500 hplxt-mt-1")
     }, {
@@ -3263,7 +3361,7 @@ var regexpGetFlags = function (R) {
 var PROPER_FUNCTION_NAME$1 = functionName.PROPER;
 var defineBuiltIn = defineBuiltIn$3;
 var anObject = anObject$9;
-var $toString = toString$6;
+var $toString = toString$7;
 var fails$2 = fails$i;
 var getRegExpFlags = regexpGetFlags;
 
@@ -5237,8 +5335,8 @@ var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u200
   '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
 
 var uncurryThis$3 = functionUncurryThis;
-var requireObjectCoercible = requireObjectCoercible$6;
-var toString$1 = toString$6;
+var requireObjectCoercible = requireObjectCoercible$7;
+var toString$1 = toString$7;
 var whitespaces$1 = whitespaces$2;
 
 var replace$2 = uncurryThis$3(''.replace);
@@ -5514,7 +5612,7 @@ var uncurryThis$2 = functionUncurryThis;
 var hasOwn = hasOwnProperty_1;
 var isCallable$1 = isCallable$f;
 var isPrototypeOf = objectIsPrototypeOf;
-var toString = toString$6;
+var toString = toString$7;
 var defineProperty = objectDefineProperty.f;
 var copyConstructorProperties = copyConstructorProperties$2;
 

package/dist/esm/inputField/InputField.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputFieldProps } from "../types";
-declare const InputField: ({ label, labelColor, labelSize, height, start_icon, width, border, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, char_count, errorMsg, inputProps, suffixInputProps, isborderRequired, suffixDropdown, isSuffixEditable, suffixPlaceholder, suffixClassName, fieldColor, handleSuffixClick, className }: InputFieldProps) => JSX.Element;
+declare const InputField: ({ label, labelColor, labelSize, height, start_icon, width, border, end_icon, hint_text_icon, prefix, suffixButton, suffix, hint_text, char_count, errorMsg, inputProps, suffixInputProps, isborderRequired, suffixDropdown, isSuffixEditable, suffixPlaceholder, suffixClassName, fieldColor, handleSuffixClick, className, showEmailSuggestions, }: InputFieldProps) => JSX.Element;
 export default InputField;

package/dist/esm/types.d.ts

@@ -26,6 +26,7 @@ export interface InputFieldProps {
     isSuffixEditable?: boolean;
     handleSuffixValChange?: (value: any) => void;
     className?: string;
+    showEmailSuggestions?: boolean;
 }
 export interface DatePickerProps {
     placeholder?: string;

package/package.json

@@ -9,7 +9,7 @@
     "frontend",
     "healthplix"
   ],
-  "version": "1.0.53",
+  "version": "1.0.54",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",