@knovator/pagecreator-admin 0.7.5 → 0.8.0

package/index.js

@@ -1746,6 +1746,8 @@ const TRANSLATION_PAIRS_WIDGET = {
   'widget.widgetTitleInfo': 'HTML is supported',
   'widget.minPerRow': 'Value must be greater than zero',
   'widget.actionsLabel': 'Actions',
+  'widget.category': 'Category',
+  'widget.categoryPlaceholder': 'Select Category',
   'widget.tabNameRequired': 'Tab Name is required'
 };
 const TRANSLATION_PAIRS_ITEM = {
@@ -1870,6 +1872,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
@@ -1888,13 +1954,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;
@@ -1902,11 +1968,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;
@@ -1919,24 +1985,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';
@@ -1945,8 +2011,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;
@@ -1958,10 +2024,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/;
@@ -1982,7 +2048,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;
 
@@ -2001,7 +2067,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';
       }
@@ -2059,12 +2125,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
 });
 
@@ -2080,21 +2146,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;
 
@@ -2104,14 +2170,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/;
@@ -2140,9 +2206,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) {
@@ -2163,18 +2229,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;
@@ -2194,10 +2260,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;
@@ -2208,13 +2274,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;
 
@@ -2228,7 +2294,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 '$';
@@ -2276,16 +2342,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;
@@ -2295,10 +2361,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);
@@ -2319,7 +2385,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 = [];
@@ -2338,17 +2404,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' &&
@@ -2360,7 +2426,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) {
@@ -2375,7 +2441,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);
       }
 
@@ -2384,7 +2450,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
@@ -2397,7 +2463,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);
         }
@@ -2411,19 +2477,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);
   }
@@ -2432,70 +2498,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;
@@ -2505,7 +2507,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;
@@ -2680,6 +2682,12 @@ const apiList = {
     url: `${prefix}/collection-data`,
     method: 'POST'
   }),
+  CATEGORIES: ({
+    prefix
+  }) => ({
+    url: `${prefix}/categories`,
+    method: 'GET'
+  }),
   // Image Upload API
   IMAGE_UPLOAD: ({
     prefix
@@ -2885,6 +2893,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();
@@ -4495,6 +4506,7 @@ const useWidget = ({
   const [formState, setFormState] = useState();
   const [itemsTypes, setItemsTypes] = useState([]);
   const [widgetTypes, setWidgetTypes] = useState([]);
+  const [categories, setCategories] = useState([]);
   const [collectionDataLoading, setCollectionDataLoading] = useState(false);
   const [collectionData, setCollectionData] = useState([]);
   const {
@@ -4673,6 +4685,27 @@ const useWidget = ({
     }
     setLoading(false);
   });
+  const getCategories = () => __awaiter(void 0, void 0, void 0, function* () {
+    if ((categories === null || categories === void 0 ? void 0 : categories.length) > 0) return;
+    setLoading(true);
+    const api = getApiType({
+      routes,
+      action: 'CATEGORIES',
+      prefix: widgetRoutesPrefix
+    });
+    const response = yield commonApi({
+      baseUrl,
+      token,
+      method: api.method,
+      url: api.url,
+      onError: handleError(CALLBACK_CODES.GET_ALL)
+    });
+    if ((response === null || response === void 0 ? void 0 : response.code) === 'SUCCESS') {
+      setLoading(false);
+      return setCategories(dataGatter(response));
+    }
+    setLoading(false);
+  });
   const getCollectionData = (collectionName, search, callback, collectionItems) => __awaiter(void 0, void 0, void 0, function* () {
     setCollectionDataLoading(true);
     const api = getApiType({
@@ -4720,6 +4753,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();
@@ -4772,6 +4808,7 @@ const useWidget = ({
     if (state === 'ADD' || state === 'UPDATE') {
       getWidgetsTypes();
       getWidgetTypes();
+      getCategories();
     }
     // get Item data if widget is updating
     if (state === 'UPDATE' && data) {
@@ -4866,6 +4903,7 @@ const useWidget = ({
     // Form
     formState,
     itemData,
+    categories,
     onChangeFormState,
     onCloseForm,
     onWidgetFormSubmit,
@@ -5975,6 +6013,7 @@ const WidgetContextProvider = ({
   onImageRemove: _onImageRemove = id => __awaiter(void 0, void 0, void 0, function* () {}),
   itemsTypes: _itemsTypes = [],
   widgetTypes: _widgetTypes = [],
+  categories: _categories = [],
   getCollectionData: _getCollectionData = () => Promise.resolve(),
   collectionDataLoading: _collectionDataLoading = false,
   collectionData: _collectionData = [],
@@ -6022,6 +6061,7 @@ const WidgetContextProvider = ({
       onImageRemove: _onImageRemove,
       onPartialUpdateWidget: _onPartialUpdateWidget,
       itemsTypes: _itemsTypes,
+      categories: _categories,
       widgetTypes: _widgetTypes,
       getCollectionData: _getCollectionData,
       collectionDataLoading: _collectionDataLoading,
@@ -6704,6 +6744,7 @@ const Tabs = ({
 };
 
 const constants = {
+  categoryTypeAccessor: 'category',
   widgetTypeAccessor: 'widgetType',
   itemTypeAccessor: 'itemsType',
   collectionNameAccessor: 'collectionName',
@@ -6747,6 +6788,7 @@ const WidgetForm = ({
     canUpdate,
     formState,
     itemsTypes,
+    categories,
     widgetTypes,
     loading,
     onWidgetFormSubmit,
@@ -6858,6 +6900,9 @@ const WidgetForm = ({
   const getFirstWidgetTypeValue = useCallback(() => {
     return widgetTypes[0].value;
   }, [widgetTypes]);
+  const getFirstCategoryValue = useCallback(() => {
+    return categories[0].value;
+  }, [categories]);
   // Widget Form Functions
   const onWidgetFormInputChange = useCallback((value, name) => {
     if (name === 'widgetType') {
@@ -6884,6 +6929,9 @@ const WidgetForm = ({
   const onFormSubmit = data => {
     var _a, _b;
     const formData = Object.assign({}, data);
+    if (!formData[constants.categoryTypeAccessor] && categories && categories.length > 0) {
+      formData[constants.categoryTypeAccessor] = getFirstCategoryValue();
+    }
     // setting widget type if undefined
     if (!formData[constants.widgetTypeAccessor] && formState === 'ADD') {
       formData[constants.widgetTypeAccessor] = getFirstWidgetTypeValue();
@@ -7001,6 +7049,13 @@ const WidgetForm = ({
       required: t('widget.widgetTypeRequired')
     },
     options: widgetTypes
+  }, {
+    label: `${t('widget.category')}`,
+    placeholder: t('widget.categoryPlaceholder'),
+    accessor: 'category',
+    type: 'select',
+    show: categories && categories.length > 0,
+    options: categories
   }, {
     label: t('widget.autoPlay'),
     accessor: 'autoPlay',
@@ -7300,6 +7355,7 @@ const Widget = ({
     onImageUpload,
     onPartialUpdateWidget,
     itemsTypes,
+    categories,
     widgetTypes,
     getCollectionData,
     collectionData,
@@ -7332,6 +7388,7 @@ const Widget = ({
     onImageRemove: onImageRemove,
     onImageUpload: onImageUpload,
     onPartialUpdateWidget: onPartialUpdateWidget,
+    categories: categories,
     itemsTypes: itemsTypes,
     widgetTypes: widgetTypes,
     getCollectionData: getCollectionData,

package/package.json

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