@knovator/pagecreator-admin 0.7.4 → 0.7.6

package/index.cjs

@@ -1757,7 +1757,8 @@ const TRANSLATION_PAIRS_WIDGET = {
   'widget.tabDeleteTitle': 'Are you sure you want to delete this tab?',
   'widget.widgetTitleInfo': 'HTML is supported',
   'widget.minPerRow': 'Value must be greater than zero',
-  'widget.actionsLabel': 'Actions'
+  'widget.actionsLabel': 'Actions',
+  'widget.tabNameRequired': 'Tab Name is required'
 };
 const TRANSLATION_PAIRS_ITEM = {
   'item.title': 'Title',
@@ -1881,6 +1882,70 @@ var toString$6 = function (argument) {
   return $String(argument);
 };
 
+// a string of all valid unicode whitespaces
+var whitespaces$3 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
+  '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
+
+var uncurryThis$b = functionUncurryThis;
+var requireObjectCoercible$3 = requireObjectCoercible$6;
+var toString$5 = toString$6;
+var whitespaces$2 = whitespaces$3;
+
+var replace$2 = uncurryThis$b(''.replace);
+var whitespace = '[' + whitespaces$2 + ']';
+var ltrim = RegExp('^' + whitespace + whitespace + '*');
+var rtrim = RegExp(whitespace + whitespace + '*$');
+
+// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
+var createMethod$2 = function (TYPE) {
+  return function ($this) {
+    var string = toString$5(requireObjectCoercible$3($this));
+    if (TYPE & 1) string = replace$2(string, ltrim, '');
+    if (TYPE & 2) string = replace$2(string, rtrim, '');
+    return string;
+  };
+};
+
+var stringTrim = {
+  // `String.prototype.{ trimLeft, trimStart }` methods
+  // https://tc39.es/ecma262/#sec-string.prototype.trimstart
+  start: createMethod$2(1),
+  // `String.prototype.{ trimRight, trimEnd }` methods
+  // https://tc39.es/ecma262/#sec-string.prototype.trimend
+  end: createMethod$2(2),
+  // `String.prototype.trim` method
+  // https://tc39.es/ecma262/#sec-string.prototype.trim
+  trim: createMethod$2(3)
+};
+
+var PROPER_FUNCTION_NAME$1 = functionName.PROPER;
+var fails$b = fails$n;
+var whitespaces$1 = whitespaces$3;
+
+var non = '\u200B\u0085\u180E';
+
+// check that a method works with the correct list
+// of whitespaces and has a correct name
+var stringTrimForced = function (METHOD_NAME) {
+  return fails$b(function () {
+    return !!whitespaces$1[METHOD_NAME]()
+      || non[METHOD_NAME]() !== non
+      || (PROPER_FUNCTION_NAME$1 && whitespaces$1[METHOD_NAME].name !== METHOD_NAME);
+  });
+};
+
+var $$c = _export;
+var $trim = stringTrim.trim;
+var forcedStringTrimMethod = stringTrimForced;
+
+// `String.prototype.trim` method
+// https://tc39.es/ecma262/#sec-string.prototype.trim
+$$c({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
+  trim: function trim() {
+    return $trim(this);
+  }
+});
+
 var anObject$8 = anObject$e;
 
 // `RegExp.prototype.flags` getter implementation
@@ -1899,13 +1964,13 @@ var regexpFlags$1 = function () {
   return result;
 };
 
-var fails$b = fails$n;
+var fails$a = fails$n;
 var global$c = global$n;
 
 // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
 var $RegExp$2 = global$c.RegExp;
 
-var UNSUPPORTED_Y$1 = fails$b(function () {
+var UNSUPPORTED_Y$1 = fails$a(function () {
   var re = $RegExp$2('a', 'y');
   re.lastIndex = 2;
   return re.exec('abcd') != null;
@@ -1913,11 +1978,11 @@ var UNSUPPORTED_Y$1 = fails$b(function () {
 
 // UC Browser bug
 // https://github.com/zloirock/core-js/issues/1008
-var MISSED_STICKY = UNSUPPORTED_Y$1 || fails$b(function () {
+var MISSED_STICKY = UNSUPPORTED_Y$1 || fails$a(function () {
   return !$RegExp$2('a', 'y').sticky;
 });
 
-var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$b(function () {
+var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$a(function () {
   // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
   var re = $RegExp$2('^r', 'gy');
   re.lastIndex = 2;
@@ -1930,24 +1995,24 @@ var regexpStickyHelpers = {
   UNSUPPORTED_Y: UNSUPPORTED_Y$1
 };
 
-var fails$a = fails$n;
+var fails$9 = fails$n;
 var global$b = global$n;
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
 var $RegExp$1 = global$b.RegExp;
 
-var regexpUnsupportedDotAll = fails$a(function () {
+var regexpUnsupportedDotAll = fails$9(function () {
   var re = $RegExp$1('.', 's');
   return !(re.dotAll && re.exec('\n') && re.flags === 's');
 });
 
-var fails$9 = fails$n;
+var fails$8 = fails$n;
 var global$a = global$n;
 
 // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
 var $RegExp = global$a.RegExp;
 
-var regexpUnsupportedNcg = fails$9(function () {
+var regexpUnsupportedNcg = fails$8(function () {
   var re = $RegExp('(?<a>b)', 'g');
   return re.exec('b').groups.a !== 'b' ||
     'b'.replace(re, '$<a>c') !== 'bc';
@@ -1956,8 +2021,8 @@ var regexpUnsupportedNcg = fails$9(function () {
 /* eslint-disable regexp/no-empty-capturing-group, regexp/no-empty-group, regexp/no-lazy-ends -- testing */
 /* eslint-disable regexp/no-useless-quantifier -- testing */
 var call$b = functionCall;
-var uncurryThis$b = functionUncurryThis;
-var toString$5 = toString$6;
+var uncurryThis$a = functionUncurryThis;
+var toString$4 = toString$6;
 var regexpFlags = regexpFlags$1;
 var stickyHelpers = regexpStickyHelpers;
 var shared = shared$4.exports;
@@ -1969,10 +2034,10 @@ var UNSUPPORTED_NCG = regexpUnsupportedNcg;
 var nativeReplace = shared('native-string-replace', String.prototype.replace);
 var nativeExec = RegExp.prototype.exec;
 var patchedExec = nativeExec;
-var charAt$3 = uncurryThis$b(''.charAt);
-var indexOf = uncurryThis$b(''.indexOf);
-var replace$2 = uncurryThis$b(''.replace);
-var stringSlice$3 = uncurryThis$b(''.slice);
+var charAt$3 = uncurryThis$a(''.charAt);
+var indexOf = uncurryThis$a(''.indexOf);
+var replace$1 = uncurryThis$a(''.replace);
+var stringSlice$3 = uncurryThis$a(''.slice);
 
 var UPDATES_LAST_INDEX_WRONG = (function () {
   var re1 = /a/;
@@ -1993,7 +2058,7 @@ if (PATCH) {
   patchedExec = function exec(string) {
     var re = this;
     var state = getInternalState(re);
-    var str = toString$5(string);
+    var str = toString$4(string);
     var raw = state.raw;
     var result, reCopy, lastIndex, match, i, object, group;
 
@@ -2012,7 +2077,7 @@ if (PATCH) {
     var strCopy = str;
 
     if (sticky) {
-      flags = replace$2(flags, 'y', '');
+      flags = replace$1(flags, 'y', '');
       if (indexOf(flags, 'g') === -1) {
         flags += 'g';
       }
@@ -2070,12 +2135,12 @@ if (PATCH) {
 
 var regexpExec$2 = patchedExec;
 
-var $$c = _export;
+var $$b = _export;
 var exec$2 = regexpExec$2;
 
 // `RegExp.prototype.exec` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.exec
-$$c({ target: 'RegExp', proto: true, forced: /./.exec !== exec$2 }, {
+$$b({ target: 'RegExp', proto: true, forced: /./.exec !== exec$2 }, {
   exec: exec$2
 });
 
@@ -2091,21 +2156,21 @@ var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$
 });
 
 var classofRaw = classofRaw$2;
-var uncurryThis$a = functionUncurryThis;
+var uncurryThis$9 = functionUncurryThis;
 
 var functionUncurryThisClause = function (fn) {
   // Nashorn bug:
   //   https://github.com/zloirock/core-js/issues/1128
   //   https://github.com/zloirock/core-js/issues/1130
-  if (classofRaw(fn) === 'Function') return uncurryThis$a(fn);
+  if (classofRaw(fn) === 'Function') return uncurryThis$9(fn);
 };
 
 // TODO: Remove from `core-js@4` since it's moved to entry points
 
-var uncurryThis$9 = functionUncurryThisClause;
+var uncurryThis$8 = functionUncurryThisClause;
 var defineBuiltIn$3 = defineBuiltIn$7;
 var regexpExec$1 = regexpExec$2;
-var fails$8 = fails$n;
+var fails$7 = fails$n;
 var wellKnownSymbol$9 = wellKnownSymbol$i;
 var createNonEnumerableProperty = createNonEnumerableProperty$5;
 
@@ -2115,14 +2180,14 @@ var RegExpPrototype$2 = RegExp.prototype;
 var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
   var SYMBOL = wellKnownSymbol$9(KEY);
 
-  var DELEGATES_TO_SYMBOL = !fails$8(function () {
+  var DELEGATES_TO_SYMBOL = !fails$7(function () {
     // String methods call symbol-named RegEp methods
     var O = {};
     O[SYMBOL] = function () { return 7; };
     return ''[KEY](O) != 7;
   });
 
-  var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$8(function () {
+  var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$7(function () {
     // Symbol-named RegExp methods call .exec
     var execCalled = false;
     var re = /a/;
@@ -2151,9 +2216,9 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
     !DELEGATES_TO_EXEC ||
     FORCED
   ) {
-    var uncurriedNativeRegExpMethod = uncurryThis$9(/./[SYMBOL]);
+    var uncurriedNativeRegExpMethod = uncurryThis$8(/./[SYMBOL]);
     var methods = exec(SYMBOL, ''[KEY], function (nativeMethod, regexp, str, arg2, forceStringMethod) {
-      var uncurriedNativeMethod = uncurryThis$9(nativeMethod);
+      var uncurriedNativeMethod = uncurryThis$8(nativeMethod);
       var $exec = regexp.exec;
       if ($exec === regexpExec$1 || $exec === RegExpPrototype$2.exec) {
         if (DELEGATES_TO_SYMBOL && !forceStringMethod) {
@@ -2174,18 +2239,18 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
   if (SHAM) createNonEnumerableProperty(RegExpPrototype$2[SYMBOL], 'sham', true);
 };
 
-var uncurryThis$8 = functionUncurryThis;
+var uncurryThis$7 = functionUncurryThis;
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$4;
-var toString$4 = toString$6;
-var requireObjectCoercible$3 = requireObjectCoercible$6;
+var toString$3 = toString$6;
+var requireObjectCoercible$2 = requireObjectCoercible$6;
 
-var charAt$2 = uncurryThis$8(''.charAt);
-var charCodeAt = uncurryThis$8(''.charCodeAt);
-var stringSlice$2 = uncurryThis$8(''.slice);
+var charAt$2 = uncurryThis$7(''.charAt);
+var charCodeAt = uncurryThis$7(''.charCodeAt);
+var stringSlice$2 = uncurryThis$7(''.slice);
 
-var createMethod$2 = function (CONVERT_TO_STRING) {
+var createMethod$1 = function (CONVERT_TO_STRING) {
   return function ($this, pos) {
-    var S = toString$4(requireObjectCoercible$3($this));
+    var S = toString$3(requireObjectCoercible$2($this));
     var position = toIntegerOrInfinity$1(pos);
     var size = S.length;
     var first, second;
@@ -2205,10 +2270,10 @@ var createMethod$2 = function (CONVERT_TO_STRING) {
 var stringMultibyte = {
   // `String.prototype.codePointAt` method
   // https://tc39.es/ecma262/#sec-string.prototype.codepointat
-  codeAt: createMethod$2(false),
+  codeAt: createMethod$1(false),
   // `String.prototype.at` method
   // https://github.com/mathiasbynens/String.prototype.at
-  charAt: createMethod$2(true)
+  charAt: createMethod$1(true)
 };
 
 var charAt$1 = stringMultibyte.charAt;
@@ -2219,13 +2284,13 @@ var advanceStringIndex$1 = function (S, index, unicode) {
   return index + (unicode ? charAt$1(S, index).length : 1);
 };
 
-var uncurryThis$7 = functionUncurryThis;
+var uncurryThis$6 = functionUncurryThis;
 var toObject$1 = toObject$5;
 
 var floor = Math.floor;
-var charAt = uncurryThis$7(''.charAt);
-var replace$1 = uncurryThis$7(''.replace);
-var stringSlice$1 = uncurryThis$7(''.slice);
+var charAt = uncurryThis$6(''.charAt);
+var replace = uncurryThis$6(''.replace);
+var stringSlice$1 = uncurryThis$6(''.slice);
 var SUBSTITUTION_SYMBOLS = /\$([$&'`]|\d{1,2}|<[^>]*>)/g;
 var SUBSTITUTION_SYMBOLS_NO_NAMED = /\$([$&'`]|\d{1,2})/g;
 
@@ -2239,7 +2304,7 @@ var getSubstitution$1 = function (matched, str, position, captures, namedCapture
     namedCaptures = toObject$1(namedCaptures);
     symbols = SUBSTITUTION_SYMBOLS;
   }
-  return replace$1(replacement, symbols, function (match, ch) {
+  return replace(replacement, symbols, function (match, ch) {
     var capture;
     switch (charAt(ch, 0)) {
       case '$': return '$';
@@ -2287,16 +2352,16 @@ var regexpExecAbstract = function (R, S) {
 
 var apply$1 = functionApply;
 var call$8 = functionCall;
-var uncurryThis$6 = functionUncurryThis;
+var uncurryThis$5 = functionUncurryThis;
 var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
-var fails$7 = fails$n;
+var fails$6 = fails$n;
 var anObject$6 = anObject$e;
 var isCallable$5 = isCallable$m;
 var isNullOrUndefined$2 = isNullOrUndefined$5;
 var toIntegerOrInfinity = toIntegerOrInfinity$4;
 var toLength = toLength$2;
-var toString$3 = toString$6;
-var requireObjectCoercible$2 = requireObjectCoercible$6;
+var toString$2 = toString$6;
+var requireObjectCoercible$1 = requireObjectCoercible$6;
 var advanceStringIndex = advanceStringIndex$1;
 var getMethod$2 = getMethod$4;
 var getSubstitution = getSubstitution$1;
@@ -2306,10 +2371,10 @@ var wellKnownSymbol$8 = wellKnownSymbol$i;
 var REPLACE = wellKnownSymbol$8('replace');
 var max = Math.max;
 var min = Math.min;
-var concat = uncurryThis$6([].concat);
-var push = uncurryThis$6([].push);
-var stringIndexOf$1 = uncurryThis$6(''.indexOf);
-var stringSlice = uncurryThis$6(''.slice);
+var concat = uncurryThis$5([].concat);
+var push = uncurryThis$5([].push);
+var stringIndexOf$1 = uncurryThis$5(''.indexOf);
+var stringSlice = uncurryThis$5(''.slice);
 
 var maybeToString = function (it) {
   return it === undefined ? it : String(it);
@@ -2330,7 +2395,7 @@ var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = (function () {
   return false;
 })();
 
-var REPLACE_SUPPORTS_NAMED_GROUPS = !fails$7(function () {
+var REPLACE_SUPPORTS_NAMED_GROUPS = !fails$6(function () {
   var re = /./;
   re.exec = function () {
     var result = [];
@@ -2349,17 +2414,17 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
     // `String.prototype.replace` method
     // https://tc39.es/ecma262/#sec-string.prototype.replace
     function replace(searchValue, replaceValue) {
-      var O = requireObjectCoercible$2(this);
+      var O = requireObjectCoercible$1(this);
       var replacer = isNullOrUndefined$2(searchValue) ? undefined : getMethod$2(searchValue, REPLACE);
       return replacer
         ? call$8(replacer, searchValue, O, replaceValue)
-        : call$8(nativeReplace, toString$3(O), searchValue, replaceValue);
+        : call$8(nativeReplace, toString$2(O), searchValue, replaceValue);
     },
     // `RegExp.prototype[@@replace]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@replace
     function (string, replaceValue) {
       var rx = anObject$6(this);
-      var S = toString$3(string);
+      var S = toString$2(string);
 
       if (
         typeof replaceValue == 'string' &&
@@ -2371,7 +2436,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
       }
 
       var functionalReplace = isCallable$5(replaceValue);
-      if (!functionalReplace) replaceValue = toString$3(replaceValue);
+      if (!functionalReplace) replaceValue = toString$2(replaceValue);
 
       var global = rx.global;
       if (global) {
@@ -2386,7 +2451,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
         push(results, result);
         if (!global) break;
 
-        var matchStr = toString$3(result[0]);
+        var matchStr = toString$2(result[0]);
         if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);
       }
 
@@ -2395,7 +2460,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
       for (var i = 0; i < results.length; i++) {
         result = results[i];
 
-        var matched = toString$3(result[0]);
+        var matched = toString$2(result[0]);
         var position = max(min(toIntegerOrInfinity(result.index), S.length), 0);
         var captures = [];
         // NOTE: This is equivalent to
@@ -2408,7 +2473,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
         if (functionalReplace) {
           var replacerArgs = concat([matched], captures, position, S);
           if (namedCaptures !== undefined) push(replacerArgs, namedCaptures);
-          var replacement = toString$3(apply$1(replaceValue, undefined, replacerArgs));
+          var replacement = toString$2(apply$1(replaceValue, undefined, replacerArgs));
         } else {
           replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);
         }
@@ -2422,19 +2487,19 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
   ];
 }, !REPLACE_SUPPORTS_NAMED_GROUPS || !REPLACE_KEEPS_$0 || REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);
 
-var $$b = _export;
+var $$a = _export;
 var $includes = arrayIncludes.includes;
-var fails$6 = fails$n;
+var fails$5 = fails$n;
 var addToUnscopables = addToUnscopables$2;
 
 // FF99+ bug
-var BROKEN_ON_SPARSE = fails$6(function () {
+var BROKEN_ON_SPARSE = fails$5(function () {
   return !Array(1).includes();
 });
 
 // `Array.prototype.includes` method
 // https://tc39.es/ecma262/#sec-array.prototype.includes
-$$b({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+$$a({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
   includes: function includes(el /* , fromIndex = 0 */) {
     return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -2443,70 +2508,6 @@ $$b({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables('includes');
 
-// a string of all valid unicode whitespaces
-var whitespaces$3 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
-  '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
-
-var uncurryThis$5 = functionUncurryThis;
-var requireObjectCoercible$1 = requireObjectCoercible$6;
-var toString$2 = toString$6;
-var whitespaces$2 = whitespaces$3;
-
-var replace = uncurryThis$5(''.replace);
-var whitespace = '[' + whitespaces$2 + ']';
-var ltrim = RegExp('^' + whitespace + whitespace + '*');
-var rtrim = RegExp(whitespace + whitespace + '*$');
-
-// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
-var createMethod$1 = function (TYPE) {
-  return function ($this) {
-    var string = toString$2(requireObjectCoercible$1($this));
-    if (TYPE & 1) string = replace(string, ltrim, '');
-    if (TYPE & 2) string = replace(string, rtrim, '');
-    return string;
-  };
-};
-
-var stringTrim = {
-  // `String.prototype.{ trimLeft, trimStart }` methods
-  // https://tc39.es/ecma262/#sec-string.prototype.trimstart
-  start: createMethod$1(1),
-  // `String.prototype.{ trimRight, trimEnd }` methods
-  // https://tc39.es/ecma262/#sec-string.prototype.trimend
-  end: createMethod$1(2),
-  // `String.prototype.trim` method
-  // https://tc39.es/ecma262/#sec-string.prototype.trim
-  trim: createMethod$1(3)
-};
-
-var PROPER_FUNCTION_NAME$1 = functionName.PROPER;
-var fails$5 = fails$n;
-var whitespaces$1 = whitespaces$3;
-
-var non = '\u200B\u0085\u180E';
-
-// check that a method works with the correct list
-// of whitespaces and has a correct name
-var stringTrimForced = function (METHOD_NAME) {
-  return fails$5(function () {
-    return !!whitespaces$1[METHOD_NAME]()
-      || non[METHOD_NAME]() !== non
-      || (PROPER_FUNCTION_NAME$1 && whitespaces$1[METHOD_NAME].name !== METHOD_NAME);
-  });
-};
-
-var $$a = _export;
-var $trim = stringTrim.trim;
-var forcedStringTrimMethod = stringTrimForced;
-
-// `String.prototype.trim` method
-// https://tc39.es/ecma262/#sec-string.prototype.trim
-$$a({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
-  trim: function trim() {
-    return $trim(this);
-  }
-});
-
 /* eslint-disable no-useless-escape */
 const paginationDataGatter = data => {
   return data.data.docs;
@@ -2516,7 +2517,7 @@ const dataGatter = data => {
 };
 const capitalizeFirstLetter = (string = '') => {
   var _a;
-  return `${(_a = string === null || string === void 0 ? void 0 : string.charAt(0)) === null || _a === void 0 ? void 0 : _a.toUpperCase()}${string === null || string === void 0 ? void 0 : string.slice(1)}`;
+  return `${(_a = string === null || string === void 0 ? void 0 : string.trim().charAt(0)) === null || _a === void 0 ? void 0 : _a.toUpperCase()}${string === null || string === void 0 ? void 0 : string.slice(1)}`;
 };
 const changeToCode = (string = '') => {
   var _a, _b;
@@ -2896,6 +2897,9 @@ const usePage = ({
         onError: handleError(code)
       });
       if ((response === null || response === void 0 ? void 0 : response.code) === 'SUCCESS') {
+        if (formState === 'ADD') {
+          setCurrentPage(1);
+        }
         setLoading(false);
         onSuccess(code, response === null || response === void 0 ? void 0 : response.code, response === null || response === void 0 ? void 0 : response.message);
         getPages();
@@ -4230,6 +4234,7 @@ const DeleteModal = ({
   confirm,
   typeHerePlaceholder
 }) => {
+  var _a;
   const [userInput, setUserInput] = React.useState('');
   React.useEffect(() => {
     setUserInput('');
@@ -4250,13 +4255,14 @@ const DeleteModal = ({
     className: "khb_delete-actions"
   }, /*#__PURE__*/React__default["default"].createElement(Input, {
     placeholder: typeHerePlaceholder || TRANSLATION_PAIRS_COMMON.typeHerePlaceholder,
+    wrapperClassName: "w-full",
     className: "khb_delete-input",
     value: userInput,
     onChange: e => setUserInput(e.target.value)
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "khb_delete-buttons"
   }, /*#__PURE__*/React__default["default"].createElement(Button, {
-    disabled: userInput !== (itemData === null || itemData === void 0 ? void 0 : itemData['name']),
+    disabled: userInput.toString().trim() !== ((_a = itemData === null || itemData === void 0 ? void 0 : itemData['name']) === null || _a === void 0 ? void 0 : _a.trim()),
     onClick: onConfirmDelete
   }, confirm || TRANSLATION_PAIRS_COMMON.confirm)))) : null;
 };
@@ -4729,6 +4735,9 @@ const useWidget = ({
         onError: handleError(code)
       });
       if ((response === null || response === void 0 ? void 0 : response.code) === 'SUCCESS') {
+        if (formState === 'ADD') {
+          setCurrentPage(1);
+        }
         setLoading(false);
         onSuccess(code, response === null || response === void 0 ? void 0 : response.code, response === null || response === void 0 ? void 0 : response.message);
         getWidgets();
@@ -6580,6 +6589,7 @@ const TabItem = ({
   deleteTitle,
   onRemoveTab,
   register,
+  error,
   noButtonText,
   yesButtonText
 }) => {
@@ -6587,8 +6597,13 @@ const TabItem = ({
     type: "text",
     className: "khb_tabs-input",
     autoFocus: true,
+    style: {
+      display: 'block'
+    },
     disabled: isDisabled
-  }, register || {})), showDelete ? /*#__PURE__*/React__default["default"].createElement(ConfirmPopOver, {
+  }, register || {})), error && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "khb_input-error "
+  }, error), showDelete ? /*#__PURE__*/React__default["default"].createElement(ConfirmPopOver, {
     onConfirm: onRemoveTab,
     title: deleteTitle,
     confirmText: yesButtonText,
@@ -6599,6 +6614,7 @@ const TabItem = ({
 };
 
 const Tabs = ({
+  errors,
   activeTab,
   setActiveTab,
   options,
@@ -6615,6 +6631,7 @@ const Tabs = ({
   itemsPlaceholder,
   formatOptionLabel,
   tabCollectionItems,
+  tabNameRequiredText,
   onCollectionItemsIndexChange
 }) => {
   const {
@@ -6641,6 +6658,7 @@ const Tabs = ({
   }, /*#__PURE__*/React__default["default"].createElement(reactTabs.TabList, {
     className: "khb_tabs-list"
   }, tabFields === null || tabFields === void 0 ? void 0 : tabFields.map((field, index) => {
+    var _a, _b, _c;
     return /*#__PURE__*/React__default["default"].createElement(reactTabs.Tab, {
       key: field.id,
       className: classNames__default["default"]('khb_tabs-item', {
@@ -6649,11 +6667,14 @@ const Tabs = ({
     }, /*#__PURE__*/React__default["default"].createElement(TabItem, {
       key: field.id,
       deleteTitle: deleteTitle,
-      register: register(`tabs.${index}.name`),
+      register: register(`tabs.${index}.name`, {
+        required: tabNameRequiredText
+      }),
       onRemoveTab: () => {
         removeField(index);
         setActiveTab(index === 0 ? 0 : index - 1);
       },
+      error: (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors['tabs']) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b.name) === null || _c === void 0 ? void 0 : _c.message,
       noButtonText: noButtonText,
       yesButtonText: yesButtonText,
       showDelete: (tabFields === null || tabFields === void 0 ? void 0 : tabFields.length) > 1
@@ -7099,6 +7120,8 @@ const WidgetForm = ({
     deleteTitle: t('widget.tabDeleteTitle'),
     yesButtonText: t('yesButtonText'),
     noButtonText: t('cancelButtonText'),
+    errors: errors,
+    tabNameRequiredText: t('widget.tabNameRequired'),
     itemsPlaceholder: `Select ${selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.label}...`,
     loadOptions: onChangeSearch,
     isItemsLoading: collectionDataLoading,

package/index.js

@@ -1745,7 +1745,8 @@ const TRANSLATION_PAIRS_WIDGET = {
   'widget.tabDeleteTitle': 'Are you sure you want to delete this tab?',
   'widget.widgetTitleInfo': 'HTML is supported',
   'widget.minPerRow': 'Value must be greater than zero',
-  'widget.actionsLabel': 'Actions'
+  'widget.actionsLabel': 'Actions',
+  'widget.tabNameRequired': 'Tab Name is required'
 };
 const TRANSLATION_PAIRS_ITEM = {
   'item.title': 'Title',
@@ -1869,6 +1870,70 @@ var toString$6 = function (argument) {
   return $String(argument);
 };
 
+// a string of all valid unicode whitespaces
+var whitespaces$3 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
+  '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
+
+var uncurryThis$b = functionUncurryThis;
+var requireObjectCoercible$3 = requireObjectCoercible$6;
+var toString$5 = toString$6;
+var whitespaces$2 = whitespaces$3;
+
+var replace$2 = uncurryThis$b(''.replace);
+var whitespace = '[' + whitespaces$2 + ']';
+var ltrim = RegExp('^' + whitespace + whitespace + '*');
+var rtrim = RegExp(whitespace + whitespace + '*$');
+
+// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
+var createMethod$2 = function (TYPE) {
+  return function ($this) {
+    var string = toString$5(requireObjectCoercible$3($this));
+    if (TYPE & 1) string = replace$2(string, ltrim, '');
+    if (TYPE & 2) string = replace$2(string, rtrim, '');
+    return string;
+  };
+};
+
+var stringTrim = {
+  // `String.prototype.{ trimLeft, trimStart }` methods
+  // https://tc39.es/ecma262/#sec-string.prototype.trimstart
+  start: createMethod$2(1),
+  // `String.prototype.{ trimRight, trimEnd }` methods
+  // https://tc39.es/ecma262/#sec-string.prototype.trimend
+  end: createMethod$2(2),
+  // `String.prototype.trim` method
+  // https://tc39.es/ecma262/#sec-string.prototype.trim
+  trim: createMethod$2(3)
+};
+
+var PROPER_FUNCTION_NAME$1 = functionName.PROPER;
+var fails$b = fails$n;
+var whitespaces$1 = whitespaces$3;
+
+var non = '\u200B\u0085\u180E';
+
+// check that a method works with the correct list
+// of whitespaces and has a correct name
+var stringTrimForced = function (METHOD_NAME) {
+  return fails$b(function () {
+    return !!whitespaces$1[METHOD_NAME]()
+      || non[METHOD_NAME]() !== non
+      || (PROPER_FUNCTION_NAME$1 && whitespaces$1[METHOD_NAME].name !== METHOD_NAME);
+  });
+};
+
+var $$c = _export;
+var $trim = stringTrim.trim;
+var forcedStringTrimMethod = stringTrimForced;
+
+// `String.prototype.trim` method
+// https://tc39.es/ecma262/#sec-string.prototype.trim
+$$c({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
+  trim: function trim() {
+    return $trim(this);
+  }
+});
+
 var anObject$8 = anObject$e;
 
 // `RegExp.prototype.flags` getter implementation
@@ -1887,13 +1952,13 @@ var regexpFlags$1 = function () {
   return result;
 };
 
-var fails$b = fails$n;
+var fails$a = fails$n;
 var global$c = global$n;
 
 // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
 var $RegExp$2 = global$c.RegExp;
 
-var UNSUPPORTED_Y$1 = fails$b(function () {
+var UNSUPPORTED_Y$1 = fails$a(function () {
   var re = $RegExp$2('a', 'y');
   re.lastIndex = 2;
   return re.exec('abcd') != null;
@@ -1901,11 +1966,11 @@ var UNSUPPORTED_Y$1 = fails$b(function () {
 
 // UC Browser bug
 // https://github.com/zloirock/core-js/issues/1008
-var MISSED_STICKY = UNSUPPORTED_Y$1 || fails$b(function () {
+var MISSED_STICKY = UNSUPPORTED_Y$1 || fails$a(function () {
   return !$RegExp$2('a', 'y').sticky;
 });
 
-var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$b(function () {
+var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$a(function () {
   // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
   var re = $RegExp$2('^r', 'gy');
   re.lastIndex = 2;
@@ -1918,24 +1983,24 @@ var regexpStickyHelpers = {
   UNSUPPORTED_Y: UNSUPPORTED_Y$1
 };
 
-var fails$a = fails$n;
+var fails$9 = fails$n;
 var global$b = global$n;
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
 var $RegExp$1 = global$b.RegExp;
 
-var regexpUnsupportedDotAll = fails$a(function () {
+var regexpUnsupportedDotAll = fails$9(function () {
   var re = $RegExp$1('.', 's');
   return !(re.dotAll && re.exec('\n') && re.flags === 's');
 });
 
-var fails$9 = fails$n;
+var fails$8 = fails$n;
 var global$a = global$n;
 
 // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
 var $RegExp = global$a.RegExp;
 
-var regexpUnsupportedNcg = fails$9(function () {
+var regexpUnsupportedNcg = fails$8(function () {
   var re = $RegExp('(?<a>b)', 'g');
   return re.exec('b').groups.a !== 'b' ||
     'b'.replace(re, '$<a>c') !== 'bc';
@@ -1944,8 +2009,8 @@ var regexpUnsupportedNcg = fails$9(function () {
 /* eslint-disable regexp/no-empty-capturing-group, regexp/no-empty-group, regexp/no-lazy-ends -- testing */
 /* eslint-disable regexp/no-useless-quantifier -- testing */
 var call$b = functionCall;
-var uncurryThis$b = functionUncurryThis;
-var toString$5 = toString$6;
+var uncurryThis$a = functionUncurryThis;
+var toString$4 = toString$6;
 var regexpFlags = regexpFlags$1;
 var stickyHelpers = regexpStickyHelpers;
 var shared = shared$4.exports;
@@ -1957,10 +2022,10 @@ var UNSUPPORTED_NCG = regexpUnsupportedNcg;
 var nativeReplace = shared('native-string-replace', String.prototype.replace);
 var nativeExec = RegExp.prototype.exec;
 var patchedExec = nativeExec;
-var charAt$3 = uncurryThis$b(''.charAt);
-var indexOf = uncurryThis$b(''.indexOf);
-var replace$2 = uncurryThis$b(''.replace);
-var stringSlice$3 = uncurryThis$b(''.slice);
+var charAt$3 = uncurryThis$a(''.charAt);
+var indexOf = uncurryThis$a(''.indexOf);
+var replace$1 = uncurryThis$a(''.replace);
+var stringSlice$3 = uncurryThis$a(''.slice);
 
 var UPDATES_LAST_INDEX_WRONG = (function () {
   var re1 = /a/;
@@ -1981,7 +2046,7 @@ if (PATCH) {
   patchedExec = function exec(string) {
     var re = this;
     var state = getInternalState(re);
-    var str = toString$5(string);
+    var str = toString$4(string);
     var raw = state.raw;
     var result, reCopy, lastIndex, match, i, object, group;
 
@@ -2000,7 +2065,7 @@ if (PATCH) {
     var strCopy = str;
 
     if (sticky) {
-      flags = replace$2(flags, 'y', '');
+      flags = replace$1(flags, 'y', '');
       if (indexOf(flags, 'g') === -1) {
         flags += 'g';
       }
@@ -2058,12 +2123,12 @@ if (PATCH) {
 
 var regexpExec$2 = patchedExec;
 
-var $$c = _export;
+var $$b = _export;
 var exec$2 = regexpExec$2;
 
 // `RegExp.prototype.exec` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.exec
-$$c({ target: 'RegExp', proto: true, forced: /./.exec !== exec$2 }, {
+$$b({ target: 'RegExp', proto: true, forced: /./.exec !== exec$2 }, {
   exec: exec$2
 });
 
@@ -2079,21 +2144,21 @@ var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$
 });
 
 var classofRaw = classofRaw$2;
-var uncurryThis$a = functionUncurryThis;
+var uncurryThis$9 = functionUncurryThis;
 
 var functionUncurryThisClause = function (fn) {
   // Nashorn bug:
   //   https://github.com/zloirock/core-js/issues/1128
   //   https://github.com/zloirock/core-js/issues/1130
-  if (classofRaw(fn) === 'Function') return uncurryThis$a(fn);
+  if (classofRaw(fn) === 'Function') return uncurryThis$9(fn);
 };
 
 // TODO: Remove from `core-js@4` since it's moved to entry points
 
-var uncurryThis$9 = functionUncurryThisClause;
+var uncurryThis$8 = functionUncurryThisClause;
 var defineBuiltIn$3 = defineBuiltIn$7;
 var regexpExec$1 = regexpExec$2;
-var fails$8 = fails$n;
+var fails$7 = fails$n;
 var wellKnownSymbol$9 = wellKnownSymbol$i;
 var createNonEnumerableProperty = createNonEnumerableProperty$5;
 
@@ -2103,14 +2168,14 @@ var RegExpPrototype$2 = RegExp.prototype;
 var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
   var SYMBOL = wellKnownSymbol$9(KEY);
 
-  var DELEGATES_TO_SYMBOL = !fails$8(function () {
+  var DELEGATES_TO_SYMBOL = !fails$7(function () {
     // String methods call symbol-named RegEp methods
     var O = {};
     O[SYMBOL] = function () { return 7; };
     return ''[KEY](O) != 7;
   });
 
-  var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$8(function () {
+  var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$7(function () {
     // Symbol-named RegExp methods call .exec
     var execCalled = false;
     var re = /a/;
@@ -2139,9 +2204,9 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
     !DELEGATES_TO_EXEC ||
     FORCED
   ) {
-    var uncurriedNativeRegExpMethod = uncurryThis$9(/./[SYMBOL]);
+    var uncurriedNativeRegExpMethod = uncurryThis$8(/./[SYMBOL]);
     var methods = exec(SYMBOL, ''[KEY], function (nativeMethod, regexp, str, arg2, forceStringMethod) {
-      var uncurriedNativeMethod = uncurryThis$9(nativeMethod);
+      var uncurriedNativeMethod = uncurryThis$8(nativeMethod);
       var $exec = regexp.exec;
       if ($exec === regexpExec$1 || $exec === RegExpPrototype$2.exec) {
         if (DELEGATES_TO_SYMBOL && !forceStringMethod) {
@@ -2162,18 +2227,18 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
   if (SHAM) createNonEnumerableProperty(RegExpPrototype$2[SYMBOL], 'sham', true);
 };
 
-var uncurryThis$8 = functionUncurryThis;
+var uncurryThis$7 = functionUncurryThis;
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$4;
-var toString$4 = toString$6;
-var requireObjectCoercible$3 = requireObjectCoercible$6;
+var toString$3 = toString$6;
+var requireObjectCoercible$2 = requireObjectCoercible$6;
 
-var charAt$2 = uncurryThis$8(''.charAt);
-var charCodeAt = uncurryThis$8(''.charCodeAt);
-var stringSlice$2 = uncurryThis$8(''.slice);
+var charAt$2 = uncurryThis$7(''.charAt);
+var charCodeAt = uncurryThis$7(''.charCodeAt);
+var stringSlice$2 = uncurryThis$7(''.slice);
 
-var createMethod$2 = function (CONVERT_TO_STRING) {
+var createMethod$1 = function (CONVERT_TO_STRING) {
   return function ($this, pos) {
-    var S = toString$4(requireObjectCoercible$3($this));
+    var S = toString$3(requireObjectCoercible$2($this));
     var position = toIntegerOrInfinity$1(pos);
     var size = S.length;
     var first, second;
@@ -2193,10 +2258,10 @@ var createMethod$2 = function (CONVERT_TO_STRING) {
 var stringMultibyte = {
   // `String.prototype.codePointAt` method
   // https://tc39.es/ecma262/#sec-string.prototype.codepointat
-  codeAt: createMethod$2(false),
+  codeAt: createMethod$1(false),
   // `String.prototype.at` method
   // https://github.com/mathiasbynens/String.prototype.at
-  charAt: createMethod$2(true)
+  charAt: createMethod$1(true)
 };
 
 var charAt$1 = stringMultibyte.charAt;
@@ -2207,13 +2272,13 @@ var advanceStringIndex$1 = function (S, index, unicode) {
   return index + (unicode ? charAt$1(S, index).length : 1);
 };
 
-var uncurryThis$7 = functionUncurryThis;
+var uncurryThis$6 = functionUncurryThis;
 var toObject$1 = toObject$5;
 
 var floor = Math.floor;
-var charAt = uncurryThis$7(''.charAt);
-var replace$1 = uncurryThis$7(''.replace);
-var stringSlice$1 = uncurryThis$7(''.slice);
+var charAt = uncurryThis$6(''.charAt);
+var replace = uncurryThis$6(''.replace);
+var stringSlice$1 = uncurryThis$6(''.slice);
 var SUBSTITUTION_SYMBOLS = /\$([$&'`]|\d{1,2}|<[^>]*>)/g;
 var SUBSTITUTION_SYMBOLS_NO_NAMED = /\$([$&'`]|\d{1,2})/g;
 
@@ -2227,7 +2292,7 @@ var getSubstitution$1 = function (matched, str, position, captures, namedCapture
     namedCaptures = toObject$1(namedCaptures);
     symbols = SUBSTITUTION_SYMBOLS;
   }
-  return replace$1(replacement, symbols, function (match, ch) {
+  return replace(replacement, symbols, function (match, ch) {
     var capture;
     switch (charAt(ch, 0)) {
       case '$': return '$';
@@ -2275,16 +2340,16 @@ var regexpExecAbstract = function (R, S) {
 
 var apply$1 = functionApply;
 var call$8 = functionCall;
-var uncurryThis$6 = functionUncurryThis;
+var uncurryThis$5 = functionUncurryThis;
 var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
-var fails$7 = fails$n;
+var fails$6 = fails$n;
 var anObject$6 = anObject$e;
 var isCallable$5 = isCallable$m;
 var isNullOrUndefined$2 = isNullOrUndefined$5;
 var toIntegerOrInfinity = toIntegerOrInfinity$4;
 var toLength = toLength$2;
-var toString$3 = toString$6;
-var requireObjectCoercible$2 = requireObjectCoercible$6;
+var toString$2 = toString$6;
+var requireObjectCoercible$1 = requireObjectCoercible$6;
 var advanceStringIndex = advanceStringIndex$1;
 var getMethod$2 = getMethod$4;
 var getSubstitution = getSubstitution$1;
@@ -2294,10 +2359,10 @@ var wellKnownSymbol$8 = wellKnownSymbol$i;
 var REPLACE = wellKnownSymbol$8('replace');
 var max = Math.max;
 var min = Math.min;
-var concat = uncurryThis$6([].concat);
-var push = uncurryThis$6([].push);
-var stringIndexOf$1 = uncurryThis$6(''.indexOf);
-var stringSlice = uncurryThis$6(''.slice);
+var concat = uncurryThis$5([].concat);
+var push = uncurryThis$5([].push);
+var stringIndexOf$1 = uncurryThis$5(''.indexOf);
+var stringSlice = uncurryThis$5(''.slice);
 
 var maybeToString = function (it) {
   return it === undefined ? it : String(it);
@@ -2318,7 +2383,7 @@ var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = (function () {
   return false;
 })();
 
-var REPLACE_SUPPORTS_NAMED_GROUPS = !fails$7(function () {
+var REPLACE_SUPPORTS_NAMED_GROUPS = !fails$6(function () {
   var re = /./;
   re.exec = function () {
     var result = [];
@@ -2337,17 +2402,17 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
     // `String.prototype.replace` method
     // https://tc39.es/ecma262/#sec-string.prototype.replace
     function replace(searchValue, replaceValue) {
-      var O = requireObjectCoercible$2(this);
+      var O = requireObjectCoercible$1(this);
       var replacer = isNullOrUndefined$2(searchValue) ? undefined : getMethod$2(searchValue, REPLACE);
       return replacer
         ? call$8(replacer, searchValue, O, replaceValue)
-        : call$8(nativeReplace, toString$3(O), searchValue, replaceValue);
+        : call$8(nativeReplace, toString$2(O), searchValue, replaceValue);
     },
     // `RegExp.prototype[@@replace]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@replace
     function (string, replaceValue) {
       var rx = anObject$6(this);
-      var S = toString$3(string);
+      var S = toString$2(string);
 
       if (
         typeof replaceValue == 'string' &&
@@ -2359,7 +2424,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
       }
 
       var functionalReplace = isCallable$5(replaceValue);
-      if (!functionalReplace) replaceValue = toString$3(replaceValue);
+      if (!functionalReplace) replaceValue = toString$2(replaceValue);
 
       var global = rx.global;
       if (global) {
@@ -2374,7 +2439,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
         push(results, result);
         if (!global) break;
 
-        var matchStr = toString$3(result[0]);
+        var matchStr = toString$2(result[0]);
         if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);
       }
 
@@ -2383,7 +2448,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
       for (var i = 0; i < results.length; i++) {
         result = results[i];
 
-        var matched = toString$3(result[0]);
+        var matched = toString$2(result[0]);
         var position = max(min(toIntegerOrInfinity(result.index), S.length), 0);
         var captures = [];
         // NOTE: This is equivalent to
@@ -2396,7 +2461,7 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
         if (functionalReplace) {
           var replacerArgs = concat([matched], captures, position, S);
           if (namedCaptures !== undefined) push(replacerArgs, namedCaptures);
-          var replacement = toString$3(apply$1(replaceValue, undefined, replacerArgs));
+          var replacement = toString$2(apply$1(replaceValue, undefined, replacerArgs));
         } else {
           replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);
         }
@@ -2410,19 +2475,19 @@ fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNa
   ];
 }, !REPLACE_SUPPORTS_NAMED_GROUPS || !REPLACE_KEEPS_$0 || REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);
 
-var $$b = _export;
+var $$a = _export;
 var $includes = arrayIncludes.includes;
-var fails$6 = fails$n;
+var fails$5 = fails$n;
 var addToUnscopables = addToUnscopables$2;
 
 // FF99+ bug
-var BROKEN_ON_SPARSE = fails$6(function () {
+var BROKEN_ON_SPARSE = fails$5(function () {
   return !Array(1).includes();
 });
 
 // `Array.prototype.includes` method
 // https://tc39.es/ecma262/#sec-array.prototype.includes
-$$b({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+$$a({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
   includes: function includes(el /* , fromIndex = 0 */) {
     return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -2431,70 +2496,6 @@ $$b({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables('includes');
 
-// a string of all valid unicode whitespaces
-var whitespaces$3 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
-  '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
-
-var uncurryThis$5 = functionUncurryThis;
-var requireObjectCoercible$1 = requireObjectCoercible$6;
-var toString$2 = toString$6;
-var whitespaces$2 = whitespaces$3;
-
-var replace = uncurryThis$5(''.replace);
-var whitespace = '[' + whitespaces$2 + ']';
-var ltrim = RegExp('^' + whitespace + whitespace + '*');
-var rtrim = RegExp(whitespace + whitespace + '*$');
-
-// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
-var createMethod$1 = function (TYPE) {
-  return function ($this) {
-    var string = toString$2(requireObjectCoercible$1($this));
-    if (TYPE & 1) string = replace(string, ltrim, '');
-    if (TYPE & 2) string = replace(string, rtrim, '');
-    return string;
-  };
-};
-
-var stringTrim = {
-  // `String.prototype.{ trimLeft, trimStart }` methods
-  // https://tc39.es/ecma262/#sec-string.prototype.trimstart
-  start: createMethod$1(1),
-  // `String.prototype.{ trimRight, trimEnd }` methods
-  // https://tc39.es/ecma262/#sec-string.prototype.trimend
-  end: createMethod$1(2),
-  // `String.prototype.trim` method
-  // https://tc39.es/ecma262/#sec-string.prototype.trim
-  trim: createMethod$1(3)
-};
-
-var PROPER_FUNCTION_NAME$1 = functionName.PROPER;
-var fails$5 = fails$n;
-var whitespaces$1 = whitespaces$3;
-
-var non = '\u200B\u0085\u180E';
-
-// check that a method works with the correct list
-// of whitespaces and has a correct name
-var stringTrimForced = function (METHOD_NAME) {
-  return fails$5(function () {
-    return !!whitespaces$1[METHOD_NAME]()
-      || non[METHOD_NAME]() !== non
-      || (PROPER_FUNCTION_NAME$1 && whitespaces$1[METHOD_NAME].name !== METHOD_NAME);
-  });
-};
-
-var $$a = _export;
-var $trim = stringTrim.trim;
-var forcedStringTrimMethod = stringTrimForced;
-
-// `String.prototype.trim` method
-// https://tc39.es/ecma262/#sec-string.prototype.trim
-$$a({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
-  trim: function trim() {
-    return $trim(this);
-  }
-});
-
 /* eslint-disable no-useless-escape */
 const paginationDataGatter = data => {
   return data.data.docs;
@@ -2504,7 +2505,7 @@ const dataGatter = data => {
 };
 const capitalizeFirstLetter = (string = '') => {
   var _a;
-  return `${(_a = string === null || string === void 0 ? void 0 : string.charAt(0)) === null || _a === void 0 ? void 0 : _a.toUpperCase()}${string === null || string === void 0 ? void 0 : string.slice(1)}`;
+  return `${(_a = string === null || string === void 0 ? void 0 : string.trim().charAt(0)) === null || _a === void 0 ? void 0 : _a.toUpperCase()}${string === null || string === void 0 ? void 0 : string.slice(1)}`;
 };
 const changeToCode = (string = '') => {
   var _a, _b;
@@ -2884,6 +2885,9 @@ const usePage = ({
         onError: handleError(code)
       });
       if ((response === null || response === void 0 ? void 0 : response.code) === 'SUCCESS') {
+        if (formState === 'ADD') {
+          setCurrentPage(1);
+        }
         setLoading(false);
         onSuccess(code, response === null || response === void 0 ? void 0 : response.code, response === null || response === void 0 ? void 0 : response.message);
         getPages();
@@ -4218,6 +4222,7 @@ const DeleteModal = ({
   confirm,
   typeHerePlaceholder
 }) => {
+  var _a;
   const [userInput, setUserInput] = useState('');
   useEffect(() => {
     setUserInput('');
@@ -4238,13 +4243,14 @@ const DeleteModal = ({
     className: "khb_delete-actions"
   }, /*#__PURE__*/React.createElement(Input, {
     placeholder: typeHerePlaceholder || TRANSLATION_PAIRS_COMMON.typeHerePlaceholder,
+    wrapperClassName: "w-full",
     className: "khb_delete-input",
     value: userInput,
     onChange: e => setUserInput(e.target.value)
   }), /*#__PURE__*/React.createElement("div", {
     className: "khb_delete-buttons"
   }, /*#__PURE__*/React.createElement(Button, {
-    disabled: userInput !== (itemData === null || itemData === void 0 ? void 0 : itemData['name']),
+    disabled: userInput.toString().trim() !== ((_a = itemData === null || itemData === void 0 ? void 0 : itemData['name']) === null || _a === void 0 ? void 0 : _a.trim()),
     onClick: onConfirmDelete
   }, confirm || TRANSLATION_PAIRS_COMMON.confirm)))) : null;
 };
@@ -4717,6 +4723,9 @@ const useWidget = ({
         onError: handleError(code)
       });
       if ((response === null || response === void 0 ? void 0 : response.code) === 'SUCCESS') {
+        if (formState === 'ADD') {
+          setCurrentPage(1);
+        }
         setLoading(false);
         onSuccess(code, response === null || response === void 0 ? void 0 : response.code, response === null || response === void 0 ? void 0 : response.message);
         getWidgets();
@@ -6568,6 +6577,7 @@ const TabItem = ({
   deleteTitle,
   onRemoveTab,
   register,
+  error,
   noButtonText,
   yesButtonText
 }) => {
@@ -6575,8 +6585,13 @@ const TabItem = ({
     type: "text",
     className: "khb_tabs-input",
     autoFocus: true,
+    style: {
+      display: 'block'
+    },
     disabled: isDisabled
-  }, register || {})), showDelete ? /*#__PURE__*/React.createElement(ConfirmPopOver, {
+  }, register || {})), error && /*#__PURE__*/React.createElement("p", {
+    className: "khb_input-error "
+  }, error), showDelete ? /*#__PURE__*/React.createElement(ConfirmPopOver, {
     onConfirm: onRemoveTab,
     title: deleteTitle,
     confirmText: yesButtonText,
@@ -6587,6 +6602,7 @@ const TabItem = ({
 };
 
 const Tabs = ({
+  errors,
   activeTab,
   setActiveTab,
   options,
@@ -6603,6 +6619,7 @@ const Tabs = ({
   itemsPlaceholder,
   formatOptionLabel,
   tabCollectionItems,
+  tabNameRequiredText,
   onCollectionItemsIndexChange
 }) => {
   const {
@@ -6629,6 +6646,7 @@ const Tabs = ({
   }, /*#__PURE__*/React.createElement(TabList, {
     className: "khb_tabs-list"
   }, tabFields === null || tabFields === void 0 ? void 0 : tabFields.map((field, index) => {
+    var _a, _b, _c;
     return /*#__PURE__*/React.createElement(Tab, {
       key: field.id,
       className: classNames('khb_tabs-item', {
@@ -6637,11 +6655,14 @@ const Tabs = ({
     }, /*#__PURE__*/React.createElement(TabItem, {
       key: field.id,
       deleteTitle: deleteTitle,
-      register: register(`tabs.${index}.name`),
+      register: register(`tabs.${index}.name`, {
+        required: tabNameRequiredText
+      }),
       onRemoveTab: () => {
         removeField(index);
         setActiveTab(index === 0 ? 0 : index - 1);
       },
+      error: (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors['tabs']) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b.name) === null || _c === void 0 ? void 0 : _c.message,
       noButtonText: noButtonText,
       yesButtonText: yesButtonText,
       showDelete: (tabFields === null || tabFields === void 0 ? void 0 : tabFields.length) > 1
@@ -7087,6 +7108,8 @@ const WidgetForm = ({
     deleteTitle: t('widget.tabDeleteTitle'),
     yesButtonText: t('yesButtonText'),
     noButtonText: t('cancelButtonText'),
+    errors: errors,
+    tabNameRequiredText: t('widget.tabNameRequired'),
     itemsPlaceholder: `Select ${selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.label}...`,
     loadOptions: onChangeSearch,
     isItemsLoading: collectionDataLoading,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knovator/pagecreator-admin",
-  "version": "0.7.4",
+  "version": "0.7.6",
   "dependencies": {
     "classnames": "^2.3.1",
     "react-beautiful-dnd": "^13.1.0",

package/src/lib/components/Widget/Form/Tabs/TabItem.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TabItemProps } from '../../../../types';
-declare const TabItem: ({ showDelete, isDisabled, deleteTitle, onRemoveTab, register, noButtonText, yesButtonText, }: TabItemProps) => JSX.Element;
+declare const TabItem: ({ showDelete, isDisabled, deleteTitle, onRemoveTab, register, error, noButtonText, yesButtonText, }: TabItemProps) => JSX.Element;
 export default TabItem;

package/src/lib/components/Widget/Form/Tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TabsProps } from '../../../../types';
-declare const Tabs: ({ activeTab, setActiveTab, options, control, register, listCode, formatItem, deleteTitle, loadOptions, customStyles, noButtonText, yesButtonText, isItemsLoading, itemsPlaceholder, formatOptionLabel, tabCollectionItems, onCollectionItemsIndexChange, }: TabsProps) => JSX.Element;
+declare const Tabs: ({ errors, activeTab, setActiveTab, options, control, register, listCode, formatItem, deleteTitle, loadOptions, customStyles, noButtonText, yesButtonText, isItemsLoading, itemsPlaceholder, formatOptionLabel, tabCollectionItems, tabNameRequiredText, onCollectionItemsIndexChange, }: TabsProps) => JSX.Element;
 export default Tabs;

package/src/lib/constants/common.d.ts

@@ -87,6 +87,7 @@ declare const TRANSLATION_PAIRS_WIDGET: {
     'widget.widgetTitleInfo': string;
     'widget.minPerRow': string;
     'widget.actionsLabel': string;
+    'widget.tabNameRequired': string;
 };
 declare const TRANSLATION_PAIRS_ITEM: {
     'item.title': string;

package/src/lib/types/components.d.ts

@@ -242,6 +242,7 @@ export interface TabItemProps {
     register?: any;
     noButtonText: string;
     yesButtonText: string;
+    error?: string;
 }
 export interface TabsProps {
     activeTab: number;
@@ -255,6 +256,7 @@ export interface TabsProps {
     }[];
     deleteTitle: string;
     listCode: string;
+    tabNameRequiredText: string;
     noButtonText: string;
     yesButtonText: string;
     itemsPlaceholder?: string;
@@ -263,6 +265,9 @@ export interface TabsProps {
     formatItem?: (code: string, data: any) => JSX.Element;
     onCollectionItemsIndexChange: (index: number, data: DropResult) => void;
     tabCollectionItems: any[];
+    errors?: {
+        [key: string]: any;
+    };
     customStyles?: any;
     loadOptions?: (value?: string, callback?: (options: OptionType[]) => void) => Promise<OptionType[]>;
 }