@knovator/pagecreator-admin 0.4.0 → 0.5.0

package/index.cjs

@@ -10,6 +10,8 @@ var reactHookForm = require('react-hook-form');
 var reactBeautifulDnd = require('react-beautiful-dnd');
 var CSSTransition = require('react-transition-group/CSSTransition');
 var reactDropzone = require('react-dropzone');
+var reactTabs = require('react-tabs');
+var reactTinyPopover = require('react-tiny-popover');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -108,21 +110,21 @@ var functionUncurryThis = NATIVE_BIND$2 ? uncurryThisWithBind : function (fn) {
   };
 };
 
-var uncurryThis$k = functionUncurryThis;
+var uncurryThis$l = functionUncurryThis;
 
-var toString$8 = uncurryThis$k({}.toString);
-var stringSlice$4 = uncurryThis$k(''.slice);
+var toString$9 = uncurryThis$l({}.toString);
+var stringSlice$4 = uncurryThis$l(''.slice);
 
 var classofRaw$2 = function (it) {
-  return stringSlice$4(toString$8(it), 8, -1);
+  return stringSlice$4(toString$9(it), 8, -1);
 };
 
-var uncurryThis$j = functionUncurryThis;
+var uncurryThis$k = functionUncurryThis;
 var fails$k = fails$n;
-var classof$6 = classofRaw$2;
+var classof$7 = classofRaw$2;
 
 var $Object$4 = Object;
-var split = uncurryThis$j(''.split);
+var split = uncurryThis$k(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
 var indexedObject = fails$k(function () {
@@ -130,7 +132,7 @@ var indexedObject = fails$k(function () {
   // eslint-disable-next-line no-prototype-builtins -- safe
   return !$Object$4('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof$6(it) == 'String' ? split(it, '') : $Object$4(it);
+  return classof$7(it) == 'String' ? split(it, '') : $Object$4(it);
 } : $Object$4;
 
 // we can't use just `it == null` since of `document.all` special case
@@ -141,21 +143,21 @@ var isNullOrUndefined$6 = function (it) {
 
 var isNullOrUndefined$5 = isNullOrUndefined$6;
 
-var $TypeError$e = TypeError;
+var $TypeError$f = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$6 = function (it) {
-  if (isNullOrUndefined$5(it)) throw $TypeError$e("Can't call method on " + it);
+var requireObjectCoercible$7 = function (it) {
+  if (isNullOrUndefined$5(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$5 = requireObjectCoercible$6;
+var requireObjectCoercible$6 = requireObjectCoercible$7;
 
 var toIndexedObject$5 = function (it) {
-  return IndexedObject$2(requireObjectCoercible$5(it));
+  return IndexedObject$2(requireObjectCoercible$6(it));
 };
 
 var documentAll$2 = typeof document == 'object' && document.all;
@@ -185,7 +187,7 @@ var $documentAll = documentAll_1;
 
 var documentAll = $documentAll.all;
 
-var isObject$9 = $documentAll.IS_HTMLDDA ? function (it) {
+var isObject$a = $documentAll.IS_HTMLDDA ? function (it) {
   return typeof it == 'object' ? it !== null : isCallable$l(it) || it === documentAll;
 } : function (it) {
   return typeof it == 'object' ? it !== null : isCallable$l(it);
@@ -202,9 +204,9 @@ var getBuiltIn$8 = function (namespace, method) {
   return arguments.length < 2 ? aFunction(global$m[namespace]) : global$m[namespace] && global$m[namespace][method];
 };
 
-var uncurryThis$i = functionUncurryThis;
+var uncurryThis$j = functionUncurryThis;
 
-var objectIsPrototypeOf = uncurryThis$i({}.isPrototypeOf);
+var objectIsPrototypeOf = uncurryThis$j({}.isPrototypeOf);
 
 var getBuiltIn$7 = getBuiltIn$8;
 
@@ -288,12 +290,12 @@ var tryToString$4 = function (argument) {
 var isCallable$i = isCallable$m;
 var tryToString$3 = tryToString$4;
 
-var $TypeError$d = TypeError;
+var $TypeError$e = TypeError;
 
 // `Assert: IsCallable(argument) is true`
 var aCallable$8 = function (argument) {
   if (isCallable$i(argument)) return argument;
-  throw $TypeError$d(tryToString$3(argument) + ' is not a function');
+  throw $TypeError$e(tryToString$3(argument) + ' is not a function');
 };
 
 var aCallable$7 = aCallable$8;
@@ -308,18 +310,18 @@ var getMethod$5 = function (V, P) {
 
 var call$h = functionCall;
 var isCallable$h = isCallable$m;
-var isObject$8 = isObject$9;
+var isObject$9 = isObject$a;
 
-var $TypeError$c = TypeError;
+var $TypeError$d = TypeError;
 
 // `OrdinaryToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$h(fn = input.toString) && !isObject$8(val = call$h(fn, input))) return val;
-  if (isCallable$h(fn = input.valueOf) && !isObject$8(val = call$h(fn, input))) return val;
-  if (pref !== 'string' && isCallable$h(fn = input.toString) && !isObject$8(val = call$h(fn, input))) return val;
-  throw $TypeError$c("Can't convert object to primitive value");
+  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;
+  throw $TypeError$d("Can't convert object to primitive value");
 };
 
 var shared$4 = {exports: {}};
@@ -357,20 +359,20 @@ var store$2 = sharedStore;
   source: 'https://github.com/zloirock/core-js'
 });
 
-var requireObjectCoercible$4 = requireObjectCoercible$6;
+var requireObjectCoercible$5 = requireObjectCoercible$7;
 
 var $Object$2 = Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
 var toObject$5 = function (argument) {
-  return $Object$2(requireObjectCoercible$4(argument));
+  return $Object$2(requireObjectCoercible$5(argument));
 };
 
-var uncurryThis$h = functionUncurryThis;
+var uncurryThis$i = functionUncurryThis;
 var toObject$4 = toObject$5;
 
-var hasOwnProperty = uncurryThis$h({}.hasOwnProperty);
+var hasOwnProperty = uncurryThis$i({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
@@ -379,14 +381,14 @@ var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
   return hasOwnProperty(toObject$4(it), key);
 };
 
-var uncurryThis$g = functionUncurryThis;
+var uncurryThis$h = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString$7 = uncurryThis$g(1.0.toString);
+var toString$8 = uncurryThis$h(1.0.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$7(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$8(++id + postfix, 36);
 };
 
 var global$i = global$n;
@@ -401,7 +403,7 @@ var Symbol$2 = global$i.Symbol;
 var symbolFor = Symbol$2 && Symbol$2['for'];
 var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$2 : Symbol$2 && Symbol$2.withoutSetter || uid$1;
 
-var wellKnownSymbol$g = function (name) {
+var wellKnownSymbol$i = function (name) {
   if (!hasOwn$a(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL || typeof WellKnownSymbolsStore[name] == 'string')) {
     var description = 'Symbol.' + name;
     if (NATIVE_SYMBOL && hasOwn$a(Symbol$2, name)) {
@@ -415,26 +417,26 @@ var wellKnownSymbol$g = function (name) {
 };
 
 var call$g = functionCall;
-var isObject$7 = isObject$9;
+var isObject$8 = isObject$a;
 var isSymbol$1 = isSymbol$2;
 var getMethod$4 = getMethod$5;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
-var wellKnownSymbol$f = wellKnownSymbol$g;
+var wellKnownSymbol$h = wellKnownSymbol$i;
 
-var $TypeError$b = TypeError;
-var TO_PRIMITIVE = wellKnownSymbol$f('toPrimitive');
+var $TypeError$c = TypeError;
+var TO_PRIMITIVE = wellKnownSymbol$h('toPrimitive');
 
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$1 = function (input, pref) {
-  if (!isObject$7(input) || isSymbol$1(input)) return input;
+  if (!isObject$8(input) || isSymbol$1(input)) return input;
   var exoticToPrim = getMethod$4(input, TO_PRIMITIVE);
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
     result = call$g(exoticToPrim, input, pref);
-    if (!isObject$7(result) || isSymbol$1(result)) return result;
-    throw $TypeError$b("Can't convert object to primitive value");
+    if (!isObject$8(result) || isSymbol$1(result)) return result;
+    throw $TypeError$c("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
   return ordinaryToPrimitive(input, pref);
@@ -451,11 +453,11 @@ var toPropertyKey$2 = function (argument) {
 };
 
 var global$h = global$n;
-var isObject$6 = isObject$9;
+var isObject$7 = isObject$a;
 
 var document$3 = global$h.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$6(document$3) && isObject$6(document$3.createElement);
+var EXISTS$1 = isObject$7(document$3) && isObject$7(document$3.createElement);
 
 var documentCreateElement$2 = function (it) {
   return EXISTS$1 ? document$3.createElement(it) : {};
@@ -511,15 +513,15 @@ var v8PrototypeDefineBug = DESCRIPTORS$8 && fails$h(function () {
   }).prototype != 42;
 });
 
-var isObject$5 = isObject$9;
+var isObject$6 = isObject$a;
 
 var $String$2 = String;
-var $TypeError$a = TypeError;
+var $TypeError$b = TypeError;
 
 // `Assert: Type(argument) is Object`
 var anObject$f = function (argument) {
-  if (isObject$5(argument)) return argument;
-  throw $TypeError$a($String$2(argument) + ' is not an object');
+  if (isObject$6(argument)) return argument;
+  throw $TypeError$b($String$2(argument) + ' is not an object');
 };
 
 var DESCRIPTORS$7 = descriptors;
@@ -528,7 +530,7 @@ var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
 var anObject$e = anObject$f;
 var toPropertyKey = toPropertyKey$2;
 
-var $TypeError$9 = TypeError;
+var $TypeError$a = TypeError;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var $defineProperty = Object.defineProperty;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -561,7 +563,7 @@ objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
   if (IE8_DOM_DEFINE) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw $TypeError$9('Accessors not supported');
+  if ('get' in Attributes || 'set' in Attributes) throw $TypeError$a('Accessors not supported');
   if ('value' in Attributes) O[P] = Attributes.value;
   return O;
 };
@@ -597,11 +599,11 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
 
-var uncurryThis$f = functionUncurryThis;
+var uncurryThis$g = functionUncurryThis;
 var isCallable$g = isCallable$m;
 var store$1 = sharedStore;
 
-var functionToString = uncurryThis$f(Function.toString);
+var functionToString = uncurryThis$g(Function.toString);
 
 // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
 if (!isCallable$g(store$1.inspectSource)) {
@@ -632,7 +634,7 @@ var hiddenKeys$4 = {};
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
 var global$f = global$n;
-var isObject$4 = isObject$9;
+var isObject$5 = isObject$a;
 var createNonEnumerableProperty$4 = createNonEnumerableProperty$5;
 var hasOwn$7 = hasOwnProperty_1;
 var shared$1 = sharedStore;
@@ -651,7 +653,7 @@ var enforce = function (it) {
 var getterFor = function (TYPE) {
   return function (it) {
     var state;
-    if (!isObject$4(it) || (state = get(it)).type !== TYPE) {
+    if (!isObject$5(it) || (state = get(it)).type !== TYPE) {
       throw TypeError$2('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
@@ -866,13 +868,13 @@ var arrayIncludes = {
   indexOf: createMethod$3(false)
 };
 
-var uncurryThis$e = functionUncurryThis;
+var uncurryThis$f = functionUncurryThis;
 var hasOwn$5 = hasOwnProperty_1;
 var toIndexedObject$2 = toIndexedObject$5;
 var indexOf$1 = arrayIncludes.indexOf;
 var hiddenKeys$2 = hiddenKeys$4;
 
-var push$1 = uncurryThis$e([].push);
+var push$1 = uncurryThis$f([].push);
 
 var objectKeysInternal = function (object, names) {
   var O = toIndexedObject$2(object);
@@ -916,12 +918,12 @@ var objectGetOwnPropertySymbols = {};
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
 var getBuiltIn$5 = getBuiltIn$8;
-var uncurryThis$d = functionUncurryThis;
+var uncurryThis$e = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
 var anObject$d = anObject$f;
 
-var concat$2 = uncurryThis$d([].concat);
+var concat$2 = uncurryThis$e([].concat);
 
 // all object keys, includes non-enumerable and symbols
 var ownKeys$1 = getBuiltIn$5('Reflect', 'ownKeys') || function ownKeys(it) {
@@ -1036,7 +1038,7 @@ var objectKeys$2 = Object.keys || function keys(O) {
 };
 
 var DESCRIPTORS$3 = descriptors;
-var uncurryThis$c = functionUncurryThis;
+var uncurryThis$d = functionUncurryThis;
 var call$e = functionCall;
 var fails$e = fails$n;
 var objectKeys$1 = objectKeys$2;
@@ -1049,7 +1051,7 @@ var IndexedObject$1 = indexedObject;
 var $assign = Object.assign;
 // eslint-disable-next-line es/no-object-defineproperty -- required for testing
 var defineProperty$3 = Object.defineProperty;
-var concat$1 = uncurryThis$c([].concat);
+var concat$1 = uncurryThis$d([].concat);
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
@@ -1092,13 +1094,13 @@ var objectAssign = !$assign || fails$e(function () {
   } return T;
 } : $assign;
 
-var $$d = _export;
+var $$e = _export;
 var assign = objectAssign;
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
 // eslint-disable-next-line es/no-object-assign -- required for testing
-$$d({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
+$$e({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
   assign: assign
 });
 
@@ -1214,11 +1216,11 @@ var objectCreate = Object.create || function create(O, Properties) {
   return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
 };
 
-var wellKnownSymbol$e = wellKnownSymbol$g;
+var wellKnownSymbol$g = wellKnownSymbol$i;
 var create$2 = objectCreate;
 var defineProperty$2 = objectDefineProperty.f;
 
-var UNSCOPABLES = wellKnownSymbol$e('unscopables');
+var UNSCOPABLES = wellKnownSymbol$g('unscopables');
 var ArrayPrototype$1 = Array.prototype;
 
 // Array.prototype[@@unscopables]
@@ -1270,12 +1272,12 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf :
 
 var fails$c = fails$n;
 var isCallable$a = isCallable$m;
-var isObject$3 = isObject$9;
+var isObject$4 = isObject$a;
 var getPrototypeOf$1 = objectGetPrototypeOf;
 var defineBuiltIn$5 = defineBuiltIn$7;
-var wellKnownSymbol$d = wellKnownSymbol$g;
+var wellKnownSymbol$f = wellKnownSymbol$i;
 
-var ITERATOR$6 = wellKnownSymbol$d('iterator');
+var ITERATOR$6 = wellKnownSymbol$f('iterator');
 var BUGGY_SAFARI_ITERATORS$1 = false;
 
 // `%IteratorPrototype%` object
@@ -1293,7 +1295,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject$3(IteratorPrototype$2) || fails$c(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$4(IteratorPrototype$2) || fails$c(function () {
   var test = {};
   // FF44- legacy iterators case
   return IteratorPrototype$2[ITERATOR$6].call(test) !== test;
@@ -1316,9 +1318,9 @@ var iteratorsCore = {
 
 var defineProperty$1 = objectDefineProperty.f;
 var hasOwn$2 = hasOwnProperty_1;
-var wellKnownSymbol$c = wellKnownSymbol$g;
+var wellKnownSymbol$e = wellKnownSymbol$i;
 
-var TO_STRING_TAG$3 = wellKnownSymbol$c('toStringTag');
+var TO_STRING_TAG$3 = wellKnownSymbol$e('toStringTag');
 
 var setToStringTag$3 = function (target, TAG, STATIC) {
   if (target && !STATIC) target = target.prototype;
@@ -1346,16 +1348,16 @@ var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUME
 var isCallable$9 = isCallable$m;
 
 var $String$1 = String;
-var $TypeError$8 = TypeError;
+var $TypeError$9 = TypeError;
 
 var aPossiblePrototype$1 = function (argument) {
   if (typeof argument == 'object' || isCallable$9(argument)) return argument;
-  throw $TypeError$8("Can't set " + $String$1(argument) + ' as a prototype');
+  throw $TypeError$9("Can't set " + $String$1(argument) + ' as a prototype');
 };
 
 /* eslint-disable no-proto -- safe */
 
-var uncurryThis$b = functionUncurryThis;
+var uncurryThis$c = functionUncurryThis;
 var anObject$a = anObject$f;
 var aPossiblePrototype = aPossiblePrototype$1;
 
@@ -1369,7 +1371,7 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   var setter;
   try {
     // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    setter = uncurryThis$b(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
+    setter = uncurryThis$c(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
     setter(test, []);
     CORRECT_SETTER = test instanceof Array;
   } catch (error) { /* empty */ }
@@ -1382,7 +1384,7 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   };
 }() : undefined);
 
-var $$c = _export;
+var $$d = _export;
 var call$d = functionCall;
 var FunctionName = functionName;
 var isCallable$8 = isCallable$m;
@@ -1392,7 +1394,7 @@ var setPrototypeOf$1 = objectSetPrototypeOf;
 var setToStringTag$1 = setToStringTag$3;
 var createNonEnumerableProperty$2 = createNonEnumerableProperty$5;
 var defineBuiltIn$4 = defineBuiltIn$7;
-var wellKnownSymbol$b = wellKnownSymbol$g;
+var wellKnownSymbol$d = wellKnownSymbol$i;
 var Iterators$3 = iterators;
 var IteratorsCore = iteratorsCore;
 
@@ -1400,7 +1402,7 @@ var PROPER_FUNCTION_NAME$2 = FunctionName.PROPER;
 var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
 var IteratorPrototype = IteratorsCore.IteratorPrototype;
 var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
-var ITERATOR$5 = wellKnownSymbol$b('iterator');
+var ITERATOR$5 = wellKnownSymbol$d('iterator');
 var KEYS = 'keys';
 var VALUES = 'values';
 var ENTRIES = 'entries';
@@ -1467,7 +1469,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
         defineBuiltIn$4(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $$c({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$d({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
@@ -1595,10 +1597,10 @@ var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
 var createNonEnumerableProperty$1 = createNonEnumerableProperty$5;
-var wellKnownSymbol$a = wellKnownSymbol$g;
+var wellKnownSymbol$c = wellKnownSymbol$i;
 
-var ITERATOR$4 = wellKnownSymbol$a('iterator');
-var TO_STRING_TAG$2 = wellKnownSymbol$a('toStringTag');
+var ITERATOR$4 = wellKnownSymbol$c('iterator');
+var TO_STRING_TAG$2 = wellKnownSymbol$c('toStringTag');
 var ArrayValues = ArrayIteratorMethods.values;
 
 var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
@@ -1695,6 +1697,7 @@ const TRANSLATION_PAIRS_COMMON = {
   addButtonText: 'Add',
   editButtonText: 'Edit',
   cancelButtonText: 'Cancel',
+  yesButtonText: 'Yes',
   deleteButtonText: 'Delete',
   saveButtonText: 'Save',
   showing: 'Showing',
@@ -1733,7 +1736,8 @@ const TRANSLATION_PAIRS_WIDGET = {
   'widget.updateWidgetTitle': 'Update Widget',
   'widget.webPerRowRequired': 'Web Per Row is required',
   'widget.tabletPerRowRequired': 'Tablet Per Row is required',
-  'widget.mobilePerRowRequired': 'Mobile Per Row is required'
+  'widget.mobilePerRowRequired': 'Mobile Per Row is required',
+  'widget.tabDeleteTitle': 'Are you sure you want to delete this tab?'
 };
 const TRANSLATION_PAIRS_ITEM = {
   'item.title': 'Title',
@@ -1799,9 +1803,9 @@ function useProviderState() {
   return context;
 }
 
-var wellKnownSymbol$9 = wellKnownSymbol$g;
+var wellKnownSymbol$b = wellKnownSymbol$i;
 
-var TO_STRING_TAG$1 = wellKnownSymbol$9('toStringTag');
+var TO_STRING_TAG$1 = wellKnownSymbol$b('toStringTag');
 var test = {};
 
 test[TO_STRING_TAG$1] = 'z';
@@ -1811,9 +1815,9 @@ var toStringTagSupport = String(test) === '[object z]';
 var TO_STRING_TAG_SUPPORT = toStringTagSupport;
 var isCallable$7 = isCallable$m;
 var classofRaw$1 = classofRaw$2;
-var wellKnownSymbol$8 = wellKnownSymbol$g;
+var wellKnownSymbol$a = wellKnownSymbol$i;
 
-var TO_STRING_TAG = wellKnownSymbol$8('toStringTag');
+var TO_STRING_TAG = wellKnownSymbol$a('toStringTag');
 var $Object = Object;
 
 // ES3 wrong here
@@ -1827,7 +1831,7 @@ var tryGet = function (it, key) {
 };
 
 // getting tag from ES6+ `Object.prototype.toString`
-var classof$5 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
+var classof$6 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
   var O, tag, result;
   return it === undefined ? 'Undefined' : it === null ? 'Null'
     // @@toStringTag case
@@ -1838,12 +1842,12 @@ var classof$5 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
     : (result = classofRaw$1(O)) == 'Object' && isCallable$7(O.callee) ? 'Arguments' : result;
 };
 
-var classof$4 = classof$5;
+var classof$5 = classof$6;
 
 var $String = String;
 
-var toString$6 = function (argument) {
-  if (classof$4(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
+var toString$7 = function (argument) {
+  if (classof$5(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
   return $String(argument);
 };
 
@@ -1922,8 +1926,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$c = functionCall;
-var uncurryThis$a = functionUncurryThis;
-var toString$5 = toString$6;
+var uncurryThis$b = functionUncurryThis;
+var toString$6 = toString$7;
 var regexpFlags = regexpFlags$1;
 var stickyHelpers = regexpStickyHelpers;
 var shared = shared$4.exports;
@@ -1935,10 +1939,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$a(''.charAt);
-var indexOf = uncurryThis$a(''.indexOf);
-var replace$2 = uncurryThis$a(''.replace);
-var stringSlice$3 = uncurryThis$a(''.slice);
+var charAt$3 = uncurryThis$b(''.charAt);
+var indexOf = uncurryThis$b(''.indexOf);
+var replace$2 = uncurryThis$b(''.replace);
+var stringSlice$3 = uncurryThis$b(''.slice);
 
 var UPDATES_LAST_INDEX_WRONG = (function () {
   var re1 = /a/;
@@ -1959,7 +1963,7 @@ if (PATCH) {
   patchedExec = function exec(string) {
     var re = this;
     var state = getInternalState(re);
-    var str = toString$5(string);
+    var str = toString$6(string);
     var raw = state.raw;
     var result, reCopy, lastIndex, match, i, object, group;
 
@@ -2036,12 +2040,12 @@ if (PATCH) {
 
 var regexpExec$2 = patchedExec;
 
-var $$b = _export;
+var $$c = _export;
 var exec$2 = regexpExec$2;
 
 // `RegExp.prototype.exec` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.exec
-$$b({ target: 'RegExp', proto: true, forced: /./.exec !== exec$2 }, {
+$$c({ target: 'RegExp', proto: true, forced: /./.exec !== exec$2 }, {
   exec: exec$2
 });
 
@@ -2057,29 +2061,29 @@ var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$
 });
 
 var classofRaw = classofRaw$2;
-var uncurryThis$9 = functionUncurryThis;
+var uncurryThis$a = 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$9(fn);
+  if (classofRaw(fn) === 'Function') return uncurryThis$a(fn);
 };
 
 // TODO: Remove from `core-js@4` since it's moved to entry points
 
-var uncurryThis$8 = functionUncurryThisClause;
+var uncurryThis$9 = functionUncurryThisClause;
 var defineBuiltIn$3 = defineBuiltIn$7;
 var regexpExec$1 = regexpExec$2;
 var fails$8 = fails$n;
-var wellKnownSymbol$7 = wellKnownSymbol$g;
+var wellKnownSymbol$9 = wellKnownSymbol$i;
 var createNonEnumerableProperty = createNonEnumerableProperty$5;
 
-var SPECIES$3 = wellKnownSymbol$7('species');
+var SPECIES$3 = wellKnownSymbol$9('species');
 var RegExpPrototype$2 = RegExp.prototype;
 
 var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
-  var SYMBOL = wellKnownSymbol$7(KEY);
+  var SYMBOL = wellKnownSymbol$9(KEY);
 
   var DELEGATES_TO_SYMBOL = !fails$8(function () {
     // String methods call symbol-named RegEp methods
@@ -2117,9 +2121,9 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
     !DELEGATES_TO_EXEC ||
     FORCED
   ) {
-    var uncurriedNativeRegExpMethod = uncurryThis$8(/./[SYMBOL]);
+    var uncurriedNativeRegExpMethod = uncurryThis$9(/./[SYMBOL]);
     var methods = exec(SYMBOL, ''[KEY], function (nativeMethod, regexp, str, arg2, forceStringMethod) {
-      var uncurriedNativeMethod = uncurryThis$8(nativeMethod);
+      var uncurriedNativeMethod = uncurryThis$9(nativeMethod);
       var $exec = regexp.exec;
       if ($exec === regexpExec$1 || $exec === RegExpPrototype$2.exec) {
         if (DELEGATES_TO_SYMBOL && !forceStringMethod) {
@@ -2140,18 +2144,18 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
   if (SHAM) createNonEnumerableProperty(RegExpPrototype$2[SYMBOL], 'sham', true);
 };
 
-var uncurryThis$7 = functionUncurryThis;
+var uncurryThis$8 = functionUncurryThis;
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$4;
-var toString$4 = toString$6;
-var requireObjectCoercible$3 = requireObjectCoercible$6;
+var toString$5 = toString$7;
+var requireObjectCoercible$4 = requireObjectCoercible$7;
 
-var charAt$2 = uncurryThis$7(''.charAt);
-var charCodeAt = uncurryThis$7(''.charCodeAt);
-var stringSlice$2 = uncurryThis$7(''.slice);
+var charAt$2 = uncurryThis$8(''.charAt);
+var charCodeAt = uncurryThis$8(''.charCodeAt);
+var stringSlice$2 = uncurryThis$8(''.slice);
 
 var createMethod$2 = function (CONVERT_TO_STRING) {
   return function ($this, pos) {
-    var S = toString$4(requireObjectCoercible$3($this));
+    var S = toString$5(requireObjectCoercible$4($this));
     var position = toIntegerOrInfinity$1(pos);
     var size = S.length;
     var first, second;
@@ -2185,13 +2189,13 @@ var advanceStringIndex$1 = function (S, index, unicode) {
   return index + (unicode ? charAt$1(S, index).length : 1);
 };
 
-var uncurryThis$6 = functionUncurryThis;
+var uncurryThis$7 = functionUncurryThis;
 var toObject$1 = toObject$5;
 
 var floor = Math.floor;
-var charAt = uncurryThis$6(''.charAt);
-var replace$1 = uncurryThis$6(''.replace);
-var stringSlice$1 = uncurryThis$6(''.slice);
+var charAt = uncurryThis$7(''.charAt);
+var replace$1 = uncurryThis$7(''.replace);
+var stringSlice$1 = uncurryThis$7(''.slice);
 var SUBSTITUTION_SYMBOLS = /\$([$&'`]|\d{1,2}|<[^>]*>)/g;
 var SUBSTITUTION_SYMBOLS_NO_NAMED = /\$([$&'`]|\d{1,2})/g;
 
@@ -2233,10 +2237,10 @@ var getSubstitution$1 = function (matched, str, position, captures, namedCapture
 var call$a = functionCall;
 var anObject$8 = anObject$f;
 var isCallable$6 = isCallable$m;
-var classof$3 = classofRaw$2;
+var classof$4 = classofRaw$2;
 var regexpExec = regexpExec$2;
 
-var $TypeError$7 = TypeError;
+var $TypeError$8 = TypeError;
 
 // `RegExpExec` abstract operation
 // https://tc39.es/ecma262/#sec-regexpexec
@@ -2247,13 +2251,13 @@ var regexpExecAbstract = function (R, S) {
     if (result !== null) anObject$8(result);
     return result;
   }
-  if (classof$3(R) === 'RegExp') return call$a(regexpExec, R, S);
-  throw $TypeError$7('RegExp#exec called on incompatible receiver');
+  if (classof$4(R) === 'RegExp') return call$a(regexpExec, R, S);
+  throw $TypeError$8('RegExp#exec called on incompatible receiver');
 };
 
 var apply$1 = functionApply;
 var call$9 = functionCall;
-var uncurryThis$5 = functionUncurryThis;
+var uncurryThis$6 = functionUncurryThis;
 var fixRegExpWellKnownSymbolLogic$1 = fixRegexpWellKnownSymbolLogic;
 var fails$7 = fails$n;
 var anObject$7 = anObject$f;
@@ -2261,21 +2265,21 @@ var isCallable$5 = isCallable$m;
 var isNullOrUndefined$3 = isNullOrUndefined$6;
 var toIntegerOrInfinity = toIntegerOrInfinity$4;
 var toLength = toLength$2;
-var toString$3 = toString$6;
-var requireObjectCoercible$2 = requireObjectCoercible$6;
+var toString$4 = toString$7;
+var requireObjectCoercible$3 = requireObjectCoercible$7;
 var advanceStringIndex = advanceStringIndex$1;
 var getMethod$3 = getMethod$5;
 var getSubstitution = getSubstitution$1;
 var regExpExec$1 = regexpExecAbstract;
-var wellKnownSymbol$6 = wellKnownSymbol$g;
+var wellKnownSymbol$8 = wellKnownSymbol$i;
 
-var REPLACE = wellKnownSymbol$6('replace');
+var REPLACE = wellKnownSymbol$8('replace');
 var max = Math.max;
 var min = Math.min;
-var concat = uncurryThis$5([].concat);
-var push = uncurryThis$5([].push);
-var stringIndexOf = uncurryThis$5(''.indexOf);
-var stringSlice = uncurryThis$5(''.slice);
+var concat = uncurryThis$6([].concat);
+var push = uncurryThis$6([].push);
+var stringIndexOf$1 = uncurryThis$6(''.indexOf);
+var stringSlice = uncurryThis$6(''.slice);
 
 var maybeToString = function (it) {
   return it === undefined ? it : String(it);
@@ -2315,29 +2319,29 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
     // `String.prototype.replace` method
     // https://tc39.es/ecma262/#sec-string.prototype.replace
     function replace(searchValue, replaceValue) {
-      var O = requireObjectCoercible$2(this);
+      var O = requireObjectCoercible$3(this);
       var replacer = isNullOrUndefined$3(searchValue) ? undefined : getMethod$3(searchValue, REPLACE);
       return replacer
         ? call$9(replacer, searchValue, O, replaceValue)
-        : call$9(nativeReplace, toString$3(O), searchValue, replaceValue);
+        : call$9(nativeReplace, toString$4(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$3(string);
+      var S = toString$4(string);
 
       if (
         typeof replaceValue == 'string' &&
-        stringIndexOf(replaceValue, UNSAFE_SUBSTITUTE) === -1 &&
-        stringIndexOf(replaceValue, '$<') === -1
+        stringIndexOf$1(replaceValue, UNSAFE_SUBSTITUTE) === -1 &&
+        stringIndexOf$1(replaceValue, '$<') === -1
       ) {
         var res = maybeCallNative(nativeReplace, rx, S, replaceValue);
         if (res.done) return res.value;
       }
 
       var functionalReplace = isCallable$5(replaceValue);
-      if (!functionalReplace) replaceValue = toString$3(replaceValue);
+      if (!functionalReplace) replaceValue = toString$4(replaceValue);
 
       var global = rx.global;
       if (global) {
@@ -2352,7 +2356,7 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
         push(results, result);
         if (!global) break;
 
-        var matchStr = toString$3(result[0]);
+        var matchStr = toString$4(result[0]);
         if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);
       }
 
@@ -2361,7 +2365,7 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
       for (var i = 0; i < results.length; i++) {
         result = results[i];
 
-        var matched = toString$3(result[0]);
+        var matched = toString$4(result[0]);
         var position = max(min(toIntegerOrInfinity(result.index), S.length), 0);
         var captures = [];
         // NOTE: This is equivalent to
@@ -2374,7 +2378,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$3(apply$1(replaceValue, undefined, replacerArgs));
+          var replacement = toString$4(apply$1(replaceValue, undefined, replacerArgs));
         } else {
           replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);
         }
@@ -2388,7 +2392,7 @@ fixRegExpWellKnownSymbolLogic$1('replace', function (_, nativeReplace, maybeCall
   ];
 }, !REPLACE_SUPPORTS_NAMED_GROUPS || !REPLACE_KEEPS_$0 || REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);
 
-var $$a = _export;
+var $$b = _export;
 var $includes = arrayIncludes.includes;
 var fails$6 = fails$n;
 var addToUnscopables = addToUnscopables$2;
@@ -2400,7 +2404,7 @@ var BROKEN_ON_SPARSE = fails$6(function () {
 
 // `Array.prototype.includes` method
 // https://tc39.es/ecma262/#sec-array.prototype.includes
-$$a({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+$$b({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
   includes: function includes(el /* , fromIndex = 0 */) {
     return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -2413,12 +2417,12 @@ addToUnscopables('includes');
 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$4 = functionUncurryThis;
-var requireObjectCoercible$1 = requireObjectCoercible$6;
-var toString$2 = toString$6;
+var uncurryThis$5 = functionUncurryThis;
+var requireObjectCoercible$2 = requireObjectCoercible$7;
+var toString$3 = toString$7;
 var whitespaces$2 = whitespaces$3;
 
-var replace = uncurryThis$4(''.replace);
+var replace = uncurryThis$5(''.replace);
 var whitespace = '[' + whitespaces$2 + ']';
 var ltrim = RegExp('^' + whitespace + whitespace + '*');
 var rtrim = RegExp(whitespace + whitespace + '*$');
@@ -2426,7 +2430,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$2(requireObjectCoercible$1($this));
+    var string = toString$3(requireObjectCoercible$2($this));
     if (TYPE & 1) string = replace(string, ltrim, '');
     if (TYPE & 2) string = replace(string, rtrim, '');
     return string;
@@ -2461,13 +2465,13 @@ var stringTrimForced = function (METHOD_NAME) {
   });
 };
 
-var $$9 = _export;
+var $$a = _export;
 var $trim = stringTrim.trim;
 var forcedStringTrimMethod = stringTrimForced;
 
 // `String.prototype.trim` method
 // https://tc39.es/ecma262/#sec-string.prototype.trim
-$$9({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
+$$a({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
   trim: function trim() {
     return $trim(this);
   }
@@ -2488,7 +2492,7 @@ const changeToCode = (string = '') => {
   var _a, _b;
   return (_b = (_a = string.replace(/[^\s\w]/gi, '')) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === null || _b === void 0 ? void 0 : _b.replace(/ /g, '_');
 };
-const isObject$2 = data => {
+const isObject$3 = data => {
   var _a;
   return ((_a = data === null || data === void 0 ? void 0 : data.constructor) === null || _a === void 0 ? void 0 : _a.name) === 'Object';
 };
@@ -2501,7 +2505,7 @@ const isArray = data => {
   return ((_a = data === null || data === void 0 ? void 0 : data.constructor) === null || _a === void 0 ? void 0 : _a.name) === 'Array';
 };
 const isEmpty = data => {
-  if (isObject$2(data)) return Object.keys(data).length === 0;
+  if (isObject$3(data)) return Object.keys(data).length === 0;
   if (isArray(data)) return data.length === 0;
   if (isString(data)) return !data || data.length === 0;
   if ([undefined, null, ''].includes(data)) return true;
@@ -2525,8 +2529,8 @@ const build_path = (...args) => {
 
 var global$9 = global$n;
 var fails$4 = fails$n;
-var uncurryThis$3 = functionUncurryThis;
-var toString$1 = toString$6;
+var uncurryThis$4 = functionUncurryThis;
+var toString$2 = toString$7;
 var trim = stringTrim.trim;
 var whitespaces = whitespaces$3;
 
@@ -2534,7 +2538,7 @@ var $parseInt$1 = global$9.parseInt;
 var Symbol$1 = global$9.Symbol;
 var ITERATOR$3 = Symbol$1 && Symbol$1.iterator;
 var hex = /^[+-]?0x/i;
-var exec$1 = uncurryThis$3(hex.exec);
+var exec$1 = uncurryThis$4(hex.exec);
 var FORCED = $parseInt$1(whitespaces + '08') !== 8 || $parseInt$1(whitespaces + '0x16') !== 22
   // MS Edge 18- broken with boxed symbols
   || (ITERATOR$3 && !fails$4(function () { $parseInt$1(Object(ITERATOR$3)); }));
@@ -2542,17 +2546,17 @@ 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$1(string));
+  var S = trim(toString$2(string));
   return $parseInt$1(S, (radix >>> 0) || (exec$1(hex, S) ? 16 : 10));
 } : $parseInt$1;
 
-var $$8 = _export;
+var $$9 = _export;
 var parseInt$1 = numberParseInt;
 
 // `Number.parseInt` method
 // https://tc39.es/ecma262/#sec-number.parseint
 // eslint-disable-next-line es/no-number-parseint -- required for testing
-$$8({ target: 'Number', stat: true, forced: Number.parseInt != parseInt$1 }, {
+$$9({ target: 'Number', stat: true, forced: Number.parseInt != parseInt$1 }, {
   parseInt: parseInt$1
 });
 
@@ -2568,9 +2572,9 @@ var call$8 = functionCall;
 var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
 var anObject$6 = anObject$f;
 var isNullOrUndefined$2 = isNullOrUndefined$6;
-var requireObjectCoercible = requireObjectCoercible$6;
+var requireObjectCoercible$1 = requireObjectCoercible$7;
 var sameValue = sameValue$1;
-var toString = toString$6;
+var toString$1 = toString$7;
 var getMethod$2 = getMethod$5;
 var regExpExec = regexpExecAbstract;
 
@@ -2580,15 +2584,15 @@ fixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCal
     // `String.prototype.search` method
     // https://tc39.es/ecma262/#sec-string.prototype.search
     function search(regexp) {
-      var O = requireObjectCoercible(this);
+      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(O));
+      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(string);
+      var S = toString$1(string);
       var res = maybeCallNative(nativeSearch, rx, S);
 
       if (res.done) return res.value;
@@ -3549,7 +3553,7 @@ var regexpGetFlags = function (R) {
 var PROPER_FUNCTION_NAME = functionName.PROPER;
 var defineBuiltIn$2 = defineBuiltIn$7;
 var anObject$5 = anObject$f;
-var $toString = toString$6;
+var $toString = toString$7;
 var fails$3 = fails$n;
 var getRegExpFlags = regexpGetFlags;
 
@@ -3577,7 +3581,7 @@ var toObject = toObject$5;
 var IndexedObject = indexedObject;
 var lengthOfArrayLike$1 = lengthOfArrayLike$3;
 
-var $TypeError$6 = TypeError;
+var $TypeError$7 = TypeError;
 
 // `Array.prototype.{ reduce, reduceRight }` methods implementation
 var createMethod = function (IS_RIGHT) {
@@ -3596,7 +3600,7 @@ var createMethod = function (IS_RIGHT) {
       }
       index += i;
       if (IS_RIGHT ? index < 0 : length <= index) {
-        throw $TypeError$6('Reduce of empty array with no initial value');
+        throw $TypeError$7('Reduce of empty array with no initial value');
       }
     }
     for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {
@@ -3625,12 +3629,12 @@ var arrayMethodIsStrict$1 = function (METHOD_NAME, argument) {
   });
 };
 
-var classof$2 = classofRaw$2;
+var classof$3 = classofRaw$2;
 var global$8 = global$n;
 
-var engineIsNode = classof$2(global$8.process) == 'process';
+var engineIsNode = classof$3(global$8.process) == 'process';
 
-var $$7 = _export;
+var $$8 = _export;
 var $reduce = arrayReduce.left;
 var arrayMethodIsStrict = arrayMethodIsStrict$1;
 var CHROME_VERSION = engineV8Version;
@@ -3643,19 +3647,19 @@ var CHROME_BUG = !IS_NODE$4 && CHROME_VERSION > 79 && CHROME_VERSION < 83;
 
 // `Array.prototype.reduce` method
 // https://tc39.es/ecma262/#sec-array.prototype.reduce
-$$7({ target: 'Array', proto: true, forced: !STRICT_METHOD || CHROME_BUG }, {
+$$8({ target: 'Array', proto: true, forced: !STRICT_METHOD || CHROME_BUG }, {
   reduce: function reduce(callbackfn /* , initialValue */) {
     var length = arguments.length;
     return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);
   }
 });
 
-var $$6 = _export;
+var $$7 = _export;
 var $parseInt = numberParseInt;
 
 // `parseInt` method
 // https://tc39.es/ecma262/#sec-parseint-string-radix
-$$6({ global: true, forced: parseInt != $parseInt }, {
+$$7({ global: true, forced: parseInt != $parseInt }, {
   parseInt: $parseInt
 });
 
@@ -4825,7 +4829,7 @@ const useWidget = ({
     }
     setLoading(false);
   });
-  const getCollectionData = (collectionName, search) => __awaiter(void 0, void 0, void 0, function* () {
+  const getCollectionData = (collectionName, search, callback) => __awaiter(void 0, void 0, void 0, function* () {
     setCollectionDataLoading(true);
     const api = getApiType({
       routes,
@@ -4846,6 +4850,7 @@ const useWidget = ({
     });
     if ((response === null || response === void 0 ? void 0 : response.code) === 'SUCCESS') {
       setCollectionDataLoading(false);
+      if (typeof callback === 'function') callback(paginationDataGatter(response));
       return setCollectionData(paginationDataGatter(response));
     }
     setCollectionDataLoading(false);
@@ -4884,8 +4889,36 @@ const useWidget = ({
     setFormState(undefined);
     setItemData(null);
   };
+  const updateCollectionDataReferences = itemData => collectionData => {
+    const itemDataUpdated = Object.assign({}, itemData);
+    if (itemDataUpdated['tabs'] && itemDataUpdated['tabs'].length > 0 && collectionData && collectionData.length > 0) {
+      itemDataUpdated['tabs'] = itemDataUpdated['tabs'].map(item => {
+        var _a;
+        return {
+          name: item.name,
+          collectionItems: ((_a = item === null || item === void 0 ? void 0 : item.collectionItems) === null || _a === void 0 ? void 0 : _a.map(itemId => {
+            item = collectionData.find(item => item._id === itemId || item.id === itemId);
+            return item ? Object.assign({
+              label: item.name,
+              value: item._id || item.id
+            }, item) : {};
+          })) || []
+        };
+      });
+    }
+    if (itemDataUpdated['collectionItems'] && itemDataUpdated['collectionItems'].length > 0 && collectionData && collectionData.length > 0) {
+      let item;
+      itemDataUpdated['collectionItems'] = itemDataUpdated['collectionItems'].map(itemId => {
+        item = collectionData.find(item => item._id === itemId || item.id === itemId);
+        return item ? Object.assign({
+          label: item.name,
+          value: item._id || item.id
+        }, item) : {};
+      });
+    }
+    setItemData(itemDataUpdated);
+  };
   const onChangeFormState = (state, data) => {
-    setItemData(data || null);
     setFormState(state);
     // fetch ItemsTypes & WidgetTypes if needed
     if (state === 'ADD' || state === 'UPDATE') {
@@ -4894,13 +4927,17 @@ const useWidget = ({
     }
     // get Item data if widget is updating
     if (state === 'UPDATE' && data) {
-      if (data['itemsType'] !== 'Image' && data['collectionName']) getCollectionData(data['collectionName']);else getItems(data['_id']);
+      if (data['itemsType'] !== 'Image' && data['collectionName']) getCollectionData(data['collectionName'], '', updateCollectionDataReferences(data));else {
+        getItems(data['_id']);
+        setItemData(data);
+      }
     } else if (state === 'ADD') {
       // reset Item data if widget is adding
       setItemsList({
         web: [],
         mobile: []
       });
+      setItemData(null);
     }
   };
   const onItemFormSubmit = (state, data, updateId) => __awaiter(void 0, void 0, void 0, function* () {
@@ -5033,10 +5070,10 @@ const useWidget = ({
 
 var getBuiltIn$3 = getBuiltIn$8;
 var definePropertyModule = objectDefineProperty;
-var wellKnownSymbol$5 = wellKnownSymbol$g;
+var wellKnownSymbol$7 = wellKnownSymbol$i;
 var DESCRIPTORS = descriptors;
 
-var SPECIES$2 = wellKnownSymbol$5('species');
+var SPECIES$2 = wellKnownSymbol$7('species');
 
 var setSpecies$1 = function (CONSTRUCTOR_NAME) {
   var Constructor = getBuiltIn$3(CONSTRUCTOR_NAME);
@@ -5052,17 +5089,17 @@ var setSpecies$1 = function (CONSTRUCTOR_NAME) {
 
 var isPrototypeOf$1 = objectIsPrototypeOf;
 
-var $TypeError$5 = TypeError;
+var $TypeError$6 = TypeError;
 
 var anInstance$1 = function (it, Prototype) {
   if (isPrototypeOf$1(Prototype, it)) return it;
-  throw $TypeError$5('Incorrect invocation');
+  throw $TypeError$6('Incorrect invocation');
 };
 
-var uncurryThis$2 = functionUncurryThis;
+var uncurryThis$3 = functionUncurryThis;
 var fails$1 = fails$n;
 var isCallable$4 = isCallable$m;
-var classof$1 = classof$5;
+var classof$2 = classof$6;
 var getBuiltIn$2 = getBuiltIn$8;
 var inspectSource$1 = inspectSource$3;
 
@@ -5070,7 +5107,7 @@ var noop = function () { /* empty */ };
 var empty = [];
 var construct = getBuiltIn$2('Reflect', 'construct');
 var constructorRegExp = /^\s*(?:class|function)\b/;
-var exec = uncurryThis$2(constructorRegExp.exec);
+var exec = uncurryThis$3(constructorRegExp.exec);
 var INCORRECT_TO_STRING = !constructorRegExp.exec(noop);
 
 var isConstructorModern = function isConstructor(argument) {
@@ -5085,7 +5122,7 @@ var isConstructorModern = function isConstructor(argument) {
 
 var isConstructorLegacy = function isConstructor(argument) {
   if (!isCallable$4(argument)) return false;
-  switch (classof$1(argument)) {
+  switch (classof$2(argument)) {
     case 'AsyncFunction':
     case 'GeneratorFunction':
     case 'AsyncGeneratorFunction': return false;
@@ -5115,20 +5152,20 @@ var isConstructor$1 = !construct || fails$1(function () {
 var isConstructor = isConstructor$1;
 var tryToString$2 = tryToString$4;
 
-var $TypeError$4 = TypeError;
+var $TypeError$5 = TypeError;
 
 // `Assert: IsConstructor(argument) is true`
 var aConstructor$1 = function (argument) {
   if (isConstructor(argument)) return argument;
-  throw $TypeError$4(tryToString$2(argument) + ' is not a constructor');
+  throw $TypeError$5(tryToString$2(argument) + ' is not a constructor');
 };
 
 var anObject$4 = anObject$f;
 var aConstructor = aConstructor$1;
 var isNullOrUndefined$1 = isNullOrUndefined$6;
-var wellKnownSymbol$4 = wellKnownSymbol$g;
+var wellKnownSymbol$6 = wellKnownSymbol$i;
 
-var SPECIES$1 = wellKnownSymbol$4('species');
+var SPECIES$1 = wellKnownSymbol$6('species');
 
 // `SpeciesConstructor` abstract operation
 // https://tc39.es/ecma262/#sec-speciesconstructor
@@ -5138,11 +5175,11 @@ var speciesConstructor$1 = function (O, defaultConstructor) {
   return C === undefined || isNullOrUndefined$1(S = anObject$4(C)[SPECIES$1]) ? defaultConstructor : aConstructor(S);
 };
 
-var uncurryThis$1 = functionUncurryThisClause;
+var uncurryThis$2 = functionUncurryThisClause;
 var aCallable$5 = aCallable$8;
 var NATIVE_BIND = functionBindNative;
 
-var bind$4 = uncurryThis$1(uncurryThis$1.bind);
+var bind$4 = uncurryThis$2(uncurryThis$2.bind);
 
 // optional / simple context binding
 var functionBindContext = function (fn, that) {
@@ -5152,14 +5189,14 @@ var functionBindContext = function (fn, that) {
   };
 };
 
-var uncurryThis = functionUncurryThis;
+var uncurryThis$1 = functionUncurryThis;
 
-var arraySlice$1 = uncurryThis([].slice);
+var arraySlice$1 = uncurryThis$1([].slice);
 
-var $TypeError$3 = TypeError;
+var $TypeError$4 = TypeError;
 
 var validateArgumentsLength$1 = function (passed, required) {
-  if (passed < required) throw $TypeError$3('Not enough arguments');
+  if (passed < required) throw $TypeError$4('Not enough arguments');
   return passed;
 };
 
@@ -5440,13 +5477,13 @@ var NativePromiseConstructor$3 = promiseNativeConstructor;
 var isCallable$2 = isCallable$m;
 var isForced = isForced_1;
 var inspectSource = inspectSource$3;
-var wellKnownSymbol$3 = wellKnownSymbol$g;
+var wellKnownSymbol$5 = wellKnownSymbol$i;
 var IS_BROWSER = engineIsBrowser;
 var IS_DENO = engineIsDeno;
 var V8_VERSION = engineV8Version;
 
 NativePromiseConstructor$3 && NativePromiseConstructor$3.prototype;
-var SPECIES = wellKnownSymbol$3('species');
+var SPECIES = wellKnownSymbol$5('species');
 var SUBCLASSING = false;
 var NATIVE_PROMISE_REJECTION_EVENT$1 = isCallable$2(global$2.PromiseRejectionEvent);
 
@@ -5484,12 +5521,12 @@ var newPromiseCapability$2 = {};
 
 var aCallable$4 = aCallable$8;
 
-var $TypeError$2 = TypeError;
+var $TypeError$3 = TypeError;
 
 var PromiseCapability = function (C) {
   var resolve, reject;
   this.promise = new C(function ($$resolve, $$reject) {
-    if (resolve !== undefined || reject !== undefined) throw $TypeError$2('Bad Promise constructor');
+    if (resolve !== undefined || reject !== undefined) throw $TypeError$3('Bad Promise constructor');
     resolve = $$resolve;
     reject = $$reject;
   });
@@ -5503,7 +5540,7 @@ newPromiseCapability$2.f = function (C) {
   return new PromiseCapability(C);
 };
 
-var $$5 = _export;
+var $$6 = _export;
 var IS_NODE = engineIsNode;
 var global$1 = global$n;
 var call$6 = functionCall;
@@ -5513,7 +5550,7 @@ var setToStringTag = setToStringTag$3;
 var setSpecies = setSpecies$1;
 var aCallable$3 = aCallable$8;
 var isCallable$1 = isCallable$m;
-var isObject$1 = isObject$9;
+var isObject$2 = isObject$a;
 var anInstance = anInstance$1;
 var speciesConstructor = speciesConstructor$1;
 var task = task$1.set;
@@ -5555,7 +5592,7 @@ var Internal, OwnPromiseCapability, PromiseWrapper, nativeThen;
 // helpers
 var isThenable = function (it) {
   var then;
-  return isObject$1(it) && isCallable$1(then = it.then) ? then : false;
+  return isObject$2(it) && isCallable$1(then = it.then) ? then : false;
 };
 
 var callReaction = function (reaction, state) {
@@ -5783,17 +5820,17 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
   }
 }
 
-$$5({ global: true, constructor: true, wrap: true, forced: FORCED_PROMISE_CONSTRUCTOR$4 }, {
+$$6({ global: true, constructor: true, wrap: true, forced: FORCED_PROMISE_CONSTRUCTOR$4 }, {
   Promise: PromiseConstructor
 });
 
 setToStringTag(PromiseConstructor, PROMISE, false);
 setSpecies(PROMISE);
 
-var wellKnownSymbol$2 = wellKnownSymbol$g;
+var wellKnownSymbol$4 = wellKnownSymbol$i;
 var Iterators$1 = iterators;
 
-var ITERATOR$2 = wellKnownSymbol$2('iterator');
+var ITERATOR$2 = wellKnownSymbol$4('iterator');
 var ArrayPrototype = Array.prototype;
 
 // check on default Array iterator
@@ -5801,18 +5838,18 @@ var isArrayIteratorMethod$1 = function (it) {
   return it !== undefined && (Iterators$1.Array === it || ArrayPrototype[ITERATOR$2] === it);
 };
 
-var classof = classof$5;
+var classof$1 = classof$6;
 var getMethod$1 = getMethod$5;
 var isNullOrUndefined = isNullOrUndefined$6;
 var Iterators = iterators;
-var wellKnownSymbol$1 = wellKnownSymbol$g;
+var wellKnownSymbol$3 = wellKnownSymbol$i;
 
-var ITERATOR$1 = wellKnownSymbol$1('iterator');
+var ITERATOR$1 = wellKnownSymbol$3('iterator');
 
 var getIteratorMethod$2 = function (it) {
   if (!isNullOrUndefined(it)) return getMethod$1(it, ITERATOR$1)
     || getMethod$1(it, '@@iterator')
-    || Iterators[classof(it)];
+    || Iterators[classof$1(it)];
 };
 
 var call$5 = functionCall;
@@ -5821,12 +5858,12 @@ var anObject$3 = anObject$f;
 var tryToString$1 = tryToString$4;
 var getIteratorMethod$1 = getIteratorMethod$2;
 
-var $TypeError$1 = TypeError;
+var $TypeError$2 = TypeError;
 
 var getIterator$1 = function (argument, usingIterator) {
   var iteratorMethod = arguments.length < 2 ? getIteratorMethod$1(argument) : usingIterator;
   if (aCallable$2(iteratorMethod)) return anObject$3(call$5(iteratorMethod, argument));
-  throw $TypeError$1(tryToString$1(argument) + ' is not iterable');
+  throw $TypeError$2(tryToString$1(argument) + ' is not iterable');
 };
 
 var call$4 = functionCall;
@@ -5864,7 +5901,7 @@ var getIterator = getIterator$1;
 var getIteratorMethod = getIteratorMethod$2;
 var iteratorClose = iteratorClose$1;
 
-var $TypeError = TypeError;
+var $TypeError$1 = TypeError;
 
 var Result = function (stopped, result) {
   this.stopped = stopped;
@@ -5900,7 +5937,7 @@ var iterate$2 = function (iterable, unboundFunction, options) {
     iterator = iterable;
   } else {
     iterFn = getIteratorMethod(iterable);
-    if (!iterFn) throw $TypeError(tryToString(iterable) + ' is not iterable');
+    if (!iterFn) throw $TypeError$1(tryToString(iterable) + ' is not iterable');
     // optimisation for array iterators
     if (isArrayIteratorMethod(iterFn)) {
       for (index = 0, length = lengthOfArrayLike(iterable); length > index; index++) {
@@ -5922,9 +5959,9 @@ var iterate$2 = function (iterable, unboundFunction, options) {
   } return new Result(false);
 };
 
-var wellKnownSymbol = wellKnownSymbol$g;
+var wellKnownSymbol$2 = wellKnownSymbol$i;
 
-var ITERATOR = wellKnownSymbol('iterator');
+var ITERATOR = wellKnownSymbol$2('iterator');
 var SAFE_CLOSING = false;
 
 try {
@@ -5969,7 +6006,7 @@ var promiseStaticsIncorrectIteration = FORCED_PROMISE_CONSTRUCTOR$3 || !checkCor
   NativePromiseConstructor$1.all(iterable).then(undefined, function () { /* empty */ });
 });
 
-var $$4 = _export;
+var $$5 = _export;
 var call$2 = functionCall;
 var aCallable$1 = aCallable$8;
 var newPromiseCapabilityModule$2 = newPromiseCapability$2;
@@ -5979,7 +6016,7 @@ var PROMISE_STATICS_INCORRECT_ITERATION$1 = promiseStaticsIncorrectIteration;
 
 // `Promise.all` method
 // https://tc39.es/ecma262/#sec-promise.all
-$$4({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION$1 }, {
+$$5({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION$1 }, {
   all: function all(iterable) {
     var C = this;
     var capability = newPromiseCapabilityModule$2.f(C);
@@ -6008,7 +6045,7 @@ $$4({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
   }
 });
 
-var $$3 = _export;
+var $$4 = _export;
 var FORCED_PROMISE_CONSTRUCTOR$2 = promiseConstructorDetection.CONSTRUCTOR;
 var NativePromiseConstructor = promiseNativeConstructor;
 var getBuiltIn$1 = getBuiltIn$8;
@@ -6019,7 +6056,7 @@ var NativePromisePrototype = NativePromiseConstructor && NativePromiseConstructo
 
 // `Promise.prototype.catch` method
 // https://tc39.es/ecma262/#sec-promise.prototype.catch
-$$3({ target: 'Promise', proto: true, forced: FORCED_PROMISE_CONSTRUCTOR$2, real: true }, {
+$$4({ target: 'Promise', proto: true, forced: FORCED_PROMISE_CONSTRUCTOR$2, real: true }, {
   'catch': function (onRejected) {
     return this.then(undefined, onRejected);
   }
@@ -6033,7 +6070,7 @@ if (isCallable(NativePromiseConstructor)) {
   }
 }
 
-var $$2 = _export;
+var $$3 = _export;
 var call$1 = functionCall;
 var aCallable = aCallable$8;
 var newPromiseCapabilityModule$1 = newPromiseCapability$2;
@@ -6043,7 +6080,7 @@ var PROMISE_STATICS_INCORRECT_ITERATION = promiseStaticsIncorrectIteration;
 
 // `Promise.race` method
 // https://tc39.es/ecma262/#sec-promise.race
-$$2({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION }, {
+$$3({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION }, {
   race: function race(iterable) {
     var C = this;
     var capability = newPromiseCapabilityModule$1.f(C);
@@ -6059,14 +6096,14 @@ $$2({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
   }
 });
 
-var $$1 = _export;
+var $$2 = _export;
 var call = functionCall;
 var newPromiseCapabilityModule = newPromiseCapability$2;
 var FORCED_PROMISE_CONSTRUCTOR$1 = promiseConstructorDetection.CONSTRUCTOR;
 
 // `Promise.reject` method
 // https://tc39.es/ecma262/#sec-promise.reject
-$$1({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
+$$2({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
   reject: function reject(r) {
     var capability = newPromiseCapabilityModule.f(this);
     call(capability.reject, undefined, r);
@@ -6075,19 +6112,19 @@ $$1({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
 });
 
 var anObject = anObject$f;
-var isObject = isObject$9;
+var isObject$1 = isObject$a;
 var newPromiseCapability = newPromiseCapability$2;
 
 var promiseResolve$1 = function (C, x) {
   anObject(C);
-  if (isObject(x) && x.constructor === C) return x;
+  if (isObject$1(x) && x.constructor === C) return x;
   var promiseCapability = newPromiseCapability.f(C);
   var resolve = promiseCapability.resolve;
   resolve(x);
   return promiseCapability.promise;
 };
 
-var $ = _export;
+var $$1 = _export;
 var getBuiltIn = getBuiltIn$8;
 var FORCED_PROMISE_CONSTRUCTOR = promiseConstructorDetection.CONSTRUCTOR;
 var promiseResolve = promiseResolve$1;
@@ -6096,7 +6133,7 @@ getBuiltIn('Promise');
 
 // `Promise.resolve` method
 // https://tc39.es/ecma262/#sec-promise.resolve
-$({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
+$$1({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
   resolve: function resolve(x) {
     return promiseResolve(this, x);
   }
@@ -6268,14 +6305,7 @@ const WidgetTable = () => {
     data: list,
     loader: loader,
     loading: loading,
-    dataKeys: [{
-      label: t('widget.tableName'),
-      dataKey: 'name',
-      highlight: true
-    }, {
-      label: t('widget.tableCode'),
-      dataKey: 'code'
-    }],
+    dataKeys: dataKeys,
     actions: {
       edit: canUpdate ? onUpdateClick : false,
       delete: canDelete ? onDeleteClick : false
@@ -6283,6 +6313,66 @@ const WidgetTable = () => {
   });
 };
 
+var isObject = isObject$a;
+var classof = classofRaw$2;
+var wellKnownSymbol$1 = wellKnownSymbol$i;
+
+var MATCH$1 = wellKnownSymbol$1('match');
+
+// `IsRegExp` abstract operation
+// https://tc39.es/ecma262/#sec-isregexp
+var isRegexp = function (it) {
+  var isRegExp;
+  return isObject(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof(it) == 'RegExp');
+};
+
+var isRegExp = isRegexp;
+
+var $TypeError = TypeError;
+
+var notARegexp = function (it) {
+  if (isRegExp(it)) {
+    throw $TypeError("The method doesn't accept regular expressions");
+  } return it;
+};
+
+var wellKnownSymbol = wellKnownSymbol$i;
+
+var MATCH = wellKnownSymbol('match');
+
+var correctIsRegexpLogic = function (METHOD_NAME) {
+  var regexp = /./;
+  try {
+    '/./'[METHOD_NAME](regexp);
+  } catch (error1) {
+    try {
+      regexp[MATCH] = false;
+      return '/./'[METHOD_NAME](regexp);
+    } catch (error2) { /* empty */ }
+  } return false;
+};
+
+var $ = _export;
+var uncurryThis = functionUncurryThis;
+var notARegExp = notARegexp;
+var requireObjectCoercible = requireObjectCoercible$7;
+var toString = toString$7;
+var correctIsRegExpLogic = correctIsRegexpLogic;
+
+var stringIndexOf = uncurryThis(''.indexOf);
+
+// `String.prototype.includes` method
+// https://tc39.es/ecma262/#sec-string.prototype.includes
+$({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+  includes: function includes(searchString /* , position = 0 */) {
+    return !!~stringIndexOf(
+      toString(requireObjectCoercible(this)),
+      toString(notARegExp(searchString)),
+      arguments.length > 1 ? arguments[1] : undefined
+    );
+  }
+});
+
 const ImageUpload = ({
   className,
   text,
@@ -6571,6 +6661,174 @@ const ItemsAccordian = ({
   })))));
 };
 
+const ConfirmPopOver = ({
+  children,
+  onConfirm,
+  title,
+  confirmText: _confirmText = 'Yes',
+  cancelText: _cancelText = 'No'
+}) => {
+  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);
+  const onConfirmClick = () => {
+    setIsPopoverOpen(false);
+    onConfirm();
+  };
+  return /*#__PURE__*/React__default["default"].createElement(reactTinyPopover.Popover, {
+    containerClassName: "khb_confirm-popover",
+    isOpen: isPopoverOpen,
+    padding: 10,
+    onClickOutside: () => setIsPopoverOpen(false),
+    content: () => /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "khb_confirm-popover-content"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "khb_confirm-popover-title"
+    }, title), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "khb_confirm-popover-footer"
+    }, /*#__PURE__*/React__default["default"].createElement(Button, {
+      type: "secondary",
+      onClick: () => setIsPopoverOpen(false)
+    }, _cancelText), /*#__PURE__*/React__default["default"].createElement(Button, {
+      type: "primary",
+      onClick: onConfirmClick
+    }, _confirmText)))
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: () => setIsPopoverOpen(true)
+  }, children));
+};
+
+const TabItem = ({
+  showDelete,
+  isDisabled,
+  deleteTitle,
+  onRemoveTab,
+  register,
+  noButtonText,
+  yesButtonText
+}) => {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("input", Object.assign({
+    type: "text",
+    className: "khb_tabs-input",
+    autoFocus: true,
+    disabled: isDisabled
+  }, register || {})), showDelete ? /*#__PURE__*/React__default["default"].createElement(ConfirmPopOver, {
+    onConfirm: onRemoveTab,
+    title: deleteTitle,
+    confirmText: yesButtonText,
+    cancelText: noButtonText
+  }, /*#__PURE__*/React__default["default"].createElement(Trash, {
+    className: "khb_tabs-remove"
+  })) : '');
+};
+
+const Tabs = ({
+  options,
+  control,
+  register,
+  listCode,
+  formatItem,
+  deleteTitle,
+  noButtonText,
+  yesButtonText,
+  onItemsSearch,
+  isItemsLoading,
+  itemsPlaceholder,
+  formatOptionLabel,
+  tabCollectionItems,
+  onCollectionItemsIndexChange
+}) => {
+  const [activeTab, setActiveTab] = React.useState(0);
+  const {
+    fields: tabFields,
+    append: appendField,
+    remove: removeField
+  } = reactHookForm.useFieldArray({
+    name: 'tabs',
+    control
+  });
+  const addTab = () => {
+    appendField({
+      name: 'Tab Name',
+      collectionItems: []
+    });
+    setActiveTab(tabFields.length);
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "khb_tabs-container"
+  }, /*#__PURE__*/React__default["default"].createElement(reactTabs.Tabs, {
+    selectedIndex: activeTab,
+    onSelect: setActiveTab,
+    className: "khb-tabs"
+  }, /*#__PURE__*/React__default["default"].createElement(reactTabs.TabList, {
+    className: "khb_tabs-list"
+  }, tabFields === null || tabFields === void 0 ? void 0 : tabFields.map((field, index) => {
+    return /*#__PURE__*/React__default["default"].createElement(reactTabs.Tab, {
+      key: field.id,
+      className: classNames__default["default"]('khb_tabs-item', {
+        'khb_tabs-item-selected': activeTab === index
+      })
+    }, /*#__PURE__*/React__default["default"].createElement(TabItem, {
+      key: field.id,
+      deleteTitle: deleteTitle,
+      register: register(`tabs.${index}.name`),
+      onRemoveTab: () => {
+        removeField(index);
+        setActiveTab(index === 0 ? 0 : index - 1);
+      },
+      noButtonText: noButtonText,
+      yesButtonText: yesButtonText,
+      showDelete: (tabFields === null || tabFields === void 0 ? void 0 : tabFields.length) > 1
+    }));
+  }), /*#__PURE__*/React__default["default"].createElement(Button, {
+    className: "khb_tabs-add",
+    onClick: addTab
+  }, /*#__PURE__*/React__default["default"].createElement(Plus, null))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "khb_tabs-body"
+  }, tabFields === null || tabFields === void 0 ? void 0 : tabFields.map((field, index) => /*#__PURE__*/React__default["default"].createElement(reactTabs.TabPanel, {
+    key: field.id
+  }, /*#__PURE__*/React__default["default"].createElement(reactHookForm.Controller, {
+    control: control,
+    name: `tabs.${index}.collectionItems`,
+    render: ({
+      field: {
+        value,
+        onChange
+      }
+    }) => /*#__PURE__*/React__default["default"].createElement(CustomReactSelect, {
+      options: options,
+      onChange: value => {
+        if (value) {
+          if (Array.isArray(value)) onChange(value);else onChange([value]);
+        }
+      },
+      selectedOptions: value,
+      isMulti: true,
+      isSearchable: true,
+      onSearch: onItemsSearch,
+      isLoading: isItemsLoading,
+      placeholder: itemsPlaceholder,
+      listCode: listCode,
+      // wrapperClassName={schema.wrapperClassName}
+      formatOptionLabel: formatOptionLabel
+    })
+  }))))), /*#__PURE__*/React__default["default"].createElement(DNDItemsList, {
+    items: tabCollectionItems[activeTab],
+    onDragEnd: result => onCollectionItemsIndexChange(activeTab, result),
+    formatItem: formatItem,
+    listCode: listCode
+  }));
+};
+
+const constants = {
+  widgetTypeAccessor: 'widgetType',
+  itemTypeAccessor: 'itemsType',
+  collectionNameAccessor: 'collectionName',
+  tabsWidgetTypeValue: 'Tabs',
+  fixedCardWidgetTypeValue: 'FixedCard',
+  carouselWidgetTypeValue: 'Carousel',
+  imageItemsTypeValue: 'Image',
+  tabsAccessor: 'tabs',
+  tabCollectionItemsAccessor: 'collectionItems'
+};
 const WidgetForm = ({
   formRef
 }) => {
@@ -6584,8 +6842,11 @@ const WidgetForm = ({
     setValue,
     control,
     watch,
-    setError
-  } = reactHookForm.useForm();
+    setError,
+    getValues
+  } = reactHookForm.useForm({
+    shouldUnregister: false
+  });
   const {
     baseUrl,
     switchClass
@@ -6614,44 +6875,34 @@ const WidgetForm = ({
   const callerRef = React.useRef(null);
   const [webItemsVisible, setWebItemsVisible] = React.useState(false);
   const [mobileItemsVisible, setMobileItemsVisible] = React.useState(false);
+  const [selectedWidgetType, setSelectedWidgetType] = React.useState();
   const [itemsEnabled, setItemsEnabled] = React.useState(true);
-  const [showAutoPlay, setShowAutoPlay] = React.useState(false);
   const [selectedCollectionItems, setSelectedCollectionItems] = React.useState([]);
-  const [selectedItemsType, setSelectedItemsType] = React.useState();
+  const [tabCollectionItems, setTabCollectionItems] = React.useState([]);
+  const [selectedCollectionType, setSelectedCollectionType] = React.useState();
   React.useEffect(() => {
-    var _a;
     if (data && formState === 'UPDATE') {
-      if ((data === null || data === void 0 ? void 0 : data.widgetType) === 'Carousel') {
-        setShowAutoPlay(true);
-      } else {
-        setShowAutoPlay(false);
-      }
+      setSelectedWidgetType(data === null || data === void 0 ? void 0 : data.widgetType);
       if ((data === null || data === void 0 ? void 0 : data.itemsType) === 'Image') {
         setItemsEnabled(true);
       } else {
         setItemsEnabled(false);
       }
       if ((data === null || data === void 0 ? void 0 : data.collectionItems) && (data === null || data === void 0 ? void 0 : data.collectionItems.length) > 0 && collectionData && collectionData.length > 0) {
-        let item;
-        setSelectedCollectionItems(((_a = data === null || data === void 0 ? void 0 : data.collectionItems) === null || _a === void 0 ? void 0 : _a.map(itemId => {
-          item = collectionData.find(item => item._id === itemId || item.id === itemId);
-          return item ? Object.assign({
-            label: item.name,
-            value: item._id || item.id
-          }, item) : {};
-        })) || []);
+        setSelectedCollectionItems((data === null || data === void 0 ? void 0 : data.collectionItems) || []);
       } else {
         setSelectedCollectionItems([]);
       }
       if ((data === null || data === void 0 ? void 0 : data.collectionName) !== 'Image' && itemsTypes && itemsTypes.length > 0) {
-        setSelectedItemsType(itemsTypes.find(item => item.value === (data === null || data === void 0 ? void 0 : data.collectionName)));
+        setSelectedCollectionType(itemsTypes.find(item => item.value === (data === null || data === void 0 ? void 0 : data.collectionName)));
       }
     }
-  }, [data, formState, collectionData, itemsTypes]);
+  }, [data, formState, collectionData, itemsTypes, setValue]);
   React.useEffect(() => {
     if (formState === 'ADD') {
       setSelectedCollectionItems([]);
       setItemsEnabled(true);
+      setTabCollectionItems([]);
     }
   }, [formState]);
   React.useEffect(() => {
@@ -6662,7 +6913,7 @@ const WidgetForm = ({
   const onChangeSearch = str => {
     if (callerRef.current) clearTimeout(callerRef.current);
     callerRef.current = setTimeout(() => {
-      if (selectedItemsType) getCollectionData(selectedItemsType.value, str);
+      if (selectedCollectionType) getCollectionData(selectedCollectionType.value, str);
     }, 300);
   };
   // Form Utility Functions
@@ -6674,27 +6925,62 @@ const WidgetForm = ({
     event.target.value = changeToCode(event.target.value);
     return event;
   }
+  const getFirstItemTypeValue = React.useCallback(widgetType => {
+    const derivedItemTypes = widgetType === constants.tabsWidgetTypeValue ? itemsTypes.filter(item => item.label !== 'Image') : itemsTypes;
+    return derivedItemTypes[0];
+  }, [itemsTypes]);
+  const getFirstWidgetTypeValue = React.useCallback(() => {
+    return widgetTypes[0].value;
+  }, [widgetTypes]);
   // Widget Form Functions
   const onWidgetFormInputChange = React.useCallback((value, name) => {
     if (name === 'widgetType') {
-      if (value['widgetType'] === 'Carousel') setShowAutoPlay(true);else setShowAutoPlay(false);
-    } else if (name === 'itemsType') {
-      if (value['itemsType'] === 'Image') {
-        setSelectedItemsType(undefined);
+      setSelectedWidgetType(value[name]);
+      if (value[name] === 'Tabs') {
+        const firstItemType = getFirstItemTypeValue(value[name]);
+        if (firstItemType) {
+          getCollectionData(firstItemType.value);
+          setSelectedCollectionType(firstItemType);
+        }
+      }
+    } else if (name === constants.itemTypeAccessor) {
+      if (value[constants.itemTypeAccessor] === constants.imageItemsTypeValue) {
+        setSelectedCollectionType(undefined);
         setItemsEnabled(true);
       } else {
-        const selectedWType = itemsTypes.find(wType => wType.value === value['itemsType']);
-        setSelectedItemsType(selectedWType);
-        getCollectionData(value['itemsType']);
+        const selectedWType = itemsTypes.find(wType => wType.value === value[constants.itemTypeAccessor]);
+        setSelectedCollectionType(selectedWType);
+        getCollectionData(value[constants.itemTypeAccessor]);
         setItemsEnabled(false);
       }
+    } else if (name === null || name === void 0 ? void 0 : name.includes(constants.tabsAccessor)) {
+      setTabCollectionItems(value[constants.tabsAccessor].map(tabItem => tabItem[constants.tabCollectionItemsAccessor]));
     }
-  }, [getCollectionData, itemsTypes]);
+  }, [getCollectionData, getFirstItemTypeValue, itemsTypes]);
   const onFormSubmit = data => {
+    var _a, _b;
     const formData = Object.assign({}, data);
-    if (selectedItemsType && formState === 'ADD') {
-      formData['collectionName'] = selectedItemsType.value;
+    // setting widget type if undefined
+    if (!formData[constants.widgetTypeAccessor] && formState === 'ADD') {
+      formData[constants.widgetTypeAccessor] = getFirstWidgetTypeValue();
+    }
+    // setting tabs data if widgetType tab is selected
+    const tabsData = getValues('tabs');
+    if (Array.isArray(tabsData) && (formData[constants.widgetTypeAccessor] === constants.tabsWidgetTypeValue || formState === 'UPDATE')) {
+      formData[constants.tabsAccessor] = tabsData.map(tabItem => ({
+        name: tabItem.name,
+        collectionItems: tabItem.collectionItems.map(item => item.value)
+      }));
+    } else formData[constants.tabsAccessor] = [];
+    // setting items type if undefined
+    if (!formData[constants.itemTypeAccessor] && formState === 'ADD') {
+      formData[constants.itemTypeAccessor] = (_a = getFirstItemTypeValue(formData[constants.widgetTypeAccessor])) === null || _a === void 0 ? void 0 : _a.value;
     }
+    // setting collectionName if widgetType is FixedCard or Carousel and FormState
+    if (formData[constants.itemTypeAccessor] !== constants.imageItemsTypeValue && formState === 'ADD') {
+      formData['collectionName'] = selectedCollectionType ? selectedCollectionType.value : (_b = getFirstItemTypeValue(formData[constants.widgetTypeAccessor])) === null || _b === void 0 ? void 0 : _b.value;
+    }
+    // setting colleciton items if collectionItems are there
     if (Array.isArray(selectedCollectionItems) && selectedCollectionItems.length > 0) {
       formData['collectionItems'] = selectedCollectionItems.map(item => item.value);
     }
@@ -6714,6 +7000,19 @@ const WidgetForm = ({
       });
     }
   };
+  const onTabItemsIndexChange = (index, result) => {
+    const {
+      destination,
+      source
+    } = result;
+    if (destination) {
+      const tabCollectionItems = getValues(`tabs.${index}.collectionItems`);
+      const temporaryData = [...tabCollectionItems];
+      const [selectedRow] = temporaryData.splice(source.index, 1);
+      temporaryData.splice(destination.index, 0, selectedRow);
+      setValue(`tabs.${index}.collectionItems`, temporaryData);
+    }
+  };
   React.useEffect(() => {
     const subscription = watch((value, {
       name
@@ -6754,19 +7053,10 @@ const WidgetForm = ({
     validations: {
       required: t('widget.widgetTitleRequired')
     }
-  }, {
-    label: `${t('widget.itemsType')}`,
-    required: true,
-    editable: false,
-    accessor: 'itemsType',
-    type: 'select',
-    validations: {
-      required: t('widget.itemsTypePlaceholder')
-    },
-    options: itemsTypes
   }, {
     label: `${t('widget.widgetType')}`,
     required: true,
+    editable: false,
     accessor: 'widgetType',
     type: 'select',
     validations: {
@@ -6777,8 +7067,18 @@ const WidgetForm = ({
     label: t('widget.autoPlay'),
     accessor: 'autoPlay',
     type: 'checkbox',
-    show: showAutoPlay,
+    show: selectedWidgetType === 'Carousel',
     switchClass: switchClass
+  }, {
+    label: `${t('widget.itemsType')}`,
+    required: true,
+    editable: false,
+    accessor: 'itemsType',
+    type: 'select',
+    validations: {
+      required: t('widget.itemsTypePlaceholder')
+    },
+    options: selectedWidgetType === 'Tabs' ? itemsTypes.filter(item => item.label !== 'Image') : itemsTypes
   }, {
     label: t('widget.color'),
     accessor: 'backgroundColor',
@@ -6815,8 +7115,8 @@ const WidgetForm = ({
       required: t('widget.mobilePerRowRequired')
     }
   }, {
-    label: selectedItemsType === null || selectedItemsType === void 0 ? void 0 : selectedItemsType.label,
-    placeholder: `Select ${selectedItemsType === null || selectedItemsType === void 0 ? void 0 : selectedItemsType.label}...`,
+    label: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.label,
+    placeholder: `Select ${selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.label}...`,
     required: true,
     accessor: 'collectionItems',
     type: 'ReactSelect',
@@ -6830,9 +7130,9 @@ const WidgetForm = ({
     onChange: setSelectedCollectionItems,
     onSearch: onChangeSearch,
     isLoading: collectionDataLoading,
-    show: !itemsEnabled,
+    show: !itemsEnabled && selectedWidgetType !== 'Tabs',
     formatOptionLabel: formatOptionLabel,
-    listCode: selectedItemsType === null || selectedItemsType === void 0 ? void 0 : selectedItemsType.value
+    listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value
   }];
   const itemFormSchema = [{
     label: `${t('item.title')}`,
@@ -6907,12 +7207,29 @@ const WidgetForm = ({
     setValue: setValue,
     control: control,
     setError: setError
-  }), !itemsEnabled && /*#__PURE__*/React__default["default"].createElement(DNDItemsList, {
+  }), selectedWidgetType === 'Tabs' ? /*#__PURE__*/React__default["default"].createElement(Tabs, {
+    control: control,
+    register: register,
+    deleteTitle: t('widget.tabDeleteTitle'),
+    yesButtonText: t('yesButtonText'),
+    noButtonText: t('cancelButtonText'),
+    options: collectionData.map(item => Object.assign({
+      value: item['_id'] || item['id'],
+      label: item['name']
+    }, item)),
+    itemsPlaceholder: `Select ${selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.label}...`,
+    onItemsSearch: onChangeSearch,
+    isItemsLoading: collectionDataLoading,
+    formatOptionLabel: formatOptionLabel,
+    listCode: (selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value) || '',
+    onCollectionItemsIndexChange: onTabItemsIndexChange,
+    tabCollectionItems: tabCollectionItems
+  }) : null, !itemsEnabled && selectedWidgetType !== 'Tabs' && /*#__PURE__*/React__default["default"].createElement(DNDItemsList, {
     items: selectedCollectionItems,
     onDragEnd: onCollectionIndexChange,
     formatItem: formatListItem,
-    listCode: selectedItemsType === null || selectedItemsType === void 0 ? void 0 : selectedItemsType.value
-  }), itemsEnabled && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ItemsAccordian, {
+    listCode: selectedCollectionType === null || selectedCollectionType === void 0 ? void 0 : selectedCollectionType.value
+  }), itemsEnabled && selectedWidgetType !== 'Tabs' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ItemsAccordian, {
     collapseId: "webItems",
     title: t('widget.webItems'),
     id: "webItems",