@esvndev/es-react-config-setting 1.0.80 → 1.0.82

package/dist/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactHookForm = require('react-hook-form');
 var reactI18next = require('react-i18next');
 var ReactDOM = require('react-dom');
 
@@ -87,7 +88,7 @@ function getValue(nameSpace, obj) {
     // eslint-disable-next-line
     var value = obj;
     var splits = nameSpace.replace(/\[/g, '.').replace(/\]/g, '').split('.');
-    for (var i = 0; i < splits.length && !isUndefined$1(value); i++) {
+    for (var i = 0; i < splits.length && !isUndefined(value); i++) {
         value = value[splits[i]];
     }
     return value;
@@ -116,7 +117,7 @@ function setValue(nameSpace, value, obj) {
         if (i + 1 === length) {
             fromObj[key] = value === undefined ? {} : value;
         }
-        else if (isNullOrUndefined$1(fromObj[key])) {
+        else if (isNullOrUndefined(fromObj[key])) {
             fromObj[key] = {};
         }
         fromObj = fromObj[key];
@@ -147,9 +148,9 @@ var containerObject = typeof window !== "undefined" ? window : {};
  * @private
  */
 // eslint-disable-next-line
-function isObject$2(obj) {
+function isObject$1(obj) {
     var objCon = {};
-    return (!isNullOrUndefined$1(obj) && obj.constructor === objCon.constructor);
+    return (!isNullOrUndefined(obj) && obj.constructor === objCon.constructor);
 }
 /**
  * Merge the source object into destination object.
@@ -160,15 +161,15 @@ function isObject$2(obj) {
  * @private
  */
 function merge(source, destination) {
-    if (!isNullOrUndefined$1(destination)) {
+    if (!isNullOrUndefined(destination)) {
         var temrObj = source;
         var tempProp = destination;
         var keys = Object.keys(destination);
         var deepmerge = 'deepMerge';
         for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
             var key = keys_1[_i];
-            if (!isNullOrUndefined$1(temrObj[deepmerge]) && (temrObj[deepmerge].indexOf(key) !== -1) &&
-                (isObject$2(tempProp[key]) || Array.isArray(tempProp[key]))) {
+            if (!isNullOrUndefined(temrObj[deepmerge]) && (temrObj[deepmerge].indexOf(key) !== -1) &&
+                (isObject$1(tempProp[key]) || Array.isArray(tempProp[key]))) {
                 extend(temrObj[key], temrObj[key], tempProp[key], true);
             }
             else {
@@ -207,8 +208,8 @@ function extend(copied, first, second, deep) {
             Array.isArray(copy) && Array.isArray(src) && (copy.length !== src.length);
             // eslint-disable-next-line
             var blazorEventExtend = true;
-            if (deep && blazorEventExtend && (isObject$2(copy) || Array.isArray(copy))) {
-                if (isObject$2(copy)) {
+            if (deep && blazorEventExtend && (isObject$1(copy) || Array.isArray(copy))) {
+                if (isObject$1(copy)) {
                     clone = src ? src : {};
                     // eslint-disable-next-line
                     if (Array.isArray(clone) && clone.hasOwnProperty('isComplexArray')) {
@@ -242,7 +243,7 @@ function extend(copied, first, second, deep) {
  * @returns {boolean} ?
  * @private
  */
-function isNullOrUndefined$1(value) {
+function isNullOrUndefined(value) {
     return value === undefined || value === null;
 }
 /**
@@ -252,7 +253,7 @@ function isNullOrUndefined$1(value) {
  * @returns {boolean} ?
  * @private
  */
-function isUndefined$1(value) {
+function isUndefined(value) {
     return ('undefined' === typeof value);
 }
 /**
@@ -504,9 +505,9 @@ var ParserBase = /** @class */ (function () {
     ParserBase.getCurrentNumericOptions = function (curObj, numberSystem, needSymbols, blazorMode) {
         var ret = {};
         var cur = this.getDefaultNumberingSystem(curObj);
-        if (!isUndefined$1(cur.nSystem) || blazorMode) {
+        if (!isUndefined(cur.nSystem) || blazorMode) {
             var digits = blazorMode ? getValue('obj.mapperDigits', cur) : getValue(cur.nSystem + '._digits', numberSystem);
-            if (!isUndefined$1(digits)) {
+            if (!isUndefined(digits)) {
                 ret.numericPair = this.reverseObject(digits, latnNumberSystem);
                 ret.numberParseRegex = new RegExp(this.constructRegex(digits), 'g');
                 ret.numericRegex = '[' + digits[0] + '-' + digits[9] + ']';
@@ -532,12 +533,12 @@ var ParserBase = /** @class */ (function () {
     ParserBase.getNumberMapper = function (curObj, numberSystem, isNumber) {
         var ret = { mapper: {} };
         var cur = this.getDefaultNumberingSystem(curObj);
-        if (!isUndefined$1(cur.nSystem)) {
+        if (!isUndefined(cur.nSystem)) {
             ret.numberSystem = cur.nSystem;
             ret.numberSymbols = getValue('symbols-numberSystem-' + cur.nSystem, cur.obj);
             ret.timeSeparator = getValue('timeSeparator', ret.numberSymbols);
             var digits = getValue(cur.nSystem + '._digits', numberSystem);
-            if (!isUndefined$1(digits)) {
+            if (!isUndefined(digits)) {
                 for (var _i = 0, latnNumberSystem_1 = latnNumberSystem; _i < latnNumberSystem_1.length; _i++) {
                     var i = latnNumberSystem_1[_i];
                     // eslint-disable-next-line
@@ -963,7 +964,7 @@ var DateFormat = /** @class */ (function () {
         var resPattern = option.format ||
             IntlBase.getResultantPattern(option.skeleton, dependable.dateObject, option.type, false, '');
         formatOptions.dateSeperator = IntlBase.getDateSeparator(dependable.dateObject);
-        if (isUndefined$1(resPattern)) {
+        if (isUndefined(resPattern)) {
             throwError('Format options or type given must be invalid');
         }
         else {
@@ -1108,7 +1109,7 @@ var DateFormat = /** @class */ (function () {
                     var dec = value.getFullYear() < 0 ? 0 : 1;
                     // eslint-disable-next-line
                     var retu = options.era[dec];
-                    if (isNullOrUndefined$1(retu)) {
+                    if (isNullOrUndefined(retu)) {
                         // eslint-disable-next-line
                         retu = options.era[dec ? 0 : 1];
                     }
@@ -1249,10 +1250,10 @@ var NumberFormat = /** @class */ (function () {
             }
             fOptions.groupOne = this.checkValueRange(fOptions.maximumSignificantDigits, fOptions.minimumSignificantDigits, true);
             this.checkValueRange(fOptions.maximumFractionDigits, fOptions.minimumFractionDigits, false, true);
-            if (!isUndefined$1(fOptions.fractionDigits)) {
+            if (!isUndefined(fOptions.fractionDigits)) {
                 fOptions.minimumFractionDigits = fOptions.maximumFractionDigits = fOptions.fractionDigits;
             }
-            if (isUndefined$1(fOptions.useGrouping)) {
+            if (isUndefined(fOptions.useGrouping)) {
                 fOptions.useGrouping = true;
             }
             if (fOptions.isCurrency && !isBlazor()) {
@@ -1267,17 +1268,17 @@ var NumberFormat = /** @class */ (function () {
                     fOptions.groupData = this.getGroupingDetails(split[0]);
                 }
             }
-            var minFrac = isUndefined$1(fOptions.minimumFractionDigits);
+            var minFrac = isUndefined(fOptions.minimumFractionDigits);
             if (minFrac) {
                 fOptions.minimumFractionDigits = cOptions.nData.minimumFraction;
             }
-            if (isUndefined$1(fOptions.maximumFractionDigits)) {
+            if (isUndefined(fOptions.maximumFractionDigits)) {
                 var mval = cOptions.nData.maximumFraction;
-                fOptions.maximumFractionDigits = isUndefined$1(mval) && fOptions.isPercent ? 0 : mval;
+                fOptions.maximumFractionDigits = isUndefined(mval) && fOptions.isPercent ? 0 : mval;
             }
             var mfrac = fOptions.minimumFractionDigits;
             var lfrac = fOptions.maximumFractionDigits;
-            if (!isUndefined$1(mfrac) && !isUndefined$1(lfrac)) {
+            if (!isUndefined(mfrac) && !isUndefined(lfrac)) {
                 if (mfrac > lfrac) {
                     fOptions.maximumFractionDigits = mfrac;
                 }
@@ -1333,11 +1334,11 @@ var NumberFormat = /** @class */ (function () {
         var str1 = errorText['l' + decide];
         // eslint-disable-next-line
         var str2 = errorText['m' + decide];
-        if (!isUndefined$1(val1)) {
+        if (!isUndefined(val1)) {
             this.checkRange(val1, str1, isFraction);
             dint++;
         }
-        if (!isUndefined$1(val2)) {
+        if (!isUndefined(val2)) {
             this.checkRange(val2, str2, isFraction);
             dint++;
         }
@@ -1378,7 +1379,7 @@ var NumberFormat = /** @class */ (function () {
      */
     NumberFormat.intNumberFormatter = function (value, fOptions, dOptions) {
         var curData;
-        if (isUndefined$1(fOptions.nData.type)) {
+        if (isUndefined(fOptions.nData.type)) {
             return undefined;
         }
         else {
@@ -1455,7 +1456,7 @@ var NumberFormat = /** @class */ (function () {
      * @returns {string} ?
      */
     NumberFormat.groupNumbers = function (val, level1, sep, decimalSymbol, level2) {
-        var flag = !isNullOrUndefined$1(level2) && level2 !== 0;
+        var flag = !isNullOrUndefined(level2) && level2 !== 0;
         var split = val.split(decimalSymbol);
         var prefix = split[0];
         var length = prefix.length;
@@ -1497,7 +1498,7 @@ var NumberFormat = /** @class */ (function () {
             }
             return value.toFixed(min);
         }
-        else if (!isNullOrUndefined$1(max) && (length > max || max === 0)) {
+        else if (!isNullOrUndefined(max) && (length > max || max === 0)) {
             return value.toFixed(max);
         }
         return value + '';
@@ -1528,7 +1529,7 @@ var Observer = /** @class */ (function () {
     function Observer(context) {
         this.ranArray = [];
         this.boundedEvents = {};
-        if (isNullOrUndefined$1(context)) {
+        if (isNullOrUndefined(context)) {
             return;
         }
         this.context = context;
@@ -1543,7 +1544,7 @@ var Observer = /** @class */ (function () {
      * @returns {void}
      */
     Observer.prototype.on = function (property, handler, context, id) {
-        if (isNullOrUndefined$1(handler)) {
+        if (isNullOrUndefined(handler)) {
             return;
         }
         var cntxt = context || this.context;
@@ -1551,7 +1552,7 @@ var Observer = /** @class */ (function () {
             this.boundedEvents[property] = [{ handler: handler, context: cntxt }];
             return;
         }
-        if (!isNullOrUndefined$1(id)) {
+        if (!isNullOrUndefined(id)) {
             if (this.ranArray.indexOf(id) === -1) {
                 this.ranArray.push(id);
                 this.boundedEvents[property].push({ handler: handler, context: cntxt, id: id });
@@ -2414,7 +2415,7 @@ var IntlBase;
             else {
                 resPattern = getValue('dateTimeFormats.availableFormats.' + skeleton, dateObject);
             }
-            if (isUndefined$1(resPattern) && skeleton === 'yMd') {
+            if (isUndefined(resPattern) && skeleton === 'yMd') {
                 resPattern = 'M/d/y';
             }
         }
@@ -2536,7 +2537,7 @@ var IntlBase;
             var fraction = match[7];
             if (fraction && needFraction) {
                 var fmatch = fraction.match(fractionRegex);
-                if (!isNullOrUndefined$1(fmatch)) {
+                if (!isNullOrUndefined(fmatch)) {
                     nData.minimumFraction = fmatch.length;
                 }
                 else {
@@ -2596,9 +2597,9 @@ var IntlBase;
             // eslint-disable-next-line
             options[data[i]] = customNumberFormat(formatSplit[i], dOptions, obj);
         }
-        if (isNullOrUndefined$1(options.nData)) {
+        if (isNullOrUndefined(options.nData)) {
             options.nData = extend({}, options.pData);
-            options.nData.nlead = isNullOrUndefined$1(dOptions) ? '-' + options.nData.nlead : dOptions.minusSymbol + options.nData.nlead;
+            options.nData.nlead = isNullOrUndefined(dOptions) ? '-' + options.nData.nlead : dOptions.minusSymbol + options.nData.nlead;
         }
         return options;
     }
@@ -2615,7 +2616,7 @@ var IntlBase;
     function customNumberFormat(format, dOptions, numObject) {
         var cOptions = { type: 'decimal', minimumFractionDigits: 0, maximumFractionDigits: 0 };
         var pattern = format.match(IntlBase.customRegex);
-        if (isNullOrUndefined$1(pattern) || (pattern[5] === '' && format !== 'N/A')) {
+        if (isNullOrUndefined(pattern) || (pattern[5] === '' && format !== 'N/A')) {
             cOptions.type = undefined;
             return cOptions;
         }
@@ -2630,7 +2631,7 @@ var IntlBase;
         if (integerPart.indexOf('0') !== -1) {
             cOptions.minimumIntegerDigits = integerPart.length - integerPart.indexOf('0');
         }
-        if (!isNullOrUndefined$1(fractionPart)) {
+        if (!isNullOrUndefined(fractionPart)) {
             cOptions.minimumFractionDigits = fractionPart.lastIndexOf('0');
             cOptions.maximumFractionDigits = fractionPart.lastIndexOf('#');
             if (cOptions.minimumFractionDigits === -1) {
@@ -2640,7 +2641,7 @@ var IntlBase;
                 cOptions.maximumFractionDigits = cOptions.minimumFractionDigits;
             }
         }
-        if (!isNullOrUndefined$1(dOptions)) {
+        if (!isNullOrUndefined(dOptions)) {
             extend(cOptions, isCurrencyPercent([cOptions.nlead, cOptions.nend], '$', dOptions.currencySymbol));
             if (!cOptions.isCurrency) {
                 extend(cOptions, isCurrencyPercent([cOptions.nlead, cOptions.nend], '%', dOptions.percentSymbol));
@@ -2649,7 +2650,7 @@ var IntlBase;
         else {
             extend(cOptions, isCurrencyPercent([cOptions.nlead, cOptions.nend], '%', '%'));
         }
-        if (!isNullOrUndefined$1(numObject)) {
+        if (!isNullOrUndefined(numObject)) {
             var symbolPattern = getSymbolPattern(cOptions.type, dOptions.numberMapper.numberSystem, numObject, false);
             if (cOptions.useGrouping) {
                 // eslint-disable-next-line
@@ -3114,7 +3115,7 @@ var Browser = /** @class */ (function () {
          * @returns {BrowserInfo} ?
          */
         get: function () {
-            if (isUndefined$1(window.browserDetails.info)) {
+            if (isUndefined(window.browserDetails.info)) {
                 return window.browserDetails.info = Browser.extractBrowserDetail();
             }
             return window.browserDetails.info;
@@ -3141,7 +3142,7 @@ var Browser = /** @class */ (function () {
          * @returns {boolean} ?
          */
         get: function () {
-            if (isUndefined$1(window.browserDetails.isTouch)) {
+            if (isUndefined(window.browserDetails.isTouch)) {
                 return (window.browserDetails.isTouch =
                     ('ontouchstart' in window.navigator) ||
                         (window &&
@@ -3160,7 +3161,7 @@ var Browser = /** @class */ (function () {
          * @returns {boolean} ?
          */
         get: function () {
-            if (isUndefined$1(window.browserDetails.isPointer)) {
+            if (isUndefined(window.browserDetails.isPointer)) {
                 return window.browserDetails.isPointer = ('pointerEnabled' in window.navigator);
             }
             return window.browserDetails.isPointer;
@@ -3175,7 +3176,7 @@ var Browser = /** @class */ (function () {
          * @returns {boolean} ?
          */
         get: function () {
-            if (isUndefined$1(window.browserDetails.isMSPointer)) {
+            if (isUndefined(window.browserDetails.isMSPointer)) {
                 return window.browserDetails.isMSPointer = ('msPointerEnabled' in window.navigator);
             }
             return window.browserDetails.isMSPointer;
@@ -3238,9 +3239,9 @@ var Browser = /** @class */ (function () {
          * @returns {boolean} ?
          */
         get: function () {
-            if (isUndefined$1(window.browserDetails.isWebView)) {
-                window.browserDetails.isWebView = !(isUndefined$1(window.cordova) && isUndefined$1(window.PhoneGap)
-                    && isUndefined$1(window.phonegap) && window.forge !== 'object');
+            if (isUndefined(window.browserDetails.isWebView)) {
+                window.browserDetails.isWebView = !(isUndefined(window.cordova) && isUndefined(window.PhoneGap)
+                    && isUndefined(window.phonegap) && window.forge !== 'object');
                 return window.browserDetails.isWebView;
             }
             return window.browserDetails.isWebView;
@@ -3267,7 +3268,7 @@ var Browser = /** @class */ (function () {
          * @returns {string} ?
          */
         get: function () {
-            if (isUndefined$1(window.browserDetails.touchStartEvent)) {
+            if (isUndefined(window.browserDetails.touchStartEvent)) {
                 return window.browserDetails.touchStartEvent = Browser.getTouchStartEvent();
             }
             return window.browserDetails.touchStartEvent;
@@ -3282,7 +3283,7 @@ var Browser = /** @class */ (function () {
          * @returns {string} ?
          */
         get: function () {
-            if (isUndefined$1(window.browserDetails.touchMoveEvent)) {
+            if (isUndefined(window.browserDetails.touchMoveEvent)) {
                 return window.browserDetails.touchMoveEvent = Browser.getTouchMoveEvent();
             }
             return window.browserDetails.touchMoveEvent;
@@ -3297,7 +3298,7 @@ var Browser = /** @class */ (function () {
          * @returns {string} ?
          */
         get: function () {
-            if (isUndefined$1(window.browserDetails.touchEndEvent)) {
+            if (isUndefined(window.browserDetails.touchEndEvent)) {
                 return window.browserDetails.touchEndEvent = Browser.getTouchEndEvent();
             }
             return window.browserDetails.touchEndEvent;
@@ -3312,7 +3313,7 @@ var Browser = /** @class */ (function () {
          * @returns {string} ?
          */
         get: function () {
-            if (isUndefined$1(window.browserDetails.touchCancelEvent)) {
+            if (isUndefined(window.browserDetails.touchCancelEvent)) {
                 return window.browserDetails.touchCancelEvent = Browser.getTouchCancelEvent();
             }
             return window.browserDetails.touchCancelEvent;
@@ -3516,9 +3517,9 @@ function addClass(elements, classes) {
         var ele = _a[_i];
         for (var _b = 0, classList_1 = classList; _b < classList_1.length; _b++) {
             var className = classList_1[_b];
-            if (isObject$2(ele)) {
+            if (isObject$1(ele)) {
                 var curClass = getValue('attributes.className', ele);
-                if (isNullOrUndefined$1(curClass)) {
+                if (isNullOrUndefined(curClass)) {
                     setValue('attributes.className', className, ele);
                 }
                 else if (!new RegExp('\\b' + className + '\\b', 'i').test(curClass)) {
@@ -3546,7 +3547,7 @@ function removeClass(elements, classes) {
     var classList = getClassList(classes);
     for (var _i = 0, _a = elements; _i < _a.length; _i++) {
         var ele = _a[_i];
-        var flag = isObject$2(ele);
+        var flag = isObject$1(ele);
         var canRemove = flag ? getValue('attributes.className', ele) : ele.className !== '';
         if (canRemove) {
             for (var _b = 0, classList_2 = classList; _b < classList_2.length; _b++) {
@@ -3610,7 +3611,7 @@ function attributes(element, attributes) {
     var ele = element;
     for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
         var key = keys_1[_i];
-        if (isObject$2(ele)) {
+        if (isObject$1(ele)) {
             var iKey = key;
             if (key === 'tabindex') {
                 iKey = 'tabIndex';
@@ -3771,19 +3772,19 @@ var Base = /** @class */ (function () {
         this.finalUpdate = function () { };
         this.childChangedProperties = {};
         this.modelObserver = new Observer(this);
-        if (!isUndefined$1(element)) {
+        if (!isUndefined(element)) {
             if ('string' === typeof (element)) {
                 this.element = document.querySelector(element);
             }
             else {
                 this.element = element;
             }
-            if (!isNullOrUndefined$1(this.element)) {
+            if (!isNullOrUndefined(this.element)) {
                 this.isProtectedOnChange = false;
                 this.addInstance();
             }
         }
-        if (!isUndefined$1(options)) {
+        if (!isUndefined(options)) {
             this.setProperties(options, true);
         }
         this.isDestroyed = false;
@@ -3965,7 +3966,7 @@ var Base = /** @class */ (function () {
         // Add module class to the root element
         var moduleClass = 'e-' + this.getModuleName().toLowerCase();
         addClass([this.element], ['e-lib', moduleClass]);
-        if (!isNullOrUndefined$1(this.element.ej2_instances)) {
+        if (!isNullOrUndefined(this.element.ej2_instances)) {
             this.element.ej2_instances.push(this);
         }
         else {
@@ -4137,7 +4138,7 @@ function Event() {
                 var oldValue = this.properties[key];
                 if (oldValue !== newValue) {
                     var finalContext = getParentContext(this, key);
-                    if (isUndefined$1(oldValue) === false) {
+                    if (isUndefined(oldValue) === false) {
                         finalContext.context.removeEventListener(finalContext.prefix, oldValue);
                     }
                     finalContext.context.addEventListener(finalContext.prefix, newValue);
@@ -4191,7 +4192,7 @@ function NotifyPropertyChanges(classConstructor) {
  * @private
  */
 function addPropertyCollection(target, key, propertyType, defaultValue, type) {
-    if (isUndefined$1(target.propList)) {
+    if (isUndefined(target.propList)) {
         target.propList = {
             props: [],
             complexProps: [],
@@ -4849,7 +4850,7 @@ var LicenseValidator = /** @class */ (function () {
             else {
                 validateMsg = this.errors.noLicense;
             }
-            if (validateMsg && typeof document !== 'undefined' && !isNullOrUndefined$1(document)) {
+            if (validateMsg && typeof document !== 'undefined' && !isNullOrUndefined(document)) {
                 var errorDiv = createElement('div', {
                     innerHTML: validateMsg +
                         '<span id="license-banner-error" class=".e-license-banner">' +
@@ -5023,10 +5024,10 @@ var lastHistoryLen = 0;
         _this.isStringTemplate = false;
         _this.needsID = false;
         _this.isReactHybrid = false;
-        if (isNullOrUndefined$1(_this.enableRtl)) {
+        if (isNullOrUndefined(_this.enableRtl)) {
             _this.setProperties({ 'enableRtl': rightToLeft }, true);
         }
-        if (isNullOrUndefined$1(_this.locale)) {
+        if (isNullOrUndefined(_this.locale)) {
             _this.setProperties({ 'locale': defaultCulture }, true);
         }
         _this.moduleLoader = new ModuleLoader(_this);
@@ -5034,7 +5035,7 @@ var lastHistoryLen = 0;
         // tslint:disable-next-line:no-function-constructor-with-string-args
         onIntlChange.on('notifyExternalChange', _this.detectFunction, _this, _this.randomId);
         validateLicense();
-        if (!isUndefined$1(selector)) {
+        if (!isUndefined(selector)) {
             _this.appendTo();
         }
         return _this;
@@ -5118,13 +5119,13 @@ var lastHistoryLen = 0;
      * @returns {void} ?
      */
     Component.prototype.appendTo = function (selector) {
-        if (!isNullOrUndefined$1(selector) && typeof (selector) === 'string') {
+        if (!isNullOrUndefined(selector) && typeof (selector) === 'string') {
             this.element = select(selector, document);
         }
-        else if (!isNullOrUndefined$1(selector)) {
+        else if (!isNullOrUndefined(selector)) {
             this.element = selector;
         }
-        if (!isNullOrUndefined$1(this.element)) {
+        if (!isNullOrUndefined(this.element)) {
             var moduleClass = 'e-' + this.getModuleName().toLowerCase();
             addClass([this.element], ['e-control', moduleClass]);
             this.isProtectedOnChange = false;
@@ -5295,7 +5296,7 @@ var lastHistoryLen = 0;
         {
             data = window.localStorage.getItem(this.getModuleName() + this.element.id);
         }
-        if (!(isNullOrUndefined$1(data) || (data === ''))) {
+        if (!(isNullOrUndefined(data) || (data === ''))) {
             this.setProperties(JSON.parse(data), true);
         }
     };
@@ -5345,7 +5346,7 @@ var lastHistoryLen = 0;
             var objValue = void 0;
             // eslint-disable-next-line
             objValue = getValue(key, this);
-            if (!isUndefined$1(objValue)) {
+            if (!isUndefined(objValue)) {
                 setValue(key, this.getActualProperties(objValue), persistObj);
             }
         }
@@ -5504,7 +5505,7 @@ var Position = /** @class */ (function (_super) {
     };
     Draggable.prototype.toggleEvents = function (isUnWire) {
         var ele;
-        if (!isUndefined$1(this.handle)) {
+        if (!isUndefined(this.handle)) {
             ele = select(this.handle, this.element);
         }
         var handler = (this.enableTapHold && Browser.isDevice && Browser.isTouch) ? this.mobileInitialize : this.initialize;
@@ -5537,7 +5538,7 @@ var Position = /** @class */ (function (_super) {
     Draggable.prototype.getScrollableParent = function (element, axis) {
         var scroll = { 'vertical': 'scrollHeight', 'horizontal': 'scrollWidth' };
         var client = { 'vertical': 'clientHeight', 'horizontal': 'clientWidth' };
-        if (isNullOrUndefined$1(element)) {
+        if (isNullOrUndefined(element)) {
             return null;
         }
         if (element[scroll[axis]] > element[client[axis]]) {
@@ -5552,7 +5553,7 @@ var Position = /** @class */ (function (_super) {
                         (this.parentScrollX === 0 ? element.scrollLeft : element.scrollLeft - this.parentScrollX);
                     this.tempScrollWidth = element.scrollWidth;
                 }
-                if (!isNullOrUndefined$1(element)) {
+                if (!isNullOrUndefined(element)) {
                     return this.getScrollableParent(element.parentNode, axis);
                 }
                 else {
@@ -5592,7 +5593,7 @@ var Position = /** @class */ (function (_super) {
                 abortSelectors = [abortSelectors];
             }
             for (var i = 0; i < abortSelectors.length; i++) {
-                if (!isNullOrUndefined$1(closest(evt.target, abortSelectors[i]))) {
+                if (!isNullOrUndefined(closest(evt.target, abortSelectors[i]))) {
                     /* istanbul ignore next */
                     if (this.isDragStarted()) {
                         this.isDragStarted(true);
@@ -5601,7 +5602,7 @@ var Position = /** @class */ (function (_super) {
                 }
             }
         }
-        if (this.preventDefault && !isUndefined$1(evt.changedTouches) && evt.type !== 'touchstart') {
+        if (this.preventDefault && !isUndefined(evt.changedTouches) && evt.type !== 'touchstart') {
             evt.preventDefault();
         }
         this.element.setAttribute('aria-grabbed', 'true');
@@ -5635,7 +5636,7 @@ var Position = /** @class */ (function (_super) {
     };
     Draggable.prototype.intDragStart = function (evt) {
         this.removeTapholdTimer();
-        var isChangeTouch = !isUndefined$1(evt.changedTouches);
+        var isChangeTouch = !isUndefined(evt.changedTouches);
         if (isChangeTouch && (evt.changedTouches.length !== 1)) {
             return;
         }
@@ -5651,7 +5652,7 @@ var Position = /** @class */ (function (_super) {
         var element = this.element;
         if (this.clone && this.dragTarget) {
             var intClosest = closest(evt.target, this.dragTarget);
-            if (!isNullOrUndefined$1(intClosest)) {
+            if (!isNullOrUndefined(intClosest)) {
                 element = intClosest;
             }
         }
@@ -5666,7 +5667,7 @@ var Position = /** @class */ (function (_super) {
         var distance = Math.sqrt((x * x) + (y * y));
         if ((distance >= this.distance || this.externalInitialize)) {
             var ele = this.getHelperElement(evt);
-            if (!ele || isNullOrUndefined$1(ele)) {
+            if (!ele || isNullOrUndefined(ele)) {
                 return;
             }
             if (isChangeTouch) {
@@ -5760,7 +5761,7 @@ var Position = /** @class */ (function (_super) {
         return value;
     };
     Draggable.prototype.calculateParentPosition = function (ele) {
-        if (isNullOrUndefined$1(ele)) {
+        if (isNullOrUndefined(ele)) {
             return { left: 0, top: 0 };
         }
         var rect = ele.getBoundingClientRect();
@@ -5772,7 +5773,7 @@ var Position = /** @class */ (function (_super) {
     };
     // tslint:disable-next-line:max-func-body-length
     Draggable.prototype.intDrag = function (evt) {
-        if (!isUndefined$1(evt.changedTouches) && (evt.changedTouches.length !== 1)) {
+        if (!isUndefined(evt.changedTouches) && (evt.changedTouches.length !== 1)) {
             return;
         }
         if (this.clone && evt.changedTouches && Browser.isDevice && Browser.isTouch) {
@@ -5859,10 +5860,10 @@ var Position = /** @class */ (function (_super) {
         var iTop = tTop + this.borderWidth.top;
         var iLeft = tLeft + this.borderWidth.left;
         if (this.dragProcessStarted) {
-            if (isNullOrUndefined$1(top)) {
+            if (isNullOrUndefined(top)) {
                 top = this.prevTop;
             }
-            if (isNullOrUndefined$1(left)) {
+            if (isNullOrUndefined(left)) {
                 left = this.prevLeft;
             }
         }
@@ -6015,7 +6016,7 @@ var Position = /** @class */ (function (_super) {
     };
     Draggable.prototype.intDragStop = function (evt) {
         this.dragProcessStarted = false;
-        if (!isUndefined$1(evt.changedTouches) && (evt.changedTouches.length !== 1)) {
+        if (!isUndefined(evt.changedTouches) && (evt.changedTouches.length !== 1)) {
             return;
         }
         var type = ['touchend', 'pointerup', 'mouseup'];
@@ -6119,11 +6120,11 @@ var Position = /** @class */ (function (_super) {
     /* istanbul ignore next */
     Draggable.prototype.currentStateCheck = function (ele, oldEle) {
         var elem;
-        if (!isNullOrUndefined$1(this.currentStateTarget) && this.currentStateTarget !== ele) {
+        if (!isNullOrUndefined(this.currentStateTarget) && this.currentStateTarget !== ele) {
             elem = this.currentStateTarget;
         }
         else {
-            elem = !isNullOrUndefined$1(oldEle) ? oldEle : ele;
+            elem = !isNullOrUndefined(oldEle) ? oldEle : ele;
         }
         return elem;
     };
@@ -6133,7 +6134,7 @@ var Position = /** @class */ (function (_super) {
         var intCoord = this.getCoordinates(evt);
         var pageX;
         var pageY;
-        var isOffsetParent = isNullOrUndefined$1(dragEle.offsetParent);
+        var isOffsetParent = isNullOrUndefined(dragEle.offsetParent);
         /* istanbul ignore next */
         if (isdragscroll) {
             pageX = this.clone ? intCoord.pageX :
@@ -6182,7 +6183,7 @@ var Position = /** @class */ (function (_super) {
     Draggable.prototype.checkTargetElement = function (evt) {
         var target = this.getProperTargetElement(evt);
         var dropIns = this.getDropInstance(target);
-        if (!dropIns && target && !isNullOrUndefined$1(target.parentNode)) {
+        if (!dropIns && target && !isNullOrUndefined(target.parentNode)) {
             var parent_1 = closest(target.parentNode, '.e-droppable') || target.parentElement;
             if (parent_1) {
                 dropIns = this.getDropInstance(parent_1);
@@ -7601,7 +7602,7 @@ function detect (cssProp) {
   return result
 }
 
-function set$1 () {
+function set () {
   if (arguments.length === 2) {
     if (typeof arguments[1] === 'string') {
       arguments[0].style.cssText = arguments[1];
@@ -7613,8 +7614,8 @@ function set$1 () {
   }
 }
 
-domCss.exports = set$1;
-domCss.exports.set = set$1;
+domCss.exports = set;
+domCss.exports.set = set;
 
 domCss.exports.get = function (element, properties) {
   if (Array.isArray(properties)) {
@@ -8732,7 +8733,7 @@ if (process.env.NODE_ENV !== 'production') {
 
 var PropTypes = propTypes$6.exports;
 
-var isString$1 = {};
+var isString = {};
 
 (function (exports) {
 
@@ -8743,7 +8744,7 @@ exports["default"] = isString;
 function isString(maybe) {
     return typeof maybe === 'string';
 }
-}(isString$1));
+}(isString));
 
 var getScrollbarWidth$1 = {};
 
@@ -9012,7 +9013,7 @@ var _propTypes = propTypes$6.exports;
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
-var _isString = isString$1;
+var _isString = isString;
 
 var _isString2 = _interopRequireDefault(_isString);
 
@@ -9801,1715 +9802,6 @@ exports["default"] = _Scrollbars2["default"];
 exports.Scrollbars = _Scrollbars2["default"];
 }(lib));
 
-var isCheckBoxInput = (element) => element.type === 'checkbox';
-
-var isDateObject = (value) => value instanceof Date;
-
-var isNullOrUndefined = (value) => value == null;
-
-const isObjectType = (value) => typeof value === 'object';
-var isObject$1 = (value) => !isNullOrUndefined(value) &&
-    !Array.isArray(value) &&
-    isObjectType(value) &&
-    !isDateObject(value);
-
-var getEventValue = (event) => isObject$1(event) && event.target
-    ? isCheckBoxInput(event.target)
-        ? event.target.checked
-        : event.target.value
-    : event;
-
-var getNodeParentName = (name) => name.substring(0, name.search(/\.\d+(\.|$)/)) || name;
-
-var isNameInFieldArray = (names, name) => names.has(getNodeParentName(name));
-
-var isPlainObject = (tempObject) => {
-    const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
-    return (isObject$1(prototypeCopy) && prototypeCopy.hasOwnProperty('isPrototypeOf'));
-};
-
-var isWeb = typeof window !== 'undefined' &&
-    typeof window.HTMLElement !== 'undefined' &&
-    typeof document !== 'undefined';
-
-function cloneObject(data) {
-    let copy;
-    const isArray = Array.isArray(data);
-    if (data instanceof Date) {
-        copy = new Date(data);
-    }
-    else if (data instanceof Set) {
-        copy = new Set(data);
-    }
-    else if (!(isWeb && (data instanceof Blob || data instanceof FileList)) &&
-        (isArray || isObject$1(data))) {
-        copy = isArray ? [] : {};
-        if (!Array.isArray(data) && !isPlainObject(data)) {
-            copy = data;
-        }
-        else {
-            for (const key in data) {
-                copy[key] = cloneObject(data[key]);
-            }
-        }
-    }
-    else {
-        return data;
-    }
-    return copy;
-}
-
-var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
-
-var isUndefined = (val) => val === undefined;
-
-var get = (obj, path, defaultValue) => {
-    if (!path || !isObject$1(obj)) {
-        return defaultValue;
-    }
-    const result = compact(path.split(/[,[\].]+?/)).reduce((result, key) => isNullOrUndefined(result) ? result : result[key], obj);
-    return isUndefined(result) || result === obj
-        ? isUndefined(obj[path])
-            ? defaultValue
-            : obj[path]
-        : result;
-};
-
-const EVENTS = {
-    BLUR: 'blur',
-    FOCUS_OUT: 'focusout',
-    CHANGE: 'change',
-};
-const VALIDATION_MODE = {
-    onBlur: 'onBlur',
-    onChange: 'onChange',
-    onSubmit: 'onSubmit',
-    onTouched: 'onTouched',
-    all: 'all',
-};
-const INPUT_VALIDATION_RULES = {
-    max: 'max',
-    min: 'min',
-    maxLength: 'maxLength',
-    minLength: 'minLength',
-    pattern: 'pattern',
-    required: 'required',
-    validate: 'validate',
-};
-
-React__default["default"].createContext(null);
-
-var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
-    const result = {
-        defaultValues: control._defaultValues,
-    };
-    for (const key in formState) {
-        Object.defineProperty(result, key, {
-            get: () => {
-                const _key = key;
-                if (control._proxyFormState[_key] !== VALIDATION_MODE.all) {
-                    control._proxyFormState[_key] = !isRoot || VALIDATION_MODE.all;
-                }
-                localProxyFormState && (localProxyFormState[_key] = true);
-                return formState[_key];
-            },
-        });
-    }
-    return result;
-};
-
-var isEmptyObject = (value) => isObject$1(value) && !Object.keys(value).length;
-
-var shouldRenderFormState = (formStateData, _proxyFormState, updateFormState, isRoot) => {
-    updateFormState(formStateData);
-    const { name, ...formState } = formStateData;
-    return (isEmptyObject(formState) ||
-        Object.keys(formState).length >= Object.keys(_proxyFormState).length ||
-        Object.keys(formState).find((key) => _proxyFormState[key] ===
-            (!isRoot || VALIDATION_MODE.all)));
-};
-
-var convertToArrayPayload = (value) => (Array.isArray(value) ? value : [value]);
-
-function useSubscribe(props) {
-    const _props = React__default["default"].useRef(props);
-    _props.current = props;
-    React__default["default"].useEffect(() => {
-        const subscription = !props.disabled &&
-            _props.current.subject &&
-            _props.current.subject.subscribe({
-                next: _props.current.next,
-            });
-        return () => {
-            subscription && subscription.unsubscribe();
-        };
-    }, [props.disabled]);
-}
-
-var isString = (value) => typeof value === 'string';
-
-var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {
-    if (isString(names)) {
-        isGlobal && _names.watch.add(names);
-        return get(formValues, names, defaultValue);
-    }
-    if (Array.isArray(names)) {
-        return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName), get(formValues, fieldName)));
-    }
-    isGlobal && (_names.watchAll = true);
-    return formValues;
-};
-
-var isKey = (value) => /^\w*$/.test(value);
-
-var stringToPath = (input) => compact(input.replace(/["|']|\]/g, '').split(/\.|\[/));
-
-function set(object, path, value) {
-    let index = -1;
-    const tempPath = isKey(path) ? [path] : stringToPath(path);
-    const length = tempPath.length;
-    const lastIndex = length - 1;
-    while (++index < length) {
-        const key = tempPath[index];
-        let newValue = value;
-        if (index !== lastIndex) {
-            const objValue = object[key];
-            newValue =
-                isObject$1(objValue) || Array.isArray(objValue)
-                    ? objValue
-                    : !isNaN(+tempPath[index + 1])
-                        ? []
-                        : {};
-        }
-        object[key] = newValue;
-        object = object[key];
-    }
-    return object;
-}
-
-var appendErrors = (name, validateAllFieldCriteria, errors, type, message) => validateAllFieldCriteria
-    ? {
-        ...errors[name],
-        types: {
-            ...(errors[name] && errors[name].types ? errors[name].types : {}),
-            [type]: message || true,
-        },
-    }
-    : {};
-
-const focusFieldBy = (fields, callback, fieldsNames) => {
-    for (const key of fieldsNames || Object.keys(fields)) {
-        const field = get(fields, key);
-        if (field) {
-            const { _f, ...currentField } = field;
-            if (_f && callback(_f.name)) {
-                if (_f.ref.focus) {
-                    _f.ref.focus();
-                    break;
-                }
-                else if (_f.refs && _f.refs[0].focus) {
-                    _f.refs[0].focus();
-                    break;
-                }
-            }
-            else if (isObject$1(currentField)) {
-                focusFieldBy(currentField, callback);
-            }
-        }
-    }
-};
-
-var getValidationModes = (mode) => ({
-    isOnSubmit: !mode || mode === VALIDATION_MODE.onSubmit,
-    isOnBlur: mode === VALIDATION_MODE.onBlur,
-    isOnChange: mode === VALIDATION_MODE.onChange,
-    isOnAll: mode === VALIDATION_MODE.all,
-    isOnTouch: mode === VALIDATION_MODE.onTouched,
-});
-
-var isWatched = (name, _names, isBlurEvent) => !isBlurEvent &&
-    (_names.watchAll ||
-        _names.watch.has(name) ||
-        [..._names.watch].some((watchName) => name.startsWith(watchName) &&
-            /^\.\w+/.test(name.slice(watchName.length))));
-
-var updateFieldArrayRootError = (errors, error, name) => {
-    const fieldArrayErrors = compact(get(errors, name));
-    set(fieldArrayErrors, 'root', error[name]);
-    set(errors, name, fieldArrayErrors);
-    return errors;
-};
-
-var isBoolean = (value) => typeof value === 'boolean';
-
-var isFileInput = (element) => element.type === 'file';
-
-var isFunction$1 = (value) => typeof value === 'function';
-
-var isHTMLElement = (value) => {
-    if (!isWeb) {
-        return false;
-    }
-    const owner = value ? value.ownerDocument : 0;
-    return (value instanceof
-        (owner && owner.defaultView ? owner.defaultView.HTMLElement : HTMLElement));
-};
-
-var isMessage = (value) => isString(value);
-
-var isRadioInput = (element) => element.type === 'radio';
-
-var isRegex = (value) => value instanceof RegExp;
-
-const defaultResult = {
-    value: false,
-    isValid: false,
-};
-const validResult = { value: true, isValid: true };
-var getCheckboxValue = (options) => {
-    if (Array.isArray(options)) {
-        if (options.length > 1) {
-            const values = options
-                .filter((option) => option && option.checked && !option.disabled)
-                .map((option) => option.value);
-            return { value: values, isValid: !!values.length };
-        }
-        return options[0].checked && !options[0].disabled
-            ? // @ts-expect-error expected to work in the browser
-                options[0].attributes && !isUndefined(options[0].attributes.value)
-                    ? isUndefined(options[0].value) || options[0].value === ''
-                        ? validResult
-                        : { value: options[0].value, isValid: true }
-                    : validResult
-            : defaultResult;
-    }
-    return defaultResult;
-};
-
-const defaultReturn = {
-    isValid: false,
-    value: null,
-};
-var getRadioValue = (options) => Array.isArray(options)
-    ? options.reduce((previous, option) => option && option.checked && !option.disabled
-        ? {
-            isValid: true,
-            value: option.value,
-        }
-        : previous, defaultReturn)
-    : defaultReturn;
-
-function getValidateError(result, ref, type = 'validate') {
-    if (isMessage(result) ||
-        (Array.isArray(result) && result.every(isMessage)) ||
-        (isBoolean(result) && !result)) {
-        return {
-            type,
-            message: isMessage(result) ? result : '',
-            ref,
-        };
-    }
-}
-
-var getValueAndMessage = (validationData) => isObject$1(validationData) && !isRegex(validationData)
-    ? validationData
-    : {
-        value: validationData,
-        message: '',
-    };
-
-var validateField = async (field, formValues, validateAllFieldCriteria, shouldUseNativeValidation, isFieldArray) => {
-    const { ref, refs, required, maxLength, minLength, min, max, pattern, validate, name, valueAsNumber, mount, disabled, } = field._f;
-    const inputValue = get(formValues, name);
-    if (!mount || disabled) {
-        return {};
-    }
-    const inputRef = refs ? refs[0] : ref;
-    const setCustomValidity = (message) => {
-        if (shouldUseNativeValidation && inputRef.reportValidity) {
-            inputRef.setCustomValidity(isBoolean(message) ? '' : message || '');
-            inputRef.reportValidity();
-        }
-    };
-    const error = {};
-    const isRadio = isRadioInput(ref);
-    const isCheckBox = isCheckBoxInput(ref);
-    const isRadioOrCheckbox = isRadio || isCheckBox;
-    const isEmpty = ((valueAsNumber || isFileInput(ref)) &&
-        isUndefined(ref.value) &&
-        isUndefined(inputValue)) ||
-        (isHTMLElement(ref) && ref.value === '') ||
-        inputValue === '' ||
-        (Array.isArray(inputValue) && !inputValue.length);
-    const appendErrorsCurry = appendErrors.bind(null, name, validateAllFieldCriteria, error);
-    const getMinMaxMessage = (exceedMax, maxLengthMessage, minLengthMessage, maxType = INPUT_VALIDATION_RULES.maxLength, minType = INPUT_VALIDATION_RULES.minLength) => {
-        const message = exceedMax ? maxLengthMessage : minLengthMessage;
-        error[name] = {
-            type: exceedMax ? maxType : minType,
-            message,
-            ref,
-            ...appendErrorsCurry(exceedMax ? maxType : minType, message),
-        };
-    };
-    if (isFieldArray
-        ? !Array.isArray(inputValue) || !inputValue.length
-        : required &&
-            ((!isRadioOrCheckbox && (isEmpty || isNullOrUndefined(inputValue))) ||
-                (isBoolean(inputValue) && !inputValue) ||
-                (isCheckBox && !getCheckboxValue(refs).isValid) ||
-                (isRadio && !getRadioValue(refs).isValid))) {
-        const { value, message } = isMessage(required)
-            ? { value: !!required, message: required }
-            : getValueAndMessage(required);
-        if (value) {
-            error[name] = {
-                type: INPUT_VALIDATION_RULES.required,
-                message,
-                ref: inputRef,
-                ...appendErrorsCurry(INPUT_VALIDATION_RULES.required, message),
-            };
-            if (!validateAllFieldCriteria) {
-                setCustomValidity(message);
-                return error;
-            }
-        }
-    }
-    if (!isEmpty && (!isNullOrUndefined(min) || !isNullOrUndefined(max))) {
-        let exceedMax;
-        let exceedMin;
-        const maxOutput = getValueAndMessage(max);
-        const minOutput = getValueAndMessage(min);
-        if (!isNullOrUndefined(inputValue) && !isNaN(inputValue)) {
-            const valueNumber = ref.valueAsNumber ||
-                (inputValue ? +inputValue : inputValue);
-            if (!isNullOrUndefined(maxOutput.value)) {
-                exceedMax = valueNumber > maxOutput.value;
-            }
-            if (!isNullOrUndefined(minOutput.value)) {
-                exceedMin = valueNumber < minOutput.value;
-            }
-        }
-        else {
-            const valueDate = ref.valueAsDate || new Date(inputValue);
-            const convertTimeToDate = (time) => new Date(new Date().toDateString() + ' ' + time);
-            const isTime = ref.type == 'time';
-            const isWeek = ref.type == 'week';
-            if (isString(maxOutput.value) && inputValue) {
-                exceedMax = isTime
-                    ? convertTimeToDate(inputValue) > convertTimeToDate(maxOutput.value)
-                    : isWeek
-                        ? inputValue > maxOutput.value
-                        : valueDate > new Date(maxOutput.value);
-            }
-            if (isString(minOutput.value) && inputValue) {
-                exceedMin = isTime
-                    ? convertTimeToDate(inputValue) < convertTimeToDate(minOutput.value)
-                    : isWeek
-                        ? inputValue < minOutput.value
-                        : valueDate < new Date(minOutput.value);
-            }
-        }
-        if (exceedMax || exceedMin) {
-            getMinMaxMessage(!!exceedMax, maxOutput.message, minOutput.message, INPUT_VALIDATION_RULES.max, INPUT_VALIDATION_RULES.min);
-            if (!validateAllFieldCriteria) {
-                setCustomValidity(error[name].message);
-                return error;
-            }
-        }
-    }
-    if ((maxLength || minLength) &&
-        !isEmpty &&
-        (isString(inputValue) || (isFieldArray && Array.isArray(inputValue)))) {
-        const maxLengthOutput = getValueAndMessage(maxLength);
-        const minLengthOutput = getValueAndMessage(minLength);
-        const exceedMax = !isNullOrUndefined(maxLengthOutput.value) &&
-            inputValue.length > +maxLengthOutput.value;
-        const exceedMin = !isNullOrUndefined(minLengthOutput.value) &&
-            inputValue.length < +minLengthOutput.value;
-        if (exceedMax || exceedMin) {
-            getMinMaxMessage(exceedMax, maxLengthOutput.message, minLengthOutput.message);
-            if (!validateAllFieldCriteria) {
-                setCustomValidity(error[name].message);
-                return error;
-            }
-        }
-    }
-    if (pattern && !isEmpty && isString(inputValue)) {
-        const { value: patternValue, message } = getValueAndMessage(pattern);
-        if (isRegex(patternValue) && !inputValue.match(patternValue)) {
-            error[name] = {
-                type: INPUT_VALIDATION_RULES.pattern,
-                message,
-                ref,
-                ...appendErrorsCurry(INPUT_VALIDATION_RULES.pattern, message),
-            };
-            if (!validateAllFieldCriteria) {
-                setCustomValidity(message);
-                return error;
-            }
-        }
-    }
-    if (validate) {
-        if (isFunction$1(validate)) {
-            const result = await validate(inputValue, formValues);
-            const validateError = getValidateError(result, inputRef);
-            if (validateError) {
-                error[name] = {
-                    ...validateError,
-                    ...appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message),
-                };
-                if (!validateAllFieldCriteria) {
-                    setCustomValidity(validateError.message);
-                    return error;
-                }
-            }
-        }
-        else if (isObject$1(validate)) {
-            let validationResult = {};
-            for (const key in validate) {
-                if (!isEmptyObject(validationResult) && !validateAllFieldCriteria) {
-                    break;
-                }
-                const validateError = getValidateError(await validate[key](inputValue, formValues), inputRef, key);
-                if (validateError) {
-                    validationResult = {
-                        ...validateError,
-                        ...appendErrorsCurry(key, validateError.message),
-                    };
-                    setCustomValidity(validateError.message);
-                    if (validateAllFieldCriteria) {
-                        error[name] = validationResult;
-                    }
-                }
-            }
-            if (!isEmptyObject(validationResult)) {
-                error[name] = {
-                    ref: inputRef,
-                    ...validationResult,
-                };
-                if (!validateAllFieldCriteria) {
-                    return error;
-                }
-            }
-        }
-    }
-    setCustomValidity(true);
-    return error;
-};
-
-function baseGet(object, updatePath) {
-    const length = updatePath.slice(0, -1).length;
-    let index = 0;
-    while (index < length) {
-        object = isUndefined(object) ? index++ : object[updatePath[index++]];
-    }
-    return object;
-}
-function isEmptyArray(obj) {
-    for (const key in obj) {
-        if (!isUndefined(obj[key])) {
-            return false;
-        }
-    }
-    return true;
-}
-function unset(object, path) {
-    const paths = Array.isArray(path)
-        ? path
-        : isKey(path)
-            ? [path]
-            : stringToPath(path);
-    const childObject = paths.length === 1 ? object : baseGet(object, paths);
-    const index = paths.length - 1;
-    const key = paths[index];
-    if (childObject) {
-        delete childObject[key];
-    }
-    if (index !== 0 &&
-        ((isObject$1(childObject) && isEmptyObject(childObject)) ||
-            (Array.isArray(childObject) && isEmptyArray(childObject)))) {
-        unset(object, paths.slice(0, -1));
-    }
-    return object;
-}
-
-function createSubject() {
-    let _observers = [];
-    const next = (value) => {
-        for (const observer of _observers) {
-            observer.next && observer.next(value);
-        }
-    };
-    const subscribe = (observer) => {
-        _observers.push(observer);
-        return {
-            unsubscribe: () => {
-                _observers = _observers.filter((o) => o !== observer);
-            },
-        };
-    };
-    const unsubscribe = () => {
-        _observers = [];
-    };
-    return {
-        get observers() {
-            return _observers;
-        },
-        next,
-        subscribe,
-        unsubscribe,
-    };
-}
-
-var isPrimitive = (value) => isNullOrUndefined(value) || !isObjectType(value);
-
-function deepEqual(object1, object2) {
-    if (isPrimitive(object1) || isPrimitive(object2)) {
-        return object1 === object2;
-    }
-    if (isDateObject(object1) && isDateObject(object2)) {
-        return object1.getTime() === object2.getTime();
-    }
-    const keys1 = Object.keys(object1);
-    const keys2 = Object.keys(object2);
-    if (keys1.length !== keys2.length) {
-        return false;
-    }
-    for (const key of keys1) {
-        const val1 = object1[key];
-        if (!keys2.includes(key)) {
-            return false;
-        }
-        if (key !== 'ref') {
-            const val2 = object2[key];
-            if ((isDateObject(val1) && isDateObject(val2)) ||
-                (isObject$1(val1) && isObject$1(val2)) ||
-                (Array.isArray(val1) && Array.isArray(val2))
-                ? !deepEqual(val1, val2)
-                : val1 !== val2) {
-                return false;
-            }
-        }
-    }
-    return true;
-}
-
-var isMultipleSelect = (element) => element.type === `select-multiple`;
-
-var isRadioOrCheckbox = (ref) => isRadioInput(ref) || isCheckBoxInput(ref);
-
-var live = (ref) => isHTMLElement(ref) && ref.isConnected;
-
-var objectHasFunction = (data) => {
-    for (const key in data) {
-        if (isFunction$1(data[key])) {
-            return true;
-        }
-    }
-    return false;
-};
-
-function markFieldsDirty(data, fields = {}) {
-    const isParentNodeArray = Array.isArray(data);
-    if (isObject$1(data) || isParentNodeArray) {
-        for (const key in data) {
-            if (Array.isArray(data[key]) ||
-                (isObject$1(data[key]) && !objectHasFunction(data[key]))) {
-                fields[key] = Array.isArray(data[key]) ? [] : {};
-                markFieldsDirty(data[key], fields[key]);
-            }
-            else if (!isNullOrUndefined(data[key])) {
-                fields[key] = true;
-            }
-        }
-    }
-    return fields;
-}
-function getDirtyFieldsFromDefaultValues(data, formValues, dirtyFieldsFromValues) {
-    const isParentNodeArray = Array.isArray(data);
-    if (isObject$1(data) || isParentNodeArray) {
-        for (const key in data) {
-            if (Array.isArray(data[key]) ||
-                (isObject$1(data[key]) && !objectHasFunction(data[key]))) {
-                if (isUndefined(formValues) ||
-                    isPrimitive(dirtyFieldsFromValues[key])) {
-                    dirtyFieldsFromValues[key] = Array.isArray(data[key])
-                        ? markFieldsDirty(data[key], [])
-                        : { ...markFieldsDirty(data[key]) };
-                }
-                else {
-                    getDirtyFieldsFromDefaultValues(data[key], isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]);
-                }
-            }
-            else {
-                dirtyFieldsFromValues[key] = !deepEqual(data[key], formValues[key]);
-            }
-        }
-    }
-    return dirtyFieldsFromValues;
-}
-var getDirtyFields = (defaultValues, formValues) => getDirtyFieldsFromDefaultValues(defaultValues, formValues, markFieldsDirty(formValues));
-
-var getFieldValueAs = (value, { valueAsNumber, valueAsDate, setValueAs }) => isUndefined(value)
-    ? value
-    : valueAsNumber
-        ? value === ''
-            ? NaN
-            : value
-                ? +value
-                : value
-        : valueAsDate && isString(value)
-            ? new Date(value)
-            : setValueAs
-                ? setValueAs(value)
-                : value;
-
-function getFieldValue(_f) {
-    const ref = _f.ref;
-    if (_f.refs ? _f.refs.every((ref) => ref.disabled) : ref.disabled) {
-        return;
-    }
-    if (isFileInput(ref)) {
-        return ref.files;
-    }
-    if (isRadioInput(ref)) {
-        return getRadioValue(_f.refs).value;
-    }
-    if (isMultipleSelect(ref)) {
-        return [...ref.selectedOptions].map(({ value }) => value);
-    }
-    if (isCheckBoxInput(ref)) {
-        return getCheckboxValue(_f.refs).value;
-    }
-    return getFieldValueAs(isUndefined(ref.value) ? _f.ref.value : ref.value, _f);
-}
-
-var getResolverOptions = (fieldsNames, _fields, criteriaMode, shouldUseNativeValidation) => {
-    const fields = {};
-    for (const name of fieldsNames) {
-        const field = get(_fields, name);
-        field && set(fields, name, field._f);
-    }
-    return {
-        criteriaMode,
-        names: [...fieldsNames],
-        fields,
-        shouldUseNativeValidation,
-    };
-};
-
-var getRuleValue = (rule) => isUndefined(rule)
-    ? rule
-    : isRegex(rule)
-        ? rule.source
-        : isObject$1(rule)
-            ? isRegex(rule.value)
-                ? rule.value.source
-                : rule.value
-            : rule;
-
-var hasValidation = (options) => options.mount &&
-    (options.required ||
-        options.min ||
-        options.max ||
-        options.maxLength ||
-        options.minLength ||
-        options.pattern ||
-        options.validate);
-
-function schemaErrorLookup(errors, _fields, name) {
-    const error = get(errors, name);
-    if (error || isKey(name)) {
-        return {
-            error,
-            name,
-        };
-    }
-    const names = name.split('.');
-    while (names.length) {
-        const fieldName = names.join('.');
-        const field = get(_fields, fieldName);
-        const foundError = get(errors, fieldName);
-        if (field && !Array.isArray(field) && name !== fieldName) {
-            return { name };
-        }
-        if (foundError && foundError.type) {
-            return {
-                name: fieldName,
-                error: foundError,
-            };
-        }
-        names.pop();
-    }
-    return {
-        name,
-    };
-}
-
-var skipValidation = (isBlurEvent, isTouched, isSubmitted, reValidateMode, mode) => {
-    if (mode.isOnAll) {
-        return false;
-    }
-    else if (!isSubmitted && mode.isOnTouch) {
-        return !(isTouched || isBlurEvent);
-    }
-    else if (isSubmitted ? reValidateMode.isOnBlur : mode.isOnBlur) {
-        return !isBlurEvent;
-    }
-    else if (isSubmitted ? reValidateMode.isOnChange : mode.isOnChange) {
-        return isBlurEvent;
-    }
-    return true;
-};
-
-var unsetEmptyArray = (ref, name) => !compact(get(ref, name)).length && unset(ref, name);
-
-const defaultOptions = {
-    mode: VALIDATION_MODE.onSubmit,
-    reValidateMode: VALIDATION_MODE.onChange,
-    shouldFocusError: true,
-};
-function createFormControl(props = {}, flushRootRender) {
-    let _options = {
-        ...defaultOptions,
-        ...props,
-    };
-    let _formState = {
-        submitCount: 0,
-        isDirty: false,
-        isLoading: isFunction$1(_options.defaultValues),
-        isValidating: false,
-        isSubmitted: false,
-        isSubmitting: false,
-        isSubmitSuccessful: false,
-        isValid: false,
-        touchedFields: {},
-        dirtyFields: {},
-        errors: {},
-    };
-    let _fields = {};
-    let _defaultValues = isObject$1(_options.defaultValues) || isObject$1(_options.values)
-        ? cloneObject(_options.defaultValues || _options.values) || {}
-        : {};
-    let _formValues = _options.shouldUnregister
-        ? {}
-        : cloneObject(_defaultValues);
-    let _state = {
-        action: false,
-        mount: false,
-        watch: false,
-    };
-    let _names = {
-        mount: new Set(),
-        unMount: new Set(),
-        array: new Set(),
-        watch: new Set(),
-    };
-    let delayErrorCallback;
-    let timer = 0;
-    const _proxyFormState = {
-        isDirty: false,
-        dirtyFields: false,
-        touchedFields: false,
-        isValidating: false,
-        isValid: false,
-        errors: false,
-    };
-    const _subjects = {
-        values: createSubject(),
-        array: createSubject(),
-        state: createSubject(),
-    };
-    const shouldCaptureDirtyFields = props.resetOptions && props.resetOptions.keepDirtyValues;
-    const validationModeBeforeSubmit = getValidationModes(_options.mode);
-    const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
-    const shouldDisplayAllAssociatedErrors = _options.criteriaMode === VALIDATION_MODE.all;
-    const debounce = (callback) => (wait) => {
-        clearTimeout(timer);
-        timer = setTimeout(callback, wait);
-    };
-    const _updateValid = async (shouldUpdateValid) => {
-        if (_proxyFormState.isValid || shouldUpdateValid) {
-            const isValid = _options.resolver
-                ? isEmptyObject((await _executeSchema()).errors)
-                : await executeBuiltInValidation(_fields, true);
-            if (isValid !== _formState.isValid) {
-                _subjects.state.next({
-                    isValid,
-                });
-            }
-        }
-    };
-    const _updateIsValidating = (value) => _proxyFormState.isValidating &&
-        _subjects.state.next({
-            isValidating: value,
-        });
-    const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
-        if (args && method) {
-            _state.action = true;
-            if (shouldUpdateFieldsAndState && Array.isArray(get(_fields, name))) {
-                const fieldValues = method(get(_fields, name), args.argA, args.argB);
-                shouldSetValues && set(_fields, name, fieldValues);
-            }
-            if (shouldUpdateFieldsAndState &&
-                Array.isArray(get(_formState.errors, name))) {
-                const errors = method(get(_formState.errors, name), args.argA, args.argB);
-                shouldSetValues && set(_formState.errors, name, errors);
-                unsetEmptyArray(_formState.errors, name);
-            }
-            if (_proxyFormState.touchedFields &&
-                shouldUpdateFieldsAndState &&
-                Array.isArray(get(_formState.touchedFields, name))) {
-                const touchedFields = method(get(_formState.touchedFields, name), args.argA, args.argB);
-                shouldSetValues && set(_formState.touchedFields, name, touchedFields);
-            }
-            if (_proxyFormState.dirtyFields) {
-                _formState.dirtyFields = getDirtyFields(_defaultValues, _formValues);
-            }
-            _subjects.state.next({
-                name,
-                isDirty: _getDirty(name, values),
-                dirtyFields: _formState.dirtyFields,
-                errors: _formState.errors,
-                isValid: _formState.isValid,
-            });
-        }
-        else {
-            set(_formValues, name, values);
-        }
-    };
-    const updateErrors = (name, error) => {
-        set(_formState.errors, name, error);
-        _subjects.state.next({
-            errors: _formState.errors,
-        });
-    };
-    const updateValidAndValue = (name, shouldSkipSetValueAs, value, ref) => {
-        const field = get(_fields, name);
-        if (field) {
-            const defaultValue = get(_formValues, name, isUndefined(value) ? get(_defaultValues, name) : value);
-            isUndefined(defaultValue) ||
-                (ref && ref.defaultChecked) ||
-                shouldSkipSetValueAs
-                ? set(_formValues, name, shouldSkipSetValueAs ? defaultValue : getFieldValue(field._f))
-                : setFieldValue(name, defaultValue);
-            _state.mount && _updateValid();
-        }
-    };
-    const updateTouchAndDirty = (name, fieldValue, isBlurEvent, shouldDirty, shouldRender) => {
-        let shouldUpdateField = false;
-        let isPreviousDirty = false;
-        const output = {
-            name,
-        };
-        if (!isBlurEvent || shouldDirty) {
-            if (_proxyFormState.isDirty) {
-                isPreviousDirty = _formState.isDirty;
-                _formState.isDirty = output.isDirty = _getDirty();
-                shouldUpdateField = isPreviousDirty !== output.isDirty;
-            }
-            const isCurrentFieldPristine = deepEqual(get(_defaultValues, name), fieldValue);
-            isPreviousDirty = get(_formState.dirtyFields, name);
-            isCurrentFieldPristine
-                ? unset(_formState.dirtyFields, name)
-                : set(_formState.dirtyFields, name, true);
-            output.dirtyFields = _formState.dirtyFields;
-            shouldUpdateField =
-                shouldUpdateField ||
-                    (_proxyFormState.dirtyFields &&
-                        isPreviousDirty !== !isCurrentFieldPristine);
-        }
-        if (isBlurEvent) {
-            const isPreviousFieldTouched = get(_formState.touchedFields, name);
-            if (!isPreviousFieldTouched) {
-                set(_formState.touchedFields, name, isBlurEvent);
-                output.touchedFields = _formState.touchedFields;
-                shouldUpdateField =
-                    shouldUpdateField ||
-                        (_proxyFormState.touchedFields &&
-                            isPreviousFieldTouched !== isBlurEvent);
-            }
-        }
-        shouldUpdateField && shouldRender && _subjects.state.next(output);
-        return shouldUpdateField ? output : {};
-    };
-    const shouldRenderByError = (name, isValid, error, fieldState) => {
-        const previousFieldError = get(_formState.errors, name);
-        const shouldUpdateValid = _proxyFormState.isValid &&
-            isBoolean(isValid) &&
-            _formState.isValid !== isValid;
-        if (props.delayError && error) {
-            delayErrorCallback = debounce(() => updateErrors(name, error));
-            delayErrorCallback(props.delayError);
-        }
-        else {
-            clearTimeout(timer);
-            delayErrorCallback = null;
-            error
-                ? set(_formState.errors, name, error)
-                : unset(_formState.errors, name);
-        }
-        if ((error ? !deepEqual(previousFieldError, error) : previousFieldError) ||
-            !isEmptyObject(fieldState) ||
-            shouldUpdateValid) {
-            const updatedFormState = {
-                ...fieldState,
-                ...(shouldUpdateValid && isBoolean(isValid) ? { isValid } : {}),
-                errors: _formState.errors,
-                name,
-            };
-            _formState = {
-                ..._formState,
-                ...updatedFormState,
-            };
-            _subjects.state.next(updatedFormState);
-        }
-        _updateIsValidating(false);
-    };
-    const _executeSchema = async (name) => _options.resolver(_formValues, _options.context, getResolverOptions(name || _names.mount, _fields, _options.criteriaMode, _options.shouldUseNativeValidation));
-    const executeSchemaAndUpdateState = async (names) => {
-        const { errors } = await _executeSchema();
-        if (names) {
-            for (const name of names) {
-                const error = get(errors, name);
-                error
-                    ? set(_formState.errors, name, error)
-                    : unset(_formState.errors, name);
-            }
-        }
-        else {
-            _formState.errors = errors;
-        }
-        return errors;
-    };
-    const executeBuiltInValidation = async (fields, shouldOnlyCheckValid, context = {
-        valid: true,
-    }) => {
-        for (const name in fields) {
-            const field = fields[name];
-            if (field) {
-                const { _f, ...fieldValue } = field;
-                if (_f) {
-                    const isFieldArrayRoot = _names.array.has(_f.name);
-                    const fieldError = await validateField(field, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation && !shouldOnlyCheckValid, isFieldArrayRoot);
-                    if (fieldError[_f.name]) {
-                        context.valid = false;
-                        if (shouldOnlyCheckValid) {
-                            break;
-                        }
-                    }
-                    !shouldOnlyCheckValid &&
-                        (get(fieldError, _f.name)
-                            ? isFieldArrayRoot
-                                ? updateFieldArrayRootError(_formState.errors, fieldError, _f.name)
-                                : set(_formState.errors, _f.name, fieldError[_f.name])
-                            : unset(_formState.errors, _f.name));
-                }
-                fieldValue &&
-                    (await executeBuiltInValidation(fieldValue, shouldOnlyCheckValid, context));
-            }
-        }
-        return context.valid;
-    };
-    const _removeUnmounted = () => {
-        for (const name of _names.unMount) {
-            const field = get(_fields, name);
-            field &&
-                (field._f.refs
-                    ? field._f.refs.every((ref) => !live(ref))
-                    : !live(field._f.ref)) &&
-                unregister(name);
-        }
-        _names.unMount = new Set();
-    };
-    const _getDirty = (name, data) => (name && data && set(_formValues, name, data),
-        !deepEqual(getValues(), _defaultValues));
-    const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
-        ...(_state.mount
-            ? _formValues
-            : isUndefined(defaultValue)
-                ? _defaultValues
-                : isString(names)
-                    ? { [names]: defaultValue }
-                    : defaultValue),
-    }, isGlobal, defaultValue);
-    const _getFieldArray = (name) => compact(get(_state.mount ? _formValues : _defaultValues, name, props.shouldUnregister ? get(_defaultValues, name, []) : []));
-    const setFieldValue = (name, value, options = {}) => {
-        const field = get(_fields, name);
-        let fieldValue = value;
-        if (field) {
-            const fieldReference = field._f;
-            if (fieldReference) {
-                !fieldReference.disabled &&
-                    set(_formValues, name, getFieldValueAs(value, fieldReference));
-                fieldValue =
-                    isHTMLElement(fieldReference.ref) && isNullOrUndefined(value)
-                        ? ''
-                        : value;
-                if (isMultipleSelect(fieldReference.ref)) {
-                    [...fieldReference.ref.options].forEach((optionRef) => (optionRef.selected = fieldValue.includes(optionRef.value)));
-                }
-                else if (fieldReference.refs) {
-                    if (isCheckBoxInput(fieldReference.ref)) {
-                        fieldReference.refs.length > 1
-                            ? fieldReference.refs.forEach((checkboxRef) => (!checkboxRef.defaultChecked || !checkboxRef.disabled) &&
-                                (checkboxRef.checked = Array.isArray(fieldValue)
-                                    ? !!fieldValue.find((data) => data === checkboxRef.value)
-                                    : fieldValue === checkboxRef.value))
-                            : fieldReference.refs[0] &&
-                                (fieldReference.refs[0].checked = !!fieldValue);
-                    }
-                    else {
-                        fieldReference.refs.forEach((radioRef) => (radioRef.checked = radioRef.value === fieldValue));
-                    }
-                }
-                else if (isFileInput(fieldReference.ref)) {
-                    fieldReference.ref.value = '';
-                }
-                else {
-                    fieldReference.ref.value = fieldValue;
-                    if (!fieldReference.ref.type) {
-                        _subjects.values.next({
-                            name,
-                            values: { ..._formValues },
-                        });
-                    }
-                }
-            }
-        }
-        (options.shouldDirty || options.shouldTouch) &&
-            updateTouchAndDirty(name, fieldValue, options.shouldTouch, options.shouldDirty, true);
-        options.shouldValidate && trigger(name);
-    };
-    const setValues = (name, value, options) => {
-        for (const fieldKey in value) {
-            const fieldValue = value[fieldKey];
-            const fieldName = `${name}.${fieldKey}`;
-            const field = get(_fields, fieldName);
-            (_names.array.has(name) ||
-                !isPrimitive(fieldValue) ||
-                (field && !field._f)) &&
-                !isDateObject(fieldValue)
-                ? setValues(fieldName, fieldValue, options)
-                : setFieldValue(fieldName, fieldValue, options);
-        }
-    };
-    const setValue = (name, value, options = {}) => {
-        const field = get(_fields, name);
-        const isFieldArray = _names.array.has(name);
-        const cloneValue = cloneObject(value);
-        set(_formValues, name, cloneValue);
-        if (isFieldArray) {
-            _subjects.array.next({
-                name,
-                values: { ..._formValues },
-            });
-            if ((_proxyFormState.isDirty || _proxyFormState.dirtyFields) &&
-                options.shouldDirty) {
-                _subjects.state.next({
-                    name,
-                    dirtyFields: getDirtyFields(_defaultValues, _formValues),
-                    isDirty: _getDirty(name, cloneValue),
-                });
-            }
-        }
-        else {
-            field && !field._f && !isNullOrUndefined(cloneValue)
-                ? setValues(name, cloneValue, options)
-                : setFieldValue(name, cloneValue, options);
-        }
-        isWatched(name, _names) && _subjects.state.next({ ..._formState });
-        _subjects.values.next({
-            name,
-            values: { ..._formValues },
-        });
-        !_state.mount && flushRootRender();
-    };
-    const onChange = async (event) => {
-        const target = event.target;
-        let name = target.name;
-        let isFieldValueUpdated = true;
-        const field = get(_fields, name);
-        const getCurrentFieldValue = () => target.type ? getFieldValue(field._f) : getEventValue(event);
-        if (field) {
-            let error;
-            let isValid;
-            const fieldValue = getCurrentFieldValue();
-            const isBlurEvent = event.type === EVENTS.BLUR || event.type === EVENTS.FOCUS_OUT;
-            const shouldSkipValidation = (!hasValidation(field._f) &&
-                !_options.resolver &&
-                !get(_formState.errors, name) &&
-                !field._f.deps) ||
-                skipValidation(isBlurEvent, get(_formState.touchedFields, name), _formState.isSubmitted, validationModeAfterSubmit, validationModeBeforeSubmit);
-            const watched = isWatched(name, _names, isBlurEvent);
-            set(_formValues, name, fieldValue);
-            if (isBlurEvent) {
-                field._f.onBlur && field._f.onBlur(event);
-                delayErrorCallback && delayErrorCallback(0);
-            }
-            else if (field._f.onChange) {
-                field._f.onChange(event);
-            }
-            const fieldState = updateTouchAndDirty(name, fieldValue, isBlurEvent, false);
-            const shouldRender = !isEmptyObject(fieldState) || watched;
-            !isBlurEvent &&
-                _subjects.values.next({
-                    name,
-                    type: event.type,
-                    values: { ..._formValues },
-                });
-            if (shouldSkipValidation) {
-                _proxyFormState.isValid && _updateValid();
-                return (shouldRender &&
-                    _subjects.state.next({ name, ...(watched ? {} : fieldState) }));
-            }
-            !isBlurEvent && watched && _subjects.state.next({ ..._formState });
-            _updateIsValidating(true);
-            if (_options.resolver) {
-                const { errors } = await _executeSchema([name]);
-                const previousErrorLookupResult = schemaErrorLookup(_formState.errors, _fields, name);
-                const errorLookupResult = schemaErrorLookup(errors, _fields, previousErrorLookupResult.name || name);
-                error = errorLookupResult.error;
-                name = errorLookupResult.name;
-                isValid = isEmptyObject(errors);
-            }
-            else {
-                error = (await validateField(field, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation))[name];
-                isFieldValueUpdated =
-                    isNaN(fieldValue) ||
-                        fieldValue === get(_formValues, name, fieldValue);
-                if (isFieldValueUpdated) {
-                    if (error) {
-                        isValid = false;
-                    }
-                    else if (_proxyFormState.isValid) {
-                        isValid = await executeBuiltInValidation(_fields, true);
-                    }
-                }
-            }
-            if (isFieldValueUpdated) {
-                field._f.deps &&
-                    trigger(field._f.deps);
-                shouldRenderByError(name, isValid, error, fieldState);
-            }
-        }
-    };
-    const trigger = async (name, options = {}) => {
-        let isValid;
-        let validationResult;
-        const fieldNames = convertToArrayPayload(name);
-        _updateIsValidating(true);
-        if (_options.resolver) {
-            const errors = await executeSchemaAndUpdateState(isUndefined(name) ? name : fieldNames);
-            isValid = isEmptyObject(errors);
-            validationResult = name
-                ? !fieldNames.some((name) => get(errors, name))
-                : isValid;
-        }
-        else if (name) {
-            validationResult = (await Promise.all(fieldNames.map(async (fieldName) => {
-                const field = get(_fields, fieldName);
-                return await executeBuiltInValidation(field && field._f ? { [fieldName]: field } : field);
-            }))).every(Boolean);
-            !(!validationResult && !_formState.isValid) && _updateValid();
-        }
-        else {
-            validationResult = isValid = await executeBuiltInValidation(_fields);
-        }
-        _subjects.state.next({
-            ...(!isString(name) ||
-                (_proxyFormState.isValid && isValid !== _formState.isValid)
-                ? {}
-                : { name }),
-            ...(_options.resolver || !name ? { isValid } : {}),
-            errors: _formState.errors,
-            isValidating: false,
-        });
-        options.shouldFocus &&
-            !validationResult &&
-            focusFieldBy(_fields, (key) => key && get(_formState.errors, key), name ? fieldNames : _names.mount);
-        return validationResult;
-    };
-    const getValues = (fieldNames) => {
-        const values = {
-            ..._defaultValues,
-            ...(_state.mount ? _formValues : {}),
-        };
-        return isUndefined(fieldNames)
-            ? values
-            : isString(fieldNames)
-                ? get(values, fieldNames)
-                : fieldNames.map((name) => get(values, name));
-    };
-    const getFieldState = (name, formState) => ({
-        invalid: !!get((formState || _formState).errors, name),
-        isDirty: !!get((formState || _formState).dirtyFields, name),
-        isTouched: !!get((formState || _formState).touchedFields, name),
-        error: get((formState || _formState).errors, name),
-    });
-    const clearErrors = (name) => {
-        name &&
-            convertToArrayPayload(name).forEach((inputName) => unset(_formState.errors, inputName));
-        _subjects.state.next({
-            errors: name ? _formState.errors : {},
-        });
-    };
-    const setError = (name, error, options) => {
-        const ref = (get(_fields, name, { _f: {} })._f || {}).ref;
-        set(_formState.errors, name, {
-            ...error,
-            ref,
-        });
-        _subjects.state.next({
-            name,
-            errors: _formState.errors,
-            isValid: false,
-        });
-        options && options.shouldFocus && ref && ref.focus && ref.focus();
-    };
-    const watch = (name, defaultValue) => isFunction$1(name)
-        ? _subjects.values.subscribe({
-            next: (payload) => name(_getWatch(undefined, defaultValue), payload),
-        })
-        : _getWatch(name, defaultValue, true);
-    const unregister = (name, options = {}) => {
-        for (const fieldName of name ? convertToArrayPayload(name) : _names.mount) {
-            _names.mount.delete(fieldName);
-            _names.array.delete(fieldName);
-            if (!options.keepValue) {
-                unset(_fields, fieldName);
-                unset(_formValues, fieldName);
-            }
-            !options.keepError && unset(_formState.errors, fieldName);
-            !options.keepDirty && unset(_formState.dirtyFields, fieldName);
-            !options.keepTouched && unset(_formState.touchedFields, fieldName);
-            !_options.shouldUnregister &&
-                !options.keepDefaultValue &&
-                unset(_defaultValues, fieldName);
-        }
-        _subjects.values.next({
-            values: { ..._formValues },
-        });
-        _subjects.state.next({
-            ..._formState,
-            ...(!options.keepDirty ? {} : { isDirty: _getDirty() }),
-        });
-        !options.keepIsValid && _updateValid();
-    };
-    const register = (name, options = {}) => {
-        let field = get(_fields, name);
-        const disabledIsDefined = isBoolean(options.disabled);
-        set(_fields, name, {
-            ...(field || {}),
-            _f: {
-                ...(field && field._f ? field._f : { ref: { name } }),
-                name,
-                mount: true,
-                ...options,
-            },
-        });
-        _names.mount.add(name);
-        field
-            ? disabledIsDefined &&
-                set(_formValues, name, options.disabled
-                    ? undefined
-                    : get(_formValues, name, getFieldValue(field._f)))
-            : updateValidAndValue(name, true, options.value);
-        return {
-            ...(disabledIsDefined ? { disabled: options.disabled } : {}),
-            ...(_options.shouldUseNativeValidation
-                ? {
-                    required: !!options.required,
-                    min: getRuleValue(options.min),
-                    max: getRuleValue(options.max),
-                    minLength: getRuleValue(options.minLength),
-                    maxLength: getRuleValue(options.maxLength),
-                    pattern: getRuleValue(options.pattern),
-                }
-                : {}),
-            name,
-            onChange,
-            onBlur: onChange,
-            ref: (ref) => {
-                if (ref) {
-                    register(name, options);
-                    field = get(_fields, name);
-                    const fieldRef = isUndefined(ref.value)
-                        ? ref.querySelectorAll
-                            ? ref.querySelectorAll('input,select,textarea')[0] || ref
-                            : ref
-                        : ref;
-                    const radioOrCheckbox = isRadioOrCheckbox(fieldRef);
-                    const refs = field._f.refs || [];
-                    if (radioOrCheckbox
-                        ? refs.find((option) => option === fieldRef)
-                        : fieldRef === field._f.ref) {
-                        return;
-                    }
-                    set(_fields, name, {
-                        _f: {
-                            ...field._f,
-                            ...(radioOrCheckbox
-                                ? {
-                                    refs: [
-                                        ...refs.filter(live),
-                                        fieldRef,
-                                        ...(Array.isArray(get(_defaultValues, name)) ? [{}] : []),
-                                    ],
-                                    ref: { type: fieldRef.type, name },
-                                }
-                                : { ref: fieldRef }),
-                        },
-                    });
-                    updateValidAndValue(name, false, undefined, fieldRef);
-                }
-                else {
-                    field = get(_fields, name, {});
-                    if (field._f) {
-                        field._f.mount = false;
-                    }
-                    (_options.shouldUnregister || options.shouldUnregister) &&
-                        !(isNameInFieldArray(_names.array, name) && _state.action) &&
-                        _names.unMount.add(name);
-                }
-            },
-        };
-    };
-    const _focusError = () => _options.shouldFocusError &&
-        focusFieldBy(_fields, (key) => key && get(_formState.errors, key), _names.mount);
-    const handleSubmit = (onValid, onInvalid) => async (e) => {
-        if (e) {
-            e.preventDefault && e.preventDefault();
-            e.persist && e.persist();
-        }
-        let fieldValues = cloneObject(_formValues);
-        _subjects.state.next({
-            isSubmitting: true,
-        });
-        if (_options.resolver) {
-            const { errors, values } = await _executeSchema();
-            _formState.errors = errors;
-            fieldValues = values;
-        }
-        else {
-            await executeBuiltInValidation(_fields);
-        }
-        unset(_formState.errors, 'root');
-        if (isEmptyObject(_formState.errors)) {
-            _subjects.state.next({
-                errors: {},
-            });
-            await onValid(fieldValues, e);
-        }
-        else {
-            if (onInvalid) {
-                await onInvalid({ ..._formState.errors }, e);
-            }
-            _focusError();
-            setTimeout(_focusError);
-        }
-        _subjects.state.next({
-            isSubmitted: true,
-            isSubmitting: false,
-            isSubmitSuccessful: isEmptyObject(_formState.errors),
-            submitCount: _formState.submitCount + 1,
-            errors: _formState.errors,
-        });
-    };
-    const resetField = (name, options = {}) => {
-        if (get(_fields, name)) {
-            if (isUndefined(options.defaultValue)) {
-                setValue(name, get(_defaultValues, name));
-            }
-            else {
-                setValue(name, options.defaultValue);
-                set(_defaultValues, name, options.defaultValue);
-            }
-            if (!options.keepTouched) {
-                unset(_formState.touchedFields, name);
-            }
-            if (!options.keepDirty) {
-                unset(_formState.dirtyFields, name);
-                _formState.isDirty = options.defaultValue
-                    ? _getDirty(name, get(_defaultValues, name))
-                    : _getDirty();
-            }
-            if (!options.keepError) {
-                unset(_formState.errors, name);
-                _proxyFormState.isValid && _updateValid();
-            }
-            _subjects.state.next({ ..._formState });
-        }
-    };
-    const _reset = (formValues, keepStateOptions = {}) => {
-        const updatedValues = formValues || _defaultValues;
-        const cloneUpdatedValues = cloneObject(updatedValues);
-        const values = formValues && !isEmptyObject(formValues)
-            ? cloneUpdatedValues
-            : _defaultValues;
-        if (!keepStateOptions.keepDefaultValues) {
-            _defaultValues = updatedValues;
-        }
-        if (!keepStateOptions.keepValues) {
-            if (keepStateOptions.keepDirtyValues || shouldCaptureDirtyFields) {
-                for (const fieldName of _names.mount) {
-                    get(_formState.dirtyFields, fieldName)
-                        ? set(values, fieldName, get(_formValues, fieldName))
-                        : setValue(fieldName, get(values, fieldName));
-                }
-            }
-            else {
-                if (isWeb && isUndefined(formValues)) {
-                    for (const name of _names.mount) {
-                        const field = get(_fields, name);
-                        if (field && field._f) {
-                            const fieldReference = Array.isArray(field._f.refs)
-                                ? field._f.refs[0]
-                                : field._f.ref;
-                            if (isHTMLElement(fieldReference)) {
-                                const form = fieldReference.closest('form');
-                                if (form) {
-                                    form.reset();
-                                    break;
-                                }
-                            }
-                        }
-                    }
-                }
-                _fields = {};
-            }
-            _formValues = props.shouldUnregister
-                ? keepStateOptions.keepDefaultValues
-                    ? cloneObject(_defaultValues)
-                    : {}
-                : cloneUpdatedValues;
-            _subjects.array.next({
-                values: { ...values },
-            });
-            _subjects.values.next({
-                values: { ...values },
-            });
-        }
-        _names = {
-            mount: new Set(),
-            unMount: new Set(),
-            array: new Set(),
-            watch: new Set(),
-            watchAll: false,
-            focus: '',
-        };
-        !_state.mount && flushRootRender();
-        _state.mount = !_proxyFormState.isValid || !!keepStateOptions.keepIsValid;
-        _state.watch = !!props.shouldUnregister;
-        _subjects.state.next({
-            submitCount: keepStateOptions.keepSubmitCount
-                ? _formState.submitCount
-                : 0,
-            isDirty: keepStateOptions.keepDirty
-                ? _formState.isDirty
-                : !!(keepStateOptions.keepDefaultValues &&
-                    !deepEqual(formValues, _defaultValues)),
-            isSubmitted: keepStateOptions.keepIsSubmitted
-                ? _formState.isSubmitted
-                : false,
-            dirtyFields: keepStateOptions.keepDirtyValues
-                ? _formState.dirtyFields
-                : keepStateOptions.keepDefaultValues && formValues
-                    ? getDirtyFields(_defaultValues, formValues)
-                    : {},
-            touchedFields: keepStateOptions.keepTouched
-                ? _formState.touchedFields
-                : {},
-            errors: keepStateOptions.keepErrors ? _formState.errors : {},
-            isSubmitting: false,
-            isSubmitSuccessful: false,
-        });
-    };
-    const reset = (formValues, keepStateOptions) => _reset(isFunction$1(formValues)
-        ? formValues(_formValues)
-        : formValues, keepStateOptions);
-    const setFocus = (name, options = {}) => {
-        const field = get(_fields, name);
-        const fieldReference = field && field._f;
-        if (fieldReference) {
-            const fieldRef = fieldReference.refs
-                ? fieldReference.refs[0]
-                : fieldReference.ref;
-            if (fieldRef.focus) {
-                fieldRef.focus();
-                options.shouldSelect && fieldRef.select();
-            }
-        }
-    };
-    const _updateFormState = (updatedFormState) => {
-        _formState = {
-            ..._formState,
-            ...updatedFormState,
-        };
-    };
-    const _resetDefaultValues = () => isFunction$1(_options.defaultValues) &&
-        _options.defaultValues().then((values) => {
-            reset(values, _options.resetOptions);
-            _subjects.state.next({
-                isLoading: false,
-            });
-        });
-    return {
-        control: {
-            register,
-            unregister,
-            getFieldState,
-            _executeSchema,
-            _getWatch,
-            _getDirty,
-            _updateValid,
-            _removeUnmounted,
-            _updateFieldArray,
-            _getFieldArray,
-            _reset,
-            _resetDefaultValues,
-            _updateFormState,
-            _subjects,
-            _proxyFormState,
-            get _fields() {
-                return _fields;
-            },
-            get _formValues() {
-                return _formValues;
-            },
-            get _state() {
-                return _state;
-            },
-            set _state(value) {
-                _state = value;
-            },
-            get _defaultValues() {
-                return _defaultValues;
-            },
-            get _names() {
-                return _names;
-            },
-            set _names(value) {
-                _names = value;
-            },
-            get _formState() {
-                return _formState;
-            },
-            set _formState(value) {
-                _formState = value;
-            },
-            get _options() {
-                return _options;
-            },
-            set _options(value) {
-                _options = {
-                    ..._options,
-                    ...value,
-                };
-            },
-        },
-        trigger,
-        register,
-        handleSubmit,
-        watch,
-        setValue,
-        getValues,
-        reset,
-        resetField,
-        clearErrors,
-        unregister,
-        setError,
-        setFocus,
-        getFieldState,
-    };
-}
-
-/**
- * Custom hook to manage the entire form.
- *
- * @remarks
- * [API](https://react-hook-form.com/api/useform) • [Demo](https://codesandbox.io/s/react-hook-form-get-started-ts-5ksmm) • [Video](https://www.youtube.com/watch?v=RkXv4AXXC_4)
- *
- * @param props - form configuration and validation parameters.
- *
- * @returns methods - individual functions to manage the form state. {@link UseFormReturn}
- *
- * @example
- * ```tsx
- * function App() {
- *   const { register, handleSubmit, watch, formState: { errors } } = useForm();
- *   const onSubmit = data => console.log(data);
- *
- *   console.log(watch("example"));
- *
- *   return (
- *     <form onSubmit={handleSubmit(onSubmit)}>
- *       <input defaultValue="test" {...register("example")} />
- *       <input {...register("exampleRequired", { required: true })} />
- *       {errors.exampleRequired && <span>This field is required</span>}
- *       <input type="submit" />
- *     </form>
- *   );
- * }
- * ```
- */
-function useForm(props = {}) {
-    const _formControl = React__default["default"].useRef();
-    const [formState, updateFormState] = React__default["default"].useState({
-        isDirty: false,
-        isValidating: false,
-        isLoading: isFunction$1(props.defaultValues),
-        isSubmitted: false,
-        isSubmitting: false,
-        isSubmitSuccessful: false,
-        isValid: false,
-        submitCount: 0,
-        dirtyFields: {},
-        touchedFields: {},
-        errors: {},
-        defaultValues: isFunction$1(props.defaultValues)
-            ? undefined
-            : props.defaultValues,
-    });
-    if (!_formControl.current) {
-        _formControl.current = {
-            ...createFormControl(props, () => updateFormState((formState) => ({ ...formState }))),
-            formState,
-        };
-    }
-    const control = _formControl.current.control;
-    control._options = props;
-    useSubscribe({
-        subject: control._subjects.state,
-        next: (value) => {
-            if (shouldRenderFormState(value, control._proxyFormState, control._updateFormState, true)) {
-                updateFormState({ ...control._formState });
-            }
-        },
-    });
-    React__default["default"].useEffect(() => {
-        if (props.values && !deepEqual(props.values, control._defaultValues)) {
-            control._reset(props.values, control._options.resetOptions);
-        }
-        else {
-            control._resetDefaultValues();
-        }
-    }, [props.values, control]);
-    React__default["default"].useEffect(() => {
-        if (!control._state.mount) {
-            control._updateValid();
-            control._state.mount = true;
-        }
-        if (control._state.watch) {
-            control._state.watch = false;
-            control._subjects.state.next({ ...control._formState });
-        }
-        control._removeUnmounted();
-    });
-    _formControl.current.formState = getProxyFormState(formState, control);
-    return _formControl.current;
-}
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -18817,7 +17109,7 @@ const UpdateSettingConfig = (obj, file, callback) => {
         formData.append(`Items[${index}].SortOrder`, item.SortOrder ?? 1);
     });
     if (file) {
-        formData.append("file", file);
+        formData.append("File", file);
     }
     const options = {
         method: 'POST',
@@ -18834,7 +17126,7 @@ const UpdateSettingConfig = (obj, file, callback) => {
 
 const SettingApp = (props) => {
     const { isOpen, eventChange, eventClose } = { ...props };
-    useForm({
+    reactHookForm.useForm({
         mode: 'onChange'
     });
     const getWindowSize = () => {