@knovator/pagecreator-admin 0.5.6 → 0.5.8

package/index.cjs

@@ -7,6 +7,7 @@ var fetchUrl = require('@knovator/api');
 var classNames = require('classnames');
 var ReactSelect = require('react-select/async');
 var reactHookForm = require('react-hook-form');
+var SunEditor = require('suneditor-react');
 var reactBeautifulDnd = require('react-beautiful-dnd');
 var CSSTransition = require('react-transition-group/CSSTransition');
 var reactDropzone = require('react-dropzone');
@@ -19,6 +20,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var fetchUrl__default = /*#__PURE__*/_interopDefaultLegacy(fetchUrl);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var ReactSelect__default = /*#__PURE__*/_interopDefaultLegacy(ReactSelect);
+var SunEditor__default = /*#__PURE__*/_interopDefaultLegacy(SunEditor);
 var CSSTransition__default = /*#__PURE__*/_interopDefaultLegacy(CSSTransition);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -67,10 +69,10 @@ var functionBindNative = !fails$l(function () {
 
 var NATIVE_BIND$3 = functionBindNative;
 
-var call$j = Function.prototype.call;
+var call$i = Function.prototype.call;
 
-var functionCall = NATIVE_BIND$3 ? call$j.bind(call$j) : function () {
-  return call$j.apply(call$j, arguments);
+var functionCall = NATIVE_BIND$3 ? call$i.bind(call$i) : function () {
+  return call$i.apply(call$i, arguments);
 };
 
 var objectPropertyIsEnumerable = {};
@@ -101,22 +103,22 @@ var createPropertyDescriptor$3 = function (bitmap, value) {
 var NATIVE_BIND$2 = functionBindNative;
 
 var FunctionPrototype$2 = Function.prototype;
-var call$i = FunctionPrototype$2.call;
-var uncurryThisWithBind = NATIVE_BIND$2 && FunctionPrototype$2.bind.bind(call$i, call$i);
+var call$h = FunctionPrototype$2.call;
+var uncurryThisWithBind = NATIVE_BIND$2 && FunctionPrototype$2.bind.bind(call$h, call$h);
 
 var functionUncurryThis = NATIVE_BIND$2 ? uncurryThisWithBind : function (fn) {
   return function () {
-    return call$i.apply(fn, arguments);
+    return call$h.apply(fn, arguments);
   };
 };
 
 var uncurryThis$l = functionUncurryThis;
 
-var toString$9 = uncurryThis$l({}.toString);
+var toString$8 = uncurryThis$l({}.toString);
 var stringSlice$4 = uncurryThis$l(''.slice);
 
 var classofRaw$2 = function (it) {
-  return stringSlice$4(toString$9(it), 8, -1);
+  return stringSlice$4(toString$8(it), 8, -1);
 };
 
 var uncurryThis$k = functionUncurryThis;
@@ -137,27 +139,27 @@ var indexedObject = fails$k(function () {
 
 // we can't use just `it == null` since of `document.all` special case
 // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot-aec
-var isNullOrUndefined$6 = function (it) {
+var isNullOrUndefined$5 = function (it) {
   return it === null || it === undefined;
 };
 
-var isNullOrUndefined$5 = isNullOrUndefined$6;
+var isNullOrUndefined$4 = isNullOrUndefined$5;
 
 var $TypeError$f = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$7 = function (it) {
-  if (isNullOrUndefined$5(it)) throw $TypeError$f("Can't call method on " + it);
+var requireObjectCoercible$6 = function (it) {
+  if (isNullOrUndefined$4(it)) throw $TypeError$f("Can't call method on " + it);
   return it;
 };
 
 // toObject with fallback for non-array-like ES3 strings
 var IndexedObject$2 = indexedObject;
-var requireObjectCoercible$6 = requireObjectCoercible$7;
+var requireObjectCoercible$5 = requireObjectCoercible$6;
 
 var toIndexedObject$5 = function (it) {
-  return IndexedObject$2(requireObjectCoercible$6(it));
+  return IndexedObject$2(requireObjectCoercible$5(it));
 };
 
 var documentAll$2 = typeof document == 'object' && document.all;
@@ -299,16 +301,16 @@ var aCallable$8 = function (argument) {
 };
 
 var aCallable$7 = aCallable$8;
-var isNullOrUndefined$4 = isNullOrUndefined$6;
+var isNullOrUndefined$3 = isNullOrUndefined$5;
 
 // `GetMethod` abstract operation
 // https://tc39.es/ecma262/#sec-getmethod
-var getMethod$5 = function (V, P) {
+var getMethod$4 = function (V, P) {
   var func = V[P];
-  return isNullOrUndefined$4(func) ? undefined : aCallable$7(func);
+  return isNullOrUndefined$3(func) ? undefined : aCallable$7(func);
 };
 
-var call$h = functionCall;
+var call$g = functionCall;
 var isCallable$h = isCallable$m;
 var isObject$9 = isObject$a;
 
@@ -318,9 +320,9 @@ var $TypeError$d = TypeError;
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$h(fn = input.toString) && !isObject$9(val = call$h(fn, input))) return val;
-  if (isCallable$h(fn = input.valueOf) && !isObject$9(val = call$h(fn, input))) return val;
-  if (pref !== 'string' && isCallable$h(fn = input.toString) && !isObject$9(val = call$h(fn, input))) return val;
+  if (pref === 'string' && isCallable$h(fn = input.toString) && !isObject$9(val = call$g(fn, input))) return val;
+  if (isCallable$h(fn = input.valueOf) && !isObject$9(val = call$g(fn, input))) return val;
+  if (pref !== 'string' && isCallable$h(fn = input.toString) && !isObject$9(val = call$g(fn, input))) return val;
   throw $TypeError$d("Can't convert object to primitive value");
 };
 
@@ -359,14 +361,14 @@ var store$2 = sharedStore;
   source: 'https://github.com/zloirock/core-js'
 });
 
-var requireObjectCoercible$5 = requireObjectCoercible$7;
+var requireObjectCoercible$4 = requireObjectCoercible$6;
 
 var $Object$2 = Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
 var toObject$5 = function (argument) {
-  return $Object$2(requireObjectCoercible$5(argument));
+  return $Object$2(requireObjectCoercible$4(argument));
 };
 
 var uncurryThis$i = functionUncurryThis;
@@ -385,10 +387,10 @@ var uncurryThis$h = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString$8 = uncurryThis$h(1.0.toString);
+var toString$7 = uncurryThis$h(1.0.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$8(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$7(++id + postfix, 36);
 };
 
 var global$i = global$n;
@@ -416,10 +418,10 @@ var wellKnownSymbol$i = function (name) {
   } return WellKnownSymbolsStore[name];
 };
 
-var call$g = functionCall;
+var call$f = functionCall;
 var isObject$8 = isObject$a;
 var isSymbol$1 = isSymbol$2;
-var getMethod$4 = getMethod$5;
+var getMethod$3 = getMethod$4;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
 var wellKnownSymbol$h = wellKnownSymbol$i;
 
@@ -430,11 +432,11 @@ var TO_PRIMITIVE = wellKnownSymbol$h('toPrimitive');
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$1 = function (input, pref) {
   if (!isObject$8(input) || isSymbol$1(input)) return input;
-  var exoticToPrim = getMethod$4(input, TO_PRIMITIVE);
+  var exoticToPrim = getMethod$3(input, TO_PRIMITIVE);
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
-    result = call$g(exoticToPrim, input, pref);
+    result = call$f(exoticToPrim, input, pref);
     if (!isObject$8(result) || isSymbol$1(result)) return result;
     throw $TypeError$c("Can't convert object to primitive value");
   }
@@ -476,7 +478,7 @@ var ie8DomDefine = !DESCRIPTORS$a && !fails$i(function () {
 });
 
 var DESCRIPTORS$9 = descriptors;
-var call$f = functionCall;
+var call$e = functionCall;
 var propertyIsEnumerableModule$1 = objectPropertyIsEnumerable;
 var createPropertyDescriptor$2 = createPropertyDescriptor$3;
 var toIndexedObject$4 = toIndexedObject$5;
@@ -495,7 +497,7 @@ objectGetOwnPropertyDescriptor.f = DESCRIPTORS$9 ? $getOwnPropertyDescriptor$1 :
   if (IE8_DOM_DEFINE$1) try {
     return $getOwnPropertyDescriptor$1(O, P);
   } catch (error) { /* empty */ }
-  if (hasOwn$9(O, P)) return createPropertyDescriptor$2(!call$f(propertyIsEnumerableModule$1.f, O, P), O[P]);
+  if (hasOwn$9(O, P)) return createPropertyDescriptor$2(!call$e(propertyIsEnumerableModule$1.f, O, P), O[P]);
 };
 
 var objectDefineProperty = {};
@@ -519,7 +521,7 @@ var $String$2 = String;
 var $TypeError$b = TypeError;
 
 // `Assert: Type(argument) is Object`
-var anObject$f = function (argument) {
+var anObject$e = function (argument) {
   if (isObject$6(argument)) return argument;
   throw $TypeError$b($String$2(argument) + ' is not an object');
 };
@@ -527,7 +529,7 @@ var anObject$f = function (argument) {
 var DESCRIPTORS$7 = descriptors;
 var IE8_DOM_DEFINE = ie8DomDefine;
 var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
-var anObject$e = anObject$f;
+var anObject$d = anObject$e;
 var toPropertyKey = toPropertyKey$2;
 
 var $TypeError$a = TypeError;
@@ -542,9 +544,9 @@ var WRITABLE = 'writable';
 // `Object.defineProperty` method
 // https://tc39.es/ecma262/#sec-object.defineproperty
 objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
-  anObject$e(O);
+  anObject$d(O);
   P = toPropertyKey(P);
-  anObject$e(Attributes);
+  anObject$d(Attributes);
   if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
     var current = $getOwnPropertyDescriptor(O, P);
     if (current && current[WRITABLE]) {
@@ -557,9 +559,9 @@ objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
     }
   } return $defineProperty(O, P, Attributes);
 } : $defineProperty : function defineProperty(O, P, Attributes) {
-  anObject$e(O);
+  anObject$d(O);
   P = toPropertyKey(P);
-  anObject$e(Attributes);
+  anObject$d(Attributes);
   if (IE8_DOM_DEFINE) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
@@ -921,13 +923,13 @@ var getBuiltIn$5 = getBuiltIn$8;
 var uncurryThis$e = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
-var anObject$d = anObject$f;
+var anObject$c = anObject$e;
 
 var concat$2 = uncurryThis$e([].concat);
 
 // all object keys, includes non-enumerable and symbols
 var ownKeys$1 = getBuiltIn$5('Reflect', 'ownKeys') || function ownKeys(it) {
-  var keys = getOwnPropertyNamesModule.f(anObject$d(it));
+  var keys = getOwnPropertyNamesModule.f(anObject$c(it));
   var getOwnPropertySymbols = getOwnPropertySymbolsModule$1.f;
   return getOwnPropertySymbols ? concat$2(keys, getOwnPropertySymbols(it)) : keys;
 };
@@ -1039,7 +1041,7 @@ var objectKeys$2 = Object.keys || function keys(O) {
 
 var DESCRIPTORS$3 = descriptors;
 var uncurryThis$d = functionUncurryThis;
-var call$e = functionCall;
+var call$d = functionCall;
 var fails$e = fails$n;
 var objectKeys$1 = objectKeys$2;
 var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
@@ -1089,7 +1091,7 @@ var objectAssign = !$assign || fails$e(function () {
     var key;
     while (length > j) {
       key = keys[j++];
-      if (!DESCRIPTORS$3 || call$e(propertyIsEnumerable, S, key)) T[key] = S[key];
+      if (!DESCRIPTORS$3 || call$d(propertyIsEnumerable, S, key)) T[key] = S[key];
     }
   } return T;
 } : $assign;
@@ -1109,7 +1111,7 @@ var objectDefineProperties = {};
 var DESCRIPTORS$2 = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
 var definePropertyModule$1 = objectDefineProperty;
-var anObject$c = anObject$f;
+var anObject$b = anObject$e;
 var toIndexedObject$1 = toIndexedObject$5;
 var objectKeys = objectKeys$2;
 
@@ -1117,7 +1119,7 @@ var objectKeys = objectKeys$2;
 // https://tc39.es/ecma262/#sec-object.defineproperties
 // eslint-disable-next-line es/no-object-defineproperties -- safe
 objectDefineProperties.f = DESCRIPTORS$2 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject$c(O);
+  anObject$b(O);
   var props = toIndexedObject$1(Properties);
   var keys = objectKeys(Properties);
   var length = keys.length;
@@ -1133,7 +1135,7 @@ var html$2 = getBuiltIn$4('document', 'documentElement');
 
 /* global ActiveXObject -- old IE, WSH */
 
-var anObject$b = anObject$f;
+var anObject$a = anObject$e;
 var definePropertiesModule = objectDefineProperties;
 var enumBugKeys = enumBugKeys$3;
 var hiddenKeys = hiddenKeys$4;
@@ -1207,7 +1209,7 @@ hiddenKeys[IE_PROTO$1] = true;
 var objectCreate = Object.create || function create(O, Properties) {
   var result;
   if (O !== null) {
-    EmptyConstructor[PROTOTYPE] = anObject$b(O);
+    EmptyConstructor[PROTOTYPE] = anObject$a(O);
     result = new EmptyConstructor();
     EmptyConstructor[PROTOTYPE] = null;
     // add "__proto__" for Object.getPrototypeOf polyfill
@@ -1358,7 +1360,7 @@ var aPossiblePrototype$1 = function (argument) {
 /* eslint-disable no-proto -- safe */
 
 var uncurryThis$c = functionUncurryThis;
-var anObject$a = anObject$f;
+var anObject$9 = anObject$e;
 var aPossiblePrototype = aPossiblePrototype$1;
 
 // `Object.setPrototypeOf` method
@@ -1376,7 +1378,7 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
     CORRECT_SETTER = test instanceof Array;
   } catch (error) { /* empty */ }
   return function setPrototypeOf(O, proto) {
-    anObject$a(O);
+    anObject$9(O);
     aPossiblePrototype(proto);
     if (CORRECT_SETTER) setter(O, proto);
     else O.__proto__ = proto;
@@ -1385,7 +1387,7 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
 }() : undefined);
 
 var $$d = _export;
-var call$d = functionCall;
+var call$c = functionCall;
 var FunctionName = functionName;
 var isCallable$8 = isCallable$m;
 var createIteratorConstructor = iteratorCreateConstructor;
@@ -1454,7 +1456,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       createNonEnumerableProperty$2(IterablePrototype, 'name', VALUES);
     } else {
       INCORRECT_VALUES_NAME = true;
-      defaultIterator = function values() { return call$d(nativeIterator, this); };
+      defaultIterator = function values() { return call$c(nativeIterator, this); };
     }
   }
 
@@ -1710,7 +1712,7 @@ const TRANSLATION_PAIRS_WIDGET = {
   'widget.nameRequired': 'Name is required',
   'widget.widgetTitle': 'Widget Title',
   'widget.widgetTitlePlaceholder': 'Enter Widget Title',
-  'widget.widgetTitleRequired': 'Section Widget is required',
+  'widget.widgetTitleRequired': 'Widget Title is required',
   'widget.itemsType': 'Items Type',
   'widget.itemsTypePlaceholder': 'Select Items Type',
   'widget.widgetType': 'Widget Type',
@@ -1738,7 +1740,8 @@ const TRANSLATION_PAIRS_WIDGET = {
   'widget.tabletPerRowRequired': 'Tablet Per Row is required',
   'widget.mobilePerRowRequired': 'Mobile Per Row is required',
   'widget.tabDeleteTitle': 'Are you sure you want to delete this tab?',
-  'widget.widgetTitleInfo': 'HTML is supported'
+  'widget.widgetTitleInfo': 'HTML is supported',
+  'widget.minPerRow': 'Value must be greater than zero'
 };
 const TRANSLATION_PAIRS_ITEM = {
   'item.title': 'Title',
@@ -1847,17 +1850,17 @@ var classof$5 = classof$6;
 
 var $String = String;
 
-var toString$7 = function (argument) {
+var toString$6 = function (argument) {
   if (classof$5(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
   return $String(argument);
 };
 
-var anObject$9 = anObject$f;
+var anObject$8 = anObject$e;
 
 // `RegExp.prototype.flags` getter implementation
 // https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
 var regexpFlags$1 = function () {
-  var that = anObject$9(this);
+  var that = anObject$8(this);
   var result = '';
   if (that.hasIndices) result += 'd';
   if (that.global) result += 'g';
@@ -1926,9 +1929,9 @@ 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$c = functionCall;
+var call$b = functionCall;
 var uncurryThis$b = functionUncurryThis;
-var toString$6 = toString$7;
+var toString$5 = toString$6;
 var regexpFlags = regexpFlags$1;
 var stickyHelpers = regexpStickyHelpers;
 var shared = shared$4.exports;
@@ -1948,8 +1951,8 @@ var stringSlice$3 = uncurryThis$b(''.slice);
 var UPDATES_LAST_INDEX_WRONG = (function () {
   var re1 = /a/;
   var re2 = /b*/g;
-  call$c(nativeExec, re1, 'a');
-  call$c(nativeExec, re2, 'a');
+  call$b(nativeExec, re1, 'a');
+  call$b(nativeExec, re2, 'a');
   return re1.lastIndex !== 0 || re2.lastIndex !== 0;
 })();
 
@@ -1964,20 +1967,20 @@ if (PATCH) {
   patchedExec = function exec(string) {
     var re = this;
     var state = getInternalState(re);
-    var str = toString$6(string);
+    var str = toString$5(string);
     var raw = state.raw;
     var result, reCopy, lastIndex, match, i, object, group;
 
     if (raw) {
       raw.lastIndex = re.lastIndex;
-      result = call$c(patchedExec, raw, str);
+      result = call$b(patchedExec, raw, str);
       re.lastIndex = raw.lastIndex;
       return result;
     }
 
     var groups = state.groups;
     var sticky = UNSUPPORTED_Y && re.sticky;
-    var flags = call$c(regexpFlags, re);
+    var flags = call$b(regexpFlags, re);
     var source = re.source;
     var charsAdded = 0;
     var strCopy = str;
@@ -2005,7 +2008,7 @@ if (PATCH) {
     }
     if (UPDATES_LAST_INDEX_WRONG) lastIndex = re.lastIndex;
 
-    match = call$c(nativeExec, sticky ? reCopy : re, strCopy);
+    match = call$b(nativeExec, sticky ? reCopy : re, strCopy);
 
     if (sticky) {
       if (match) {
@@ -2020,7 +2023,7 @@ if (PATCH) {
     if (NPCG_INCLUDED && match && match.length > 1) {
       // Fix browsers whose `exec` methods don't consistently return `undefined`
       // for NPCG, like IE8. NOTE: This doesn't work for /(.?)?/
-      call$c(nativeReplace, match[0], reCopy, function () {
+      call$b(nativeReplace, match[0], reCopy, function () {
         for (i = 1; i < arguments.length - 2; i++) {
           if (arguments[i] === undefined) match[i] = undefined;
         }
@@ -2054,11 +2057,11 @@ var NATIVE_BIND$1 = functionBindNative;
 
 var FunctionPrototype = Function.prototype;
 var apply$2 = FunctionPrototype.apply;
-var call$b = FunctionPrototype.call;
+var call$a = FunctionPrototype.call;
 
 // eslint-disable-next-line es/no-reflect -- safe
-var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$1 ? call$b.bind(apply$2) : function () {
-  return call$b.apply(apply$2, arguments);
+var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$1 ? call$a.bind(apply$2) : function () {
+  return call$a.apply(apply$2, arguments);
 });
 
 var classofRaw = classofRaw$2;
@@ -2147,8 +2150,8 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
 
 var uncurryThis$8 = functionUncurryThis;
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$4;
-var toString$5 = toString$7;
-var requireObjectCoercible$4 = requireObjectCoercible$7;
+var toString$4 = toString$6;
+var requireObjectCoercible$3 = requireObjectCoercible$6;
 
 var charAt$2 = uncurryThis$8(''.charAt);
 var charCodeAt = uncurryThis$8(''.charCodeAt);
@@ -2156,7 +2159,7 @@ var stringSlice$2 = uncurryThis$8(''.slice);
 
 var createMethod$2 = function (CONVERT_TO_STRING) {
   return function ($this, pos) {
-    var S = toString$5(requireObjectCoercible$4($this));
+    var S = toString$4(requireObjectCoercible$3($this));
     var position = toIntegerOrInfinity$1(pos);
     var size = S.length;
     var first, second;
@@ -2235,8 +2238,8 @@ var getSubstitution$1 = function (matched, str, position, captures, namedCapture
   });
 };
 
-var call$a = functionCall;
-var anObject$8 = anObject$f;
+var call$9 = functionCall;
+var anObject$7 = anObject$e;
 var isCallable$6 = isCallable$m;
 var classof$4 = classofRaw$2;
 var regexpExec = regexpExec$2;
@@ -2248,30 +2251,30 @@ var $TypeError$8 = TypeError;
 var regexpExecAbstract = function (R, S) {
   var exec = R.exec;
   if (isCallable$6(exec)) {
-    var result = call$a(exec, R, S);
-    if (result !== null) anObject$8(result);
+    var result = call$9(exec, R, S);
+    if (result !== null) anObject$7(result);
     return result;
   }
-  if (classof$4(R) === 'RegExp') return call$a(regexpExec, R, S);
+  if (classof$4(R) === 'RegExp') return call$9(regexpExec, R, S);
   throw $TypeError$8('RegExp#exec called on incompatible receiver');
 };
 
 var apply$1 = functionApply;
-var call$9 = functionCall;
+var call$8 = functionCall;
 var uncurryThis$6 = functionUncurryThis;
-var fixRegExpWellKnownSymbolLogic$1 = fixRegexpWellKnownSymbolLogic;
+var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
 var fails$7 = fails$n;
-var anObject$7 = anObject$f;
+var anObject$6 = anObject$e;
 var isCallable$5 = isCallable$m;
-var isNullOrUndefined$3 = isNullOrUndefined$6;
+var isNullOrUndefined$2 = isNullOrUndefined$5;
 var toIntegerOrInfinity = toIntegerOrInfinity$4;
 var toLength = toLength$2;
-var toString$4 = toString$7;
-var requireObjectCoercible$3 = requireObjectCoercible$7;
+var toString$3 = toString$6;
+var requireObjectCoercible$2 = requireObjectCoercible$6;
 var advanceStringIndex = advanceStringIndex$1;
-var getMethod$3 = getMethod$5;
+var getMethod$2 = getMethod$4;
 var getSubstitution = getSubstitution$1;
-var regExpExec$1 = regexpExecAbstract;
+var regExpExec = regexpExecAbstract;
 var wellKnownSymbol$8 = wellKnownSymbol$i;
 
 var REPLACE = wellKnownSymbol$8('replace');
@@ -2313,24 +2316,24 @@ var REPLACE_SUPPORTS_NAMED_GROUPS = !fails$7(function () {
 });
 
 // @@replace logic
-fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCallNative) {
+fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNative) {
   var UNSAFE_SUBSTITUTE = REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE ? '$' : '$0';
 
   return [
     // `String.prototype.replace` method
     // https://tc39.es/ecma262/#sec-string.prototype.replace
     function replace(searchValue, replaceValue) {
-      var O = requireObjectCoercible$3(this);
-      var replacer = isNullOrUndefined$3(searchValue) ? undefined : getMethod$3(searchValue, REPLACE);
+      var O = requireObjectCoercible$2(this);
+      var replacer = isNullOrUndefined$2(searchValue) ? undefined : getMethod$2(searchValue, REPLACE);
       return replacer
-        ? call$9(replacer, searchValue, O, replaceValue)
-        : call$9(nativeReplace, toString$4(O), searchValue, replaceValue);
+        ? call$8(replacer, searchValue, O, replaceValue)
+        : call$8(nativeReplace, toString$3(O), searchValue, replaceValue);
     },
     // `RegExp.prototype[@@replace]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@replace
     function (string, replaceValue) {
-      var rx = anObject$7(this);
-      var S = toString$4(string);
+      var rx = anObject$6(this);
+      var S = toString$3(string);
 
       if (
         typeof replaceValue == 'string' &&
@@ -2342,7 +2345,7 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
       }
 
       var functionalReplace = isCallable$5(replaceValue);
-      if (!functionalReplace) replaceValue = toString$4(replaceValue);
+      if (!functionalReplace) replaceValue = toString$3(replaceValue);
 
       var global = rx.global;
       if (global) {
@@ -2351,13 +2354,13 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
       }
       var results = [];
       while (true) {
-        var result = regExpExec$1(rx, S);
+        var result = regExpExec(rx, S);
         if (result === null) break;
 
         push(results, result);
         if (!global) break;
 
-        var matchStr = toString$4(result[0]);
+        var matchStr = toString$3(result[0]);
         if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);
       }
 
@@ -2366,7 +2369,7 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
       for (var i = 0; i < results.length; i++) {
         result = results[i];
 
-        var matched = toString$4(result[0]);
+        var matched = toString$3(result[0]);
         var position = max(min(toIntegerOrInfinity(result.index), S.length), 0);
         var captures = [];
         // NOTE: This is equivalent to
@@ -2379,7 +2382,7 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
         if (functionalReplace) {
           var replacerArgs = concat([matched], captures, position, S);
           if (namedCaptures !== undefined) push(replacerArgs, namedCaptures);
-          var replacement = toString$4(apply$1(replaceValue, undefined, replacerArgs));
+          var replacement = toString$3(apply$1(replaceValue, undefined, replacerArgs));
         } else {
           replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);
         }
@@ -2419,8 +2422,8 @@ var whitespaces$3 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u200
   '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
 
 var uncurryThis$5 = functionUncurryThis;
-var requireObjectCoercible$2 = requireObjectCoercible$7;
-var toString$3 = toString$7;
+var requireObjectCoercible$1 = requireObjectCoercible$6;
+var toString$2 = toString$6;
 var whitespaces$2 = whitespaces$3;
 
 var replace = uncurryThis$5(''.replace);
@@ -2431,7 +2434,7 @@ 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$3(requireObjectCoercible$2($this));
+    var string = toString$2(requireObjectCoercible$1($this));
     if (TYPE & 1) string = replace(string, ltrim, '');
     if (TYPE & 2) string = replace(string, rtrim, '');
     return string;
@@ -2531,7 +2534,7 @@ const build_path = (...args) => {
 var global$9 = global$n;
 var fails$4 = fails$n;
 var uncurryThis$4 = functionUncurryThis;
-var toString$2 = toString$7;
+var toString$1 = toString$6;
 var trim = stringTrim.trim;
 var whitespaces = whitespaces$3;
 
@@ -2547,7 +2550,7 @@ var FORCED = $parseInt$1(whitespaces + '08') !== 8 || $parseInt$1(whitespaces +
 // `parseInt` method
 // https://tc39.es/ecma262/#sec-parseint-string-radix
 var numberParseInt = FORCED ? function parseInt(string, radix) {
-  var S = trim(toString$2(string));
+  var S = trim(toString$1(string));
   return $parseInt$1(S, (radix >>> 0) || (exec$1(hex, S) ? 16 : 10));
 } : $parseInt$1;
 
@@ -2561,90 +2564,34 @@ $$9({ target: 'Number', stat: true, forced: Number.parseInt != parseInt$1 }, {
   parseInt: parseInt$1
 });
 
-// `SameValue` abstract operation
-// https://tc39.es/ecma262/#sec-samevalue
-// eslint-disable-next-line es/no-object-is -- safe
-var sameValue$1 = Object.is || function is(x, y) {
-  // eslint-disable-next-line no-self-compare -- NaN check
-  return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
-};
-
-var call$8 = functionCall;
-var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
-var anObject$6 = anObject$f;
-var isNullOrUndefined$2 = isNullOrUndefined$6;
-var requireObjectCoercible$1 = requireObjectCoercible$7;
-var sameValue = sameValue$1;
-var toString$1 = toString$7;
-var getMethod$2 = getMethod$5;
-var regExpExec = regexpExecAbstract;
-
-// @@search logic
-fixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCallNative) {
-  return [
-    // `String.prototype.search` method
-    // https://tc39.es/ecma262/#sec-string.prototype.search
-    function search(regexp) {
-      var O = requireObjectCoercible$1(this);
-      var searcher = isNullOrUndefined$2(regexp) ? undefined : getMethod$2(regexp, SEARCH);
-      return searcher ? call$8(searcher, regexp, O) : new RegExp(regexp)[SEARCH](toString$1(O));
-    },
-    // `RegExp.prototype[@@search]` method
-    // https://tc39.es/ecma262/#sec-regexp.prototype-@@search
-    function (string) {
-      var rx = anObject$6(this);
-      var S = toString$1(string);
-      var res = maybeCallNative(nativeSearch, rx, S);
-
-      if (res.done) return res.value;
-
-      var previousLastIndex = rx.lastIndex;
-      if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;
-      var result = regExpExec(rx, S);
-      if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;
-      return result === null ? -1 : result.index;
-    }
-  ];
-});
-
 const usePagination = ({
   defaultLimit
 }) => {
-  const defaultApiPayload = {
-    search: "",
-    offset: DEFAULT_OFFSET_PAYLOAD,
-    limit: defaultLimit || DEFAULT_LIMIT
-  };
-  const [filter, setFilter] = React.useState(defaultApiPayload);
-  const [currentPage, setCurrentPage] = React.useState(DEFAULT_CURRENT_PAGE);
+  const offsetRef = React.useRef(DEFAULT_OFFSET_PAYLOAD);
+  const limitRef = React.useRef(defaultLimit || DEFAULT_LIMIT);
+  const currentPageRef = React.useRef(DEFAULT_CURRENT_PAGE);
+  const searchRef = React.useRef('');
   const setPageSize = value => {
-    setFilter(Object.assign(Object.assign({}, filter), {
-      limit: Number.parseInt(String(value), DECIMAL_REDIX),
-      offset: DEFAULT_OFFSET_PAYLOAD
-    }));
-    setCurrentPage(DEFAULT_CURRENT_PAGE);
+    limitRef.current = Number.parseInt(String(value), DECIMAL_REDIX);
+    offsetRef.current = DEFAULT_OFFSET_PAYLOAD;
+    currentPageRef.current = DEFAULT_CURRENT_PAGE;
   };
   const changeSearch = value => {
-    setFilter(draft => {
-      draft.search = value;
-      return draft;
-    });
+    searchRef.current = value;
   };
   const changeCurrentPage = value => {
-    setFilter(Object.assign(Object.assign({}, filter), {
-      offset: Math.max(value - 1, 1) * filter.limit
-    }));
-    setCurrentPage(value);
+    currentPageRef.current = value;
+    offsetRef.current = value * limitRef.current;
   };
   return {
-    pageSize: filter.limit,
+    pageSize: limitRef.current,
+    currentPageRef,
+    limitRef,
+    offsetRef,
+    searchRef,
     setPageSize,
-    currentPage,
     changeSearch,
-    filter,
-    setCurrentPage: changeCurrentPage,
-    defaultApiPayload,
-    setFilter
+    setCurrentPage: changeCurrentPage
   };
 };
 
@@ -2804,9 +2751,12 @@ const usePage = ({
   const {
     setPageSize,
     pageSize,
-    currentPage,
+    currentPageRef,
     setCurrentPage,
-    filter
+    offsetRef,
+    limitRef,
+    searchRef,
+    changeSearch
   } = usePagination({
     defaultLimit
   });
@@ -2871,9 +2821,9 @@ const usePage = ({
         data: {
           search,
           options: {
-            offset: filter.offset,
-            limit: filter.limit,
-            page: currentPage
+            offset: offsetRef.current,
+            limit: limitRef.current,
+            page: currentPageRef.current
           }
         }
       });
@@ -2887,7 +2837,7 @@ const usePage = ({
     } catch (error) {
       setLoading(false);
     }
-  }), [baseUrl, currentPage, filter.limit, filter.offset, handleError, pageRoutesPrefix, routes, token]);
+  }), [baseUrl, currentPageRef, limitRef, offsetRef, handleError, pageRoutesPrefix, routes, token]);
   const onPageFormSubmit = data => __awaiter(void 0, void 0, void 0, function* () {
     setLoading(true);
     const code = formState === 'ADD' ? CALLBACK_CODES.CREATE : CALLBACK_CODES.UPDATE;
@@ -2983,21 +2933,27 @@ const usePage = ({
       return temporaryData;
     });
   };
+  const changeCurrentPage = page => {
+    setCurrentPage(page);
+    getPages(searchRef.current);
+  };
   React.useEffect(() => {
     if (_canList) getPages();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [pageSize, currentPage, _canList]);
+  }, [pageSize, _canList]);
   return {
     list,
     getPages,
     loading,
     setLoading,
     // Pagination
+    searchText: searchRef.current,
+    changeSearch,
     pageSize,
     totalPages,
-    currentPage,
+    currentPage: currentPageRef.current,
     totalRecords,
-    setCurrentPage,
+    setCurrentPage: changeCurrentPage,
     setPageSize,
     // Form
     widgets,
@@ -3019,6 +2975,8 @@ const PageContext = /*#__PURE__*/React.createContext(null);
 const PageContextProvider = ({
   t: _t = key => Object.assign({}, TRANSLATION_PAIRS_COMMON)[key],
   // Form
+  searchText: _searchText = '',
+  changeSearch: _changeSearch = () => {},
   list: _list = [],
   widgets: _widgets = [],
   formState: _formState = '',
@@ -3055,6 +3013,8 @@ const PageContextProvider = ({
       t: _t,
       // Form
       list: _list,
+      searchText: _searchText,
+      changeSearch: _changeSearch,
       widgets: _widgets,
       closeForm: _closeForm,
       formState: _formState,
@@ -3513,26 +3473,55 @@ const SrcSet = ({
   }, error));
 };
 
+const App = ({
+  label,
+  wrapperClassName,
+  required,
+  value,
+  error,
+  onChange
+}) => {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classNames__default["default"]('khb_input-wrapper', wrapperClassName)
+  }, label && /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "khb_input-label"
+  }, label, required ? /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "khb_input-label-required"
+  }, "*") : null), /*#__PURE__*/React__default["default"].createElement(SunEditor__default["default"], {
+    setContents: value,
+    onChange: onChange,
+    setOptions: {
+      defaultStyle: 'font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial; font-size: 0.875rem;',
+      buttonList: [['undo', 'redo', 'align'], ['bold', 'underline', 'italic', 'strike', 'subscript', 'superscript'], ['fontColor', 'hiliteColor'], ['removeFormat']]
+    }
+  }), error && /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "khb_input-error "
+  }, error));
+};
+
 var Input = Object.assign(Input$1, {
   Select,
   ReactSelect: CustomReactSelect,
   Checkbox,
-  SrcSet
+  SrcSet,
+  HTML: App
 });
 
 const PageSearch = () => {
   const {
-    getPages,
     t,
-    canList
+    canList,
+    changeSearch,
+    setCurrentPage
   } = usePageState();
   const callerRef = React.useRef(null);
   const [search, setSearch] = React.useState('');
   const onChangeSearch = str => {
     setSearch(str);
+    changeSearch(str);
     if (callerRef.current) clearTimeout(callerRef.current);
     callerRef.current = setTimeout(() => {
-      getPages(str);
+      setCurrentPage(1);
     }, 300);
   };
   return /*#__PURE__*/React__default["default"].createElement(Input, {
@@ -3559,8 +3548,8 @@ var regexpGetFlags = function (R) {
 
 var PROPER_FUNCTION_NAME = functionName.PROPER;
 var defineBuiltIn$2 = defineBuiltIn$7;
-var anObject$5 = anObject$f;
-var $toString = toString$7;
+var anObject$5 = anObject$e;
+var $toString = toString$6;
 var fails$3 = fails$n;
 var getRegExpFlags = regexpGetFlags;
 
@@ -3934,6 +3923,26 @@ const SimpleForm = /*#__PURE__*/React.forwardRef(({
             }
           });
           break;
+        case 'html':
+          input = /*#__PURE__*/React__default["default"].createElement(reactHookForm.Controller, {
+            control: control,
+            name: schema.accessor,
+            rules: schema.validations,
+            render: ({
+              field
+            }) => {
+              var _a, _b;
+              return /*#__PURE__*/React__default["default"].createElement(Input.HTML, {
+                label: schema.label,
+                error: (_b = (_a = errors[schema.accessor]) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.toString(),
+                onInput: schema.onInput,
+                required: schema.required,
+                value: field.value,
+                onChange: field.onChange
+              });
+            }
+          });
+          break;
         case 'text':
         case 'number':
         case 'url':
@@ -4189,26 +4198,21 @@ const Pagination = ({
   previousContent,
   nextContent
 }) => {
-  const [localCurrentPage, setLocalCurrentPage] = React.useState(currentPage);
-  const updatePagination = () => {
-    let newValue = localCurrentPage;
-    if (newValue) {
+  const updatePagination = newValue => {
+    if (newValue && typeof newValue === 'number') {
       if (newValue <= 0) {
         newValue = 1;
       } else if (newValue > totalPages) {
         newValue = totalPages;
       }
       setCurrentPage(newValue);
-      setLocalCurrentPage(newValue);
     }
   };
   const onPaginationButtonClick = dir => {
     if (dir === 'next') {
-      setCurrentPage(currentPage + 1);
-      setLocalCurrentPage(localCurrentPage + 1);
+      updatePagination(currentPage + 1);
     } else {
-      setCurrentPage(currentPage - 1);
-      setLocalCurrentPage(localCurrentPage - 1);
+      updatePagination(currentPage - 1);
     }
   };
   return /*#__PURE__*/React__default["default"].createElement("nav", {
@@ -4226,7 +4230,7 @@ const Pagination = ({
     size: "xs",
     type: "secondary",
     className: "khb_pagination-previous",
-    disabled: currentPage - 1 === 0,
+    disabled: currentPage - 1 <= 0,
     onClick: () => onPaginationButtonClick('previous')
   }, previousContent || /*#__PURE__*/React__default["default"].createElement(ChevronLeft, {
     srText: "Previous"
@@ -4237,15 +4241,14 @@ const Pagination = ({
     size: "xs",
     type: "number",
     id: "page",
-    value: localCurrentPage,
-    onChange: e => setLocalCurrentPage(Number(e.target.value)),
-    onBlur: updatePagination,
+    value: currentPage,
+    onChange: e => updatePagination(Number(e.target.value)),
     disabled: !totalRecords
   }), ' ', "/ ", totalPages), /*#__PURE__*/React__default["default"].createElement(Button, {
     size: "xs",
     type: "secondary",
     className: "khb_pagination-next",
-    disabled: currentPage === totalPages || !totalRecords,
+    disabled: currentPage >= totalPages,
     onClick: () => onPaginationButtonClick('next')
   }, nextContent || /*#__PURE__*/React__default["default"].createElement(ChevronRight, {
     srText: "Next"
@@ -4518,6 +4521,8 @@ const Page = ({
     currentPage,
     pageSize,
     itemData,
+    searchText,
+    changeSearch,
     setCurrentPage,
     formState,
     getWidgets,
@@ -4538,6 +4543,8 @@ const Page = ({
     t: derivedT,
     loader: loader,
     list: list,
+    searchText: searchText,
+    changeSearch: changeSearch,
     widgets: widgets,
     data: itemData,
     loading: loading,
@@ -4624,11 +4631,14 @@ const useWidget = ({
     itemsRoutesPrefix
   } = useProviderState();
   const {
+    changeSearch,
     setPageSize,
     pageSize,
-    currentPage,
+    limitRef,
+    currentPageRef,
     setCurrentPage,
-    filter
+    offsetRef,
+    searchRef
   } = usePagination({
     defaultLimit
   });
@@ -4659,9 +4669,9 @@ const useWidget = ({
         data: {
           search,
           options: {
-            offset: filter.offset,
-            limit: filter.limit,
-            page: currentPage
+            offset: offsetRef.current,
+            limit: limitRef.current,
+            page: currentPageRef.current
           }
         }
       });
@@ -4675,7 +4685,7 @@ const useWidget = ({
     } catch (error) {
       setLoading(false);
     }
-  }), [baseUrl, currentPage, filter.limit, filter.offset, handleError, routes, token, widgetRoutesPrefix]);
+  }), [baseUrl, currentPageRef, limitRef, offsetRef, handleError, routes, token, widgetRoutesPrefix]);
   const getItems = React.useCallback(id => __awaiter(void 0, void 0, void 0, function* () {
     try {
       setItemsLoading(true);
@@ -5023,21 +5033,26 @@ const useWidget = ({
       onError(CALLBACK_CODES.IMAGE_REMOVE, INTERNAL_ERROR_CODE, error.message);
     }
   });
+  const changeCurrentPage = page => {
+    setCurrentPage(page);
+    getWidgets(searchRef.current);
+  };
   React.useEffect(() => {
     if (_canList) getWidgets();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [pageSize, currentPage, _canList]);
+  }, [_canList]);
   return {
     list,
     getWidgets,
     loading,
     setLoading,
     // Pagination
+    searchText: searchRef.current,
     pageSize,
     totalPages,
-    currentPage,
+    currentPage: currentPageRef.current,
     totalRecords,
-    setCurrentPage,
+    setCurrentPage: changeCurrentPage,
     setPageSize,
     // Form
     formState,
@@ -5052,6 +5067,7 @@ const useWidget = ({
     onImageRemove,
     itemsTypes,
     widgetTypes,
+    changeSearch,
     collectionDataLoading,
     getCollectionData,
     collectionData,
@@ -5154,9 +5170,9 @@ var aConstructor$1 = function (argument) {
   throw $TypeError$5(tryToString$2(argument) + ' is not a constructor');
 };
 
-var anObject$4 = anObject$f;
+var anObject$4 = anObject$e;
 var aConstructor = aConstructor$1;
-var isNullOrUndefined$1 = isNullOrUndefined$6;
+var isNullOrUndefined$1 = isNullOrUndefined$5;
 var wellKnownSymbol$6 = wellKnownSymbol$i;
 
 var SPECIES$1 = wellKnownSymbol$6('species');
@@ -5833,8 +5849,8 @@ var isArrayIteratorMethod$1 = function (it) {
 };
 
 var classof$1 = classof$6;
-var getMethod$1 = getMethod$5;
-var isNullOrUndefined = isNullOrUndefined$6;
+var getMethod$1 = getMethod$4;
+var isNullOrUndefined = isNullOrUndefined$5;
 var Iterators = iterators;
 var wellKnownSymbol$3 = wellKnownSymbol$i;
 
@@ -5848,7 +5864,7 @@ var getIteratorMethod$2 = function (it) {
 
 var call$5 = functionCall;
 var aCallable$2 = aCallable$8;
-var anObject$3 = anObject$f;
+var anObject$3 = anObject$e;
 var tryToString$1 = tryToString$4;
 var getIteratorMethod$1 = getIteratorMethod$2;
 
@@ -5861,8 +5877,8 @@ var getIterator$1 = function (argument, usingIterator) {
 };
 
 var call$4 = functionCall;
-var anObject$2 = anObject$f;
-var getMethod = getMethod$5;
+var anObject$2 = anObject$e;
+var getMethod = getMethod$4;
 
 var iteratorClose$1 = function (iterator, kind, value) {
   var innerResult, innerError;
@@ -5886,7 +5902,7 @@ var iteratorClose$1 = function (iterator, kind, value) {
 
 var bind = functionBindContext;
 var call$3 = functionCall;
-var anObject$1 = anObject$f;
+var anObject$1 = anObject$e;
 var tryToString = tryToString$4;
 var isArrayIteratorMethod = isArrayIteratorMethod$1;
 var lengthOfArrayLike = lengthOfArrayLike$3;
@@ -6105,7 +6121,7 @@ $$2({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
   }
 });
 
-var anObject = anObject$f;
+var anObject = anObject$e;
 var isObject$1 = isObject$a;
 var newPromiseCapability = newPromiseCapability$2;
 
@@ -6138,6 +6154,8 @@ const WidgetContextProvider = ({
   t: _t = () => '',
   // Form
   list: _list = [],
+  searchText: _searchText = '',
+  changeSearch: _changeSearch = () => {},
   formState: _formState = '',
   closeForm: _closeForm = () => {},
   loading: _loading = false,
@@ -6190,6 +6208,8 @@ const WidgetContextProvider = ({
       closeForm: _closeForm,
       formState: _formState,
       loading: _loading,
+      searchText: _searchText,
+      changeSearch: _changeSearch,
       onChangeFormState: _onChangeFormState,
       onWidgetFormSubmit: _onWidgetFormSubmit,
       updateData: _updateData,
@@ -6351,8 +6371,8 @@ var correctIsRegexpLogic = function (METHOD_NAME) {
 var $ = _export;
 var uncurryThis = functionUncurryThis;
 var notARegExp = notARegexp;
-var requireObjectCoercible = requireObjectCoercible$7;
-var toString = toString$7;
+var requireObjectCoercible = requireObjectCoercible$6;
+var toString = toString$6;
 var correctIsRegExpLogic = correctIsRegexpLogic;
 
 var stringIndexOf = uncurryThis(''.indexOf);
@@ -7075,7 +7095,7 @@ const WidgetForm = ({
     label: `${t('widget.widgetTitle')}`,
     accessor: 'widgetTitle',
     required: true,
-    type: 'text',
+    type: 'html',
     onInput: handleCapitalize,
     placeholder: t('widget.widgetTitlePlaceholder'),
     validations: {
@@ -7121,7 +7141,11 @@ const WidgetForm = ({
     placeholder: t('widget.webPerRowPlaceholder'),
     wrapperClassName: 'khb_grid-item-1of3 khb_padding-right-1',
     validations: {
-      required: t('widget.webPerRowRequired')
+      required: t('widget.webPerRowRequired'),
+      min: {
+        value: 1,
+        message: t('widget.minPerRow')
+      }
     }
   }, {
     label: t('widget.tabletPerRow'),
@@ -7131,7 +7155,11 @@ const WidgetForm = ({
     placeholder: t('widget.tabletPerRowPlaceholder'),
     wrapperClassName: 'khb_grid-item-1of3 khb_padding-left-1',
     validations: {
-      required: t('widget.tabletPerRowRequired')
+      required: t('widget.tabletPerRowRequired'),
+      min: {
+        value: 1,
+        message: t('widget.minPerRow')
+      }
     }
   }, {
     label: t('widget.mobilePerRow'),
@@ -7141,7 +7169,11 @@ const WidgetForm = ({
     placeholder: t('widget.mobilePerRowPlaceholder'),
     wrapperClassName: 'khb_grid-item-1of3 khb_padding-right-1 khb_padding-left-1',
     validations: {
-      required: t('widget.mobilePerRowRequired')
+      required: t('widget.mobilePerRowRequired'),
+      min: {
+        value: 1,
+        message: t('widget.minPerRow')
+      }
     }
   }, {
     label: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.label,
@@ -7331,22 +7363,24 @@ const WidgetPagination = () => {
 
 const WidgetSearch = () => {
   const {
-    getWidgets,
+    changeSearch,
     t,
-    canList
+    canList,
+    setCurrentPage
   } = useWidgetState();
   const callerRef = React.useRef(null);
-  const [search, setSearch] = React.useState('');
+  const [searchVal, setSearchVal] = React.useState();
   const onChangeSearch = str => {
-    setSearch(str);
+    setSearchVal(str);
+    changeSearch(str);
     if (callerRef.current) clearTimeout(callerRef.current);
     callerRef.current = setTimeout(() => {
-      getWidgets(str);
+      setCurrentPage(1);
     }, 300);
   };
   return /*#__PURE__*/React__default["default"].createElement(Input, {
     type: "search",
-    value: search,
+    value: searchVal,
     disabled: !canList,
     onChange: e => onChangeSearch(e.target.value),
     placeholder: t('widget.searchPlaceholder')
@@ -7423,6 +7457,8 @@ const Widget = ({
   const {
     list,
     loading,
+    searchText,
+    changeSearch,
     onChangeFormState,
     formState,
     onCloseForm,
@@ -7460,6 +7496,8 @@ const Widget = ({
     list: list,
     onChangeFormState: onChangeFormState,
     t: derivedT,
+    searchText: searchText,
+    changeSearch: changeSearch,
     loader: loader,
     onWidgetFormSubmit: onWidgetFormSubmit,
     data: itemData,